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

package/dist/esm/spw-slider.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spw-slider.entry.js","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"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-CvfVJV8a.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 = class {
     constructor(hostRef) {
@@ -9,7 +9,7 @@ const SpwSocials = class {
         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' }))))));
     }
 };
 SpwSocials.style = spwSocialsCss;

package/dist/esm/spw-socials.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-socials.entry.js","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"],"names":[],"mappings":";;AAAA,MAAM,aAAa,GAAG,qqGAAqqG;;MCO9qG,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;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;;;;;;;"}
+{"version":3,"file":"spw-socials.entry.js","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"],"names":[],"mappings":";;AAAA,MAAM,aAAa,GAAG,kvGAAkvG;;MCO3vG,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;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;;;;;;;"}

package/dist/esm/spw-stencil-library.js

@@ -17,7 +17,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"spw-cookies\",[[1,\"spw-cookies\",{\"cookiesTitle\":[1,\"cookies-title\"],\"cookiesDescription\":[1,\"cookies-description\"],\"acceptAllButtonText\":[1,\"accept-all-button-text\"],\"acceptRequiredButtonText\":[1,\"accept-required-button-text\"],\"isVisible\":[32],\"analyticsEnabled\":[32]}]]],[\"spw-iodda\",[[1,\"spw-iodda\",{\"items\":[32],\"currentPage\":[32],\"totalItems\":[32],\"isLoading\":[32],\"searchTerm\":[32],\"filters\":[32]}]]],[\"spw-custom-select\",[[65,\"spw-custom-select\",{\"value\":[1544],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"items\":[1],\"size\":[1],\"multiple\":[4],\"isSearch\":[4,\"is-search\"],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32],\"isOpen\":[32],\"parsedOptions\":[32],\"focusedOptionIndex\":[32],\"searchText\":[32],\"dropdownDirection\":[32],\"hasSelectedValue\":[32],\"resetSelect\":[64]},null,{\"items\":[\"parseOptions\"],\"value\":[\"valueChangedHandler\"],\"internalValue\":[\"internalValueChanged\"]}]]],[\"spw-search-field\",[[1,\"spw-search-field\",{\"items\":[1],\"placeholder\":[1],\"size\":[1],\"label\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"assistiveText\":[1,\"assistive-text\"],\"filteredItems\":[32],\"searchText\":[32],\"isOpen\":[32],\"focusedItemIndex\":[32],\"dropdownDirection\":[32],\"resetInput\":[64]},null,{\"items\":[\"parseItems\"]}]]],[\"spw-date-picker\",[[65,\"spw-date-picker\",{\"value\":[1537],\"placeholder\":[1],\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4],\"dateFormat\":[1,\"date-format\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disabledDays\":[1,\"disabled-days\"],\"disabledDates\":[16],\"position\":[1],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"assistiveText\":[1,\"assistive-text\"],\"range\":[4],\"rangeId\":[1,\"range-id\"],\"isStart\":[4,\"is-start\"],\"isOpen\":[32],\"hasError\":[32],\"internalError\":[32],\"internalValue\":[32],\"open\":[64],\"close\":[64],\"setDate\":[64],\"getDate\":[64],\"getRange\":[64],\"updateConstraints\":[64],\"resetInput\":[64]},null,{\"value\":[\"watchValue\"],\"disabled\":[\"watchDisabled\"],\"minDate\":[\"watchMinDate\"],\"maxDate\":[\"watchMaxDate\"]}]]],[\"spw-file-upload\",[[65,\"spw-file-upload\",{\"disabled\":[4],\"error\":[4],\"name\":[1],\"value\":[1],\"enableDropZone\":[4,\"enable-drop-zone\"],\"multiple\":[4],\"accept\":[1],\"maxFileSize\":[2,\"max-file-size\"],\"maxFiles\":[2,\"max-files\"],\"internalValue\":[32],\"selectedFiles\":[32],\"fileTypeErrors\":[32],\"fileLimitErrors\":[32],\"isDragging\":[32],\"isMaxFilesReachedExact\":[32],\"resetInput\":[64]}]]],[\"spw-header\",[[1,\"spw-header\",{\"siteTitle\":[1,\"site-title\"],\"borderColor\":[1,\"border-color\"],\"hasWallonieLogo\":[4,\"has-wallonie-logo\"],\"hasMaWallonie\":[4,\"has-ma-wallonie\"],\"maWallonieLabel\":[1,\"ma-wallonie-label\"],\"maWallonieLink\":[1,\"ma-wallonie-link\"],\"hasWallonieBe\":[4,\"has-wallonie-be\"],\"wallonieBeLabel\":[1,\"wallonie-be-label\"],\"wallonieBeLink\":[1,\"wallonie-be-link\"],\"hasSearch\":[4,\"has-search\"],\"searchCloseLabel\":[1,\"search-close-label\"],\"searchOpenLabel\":[1,\"search-open-label\"],\"menuCloseLabel\":[1,\"menu-close-label\"],\"menuOpenLabel\":[1,\"menu-open-label\"],\"isMenuOpen\":[32],\"isSearchOpen\":[32]}]]],[\"spw-header-lang\",[[1,\"spw-header-lang\",{\"activeLang\":[32],\"options\":[32]}]]],[\"spw-select\",[[65,\"spw-select\",{\"value\":[1544],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"size\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"items\":[16],\"itemLabel\":[1,\"item-label\"],\"itemValue\":[1,\"item-value\"],\"internalValue\":[32],\"resetSelect\":[64]},null,{\"items\":[\"handleItemsChange\"]}]]],[\"spw-textarea\",[[65,\"spw-textarea\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"rows\":[2],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"isSearch\":[4,\"is-search\"],\"required\":[4],\"size\":[1],\"indicator\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-breadcrumb-item\",[[1,\"spw-breadcrumb-item\",{\"href\":[1],\"surface\":[32]},null,{\"surface\":[\"surfaceChanged\"]}]]],[\"spw-message\",[[1,\"spw-message\",{\"variant\":[1],\"messageId\":[1,\"message-id\"],\"isDismissable\":[4,\"is-dismissable\"],\"dismissableText\":[1,\"dismissable-text\"],\"messageTitle\":[1,\"message-title\"],\"isVisible\":[32]}]]],[\"spw-sidebar-navigation-item\",[[4,\"spw-sidebar-navigation-item\",{\"href\":[1],\"icon\":[1],\"active\":[4],\"disabled\":[4],\"bubble\":[1],\"tooltipTitle\":[1,\"tooltip-title\"],\"iconVariant\":[1,\"icon-variant\"],\"openOnClick\":[4,\"open-on-click\"],\"hasDropdown\":[32],\"dropdownOpen\":[32],\"navExpanded\":[32],\"hasActiveChild\":[32]}]]],[\"spw-table-header\",[[1,\"spw-table-header\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"],\"padding\":[1],\"columnId\":[1,\"column-id\"],\"sortable\":[4],\"sortDirection\":[1,\"sort-direction\"],\"isSorted\":[4,\"is-sorted\"],\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"],\"sticky\":[4],\"stickyPosition\":[1,\"sticky-position\"],\"stickyOffset\":[2,\"sticky-offset\"]}]]],[\"spw-tabs-navigation-item\",[[1,\"spw-tabs-navigation-item\",{\"tabId\":[1,\"tab-id\"],\"active\":[4],\"disabled\":[4],\"bubble\":[4],\"hasEllipsis\":[4,\"has-ellipsis\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"slotText\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]]]]],[\"spw-card-image\",[[1,\"spw-card-image\",{\"label\":[1]}]]],[\"spw-dropdown-item\",[[4,\"spw-dropdown-item\",{\"href\":[1],\"disabled\":[4],\"icon\":[1],\"iconVariant\":[1,\"icon-variant\"],\"hasSubItems\":[32],\"subItemsOpen\":[32]}]]],[\"spw-header-navigation\",[[1,\"spw-header-navigation\",{\"level\":[32],\"element\":[32]},[[2,\"spwHeaderNavigationNavigate\",\"handleNavigation\"]]]]],[\"spw-header-navigation-item\",[[1,\"spw-header-navigation-item\",{\"isActive\":[4,\"is-active\"],\"internalIsActive\":[32],\"hasSubnav\":[32],\"level\":[32],\"isSubnavVisible\":[32],\"lastClickedLevel1Item\":[32],\"isMobile\":[32]}]]],[\"spw-header-persona\",[[1,\"spw-header-persona\",{\"personaLabel\":[1,\"persona-label\"],\"activePersona\":[32],\"options\":[32]}]]],[\"spw-hero\",[[1,\"spw-hero\",{\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"],\"surface\":[1],\"hasPictureFull\":[4,\"has-picture-full\"],\"hasVideo\":[4,\"has-video\"],\"modalVideoId\":[1,\"modal-video-id\"],\"variant\":[1],\"alignment\":[1],\"overlayOpacity\":[2,\"overlay-opacity\"]}]]],[\"spw-list-item\",[[1,\"spw-list-item\",{\"variant\":[1],\"href\":[1],\"target\":[1],\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"],\"category\":[1],\"categoryLink\":[1,\"category-link\"],\"categoryIcon\":[1,\"category-icon\"],\"surface\":[1]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"],[1,\"touchstart\",\"onTouchStart\"],[1,\"touchend\",\"onTouchEnd\"],[1,\"mousedown\",\"onMouseDown\"],[1,\"mouseup\",\"onMouseUp\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"]]]]],[\"spw-list-title\",[[1,\"spw-list-title\",{\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"]}]]],[\"spw-modal\",[[1,\"spw-modal\",{\"opened\":[1540],\"caption\":[1],\"closeOnOverlayClick\":[4,\"close-on-overlay-click\"],\"stickyButtons\":[4,\"sticky-buttons\"],\"size\":[1],\"alertIcon\":[1,\"alert-icon\"],\"showCloseButton\":[4,\"show-close-button\"],\"showModal\":[32],\"slotButtonsPresent\":[32],\"closeModal\":[64],\"openModal\":[64]},null,{\"opened\":[\"openedChanged\"]}]]],[\"spw-sidebar\",[[1,\"spw-sidebar\",{\"defaultExpanded\":[4,\"default-expanded\"],\"expanded\":[32],\"hasTopbar\":[32]}]]],[\"spw-sidebar-navigation-separator\",[[1,\"spw-sidebar-navigation-separator\"]]],[\"spw-tabs-navigation\",[[1,\"spw-tabs-navigation\",{\"showLeftArrow\":[32],\"showRightArrow\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"spw-tag\",[[1,\"spw-tag\",{\"variant\":[1],\"surface\":[1],\"hasIcon\":[4,\"has-icon\"],\"href\":[1],\"target\":[1],\"size\":[1]}]]],[\"spw-tile\",[[1,\"spw-tile\",{\"variant\":[1],\"href\":[1],\"target\":[1],\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]]]],[\"spw-wizard-item\",[[1,\"spw-wizard-item\",{\"label\":[1],\"description\":[1],\"additionalInfo\":[1,\"additional-info\"],\"icon\":[1],\"state\":[1],\"status\":[1],\"isLast\":[1,\"is-last\"],\"stepNumber\":[2,\"step-number\"],\"variant\":[1],\"isClickable\":[1,\"is-clickable\"],\"isBeforeCurrent\":[1,\"is-before-current\"],\"isAfterCurrent\":[1,\"is-after-current\"],\"isCurrent\":[1,\"is-current\"]}]]],[\"spw-breadcrumb\",[[1,\"spw-breadcrumb\",{\"variant\":[1],\"surface\":[1],\"fontSize\":[1,\"font-size\"]}]]],[\"spw-card\",[[1,\"spw-card\",{\"variant\":[1],\"elementType\":[1,\"element-type\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"dateStart\":[1,\"date-start\"],\"dateEnd\":[1,\"date-end\"],\"fullHeight\":[4,\"full-height\"],\"disabled\":[4],\"accAriaLabel\":[1,\"acc-aria-label\"],\"hasImage\":[32]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]]]],[\"spw-card-content\",[[1,\"spw-card-content\",{\"tag\":[1],\"date\":[1],\"hasImage\":[32]}]]],[\"spw-card-excerpt\",[[1,\"spw-card-excerpt\",{\"lineClamp\":[8,\"line-clamp\"]}]]],[\"spw-card-subtag-item\",[[1,\"spw-card-subtag-item\",{\"link\":[1]}]]],[\"spw-card-subtags\",[[4,\"spw-card-subtags\",{\"variant\":[1]}]]],[\"spw-card-title\",[[1,\"spw-card-title\",{\"borderColor\":[1,\"border-color\"]}]]],[\"spw-dropdown\",[[1,\"spw-dropdown\",{\"direction\":[1],\"hasPadding\":[4,\"has-padding\"],\"contentWidth\":[2,\"content-width\"],\"open\":[1540],\"isVisible\":[32],\"close\":[64]},null,{\"open\":[\"onOpenChange\"]}]]],[\"spw-dropdown-container\",[[1,\"spw-dropdown-container\"]]],[\"spw-footer\",[[1,\"spw-footer\",{\"colsMobile\":[2,\"cols-mobile\"],\"colsTablet\":[2,\"cols-tablet\"],\"colsDesktop\":[2,\"cols-desktop\"]},null,{\"colsMobile\":[\"configurationChanged\"],\"colsTablet\":[\"configurationChanged\"],\"colsDesktop\":[\"configurationChanged\"]}]]],[\"spw-footer-bottom\",[[1,\"spw-footer-bottom\",{\"siteTitle\":[1,\"site-title\"]}]]],[\"spw-footer-content\",[[1,\"spw-footer-content\"]]],[\"spw-footer-content-col\",[[1,\"spw-footer-content-col\",{\"colTitle\":[1,\"col-title\"]}]]],[\"spw-footer-link\",[[1,\"spw-footer-link\",{\"href\":[1],\"target\":[1]}]]],[\"spw-header-lang-item\",[[1,\"spw-header-lang-item\",{\"active\":[516]}]]],[\"spw-header-navigation-dropdown\",[[1,\"spw-header-navigation-dropdown\"]]],[\"spw-header-persona-item\",[[1,\"spw-header-persona-item\",{\"active\":[516]}]]],[\"spw-illustration\",[[1,\"spw-illustration\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"alt\":[1]}]]],[\"spw-list\",[[1,\"spw-list\",{\"gap\":[1],\"surface\":[1]},[[0,\"slotchange\",\"slotChanged\"]]]]],[\"spw-list-description\",[[1,\"spw-list-description\",{\"lineClamp\":[1,\"line-clamp\"]}]]],[\"spw-mosaic\",[[1,\"spw-mosaic\",{\"items\":[8],\"isMasonry\":[4,\"is-masonry\"],\"colsMobile\":[2,\"cols-mobile\"],\"colsTablet\":[2,\"cols-tablet\"],\"colsDesktop\":[2,\"cols-desktop\"],\"initialized\":[32],\"waitForImages\":[64],\"initializeMasonry\":[64]},null,{\"items\":[\"itemsChanged\"],\"isMasonry\":[\"isMasonryChanged\"],\"colsMobile\":[\"configurationChanged\"],\"colsTablet\":[\"configurationChanged\"],\"colsDesktop\":[\"configurationChanged\"]}]]],[\"spw-mosaic-item\",[[1,\"spw-mosaic-item\",{\"classString\":[32]}]]],[\"spw-radio\",[[65,\"spw-radio\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"name\":[1],\"value\":[1],\"internalChecked\":[32],\"setChecked\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-sidebar-navigation-dropdown\",[[4,\"spw-sidebar-navigation-dropdown\",{\"open\":[1028]}]]],[\"spw-socials\",[[1,\"spw-socials\",{\"mainTitle\":[1,\"main-title\"]}]]],[\"spw-table\",[[1,\"spw-table\",{\"accAriaLabel\":[1,\"acc-aria-label\"],\"isSticky\":[4,\"is-sticky\"],\"maxHeight\":[1,\"max-height\"],\"minWidth\":[1,\"min-width\"],\"tableLayout\":[1,\"table-layout\"],\"isZebra\":[4,\"is-zebra\"],\"disableSort\":[4,\"disable-sort\"],\"currentSort\":[1040]},[[0,\"spwHeaderClick\",\"handleHeaderClick\"]],{\"currentSort\":[\"onCurrentSortChange\"],\"isSticky\":[\"onIsStickyChange\"]}]]],[\"spw-table-body\",[[1,\"spw-table-body\",{\"isZebra\":[516,\"is-zebra\"],\"updateZebraStyles\":[64]}]]],[\"spw-table-cell\",[[1,\"spw-table-cell\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"],\"width\":[1],\"padding\":[1],\"state\":[1],\"sticky\":[4],\"stickyPosition\":[1,\"sticky-position\"],\"stickyOffset\":[2,\"sticky-offset\"],\"isFirst\":[32]}]]],[\"spw-table-footer\",[[1,\"spw-table-footer\"]]],[\"spw-table-head\",[[1,\"spw-table-head\"]]],[\"spw-table-row\",[[1,\"spw-table-row\",{\"state\":[1],\"padding\":[1]},[[0,\"slotchange\",\"slotChanged\"]],{\"state\":[\"onStateChange\"],\"padding\":[\"onPaddingChange\"]}]]],[\"spw-tabs\",[[1,\"spw-tabs\",{\"defaultActiveTab\":[1,\"default-active-tab\"],\"variant\":[1],\"hasEllipsis\":[4,\"has-ellipsis\"],\"maxWidth\":[2,\"max-width\"],\"size\":[1],\"activeTab\":[32],\"getSelectedTab\":[64],\"setSelectedTab\":[64]},[[2,\"tabSelected\",\"handleTabSelected\"],[0,\"slotchange\",\"slotChanged\"]],{\"activeTab\":[\"activeTabChanged\"],\"maxWidth\":[\"maxWidthChanged\"],\"hasEllipsis\":[\"hasEllipsisChanged\"]}]]],[\"spw-tabs-content\",[[1,\"spw-tabs-content\",{\"tabId\":[1,\"tab-id\"],\"active\":[4]}]]],[\"spw-tile-description\",[[1,\"spw-tile-description\"]]],[\"spw-tile-title\",[[1,\"spw-tile-title\"]]],[\"spw-topbar\",[[1,\"spw-topbar\"]]],[\"spw-wizard\",[[1,\"spw-wizard\",{\"currentStep\":[1026,\"current-step\"],\"variant\":[1],\"setStep\":[64]},[[0,\"slotchange\",\"slotChanged\"],[0,\"wizardItemClick\",\"handleStepClick\"]]]]],[\"spw-text-field\",[[65,\"spw-text-field\",{\"value\":[1537],\"type\":[1],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"isSearch\":[4,\"is-search\"],\"isClear\":[4,\"is-clear\"],\"required\":[4],\"size\":[1],\"indicator\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"mask\":[1],\"internalValue\":[32],\"isClearIconVisible\":[32],\"setValue\":[64]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-pagination\",[[1,\"spw-pagination\",{\"totalItems\":[2,\"total-items\"],\"itemsPerPage\":[2,\"items-per-page\"],\"isDisabled\":[4,\"is-disabled\"],\"variant\":[1],\"currentPage\":[1026,\"current-page\"],\"inputPageValue\":[32],\"isMobile\":[32],\"setPage\":[64]},null,{\"totalItems\":[\"calculateTotalPages\",\"onTotalItemsChange\"],\"itemsPerPage\":[\"calculateTotalPages\",\"onItemsPerPageChange\"],\"currentPage\":[\"calculateTotalPages\"]}]]],[\"spw-skeleton\",[[1,\"spw-skeleton\",{\"blocks\":[2],\"variant\":[1]}]]],[\"spw-checkbox\",[[65,\"spw-checkbox\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"icon\":[1],\"name\":[1],\"variant\":[1],\"internalChecked\":[32],\"toggleCheckedState\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-tooltip\",[[1,\"spw-tooltip\",{\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"],\"maxWidth\":[1,\"max-width\"],\"direction\":[1],\"cursor\":[1],\"visible\":[4],\"isVisible\":[32]}]]],[\"spw-field-label_6\",[[4,\"spw-group\",{\"type\":[1],\"orientation\":[1],\"alignment\":[1],\"disabled\":[4],\"label\":[1],\"required\":[4],\"isReversed\":[4,\"is-reversed\"],\"name\":[1],\"isFullWidth\":[4,\"is-full-width\"]}],[4,\"spw-theme-provider\",{\"theme\":[1]}],[1,\"spw-separator\",{\"surface\":[1],\"direction\":[1],\"thickness\":[2],\"width\":[1],\"height\":[1]}],[1,\"spw-link\",{\"href\":[1],\"target\":[1],\"rel\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"disabled\":[4],\"accAriaLabel\":[1,\"acc-aria-label\"],\"surface\":[1]}],[1,\"spw-field-label\",{\"name\":[1],\"label\":[1],\"required\":[4]}],[1,\"spw-icon\",{\"icon\":[1],\"variant\":[1]}]]],[\"spw-accordion_4\",[[1,\"spw-accordion-title\",{\"tag\":[1],\"icon\":[1]}],[1,\"spw-accordion\"],[1,\"spw-accordion-content\",{\"isOpened\":[32]},[[4,\"accordionToggle\",\"handleAccordionToggle\"]]],[1,\"spw-accordion-item\",{\"defaultOpen\":[4,\"default-open\"],\"isOpen\":[32],\"isMobile\":[32]},null,{\"defaultOpen\":[\"defaultOpenChanged\"]}]]],[\"spw-field-message\",[[1,\"spw-field-message\",{\"showIcon\":[4,\"show-icon\"],\"variant\":[1]}]]],[\"spw-button_2\",[[1,\"spw-button\",{\"href\":[1],\"target\":[1],\"rel\":[1],\"download\":[1],\"name\":[1],\"value\":[8],\"type\":[1],\"variant\":[1],\"surface\":[1],\"disabled\":[4],\"size\":[1],\"accAriaLabel\":[1,\"acc-aria-label\"],\"isIconOnly\":[4,\"is-icon-only\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"isFullWidth\":[4,\"is-full-width\"],\"isFullWidthMobile\":[516,\"is-full-width-mobile\"],\"isLoading\":[4,\"is-loading\"]}],[1,\"spw-loading\",{\"text\":[1]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"spw-cookies\",[[1,\"spw-cookies\",{\"cookiesTitle\":[1,\"cookies-title\"],\"cookiesDescription\":[1,\"cookies-description\"],\"acceptAllButtonText\":[1,\"accept-all-button-text\"],\"acceptRequiredButtonText\":[1,\"accept-required-button-text\"],\"isVisible\":[32],\"analyticsEnabled\":[32]}]]],[\"spw-iodda\",[[1,\"spw-iodda\",{\"items\":[32],\"currentPage\":[32],\"totalItems\":[32],\"isLoading\":[32],\"searchTerm\":[32],\"filters\":[32]}]]],[\"spw-custom-select\",[[65,\"spw-custom-select\",{\"value\":[1544],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"items\":[1],\"size\":[1],\"multiple\":[4],\"isSearch\":[4,\"is-search\"],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32],\"isOpen\":[32],\"parsedOptions\":[32],\"focusedOptionIndex\":[32],\"searchText\":[32],\"dropdownDirection\":[32],\"hasSelectedValue\":[32],\"resetSelect\":[64]},null,{\"items\":[\"parseOptions\"],\"value\":[\"valueChangedHandler\"],\"internalValue\":[\"internalValueChanged\"]}]]],[\"spw-search-field\",[[1,\"spw-search-field\",{\"items\":[1],\"placeholder\":[1],\"size\":[1],\"label\":[1],\"disabled\":[4],\"isRounded\":[4,\"is-rounded\"],\"name\":[1],\"required\":[4],\"assistiveText\":[1,\"assistive-text\"],\"viewAllResults\":[1,\"view-all-results\"],\"viewAllResultsLink\":[1,\"view-all-results-link\"],\"noResults\":[1,\"no-results\"],\"hasSubmitButton\":[4,\"has-submit-button\"],\"filteredItems\":[32],\"searchText\":[32],\"isOpen\":[32],\"focusedItemIndex\":[32],\"dropdownDirection\":[32],\"resetInput\":[64],\"setValue\":[64],\"getValue\":[64]},null,{\"items\":[\"parseItems\"]}]]],[\"spw-date-picker\",[[65,\"spw-date-picker\",{\"value\":[1537],\"placeholder\":[1],\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4],\"dateFormat\":[1,\"date-format\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disabledDays\":[1,\"disabled-days\"],\"disabledDates\":[16],\"position\":[1],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"assistiveText\":[1,\"assistive-text\"],\"range\":[4],\"rangeId\":[1,\"range-id\"],\"isStart\":[4,\"is-start\"],\"isOpen\":[32],\"hasError\":[32],\"internalError\":[32],\"internalValue\":[32],\"open\":[64],\"close\":[64],\"setDate\":[64],\"getDate\":[64],\"getRange\":[64],\"updateConstraints\":[64],\"resetInput\":[64]},null,{\"value\":[\"watchValue\"],\"disabled\":[\"watchDisabled\"],\"minDate\":[\"watchMinDate\"],\"maxDate\":[\"watchMaxDate\"]}]]],[\"spw-file-upload\",[[65,\"spw-file-upload\",{\"disabled\":[4],\"error\":[4],\"name\":[1],\"value\":[1],\"enableDropZone\":[4,\"enable-drop-zone\"],\"multiple\":[4],\"accept\":[1],\"maxFileSize\":[2,\"max-file-size\"],\"maxFiles\":[2,\"max-files\"],\"internalValue\":[32],\"selectedFiles\":[32],\"fileTypeErrors\":[32],\"fileLimitErrors\":[32],\"isDragging\":[32],\"isMaxFilesReachedExact\":[32],\"resetInput\":[64]}]]],[\"spw-header\",[[1,\"spw-header\",{\"siteTitle\":[1,\"site-title\"],\"borderColor\":[1,\"border-color\"],\"hasWallonieLogo\":[4,\"has-wallonie-logo\"],\"hasMaWallonie\":[4,\"has-ma-wallonie\"],\"maWallonieLabel\":[1,\"ma-wallonie-label\"],\"maWallonieLink\":[1,\"ma-wallonie-link\"],\"hasWallonieBe\":[4,\"has-wallonie-be\"],\"wallonieBeLabel\":[1,\"wallonie-be-label\"],\"wallonieBeLink\":[1,\"wallonie-be-link\"],\"hasSearch\":[4,\"has-search\"],\"searchCloseLabel\":[1,\"search-close-label\"],\"searchOpenLabel\":[1,\"search-open-label\"],\"menuCloseLabel\":[1,\"menu-close-label\"],\"menuOpenLabel\":[1,\"menu-open-label\"],\"isMenuOpen\":[32],\"isSearchOpen\":[32]}]]],[\"spw-header-lang\",[[1,\"spw-header-lang\",{\"activeLang\":[32],\"options\":[32]}]]],[\"spw-select\",[[65,\"spw-select\",{\"value\":[1544],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"size\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"items\":[16],\"itemLabel\":[1,\"item-label\"],\"itemValue\":[1,\"item-value\"],\"internalValue\":[32],\"resetSelect\":[64]},null,{\"items\":[\"handleItemsChange\"]}]]],[\"spw-textarea\",[[65,\"spw-textarea\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"rows\":[2],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"isSearch\":[4,\"is-search\"],\"required\":[4],\"size\":[1],\"indicator\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-breadcrumb-item\",[[1,\"spw-breadcrumb-item\",{\"href\":[1],\"surface\":[32]},null,{\"surface\":[\"surfaceChanged\"]}]]],[\"spw-message\",[[1,\"spw-message\",{\"variant\":[1],\"messageId\":[1,\"message-id\"],\"isDismissable\":[4,\"is-dismissable\"],\"dismissableText\":[1,\"dismissable-text\"],\"messageTitle\":[1,\"message-title\"],\"isVisible\":[32]}]]],[\"spw-sidebar-navigation-item\",[[4,\"spw-sidebar-navigation-item\",{\"href\":[1],\"icon\":[1],\"active\":[4],\"disabled\":[4],\"bubble\":[1],\"tooltipTitle\":[1,\"tooltip-title\"],\"iconVariant\":[1,\"icon-variant\"],\"openOnClick\":[4,\"open-on-click\"],\"hasDropdown\":[32],\"dropdownOpen\":[32],\"navExpanded\":[32],\"hasActiveChild\":[32]}]]],[\"spw-table-header\",[[1,\"spw-table-header\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"],\"padding\":[1],\"columnId\":[1,\"column-id\"],\"sortable\":[4],\"sortDirection\":[1,\"sort-direction\"],\"isSorted\":[4,\"is-sorted\"],\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"],\"sticky\":[4],\"stickyPosition\":[1,\"sticky-position\"],\"stickyOffset\":[2,\"sticky-offset\"]}]]],[\"spw-tabs-navigation-item\",[[1,\"spw-tabs-navigation-item\",{\"tabId\":[1,\"tab-id\"],\"active\":[4],\"disabled\":[4],\"bubble\":[4],\"hasEllipsis\":[4,\"has-ellipsis\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"slotText\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]]]]],[\"spw-card-image\",[[1,\"spw-card-image\",{\"label\":[1]}]]],[\"spw-dropdown-item\",[[4,\"spw-dropdown-item\",{\"href\":[1],\"disabled\":[4],\"icon\":[1],\"iconVariant\":[1,\"icon-variant\"],\"hasSubItems\":[32],\"subItemsOpen\":[32]}]]],[\"spw-header-navigation\",[[1,\"spw-header-navigation\",{\"alignment\":[1],\"level\":[32],\"element\":[32]},[[2,\"spwHeaderNavigationNavigate\",\"handleNavigation\"]]]]],[\"spw-header-navigation-item\",[[1,\"spw-header-navigation-item\",{\"isActive\":[4,\"is-active\"],\"internalIsActive\":[32],\"hasSubnav\":[32],\"level\":[32],\"isSubnavVisible\":[32],\"lastClickedLevel1Item\":[32],\"isMobile\":[32]}]]],[\"spw-header-persona\",[[1,\"spw-header-persona\",{\"personaLabel\":[1,\"persona-label\"],\"activePersona\":[32],\"options\":[32]}]]],[\"spw-hero\",[[1,\"spw-hero\",{\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"],\"surface\":[1],\"hasPictureFull\":[4,\"has-picture-full\"],\"hasVideo\":[4,\"has-video\"],\"modalVideoId\":[1,\"modal-video-id\"],\"variant\":[1],\"alignment\":[1],\"overlayOpacity\":[2,\"overlay-opacity\"]}]]],[\"spw-list-item\",[[1,\"spw-list-item\",{\"variant\":[1],\"href\":[1],\"target\":[1],\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"],\"category\":[1],\"categoryLink\":[1,\"category-link\"],\"categoryIcon\":[1,\"category-icon\"],\"surface\":[1]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"],[1,\"touchstart\",\"onTouchStart\"],[1,\"touchend\",\"onTouchEnd\"],[1,\"mousedown\",\"onMouseDown\"],[1,\"mouseup\",\"onMouseUp\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"]]]]],[\"spw-list-title\",[[1,\"spw-list-title\",{\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"]}]]],[\"spw-modal\",[[1,\"spw-modal\",{\"opened\":[1540],\"caption\":[1],\"closeOnOverlayClick\":[4,\"close-on-overlay-click\"],\"stickyButtons\":[4,\"sticky-buttons\"],\"size\":[1],\"alertIcon\":[1,\"alert-icon\"],\"showCloseButton\":[4,\"show-close-button\"],\"showModal\":[32],\"slotButtonsPresent\":[32],\"closeModal\":[64],\"openModal\":[64]},null,{\"opened\":[\"openedChanged\"]}]]],[\"spw-sidebar\",[[1,\"spw-sidebar\",{\"defaultExpanded\":[4,\"default-expanded\"],\"expanded\":[32],\"hasTopbar\":[32]}]]],[\"spw-sidebar-navigation-separator\",[[1,\"spw-sidebar-navigation-separator\"]]],[\"spw-slider\",[[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\"]]]]],[\"spw-tabs-navigation\",[[1,\"spw-tabs-navigation\",{\"showLeftArrow\":[32],\"showRightArrow\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"spw-tag\",[[1,\"spw-tag\",{\"variant\":[1],\"surface\":[1],\"hasIcon\":[4,\"has-icon\"],\"href\":[1],\"target\":[1],\"size\":[1]}]]],[\"spw-tile\",[[1,\"spw-tile\",{\"variant\":[1],\"height\":[1],\"href\":[1],\"target\":[1],\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]]]],[\"spw-wizard-item\",[[1,\"spw-wizard-item\",{\"label\":[1],\"description\":[1],\"additionalInfo\":[1,\"additional-info\"],\"icon\":[1],\"state\":[1],\"status\":[1],\"isLast\":[1,\"is-last\"],\"stepNumber\":[2,\"step-number\"],\"variant\":[1],\"isClickable\":[1,\"is-clickable\"],\"isBeforeCurrent\":[1,\"is-before-current\"],\"isAfterCurrent\":[1,\"is-after-current\"],\"isCurrent\":[1,\"is-current\"]}]]],[\"spw-breadcrumb\",[[1,\"spw-breadcrumb\",{\"variant\":[1],\"surface\":[1],\"fontSize\":[1,\"font-size\"]}]]],[\"spw-card\",[[1,\"spw-card\",{\"variant\":[1],\"elementType\":[1,\"element-type\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"dateStart\":[1,\"date-start\"],\"dateEnd\":[1,\"date-end\"],\"fullHeight\":[4,\"full-height\"],\"disabled\":[4],\"accAriaLabel\":[1,\"acc-aria-label\"],\"hasImage\":[32]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]]]],[\"spw-card-content\",[[1,\"spw-card-content\",{\"tag\":[1],\"date\":[1],\"hasImage\":[32]}]]],[\"spw-card-excerpt\",[[1,\"spw-card-excerpt\",{\"lineClamp\":[8,\"line-clamp\"]}]]],[\"spw-card-subtag-item\",[[1,\"spw-card-subtag-item\",{\"link\":[1]}]]],[\"spw-card-subtags\",[[4,\"spw-card-subtags\",{\"variant\":[1]}]]],[\"spw-card-title\",[[1,\"spw-card-title\",{\"borderColor\":[1,\"border-color\"]}]]],[\"spw-dropdown\",[[1,\"spw-dropdown\",{\"direction\":[1],\"hasPadding\":[4,\"has-padding\"],\"contentWidth\":[2,\"content-width\"],\"open\":[1540],\"isVisible\":[32],\"close\":[64]},null,{\"open\":[\"onOpenChange\"]}]]],[\"spw-dropdown-container\",[[1,\"spw-dropdown-container\"]]],[\"spw-footer\",[[1,\"spw-footer\",{\"colsMobile\":[2,\"cols-mobile\"],\"colsTablet\":[2,\"cols-tablet\"],\"colsDesktop\":[2,\"cols-desktop\"]},null,{\"colsMobile\":[\"configurationChanged\"],\"colsTablet\":[\"configurationChanged\"],\"colsDesktop\":[\"configurationChanged\"]}]]],[\"spw-footer-bottom\",[[1,\"spw-footer-bottom\",{\"siteTitle\":[1,\"site-title\"]}]]],[\"spw-footer-content\",[[1,\"spw-footer-content\"]]],[\"spw-footer-content-col\",[[1,\"spw-footer-content-col\",{\"colTitle\":[1,\"col-title\"]}]]],[\"spw-footer-link\",[[1,\"spw-footer-link\",{\"href\":[1],\"target\":[1]}]]],[\"spw-grid\",[[1,\"spw-grid\",{\"colsMobile\":[2,\"cols-mobile\"],\"colsTablet\":[2,\"cols-tablet\"],\"colsDesktop\":[2,\"cols-desktop\"]},null,{\"colsMobile\":[\"configurationChanged\"],\"colsTablet\":[\"configurationChanged\"],\"colsDesktop\":[\"configurationChanged\"]}]]],[\"spw-grid-item\",[[1,\"spw-grid-item\",{\"colSpanMobile\":[2,\"col-span-mobile\"],\"colSpanTablet\":[2,\"col-span-tablet\"],\"colSpanDesktop\":[2,\"col-span-desktop\"],\"rowSpanMobile\":[2,\"row-span-mobile\"],\"rowSpanTablet\":[2,\"row-span-tablet\"],\"rowSpanDesktop\":[2,\"row-span-desktop\"]}]]],[\"spw-header-lang-item\",[[1,\"spw-header-lang-item\",{\"active\":[516]}]]],[\"spw-header-navigation-dropdown\",[[1,\"spw-header-navigation-dropdown\"]]],[\"spw-header-persona-item\",[[1,\"spw-header-persona-item\",{\"active\":[516]}]]],[\"spw-illustration\",[[1,\"spw-illustration\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"alt\":[1]}]]],[\"spw-list\",[[1,\"spw-list\",{\"gap\":[1],\"surface\":[1]},[[0,\"slotchange\",\"slotChanged\"]]]]],[\"spw-list-description\",[[1,\"spw-list-description\",{\"lineClamp\":[1,\"line-clamp\"]}]]],[\"spw-mosaic\",[[1,\"spw-mosaic\",{\"items\":[8],\"isMasonry\":[4,\"is-masonry\"],\"colsMobile\":[2,\"cols-mobile\"],\"colsTablet\":[2,\"cols-tablet\"],\"colsDesktop\":[2,\"cols-desktop\"],\"initialized\":[32],\"waitForImages\":[64],\"initializeMasonry\":[64]},null,{\"items\":[\"itemsChanged\"],\"isMasonry\":[\"isMasonryChanged\"],\"colsMobile\":[\"configurationChanged\"],\"colsTablet\":[\"configurationChanged\"],\"colsDesktop\":[\"configurationChanged\"]}]]],[\"spw-mosaic-item\",[[1,\"spw-mosaic-item\",{\"classString\":[32]}]]],[\"spw-radio\",[[65,\"spw-radio\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"name\":[1],\"value\":[1],\"internalChecked\":[32],\"setChecked\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-sidebar-navigation-dropdown\",[[4,\"spw-sidebar-navigation-dropdown\",{\"open\":[1028]}]]],[\"spw-slider-item\",[[1,\"spw-slider-item\"]]],[\"spw-socials\",[[1,\"spw-socials\",{\"mainTitle\":[1,\"main-title\"]}]]],[\"spw-table\",[[1,\"spw-table\",{\"accAriaLabel\":[1,\"acc-aria-label\"],\"isSticky\":[4,\"is-sticky\"],\"maxHeight\":[1,\"max-height\"],\"minWidth\":[1,\"min-width\"],\"tableLayout\":[1,\"table-layout\"],\"isZebra\":[4,\"is-zebra\"],\"disableSort\":[4,\"disable-sort\"],\"currentSort\":[1040]},[[0,\"spwHeaderClick\",\"handleHeaderClick\"]],{\"currentSort\":[\"onCurrentSortChange\"],\"isSticky\":[\"onIsStickyChange\"]}]]],[\"spw-table-body\",[[1,\"spw-table-body\",{\"isZebra\":[516,\"is-zebra\"],\"updateZebraStyles\":[64]}]]],[\"spw-table-cell\",[[1,\"spw-table-cell\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"],\"width\":[1],\"padding\":[1],\"state\":[1],\"sticky\":[4],\"stickyPosition\":[1,\"sticky-position\"],\"stickyOffset\":[2,\"sticky-offset\"],\"isFirst\":[32]}]]],[\"spw-table-footer\",[[1,\"spw-table-footer\"]]],[\"spw-table-head\",[[1,\"spw-table-head\"]]],[\"spw-table-row\",[[1,\"spw-table-row\",{\"state\":[1],\"padding\":[1]},[[0,\"slotchange\",\"slotChanged\"]],{\"state\":[\"onStateChange\"],\"padding\":[\"onPaddingChange\"]}]]],[\"spw-tabs\",[[1,\"spw-tabs\",{\"defaultActiveTab\":[1,\"default-active-tab\"],\"variant\":[1],\"hasEllipsis\":[4,\"has-ellipsis\"],\"maxWidth\":[2,\"max-width\"],\"size\":[1],\"activeTab\":[32],\"getSelectedTab\":[64],\"setSelectedTab\":[64]},[[2,\"tabSelected\",\"handleTabSelected\"],[0,\"slotchange\",\"slotChanged\"]],{\"activeTab\":[\"activeTabChanged\"],\"maxWidth\":[\"maxWidthChanged\"],\"hasEllipsis\":[\"hasEllipsisChanged\"]}]]],[\"spw-tabs-content\",[[1,\"spw-tabs-content\",{\"tabId\":[1,\"tab-id\"],\"active\":[4]}]]],[\"spw-tile-description\",[[1,\"spw-tile-description\"]]],[\"spw-tile-title\",[[1,\"spw-tile-title\"]]],[\"spw-topbar\",[[1,\"spw-topbar\"]]],[\"spw-wizard\",[[1,\"spw-wizard\",{\"currentStep\":[1026,\"current-step\"],\"variant\":[1],\"setStep\":[64]},[[0,\"slotchange\",\"slotChanged\"],[0,\"wizardItemClick\",\"handleStepClick\"]]]]],[\"spw-field-message\",[[1,\"spw-field-message\",{\"showIcon\":[4,\"show-icon\"],\"variant\":[1]}]]],[\"spw-text-field\",[[65,\"spw-text-field\",{\"value\":[1537],\"type\":[1],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"isSearch\":[4,\"is-search\"],\"isClear\":[4,\"is-clear\"],\"required\":[4],\"size\":[1],\"indicator\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"mask\":[1],\"internalValue\":[32],\"isClearIconVisible\":[32],\"setValue\":[64]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-pagination\",[[1,\"spw-pagination\",{\"totalItems\":[2,\"total-items\"],\"itemsPerPage\":[2,\"items-per-page\"],\"isDisabled\":[4,\"is-disabled\"],\"variant\":[1],\"currentPage\":[1026,\"current-page\"],\"inputPageValue\":[32],\"isMobile\":[32],\"setPage\":[64]},null,{\"totalItems\":[\"calculateTotalPages\",\"onTotalItemsChange\"],\"itemsPerPage\":[\"calculateTotalPages\",\"onItemsPerPageChange\"],\"currentPage\":[\"calculateTotalPages\"]}]]],[\"spw-skeleton\",[[1,\"spw-skeleton\",{\"blocks\":[2],\"variant\":[1]}]]],[\"spw-checkbox\",[[65,\"spw-checkbox\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"icon\":[1],\"name\":[1],\"variant\":[1],\"internalChecked\":[32],\"toggleCheckedState\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-tooltip\",[[1,\"spw-tooltip\",{\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"],\"maxWidth\":[1,\"max-width\"],\"direction\":[1],\"cursor\":[1],\"visible\":[4],\"isVisible\":[32]}]]],[\"spw-field-label_6\",[[4,\"spw-group\",{\"type\":[1],\"orientation\":[1],\"alignment\":[1],\"disabled\":[4],\"label\":[1],\"required\":[4],\"isReversed\":[4,\"is-reversed\"],\"name\":[1],\"isFullWidth\":[4,\"is-full-width\"]}],[4,\"spw-theme-provider\",{\"theme\":[1]}],[1,\"spw-separator\",{\"surface\":[1],\"direction\":[1],\"thickness\":[2],\"width\":[1],\"height\":[1]}],[1,\"spw-link\",{\"href\":[1],\"target\":[1],\"rel\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"disabled\":[4],\"accAriaLabel\":[1,\"acc-aria-label\"],\"surface\":[1]}],[1,\"spw-field-label\",{\"name\":[1],\"label\":[1],\"required\":[4]}],[1,\"spw-icon\",{\"icon\":[1],\"variant\":[1]}]]],[\"spw-accordion_4\",[[1,\"spw-accordion-title\",{\"tag\":[1],\"icon\":[1]}],[1,\"spw-accordion\"],[1,\"spw-accordion-content\",{\"isOpened\":[32]},[[4,\"accordionToggle\",\"handleAccordionToggle\"]]],[1,\"spw-accordion-item\",{\"defaultOpen\":[4,\"default-open\"],\"isOpen\":[32],\"isMobile\":[32]},null,{\"defaultOpen\":[\"defaultOpenChanged\"]}]]],[\"spw-button_2\",[[1,\"spw-button\",{\"href\":[1],\"target\":[1],\"rel\":[1],\"download\":[1],\"name\":[1],\"value\":[8],\"type\":[1],\"variant\":[1],\"surface\":[1],\"disabled\":[4],\"size\":[1],\"accAriaLabel\":[1,\"acc-aria-label\"],\"isIconOnly\":[4,\"is-icon-only\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"isFullWidth\":[4,\"is-full-width\"],\"isFullWidthMobile\":[516,\"is-full-width-mobile\"],\"isLoading\":[4,\"is-loading\"]}],[1,\"spw-loading\",{\"text\":[1]}]]]]"), options);
 });
 //# sourceMappingURL=spw-stencil-library.js.map
 

