@spw-ds/spw-stencil-library 1.10.2 → 1.11.0

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

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

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CX9is0m-.js');
+var index = require('./index-B9VTdKwF.js');
 
-const spwSearchFieldCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field.spw-search-field--large.spw-search-field--is-open spw-text-field{--spw-input-radius:24px 24px 0 0}.spw-search-field--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__category{font-style:italic}.spw-search-field__submit{position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:10}.spw-search-field__submit:focus,.spw-search-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-search-field--large .spw-search-field__submit{width:46px;height:46px;right:16px}.spw-search-field__options{position:absolute;width:100%;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto}.spw-search-field__options::-webkit-scrollbar{width:14px;height:14px}.spw-search-field__options::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-search-field__options::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-search-field__options{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-search-field__options{z-index:44;margin-top:-2px;transition:transform 0.3s ease, opacity 0.3s ease}.spw-search-field--is-rounded .spw-search-field__options{border-radius:0 0 24px 24px;border:none}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down{top:100%;transform:translateY(0)}.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{padding:12px;color:var(--spw-color-themes-grey-grey-900);text-align:left;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;transition:background-color 0.2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-radius:12px;padding:12px;border-bottom:none}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__loading,.spw-search-field__no-results{padding:12px;cursor:not-allowed;text-align:left;color:var(--spw-color-themes-grey-grey-600)}.spw-search-field--is-rounded .spw-search-field__loading,.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{position:sticky;bottom:0;cursor:pointer;font-weight:700}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{color:black;background:white;border-top:1px solid var(--spw-color-themes-grey-grey-900)}.spw-search-field--is-rounded .spw-search-field__view-all a{color:var(--spw-ds-primary);padding:12px 24px 24px 24px;border-top:none}.spw-search-field__view-all a{text-decoration:underline;display:block;width:100%;padding:12px;display:inline-flex;justify-content:space-between}.spw-search-field__view-all a:hover{text-decoration:none}`;
+const spwSearchFieldCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field.spw-search-field--large.spw-search-field--is-open spw-text-field{--spw-input-radius:24px 24px 0 0}.spw-search-field--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__container{position:relative}.spw-search-field__category{font-style:italic}.spw-search-field__submit{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:10}.spw-search-field__submit:focus,.spw-search-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-search-field--large .spw-search-field__submit{width:46px;height:46px;right:16px}.spw-search-field__options{position:absolute;width:100%;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto}.spw-search-field__options::-webkit-scrollbar{width:14px;height:14px}.spw-search-field__options::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-search-field__options::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-search-field__options{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-search-field__options{z-index:44;margin-top:-2px;transition:transform 0.3s ease, opacity 0.3s ease}.spw-search-field--is-rounded .spw-search-field__options{border-radius:0 0 24px 24px;border:none}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down{top:100%;transform:translateY(0)}.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{padding:12px;color:var(--spw-color-themes-grey-grey-900);text-align:left;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;transition:background-color 0.2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-radius:12px;padding:12px;border-bottom:none}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__loading,.spw-search-field__no-results{padding:12px;cursor:not-allowed;text-align:left;color:var(--spw-color-themes-grey-grey-600)}.spw-search-field--is-rounded .spw-search-field__loading,.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{position:sticky;bottom:0;cursor:pointer;font-weight:700}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{color:black;background:white;border-top:1px solid var(--spw-color-themes-grey-grey-900)}.spw-search-field--is-rounded .spw-search-field__view-all a{color:var(--spw-ds-primary);padding:12px 24px 24px 24px;border-top:none}.spw-search-field__view-all a{text-decoration:underline;display:block;width:100%;padding:12px;display:inline-flex;justify-content:space-between}.spw-search-field__view-all a:hover{text-decoration:none}`;
 
 const SpwSearchField = class {
     constructor(hostRef) {
@@ -21,6 +21,8 @@ const SpwSearchField = class {
         this.required = false;
         /** Texte du lien pour voir tous les résultats */
         this.viewAllResults = 'Voir plus de résultats';
+        /** Soumet le formulaire parent au clic sur le lien "voir tous les résultats" */
+        this.viewAllResultsSubmit = false;
         /** Texte à afficher si pas de résultats */
         this.noResults = 'Pas de résultats.';
         /** Texte à afficher pendant le chargement */
@@ -31,6 +33,8 @@ const SpwSearchField = class {
         this.minCharacters = 3;
         /** Indique si le champ est en cours de chargement */
         this.isLoading = false;
+        /** Indique si le dropdown de résultats doit être affiché */
+        this.showDropdown = true;
         /** Positionnement du tooltip */
         this.tooltipDirection = 'top';
         /** Curseur du tooltip */
@@ -86,6 +90,7 @@ const SpwSearchField = class {
     }
     componentWillLoad() {
         this.parseItems(this.items);
+        this.defaultValue = this.value;
         this.initializeFromValue(this.value);
     }
     componentDidLoad() {
@@ -127,8 +132,9 @@ const SpwSearchField = class {
     }
     /** Réinitialise le champ de recherche */
     async resetInput() {
-        this.searchText = '';
-        this.value = '';
+        this.value = this.defaultValue || '';
+        this.initializeFromValue(this.value);
+        this.updateHiddenInput();
         this.isOpen = false;
         this.focusedItemIndex = null;
         this.valueChanged.emit(this.value);
@@ -260,10 +266,10 @@ const SpwSearchField = class {
         };
     }
     render() {
-        return (index.h("div", { key: '51599b513c0178d6983a723ca882c89740d61d3a', ref: el => (this.hostElement = el), class: this.elementClass }, index.h("spw-text-field", { key: '807e9c9a3a64561fd1f60d5b35e3823b8ff59a25', placeholder: this.placeholder, name: this.name, label: this.label, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor, onValueChanged: this.handleValueChanged, onKeyDown: event => this.handleKeyDown(event) }), this.hasSubmitButton && index.h("button", { key: '01fff64f62b2a3334852aa0e3ff28a49602e6cd8', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" }), this.isOpen && !!this.items && (index.h("div", { key: '73de738b0b2c208a91c8cb14dac96038f0242184', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (index.h("ul", { key: '18210a13ef860aad3e19d07a3f438adff217c91f' }, this.filteredItems.map((item, index$1) => (index.h("li", { class: {
+        return (index.h("div", { key: '076b7ca803432ab6fdc57df341cd9abb9d0746e8', ref: el => (this.hostElement = el), class: this.elementClass }, this.label && (index.h("spw-field-label", { key: '32933e534c615bbde3ba37b143671eee73ba3142', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor, onClick: () => { var _a; return (_a = this.textFieldElement) === null || _a === void 0 ? void 0 : _a.setFocus(); } })), index.h("div", { key: '8ff899f01a391d50d02fa819ca0bc878de9c768b', class: "spw-search-field__container" }, index.h("spw-text-field", { key: 'e830cecde53e76169008c8dc7b56fb01f6bff559', ref: el => (this.textFieldElement = el), placeholder: this.placeholder, name: this.name, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, onValueChanged: this.handleValueChanged, onKeyDown: event => this.handleKeyDown(event) }), this.hasSubmitButton && index.h("button", { key: '016e6095352a366eae19838bf5feb35d5cbd6f70', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" })), this.showDropdown && this.isOpen && !!this.items && (index.h("div", { key: '1a4e5e67653ea0f7dc07b5117ff476ddfa1cc7ee', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (index.h("ul", { key: 'f95f895b631f09a8efc3598d8143972c546c119f' }, this.filteredItems.map((item, index$1) => (index.h("li", { class: {
                 'spw-search-field__option': true,
                 'spw-search-field__option--focused': index$1 === this.focusedItemIndex,
-            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && index.h("span", { class: "spw-search-field__category" }, " - ", item.category)))))), this.isLoading && (index.h("p", { key: '054b14de7652da86f93a7fa536f7595b60e39ba7', class: "spw-search-field__loading" }, index.h("spw-loading", { key: '633ebf0e27133b1f2edd3b6f2099dc775f7f3877', text: this.loadingText }))), !this.isLoading && !this.filteredItems.length && index.h("p", { key: '88bdf945ca70bc298f21b1c05cb144ca92b6b7c1', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && this.viewAllResultsLink && (index.h("p", { key: 'e238b73c101a59253b839012a99eca8379156a6a', class: "spw-search-field__view-all" }, index.h("a", { key: '12a7a84f24c2a53b595dda394f611ce95bbb0519', href: this.viewAllResultsLink }, this.viewAllResults, " ", index.h("spw-icon", { key: '7679c58fac57e43cd18684da8d545ad6896de1d6', icon: "fa-arrow-right" }))))))));
+            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && index.h("span", { class: "spw-search-field__category" }, " - ", item.category)))))), this.isLoading && (index.h("p", { key: '63f2c76aa53c4f844be0c26f370c67bdb4fb7fda', class: "spw-search-field__loading" }, index.h("spw-loading", { key: 'c3632d6cd30b4ab090c2ca2ab35d1db0d2d24dd4', text: this.loadingText }))), !this.isLoading && !this.filteredItems.length && index.h("p", { key: '0fb0c74396d607b923a42e3b0dba92e068a35274', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && (index.h("p", { key: '337e629631228c1ebe3310d3fdf88955e76a075b', class: "spw-search-field__view-all" }, index.h("a", { key: '6494019b819efefa1959d9590a82c8a675006afb', href: this.viewAllResultsLink, onClick: this.viewAllResultsSubmit ? this.handleSubmit : undefined }, this.viewAllResults, " ", index.h("spw-icon", { key: '24c124d0d2b378e233474cb97da05b54020b96f8', icon: "fa-arrow-right" }))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CX9is0m-.js');
+var index = require('./index-B9VTdKwF.js');
 
 const spwSelectCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-select{position:relative}.spw-select__container{position:relative}.spw-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:1}.spw-select--large .spw-select__icons{right:24px}.spw-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-select__clear:hover{color:var(--spw-ds-primary)}.spw-select__arrow{pointer-events:none;color:var(--spw-color-themes-grey-grey-900);font-size:16px}.spw-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-select__trigger{width:100%;height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff;font-size:16px;color:var(--spw-color-themes-grey-grey-800);position:relative;padding:0;margin:0;appearance:none;padding:0 12px;padding-right:40px}.spw-select--is-clear .spw-select__trigger{padding-right:68px}.spw-select__trigger:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-select__trigger:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-select__trigger::after{content:"\\f078";font-family:var(--spw-ds-font-icons-solid);font-weight:900;font-size:14px;color:var(--spw-color-themes-grey-grey-800);position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.spw-select--is-error .spw-select__trigger{border-color:var(--spw-colors-states-error-error-300)}.spw-select--large .spw-select__trigger{height:60px;padding:0 24px;font-size:18px}.spw-select--disabled .spw-select__trigger{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-select--disabled .spw-select__trigger::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger:hover,.spw-select--disabled .spw-select__trigger:focus,.spw-select--disabled .spw-select__trigger:focus-visible{outline:none}`;
 
@@ -190,7 +190,7 @@ const SpwSelect = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'abde63912926aa834fc9de6b0f7dcc14ed9fbaa1' }, index.h("div", { key: '6e2976ff523f20413aa138d94e1004319e63b811', class: this.elementClass }, this.label && (index.h("spw-field-label", { key: '30ace5cacbeafb7af7cbdf7c05c5c9dd19186661', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (index.h("spw-field-message", { key: '1499168bcf3804b168b18701367a9fb89108203e', class: "spw-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '0998ae98ed592bb690406a53653def7a2964a0fa', class: "spw-select__container" }, index.h("select", { key: '29a37ddf4a6994d44be798240e8c2629d4565a70', id: this.name, name: this.name, "aria-label": this.accAriaLabel || this.label || this.name, class: "spw-select__trigger", onChange: event => this.handleSelectChange(event), disabled: this.disabled, ref: el => (this.selectElement = el), tabindex: this.disabled ? -1 : 0 }, index.h("option", { key: 'e10d3495c23886b9c1f0e66d3fd9c34e0cced9bf', value: "", disabled: true, selected: !this.internalValue }, this.placeholder)), index.h("div", { key: 'f0c5f6472de27ec317e7f196f6854bf93bba24d5', class: "spw-select__icons" }, this.isClear && !!this.internalValue && (index.h("span", { key: 'b00a8b3c3608f1c49b16cc98621db31c810cc11f', class: "spw-select__clear", onClick: event => this.handleClear(event) }, index.h("spw-icon", { key: '173d104c6970a202f47ec5ab19ef7f3b7ef955c0', icon: "fa-xmark" }))), index.h("spw-icon", { key: '74f9fe0254863dcc7412876bf6d438e369201f62', class: "spw-select__arrow", icon: "fa-chevron-down" }))), !this.items && index.h("slot", { key: '691bdb485a22b69a8513750983187bb073462b95' })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (index.h(index.Host, { key: '81b442a4a808d22e864b0ae86e596394ed2e4138' }, index.h("div", { key: 'ec9981cddfe018e48fd37e891826c2057d6b06b7', class: this.elementClass }, this.label && (index.h("spw-field-label", { key: 'ed31b2aea9498dd32a89b3bb67759cfa76620201', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (index.h("spw-field-message", { key: '0515f6a86938f9df94e35a184501fe1cb1b911ad', class: "spw-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: 'dcea546070211670b8e1af0b6e97c1564f7e8bd0', class: "spw-select__container" }, index.h("select", { key: '44a6c19e9b485fb11ca13137f339ddf97e3fcd61', id: this.name, name: this.name, "aria-label": this.accAriaLabel || this.label || this.name, class: "spw-select__trigger", onChange: event => this.handleSelectChange(event), disabled: this.disabled, ref: el => (this.selectElement = el), tabindex: this.disabled ? -1 : 0 }, index.h("option", { key: '0126406f9e6b9046c86063eadc283278266f36d6', value: "", disabled: true, selected: !this.internalValue }, this.placeholder)), index.h("div", { key: '9743ab039baf9d35591681f3767bbee018257d56', class: "spw-select__icons" }, this.isClear && !!this.internalValue && (index.h("span", { key: '3779eea44d77795a42eb030dda1af776c5f02b9c', class: "spw-select__clear", onClick: event => this.handleClear(event) }, index.h("spw-icon", { key: 'b22e5e2aa2c81eeb1f0c34fbeaadba4f9f8e4827', icon: "fa-xmark" }))), index.h("spw-icon", { key: 'd9631b9b8f57f3e9184fdca81de6e83fcf5cd343', class: "spw-select__arrow", icon: "fa-chevron-down" }))), !this.items && index.h("slot", { key: '35913f6a392f1f7ec0d2794c5253054df88ee421' })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/spw-sidebar-navigation-dropdown.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CX9is0m-.js');
+var index = require('./index-B9VTdKwF.js');
 
 const spwSidebarNavigationDropdownCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidebar-navigation-dropdown{position:relative;left:calc(-1 * var(--spw-ds-bo-sidebar-width) + 16px);width:calc(var(--spw-ds-bo-sidebar-expanded-width) - 32px);display:block;border-radius:4px}.spw-sidebar-navigation-dropdown--open{margin-top:8px;padding:0;background:var(--spw-colors-support-grey-grey-100)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown--open{background:white}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown{left:0;width:100%}`;
 
@@ -17,7 +17,7 @@ const SpwSidebarNavigationDropdown = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'fcac5acb2efdfcac5e8fc4bb9f1a0648de77391f', class: this.classes }, index.h("div", { key: 'a307ff7eb4021a513806623a33f6c8df4bdbcf51', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, index.h("slot", { key: 'd7b52653800f167ccc3e6e7667daee3bbc12ad17' }))));
+        return (index.h(index.Host, { key: '4e08216cc72964348aa37ff6a12fa66a2e823dc7', class: this.classes }, index.h("div", { key: 'fcd994a704e190786a58ed8629257f78627dd56c', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, index.h("slot", { key: '0f6f87b0fb03bc4d1d5140c557c4c0e3e4857544' }))));
     }
 };
 SpwSidebarNavigationDropdown.style = spwSidebarNavigationDropdownCss();

package/dist/cjs/spw-sidebar-navigation-item.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CX9is0m-.js');
+var index = require('./index-B9VTdKwF.js');
 
 const spwSidebarNavigationItemCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidebar-navigation-item{cursor:pointer;position:relative;display:flex;align-items:start;color:inherit;text-decoration:none;padding-right:16px;padding-left:0;font-size:16px;width:var(--spw-ds-bo-sidebar-expanded-width);color:var(--spw-colors-support-grey-grey-900);transition:all 0.2s ease;margin:8px 0}@media (max-width: 1023px){.spw-sidebar-navigation-item{padding-left:16px}}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{width:auto;margin:0}.spw-sidebar-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-sidebar-navigation-item--active .spw-sidebar-navigation-item__icon,.spw-sidebar-navigation-item--active:hover .spw-sidebar-navigation-item__icon{color:var(--spw-ds-primary)}.spw-sidebar-navigation-item--disabled{cursor:not-allowed;opacity:0.3}spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-right:0}.spw-sidebar-navigation-item spw-tooltip{line-height:1}.spw-sidebar-navigation-item__bubble{position:absolute;top:0;left:32px;display:inline-flex;align-items:center;justify-content:center;z-index:12;width:20px;height:20px;font-size:10px;line-height:1;border:3px solid white;border-radius:50%;background-color:var(--spw-ds-primary);color:white}.spw-sidebar-navigation-item__icon{position:relative;min-width:var(--spw-ds-bo-sidebar-width);width:var(--spw-ds-bo-sidebar-width);padding:12px 0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}@media (max-width: 1023px){.spw-sidebar-navigation-item__icon{width:auto;min-width:auto}}.--expanded .spw-sidebar-navigation-item__icon{position:static}.spw-sidebar-navigation-item__icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%, -50%);transition:all 0.2s ease}.spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{width:40px;height:40px;background-color:var(--spw-colors-support-grey-grey-200)}.--expanded .spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{width:calc(100% - 16px);height:100%}.spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{width:0;height:0;background-color:var(--spw-colors-support-grey-grey-100) !important}.--expanded .spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.--expanded .spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{width:calc(100% - 16px);height:100%}.--expanded .spw-sidebar-navigation-item__icon:before{transition:background-color 0.2s ease;border-radius:4px}.spw-sidebar-navigation-item__icon spw-icon{position:relative;z-index:2}.spw-sidebar-navigation-item__content{padding:12px 0;flex:1;z-index:2;max-width:calc(var(--spw-ds-bo-sidebar-expanded-width) - var(--spw-ds-bo-sidebar-width) - 12px)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content{max-width:100%;padding:8px}.spw-sidebar-navigation-item__content-label{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}@media (max-width: 1023px){.spw-sidebar-navigation-item__content-label{padding-left:12px}}.--expanded .spw-sidebar-navigation-item__content-label{white-space:normal;overflow:visible;text-overflow:none}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{font-size:14px}@media (max-width: 1023px){.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{padding-left:0}}.spw-sidebar-navigation-item__dropdown-toggle{position:absolute;right:16px;top:10px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:10;transition:background-color 0.2s ease}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle{right:8px;top:5px}.spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-400)}.spw-sidebar-navigation-item__dropdown-toggle spw-icon{font-size:14px;position:relative;color:var(--spw-colors-support-grey-grey-900);transition:transform 0.2s ease}.spw-sidebar-navigation-item__dropdown-toggle--open spw-icon{transform:rotate(180deg)}.--collapsed .spw-sidebar-navigation-item spw-sidebar-navigation-dropdown{display:none}.spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{font-weight:bold}.spw-sidebar-navigation-item--has-dropdown>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{padding-right:32px}.spw-sidebar-navigation-item .spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content{background:white;border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item.spw-sidebar-navigation-item--active>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{color:var(--spw-ds-primary);font-weight:bold}@media (max-width: 1023px){.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-left:0;padding-right:0}}`;
 
@@ -175,14 +175,14 @@ const SpwSidebarNavigationItem = class {
     }
     render() {
         const Tag = this.href && !this.disabled && !this.openOnClick ? 'a' : 'div';
-        const iconContent = index.h("spw-icon", { key: '8a4cd2e5abf76a00183844fef171073693e16e0a', variant: this.iconVariant, icon: this.icon });
-        const iconDiv = (index.h("div", { key: '24d48c006acc3bf199addfefb7a95d5276b5d8ac', class: "spw-sidebar-navigation-item__icon" }, this.bubble && index.h("span", { key: 'cc4e6520ca78624a1d60c12660a47d5350288724', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
+        const iconContent = index.h("spw-icon", { key: '4e429bdabcf50ea0f1de574908241f5e8cbfb4a5', variant: this.iconVariant, icon: this.icon });
+        const iconDiv = (index.h("div", { key: '9a426daba6b369769ae02761344b7d17cddde591', class: "spw-sidebar-navigation-item__icon" }, this.bubble && index.h("span", { key: 'c5a465e61e51e0d92f0b71092351763fa8f89c32', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
         const iconWithBubble = this.tooltipTitle ? (index.h("spw-tooltip", { cursor: this.disabled ? 'disabled' : 'pointer', "tooltip-title": this.tooltipTitle, direction: "right", visible: !this.navExpanded }, iconDiv)) : (iconDiv);
         const toggleClasses = {
             'spw-sidebar-navigation-item__dropdown-toggle': true,
             'spw-sidebar-navigation-item__dropdown-toggle--open': this.dropdownOpen,
         };
-        return (index.h(Tag, { key: 'fd2edc0a6c89ae6920909d3082ad508fc9e8ba13', class: this.classes, href: this.openOnClick ? undefined : this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.openOnClick ? this.handleItemClick : undefined }, this.icon && iconWithBubble, index.h("div", { key: '51af41cf64cd313641d386fb874455957b5405b8', class: "spw-sidebar-navigation-item__content" }, index.h("div", { key: '5cf23700d94945c731b461334a48498d1ddc4981', class: "spw-sidebar-navigation-item__content-label" }, index.h("slot", { key: '8ae9ebead4406250c548de03252a83b9e16e3ab7' })), this.hasDropdown && (index.h("div", { key: 'd41774ae2f5c1ab247a5235aa9bbd394b1bb7d93', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, index.h("spw-icon", { key: '2f0cc2e24a174a69cf893f870e993d3f1ace7a21', icon: "fa-chevron-down" }))), index.h("slot", { key: '0005a05a864e688af9c3652aa8453fbae6b9d546', name: "dropdown" }))));
+        return (index.h(Tag, { key: 'a571fe5374963999bca79dc4190a0ea88fe0951f', class: this.classes, href: this.openOnClick ? undefined : this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.openOnClick ? this.handleItemClick : undefined }, this.icon && iconWithBubble, index.h("div", { key: 'e5fbdcaee4a0095ac962ddb5cac6e5dd9e11c382', class: "spw-sidebar-navigation-item__content" }, index.h("div", { key: 'ee61f90d419672159fc5ce7c7f26d0b9ab8ee5ab', class: "spw-sidebar-navigation-item__content-label" }, index.h("slot", { key: '6a17d7d4d6227d89354a7c994219264942c5e69a' })), this.hasDropdown && (index.h("div", { key: '526958d3c15f97b7dd76a27989849bd55a17ae5e', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, index.h("spw-icon", { key: 'dbb8e13fae5b23a0b1cea9b0311cfb1e28049c0e', icon: "fa-chevron-down" }))), index.h("slot", { key: '5a5d30dbcf2d0bbc1da2116a11be376615e066d5', name: "dropdown" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/spw-sidebar-navigation-separator.cjs.entry.js

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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CX9is0m-.js');
+var index = require('./index-B9VTdKwF.js');
 
 const spwSidebarCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;height:100%}.spw-sidebar{height:100%;width:var(--spw-ds-bo-sidebar-width);display:flex;flex-direction:column;background:white;border-right:1px solid var(--spw-colors-support-grey-grey-300);position:fixed;top:0;left:0;z-index:800}@media (min-width: 1024px){.spw-sidebar{transition:width 0.2s ease}}.spw-sidebar--with-topbar{top:var(--spw-ds-bo-topbar-height);height:calc(100% - var(--spw-ds-bo-topbar-height))}.spw-sidebar__toggle{display:none}@media (min-width: 1024px){.spw-sidebar__toggle{position:absolute;right:0;top:67px;flex-basis:auto;width:20px;padding:6px 0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:var(--spw-effect-elevation-6);border:1px solid var(--spw-colors-support-grey-grey-300);cursor:pointer;font-size:13px;z-index:20;transform:translateX(50%);background:white;line-height:1}.spw-sidebar__toggle spw-icon{position:relative;transition:transform 0.15s 0.2s ease}.spw-sidebar--expanded .spw-sidebar__toggle spw-icon{transform:rotate(180deg)}}.spw-sidebar__content{overflow:hidden;flex:1 1 auto;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;justify-content:space-between}.spw-sidebar__content::-webkit-scrollbar{width:14px;height:14px}.spw-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}@media (max-width: 1023px){.spw-sidebar__content{padding:0}}.spw-sidebar--expanded{width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar--collapsed{width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar__resize-border{display:none;position:absolute;top:0;right:0;width:10px;height:100%;transform:translateX(50%);cursor:col-resize;align-items:center;justify-content:center;background:transparent;z-index:10}`;
 
@@ -82,7 +82,7 @@ const SpwSidebar = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '9e64bec120686c1144bd67d4a8f8898dd8271633', class: this.hostClass }, index.h("div", { key: '0a30b02e34595aa0d4aeb5a920b369175accd504', class: this.elementClass }, index.h("span", { key: 'adf1d7c2e168e2321205fc4cf796fcf3925a90eb', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, index.h("spw-icon", { key: 'ae98f91f8f6fcc25a63f626dac3a72ae858ff04f', icon: "fa-chevron-right" })), index.h("div", { key: '278cd57707fb5a423944049c67568a1094310b2a', class: "spw-sidebar__content" }, index.h("slot", { key: '27c4602aa0c74fe4349c4fee842733971f3f396a', name: "navigation-top" }), index.h("slot", { key: '72318ea54e945990a15dd02273db1e6379e39105', name: "navigation-bottom" })), index.h("div", { key: '3cdf615aefc8411f521a3de7984b6e38418fae81', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
+        return (index.h(index.Host, { key: '72a2f89a98e5cbc00503e069868ae36cf0240bc3', class: this.hostClass }, index.h("div", { key: '463a912062098bf740ad9a84f9b74189ac93db90', class: this.elementClass }, index.h("span", { key: '9780e3d315a4db368cc72212e28b4dce59bf985a', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, index.h("spw-icon", { key: '7ba5560ce536fa666e33bf4ebf6bd8984bd1b92f', icon: "fa-chevron-right" })), index.h("div", { key: '5cab2c94c2e88a2f6e0c5760c0476452269ee10b', class: "spw-sidebar__content" }, index.h("slot", { key: '76befd343e9630d637caa7e1efbab66f91c4f6f3', name: "navigation-top" }), index.h("slot", { key: '1ba0460ed74fc397a246ab23150f550c36073233', name: "navigation-bottom" })), index.h("div", { key: '7423dc45bf425e186f974d51fca35366ca4275f6', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CX9is0m-.js');
+var index = require('./index-B9VTdKwF.js');
 
 const spwSkeletonCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-skeleton__text-block,.spw-skeleton__article-image,.spw-skeleton__button,.spw-skeleton__line{background:linear-gradient(90deg, white 0%, var(--spw-color-themes-grey-grey-300) 50%, white 100%);background-size:200% 100%;animation:shimmer 5s infinite linear}.spw-skeleton{display:flex;flex-direction:column;gap:1rem}.spw-skeleton__line{height:1rem;width:100%;border-radius:4px}.spw-skeleton__line--even{width:85%}.spw-skeleton__line--last{width:50% !important}.spw-skeleton__buttons{display:flex;align-items:center;justify-content:center;margin-top:24px;gap:24px}.spw-skeleton__button{width:200px;height:40px;border-radius:40px}.spw-skeleton__article-image{margin-bottom:24px;border-radius:8px;height:170px}.spw-skeleton__text-block{margin:24px 0;border-radius:4px;height:60px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}`;
 
@@ -50,7 +50,7 @@ const SpwSkeleton = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '2b2f6c5a22ca9b00976624fd147d247c14dbed6e' }, index.h("div", { key: 'c69e6e6bffd42e411e4d19ec83950abe0dbae16c', class: "spw-skeleton" }, this.renderVariant(), index.h("slot", { key: '5d461754078fc92aeb69013d30de5ea6f8b0b6c4' }))));
+        return (index.h(index.Host, { key: '0f7e8f178a55f0eb163952a108dbe34a231957bb' }, index.h("div", { key: 'a0d1377d8102b3fc27d6a84f475394ecd9e850dc', class: "spw-skeleton" }, this.renderVariant(), index.h("slot", { key: '2de8c01eea2551f136521a63502c7083403fe01f' }))));
     }
 };
 SpwSkeleton.style = spwSkeletonCss();

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

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

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

@@ -1,12 +1,15 @@
 'use strict';
 
-var index = require('./index-CX9is0m-.js');
+var index = require('./index-B9VTdKwF.js');
 
 const spwSliderCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-slider{position:relative;width:100%;transition:height 0.3s ease-in-out;min-height:100px}.spw-slider[style*="height: 0px"]{min-height:200px}.spw-slider--arrows-outside{padding:0 56px}.spw-slider:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__track{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;user-select:none}.spw-slider__track:active{cursor:grabbing}.spw-slider__navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 12px;pointer-events:none;width:calc(100% + 64px);margin-left:-32px}@media (min-width: 1024px){.spw-slider__navigation{width:100%;margin-left:0}}.spw-slider--arrows-outside .spw-slider__navigation{width:100%;padding:0;margin-left:0}.spw-slider__arrow{pointer-events:all;width:40px;height:40px;border-radius:50%;border:none;background-color:var(--spw-ds-primary);color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;font-size:1.25rem}.spw-slider__arrow:hover:not(:disabled){transform:scale(0.9)}.spw-slider__arrow:disabled{cursor:not-allowed;background-color:var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-400)}.spw-slider__arrow:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:0.5rem;z-index:10;background:white;box-shadow:var(--spw-effect-elevation-5);padding:8px;border-radius:999px}.spw-slider__dot{width:12px;height:12px;border-radius:50%;background:var(--spw-color-themes-grey-grey-300);cursor:pointer;border:none;transition:all 0.2s ease;padding:0}.spw-slider__dot:hover{transform:scale(1.2)}.spw-slider__dot--active{background-color:var(--spw-ds-primary)}.spw-slider__dot:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__autoplay-toggle{margin-top:12px}`;
 
 const SpwSlider = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.spwSliderChange = index.createEvent(this, "spwSliderChange", 7);
+        this.spwSliderNext = index.createEvent(this, "spwSliderNext", 7);
+        this.spwSliderPrevious = index.createEvent(this, "spwSliderPrevious", 7);
         /** Affiche les flèches de navigation */
         this.showArrows = true;
         /** Affiche les dots de navigation */
@@ -55,12 +58,12 @@ const SpwSlider = class {
         };
         this.handlePrevious = () => {
             if (this.activeIndex > 0) {
-                this.goToSlide(this.activeIndex - 1);
+                this.goToSlide(this.activeIndex - 1, 'previous');
             }
         };
         this.handleNext = () => {
             if (this.activeIndex < this.totalSlides - 1) {
-                this.goToSlide(this.activeIndex + 1);
+                this.goToSlide(this.activeIndex + 1, 'next');
             }
         };
         this.handleDotClick = (index) => {
@@ -70,7 +73,7 @@ const SpwSlider = class {
             this.stopAutoplay();
             this.autoplayTimer = window.setInterval(() => {
                 const nextIndex = this.activeIndex < this.totalSlides - 1 ? this.activeIndex + 1 : 0;
-                this.goToSlide(nextIndex);
+                this.goToSlide(nextIndex, 'next');
             }, this.autoplayInterval);
         };
         this.stopAutoplay = () => {
@@ -280,10 +283,16 @@ const SpwSlider = class {
             }
         }, 100 * (attempt + 1));
     }
-    goToSlide(index) {
+    goToSlide(index, direction) {
         if (index < 0 || index >= this.totalSlides)
             return;
+        const previousIndex = this.activeIndex;
         this.activeIndex = index;
+        this.spwSliderChange.emit({ index, previousIndex });
+        if (direction === 'next')
+            this.spwSliderNext.emit({ index });
+        if (direction === 'previous')
+            this.spwSliderPrevious.emit({ index });
         this.slides.forEach((slide, i) => {
             const offset = (i - this.activeIndex) * 100;
             slide.style.transition = 'transform 0.3s ease-in-out';
@@ -383,10 +392,10 @@ const SpwSlider = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '5aaba106eb8b7100708d45f52ab5d4430c6227d1' }, index.h("div", { key: '54e2a013cf234e746913b9d200374a400842a35d', class: this.elementClass, style: { height: `${this.currentHeight}px` }, tabindex: "0", role: "region", "aria-label": this.accAriaLabel }, index.h("div", { key: 'e2bda3bdeb564d8207253aca82c404f20b6311af', class: "spw-slider__track" }, index.h("slot", { key: 'e2b35a33a2b256e26ecfd9089c707bdcd1e1540d' })), this.showArrows && (index.h("div", { key: '07ec3db826d7e3da97b7124ed67e27d12c4f0581', class: "spw-slider__navigation" }, index.h("button", { key: '04cf484ffa1f8cf6408ad3bbabaa8d291a7dd622', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, index.h("spw-icon", { key: 'e20315abc17e812b10f2364715ce0866219d0b54', icon: "fa-chevron-left" })), index.h("button", { key: '42e92676fe778c9dc5e310c2f63d4cd5cb5a6afa', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": this.nextSlideText }, index.h("spw-icon", { key: '18e08c6c7122cf2d04100866611ab321fb403842', icon: "fa-chevron-right" })))), this.showDots && this.totalSlides > 1 && (index.h("div", { key: 'a48d6f81da1884aaff89ef89625719c5ddd0776c', class: "spw-slider__dots" }, Array.from({ length: this.totalSlides }, (_, i) => (index.h("button", { class: {
+        return (index.h(index.Host, { key: 'abf01413788f9dd90d581dfbbc59b5c904890e25' }, index.h("div", { key: '749ffdf945277e2462cb3925ea1bb0d69b3221a6', class: this.elementClass, style: { height: `${this.currentHeight}px` }, tabindex: "0", role: "region", "aria-label": this.accAriaLabel }, index.h("div", { key: '9062f815c35a83e5691e153c5767d662a0e807e3', class: "spw-slider__track" }, index.h("slot", { key: 'b3469f67963fec6bdb208423dcc63be8ef53cd0a' })), this.showArrows && (index.h("div", { key: '4d25f8cf56edbdb9bcf59aec8386d6900a960d04', class: "spw-slider__navigation" }, index.h("button", { key: '0524e356e557221dfaaffafdaab09206a5506e7a', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, index.h("spw-icon", { key: '02bd61dbfa49e3d243bddd6713e760f679d0e136', icon: "fa-chevron-left" })), index.h("button", { key: '981037fcfaa7d6f750be1240f4bdf117a304036e', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": this.nextSlideText }, index.h("spw-icon", { key: '6c5f8dc8da391f4d423ad1b258dbb9f70f6c3da2', icon: "fa-chevron-right" })))), this.showDots && this.totalSlides > 1 && (index.h("div", { key: '54027cdf4b6bc1468b4c4be1da2aeac0933cfbf7', class: "spw-slider__dots" }, Array.from({ length: this.totalSlides }, (_, i) => (index.h("button", { class: {
                 'spw-slider__dot': true,
                 'spw-slider__dot--active': i === this.activeIndex,
-            }, onClick: () => this.handleDotClick(i), "aria-label": `Aller à la slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))))), this.showAutoplayToggle && (index.h("div", { key: '2fd9bcb900d782e7885c8c5da1d3741de9c665e2', class: "spw-slider__autoplay-toggle" }, index.h("spw-checkbox", { key: 'f47b60d2ca6cffc8f75436b0808276664607b4ba', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
+            }, onClick: () => this.handleDotClick(i), "aria-label": `Aller à la slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))))), this.showAutoplayToggle && (index.h("div", { key: '8c942c9464d2c2c56bfc373598705a8f1deb89a9', class: "spw-slider__autoplay-toggle" }, index.h("spw-checkbox", { key: '7b5bf5926021a941c6c846046efceff88e6b3580', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CX9is0m-.js');
+var index = require('./index-B9VTdKwF.js');
 
 const spwSocialsCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-socials{padding:32px 0;text-align:center;border-top:1px solid var(--spw-colors-support-grey-grey-300);background:white}.spw-socials__title{font-size:20px;font-weight:700;margin-bottom:16px;color:var(--spw-color-shades-base-black)}.spw-socials__content{justify-content:center;display:flex;gap:24px}.spw-socials__content a{font-size:24px;color:var(--spw-color-shades-base-black)}.spw-socials__content a:hover{opacity:0.7;color:var(--spw-color-shades-base-black) !important}.spw-socials__content a:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-socials__content a:active{opacity:0.9;color:var(--spw-color-shades-base-black) !important}`;
 
@@ -11,7 +11,7 @@ const SpwSocials = class {
         this.mainTitle = 'Restez connecté';
     }
     render() {
-        return (index.h(index.Host, { key: 'b00efedea057618ea07ec6a369daf09aba44673f' }, index.h("div", { key: '6f4a30566790808ab9fdc1b1f3fb212cb47d4cda', class: "spw-socials" }, index.h("div", { key: 'ce42f7f5554f7cbc7444bf2efe0952f1b2612962', class: "spw-ds-container" }, index.h("h2", { key: '0d66a27720b0d8d49e5c3a1e1a7a67a226e72e51', class: "spw-socials__title" }, this.mainTitle), index.h("div", { key: 'e97f5fdb77cdb1b1eb81f14f03aceb04f39ba661', class: "spw-socials__content" }, index.h("slot", { key: '3631e9683ddd9c65515f93acd3e1d72c56459571' }))))));
+        return (index.h(index.Host, { key: '337b0c9e93db0e607bb4ffc9e1515e50fc719c61' }, index.h("div", { key: '7d231ffd3a47cd506a1951dcf8425eaf7878d83c', class: "spw-socials" }, index.h("div", { key: '29ed1d1e2dfc4e92b422d6a7971e50b0e563b209', class: "spw-ds-container" }, index.h("h2", { key: 'da07a1b7bde7d79543f3a03f76c17ab2942a840f', class: "spw-socials__title" }, this.mainTitle), index.h("div", { key: 'effedaf219140d1dd79a17a98eb023cac347524e', class: "spw-socials__content" }, index.h("slot", { key: '8f10a19574f867d486407e7eacbc08a7be964bd9' }))))));
     }
 };
 SpwSocials.style = spwSocialsCss();