@spw-ds/spw-stencil-library 1.2.5 → 1.2.7

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

@@ -0,0 +1,319 @@
+import { Host, h } from "@stencil/core";
+export class SpwSlider {
+    constructor() {
+        /** Affiche les flèches de navigation */
+        this.showArrows = true;
+        /** Affiche les dots de navigation */
+        this.showDots = true;
+        /** Index de la slide active */
+        this.activeIndex = 0;
+        /** Nombre total de slides */
+        this.totalSlides = 0;
+        /** Hauteur actuelle du slider */
+        this.currentHeight = 0;
+        /** Position de départ du swipe */
+        this.touchStartX = 0;
+        /** Position actuelle du swipe */
+        this.touchCurrentX = 0;
+        /** Est en train de swiper */
+        this.isSwiping = false;
+        /** Tableau des slides */
+        this.slides = [];
+        this.handleSlotChange = () => {
+            this.updateSlides();
+            this.scheduleHeightUpdate(50);
+        };
+        this.handleResize = () => {
+            this.scheduleHeightUpdate(50);
+        };
+        this.handlePrevious = () => {
+            if (this.activeIndex > 0) {
+                this.goToSlide(this.activeIndex - 1);
+            }
+        };
+        this.handleNext = () => {
+            if (this.activeIndex < this.totalSlides - 1) {
+                this.goToSlide(this.activeIndex + 1);
+            }
+        };
+        this.handleDotClick = (index) => {
+            this.goToSlide(index);
+        };
+    }
+    componentDidLoad() {
+        this.initializeSlider();
+        const slotElement = this.el.shadowRoot.querySelector('slot');
+        if (slotElement) {
+            slotElement.addEventListener('slotchange', this.handleSlotChange);
+        }
+        window.addEventListener('resize', this.handleResize);
+        this.setupResizeObserver();
+    }
+    disconnectedCallback() {
+        var _a;
+        window.removeEventListener('resize', this.handleResize);
+        const slotElement = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
+        if (slotElement) {
+            slotElement.removeEventListener('slotchange', this.handleSlotChange);
+        }
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+        }
+        if (this.heightUpdateTimeout) {
+            clearTimeout(this.heightUpdateTimeout);
+        }
+    }
+    initializeSlider() {
+        this.updateSlides();
+        this.scheduleHeightUpdate(200);
+        this.scheduleHeightUpdate(500);
+    }
+    setupResizeObserver() {
+        if (typeof ResizeObserver !== 'undefined') {
+            this.resizeObserver = new ResizeObserver(() => {
+                this.scheduleHeightUpdate(50);
+            });
+            this.slides.forEach(slide => {
+                var _a, _b;
+                this.resizeObserver.observe(slide);
+                const slotContent = (_b = (_a = slide.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedElements()[0];
+                if (slotContent) {
+                    this.resizeObserver.observe(slotContent);
+                    if (slotContent.shadowRoot) {
+                        const shadowContent = slotContent.shadowRoot.firstElementChild;
+                        if (shadowContent) {
+                            this.resizeObserver.observe(shadowContent);
+                        }
+                    }
+                }
+            });
+        }
+    }
+    scheduleHeightUpdate(delay = 0) {
+        if (this.heightUpdateTimeout) {
+            clearTimeout(this.heightUpdateTimeout);
+        }
+        this.heightUpdateTimeout = window.setTimeout(() => {
+            this.updateHeight();
+        }, delay);
+    }
+    updateSlides() {
+        const slotElement = this.el.shadowRoot.querySelector('slot');
+        if (slotElement) {
+            const newSlides = slotElement.assignedElements();
+            if (this.resizeObserver) {
+                this.slides.forEach(slide => {
+                    this.resizeObserver.unobserve(slide);
+                });
+            }
+            this.slides = newSlides;
+            this.totalSlides = this.slides.length;
+            this.slides.forEach((slide, index) => {
+                slide.style.transform = `translateX(${index * 100}%)`;
+            });
+            if (this.resizeObserver) {
+                this.slides.forEach(slide => {
+                    this.resizeObserver.observe(slide);
+                });
+            }
+        }
+    }
+    async updateHeight() {
+        var _a, _b;
+        if (this.slides[this.activeIndex]) {
+            const activeSlide = this.slides[this.activeIndex];
+            const slotContent = (_b = (_a = activeSlide.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedElements()[0];
+            if (slotContent) {
+                const tagName = slotContent.tagName.toLowerCase();
+                if (tagName.includes('-')) {
+                    try {
+                        await customElements.whenDefined(tagName);
+                        await new Promise(resolve => setTimeout(resolve, 50));
+                    }
+                    catch (e) { }
+                }
+                const contentElement = slotContent;
+                let slideHeight = contentElement.offsetHeight || contentElement.scrollHeight;
+                if (contentElement.shadowRoot) {
+                    const shadowContent = contentElement.shadowRoot.firstElementChild;
+                    if (shadowContent) {
+                        slideHeight = shadowContent.offsetHeight || shadowContent.scrollHeight;
+                    }
+                }
+                if (slideHeight > 0) {
+                    this.currentHeight = slideHeight;
+                    return;
+                }
+            }
+            let slideHeight = activeSlide.offsetHeight || activeSlide.scrollHeight;
+            if (slideHeight > 50) {
+                this.currentHeight = slideHeight;
+            }
+            else {
+                this.retryHeightCalculation(0);
+            }
+        }
+    }
+    retryHeightCalculation(attempt) {
+        if (attempt >= 15)
+            return;
+        setTimeout(() => {
+            var _a, _b;
+            const activeSlide = this.slides[this.activeIndex];
+            if (!activeSlide)
+                return;
+            const slotContent = (_b = (_a = activeSlide.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedElements()[0];
+            if (slotContent) {
+                let retryHeight = slotContent.offsetHeight || slotContent.scrollHeight;
+                if (slotContent.shadowRoot) {
+                    const shadowContent = slotContent.shadowRoot.firstElementChild;
+                    if (shadowContent) {
+                        retryHeight = shadowContent.offsetHeight || shadowContent.scrollHeight;
+                    }
+                }
+                if (retryHeight > 50) {
+                    this.currentHeight = retryHeight;
+                    return;
+                }
+            }
+            const retryHeight = activeSlide.offsetHeight || activeSlide.scrollHeight;
+            if (retryHeight > 50) {
+                this.currentHeight = retryHeight;
+            }
+            else {
+                this.retryHeightCalculation(attempt + 1);
+            }
+        }, 100 * (attempt + 1));
+    }
+    goToSlide(index) {
+        if (index < 0 || index >= this.totalSlides)
+            return;
+        this.activeIndex = index;
+        this.slides.forEach((slide, i) => {
+            const offset = (i - this.activeIndex) * 100;
+            slide.style.transition = 'transform 0.3s ease-in-out';
+            slide.style.transform = `translateX(${offset}%)`;
+        });
+        this.scheduleHeightUpdate(0);
+        this.scheduleHeightUpdate(320);
+    }
+    handleTouchStart(event) {
+        this.touchStartX = event.touches[0].clientX;
+        this.touchCurrentX = this.touchStartX;
+        this.isSwiping = true;
+    }
+    handleTouchMove(event) {
+        if (!this.isSwiping)
+            return;
+        this.touchCurrentX = event.touches[0].clientX;
+    }
+    handleTouchEnd() {
+        if (!this.isSwiping)
+            return;
+        const diff = this.touchStartX - this.touchCurrentX;
+        const threshold = 50;
+        if (Math.abs(diff) > threshold) {
+            if (diff > 0) {
+                this.handleNext();
+            }
+            else {
+                this.handlePrevious();
+            }
+        }
+        this.isSwiping = false;
+        this.touchStartX = 0;
+        this.touchCurrentX = 0;
+    }
+    render() {
+        return (h(Host, { key: '1d37535306dd91f0b4cb1543924ac5f7923e6799' }, h("div", { key: 'ef1de9ffe08830813e3f1d0fec93f01fc8bba8d7', class: "spw-slider", style: { height: `${this.currentHeight}px` } }, h("div", { key: '8f928de06a559e2bd6b26af0435a638b2240132a', class: "spw-slider__track" }, h("slot", { key: '46e7c68d4058d201bdbde859a9c4913cded8d0ea' })), this.showArrows && (h("div", { key: '884f3f7e6fdb839f8e7de80fff817b2b6da5e1e5', class: "spw-slider__navigation" }, h("button", { key: '45437d084460d24c2173d4c19cde0bb0ae70d61e', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": "Slide pr\u00E9c\u00E9dente" }, h("spw-icon", { key: 'b87d43406e8adf903e29b03d674e1324c6a0c98d', icon: "fa-chevron-left" })), h("button", { key: '05fc82bc0e02002a6d7a48cb96a72a76e52b9881', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": "Slide suivante" }, h("spw-icon", { key: '7245c0d9676bbb62bacda378d11251a3f45f260c', icon: "fa-chevron-right" })))), this.showDots && this.totalSlides > 1 && (h("div", { key: 'b06f57c7a797604768f5dad468e26097a2f86dac', class: "spw-slider__dots" }, Array.from({ length: this.totalSlides }, (_, i) => (h("button", { class: {
+                'spw-slider__dot': true,
+                'spw-slider__dot--active': i === this.activeIndex,
+            }, onClick: () => this.handleDotClick(i), "aria-label": `Aller à la slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' }))))))));
+    }
+    static get is() { return "spw-slider"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["spw-slider.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spw-slider.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "showArrows": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Affiche les fl\u00E8ches de navigation"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show-arrows",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "showDots": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Affiche les dots de navigation"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show-dots",
+                "reflect": false,
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "activeIndex": {},
+            "totalSlides": {},
+            "currentHeight": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "touchstart",
+                "method": "handleTouchStart",
+                "target": undefined,
+                "capture": false,
+                "passive": true
+            }, {
+                "name": "touchmove",
+                "method": "handleTouchMove",
+                "target": undefined,
+                "capture": false,
+                "passive": true
+            }, {
+                "name": "touchend",
+                "method": "handleTouchEnd",
+                "target": undefined,
+                "capture": false,
+                "passive": true
+            }];
+    }
+}
+//# sourceMappingURL=spw-slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-slider.js","sourceRoot":"","sources":["../../../src/components/spw-slider/spw-slider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, State, Element, Listen, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'spw-slider',\n  styleUrl: 'spw-slider.scss',\n  shadow: true,\n})\nexport class SpwSlider {\n  @Element() el: HTMLElement;\n\n  /** Affiche les flèches de navigation */\n  @Prop() showArrows: boolean = true;\n  /** Affiche les dots de navigation */\n  @Prop() showDots: boolean = true;\n\n  /** Index de la slide active */\n  @State() activeIndex: number = 0;\n  /** Nombre total de slides */\n  @State() totalSlides: number = 0;\n  /** Hauteur actuelle du slider */\n  @State() currentHeight: number = 0;\n\n  /** Position de départ du swipe */\n  private touchStartX: number = 0;\n  /** Position actuelle du swipe */\n  private touchCurrentX: number = 0;\n  /** Est en train de swiper */\n  private isSwiping: boolean = false;\n  /** Tableau des slides */\n  private slides: HTMLElement[] = [];\n  /** Observer pour les mutations */\n  private resizeObserver: ResizeObserver;\n  /** Timeout pour le recalcul de hauteur */\n  private heightUpdateTimeout: number;\n\n  componentDidLoad() {\n    this.initializeSlider();\n    const slotElement = this.el.shadowRoot.querySelector('slot');\n    if (slotElement) {\n      slotElement.addEventListener('slotchange', this.handleSlotChange);\n    }\n    window.addEventListener('resize', this.handleResize);\n    this.setupResizeObserver();\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.handleResize);\n\n    const slotElement = this.el.shadowRoot?.querySelector('slot');\n    if (slotElement) {\n      slotElement.removeEventListener('slotchange', this.handleSlotChange);\n    }\n\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n\n    if (this.heightUpdateTimeout) {\n      clearTimeout(this.heightUpdateTimeout);\n    }\n  }\n\n  private initializeSlider() {\n    this.updateSlides();\n    this.scheduleHeightUpdate(200);\n    this.scheduleHeightUpdate(500);\n  }\n\n  private handleSlotChange = () => {\n    this.updateSlides();\n    this.scheduleHeightUpdate(50);\n  };\n\n  private handleResize = () => {\n    this.scheduleHeightUpdate(50);\n  };\n\n  private setupResizeObserver() {\n    if (typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver(() => {\n        this.scheduleHeightUpdate(50);\n      });\n\n      this.slides.forEach(slide => {\n        this.resizeObserver.observe(slide);\n\n        const slotContent = slide.shadowRoot?.querySelector('slot')?.assignedElements()[0] as HTMLElement;\n        if (slotContent) {\n          this.resizeObserver.observe(slotContent);\n\n          if (slotContent.shadowRoot) {\n            const shadowContent = slotContent.shadowRoot.firstElementChild as HTMLElement;\n            if (shadowContent) {\n              this.resizeObserver.observe(shadowContent);\n            }\n          }\n        }\n      });\n    }\n  }\n\n  private scheduleHeightUpdate(delay: number = 0) {\n    if (this.heightUpdateTimeout) {\n      clearTimeout(this.heightUpdateTimeout);\n    }\n\n    this.heightUpdateTimeout = window.setTimeout(() => {\n      this.updateHeight();\n    }, delay);\n  }\n\n  private updateSlides() {\n    const slotElement = this.el.shadowRoot.querySelector('slot');\n    if (slotElement) {\n      const newSlides = slotElement.assignedElements() as HTMLElement[];\n\n      if (this.resizeObserver) {\n        this.slides.forEach(slide => {\n          this.resizeObserver.unobserve(slide);\n        });\n      }\n\n      this.slides = newSlides;\n      this.totalSlides = this.slides.length;\n\n      this.slides.forEach((slide, index) => {\n        slide.style.transform = `translateX(${index * 100}%)`;\n      });\n\n      if (this.resizeObserver) {\n        this.slides.forEach(slide => {\n          this.resizeObserver.observe(slide);\n        });\n      }\n    }\n  }\n\n  private async updateHeight() {\n    if (this.slides[this.activeIndex]) {\n      const activeSlide = this.slides[this.activeIndex];\n\n      const slotContent = activeSlide.shadowRoot?.querySelector('slot')?.assignedElements()[0];\n\n      if (slotContent) {\n        const tagName = slotContent.tagName.toLowerCase();\n        if (tagName.includes('-')) {\n          try {\n            await customElements.whenDefined(tagName);\n            await new Promise(resolve => setTimeout(resolve, 50));\n          } catch (e) {}\n        }\n\n        const contentElement = slotContent as HTMLElement;\n        let slideHeight = contentElement.offsetHeight || contentElement.scrollHeight;\n\n        if (contentElement.shadowRoot) {\n          const shadowContent = contentElement.shadowRoot.firstElementChild as HTMLElement;\n          if (shadowContent) {\n            slideHeight = shadowContent.offsetHeight || shadowContent.scrollHeight;\n          }\n        }\n\n        if (slideHeight > 0) {\n          this.currentHeight = slideHeight;\n          return;\n        }\n      }\n\n      let slideHeight = activeSlide.offsetHeight || activeSlide.scrollHeight;\n\n      if (slideHeight > 50) {\n        this.currentHeight = slideHeight;\n      } else {\n        this.retryHeightCalculation(0);\n      }\n    }\n  }\n\n  private retryHeightCalculation(attempt: number) {\n    if (attempt >= 15) return;\n\n    setTimeout(\n      () => {\n        const activeSlide = this.slides[this.activeIndex];\n        if (!activeSlide) return;\n\n        const slotContent = activeSlide.shadowRoot?.querySelector('slot')?.assignedElements()[0] as HTMLElement;\n\n        if (slotContent) {\n          let retryHeight = slotContent.offsetHeight || slotContent.scrollHeight;\n\n          if (slotContent.shadowRoot) {\n            const shadowContent = slotContent.shadowRoot.firstElementChild as HTMLElement;\n            if (shadowContent) {\n              retryHeight = shadowContent.offsetHeight || shadowContent.scrollHeight;\n            }\n          }\n\n          if (retryHeight > 50) {\n            this.currentHeight = retryHeight;\n            return;\n          }\n        }\n\n        const retryHeight = activeSlide.offsetHeight || activeSlide.scrollHeight;\n\n        if (retryHeight > 50) {\n          this.currentHeight = retryHeight;\n        } else {\n          this.retryHeightCalculation(attempt + 1);\n        }\n      },\n      100 * (attempt + 1),\n    );\n  }\n\n  private goToSlide(index: number) {\n    if (index < 0 || index >= this.totalSlides) return;\n\n    this.activeIndex = index;\n    this.slides.forEach((slide, i) => {\n      const offset = (i - this.activeIndex) * 100;\n      slide.style.transition = 'transform 0.3s ease-in-out';\n      slide.style.transform = `translateX(${offset}%)`;\n    });\n\n    this.scheduleHeightUpdate(0);\n    this.scheduleHeightUpdate(320);\n  }\n\n  private handlePrevious = () => {\n    if (this.activeIndex > 0) {\n      this.goToSlide(this.activeIndex - 1);\n    }\n  };\n\n  private handleNext = () => {\n    if (this.activeIndex < this.totalSlides - 1) {\n      this.goToSlide(this.activeIndex + 1);\n    }\n  };\n\n  private handleDotClick = (index: number) => {\n    this.goToSlide(index);\n  };\n\n  @Listen('touchstart', { passive: true })\n  handleTouchStart(event: TouchEvent) {\n    this.touchStartX = event.touches[0].clientX;\n    this.touchCurrentX = this.touchStartX;\n    this.isSwiping = true;\n  }\n\n  @Listen('touchmove', { passive: true })\n  handleTouchMove(event: TouchEvent) {\n    if (!this.isSwiping) return;\n    this.touchCurrentX = event.touches[0].clientX;\n  }\n\n  @Listen('touchend')\n  handleTouchEnd() {\n    if (!this.isSwiping) return;\n\n    const diff = this.touchStartX - this.touchCurrentX;\n    const threshold = 50;\n\n    if (Math.abs(diff) > threshold) {\n      if (diff > 0) {\n        this.handleNext();\n      } else {\n        this.handlePrevious();\n      }\n    }\n\n    this.isSwiping = false;\n    this.touchStartX = 0;\n    this.touchCurrentX = 0;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-slider\" style={{ height: `${this.currentHeight}px` }}>\n          <div class=\"spw-slider__track\">\n            <slot></slot>\n          </div>\n\n          {this.showArrows && (\n            <div class=\"spw-slider__navigation\">\n              <button class=\"spw-slider__arrow spw-slider__arrow--prev\" onClick={this.handlePrevious} disabled={this.activeIndex === 0} aria-label=\"Slide précédente\">\n                <spw-icon icon=\"fa-chevron-left\"></spw-icon>\n              </button>\n              <button class=\"spw-slider__arrow spw-slider__arrow--next\" onClick={this.handleNext} disabled={this.activeIndex === this.totalSlides - 1} aria-label=\"Slide suivante\">\n                <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n              </button>\n            </div>\n          )}\n\n          {this.showDots && this.totalSlides > 1 && (\n            <div class=\"spw-slider__dots\">\n              {Array.from({ length: this.totalSlides }, (_, i) => (\n                <button\n                  class={{\n                    'spw-slider__dot': true,\n                    'spw-slider__dot--active': i === this.activeIndex,\n                  }}\n                  onClick={() => this.handleDotClick(i)}\n                  aria-label={`Aller à la slide ${i + 1}`}\n                  aria-current={i === this.activeIndex ? 'true' : 'false'}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

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

@@ -5,7 +5,7 @@ export class SpwSocials {
         this.mainTitle = 'Restez connecté';
     }
     render() {
-        return (h(Host, { key: 'cc2f013bf881c62e70cf8cb91510a5365a633c5c' }, h("div", { key: 'c5f6d4e900ffb335ed9f42ae079faae0a32d19d3', class: "spw-socials" }, h("div", { key: '736f58dbacfceb1e9496649419387f30b004e0ec', class: "spw-ds-container" }, h("h2", { key: 'b0f6cef192dc8bcd3341ec77e175b8c65af212a9', class: "spw-socials__title" }, this.mainTitle), h("div", { key: '50f458edcbd2b916b2af17f44183da7f51b85814', class: "spw-socials__content" }, h("slot", { key: 'bb7295144384b95b711ac790b2d6d4acd6bac1cb' }))))));
+        return (h(Host, { key: '5a60623d65955f39ef2e8f45cab2900e8b330960' }, h("div", { key: '87c76e192aa3869f96bc764f41bc51595009b5ff', class: "spw-socials" }, h("div", { key: '7afeaaeb72841c94349b84986a5d6d3c4e833dd7', class: "spw-ds-container" }, h("h2", { key: '78225a06b19bb0c00f48ef721e314d970dc1a38d', class: "spw-socials__title" }, this.mainTitle), h("div", { key: '7ddb17bc8662ed6046b856ca6c91f95096786bb6', class: "spw-socials__content" }, h("slot", { key: '08f98ee32f3117e1b59da7b29cf5d92f620ed3be' }))))));
     }
     static get is() { return "spw-socials"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-body/spw-table-body.js

@@ -23,7 +23,7 @@ export class SpwTableBody {
         });
     }
     render() {
-        return (h("tbody", { key: '330fbfaa3436450e51a3840a1085414c81bba9bc', part: "tbody" }, h("slot", { key: 'd999d2e59c274e494d7d2aaa4ba83bfabda82395' })));
+        return (h("tbody", { key: '995959f7f54d0d9bdaf82cdd0594042c9c2b6175', part: "tbody" }, h("slot", { key: '87cb0567e994ed6715b4346d82d59db0f7399bf1' })));
     }
     static get is() { return "spw-table-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.js

@@ -83,7 +83,7 @@ export class SpwTableCell {
             }
             attrs.style = stickyStyles;
         }
-        return (h("td", Object.assign({ key: '27bf04742118714d6b54e104929909a392d1995c' }, attrs), h("slot", { key: '8c3ba8fd30c331af629cd030c93047f9931829e3' })));
+        return (h("td", Object.assign({ key: 'e6e4798fb91b3d25eba38a64f2752c42ab566172' }, attrs), h("slot", { key: 'f841ee264ed67ec9df45b9d2fe07b593e4d3771c' })));
     }
     static get is() { return "spw-table-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-footer/spw-table-footer.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTableFooter {
     render() {
-        return (h("caption", { key: 'b3a44bdef9702153da340157aa91c915a2a500c3', part: "tfoot", style: { captionSide: 'bottom' } }, h("div", { key: 'a4243321891d910e9facca40ff68828a140af354', class: "spw-table-footer" }, h("slot", { key: '1f5ff5b35f7032674c1e5b1486e4457415ea60b3', name: "left" }), h("slot", { key: '1299dec5aacd636c36325085a7753b87ef4f0a4b', name: "center" }), h("slot", { key: 'edfe9a8832c3d869ab0c1ce6c3636069579a8487', name: "right" }))));
+        return (h("caption", { key: '2d7495739348f7df75e537a6fa11ef5da37a0d1d', part: "tfoot", style: { captionSide: 'bottom' } }, h("div", { key: 'f551eb4d3b48e412bd3258fdd09b8c1981bcb51d', class: "spw-table-footer" }, h("slot", { key: '863b6c2996920e5f0966aebb9dc0b54827e511c6', name: "left" }), h("slot", { key: 'e2f37dee86a00f0ebb8e0ad77487f767694d584e', name: "center" }), h("slot", { key: 'ac7596d4e7be6542d1143eaa5c586e09755440db', name: "right" }))));
     }
     static get is() { return "spw-table-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-head/spw-table-head.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTableHead {
     render() {
-        return (h("thead", { key: 'ef413eb59ea3530b9d4476723b6179d04bdf8c7f', part: "thead" }, h("slot", { key: '4822f9a5d94d983d5497d34da66211b4b9e1fc35' })));
+        return (h("thead", { key: 'f149ad87d95d3d5b8eb3481e8c056fb5c5252201', part: "thead" }, h("slot", { key: '4dc6eb0089c06190c8d30de26c03f76a5e474181' })));
     }
     static get is() { return "spw-table-head"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-header/spw-table-header.js

@@ -65,10 +65,10 @@ export class SpwTableHeader {
             }
             attrs.style = stickyStyles;
         }
-        return (h("th", Object.assign({ key: '72a54f9eb43f87e80da3bfe45a6eb848cf11e09f' }, attrs), h("div", { key: '06111c36e9fa869e263dfb1bc64fa023acf42538', class: {
+        return (h("th", Object.assign({ key: '672225d2f9865e7b4dd871a0a74a7b728e6b8d77' }, attrs), h("div", { key: '40f30e3718c6bcb06e1872ab1e607ffdb65c3354', class: {
                 'spw-table-header__content': true,
                 'spw-table-header__content--is-sorted': this.isSorted,
-            } }, h("slot", { key: '16439694bfaf17d5f1371ffd817f16ba7bc4ecdc' }), h("div", { key: '4b8cf5f4de063c8aa9c2ea8b653d9a35b1ae64b0', class: "spw-table-header__icons" }, h("slot", { key: 'd9816f83f71672ebda6b27b705142666e376ec7a', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: 'a8c4e3d4a555806faef984533696c393173b7ad7', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: '92a361a5400a2cb09c3ccf68a713897076e019b6', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: 'db44bf3aa7be154edecf0281f3335edf0896eb01', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
+            } }, h("slot", { key: '6abe0d405ca0cb17b0c277947e013fe805a1db82' }), h("div", { key: '24661fad3a39318dc3da0c97198c154ca4d58e86', class: "spw-table-header__icons" }, h("slot", { key: '2a9645191b45f5c037aa47ec9de20f5af31f4a74', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '9c4da5ecf5a481aa46b92cb15558e304c22c0d11', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: 'bc60dfc96647e273d0620565d1918eeeba17fc9f', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: '9c6e9765848940cc30400bb37f34f7b4c2f391c1', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
     }
     static get is() { return "spw-table-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-row/spw-table-row.js

@@ -38,7 +38,7 @@ export class SpwTableRow {
         };
     }
     render() {
-        return (h(Host, { key: 'a92e7619db6ca66332e5680add2f4f074ddb5db5', part: "row" }, h("tr", { key: '198d8027ea3cd377444f476e0c77d35de50c22c2', class: this.elementClass, part: "row" }, h("slot", { key: '667fb895983eff3077f36da1ac0d31756c8dd691' }))));
+        return (h(Host, { key: 'f803cd6f3e60469caa7a542352b552a7ba78ca9e', part: "row" }, h("tr", { key: '33d27bc75d125eac7c09819932a082500578bccb', class: this.elementClass, part: "row" }, h("slot", { key: '1241a04345d09471fa963aab72d37a448d33657c' }))));
     }
     static get is() { return "spw-table-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.js

@@ -84,7 +84,7 @@ export class SpwTabsNavigation {
         this.checkOverflow();
     }
     render() {
-        return (h("div", { key: 'f7a4bfdab3232c7ce3a7d1f28279733419dd4ae7', class: "spw-tabs-navigation-container" }, this.showLeftArrow && (h("button", { key: 'd8c9496990f8e48fa18927e5b2cb3a2e5b38c83c', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left", onClick: this.scrollLeft, "aria-label": "Faire d\u00E9filer vers la gauche" }, h("spw-icon", { key: 'eabaa1b71fdacd05cf41ee417994a5eedfc6f8d3', icon: "fa-chevron-left" }))), h("nav", { key: 'e7e50d5c97c72d0a9786865b89aaac519a265a09', class: "spw-tabs-navigation" }, h("ul", { key: 'f2824eb6b477ed6ad3ab3d3a7ec4725dbd38d741', class: "spw-tabs-navigation__list", role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: 'ebf5b6ae1b51cf5603b07a896ac63add8a75ab6e' }))), this.showRightArrow && (h("button", { key: '54f99195ebc3bbd7dd270a2cad5d71905003d0df', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right", onClick: this.scrollRight, "aria-label": "Faire d\u00E9filer vers la droite" }, h("spw-icon", { key: 'b5151f6a76a6d3ae7340c52e11e4a53e6c7b2de0', icon: "fa-chevron-right" })))));
+        return (h("div", { key: 'b510872d7f3ff9c7a87a6659c48fb8c0378d3b34', class: "spw-tabs-navigation-container" }, this.showLeftArrow && (h("button", { key: '6e74371d5fa619c871c9eb49e63e1cb567f3d2e1', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left", onClick: this.scrollLeft, "aria-label": "Faire d\u00E9filer vers la gauche" }, h("spw-icon", { key: 'c6b28ef4306e49b04fb7b6a4ccd2938690be97e6', icon: "fa-chevron-left" }))), h("nav", { key: '071bb9d9f7467a919f1ff37d2191f3ecd82e9fda', class: "spw-tabs-navigation" }, h("ul", { key: '630ce63bd919730fe87c058837c791cf82fc48b9', class: "spw-tabs-navigation__list", role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: '3999c9efa978a982be3fcaba6fb84133351b9c94' }))), this.showRightArrow && (h("button", { key: '0ad8cd0c24c51883dc2b6ef2b13a6498826280d2', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right", onClick: this.scrollRight, "aria-label": "Faire d\u00E9filer vers la droite" }, h("spw-icon", { key: 'c85af8deb20bcfd7bb55d886a57d5b3dc091ef37', icon: "fa-chevron-right" })))));
     }
     static get is() { return "spw-tabs-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -58,7 +58,7 @@ export class SpwTabsNavigationItem {
         const iconPosition = this.icon && !this.iconPosition ? 'right' : this.iconPosition;
         const iconClass = `spw-icon--${iconPosition}`;
         const iconElement = this.icon ? h("spw-icon", { class: iconClass, icon: this.icon }) : null;
-        return (h(Host, { key: '4570863acc066a81e3c4769eecf3a9a2c6c0c5df', class: this.active ? '--active' : '' }, h("li", { key: 'c4f00308f2265f5acf9d6ce5d18342a6d5118403', id: `tab-${this.tabId}`, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-controls": `panel-${this.tabId}`, "aria-label": this.slotText, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0, class: this.elementClass, onClick: this.handleClick }, this.hasEllipsis && (h("spw-tooltip", { key: '7a7f10a7d402fd08f9254d4c9e0820f7eba5459b', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: '82e6379ecc7c353dd5816df4295c8e2f3189211a' }), iconPosition === 'right' && iconElement)), !this.hasEllipsis && (h(Fragment, { key: '76ee269ebf8de32788aab9fbe280ca4acd29caca' }, iconPosition === 'left' && iconElement, h("slot", { key: '537f33fe187848bb67e529fcd94a89a54a88e282' }), iconPosition === 'right' && iconElement)), ' ', this.bubble && h("span", { key: 'a298011730c038c214728e6a9465aca289123a77', class: "bubble" }))));
+        return (h(Host, { key: 'fc2edcfd4729208e3aab8f682695a3940efa3de4', class: this.active ? '--active' : '' }, h("li", { key: 'd2168829cbf01ec1b6bf87a21c712e94df91bdf8', id: `tab-${this.tabId}`, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-controls": `panel-${this.tabId}`, "aria-label": this.slotText, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0, class: this.elementClass, onClick: this.handleClick }, this.hasEllipsis && (h("spw-tooltip", { key: '61525e2ee19b73c089f698edc106117848901820', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: 'a427b0ac26be70c195a82ae4b3076c64913650ec' }), iconPosition === 'right' && iconElement)), !this.hasEllipsis && (h(Fragment, { key: '081a696961365fc73ab7cbe31171ab854e5f0084' }, iconPosition === 'left' && iconElement, h("slot", { key: '4635f0986dbbb17cebde615b49ed936df04a9175' }), iconPosition === 'right' && iconElement)), ' ', this.bubble && h("span", { key: 'adaba123b92a73466301f039f4e33867c7514820', class: "bubble" }))));
     }
     static get is() { return "spw-tabs-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -164,7 +164,7 @@ export class SpwTabs {
         };
     }
     render() {
-        return (h("div", { key: 'b4ab2e3d669cf271c861030894df09e5a30c32b6', class: this.elementClass }, h("slot", { key: 'c4fc77c49d19f00326eaa1fc6fc6d2f6f1ae42c6', name: "navigation" }), h("slot", { key: 'cb3766973065dff8a272fe5876b3cc2e93ac0a66', name: "content" })));
+        return (h("div", { key: 'e340fe013aee53d2d13bceee3ba4002508b48036', class: this.elementClass }, h("slot", { key: '3de3caa68d72674610303d8bbd6800880f48c5ed', name: "navigation" }), h("slot", { key: '45e6d7936b3d3ef3bdf826bde817e34ab1c95a19', name: "content" })));
     }
     static get is() { return "spw-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -43,7 +43,7 @@ export class SpwTag {
                 href,
                 target,
             };
-        return (h(Host, { key: 'bda34729477b08d8a8e9ef1352f6030ec1eab9fa' }, h(TagType, Object.assign({ key: 'b67722ec2d656df38cd7a1cf0a9e4b1fc59bb9d1' }, attrs, { class: this.elementClass }), this.hasIcon && h("spw-icon", { key: 'acf8ac1c7fa6a26f6e97f044dc72e33110ec2a29', icon: this.getIcon(this.variant) }), h("slot", { key: '7d02564667780d40e57937218fa92c1f326f1207' }))));
+        return (h(Host, { key: '0c17c1bfff23ea7c193b2f993645a2bf82d9d616' }, h(TagType, Object.assign({ key: '5fcffe62c4b18abc674684ad6aa658c48189df02' }, attrs, { class: this.elementClass }), this.hasIcon && h("spw-icon", { key: 'ce479205f2532511d5abff9e9e695771e11ebfc1', icon: this.getIcon(this.variant) }), h("slot", { key: '5c6126ca9362d7d122db0b99e826b29f9e866cb3' }))));
     }
     static get is() { return "spw-tag"; }
     static get encapsulation() { return "shadow"; }

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

@@ -178,7 +178,7 @@ export class SpwTextField {
         };
     }
     render() {
-        return (h("div", { key: '7ac0d815bd0edd167799c3749c708b1a54beeecd', class: this.elementClass }, this.label && h("spw-field-label", { key: '2e6daa75d321b6e222e21f17e7b052984186dabc', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: '4756dfee5a472a884e6639092cf4cbd6c766ab68', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'c6610e3d2e747c3b5af25d6f185a39a2d2cf0bb6', class: "spw-text-field__container" }, h("div", { key: 'b22887493389b956166d3f6acd8b8d7f1e8f497c', class: "spw-text-field__input-container" }, h("input", { key: 'de7bd4f6f3c7ee2a6de90d10fb2c336178104573', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: 'c4674edd4c3bddf1e0880f81a11fcaf60e4aa51c', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: '0265b15ae7613efb3646eb128f86b68859c11a27', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: 'd6a335856fd4ef3723d01f6bedc2a02e80aee996', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && h("spw-icon", { key: '411bb106a9205f138254734852d78b5e41359004', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" })))), this.indicator && h("div", { key: 'c73e92d45abd6268b7ff6c3ba2679523814316ef', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (h("div", { key: '27be0b4795a95d6716f9d08c829969c3b48567e3', class: this.elementClass }, this.label && h("spw-field-label", { key: '3dbaffc3d351a855c63c7691de99a71cd901a230', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: '93bf1c0f803ca486474cbd790ee75d23973ad728', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '2c5743a76a2feac7785600e934bfe1e3cd6a3809', class: "spw-text-field__container" }, h("div", { key: '14fea0bcef5479b7696c33b99ca15f0402fbd20d', class: "spw-text-field__input-container" }, h("input", { key: 'cfccf8028841c20802862a5e7ffb6b98754758ed', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: 'a33b54bed61551e77bb179256dfb8de5ac461697', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: 'c08d7c2c372f568bf00599c29c0027b7d9795b7f', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '084520d9be13ed7657df4fb0d70e35a4b938d66b', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && h("spw-icon", { key: '18bffd430de3ec5ea0ffa2beace0f9687dbe04e0', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" })))), this.indicator && h("div", { key: 'a822903751f4a78baa3cebff2cbc3f48d9433dbf', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get is() { return "spw-text-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -87,7 +87,7 @@ export class SpwTextarea {
         };
     }
     render() {
-        return (h("div", { key: '0862d7f69781ec6ecf04326b40e3d1cab570b16f', class: this.elementClass }, this.label && h("spw-field-label", { key: 'cd67acd290f39ce6f8d789e4bc3c30cf9c285448', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: 'eda83a229b3b3dc670349ee201c3fbdfea888d03', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '5e0a423feeb6befc77cc74190566f9951c0b8e59', class: "spw-textarea__container" }, h("textarea", { key: '523c6da6204e804b003fa480d5a851fbadf5ba9c', class: "spw-textarea__input", value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (h("div", { key: '8f433cf174086c1801d197e2f0066aef55d2386e', class: this.elementClass }, this.label && h("spw-field-label", { key: '51c67fe69856fa9cdc1151e465f872427546a29b', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: 'faa33e5b1fb0aaab180ac7f4f84b965966ae8956', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '544d9c572f333429c28eeacd724becd7ab750d2a', class: "spw-textarea__container" }, h("textarea", { key: '2fbb39838aa2932036df49465292c0786e90e052', class: "spw-textarea__input", value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get is() { return "spw-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-theme-provider/spw-theme-provider.js

@@ -24,7 +24,7 @@ export class SpwThemeProvider {
         document.documentElement.setAttribute('data-theme', theme);
     }
     render() {
-        return (h("main", { key: '5d50d6efac83371a0a7778ffe03db3921ea27bc0', class: `spw-theme-${this.theme}` }, h("slot", { key: '1e8e82d5368254187805aff59f0c33b0fc55bda8' })));
+        return (h("main", { key: 'd4ccb8de1a9161b56e9a0434c64926221094e61a', class: `spw-theme-${this.theme}` }, h("slot", { key: '2281cd2c7d7826f952be898835dbe494ee03117b' })));
     }
     static get is() { return "spw-theme-provider"; }
     static get properties() {

package/dist/collection/components/spw-tile/spw-tile-description/spw-tile-description.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)}}:host(.--icon) .spw-tile-description{color:var(--spw-color-themes-grey-grey-700);font-size:18px;line-height:1.5}
+ /*! 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)}}:host(.--icon) .spw-tile-description{color:var(--spw-color-themes-grey-grey-700);font-size:18px;line-height:1.5}:host(.--big) .spw-tile-description,:host(.--light) .spw-tile-description{color:#fff;font-size:18px;line-height:1.3}

package/dist/collection/components/spw-tile/spw-tile-description/spw-tile-description.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTileDescription {
     render() {
-        return (h("div", { key: '0a0c5858763201567ce274452594f435cd6297e4', class: "spw-tile-description" }, h("slot", { key: '375d1d477fe196d249cc90de3b84223e476cec86' })));
+        return (h("div", { key: 'f8f0eb58f2f3962f4d0e94d3955650016acd20b1', class: "spw-tile-description" }, h("slot", { key: '929e714a1d52be7ef3c4630348b7fc5c737d1089' })));
     }
     static get is() { return "spw-tile-description"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-tile/spw-tile-title/spw-tile-title.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%;--spw-tile-title-icon:20px;--spw-tile-title-underline:none;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)}}:host(.--icon) .spw-tile-title{color:var(--spw-color-themes-grey-grey-900);font-size:var(--spw-tile-title-icon);font-weight:700;line-height:1.4;-webkit-text-decoration:var(--spw-tile-title-underline);text-decoration:var(--spw-tile-title-underline);transition:all .2s linear}:host(.--icon.--hovered) .spw-tile-title{color:var(--spw-ds-primary)}:host(.--light) .spw-tile-title{color:#fff;font-size:20px;font-weight:700;line-height:1.4}:host(.--big) .spw-tile-title{color:#fff;font-size:28px;font-weight:700;line-height:1.3}
+ /*! 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%;--spw-tile-title-icon:20px;--spw-tile-title-underline:none;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)}}:host(.--icon) .spw-tile-title{color:var(--spw-color-themes-grey-grey-900);font-size:var(--spw-tile-title-icon);font-weight:700;line-height:1.4;-webkit-text-decoration:var(--spw-tile-title-underline);text-decoration:var(--spw-tile-title-underline);transition:all .2s linear}:host(.--icon.--hovered) .spw-tile-title{color:var(--spw-ds-primary)}:host(.--light) .spw-tile-title{color:#fff;font-size:20px;font-weight:700;line-height:1.3}:host(.--big) .spw-tile-title{color:#fff;font-size:20px;font-weight:700;line-height:1.3}

package/dist/collection/components/spw-tile/spw-tile-title/spw-tile-title.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTileTitle {
     render() {
-        return (h("h3", { key: '210b7fbf311278d8ef5d9475bb988160fa620af7', class: "spw-tile-title" }, h("slot", { key: 'a17be09b270a949282304df5eaab0b18c453b4e9' })));
+        return (h("h3", { key: '2f88bd2d25890f26e5c959b0dc9f39c83d04a39e', class: "spw-tile-title" }, h("slot", { key: '2d37c1c347d5123214022426df42b8f4d748d234' })));
     }
     static get is() { return "spw-tile-title"; }
     static get encapsulation() { return "shadow"; }