package/dist/esm/spw-table-body.entry.js

@@ -27,7 +27,7 @@ const SpwTableBody = class {
         });
     }
     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 getElement(this); }
 };

package/dist/esm/spw-table-cell.entry.js

@@ -87,7 +87,7 @@ const SpwTableCell = class {
             }
             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 getElement(this); }
 };

package/dist/esm/spw-table-footer.entry.js

@@ -7,7 +7,7 @@ const SpwTableFooter = class {
         registerInstance(this, hostRef);
     }
     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" }))));
     }
 };
 SpwTableFooter.style = spwTableFooterCss;

package/dist/esm/spw-table-head.entry.js

@@ -7,7 +7,7 @@ const SpwTableHead = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("thead", { key: 'ef413eb59ea3530b9d4476723b6179d04bdf8c7f', part: "thead" }, h("slot", { key: '4822f9a5d94d983d5497d34da66211b4b9e1fc35' })));
+        return (h("thead", { key: 'f149ad87d95d3d5b8eb3481e8c056fb5c5252201', part: "thead" }, h("slot", { key: '4dc6eb0089c06190c8d30de26c03f76a5e474181' })));
     }
 };
 SpwTableHead.style = spwTableHeadCss;

package/dist/esm/spw-table-header.entry.js

@@ -70,10 +70,10 @@ const SpwTableHeader = class {
             }
             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' }))))));
     }
 };
 SpwTableHeader.style = spwTableHeaderCss;

