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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spw-ds/spw-stencil-library",
-  "version": "1.2.8",
+  "version": "1.3.0",
   "description": "Design System du SPW. Librairie Stencil.",
   "readme": "../../README.md",
   "main": "dist/index.cjs.js",

package/dist/components/p-C0WZ0I4N.js.map

@@ -1 +0,0 @@
-{"file":"p-C0WZ0I4N.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-pagination/spw-pagination.scss?tag=spw-pagination&encapsulation=shadow","src/components/spw-pagination/spw-pagination.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n%button {\n  text-align: center;\n  line-height: 32px;\n  font-weight: 700;\n  border-radius: 32px;\n  font-size: 14px;\n  min-width: 32px;\n  height: 32px;\n  &:focus-visible {\n    outline: 3px solid white;\n    outline-offset: -1px;\n    box-shadow: 0 0 0 5px black;\n  }\n}\n\n.spw-pagination {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  @include breakpoint(md) {\n    align-items: flex-start;\n  }\n\n  ul {\n    display: flex;\n    align-items: center;\n    padding: 0;\n  }\n\n  &__item {\n    margin-right: 12px;\n    spw-icon {\n      font-size: 18px;\n    }\n    button {\n      padding: 0 6px;\n      margin: 0;\n      border: none;\n      cursor: pointer;\n      color: var(--spw-color-themes-grey-grey-900);\n      background: none;\n      @extend %button;\n    }\n\n    &:not(.spw-pagination__item--active, .spw-pagination__item--dots, .spw-pagination__item--disabled):hover {\n      button {\n        background: var(--spw-color-themes-grey-grey-200);\n      }\n    }\n\n    &:not(.spw-pagination__item--active, .spw-pagination__item--dots, .spw-pagination__item--disabled):active {\n      button {\n        background: var(--spw-color-themes-grey-grey-300);\n      }\n    }\n\n    &--arrow {\n      button {\n        padding: 0 12px;\n        display: flex;\n        gap: 8px;\n        align-items: center;\n        text-decoration: underline;\n        &:hover {\n          text-decoration: none;\n        }\n      }\n    }\n\n    &--dots {\n      position: relative;\n      top: 3px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      cursor: default;\n      background: none;\n      color: var(--spw-color-themes-grey-grey-400);\n      @extend %button;\n      spw-icon {\n        font-size: 16px;\n      }\n    }\n\n    &--desktop {\n      display: none;\n      @include breakpoint(md) {\n        display: inline-block;\n      }\n    }\n\n    &--active {\n      button {\n        color: white;\n        background: var(--spw-ds-primary);\n      }\n    }\n  }\n\n  &__input {\n    spw-text-field {\n      width: 36px;\n      --spw-input-height: 32px;\n      --spw-input-padding: 0 4px;\n      --spw-input-text-align: center;\n      --spw-input-font-size: 14px;\n    }\n  }\n\n  &__mobile-arrows {\n    margin-top: 12px;\n    @include breakpoint(md) {\n      display: none !important;\n    }\n  }\n\n  &__total-pages {\n    font-size: 14px;\n    margin: 0 12px 0 6px;\n  }\n}\n","import { Component, Fragment, Prop, Host, h, Event, EventEmitter, Watch, State, Method } from '@stencil/core';\n\n@Component({\n  tag: 'spw-pagination',\n  styleUrl: 'spw-pagination.scss',\n  shadow: true,\n})\nexport class SpwPagination {\n  /** Nombre total d'éléments à paginer */\n  @Prop() totalItems: number;\n  /** Nombre d'éléments à afficher par page */\n  @Prop() itemsPerPage: number;\n  /** Indique si la pagination est désactivée */\n  @Prop() isDisabled: boolean = false;\n  /** Type de variante de la pagination : 'numbers' ou 'input' */\n  @Prop() variant: 'numbers' | 'input' = 'numbers';\n  /** Page actuellement sélectionnée, mutable */\n  @Prop({ mutable: true }) currentPage: number = 1;\n\n  /** Événement émis lorsque la page est changée, renvoie le numéro de la nouvelle page */\n  @Event() pageChanged: EventEmitter<number>;\n\n  private totalPages: number;\n  @State() inputPageValue: string = '';\n  @State() isMobile: boolean = window.innerWidth < 800;\n  private debounceTimer: any;\n\n  componentWillLoad() {\n    this.calculateTotalPages();\n    this.inputPageValue = this.currentPage.toString();\n    window.addEventListener('resize', this.updateIsMobile);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.updateIsMobile);\n  }\n\n  private updateIsMobile = () => {\n    this.isMobile = window.innerWidth < 800;\n  };\n\n  @Watch('totalItems')\n  @Watch('itemsPerPage')\n  @Watch('currentPage')\n  calculateTotalPages() {\n    this.totalPages = Math.ceil(this.totalItems / this.itemsPerPage);\n  }\n\n  @Watch('itemsPerPage')\n  onItemsPerPageChange() {\n    this.currentPage = 1;\n    this.inputPageValue = '1';\n    this.pageChanged.emit(this.currentPage);\n  }\n\n  @Watch('totalItems')\n  onTotalItemsChange() {\n    const newTotalPages = Math.ceil(this.totalItems / this.itemsPerPage);\n    if (this.currentPage > newTotalPages || this.currentPage === 0) {\n      this.currentPage = 1;\n      this.inputPageValue = '1';\n      this.pageChanged.emit(this.currentPage);\n    }\n  }\n\n  /** Méthode publique pour définir la page courante */\n  @Method()\n  async setPage(page: number): Promise<void> {\n    this.goToPage(page);\n  }\n\n  private goToPage(page: number) {\n    if (page !== this.currentPage && !this.isDisabled && page >= 1 && page <= this.totalPages) {\n      this.currentPage = page;\n      this.inputPageValue = this.currentPage.toString();\n      this.pageChanged.emit(this.currentPage);\n    }\n  }\n\n  private handleInputChange(event: Event) {\n    const inputValue = (event.target as HTMLInputElement).value;\n    this.inputPageValue = inputValue;\n    const page = parseInt(inputValue, 10);\n\n    if (!isNaN(page) && page >= 1 && page <= this.totalPages) {\n      clearTimeout(this.debounceTimer);\n      this.debounceTimer = setTimeout(() => {\n        this.goToPage(page);\n      }, 500);\n    }\n  }\n\n  private getPaginationClass() {\n    const pages = this.calculatePageRange();\n    const ellipsisCount = pages.filter(({ page }) => page === '...').length;\n    const hasEllipsisStart = ellipsisCount > 0 && pages[1]?.page === '...';\n    const hasEllipsisEnd = ellipsisCount > 0 && pages[pages.length - 2]?.page === '...';\n\n    let paginationClass = `spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;\n\n    if (ellipsisCount === 2) {\n      paginationClass += ' spw-pagination--double-ellipsis';\n    } else if (hasEllipsisStart) {\n      paginationClass += ' spw-pagination--ellipsis-start';\n    } else if (hasEllipsisEnd) {\n      paginationClass += ' spw-pagination--ellipsis-end';\n    }\n\n    return paginationClass;\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter') {\n      const page = parseInt(this.inputPageValue, 10);\n      if (!isNaN(page)) {\n        this.goToPage(page);\n      }\n    }\n  }\n\n  private calculatePageRange() {\n    const pages = [];\n    const { currentPage, totalPages, isMobile } = this;\n\n    if (isMobile) {\n      // Mode mobile\n      if (totalPages <= 5) {\n        for (let i = 1; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--small-range' });\n        }\n      } else if (currentPage <= 3) {\n        for (let i = 1; i <= 3; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--start-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      } else if (currentPage >= totalPages - 2) {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = totalPages - 2; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--end-range' });\n        }\n      } else {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = currentPage - 1; i <= currentPage + 1; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--middle-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      }\n    } else {\n      // Mode desktop\n      if (totalPages <= 7) {\n        for (let i = 1; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--small-range' });\n        }\n      } else if (currentPage <= 4) {\n        for (let i = 1; i <= 4; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--start-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      } else if (currentPage >= totalPages - 3) {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = totalPages - 3; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--end-range' });\n        }\n      } else {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = currentPage - 2; i <= currentPage + 2; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--middle-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      }\n    }\n\n    return pages;\n  }\n\n  render() {\n    const pages = this.calculatePageRange();\n    const showPrevArrow = this.currentPage > 1;\n    const showNextArrow = this.currentPage < this.totalPages;\n\n    const prevArrow = showPrevArrow && (\n      <li class=\"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage - 1)}>\n          <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span class=\"spw-pagination__item-arrow-text\">Précédent</span>\n        </button>\n      </li>\n    );\n\n    const nextArrow = showNextArrow && (\n      <li class=\"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage + 1)}>\n          <span class=\"spw-pagination__item-arrow-text\">Suivant</span> <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n        </button>\n      </li>\n    );\n\n    const prevArrowMobile = this.currentPage > 1 && (\n      <li class=\"spw-pagination__item spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage - 1)}>\n          <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>Précédent</span>\n        </button>\n      </li>\n    );\n\n    const nextArrowMobile = this.currentPage < this.totalPages && (\n      <li class=\"spw-pagination__item spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage + 1)} disabled={this.currentPage >= this.totalPages}>\n          <span>Suivant</span> <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n        </button>\n      </li>\n    );\n\n    const mobileArrows = (\n      <ul class=\"spw-pagination__mobile-arrows\">\n        {prevArrowMobile}\n        {nextArrowMobile}\n      </ul>\n    );\n\n    return (\n      <Host>\n        <div class={this.getPaginationClass()}>\n          {this.variant === 'input' && (\n            <Fragment>\n              <ul>\n                {prevArrow}\n                <li class=\"spw-pagination__input\">\n                  <spw-text-field\n                    value={this.inputPageValue}\n                    type=\"text\"\n                    onInput={event => this.handleInputChange(event)}\n                    onKeyDown={event => this.handleKeyDown(event)}\n                    disabled={this.isDisabled}\n                  ></spw-text-field>\n                </li>\n                <li class=\"spw-pagination__total-pages\">sur {this.totalPages} pages</li>\n                {nextArrow}\n              </ul>\n              {mobileArrows}\n            </Fragment>\n          )}\n          {this.variant === 'numbers' && (\n            <Fragment>\n              <ul>\n                {prevArrow}\n\n                {pages.map(({ page, class: pageClass }) => {\n                  if (page === '...') {\n                    return (\n                      <li class={`spw-pagination__item spw-pagination__item--dots ${pageClass}`}>\n                        <spw-icon icon=\"fa-ellipsis\"></spw-icon>\n                      </li>\n                    );\n                  }\n\n                  return (\n                    <li\n                      class={{\n                        'spw-pagination__item': true,\n                        'spw-pagination__item--active': page === this.currentPage,\n                        [pageClass]: true,\n                      }}\n                    >\n                      <button onClick={() => this.goToPage(page as number)} disabled={page === this.currentPage}>\n                        {page}\n                      </button>\n                    </li>\n                  );\n                })}\n\n                {nextArrow}\n              </ul>\n              {mobileArrows}\n            </Fragment>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-Cftdq5ca.js.map

@@ -1 +0,0 @@
-{"file":"p-Cftdq5ca.js","mappings":";;;AAAA,MAAM,oBAAoB,GAAG,64GAA64G;;MCO75G,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;AAL9B,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAG,CAAA,GAAA,GAAsC,IAAI;AAyBtD;IArBC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG;QACxB,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,GAAG,CAAA,CAAA,UAAA,EAAA,EAAU,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,CAAa,GAAG,IAAI;AAC7E,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACvC,CAAA,CAAC,OAAO,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,aAAa,EAAA,EACzB,WAAW,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EAAE,WAAW,CAAO,EAC5D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACE,EACV,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACxC,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,iBAAiB,EAAA,CAAY,CACvC,CACH,CACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-accordion/spw-accordion-title/spw-accordion-title.scss?tag=spw-accordion-title&encapsulation=shadow","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-accordion-title {\n  padding: var(--spw-spacings-spacing-lg);\n  font-weight: 700;\n  transition: all 0.3s;\n  color: var(--spw-color-themes-grey-grey-900);\n\n  &:hover {\n    color: var(--spw-ds-primary);\n    :host(.--collapsed) & {\n      // background: var(--spw-color-themes-grey-grey-100);\n    }\n  }\n}\n\n:host-context(.spw-accordion-item:hover) > .spw-accordion-title {\n  color: var(--spw-ds-primary);\n}\n\n.spw-accordion-title__content {\n  position: relative;\n  padding-right: var(--spw-spacings-spacing-3-xl);\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: 16px;\n  }\n}\n\n.spw-accordion-title__trigger {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%) rotate(180deg);\n  transition: all 0.3s;\n\n  :host(.--collapsed) & {\n    transform: translateY(-50%) rotate(0deg);\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-title',\n  styleUrl: 'spw-accordion-title.scss',\n  shadow: true,\n})\nexport class SpwAccordionTitle {\n  /** Tag html du titre de l'accordéon (de h1 à h6) */\n  @Prop() tag?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h3';\n  /** Si spécifié, place une icône à gauche du titre */\n  @Prop() icon?: string;\n\n  render() {\n    const TagType = this.tag;\n    const iconElement = this.icon ? <spw-icon icon={this.icon}></spw-icon> : null;\n    return (\n      <Host>\n        <div class=\"spw-accordion-title\">\n          <div class=\"spw-accordion-title__content\">\n            <TagType class=\"spw-tw-flex\">\n              {iconElement && <div class=\"spw-tw-mr-3\">{iconElement}</div>}\n              <div>\n                <slot></slot>\n              </div>\n            </TagType>\n            <span class=\"spw-accordion-title__trigger\">\n              <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n            </span>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-JncqUnd1.js.map

@@ -1 +0,0 @@
-{"file":"p-JncqUnd1.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-accordion/spw-accordion-content/spw-accordion-content.scss?tag=spw-accordion-content&encapsulation=shadow","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.tsx"],"sourcesContent":[".spw-accordion-content {\n  line-height: 1.5;\n  font-weight: 400;\n  overflow: hidden;\n  color: var(--spw-color-themes-grey-grey-800);\n  transition: all 0.25s ease-in;\n\n  :host(.--collapsed) & {\n    max-height: 0 !important;\n  }\n\n  &--is-opened {\n    max-height: 100% !important;\n  }\n\n  &__inner {\n    padding: 0 var(--spw-spacings-spacing-lg);\n    margin-bottom: var(--spw-spacings-spacing-lg);\n  }\n}\n","import { Component, h, Element, Listen, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-content',\n  styleUrl: 'spw-accordion-content.scss',\n  shadow: true,\n})\nexport class SpwAccordionContent {\n  @Element() el: HTMLSpwAccordionContentElement;\n  private contentElement: HTMLElement;\n\n  @State() isOpened: boolean = false;\n\n  componentDidLoad() {\n    this.assignItemId();\n    this.updateHeight();\n    window.addEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.addEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.removeEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  private assignItemId() {\n    const parent = this.el.closest('spw-accordion-item');\n    if (parent) {\n      const itemId = parent.getAttribute('data-accordion-id');\n      if (itemId) {\n        this.el.setAttribute('data-accordion-id', itemId);\n      }\n    }\n  }\n\n  @Listen('accordionToggle', { target: 'document' })\n  handleAccordionToggle(event: CustomEvent<{ isOpen: boolean; id: string }>) {\n    const itemId = this.el.getAttribute('data-accordion-id');\n    if (event.detail.id === itemId) {\n      this.isOpened = event.detail.isOpen;\n      this.updateHeight();\n    }\n  }\n\n  private handleResize() {\n    this.updateHeight();\n    setTimeout(() => {\n      this.updateHeight();\n    }, 300);\n  }\n\n  private handleTransitionEnd(event: TransitionEvent) {\n    if (event.propertyName === 'max-height') {\n      if (this.isOpened) {\n        this.contentElement.classList.add('spw-accordion-content--is-opened');\n      } else {\n        this.contentElement.classList.remove('spw-accordion-content--is-opened');\n      }\n    }\n  }\n\n  private updateHeight() {\n    requestAnimationFrame(() => {\n      const content = this.contentElement;\n      if (this.isOpened) {\n        const scrollHeight = content.scrollHeight;\n        content.style.maxHeight = `${scrollHeight}px`;\n      } else {\n        content.style.maxHeight = '0px';\n      }\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"spw-accordion-content\" ref={el => (this.contentElement = el)} data-accordion-id={this.el.getAttribute('data-accordion-id')}>\n        <div class=\"spw-accordion-content__inner\">\n          <slot onSlotchange={() => this.updateHeight()}></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/spw-stencil-library/p-06ec3521.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwFooterLinkCss","SpwFooterLink","constructor","hostRef","this","target","render","h","key","href","class"],"sources":["src/components/spw-footer/spw-footer-link/spw-footer-link.scss?tag=spw-footer-link&encapsulation=shadow","src/components/spw-footer/spw-footer-link/spw-footer-link.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-footer-link {\n  text-decoration: none;\n  color: var(--spw-ds-white);\n  font-size: 16px;\n  &:hover {\n    color: var(--spw-colors-support-grey-grey-500);\n  }\n  &:active {\n    text-decoration: underline;\n  }\n  &:focus-visible {\n    outline: 3px solid white;\n    outline-offset: 0;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-footer-link',\n  styleUrl: 'spw-footer-link.scss',\n  shadow: true,\n})\nexport class SpwFooterLink {\n  /** Définit le chemin du lien */\n  @Prop() href: string;\n  /** Définit le target du lien */\n  @Prop() target?: string = '_self';\n\n  render() {\n    return (\n      <a href={this.href} target={this.target} class=\"spw-footer-link\">\n        <slot></slot>\n      </a>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAmB,01F,MCOZC,EAAa,MAL1B,WAAAC,CAAAC,G,UASUC,KAAMC,OAAY,OAS3B,CAPC,MAAAC,GACE,OACEC,EAAG,KAAAC,IAAA,2CAAAC,KAAML,KAAKK,KAAMJ,OAAQD,KAAKC,OAAQK,MAAM,mBAC7CH,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/spw-stencil-library/p-1df14251.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,F as i,H as s,g as n}from"./p-CvfVJV8a.js";const o="/*! 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 a=class{constructor(t){e(this,t);this.variant="light";this.height="landscape";this.target="_self";this.imageAlt=""}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const e=`--${this.variant}`;const t=this.el.querySelector("spw-tile-title");const i=this.el.querySelector("spw-tile-description");t&&t.classList.add(e);i&&i.classList.add(e)}))}get elementClass(){return{"spw-tile":true,"spw-tile--hoverable":!!this.href,[`spw-tile--${this.variant}`]:true,[`spw-tile--height-${this.height}`]:true}}onMouseEnter(){this.setHovered(true)}onMouseLeave(){this.setHovered(false)}setHovered(e){const t=this.el.querySelector("spw-tile-title");if(t&&this.href){t.classList.toggle("--hovered",e)}}render(){const{href:e,target:n}=this;const o=this.href===undefined?"div":"a";const a=o==="div"?{}:{href:e,target:n};return t(s,{key:"338dda7d242b1b8362986dc813152c8c6c47ebaf"},t(o,Object.assign({key:"bc6b20ca774311fa7d8d361d8c762544deac3fb6"},a,{class:this.elementClass}),this.imageSrc&&(this.variant==="big"||this.variant==="light")&&t(i,{key:"20af3cb1d509bded493c3deba466cb5692355eda"},t("div",{key:"8b03ccab7fde6e13c1102799d2b80377cb7a5891",class:"spw-tile__overlay"}),t("img",{key:"78fa7ddb619c817fefb2cdcfbd8e2e71065dcaeb",src:this.imageSrc,alt:this.imageAlt,class:"spw-tile__image"})),t("div",{key:"a92bccd77f414934aec82a1f0e452c4b94d52529",class:"spw-tile__content"},t("slot",{key:"f04f21ee124030bbce5ee2179d1359068c759faa"}),this.href&&this.variant==="big"&&t("span",{key:"d1ebfe84cf12f973ef677ceae4d9e0eb69e56e38",class:"spw-tile__button"},t("spw-icon",{key:"671f25bd05ebea1962877ab37b981421983aef24",icon:"fa-chevron-right"})))))}get el(){return n(this)}};a.style=o;export{a as spw_tile};
-//# sourceMappingURL=p-1df14251.entry.js.map

package/dist/spw-stencil-library/p-1df14251.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwTileCss","SpwTile","constructor","hostRef","this","variant","height","target","imageAlt","componentWillLoad","applyVariantToChildren","slotChanged","requestAnimationFrame","variantClass","titleElement","el","querySelector","descriptionElement","classList","add","elementClass","href","onMouseEnter","setHovered","onMouseLeave","isHovered","toggle","render","TagType","undefined","attrs","h","Host","key","Object","assign","class","imageSrc","Fragment","src","alt","icon"],"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"],"mappings":"gEAAA,MAAMA,EAAa,ooJ,MCONC,EAAO,MALpB,WAAAC,CAAAC,G,UASUC,KAAOC,QAA8B,QAErCD,KAAME,OAAyC,YAI/CF,KAAMG,OAAW,QAIjBH,KAAQI,SAAY,EA+E7B,CA7EC,iBAAAC,GACEL,KAAKM,wB,CAIP,WAAAC,GACEP,KAAKM,wB,CAGC,sBAAAA,GACNE,uBAAsB,KACpB,MAAMC,EAAe,KAAKT,KAAKC,UAC/B,MAAMS,EAAeV,KAAKW,GAAGC,cAAc,kBAC3C,MAAMC,EAAqBb,KAAKW,GAAGC,cAAc,wBAEjDF,GAAgBA,EAAaI,UAAUC,IAAIN,GAC3CI,GAAsBA,EAAmBC,UAAUC,IAAIN,EAAa,G,CAIxE,gBAAYO,GACV,MAAO,CACL,WAAY,KACZ,wBAAyBhB,KAAKiB,KAC9B,CAAC,aAAajB,KAAKC,WAAY,KAC/B,CAAC,oBAAoBD,KAAKE,UAAW,K,CAKzC,YAAAgB,GACElB,KAAKmB,WAAW,K,CAIlB,YAAAC,GACEpB,KAAKmB,WAAW,M,CAGV,UAAAA,CAAWE,GACjB,MAAMX,EAAeV,KAAKW,GAAGC,cAAc,kBAC3C,GAAIF,GAAgBV,KAAKiB,KAAM,CAC7BP,EAAaI,UAAUQ,OAAO,YAAaD,E,EAI/C,MAAAE,GACE,MAAMN,KAAEA,EAAId,OAAEA,GAAWH,KACzB,MAAMwB,EAAUxB,KAAKiB,OAASQ,UAAY,MAAQ,IAClD,MAAMC,EACJF,IAAY,MACR,GACA,CACEP,OACAd,UAER,OACEwB,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAACH,EAAOM,OAAAC,OAAA,CAAAF,IAAA,4CAAKH,EAAK,CAAEM,MAAOhC,KAAKgB,eAC7BhB,KAAKiC,WAAajC,KAAKC,UAAY,OAASD,KAAKC,UAAY,UAC5D0B,EAACO,EAAQ,CAAAL,IAAA,4CACPF,EAAK,OAAAE,IAAA,2CAAAG,MAAM,sBACXL,EAAA,OAAAE,IAAA,2CAAKM,IAAKnC,KAAKiC,SAAUG,IAAKpC,KAAKI,SAAU4B,MAAM,qBAGvDL,EAAK,OAAAE,IAAA,2CAAAG,MAAM,qBACTL,EAAa,QAAAE,IAAA,6CACZ7B,KAAKiB,MAAQjB,KAAKC,UAAY,OAC7B0B,EAAM,QAAAE,IAAA,2CAAAG,MAAM,oBACVL,EAAU,YAAAE,IAAA,2CAAAQ,KAAK,wB","ignoreList":[]}

package/dist/spw-stencil-library/p-2e612e2c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwSocialsCss","SpwSocials","constructor","hostRef","this","mainTitle","render","h","Host","key","class"],"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"],"mappings":"kDAAA,MAAMA,EAAgB,mvG,MCOTC,EAAU,MALvB,WAAAC,CAAAC,G,UAOUC,KAASC,UAAW,iBAgB7B,CAdC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAK,OAAAE,IAAA,2CAAAC,MAAM,eACTH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,oBACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,sBAAsBN,KAAKC,WACrCE,EAAK,OAAAE,IAAA,2CAAAC,MAAM,wBACTH,EAAA,QAAAE,IAAA,gD","ignoreList":[]}

package/dist/spw-stencil-library/p-2e6612dd.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,H as a,g as o}from"./p-CvfVJV8a.js";const n='/*! 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;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}@media (min-width:1024px){:host{display:contents;width:auto}}.spw-header-navigation-item{background:#fff;color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-weight:700}@media (max-width:1023px){.spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary)!important}}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){font-size:20px;padding:24px 16px;position:relative}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{background:var(--spw-colors-support-grey-grey-300);content:"";height:1px;left:16px;position:absolute;top:0;width:calc(100% - 32px)}@media (min-width:1024px){:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){border-bottom:0;font-size:16px;padding:20px 16px}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{background:var(--spw-ds-primary);bottom:0;content:"";height:3px;left:16px;position:absolute;top:auto;width:0}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){margin-left:16px;opacity:1;pointer-events:auto;top:100%;transition:opacity .1s ease-in}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a){color:var(--spw-ds-primary)!important}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a):before{width:calc(100% - 32px)}}:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f054";font-family:var(--spw-ds-font-icons-solid);font-size:18px}@media (min-width:1024px){:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f078";font-size:14px}}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:10}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}@media (min-width:1024px){:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f078"}:host([data-level="2"]) .spw-header-navigation-item{position:relative}}:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){font-size:18px;font-weight:400;padding:12px 16px}@media (min-width:1024px){:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:700;padding:20px}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){left:100%;opacity:1;pointer-events:auto;top:0;transition:opacity .1s ease-in;z-index:38}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a){background:var(--spw-colors-support-grey-grey-100);color:var(--spw-ds-primary)!important}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a):before{display:none}}:host([data-level="2"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f054";font-family:var(--spw-ds-font-icons-solid);font-weight:700}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:11}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:400;padding:12px 16px}@media (min-width:1024px){:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:700;padding:20px}:host([data-level="3"]) .spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary)!important}}:host([data-level="3"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:12}.spw-header-navigation-item--is-active ::slotted(a){color:var(--spw-ds-primary)!important}.spw-header-navigation-item ::slotted(a){align-items:center;color:inherit;display:inline-flex;gap:8px;justify-content:space-between;padding:16px 0;position:relative;text-decoration:none;width:100%}@media (min-width:1024px){.spw-header-navigation-item ::slotted(a){padding:16px}.spw-header-navigation-item ::slotted(a):before{background:var(--spw-ds-primary);bottom:0;content:"";height:5px;left:16px;position:absolute;transition:width .2s ease-in;width:0}}.spw-header-navigation-item ::slotted(a:focus-visible){box-shadow:0 0 0 3px #000;outline:3px solid #fff;outline-offset:-3px}.spw-header-navigation-item ::slotted(a:active){color:var(--spw-ds-primary)!important}.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:none;opacity:0}@media (min-width:1024px){.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){box-shadow:var(--spw-effect-elevation-8);display:block;opacity:0;pointer-events:none;position:absolute;width:320px}}@media (max-width:1023px){.spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){background:#fff;display:block;left:0;margin-top:0;min-height:100%;opacity:1;overflow-y:auto;padding-top:132px;position:absolute;top:0;width:100%}}.spw-header-navigation-item__top{background:#fff;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-direction:column;height:118px;justify-content:space-between;left:16px;padding:24px 0;position:absolute;top:0;width:calc(100% - 32px);z-index:9999999}.spw-header-navigation-item__top-back{align-items:center;color:var(--spw-colors-support-grey-grey-900);display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:left;text-decoration:none}.spw-header-navigation-item__top-back span{text-decoration:underline}.spw-header-navigation-item__top-back spw-icon{font-size:18px}.spw-header-navigation-item__top-title a{color:var(--spw-colors-support-grey-grey-900);display:block;font-size:20px;font-weight:700;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:flex}@media (min-width:1024px){:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:none}}:host([data-level-visible="2"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:flex}@media (min-width:1024px){:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:none}}:host([data-level-visible="3"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:flex}@media (min-width:1024px){:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:none}.spw-header-navigation-item__top{display:none}}';const s=class{constructor(i){t(this,i);this.spwHeaderNavigationNavigate=e(this,"spwHeaderNavigationNavigate",7);this.isActive=false;this.internalIsActive=false;this.hasSubnav=false;this.level=1;this.isSubnavVisible=false;this.lastClickedLevel1Item=null;this.isMobile=window.innerWidth<1024}componentWillLoad(){this.internalIsActive=this.isActive;this.checkForSubnav();this.calculateLevel();this.updateLevelClass()}componentWillUpdate(){if(this.isActive!==this.internalIsActive){this.internalIsActive=this.isActive}this.updateLevelClass()}checkForSubnav(){const t=this.el.shadowRoot.querySelector("slot");if(t){const e=t.assignedElements({flatten:true});const i=e.some((t=>t.tagName==="SPW-HEADER-NAVIGATION-DROPDOWN"));if(i!==this.hasSubnav){this.hasSubnav=i}}}calculateLevel(){let t=1;let e=this.el.parentElement;while(e&&e.tagName!=="SPW-HEADER-NAVIGATION"){if(e.tagName==="SPW-HEADER-NAVIGATION-DROPDOWN"){t++}e=e.parentElement}this.level=t}updateLevelClass(){const t=document.documentElement;Array.from(t.classList).forEach((e=>{if(e.startsWith("spw-ds-nav-level-")){t.classList.remove(e)}}));t.classList.add(`spw-ds-nav-level-${this.level}`);this.spwHeaderNavigationNavigate.emit({level:this.level,element:this.el})}toggleSubnavVisibility(t){if(!this.isMobile)return;t.stopPropagation();if(this.hasSubnav&&!this.isSubnavVisible){const e=window.matchMedia("(max-width: 1024px)").matches;if(e){t.preventDefault()}if(this.level===1){this.lastClickedLevel1Item=this.el.innerText;document.documentElement.setAttribute("data-ds-nav-level1",this.lastClickedLevel1Item)}this.isSubnavVisible=!this.isSubnavVisible;if(this.isSubnavVisible){this.level++;this.updateLevelClass()}}}getStoredLevel1Item(){return document.documentElement.getAttribute("data-ds-nav-level1")||""}handleBackClick(t){t.stopPropagation();this.isSubnavVisible=false;if(this.level>1){this.level--;this.updateLevelClass()}this.internalIsActive=false;if(this.level===1&&!this.isSubnavVisible){this.lastClickedLevel1Item=null;document.documentElement.removeAttribute("data-ds-nav-level1")}}getPageTitle(){const t=this.el.shadowRoot.querySelector("slot");if(t){const e=t.assignedElements({flatten:true});if(e.length>0){const t=e[0];const i=t.innerText||"";const a=t.href||null;const o=t.target||null;return{title:i,link:a,target:o}}}return null}async componentDidLoad(){setTimeout((()=>{this.checkForSubnav()}),0);const t=this.el.shadowRoot.querySelector("slot");if(t){const e=new MutationObserver((()=>{this.checkForSubnav()}));e.observe(t,{childList:true,subtree:true})}}render(){const t=this.getPageTitle();const e=this.getStoredLevel1Item();const o={"spw-header-navigation-item":true,"spw-header-navigation-item--has-subnav":this.hasSubnav,"spw-header-navigation-item--is-active":this.internalIsActive,"spw-header-navigation-item--is-subnav-visible":this.isSubnavVisible};return i(a,{key:"13ff7f97c29f2c015c919a0694843da4fd3bba5a","data-level":this.level},i("li",{key:"f63388a5ddbecbae45d5f5a3e7c8465eabd9fe41",class:o},i("div",{key:"61a95d580aaa7d7e73e52f0511e53b49fc2d2084",class:"spw-header-navigation-item__content",onClick:t=>this.toggleSubnavVisibility(t)},this.isSubnavVisible&&i("div",{key:"8d0b46b303d3315da041ffa8a05824c61e294a3b",class:`spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}`},i("div",{key:"6af1d33af03f27b20b446bfbecc6f3461e7454a8",class:"spw-header-navigation-item__top-back",onClick:t=>this.handleBackClick(t)},i("spw-icon",{key:"712e1ed77a0a45793a3150d2084224279a58a0db",icon:"fa-chevron-left"})," ",i("span",{key:"b78bf26282b71867a25e35fbbf299a59ca01370b"},this.level===1?"":this.level===2?"Menu principal":e)),i("div",{key:"cd670631c58f94b8bc633e0fb3e15fa0fc0b9d5c",class:"spw-header-navigation-item__top-title"},i("a",{key:"3060cd58307f5217b2b78e93cae17c461ac30e79",href:(t===null||t===void 0?void 0:t.link)||"#",target:(t===null||t===void 0?void 0:t.target)||"_self"},(t===null||t===void 0?void 0:t.title)||""))),i("slot",{key:"7f9bb1dcc0844cb363483c96255cac86cc01d953"}))))}get el(){return o(this)}};s.style=n;export{s as spw_header_navigation_item};
-//# sourceMappingURL=p-2e6612dd.entry.js.map

package/dist/spw-stencil-library/p-2e6612dd.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwHeaderNavigationItemCss","SpwHeaderNavigationItem","constructor","hostRef","this","isActive","internalIsActive","hasSubnav","level","isSubnavVisible","lastClickedLevel1Item","isMobile","window","innerWidth","componentWillLoad","checkForSubnav","calculateLevel","updateLevelClass","componentWillUpdate","slot","el","shadowRoot","querySelector","assignedElements","flatten","some","tagName","parent","parentElement","htmlElement","document","documentElement","Array","from","classList","forEach","className","startsWith","remove","add","spwHeaderNavigationNavigate","emit","element","toggleSubnavVisibility","event","stopPropagation","isMobileScreen","matchMedia","matches","preventDefault","innerText","setAttribute","getStoredLevel1Item","getAttribute","handleBackClick","removeAttribute","getPageTitle","length","firstElement","title","link","href","target","componentDidLoad","setTimeout","mutationObserver","MutationObserver","observe","childList","subtree","render","pageTitle","storedTitle","elementClass","h","Host","key","class","onClick","icon"],"sources":["src/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.scss?tag=spw-header-navigation-item&encapsulation=shadow","src/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  @include breakpoint(lg) {\n    display: contents;\n    width: auto;\n  }\n}\n\n.spw-header-navigation-item {\n  color: var(--spw-colors-support-grey-grey-900);\n  font-size: 16px;\n  font-weight: 700;\n  background: white;\n\n  ::slotted(a:hover) {\n    @include under-breakpoint(lg) {\n      color: var(--spw-ds-primary) !important;\n    }\n  }\n\n  :host([data-level='1']) & {\n    ::slotted(a) {\n      position: relative;\n      padding: 24px 16px;\n      font-size: 20px;\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 16px;\n        width: calc(100% - 32px);\n        height: 1px;\n        background: var(--spw-colors-support-grey-grey-300);\n      }\n      @include breakpoint(lg) {\n        padding: 20px 16px;\n        font-size: 16px;\n        border-bottom: 0;\n        &:before {\n          content: '';\n          position: absolute;\n          top: auto;\n          bottom: 0;\n          left: 16px;\n          width: 0;\n          height: 3px;\n          background: var(--spw-ds-primary);\n        }\n      }\n    }\n    &:hover {\n      @include breakpoint(lg) {\n        ::slotted(spw-header-navigation-dropdown) {\n          pointer-events: auto;\n          opacity: 1;\n          top: 100%;\n          margin-left: 16px;\n          transition: opacity 0.1s ease-in;\n        }\n        ::slotted(a) {\n          color: var(--spw-ds-primary) !important;\n          &:before {\n            width: calc(100% - 32px);\n          }\n        }\n      }\n    }\n\n    &--has-subnav {\n      ::slotted(a) {\n        &:after {\n          font-family: var(--spw-ds-font-icons-solid);\n          content: '\\f054';\n          font-size: 18px;\n          @include breakpoint(lg) {\n            content: '\\f078';\n            font-size: 14px;\n          }\n        }\n      }\n    }\n\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 10;\n      }\n      ::slotted(a) {\n        &:after {\n          content: '\\f054';\n          @include breakpoint(lg) {\n            content: '\\f078';\n          }\n        }\n      }\n    }\n  }\n\n  :host([data-level='2']) & {\n    @include breakpoint(lg) {\n      position: relative;\n    }\n    ::slotted(a) {\n      padding: 12px 16px;\n      font-weight: 400;\n      font-size: 18px;\n      @include breakpoint(lg) {\n        padding: 20px;\n        font-weight: 700;\n        font-size: 16px;\n      }\n    }\n    @include breakpoint(lg) {\n      &:hover {\n        ::slotted(spw-header-navigation-dropdown) {\n          pointer-events: auto;\n          opacity: 1;\n          left: 100%;\n          top: 0;\n          transition: opacity 0.1s ease-in;\n          z-index: 38;\n        }\n        ::slotted(a) {\n          color: var(--spw-ds-primary) !important;\n          background: var(--spw-colors-support-grey-grey-100);\n          &:before {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &--has-subnav {\n      ::slotted(a) {\n        &:after {\n          font-family: var(--spw-ds-font-icons-solid);\n          content: '\\f054';\n          font-weight: 700;\n        }\n      }\n    }\n\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 11;\n      }\n      ::slotted(a) {\n        &:after {\n          content: '\\f054';\n        }\n      }\n    }\n  }\n\n  :host([data-level='3']) & {\n    ::slotted(a) {\n      padding: 12px 16px;\n      font-weight: 400;\n      font-size: 16px;\n      @include breakpoint(lg) {\n        padding: 20px;\n        font-weight: 700;\n        font-size: 16px;\n      }\n    }\n    ::slotted(a:hover) {\n      @include breakpoint(lg) {\n        color: var(--spw-ds-primary) !important;\n      }\n    }\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 12;\n      }\n    }\n  }\n\n  &--is-active {\n    ::slotted(a) {\n      color: var(--spw-ds-primary) !important;\n    }\n  }\n\n  ::slotted(a) {\n    display: inline-flex;\n    position: relative;\n    color: inherit;\n    text-decoration: none;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    width: 100%;\n    padding: 16px 0;\n    @include breakpoint(lg) {\n      padding: 16px;\n    }\n    &:before {\n      @include breakpoint(lg) {\n        content: '';\n        transition: width 0.2s ease-in;\n        bottom: 0;\n        left: 16px;\n        height: 5px;\n        width: 0;\n        position: absolute;\n        background: var(--spw-ds-primary);\n      }\n    }\n  }\n\n  ::slotted(a:focus-visible) {\n    outline: 3px solid white;\n    outline-offset: -3px;\n    box-shadow: 0 0 0 3px black;\n  }\n\n  ::slotted(a:active) {\n    color: var(--spw-ds-primary) !important;\n  }\n\n  ::slotted(spw-header-navigation-dropdown) {\n    display: none;\n    opacity: 0;\n    @include breakpoint(lg) {\n      display: block;\n      pointer-events: none;\n      opacity: 0;\n      position: absolute;\n      width: 320px;\n      box-shadow: var(--spw-effect-elevation-8);\n    }\n  }\n\n  &--is-subnav-visible {\n    ::slotted(spw-header-navigation-dropdown) {\n      @include under-breakpoint(lg) {\n        display: block;\n        opacity: 1;\n        position: absolute;\n        background: white;\n        width: 100%;\n        margin-top: 0;\n        padding-top: 132px;\n        top: 0;\n        left: 0;\n        min-height: 100%;\n        overflow-y: auto;\n      }\n    }\n  }\n}\n\n.spw-header-navigation-item__top {\n  position: absolute;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  top: 0;\n  left: 16px;\n  height: 118px;\n  z-index: 9999999;\n  width: calc(100% - 32px);\n  padding: 24px 0;\n  background: white;\n  border-bottom: 1px solid var(--spw-colors-support-grey-grey-300);\n\n  &-back {\n    gap: 8px;\n    display: flex;\n    justify-content: left;\n    align-items: center;\n    font-weight: 700;\n    font-size: 14px;\n    text-decoration: none;\n    color: var(--spw-colors-support-grey-grey-900);\n    span {\n      text-decoration: underline;\n    }\n    spw-icon {\n      font-size: 18px;\n    }\n  }\n\n  &-title {\n    a {\n      font-size: 20px;\n      font-weight: 700;\n      text-decoration: underline;\n      color: var(--spw-colors-support-grey-grey-900);\n      display: block;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &--1 {\n    :host([data-level-visible='1']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    :host([data-level-visible='2']) & {\n      display: none;\n    }\n    :host([data-level-visible='3']) & {\n      display: none;\n    }\n  }\n\n  &--2 {\n    :host([data-level-visible='1']) & {\n      display: none;\n    }\n    :host([data-level-visible='2']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    :host([data-level-visible='3']) & {\n      display: none;\n    }\n  }\n\n  &--3 {\n    :host([data-level-visible='1']) & {\n      display: none;\n    }\n    :host([data-level-visible='2']) & {\n      display: none;\n    }\n    :host([data-level-visible='3']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n  }\n\n  @include breakpoint(lg) {\n    display: none;\n  }\n}\n","import { Component, Event, EventEmitter, Host, h, Prop, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-header-navigation-item',\n  styleUrl: 'spw-header-navigation-item.scss',\n  shadow: true,\n})\nexport class SpwHeaderNavigationItem {\n  @Element() el: HTMLSpwHeaderNavigationItemElement;\n\n  /** Définit si l'élément de menu est la page courante */\n  @Prop() isActive: boolean = false;\n\n  @State() internalIsActive: boolean = false;\n  @State() hasSubnav: boolean = false;\n  @State() level: number = 1;\n  @State() isSubnavVisible: boolean = false;\n  @State() lastClickedLevel1Item: string | null = null;\n  @State() isMobile: boolean = window.innerWidth < 1024;\n\n  @Event() spwHeaderNavigationNavigate: EventEmitter<{ level: number; element: HTMLSpwHeaderNavigationItemElement }>;\n\n  componentWillLoad() {\n    this.internalIsActive = this.isActive;\n    this.checkForSubnav();\n    this.calculateLevel();\n    this.updateLevelClass();\n  }\n\n  componentWillUpdate() {\n    if (this.isActive !== this.internalIsActive) {\n      this.internalIsActive = this.isActive;\n    }\n    this.updateLevelClass();\n  }\n\n  private checkForSubnav() {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      const assignedElements = slot.assignedElements({ flatten: true });\n      const hasSubnav = assignedElements.some(el => el.tagName === 'SPW-HEADER-NAVIGATION-DROPDOWN');\n\n      if (hasSubnav !== this.hasSubnav) {\n        this.hasSubnav = hasSubnav;\n      }\n    }\n  }\n\n  private calculateLevel() {\n    let level = 1;\n    let parent = this.el.parentElement;\n\n    while (parent && parent.tagName !== 'SPW-HEADER-NAVIGATION') {\n      if (parent.tagName === 'SPW-HEADER-NAVIGATION-DROPDOWN') {\n        level++;\n      }\n      parent = parent.parentElement;\n    }\n\n    this.level = level;\n  }\n\n  private updateLevelClass() {\n    const htmlElement = document.documentElement;\n    Array.from(htmlElement.classList).forEach(className => {\n      if (className.startsWith('spw-ds-nav-level-')) {\n        htmlElement.classList.remove(className);\n      }\n    });\n    htmlElement.classList.add(`spw-ds-nav-level-${this.level}`);\n    this.spwHeaderNavigationNavigate.emit({ level: this.level, element: this.el });\n  }\n\n  private toggleSubnavVisibility(event: MouseEvent) {\n    if (!this.isMobile) return;\n\n    event.stopPropagation();\n\n    if (this.hasSubnav && !this.isSubnavVisible) {\n      const isMobileScreen = window.matchMedia('(max-width: 1024px)').matches;\n      if (isMobileScreen) {\n        event.preventDefault();\n      }\n\n      if (this.level === 1) {\n        this.lastClickedLevel1Item = this.el.innerText;\n        document.documentElement.setAttribute('data-ds-nav-level1', this.lastClickedLevel1Item);\n      }\n\n      this.isSubnavVisible = !this.isSubnavVisible;\n\n      if (this.isSubnavVisible) {\n        this.level++;\n        this.updateLevelClass();\n      }\n    }\n  }\n\n  private getStoredLevel1Item(): string {\n    return document.documentElement.getAttribute('data-ds-nav-level1') || '';\n  }\n\n  private handleBackClick(event: MouseEvent) {\n    event.stopPropagation();\n\n    this.isSubnavVisible = false;\n\n    if (this.level > 1) {\n      this.level--;\n      this.updateLevelClass();\n    }\n\n    this.internalIsActive = false;\n\n    if (this.level === 1 && !this.isSubnavVisible) {\n      this.lastClickedLevel1Item = null;\n      document.documentElement.removeAttribute('data-ds-nav-level1');\n    }\n  }\n\n  private getPageTitle(): { title: string; link: string | null; target: string | null } | null {\n    const parent = this.el.shadowRoot.querySelector('slot');\n\n    if (parent) {\n      const assignedElements = parent.assignedElements({ flatten: true }) as HTMLElement[];\n\n      if (assignedElements.length > 0) {\n        const firstElement = assignedElements[0];\n\n        const title = firstElement.innerText || '';\n        const link = (firstElement as HTMLAnchorElement).href || null;\n        const target = (firstElement as HTMLAnchorElement).target || null;\n\n        return { title, link, target };\n      }\n    }\n\n    return null;\n  }\n\n  async componentDidLoad() {\n    setTimeout(() => {\n      this.checkForSubnav();\n    }, 0);\n\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      const mutationObserver = new MutationObserver(() => {\n        this.checkForSubnav();\n      });\n\n      mutationObserver.observe(slot, { childList: true, subtree: true });\n    }\n  }\n\n  render() {\n    const pageTitle = this.getPageTitle();\n    const storedTitle = this.getStoredLevel1Item();\n\n    const elementClass = {\n      'spw-header-navigation-item': true,\n      'spw-header-navigation-item--has-subnav': this.hasSubnav,\n      'spw-header-navigation-item--is-active': this.internalIsActive,\n      'spw-header-navigation-item--is-subnav-visible': this.isSubnavVisible,\n    };\n\n    return (\n      <Host data-level={this.level}>\n        <li class={elementClass}>\n          <div class=\"spw-header-navigation-item__content\" onClick={event => this.toggleSubnavVisibility(event)}>\n            {this.isSubnavVisible && (\n              <div class={`spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}`}>\n                <div class=\"spw-header-navigation-item__top-back\" onClick={event => this.handleBackClick(event)}>\n                  <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>{this.level === 1 ? '' : this.level === 2 ? 'Menu principal' : storedTitle}</span>\n                </div>\n                <div class=\"spw-header-navigation-item__top-title\">\n                  <a href={pageTitle?.link || '#'} target={pageTitle?.target || '_self'}>\n                    {pageTitle?.title || ''}\n                  </a>\n                </div>\n              </div>\n            )}\n            <slot></slot>\n          </div>\n        </li>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/p-393aff63.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as o}from"./p-CvfVJV8a.js";const i="/*! 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-hero-content-max-width:578px;--spw-hero-ratio-picture:initial;--spw-hero-shadow: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)}}.spw-hero{box-shadow:var(--spw-hero-shadow);overflow:hidden;position:relative}.spw-hero:not(.spw-hero--maxi){border-radius:12px}.spw-hero--surface-dark{color:#fff}.spw-hero--surface-light{color:var(--spw-color-themes-grey-grey-900)}.spw-hero--grey{background:var(--spw-color-themes-grey-grey-100)}.spw-hero--white{background:#fff}.spw-hero--grey,.spw-hero--white{display:flex;flex-direction:column;gap:24px;padding:24px}@media (min-width:1024px){.spw-hero--grey,.spw-hero--white{align-items:center;flex-direction:row;padding:64px}}.spw-hero--has-picture-full{gap:0;padding:0}.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:column}@media (min-width:1024px){.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:row-reverse}}.spw-hero__container{display:flex;margin:0 auto;position:relative;z-index:3}.spw-hero--photo .spw-hero__container{padding:48px 24px}@media (min-width:1024px){.spw-hero--photo .spw-hero__container{padding:64px}}.spw-hero--has-picture-full .spw-hero__container{padding:24px}@media (min-width:1024px){.spw-hero--has-picture-full .spw-hero__container{padding:80px 60px}.spw-hero--has-picture-full.spw-hero--left .spw-hero__container{padding-left:calc(48% + 60px)}.spw-hero--has-picture-full.spw-hero--right .spw-hero__container{padding-right:calc(48% + 60px)}}.spw-hero--maxi .spw-hero__container{padding:80px 24px}@media (min-width:1024px){.spw-hero--maxi .spw-hero__container{padding:148px 24px}}.spw-hero--left .spw-hero__container{justify-content:flex-start}.spw-hero--center .spw-hero__container{justify-content:center}.spw-hero--right .spw-hero__container{justify-content:flex-end}.spw-hero__image,.spw-hero__overlay{height:100%;left:0;position:absolute;top:0;width:100%}.spw-hero__overlay{pointer-events:none;z-index:2}.spw-hero--surface-dark .spw-hero__overlay{background:var(--spw-color-themes-grey-grey-900)}.spw-hero--surface-light .spw-hero__overlay{background:#fff}.spw-hero__image-play{align-items:center;background:var(--spw-ds-primary);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:64px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:64px;z-index:2}.spw-hero__image-play:hover{transform:translate(-50%,-50%) scale(1.1)}.spw-hero__image{overflow:hidden;z-index:1}.spw-hero__image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.spw-hero--has-video .spw-hero__image{z-index:4}.spw-hero--grey .spw-hero__image,.spw-hero--white .spw-hero__image{aspect-ratio:var(--spw-hero-ratio-picture);border-radius:6px;display:block;position:relative;width:100%}@media (min-width:1024px){.spw-hero--grey .spw-hero__image,.spw-hero--white .spw-hero__image{max-width:435px}}.spw-hero--has-picture-full .spw-hero__image{aspect-ratio:var(--spw-hero-ratio-picture);border-radius:6px;display:block;position:relative;width:100%}@media (min-width:1024px){.spw-hero--has-picture-full .spw-hero__image{max-width:48%;position:absolute}}.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:1024px){.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{border-bottom-left-radius:0;border-top-left-radius:0;left:auto;right:0}}.spw-hero--has-picture-full.spw-hero--left .spw-hero__image{border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:1024px){.spw-hero--has-picture-full.spw-hero--left .spw-hero__image{border-bottom-right-radius:0;border-top-right-radius:0}}.spw-hero__content{width:100%}@media (min-width:1024px){.spw-hero__content{max-width:var(--spw-hero-content-max-width)}}.spw-hero--maxi .spw-hero__content{--spw-hero-content-max-width:784px;margin:0 auto;text-align:center}.spw-hero--photo .spw-hero__content{background-color:var(--spw-ds-white);border-radius:8px;box-shadow:var(--spw-effect-elevation-8);padding:32px}";const r=class{constructor(t){e(this,t);this.imageAlt="";this.surface="light";this.hasPictureFull=false;this.hasVideo=false;this.variant="grey";this.alignment="left";this.overlayOpacity=0;this.triggerModal=()=>{const e=document.getElementById(this.modalVideoId);if(e&&e.openModal){e.openModal()}};this.handleKeyDown=e=>{if(e.key==="Enter"){this.triggerModal()}}}get elementClass(){return{"spw-hero":true,[`spw-hero--surface-${this.surface}`]:true,[`spw-hero--has-picture-full`]:this.hasPictureFull,[`spw-hero--has-video`]:this.hasVideo,[`spw-hero--${this.variant}`]:true,[`spw-hero--${this.alignment}`]:true}}get overlayStyle(){return{opacity:`${this.overlayOpacity/100}`}}render(){return t(o,{key:"73655cdc6dee7598a6a8c4934fd0554b9b9ba647"},t("div",{key:"6d5bc064c352e73a304e44cd055c86572b59773b",class:this.elementClass},this.imageSrc&&t("div",{key:"21a3afbf2ec9db4e8477d71818fe2e4ce5eb78a2",class:"spw-hero__image"},this.hasVideo&&this.variant!=="maxi"&&this.variant!=="photo"&&t("div",{key:"299f4e2fbbdd097743edd88df0a25e1ac51bf253",class:"spw-hero__image-play",onClick:this.triggerModal,onKeyDown:this.handleKeyDown,tabIndex:0,role:"button","aria-label":"Lire la vidéo"},t("spw-icon",{key:"3462d6b50fe41c2042dbab7795c69d4cac71b02c",icon:"fa-play"})),t("img",{key:"7c686ce3de93d0ef7ca28fab1e20489de29ec200",src:this.imageSrc,alt:this.imageAlt})),t("div",{key:"892d272ae12cf2dfee59f149cadb77e251557787",class:"spw-hero__overlay",style:this.overlayStyle}),t("div",{key:"bc756dd0dce0794f79f746525296ec9453093e96",class:"spw-ds-container spw-hero__container"},t("div",{key:"8b47e537bd9b6d2fe43563d19e7d3053ce0a65d7",class:"spw-hero__content"},t("slot",{key:"b3529f6869a7108ca11983fa1eff1f788b399da3"})))))}};r.style=i;export{r as spw_hero};
-//# sourceMappingURL=p-393aff63.entry.js.map

package/dist/spw-stencil-library/p-393aff63.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwHeroCss","SpwHero","constructor","hostRef","this","imageAlt","surface","hasPictureFull","hasVideo","variant","alignment","overlayOpacity","triggerModal","modal","document","getElementById","modalVideoId","openModal","handleKeyDown","event","key","elementClass","overlayStyle","opacity","render","h","Host","class","imageSrc","onClick","onKeyDown","tabIndex","role","icon","src","alt","style"],"sources":["src/components/spw-hero/spw-hero.scss?tag=spw-hero&encapsulation=shadow","src/components/spw-hero/spw-hero.tsx"],"sourcesContent":[":host {\n  display: block;\n  --spw-hero-content-max-width: 578px;\n  --spw-hero-ratio-picture: initial;\n  --spw-hero-shadow: none;\n}\n\n.spw-hero {\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--spw-hero-shadow);\n  &:not(.spw-hero--maxi) {\n    border-radius: 12px;\n  }\n  &--surface-dark {\n    color: white;\n  }\n  &--surface-light {\n    color: var(--spw-color-themes-grey-grey-900);\n  }\n  &--grey {\n    background: var(--spw-color-themes-grey-grey-100);\n  }\n  &--white {\n    background: white;\n  }\n  &--grey,\n  &--white {\n    display: flex;\n    flex-direction: column;\n    padding: 24px;\n    gap: 24px;\n    @include breakpoint(lg) {\n      padding: 64px;\n      flex-direction: row;\n      align-items: center;\n    }\n  }\n  &--has-picture-full {\n    padding: 0;\n    gap: 0;\n  }\n  &.spw-hero--grey.spw-hero--left,\n  &.spw-hero--white.spw-hero--left {\n    flex-direction: column;\n    @include breakpoint(lg) {\n      flex-direction: row-reverse;\n    }\n  }\n  &__container {\n    display: flex;\n    position: relative;\n    margin: 0 auto;\n    z-index: 3;\n    .spw-hero--photo & {\n      padding: 48px 24px;\n      @include breakpoint(lg) {\n        padding: 64px;\n      }\n    }\n    .spw-hero--has-picture-full & {\n      padding: 24px;\n      @include breakpoint(lg) {\n        padding: 80px 60px;\n      }\n    }\n    .spw-hero--has-picture-full.spw-hero--left & {\n      @include breakpoint(lg) {\n        padding-left: calc(48% + 60px);\n      }\n    }\n    .spw-hero--has-picture-full.spw-hero--right & {\n      @include breakpoint(lg) {\n        padding-right: calc(48% + 60px);\n      }\n    }\n    .spw-hero--maxi & {\n      padding: 80px 24px;\n      @include breakpoint(lg) {\n        padding: 148px 24px;\n      }\n    }\n    .spw-hero--left & {\n      justify-content: flex-start;\n    }\n    .spw-hero--center & {\n      justify-content: center;\n    }\n    .spw-hero--right & {\n      justify-content: flex-end;\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    pointer-events: none;\n    .spw-hero--surface-dark & {\n      background: var(--spw-color-themes-grey-grey-900);\n    }\n    .spw-hero--surface-light & {\n      background: white;\n    }\n  }\n  &__image-play {\n    z-index: 2;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: var(--spw-ds-primary);\n    color: white;\n    width: 64px;\n    height: 64px;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 24px;\n    transition: all 0.3s ease;\n    cursor: pointer;\n    &:hover {\n      transform: translate(-50%, -50%) scale(1.1);\n    }\n  }\n  &__image {\n    z-index: 1;\n    overflow: hidden;\n\n    img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    .spw-hero--has-video & {\n      z-index: 4;\n    }\n    .spw-hero--white &,\n    .spw-hero--grey & {\n      display: block;\n      position: relative;\n      aspect-ratio: var(--spw-hero-ratio-picture);\n      width: 100%;\n      border-radius: 6px;\n      @include breakpoint(lg) {\n        max-width: 435px;\n      }\n    }\n    .spw-hero--has-picture-full & {\n      display: block;\n      position: relative;\n      aspect-ratio: var(--spw-hero-ratio-picture);\n      width: 100%;\n      border-radius: 6px;\n      @include breakpoint(lg) {\n        position: absolute;\n        max-width: 48%;\n      }\n    }\n    .spw-hero--has-picture-full.spw-hero--right & {\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n      @include breakpoint(lg) {\n        right: 0;\n        left: auto;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n    }\n    .spw-hero--has-picture-full.spw-hero--left & {\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n      @include breakpoint(lg) {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n  }\n  &__content {\n    width: 100%;\n    @include breakpoint(lg) {\n      max-width: var(--spw-hero-content-max-width);\n    }\n    .spw-hero--maxi & {\n      --spw-hero-content-max-width: 784px;\n      margin: 0 auto;\n      text-align: center;\n    }\n    .spw-hero--photo & {\n      padding: 32px;\n      background-color: var(--spw-ds-white);\n      border-radius: 8px;\n      box-shadow: var(--spw-effect-elevation-8);\n    }\n  }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'spw-hero',\n  styleUrl: 'spw-hero.scss',\n  shadow: true,\n})\nexport class SpwHero {\n  /** Image du hero banner */\n  @Prop() imageSrc?: string;\n  /** Texte alternatif de l'image du hero banner */\n  @Prop() imageAlt?: string = '';\n  /** Permet de choisir la surface d'arrière-plan du hero */\n  @Prop() surface?: 'dark' | 'light' = 'light';\n  /** Permet de définir l'image de gauche/droite (en fonction de l'alignement choisi) sans padding */\n  @Prop() hasPictureFull?: boolean = false;\n  /** Permet de définir un bouton play sur l'image de hero (sauf variants maxi & photo) */\n  @Prop() hasVideo?: boolean = false;\n  /** Permet de définir un id de modal à ouvrir au clic sur le bouton play */\n  @Prop() modalVideoId?: string;\n  /** Permet de choisir le variant du hero */\n  @Prop() variant?: 'grey' | 'white' | 'maxi' | 'photo' = 'grey';\n  /** Permet de choisir l'alignement du contenu */\n  @Prop() alignment?: 'left' | 'center' | 'right' = 'left';\n  /** Permet de spécifier l'opacité de l'overlay (0 à 100) */\n  @Prop() overlayOpacity?: number = 0;\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-hero': true,\n      [`spw-hero--surface-${this.surface}`]: true,\n      [`spw-hero--has-picture-full`]: this.hasPictureFull,\n      [`spw-hero--has-video`]: this.hasVideo,\n      [`spw-hero--${this.variant}`]: true,\n      [`spw-hero--${this.alignment}`]: true,\n    };\n  }\n\n  private get overlayStyle(): { [key: string]: string } {\n    return {\n      opacity: `${this.overlayOpacity! / 100}`,\n    };\n  }\n\n  private triggerModal = () => {\n    const modal = document.getElementById(this.modalVideoId) as HTMLElement & { openModal: () => Promise<void> };\n    if (modal && modal.openModal) {\n      modal.openModal();\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Enter') {\n      this.triggerModal();\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          {this.imageSrc && (\n            <div class=\"spw-hero__image\">\n              {this.hasVideo && this.variant !== 'maxi' && this.variant !== 'photo' && (\n                <div class=\"spw-hero__image-play\" onClick={this.triggerModal} onKeyDown={this.handleKeyDown} tabIndex={0} role=\"button\" aria-label=\"Lire la vidéo\">\n                  <spw-icon icon=\"fa-play\"></spw-icon>\n                </div>\n              )}\n              <img src={this.imageSrc} alt={this.imageAlt} />\n            </div>\n          )}\n          <div class=\"spw-hero__overlay\" style={this.overlayStyle}></div>\n          <div class=\"spw-ds-container spw-hero__container\">\n            <div class=\"spw-hero__content\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,4iN,MCONC,EAAO,MALpB,WAAAC,CAAAC,G,UASUC,KAAQC,SAAY,GAEpBD,KAAOE,QAAsB,QAE7BF,KAAcG,eAAa,MAE3BH,KAAQI,SAAa,MAIrBJ,KAAOK,QAAyC,OAEhDL,KAASM,UAAiC,OAE1CN,KAAcO,eAAY,EAmB1BP,KAAYQ,aAAG,KACrB,MAAMC,EAAQC,SAASC,eAAeX,KAAKY,cAC3C,GAAIH,GAASA,EAAMI,UAAW,CAC5BJ,EAAMI,W,GAIFb,KAAAc,cAAiBC,IACvB,GAAIA,EAAMC,MAAQ,QAAS,CACzBhB,KAAKQ,c,EA4BV,CAtDC,gBAAYS,GACV,MAAO,CACL,WAAY,KACZ,CAAC,qBAAqBjB,KAAKE,WAAY,KACvC,CAAC,8BAA+BF,KAAKG,eACrC,CAAC,uBAAwBH,KAAKI,SAC9B,CAAC,aAAaJ,KAAKK,WAAY,KAC/B,CAAC,aAAaL,KAAKM,aAAc,K,CAIrC,gBAAYY,GACV,MAAO,CACLC,QAAS,GAAGnB,KAAKO,eAAkB,M,CAiBvC,MAAAa,GACE,OACEC,EAACC,EAAI,CAAAN,IAAA,4CACHK,EAAA,OAAAL,IAAA,2CAAKO,MAAOvB,KAAKiB,cACdjB,KAAKwB,UACJH,EAAK,OAAAL,IAAA,2CAAAO,MAAM,mBACRvB,KAAKI,UAAYJ,KAAKK,UAAY,QAAUL,KAAKK,UAAY,SAC5DgB,EAAA,OAAAL,IAAA,2CAAKO,MAAM,uBAAuBE,QAASzB,KAAKQ,aAAckB,UAAW1B,KAAKc,cAAea,SAAU,EAAGC,KAAK,SAAQ,aAAY,iBACjIP,EAAA,YAAAL,IAAA,2CAAUa,KAAK,aAGnBR,EAAA,OAAAL,IAAA,2CAAKc,IAAK9B,KAAKwB,SAAUO,IAAK/B,KAAKC,YAGvCoB,EAAK,OAAAL,IAAA,2CAAAO,MAAM,oBAAoBS,MAAOhC,KAAKkB,eAC3CG,EAAK,OAAAL,IAAA,2CAAAO,MAAM,wCACTF,EAAK,OAAAL,IAAA,2CAAAO,MAAM,qBACTF,EAAA,QAAAL,IAAA,gD","ignoreList":[]}

package/dist/spw-stencil-library/p-54e0ff7e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwTableBodyCss","SpwTableBody","constructor","hostRef","this","isZebra","componentDidLoad","updateZebraStyles","slot","el","shadowRoot","querySelector","slottedNodes","assignedElements","flatten","rowIndex","forEach","tagName","toLowerCase","setAttribute","render","h","key","part"],"sources":["src/components/spw-table/spw-table-body/spw-table-body.scss?tag=spw-table-body&encapsulation=shadow","src/components/spw-table/spw-table-body/spw-table-body.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n","import { Component, Element, Prop, h, Method } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-body',\n  styleUrl: 'spw-table-body.scss',\n  shadow: true,\n})\nexport class SpwTableBody {\n  @Element() el: HTMLElement;\n\n  /** Si `true`, applique un style zébré aux lignes du tableau (à appliquer sur spw-table-body) */\n  @Prop({ reflect: true }) isZebra?: boolean = false;\n\n  componentDidLoad() {\n    this.updateZebraStyles();\n  }\n\n  @Method()\n  async updateZebraStyles() {\n    if (!this.isZebra) return;\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (!slot) return;\n\n    const slottedNodes = slot.assignedElements({ flatten: true });\n\n    let rowIndex = 0;\n    slottedNodes.forEach(el => {\n      if (el.tagName.toLowerCase() === 'spw-table-row') {\n        el.setAttribute('data-row-style', rowIndex % 2 === 0 ? 'even' : 'odd');\n        rowIndex++;\n      }\n    });\n  }\n\n  render() {\n    return (\n      <tbody part=\"tbody\">\n        <slot />\n      </tbody>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,glF,MCOXC,EAAY,MALzB,WAAAC,CAAAC,G,UAS2BC,KAAOC,QAAa,KA8B9C,CA5BC,gBAAAC,GACEF,KAAKG,mB,CAIP,uBAAMA,GACJ,IAAKH,KAAKC,QAAS,OACnB,MAAMG,EAAOJ,KAAKK,GAAGC,WAAWC,cAAc,QAC9C,IAAKH,EAAM,OAEX,MAAMI,EAAeJ,EAAKK,iBAAiB,CAAEC,QAAS,OAEtD,IAAIC,EAAW,EACfH,EAAaI,SAAQP,IACnB,GAAIA,EAAGQ,QAAQC,gBAAkB,gBAAiB,CAChDT,EAAGU,aAAa,iBAAkBJ,EAAW,IAAM,EAAI,OAAS,OAChEA,G,KAKN,MAAAK,GACE,OACEC,EAAA,SAAAC,IAAA,2CAAOC,KAAK,SACVF,EAAQ,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/spw-stencil-library/p-79719bbc.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i,H as e,g as s}from"./p-CvfVJV8a.js";const o='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-slider{min-height:100px;position:relative;transition:height .3s ease-in-out;width:100%}.spw-slider[style*="height: 0px"]{min-height:200px}.spw-slider__track{height:100%;overflow:hidden;position:relative;width:100%}.spw-slider__navigation{display:flex;justify-content:space-between;left:0;margin-left:-36px;padding:0 12px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(100% + 72px)}@media (min-width:1024px){.spw-slider__navigation{margin-left:0;width:100%}}.spw-slider__arrow{align-items:center;background-color:var(--spw-ds-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;pointer-events:all;transition:all .2s ease;width:40px}.spw-slider__arrow:hover:not(:disabled){transform:scale(.9)}.spw-slider__arrow:disabled{background-color:var(--spw-color-themes-grey-grey-300);box-shadow:var(--spw-effect-elevation-5);color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed}.spw-slider__arrow:focus-visible{outline:2px solid #000;outline-offset:2px}.spw-slider__dots{background:#fff;border-radius:999px;bottom:10px;box-shadow:var(--spw-effect-elevation-5);display:flex;gap:.5rem;left:50%;padding:8px;position:absolute;transform:translateX(-50%);z-index:10}.spw-slider__dot{background:var(--spw-color-themes-grey-grey-300);border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .2s ease;width:12px}.spw-slider__dot:hover{transform:scale(1.2)}.spw-slider__dot--active{background-color:var(--spw-ds-primary)}.spw-slider__dot:focus-visible{outline:2px solid #000;outline-offset:2px}';const n=class{constructor(i){t(this,i);this.showArrows=true;this.showDots=true;this.activeIndex=0;this.totalSlides=0;this.currentHeight=0;this.touchStartX=0;this.touchCurrentX=0;this.isSwiping=false;this.slides=[];this.handleSlotChange=()=>{this.updateSlides();this.scheduleHeightUpdate(50)};this.handleResize=()=>{this.scheduleHeightUpdate(50)};this.handlePrevious=()=>{if(this.activeIndex>0){this.goToSlide(this.activeIndex-1)}};this.handleNext=()=>{if(this.activeIndex<this.totalSlides-1){this.goToSlide(this.activeIndex+1)}};this.handleDotClick=t=>{this.goToSlide(t)}}componentDidLoad(){this.initializeSlider();const t=this.el.shadowRoot.querySelector("slot");if(t){t.addEventListener("slotchange",this.handleSlotChange)}window.addEventListener("resize",this.handleResize);this.setupResizeObserver()}disconnectedCallback(){var t;window.removeEventListener("resize",this.handleResize);const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(i){i.removeEventListener("slotchange",this.handleSlotChange)}if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.heightUpdateTimeout){clearTimeout(this.heightUpdateTimeout)}}initializeSlider(){this.updateSlides();this.scheduleHeightUpdate(200);this.scheduleHeightUpdate(500)}setupResizeObserver(){if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((()=>{this.scheduleHeightUpdate(50)}));this.slides.forEach((t=>{var i,e;this.resizeObserver.observe(t);const s=(e=(i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector("slot"))===null||e===void 0?void 0:e.assignedElements()[0];if(s){this.resizeObserver.observe(s);if(s.shadowRoot){const t=s.shadowRoot.firstElementChild;if(t){this.resizeObserver.observe(t)}}}}))}}scheduleHeightUpdate(t=0){if(this.heightUpdateTimeout){clearTimeout(this.heightUpdateTimeout)}this.heightUpdateTimeout=window.setTimeout((()=>{this.updateHeight()}),t)}updateSlides(){const t=this.el.shadowRoot.querySelector("slot");if(t){const i=t.assignedElements();if(this.resizeObserver){this.slides.forEach((t=>{this.resizeObserver.unobserve(t)}))}this.slides=i;this.totalSlides=this.slides.length;this.slides.forEach(((t,i)=>{t.style.transform=`translateX(${i*100}%)`}));if(this.resizeObserver){this.slides.forEach((t=>{this.resizeObserver.observe(t)}))}}}async updateHeight(){var t,i;if(this.slides[this.activeIndex]){const e=this.slides[this.activeIndex];const s=(i=(t=e.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot"))===null||i===void 0?void 0:i.assignedElements()[0];if(s){const t=s.tagName.toLowerCase();if(t.includes("-")){try{await customElements.whenDefined(t);await new Promise((t=>setTimeout(t,50)))}catch(t){}}const i=s;let e=i.offsetHeight||i.scrollHeight;if(i.shadowRoot){const t=i.shadowRoot.firstElementChild;if(t){e=t.offsetHeight||t.scrollHeight}}if(e>0){this.currentHeight=e;return}}let o=e.offsetHeight||e.scrollHeight;if(o>50){this.currentHeight=o}else{this.retryHeightCalculation(0)}}}retryHeightCalculation(t){if(t>=15)return;setTimeout((()=>{var i,e;const s=this.slides[this.activeIndex];if(!s)return;const o=(e=(i=s.shadowRoot)===null||i===void 0?void 0:i.querySelector("slot"))===null||e===void 0?void 0:e.assignedElements()[0];if(o){let t=o.offsetHeight||o.scrollHeight;if(o.shadowRoot){const i=o.shadowRoot.firstElementChild;if(i){t=i.offsetHeight||i.scrollHeight}}if(t>50){this.currentHeight=t;return}}const n=s.offsetHeight||s.scrollHeight;if(n>50){this.currentHeight=n}else{this.retryHeightCalculation(t+1)}}),100*(t+1))}goToSlide(t){if(t<0||t>=this.totalSlides)return;this.activeIndex=t;this.slides.forEach(((t,i)=>{const e=(i-this.activeIndex)*100;t.style.transition="transform 0.3s ease-in-out";t.style.transform=`translateX(${e}%)`}));this.scheduleHeightUpdate(0);this.scheduleHeightUpdate(320)}handleTouchStart(t){this.touchStartX=t.touches[0].clientX;this.touchCurrentX=this.touchStartX;this.isSwiping=true}handleTouchMove(t){if(!this.isSwiping)return;this.touchCurrentX=t.touches[0].clientX}handleTouchEnd(){if(!this.isSwiping)return;const t=this.touchStartX-this.touchCurrentX;const i=50;if(Math.abs(t)>i){if(t>0){this.handleNext()}else{this.handlePrevious()}}this.isSwiping=false;this.touchStartX=0;this.touchCurrentX=0}render(){return i(e,{key:"1d37535306dd91f0b4cb1543924ac5f7923e6799"},i("div",{key:"ef1de9ffe08830813e3f1d0fec93f01fc8bba8d7",class:"spw-slider",style:{height:`${this.currentHeight}px`}},i("div",{key:"8f928de06a559e2bd6b26af0435a638b2240132a",class:"spw-slider__track"},i("slot",{key:"46e7c68d4058d201bdbde859a9c4913cded8d0ea"})),this.showArrows&&i("div",{key:"884f3f7e6fdb839f8e7de80fff817b2b6da5e1e5",class:"spw-slider__navigation"},i("button",{key:"45437d084460d24c2173d4c19cde0bb0ae70d61e",class:"spw-slider__arrow spw-slider__arrow--prev",onClick:this.handlePrevious,disabled:this.activeIndex===0,"aria-label":"Slide précédente"},i("spw-icon",{key:"b87d43406e8adf903e29b03d674e1324c6a0c98d",icon:"fa-chevron-left"})),i("button",{key:"05fc82bc0e02002a6d7a48cb96a72a76e52b9881",class:"spw-slider__arrow spw-slider__arrow--next",onClick:this.handleNext,disabled:this.activeIndex===this.totalSlides-1,"aria-label":"Slide suivante"},i("spw-icon",{key:"7245c0d9676bbb62bacda378d11251a3f45f260c",icon:"fa-chevron-right"}))),this.showDots&&this.totalSlides>1&&i("div",{key:"b06f57c7a797604768f5dad468e26097a2f86dac",class:"spw-slider__dots"},Array.from({length:this.totalSlides},((t,e)=>i("button",{class:{"spw-slider__dot":true,"spw-slider__dot--active":e===this.activeIndex},onClick:()=>this.handleDotClick(e),"aria-label":`Aller à la slide ${e+1}`,"aria-current":e===this.activeIndex?"true":"false"}))))))}get el(){return s(this)}};n.style=o;export{n as spw_slider};
-//# sourceMappingURL=p-79719bbc.entry.js.map

package/dist/spw-stencil-library/p-79719bbc.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwSliderCss","SpwSlider","constructor","hostRef","this","showArrows","showDots","activeIndex","totalSlides","currentHeight","touchStartX","touchCurrentX","isSwiping","slides","handleSlotChange","updateSlides","scheduleHeightUpdate","handleResize","handlePrevious","goToSlide","handleNext","handleDotClick","index","componentDidLoad","initializeSlider","slotElement","el","shadowRoot","querySelector","addEventListener","window","setupResizeObserver","disconnectedCallback","removeEventListener","_a","resizeObserver","disconnect","heightUpdateTimeout","clearTimeout","ResizeObserver","forEach","slide","observe","slotContent","_b","assignedElements","shadowContent","firstElementChild","delay","setTimeout","updateHeight","newSlides","unobserve","length","style","transform","activeSlide","tagName","toLowerCase","includes","customElements","whenDefined","Promise","resolve","e","contentElement","slideHeight","offsetHeight","scrollHeight","retryHeightCalculation","attempt","retryHeight","i","offset","transition","handleTouchStart","event","touches","clientX","handleTouchMove","handleTouchEnd","diff","threshold","Math","abs","render","h","Host","key","class","height","onClick","disabled","icon","Array","from","_"],"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"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/p-8c287e51.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as i,g as n,c as o}from"./p-CvfVJV8a.js";const s="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative}: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)}}";const a=class{constructor(e){t(this,e)}render(){return e(i,{key:"580fb50f869e7eb3e2c0a53f41ad515d94cbe009"},e("div",{key:"841e8c248402008a91263ba8e11d09505ca1b71b",class:"spw-accordion"},e("slot",{key:"cbe8f77a5f9b644b7fcea364f2e1f71d0fb09108"})))}};a.style=s;const r="/*! 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;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-accordion-content{color:var(--spw-color-themes-grey-grey-800);font-weight:400;line-height:1.5;overflow:hidden;transition:all .25s ease-in}:host(.--collapsed) .spw-accordion-content{max-height:0!important}.spw-accordion-content--is-opened{max-height:100%!important}.spw-accordion-content__inner{margin-bottom:var(--spw-spacings-spacing-lg);padding:0 var(--spw-spacings-spacing-lg)}";const d=class{constructor(e){t(this,e);this.isOpened=false}componentDidLoad(){this.assignItemId();this.updateHeight();window.addEventListener("resize",this.handleResize.bind(this));this.contentElement.addEventListener("transitionend",this.handleTransitionEnd.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.handleResize.bind(this));this.contentElement.removeEventListener("transitionend",this.handleTransitionEnd.bind(this))}assignItemId(){const t=this.el.closest("spw-accordion-item");if(t){const e=t.getAttribute("data-accordion-id");if(e){this.el.setAttribute("data-accordion-id",e)}}}handleAccordionToggle(t){const e=this.el.getAttribute("data-accordion-id");if(t.detail.id===e){this.isOpened=t.detail.isOpen;this.updateHeight()}}handleResize(){this.updateHeight();setTimeout((()=>{this.updateHeight()}),300)}handleTransitionEnd(t){if(t.propertyName==="max-height"){if(this.isOpened){this.contentElement.classList.add("spw-accordion-content--is-opened")}else{this.contentElement.classList.remove("spw-accordion-content--is-opened")}}}updateHeight(){requestAnimationFrame((()=>{const t=this.contentElement;if(this.isOpened){const e=t.scrollHeight;t.style.maxHeight=`${e}px`}else{t.style.maxHeight="0px"}}))}render(){return e("div",{key:"47bc447a3bc5cd22e31a103e9223d68bb3299747",class:"spw-accordion-content",ref:t=>this.contentElement=t,"data-accordion-id":this.el.getAttribute("data-accordion-id")},e("div",{key:"850eef496b26067e7924d08d2b910d1b104b2d89",class:"spw-accordion-content__inner"},e("slot",{key:"12d15fce0069bc11dcb8d16df2c3bda4870137d3",onSlotchange:()=>this.updateHeight()})))}get el(){return n(this)}};d.style=r;const c="/*! 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-accordion-item-background:#fff;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-accordion-item{position:relative}.spw-accordion-item__content{border-bottom:1px solid var(--spw-color-themes-grey-grey-300);position:relative}.spw-accordion-item__trigger{background:var(--spw-accordion-item-background);display:block;position:sticky;text-decoration:none;top:0;z-index:10}@media (min-width:768px){.spw-accordion-item__trigger{position:relative}}.spw-accordion-item__trigger:focus-visible{box-shadow:0 0 0 2px #000;outline:2px solid #fff;outline-offset:-3px}";const p=class{constructor(e){t(this,e);this.accordionToggle=o(this,"accordionToggle",7);this.isOpen=false;this.isMobile=window.innerWidth<768;this.defaultOpen=false}componentWillLoad(){this.isOpen=this.defaultOpen;this.assignItemId();this.setupResizeListener();this.toggleClasses()}componentDidLoad(){if(this.isOpen){const t=this.el.getAttribute("data-accordion-id");this.accordionToggle.emit({isOpen:this.isOpen,id:t});this.updateFocusableElements()}}disconnectedCallback(){this.teardownResizeListener()}defaultOpenChanged(t){this.isOpen=t;this.toggleClasses();this.updateFocusableElements()}assignItemId(){const t=Array.from(this.el.parentNode.children).indexOf(this.el);this.el.setAttribute("data-accordion-id",`accordion-item-${t}`)}toggleContent(){this.isOpen=!this.isOpen;const t=this.el.getAttribute("data-accordion-id");this.accordionToggle.emit({isOpen:this.isOpen,id:t});this.updateFocusableElements();if(!this.isOpen){this.scrollToElement()}this.toggleClasses()}toggleClasses(){const t=this.el.querySelector("spw-accordion-content");const e=this.el.querySelector("spw-accordion-title");if(t){t.classList.toggle("--collapsed",!this.isOpen)}if(e){e.classList.toggle("--collapsed",!this.isOpen)}}handleClick(t){t.preventDefault();this.toggleContent()}scrollToElement(){const t=this.el.shadowRoot.querySelector(".spw-accordion-item__content");if(t&&this.isMobile){t.scrollIntoView({behavior:"smooth",block:"start"})}}updateFocusableElements(){const t=this.el.shadowRoot.querySelector('slot[name="content"]');if(!t){return}const e=t.assignedElements({flatten:true});e.forEach((t=>{const e=t.querySelectorAll("*");e.forEach((t=>{if(this.isOpen){const e=t.getAttribute("data-tabindex-original");if(e!==null){t.setAttribute("tabindex",e);t.removeAttribute("data-tabindex-original")}else{t.removeAttribute("tabindex")}}else{if(!t.hasAttribute("data-tabindex-original")){const e=t.getAttribute("tabindex");if(e!==null){t.setAttribute("data-tabindex-original",e)}else{t.setAttribute("data-tabindex-original","")}}t.setAttribute("tabindex","-1")}}))}))}setupResizeListener(){this.resizeListener=()=>{this.isMobile=window.innerWidth<768};window.addEventListener("resize",this.resizeListener)}teardownResizeListener(){if(this.resizeListener){window.removeEventListener("resize",this.resizeListener)}}get elementClass(){return{"spw-accordion-item":true,"spw-accordion-item--collapsed":!this.isOpen}}get elementChildClass(){return{"spw-accordion-item__trigger":true}}render(){return e(i,{key:"db85e50c8268f27e6c2c1bd5fb9f14ade4a5918b",class:this.elementClass},e("div",{key:"85dae7aa652686ec4e74863ea78e6a82ac0d6bc7",class:"spw-accordion-item__content"},e("a",{key:"a40ecf4340f2a6380301e786d82402af1b9ca5e2",href:"#",class:this.elementChildClass,onClick:t=>this.handleClick(t)},e("slot",{key:"aa68afc78b54f5478506449f9b914fc0429819a1",name:"title"})),e("slot",{key:"d6f6682794d136ef114bd3ff286ba01237865422",name:"content"})))}get el(){return n(this)}static get watchers(){return{defaultOpen:["defaultOpenChanged"]}}};p.style=c;const l="/*! 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-accordion-title{color:var(--spw-color-themes-grey-grey-900);font-weight:700;padding:var(--spw-spacings-spacing-lg);transition:all .3s}.spw-accordion-title:hover{color:var(--spw-ds-primary)}:host-context(.spw-accordion-item:hover)>.spw-accordion-title{color:var(--spw-ds-primary)}.spw-accordion-title__content{padding-right:var(--spw-spacings-spacing-3-xl);position:relative}.spw-accordion-title__content h2,.spw-accordion-title__content h3,.spw-accordion-title__content h4,.spw-accordion-title__content h5,.spw-accordion-title__content h6{font-size:16px}.spw-accordion-title__trigger{position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(180deg);transition:all .3s}:host(.--collapsed) .spw-accordion-title__trigger{transform:translateY(-50%) rotate(0deg)}.spw-tw-mr-3{margin-right:.75rem}.spw-tw-flex{display:flex}";const b=class{constructor(e){t(this,e);this.tag="h3"}render(){const t=this.tag;const n=this.icon?e("spw-icon",{icon:this.icon}):null;return e(i,{key:"c48130c949e4772c6b6e163b8f84b595fa7b4c51"},e("div",{key:"9ff66e56f51b8642019ba46c4b11193fb821bb44",class:"spw-accordion-title"},e("div",{key:"0bb09fdd533c01e98f4f6645338327674e41f2e9",class:"spw-accordion-title__content"},e(t,{key:"3b399be71a64a1a765b0b63e254bf1526ce35534",class:"spw-tw-flex"},n&&e("div",{key:"343ecc64661eb5d85ba408d6556a6c4e407c10d9",class:"spw-tw-mr-3"},n),e("div",{key:"13531d24356419e72af41be702865551c9794518"},e("slot",{key:"b04e6bf552232e0cccffb7ae81bbcb7f689a3f45"}))),e("span",{key:"80bc63470ca5793d423df78c313fa70330f8c302",class:"spw-accordion-title__trigger"},e("spw-icon",{key:"85b2440cdff81b927edfe25a4e3bf71e99e3c236",icon:"fa-chevron-down"})))))}};b.style=l;export{a as spw_accordion,d as spw_accordion_content,p as spw_accordion_item,b as spw_accordion_title};
-//# sourceMappingURL=p-8c287e51.entry.js.map

package/dist/spw-stencil-library/p-8c287e51.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwAccordionCss","SpwAccordion","render","h","Host","key","class","spwAccordionContentCss","SpwAccordionContent","constructor","hostRef","this","isOpened","componentDidLoad","assignItemId","updateHeight","window","addEventListener","handleResize","bind","contentElement","handleTransitionEnd","disconnectedCallback","removeEventListener","parent","el","closest","itemId","getAttribute","setAttribute","handleAccordionToggle","event","detail","id","isOpen","setTimeout","propertyName","classList","add","remove","requestAnimationFrame","content","scrollHeight","style","maxHeight","ref","onSlotchange","spwAccordionItemCss","SpwAccordionItem","isMobile","innerWidth","defaultOpen","componentWillLoad","setupResizeListener","toggleClasses","accordionToggle","emit","updateFocusableElements","teardownResizeListener","defaultOpenChanged","newValue","index","Array","from","parentNode","children","indexOf","toggleContent","scrollToElement","querySelector","titleElement","toggle","handleClick","preventDefault","element","shadowRoot","scrollIntoView","behavior","block","contentSlot","assignedElements","flatten","forEach","focusableElements","querySelectorAll","focusable","originalTabIndex","removeAttribute","hasAttribute","currentTabIndex","resizeListener","elementClass","elementChildClass","href","onClick","name","spwAccordionTitleCss","SpwAccordionTitle","tag","TagType","iconElement","icon"],"sources":["src/components/spw-accordion/spw-accordion.scss?tag=spw-accordion&encapsulation=shadow","src/components/spw-accordion/spw-accordion.tsx","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.scss?tag=spw-accordion-content&encapsulation=shadow","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.tsx","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.scss?tag=spw-accordion-item&encapsulation=shadow","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.tsx","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.scss?tag=spw-accordion-title&encapsulation=shadow","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion',\n  styleUrl: 'spw-accordion.scss',\n  shadow: true,\n})\nexport class SpwAccordion {\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-accordion\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n",".spw-accordion-content {\n  line-height: 1.5;\n  font-weight: 400;\n  overflow: hidden;\n  color: var(--spw-color-themes-grey-grey-800);\n  transition: all 0.25s ease-in;\n\n  :host(.--collapsed) & {\n    max-height: 0 !important;\n  }\n\n  &--is-opened {\n    max-height: 100% !important;\n  }\n\n  &__inner {\n    padding: 0 var(--spw-spacings-spacing-lg);\n    margin-bottom: var(--spw-spacings-spacing-lg);\n  }\n}\n","import { Component, h, Element, Listen, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-content',\n  styleUrl: 'spw-accordion-content.scss',\n  shadow: true,\n})\nexport class SpwAccordionContent {\n  @Element() el: HTMLSpwAccordionContentElement;\n  private contentElement: HTMLElement;\n\n  @State() isOpened: boolean = false;\n\n  componentDidLoad() {\n    this.assignItemId();\n    this.updateHeight();\n    window.addEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.addEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.removeEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  private assignItemId() {\n    const parent = this.el.closest('spw-accordion-item');\n    if (parent) {\n      const itemId = parent.getAttribute('data-accordion-id');\n      if (itemId) {\n        this.el.setAttribute('data-accordion-id', itemId);\n      }\n    }\n  }\n\n  @Listen('accordionToggle', { target: 'document' })\n  handleAccordionToggle(event: CustomEvent<{ isOpen: boolean; id: string }>) {\n    const itemId = this.el.getAttribute('data-accordion-id');\n    if (event.detail.id === itemId) {\n      this.isOpened = event.detail.isOpen;\n      this.updateHeight();\n    }\n  }\n\n  private handleResize() {\n    this.updateHeight();\n    setTimeout(() => {\n      this.updateHeight();\n    }, 300);\n  }\n\n  private handleTransitionEnd(event: TransitionEvent) {\n    if (event.propertyName === 'max-height') {\n      if (this.isOpened) {\n        this.contentElement.classList.add('spw-accordion-content--is-opened');\n      } else {\n        this.contentElement.classList.remove('spw-accordion-content--is-opened');\n      }\n    }\n  }\n\n  private updateHeight() {\n    requestAnimationFrame(() => {\n      const content = this.contentElement;\n      if (this.isOpened) {\n        const scrollHeight = content.scrollHeight;\n        content.style.maxHeight = `${scrollHeight}px`;\n      } else {\n        content.style.maxHeight = '0px';\n      }\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"spw-accordion-content\" ref={el => (this.contentElement = el)} data-accordion-id={this.el.getAttribute('data-accordion-id')}>\n        <div class=\"spw-accordion-content__inner\">\n          <slot onSlotchange={() => this.updateHeight()}></slot>\n        </div>\n      </div>\n    );\n  }\n}\n",":host {\n  display: block;\n  --spw-accordion-item-background: white;\n}\n\n.spw-accordion-item {\n  position: relative;\n  &__content {\n    position: relative;\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n  }\n\n  &__trigger {\n    display: block;\n    text-decoration: none;\n\n    position: sticky;\n    top: 0;\n    background: var(--spw-accordion-item-background);\n    z-index: 10;\n    @include breakpoint(md) {\n      position: relative;\n    }\n\n    &:focus-visible {\n      outline: 2px solid white;\n      outline-offset: -3px;\n      box-shadow: 0 0 0 2px black;\n    }\n  }\n}\n","import { Component, h, Host, Event, Prop, EventEmitter, Watch, State, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-item',\n  styleUrl: 'spw-accordion-item.scss',\n  shadow: true,\n})\nexport class SpwAccordionItem {\n  @State() isOpen: boolean = false;\n  @State() isMobile: boolean = window.innerWidth < 768;\n  @Element() el: HTMLSpwAccordionItemElement;\n\n  /** Transmet l'état actuel (isOpen) et l'id de l'élément */\n  @Event() accordionToggle: EventEmitter<{ isOpen: boolean; id: string }>;\n  /** Définit si l'élément est ouvert ou pas */\n  @Prop() defaultOpen: boolean = false;\n\n  private resizeListener: () => void;\n\n  componentWillLoad() {\n    this.isOpen = this.defaultOpen;\n    this.assignItemId();\n    this.setupResizeListener();\n    this.toggleClasses();\n  }\n\n  componentDidLoad() {\n    if (this.isOpen) {\n      const itemId = this.el.getAttribute('data-accordion-id');\n      this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n      this.updateFocusableElements();\n    }\n  }\n\n  disconnectedCallback() {\n    this.teardownResizeListener();\n  }\n\n  @Watch('defaultOpen')\n  defaultOpenChanged(newValue: boolean) {\n    this.isOpen = newValue;\n    this.toggleClasses();\n    this.updateFocusableElements();\n  }\n\n  private assignItemId() {\n    const index = Array.from(this.el.parentNode.children).indexOf(this.el);\n    this.el.setAttribute('data-accordion-id', `accordion-item-${index}`);\n  }\n\n  private toggleContent() {\n    this.isOpen = !this.isOpen;\n    const itemId = this.el.getAttribute('data-accordion-id');\n    this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n    this.updateFocusableElements();\n    if (!this.isOpen) {\n      this.scrollToElement();\n    }\n    this.toggleClasses();\n  }\n\n  private toggleClasses(): void {\n    const contentElement = this.el.querySelector('spw-accordion-content');\n    const titleElement = this.el.querySelector('spw-accordion-title');\n    if (contentElement) {\n      contentElement.classList.toggle('--collapsed', !this.isOpen);\n    }\n    if (titleElement) {\n      titleElement.classList.toggle('--collapsed', !this.isOpen);\n    }\n  }\n\n  private handleClick(event: MouseEvent) {\n    event.preventDefault();\n    this.toggleContent();\n  }\n\n  private scrollToElement() {\n    const element = this.el.shadowRoot.querySelector('.spw-accordion-item__content') as HTMLElement;\n    if (element && this.isMobile) {\n      element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  }\n\n  private updateFocusableElements() {\n    const contentSlot = this.el.shadowRoot.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    if (!contentSlot) {\n      return;\n    }\n\n    const assignedElements = contentSlot.assignedElements({ flatten: true }) as HTMLElement[];\n\n    assignedElements.forEach(element => {\n      const focusableElements = element.querySelectorAll<HTMLElement>('*');\n\n      focusableElements.forEach(focusable => {\n        if (this.isOpen) {\n          const originalTabIndex = focusable.getAttribute('data-tabindex-original');\n          if (originalTabIndex !== null) {\n            focusable.setAttribute('tabindex', originalTabIndex);\n            focusable.removeAttribute('data-tabindex-original');\n          } else {\n            focusable.removeAttribute('tabindex');\n          }\n        } else {\n          if (!focusable.hasAttribute('data-tabindex-original')) {\n            const currentTabIndex = focusable.getAttribute('tabindex');\n            if (currentTabIndex !== null) {\n              focusable.setAttribute('data-tabindex-original', currentTabIndex);\n            } else {\n              focusable.setAttribute('data-tabindex-original', '');\n            }\n          }\n          focusable.setAttribute('tabindex', '-1');\n        }\n      });\n    });\n  }\n\n  private setupResizeListener() {\n    this.resizeListener = () => {\n      this.isMobile = window.innerWidth < 768;\n    };\n\n    window.addEventListener('resize', this.resizeListener);\n  }\n\n  private teardownResizeListener() {\n    if (this.resizeListener) {\n      window.removeEventListener('resize', this.resizeListener);\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-accordion-item': true,\n      'spw-accordion-item--collapsed': !this.isOpen,\n    };\n  }\n\n  private get elementChildClass(): { [className: string]: boolean } {\n    return {\n      'spw-accordion-item__trigger': true,\n    };\n  }\n\n  render() {\n    return (\n      <Host class={this.elementClass}>\n        <div class=\"spw-accordion-item__content\">\n          <a href=\"#\" class={this.elementChildClass} onClick={event => this.handleClick(event)}>\n            <slot name=\"title\"></slot>\n          </a>\n          <slot name=\"content\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.spw-accordion-title {\n  padding: var(--spw-spacings-spacing-lg);\n  font-weight: 700;\n  transition: all 0.3s;\n  color: var(--spw-color-themes-grey-grey-900);\n\n  &:hover {\n    color: var(--spw-ds-primary);\n    :host(.--collapsed) & {\n      // background: var(--spw-color-themes-grey-grey-100);\n    }\n  }\n}\n\n:host-context(.spw-accordion-item:hover) > .spw-accordion-title {\n  color: var(--spw-ds-primary);\n}\n\n.spw-accordion-title__content {\n  position: relative;\n  padding-right: var(--spw-spacings-spacing-3-xl);\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: 16px;\n  }\n}\n\n.spw-accordion-title__trigger {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%) rotate(180deg);\n  transition: all 0.3s;\n\n  :host(.--collapsed) & {\n    transform: translateY(-50%) rotate(0deg);\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-title',\n  styleUrl: 'spw-accordion-title.scss',\n  shadow: true,\n})\nexport class SpwAccordionTitle {\n  /** Tag html du titre de l'accordéon (de h1 à h6) */\n  @Prop() tag?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h3';\n  /** Si spécifié, place une icône à gauche du titre */\n  @Prop() icon?: string;\n\n  render() {\n    const TagType = this.tag;\n    const iconElement = this.icon ? <spw-icon icon={this.icon}></spw-icon> : null;\n    return (\n      <Host>\n        <div class=\"spw-accordion-title\">\n          <div class=\"spw-accordion-title__content\">\n            <TagType class=\"spw-tw-flex\">\n              {iconElement && <div class=\"spw-tw-mr-3\">{iconElement}</div>}\n              <div>\n                <slot></slot>\n              </div>\n            </TagType>\n            <span class=\"spw-accordion-title__trigger\">\n              <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n            </span>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/p-92583499.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,H as s,g as o}from"./p-CvfVJV8a.js";const n="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative}: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-table-container{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white);border-radius:4px;max-height:var(--spw-table-max-height);outline:1px solid var(--spw-color-themes-grey-grey-300);outline-offset:-1px;overflow-x:auto;overflow-y:auto;position:relative;width:100%}.spw-table-container::-webkit-scrollbar{height:14px;width:14px}.spw-table-container::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border:4px solid var(--spw-ds-white);border-radius:20px}.spw-table-container::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table{border-collapse:collapse;border-radius:4px;min-width:var(--spw-table-min-width);position:relative;width:100%}.spw-table--layout-fixed{table-layout:fixed}.spw-table--layout-auto{table-layout:auto}";const r=class{constructor(i){t(this,i);this.spwSort=e(this,"spwSort",7);this.isSticky=false;this.minWidth="600";this.tableLayout="auto";this.isZebra=false;this.disableSort=false;this.checkboxChangeHandler=()=>this.updateMasterCheckboxState()}onCurrentSortChange(t){if(t){this.updateHeadersSortState(t)}}onIsStickyChange(){this.applyStickyToChildren()}componentDidLoad(){var t;this.updateZebra();this.applyStickyToChildren();const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(e){e.addEventListener("slotchange",(()=>{this.setupHeaderCheckboxListener();this.updateMasterCheckboxState();this.applyStickyToChildren()}))}this.setupHeaderCheckboxListener();this.setupBodyCheckboxListener();this.setupTableBodyObserver();setTimeout((()=>{this.updateMasterCheckboxState()}),0)}disconnectedCallback(){if(this.mutationObserver){this.mutationObserver.disconnect()}}setupTableBodyObserver(){const t=Array.from(this.el.children).find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!t)return;this.mutationObserver=new MutationObserver((()=>{this.setupBodyCheckboxListener();setTimeout((()=>{this.updateMasterCheckboxState()}),0)}));this.mutationObserver.observe(t,{childList:true,subtree:true,attributes:true,attributeFilter:["checked","disabled"]})}getMasterCheckboxColumnIndex(){var t;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(!e)return null;const i=e.assignedElements({flatten:true});const s=i.find((t=>t.tagName.toLowerCase()==="spw-table-head"));if(!s)return null;const o=s.querySelector("spw-table-row");if(!o)return null;const n=Array.from(o.querySelectorAll("spw-table-header"));for(let t=0;t<n.length;t++){if(n[t].querySelector("spw-checkbox")){return t}}return null}isCheckboxDisabled(t){return(t===null||t===void 0?void 0:t.disabled)===true||(t===null||t===void 0?void 0:t.getAttribute("disabled"))==="true"||(t===null||t===void 0?void 0:t.getAttribute("disabled"))===""}updateMasterCheckboxState(){var t;const e=this.getMasterCheckboxColumnIndex();if(e===null)return;const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");const s=i===null||i===void 0?void 0:i.assignedElements({flatten:true});if(!s)return;const o=s.find((t=>t.tagName.toLowerCase()==="spw-table-head"));const n=s.find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!o||!n)return;const r=o.querySelector("spw-table-row");const a=r===null||r===void 0?void 0:r.querySelectorAll("spw-table-header")[e];const l=a===null||a===void 0?void 0:a.querySelector("spw-checkbox");const c=n.querySelectorAll("spw-table-row");const d=Array.from(c).map((t=>{const i=t.querySelectorAll("spw-table-cell")[e];const s=i===null||i===void 0?void 0:i.querySelector("spw-checkbox");return{checked:(s===null||s===void 0?void 0:s.checked)===true||(s===null||s===void 0?void 0:s.getAttribute("checked"))==="true",disabled:this.isCheckboxDisabled(s)}}));const h=d.filter((t=>!t.disabled));if(h.length===0)return;const u=h.every((t=>t.checked));const b=h.every((t=>!t.checked));if(!l)return;if(u){l.checked=true;l.setAttribute("checked","true");l.setAttribute("icon","fa-check")}else if(b){l.checked=false;l.setAttribute("checked","false");l.setAttribute("icon","fa-check")}else{l.checked=true;l.setAttribute("checked","true");l.setAttribute("icon","fa-minus")}}setupHeaderCheckboxListener(){var t,e;const i=(e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot"))===null||e===void 0?void 0:e.assignedElements({flatten:true});if(!i)return;const s=i.find((t=>t.tagName.toLowerCase()==="spw-table-head"));if(!s)return;const o=s.querySelectorAll("spw-table-row");o.forEach((t=>{const e=t.querySelectorAll("spw-checkbox");e.forEach((t=>{t.addEventListener("spwChange",(t=>{this.toggleAllRowCheckboxes(t.detail)}))}))}))}setupBodyCheckboxListener(){const t=Array.from(this.el.children).find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!t)return;const e=t.querySelectorAll("spw-table-row");e.forEach((t=>{const e=t.querySelectorAll("spw-checkbox");e.forEach((t=>{t.removeEventListener("spwChange",this.checkboxChangeHandler);t.addEventListener("spwChange",this.checkboxChangeHandler)}))}))}toggleAllRowCheckboxes(t){var e;const i=this.getMasterCheckboxColumnIndex();if(i===null)return;const s=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot");const o=s===null||s===void 0?void 0:s.assignedElements({flatten:true});if(!o)return;const n=o.find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!n)return;const r=n.querySelectorAll("spw-table-row");r.forEach((e=>{const s=Array.from(e.querySelectorAll("spw-table-cell"));const o=s[i];const n=o===null||o===void 0?void 0:o.querySelector("spw-checkbox");if(n&&!this.isCheckboxDisabled(n)){n.checked=t;n.setAttribute("checked",t.toString())}}));setTimeout((()=>{this.updateMasterCheckboxState()}),0)}handleHeaderClick(t){const e=t.detail;const i=this.currentSort;const s={column:e,direction:(i===null||i===void 0?void 0:i.column)===e&&i.direction==="asc"?"desc":"asc"};this.currentSort=s;this.spwSort.emit(s);if(!this.disableSort){this.sortRows(s.column,s.direction)}this.updateHeadersSortState(s);this.updateZebra()}updateZebra(){const t=this.el.shadowRoot.querySelector("slot");if(!t)return;const e=t.assignedElements({flatten:true});const i=e.find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(i){if(this.isZebra){i.setAttribute("is-zebra","true")}else{i.removeAttribute("is-zebra")}if(typeof i.updateZebraStyles==="function"){i.updateZebraStyles()}}}applyStickyToChildren(){requestAnimationFrame((()=>{const t="--is-sticky";const e=this.el.querySelectorAll("spw-table-header");const i=this.el.querySelectorAll("spw-table-cell");const s=this.el.querySelector("spw-table-footer");if(this.isSticky){e.forEach((e=>e.classList.add(t)));s===null||s===void 0?void 0:s.classList.add(t)}else{e.forEach((e=>e.classList.remove(t)));i.forEach((e=>e.classList.remove(t)));s===null||s===void 0?void 0:s.classList.remove(t)}}))}sortRows(t,e){var i;const s=(i=this.el.shadowRoot.querySelector("slot"))===null||i===void 0?void 0:i.assignedElements().find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!s)return;const o=Array.from(s.querySelectorAll("spw-table-row"));const n=Array.from(this.el.querySelectorAll("spw-table-header")).findIndex((e=>e.columnId===t));if(n===-1)return;o.sort(((t,i)=>{const s=t.querySelectorAll("spw-table-cell")[n];const o=i.querySelectorAll("spw-table-cell")[n];if(!s||!o)return 0;const r=s.textContent.trim();const a=o.textContent.trim();if(!isNaN(Number(r))&&!isNaN(Number(a))){return e==="asc"?+r-+a:+a-+r}return e==="asc"?r.localeCompare(a):a.localeCompare(r)}));o.forEach((t=>s.appendChild(t)));const r=s;if(r===null||r===void 0?void 0:r.updateZebraStyles){r.updateZebraStyles()}}updateHeadersSortState(t){const e=this.el.querySelectorAll("spw-table-header");e.forEach((e=>{const i=e.columnId===t.column;e.isSorted=i;e.sortDirection=i?t.direction:undefined}))}formatSize(t){if(t===undefined||t===null){return"auto"}return`${t}px`}get elementClass(){return{"spw-table":true,"spw-table--is-sticky":this.isSticky,[`spw-table--layout-${this.tableLayout}`]:true}}render(){return i(s,{key:"7cc259ed7e17128348ebd7a6757d48b2d0114e0a",style:{"--spw-table-max-height":this.formatSize(this.maxHeight),"--spw-table-min-width":this.formatSize(this.minWidth)}},i("div",{key:"b5dac474e57841c60312f92045859a1ff0d741c7",class:"spw-table-container"},i("table",{key:"67790f5adbd07b77c80be97b03406ca6d8296d13",part:"table",class:this.elementClass,role:"table","aria-label":this.accAriaLabel},i("slot",{key:"208be3ca21332261306114673e756ca47bc0582d"}))))}get el(){return o(this)}static get watchers(){return{currentSort:["onCurrentSortChange"],isSticky:["onIsStickyChange"]}}};r.style=n;export{r as spw_table};
-//# sourceMappingURL=p-92583499.entry.js.map

package/dist/spw-stencil-library/p-92583499.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwTableCss","SpwTable","constructor","hostRef","this","isSticky","minWidth","tableLayout","isZebra","disableSort","checkboxChangeHandler","updateMasterCheckboxState","onCurrentSortChange","newSort","updateHeadersSortState","onIsStickyChange","applyStickyToChildren","componentDidLoad","updateZebra","slot","_a","el","shadowRoot","querySelector","addEventListener","setupHeaderCheckboxListener","setupBodyCheckboxListener","setupTableBodyObserver","setTimeout","disconnectedCallback","mutationObserver","disconnect","body","Array","from","children","find","tagName","toLowerCase","MutationObserver","observe","childList","subtree","attributes","attributeFilter","getMasterCheckboxColumnIndex","assignedElements","flatten","head","headerRow","headerCells","querySelectorAll","i","length","isCheckboxDisabled","checkbox","disabled","getAttribute","columnIndex","headerCell","masterCheckbox","rows","checkboxData","map","row","cell","cb","checked","enabledCheckboxes","filter","item","allChecked","every","noneChecked","setAttribute","_b","headerRows","forEach","checkboxes","event","toggleAllRowCheckboxes","detail","removeEventListener","cells","targetCell","toString","handleHeaderClick","columnId","current","currentSort","column","direction","spwSort","emit","sortRows","removeAttribute","updateZebraStyles","requestAnimationFrame","stickyClass","headers","footer","header","classList","add","remove","findIndex","sort","a","b","aCell","bCell","aValue","textContent","trim","bValue","isNaN","Number","localeCompare","appendChild","bodyComponent","isCurrent","isSorted","sortDirection","undefined","formatSize","value","elementClass","render","h","Host","key","style","maxHeight","class","part","role","accAriaLabel"],"sources":["src/components/spw-table/spw-table.scss?tag=spw-table&encapsulation=shadow","src/components/spw-table/spw-table.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n}\n\n%highlight {\n  font-weight: 700;\n  background: var(--spw-color-themes-grey-grey-100);\n}\n\n.spw-table-container {\n  width: 100%;\n  overflow-x: auto;\n  overflow-y: auto;\n  max-height: var(--spw-table-max-height);\n  border-radius: 4px;\n  outline: 1px solid var(--spw-color-themes-grey-grey-300);\n  outline-offset: -1px;\n  position: relative;\n  @include scrollbars(var(--spw-color-themes-grey-grey-400), var(--spw-ds-white));\n}\n\n.spw-table {\n  width: 100%;\n  border-collapse: collapse;\n  min-width: var(--spw-table-min-width);\n  border-radius: 4px;\n  position: relative;\n  &--layout-fixed {\n    table-layout: fixed;\n  }\n  &--layout-auto {\n    table-layout: auto;\n  }\n}\n","import { Component, Element, Event, Listen, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\n\nexport interface SortEvent {\n  column: string;\n  direction: 'asc' | 'desc';\n}\n\n@Component({\n  tag: 'spw-table',\n  styleUrl: 'spw-table.scss',\n  shadow: true,\n})\nexport class SpwTable {\n  @Element() el: HTMLSpwTableElement;\n\n  /** Propriété pour l'aria-label, à des fins d'accessibilité */\n  @Prop() accAriaLabel?: string;\n  /** Si le header du tableau doit être sticky ou non */\n  @Prop() isSticky?: boolean = false;\n  /** Si défini, apparition d'une scrollbar verticale et max-height  */\n  @Prop() maxHeight?: string;\n  /** Si défini, apparition d'une scrollbar horizontale et max-width  */\n  @Prop() minWidth?: string = '600';\n  /** Permet de définir le table-layout (auto ou fixed)  */\n  @Prop() tableLayout?: 'auto' | 'fixed' = 'auto';\n  /** Définit un background de couleur différent une ligne sur 2 */\n  @Prop() isZebra?: boolean = false;\n  /** Désactive le tri natif pour permettre l'utilisation d'une fonction de tri personnalisée */\n  @Prop() disableSort?: boolean = false;\n  /** État du tri actuel (colonne et direction). Peut être défini de l'extérieur pour un tri personnalisé */\n  @Prop({ mutable: true }) currentSort?: SortEvent;\n\n  @Event() spwSort: EventEmitter<SortEvent>;\n\n  private mutationObserver?: MutationObserver;\n\n  @Watch('currentSort')\n  onCurrentSortChange(newSort: SortEvent | undefined) {\n    if (newSort) {\n      this.updateHeadersSortState(newSort);\n    }\n  }\n\n  @Watch('isSticky')\n  onIsStickyChange() {\n    this.applyStickyToChildren();\n  }\n\n  componentDidLoad() {\n    this.updateZebra();\n    this.applyStickyToChildren();\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    if (slot) {\n      slot.addEventListener('slotchange', () => {\n        this.setupHeaderCheckboxListener();\n        this.updateMasterCheckboxState();\n        this.applyStickyToChildren();\n      });\n    }\n    this.setupHeaderCheckboxListener();\n    this.setupBodyCheckboxListener();\n    this.setupTableBodyObserver();\n    setTimeout(() => {\n      this.updateMasterCheckboxState();\n    }, 0);\n  }\n\n  disconnectedCallback() {\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n  }\n\n  private setupTableBodyObserver() {\n    const body = Array.from(this.el.children).find(el => el.tagName.toLowerCase() === 'spw-table-body');\n    if (!body) return;\n\n    this.mutationObserver = new MutationObserver(() => {\n      this.setupBodyCheckboxListener();\n      setTimeout(() => {\n        this.updateMasterCheckboxState();\n      }, 0);\n    });\n\n    this.mutationObserver.observe(body, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['checked', 'disabled'],\n    });\n  }\n\n  private getMasterCheckboxColumnIndex(): number | null {\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    if (!slot) return null;\n\n    const assignedElements = slot.assignedElements({ flatten: true }) as HTMLElement[];\n    const head = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-head');\n    if (!head) return null;\n\n    const headerRow = head.querySelector('spw-table-row');\n    if (!headerRow) return null;\n\n    const headerCells = Array.from(headerRow.querySelectorAll('spw-table-header'));\n\n    for (let i = 0; i < headerCells.length; i++) {\n      if (headerCells[i].querySelector('spw-checkbox')) {\n        return i;\n      }\n    }\n\n    return null;\n  }\n\n  private isCheckboxDisabled(checkbox: any): boolean {\n    return checkbox?.disabled === true || checkbox?.getAttribute('disabled') === 'true' || checkbox?.getAttribute('disabled') === '';\n  }\n\n  private updateMasterCheckboxState() {\n    const columnIndex = this.getMasterCheckboxColumnIndex();\n    if (columnIndex === null) return;\n\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    const assignedElements = slot?.assignedElements({ flatten: true }) as HTMLElement[] | undefined;\n    if (!assignedElements) return;\n\n    const head = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-head');\n    const body = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-body');\n    if (!head || !body) return;\n\n    const headerRow = head.querySelector('spw-table-row');\n    const headerCell = headerRow?.querySelectorAll('spw-table-header')[columnIndex];\n    const masterCheckbox = headerCell?.querySelector('spw-checkbox') as any;\n\n    const rows = body.querySelectorAll('spw-table-row');\n    const checkboxData = Array.from(rows).map(row => {\n      const cell = row.querySelectorAll('spw-table-cell')[columnIndex];\n      const cb = cell?.querySelector('spw-checkbox') as any;\n      return {\n        checked: cb?.checked === true || cb?.getAttribute('checked') === 'true',\n        disabled: this.isCheckboxDisabled(cb),\n      };\n    });\n\n    const enabledCheckboxes = checkboxData.filter(item => !item.disabled);\n\n    if (enabledCheckboxes.length === 0) return;\n\n    const allChecked = enabledCheckboxes.every(item => item.checked);\n    const noneChecked = enabledCheckboxes.every(item => !item.checked);\n\n    if (!masterCheckbox) return;\n\n    if (allChecked) {\n      masterCheckbox.checked = true;\n      masterCheckbox.setAttribute('checked', 'true');\n      masterCheckbox.setAttribute('icon', 'fa-check');\n    } else if (noneChecked) {\n      masterCheckbox.checked = false;\n      masterCheckbox.setAttribute('checked', 'false');\n      masterCheckbox.setAttribute('icon', 'fa-check');\n    } else {\n      masterCheckbox.checked = true;\n      masterCheckbox.setAttribute('checked', 'true');\n      masterCheckbox.setAttribute('icon', 'fa-minus');\n    }\n  }\n\n  private setupHeaderCheckboxListener() {\n    const assignedElements = this.el.shadowRoot?.querySelector('slot')?.assignedElements({ flatten: true }) as HTMLElement[] | undefined;\n\n    if (!assignedElements) return;\n\n    const head = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-head');\n    if (!head) return;\n\n    const headerRows = head.querySelectorAll('spw-table-row');\n\n    headerRows.forEach(row => {\n      const checkboxes = row.querySelectorAll('spw-checkbox');\n      checkboxes.forEach(cb => {\n        cb.addEventListener('spwChange', (event: CustomEvent<boolean>) => {\n          this.toggleAllRowCheckboxes(event.detail);\n        });\n      });\n    });\n  }\n\n  private checkboxChangeHandler = () => this.updateMasterCheckboxState();\n\n  private setupBodyCheckboxListener() {\n    const body = Array.from(this.el.children).find(el => el.tagName.toLowerCase() === 'spw-table-body');\n    if (!body) return;\n\n    const rows = body.querySelectorAll('spw-table-row');\n    rows.forEach(row => {\n      const checkboxes = row.querySelectorAll('spw-checkbox');\n      checkboxes.forEach(cb => {\n        cb.removeEventListener('spwChange', this.checkboxChangeHandler);\n        cb.addEventListener('spwChange', this.checkboxChangeHandler);\n      });\n    });\n  }\n\n  private toggleAllRowCheckboxes(checked: boolean) {\n    const columnIndex = this.getMasterCheckboxColumnIndex();\n    if (columnIndex === null) return;\n\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    const assignedElements = slot?.assignedElements({ flatten: true }) as HTMLElement[] | undefined;\n    if (!assignedElements) return;\n\n    const body = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-body');\n    if (!body) return;\n\n    const rows = body.querySelectorAll('spw-table-row');\n\n    rows.forEach(row => {\n      const cells = Array.from(row.querySelectorAll('spw-table-cell'));\n      const targetCell = cells[columnIndex];\n      const checkbox = targetCell?.querySelector('spw-checkbox') as any;\n\n      if (checkbox && !this.isCheckboxDisabled(checkbox)) {\n        checkbox.checked = checked;\n        checkbox.setAttribute('checked', checked.toString());\n      }\n    });\n\n    setTimeout(() => {\n      this.updateMasterCheckboxState();\n    }, 0);\n  }\n\n  @Listen('spwHeaderClick')\n  handleHeaderClick(event: CustomEvent<string>) {\n    const columnId = event.detail;\n    const current = this.currentSort;\n\n    const newSort: SortEvent = {\n      column: columnId,\n      direction: current?.column === columnId && current.direction === 'asc' ? 'desc' : 'asc',\n    };\n\n    this.currentSort = newSort;\n    this.spwSort.emit(newSort);\n\n    if (!this.disableSort) {\n      this.sortRows(newSort.column, newSort.direction);\n    }\n\n    this.updateHeadersSortState(newSort);\n    this.updateZebra();\n  }\n\n  private updateZebra() {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (!slot) return;\n\n    const assignedElements = slot.assignedElements({ flatten: true });\n    const body = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-body') as any;\n\n    if (body) {\n      if (this.isZebra) {\n        body.setAttribute('is-zebra', 'true');\n      } else {\n        body.removeAttribute('is-zebra');\n      }\n\n      if (typeof body.updateZebraStyles === 'function') {\n        body.updateZebraStyles();\n      }\n    }\n  }\n\n  private applyStickyToChildren() {\n    requestAnimationFrame(() => {\n      const stickyClass = '--is-sticky';\n      const headers = this.el.querySelectorAll('spw-table-header');\n      const cells = this.el.querySelectorAll('spw-table-cell');\n      const footer = this.el.querySelector('spw-table-footer');\n\n      if (this.isSticky) {\n        headers.forEach(header => header.classList.add(stickyClass));\n        footer?.classList.add(stickyClass);\n      } else {\n        headers.forEach(header => header.classList.remove(stickyClass));\n        cells.forEach(cell => cell.classList.remove(stickyClass));\n        footer?.classList.remove(stickyClass);\n      }\n    });\n  }\n\n  private sortRows(columnId: string, direction: 'asc' | 'desc') {\n    const body = this.el.shadowRoot\n      .querySelector('slot')\n      ?.assignedElements()\n      .find(el => el.tagName.toLowerCase() === 'spw-table-body');\n    if (!body) return;\n\n    const rows = Array.from(body.querySelectorAll('spw-table-row'));\n\n    const columnIndex = Array.from(this.el.querySelectorAll('spw-table-header')).findIndex((header: any) => header.columnId === columnId);\n    if (columnIndex === -1) return;\n\n    rows.sort((a: any, b: any) => {\n      const aCell = a.querySelectorAll('spw-table-cell')[columnIndex];\n      const bCell = b.querySelectorAll('spw-table-cell')[columnIndex];\n      if (!aCell || !bCell) return 0;\n\n      const aValue = aCell.textContent.trim();\n      const bValue = bCell.textContent.trim();\n\n      if (!isNaN(Number(aValue)) && !isNaN(Number(bValue))) {\n        return direction === 'asc' ? +aValue - +bValue : +bValue - +aValue;\n      }\n\n      return direction === 'asc' ? aValue.localeCompare(bValue) : bValue.localeCompare(aValue);\n    });\n\n    rows.forEach(row => body.appendChild(row));\n\n    const bodyComponent = body as HTMLSpwTableBodyElement;\n    if (bodyComponent?.updateZebraStyles) {\n      bodyComponent.updateZebraStyles();\n    }\n  }\n\n  private updateHeadersSortState(sort: SortEvent) {\n    const headers = this.el.querySelectorAll('spw-table-header');\n    headers.forEach((header: any) => {\n      const isCurrent = header.columnId === sort.column;\n      header.isSorted = isCurrent;\n      header.sortDirection = isCurrent ? sort.direction : undefined;\n    });\n  }\n\n  private formatSize(value?: string): string {\n    if (value === undefined || value === null) {\n      return 'auto';\n    }\n    return `${value}px`;\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-table': true,\n      'spw-table--is-sticky': this.isSticky,\n      [`spw-table--layout-${this.tableLayout}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          '--spw-table-max-height': this.formatSize(this.maxHeight),\n          '--spw-table-min-width': this.formatSize(this.minWidth),\n        }}\n      >\n        <div class=\"spw-table-container\">\n          <table part=\"table\" class={this.elementClass} role=\"table\" aria-label={this.accAriaLabel}>\n            <slot />\n          </table>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}