npm - @spw-ds/spw-stencil-library - Versions diffs - 1.2.8 → 1.3.0 - Mend

@spw-ds/spw-stencil-library 1.2.8 → 1.3.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 (797) hide show

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

@@ -2,7 +2,7 @@
 var index = require('./index-ivINMH9O.js');
-const spwSidebarCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;height:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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-sidebar{background:#fff;border-right:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;transition:width .2s ease;width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar--with-topbar{height:calc(100% - var(--spw-ds-bo-topbar-height));top:var(--spw-ds-bo-topbar-height)}.spw-sidebar__toggle{align-items:center;background:#fff;border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:6px;box-shadow:var(--spw-effect-elevation-6);cursor:pointer;display:inline-flex;flex-basis:auto;font-size:13px;justify-content:center;line-height:1;padding:6px 0;position:absolute;right:0;top:67px;transform:translateX(50%);width:20px;z-index:20}.spw-sidebar__toggle spw-icon{position:relative;transition:transform .15s ease .2s}.spw-sidebar--expanded .spw-sidebar__toggle spw-icon{transform:rotate(180deg)}.spw-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white);display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:auto;padding:16px 0}.spw-sidebar__content::-webkit-scrollbar{height:14px;width:14px}.spw-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border:4px solid var(--spw-ds-white);border-radius:20px}.spw-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-sidebar--expanded{width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar--collapsed{width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar__resize-border{align-items:center;background:transparent;cursor:col-resize;display:none;height:100%;justify-content:center;position:absolute;right:0;top:0;transform:translateX(50%);width:10px;z-index:10}";
+const spwSidebarCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;height:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{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{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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-sidebar{background:#fff;border-right:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;transition:width .2s ease;width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar--with-topbar{height:calc(100% - var(--spw-ds-bo-topbar-height));top:var(--spw-ds-bo-topbar-height)}.spw-sidebar__toggle{align-items:center;background:#fff;border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:6px;box-shadow:var(--spw-effect-elevation-6);cursor:pointer;display:inline-flex;flex-basis:auto;font-size:13px;justify-content:center;line-height:1;padding:6px 0;position:absolute;right:0;top:67px;transform:translateX(50%);width:20px;z-index:20}.spw-sidebar__toggle spw-icon{position:relative;transition:transform .15s ease .2s}.spw-sidebar--expanded .spw-sidebar__toggle spw-icon{transform:rotate(180deg)}.spw-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white);display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:auto;padding:16px 0}.spw-sidebar__content::-webkit-scrollbar{height:14px;width:14px}.spw-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border:4px solid var(--spw-ds-white);border-radius:20px}.spw-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-sidebar--expanded{width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar--collapsed{width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar__resize-border{align-items:center;background:transparent;cursor:col-resize;display:none;height:100%;justify-content:center;position:absolute;right:0;top:0;transform:translateX(50%);width:10px;z-index:10}";
 const SpwSidebar = class {
     constructor(hostRef) {
@@ -64,7 +64,7 @@ const SpwSidebar = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'e44c02dbf98f9b8e75cae4585b3536a19c623653', class: this.hostClass }, index.h("div", { key: '09542748f222ad44385bcfdca6db051602679134', class: this.elementClass }, index.h("span", { key: 'd99a52c3451d963d9319941315333c719514415f', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, index.h("spw-icon", { key: '7fa47c34ae17225ba5937fd166e360968a2697b2', icon: "fa-chevron-right" })), index.h("div", { key: '7f8d3bd7b53a2a1cde0dba3c7f5fa1597d05d5b8', class: "spw-sidebar__content" }, index.h("slot", { key: 'ef20255ed1389b00f10e4abc8d2ac5558194c625', name: "navigation-top" }), index.h("slot", { key: '07087b883297deade379d672e4a13223241b94b2', name: "navigation-bottom" })), index.h("div", { key: 'f0dda2faa61465601fd568d0339cc603ad652340', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
+        return (index.h(index.Host, { key: '3371284d13f2e40956d245ee4110e23ca8e90118', class: this.hostClass }, index.h("div", { key: '5af808b8d6652cc56072b0ebbfa3f0283bb12c38', class: this.elementClass }, index.h("span", { key: '7c418d40e9466a4cc23b765c23e1e93c23e46cce', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, index.h("spw-icon", { key: '1510fcd03a879896e6ae28e36f2318a522088085', icon: "fa-chevron-right" })), index.h("div", { key: '9fa495a38cdd3bc224df057b32ef5e7534338291', class: "spw-sidebar__content" }, index.h("slot", { key: '794f5e877cd6bc241903aee9d01a38031b3cd32c', name: "navigation-top" }), index.h("slot", { key: '192f7c569d6f0b0b22d8433ab55bd7b9d9c053e8', name: "navigation-bottom" })), index.h("div", { key: '1e4a90f6486a597afb3e43c2e29ca1c8ce73e237', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 var index = require('./index-ivINMH9O.js');
-const spwSkeletonCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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-skeleton__article-image,.spw-skeleton__button,.spw-skeleton__line,.spw-skeleton__text-block{animation:shimmer 5s linear infinite;background:linear-gradient(90deg,#fff 0,var(--spw-color-themes-grey-grey-300) 50%,#fff 100%);background-size:200% 100%}.spw-skeleton{display:flex;flex-direction:column;gap:1rem}.spw-skeleton__line{border-radius:4px;height:1rem;width:100%}.spw-skeleton__line--even{width:85%}.spw-skeleton__line--last{width:50%!important}.spw-skeleton__buttons{align-items:center;display:flex;gap:24px;justify-content:center;margin-top:24px}.spw-skeleton__button{border-radius:40px;height:40px;width:200px}.spw-skeleton__article-image{border-radius:8px;height:170px;margin-bottom:24px}.spw-skeleton__text-block{border-radius:4px;height:60px;margin:24px 0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}";
+const spwSkeletonCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{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{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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-skeleton__article-image,.spw-skeleton__button,.spw-skeleton__line,.spw-skeleton__text-block{animation:shimmer 5s linear infinite;background:linear-gradient(90deg,#fff 0,var(--spw-color-themes-grey-grey-300) 50%,#fff 100%);background-size:200% 100%}.spw-skeleton{display:flex;flex-direction:column;gap:1rem}.spw-skeleton__line{border-radius:4px;height:1rem;width:100%}.spw-skeleton__line--even{width:85%}.spw-skeleton__line--last{width:50%!important}.spw-skeleton__buttons{align-items:center;display:flex;gap:24px;justify-content:center;margin-top:24px}.spw-skeleton__button{border-radius:40px;height:40px;width:200px}.spw-skeleton__article-image{border-radius:8px;height:170px;margin-bottom:24px}.spw-skeleton__text-block{border-radius:4px;height:60px;margin:24px 0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}";
 const SpwSkeleton = class {
     constructor(hostRef) {
@@ -50,7 +50,7 @@ const SpwSkeleton = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '84bb1db4447ad88e67e12a0db999955ea282479a' }, index.h("div", { key: 'fee62735ea0a995804172621cf0583a2c07f8e50', class: "spw-skeleton" }, this.renderVariant(), index.h("slot", { key: '1cd7227b66a6e791660e46aa2bf657cb2fbeec95' }))));
+        return (index.h(index.Host, { key: '5d1660f3972dc08aa0b5a697e92a6ee5ba107663' }, index.h("div", { key: 'ab6d715f9d95f997380c4526de20c9dca54863c8', class: "spw-skeleton" }, this.renderVariant(), index.h("slot", { key: 'cef7494a6339c9ef42e17e0cc96d90aba0be7da4' }))));
     }
 };
 SpwSkeleton.style = spwSkeletonCss;

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

@@ -2,14 +2,14 @@
 var index = require('./index-ivINMH9O.js');
-const spwSliderItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;left:0;line-height:1.3;position:absolute;top:0;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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-slider-item{display:block;width:100%}";
+const spwSliderItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;left:0;line-height:1.3;position:absolute;top:0;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{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{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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-slider-item{display:block;width:100%}";
 const SpwSliderItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'f57cd993f37c73d67d7bb76314698342f9eeb85f' }, index.h("div", { key: 'ce03289164dd0e3f94119e6e3ace34a07505f684', class: "spw-slider-item" }, index.h("slot", { key: 'b3d727e9a0f316eb9200ccf357e88390caa11151' }))));
+        return (index.h(index.Host, { key: 'fc19c059906dc91732601a6e9593988e03e38fac' }, index.h("div", { key: '48b388caefcfbe7dafc3bd8c59f4140e8e95aa05', class: "spw-slider-item" }, index.h("slot", { key: '9142654506f9b285f9c6db6da0edd13cefe1ae90' }))));
     }
 };
 SpwSliderItem.style = spwSliderItemCss;

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

@@ -2,7 +2,7 @@
 var index = require('./index-ivINMH9O.js');
-const spwSliderCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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-slider{min-height:100px;position:relative;transition:height .3s ease-in-out;width:100%}.spw-slider[style*=\"height: 0px\"]{min-height:200px}.spw-slider__track{height:100%;overflow:hidden;position:relative;width:100%}.spw-slider__navigation{display:flex;justify-content:space-between;left:0;margin-left:-36px;padding:0 12px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(100% + 72px)}@media (min-width:1024px){.spw-slider__navigation{margin-left:0;width:100%}}.spw-slider__arrow{align-items:center;background-color:var(--spw-ds-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;pointer-events:all;transition:all .2s ease;width:40px}.spw-slider__arrow:hover:not(:disabled){transform:scale(.9)}.spw-slider__arrow:disabled{background-color:var(--spw-color-themes-grey-grey-300);box-shadow:var(--spw-effect-elevation-5);color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed}.spw-slider__arrow:focus-visible{outline:2px solid #000;outline-offset:2px}.spw-slider__dots{background:#fff;border-radius:999px;bottom:10px;box-shadow:var(--spw-effect-elevation-5);display:flex;gap:.5rem;left:50%;padding:8px;position:absolute;transform:translateX(-50%);z-index:10}.spw-slider__dot{background:var(--spw-color-themes-grey-grey-300);border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .2s ease;width:12px}.spw-slider__dot:hover{transform:scale(1.2)}.spw-slider__dot--active{background-color:var(--spw-ds-primary)}.spw-slider__dot:focus-visible{outline:2px solid #000;outline-offset:2px}";
+const spwSliderCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{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{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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-slider{min-height:100px;position:relative;transition:height .3s ease-in-out;width:100%}.spw-slider[style*=\"height: 0px\"]{min-height:200px}.spw-slider__track{cursor:grab;height:100%;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.spw-slider__track:active{cursor:grabbing}.spw-slider__navigation{display:flex;justify-content:space-between;left:0;margin-left:-32px;padding:0 12px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(100% + 64px)}@media (min-width:1024px){.spw-slider__navigation{margin-left:0;width:100%}}.spw-slider__arrow{align-items:center;background-color:var(--spw-ds-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;pointer-events:all;transition:all .2s ease;width:40px}.spw-slider__arrow:hover:not(:disabled){transform:scale(.9)}.spw-slider__arrow:disabled{background-color:var(--spw-color-themes-grey-grey-300);box-shadow:var(--spw-effect-elevation-5);color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed}.spw-slider__arrow:focus-visible{outline:2px solid #000;outline-offset:2px}.spw-slider__dots{background:#fff;border-radius:999px;bottom:10px;box-shadow:var(--spw-effect-elevation-5);display:flex;gap:.5rem;left:50%;padding:8px;position:absolute;transform:translateX(-50%);z-index:10}.spw-slider__dot{background:var(--spw-color-themes-grey-grey-300);border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .2s ease;width:12px}.spw-slider__dot:hover{transform:scale(1.2)}.spw-slider__dot--active{background-color:var(--spw-ds-primary)}.spw-slider__dot:focus-visible{outline:2px solid #000;outline-offset:2px}.spw-slider__autoplay-toggle{margin-top:12px}";
 const SpwSlider = class {
     constructor(hostRef) {
@@ -11,18 +11,28 @@ const SpwSlider = class {
         this.showArrows = true;
         /** Affiche les dots de navigation */
         this.showDots = true;
+        /** Affiche le toggle de défilement automatique */
+        this.showAutoplayToggle = false;
+        /** Intervalle de défilement automatique en millisecondes */
+        this.autoplayInterval = 5000;
+        /** Active le défilement automatique par défaut */
+        this.autoplayEnabled = false;
+        /** Label du toggle de défilement automatique */
+        this.autoplayText = 'Défilement automatique';
         /** Index de la slide active */
         this.activeIndex = 0;
         /** Nombre total de slides */
         this.totalSlides = 0;
         /** Hauteur actuelle du slider */
         this.currentHeight = 0;
-        /** Position de départ du swipe */
-        this.touchStartX = 0;
-        /** Position actuelle du swipe */
-        this.touchCurrentX = 0;
-        /** Est en train de swiper */
-        this.isSwiping = false;
+        /** État du défilement automatique */
+        this.isAutoplayActive = false;
+        /** Position de départ du swipe/drag */
+        this.startX = 0;
+        /** Position actuelle du swipe/drag */
+        this.currentX = 0;
+        /** Est en train de swiper/dragger */
+        this.isDragging = false;
         /** Tableau des slides */
         this.slides = [];
         this.handleSlotChange = () => {
@@ -45,6 +55,28 @@ const SpwSlider = class {
         this.handleDotClick = (index) => {
             this.goToSlide(index);
         };
+        this.startAutoplay = () => {
+            this.stopAutoplay();
+            this.autoplayTimer = window.setInterval(() => {
+                const nextIndex = this.activeIndex < this.totalSlides - 1 ? this.activeIndex + 1 : 0;
+                this.goToSlide(nextIndex);
+            }, this.autoplayInterval);
+        };
+        this.stopAutoplay = () => {
+            if (this.autoplayTimer) {
+                clearInterval(this.autoplayTimer);
+                this.autoplayTimer = null;
+            }
+        };
+        this.handleAutoplayToggle = (event) => {
+            this.isAutoplayActive = event.detail;
+            if (this.isAutoplayActive) {
+                this.startAutoplay();
+            }
+            else {
+                this.stopAutoplay();
+            }
+        };
     }
     componentDidLoad() {
         this.initializeSlider();
@@ -54,6 +86,11 @@ const SpwSlider = class {
         }
         window.addEventListener('resize', this.handleResize);
         this.setupResizeObserver();
+        // Initialiser l'autoplay si activé
+        this.isAutoplayActive = this.autoplayEnabled;
+        if (this.isAutoplayActive) {
+            this.startAutoplay();
+        }
     }
     disconnectedCallback() {
         var _a;
@@ -68,6 +105,7 @@ const SpwSlider = class {
         if (this.heightUpdateTimeout) {
             clearTimeout(this.heightUpdateTimeout);
         }
+        this.stopAutoplay();
     }
     initializeSlider() {
         this.updateSlides();
@@ -202,21 +240,53 @@ const SpwSlider = class {
         });
         this.scheduleHeightUpdate(0);
         this.scheduleHeightUpdate(320);
+        if (this.isAutoplayActive) {
+            this.stopAutoplay();
+            this.startAutoplay();
+        }
     }
     handleTouchStart(event) {
-        this.touchStartX = event.touches[0].clientX;
-        this.touchCurrentX = this.touchStartX;
-        this.isSwiping = true;
+        this.startX = event.touches[0].clientX;
+        this.currentX = this.startX;
+        this.isDragging = true;
+        if (this.isAutoplayActive) {
+            this.stopAutoplay();
+        }
+    }
+    handleMouseDown(event) {
+        this.startX = event.clientX;
+        this.currentX = this.startX;
+        this.isDragging = true;
+        event.preventDefault();
+        if (this.isAutoplayActive) {
+            this.stopAutoplay();
+        }
     }
     handleTouchMove(event) {
-        if (!this.isSwiping)
+        if (!this.isDragging)
             return;
-        this.touchCurrentX = event.touches[0].clientX;
+        this.currentX = event.touches[0].clientX;
+    }
+    handleMouseMove(event) {
+        if (!this.isDragging)
+            return;
+        this.currentX = event.clientX;
     }
     handleTouchEnd() {
-        if (!this.isSwiping)
+        this.handleDragEnd();
+    }
+    handleMouseUp() {
+        this.handleDragEnd();
+    }
+    handleMouseLeave() {
+        if (this.isDragging) {
+            this.handleDragEnd();
+        }
+    }
+    handleDragEnd() {
+        if (!this.isDragging)
             return;
-        const diff = this.touchStartX - this.touchCurrentX;
+        const diff = this.startX - this.currentX;
         const threshold = 50;
         if (Math.abs(diff) > threshold) {
             if (diff > 0) {
@@ -226,15 +296,18 @@ const SpwSlider = class {
                 this.handlePrevious();
             }
         }
-        this.isSwiping = false;
-        this.touchStartX = 0;
-        this.touchCurrentX = 0;
+        this.isDragging = false;
+        this.startX = 0;
+        this.currentX = 0;
+        if (this.isAutoplayActive) {
+            this.startAutoplay();
+        }
     }
     render() {
-        return (index.h(index.Host, { key: '1d37535306dd91f0b4cb1543924ac5f7923e6799' }, index.h("div", { key: 'ef1de9ffe08830813e3f1d0fec93f01fc8bba8d7', class: "spw-slider", style: { height: `${this.currentHeight}px` } }, index.h("div", { key: '8f928de06a559e2bd6b26af0435a638b2240132a', class: "spw-slider__track" }, index.h("slot", { key: '46e7c68d4058d201bdbde859a9c4913cded8d0ea' })), this.showArrows && (index.h("div", { key: '884f3f7e6fdb839f8e7de80fff817b2b6da5e1e5', class: "spw-slider__navigation" }, index.h("button", { key: '45437d084460d24c2173d4c19cde0bb0ae70d61e', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": "Slide pr\u00E9c\u00E9dente" }, index.h("spw-icon", { key: 'b87d43406e8adf903e29b03d674e1324c6a0c98d', icon: "fa-chevron-left" })), index.h("button", { key: '05fc82bc0e02002a6d7a48cb96a72a76e52b9881', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": "Slide suivante" }, index.h("spw-icon", { key: '7245c0d9676bbb62bacda378d11251a3f45f260c', icon: "fa-chevron-right" })))), this.showDots && this.totalSlides > 1 && (index.h("div", { key: 'b06f57c7a797604768f5dad468e26097a2f86dac', class: "spw-slider__dots" }, Array.from({ length: this.totalSlides }, (_, i) => (index.h("button", { class: {
+        return (index.h(index.Host, { key: '45015b2d5dcd0389865bf39cd1205784c66f6ba8' }, index.h("div", { key: '4dbfeb110b37682694b268c1212909169dce516e', class: "spw-slider", style: { height: `${this.currentHeight}px` } }, index.h("div", { key: '1594ed7a909e6f382a95f4f381f676b76411ab84', class: "spw-slider__track" }, index.h("slot", { key: '794bb2e2d138f2f0ca5a430e3e78d073a71c7f9e' })), this.showArrows && (index.h("div", { key: '7d8f0b338ca213877abbb42f4a03c3fc4b3e040f', class: "spw-slider__navigation" }, index.h("button", { key: 'cd832e0cd6deb0b92fd644db8b620c5b60ade505', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": "Slide pr\u00E9c\u00E9dente" }, index.h("spw-icon", { key: '3c1fbeabdd23bc7f20fc7521e6481cc8cea5e18d', icon: "fa-chevron-left" })), index.h("button", { key: '7bac2070b12a4d8dc7e62336a2126e3598183571', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": "Slide suivante" }, index.h("spw-icon", { key: '0dbc33a5f8c83c0853bfd2b0375b741bd5185652', icon: "fa-chevron-right" })))), this.showDots && this.totalSlides > 1 && (index.h("div", { key: 'c3689b5fdc12e40a0773a959ca93f95a6a1a1517', class: "spw-slider__dots" }, Array.from({ length: this.totalSlides }, (_, i) => (index.h("button", { class: {
                 'spw-slider__dot': true,
                 'spw-slider__dot--active': i === this.activeIndex,
-            }, onClick: () => this.handleDotClick(i), "aria-label": `Aller à la slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' }))))))));
+            }, onClick: () => this.handleDotClick(i), "aria-label": `Aller à la slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))))), this.showAutoplayToggle && (index.h("div", { key: 'a7b1c9029294e08c81523acebba8901b4847bed8', class: "spw-slider__autoplay-toggle" }, index.h("spw-checkbox", { key: '96c23b22b591bf1b91ee404415465d70bd0e4cf4', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
     }
     get el() { return index.getElement(this); }
 };

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

	@@ -1 +1 @@
1	- {"file":"spw-slider.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/spw-slider/spw-slider.scss?tag=spw-slider&encapsulation=shadow","src/components/spw-slider/spw-slider.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-slider {\n position: relative;\n width: 100%;\n transition: height 0.3s ease-in-out;\n min-height: 100px;\n\n &[style='height: 0px'] {\n min-height: 200px;\n }\n}\n\n.spw-slider__track {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.spw-slider__navigation {\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n transform: translateY(-50%);\n display: flex;\n justify-content: space-between;\n padding: 0 12px;\n pointer-events: none;\n width: calc(100% + 72px);\n margin-left: -36px;\n @include breakpoint(lg) {\n width: 100%;\n margin-left: 0;\n }\n}\n\n.spw-slider__arrow {\n pointer-events: all;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: none;\n background-color: var(--spw-ds-primary);\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.2s ease;\n font-size: 1.25rem;\n\n &:hover:not(:disabled) {\n transform: scale(0.9);\n }\n\n &:disabled {\n cursor: not-allowed;\n background-color: var(--spw-color-themes-grey-grey-300);\n color: var(--spw-color-themes-grey-grey-400);\n box-shadow: var(--spw-effect-elevation-5);\n }\n\n &:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n }\n}\n\n.spw-slider__dots {\n position: absolute;\n bottom: 10px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 0.5rem;\n z-index: 10;\n background: white;\n box-shadow: var(--spw-effect-elevation-5);\n padding: 8px;\n border-radius: 999px;\n}\n\n.spw-slider__dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: var(--spw-color-themes-grey-grey-300);\n cursor: pointer;\n border: none;\n transition: all 0.2s ease;\n padding: 0;\n\n &:hover {\n transform: scale(1.2);\n }\n\n &--active {\n background-color: var(--spw-ds-primary);\n }\n\n &:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n }\n}\n","import { Component, Host, h, State, Element, Listen, Prop } from '@stencil/core';\n\n@Component({\n tag: 'spw-slider',\n styleUrl: 'spw-slider.scss',\n shadow: true,\n})\nexport class SpwSlider {\n @Element() el: HTMLElement;\n\n /* Affiche les flèches de navigation /\n @Prop() showArrows: boolean = true;\n /* Affiche les dots de navigation /\n @Prop() showDots: boolean = true;\n\n /* Index de la slide active /\n @State() activeIndex: number = 0;\n /* Nombre total de slides /\n @State() totalSlides: number = 0;\n /* Hauteur actuelle du slider /\n @State() currentHeight: number = 0;\n\n /* Position de départ du swipe /\n private touchStartX: number = 0;\n /* Position actuelle du swipe /\n private touchCurrentX: number = 0;\n /* Est en train de swiper /\n private isSwiping: boolean = false;\n /* Tableau des slides /\n private slides: HTMLElement[] = [];\n /* Observer pour les mutations /\n private resizeObserver: ResizeObserver;\n /* Timeout pour le recalcul de hauteur /\n private heightUpdateTimeout: number;\n\n componentDidLoad() {\n this.initializeSlider();\n const slotElement = this.el.shadowRoot.querySelector('slot');\n if (slotElement) {\n slotElement.addEventListener('slotchange', this.handleSlotChange);\n }\n window.addEventListener('resize', this.handleResize);\n this.setupResizeObserver();\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.handleResize);\n\n const slotElement = this.el.shadowRoot?.querySelector('slot');\n if (slotElement) {\n slotElement.removeEventListener('slotchange', this.handleSlotChange);\n }\n\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n }\n\n if (this.heightUpdateTimeout) {\n clearTimeout(this.heightUpdateTimeout);\n }\n }\n\n private initializeSlider() {\n this.updateSlides();\n this.scheduleHeightUpdate(200);\n this.scheduleHeightUpdate(500);\n }\n\n private handleSlotChange = () => {\n this.updateSlides();\n this.scheduleHeightUpdate(50);\n };\n\n private handleResize = () => {\n this.scheduleHeightUpdate(50);\n };\n\n private setupResizeObserver() {\n if (typeof ResizeObserver !== 'undefined') {\n this.resizeObserver = new ResizeObserver(() => {\n this.scheduleHeightUpdate(50);\n });\n\n this.slides.forEach(slide => {\n this.resizeObserver.observe(slide);\n\n const slotContent = slide.shadowRoot?.querySelector('slot')?.assignedElements()[0] as HTMLElement;\n if (slotContent) {\n this.resizeObserver.observe(slotContent);\n\n if (slotContent.shadowRoot) {\n const shadowContent = slotContent.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n this.resizeObserver.observe(shadowContent);\n }\n }\n }\n });\n }\n }\n\n private scheduleHeightUpdate(delay: number = 0) {\n if (this.heightUpdateTimeout) {\n clearTimeout(this.heightUpdateTimeout);\n }\n\n this.heightUpdateTimeout = window.setTimeout(() => {\n this.updateHeight();\n }, delay);\n }\n\n private updateSlides() {\n const slotElement = this.el.shadowRoot.querySelector('slot');\n if (slotElement) {\n const newSlides = slotElement.assignedElements() as HTMLElement[];\n\n if (this.resizeObserver) {\n this.slides.forEach(slide => {\n this.resizeObserver.unobserve(slide);\n });\n }\n\n this.slides = newSlides;\n this.totalSlides = this.slides.length;\n\n this.slides.forEach((slide, index) => {\n slide.style.transform = `translateX(${index 100}%)`;\n });\n\n if (this.resizeObserver) {\n this.slides.forEach(slide => {\n this.resizeObserver.observe(slide);\n });\n }\n }\n }\n\n private async updateHeight() {\n if (this.slides[this.activeIndex]) {\n const activeSlide = this.slides[this.activeIndex];\n\n const slotContent = activeSlide.shadowRoot?.querySelector('slot')?.assignedElements()[0];\n\n if (slotContent) {\n const tagName = slotContent.tagName.toLowerCase();\n if (tagName.includes('-')) {\n try {\n await customElements.whenDefined(tagName);\n await new Promise(resolve => setTimeout(resolve, 50));\n } catch (e) {}\n }\n\n const contentElement = slotContent as HTMLElement;\n let slideHeight = contentElement.offsetHeight \|\| contentElement.scrollHeight;\n\n if (contentElement.shadowRoot) {\n const shadowContent = contentElement.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n slideHeight = shadowContent.offsetHeight \|\| shadowContent.scrollHeight;\n }\n }\n\n if (slideHeight > 0) {\n this.currentHeight = slideHeight;\n return;\n }\n }\n\n let slideHeight = activeSlide.offsetHeight \|\| activeSlide.scrollHeight;\n\n if (slideHeight > 50) {\n this.currentHeight = slideHeight;\n } else {\n this.retryHeightCalculation(0);\n }\n }\n }\n\n private retryHeightCalculation(attempt: number) {\n if (attempt >= 15) return;\n\n setTimeout(\n () => {\n const activeSlide = this.slides[this.activeIndex];\n if (!activeSlide) return;\n\n const slotContent = activeSlide.shadowRoot?.querySelector('slot')?.assignedElements()[0] as HTMLElement;\n\n if (slotContent) {\n let retryHeight = slotContent.offsetHeight \|\| slotContent.scrollHeight;\n\n if (slotContent.shadowRoot) {\n const shadowContent = slotContent.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n retryHeight = shadowContent.offsetHeight \|\| shadowContent.scrollHeight;\n }\n }\n\n if (retryHeight > 50) {\n this.currentHeight = retryHeight;\n return;\n }\n }\n\n const retryHeight = activeSlide.offsetHeight \|\| activeSlide.scrollHeight;\n\n if (retryHeight > 50) {\n this.currentHeight = retryHeight;\n } else {\n this.retryHeightCalculation(attempt + 1);\n }\n },\n 100 * (attempt + 1),\n );\n }\n\n private goToSlide(index: number) {\n if (index < 0 \|\| index >= this.totalSlides) return;\n\n this.activeIndex = index;\n this.slides.forEach((slide, i) => {\n const offset = (i - this.activeIndex) * 100;\n slide.style.transition = 'transform 0.3s ease-in-out';\n slide.style.transform = `translateX(${offset}%)`;\n });\n\n this.scheduleHeightUpdate(0);\n this.scheduleHeightUpdate(320);\n }\n\n private handlePrevious = () => {\n if (this.activeIndex > 0) {\n this.goToSlide(this.activeIndex - 1);\n }\n };\n\n private handleNext = () => {\n if (this.activeIndex < this.totalSlides - 1) {\n this.goToSlide(this.activeIndex + 1);\n }\n };\n\n private handleDotClick = (index: number) => {\n this.goToSlide(index);\n };\n\n @Listen('touchstart', { passive: true })\n handleTouchStart(event: TouchEvent) {\n this.touchStartX = event.touches[0].clientX;\n this.touchCurrentX = this.touchStartX;\n this.isSwiping = true;\n }\n\n @Listen('touchmove', { passive: true })\n handleTouchMove(event: TouchEvent) {\n if (!this.isSwiping) return;\n this.touchCurrentX = event.touches[0].clientX;\n }\n\n @Listen('touchend')\n handleTouchEnd() {\n if (!this.isSwiping) return;\n\n const diff = this.touchStartX - this.touchCurrentX;\n const threshold = 50;\n\n if (Math.abs(diff) > threshold) {\n if (diff > 0) {\n this.handleNext();\n } else {\n this.handlePrevious();\n }\n }\n\n this.isSwiping = false;\n this.touchStartX = 0;\n this.touchCurrentX = 0;\n }\n\n render() {\n return (\n <Host>\n <div class=\"spw-slider\" style={{ height: `${this.currentHeight}px` }}>\n <div class=\"spw-slider__track\">\n <slot></slot>\n </div>\n\n {this.showArrows && (\n <div class=\"spw-slider__navigation\">\n <button class=\"spw-slider__arrow spw-slider__arrow--prev\" onClick={this.handlePrevious} disabled={this.activeIndex === 0} aria-label=\"Slide précédente\">\n <spw-icon icon=\"fa-chevron-left\"></spw-icon>\n </button>\n <button class=\"spw-slider__arrow spw-slider__arrow--next\" onClick={this.handleNext} disabled={this.activeIndex === this.totalSlides - 1} aria-label=\"Slide suivante\">\n <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n </button>\n </div>\n )}\n\n {this.showDots && this.totalSlides > 1 && (\n <div class=\"spw-slider__dots\">\n {Array.from({ length: this.totalSlides }, (_, i) => (\n <button\n class={{\n 'spw-slider__dot': true,\n 'spw-slider__dot--active': i === this.activeIndex,\n }}\n onClick={() => this.handleDotClick(i)}\n aria-label={`Aller à la slide ${i + 1}`}\n aria-current={i === this.activeIndex ? 'true' : 'false'}\n />\n ))}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"spw-slider.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/spw-slider/spw-slider.scss?tag=spw-slider&encapsulation=shadow","src/components/spw-slider/spw-slider.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-slider {\n position: relative;\n width: 100%;\n transition: height 0.3s ease-in-out;\n min-height: 100px;\n\n &[style='height: 0px'] {\n min-height: 200px;\n }\n}\n\n.spw-slider__track {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n cursor: grab;\n user-select: none;\n\n &:active {\n cursor: grabbing;\n }\n}\n\n.spw-slider__navigation {\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n transform: translateY(-50%);\n display: flex;\n justify-content: space-between;\n padding: 0 12px;\n pointer-events: none;\n width: calc(100% + 64px);\n margin-left: -32px;\n @include breakpoint(lg) {\n width: 100%;\n margin-left: 0;\n }\n}\n\n.spw-slider__arrow {\n pointer-events: all;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: none;\n background-color: var(--spw-ds-primary);\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.2s ease;\n font-size: 1.25rem;\n\n &:hover:not(:disabled) {\n transform: scale(0.9);\n }\n\n &:disabled {\n cursor: not-allowed;\n background-color: var(--spw-color-themes-grey-grey-300);\n color: var(--spw-color-themes-grey-grey-400);\n box-shadow: var(--spw-effect-elevation-5);\n }\n\n &:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n }\n}\n\n.spw-slider__dots {\n position: absolute;\n bottom: 10px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 0.5rem;\n z-index: 10;\n background: white;\n box-shadow: var(--spw-effect-elevation-5);\n padding: 8px;\n border-radius: 999px;\n}\n\n.spw-slider__dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: var(--spw-color-themes-grey-grey-300);\n cursor: pointer;\n border: none;\n transition: all 0.2s ease;\n padding: 0;\n\n &:hover {\n transform: scale(1.2);\n }\n\n &--active {\n background-color: var(--spw-ds-primary);\n }\n\n &:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n }\n}\n\n.spw-slider__autoplay-toggle {\n margin-top: 12px;\n}\n","import { Component, Host, h, State, Element, Listen, Prop } from '@stencil/core';\n\n@Component({\n tag: 'spw-slider',\n styleUrl: 'spw-slider.scss',\n shadow: true,\n})\nexport class SpwSlider {\n @Element() el: HTMLElement;\n\n /* Affiche les flèches de navigation /\n @Prop() showArrows: boolean = true;\n /* Affiche les dots de navigation /\n @Prop() showDots: boolean = true;\n /* Affiche le toggle de défilement automatique /\n @Prop() showAutoplayToggle: boolean = false;\n /* Intervalle de défilement automatique en millisecondes /\n @Prop() autoplayInterval: number = 5000;\n /* Active le défilement automatique par défaut /\n @Prop() autoplayEnabled: boolean = false;\n /* Label du toggle de défilement automatique /\n @Prop() autoplayText: string = 'Défilement automatique';\n\n /* Index de la slide active /\n @State() activeIndex: number = 0;\n /* Nombre total de slides /\n @State() totalSlides: number = 0;\n /* Hauteur actuelle du slider /\n @State() currentHeight: number = 0;\n /* État du défilement automatique /\n @State() isAutoplayActive: boolean = false;\n\n /* Position de départ du swipe/drag /\n private startX: number = 0;\n /* Position actuelle du swipe/drag /\n private currentX: number = 0;\n /* Est en train de swiper/dragger /\n private isDragging: boolean = false;\n /* Intervalle de défilement automatique /\n private autoplayTimer: number;\n /* Tableau des slides /\n private slides: HTMLElement[] = [];\n /* Observer pour les mutations /\n private resizeObserver: ResizeObserver;\n /* Timeout pour le recalcul de hauteur /\n private heightUpdateTimeout: number;\n\n componentDidLoad() {\n this.initializeSlider();\n const slotElement = this.el.shadowRoot.querySelector('slot');\n if (slotElement) {\n slotElement.addEventListener('slotchange', this.handleSlotChange);\n }\n window.addEventListener('resize', this.handleResize);\n this.setupResizeObserver();\n\n // Initialiser l'autoplay si activé\n this.isAutoplayActive = this.autoplayEnabled;\n if (this.isAutoplayActive) {\n this.startAutoplay();\n }\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.handleResize);\n\n const slotElement = this.el.shadowRoot?.querySelector('slot');\n if (slotElement) {\n slotElement.removeEventListener('slotchange', this.handleSlotChange);\n }\n\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n }\n\n if (this.heightUpdateTimeout) {\n clearTimeout(this.heightUpdateTimeout);\n }\n\n this.stopAutoplay();\n }\n\n private initializeSlider() {\n this.updateSlides();\n this.scheduleHeightUpdate(200);\n this.scheduleHeightUpdate(500);\n }\n\n private handleSlotChange = () => {\n this.updateSlides();\n this.scheduleHeightUpdate(50);\n };\n\n private handleResize = () => {\n this.scheduleHeightUpdate(50);\n };\n\n private setupResizeObserver() {\n if (typeof ResizeObserver !== 'undefined') {\n this.resizeObserver = new ResizeObserver(() => {\n this.scheduleHeightUpdate(50);\n });\n\n this.slides.forEach(slide => {\n this.resizeObserver.observe(slide);\n\n const slotContent = slide.shadowRoot?.querySelector('slot')?.assignedElements()[0] as HTMLElement;\n if (slotContent) {\n this.resizeObserver.observe(slotContent);\n\n if (slotContent.shadowRoot) {\n const shadowContent = slotContent.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n this.resizeObserver.observe(shadowContent);\n }\n }\n }\n });\n }\n }\n\n private scheduleHeightUpdate(delay: number = 0) {\n if (this.heightUpdateTimeout) {\n clearTimeout(this.heightUpdateTimeout);\n }\n\n this.heightUpdateTimeout = window.setTimeout(() => {\n this.updateHeight();\n }, delay);\n }\n\n private updateSlides() {\n const slotElement = this.el.shadowRoot.querySelector('slot');\n if (slotElement) {\n const newSlides = slotElement.assignedElements() as HTMLElement[];\n\n if (this.resizeObserver) {\n this.slides.forEach(slide => {\n this.resizeObserver.unobserve(slide);\n });\n }\n\n this.slides = newSlides;\n this.totalSlides = this.slides.length;\n\n this.slides.forEach((slide, index) => {\n slide.style.transform = `translateX(${index 100}%)`;\n });\n\n if (this.resizeObserver) {\n this.slides.forEach(slide => {\n this.resizeObserver.observe(slide);\n });\n }\n }\n }\n\n private async updateHeight() {\n if (this.slides[this.activeIndex]) {\n const activeSlide = this.slides[this.activeIndex];\n\n const slotContent = activeSlide.shadowRoot?.querySelector('slot')?.assignedElements()[0];\n\n if (slotContent) {\n const tagName = slotContent.tagName.toLowerCase();\n if (tagName.includes('-')) {\n try {\n await customElements.whenDefined(tagName);\n await new Promise(resolve => setTimeout(resolve, 50));\n } catch (e) {}\n }\n\n const contentElement = slotContent as HTMLElement;\n let slideHeight = contentElement.offsetHeight \|\| contentElement.scrollHeight;\n\n if (contentElement.shadowRoot) {\n const shadowContent = contentElement.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n slideHeight = shadowContent.offsetHeight \|\| shadowContent.scrollHeight;\n }\n }\n\n if (slideHeight > 0) {\n this.currentHeight = slideHeight;\n return;\n }\n }\n\n let slideHeight = activeSlide.offsetHeight \|\| activeSlide.scrollHeight;\n\n if (slideHeight > 50) {\n this.currentHeight = slideHeight;\n } else {\n this.retryHeightCalculation(0);\n }\n }\n }\n\n private retryHeightCalculation(attempt: number) {\n if (attempt >= 15) return;\n\n setTimeout(\n () => {\n const activeSlide = this.slides[this.activeIndex];\n if (!activeSlide) return;\n\n const slotContent = activeSlide.shadowRoot?.querySelector('slot')?.assignedElements()[0] as HTMLElement;\n\n if (slotContent) {\n let retryHeight = slotContent.offsetHeight \|\| slotContent.scrollHeight;\n\n if (slotContent.shadowRoot) {\n const shadowContent = slotContent.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n retryHeight = shadowContent.offsetHeight \|\| shadowContent.scrollHeight;\n }\n }\n\n if (retryHeight > 50) {\n this.currentHeight = retryHeight;\n return;\n }\n }\n\n const retryHeight = activeSlide.offsetHeight \|\| activeSlide.scrollHeight;\n\n if (retryHeight > 50) {\n this.currentHeight = retryHeight;\n } else {\n this.retryHeightCalculation(attempt + 1);\n }\n },\n 100 * (attempt + 1),\n );\n }\n\n private goToSlide(index: number) {\n if (index < 0 \|\| index >= this.totalSlides) return;\n\n this.activeIndex = index;\n this.slides.forEach((slide, i) => {\n const offset = (i - this.activeIndex) * 100;\n slide.style.transition = 'transform 0.3s ease-in-out';\n slide.style.transform = `translateX(${offset}%)`;\n });\n\n this.scheduleHeightUpdate(0);\n this.scheduleHeightUpdate(320);\n\n if (this.isAutoplayActive) {\n this.stopAutoplay();\n this.startAutoplay();\n }\n }\n\n private handlePrevious = () => {\n if (this.activeIndex > 0) {\n this.goToSlide(this.activeIndex - 1);\n }\n };\n\n private handleNext = () => {\n if (this.activeIndex < this.totalSlides - 1) {\n this.goToSlide(this.activeIndex + 1);\n }\n };\n\n private handleDotClick = (index: number) => {\n this.goToSlide(index);\n };\n\n private startAutoplay = () => {\n this.stopAutoplay();\n this.autoplayTimer = window.setInterval(() => {\n const nextIndex = this.activeIndex < this.totalSlides - 1 ? this.activeIndex + 1 : 0;\n this.goToSlide(nextIndex);\n }, this.autoplayInterval);\n };\n\n private stopAutoplay = () => {\n if (this.autoplayTimer) {\n clearInterval(this.autoplayTimer);\n this.autoplayTimer = null;\n }\n };\n\n private handleAutoplayToggle = (event: CustomEvent) => {\n this.isAutoplayActive = event.detail;\n if (this.isAutoplayActive) {\n this.startAutoplay();\n } else {\n this.stopAutoplay();\n }\n };\n\n @Listen('touchstart', { passive: true })\n handleTouchStart(event: TouchEvent) {\n this.startX = event.touches[0].clientX;\n this.currentX = this.startX;\n this.isDragging = true;\n\n if (this.isAutoplayActive) {\n this.stopAutoplay();\n }\n }\n\n @Listen('mousedown', { passive: false })\n handleMouseDown(event: MouseEvent) {\n this.startX = event.clientX;\n this.currentX = this.startX;\n this.isDragging = true;\n event.preventDefault();\n\n if (this.isAutoplayActive) {\n this.stopAutoplay();\n }\n }\n\n @Listen('touchmove', { passive: true })\n handleTouchMove(event: TouchEvent) {\n if (!this.isDragging) return;\n this.currentX = event.touches[0].clientX;\n }\n\n @Listen('mousemove', { passive: true })\n handleMouseMove(event: MouseEvent) {\n if (!this.isDragging) return;\n this.currentX = event.clientX;\n }\n\n @Listen('touchend')\n handleTouchEnd() {\n this.handleDragEnd();\n }\n\n @Listen('mouseup')\n handleMouseUp() {\n this.handleDragEnd();\n }\n\n @Listen('mouseleave')\n handleMouseLeave() {\n if (this.isDragging) {\n this.handleDragEnd();\n }\n }\n\n private handleDragEnd() {\n if (!this.isDragging) return;\n\n const diff = this.startX - this.currentX;\n const threshold = 50;\n\n if (Math.abs(diff) > threshold) {\n if (diff > 0) {\n this.handleNext();\n } else {\n this.handlePrevious();\n }\n }\n\n this.isDragging = false;\n this.startX = 0;\n this.currentX = 0;\n\n if (this.isAutoplayActive) {\n this.startAutoplay();\n }\n }\n\n render() {\n return (\n <Host>\n <div class=\"spw-slider\" style={{ height: `${this.currentHeight}px` }}>\n <div class=\"spw-slider__track\">\n <slot></slot>\n </div>\n\n {this.showArrows && (\n <div class=\"spw-slider__navigation\">\n <button class=\"spw-slider__arrow spw-slider__arrow--prev\" onClick={this.handlePrevious} disabled={this.activeIndex === 0} aria-label=\"Slide précédente\">\n <spw-icon icon=\"fa-chevron-left\"></spw-icon>\n </button>\n <button class=\"spw-slider__arrow spw-slider__arrow--next\" onClick={this.handleNext} disabled={this.activeIndex === this.totalSlides - 1} aria-label=\"Slide suivante\">\n <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n </button>\n </div>\n )}\n\n {this.showDots && this.totalSlides > 1 && (\n <div class=\"spw-slider__dots\">\n {Array.from({ length: this.totalSlides }, (_, i) => (\n <button\n class={{\n 'spw-slider__dot': true,\n 'spw-slider__dot--active': i === this.activeIndex,\n }}\n onClick={() => this.handleDotClick(i)}\n aria-label={`Aller à la slide ${i + 1}`}\n aria-current={i === this.activeIndex ? 'true' : 'false'}\n />\n ))}\n </div>\n )}\n </div>\n\n {this.showAutoplayToggle && (\n <div class=\"spw-slider__autoplay-toggle\">\n <spw-checkbox variant=\"toggle\" checked={this.isAutoplayActive} onSpwChange={this.handleAutoplayToggle}>\n {this.autoplayText}\n </spw-checkbox>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"spw-slider.entry.cjs.js","sources":["src/components/spw-slider/spw-slider.scss?tag=spw-slider&encapsulation=shadow","src/components/spw-slider/spw-slider.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-slider {\n position: relative;\n width: 100%;\n transition: height 0.3s ease-in-out;\n min-height: 100px;\n\n &[style='height: 0px'] {\n min-height: 200px;\n }\n}\n\n.spw-slider__track {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.spw-slider__navigation {\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n transform: translateY(-50%);\n display: flex;\n justify-content: space-between;\n padding: 0 12px;\n pointer-events: none;\n width: calc(100% + 72px);\n margin-left: -36px;\n @include breakpoint(lg) {\n width: 100%;\n margin-left: 0;\n }\n}\n\n.spw-slider__arrow {\n pointer-events: all;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: none;\n background-color: var(--spw-ds-primary);\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.2s ease;\n font-size: 1.25rem;\n\n &:hover:not(:disabled) {\n transform: scale(0.9);\n }\n\n &:disabled {\n cursor: not-allowed;\n background-color: var(--spw-color-themes-grey-grey-300);\n color: var(--spw-color-themes-grey-grey-400);\n box-shadow: var(--spw-effect-elevation-5);\n }\n\n &:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n }\n}\n\n.spw-slider__dots {\n position: absolute;\n bottom: 10px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 0.5rem;\n z-index: 10;\n background: white;\n box-shadow: var(--spw-effect-elevation-5);\n padding: 8px;\n border-radius: 999px;\n}\n\n.spw-slider__dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: var(--spw-color-themes-grey-grey-300);\n cursor: pointer;\n border: none;\n transition: all 0.2s ease;\n padding: 0;\n\n &:hover {\n transform: scale(1.2);\n }\n\n &--active {\n background-color: var(--spw-ds-primary);\n }\n\n &:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n }\n}\n","import { Component, Host, h, State, Element, Listen, Prop } from '@stencil/core';\n\n@Component({\n tag: 'spw-slider',\n styleUrl: 'spw-slider.scss',\n shadow: true,\n})\nexport class SpwSlider {\n @Element() el: HTMLElement;\n\n /* Affiche les flèches de navigation /\n @Prop() showArrows: boolean = true;\n /* Affiche les dots de navigation /\n @Prop() showDots: boolean = true;\n\n /* Index de la slide active /\n @State() activeIndex: number = 0;\n /* Nombre total de slides /\n @State() totalSlides: number = 0;\n /* Hauteur actuelle du slider /\n @State() currentHeight: number = 0;\n\n /* Position de départ du swipe /\n private touchStartX: number = 0;\n /* Position actuelle du swipe /\n private touchCurrentX: number = 0;\n /* Est en train de swiper /\n private isSwiping: boolean = false;\n /* Tableau des slides /\n private slides: HTMLElement[] = [];\n /* Observer pour les mutations /\n private resizeObserver: ResizeObserver;\n /* Timeout pour le recalcul de hauteur /\n private heightUpdateTimeout: number;\n\n componentDidLoad() {\n this.initializeSlider();\n const slotElement = this.el.shadowRoot.querySelector('slot');\n if (slotElement) {\n slotElement.addEventListener('slotchange', this.handleSlotChange);\n }\n window.addEventListener('resize', this.handleResize);\n this.setupResizeObserver();\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.handleResize);\n\n const slotElement = this.el.shadowRoot?.querySelector('slot');\n if (slotElement) {\n slotElement.removeEventListener('slotchange', this.handleSlotChange);\n }\n\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n }\n\n if (this.heightUpdateTimeout) {\n clearTimeout(this.heightUpdateTimeout);\n }\n }\n\n private initializeSlider() {\n this.updateSlides();\n this.scheduleHeightUpdate(200);\n this.scheduleHeightUpdate(500);\n }\n\n private handleSlotChange = () => {\n this.updateSlides();\n this.scheduleHeightUpdate(50);\n };\n\n private handleResize = () => {\n this.scheduleHeightUpdate(50);\n };\n\n private setupResizeObserver() {\n if (typeof ResizeObserver !== 'undefined') {\n this.resizeObserver = new ResizeObserver(() => {\n this.scheduleHeightUpdate(50);\n });\n\n this.slides.forEach(slide => {\n this.resizeObserver.observe(slide);\n\n const slotContent = slide.shadowRoot?.querySelector('slot')?.assignedElements()[0] as HTMLElement;\n if (slotContent) {\n this.resizeObserver.observe(slotContent);\n\n if (slotContent.shadowRoot) {\n const shadowContent = slotContent.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n this.resizeObserver.observe(shadowContent);\n }\n }\n }\n });\n }\n }\n\n private scheduleHeightUpdate(delay: number = 0) {\n if (this.heightUpdateTimeout) {\n clearTimeout(this.heightUpdateTimeout);\n }\n\n this.heightUpdateTimeout = window.setTimeout(() => {\n this.updateHeight();\n }, delay);\n }\n\n private updateSlides() {\n const slotElement = this.el.shadowRoot.querySelector('slot');\n if (slotElement) {\n const newSlides = slotElement.assignedElements() as HTMLElement[];\n\n if (this.resizeObserver) {\n this.slides.forEach(slide => {\n this.resizeObserver.unobserve(slide);\n });\n }\n\n this.slides = newSlides;\n this.totalSlides = this.slides.length;\n\n this.slides.forEach((slide, index) => {\n slide.style.transform = `translateX(${index 100}%)`;\n });\n\n if (this.resizeObserver) {\n this.slides.forEach(slide => {\n this.resizeObserver.observe(slide);\n });\n }\n }\n }\n\n private async updateHeight() {\n if (this.slides[this.activeIndex]) {\n const activeSlide = this.slides[this.activeIndex];\n\n const slotContent = activeSlide.shadowRoot?.querySelector('slot')?.assignedElements()[0];\n\n if (slotContent) {\n const tagName = slotContent.tagName.toLowerCase();\n if (tagName.includes('-')) {\n try {\n await customElements.whenDefined(tagName);\n await new Promise(resolve => setTimeout(resolve, 50));\n } catch (e) {}\n }\n\n const contentElement = slotContent as HTMLElement;\n let slideHeight = contentElement.offsetHeight \|\| contentElement.scrollHeight;\n\n if (contentElement.shadowRoot) {\n const shadowContent = contentElement.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n slideHeight = shadowContent.offsetHeight \|\| shadowContent.scrollHeight;\n }\n }\n\n if (slideHeight > 0) {\n this.currentHeight = slideHeight;\n return;\n }\n }\n\n let slideHeight = activeSlide.offsetHeight \|\| activeSlide.scrollHeight;\n\n if (slideHeight > 50) {\n this.currentHeight = slideHeight;\n } else {\n this.retryHeightCalculation(0);\n }\n }\n }\n\n private retryHeightCalculation(attempt: number) {\n if (attempt >= 15) return;\n\n setTimeout(\n () => {\n const activeSlide = this.slides[this.activeIndex];\n if (!activeSlide) return;\n\n const slotContent = activeSlide.shadowRoot?.querySelector('slot')?.assignedElements()[0] as HTMLElement;\n\n if (slotContent) {\n let retryHeight = slotContent.offsetHeight \|\| slotContent.scrollHeight;\n\n if (slotContent.shadowRoot) {\n const shadowContent = slotContent.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n retryHeight = shadowContent.offsetHeight \|\| shadowContent.scrollHeight;\n }\n }\n\n if (retryHeight > 50) {\n this.currentHeight = retryHeight;\n return;\n }\n }\n\n const retryHeight = activeSlide.offsetHeight \|\| activeSlide.scrollHeight;\n\n if (retryHeight > 50) {\n this.currentHeight = retryHeight;\n } else {\n this.retryHeightCalculation(attempt + 1);\n }\n },\n 100 * (attempt + 1),\n );\n }\n\n private goToSlide(index: number) {\n if (index < 0 \|\| index >= this.totalSlides) return;\n\n this.activeIndex = index;\n this.slides.forEach((slide, i) => {\n const offset = (i - this.activeIndex) * 100;\n slide.style.transition = 'transform 0.3s ease-in-out';\n slide.style.transform = `translateX(${offset}%)`;\n });\n\n this.scheduleHeightUpdate(0);\n this.scheduleHeightUpdate(320);\n }\n\n private handlePrevious = () => {\n if (this.activeIndex > 0) {\n this.goToSlide(this.activeIndex - 1);\n }\n };\n\n private handleNext = () => {\n if (this.activeIndex < this.totalSlides - 1) {\n this.goToSlide(this.activeIndex + 1);\n }\n };\n\n private handleDotClick = (index: number) => {\n this.goToSlide(index);\n };\n\n @Listen('touchstart', { passive: true })\n handleTouchStart(event: TouchEvent) {\n this.touchStartX = event.touches[0].clientX;\n this.touchCurrentX = this.touchStartX;\n this.isSwiping = true;\n }\n\n @Listen('touchmove', { passive: true })\n handleTouchMove(event: TouchEvent) {\n if (!this.isSwiping) return;\n this.touchCurrentX = event.touches[0].clientX;\n }\n\n @Listen('touchend')\n handleTouchEnd() {\n if (!this.isSwiping) return;\n\n const diff = this.touchStartX - this.touchCurrentX;\n const threshold = 50;\n\n if (Math.abs(diff) > threshold) {\n if (diff > 0) {\n this.handleNext();\n } else {\n this.handlePrevious();\n }\n }\n\n this.isSwiping = false;\n this.touchStartX = 0;\n this.touchCurrentX = 0;\n }\n\n render() {\n return (\n <Host>\n <div class=\"spw-slider\" style={{ height: `${this.currentHeight}px` }}>\n <div class=\"spw-slider__track\">\n <slot></slot>\n </div>\n\n {this.showArrows && (\n <div class=\"spw-slider__navigation\">\n <button class=\"spw-slider__arrow spw-slider__arrow--prev\" onClick={this.handlePrevious} disabled={this.activeIndex === 0} aria-label=\"Slide précédente\">\n <spw-icon icon=\"fa-chevron-left\"></spw-icon>\n </button>\n <button class=\"spw-slider__arrow spw-slider__arrow--next\" onClick={this.handleNext} disabled={this.activeIndex === this.totalSlides - 1} aria-label=\"Slide suivante\">\n <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n </button>\n </div>\n )}\n\n {this.showDots && this.totalSlides > 1 && (\n <div class=\"spw-slider__dots\">\n {Array.from({ length: this.totalSlides }, (_, i) => (\n <button\n class={{\n 'spw-slider__dot': true,\n 'spw-slider__dot--active': i === this.activeIndex,\n }}\n onClick={() => this.handleDotClick(i)}\n aria-label={`Aller à la slide ${i + 1}`}\n aria-current={i === this.activeIndex ? 'true' : 'false'}\n />\n ))}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"names":["h","Host"],"mappings":"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"}
1	+ {"version":3,"file":"spw-slider.entry.cjs.js","sources":["src/components/spw-slider/spw-slider.scss?tag=spw-slider&encapsulation=shadow","src/components/spw-slider/spw-slider.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-slider {\n position: relative;\n width: 100%;\n transition: height 0.3s ease-in-out;\n min-height: 100px;\n\n &[style='height: 0px'] {\n min-height: 200px;\n }\n}\n\n.spw-slider__track {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n cursor: grab;\n user-select: none;\n\n &:active {\n cursor: grabbing;\n }\n}\n\n.spw-slider__navigation {\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n transform: translateY(-50%);\n display: flex;\n justify-content: space-between;\n padding: 0 12px;\n pointer-events: none;\n width: calc(100% + 64px);\n margin-left: -32px;\n @include breakpoint(lg) {\n width: 100%;\n margin-left: 0;\n }\n}\n\n.spw-slider__arrow {\n pointer-events: all;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: none;\n background-color: var(--spw-ds-primary);\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.2s ease;\n font-size: 1.25rem;\n\n &:hover:not(:disabled) {\n transform: scale(0.9);\n }\n\n &:disabled {\n cursor: not-allowed;\n background-color: var(--spw-color-themes-grey-grey-300);\n color: var(--spw-color-themes-grey-grey-400);\n box-shadow: var(--spw-effect-elevation-5);\n }\n\n &:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n }\n}\n\n.spw-slider__dots {\n position: absolute;\n bottom: 10px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 0.5rem;\n z-index: 10;\n background: white;\n box-shadow: var(--spw-effect-elevation-5);\n padding: 8px;\n border-radius: 999px;\n}\n\n.spw-slider__dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: var(--spw-color-themes-grey-grey-300);\n cursor: pointer;\n border: none;\n transition: all 0.2s ease;\n padding: 0;\n\n &:hover {\n transform: scale(1.2);\n }\n\n &--active {\n background-color: var(--spw-ds-primary);\n }\n\n &:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n }\n}\n\n.spw-slider__autoplay-toggle {\n margin-top: 12px;\n}\n","import { Component, Host, h, State, Element, Listen, Prop } from '@stencil/core';\n\n@Component({\n tag: 'spw-slider',\n styleUrl: 'spw-slider.scss',\n shadow: true,\n})\nexport class SpwSlider {\n @Element() el: HTMLElement;\n\n /* Affiche les flèches de navigation /\n @Prop() showArrows: boolean = true;\n /* Affiche les dots de navigation /\n @Prop() showDots: boolean = true;\n /* Affiche le toggle de défilement automatique /\n @Prop() showAutoplayToggle: boolean = false;\n /* Intervalle de défilement automatique en millisecondes /\n @Prop() autoplayInterval: number = 5000;\n /* Active le défilement automatique par défaut /\n @Prop() autoplayEnabled: boolean = false;\n /* Label du toggle de défilement automatique /\n @Prop() autoplayText: string = 'Défilement automatique';\n\n /* Index de la slide active /\n @State() activeIndex: number = 0;\n /* Nombre total de slides /\n @State() totalSlides: number = 0;\n /* Hauteur actuelle du slider /\n @State() currentHeight: number = 0;\n /* État du défilement automatique /\n @State() isAutoplayActive: boolean = false;\n\n /* Position de départ du swipe/drag /\n private startX: number = 0;\n /* Position actuelle du swipe/drag /\n private currentX: number = 0;\n /* Est en train de swiper/dragger /\n private isDragging: boolean = false;\n /* Intervalle de défilement automatique /\n private autoplayTimer: number;\n /* Tableau des slides /\n private slides: HTMLElement[] = [];\n /* Observer pour les mutations /\n private resizeObserver: ResizeObserver;\n /* Timeout pour le recalcul de hauteur /\n private heightUpdateTimeout: number;\n\n componentDidLoad() {\n this.initializeSlider();\n const slotElement = this.el.shadowRoot.querySelector('slot');\n if (slotElement) {\n slotElement.addEventListener('slotchange', this.handleSlotChange);\n }\n window.addEventListener('resize', this.handleResize);\n this.setupResizeObserver();\n\n // Initialiser l'autoplay si activé\n this.isAutoplayActive = this.autoplayEnabled;\n if (this.isAutoplayActive) {\n this.startAutoplay();\n }\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.handleResize);\n\n const slotElement = this.el.shadowRoot?.querySelector('slot');\n if (slotElement) {\n slotElement.removeEventListener('slotchange', this.handleSlotChange);\n }\n\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n }\n\n if (this.heightUpdateTimeout) {\n clearTimeout(this.heightUpdateTimeout);\n }\n\n this.stopAutoplay();\n }\n\n private initializeSlider() {\n this.updateSlides();\n this.scheduleHeightUpdate(200);\n this.scheduleHeightUpdate(500);\n }\n\n private handleSlotChange = () => {\n this.updateSlides();\n this.scheduleHeightUpdate(50);\n };\n\n private handleResize = () => {\n this.scheduleHeightUpdate(50);\n };\n\n private setupResizeObserver() {\n if (typeof ResizeObserver !== 'undefined') {\n this.resizeObserver = new ResizeObserver(() => {\n this.scheduleHeightUpdate(50);\n });\n\n this.slides.forEach(slide => {\n this.resizeObserver.observe(slide);\n\n const slotContent = slide.shadowRoot?.querySelector('slot')?.assignedElements()[0] as HTMLElement;\n if (slotContent) {\n this.resizeObserver.observe(slotContent);\n\n if (slotContent.shadowRoot) {\n const shadowContent = slotContent.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n this.resizeObserver.observe(shadowContent);\n }\n }\n }\n });\n }\n }\n\n private scheduleHeightUpdate(delay: number = 0) {\n if (this.heightUpdateTimeout) {\n clearTimeout(this.heightUpdateTimeout);\n }\n\n this.heightUpdateTimeout = window.setTimeout(() => {\n this.updateHeight();\n }, delay);\n }\n\n private updateSlides() {\n const slotElement = this.el.shadowRoot.querySelector('slot');\n if (slotElement) {\n const newSlides = slotElement.assignedElements() as HTMLElement[];\n\n if (this.resizeObserver) {\n this.slides.forEach(slide => {\n this.resizeObserver.unobserve(slide);\n });\n }\n\n this.slides = newSlides;\n this.totalSlides = this.slides.length;\n\n this.slides.forEach((slide, index) => {\n slide.style.transform = `translateX(${index 100}%)`;\n });\n\n if (this.resizeObserver) {\n this.slides.forEach(slide => {\n this.resizeObserver.observe(slide);\n });\n }\n }\n }\n\n private async updateHeight() {\n if (this.slides[this.activeIndex]) {\n const activeSlide = this.slides[this.activeIndex];\n\n const slotContent = activeSlide.shadowRoot?.querySelector('slot')?.assignedElements()[0];\n\n if (slotContent) {\n const tagName = slotContent.tagName.toLowerCase();\n if (tagName.includes('-')) {\n try {\n await customElements.whenDefined(tagName);\n await new Promise(resolve => setTimeout(resolve, 50));\n } catch (e) {}\n }\n\n const contentElement = slotContent as HTMLElement;\n let slideHeight = contentElement.offsetHeight \|\| contentElement.scrollHeight;\n\n if (contentElement.shadowRoot) {\n const shadowContent = contentElement.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n slideHeight = shadowContent.offsetHeight \|\| shadowContent.scrollHeight;\n }\n }\n\n if (slideHeight > 0) {\n this.currentHeight = slideHeight;\n return;\n }\n }\n\n let slideHeight = activeSlide.offsetHeight \|\| activeSlide.scrollHeight;\n\n if (slideHeight > 50) {\n this.currentHeight = slideHeight;\n } else {\n this.retryHeightCalculation(0);\n }\n }\n }\n\n private retryHeightCalculation(attempt: number) {\n if (attempt >= 15) return;\n\n setTimeout(\n () => {\n const activeSlide = this.slides[this.activeIndex];\n if (!activeSlide) return;\n\n const slotContent = activeSlide.shadowRoot?.querySelector('slot')?.assignedElements()[0] as HTMLElement;\n\n if (slotContent) {\n let retryHeight = slotContent.offsetHeight \|\| slotContent.scrollHeight;\n\n if (slotContent.shadowRoot) {\n const shadowContent = slotContent.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n retryHeight = shadowContent.offsetHeight \|\| shadowContent.scrollHeight;\n }\n }\n\n if (retryHeight > 50) {\n this.currentHeight = retryHeight;\n return;\n }\n }\n\n const retryHeight = activeSlide.offsetHeight \|\| activeSlide.scrollHeight;\n\n if (retryHeight > 50) {\n this.currentHeight = retryHeight;\n } else {\n this.retryHeightCalculation(attempt + 1);\n }\n },\n 100 * (attempt + 1),\n );\n }\n\n private goToSlide(index: number) {\n if (index < 0 \|\| index >= this.totalSlides) return;\n\n this.activeIndex = index;\n this.slides.forEach((slide, i) => {\n const offset = (i - this.activeIndex) * 100;\n slide.style.transition = 'transform 0.3s ease-in-out';\n slide.style.transform = `translateX(${offset}%)`;\n });\n\n this.scheduleHeightUpdate(0);\n this.scheduleHeightUpdate(320);\n\n if (this.isAutoplayActive) {\n this.stopAutoplay();\n this.startAutoplay();\n }\n }\n\n private handlePrevious = () => {\n if (this.activeIndex > 0) {\n this.goToSlide(this.activeIndex - 1);\n }\n };\n\n private handleNext = () => {\n if (this.activeIndex < this.totalSlides - 1) {\n this.goToSlide(this.activeIndex + 1);\n }\n };\n\n private handleDotClick = (index: number) => {\n this.goToSlide(index);\n };\n\n private startAutoplay = () => {\n this.stopAutoplay();\n this.autoplayTimer = window.setInterval(() => {\n const nextIndex = this.activeIndex < this.totalSlides - 1 ? this.activeIndex + 1 : 0;\n this.goToSlide(nextIndex);\n }, this.autoplayInterval);\n };\n\n private stopAutoplay = () => {\n if (this.autoplayTimer) {\n clearInterval(this.autoplayTimer);\n this.autoplayTimer = null;\n }\n };\n\n private handleAutoplayToggle = (event: CustomEvent) => {\n this.isAutoplayActive = event.detail;\n if (this.isAutoplayActive) {\n this.startAutoplay();\n } else {\n this.stopAutoplay();\n }\n };\n\n @Listen('touchstart', { passive: true })\n handleTouchStart(event: TouchEvent) {\n this.startX = event.touches[0].clientX;\n this.currentX = this.startX;\n this.isDragging = true;\n\n if (this.isAutoplayActive) {\n this.stopAutoplay();\n }\n }\n\n @Listen('mousedown', { passive: false })\n handleMouseDown(event: MouseEvent) {\n this.startX = event.clientX;\n this.currentX = this.startX;\n this.isDragging = true;\n event.preventDefault();\n\n if (this.isAutoplayActive) {\n this.stopAutoplay();\n }\n }\n\n @Listen('touchmove', { passive: true })\n handleTouchMove(event: TouchEvent) {\n if (!this.isDragging) return;\n this.currentX = event.touches[0].clientX;\n }\n\n @Listen('mousemove', { passive: true })\n handleMouseMove(event: MouseEvent) {\n if (!this.isDragging) return;\n this.currentX = event.clientX;\n }\n\n @Listen('touchend')\n handleTouchEnd() {\n this.handleDragEnd();\n }\n\n @Listen('mouseup')\n handleMouseUp() {\n this.handleDragEnd();\n }\n\n @Listen('mouseleave')\n handleMouseLeave() {\n if (this.isDragging) {\n this.handleDragEnd();\n }\n }\n\n private handleDragEnd() {\n if (!this.isDragging) return;\n\n const diff = this.startX - this.currentX;\n const threshold = 50;\n\n if (Math.abs(diff) > threshold) {\n if (diff > 0) {\n this.handleNext();\n } else {\n this.handlePrevious();\n }\n }\n\n this.isDragging = false;\n this.startX = 0;\n this.currentX = 0;\n\n if (this.isAutoplayActive) {\n this.startAutoplay();\n }\n }\n\n render() {\n return (\n <Host>\n <div class=\"spw-slider\" style={{ height: `${this.currentHeight}px` }}>\n <div class=\"spw-slider__track\">\n <slot></slot>\n </div>\n\n {this.showArrows && (\n <div class=\"spw-slider__navigation\">\n <button class=\"spw-slider__arrow spw-slider__arrow--prev\" onClick={this.handlePrevious} disabled={this.activeIndex === 0} aria-label=\"Slide précédente\">\n <spw-icon icon=\"fa-chevron-left\"></spw-icon>\n </button>\n <button class=\"spw-slider__arrow spw-slider__arrow--next\" onClick={this.handleNext} disabled={this.activeIndex === this.totalSlides - 1} aria-label=\"Slide suivante\">\n <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n </button>\n </div>\n )}\n\n {this.showDots && this.totalSlides > 1 && (\n <div class=\"spw-slider__dots\">\n {Array.from({ length: this.totalSlides }, (_, i) => (\n <button\n class={{\n 'spw-slider__dot': true,\n 'spw-slider__dot--active': i === this.activeIndex,\n }}\n onClick={() => this.handleDotClick(i)}\n aria-label={`Aller à la slide ${i + 1}`}\n aria-current={i === this.activeIndex ? 'true' : 'false'}\n />\n ))}\n </div>\n )}\n </div>\n\n {this.showAutoplayToggle && (\n <div class=\"spw-slider__autoplay-toggle\">\n <spw-checkbox variant=\"toggle\" checked={this.isAutoplayActive} onSpwChange={this.handleAutoplayToggle}>\n {this.autoplayText}\n </spw-checkbox>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"names":["h","Host"],"mappings":"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"}

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

@@ -2,7 +2,7 @@
 var index = require('./index-ivINMH9O.js');
-const spwSocialsCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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-socials{background:#fff;border-top:1px solid var(--spw-colors-support-grey-grey-300);padding:32px 0;text-align:center}.spw-socials__title{color:var(--spw-color-shades-base-black);font-size:20px;font-weight:700;margin-bottom:16px}.spw-socials__content{display:flex;gap:24px;justify-content:center}.spw-socials ::slotted(a){color:var(--spw-color-shades-base-black);font-size:24px}.spw-socials ::slotted(a:hover){color:var(--spw-color-shades-base-black)!important;opacity:.7}.spw-socials ::slotted(a:focus-visible){box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-socials ::slotted(a:active){color:var(--spw-color-shades-base-black)!important;opacity:.9}";
+const spwSocialsCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{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{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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-socials{background:#fff;border-top:1px solid var(--spw-colors-support-grey-grey-300);padding:32px 0;text-align:center}.spw-socials__title{color:var(--spw-color-shades-base-black);font-size:20px;font-weight:700;margin-bottom:16px}.spw-socials__content{display:flex;gap:24px;justify-content:center}.spw-socials__content a{color:var(--spw-color-shades-base-black);font-size:24px}.spw-socials__content a:hover{color:var(--spw-color-shades-base-black)!important;opacity:.7}.spw-socials__content a:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-socials__content a:active{color:var(--spw-color-shades-base-black)!important;opacity:.9}";
 const SpwSocials = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const SpwSocials = class {
         this.mainTitle = 'Restez connecté';
     }
     render() {
-        return (index.h(index.Host, { key: '5a60623d65955f39ef2e8f45cab2900e8b330960' }, index.h("div", { key: '87c76e192aa3869f96bc764f41bc51595009b5ff', class: "spw-socials" }, index.h("div", { key: '7afeaaeb72841c94349b84986a5d6d3c4e833dd7', class: "spw-ds-container" }, index.h("h2", { key: '78225a06b19bb0c00f48ef721e314d970dc1a38d', class: "spw-socials__title" }, this.mainTitle), index.h("div", { key: '7ddb17bc8662ed6046b856ca6c91f95096786bb6', class: "spw-socials__content" }, index.h("slot", { key: '08f98ee32f3117e1b59da7b29cf5d92f620ed3be' }))))));
+        return (index.h(index.Host, { key: '29aa9728e500c8b229e0443bff1bafbcc244ac33' }, index.h("div", { key: '719009c7b753f773b37f1d57dafe54a574ec1ae5', class: "spw-socials" }, index.h("div", { key: '803efa0b1aca7f66147660f5ecf481d982be3bbd', class: "spw-ds-container" }, index.h("h2", { key: '09657e49f8d35d46bf276eb29e6fdccaabace317', class: "spw-socials__title" }, this.mainTitle), index.h("div", { key: '2944ba1f2354960d12cc7e5c6e1c6f0ead4d0c85', class: "spw-socials__content" }, index.h("slot", { key: '8e71cb2400b571d38f40d2718b27f9921228d5f0' }))))));
     }
 };
 SpwSocials.style = spwSocialsCss;

package/dist/cjs/spw-socials.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"spw-socials.entry.cjs.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,~~kvGAAkvG~~;;~~MCO3vG~~,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAS,CAAA,SAAA,GAAW,iBAAiB;AAgB9C;IAdC,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,SAAS,CAAM,EACpDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACF,CACF,CACD;;;;;;;","names":["h","Host"],"sources":["src/components/spw-socials/spw-socials.scss?tag=spw-socials~~&encapsulation=shadow~~","src/components/spw-socials/spw-socials.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-socials {\n padding: 32px 0;\n text-align: center;\n border-top: 1px solid var(--spw-colors-support-grey-grey-300);\n background: white;\n &__title {\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 16px;\n color: var(--spw-color-shades-base-black);\n }\n &__content {\n justify-content: center;\n display: flex;\n gap: 24px;\n ~~}\n ::slotted(~~a) {\n font-size: 24px;\n color: var(--spw-color-shades-base-black);\n ~~}\n ::slotted(a:~~hover) {\n opacity: 0.7;\n color: var(--spw-color-shades-base-black) !important;\n }\n ~~::slotted(a:~~focus-visible) {\n outline: 3px solid white;\n outline-offset: 0;\n box-shadow: 0 0 0 6px black;\n }\n ~~::slotted(a:~~active) {\n opacity: 0.9;\n color: var(--spw-color-shades-base-black) !important;\n }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-socials',\n styleUrl: 'spw-socials.scss',\n shadow: ~~true~~,\n})\nexport class SpwSocials {\n /** Définit le titre du bloc */\n @Prop() mainTitle: string = 'Restez connecté';\n\n render() {\n return (\n <Host>\n <div class=\"spw-socials\">\n <div class=\"spw-ds-container\">\n <h2 class=\"spw-socials__title\">{this.mainTitle}</h2>\n <div class=\"spw-socials__content\">\n <slot></slot>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"spw-socials.entry.cjs.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,0uGAA0uG;;MCOnvG,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAS,CAAA,SAAA,GAAW,iBAAiB;AAgB9C;IAdC,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,SAAS,CAAM,EACpDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACF,CACF,CACD;;;;;;;","names":["h","Host"],"sources":["src/components/spw-socials/spw-socials.scss?tag=spw-socials","src/components/spw-socials/spw-socials.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-socials {\n padding: 32px 0;\n text-align: center;\n border-top: 1px solid var(--spw-colors-support-grey-grey-300);\n background: white;\n &__title {\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 16px;\n color: var(--spw-color-shades-base-black);\n }\n &__content {\n justify-content: center;\n display: flex;\n gap: 24px;\n a {\n font-size: 24px;\n color: var(--spw-color-shades-base-black);\n &:hover {\n opacity: 0.7;\n color: var(--spw-color-shades-base-black) !important;\n }\n &:focus-visible {\n outline: 3px solid white;\n outline-offset: 0;\n box-shadow: 0 0 0 6px black;\n }\n &:active {\n opacity: 0.9;\n color: var(--spw-color-shades-base-black) !important;\n }\n }\n }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-socials',\n styleUrl: 'spw-socials.scss',\n shadow: false,\n})\nexport class SpwSocials {\n /** Définit le titre du bloc */\n @Prop() mainTitle: string = 'Restez connecté';\n\n render() {\n return (\n <Host>\n <div class=\"spw-socials\">\n <div class=\"spw-ds-container\">\n <h2 class=\"spw-socials__title\">{this.mainTitle}</h2>\n <div class=\"spw-socials__content\">\n <slot></slot>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/spw-socials.entry.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"spw-socials.entry.cjs.js","sources":["src/components/spw-socials/spw-socials.scss?tag=spw-socials~~&encapsulation=shadow~~","src/components/spw-socials/spw-socials.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-socials {\n padding: 32px 0;\n text-align: center;\n border-top: 1px solid var(--spw-colors-support-grey-grey-300);\n background: white;\n &__title {\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 16px;\n color: var(--spw-color-shades-base-black);\n }\n &__content {\n justify-content: center;\n display: flex;\n gap: 24px;\n ~~}\n ::slotted(~~a) {\n font-size: 24px;\n color: var(--spw-color-shades-base-black);\n ~~}\n ::slotted(a:~~hover) {\n opacity: 0.7;\n color: var(--spw-color-shades-base-black) !important;\n }\n ~~::slotted(a:~~focus-visible) {\n outline: 3px solid white;\n outline-offset: 0;\n box-shadow: 0 0 0 6px black;\n }\n ~~::slotted(a:~~active) {\n opacity: 0.9;\n color: var(--spw-color-shades-base-black) !important;\n }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-socials',\n styleUrl: 'spw-socials.scss',\n shadow: ~~true~~,\n})\nexport class SpwSocials {\n /** Définit le titre du bloc */\n @Prop() mainTitle: string = 'Restez connecté';\n\n render() {\n return (\n <Host>\n <div class=\"spw-socials\">\n <div class=\"spw-ds-container\">\n <h2 class=\"spw-socials__title\">{this.mainTitle}</h2>\n <div class=\"spw-socials__content\">\n <slot></slot>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,aAAa,GAAG,~~kvGAAkvG~~;;~~MCO3vG~~,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAS,CAAA,SAAA,GAAW,iBAAiB;AAgB9C;IAdC,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,SAAS,CAAM,EACpDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACF,CACF,CACD;;;;;;;"}
1	+ {"version":3,"file":"spw-socials.entry.cjs.js","sources":["src/components/spw-socials/spw-socials.scss?tag=spw-socials","src/components/spw-socials/spw-socials.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-socials {\n padding: 32px 0;\n text-align: center;\n border-top: 1px solid var(--spw-colors-support-grey-grey-300);\n background: white;\n &__title {\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 16px;\n color: var(--spw-color-shades-base-black);\n }\n &__content {\n justify-content: center;\n display: flex;\n gap: 24px;\n a {\n font-size: 24px;\n color: var(--spw-color-shades-base-black);\n &:hover {\n opacity: 0.7;\n color: var(--spw-color-shades-base-black) !important;\n }\n &:focus-visible {\n outline: 3px solid white;\n outline-offset: 0;\n box-shadow: 0 0 0 6px black;\n }\n &:active {\n opacity: 0.9;\n color: var(--spw-color-shades-base-black) !important;\n }\n }\n }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-socials',\n styleUrl: 'spw-socials.scss',\n shadow: false,\n})\nexport class SpwSocials {\n /** Définit le titre du bloc */\n @Prop() mainTitle: string = 'Restez connecté';\n\n render() {\n return (\n <Host>\n <div class=\"spw-socials\">\n <div class=\"spw-ds-container\">\n <h2 class=\"spw-socials__title\">{this.mainTitle}</h2>\n <div class=\"spw-socials__content\">\n <slot></slot>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,aAAa,GAAG,0uGAA0uG;;MCOnvG,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAS,CAAA,SAAA,GAAW,iBAAiB;AAgB9C;IAdC,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,SAAS,CAAM,EACpDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACF,CACF,CACD;;;;;;;"}