package/dist/esm/spw-table-row.entry.js

@@ -42,7 +42,7 @@ const SpwTableRow = class {
         };
     }
     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 getElement(this); }
     static get watchers() { return {

package/dist/esm/spw-tabs-navigation-item.entry.js

@@ -63,7 +63,7 @@ const SpwTabsNavigationItem = class {
         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 getElement(this); }
 };

package/dist/esm/spw-tabs-navigation.entry.js

@@ -88,7 +88,7 @@ const SpwTabsNavigation = class {
         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 getElement(this); }
 };

package/dist/esm/spw-tabs.entry.js

@@ -169,7 +169,7 @@ const SpwTabs = class {
         };
     }
     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 getElement(this); }
     static get watchers() { return {

package/dist/esm/spw-tag.entry.js

@@ -47,7 +47,7 @@ const SpwTag = class {
                 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' }))));
     }
 };
 SpwTag.style = spwTagCss;

package/dist/esm/spw-text-field.entry.js

@@ -190,7 +190,7 @@ const SpwTextField = class {
         };
     }
     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 formAssociated() { return true; }
     static get watchers() { return {

package/dist/esm/spw-textarea.entry.js

@@ -99,7 +99,7 @@ const SpwTextarea = class {
         };
     }
     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 {

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, h } from './index-CvfVJV8a.js';
 
-const spwTileDescriptionCss = "/*! 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}";
+const spwTileDescriptionCss = "/*! 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}";
 
 const SpwTileDescription = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     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' })));
     }
 };
 SpwTileDescription.style = spwTileDescriptionCss;

