@spw-ds/spw-stencil-library 1.14.2 → 1.16.0

package/dist/cjs/spw-tile-description.cjs.entry.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-D3lyhQSW.js');
 
-const spwTileDescriptionCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}:host(.--icon) .spw-tile-description{color:var(--spw-color-themes-grey-grey-700);line-height:1.5;font-size:18px}:host(.--big) .spw-tile-description,:host(.--light) .spw-tile-description{color:white;line-height:1.3;font-size:18px}`;
+const spwTileDescriptionCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;overflow:hidden}:host(.--light),:host(.--big){margin-top:6px}@media (max-width: 1023px){:host(.--reveal-on-hover){display:none}}@media (min-width: 1024px){:host(.--reveal-on-hover){display:grid;grid-template-rows:0fr;margin-top:0;opacity:0;transition:grid-template-rows 0.25s ease-in, margin-top 0.25s ease-in, opacity 0.35s 0.05s ease-in}}@media (min-width: 1024px){:host(.--reveal-on-hover.--revealed){grid-template-rows:1fr;margin-top:6px;opacity:1}}:host(.--reveal-on-hover) .spw-tile-description{min-height:0;overflow:hidden}:host(.--icon) .spw-tile-description{color:var(--spw-color-themes-grey-grey-700);line-height:1.5;font-size:18px}:host(.--big) .spw-tile-description,:host(.--light) .spw-tile-description{color:white;line-height:1.3;font-size:18px}`;
 
 const SpwTileDescription = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'd455a13d393ef8b2f3ae0b9b541f1b8dceafc902', class: "spw-tile-description" }, index.h("slot", { key: '9291788b57b07ea1ec2a9fd671e2cb8d1ce0e702' })));
+        return (index.h("div", { key: '3d9b003f759787e34582178117a40aa86beb62d5', class: "spw-tile-description" }, index.h("slot", { key: '5ad0c5d8d9d9e776cff00017784bde5b59502d1e' })));
     }
 };
 SpwTileDescription.style = spwTileDescriptionCss();

package/dist/cjs/spw-tile-title.cjs.entry.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-D3lyhQSW.js');
 
-const spwTileTitleCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-tile-title-icon:20px;--spw-tile-title-underline:none}:host(.--icon) .spw-tile-title{color:var(--spw-color-themes-grey-grey-900);line-height:1.4;font-size:var(--spw-tile-title-icon);font-weight:700;text-decoration:var(--spw-tile-title-underline);transition:all 0.2s linear}:host(.--icon.--hovered) .spw-tile-title{color:var(--spw-ds-primary)}:host(.--light) .spw-tile-title{color:white;line-height:1.3;font-size:20px;font-weight:700}:host(.--big) .spw-tile-title{color:white;line-height:1.3;font-size:20px;font-weight:700}`;
+const spwTileTitleCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-tile-title-icon:20px;--spw-tile-title-underline:none}:host(.--icon) .spw-tile-title{color:var(--spw-color-themes-grey-grey-900);line-height:1.4;font-size:var(--spw-tile-title-icon);font-weight:700;text-decoration:var(--spw-tile-title-underline);transition:all 0.2s linear}:host(.--icon.--hovered) .spw-tile-title{color:var(--spw-ds-primary)}:host(.--light) .spw-tile-title{color:white;line-height:1.3;font-size:20px;font-weight:700}:host(.--big) .spw-tile-title{color:white;line-height:1.3;font-size:20px;font-weight:700}`;
 
 const SpwTileTitle = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("h3", { key: '245d80100890b0433c53af153cf93d22a54373d3', class: "spw-tile-title" }, index.h("slot", { key: 'd385eb3b785c89ba208d0cdac84062379087c941' })));
+        return (index.h("h3", { key: 'ae2f43d85a1b248315b0866d301c30bfb3e3adc2', class: "spw-tile-title" }, index.h("slot", { key: '97d54e933b52987434a5bc3c5efd535cfcbefc86' })));
     }
 };
 SpwTileTitle.style = spwTileTitleCss();

package/dist/cjs/spw-tile.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-D3lyhQSW.js');
 
