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

package/dist/components/spw-slider.js

@@ -0,0 +1,274 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+import { d as defineCustomElement$2 } from './p-jHpxbAsa.js';
+
+const spwSliderCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-slider{min-height:100px;position:relative;transition:height .3s ease-in-out;width:100%}.spw-slider[style*=\"height: 0px\"]{min-height:200px}.spw-slider__track{height:100%;overflow:hidden;position:relative;width:100%}.spw-slider__navigation{display:flex;justify-content:space-between;left:0;margin-left:-36px;padding:0 12px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(100% + 72px)}@media (min-width:1024px){.spw-slider__navigation{margin-left:0;width:100%}}.spw-slider__arrow{align-items:center;background-color:var(--spw-ds-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;pointer-events:all;transition:all .2s ease;width:40px}.spw-slider__arrow:hover:not(:disabled){transform:scale(.9)}.spw-slider__arrow:disabled{background-color:var(--spw-color-themes-grey-grey-300);box-shadow:var(--spw-effect-elevation-5);color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed}.spw-slider__arrow:focus-visible{outline:2px solid #000;outline-offset:2px}.spw-slider__dots{background:#fff;border-radius:999px;bottom:10px;box-shadow:var(--spw-effect-elevation-5);display:flex;gap:.5rem;left:50%;padding:8px;position:absolute;transform:translateX(-50%);z-index:10}.spw-slider__dot{background:var(--spw-color-themes-grey-grey-300);border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .2s ease;width:12px}.spw-slider__dot:hover{transform:scale(1.2)}.spw-slider__dot--active{background-color:var(--spw-ds-primary)}.spw-slider__dot:focus-visible{outline:2px solid #000;outline-offset:2px}";
+
+const SpwSlider$1 = /*@__PURE__*/ proxyCustomElement(class SpwSlider extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        /** 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' }))))))));
+    }
+    get el() { return this; }
+    static get style() { return spwSliderCss; }
+}, [1, "spw-slider", {
+        "showArrows": [4, "show-arrows"],
+        "showDots": [4, "show-dots"],
+        "activeIndex": [32],
+        "totalSlides": [32],
+        "currentHeight": [32]
+    }, [[1, "touchstart", "handleTouchStart"], [1, "touchmove", "handleTouchMove"], [1, "touchend", "handleTouchEnd"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-slider", "spw-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-slider":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwSlider$1);
+            }
+            break;
+        case "spw-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const SpwSlider = SpwSlider$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwSlider, defineCustomElement };
+//# sourceMappingURL=spw-slider.js.map
+
+//# sourceMappingURL=spw-slider.js.map

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

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

package/dist/components/spw-socials.js

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

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

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

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

@@ -29,7 +29,7 @@ const SpwTableBody$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableBody exten
         });
     }
     render() {
-        return (h("tbody", { key: '330fbfaa3436450e51a3840a1085414c81bba9bc', part: "tbody" }, h("slot", { key: 'd999d2e59c274e494d7d2aaa4ba83bfabda82395' })));
+        return (h("tbody", { key: '995959f7f54d0d9bdaf82cdd0594042c9c2b6175', part: "tbody" }, h("slot", { key: '87cb0567e994ed6715b4346d82d59db0f7399bf1' })));
     }
     get el() { return this; }
     static get style() { return spwTableBodyCss; }

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

@@ -89,7 +89,7 @@ const SpwTableCell$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableCell exten
             }
             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' })));
     }
     get el() { return this; }
     static get style() { return spwTableCellCss; }

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

@@ -9,7 +9,7 @@ const SpwTableFooter$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableFooter e
         this.__attachShadow();
     }
     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 style() { return spwTableFooterCss; }
 }, [1, "spw-table-footer"]);

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

@@ -9,7 +9,7 @@ const SpwTableHead$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableHead exten
         this.__attachShadow();
     }
     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 style() { return spwTableHeadCss; }
 }, [1, "spw-table-head"]);

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
-import { d as defineCustomElement$3 } from './p-_q4w18VU.js';
-import { d as defineCustomElement$2 } from './p-J5AA2xQI.js';
+import { d as defineCustomElement$3 } from './p-jHpxbAsa.js';
+import { d as defineCustomElement$2 } from './p-DJZBdUDB.js';
 
 const spwTableHeaderCss = "/*! 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:contents;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(.--is-sticky) .spw-table-header{position:sticky;top:0;z-index:50}.spw-table-header{background:var(--spw-color-themes-grey-grey-200);background-clip:padding-box;border:1px solid var(--spw-color-themes-grey-grey-300);border-bottom:none!important;border-top:none!important;box-shadow:inset 0 1px 0 var(--spw-color-themes-grey-grey-300),inset 0 -1px 0 var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;font-weight:700;text-align:left;transition:all .2s linear;white-space:nowrap}.spw-table-header--text-align-left{text-align:left}.spw-table-header--text-align-center{text-align:center}.spw-table-header--text-align-right{text-align:right}.spw-table-header--vertical-align-top{vertical-align:top}.spw-table-header--vertical-align-bottom{vertical-align:bottom}.spw-table-header--vertical-align-middle{vertical-align:middle}.spw-table-header--has-tooltip .spw-table-header__content{align-items:center;display:flex;gap:16px;justify-content:space-between}.spw-table-header--has-tooltip .spw-table-header__content spw-icon{color:var(--spw-color-themes-grey-grey-500)}.spw-table-header--has-tooltip .spw-table-header__content spw-icon:hover{color:var(--spw-color-themes-grey-grey-900)}.spw-table-header--sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-table-header--sortable:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-table-header--sortable .spw-table-header__content{align-items:center;display:flex;gap:16px;justify-content:space-between}.spw-table-header--sortable .spw-table-header__content spw-icon{color:var(--spw-color-themes-grey-grey-500)}.spw-table-header--sortable .spw-table-header__content spw-icon:hover,.spw-table-header--sortable .spw-table-header__content--is-sorted .spw-table-header__sort-icon{color:var(--spw-color-themes-grey-grey-900)}.spw-table-header__sort-icons{display:flex;gap:0}.spw-table-header--padding-small{padding:8px}.spw-table-header--padding-medium{padding:16px}.spw-table-header__icons{align-items:center;color:var(--spw-color-themes-grey-grey-500);display:flex;gap:8px}.spw-table-header ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-header--sticky{background-color:var(--spw-color-themes-grey-grey-200);position:sticky}.spw-table-header--sticky:after{bottom:-1px;content:\"\";pointer-events:none;position:absolute;top:0;transition:opacity .2s;width:8px}.spw-table-header--sticky-start:after{box-shadow:inset 8px 0 8px -8px rgba(0,0,0,.15);right:-8px}.spw-table-header--sticky-end:after{box-shadow:inset -8px 0 8px -8px rgba(0,0,0,.15);left:-8px}";
 
@@ -74,10 +74,10 @@ const SpwTableHeader$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableHeader e
             }
             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 style() { return spwTableHeaderCss; }
 }, [1, "spw-table-header", {

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

@@ -44,7 +44,7 @@ const SpwTableRow$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableRow extends
         };
     }
     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' }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, a as Host } from './index.js';
-import { d as defineCustomElement$3 } from './p-_q4w18VU.js';
-import { d as defineCustomElement$2 } from './p-J5AA2xQI.js';
+import { d as defineCustomElement$3 } from './p-jHpxbAsa.js';
+import { d as defineCustomElement$2 } from './p-DJZBdUDB.js';
 
 const spwTabsNavigationItemCss = "/*! 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-tabs-max-width-text:200px;--spw-tabs-border-radius:4px 4px 0 0;--spw-tabs-margin-left:0;--spw-tabs-width:auto;--spw-tabs-text-align:left;box-sizing:border-box;display:contents;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-tabs-navigation-item{color:var(--spw-colors-support-grey-grey-700);cursor:pointer;position:relative;text-align:var(--spw-tabs-text-align);transition:color .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--spw-tabs-width)}.spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}:host(.--box) .spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item:focus-visible{outline:2px solid #000;outline-offset:-2px}:host(.--box) .spw-tabs-navigation-item{background:var(--spw-colors-support-grey-grey-100);border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:var(--spw-tabs-border-radius);color:var(--spw-colors-support-grey-grey-600);margin-left:var(--spw-tabs-margin-left);margin-top:3px}.spw-tabs-navigation-item--disabled{cursor:not-allowed;opacity:.6}.spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-700)}:host(.--box) .spw-tabs-navigation-item--disabled{color:var(--spw-colors-support-grey-grey-400);opacity:1}:host(.--box) .spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-400)}:host(.--box) .spw-tabs-navigation-item--disabled:active{transform:none}.spw-tabs-navigation-item--active{border-bottom:0;color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item--active:after{background:var(--spw-ds-primary);bottom:0;content:\"\";height:2px;left:0;position:absolute;width:100%}:host(.--box) .spw-tabs-navigation-item--active{background:#fff;color:var(--spw-colors-support-grey-grey-900);margin-top:0;position:relative;top:1px}:host(.--box) .spw-tabs-navigation-item--active:after{display:none}.spw-tabs-navigation-item--bubble:before{background:var(--spw-ds-primary);border-radius:50%;content:\"\";height:6px;position:absolute;right:-8px;top:2px;width:6px}:host(.--box) .spw-tabs-navigation-item--bubble:before{right:4px;top:4px}:host(.--ellipsis) .spw-tabs-navigation-item{flex-shrink:0;max-width:var(--spw-tabs-max-width-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.--ellipsis) .spw-tabs-navigation-item spw-tooltip{display:contents}:host(.--small) .spw-tabs-navigation-item{font-size:14px;padding:8px 0 12px}:host(.--small.--box) .spw-tabs-navigation-item{padding:7px 16px 6px}:host(.--small.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:8px 16px}:host(.--medium) .spw-tabs-navigation-item{font-size:16px;padding:12px 0 16px}:host(.--medium.--box) .spw-tabs-navigation-item{padding:11px 16px 10px}:host(.--medium.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:12px 16px}:host(.--large) .spw-tabs-navigation-item{font-size:18px;padding:16px 0 20px}:host(.--large.--box) .spw-tabs-navigation-item{padding:15px 20px 14px}:host(.--large.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:16px 20px}.spw-tabs-navigation-item .spw-icon--left{margin-right:4px}.spw-tabs-navigation-item .spw-icon--right{margin-left:4px}";
 
@@ -67,7 +67,7 @@ const SpwTabsNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SpwTabsNa
         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" }))));
     }
     get el() { return this; }
     static get style() { return spwTabsNavigationItemCss; }

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './index.js';
-import { d as defineCustomElement$2 } from './p-_q4w18VU.js';
+import { d as defineCustomElement$2 } from './p-jHpxbAsa.js';
 
 const spwTabsNavigationCss = "/*! 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;position:relative;top:1px}: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-tabs-navigation-container{align-items:center;display:flex;overflow:hidden;position:relative;width:100%}.spw-tabs-navigation{flex:1;overflow:hidden}.spw-tabs-navigation__list{-ms-overflow-style:none;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-wrap:nowrap;gap:24px;list-style:none;margin:0;overflow-x:auto;padding:0;position:relative;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap;z-index:2}.spw-tabs-navigation__list::-webkit-scrollbar{display:none}:host(.--box) .spw-tabs-navigation__list{border-bottom:0;gap:0}.spw-tabs-navigation__arrow{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;height:33px;justify-content:center;position:relative;top:1px;transition:all .2s ease;width:33px;z-index:10}.spw-tabs-navigation__arrow spw-icon{color:var(--spw-colors-support-grey-grey-500);font-size:14px}.spw-tabs-navigation__arrow:hover spw-icon{color:var(--spw-colors-support-grey-grey-600)}.spw-tabs-navigation__arrow:active spw-icon{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation__arrow--left{border-radius:4px 0 0 0;border-right:1px solid var(--spw-colors-support-grey-grey-300)}.spw-tabs-navigation__arrow--right{border-left:1px solid var(--spw-colors-support-grey-grey-300);border-radius:0 4px 0 0}::slotted(spw-tabs-navigation-item){--spw-tabs-border-radius:0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item:first-child){--spw-tabs-border-radius:4px 0 0 0;--spw-tabs-margin-left:0}::slotted(spw-tabs-navigation-item:last-child){--spw-tabs-border-radius:0 4px 0 0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item.--active){--spw-tabs-border-radius:4px 4px 0 0}";
 
@@ -91,7 +91,7 @@ const SpwTabsNavigation$1 = /*@__PURE__*/ proxyCustomElement(class SpwTabsNaviga
         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" })))));
     }
     get hostElement() { return this; }
     static get style() { return spwTabsNavigationCss; }

package/dist/components/spw-tabs.js

@@ -171,7 +171,7 @@ const SpwTabs$1 = /*@__PURE__*/ proxyCustomElement(class SpwTabs extends H {
         };
     }
     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" })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/spw-tag.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { d as defineCustomElement$2 } from './p-_q4w18VU.js';
+import { d as defineCustomElement$2 } from './p-jHpxbAsa.js';
 
 const spwTagCss = "/*! 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:inline-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-tag{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;gap:6px;justify-content:center;line-height:1;padding:6px 12px;text-decoration:none;white-space:nowrap}.spw-tag--hoverable{position:relative;transition:all .2s linear}.spw-tag--hoverable:hover{transform:translateY(-5px)}.spw-tag--default{background:#fff;border-color:var(--spw-colors-support-grey-grey-300);color:var(--spw-colors-support-grey-grey-900)}.spw-tag--grey{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-800)}.spw-tag--blue{background:#e6f3ff;color:#002e6b}.spw-tag--green{background:#e2fde3;color:#026100}.spw-tag--orange{background:#ffeee0;color:#702000}.spw-tag--red{background:#ffebed;color:#70000d}.spw-tag--purple{background:#f7ebff;color:#45036d}.spw-tag--surface-dark{box-shadow:0 2px 3px 0 rgba(0,0,0,.15)}.spw-tag--size-small{font-size:14px}.spw-tag--size-medium{font-size:16px}.spw-tag--size-large{font-size:18px}";
 
@@ -50,7 +50,7 @@ const SpwTag$1 = /*@__PURE__*/ proxyCustomElement(class SpwTag extends H {
                 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 style() { return spwTagCss; }
 }, [1, "spw-tag", {

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

@@ -1,4 +1,4 @@
-import { S as SpwTextField$1, d as defineCustomElement$1 } from './p-_sdYD0eS.js';
+import { S as SpwTextField$1, d as defineCustomElement$1 } from './p-BlSOja6j.js';
 
 const SpwTextField = SpwTextField$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/spw-textarea.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
 import { d as defineCustomElement$4 } from './p-t1vZcpqC.js';
-import { d as defineCustomElement$3 } from './p-qgvllwX6.js';
-import { d as defineCustomElement$2 } from './p-_q4w18VU.js';
+import { d as defineCustomElement$3 } from './p-DKCYb8Pa.js';
+import { d as defineCustomElement$2 } from './p-jHpxbAsa.js';
 
 const spwTextareaCss = "/*! 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-textarea{position:relative}.spw-textarea__input{border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:4px;flex:1;min-height:40px;padding:12px;resize:vertical;width:100%}.spw-textarea__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-textarea__input:focus,.spw-textarea__input:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-textarea--disabled .spw-textarea__input{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-textarea--disabled .spw-textarea__input::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-textarea--disabled .spw-textarea__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-textarea--disabled .spw-textarea__input:focus,.spw-textarea--disabled .spw-textarea__input:focus-visible,.spw-textarea--disabled .spw-textarea__input:hover{outline:none}.spw-textarea--is-error .spw-textarea__input{border-color:var(--spw-colors-states-error-error-300)}.spw-textarea--large .spw-textarea__input{height:60px;line-height:60px;padding:0 24px}.spw-textarea--is-search .spw-textarea__input{padding-right:80px}.spw-textarea__container{align-items:center;display:flex}.spw-textarea__indicator{padding-left:.75rem}.spw-textarea__icon{color:var(--spw-ds-primary);font-size:24px;pointer-events:none;position:absolute;right:30px;top:50%;transform:translateY(-50%)}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}";
 
@@ -98,7 +98,7 @@ const SpwTextarea$1 = /*@__PURE__*/ proxyCustomElement(class SpwTextarea extends
         };
     }
     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 formAssociated() { return true; }
     static get watchers() { return {