package/dist/esm/spw-tile-description.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-tile-description.entry.js","sources":["src/components/spw-tile/spw-tile-description/spw-tile-description.scss?tag=spw-tile-description&encapsulation=shadow","src/components/spw-tile/spw-tile-description/spw-tile-description.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-tile-description {\n  :host(.--icon) & {\n    color: var(--spw-color-themes-grey-grey-700);\n    line-height: 1.5;\n    font-size: 18px;\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tile-description',\n  styleUrl: 'spw-tile-description.scss',\n  shadow: true,\n})\nexport class SpwTileDescription {\n  render() {\n    return (\n      <div class=\"spw-tile-description\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,qBAAqB,GAAG,4rFAA4rF;;MCO7sF,kBAAkB,GAAA,MAAA;;;;IAC7B,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}
+{"version":3,"file":"spw-tile-description.entry.js","sources":["src/components/spw-tile/spw-tile-description/spw-tile-description.scss?tag=spw-tile-description&encapsulation=shadow","src/components/spw-tile/spw-tile-description/spw-tile-description.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-tile-description {\n  :host(.--icon) & {\n    color: var(--spw-color-themes-grey-grey-700);\n    line-height: 1.5;\n    font-size: 18px;\n  }\n  :host(.--big) &,\n  :host(.--light) & {\n    color: white;\n    line-height: 1.3;\n    font-size: 18px;\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tile-description',\n  styleUrl: 'spw-tile-description.scss',\n  shadow: true,\n})\nexport class SpwTileDescription {\n  render() {\n    return (\n      <div class=\"spw-tile-description\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,qBAAqB,GAAG,gzFAAgzF;;MCOj0F,kBAAkB,GAAA,MAAA;;;;IAC7B,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, h } from './index-CvfVJV8a.js';
 
-const spwTileTitleCss = "/*! 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}";
+const spwTileTitleCss = "/*! 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}";
 
 const SpwTileTitle = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     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' })));
     }
 };
 SpwTileTitle.style = spwTileTitleCss;

package/dist/esm/spw-tile-title.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-tile-title.entry.js","sources":["src/components/spw-tile/spw-tile-title/spw-tile-title.scss?tag=spw-tile-title&encapsulation=shadow","src/components/spw-tile/spw-tile-title/spw-tile-title.tsx"],"sourcesContent":[":host {\n  display: block;\n  --spw-tile-title-icon: 20px;\n  --spw-tile-title-underline: none;\n}\n\n.spw-tile-title {\n  :host(.--icon) & {\n    color: var(--spw-color-themes-grey-grey-900);\n    line-height: 1.4;\n    font-size: var(--spw-tile-title-icon);\n    font-weight: 700;\n    text-decoration: var(--spw-tile-title-underline);\n    transition: all 0.2s linear;\n  }\n  :host(.--icon.--hovered) & {\n    color: var(--spw-ds-primary);\n  }\n  :host(.--light) & {\n    color: white;\n    line-height: 1.4;\n    font-size: 20px;\n    font-weight: 700;\n  }\n  :host(.--big) & {\n    color: white;\n    line-height: 1.3;\n    font-size: 28px;\n    font-weight: 700;\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tile-title',\n  styleUrl: 'spw-tile-title.scss',\n  shadow: true,\n})\nexport class SpwTileTitle {\n  render() {\n    return (\n      <h3 class=\"spw-tile-title\">\n        <slot></slot>\n      </h3>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,gpGAAgpG;;MCO3pG,YAAY,GAAA,MAAA;;;;IACvB,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,gBAAgB,EAAA,EACxB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACV;;;;;;;"}
+{"version":3,"file":"spw-tile-title.entry.js","sources":["src/components/spw-tile/spw-tile-title/spw-tile-title.scss?tag=spw-tile-title&encapsulation=shadow","src/components/spw-tile/spw-tile-title/spw-tile-title.tsx"],"sourcesContent":[":host {\n  display: block;\n  --spw-tile-title-icon: 20px;\n  --spw-tile-title-underline: none;\n}\n\n.spw-tile-title {\n  :host(.--icon) & {\n    color: var(--spw-color-themes-grey-grey-900);\n    line-height: 1.4;\n    font-size: var(--spw-tile-title-icon);\n    font-weight: 700;\n    text-decoration: var(--spw-tile-title-underline);\n    transition: all 0.2s linear;\n  }\n  :host(.--icon.--hovered) & {\n    color: var(--spw-ds-primary);\n  }\n  :host(.--light) & {\n    color: white;\n    line-height: 1.3;\n    font-size: 20px;\n    font-weight: 700;\n  }\n  :host(.--big) & {\n    color: white;\n    line-height: 1.3;\n    font-size: 20px;\n    font-weight: 700;\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tile-title',\n  styleUrl: 'spw-tile-title.scss',\n  shadow: true,\n})\nexport class SpwTileTitle {\n  render() {\n    return (\n      <h3 class=\"spw-tile-title\">\n        <slot></slot>\n      </h3>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,gpGAAgpG;;MCO3pG,YAAY,GAAA,MAAA;;;;IACvB,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,gBAAgB,EAAA,EACxB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACV;;;;;;;"}

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

@@ -1,12 +1,14 @@
 import { r as registerInstance, h, F as Fragment, H as Host, g as getElement } from './index-CvfVJV8a.js';
 
-const spwTileCss = "/*! 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-tile{display:block;position:relative;text-decoration:none;transition:all .3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{border-radius:5px;box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{border-radius:6px;overflow:hidden;padding-top:60%}@media (min-width:768px){.spw-tile--big{padding-top:110%}}.spw-tile__image,.spw-tile__overlay{height:100%;left:0;position:absolute;top:0;width:100%}.spw-tile__overlay{background:linear-gradient(180deg,transparent,rgba(0,0,0,.6) 65%,rgba(0,0,0,.75));z-index:2}.spw-tile__image{-o-object-fit:cover;object-fit:cover;z-index:1}.spw-tile__button{align-items:center;background:#fff;border:2px solid transparent;border-radius:50%;color:var(--spw-ds-primary);display:inline-flex;font-size:20px;height:48px;justify-content:center;transition:all .2s ease-in;width:48px}.spw-tile:hover .spw-tile__button{background:transparent;border-color:#fff;color:#fff}.spw-tile--icon .spw-tile__content{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content ::slotted(spw-icon){color:var(--spw-ds-primary);font-size:32px}.spw-tile--big .spw-tile__content,.spw-tile--light .spw-tile__content{bottom:0;display:flex;flex-direction:column;gap:16px;left:0;padding:16px;position:absolute;width:100%;z-index:3}.spw-tile--light .spw-tile__content{padding-bottom:24px;text-align:center}";
+const spwTileCss = "/*! 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-tile{display:block;position:relative;text-decoration:none;transition:all .3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{border-radius:5px;box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{border-radius:6px;overflow:hidden;padding-top:calc(50% - 12px)}.spw-tile--big.spw-tile--height-landscape,.spw-tile--big.spw-tile--height-portrait,.spw-tile--big.spw-tile--height-square,.spw-tile--light.spw-tile--height-landscape,.spw-tile--light.spw-tile--height-portrait,.spw-tile--light.spw-tile--height-square{padding-top:calc(50% - 12px)}@media (min-width:768px){.spw-tile--big,.spw-tile--big.spw-tile--height-landscape,.spw-tile--light,.spw-tile--light.spw-tile--height-landscape{padding-top:calc(50% - 12px)}.spw-tile--big.spw-tile--height-square,.spw-tile--light.spw-tile--height-square{padding-top:100%}.spw-tile--big.spw-tile--height-portrait,.spw-tile--light.spw-tile--height-portrait{padding-top:150%}}.spw-tile__image,.spw-tile__overlay{height:100%;left:0;position:absolute;top:0;width:100%}.spw-tile__overlay{background:linear-gradient(180deg,transparent,rgba(0,0,0,.6) 65%,rgba(0,0,0,.75));z-index:2}.spw-tile__image{-o-object-fit:cover;object-fit:cover;z-index:1}.spw-tile__button{align-items:center;background:#fff;border:2px solid transparent;border-radius:50%;color:var(--spw-ds-primary);display:inline-flex;font-size:20px;height:48px;justify-content:center;margin-top:12px;transition:all .2s ease-in;width:48px}.spw-tile:hover .spw-tile__button{background:transparent;border-color:#fff;color:#fff}.spw-tile--icon .spw-tile__content{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content ::slotted(spw-icon){color:var(--spw-ds-primary);font-size:32px}.spw-tile--big .spw-tile__content,.spw-tile--light .spw-tile__content{bottom:0;display:flex;flex-direction:column;gap:6px;left:0;padding:24px;position:absolute;width:100%;z-index:3}.spw-tile--light .spw-tile__content{padding-bottom:24px;text-align:center}";
 
 const SpwTile = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         /** Type de variante de tuile */
         this.variant = 'light';
+        /** Variante de hauteur de la tuile */
+        this.height = 'landscape';
         /** Attribut target, s'applique uniquement si href est rempli */
         this.target = '_self';
         /** Texte alternatif de l'image de fond */
@@ -32,6 +34,7 @@ const SpwTile = class {
             'spw-tile': true,
             'spw-tile--hoverable': !!this.href,
             [`spw-tile--${this.variant}`]: true,
+            [`spw-tile--height-${this.height}`]: true,
         };
     }
     onMouseEnter() {
@@ -55,7 +58,7 @@ const SpwTile = class {
                 href,
                 target,
             };
-        return (h(Host, { key: 'c73972a1c6ffae32568329abc0e760afae1104a7' }, h(TagType, Object.assign({ key: '55d7f30eaf7a632e6a3dd1f70f4216d60f904f49' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (h(Fragment, { key: '757323174d8c70ecc42e58665db26f7d423892cf' }, h("div", { key: '89d39d93792e9c52c1b32359dbd2056b609723dd', class: "spw-tile__overlay" }), h("img", { key: 'fdde6ea86f129005cbd298885bd00fde13036544', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), h("div", { key: '0fb8b76b384c3c471e88790c5bf9d9c35727829e', class: "spw-tile__content" }, h("slot", { key: '34aa53bc3a44dafdfa270fc3ae9ed5887df29e46' }), this.href && this.variant === 'big' && (h("span", { key: 'e3c8d37c2c202317a20dd682342110d3f048bc1d', class: "spw-tile__button" }, h("spw-icon", { key: '3b79a2e6a56fb75819465857e50388c5362ad15d', icon: "fa-chevron-right" })))))));
+        return (h(Host, { key: '338dda7d242b1b8362986dc813152c8c6c47ebaf' }, h(TagType, Object.assign({ key: 'bc6b20ca774311fa7d8d361d8c762544deac3fb6' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (h(Fragment, { key: '20af3cb1d509bded493c3deba466cb5692355eda' }, h("div", { key: '8b03ccab7fde6e13c1102799d2b80377cb7a5891', class: "spw-tile__overlay" }), h("img", { key: '78fa7ddb619c817fefb2cdcfbd8e2e71065dcaeb', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), h("div", { key: 'a92bccd77f414934aec82a1f0e452c4b94d52529', class: "spw-tile__content" }, h("slot", { key: 'f04f21ee124030bbce5ee2179d1359068c759faa' }), this.href && this.variant === 'big' && (h("span", { key: 'd1ebfe84cf12f973ef677ceae4d9e0eb69e56e38', class: "spw-tile__button" }, h("spw-icon", { key: '671f25bd05ebea1962877ab37b981421983aef24', icon: "fa-chevron-right" })))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-tile.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-tile.entry.js","sources":["src/components/spw-tile/spw-tile.scss?tag=spw-tile&encapsulation=shadow","src/components/spw-tile/spw-tile.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-tile {\n  display: block;\n  text-decoration: none;\n  position: relative;\n  transition: all 0.3s ease-in-out;\n  &--hoverable:hover {\n    transform: translateY(-5px);\n  }\n  &:focus-visible {\n    outline: 3px solid white;\n    outline-offset: -1px;\n    box-shadow: 0 0 0 5px black;\n    border-radius: 5px;\n  }\n  &--icon {\n    padding: 16px 0;\n  }\n  &--light {\n    padding-top: 60%;\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  &--big {\n    padding-top: 60%;\n    border-radius: 6px;\n    overflow: hidden;\n    @include breakpoint(md) {\n      padding-top: 110%;\n    }\n  }\n  &__overlay,\n  &__image {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n  }\n  &__overlay {\n    z-index: 2;\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0.75) 100%);\n  }\n  &__image {\n    z-index: 1;\n    object-fit: cover;\n  }\n  &__button {\n    background: white;\n    width: 48px;\n    height: 48px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--spw-ds-primary);\n    border-radius: 50%;\n    transition: all 0.2s ease-in;\n    border: 2px solid transparent;\n    font-size: 20px;\n    .spw-tile:hover & {\n      border-color: white;\n      color: white;\n      background: transparent;\n    }\n  }\n}\n\n.spw-tile__content {\n  .spw-tile--icon & {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 0 12px;\n    text-align: center;\n    ::slotted(spw-icon) {\n      font-size: 32px;\n      color: var(--spw-ds-primary);\n    }\n  }\n  .spw-tile--light &,\n  .spw-tile--big & {\n    position: absolute;\n    z-index: 3;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    padding: 16px;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n  }\n  .spw-tile--light & {\n    text-align: center;\n    padding-bottom: 24px;\n  }\n}\n","import { Component, Element, Fragment, Host, Listen, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tile',\n  styleUrl: 'spw-tile.scss',\n  shadow: true,\n})\nexport class SpwTile {\n  @Element() el: HTMLSpwTileElement;\n\n  /** Type de variante de tuile */\n  @Prop() variant?: 'icon' | 'big' | 'light' = 'light';\n  /** Spécifie le lien si nécessaire */\n  @Prop() href?: string;\n  /** Attribut target, s'applique uniquement si href est rempli */\n  @Prop() target: string = '_self';\n  /** Image de fond de la tuile */\n  @Prop() imageSrc?: string;\n  /** Texte alternatif de l'image de fond */\n  @Prop() imageAlt?: string = '';\n\n  componentWillLoad() {\n    this.applyVariantToChildren();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.applyVariantToChildren();\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const titleElement = this.el.querySelector('spw-tile-title');\n      const descriptionElement = this.el.querySelector('spw-tile-description');\n\n      titleElement && titleElement.classList.add(variantClass);\n      descriptionElement && descriptionElement.classList.add(variantClass);\n    });\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-tile': true,\n      'spw-tile--hoverable': !!this.href,\n      [`spw-tile--${this.variant}`]: true,\n    };\n  }\n\n  @Listen('mouseenter')\n  onMouseEnter() {\n    this.setHovered(true);\n  }\n\n  @Listen('mouseleave')\n  onMouseLeave() {\n    this.setHovered(false);\n  }\n\n  private setHovered(isHovered: boolean) {\n    const titleElement = this.el.querySelector('spw-tile-title');\n    if (titleElement && this.href) {\n      titleElement.classList.toggle('--hovered', isHovered);\n    }\n  }\n\n  render() {\n    const { href, target } = this;\n    const TagType = this.href === undefined ? 'div' : 'a';\n    const attrs =\n      TagType === 'div'\n        ? {}\n        : {\n            href,\n            target,\n          };\n    return (\n      <Host>\n        <TagType {...attrs} class={this.elementClass}>\n          {this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (\n            <Fragment>\n              <div class=\"spw-tile__overlay\"></div>\n              <img src={this.imageSrc} alt={this.imageAlt} class=\"spw-tile__image\" />\n            </Fragment>\n          )}\n          <div class=\"spw-tile__content\">\n            <slot></slot>\n            {this.href && this.variant === 'big' && (\n              <span class=\"spw-tile__button\">\n                <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n              </span>\n            )}\n          </div>\n        </TagType>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"spw-tile.entry.js","sources":["src/components/spw-tile/spw-tile.scss?tag=spw-tile&encapsulation=shadow","src/components/spw-tile/spw-tile.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-tile {\n  display: block;\n  text-decoration: none;\n  position: relative;\n  transition: all 0.3s ease-in-out;\n  &--hoverable:hover {\n    transform: translateY(-5px);\n  }\n  &:focus-visible {\n    outline: 3px solid white;\n    outline-offset: -1px;\n    box-shadow: 0 0 0 5px black;\n    border-radius: 5px;\n  }\n  &--icon {\n    padding: 16px 0;\n  }\n  &--big,\n  &--light {\n    padding-top: calc(50% - 12px);\n    border-radius: 6px;\n    overflow: hidden;\n    &.spw-tile--height-landscape {\n      padding-top: calc(50% - 12px);\n    }\n    &.spw-tile--height-square {\n      padding-top: calc(50% - 12px);\n    }\n    &.spw-tile--height-portrait {\n      padding-top: calc(50% - 12px);\n    }\n    @include breakpoint(md) {\n      padding-top: calc(50% - 12px);\n      &.spw-tile--height-landscape {\n        padding-top: calc(50% - 12px);\n      }\n      &.spw-tile--height-square {\n        padding-top: 100%;\n      }\n      &.spw-tile--height-portrait {\n        padding-top: 150%;\n      }\n    }\n  }\n  &__overlay,\n  &__image {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n  }\n  &__overlay {\n    z-index: 2;\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0.75) 100%);\n  }\n  &__image {\n    z-index: 1;\n    object-fit: cover;\n  }\n  &__button {\n    background: white;\n    width: 48px;\n    height: 48px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--spw-ds-primary);\n    border-radius: 50%;\n    transition: all 0.2s ease-in;\n    border: 2px solid transparent;\n    font-size: 20px;\n    margin-top: 12px;\n    .spw-tile:hover & {\n      border-color: white;\n      color: white;\n      background: transparent;\n    }\n  }\n}\n\n.spw-tile__content {\n  .spw-tile--icon & {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 0 12px;\n    text-align: center;\n    ::slotted(spw-icon) {\n      font-size: 32px;\n      color: var(--spw-ds-primary);\n    }\n  }\n  .spw-tile--light &,\n  .spw-tile--big & {\n    position: absolute;\n    z-index: 3;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    padding: 24px;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n  }\n  .spw-tile--light & {\n    text-align: center;\n    padding-bottom: 24px;\n  }\n}\n","import { Component, Element, Fragment, Host, Listen, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tile',\n  styleUrl: 'spw-tile.scss',\n  shadow: true,\n})\nexport class SpwTile {\n  @Element() el: HTMLSpwTileElement;\n\n  /** Type de variante de tuile */\n  @Prop() variant?: 'icon' | 'big' | 'light' = 'light';\n  /** Variante de hauteur de la tuile */\n  @Prop() height?: 'landscape' | 'square' | 'portrait' = 'landscape';\n  /** Spécifie le lien si nécessaire */\n  @Prop() href?: string;\n  /** Attribut target, s'applique uniquement si href est rempli */\n  @Prop() target: string = '_self';\n  /** Image de fond de la tuile */\n  @Prop() imageSrc?: string;\n  /** Texte alternatif de l'image de fond */\n  @Prop() imageAlt?: string = '';\n\n  componentWillLoad() {\n    this.applyVariantToChildren();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.applyVariantToChildren();\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const titleElement = this.el.querySelector('spw-tile-title');\n      const descriptionElement = this.el.querySelector('spw-tile-description');\n\n      titleElement && titleElement.classList.add(variantClass);\n      descriptionElement && descriptionElement.classList.add(variantClass);\n    });\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-tile': true,\n      'spw-tile--hoverable': !!this.href,\n      [`spw-tile--${this.variant}`]: true,\n      [`spw-tile--height-${this.height}`]: true,\n    };\n  }\n\n  @Listen('mouseenter')\n  onMouseEnter() {\n    this.setHovered(true);\n  }\n\n  @Listen('mouseleave')\n  onMouseLeave() {\n    this.setHovered(false);\n  }\n\n  private setHovered(isHovered: boolean) {\n    const titleElement = this.el.querySelector('spw-tile-title');\n    if (titleElement && this.href) {\n      titleElement.classList.toggle('--hovered', isHovered);\n    }\n  }\n\n  render() {\n    const { href, target } = this;\n    const TagType = this.href === undefined ? 'div' : 'a';\n    const attrs =\n      TagType === 'div'\n        ? {}\n        : {\n            href,\n            target,\n          };\n    return (\n      <Host>\n        <TagType {...attrs} class={this.elementClass}>\n          {this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (\n            <Fragment>\n              <div class=\"spw-tile__overlay\"></div>\n              <img src={this.imageSrc} alt={this.imageAlt} class=\"spw-tile__image\" />\n            </Fragment>\n          )}\n          <div class=\"spw-tile__content\">\n            <slot></slot>\n            {this.href && this.variant === 'big' && (\n              <span class=\"spw-tile__button\">\n                <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n              </span>\n            )}\n          </div>\n        </TagType>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/spw-tooltip.entry.js

@@ -131,7 +131,7 @@ const SpwTooltip = class {
         };
     }
     render() {
-        return (h("div", { key: '40dd977476a6f901f5bb52d931e024a1b977fa56', class: this.classes, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip }, h("slot", { key: 'e0e73617f39e74a4ae0bdb28b69aad96a06a2743' })));
+        return (h("div", { key: '49685f7f0a4bd8a9edd55b3a58e2ce59b619a46a', class: this.classes, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip }, h("slot", { key: '6064881ab4112452d0b3ff0fbbdc8a2d76de67d1' })));
     }
     get host() { return getElement(this); }
 };