-const spwTileCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-tile{display:block;text-decoration:none;position:relative;transition:all 0.3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{position:relative;padding-top:calc(70% - 12px);border-radius:6px;overflow:hidden}@media (min-width: 1024px){.spw-tile--big,.spw-tile--light{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-landscape,.spw-tile--light.spw-tile--height-landscape{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-square,.spw-tile--light.spw-tile--height-square{padding-top:100%}.spw-tile--big.spw-tile--height-portrait,.spw-tile--light.spw-tile--height-portrait{padding-top:150%}}.spw-tile--big:before,.spw-tile--light:before{content:"";background:black;opacity:0;transition:all linear 0.2s;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.spw-tile--big:hover:before,.spw-tile--light:hover:before{opacity:0.3}.spw-tile__overlay,.spw-tile__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-tile__overlay{z-index:2;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0.75) 100%)}.spw-tile__image{z-index:1;object-fit:cover}.spw-tile__button{background:white;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:var(--spw-ds-primary);border-radius:50%;transition:all 0.2s ease-in;border:2px solid transparent;font-size:20px;margin-top:12px}.spw-tile:hover .spw-tile__button{border-color:white;color:white;background:transparent}.spw-tile--icon .spw-tile__content{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content ::slotted(spw-icon){font-size:32px;color:var(--spw-ds-primary)}.spw-tile--light .spw-tile__content,.spw-tile--big .spw-tile__content{position:absolute;z-index:3;display:flex;flex-direction:column;gap:6px;padding:24px;bottom:0;left:0;width:100%}.spw-tile--light .spw-tile__content{text-align:center;padding-bottom:24px}`;
+const spwTileCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-tile{display:block;text-decoration:none;position:relative;transition:all 0.3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{position:relative;padding-top:calc(70% - 12px);border-radius:6px;overflow:hidden}@media (min-width: 1024px){.spw-tile--big,.spw-tile--light{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-landscape,.spw-tile--light.spw-tile--height-landscape{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-square,.spw-tile--light.spw-tile--height-square{padding-top:100%}.spw-tile--big.spw-tile--height-portrait,.spw-tile--light.spw-tile--height-portrait{padding-top:150%}}.spw-tile--big:before,.spw-tile--light:before{content:"";background:black;opacity:0;transition:all linear 0.2s;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.spw-tile__overlay,.spw-tile__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-tile__overlay{z-index:2;height:calc(100% + 48px);bottom:0;top:auto;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--shades-alpha-dark-alpha-dark-alpha-900, rgba(0, 0, 0, 0.87)) 100%)}.spw-tile__image{z-index:1;object-fit:cover}.spw-tile__button{position:absolute;bottom:24px;right:24px;background:transparent;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:white;border-radius:50%;transition:all 0.2s ease-in;border:3px solid white;font-size:20px;margin-top:12px;z-index:2}.spw-tile:hover .spw-tile__button{background:rgba(0, 0, 0, 0.5)}.spw-tile--light .spw-tile__content,.spw-tile--big .spw-tile__content{position:absolute;z-index:3;display:flex;flex-direction:column;gap:0;padding:24px;bottom:0;left:0;width:100%}.spw-tile--big.spw-tile--hoverable .spw-tile__content{padding-right:84px}.spw-tile--light .spw-tile__content{text-align:center;padding-bottom:24px}.spw-tile__content-inner{position:relative;z-index:3;flex:1}.spw-tile--icon .spw-tile__content-inner{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content-inner ::slotted(spw-icon){font-size:32px;color:var(--spw-ds-primary)}`;
 
 const SpwTile = class {
     constructor(hostRef) {
@@ -15,23 +15,24 @@ const SpwTile = class {
         this.target = '_self';
         /** Texte alternatif de l'image de fond */
         this.imageAlt = '';
-        /** Opacité de l'overlay (valeur entre 0 et 100) */
-        this.overlayOpacity = 100;
+        /** Masque la spw-tile-description et la révèle au hover (uniquement pour la variante light et big - masquée en mobile) */
+        this.revealDescription = true;
     }
-    componentWillLoad() {
+    componentDidLoad() {
         this.applyVariantToChildren();
     }
     slotChanged() {
         this.applyVariantToChildren();
     }
     applyVariantToChildren() {
-        requestAnimationFrame(() => {
-            const variantClass = `--${this.variant}`;
-            const titleElement = this.el.querySelector('spw-tile-title');
-            const descriptionElement = this.el.querySelector('spw-tile-description');
-            titleElement && titleElement.classList.add(variantClass);
-            descriptionElement && descriptionElement.classList.add(variantClass);
-        });
+        const variantClass = `--${this.variant}`;
+        const titleElement = this.el.querySelector('spw-tile-title');
+        const descriptionElement = this.el.querySelector('spw-tile-description');
+        titleElement && titleElement.classList.add(variantClass);
+        if (descriptionElement) {
+            descriptionElement.classList.add(variantClass);
+            descriptionElement.classList.toggle('--reveal-on-hover', this.revealDescription && (this.variant === 'light' || this.variant === 'big'));
+        }
     }
     get elementClass() {
         return {
@@ -39,6 +40,7 @@ const SpwTile = class {
             'spw-tile--hoverable': !!this.href,
             [`spw-tile--${this.variant}`]: true,
             [`spw-tile--height-${this.height}`]: true,
+            'spw-tile--reveal-description': this.revealDescription && (this.variant === 'light' || this.variant === 'big'),
         };
     }
     onMouseEnter() {
@@ -52,6 +54,10 @@ const SpwTile = class {
         if (titleElement && this.href) {
             titleElement.classList.toggle('--hovered', isHovered);
         }
+        const descriptionElement = this.el.querySelector('spw-tile-description');
+        if (descriptionElement && this.revealDescription && (this.variant === 'light' || this.variant === 'big')) {
+            descriptionElement.classList.toggle('--revealed', isHovered);
+        }
     }
     render() {
         const { href, target } = this;
@@ -62,7 +68,7 @@ const SpwTile = class {
                 href,
                 target,
             };
-        return (index.h(index.Host, { key: 'fa47fef247987640be07df7c31cc29f3772afee9' }, index.h(TagType, Object.assign({ key: '7b619663eb8d1ef1febd6c66990d67ef3e569fa4' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (index.h(index.Fragment, { key: '9ca35da95f0fa9222f57df9f371bf7a19faa32f4' }, index.h("div", { key: 'c598653142955125f59429c991c8d3838195658f', class: "spw-tile__overlay", style: { opacity: `${this.overlayOpacity / 100}` } }), index.h("img", { key: 'ab5b217a8cbb8b195bc214c3954ea7c05e5dfd60', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), index.h("div", { key: '8eeb201966abc3cdfea0fc854274d0400b67fb21', class: "spw-tile__content" }, index.h("slot", { key: '8e0df9911b73e0585c72f79d433befe1758bc220' }), this.href && this.variant === 'big' && (index.h("span", { key: 'f9060c92ec64062db0d7966ef870a59ef1f7af17', class: "spw-tile__button" }, index.h("spw-icon", { key: '18a109f44d32e7f5529b07eecee2514a7cb47238', icon: "fa-chevron-right" })))))));
+        return (index.h(index.Host, { key: 'cf901f3325453adb4fe130b1d0d3bc9dfa78a323' }, index.h(TagType, Object.assign({ key: 'f37a6ad65125bb464e3a366760c1bd7850fa3023' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (index.h(index.Fragment, { key: '3bbb2140643181cf6d98ae87583572994b38463b' }, index.h("img", { key: '8fd96171e647c8ec905955755175d135406f0b50', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), index.h("div", { key: '4749a5833581683cb77c175cbec538293b789dd7', class: "spw-tile__content" }, (this.variant === 'big' || this.variant === 'light') && index.h("div", { key: 'c84b7a75688366c2e61e9aeb67194c64bd447705', class: "spw-tile__overlay" }), index.h("div", { key: '445985aa0760b2fbc60081c788005b0abfe9bf23', class: "spw-tile__content-inner" }, index.h("slot", { key: '3f5241b7be0673970e1a044d23817141a6091c73' })), this.href && this.variant === 'big' && (index.h("span", { key: '3f0a6cd4f1bdea9bbec8708ac86f5d4e895eac59', class: "spw-tile__button" }, index.h("spw-icon", { key: '1555a4b7c7087b1a177a07d265facfb9fcf37f6d', icon: "fa-chevron-right" })))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/spw-timeline-item.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-D3lyhQSW.js');
 
-const spwTimelineItemCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:flex;flex:1;flex-direction:column;align-items:center}:host:last-child{flex:0}.spw-timeline-item{display:flex;flex-direction:column;align-items:center;width:100%}.spw-timeline-item--vertical{position:relative;flex-direction:row;align-items:flex-start;gap:16px}.spw-timeline-item__step{display:flex;align-items:center;width:100%;position:relative;justify-content:center;font-size:18px;line-height:1;font-weight:700}.spw-timeline-item__step spw-icon{font-size:16px}.spw-timeline-item--vertical .spw-timeline-item__step{position:static;flex-direction:column;align-items:flex-start;justify-content:start;flex:1}.spw-timeline-item__icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid;flex-shrink:0;z-index:1;background-color:white;transition:all 0.3s ease;position:relative;border-color:#d1d5db}.spw-timeline-item__icon svg{width:24px;height:24px}.spw-timeline-item__connector{position:absolute;left:50%;right:-50%;height:3px;transition:background-color 0.3s ease;background-color:#d1d5db}.spw-timeline-item--vertical .spw-timeline-item__connector{top:0;left:7px;right:auto;width:3px;height:calc(100% + 6px)}.spw-timeline-item__label{display:inline-flex;gap:8px;font-size:16px;font-weight:700;text-align:center;margin-top:4px;color:var(--spw-color-themes-grey-grey-900);padding:0 8px}.spw-timeline-item--vertical .spw-timeline-item__label{text-align:left}.spw-timeline-item__label--clickable{text-decoration:underline;cursor:pointer;user-select:none}.spw-timeline-item__label--clickable:hover{text-decoration:none}.spw-timeline-item__label-text{flex:1}.spw-timeline-item__description-wrapper{margin-top:4px;display:flex;flex-direction:column;align-items:center;gap:8px}.spw-timeline-item--vertical .spw-timeline-item__description-wrapper{align-items:flex-start}.spw-timeline-item__description{font-size:14px;text-align:center;color:var(--spw-color-themes-grey-grey-700);padding:0 8px;transition:all 0.3s ease}.spw-timeline-item--vertical .spw-timeline-item__description{text-align:left}.spw-timeline-item__description--collapsed{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.spw-timeline-item__toggle{cursor:pointer;font-size:20px;color:var(--spw-ds-primary);transition:transform 0.3s ease}.spw-timeline-item__toggle:hover{opacity:0.8}.spw-timeline-item--vertical .spw-timeline-item__content{margin-top:-6px;margin-bottom:8px}.spw-timeline-item--active .spw-timeline-item__icon{border-color:var(--spw-ds-primary);background-color:var(--spw-ds-primary);color:white}.spw-timeline-item--active .spw-timeline-item__label{color:var(--spw-ds-primary)}.spw-timeline-item--default .spw-timeline-item__icon{border-color:#d1d5db;background-color:white;color:#d1d5db}`;
+const spwTimelineItemCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:flex;flex:1;flex-direction:column;align-items:center}:host:last-child{flex:0}.spw-timeline-item{display:flex;flex-direction:column;align-items:center;width:100%}.spw-timeline-item--vertical{position:relative;flex-direction:row;align-items:flex-start;gap:16px}.spw-timeline-item__step{display:flex;align-items:center;width:100%;position:relative;justify-content:center;font-size:18px;line-height:1;font-weight:700}.spw-timeline-item__step spw-icon{font-size:16px}.spw-timeline-item--vertical .spw-timeline-item__step{position:static;flex-direction:column;align-items:flex-start;justify-content:start;flex:1}.spw-timeline-item__icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid;flex-shrink:0;z-index:1;background-color:white;transition:all 0.3s ease;position:relative;border-color:#d1d5db}.spw-timeline-item__icon svg{width:24px;height:24px}.spw-timeline-item__connector{position:absolute;left:50%;right:-50%;height:3px;transition:background-color 0.3s ease;background-color:#d1d5db}.spw-timeline-item--vertical .spw-timeline-item__connector{top:0;left:7px;right:auto;width:3px;height:calc(100% + 6px)}.spw-timeline-item__label{display:inline-flex;gap:8px;font-size:16px;font-weight:700;text-align:center;margin-top:4px;color:var(--spw-color-themes-grey-grey-900);padding:0 8px}.spw-timeline-item--vertical .spw-timeline-item__label{text-align:left}.spw-timeline-item__label--clickable{text-decoration:underline;cursor:pointer;user-select:none}.spw-timeline-item__label--clickable:hover{text-decoration:none}.spw-timeline-item__label-text{flex:1}.spw-timeline-item__description-wrapper{margin-top:4px;display:flex;flex-direction:column;align-items:center;gap:8px}.spw-timeline-item--vertical .spw-timeline-item__description-wrapper{align-items:flex-start}.spw-timeline-item__description{font-size:14px;text-align:center;color:var(--spw-color-themes-grey-grey-700);padding:0 8px;transition:all 0.3s ease}.spw-timeline-item--vertical .spw-timeline-item__description{text-align:left}.spw-timeline-item__description--collapsed{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.spw-timeline-item__toggle{cursor:pointer;font-size:20px;color:var(--spw-ds-primary);transition:transform 0.3s ease}.spw-timeline-item__toggle:hover{opacity:0.8}.spw-timeline-item--vertical .spw-timeline-item__content{margin-top:-6px;margin-bottom:8px}.spw-timeline-item--active .spw-timeline-item__icon{border-color:var(--spw-ds-primary);background-color:var(--spw-ds-primary);color:white}.spw-timeline-item--active .spw-timeline-item__label{color:var(--spw-ds-primary)}.spw-timeline-item--default .spw-timeline-item__icon{border-color:#d1d5db;background-color:white;color:#d1d5db}`;
 
 const SpwTimelineItem = class {
     constructor(hostRef) {
@@ -61,10 +61,10 @@ const SpwTimelineItem = class {
     }
     render() {
         const showConnector = this.isLast === 'false';
-        return (index.h(index.Host, { key: 'd744ee44c63cbf4762b311507e235a8dbeef90d0' }, index.h("div", { key: 'd4eae8545ccd1b715b2e1e8367f3a1bdcb819b8c', class: this.elementClass }, index.h("div", { key: 'c9fed1c40f5e2d8920e0d4c6411ababc4ece3852', class: "spw-timeline-item__step" }, index.h("div", { key: 'c31675a02e74b8493fbe5de3996e5184de532d1e', class: "spw-timeline-item__icon" }), showConnector && index.h("div", { key: '1f05dc46cbd6794bc5ec2baf1a2383d6c55e7469', class: "spw-timeline-item__connector" })), index.h("div", { key: 'b86d31729e7126280e3322e377eb8dfe8c74ce3a', class: "spw-timeline-item__content" }, this.renderLabel(), this.description && (index.h("div", { key: 'f9c6da897da3a13b6bd3d865f926e05d49f86893', class: "spw-timeline-item__description-wrapper" }, index.h("div", { key: 'f40db75d422ba75c6da30356105f0be0f89e1f54', ref: el => (this.descriptionRef = el), class: {
+        return (index.h(index.Host, { key: 'bed06990940bf27088d30acf046c7898b36d1867' }, index.h("div", { key: 'e0097fb58a7e949b624a3f849772c77452ff23e9', class: this.elementClass }, index.h("div", { key: '650e758e17174fe9616e65f9988cd5da2b57a403', class: "spw-timeline-item__step" }, index.h("div", { key: '531e0380dbabbee8106a08c12e68e7404860316b', class: "spw-timeline-item__icon" }), showConnector && index.h("div", { key: '51ecd63ea9e2dc2240c8a5a42a2cf0d53b1d5f1f', class: "spw-timeline-item__connector" })), index.h("div", { key: '7f3da2d7a0ee388eddcfefc8c1b57079c7968097', class: "spw-timeline-item__content" }, this.renderLabel(), this.description && (index.h("div", { key: 'a608d47b21e8e07f1ae10c63424c534dafc50a91', class: "spw-timeline-item__description-wrapper" }, index.h("div", { key: 'fdec9cbc5f723358d6244ae351e886e7a173371e', ref: el => (this.descriptionRef = el), class: {
                 'spw-timeline-item__description': true,
                 'spw-timeline-item__description--collapsed': !this.isDescriptionExpanded,
-            } }, this.description))), index.h("slot", { key: 'd1007cbc51a16f43c75453401c458d7ca29edf9a' })))));
+            } }, this.description))), index.h("slot", { key: '0f999df3ae5f72eb9aa2e2933bb8f5a897983d62' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/spw-timeline.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-D3lyhQSW.js');
 
-const spwTimelineCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-timeline{display:flex;gap:6px}.spw-timeline--horizontal{flex-direction:row}.spw-timeline--vertical{flex-direction:column;align-items:flex-start}.spw-timeline__toggle{margin-top:8px;padding-left:32px;margin-left:7px;border-left:3px dashed #d1d5db}.spw-timeline__toggle--less{border-left-color:transparent}.spw-timeline__toggle-btn{background:none;border:none;color:var(--spw-ds-primary);font-size:14px;font-weight:700;text-decoration:underline;cursor:pointer;padding:0}.spw-timeline__toggle-btn:hover{text-decoration:none}`;
+const spwTimelineCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-timeline{display:flex;gap:6px}.spw-timeline--horizontal{flex-direction:row}.spw-timeline--vertical{flex-direction:column;align-items:flex-start}.spw-timeline__toggle{margin-top:8px;padding-left:32px;margin-left:7px;border-left:3px dashed #d1d5db}.spw-timeline__toggle--less{border-left-color:transparent}.spw-timeline__toggle-btn{background:none;border:none;color:var(--spw-ds-primary);font-size:14px;font-weight:700;text-decoration:underline;cursor:pointer;padding:0}.spw-timeline__toggle-btn:hover{text-decoration:none}`;
 
 const SpwTimeline = class {
     constructor(hostRef) {
@@ -59,11 +59,11 @@ const SpwTimeline = class {
         return this.visibleItems > 0 && items.length > this.visibleItems;
     }
     render() {
-        return (index.h(index.Host, { key: '2d3acd5c2ce9a7ba2f5e4bbb7f39b3618e2ea952' }, index.h("div", { key: 'b90b81419f1fd359989b811f9cb481a1d822c0b2', class: this.elementClass }, index.h("slot", { key: '0cd871d23e36f5ec6a58d77063161d89055c5b05' })), this.shouldShowToggleButton() && (index.h("div", { key: 'c9a09e893ed531a16c0c4885f0f4f2aa8b4a5150', class: {
+        return (index.h(index.Host, { key: '08d6864952bf7068e596612c23421b87529200d9' }, index.h("div", { key: 'dd3817680c66f28595763d2c94d5a2a158add4ec', class: this.elementClass }, index.h("slot", { key: '9c6a2f60d3f0fcc647834282104d6a2550af8747' })), this.shouldShowToggleButton() && (index.h("div", { key: '0c23627843714ef572654c783894452cd2977493', class: {
                 'spw-timeline__toggle': true,
                 'spw-timeline__toggle--more': !this.showAll,
                 'spw-timeline__toggle--less': this.showAll,
-            } }, index.h("span", { key: '05d884a77b08032f47aa32d184f0b1f5a9ee4164', class: "spw-timeline__toggle-btn", onClick: this.handleToggle }, this.showAll ? this.showLessText : this.showMoreText)))));
+            } }, index.h("span", { key: '4ce46d6480e6e8d51d201147a452d5ef1642e905', class: "spw-timeline__toggle-btn", onClick: this.handleToggle }, this.showAll ? this.showLessText : this.showMoreText)))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/spw-toast-controller.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-D3lyhQSW.js');
 
-const spwToastControllerCss = () => `@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents;--spw-toast-controller-gap:10px;--spw-toast-controller-offset:24px;--spw-toast-controller-width:360px;--spw-toast-controller-z-index:999999999}.spw-toast-controller__stack{position:fixed;display:flex;flex-direction:column;gap:var(--spw-toast-controller-gap);z-index:var(--spw-toast-controller-z-index);width:var(--spw-toast-controller-width);max-width:calc(100vw - 2 * var(--spw-toast-controller-offset));pointer-events:none}.spw-toast-controller__stack>*{pointer-events:auto}.spw-toast-controller__stack--top-right{top:var(--spw-toast-controller-offset);right:var(--spw-toast-controller-offset)}.spw-toast-controller__stack--top-left{top:var(--spw-toast-controller-offset);left:var(--spw-toast-controller-offset)}.spw-toast-controller__stack--top-center{top:var(--spw-toast-controller-offset);left:50%;transform:translateX(-50%)}.spw-toast-controller__stack--bottom-right{bottom:var(--spw-toast-controller-offset);right:var(--spw-toast-controller-offset);flex-direction:column-reverse}.spw-toast-controller__stack--bottom-left{bottom:var(--spw-toast-controller-offset);left:var(--spw-toast-controller-offset);flex-direction:column-reverse}.spw-toast-controller__stack--bottom-center{bottom:var(--spw-toast-controller-offset);left:50%;transform:translateX(-50%);flex-direction:column-reverse}`;
+const spwToastControllerCss = () => `@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents;--spw-toast-controller-gap:10px;--spw-toast-controller-offset:24px;--spw-toast-controller-width:360px;--spw-toast-controller-z-index:999999999}.spw-toast-controller__stack{position:fixed;display:flex;flex-direction:column;gap:var(--spw-toast-controller-gap);z-index:var(--spw-toast-controller-z-index);width:var(--spw-toast-controller-width);max-width:calc(100vw - 2 * var(--spw-toast-controller-offset));pointer-events:none}.spw-toast-controller__stack>*{pointer-events:auto}.spw-toast-controller__stack--top-right{top:var(--spw-toast-controller-offset);right:var(--spw-toast-controller-offset)}.spw-toast-controller__stack--top-left{top:var(--spw-toast-controller-offset);left:var(--spw-toast-controller-offset)}.spw-toast-controller__stack--top-center{top:var(--spw-toast-controller-offset);left:50%;transform:translateX(-50%)}.spw-toast-controller__stack--bottom-right{bottom:var(--spw-toast-controller-offset);right:var(--spw-toast-controller-offset);flex-direction:column-reverse}.spw-toast-controller__stack--bottom-left{bottom:var(--spw-toast-controller-offset);left:var(--spw-toast-controller-offset);flex-direction:column-reverse}.spw-toast-controller__stack--bottom-center{bottom:var(--spw-toast-controller-offset);left:50%;transform:translateX(-50%);flex-direction:column-reverse}`;
 
 const SpwToastController = class {
     constructor(hostRef) {

package/dist/cjs/spw-toast.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-D3lyhQSW.js');
 var animation = require('./animation-tH5DQHbp.js');
 
-const spwToastCss = () => `@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;width:100%;--spw-toast-border-radius:8px;--spw-toast-font-size:16px;--spw-toast-shadow:none;--spw-toast-aside-width:40px;--spw-toast-success-color:var(--spw-colors-multi-branding-green-green-800);--spw-toast-success-bg:var(--spw-colors-multi-branding-green-green-800);--spw-toast-info-color:var(--spw-colors-multi-branding-blue-blue-500);--spw-toast-info-bg:var(--spw-colors-multi-branding-blue-blue-500);--spw-toast-warning-color:var(--spw-colors-multi-branding-orange-orange-500);--spw-toast-warning-bg:var(--spw-colors-multi-branding-orange-orange-500);--spw-toast-alert-color:var(--spw-colors-multi-branding-red-red-500);--spw-toast-alert-bg:var(--spw-colors-multi-branding-red-red-500)}.spw-toast{position:relative;display:flex;align-items:stretch;background:#ffffff;border-radius:var(--spw-toast-border-radius);border:2px solid;box-shadow:var(--spw-toast-shadow);font-size:var(--spw-toast-font-size);color:var(--spw-colors-support-grey-grey-900, #1a1a1a);width:100%;box-sizing:border-box;overflow:hidden}@media (prefers-reduced-motion: reduce){.spw-toast{transition:none !important;animation:none !important}}.spw-toast--success{border-color:var(--spw-toast-success-color)}.spw-toast--success .spw-toast__aside{background:var(--spw-toast-success-bg)}.spw-toast--info{border-color:var(--spw-toast-info-color)}.spw-toast--info .spw-toast__aside{background:var(--spw-toast-info-bg)}.spw-toast--warning{border-color:var(--spw-toast-warning-color)}.spw-toast--warning .spw-toast__aside{background:var(--spw-toast-warning-bg)}.spw-toast--alert{border-color:var(--spw-toast-alert-color)}.spw-toast--alert .spw-toast__aside{background:var(--spw-toast-alert-bg)}.spw-toast__aside{flex-shrink:0;width:var(--spw-toast-aside-width);display:flex;align-items:flex-start;justify-content:center;padding-top:16px}.spw-toast__icon-wrapper{width:24px;height:24px;border-radius:50%;background:#ffffff;display:flex;align-items:center;justify-content:center;font-size:16px}.spw-toast__icon-wrapper spw-icon{display:flex;align-items:center;justify-content:center}.spw-toast--success .spw-toast__icon-wrapper spw-icon{color:var(--spw-toast-success-color)}.spw-toast--info .spw-toast__icon-wrapper spw-icon{color:var(--spw-toast-info-color)}.spw-toast--warning .spw-toast__icon-wrapper spw-icon{color:var(--spw-toast-warning-color)}.spw-toast--alert .spw-toast__icon-wrapper spw-icon{color:var(--spw-toast-alert-color)}.spw-toast__body{flex:1;padding:16px;display:flex;flex-direction:column;gap:4px;min-width:0}.spw-toast__top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.spw-toast__heading{margin:0;font-weight:700;line-height:1.4;color:var(--spw-colors-support-grey-grey-900, #1a1a1a)}.spw-toast__message{margin:0;line-height:1.5;color:var(--spw-colors-support-grey-grey-700, #3a3a3a)}.spw-toast__link{display:inline-block;margin-top:4px;font-weight:700;font-size:14px;text-decoration:underline;color:var(--spw-colors-support-grey-grey-900, #1a1a1a)}.spw-toast__link:hover{text-decoration:none}.spw-toast__close{flex-shrink:0;align-self:flex-start;display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:3px 0;font-size:14px;font-weight:600;color:var(--spw-colors-support-grey-grey-900, #1a1a1a);white-space:nowrap;text-decoration:underline;font-family:inherit}.spw-toast__close spw-icon{font-size:14px;text-decoration:none}.spw-toast__close:hover{text-decoration:none}.spw-toast__close:focus-visible{outline:3px solid currentColor;outline-offset:2px;border-radius:2px}.spw-toast__progress{position:absolute;bottom:0;left:var(--spw-toast-aside-width);height:3px;width:calc(100% - var(--spw-toast-aside-width));transform-origin:left center;animation:spw-toast-progress linear forwards;animation-play-state:running}@media (prefers-reduced-motion: reduce){.spw-toast__progress{display:none}}.spw-toast--success .spw-toast__progress{background:var(--spw-toast-success-color)}.spw-toast--info .spw-toast__progress{background:var(--spw-toast-info-color)}.spw-toast--warning .spw-toast__progress{background:var(--spw-toast-warning-color)}.spw-toast--alert .spw-toast__progress{background:var(--spw-toast-alert-color)}@keyframes spw-toast-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}`;
+const spwToastCss = () => `@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;width:100%;--spw-toast-border-radius:8px;--spw-toast-font-size:16px;--spw-toast-shadow:none;--spw-toast-aside-width:40px;--spw-toast-success-color:var(--spw-colors-multi-branding-green-green-800);--spw-toast-success-bg:var(--spw-colors-multi-branding-green-green-800);--spw-toast-info-color:var(--spw-colors-multi-branding-blue-blue-500);--spw-toast-info-bg:var(--spw-colors-multi-branding-blue-blue-500);--spw-toast-warning-color:var(--spw-colors-multi-branding-orange-orange-500);--spw-toast-warning-bg:var(--spw-colors-multi-branding-orange-orange-500);--spw-toast-alert-color:var(--spw-colors-multi-branding-red-red-500);--spw-toast-alert-bg:var(--spw-colors-multi-branding-red-red-500)}.spw-toast{position:relative;display:flex;align-items:stretch;background:#ffffff;border-radius:var(--spw-toast-border-radius);border:2px solid;box-shadow:var(--spw-toast-shadow);font-size:var(--spw-toast-font-size);color:var(--spw-colors-support-grey-grey-900, #1a1a1a);width:100%;box-sizing:border-box;overflow:hidden}@media (prefers-reduced-motion: reduce){.spw-toast{transition:none !important;animation:none !important}}.spw-toast--success{border-color:var(--spw-toast-success-color)}.spw-toast--success .spw-toast__aside{background:var(--spw-toast-success-bg)}.spw-toast--info{border-color:var(--spw-toast-info-color)}.spw-toast--info .spw-toast__aside{background:var(--spw-toast-info-bg)}.spw-toast--warning{border-color:var(--spw-toast-warning-color)}.spw-toast--warning .spw-toast__aside{background:var(--spw-toast-warning-bg)}.spw-toast--alert{border-color:var(--spw-toast-alert-color)}.spw-toast--alert .spw-toast__aside{background:var(--spw-toast-alert-bg)}.spw-toast__aside{flex-shrink:0;width:var(--spw-toast-aside-width);display:flex;align-items:flex-start;justify-content:center;padding-top:16px}.spw-toast__icon-wrapper{width:24px;height:24px;border-radius:50%;background:#ffffff;display:flex;align-items:center;justify-content:center;font-size:16px}.spw-toast__icon-wrapper spw-icon{display:flex;align-items:center;justify-content:center}.spw-toast--success .spw-toast__icon-wrapper spw-icon{color:var(--spw-toast-success-color)}.spw-toast--info .spw-toast__icon-wrapper spw-icon{color:var(--spw-toast-info-color)}.spw-toast--warning .spw-toast__icon-wrapper spw-icon{color:var(--spw-toast-warning-color)}.spw-toast--alert .spw-toast__icon-wrapper spw-icon{color:var(--spw-toast-alert-color)}.spw-toast__body{flex:1;padding:16px;display:flex;flex-direction:column;gap:4px;min-width:0}.spw-toast__top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.spw-toast__heading{margin:0;font-weight:700;line-height:1.4;color:var(--spw-colors-support-grey-grey-900, #1a1a1a)}.spw-toast__message{margin:0;line-height:1.5;color:var(--spw-colors-support-grey-grey-700, #3a3a3a)}.spw-toast__link{display:inline-block;margin-top:4px;font-weight:700;font-size:14px;text-decoration:underline;color:var(--spw-colors-support-grey-grey-900, #1a1a1a)}.spw-toast__link:hover{text-decoration:none}.spw-toast__close{flex-shrink:0;align-self:flex-start;display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:3px 0;font-size:14px;font-weight:600;color:var(--spw-colors-support-grey-grey-900, #1a1a1a);white-space:nowrap;text-decoration:underline;font-family:inherit}.spw-toast__close spw-icon{font-size:14px;text-decoration:none}.spw-toast__close:hover{text-decoration:none}.spw-toast__close:focus-visible{outline:3px solid currentColor;outline-offset:2px;border-radius:2px}.spw-toast__progress{position:absolute;bottom:0;left:var(--spw-toast-aside-width);height:3px;width:calc(100% - var(--spw-toast-aside-width));transform-origin:left center;animation:spw-toast-progress linear forwards;animation-play-state:running}@media (prefers-reduced-motion: reduce){.spw-toast__progress{display:none}}.spw-toast--success .spw-toast__progress{background:var(--spw-toast-success-color)}.spw-toast--info .spw-toast__progress{background:var(--spw-toast-info-color)}.spw-toast--warning .spw-toast__progress{background:var(--spw-toast-warning-color)}.spw-toast--alert .spw-toast__progress{background:var(--spw-toast-alert-color)}@keyframes spw-toast-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}`;
 
 const VARIANT_ICONS = {
     success: 'fa-check',

package/dist/cjs/spw-toc-container.cjs.entry.js

@@ -1,23 +1,39 @@
 'use strict';
 
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-D3lyhQSW.js');
 
-const spwTocContainerCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}`;
+const spwTocContainerCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}`;
 
 const SpwTocContainer = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.tocItemsChanged = index.createEvent(this, "tocItemsChanged", 7);
+        /** Profondeur maximale des headings à scanner. Ex: "h3" scanne h2 et h3, "h4" scanne h2, h3 et h4. Par défaut tous les niveaux jusqu'à h6. */
+        this.depth = 'h6';
     }
-    componentDidLoad() {
+    async componentDidLoad() {
+        await this.waitForChildrenReady();
         this.scanHeadings();
         this.setupMutationObserver();
     }
+    async waitForChildrenReady() {
+        const stencilChildren = this.el.querySelectorAll('*');
+        const readyPromises = [];
+        stencilChildren.forEach((child) => {
+            if (typeof child.componentOnReady === 'function') {
+                readyPromises.push(child.componentOnReady());
+            }
+        });
+        await Promise.all(readyPromises);
+    }
     disconnectedCallback() {
         if (this.observer) {
             this.observer.disconnect();
         }
     }
+    depthChanged() {
+        this.scanHeadings();
+    }
     async getItems() {
         return this.scanHeadings();
     }
@@ -25,11 +41,20 @@ const SpwTocContainer = class {
         this.observer = new MutationObserver(() => {
             this.scanHeadings();
         });
-        this.observer.observe(this.el, {
+        this.observeRoot(this.el);
+    }
+    observeRoot(root) {
+        this.observer.observe(root, {
             childList: true,
             subtree: true,
             characterData: true,
         });
+        const all = root.querySelectorAll('*');
+        all.forEach((el) => {
+            if (el.shadowRoot) {
+                this.observeRoot(el.shadowRoot);
+            }
+        });
     }
     slugify(text) {
         return text
@@ -41,12 +66,54 @@ const SpwTocContainer = class {
             .replace(/[\s_-]+/g, '-')
             .replace(/^-+|-+$/g, '');
     }
+    getHeadingText(heading) {
+        const parts = [];
+        const walk = (node) => {
+            if (node.nodeType === Node.TEXT_NODE) {
+                parts.push(node.textContent || '');
+                return;
+            }
+            if (node.nodeType !== Node.ELEMENT_NODE)
+                return;
+            const el = node;
+            if (el.tagName === 'SLOT') {
+                const assigned = el.assignedNodes({ flatten: true });
+                assigned.forEach(walk);
+                return;
+            }
+            if (el.shadowRoot) {
+                el.shadowRoot.childNodes.forEach(walk);
+            }
+            el.childNodes.forEach(walk);
+        };
+        heading.childNodes.forEach(walk);
+        return parts.join('').replace(/\s+/g, ' ').trim();
+    }
+    get maxLevel() {
+        var _a, _b;
+        return parseInt((_b = (_a = this.depth) === null || _a === void 0 ? void 0 : _a.substring(1)) !== null && _b !== void 0 ? _b : '6');
+    }
+    walkForHeadings(node, collected) {
+        if (node.nodeType === Node.ELEMENT_NODE) {
+            const el = node;
+            const tag = el.tagName.toLowerCase();
+            const match = tag.match(/^h([2-6])$/);
+            if (match && parseInt(match[1]) <= this.maxLevel) {
+                collected.push(el);
+            }
+            if (el.shadowRoot) {
+                const sr = el.shadowRoot;
+                sr.childNodes.forEach(child => this.walkForHeadings(child, collected));
+            }
+        }
+        node.childNodes.forEach(child => this.walkForHeadings(child, collected));
+    }
     scanHeadings() {
         const tocItems = [];
-        const headings = this.el.querySelectorAll('h2, h3, h4, h5, h6');
+        const headings = [];
+        this.walkForHeadings(this.el, headings);
         headings.forEach((heading) => {
-            var _a;
-            const text = ((_a = heading.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '';
+            const text = this.getHeadingText(heading);
             let id = heading.id;
             if (!id && text) {
                 id = this.slugify(text);
@@ -61,9 +128,14 @@ const SpwTocContainer = class {
         return tocItems;
     }
     render() {
-        return (index.h(index.Host, { key: 'b65fc485e901264fc4df9443d7ad55b4c17cb52c' }, index.h("slot", { key: '186f67706aa14e2fd3ce5799e61de589bd1a5a59' })));
+        return (index.h(index.Host, { key: '2a1a9fa7a120d4f64660a74a7a83b0acaeac5528' }, index.h("slot", { key: 'a9004024f4c44a736c7d76a80aec55fbaa4f233c' })));
     }
     get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "depth": [{
+                "depthChanged": 0
+            }]
+    }; }
 };
 SpwTocContainer.style = spwTocContainerCss();
 

package/dist/cjs/spw-toc-navigation.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-D3lyhQSW.js');
 
-const spwTocNavigationCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-toc ul{list-style:none;margin:0;padding:0;position:relative}.spw-toc li{position:relative;list-style:none;margin:0;padding:0}.spw-toc li a{display:block;text-decoration:none;font-weight:normal;transition:font-weight 0.2s ease;padding:0.25rem 0;color:var(--spw-color-themes-grey-grey-900)}.spw-toc li a:hover{text-decoration:underline}.spw-toc li a:active{color:var(--spw-ds-active)}.spw-toc li.--toc-is-level-2 a{padding-left:2rem}.spw-toc li.--toc-is-level-3 a{padding-left:3rem}.spw-toc li.--toc-is-level-4 a{padding-left:4rem}.spw-toc li.--toc-is-level-5 a{padding-left:5rem}.spw-toc li.--toc-is-level-6 a{padding-left:6rem}.spw-toc--progress li.--toc-is-h2{position:relative;--progress:0;--distance-to-next-h2:0px}.spw-toc--progress li.--toc-is-h2::before{content:"";position:absolute;left:9px;top:calc(0.25rem + 0.5em);width:2px;background-color:#e0e0e0;z-index:0;height:var(--distance-to-next-h2)}.spw-toc--progress li.--toc-is-h2::after{content:"";position:absolute;left:9px;top:calc(0.25rem + 0.5em);width:2px;background-color:var(--spw-ds-primary);z-index:1;transition:height 0.1s linear;transform-origin:top;height:calc(var(--distance-to-next-h2) * var(--progress) / 100)}.spw-toc--progress li.--toc-is-h2:last-of-type::before,.spw-toc--progress li.--toc-is-h2:last-of-type::after{display:none}.spw-toc--progress li .spw-toc__progress-dot{position:absolute;left:0.25rem;top:calc(0.25rem + 0.5em + 3px);transform:translateY(-50%);width:13px;height:13px;border-radius:50%;border:4px solid #e0e0e0;background-color:white;z-index:2;transition:all 0.3s ease}.spw-toc--progress li.--toc-bar-completed .spw-toc__progress-dot{border-color:var(--spw-ds-primary)}.spw-toc--progress li.--toc-bar-active .spw-toc__progress-dot{border-color:var(--spw-ds-primary);box-shadow:0 0 0 3px rgba(211, 47, 47, 0.2)}.spw-toc--progress li.--toc-bar-completed.--toc-is-level-2 a,.spw-toc--progress li.--toc-bar-active.--toc-is-level-2 a{font-weight:bold}.spw-toc--simple li a{font-weight:700}.spw-toc--simple li.--toc-active a{color:var(--spw-color-themes-grey-grey-900)}.spw-toc--simple li.--toc-is-level-2 a{padding-left:calc(6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-2::before{content:"";position:absolute;left:0;top:calc(0.25rem + 0.7em);transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--spw-ds-primary)}.spw-toc--simple li.--toc-is-level-3::before,.spw-toc--simple li.--toc-is-level-4::before,.spw-toc--simple li.--toc-is-level-5::before,.spw-toc--simple li.--toc-is-level-6::before{content:"";position:absolute;top:calc(0.25rem + 0.7em);transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:transparent;border:1px solid var(--spw-ds-primary);box-sizing:border-box}.spw-toc--simple li.--toc-is-level-3 a{padding-left:calc(1rem + 6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-3::before{left:1rem}.spw-toc--simple li.--toc-is-level-4 a{padding-left:calc(2rem + 6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-4::before{left:2rem}.spw-toc--simple li.--toc-is-level-5 a{padding-left:calc(3rem + 6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-5::before{left:3rem}.spw-toc--simple li.--toc-is-level-6 a{padding-left:calc(4rem + 6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-6::before{left:4rem}`;
+const spwTocNavigationCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-toc ul{list-style:none;margin:0;padding:0;position:relative}.spw-toc li{position:relative;list-style:none;margin:0;padding:0}.spw-toc li a{display:block;text-decoration:none;font-weight:normal;transition:font-weight 0.2s ease;padding:0.25rem 0;color:var(--spw-color-themes-grey-grey-900)}.spw-toc li a:hover{text-decoration:underline}.spw-toc li a:active{color:var(--spw-ds-active)}.spw-toc li.--toc-is-level-2 a{padding-left:2rem}.spw-toc li.--toc-is-level-3 a{padding-left:3rem}.spw-toc li.--toc-is-level-4 a{padding-left:4rem}.spw-toc li.--toc-is-level-5 a{padding-left:5rem}.spw-toc li.--toc-is-level-6 a{padding-left:6rem}.spw-toc--progress li.--toc-is-h2{position:relative;--progress:0;--distance-to-next-h2:0px}.spw-toc--progress li.--toc-is-h2::before{content:"";position:absolute;left:9px;top:calc(0.25rem + 0.5em);width:2px;background-color:#e0e0e0;z-index:0;height:var(--distance-to-next-h2)}.spw-toc--progress li.--toc-is-h2::after{content:"";position:absolute;left:9px;top:calc(0.25rem + 0.5em);width:2px;background-color:var(--spw-ds-primary);z-index:1;transition:height 0.1s linear;transform-origin:top;height:calc(var(--distance-to-next-h2) * var(--progress) / 100)}.spw-toc--progress li.--toc-is-h2:last-of-type::before,.spw-toc--progress li.--toc-is-h2:last-of-type::after{display:none}.spw-toc--progress li .spw-toc__progress-dot{position:absolute;left:0.25rem;top:calc(0.25rem + 0.5em + 3px);transform:translateY(-50%);width:13px;height:13px;border-radius:50%;border:4px solid #e0e0e0;background-color:white;z-index:2;transition:all 0.3s ease}.spw-toc--progress li.--toc-bar-completed .spw-toc__progress-dot{border-color:var(--spw-ds-primary)}.spw-toc--progress li.--toc-bar-active .spw-toc__progress-dot{border-color:var(--spw-ds-primary);box-shadow:0 0 0 3px rgba(211, 47, 47, 0.2)}.spw-toc--progress li.--toc-bar-completed.--toc-is-level-2 a,.spw-toc--progress li.--toc-bar-active.--toc-is-level-2 a{font-weight:bold}.spw-toc--simple li a{font-weight:700}.spw-toc--simple li.--toc-active a{color:var(--spw-color-themes-grey-grey-900)}.spw-toc--simple li.--toc-is-level-2 a{padding-left:calc(6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-2::before{content:"";position:absolute;left:0;top:calc(0.25rem + 0.7em);transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--spw-ds-primary)}.spw-toc--simple li.--toc-is-level-3::before,.spw-toc--simple li.--toc-is-level-4::before,.spw-toc--simple li.--toc-is-level-5::before,.spw-toc--simple li.--toc-is-level-6::before{content:"";position:absolute;top:calc(0.25rem + 0.7em);transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:transparent;border:1px solid var(--spw-ds-primary);box-sizing:border-box}.spw-toc--simple li.--toc-is-level-3 a{padding-left:calc(1rem + 6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-3::before{left:1rem}.spw-toc--simple li.--toc-is-level-4 a{padding-left:calc(2rem + 6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-4::before{left:2rem}.spw-toc--simple li.--toc-is-level-5 a{padding-left:calc(3rem + 6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-5::before{left:3rem}.spw-toc--simple li.--toc-is-level-6 a{padding-left:calc(4rem + 6px + 0.75rem)}.spw-toc--simple li.--toc-is-level-6::before{left:4rem}`;
 
 const SpwTocNavigation = class {
     constructor(hostRef) {
@@ -79,6 +79,24 @@ const SpwTocNavigation = class {
             console.error('Error loading TOC items:', e);
         }
     }
+    findElementById(id, root = document) {
+        const direct = root.getElementById ? root.getElementById(id) : root.querySelector(`#${CSS.escape(id)}`);
+        if (direct)
+            return direct;
+        const all = root.querySelectorAll('*');
+        for (let i = 0; i < all.length; i++) {
+            const el = all[i];
+            if (el.shadowRoot) {
+                const found = this.findElementById(id, el.shadowRoot);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    }
+    getAbsoluteTop(element) {
+        return element.getBoundingClientRect().top + window.scrollY;
+    }
     setupScrollHandler() {
         let rafId = null;
         this.scrollHandler = () => {
@@ -97,15 +115,15 @@ const SpwTocNavigation = class {
         const newProgressMap = new Map();
         const scrollPosition = window.scrollY + 32;
         h2Items.forEach((h2Item, h2Index) => {
-            const h2Element = document.getElementById(h2Item.id);
+            const h2Element = this.findElementById(h2Item.id);
             if (!h2Element) {
                 newProgressMap.set(h2Index, 0);
                 return;
             }
             const nextH2Item = h2Items[h2Index + 1];
-            const nextH2Element = nextH2Item ? document.getElementById(nextH2Item.id) : null;
-            const h2Top = h2Element.offsetTop;
-            const nextH2Top = nextH2Element ? nextH2Element.offsetTop : document.body.scrollHeight;
+            const nextH2Element = nextH2Item ? this.findElementById(nextH2Item.id) : null;
+            const h2Top = this.getAbsoluteTop(h2Element);
+            const nextH2Top = nextH2Element ? this.getAbsoluteTop(nextH2Element) : document.body.scrollHeight;
             const sectionHeight = nextH2Top - h2Top;
             if (scrollPosition < h2Top) {
                 newProgressMap.set(h2Index, 0);
@@ -163,7 +181,7 @@ const SpwTocNavigation = class {
             });
         }, options);
         this.items.forEach(item => {
-            const element = document.getElementById(item.id);
+            const element = this.findElementById(item.id);
             if (element) {
                 this.observer.observe(element);
             }
@@ -171,7 +189,7 @@ const SpwTocNavigation = class {
     }
     handleItemClick(event, id, index) {
         event.preventDefault();
-        const targetElement = document.getElementById(id);
+        const targetElement = this.findElementById(id);
         if (targetElement) {
             const elementPosition = targetElement.getBoundingClientRect().top;
             const offsetPosition = elementPosition + window.scrollY - 32;
@@ -209,15 +227,15 @@ const SpwTocNavigation = class {
         const newProgressMap = new Map();
         const scrollPosition = targetScrollY + 32;
         h2Items.forEach((h2Item, h2Index) => {
-            const h2Element = document.getElementById(h2Item.id);
+            const h2Element = this.findElementById(h2Item.id);
             if (!h2Element) {
                 newProgressMap.set(h2Index, 0);
                 return;
             }
             const nextH2Item = h2Items[h2Index + 1];
-            const nextH2Element = nextH2Item ? document.getElementById(nextH2Item.id) : null;
-            const h2Top = h2Element.offsetTop;
-            const nextH2Top = nextH2Element ? nextH2Element.offsetTop : document.body.scrollHeight;
+            const nextH2Element = nextH2Item ? this.findElementById(nextH2Item.id) : null;
+            const h2Top = this.getAbsoluteTop(h2Element);
+            const nextH2Top = nextH2Element ? this.getAbsoluteTop(nextH2Element) : document.body.scrollHeight;
             const sectionHeight = nextH2Top - h2Top;
             if (scrollPosition < h2Top) {
                 newProgressMap.set(h2Index, 0);

package/dist/cjs/spw-toc.cjs.entry.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-DuCXzb-X.js');
+var index = require('./index-D3lyhQSW.js');
 
-const spwTocCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}`;
+const spwTocCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}`;
 
 const SpwToc = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'f8c158feebee890564180f5e10d61bb93034a06e' }, index.h("slot", { key: '2881f9b67b5a220b09c15ae58f055550180bd145' })));
+        return (index.h(index.Host, { key: 'b5573394c9a94b24229e4c62c49e5a5c2ac7ae5b' }, index.h("slot", { key: '51ad228dd683f0400286bb546de01de97c99fc09' })));
     }
 };
 SpwToc.style = spwTocCss();