@spw-ds/spw-stencil-library 1.2.8 → 1.3.0

package/dist/collection/components/spw-radio/spw-radio.js

@@ -81,7 +81,7 @@ export class SpwRadio {
     render() {
         const slot = this.el.innerHTML;
         const hasSlot = Boolean(slot);
-        return (h("div", { key: 'edb6f875019e33e338caad000b3e1350f59c2abf', class: "spw-radio" }, h("input", { key: 'dcfd63cbe13e5255ee9825e9c0fd75d38e205a1e', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: '895fa41591cc4ac6d6239b998b8a193b73c9644a', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: this.handleRadio.bind(this) }, h("slot", { key: '888a05661f36930d51b854d369744b4cca911310' }))), h("div", { key: '73148e71516ed14e832db3541c0b5fb60044fc7e', tabIndex: this.disabled ? -1 : 0, onClick: this.handleRadio.bind(this), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked, "aria-disabled": this.disabled, "aria-labelledby": "label", class: this.elementClass }, this.internalChecked && h("span", { key: '77a3ba5fb25a404cae406c7b899b84838d18cbda', class: "spw-radio__circle" }))));
+        return (h("div", { key: 'b5b674e1e68939ee4cdbe0dd45911de73fb54910', class: "spw-radio" }, h("input", { key: '12ad7ef1974e5d42058e7323cf6dac114dae9484', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: '4bdf3d8d3a9cecf5a50ec8221002278cc0b986ee', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: this.handleRadio.bind(this) }, h("slot", { key: 'ed91958bd7ffe09bb149014a64e6e3cafdf4df87' }))), h("div", { key: 'ea8c0e61f6a5845da0e2e2d2d668e4c712f88442', tabIndex: this.disabled ? -1 : 0, onClick: this.handleRadio.bind(this), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked, "aria-disabled": this.disabled, "aria-labelledby": "label", class: this.elementClass }, this.internalChecked && h("span", { key: 'f2c17d7c13bf2d0f786e1707c0b1a0ee1f0a52e4', class: "spw-radio__circle" }))));
     }
     static get is() { return "spw-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-search-field/spw-search-field.css

@@ -1,2 +1,2 @@
 
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-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--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__submit{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:10}.spw-search-field--large .spw-search-field__submit{height:46px;right:16px;width:46px}.spw-search-field__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;margin-top:-2px;max-height:200px;overflow-y:auto;position:absolute;transition:transform .3s ease,opacity .3s ease;width:100%;z-index:44}.spw-search-field--is-rounded .spw-search-field__options{border-radius:24px;margin-top:12px}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down,.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{border-bottom:1px solid var(--spw-color-themes-grey-grey-900);color:var(--spw-color-themes-grey-grey-900);cursor:pointer;padding:12px;text-align:left;transition:background-color .2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-bottom:none;border-radius:12px;padding:12px}.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__no-results{color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed;padding:12px;text-align:left}.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{bottom:0;cursor:pointer;font-weight:700;position:sticky}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{background:#fff;border-top:1px solid var(--spw-color-themes-grey-grey-900);color:#000;display:block;display:inline-flex;justify-content:space-between;padding:12px;text-decoration:underline;width:100%}.spw-search-field--is-rounded .spw-search-field__view-all a{border-top:none;color:var(--spw-ds-primary);padding:12px 24px 24px}.spw-search-field__view-all a:hover{text-decoration:none}.spw-tw-italic{font-style:italic}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-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__submit{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:10}.spw-search-field--large .spw-search-field__submit{height:46px;right:16px;width:46px}.spw-search-field__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;margin-top:-2px;max-height:200px;overflow-y:auto;position:absolute;transition:transform .3s ease,opacity .3s ease;width:100%;z-index:44}.spw-search-field--is-rounded .spw-search-field__options{border:none;border-radius:0 0 24px 24px}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down,.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{border-bottom:1px solid var(--spw-color-themes-grey-grey-900);color:var(--spw-color-themes-grey-grey-900);cursor:pointer;padding:12px;text-align:left;transition:background-color .2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-bottom:none;border-radius:12px;padding:12px}.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__no-results{color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed;padding:12px;text-align:left}.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{bottom:0;cursor:pointer;font-weight:700;position:sticky}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{background:#fff;border-top:1px solid var(--spw-color-themes-grey-grey-900);color:#000;display:block;display:inline-flex;justify-content:space-between;padding:12px;text-decoration:underline;width:100%}.spw-search-field--is-rounded .spw-search-field__view-all a{border-top:none;color:var(--spw-ds-primary);padding:12px 24px 24px}.spw-search-field__view-all a:hover{text-decoration:none}.spw-tw-italic{font-style:italic}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}

package/dist/collection/components/spw-search-field/spw-search-field.js

@@ -190,14 +190,15 @@ export class SpwSearchField {
             'spw-search-field': true,
             'spw-search-field--is-rounded': this.isRounded,
             'spw-search-field--has-submit-button': this.hasSubmitButton,
+            'spw-search-field--is-open': this.isOpen,
             [`spw-search-field--${this.size}`]: true,
         };
     }
     render() {
-        return (h("div", { key: 'd0a1b10aa7cdf992e36f90c215a38d4138e0dbbd', ref: el => (this.hostElement = el), class: this.elementClass }, h("spw-text-field", { key: '1fdbace2681a85644f082916b6d43a82e784ba2b', 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, onValueChanged: this.handleValueChanged, onKeyDown: event => this.handleKeyDown(event) }), this.hasSubmitButton && h("button", { key: 'a88e7c9fc3f0ec38a04a96c0199148c8739c1216', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" }), this.isOpen && !!this.items && (h("div", { key: 'befb8b10930f0ae8ee659325993995dc73278b84', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: '96007fab50b2de0a58a36c01f05dc1915549e218' }, this.filteredItems.map((item, index) => (h("li", { class: {
+        return (h("div", { key: 'c9636fb8e92c46bbfaec62782e8d73e555a07577', ref: el => (this.hostElement = el), class: this.elementClass }, h("spw-text-field", { key: '63e76a64de658ac441dd8c91edd0040f69218f38', 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, onValueChanged: this.handleValueChanged, onKeyDown: event => this.handleKeyDown(event) }), this.hasSubmitButton && h("button", { key: '363cdbd97b3f51bf17d5624f22a02398a770b199', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" }), this.isOpen && !!this.items && (h("div", { key: 'f28f7cc7e55cf5415d76121aec45c61090d5b5dd', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: '55b3a37b8608c22cc7142e82da43a2884cbe5c6c' }, this.filteredItems.map((item, index) => (h("li", { class: {
                 'spw-search-field__option': true,
                 'spw-search-field__option--focused': index === this.focusedItemIndex,
-            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-tw-italic" }, " - ", item.category)))))), !this.filteredItems.length && h("p", { key: 'da6968da819382f15ab30478d7b3d93962848adf', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && this.viewAllResultsLink && (h("p", { key: '62f022f97e5755b0ea79db2db80e92e2e161996e', class: "spw-search-field__view-all" }, h("a", { key: '4765319c861bd9427f7871588b95dd52e28fa917', href: this.viewAllResultsLink }, this.viewAllResults, " ", h("spw-icon", { key: 'fd59b817d4576cfaefcd2d5c7a2a8c6f9eef9a94', icon: "fa-arrow-right" }))))))));
+            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-tw-italic" }, " - ", item.category)))))), !this.filteredItems.length && h("p", { key: '2a50977cc568d215db13c1373ef559de9d11ce7b', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && this.viewAllResultsLink && (h("p", { key: '9b04dde9683c712de282c1a5587f0d6b20789f3e', class: "spw-search-field__view-all" }, h("a", { key: 'b10f4c85a782dca707cacdcd1ffb479a7b7da8b0', href: this.viewAllResultsLink }, this.viewAllResults, " ", h("spw-icon", { key: 'c538754b96e0a450272657b568ce00518783fe32', icon: "fa-arrow-right" }))))))));
     }
     static get is() { return "spw-search-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-search-field/spw-search-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-search-field.js","sourceRoot":"","sources":["../../../src/components/spw-search-field/spw-search-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Event, EventEmitter, Method, h, Watch, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-search-field',\n  styleUrl: 'spw-search-field.scss',\n  shadow: true,\n})\nexport class SpwSearchField {\n  @Element() el: HTMLElement;\n  private hostElement: HTMLElement;\n  private hiddenInput: HTMLInputElement;\n\n  /** Événement émis lorsque la valeur du champ de recherche change */\n  @Event() valueChanged: EventEmitter<string>;\n\n  /** Liste des éléments à filtrer, passée sous forme de chaîne JSON */\n  @Prop() items?: string;\n  /** Placeholder à afficher dans le champ de recherche */\n  @Prop() placeholder: string = 'Recherche...';\n  /** Taille du champ de recherche */\n  @Prop() size?: 'large' | 'medium' = 'medium';\n  /** Label associé au champ de recherche */\n  @Prop() label?: string = '';\n  /** Indique si le champ de recherche est désactivé */\n  @Prop() disabled?: boolean;\n  /** Indique si le champ de recherche est arrondi ou pas (communément utilisé dans un hero banner) */\n  @Prop() isRounded?: boolean;\n  /** Nom du champ de recherche, utilisé pour les formulaires */\n  @Prop() name: string;\n  /** Indique si le champ est requis */\n  @Prop() required?: boolean = false;\n  /** Texte d'assistance affiché sous le champ de recherche */\n  @Prop() assistiveText?: string;\n  /** Texte du lien pour voir tous les résultats */\n  @Prop() viewAllResults?: string = 'Voir plus de résultats';\n  /** URL vers laquelle renvoie le lien \"voir tous les résultats\" */\n  @Prop() viewAllResultsLink?: string;\n  /** Texte à afficher si pas de résultats */\n  @Prop() noResults?: string = 'Pas de résultats.';\n  /** Affiche un bouton submit (loupe) qui déclenche le submit du formulaire parent */\n  @Prop() hasSubmitButton?: boolean = false;\n\n  @State() filteredItems: Array<{ url?: string; label: string; category?: string }> = [];\n  @State() searchText: string = '';\n  @State() isOpen: boolean = false;\n  @State() focusedItemIndex: number | null = null;\n  @State() dropdownDirection: 'up' | 'down' = 'down';\n\n  componentWillLoad() {\n    if (this.items) {\n      this.parseItems(this.items);\n    } else {\n      this.filteredItems = [];\n    }\n  }\n\n  componentDidLoad() {\n    document.addEventListener('click', this.handleClickOutside);\n    this.createHiddenInput();\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n    if (this.hiddenInput && this.hiddenInput.parentNode) {\n      this.hiddenInput.parentNode.removeChild(this.hiddenInput);\n    }\n  }\n\n  private createHiddenInput() {\n    if (this.name) {\n      this.hiddenInput = document.createElement('input');\n      this.hiddenInput.type = 'hidden';\n      this.hiddenInput.name = this.name;\n      this.hiddenInput.value = this.searchText;\n      this.el.appendChild(this.hiddenInput);\n    }\n  }\n\n  private updateHiddenInput() {\n    if (this.hiddenInput) {\n      this.hiddenInput.value = this.searchText;\n    }\n  }\n\n  /** Réinitialise le champ de recherche */\n  @Method()\n  async resetInput() {\n    this.searchText = '';\n    this.updateHiddenInput();\n    this.isOpen = false;\n    this.focusedItemIndex = null;\n    this.valueChanged.emit(this.searchText);\n  }\n\n  /** Définit la valeur du champ de recherche */\n  @Method()\n  async setValue(value: string) {\n    this.searchText = value;\n    this.updateHiddenInput();\n    this.filterItems();\n    this.valueChanged.emit(this.searchText);\n  }\n\n  /** Récupère la valeur actuelle du champ de recherche */\n  @Method()\n  async getValue(): Promise<string> {\n    return this.searchText;\n  }\n\n  @Watch('items')\n  parseItems(newValue: string) {\n    if (!newValue) {\n      this.filteredItems = [];\n      return;\n    }\n\n    try {\n      this.filteredItems = JSON.parse(newValue);\n    } catch (e) {\n      console.error('Invalid JSON format for items:', newValue);\n      this.filteredItems = [];\n    }\n  }\n\n  private handleClickOutside = (event: MouseEvent) => {\n    if (this.isOpen) {\n      const target = event.composedPath()[0] as Node;\n      const isInsideHost = this.hostElement.contains(target);\n\n      if (!isInsideHost) {\n        this.isOpen = false;\n      }\n    }\n  };\n\n  private handleValueChanged = (event: CustomEvent<string | number>) => {\n    const newValue = String(event.detail);\n    this.searchText = newValue;\n    this.updateHiddenInput();\n    this.filterItems();\n    this.determineDropdownDirection();\n\n    if (!this.searchText) {\n      this.isOpen = false;\n    } else {\n      this.isOpen = true;\n    }\n\n    this.valueChanged.emit(this.searchText);\n  };\n\n  private filterItems() {\n    if (!this.items) {\n      this.filteredItems = [];\n      return;\n    }\n\n    const normalizedSearchText = this.normalizeString(this.searchText);\n\n    this.filteredItems = JSON.parse(this.items).filter(item => this.normalizeString(item.label).includes(normalizedSearchText));\n  }\n\n  private normalizeString(str: string): string {\n    return str\n      .normalize('NFD')\n      .replace(/[\\u0300-\\u036f]/g, '')\n      .toLowerCase();\n  }\n\n  private selectItem(item: { url?: string; label: string }) {\n    this.searchText = item.label;\n    this.updateHiddenInput();\n    this.isOpen = false;\n    this.valueChanged.emit(this.searchText);\n\n    if (item.url) {\n      window.location.href = item.url;\n    }\n  }\n\n  private determineDropdownDirection() {\n    const rect = this.hostElement.getBoundingClientRect();\n    const viewportHeight = window.innerHeight;\n\n    if (rect.bottom + 200 > viewportHeight && rect.top > 200) {\n      this.dropdownDirection = 'up';\n    } else {\n      this.dropdownDirection = 'down';\n    }\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        if (this.isOpen) {\n          this.focusedItemIndex = this.focusedItemIndex === null ? 0 : (this.focusedItemIndex + 1) % this.filteredItems.length;\n        }\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (this.isOpen) {\n          this.focusedItemIndex =\n            this.focusedItemIndex === null ? this.filteredItems.length - 1 : (this.focusedItemIndex - 1 + this.filteredItems.length) % this.filteredItems.length;\n        }\n        break;\n      case 'Enter':\n        event.preventDefault();\n        if (this.isOpen && this.focusedItemIndex !== null) {\n          this.selectItem(this.filteredItems[this.focusedItemIndex]);\n        }\n        break;\n      case 'Escape':\n        this.isOpen = false;\n        break;\n    }\n  }\n\n  private highlightMatch(item: string) {\n    const normalizedSearchText = this.normalizeString(this.searchText);\n    const normalizedItem = this.normalizeString(item);\n\n    const startIndex = normalizedItem.indexOf(normalizedSearchText);\n\n    if (startIndex === -1 || !this.searchText) {\n      return item;\n    }\n\n    const endIndex = startIndex + normalizedSearchText.length;\n\n    return (\n      <span>\n        {item.slice(0, startIndex)}\n        <strong>{item.slice(startIndex, endIndex)}</strong>\n        {item.slice(endIndex)}\n      </span>\n    );\n  }\n\n  private handleSubmit = (event: Event) => {\n    event.preventDefault();\n\n    this.updateHiddenInput();\n\n    const form = this.el.closest('form');\n    if (form) {\n      form.submit();\n    }\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-search-field': true,\n      'spw-search-field--is-rounded': this.isRounded,\n      'spw-search-field--has-submit-button': this.hasSubmitButton,\n      [`spw-search-field--${this.size}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <div ref={el => (this.hostElement = el as HTMLElement)} class={this.elementClass}>\n        <spw-text-field\n          placeholder={this.placeholder}\n          name={this.name}\n          label={this.label}\n          size={this.size}\n          is-search={true}\n          is-clear={true}\n          required={this.required}\n          disabled={this.disabled}\n          assistiveText={this.assistiveText}\n          value={this.searchText}\n          onValueChanged={this.handleValueChanged}\n          onKeyDown={event => this.handleKeyDown(event)}\n        ></spw-text-field>\n        {this.hasSubmitButton && <button type=\"button\" class=\"spw-search-field__submit\" onClick={this.handleSubmit} aria-label=\"Rechercher\"></button>}\n        {this.isOpen && !!this.items && (\n          <div class={`spw-search-field__options spw-search-field__options--${this.dropdownDirection}`}>\n            {!!this.filteredItems.length && (\n              <ul>\n                {this.filteredItems.map((item, index) => (\n                  <li\n                    class={{\n                      'spw-search-field__option': true,\n                      'spw-search-field__option--focused': index === this.focusedItemIndex,\n                    }}\n                    onClick={() => this.selectItem(item)}\n                  >\n                    {this.highlightMatch(item.label)} {item.category && <span class=\"spw-tw-italic\"> - {item.category}</span>}\n                  </li>\n                ))}\n              </ul>\n            )}\n            {!this.filteredItems.length && <p class=\"spw-search-field__no-results\">{this.noResults}</p>}\n            {!!this.filteredItems.length && this.viewAllResults && this.viewAllResultsLink && (\n              <p class=\"spw-search-field__view-all\">\n                <a href={this.viewAllResultsLink}>\n                  {this.viewAllResults} <spw-icon icon=\"fa-arrow-right\"></spw-icon>\n                </a>\n              </p>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"spw-search-field.js","sourceRoot":"","sources":["../../../src/components/spw-search-field/spw-search-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Event, EventEmitter, Method, h, Watch, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-search-field',\n  styleUrl: 'spw-search-field.scss',\n  shadow: true,\n})\nexport class SpwSearchField {\n  @Element() el: HTMLElement;\n  private hostElement: HTMLElement;\n  private hiddenInput: HTMLInputElement;\n\n  /** Événement émis lorsque la valeur du champ de recherche change */\n  @Event() valueChanged: EventEmitter<string>;\n\n  /** Liste des éléments à filtrer, passée sous forme de chaîne JSON */\n  @Prop() items?: string;\n  /** Placeholder à afficher dans le champ de recherche */\n  @Prop() placeholder: string = 'Recherche...';\n  /** Taille du champ de recherche */\n  @Prop() size?: 'large' | 'medium' = 'medium';\n  /** Label associé au champ de recherche */\n  @Prop() label?: string = '';\n  /** Indique si le champ de recherche est désactivé */\n  @Prop() disabled?: boolean;\n  /** Indique si le champ de recherche est arrondi ou pas (communément utilisé dans un hero banner) */\n  @Prop() isRounded?: boolean;\n  /** Nom du champ de recherche, utilisé pour les formulaires */\n  @Prop() name: string;\n  /** Indique si le champ est requis */\n  @Prop() required?: boolean = false;\n  /** Texte d'assistance affiché sous le champ de recherche */\n  @Prop() assistiveText?: string;\n  /** Texte du lien pour voir tous les résultats */\n  @Prop() viewAllResults?: string = 'Voir plus de résultats';\n  /** URL vers laquelle renvoie le lien \"voir tous les résultats\" */\n  @Prop() viewAllResultsLink?: string;\n  /** Texte à afficher si pas de résultats */\n  @Prop() noResults?: string = 'Pas de résultats.';\n  /** Affiche un bouton submit (loupe) qui déclenche le submit du formulaire parent */\n  @Prop() hasSubmitButton?: boolean = false;\n\n  @State() filteredItems: Array<{ url?: string; label: string; category?: string }> = [];\n  @State() searchText: string = '';\n  @State() isOpen: boolean = false;\n  @State() focusedItemIndex: number | null = null;\n  @State() dropdownDirection: 'up' | 'down' = 'down';\n\n  componentWillLoad() {\n    if (this.items) {\n      this.parseItems(this.items);\n    } else {\n      this.filteredItems = [];\n    }\n  }\n\n  componentDidLoad() {\n    document.addEventListener('click', this.handleClickOutside);\n    this.createHiddenInput();\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n    if (this.hiddenInput && this.hiddenInput.parentNode) {\n      this.hiddenInput.parentNode.removeChild(this.hiddenInput);\n    }\n  }\n\n  private createHiddenInput() {\n    if (this.name) {\n      this.hiddenInput = document.createElement('input');\n      this.hiddenInput.type = 'hidden';\n      this.hiddenInput.name = this.name;\n      this.hiddenInput.value = this.searchText;\n      this.el.appendChild(this.hiddenInput);\n    }\n  }\n\n  private updateHiddenInput() {\n    if (this.hiddenInput) {\n      this.hiddenInput.value = this.searchText;\n    }\n  }\n\n  /** Réinitialise le champ de recherche */\n  @Method()\n  async resetInput() {\n    this.searchText = '';\n    this.updateHiddenInput();\n    this.isOpen = false;\n    this.focusedItemIndex = null;\n    this.valueChanged.emit(this.searchText);\n  }\n\n  /** Définit la valeur du champ de recherche */\n  @Method()\n  async setValue(value: string) {\n    this.searchText = value;\n    this.updateHiddenInput();\n    this.filterItems();\n    this.valueChanged.emit(this.searchText);\n  }\n\n  /** Récupère la valeur actuelle du champ de recherche */\n  @Method()\n  async getValue(): Promise<string> {\n    return this.searchText;\n  }\n\n  @Watch('items')\n  parseItems(newValue: string) {\n    if (!newValue) {\n      this.filteredItems = [];\n      return;\n    }\n\n    try {\n      this.filteredItems = JSON.parse(newValue);\n    } catch (e) {\n      console.error('Invalid JSON format for items:', newValue);\n      this.filteredItems = [];\n    }\n  }\n\n  private handleClickOutside = (event: MouseEvent) => {\n    if (this.isOpen) {\n      const target = event.composedPath()[0] as Node;\n      const isInsideHost = this.hostElement.contains(target);\n\n      if (!isInsideHost) {\n        this.isOpen = false;\n      }\n    }\n  };\n\n  private handleValueChanged = (event: CustomEvent<string | number>) => {\n    const newValue = String(event.detail);\n    this.searchText = newValue;\n    this.updateHiddenInput();\n    this.filterItems();\n    this.determineDropdownDirection();\n\n    if (!this.searchText) {\n      this.isOpen = false;\n    } else {\n      this.isOpen = true;\n    }\n\n    this.valueChanged.emit(this.searchText);\n  };\n\n  private filterItems() {\n    if (!this.items) {\n      this.filteredItems = [];\n      return;\n    }\n\n    const normalizedSearchText = this.normalizeString(this.searchText);\n\n    this.filteredItems = JSON.parse(this.items).filter(item => this.normalizeString(item.label).includes(normalizedSearchText));\n  }\n\n  private normalizeString(str: string): string {\n    return str\n      .normalize('NFD')\n      .replace(/[\\u0300-\\u036f]/g, '')\n      .toLowerCase();\n  }\n\n  private selectItem(item: { url?: string; label: string }) {\n    this.searchText = item.label;\n    this.updateHiddenInput();\n    this.isOpen = false;\n    this.valueChanged.emit(this.searchText);\n\n    if (item.url) {\n      window.location.href = item.url;\n    }\n  }\n\n  private determineDropdownDirection() {\n    const rect = this.hostElement.getBoundingClientRect();\n    const viewportHeight = window.innerHeight;\n\n    if (rect.bottom + 200 > viewportHeight && rect.top > 200) {\n      this.dropdownDirection = 'up';\n    } else {\n      this.dropdownDirection = 'down';\n    }\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        if (this.isOpen) {\n          this.focusedItemIndex = this.focusedItemIndex === null ? 0 : (this.focusedItemIndex + 1) % this.filteredItems.length;\n        }\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (this.isOpen) {\n          this.focusedItemIndex =\n            this.focusedItemIndex === null ? this.filteredItems.length - 1 : (this.focusedItemIndex - 1 + this.filteredItems.length) % this.filteredItems.length;\n        }\n        break;\n      case 'Enter':\n        event.preventDefault();\n        if (this.isOpen && this.focusedItemIndex !== null) {\n          this.selectItem(this.filteredItems[this.focusedItemIndex]);\n        }\n        break;\n      case 'Escape':\n        this.isOpen = false;\n        break;\n    }\n  }\n\n  private highlightMatch(item: string) {\n    const normalizedSearchText = this.normalizeString(this.searchText);\n    const normalizedItem = this.normalizeString(item);\n\n    const startIndex = normalizedItem.indexOf(normalizedSearchText);\n\n    if (startIndex === -1 || !this.searchText) {\n      return item;\n    }\n\n    const endIndex = startIndex + normalizedSearchText.length;\n\n    return (\n      <span>\n        {item.slice(0, startIndex)}\n        <strong>{item.slice(startIndex, endIndex)}</strong>\n        {item.slice(endIndex)}\n      </span>\n    );\n  }\n\n  private handleSubmit = (event: Event) => {\n    event.preventDefault();\n\n    this.updateHiddenInput();\n\n    const form = this.el.closest('form');\n    if (form) {\n      form.submit();\n    }\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-search-field': true,\n      'spw-search-field--is-rounded': this.isRounded,\n      'spw-search-field--has-submit-button': this.hasSubmitButton,\n      'spw-search-field--is-open': this.isOpen,\n      [`spw-search-field--${this.size}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <div ref={el => (this.hostElement = el as HTMLElement)} class={this.elementClass}>\n        <spw-text-field\n          placeholder={this.placeholder}\n          name={this.name}\n          label={this.label}\n          size={this.size}\n          is-search={true}\n          is-clear={true}\n          required={this.required}\n          disabled={this.disabled}\n          assistiveText={this.assistiveText}\n          value={this.searchText}\n          onValueChanged={this.handleValueChanged}\n          onKeyDown={event => this.handleKeyDown(event)}\n        ></spw-text-field>\n        {this.hasSubmitButton && <button type=\"button\" class=\"spw-search-field__submit\" onClick={this.handleSubmit} aria-label=\"Rechercher\"></button>}\n        {this.isOpen && !!this.items && (\n          <div class={`spw-search-field__options spw-search-field__options--${this.dropdownDirection}`}>\n            {!!this.filteredItems.length && (\n              <ul>\n                {this.filteredItems.map((item, index) => (\n                  <li\n                    class={{\n                      'spw-search-field__option': true,\n                      'spw-search-field__option--focused': index === this.focusedItemIndex,\n                    }}\n                    onClick={() => this.selectItem(item)}\n                  >\n                    {this.highlightMatch(item.label)} {item.category && <span class=\"spw-tw-italic\"> - {item.category}</span>}\n                  </li>\n                ))}\n              </ul>\n            )}\n            {!this.filteredItems.length && <p class=\"spw-search-field__no-results\">{this.noResults}</p>}\n            {!!this.filteredItems.length && this.viewAllResults && this.viewAllResultsLink && (\n              <p class=\"spw-search-field__view-all\">\n                <a href={this.viewAllResultsLink}>\n                  {this.viewAllResults} <spw-icon icon=\"fa-arrow-right\"></spw-icon>\n                </a>\n              </p>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/spw-select/spw-select.css

@@ -1,2 +1,2 @@
 
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-select,.spw-select__container{position:relative}.spw-select__arrow{color:var(--spw-color-themes-grey-grey-600);font-size:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spw-select__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:4px;color:var(--spw-color-themes-grey-grey-800);font-size:16px;height:40px;margin:0;padding:0 40px 0 12px;position:relative;width:100%}.spw-select__trigger:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-select__trigger:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-select__trigger:after{color:var(--spw-color-themes-grey-grey-800);content:"\f078";font-family:var(--spw-ds-font-icons-solid);font-size:14px;font-weight:900;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.spw-select--is-error .spw-select__trigger{border-color:var(--spw-colors-states-error-error-300)}.spw-select--large .spw-select__trigger{font-size:18px;height:60px;padding:0 24px}.spw-select--disabled .spw-select__trigger{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-select--disabled .spw-select__trigger::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger:focus,.spw-select--disabled .spw-select__trigger:focus-visible,.spw-select--disabled .spw-select__trigger:hover{outline:none}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-select,.spw-select__container{position:relative}.spw-select__arrow{color:var(--spw-color-themes-grey-grey-600);font-size:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spw-select__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:4px;color:var(--spw-color-themes-grey-grey-800);font-size:16px;height:40px;margin:0;padding:0 40px 0 12px;position:relative;width:100%}.spw-select__trigger:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-select__trigger:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-select__trigger:after{color:var(--spw-color-themes-grey-grey-800);content:"\f078";font-family:var(--spw-ds-font-icons-solid);font-size:14px;font-weight:900;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.spw-select--is-error .spw-select__trigger{border-color:var(--spw-colors-states-error-error-300)}.spw-select--large .spw-select__trigger{font-size:18px;height:60px;padding:0 24px}.spw-select--disabled .spw-select__trigger{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-select--disabled .spw-select__trigger::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger:focus,.spw-select--disabled .spw-select__trigger:focus-visible,.spw-select--disabled .spw-select__trigger:hover{outline:none}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}

package/dist/collection/components/spw-separator/spw-separator.css

@@ -1,2 +1,2 @@
 
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-separator{border-width:1px;display:block}.spw-separator--horizontal{border-bottom-style:solid;height:0;width:auto}.spw-separator--vertical{border-right-style:solid;height:auto;width:0}.spw-separator--dark{border-color:var(--spw-colors-support-grey-grey-300)}.spw-separator--light{border-color:var(--spw-ds-white)}.spw-separator--thickness-1{border-width:1px}.spw-separator--thickness-2{border-width:2px}
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-separator{border-width:1px;display:block}.spw-separator--horizontal{border-bottom-style:solid;height:0;width:auto}.spw-separator--vertical{border-right-style:solid;height:auto;width:0}.spw-separator--dark{border-color:var(--spw-colors-support-grey-grey-300)}.spw-separator--light{border-color:var(--spw-ds-white)}.spw-separator--thickness-1{border-width:1px}.spw-separator--thickness-2{border-width:2px}

package/dist/collection/components/spw-separator/spw-separator.js

@@ -27,7 +27,7 @@ export class SpwSeparator {
         };
     }
     render() {
-        return h("div", { key: 'fff116d30644e8fb7a5762eaba9c8e28f7d6bf7f', class: this.elementClass, style: this.style });
+        return h("div", { key: 'dacc3dd67829d0cc919ed7f816926474078881f2', class: this.elementClass, style: this.style });
     }
     static get is() { return "spw-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-dropdown/spw-sidebar-navigation-dropdown.css

@@ -1,2 +1,2 @@
 
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidebar-navigation-dropdown{border-radius:4px;display:block;left:calc(var(--spw-ds-bo-sidebar-width)*-1 + 16px);position:relative;width:calc(var(--spw-ds-bo-sidebar-expanded-width) - 32px)}.spw-sidebar-navigation-dropdown--open{background:var(--spw-colors-support-grey-grey-100);margin-top:8px;padding:0}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown--open{background:#fff}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown{left:0;width:100%}
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidebar-navigation-dropdown{border-radius:4px;display:block;left:calc(var(--spw-ds-bo-sidebar-width)*-1 + 16px);position:relative;width:calc(var(--spw-ds-bo-sidebar-expanded-width) - 32px)}.spw-sidebar-navigation-dropdown--open{background:var(--spw-colors-support-grey-grey-100);margin-top:8px;padding:0}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown--open{background:#fff}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown{left:0;width:100%}

package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-dropdown/spw-sidebar-navigation-dropdown.js

@@ -11,7 +11,7 @@ export class SpwSidebarNavigationDropdown {
         };
     }
     render() {
-        return (h(Host, { key: '75bbcafbc7cd6f25836cf9055e9d3aa55a09e349', class: this.classes }, h("div", { key: '0a7ac6f071a601cd8b51e88f605ebb442586c684', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: 'aca20597e121a92626cd644967895ea4e8eb3bc4' }))));
+        return (h(Host, { key: '60ea00eb440f49db5d37b02f166854515b3cc226', class: this.classes }, h("div", { key: '915aa9133904ef1de831c221ed5fc1b2bc41bd55', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: '54cf39cb611d95f1227170c728cee4c364e3959c' }))));
     }
     static get is() { return "spw-sidebar-navigation-dropdown"; }
     static get originalStyleUrls() {

package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.css

@@ -1,2 +1,2 @@
 
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidebar-navigation-item{align-items:start;color:inherit;color:var(--spw-colors-support-grey-grey-900);cursor:pointer;display:flex;font-size:16px;margin:8px 0;padding-right:16px;position:relative;text-decoration:none;transition:all .2s ease;width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{border-radius:4px;margin:0;width:auto}.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:.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{background-color:var(--spw-ds-primary);border:3px solid #fff;color:#fff;font-size:10px;height:20px;left:32px;line-height:1;position:absolute;top:0;width:20px;z-index:12}.spw-sidebar-navigation-item__bubble,.spw-sidebar-navigation-item__icon{align-items:center;border-radius:50%;display:inline-flex;justify-content:center}.spw-sidebar-navigation-item__icon{font-size:18px;font-weight:600;min-width:var(--spw-ds-bo-sidebar-width);padding:12px 0;position:relative;width:var(--spw-ds-bo-sidebar-width)}.--expanded .spw-sidebar-navigation-item__icon{position:static}.spw-sidebar-navigation-item__icon:before{border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:0}.spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{background-color:var(--spw-colors-support-grey-grey-200);height:40px;width:40px}.--expanded .spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{height:100%;width:calc(100% - 16px)}.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{background-color:var(--spw-colors-support-grey-grey-100)!important;height:0;width:0}.--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{height:100%;width:calc(100% - 16px)}.--expanded .spw-sidebar-navigation-item__icon:before{border-radius:4px;transition:background-color .2s ease}.spw-sidebar-navigation-item__icon spw-icon{position:relative;z-index:2}.spw-sidebar-navigation-item__content{flex:1;max-width:calc(var(--spw-ds-bo-sidebar-expanded-width) - var(--spw-ds-bo-sidebar-width) - 12px);padding:12px 0;z-index:2}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content{max-width:100%;padding:8px}.spw-sidebar-navigation-item__content-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.--expanded .spw-sidebar-navigation-item__content-label{overflow:visible;text-overflow:none;white-space:normal}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{font-size:14px}.spw-sidebar-navigation-item__dropdown-toggle{align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;height:24px;justify-content:center;position:absolute;right:16px;top:10px;transition:background-color .2s ease;width:24px;z-index:10}.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{color:var(--spw-colors-support-grey-grey-900);font-size:14px;position:relative;transition:transform .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:700}.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:#fff;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:700}
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidebar-navigation-item{align-items:start;color:inherit;color:var(--spw-colors-support-grey-grey-900);cursor:pointer;display:flex;font-size:16px;margin:8px 0;padding-right:16px;position:relative;text-decoration:none;transition:all .2s ease;width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{border-radius:4px;margin:0;width:auto}.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:.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{background-color:var(--spw-ds-primary);border:3px solid #fff;color:#fff;font-size:10px;height:20px;left:32px;line-height:1;position:absolute;top:0;width:20px;z-index:12}.spw-sidebar-navigation-item__bubble,.spw-sidebar-navigation-item__icon{align-items:center;border-radius:50%;display:inline-flex;justify-content:center}.spw-sidebar-navigation-item__icon{font-size:18px;font-weight:600;min-width:var(--spw-ds-bo-sidebar-width);padding:12px 0;position:relative;width:var(--spw-ds-bo-sidebar-width)}.--expanded .spw-sidebar-navigation-item__icon{position:static}.spw-sidebar-navigation-item__icon:before{border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:0}.spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{background-color:var(--spw-colors-support-grey-grey-200);height:40px;width:40px}.--expanded .spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{height:100%;width:calc(100% - 16px)}.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{background-color:var(--spw-colors-support-grey-grey-100)!important;height:0;width:0}.--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{height:100%;width:calc(100% - 16px)}.--expanded .spw-sidebar-navigation-item__icon:before{border-radius:4px;transition:background-color .2s ease}.spw-sidebar-navigation-item__icon spw-icon{position:relative;z-index:2}.spw-sidebar-navigation-item__content{flex:1;max-width:calc(var(--spw-ds-bo-sidebar-expanded-width) - var(--spw-ds-bo-sidebar-width) - 12px);padding:12px 0;z-index:2}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content{max-width:100%;padding:8px}.spw-sidebar-navigation-item__content-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.--expanded .spw-sidebar-navigation-item__content-label{overflow:visible;text-overflow:none;white-space:normal}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{font-size:14px}.spw-sidebar-navigation-item__dropdown-toggle{align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;height:24px;justify-content:center;position:absolute;right:16px;top:10px;transition:background-color .2s ease;width:24px;z-index:10}.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{color:var(--spw-colors-support-grey-grey-900);font-size:14px;position:relative;transition:transform .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:700}.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:#fff;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:700}

package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.js

@@ -169,14 +169,14 @@ export class SpwSidebarNavigationItem {
     }
     render() {
         const Tag = this.href && !this.disabled && !this.openOnClick ? 'a' : 'div';
-        const iconContent = h("spw-icon", { key: 'ba50a62e37fab6538d131f631f367b1b4b7e05fd', variant: this.iconVariant, icon: this.icon });
-        const iconDiv = (h("div", { key: 'c8277652cfe11466a70d0c4913e2165f91aafdb9', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: 'a7a59273be4832fca25e44cae2e13cf17e3fd21b', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
+        const iconContent = h("spw-icon", { key: '484f11c94ae2fb3b905d6822d8cd11c9fad5c30d', variant: this.iconVariant, icon: this.icon });
+        const iconDiv = (h("div", { key: '40ad8f16f0cc5734af7d3643a5274d28d52b5dc1', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '2404d85d7d3f9af499f9a472674bb605f263ae1d', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
         const iconWithBubble = this.tooltipTitle ? (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 (h(Tag, { key: '18f2239e3f5d1e6aad8b5f1f6bf84661da99451f', 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, h("div", { key: '275bd07ba59e2ae162f35eb1bcf6d293421fb973', class: "spw-sidebar-navigation-item__content" }, h("div", { key: '2c5e449eada05bcc53b28507c4179d06a8f682fa', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '6f1c226293c0d634f65f58c580edd1cc299b5e63' })), this.hasDropdown && (h("div", { key: '17cf51a4a2f6c360d2da0b1b8b4c18ce9ebab090', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: 'a609d938758000563523770616f23d3833b1155a', icon: "fa-chevron-down" }))), h("slot", { key: '2bc0029ee6fb2f46b0e64f6b738a1c1acfe215de', name: "dropdown" }))));
+        return (h(Tag, { key: '0cccdd9c997bf01fc4b7f8654ac8a50190f3f950', 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, h("div", { key: '65be9805c9a999dec79ef116e128ff6404f7e9cd', class: "spw-sidebar-navigation-item__content" }, h("div", { key: 'f258c6d7b11d0f1478e27bf52ce0e57284b2855d', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '3c7ac71214697632dd5eb155bd695c9bf5d33b76' })), this.hasDropdown && (h("div", { key: '0b5948f636331eceede69063b1ad8716ece239cf', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: '4439602be30c8e72a127111195a0ded84059f8ff', icon: "fa-chevron-down" }))), h("slot", { key: 'b18416a51a3f7632f50ab48e2e2d2dd3b1921f78', name: "dropdown" }))));
     }
     static get is() { return "spw-sidebar-navigation-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-separator/spw-sidebar-navigation-separator.css

@@ -1,2 +1,2 @@
 
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidebar-navigation-separator{margin:12px auto;width:calc(100% - 16px)}
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidebar-navigation-separator{margin:12px auto;width:calc(100% - 16px)}

package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-separator/spw-sidebar-navigation-separator.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class SpwSidebarNavigationSeparator {
     render() {
-        return (h(Host, { key: 'e5c8dfac230556b68d89ce549ccd938d3cdf8b52' }, h("spw-separator", { key: '7589540cc55775aee77ae9abad8464b420104cd3', class: "spw-sidebar-navigation-separator" })));
+        return (h(Host, { key: 'c130cab04e8709301e5af91d78dc5f1dd2ec6ab7' }, h("spw-separator", { key: '6b3aa9bff3c326cdbb40937598a4dcf12bb06914', class: "spw-sidebar-navigation-separator" })));
     }
     static get is() { return "spw-sidebar-navigation-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-sidebar/spw-sidebar.css

@@ -1,2 +1,2 @@
 
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;height:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidebar{background:#fff;border-right:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;transition:width .2s ease;width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar--with-topbar{height:calc(100% - var(--spw-ds-bo-topbar-height));top:var(--spw-ds-bo-topbar-height)}.spw-sidebar__toggle{align-items:center;background:#fff;border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:6px;box-shadow:var(--spw-effect-elevation-6);cursor:pointer;display:inline-flex;flex-basis:auto;font-size:13px;justify-content:center;line-height:1;padding:6px 0;position:absolute;right:0;top:67px;transform:translateX(50%);width:20px;z-index:20}.spw-sidebar__toggle spw-icon{position:relative;transition:transform .15s ease .2s}.spw-sidebar--expanded .spw-sidebar__toggle spw-icon{transform:rotate(180deg)}.spw-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white);display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:auto;padding:16px 0}.spw-sidebar__content::-webkit-scrollbar{height:14px;width:14px}.spw-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border:4px solid var(--spw-ds-white);border-radius:20px}.spw-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-sidebar--expanded{width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar--collapsed{width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar__resize-border{align-items:center;background:transparent;cursor:col-resize;display:none;height:100%;justify-content:center;position:absolute;right:0;top:0;transform:translateX(50%);width:10px;z-index:10}
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;height:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidebar{background:#fff;border-right:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;transition:width .2s ease;width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar--with-topbar{height:calc(100% - var(--spw-ds-bo-topbar-height));top:var(--spw-ds-bo-topbar-height)}.spw-sidebar__toggle{align-items:center;background:#fff;border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:6px;box-shadow:var(--spw-effect-elevation-6);cursor:pointer;display:inline-flex;flex-basis:auto;font-size:13px;justify-content:center;line-height:1;padding:6px 0;position:absolute;right:0;top:67px;transform:translateX(50%);width:20px;z-index:20}.spw-sidebar__toggle spw-icon{position:relative;transition:transform .15s ease .2s}.spw-sidebar--expanded .spw-sidebar__toggle spw-icon{transform:rotate(180deg)}.spw-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white);display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:auto;padding:16px 0}.spw-sidebar__content::-webkit-scrollbar{height:14px;width:14px}.spw-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border:4px solid var(--spw-ds-white);border-radius:20px}.spw-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-sidebar--expanded{width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar--collapsed{width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar__resize-border{align-items:center;background:transparent;cursor:col-resize;display:none;height:100%;justify-content:center;position:absolute;right:0;top:0;transform:translateX(50%);width:10px;z-index:10}

package/dist/collection/components/spw-sidebar/spw-sidebar.js

@@ -58,7 +58,7 @@ export class SpwSidebar {
         };
     }
     render() {
-        return (h(Host, { key: 'e44c02dbf98f9b8e75cae4585b3536a19c623653', class: this.hostClass }, h("div", { key: '09542748f222ad44385bcfdca6db051602679134', class: this.elementClass }, h("span", { key: 'd99a52c3451d963d9319941315333c719514415f', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '7fa47c34ae17225ba5937fd166e360968a2697b2', icon: "fa-chevron-right" })), h("div", { key: '7f8d3bd7b53a2a1cde0dba3c7f5fa1597d05d5b8', class: "spw-sidebar__content" }, h("slot", { key: 'ef20255ed1389b00f10e4abc8d2ac5558194c625', name: "navigation-top" }), h("slot", { key: '07087b883297deade379d672e4a13223241b94b2', name: "navigation-bottom" })), h("div", { key: 'f0dda2faa61465601fd568d0339cc603ad652340', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
+        return (h(Host, { key: '3371284d13f2e40956d245ee4110e23ca8e90118', class: this.hostClass }, h("div", { key: '5af808b8d6652cc56072b0ebbfa3f0283bb12c38', class: this.elementClass }, h("span", { key: '7c418d40e9466a4cc23b765c23e1e93c23e46cce', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '1510fcd03a879896e6ae28e36f2318a522088085', icon: "fa-chevron-right" })), h("div", { key: '9fa495a38cdd3bc224df057b32ef5e7534338291', class: "spw-sidebar__content" }, h("slot", { key: '794f5e877cd6bc241903aee9d01a38031b3cd32c', name: "navigation-top" }), h("slot", { key: '192f7c569d6f0b0b22d8433ab55bd7b9d9c053e8', name: "navigation-bottom" })), h("div", { key: '1e4a90f6486a597afb3e43c2e29ca1c8ce73e237', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
     }
     static get is() { return "spw-sidebar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-skeleton/spw-skeleton.css

@@ -1,2 +1,2 @@
 
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-skeleton__article-image,.spw-skeleton__button,.spw-skeleton__line,.spw-skeleton__text-block{animation:shimmer 5s linear infinite;background:linear-gradient(90deg,#fff 0,var(--spw-color-themes-grey-grey-300) 50%,#fff 100%);background-size:200% 100%}.spw-skeleton{display:flex;flex-direction:column;gap:1rem}.spw-skeleton__line{border-radius:4px;height:1rem;width:100%}.spw-skeleton__line--even{width:85%}.spw-skeleton__line--last{width:50%!important}.spw-skeleton__buttons{align-items:center;display:flex;gap:24px;justify-content:center;margin-top:24px}.spw-skeleton__button{border-radius:40px;height:40px;width:200px}.spw-skeleton__article-image{border-radius:8px;height:170px;margin-bottom:24px}.spw-skeleton__text-block{border-radius:4px;height:60px;margin:24px 0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-skeleton__article-image,.spw-skeleton__button,.spw-skeleton__line,.spw-skeleton__text-block{animation:shimmer 5s linear infinite;background:linear-gradient(90deg,#fff 0,var(--spw-color-themes-grey-grey-300) 50%,#fff 100%);background-size:200% 100%}.spw-skeleton{display:flex;flex-direction:column;gap:1rem}.spw-skeleton__line{border-radius:4px;height:1rem;width:100%}.spw-skeleton__line--even{width:85%}.spw-skeleton__line--last{width:50%!important}.spw-skeleton__buttons{align-items:center;display:flex;gap:24px;justify-content:center;margin-top:24px}.spw-skeleton__button{border-radius:40px;height:40px;width:200px}.spw-skeleton__article-image{border-radius:8px;height:170px;margin-bottom:24px}.spw-skeleton__text-block{border-radius:4px;height:60px;margin:24px 0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}

package/dist/collection/components/spw-skeleton/spw-skeleton.js

@@ -44,7 +44,7 @@ export class SpwSkeleton {
         }
     }
     render() {
-        return (h(Host, { key: '84bb1db4447ad88e67e12a0db999955ea282479a' }, h("div", { key: 'fee62735ea0a995804172621cf0583a2c07f8e50', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: '1cd7227b66a6e791660e46aa2bf657cb2fbeec95' }))));
+        return (h(Host, { key: '5d1660f3972dc08aa0b5a697e92a6ee5ba107663' }, h("div", { key: 'ab6d715f9d95f997380c4526de20c9dca54863c8', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: 'cef7494a6339c9ef42e17e0cc96d90aba0be7da4' }))));
     }
     static get is() { return "spw-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-slider/spw-slider-item/spw-slider-item.css

@@ -1,2 +1,2 @@
 
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;left:0;line-height:1.3;position:absolute;top:0;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-slider-item{display:block;width:100%}
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;left:0;line-height:1.3;position:absolute;top:0;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-slider-item{display:block;width:100%}

package/dist/collection/components/spw-slider/spw-slider-item/spw-slider-item.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class SpwSliderItem {
     render() {
-        return (h(Host, { key: 'f57cd993f37c73d67d7bb76314698342f9eeb85f' }, h("div", { key: 'ce03289164dd0e3f94119e6e3ace34a07505f684', class: "spw-slider-item" }, h("slot", { key: 'b3d727e9a0f316eb9200ccf357e88390caa11151' }))));
+        return (h(Host, { key: 'fc19c059906dc91732601a6e9593988e03e38fac' }, h("div", { key: '48b388caefcfbe7dafc3bd8c59f4140e8e95aa05', class: "spw-slider-item" }, h("slot", { key: '9142654506f9b285f9c6db6da0edd13cefe1ae90' }))));
     }
     static get is() { return "spw-slider-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-slider/spw-slider.css

@@ -1,2 +1,2 @@
 
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-slider{min-height:100px;position:relative;transition:height .3s ease-in-out;width:100%}.spw-slider[style*="height: 0px"]{min-height:200px}.spw-slider__track{height:100%;overflow:hidden;position:relative;width:100%}.spw-slider__navigation{display:flex;justify-content:space-between;left:0;margin-left:-36px;padding:0 12px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(100% + 72px)}@media (min-width:1024px){.spw-slider__navigation{margin-left:0;width:100%}}.spw-slider__arrow{align-items:center;background-color:var(--spw-ds-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;pointer-events:all;transition:all .2s ease;width:40px}.spw-slider__arrow:hover:not(:disabled){transform:scale(.9)}.spw-slider__arrow:disabled{background-color:var(--spw-color-themes-grey-grey-300);box-shadow:var(--spw-effect-elevation-5);color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed}.spw-slider__arrow:focus-visible{outline:2px solid #000;outline-offset:2px}.spw-slider__dots{background:#fff;border-radius:999px;bottom:10px;box-shadow:var(--spw-effect-elevation-5);display:flex;gap:.5rem;left:50%;padding:8px;position:absolute;transform:translateX(-50%);z-index:10}.spw-slider__dot{background:var(--spw-color-themes-grey-grey-300);border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .2s ease;width:12px}.spw-slider__dot:hover{transform:scale(1.2)}.spw-slider__dot--active{background-color:var(--spw-ds-primary)}.spw-slider__dot:focus-visible{outline:2px solid #000;outline-offset:2px}
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-slider{min-height:100px;position:relative;transition:height .3s ease-in-out;width:100%}.spw-slider[style*="height: 0px"]{min-height:200px}.spw-slider__track{cursor:grab;height:100%;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.spw-slider__track:active{cursor:grabbing}.spw-slider__navigation{display:flex;justify-content:space-between;left:0;margin-left:-32px;padding:0 12px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(100% + 64px)}@media (min-width:1024px){.spw-slider__navigation{margin-left:0;width:100%}}.spw-slider__arrow{align-items:center;background-color:var(--spw-ds-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;pointer-events:all;transition:all .2s ease;width:40px}.spw-slider__arrow:hover:not(:disabled){transform:scale(.9)}.spw-slider__arrow:disabled{background-color:var(--spw-color-themes-grey-grey-300);box-shadow:var(--spw-effect-elevation-5);color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed}.spw-slider__arrow:focus-visible{outline:2px solid #000;outline-offset:2px}.spw-slider__dots{background:#fff;border-radius:999px;bottom:10px;box-shadow:var(--spw-effect-elevation-5);display:flex;gap:.5rem;left:50%;padding:8px;position:absolute;transform:translateX(-50%);z-index:10}.spw-slider__dot{background:var(--spw-color-themes-grey-grey-300);border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .2s ease;width:12px}.spw-slider__dot:hover{transform:scale(1.2)}.spw-slider__dot--active{background-color:var(--spw-ds-primary)}.spw-slider__dot:focus-visible{outline:2px solid #000;outline-offset:2px}.spw-slider__autoplay-toggle{margin-top:12px}