npm - @spw-ds/spw-stencil-library - Versions diffs - 1.11.0 → 1.12.0 - Mend

@spw-ds/spw-stencil-library 1.11.0 → 1.12.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 (481) hide show

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B9VTdKwF.js');
+var index = require('./index-id_AkABS.js');
 const spwHeroCss = () => `@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-hero-content-max-width:578px;--spw-hero-ratio-picture:initial;--spw-hero-shadow:var(--spw-effect-elevation-5);--spw-hero-radius:12px;--spw-hero-featured-ratio-mobile:initial;--spw-hero-featured-ratio-tablet:initial;--spw-hero-featured-ratio-desktop:initial}.spw-hero{position:relative;overflow:hidden}.spw-hero--has-shadow{box-shadow:var(--spw-hero-shadow)}.spw-hero--has-radius{border-radius:var(--spw-hero-radius)}.spw-hero--surface-dark{color:white}.spw-hero--surface-light{color:var(--spw-color-themes-grey-grey-900)}.spw-hero--grey{background:var(--spw-color-themes-grey-grey-100)}.spw-hero--white{background:white}.spw-hero--grey,.spw-hero--white{display:flex;flex-direction:column;padding:24px;gap:24px}@media (min-width: 1024px){.spw-hero--grey,.spw-hero--white{padding:64px;gap:48px;flex-direction:row;align-items:center}}.spw-hero--has-picture-full{padding:0;gap:0}.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:column}@media (min-width: 1024px){.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:row-reverse}}.spw-hero__container{display:flex;position:relative;margin:0 auto;z-index:3;padding-left:0;padding-right:0}.spw-hero--photo .spw-hero__container{padding:48px 24px}@media (min-width: 1024px){.spw-hero--photo .spw-hero__container{padding:64px}}.spw-hero--has-picture-full .spw-hero__container{padding:24px}@media (min-width: 1024px){.spw-hero--has-picture-full .spw-hero__container{padding:80px 48px}}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--left .spw-hero__container{padding-left:calc(50% + 48px)}}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--right .spw-hero__container{padding-right:calc(50% + 48px)}}.spw-hero--maxi .spw-hero__container{padding:80px 24px}@media (min-width: 1024px){.spw-hero--maxi .spw-hero__container{padding:148px 24px}}.spw-hero--left .spw-hero__container{justify-content:flex-start}.spw-hero--center .spw-hero__container{justify-content:center}.spw-hero--right .spw-hero__container{justify-content:flex-end}.spw-hero__overlay,.spw-hero__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-hero__overlay{z-index:2;pointer-events:none}.spw-hero--surface-dark .spw-hero__overlay{background:var(--spw-color-themes-grey-grey-900)}.spw-hero--surface-light .spw-hero__overlay{background:white}.spw-hero__image-play{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:white;color:var(--spw-ds-primary);box-shadow:var(--spw-effect-elevation-5);width:64px;height:64px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;transition:all 0.3s ease;cursor:pointer}.spw-hero__image-play:hover{transform:translate(-50%, -50%) scale(1.1)}.spw-hero__image{z-index:1;overflow:hidden}.spw-hero__image img{width:100%;height:100%;object-fit:cover;display:block}.spw-hero--has-video .spw-hero__image{z-index:4}.spw-hero--white .spw-hero__image,.spw-hero--grey .spw-hero__image{display:block;position:relative;aspect-ratio:var(--spw-hero-ratio-picture);width:100%;border-radius:6px}@media (min-width: 1024px){.spw-hero--white .spw-hero__image,.spw-hero--grey .spw-hero__image{max-width:435px}}.spw-hero--has-picture-full .spw-hero__image{display:block;position:relative;aspect-ratio:var(--spw-hero-ratio-picture);width:100%;border-radius:6px}@media (min-width: 1024px){.spw-hero--has-picture-full .spw-hero__image{position:absolute;max-width:50%}}.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{border-radius:0}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{right:0;left:auto}}.spw-hero--has-picture-full.spw-hero--left .spw-hero__image{border-radius:0}.spw-hero--has-picture-full.spw-hero--right.spw-hero--has-radius .spw-hero__image{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--right.spw-hero--has-radius .spw-hero__image{border-top-left-radius:0;border-bottom-left-radius:0}}.spw-hero--has-picture-full.spw-hero--left.spw-hero--has-radius .spw-hero__image{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--left.spw-hero--has-radius .spw-hero__image{border-top-right-radius:0;border-bottom-right-radius:0}}.spw-hero__copyright{position:absolute;bottom:8px;right:8px;z-index:3}.spw-hero__content{width:100%}@media (min-width: 1024px){.spw-hero__content{max-width:var(--spw-hero-content-max-width)}}.spw-hero--maxi .spw-hero__content{--spw-hero-content-max-width:784px;margin:0 auto;text-align:center}.spw-hero--photo .spw-hero__content{padding:32px;background-color:var(--spw-ds-white);border-radius:8px;box-shadow:var(--spw-effect-elevation-8)}.spw-hero--featured .spw-hero__image{position:relative;width:100%;height:auto}.spw-hero--featured .spw-hero__image img{width:100%;height:auto;display:block}.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image{aspect-ratio:var(--spw-hero-featured-ratio-mobile)}@media (min-width: 768px){.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image{aspect-ratio:var(--spw-hero-featured-ratio-tablet)}}@media (min-width: 1024px){.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image{aspect-ratio:var(--spw-hero-featured-ratio-desktop)}}.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image img{position:absolute;top:0;left:0;height:100%;object-fit:cover}.spw-hero--mini.spw-hero--surface-light .spw-hero__content,.spw-hero--mini.spw-hero--surface-light .spw-hero__image{background-color:var(--spw-color-themes-grey-grey-100)}.spw-hero--mini.spw-hero--surface-dark .spw-hero__content,.spw-hero--mini.spw-hero--surface-dark .spw-hero__image{background-color:var(--spw-ds-primary)}.spw-hero--mini .spw-hero__image{width:calc(100% - 280px);left:280px;height:100%}@media (min-width: 768px){.spw-hero--mini .spw-hero__image{width:calc(100% - 400px);left:400px}}.spw-hero--mini .spw-hero__image img{border-top-left-radius:900px}.spw-hero--mini .spw-hero__content{position:relative;z-index:3;width:280px;padding:24px;padding-top:48px;border-radius:0}@media (min-width: 768px){.spw-hero--mini .spw-hero__content{padding:32px;padding-top:64px;width:400px}}.spw-hero--mini.spw-hero--no-picture .spw-hero__content{width:100%;max-width:100%}`;
@@ -68,8 +68,8 @@ const SpwHero = class {
         };
     }
     render() {
-        const contentSlot = (index.h("div", { key: '7cc3a7bf029a33131c6e685b172094b7de2d7f06', class: "spw-hero__content" }, index.h("slot", { key: '754ab9874b69a4df7c70bfb19b050a66c6c44f66' })));
-        const copyrightTag = this.copyrightText && (index.h("spw-tag", { key: '3f442640392a3a6aea70d1524ae0b962defa48a1', size: "small", "icon-variant": this.copyrightIconVariant, class: "spw-hero__copyright", icon: this.copyrightIcon, href: this.copyrightHref || undefined, target: this.copyrightHref ? this.copyrightTarget : undefined }, this.copyrightText));
+        const contentSlot = (index.h("div", { key: '3d71b0adb42273714affbb6f8461900d529e231a', class: "spw-hero__content" }, index.h("slot", { key: '866fca9afc61622c34e6efbbe99cd98e3ee7058f' })));
+        const copyrightTag = this.copyrightText && (index.h("spw-tag", { key: 'e2d987fb30ce11300fa353da115004c3a5d07ce6', size: "small", "icon-variant": this.copyrightIconVariant, class: "spw-hero__copyright", icon: this.copyrightIcon, href: this.copyrightHref || undefined, target: this.copyrightHref ? this.copyrightTarget : undefined }, this.copyrightText));
         const isImageVariant = this.variant === 'grey' || this.variant === 'white';
         const isFeatured = this.variant === 'featured';
         const featuredStyle = {};
@@ -86,7 +86,7 @@ const SpwHero = class {
             if (this.featuredRatioDesktop)
                 featuredStyle['--spw-hero-featured-ratio-desktop'] = this.featuredRatioDesktop;
         }
-        return (index.h(index.Host, { key: '6851ac071a59b0bfed71f0771fa3cda62b420024', style: featuredStyle }, index.h("div", { key: '2b6a8ea552946de51e7ebd225d721219899d0c9f', class: this.elementClass }, this.imageSrc && (index.h("div", { key: '824f2a7528397a5b04a848b017a9b02569f07547', class: "spw-hero__image" }, this.hasVideo && this.variant !== 'maxi' && this.variant !== 'photo' && !isFeatured && (index.h("div", { key: 'd27808098796f11cace4bf32ff634f5b4478d021', class: "spw-hero__image-play", onClick: this.triggerModal, onKeyDown: this.handleKeyDown, tabIndex: 0, role: "button", "aria-label": this.accPlayButtonAriaLabel }, index.h("spw-icon", { key: '7811f4575fb7031761cf71229fd288c2f8b2a46d', icon: "fa-play" }))), index.h("div", { key: '0f08c33a319c06382128c9134ce4621fa917cf8c', class: "spw-hero__overlay", style: this.overlayStyle }), index.h("img", { key: '8b3e8a57a581aafcfbd81f037e832521469da0ca', src: this.imageSrc, alt: this.imageAlt, style: this.imagePosition ? { objectPosition: this.imagePosition } : undefined }), (isImageVariant || isFeatured) && copyrightTag)), !isFeatured && (this.variant === 'mini' ? contentSlot : index.h("div", { class: "spw-ds-container spw-hero__container" }, contentSlot)), !isImageVariant && !isFeatured && copyrightTag)));
+        return (index.h(index.Host, { key: 'f4ce920d19685d2f38f04268e22403080497b437', style: featuredStyle }, index.h("div", { key: '1822787f342842d14fea4d8282e2e40e462bc91d', class: this.elementClass }, this.imageSrc && (index.h("div", { key: 'cc3175ecff1485f901616b9381c5717c819f7b10', class: "spw-hero__image" }, this.hasVideo && this.variant !== 'maxi' && this.variant !== 'photo' && !isFeatured && (index.h("div", { key: '0124f42b0589fcecbd51f25ba1bf45e98fbec6a8', class: "spw-hero__image-play", onClick: this.triggerModal, onKeyDown: this.handleKeyDown, tabIndex: 0, role: "button", "aria-label": this.accPlayButtonAriaLabel }, index.h("spw-icon", { key: '96ce095788e5579c77368d5a5a45b3a0ac3b7b33', icon: "fa-play" }))), index.h("div", { key: '8d09824419f7d0231a03e9a65687b69aaef7a649', class: "spw-hero__overlay", style: this.overlayStyle }), index.h("img", { key: '9ca04bbf44e4b9be7a05f9a1f9c95596ccf4588c', src: this.imageSrc, alt: this.imageAlt, style: this.imagePosition ? { objectPosition: this.imagePosition } : undefined }), (isImageVariant || isFeatured) && copyrightTag)), !isFeatured && (this.variant === 'mini' ? contentSlot : index.h("div", { class: "spw-ds-container spw-hero__container" }, contentSlot)), !isImageVariant && !isFeatured && copyrightTag)));
     }
 };
 SpwHero.style = spwHeroCss();

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B9VTdKwF.js');
+var index = require('./index-id_AkABS.js');
 const spwIllustrationCss = () => `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-ds-illustration-max-width:400px;--spw-ds-illustration-max-height:100%;--spw-ds-illustration-width:100%;--spw-ds-illustration-height:100%}.spw-illustration svg{height:var(--spw-ds-illustration-height);width:var(--spw-ds-illustration-width);max-width:var(--spw-ds-illustration-max-width);max-height:var(--spw-ds-illustration-max-height);margin:0 auto;display:block}`;

package/dist/cjs/spw-input-slider.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B9VTdKwF.js');
+var index = require('./index-id_AkABS.js');
 const spwInputSliderCss = () => `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-input-slider{position:relative}.spw-input-slider__field-message{margin-bottom:8px;margin-top:-4px}.spw-input-slider__container{padding:10px 0;position:relative}.spw-input-slider--horizontal .spw-input-slider__container{width:100%;height:20px}.spw-input-slider--vertical .spw-input-slider__container{width:20px;height:300px}.spw-input-slider--disabled{opacity:0.5;cursor:not-allowed}.spw-input-slider--disabled .spw-input-slider__track,.spw-input-slider--disabled .spw-input-slider__handle{cursor:not-allowed}.spw-input-slider__track{position:relative;background-color:#d1d5db;border-radius:4px;cursor:pointer}.spw-input-slider--horizontal .spw-input-slider__track{height:4px;width:100%}.spw-input-slider--vertical .spw-input-slider__track{width:4px;height:100%}.spw-input-slider__range{position:absolute;background-color:var(--spw-ds-primary);border-radius:4px}.spw-input-slider--horizontal .spw-input-slider__range{height:100%}.spw-input-slider--vertical .spw-input-slider__range{width:100%}.spw-input-slider--is-error .spw-input-slider__range{background-color:var(--spw-colors-states-error-error-300)}.spw-input-slider__handle{position:absolute;width:20px;height:20px;background-color:white;border:3px solid var(--spw-ds-primary);border-radius:50%;cursor:grab;transition:transform 0.1s ease, box-shadow 0.2s ease;z-index:2}.spw-input-slider--is-error .spw-input-slider__handle{border-color:var(--spw-colors-states-error-error-300)}.spw-input-slider--horizontal .spw-input-slider__handle{top:50%;transform:translate(-50%, -50%)}.spw-input-slider--vertical .spw-input-slider__handle{left:50%;transform:translate(-50%, 50%)}.spw-input-slider__handle:hover{transform:translate(-50%, -50%) scale(1.1);box-shadow:0 0 0 8px rgba(var(--spw-ds-primary-rgb, 219, 0, 118), 0.1)}.spw-input-slider__handle:active,.spw-input-slider--dragging .spw-input-slider__handle{cursor:grabbing;transform:translate(-50%, -50%) scale(1.15);box-shadow:0 0 0 12px rgba(var(--spw-ds-primary-rgb, 219, 0, 118), 0.15)}.spw-input-slider--vertical .spw-input-slider__handle:hover{transform:translate(-50%, 50%) scale(1.1)}.spw-input-slider--vertical .spw-input-slider__handle:active,.spw-input-slider--vertical.spw-input-slider--dragging .spw-input-slider__handle{transform:translate(-50%, 50%) scale(1.15)}.spw-input-slider__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background-color:var(--spw-ds-primary);color:white;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:10}.spw-input-slider--is-error .spw-input-slider__tooltip{background-color:var(--spw-colors-states-error-error-300)}.spw-input-slider__tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--spw-ds-primary)}.spw-input-slider--is-error .spw-input-slider__tooltip::after{border-top-color:var(--spw-colors-states-error-error-300)}.spw-input-slider--vertical .spw-input-slider__tooltip{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.spw-input-slider--vertical .spw-input-slider__tooltip::after{top:50%;left:auto;right:100%;transform:translateY(-50%);border-left:none;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid var(--spw-ds-primary)}.spw-input-slider--is-error .spw-input-slider--vertical .spw-input-slider__tooltip::after{border-right-color:var(--spw-colors-states-error-error-300)}`;
@@ -270,7 +270,7 @@ const SpwInputSlider = class {
     }
     render() {
         const rangeStyle = this.getRangeStyle();
-        return (index.h(index.Host, { key: 'b2dbbf7697643a69a940d38338ea98dcb12abc22' }, index.h("div", { key: 'eb761013f468c007c88a800200cbc6265f9fca4c', class: this.elementClass }, this.label && (index.h("spw-field-label", { key: '4284befd08b5ab4aac0d5448d8bc7b816d7f8010', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (index.h("spw-field-message", { key: 'bccba3751e99c50f9676371eab8a07fbcbbdf237', class: "spw-input-slider__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '15f224819dc6a03323a07b171111dceb36c241e3', class: "spw-input-slider__container" }, index.h("div", { key: 'bf1b222d5e572f97ce636876f4ab2bf1d8d2e2ad', class: "spw-input-slider__track", ref: el => (this.sliderRef = el), onMouseDown: e => this.handleMouseDown(e, null), onTouchStart: e => this.handleMouseDown(e, null), "aria-label": this.accAriaLabel || this.name || this.label, role: "slider", "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": typeof this.internalValue === 'number' ? this.internalValue : undefined, "aria-disabled": this.disabled }, index.h("div", { key: 'e4a8c80b289aa9aaad6c04ffb229ed02d4ae17dd', class: "spw-input-slider__range", style: rangeStyle }), this.range && Array.isArray(this.internalValue) ? ([
+        return (index.h(index.Host, { key: 'ce7a1bac0112208635812f23c6250263993074ce' }, index.h("div", { key: 'fae370516945b3a706f71617aa1fd5ab98b885ea', class: this.elementClass }, this.label && (index.h("spw-field-label", { key: 'c7d5edaeb63d8cb81ee93c44f63071a17d2e8172', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (index.h("spw-field-message", { key: '86b2260f7c3b63f312ee77b23cc4f77e01b483cb', class: "spw-input-slider__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '3ab5eb9c2c60e94e33287dbced5de608bf21ba55', class: "spw-input-slider__container" }, index.h("div", { key: 'cafcd3db377896465676910cffa2f6a12207cbfe', class: "spw-input-slider__track", ref: el => (this.sliderRef = el), onMouseDown: e => this.handleMouseDown(e, null), onTouchStart: e => this.handleMouseDown(e, null), "aria-label": this.accAriaLabel || this.name || this.label, role: "slider", "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": typeof this.internalValue === 'number' ? this.internalValue : undefined, "aria-disabled": this.disabled }, index.h("div", { key: '9aedd9b66a22fce636efacb0aba514c1cad755af', class: "spw-input-slider__range", style: rangeStyle }), this.range && Array.isArray(this.internalValue) ? ([
             index.h("div", { key: "handle-min", class: "spw-input-slider__handle spw-input-slider__handle--min", style: this.orientation === 'horizontal'
                     ? { left: `${this.getHandlePosition(this.internalValue[0])}%` }
                     : { bottom: `${this.getHandlePosition(this.internalValue[0])}%` }, onMouseDown: e => this.handleMouseDown(e, 'min'), onTouchStart: e => this.handleMouseDown(e, 'min') }, this.hasTooltip && index.h("div", { class: "spw-input-slider__tooltip" }, this.internalValue[0])),

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-B9VTdKwF.js');
+var index = require('./index-id_AkABS.js');
-const spwLightboxItemCss = () => `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;cursor:pointer;border-radius:4px;outline:none;height:100%}:host:hover .spw-lightbox-item__img{opacity:0.85}.spw-lightbox-item__wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:4px}.spw-lightbox-item__wrapper:focus-visible{outline:3px solid #fff;outline-offset:-1px;box-shadow:0 0 0 5px #000}.spw-lightbox-item__img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity 0.15s}::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.spw-lightbox-item__wrapper--hoverable{transition:box-shadow 0.2s ease}.spw-lightbox-item__wrapper--hoverable:hover{box-shadow:var(--spw-effect-elevation-7)}.spw-lightbox-item__hover-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.15);opacity:0;transition:opacity 0.2s ease}:host(:hover) .spw-lightbox-item__hover-overlay{opacity:1}`;
+const spwLightboxItemCss = () => `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;cursor:pointer;border-radius:4px;outline:none;height:100%}.spw-lightbox-item__wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:4px}.spw-lightbox-item__wrapper:focus-visible{outline:3px solid #fff;outline-offset:-1px;box-shadow:0 0 0 5px #000}.spw-lightbox-item__img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity 0.15s}::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.spw-lightbox-item__wrapper--hoverable{transition:box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out}.spw-lightbox-item__wrapper--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-lightbox-item__hover-overlay{position:absolute;z-index:2;display:flex;visibility:hidden;top:0;left:0;width:100%;height:100%;color:white;justify-content:center;align-items:center;opacity:0;transition:all 0.3s ease}.spw-lightbox-item__hover-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.4}.spw-lightbox-item__hover-overlay spw-icon{position:relative;z-index:1;font-size:30px;font-weight:300;transform:scale(1.5);transition:all 0.3s ease}:host(:hover) .spw-lightbox-item__hover-overlay{visibility:visible;opacity:1}:host(:hover) .spw-lightbox-item__hover-overlay spw-icon{transform:scale(1)}`;
 const SpwLightboxItem = class {
     constructor(hostRef) {
@@ -20,6 +20,8 @@ const SpwLightboxItem = class {
         this.textOpenImage = "Ouvrir l'image";
         /** Affiche une icône de loupe en superposition au survol */
         this.isHover = true;
+        /** Icône affichée au survol de l'image (référence Font Awesome) */
+        this.hoverIcon = 'fa-magnifying-glass';
     }
     getIndex() {
         const parent = this.hostElement.closest('spw-lightbox');
@@ -44,7 +46,7 @@ const SpwLightboxItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c384e663df3571a37b24a04233b06ffd31877f56' }, index.h("div", { key: 'cdd3b40c697ca4265737f20722fdf0baaec3f880', class: { 'spw-lightbox-item__wrapper': true, 'spw-lightbox-item__wrapper--hoverable': this.isHover }, role: "button", tabindex: "0", "aria-label": this.alt || this.textOpenImage, onClick: () => this.handleClick(), onKeyDown: (e) => this.handleKeydown(e) }, index.h("slot", { key: '21055288e6ed4acd8e6a83923dff8031d1b8255e' }, index.h("img", { key: '471164f2a425be0e91bbd5301f73255b959984b4', class: "spw-lightbox-item__img", src: this.src, alt: this.alt, loading: "lazy" })), this.isHover && (index.h("div", { key: '47993f41570edab49ac52cc224ea6693c41aac9a', class: "spw-lightbox-item__hover-overlay" }, index.h("spw-button", { key: 'a9efcd48cf7b38a58e0d4cbd748393945b53f58e', variant: "secondary", icon: "fa-magnifying-glass", "is-icon-only": true, "acc-aria-label": this.textOpenImage }))))));
+        return (index.h(index.Host, { key: 'a1485280ce1d717a812436f5d224c47d318e82dc' }, index.h("div", { key: '808d96afeecc8dac7f25653eafda50ecac1eada3', class: { 'spw-lightbox-item__wrapper': true, 'spw-lightbox-item__wrapper--hoverable': this.isHover }, role: "button", tabindex: "0", "aria-label": this.alt || this.textOpenImage, onClick: () => this.handleClick(), onKeyDown: (e) => this.handleKeydown(e) }, index.h("slot", { key: 'eba2c8bfa1597e4cb48cd444840448c7e1389913' }, index.h("img", { key: '62b551ff93e925616db814771c778ae532c6a8e3', class: "spw-lightbox-item__img", src: this.src, alt: this.alt, loading: "lazy" })), this.isHover && (index.h("div", { key: '15639999fb71f18bbb728ae3a8245db9a9b495cd', class: "spw-lightbox-item__hover-overlay" }, index.h("spw-icon", { key: '21e91249bfa31456acdfd6756a27dce43014fec3', icon: this.hoverIcon }))))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-B9VTdKwF.js');
+var index = require('./index-id_AkABS.js');
 var animation = require('./animation-tH5DQHbp.js');
-const spwLightboxCss = () => `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}:host>div:first-child{display:contents}.spw-lightbox{display:none;position:fixed;inset:0;z-index:1070;align-items:center;justify-content:center}.spw-lightbox--opened{display:flex}.spw-lightbox__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.68);backdrop-filter:blur(9.5px);cursor:pointer}.spw-lightbox__container{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:1200px;height:100dvh;padding:0 16px 16px;box-sizing:border-box;gap:12px;pointer-events:none}.spw-lightbox__container>*{pointer-events:auto}.spw-lightbox__toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0;color:#fff;pointer-events:none}.spw-lightbox__toolbar>*{pointer-events:auto}.spw-lightbox__counter{font-size:14px;opacity:0.8}.spw-lightbox__close{cursor:pointer;font-size:14px;display:inline-flex;align-items:center;flex-wrap:nowrap;justify-content:center;padding:3px 6px;border-radius:4px;outline:3px solid transparent}.spw-lightbox__close:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #000}.spw-lightbox__close spw-link{--spw-link-color:#fff;--spw-link-hover-color:#fff;--spw-link-active-color:#fff;--spw-link-wrap:nowrap;pointer-events:none}.spw-lightbox__stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;gap:12px;pointer-events:none}.spw-lightbox__stage>*{pointer-events:auto}@media (min-width: 1024px){.spw-lightbox__stage{gap:36px}}.spw-lightbox__image-wrapper{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0;overflow:hidden}.spw-lightbox__image-frame{position:relative;display:inline-flex;max-width:100%;max-height:80vh;border-radius:16px;overflow:hidden}.spw-lightbox__image{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:cover;border-radius:16px}.spw-lightbox__nav{flex-shrink:0}@media (max-width: 767px){.spw-lightbox__nav{display:none}}.spw-lightbox__caption{position:absolute;bottom:0;left:0;width:100%;padding:24px;padding-top:10%;box-sizing:border-box;background:linear-gradient(to bottom, transparent, rgb(0, 0, 0));display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px;pointer-events:none;border-radius:0 0 4px 4px}.spw-lightbox__caption-content{display:flex;flex-direction:column;gap:4px;min-width:0}.spw-lightbox__caption-title{display:block;color:#fff;font-size:16px;font-weight:700;line-height:1.3}.spw-lightbox__caption-text{display:block;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5}.spw-lightbox__copyright{flex-shrink:0;pointer-events:all}.spw-lightbox__thumbnails{display:flex;justify-content:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:4px;scrollbar-width:none;pointer-events:none}.spw-lightbox__thumbnails>*{pointer-events:auto}.spw-lightbox__thumbnails::-webkit-scrollbar{display:none}.spw-lightbox__thumb{width:56px;height:56px;padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;background:none;transition:border-color 0.15s, opacity 0.15s;opacity:0.5;flex-shrink:0}.spw-lightbox__thumb img{width:100%;height:100%;object-fit:cover;display:block}.spw-lightbox__thumb--active{border-color:#fff;opacity:1}.spw-lightbox__thumb:hover{opacity:0.85}.spw-lightbox__thumb:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #000}`;
+const spwLightboxCss = () => `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}:host>div:first-child{display:contents}.spw-lightbox{display:none;position:fixed;inset:0;z-index:1070;align-items:center;justify-content:center}.spw-lightbox--opened{display:flex}.spw-lightbox__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.68);backdrop-filter:blur(9.5px);cursor:pointer}.spw-lightbox__container{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:1200px;height:100dvh;padding:0 16px 16px;box-sizing:border-box;gap:12px;pointer-events:none}.spw-lightbox__container>*{pointer-events:auto}.spw-lightbox__toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0;color:#fff;pointer-events:none}.spw-lightbox__toolbar>*{pointer-events:auto}.spw-lightbox__counter{font-size:14px;opacity:0.8}.spw-lightbox__close{cursor:pointer;font-size:14px;display:inline-flex;align-items:center;flex-wrap:nowrap;justify-content:center;padding:3px 6px;border-radius:4px;outline:3px solid transparent}.spw-lightbox__close:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #000}.spw-lightbox__close spw-link{--spw-link-color:#fff;--spw-link-hover-color:#fff;--spw-link-active-color:#fff;--spw-link-wrap:nowrap;pointer-events:none}.spw-lightbox__stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;gap:12px;pointer-events:none}.spw-lightbox__stage>*{pointer-events:auto}@media (min-width: 1024px){.spw-lightbox__stage{gap:36px}}.spw-lightbox__image-wrapper{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0;overflow:hidden}.spw-lightbox__image-frame{position:relative;display:inline-flex;max-width:100%;max-height:80vh;border-radius:16px;overflow:hidden}.spw-lightbox__image{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:cover;border-radius:16px}.spw-lightbox__nav{flex-shrink:0}@media (max-width: 767px){.spw-lightbox__nav{display:none}}.spw-lightbox__caption{position:absolute;bottom:0;left:0;width:100%;padding:24px;padding-top:10%;box-sizing:border-box;background:linear-gradient(to bottom, transparent, rgb(0, 0, 0));display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px;pointer-events:none;border-radius:0 0 4px 4px}.spw-lightbox__caption-content{display:flex;flex-direction:column;gap:4px;min-width:0}.spw-lightbox__caption-title{display:block;color:#fff;font-size:16px;font-weight:700;line-height:1.3}.spw-lightbox__caption-text{display:block;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5}.spw-lightbox__copyright{flex-shrink:0;pointer-events:all}.spw-lightbox__thumbnails{display:flex;justify-content:safe center;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:4px;scrollbar-width:none;pointer-events:none}.spw-lightbox__thumbnails>*{pointer-events:auto}.spw-lightbox__thumbnails::-webkit-scrollbar{display:none}.spw-lightbox__thumb{width:56px;height:56px;padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;background:none;transition:border-color 0.15s, opacity 0.15s;opacity:0.5;flex-shrink:0}.spw-lightbox__thumb img{width:100%;height:100%;object-fit:cover;display:block}.spw-lightbox__thumb--active{border-color:#fff;opacity:1}.spw-lightbox__thumb:hover{opacity:0.85}.spw-lightbox__thumb:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #000}`;
 const SpwLightbox = class {
     constructor(hostRef) {
@@ -137,6 +137,12 @@ const SpwLightbox = class {
             this.currentAnimation = null;
         }
     }
+    scrollToActiveThumbnail() {
+        if (!this.thumbnailsEl)
+            return;
+        const thumb = this.thumbnailsEl.querySelectorAll('.spw-lightbox__thumb')[this.activeIndex];
+        thumb === null || thumb === void 0 ? void 0 : thumb.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });
+    }
     onOpen() {
         var _a;
         this.cancelCurrentAnimation();
@@ -148,12 +154,14 @@ const SpwLightbox = class {
                 var _a;
                 this.currentAnimation = null;
                 (_a = this.closeButtonEl) === null || _a === void 0 ? void 0 : _a.focus();
+                this.scrollToActiveThumbnail();
                 this.spwLightboxOpen.emit({ index: this.activeIndex });
             });
         }
         catch (_b) {
             this.currentAnimation = null;
             (_a = this.closeButtonEl) === null || _a === void 0 ? void 0 : _a.focus();
+            this.scrollToActiveThumbnail();
             this.spwLightboxOpen.emit({ index: this.activeIndex });
         }
     }
@@ -207,6 +215,9 @@ const SpwLightbox = class {
             return;
         this.activeIndex = (this.activeIndex + direction + this.items.length) % this.items.length;
     }
+    onActiveIndexChange() {
+        this.scrollToActiveThumbnail();
+    }
     handleBackdropClick() {
         if (this.closeOnBackdropClick) {
             this.doClose();
@@ -218,15 +229,18 @@ const SpwLightbox = class {
     }
     render() {
         const { opened, activeItem, items, activeIndex } = this;
-        return (index.h(index.Host, { key: '1938343e505ee52ac7e780225db6b4cc2b1eed83' }, index.h("div", { key: '748b0ae43ce48f4c8d996e93c7cd4b7f70f77e2f', inert: opened || undefined }, index.h("slot", { key: 'ec5477549469ed7e1019cf34abe5430f23336e1e' })), index.h("div", { key: '15cadd910ab98fc05c2fcb59c86ceceee49b981b', ref: el => (this.lightboxContainer = el), class: { 'spw-lightbox': true, 'spw-lightbox--opened': opened }, role: "dialog", "aria-modal": "true", "aria-label": this.textDialogLabel }, index.h("div", { key: 'b45d88a0272eed9e278b5fa568ebc98c88759bd7', class: "spw-lightbox__backdrop", onClick: () => this.handleBackdropClick(), "aria-hidden": "true" }), index.h("div", { key: '5e4df34115f2478e9a8cc23d45a5b83fd101c884', class: "spw-lightbox__container" }, index.h("div", { key: '71cbcd5e9b257778778d67d62d0e999cdedf4fb2', class: "spw-lightbox__toolbar" }, index.h("span", { key: 'c093161f61fb7529435ee8941a2b64ba37f177e0', class: "spw-lightbox__counter", "aria-live": "polite" }, items.length > 0 ? `${activeIndex + 1} / ${items.length}` : ''), index.h("div", { key: '2e0d54652579036b3af92da9d0332d334b5656b3', ref: el => (this.closeButtonEl = el), class: "spw-lightbox__close", tabIndex: 0, role: "button", onClick: () => this.doClose(), onKeyDown: (e) => {
+        return (index.h(index.Host, { key: '82f09859f985e2ced84a3c23a6d9556d23fdfac3' }, index.h("div", { key: '07ccb0969c57164634b593244e7bdbbd77624118', inert: opened || undefined }, index.h("slot", { key: '703697fe06bb4e35233b45af1440333ed2907eef' })), index.h("div", { key: '83f8fc36eff6467eb93bfff20c7a985e8707fe20', ref: el => (this.lightboxContainer = el), class: { 'spw-lightbox': true, 'spw-lightbox--opened': opened }, role: "dialog", "aria-modal": "true", "aria-label": this.textDialogLabel }, index.h("div", { key: '010c22cfc2d327f22e939ddf64927f4e9d080c2b', class: "spw-lightbox__backdrop", onClick: () => this.handleBackdropClick(), "aria-hidden": "true" }), index.h("div", { key: '7bb393d0aac7d026fd67846ce70eef245de6d62f', class: "spw-lightbox__container" }, index.h("div", { key: '3cfad6891f1f3dbf61ac3873bbb59b0539e017c2', class: "spw-lightbox__toolbar" }, index.h("span", { key: 'a629606363df7d34e622f66fea4c9c4f3b540360', class: "spw-lightbox__counter", "aria-live": "polite" }, items.length > 0 ? `${activeIndex + 1} / ${items.length}` : ''), index.h("div", { key: '6f7dccb6fc628d76469b2acd370d15a78cecf91d', ref: el => (this.closeButtonEl = el), class: "spw-lightbox__close", tabIndex: 0, role: "button", onClick: () => this.doClose(), onKeyDown: (e) => {
                 if (e.key === 'Enter' || e.key === ' ')
                     this.doClose();
-            } }, index.h("spw-link", { key: '2aa7776a8079ec77f3cbff9c3f91f491e2259baa', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText))), index.h("div", { key: 'b89051c4b0d8ff26f4ea8c1a7aeae762d71220a0', class: "spw-lightbox__stage" }, items.length > 1 && (index.h("spw-button", { key: '3e80f4bd0dc7c3490427348f23a879994ddcee01', class: "spw-lightbox__nav spw-lightbox__nav--prev", "is-icon-only": true, icon: "fa-chevron-left", "acc-aria-label": this.textPrevious, variant: "secondary", onClick: () => this.navigate(-1) })), index.h("div", { key: 'b2f1001ae7cce44c6d405a9d1e52ddd402185cff', class: "spw-lightbox__image-wrapper", ref: el => (this.imageWrapperEl = el) }, activeItem && (index.h("div", { key: '04d8179c54bc38f4a1ac8148289fa96f05145476', class: "spw-lightbox__image-frame" }, index.h("img", { class: "spw-lightbox__image", src: activeItem.src, alt: activeItem.alt || '', key: activeItem.src }), ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.captionTitle) || (activeItem === null || activeItem === void 0 ? void 0 : activeItem.captionText) || (activeItem === null || activeItem === void 0 ? void 0 : activeItem.copyrightText)) && (index.h("div", { key: 'c9f97d3de306c06495b40a0c51024c9a3e67e01b', class: "spw-lightbox__caption", "aria-live": "polite" }, index.h("div", { key: '80ff4b856339c0ec2fde305fbd0ee6f2d03e1bd4', class: "spw-lightbox__caption-content" }, activeItem.captionTitle && index.h("strong", { key: '69f54a56ee0385895f8a6b094283fbc13dadd69f', class: "spw-lightbox__caption-title" }, activeItem.captionTitle), activeItem.captionText && index.h("span", { key: '17856ca949137c785863314a5c17c81b37c7d841', class: "spw-lightbox__caption-text" }, activeItem.captionText)), activeItem.copyrightText && (index.h("spw-tag", { key: '620027d16cb62e063de6552a6579ad5939a3e842', size: "small", "icon-variant": activeItem.copyrightIconVariant, class: "spw-lightbox__copyright", icon: activeItem.copyrightIcon, href: activeItem.copyrightHref || undefined, target: activeItem.copyrightHref ? activeItem.copyrightTarget : undefined }, activeItem.copyrightText))))))), items.length > 1 && (index.h("spw-button", { key: 'f6fe5ee61beb306f86525611c2acdb9d3796b0f1', class: "spw-lightbox__nav spw-lightbox__nav--next", "is-icon-only": true, icon: "fa-chevron-right", "acc-aria-label": this.textNext, variant: "secondary", onClick: () => this.navigate(1) }))), this.showThumbnails && items.length > 1 && (index.h("div", { key: '9a7cbac505d091072490fe2dc3d558c0caad895e', class: "spw-lightbox__thumbnails", role: "tablist", "aria-label": this.textThumbnailsLabel }, items.map((item, index$1) => (index.h("button", { key: item.src, role: "tab", class: { 'spw-lightbox__thumb': true, 'spw-lightbox__thumb--active': index$1 === activeIndex }, onClick: () => (this.activeIndex = index$1), "aria-selected": String(index$1 === activeIndex), "aria-label": item.alt || this.textThumbnailItem.replace('{index}', String(index$1 + 1)) }, index.h("img", { src: item.src, alt: item.alt || '', loading: "lazy" }))))))))));
+            } }, index.h("spw-link", { key: 'eec6d31fb305140765ef0c6642072b6908b9f847', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText))), index.h("div", { key: '82ee2aad1c7cb153ca077bf83c00c8684bd54314', class: "spw-lightbox__stage" }, items.length > 1 && (index.h("spw-button", { key: '726defc5d1930802c24c94cbc0aa6cd659426e1d', class: "spw-lightbox__nav spw-lightbox__nav--prev", "is-icon-only": true, icon: "fa-chevron-left", "acc-aria-label": this.textPrevious, variant: "secondary", onClick: () => this.navigate(-1) })), index.h("div", { key: '6f7582b0733bd3091cbafd9a0c07c1d86184668c', class: "spw-lightbox__image-wrapper", ref: el => (this.imageWrapperEl = el) }, activeItem && (index.h("div", { key: 'be5aa3822872fab8608a225ebd526c71f52e7c37', class: "spw-lightbox__image-frame" }, index.h("img", { class: "spw-lightbox__image", src: activeItem.src, alt: activeItem.alt || '', key: activeItem.src }), ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.captionTitle) || (activeItem === null || activeItem === void 0 ? void 0 : activeItem.captionText) || (activeItem === null || activeItem === void 0 ? void 0 : activeItem.copyrightText)) && (index.h("div", { key: '6bf0226b1ff9741ffb15d0981f17ba61db257e55', class: "spw-lightbox__caption", "aria-live": "polite" }, index.h("div", { key: '23f6a32908f30dcbd024283013e08760d58a0507', class: "spw-lightbox__caption-content" }, activeItem.captionTitle && index.h("strong", { key: '90500406e8fefe23f013d581670005d287c00ea6', class: "spw-lightbox__caption-title" }, activeItem.captionTitle), activeItem.captionText && index.h("span", { key: '5be08c1459ee6c6fa3be9fe8a854d0fc6967288b', class: "spw-lightbox__caption-text" }, activeItem.captionText)), activeItem.copyrightText && (index.h("spw-tag", { key: '3e1b3bff55708e34ba97a502ac4a65fe5bdd0448', size: "small", "icon-variant": activeItem.copyrightIconVariant, class: "spw-lightbox__copyright", icon: activeItem.copyrightIcon, href: activeItem.copyrightHref || undefined, target: activeItem.copyrightHref ? activeItem.copyrightTarget : undefined }, activeItem.copyrightText))))))), items.length > 1 && (index.h("spw-button", { key: 'c94feeca844f367c141bb48e23bbdb96f41e9566', class: "spw-lightbox__nav spw-lightbox__nav--next", "is-icon-only": true, icon: "fa-chevron-right", "acc-aria-label": this.textNext, variant: "secondary", onClick: () => this.navigate(1) }))), this.showThumbnails && items.length > 1 && (index.h("div", { key: 'c06cf2a19b7b64702180ef0303b1cc32bf85151c', class: "spw-lightbox__thumbnails", role: "tablist", "aria-label": this.textThumbnailsLabel, ref: el => (this.thumbnailsEl = el) }, items.map((item, index$1) => (index.h("button", { key: item.src, role: "tab", class: { 'spw-lightbox__thumb': true, 'spw-lightbox__thumb--active': index$1 === activeIndex }, onClick: () => (this.activeIndex = index$1), "aria-selected": String(index$1 === activeIndex), "aria-label": item.alt || this.textThumbnailItem.replace('{index}', String(index$1 + 1)) }, index.h("img", { src: item.src, alt: item.alt || '', loading: "lazy" }))))))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
         "opened": [{
                 "onOpenedChange": 0
+            }],
+        "activeIndex": [{
+                "onActiveIndexChange": 0
             }]
     }; }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B9VTdKwF.js');
+var index = require('./index-id_AkABS.js');
 const spwListDescriptionCss = () => `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-description{margin-top:6px;color:var(--spw-color-themes-grey-grey-800);font-size:16px;line-height:1.25}.spw-list-description--has-clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}.spw-list-description--clamp-1{-webkit-line-clamp:1;line-clamp:1}.spw-list-description--clamp-2{-webkit-line-clamp:2;line-clamp:2}.spw-list-description--clamp-3{-webkit-line-clamp:3;line-clamp:3}.spw-list-description--clamp-4{-webkit-line-clamp:4;line-clamp:4}.spw-list-description--clamp-5{-webkit-line-clamp:5;line-clamp:5}.spw-list-description--clamp-6{-webkit-line-clamp:6;line-clamp:6}.spw-list-description--clamp-7{-webkit-line-clamp:7;line-clamp:7}.spw-list-description--clamp-8{-webkit-line-clamp:8;line-clamp:8}.spw-list-description--clamp-9{-webkit-line-clamp:9;line-clamp:9}.spw-list-description--clamp-10{-webkit-line-clamp:10;line-clamp:10}`;
@@ -17,7 +17,7 @@ const SpwListDescription = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '9377f16f49367ddd589d33ffea0b52fc3885b2a8' }, index.h("div", { key: '945db11e609fe64fc34912ac17647ea3e9e667b6', class: this.elementClass }, index.h("slot", { key: '9d96948949e5b3e1f4b45529a85f8005f38df8da' }))));
+        return (index.h(index.Host, { key: 'b4b72cc7427baab592a63fa96d94648916e15194' }, index.h("div", { key: '64b8ba560fb842051c84266a987e5784bc69e5a0', class: this.elementClass }, index.h("slot", { key: 'c104a9a85823c9a6f5d7526f2dd3594816895c16' }))));
     }
 };
 SpwListDescription.style = spwListDescriptionCss();

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B9VTdKwF.js');
+var index = require('./index-id_AkABS.js');
 const spwListItemCss = () => `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-list-item{position:relative;color:var(--spw-color-themes-grey-grey-900);transition:all 0.3s ease-in-out;text-decoration:none}:host(.--dark) .spw-list-item{color:var(--spw-ds-white)}.spw-list-item a{text-decoration:none}.spw-list-item--icon{padding-left:28px}.spw-list-item__category{display:inline-block;position:relative;margin-bottom:6px;color:var(--spw-ds-primary);font-weight:700;font-size:16px;line-height:1.5}.spw-list-item__category spw-icon{position:absolute;top:2px;left:-28px}.spw-list-item__category--hoverable{cursor:pointer}.spw-list-item__category--hoverable:hover{text-decoration:underline}.spw-list-item ::slotted([slot=buttons]){display:block;margin-top:12px}`;
@@ -112,7 +112,7 @@ const SpwListItem = class {
                 href,
                 target,
             };
-        return (index.h(index.Host, { key: 'b1a520886bab4b67b808bae5b2d778abd6bf319a' }, index.h("li", { key: '0278aeed4bc95cda27cff2deda3f42b7f400ed5e', role: "listitem", class: this.elementClass }, this.category && (index.h("span", { key: 'ebc69b91d1228652e03ddc9d4ce7b1881e16a908', class: this.elementCatClass, onClick: () => this.handleClick() }, this.categoryIcon && index.h("spw-icon", { key: '7f6205505adcbc1e3563d31818477e2ef67c64af', icon: this.categoryIcon }), " ", this.category)), index.h(TagType, Object.assign({ key: 'edbd8ecc22acf3373791f5ed6beae3dc5c509a38' }, attrs), index.h("slot", { key: '86efb112b3ff76116e044ee24569c1aa9b9c225a' })), index.h("slot", { key: 'cd52c5f2f60bb6d17466c19509e2faf97f23d3b2', name: "buttons" }))));
+        return (index.h(index.Host, { key: '8c807f37bef2f056b0e5e33031c36e99ee74b3a3' }, index.h("li", { key: '203903edb02ba2d244b9d9375f24428e459e3a47', role: "listitem", class: this.elementClass }, this.category && (index.h("span", { key: '80e567a90fe0a06ac2523d74731d0fc607592045', class: this.elementCatClass, onClick: () => this.handleClick() }, this.categoryIcon && index.h("spw-icon", { key: '2ecb923c0fed03840648777d480f66aea1291fdf', icon: this.categoryIcon }), " ", this.category)), index.h(TagType, Object.assign({ key: 'e86f4f394260b3a396b1f04a34df4abbc28e55ea' }, attrs), index.h("slot", { key: '577415c2ea250cad41364c018cbadb192954d994' })), index.h("slot", { key: '9b1be1bfae9fcd009c8769eb504b2208e7ab82fe', name: "buttons" }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B9VTdKwF.js');
+var index = require('./index-id_AkABS.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: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);text-decoration:underline;text-underline-offset:2px}.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{text-decoration-thickness: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;display:inline-flex;line-height:1.35}.spw-list-title spw-icon{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;text-decoration:none;text-underline-offset:2px}:host(.--hovered) .spw-list-title__content-text{text-decoration:underline}:host(.--active) .spw-list-title__content-text{text-decoration:underline}: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}`;
@@ -18,7 +18,7 @@ const SpwListTitle = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '1a4dff064537db053ff74400f07fae03f8860ab3' }, index.h("div", { key: '1c303ebec9e677f7e09113f18877af83e08a55a4', class: this.elementClass }, this.icon && index.h("spw-icon", { key: '1edacbb96a839e7cade15c5e9ac78ce1d73c7cd3', icon: this.icon }), index.h("div", { key: 'd4172072bc95bbbd4a05a375a8e6e49a9f95b760', class: "spw-list-title__content" }, index.h("div", { key: '3225657ccc2d6bf17e8e3836d0295dca244eedf7', class: "spw-list-title__content-text" }, index.h("slot", { key: '05ea71bfcaaac93d8959de4a19e160c5cebae79c' }))))));
+        return (index.h(index.Host, { key: '96b5bac8e6721db88297b4881fe67424415c0227' }, index.h("div", { key: '719182fd51fb67dd24915bd5a8b612e1b63dd112', class: this.elementClass }, this.icon && index.h("spw-icon", { key: '6f96398057f175024fbdb512a8f81bfa5fc4e6ac', icon: this.icon }), index.h("div", { key: '27fe08ce105bcd6f80f25bcee410cc44f685a06d', class: "spw-list-title__content" }, index.h("div", { key: '1fda7233de36d1b92ce9abfbf8768ffab64eac20', class: "spw-list-title__content-text" }, index.h("slot", { key: '6a47e207887b8d60619f31ad17a3353ae85cbf4c' }))))));
     }
 };
 SpwListTitle.style = spwListTitleCss();

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B9VTdKwF.js');
+var index = require('./index-id_AkABS.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: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}`;
@@ -35,7 +35,7 @@ const SpwList = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '59cb20dd0fb77109f041943951554c91fa5d853b' }, index.h("ul", { key: '44e97d691ed782f29245f350461d5c00784628f8', role: "list", class: this.elementClass }, index.h("slot", { key: '4118b190a7028f8e2151200eb94db2abf875dbe6' }))));
+        return (index.h(index.Host, { key: '437fb36977c9791f1c64020a28b56fa57127509e' }, index.h("ul", { key: '8c117fa57f2f8ccaaaf4fc4c7247bc57910979fe', role: "list", class: this.elementClass }, index.h("slot", { key: '400e532fbece3f626b96c8bf44701c583cfb0784' }))));
     }
     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-B9VTdKwF.js');
+var index = require('./index-id_AkABS.js');
 const getIcon = variant => {
   const icons = {

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B9VTdKwF.js');
+var index = require('./index-id_AkABS.js');
 var animation = require('./animation-tH5DQHbp.js');
 /**
@@ -286,13 +286,13 @@ const SpwModal = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'ed21ac55584f0c58d22f8329655f360940b508d3' }, index.h("div", { key: 'a3a0520fd4845f3708a1361f019b52c521b60d7c', ref: el => (this.modalContainer = el), class: this.elementClass }, index.h("div", { key: '5728a7016c59957cad7b58224aaf49c036d90816', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), index.h("div", { key: '76728b1af5ca12baedc3d8b33d34cf5b8f8fc5af', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, index.h("div", { key: '87d8675acbad782ed2c48c654fb4e4b91f98a7d9', class: "spw-modal__content", ref: el => (this.modalContent = el), onScroll: this.handleContentScroll }, index.h("div", { key: '94ffb2bbf3749e4f7fec2187210e4f779c601c43', class: "spw-modal__header" }, index.h("div", { key: '9f55b5c2cfee63c50682120da8cd860b7ddff219', class: "spw-modal__title-container" }, this.alertIcon && index.h("spw-icon", { key: '3d8dafe1c73ef780985c8fc7ce79df82c505961e', class: "spw-modal__alert-icon", icon: this.alertIcon }), index.h("h2", { key: '4efc4301418bd1c9cbef442c6d5353ec3b7743f8', class: "spw-modal__caption" }, this.caption)), this.showCloseButton && (index.h("div", { key: 'fdba5f4d701166752b220c01adb68e658bf97942', class: {
+        return (index.h(index.Host, { key: 'c157646646bcdc2336f4b91b657f20bec00df4dc' }, index.h("div", { key: 'ecd8f315db80d19e433391a9ffe7deefc9736bd5', ref: el => (this.modalContainer = el), class: this.elementClass }, index.h("div", { key: '519205765483e2739404bbe70e2e59b6c2f28b75', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), index.h("div", { key: '4b3c34065c64c272ef71ede849cdf5987ebd5453', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, index.h("div", { key: '7bcc2f2747f6fcc70249de6913f9751e97e12a6b', class: "spw-modal__content", ref: el => (this.modalContent = el), onScroll: this.handleContentScroll }, index.h("div", { key: '80ece3a351c1e0a6eb1345b70478edf1f4c7cab7', class: "spw-modal__header" }, index.h("div", { key: '64cb2a0695bf11a1295fae8350a62fa9ca355eff', class: "spw-modal__title-container" }, this.alertIcon && index.h("spw-icon", { key: 'adb258fbcba9dd8c3659dc47ef51f7c2b41e8b72', class: "spw-modal__alert-icon", icon: this.alertIcon }), index.h("h2", { key: '778b74582a8660dec60e345fb0136a06aa5aa1a2', class: "spw-modal__caption" }, this.caption)), this.showCloseButton && (index.h("div", { key: 'da8ea051072980ff579caa2556fd73bcf59ed221', 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: '5d12f3d60d85de219273b96fb98582e399c73155', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), index.h("div", { key: 'f4994d45855aebf668956654bc0db3b76059f0d5', class: "spw-modal__body" }, index.h("slot", { key: 'e6a977e29ccd8782e32b163ee2e4e5d95e8ba9f7', name: "content" })), index.h("div", { key: 'bcfe2b19f366a1dbe7be9de6628bee5ac8d9aecc', class: { 'spw-modal__buttons': true, 'spw-modal__footer--buttons-present': this.slotButtonsPresent } }, index.h("slot", { key: 'ad5b04e4df33ee90f0e356b2e599b85b48eb588c', name: "buttons", onSlotchange: (e) => {
+            }, ref: el => (this.closeButton = el), onClick: () => this.doBeforeClose('CLOSE_BUTTON') }, index.h("spw-link", { key: 'd9a440db7d4d25fbea422f4138695bc709894233', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), index.h("div", { key: 'fc1f867b109b5e9d34a40141a0d063ad530aadac', class: "spw-modal__body" }, index.h("slot", { key: '6a048196c218df1d3e0145f2c27695853b5e6178', name: "content" })), index.h("div", { key: '57c9a3144e2c27c1e90a556c423faa230aa1bd60', class: { 'spw-modal__buttons': true, 'spw-modal__footer--buttons-present': this.slotButtonsPresent } }, index.h("slot", { key: 'b8c04462cae8435332af8769650c0bd58f950bb3', name: "buttons", onSlotchange: (e) => {
                 const slot = e.target;
                 this.slotButtonsPresent = slot.assignedNodes({ flatten: true }).length > 0;
-            } })))), index.h("div", { key: '679e49272ce4b28f7c1824fccd2b5111b84dee83', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
+            } })))), index.h("div", { key: '07522150f05d312d3773f3dd3497e41cab4015bd', "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,6 +1,6 @@
 'use strict';
-var index = require('./index-B9VTdKwF.js');
+var index = require('./index-id_AkABS.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: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)}`;
@@ -51,7 +51,7 @@ const SpwMosaicItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a36cb3b48cf6395c5a35412fcea238f1d5308fea' }, index.h("slot", { key: '219b0fe9f531f0a930b64d7d26c556d1010d9ef3' })));
+        return (index.h(index.Host, { key: '00e72c7c829603bb27cabe751fdcd504dc0c3890' }, index.h("slot", { key: '2d10aedf1a608b19e016f2b280448f810927afa6' })));
     }
     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-B9VTdKwF.js');
+var index = require('./index-id_AkABS.js');
 var _commonjsHelpers = require('./_commonjsHelpers-CFO10eej.js');
 var masonry = {exports: {}};
@@ -2515,7 +2515,7 @@ const SpwMosaic = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '5c7b2898ea640ee51f52561ebbeca1f3980acefd' }, index.h("div", { key: '83c7f8c40fc201b28e03a7c79680717bc51fec69', class: this.elementClass }, index.h("slot", { key: 'd6bc487a7f2dad43417b4c45a1b45d18683b7dc9' }))));
+        return (index.h(index.Host, { key: '8b547bf3289b4fd36266004b56dbd4e27302f217' }, index.h("div", { key: 'f9156b6debf0d4cdd35d4a97e19a818ca383c6ca', class: this.elementClass }, index.h("slot", { key: '74e30d3012df0c9d702e5e347155c0a0b07ec84a' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B9VTdKwF.js');
+var index = require('./index-id_AkABS.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: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}`;
@@ -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: '3be58601d099b80bbe2ac8b52d27c961278ddace', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, index.h("button", { key: 'a155d4c07d063f135232291413299eb228d43574', onClick: () => this.goToPage(this.currentPage - 1) }, index.h("spw-icon", { key: '1d57b0eac677bb064710d4e056621358f8f3c8c0', icon: "fa-chevron-left" }), " ", index.h("span", { key: '0dfe8068e94cc52bc3d83420f70784575e9edb69', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
-        const nextArrow = showNextArrow && (index.h("li", { key: '46b1a044e63f3f1a5e01392322de4511f957e8b0', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, index.h("button", { key: '24efc6b1b9c3acfc06ec849bbaae55736f73ad70', onClick: () => this.goToPage(this.currentPage + 1) }, index.h("span", { key: '40f524b43fbb5a3dae2ba786ab376cc9a945efa1', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", index.h("spw-icon", { key: '6a51c07ace8b2e14c81d1573fadb9cb4d5dec4ee', icon: "fa-chevron-right" }))));
-        const prevArrowMobile = this.currentPage > 1 && (index.h("li", { key: 'f904a9377fe53e18337645f3ff2bb0cfe07d2898', class: "spw-pagination__item spw-pagination__item--arrow" }, index.h("button", { key: '715726f155cd8a44cf377381bf8049ada7e055d6', onClick: () => this.goToPage(this.currentPage - 1) }, index.h("spw-icon", { key: '2cda6893bbebddeb3ab23bee702a196f676ffeda', icon: "fa-chevron-left" }), " ", index.h("span", { key: 'bee785dc1ce752fa1d2002848ddb7c54861e0eb6' }, this.previousButtonText))));
-        const nextArrowMobile = this.currentPage < this.totalPages && (index.h("li", { key: 'dc9dea0daf430d08e4148c66169e321b7e8cf561', class: "spw-pagination__item spw-pagination__item--arrow" }, index.h("button", { key: '7de0f8e727b10c85d832e77f7c2dcd6550063a06', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, index.h("span", { key: '1bd49abc9d644d7b4990fb6ce877964015c4cac6' }, this.nextButtonText), " ", index.h("spw-icon", { key: 'b72b4cd2686b1ad437469d816687ea3d2a80d4ec', icon: "fa-chevron-right" }))));
-        const mobileArrows = (index.h("ul", { key: '4444865a9c0b2717b11cd5ff584c6b79131de0be', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
-        return (index.h(index.Host, { key: '3561ff2dae44020c6b0f09708ca8e64e77f70703' }, index.h("div", { key: 'b14002374e4defab6f7283cf59888895913ab900', class: this.getPaginationClass() }, this.variant === 'input' && (index.h(index.Fragment, { key: '36b5ca0bbf77af904d9901098d92e16951f6df8a' }, index.h("ul", { key: '5c0c9d0d6214d77be59f37e1c5eaeac85c22043b' }, prevArrow, index.h("li", { key: 'd13588e422f791ff3dc82172548b3c97c3d0ac1b', class: "spw-pagination__input" }, index.h("spw-text-field", { key: '48f88bdb544091ed88c0fa3e5f2c5a4045eedfb9', 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: 'f0ab8531cd57b6d755cd17a14d286e9ab927b983', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (index.h(index.Fragment, { key: '3ac5b728f5ff827615eea3a2b2c4033de0f0258b' }, index.h("ul", { key: '4abef0513bbbad4fe9fd1f99f7e8bf2526352203' }, prevArrow, pages.map(({ page, class: pageClass }) => {
+        const prevArrow = showPrevArrow && (index.h("li", { key: '7fc856727713395a435fc1cc18da91f0acd85995', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, index.h("button", { key: '9bb71a89efa59d0e11f747889160b88dbf1ec2fc', onClick: () => this.goToPage(this.currentPage - 1) }, index.h("spw-icon", { key: 'f18fc97f30b9e96a2d65a37ed9e1a39081d1a6e7', icon: "fa-chevron-left" }), " ", index.h("span", { key: '3f95dc39a955a461ea6cb2399ce025156df71d00', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
+        const nextArrow = showNextArrow && (index.h("li", { key: '92ba98937967a1911e929a5da5a1b4349b55d764', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, index.h("button", { key: '64cd348de2aaca15eb6289677f218cd37e41f83f', onClick: () => this.goToPage(this.currentPage + 1) }, index.h("span", { key: '81d3955b3289a4fe51a0e04d8bb378c2d4130485', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", index.h("spw-icon", { key: '1ac7c8bb319a3381d6daccbc8cd27c4c3a3ea7c7', icon: "fa-chevron-right" }))));
+        const prevArrowMobile = this.currentPage > 1 && (index.h("li", { key: 'b299142a522b5bb76c4e049622b8cf10921edf4e', class: "spw-pagination__item spw-pagination__item--arrow" }, index.h("button", { key: 'c46710f48cf19d5eaba12bd83dab27376ccd8a3d', onClick: () => this.goToPage(this.currentPage - 1) }, index.h("spw-icon", { key: 'cb993ccafb6d54fb0a47c359277baa2dc2403de5', icon: "fa-chevron-left" }), " ", index.h("span", { key: '566619f3b1e682b5b9c0e468589919bba09a609e' }, this.previousButtonText))));
+        const nextArrowMobile = this.currentPage < this.totalPages && (index.h("li", { key: 'b14fed63757479d6e214957a6769fae410e25341', class: "spw-pagination__item spw-pagination__item--arrow" }, index.h("button", { key: 'de198170a661439ce3a875dca6df19f368f54d1c', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, index.h("span", { key: 'd30054736d102ea0d63a5a8de734a5641e3ab586' }, this.nextButtonText), " ", index.h("spw-icon", { key: 'c753c82e71a422e2bab74682951b5bd97b8769e8', icon: "fa-chevron-right" }))));
+        const mobileArrows = (index.h("ul", { key: 'a828a3aaad60fe42a0b6f4e7d0a9b9c849050486', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
+        return (index.h(index.Host, { key: 'ce2247c999c821b89da71c94fc106e0fee90d3b0' }, index.h("div", { key: '4c7b9c4ba546225d2f6fcb4088b8450e233fd7a3', class: this.getPaginationClass() }, this.variant === 'input' && (index.h(index.Fragment, { key: 'bf895feed84c1553d1305352565f4651f6c6fe3d' }, index.h("ul", { key: 'de7c60b8809e820be93b02f2363b1981fe987cb8' }, prevArrow, index.h("li", { key: '478d507d688eff029e0b59ae6e0a3c483c093d51', class: "spw-pagination__input" }, index.h("spw-text-field", { key: '2a13cd04c4fbe018cb742645c60704189f092406', 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: 'ac0309292eaf38f8ba8de98e52df93181f43f3bb', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (index.h(index.Fragment, { key: '6c78bea5d758d2f35cec8a25dc9793ecc66f6794' }, index.h("ul", { key: '7f38bb32925d01d260194b2b31c527cf824f2fad' }, 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,6 +1,6 @@
 'use strict';
-var index = require('./index-B9VTdKwF.js');
+var index = require('./index-id_AkABS.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: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}`;
@@ -106,7 +106,7 @@ const SpwRadio = class {
     render() {
         const slot = this.el.innerHTML;
         const hasSlot = Boolean(slot);
-        return (index.h("div", { key: '1cd5fe52e60b5f0fc8c7b9e1b00bedb3f1ddf482', class: "spw-radio" }, index.h("input", { key: '66251d69eace9d1cdd70a725955cbf5ab6540855', 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: '7ae731247f36a3ee6b5d844509027c3055db4f51', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: e => this.handleRadio(e) }, index.h("slot", { key: '6a6363aa8d4c7f894a5e6a945111672cb734c837' }))), index.h("div", { key: '33fc90a2322117c2e342e84d0eb51c98359d18c2', 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: '853ded62def63d9c6b2c41bf7355d8e6a75c4fb8', class: "spw-radio__circle" }))));
+        return (index.h("div", { key: '47efe59c76a4f954ce5d26a3216191dd29afd9df', class: "spw-radio" }, index.h("input", { key: '5f59504f0f33ad7d0766cf7de98447a0eb647409', 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: 'f4d11ee58a38639ffc1b0498861a049740b17918', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: e => this.handleRadio(e) }, index.h("slot", { key: '93c35db720d1a72c4e3ecb2176cb519a497df536' }))), index.h("div", { key: 'abfa13ceab33fe73666dbecfdbf374b8f6e7d305', 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: '404be653243de6f143b9e6bd35b636c37590fdc4', 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,6 +1,6 @@
 'use strict';
-var index = require('./index-B9VTdKwF.js');
+var index = require('./index-id_AkABS.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: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}}`;
@@ -79,7 +79,7 @@ const SpwScrolltop = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '118f6893a31cb39af5be1d8bde76e6e8de5ed454', class: this.hostClass }, index.h("spw-button", { key: 'e9124387ba2d11c2531e7086901cee7a4be2dc30', "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: '08b90aa1778356f75e37f706967d87df2e0a2fb0', class: this.hostClass }, index.h("spw-button", { key: '8876a5e6a33275b96bb398f91b1c8214825a6815', "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); }
 };