@spw-ds/spw-stencil-library 1.2.4 → 1.2.6

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

@@ -0,0 +1 @@
+{"version":3,"names":["spwPaginationCss","SpwPagination","constructor","hostRef","this","isDisabled","variant","currentPage","inputPageValue","isMobile","window","innerWidth","updateIsMobile","componentWillLoad","calculateTotalPages","toString","addEventListener","disconnectedCallback","removeEventListener","totalPages","Math","ceil","totalItems","itemsPerPage","onItemsPerPageChange","pageChanged","emit","onTotalItemsChange","newTotalPages","setPage","page","goToPage","handleInputChange","event","inputValue","target","value","parseInt","isNaN","clearTimeout","debounceTimer","setTimeout","getPaginationClass","pages","calculatePageRange","ellipsisCount","filter","length","hasEllipsisStart","_a","hasEllipsisEnd","_b","paginationClass","handleKeyDown","key","i","push","class","render","showPrevArrow","showNextArrow","prevArrow","h","onClick","icon","nextArrow","prevArrowMobile","nextArrowMobile","disabled","mobileArrows","Host","Fragment","type","onInput","onKeyDown","map","pageClass"],"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"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/{p-a31a30f3.entry.js → p-6ec608ca.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i,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%;height:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidebar{background:#fff;border-right:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;transition:width .2s ease;width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar--with-topbar{height:calc(100% - var(--spw-ds-bo-topbar-height));top:var(--spw-ds-bo-topbar-height)}.spw-sidebar__toggle{align-items:center;background:#fff;border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:6px;box-shadow:var(--spw-effect-elevation-6);cursor:pointer;display:inline-flex;flex-basis:auto;font-size:13px;justify-content:center;line-height:1;padding:6px 0;position:absolute;right:0;top:67px;transform:translateX(50%);width:20px;z-index:20}.spw-sidebar__toggle spw-icon{position:relative;transition:transform .15s ease .2s}.spw-sidebar--expanded .spw-sidebar__toggle spw-icon{transform:rotate(180deg)}.spw-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white);display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:auto;padding:16px 0}.spw-sidebar__content::-webkit-scrollbar{height:14px;width:14px}.spw-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border:4px solid var(--spw-ds-white);border-radius:20px}.spw-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-sidebar--expanded{width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar--collapsed{width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar__resize-border{align-items:center;background:transparent;cursor:col-resize;display:none;height:100%;justify-content:center;position:absolute;right:0;top:0;transform:translateX(50%);width:10px;z-index:10}";const a=class{constructor(t){e(this,t);this.defaultExpanded=false;this.hasTopbar=false;this.BODY_CLASS="spw-sidebar-expanded";this.toggleSidebar=()=>{this.expanded=!this.expanded;document.body.classList.toggle(this.BODY_CLASS,this.expanded)};this.checkTopbarClass=()=>{this.hasTopbar=document.body.classList.contains("has-topbar")};this.checkExpandedState=()=>{const e=document.body.classList.contains(this.BODY_CLASS);if(this.expanded!==e){this.expanded=e}}}componentWillLoad(){this.expanded=this.defaultExpanded;if(this.expanded){document.body.classList.add(this.BODY_CLASS)}this.checkTopbarClass();this.observeBodyClassChanges()}disconnectedCallback(){var e;document.body.classList.remove(this.BODY_CLASS);(e=this.observer)===null||e===void 0?void 0:e.disconnect()}observeBodyClassChanges(){this.observer=new MutationObserver((()=>{this.checkTopbarClass();this.checkExpandedState()}));this.observer.observe(document.body,{attributes:true,attributeFilter:["class"]})}get hostClass(){return{"--expanded":this.expanded,"--collapsed":!this.expanded}}get elementClass(){return{"spw-sidebar":true,"spw-sidebar--expanded":this.expanded,"spw-sidebar--collapsed":!this.expanded,"spw-sidebar--with-topbar":this.hasTopbar}}render(){return t(i,{key:"ddffbd455cbc2710867a69ee8b7591b2f73b6599",class:this.hostClass},t("div",{key:"ee150c9244aa861c978c5008efd28c04b8e8c868",class:this.elementClass},t("span",{key:"873736c218af40bb9a3c2aadb5891420d8b8f674",class:"spw-sidebar__toggle",onClick:this.toggleSidebar,"aria-expanded":this.expanded.toString()},t("spw-icon",{key:"6c47d4c931c5e1932b06824e2809e77147229eb0",icon:"fa-chevron-right"})),t("div",{key:"c2894503c4ab71bc570209c9fac1963e13b3ca06",class:"spw-sidebar__content"},t("slot",{key:"fb3d4146487654157da34e715c382194dcb4dc5c",name:"navigation-top"}),t("slot",{key:"bcd036895810de895cfe78e654a3bb584f9d0480",name:"navigation-bottom"})),t("div",{key:"b0ffe9b397e6a9535acbabd319fc8a37eabeef54",class:"spw-sidebar__resize-border",onClick:this.toggleSidebar})))}get el(){return s(this)}};a.style=o;export{a as spw_sidebar};
-//# sourceMappingURL=p-a31a30f3.entry.js.map
+import{r as e,h as t,H as i,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%;height:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidebar{background:#fff;border-right:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;transition:width .2s ease;width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar--with-topbar{height:calc(100% - var(--spw-ds-bo-topbar-height));top:var(--spw-ds-bo-topbar-height)}.spw-sidebar__toggle{align-items:center;background:#fff;border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:6px;box-shadow:var(--spw-effect-elevation-6);cursor:pointer;display:inline-flex;flex-basis:auto;font-size:13px;justify-content:center;line-height:1;padding:6px 0;position:absolute;right:0;top:67px;transform:translateX(50%);width:20px;z-index:20}.spw-sidebar__toggle spw-icon{position:relative;transition:transform .15s ease .2s}.spw-sidebar--expanded .spw-sidebar__toggle spw-icon{transform:rotate(180deg)}.spw-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white);display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:auto;padding:16px 0}.spw-sidebar__content::-webkit-scrollbar{height:14px;width:14px}.spw-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border:4px solid var(--spw-ds-white);border-radius:20px}.spw-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-sidebar--expanded{width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar--collapsed{width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar__resize-border{align-items:center;background:transparent;cursor:col-resize;display:none;height:100%;justify-content:center;position:absolute;right:0;top:0;transform:translateX(50%);width:10px;z-index:10}";const a=class{constructor(t){e(this,t);this.defaultExpanded=false;this.hasTopbar=false;this.BODY_CLASS="spw-sidebar-expanded";this.toggleSidebar=()=>{this.expanded=!this.expanded;document.body.classList.toggle(this.BODY_CLASS,this.expanded)};this.checkTopbarClass=()=>{this.hasTopbar=document.body.classList.contains("has-topbar")};this.checkExpandedState=()=>{const e=document.body.classList.contains(this.BODY_CLASS);if(this.expanded!==e){this.expanded=e}}}componentWillLoad(){this.expanded=this.defaultExpanded;if(this.expanded){document.body.classList.add(this.BODY_CLASS)}this.checkTopbarClass();this.observeBodyClassChanges()}disconnectedCallback(){var e;document.body.classList.remove(this.BODY_CLASS);(e=this.observer)===null||e===void 0?void 0:e.disconnect()}observeBodyClassChanges(){this.observer=new MutationObserver((()=>{this.checkTopbarClass();this.checkExpandedState()}));this.observer.observe(document.body,{attributes:true,attributeFilter:["class"]})}get hostClass(){return{"--expanded":this.expanded,"--collapsed":!this.expanded}}get elementClass(){return{"spw-sidebar":true,"spw-sidebar--expanded":this.expanded,"spw-sidebar--collapsed":!this.expanded,"spw-sidebar--with-topbar":this.hasTopbar}}render(){return t(i,{key:"51fb739a604fc6f7e6aaae233156b02481a01629",class:this.hostClass},t("div",{key:"83e4b976a76dfe7be925631f2264028bf4d70aee",class:this.elementClass},t("span",{key:"eca342f625226101d3126b328bd8627a2844f0f1",class:"spw-sidebar__toggle",onClick:this.toggleSidebar,"aria-expanded":this.expanded.toString()},t("spw-icon",{key:"82de4f91d5e11414c5ef6ee23e494ab475ec1b0f",icon:"fa-chevron-right"})),t("div",{key:"0360ecd69eb834d06143ddf0e572d3cc0bfcd513",class:"spw-sidebar__content"},t("slot",{key:"1b21d56888db9a92146728a82a16dffe003a42dd",name:"navigation-top"}),t("slot",{key:"54bbeb856812ef88773d64f978ec02d4bc9687a6",name:"navigation-bottom"})),t("div",{key:"c24b052bf202838e158f7236febd0fc5ad9aa912",class:"spw-sidebar__resize-border",onClick:this.toggleSidebar})))}get el(){return s(this)}};a.style=o;export{a as spw_sidebar};
+//# sourceMappingURL=p-6ec608ca.entry.js.map

package/dist/spw-stencil-library/{p-c3985590.entry.js → p-8115c88f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,g as n}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}: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 o=class{constructor(i){t(this,i);this.tabChanged=e(this,"tabChanged",1);this.defaultActiveTab="1";this.variant="default";this.hasEllipsis=false;this.size="small";this.activeTab="1"}componentWillLoad(){this.activeTab=this.defaultActiveTab}componentDidLoad(){this.applyVariantToChildren();this.updateActiveStates();setTimeout((()=>{this.applyMaxWidthToChildren()}),100)}activeTabChanged(){this.updateActiveStates();this.tabChanged.emit(this.activeTab)}maxWidthChanged(){this.applyMaxWidthToChildren()}hasEllipsisChanged(){this.applyVariantToChildren()}async getSelectedTab(){return this.activeTab}async setSelectedTab(t){this.activeTab=t}handleTabSelected(t){const e=t.composedPath();const i=e.find((t=>t.tagName==="SPW-TABS"));if(i!==this.el){return}this.activeTab=t.detail;t.stopPropagation()}slotChanged(){this.applyVariantToChildren();this.updateActiveStates();this.applyMaxWidthToChildren()}updateActiveStates(){const t=t=>t.closest("spw-tabs")===this.el;const e=Array.from(this.el.querySelectorAll("spw-tabs-navigation-item")).filter(t);const i=Array.from(this.el.querySelectorAll("spw-tabs-content")).filter(t);e.forEach((t=>{t.active=t.tabId===this.activeTab}));i.forEach((t=>{t.active=t.tabId===this.activeTab}))}applyMaxWidthToChildren(){if(!this.maxWidth){return}requestAnimationFrame((()=>{const t=t=>t.closest("spw-tabs")===this.el;const e=Array.from(this.el.querySelectorAll("spw-tabs-navigation-item")).filter(t);const i=`--ellipsis`;e.forEach((t=>{var e;const n=((e=t.textContent)===null||e===void 0?void 0:e.trim())||"";if(!n){return}const s=document.createElement("div");s.style.cssText=`\n          position: absolute;\n          visibility: hidden;\n          white-space: nowrap;\n          top: -9999px;\n          left: -9999px;\n        `;s.textContent=n;const o=window.getComputedStyle(t);s.style.fontSize=o.fontSize;s.style.fontFamily=o.fontFamily;s.style.fontWeight=o.fontWeight;s.style.fontStyle=o.fontStyle;s.style.letterSpacing=o.letterSpacing;s.style.textTransform=o.textTransform;document.body.appendChild(s);const a=s.getBoundingClientRect().width;document.body.removeChild(s);if(a>this.maxWidth){t.style.setProperty("--spw-tabs-max-width-text",`${this.maxWidth}px`);t.setAttribute("has-ellipsis","true");t.classList.add(i)}else{t.style.removeProperty("--spw-tabs-max-width-text");t.setAttribute("has-ellipsis","false");t.classList.remove(i)}}))}))}applyVariantToChildren(){requestAnimationFrame((()=>{var t,e;const i=`--${this.variant}`;const n=`--${this.size}`;const s=t=>t.closest("spw-tabs")===this.el;const o=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="navigation"]');const a=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector('slot[name="content"]');const r=((o===null||o===void 0?void 0:o.assignedElements({flatten:true}))||[]).filter(s);const d=((a===null||a===void 0?void 0:a.assignedElements({flatten:true}))||[]).filter(s);r.forEach((t=>{if(t.tagName==="SPW-TABS-NAVIGATION"){t.classList.add(i);t.querySelectorAll("spw-tabs-navigation-item").forEach((t=>{if(s(t)){t.classList.add(i);t.classList.add(n)}}))}else if(t.tagName==="SPW-TABS-NAVIGATION-ITEM"){t.classList.add(i);t.classList.add(n)}}));d.forEach((t=>{if(t.tagName==="SPW-TABS-CONTENT"){t.classList.add(i)}else{t.querySelectorAll("spw-tabs-content").forEach((t=>{if(s(t)){t.classList.add(i)}}))}}));this.applyMaxWidthToChildren()}))}get elementClass(){return{"spw-tabs":true,[`spw-tabs--${this.variant}`]:true}}render(){return i("div",{key:"b4ab2e3d669cf271c861030894df09e5a30c32b6",class:this.elementClass},i("slot",{key:"c4fc77c49d19f00326eaa1fc6fc6d2f6f1ae42c6",name:"navigation"}),i("slot",{key:"cb3766973065dff8a272fe5876b3cc2e93ac0a66",name:"content"}))}get el(){return n(this)}static get watchers(){return{activeTab:["activeTabChanged"],maxWidth:["maxWidthChanged"],hasEllipsis:["hasEllipsisChanged"]}}};o.style=s;export{o as spw_tabs};
-//# sourceMappingURL=p-c3985590.entry.js.map
+import{r as t,c as e,h as i,g as n}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}: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 o=class{constructor(i){t(this,i);this.tabChanged=e(this,"tabChanged",1);this.defaultActiveTab="1";this.variant="default";this.hasEllipsis=false;this.size="small";this.activeTab="1"}componentWillLoad(){this.activeTab=this.defaultActiveTab}componentDidLoad(){this.applyVariantToChildren();this.updateActiveStates();setTimeout((()=>{this.applyMaxWidthToChildren()}),100)}activeTabChanged(){this.updateActiveStates();this.tabChanged.emit(this.activeTab)}maxWidthChanged(){this.applyMaxWidthToChildren()}hasEllipsisChanged(){this.applyVariantToChildren()}async getSelectedTab(){return this.activeTab}async setSelectedTab(t){this.activeTab=t}handleTabSelected(t){const e=t.composedPath();const i=e.find((t=>t.tagName==="SPW-TABS"));if(i!==this.el){return}this.activeTab=t.detail;t.stopPropagation()}slotChanged(){this.applyVariantToChildren();this.updateActiveStates();this.applyMaxWidthToChildren()}updateActiveStates(){const t=t=>t.closest("spw-tabs")===this.el;const e=Array.from(this.el.querySelectorAll("spw-tabs-navigation-item")).filter(t);const i=Array.from(this.el.querySelectorAll("spw-tabs-content")).filter(t);e.forEach((t=>{t.active=t.tabId===this.activeTab}));i.forEach((t=>{t.active=t.tabId===this.activeTab}))}applyMaxWidthToChildren(){if(!this.maxWidth){return}requestAnimationFrame((()=>{const t=t=>t.closest("spw-tabs")===this.el;const e=Array.from(this.el.querySelectorAll("spw-tabs-navigation-item")).filter(t);const i=`--ellipsis`;e.forEach((t=>{var e;const n=((e=t.textContent)===null||e===void 0?void 0:e.trim())||"";if(!n){return}const s=document.createElement("div");s.style.cssText=`\n          position: absolute;\n          visibility: hidden;\n          white-space: nowrap;\n          top: -9999px;\n          left: -9999px;\n        `;s.textContent=n;const o=window.getComputedStyle(t);s.style.fontSize=o.fontSize;s.style.fontFamily=o.fontFamily;s.style.fontWeight=o.fontWeight;s.style.fontStyle=o.fontStyle;s.style.letterSpacing=o.letterSpacing;s.style.textTransform=o.textTransform;document.body.appendChild(s);const a=s.getBoundingClientRect().width;document.body.removeChild(s);if(a>this.maxWidth){t.style.setProperty("--spw-tabs-max-width-text",`${this.maxWidth}px`);t.setAttribute("has-ellipsis","true");t.classList.add(i)}else{t.style.removeProperty("--spw-tabs-max-width-text");t.setAttribute("has-ellipsis","false");t.classList.remove(i)}}))}))}applyVariantToChildren(){requestAnimationFrame((()=>{var t,e;const i=`--${this.variant}`;const n=`--${this.size}`;const s=t=>t.closest("spw-tabs")===this.el;const o=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="navigation"]');const a=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector('slot[name="content"]');const r=((o===null||o===void 0?void 0:o.assignedElements({flatten:true}))||[]).filter(s);const d=((a===null||a===void 0?void 0:a.assignedElements({flatten:true}))||[]).filter(s);r.forEach((t=>{if(t.tagName==="SPW-TABS-NAVIGATION"){t.classList.add(i);t.querySelectorAll("spw-tabs-navigation-item").forEach((t=>{if(s(t)){t.classList.add(i);t.classList.add(n)}}))}else if(t.tagName==="SPW-TABS-NAVIGATION-ITEM"){t.classList.add(i);t.classList.add(n)}}));d.forEach((t=>{if(t.tagName==="SPW-TABS-CONTENT"){t.classList.add(i)}else{t.querySelectorAll("spw-tabs-content").forEach((t=>{if(s(t)){t.classList.add(i)}}))}}));this.applyMaxWidthToChildren()}))}get elementClass(){return{"spw-tabs":true,[`spw-tabs--${this.variant}`]:true}}render(){return i("div",{key:"c1f1f2bc6a80c539ca49c91fa11f38a849707ae0",class:this.elementClass},i("slot",{key:"99a1c9581a86230cc572cde7fedd3ae3f77edeee",name:"navigation"}),i("slot",{key:"25ed1956776c89a9554ae497edc623fc71d8ef4b",name:"content"}))}get el(){return n(this)}static get watchers(){return{activeTab:["activeTabChanged"],maxWidth:["maxWidthChanged"],hasEllipsis:["hasEllipsisChanged"]}}};o.style=s;export{o as spw_tabs};
+//# sourceMappingURL=p-8115c88f.entry.js.map

package/dist/spw-stencil-library/{p-a25ad9f2.entry.js → p-852e0315.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e}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-tile-title-icon:20px;--spw-tile-title-underline:none;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--icon) .spw-tile-title{color:var(--spw-color-themes-grey-grey-900);font-size:var(--spw-tile-title-icon);font-weight:700;line-height:1.4;-webkit-text-decoration:var(--spw-tile-title-underline);text-decoration:var(--spw-tile-title-underline);transition:all .2s linear}:host(.--icon.--hovered) .spw-tile-title{color:var(--spw-ds-primary)}:host(.--light) .spw-tile-title{color:#fff;font-size:20px;font-weight:700;line-height:1.4}:host(.--big) .spw-tile-title{color:#fff;font-size:28px;font-weight:700;line-height:1.3}";const n=class{constructor(e){t(this,e)}render(){return e("h3",{key:"210b7fbf311278d8ef5d9475bb988160fa620af7",class:"spw-tile-title"},e("slot",{key:"a17be09b270a949282304df5eaab0b18c453b4e9"}))}};n.style=i;export{n as spw_tile_title};
-//# sourceMappingURL=p-a25ad9f2.entry.js.map
+import{r as t,h as e}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-tile-title-icon:20px;--spw-tile-title-underline:none;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--icon) .spw-tile-title{color:var(--spw-color-themes-grey-grey-900);font-size:var(--spw-tile-title-icon);font-weight:700;line-height:1.4;-webkit-text-decoration:var(--spw-tile-title-underline);text-decoration:var(--spw-tile-title-underline);transition:all .2s linear}:host(.--icon.--hovered) .spw-tile-title{color:var(--spw-ds-primary)}:host(.--light) .spw-tile-title{color:#fff;font-size:20px;font-weight:700;line-height:1.4}:host(.--big) .spw-tile-title{color:#fff;font-size:28px;font-weight:700;line-height:1.3}";const n=class{constructor(e){t(this,e)}render(){return e("h3",{key:"45e716903e768c9466a219af80237c60492c6968",class:"spw-tile-title"},e("slot",{key:"50e9a77bc2f7a2386276610187214f76a27c1242"}))}};n.style=i;export{n as spw_tile_title};
+//# sourceMappingURL=p-852e0315.entry.js.map

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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":[]}

package/dist/spw-stencil-library/p-9e8a779e.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as r,g as s}from"./p-CvfVJV8a.js";import{g as n}from"./p-B85MJLTf.js";var o={exports:{}};var a;function d(){if(a)return o.exports;a=1;(function(t,e){!function(e,i){t.exports=i()}(window,(function(){return function(t){var e={};function i(r){if(e[r])return e[r].exports;var s=e[r]={i:r,l:false,exports:{}};return t[r].call(s.exports,s,s.exports,i),s.l=true,s.exports}return i.m=t,i.c=e,i.d=function(t,e,r){i.o(t,e)||Object.defineProperty(t,e,{enumerable:true,get:r})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:true})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(i.r(r),Object.defineProperty(r,"default",{enumerable:true,value:t}),2&e&&"string"!=typeof t)for(var s in t)i.d(r,s,function(e){return t[e]}.bind(null,s));return r},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=0)}([function(t,e,i){i.r(e);var r=[],s=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],n=["January","February","March","April","May","June","July","August","September","October","November","December"],o={t:"top",r:"right",b:"bottom",l:"left",c:"centered"};function a(){}var d=["click","focusin","keydown","input"];function c(t){d.forEach((function(e){t.addEventListener(e,t===document?N:S)}))}function l(t){return Array.isArray(t)?t.map(l):"[object Object]"===z(t)?Object.keys(t).reduce((function(e,i){return e[i]=l(t[i]),e}),{}):t}function p(t,e){var i=t.calendar.querySelector(".qs-overlay"),r=i&&!i.classList.contains("qs-hidden");e=e||new Date(t.currentYear,t.currentMonth),t.calendar.innerHTML=[u(e,t,r),h(e,t,r),f(t,r)].join(""),r&&window.requestAnimationFrame((function(){D(true,t)}))}function u(t,e,i){return['<div class="qs-controls'+(i?" qs-blur":"")+'">','<div class="qs-arrow qs-left"></div>','<div class="qs-month-year'+(e.disableYearOverlay?" qs-disabled-year-overlay":"")+'">','<span class="qs-month">'+e.months[t.getMonth()]+"</span>",'<span class="qs-year">'+t.getFullYear()+"</span>","</div>",'<div class="qs-arrow qs-right"></div>',"</div>"].join("")}function h(t,e,i){var r=e.currentMonth,s=e.currentYear,n=e.dateSelected,o=e.maxDate,a=e.minDate,d=e.showAllDates,c=e.days,l=e.disabledDates,p=e.startDay,u=e.weekendIndices,h=e.events,f=e.getRange?e.getRange():{},b=+f.start,w=+f.end,m=q(new Date(t).setDate(1)),g=m.getDay()-p,v=g<0?7:0;m.setMonth(m.getMonth()+1),m.setDate(0);var y=m.getDate(),k=[],x=v+7*((g+y)/7|0);x+=(g+y)%7?7:0;for(var D=1;D<=x;D++){var _=(D-1)%7,z=c[_],M=D-(g>=0?g:7+g),N=new Date(s,r,M),S=h[+N],j=M<1||M>y,E=j?M<1?-1:1:0,A=j&&!d,I=A?"":N.getDate(),O=+N==+n,T=_===u[0]||_===u[1],C=b!==w,J="qs-square "+z;S&&!A&&(J+=" qs-event"),j&&(J+=" qs-outside-current-month"),!d&&j||(J+=" qs-num"),O&&(J+=" qs-active"),(l[+N]||e.disabler(N)||T&&e.noWeekends||a&&+N<+a||o&&+N>+o)&&!A&&(J+=" qs-disabled"),+q(new Date)==+N&&(J+=" qs-current"),+N===b&&w&&C&&(J+=" qs-range-start"),+N>b&&+N<w&&(J+=" qs-range-middle"),+N===w&&b&&C&&(J+=" qs-range-end"),A&&(J+=" qs-empty",I=""),k.push('<div class="'+J+'" data-direction="'+E+'">'+I+"</div>")}var R=c.map((function(t){return'<div class="qs-square qs-day">'+t+"</div>"})).concat(k);return R.unshift('<div class="qs-squares'+(i?" qs-blur":"")+'">'),R.push("</div>"),R.join("")}function f(t,e){var i=t.overlayPlaceholder,r=t.overlayButton;return['<div class="qs-overlay'+(e?"":" qs-hidden")+'">',"<div>",'<input class="qs-overlay-year" placeholder="'+i+'" inputmode="numeric" />','<div class="qs-close">&#10005;</div>',"</div>",'<div class="qs-overlay-month-container">'+t.overlayMonths.map((function(t,e){return'<div class="qs-overlay-month" data-month-num="'+e+'">'+t+"</div>"})).join("")+"</div>",'<div class="qs-submit qs-disabled">'+r+"</div>","</div>"].join("")}function b(t,e,i){var r=e.el,s=e.calendar.querySelector(".qs-active"),n=t.textContent,o=e.sibling;(r.disabled||r.readOnly)&&e.respectDisabledReadOnly||(e.dateSelected=i?void 0:new Date(e.currentYear,e.currentMonth,n),s&&s.classList.remove("qs-active"),i||t.classList.add("qs-active"),m(r,e,i),i||k(e),o&&(w({instance:e,deselect:i}),e.first&&!o.dateSelected&&(o.currentYear=e.currentYear,o.currentMonth=e.currentMonth,o.currentMonthName=e.currentMonthName),p(e),p(o)),e.onSelect(e,i?void 0:new Date(e.dateSelected)))}function w(t){var e=t.instance.first?t.instance:t.instance.sibling,i=e.sibling;e===t.instance?t.deselect?(e.minDate=e.originalMinDate,i.minDate=i.originalMinDate):i.minDate=e.dateSelected:t.deselect?(i.maxDate=i.originalMaxDate,e.maxDate=e.originalMaxDate):e.maxDate=i.dateSelected}function m(t,e,i){if(!e.nonInput)return i?t.value="":e.formatter!==a?e.formatter(t,e.dateSelected,e):void(t.value=e.dateSelected.toDateString())}function g(t,e,i,r){i||r?(i&&(e.currentYear=+i),r&&(e.currentMonth=+r)):(e.currentMonth+=t.contains("qs-right")?1:-1,12===e.currentMonth?(e.currentMonth=0,e.currentYear++):-1===e.currentMonth&&(e.currentMonth=11,e.currentYear--)),e.currentMonthName=e.months[e.currentMonth],p(e),e.onMonthChange(e)}function v(t){if(!t.noPosition){var e=t.position.top,i=t.position.right;if(t.position.centered)return t.calendarContainer.classList.add("qs-centered");var r=t.positionedEl.getBoundingClientRect(),s=t.el.getBoundingClientRect(),n=t.calendarContainer.getBoundingClientRect(),o=s.top-r.top+(e?-1*n.height:s.height)+"px",a=s.left-r.left+(i?s.width-n.width:0)+"px";t.calendarContainer.style.setProperty("top",o),t.calendarContainer.style.setProperty("left",a)}}function y(t){return"[object Date]"===z(t)&&"Invalid Date"!==t.toString()}function q(t){if(y(t)||"number"==typeof t&&!isNaN(t)){var e=new Date(+t);return new Date(e.getFullYear(),e.getMonth(),e.getDate())}}function k(t){t.disabled||!t.calendarContainer.classList.contains("qs-hidden")&&!t.alwaysShow&&("overlay"!==t.defaultView&&D(true,t),t.calendarContainer.classList.add("qs-hidden"),t.onHide(t))}function x(t){t.disabled||(t.calendarContainer.classList.remove("qs-hidden"),"overlay"===t.defaultView&&D(false,t),v(t),t.onShow(t))}function D(t,e){var i=e.calendar,r=i.querySelector(".qs-overlay"),s=r.querySelector(".qs-overlay-year"),n=i.querySelector(".qs-controls"),o=i.querySelector(".qs-squares");t?(r.classList.add("qs-hidden"),n.classList.remove("qs-blur"),o.classList.remove("qs-blur"),s.value=""):(r.classList.remove("qs-hidden"),n.classList.add("qs-blur"),o.classList.add("qs-blur"),s.focus())}function _(t,e,i,r){var s=isNaN(+(new Date).setFullYear(e.value||void 0)),n=s?null:e.value;if(13===t.which||13===t.keyCode||"click"===t.type)r?g(null,i,n,r):s||e.classList.contains("qs-disabled")||g(null,i,n);else if(i.calendar.contains(e)){i.calendar.querySelector(".qs-submit").classList[s?"add":"remove"]("qs-disabled")}}function z(t){return{}.toString.call(t)}function M(t){r.forEach((function(e){e!==t&&k(e)}))}function N(t){if(!t.__qs_shadow_dom){var e=t.which||t.keyCode,i=t.type,s=t.target,o=s.classList,a=r.filter((function(t){return t.calendar.contains(s)||t.el===s}))[0],d=a&&a.calendar.contains(s);if(!(a&&a.isMobile&&a.disableMobile))if("click"===i){if(!a)return r.forEach(k);if(a.disabled)return;var c=a.calendar,l=a.calendarContainer,u=a.disableYearOverlay,h=a.nonInput,f=c.querySelector(".qs-overlay-year"),w=!!c.querySelector(".qs-hidden"),m=c.querySelector(".qs-month-year").contains(s),v=s.dataset.monthNum;if(a.noPosition&&!d)(l.classList.contains("qs-hidden")?x:k)(a);else if(o.contains("qs-arrow"))g(o,a);else if(m||o.contains("qs-close"))u||D(!w,a);else if(v)_(t,f,a,v);else{if(o.contains("qs-disabled"))return;if(o.contains("qs-num")){var y=s.textContent,q=+s.dataset.direction,z=new Date(a.currentYear,a.currentMonth+q,y);if(q){a.currentYear=z.getFullYear(),a.currentMonth=z.getMonth(),a.currentMonthName=n[a.currentMonth],p(a);for(var N,S=a.calendar.querySelectorAll('[data-direction="0"]'),j=0;!N;){var E=S[j];E.textContent===y&&(N=E),j++}s=N}return void(+z==+a.dateSelected?b(s,a,true):s.classList.contains("qs-disabled")||b(s,a))}o.contains("qs-submit")?_(t,f,a):h&&s===a.el&&(x(a),M(a))}}else if("focusin"===i&&a)x(a),M(a);else if("keydown"===i&&9===e&&a)k(a);else if("keydown"===i&&a&&!a.disabled){var A=!a.calendar.querySelector(".qs-overlay").classList.contains("qs-hidden");13===e&&A&&d?_(t,s,a):27===e&&A&&d&&D(true,a)}else if("input"===i){if(!a||!a.calendar.contains(s))return;var I=a.calendar.querySelector(".qs-submit"),O=s.value.split("").reduce((function(t,e){return t||"0"!==e?t+(e.match(/[0-9]/)?e:""):""}),"").slice(0,4);s.value=O,I.classList[4===O.length?"remove":"add"]("qs-disabled")}}}function S(t){N(t),t.__qs_shadow_dom=true}function j(t,e){d.forEach((function(i){t.removeEventListener(i,e)}))}function E(){x(this)}function A(){k(this)}function I(t,e){var i=q(t),r=this.currentYear,s=this.currentMonth,n=this.sibling;if(null==t)return this.dateSelected=void 0,m(this.el,this,true),n&&(w({instance:this,deselect:true}),p(n)),p(this),this;if(!y(t))throw new Error("`setDate` needs a JavaScript Date object.");if(this.disabledDates[+i]||i<this.minDate||i>this.maxDate)throw new Error("You can't manually set a date that's disabled.");this.dateSelected=i,e&&(this.currentYear=i.getFullYear(),this.currentMonth=i.getMonth(),this.currentMonthName=this.months[i.getMonth()]),m(this.el,this),n&&(w({instance:this}),p(n));var o=r===i.getFullYear()&&s===i.getMonth();return o||e?p(this,i):o||p(this,new Date(r,s,1)),this}function O(t){return C(this,t,true)}function T(t){return C(this,t)}function C(t,e,i){var r=t.dateSelected,s=t.first,n=t.sibling,o=t.minDate,a=t.maxDate,d=q(e),c=i?"Min":"Max";function l(){return"original"+c+"Date"}function u(){return c.toLowerCase()+"Date"}function h(){return"set"+c}function f(){throw new Error("Out-of-range date passed to "+h())}if(null==e)t[l()]=void 0,n?(n[l()]=void 0,i?(s&&!r||!s&&!n.dateSelected)&&(t.minDate=void 0,n.minDate=void 0):(s&&!n.dateSelected||!s&&!r)&&(t.maxDate=void 0,n.maxDate=void 0)):t[u()]=void 0;else{if(!y(e))throw new Error("Invalid date passed to "+h());n?((s&&i&&d>(r||a)||s&&!i&&d<(n.dateSelected||o)||!s&&i&&d>(n.dateSelected||a)||!s&&!i&&d<(r||o))&&f(),t[l()]=d,n[l()]=d,(i&&(s&&!r||!s&&!n.dateSelected)||!i&&(s&&!n.dateSelected||!s&&!r))&&(t[u()]=d,n[u()]=d)):((i&&d>(r||a)||!i&&d<(r||o))&&f(),t[u()]=d)}return n&&p(n),p(t),t}function J(){var t=this.first?this:this.sibling,e=t.sibling;return{start:t.dateSelected,end:e.dateSelected}}function R(){var t=this.shadowDom,e=this.positionedEl,i=this.calendarContainer,s=this.sibling,n=this;this.inlinePosition&&(r.some((function(t){return t!==n&&t.positionedEl===e}))||e.style.setProperty("position",null));i.remove(),r=r.filter((function(t){return t!==n})),s&&delete s.sibling,r.length||j(document,N);var o=r.some((function(e){return e.shadowDom===t}));for(var a in t&&!o&&j(t,S),this)delete this[a];r.length||d.forEach((function(t){document.removeEventListener(t,N)}))}function V(t,e){var i=new Date(t);if(!y(i))throw new Error("Invalid date passed to `navigate`");this.currentYear=i.getFullYear(),this.currentMonth=i.getMonth(),p(this),e&&this.onMonthChange(this)}function $(){var t=!this.calendarContainer.classList.contains("qs-hidden"),e=!this.calendarContainer.querySelector(".qs-overlay").classList.contains("qs-hidden");t&&D(e,this)}e.default=function(t,e){var i=function(t,e){var i,d,c=function(t){var e=l(t);e.events&&(e.events=e.events.reduce((function(t,e){if(!y(e))throw new Error('"options.events" must only contain valid JavaScript Date objects.');return t[+q(e)]=true,t}),{}));["startDate","dateSelected","minDate","maxDate"].forEach((function(t){var i=e[t];if(i&&!y(i))throw new Error('"options.'+t+'" needs to be a valid JavaScript Date object.');e[t]=q(i)}));var i=e.position,n=e.maxDate,d=e.minDate,c=e.dateSelected,p=e.overlayPlaceholder,u=e.overlayButton,h=e.startDay,f=e.id;if(e.startDate=q(e.startDate||c||new Date),e.disabledDates=(e.disabledDates||[]).reduce((function(t,e){var i=+q(e);if(!y(e))throw new Error('You supplied an invalid date to "options.disabledDates".');if(i===+q(c))throw new Error('"disabledDates" cannot contain the same date as "dateSelected".');return t[i]=1,t}),{}),e.hasOwnProperty("id")&&null==f)throw new Error("`id` cannot be `null` or `undefined`");if(null!=f){var b=r.filter((function(t){return t.id===f}));if(b.length>1)throw new Error("Only two datepickers can share an id.");b.length?(e.second=true,e.sibling=b[0]):e.first=true}var w=["tr","tl","br","bl","c"].some((function(t){return i===t}));if(i&&!w)throw new Error('"options.position" must be one of the following: tl, tr, bl, br, or c.');function m(t){throw new Error('"dateSelected" in options is '+(t?"less":"greater")+' than "'+(t||"max")+'Date".')}if(e.position=function(t){var e=t[0],i=t[1],r={};r[o[e]]=1,i&&(r[o[i]]=1);return r}(i||"bl"),n<d)throw new Error('"maxDate" in options is less than "minDate".');c&&(d>c&&m("min"),n<c&&m());if(["onSelect","onShow","onHide","onMonthChange","formatter","disabler"].forEach((function(t){"function"!=typeof e[t]&&(e[t]=a)})),["customDays","customMonths","customOverlayMonths"].forEach((function(t,i){var r=e[t],s=i?12:7;if(r){if(!Array.isArray(r)||r.length!==s||r.some((function(t){return"string"!=typeof t})))throw new Error('"'+t+'" must be an array with '+s+" strings.");e[i?i<2?"months":"overlayMonths":"days"]=r}})),h&&h>0&&h<7){var g=(e.customDays||s).slice(),v=g.splice(0,h);e.customDays=g.concat(v),e.startDay=+h,e.weekendIndices=[g.length-1,g.length]}else e.startDay=0,e.weekendIndices=[6,0];"string"!=typeof p&&delete e.overlayPlaceholder;"string"!=typeof u&&delete e.overlayButton;var k=e.defaultView;if(k&&"calendar"!==k&&"overlay"!==k)throw new Error('options.defaultView must either be "calendar" or "overlay".');return e.defaultView=k||"calendar",e}(e||{startDate:q(new Date),position:"bl",defaultView:"calendar"}),p=t;if("string"==typeof p)p="#"===p[0]?document.getElementById(p.slice(1)):document.querySelector(p);else{if("[object ShadowRoot]"===z(p))throw new Error("Using a shadow DOM as your selector is not supported.");for(var u,h=p.parentNode;!u;){var f=z(h);"[object HTMLDocument]"===f?u=true:"[object ShadowRoot]"===f?(u=true,i=h,d=h.host):h=h.parentNode}}if(!p)throw new Error("No selector / element found.");if(r.some((function(t){return t.el===p})))throw new Error("A datepicker already exists on that element.");var b=p===document.body,w=i?p.parentElement||i:b?document.body:p.parentElement,g=i?p.parentElement||d:w,v=document.createElement("div"),k=document.createElement("div");v.className="qs-datepicker-container qs-hidden",k.className="qs-datepicker";var D={shadowDom:i,customElement:d,positionedEl:g,el:p,parent:w,nonInput:"INPUT"!==p.nodeName,noPosition:b,position:!b&&c.position,startDate:c.startDate,dateSelected:c.dateSelected,disabledDates:c.disabledDates,minDate:c.minDate,maxDate:c.maxDate,noWeekends:!!c.noWeekends,weekendIndices:c.weekendIndices,calendarContainer:v,calendar:k,currentMonth:(c.startDate||c.dateSelected).getMonth(),currentMonthName:(c.months||n)[(c.startDate||c.dateSelected).getMonth()],currentYear:(c.startDate||c.dateSelected).getFullYear(),events:c.events||{},defaultView:c.defaultView,setDate:I,remove:R,setMin:O,setMax:T,show:E,hide:A,navigate:V,toggleOverlay:$,onSelect:c.onSelect,onShow:c.onShow,onHide:c.onHide,onMonthChange:c.onMonthChange,formatter:c.formatter,disabler:c.disabler,months:c.months||n,days:c.customDays||s,startDay:c.startDay,overlayMonths:c.overlayMonths||(c.months||n).map((function(t){return t.slice(0,3)})),overlayPlaceholder:c.overlayPlaceholder||"4-digit year",overlayButton:c.overlayButton||"Submit",disableYearOverlay:!!c.disableYearOverlay,disableMobile:!!c.disableMobile,isMobile:"ontouchstart"in window,alwaysShow:!!c.alwaysShow,id:c.id,showAllDates:!!c.showAllDates,respectDisabledReadOnly:!!c.respectDisabledReadOnly,first:c.first,second:c.second};if(c.sibling){var _=c.sibling,M=D,N=_.minDate||M.minDate,S=_.maxDate||M.maxDate;M.sibling=_,_.sibling=M,_.minDate=N,_.maxDate=S,M.minDate=N,M.maxDate=S,_.originalMinDate=N,_.originalMaxDate=S,M.originalMinDate=N,M.originalMaxDate=S,_.getRange=J,M.getRange=J}c.dateSelected&&m(p,D);var j=getComputedStyle(g).position;b||j&&"static"!==j||(D.inlinePosition=true,g.style.setProperty("position","relative"));var C=r.filter((function(t){return t.positionedEl===D.positionedEl}));C.some((function(t){return t.inlinePosition}))&&(D.inlinePosition=true,C.forEach((function(t){t.inlinePosition=true})));v.appendChild(k),w.appendChild(v),D.alwaysShow&&x(D);return D}(t,e);if(r.length||c(document),i.shadowDom&&(r.some((function(t){return t.shadowDom===i.shadowDom}))||c(i.shadowDom)),r.push(i),i.second){var d=i.sibling;w({instance:i,deselect:!i.dateSelected}),w({instance:d,deselect:!d.dateSelected}),p(d)}return p(i,i.startDate||i.dateSelected),i.alwaysShow&&v(i),i}}]).default}))})(o);return o.exports}var c=d();var l=n(c);const p='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:#000;position:absolute;width:15.625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:9001;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid grey;border-radius:.263921875em;overflow:hidden;background:#fff;-webkit-box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3);box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3)}.qs-datepicker-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.75);color:#fff;width:100%;height:100%;padding:.5em;z-index:1;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{background:rgba(0,0,0,0);border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-size:.875em;padding:.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid #fff;border-radius:.263921875em;padding:.5em;margin:0 auto auto;cursor:pointer;background:hsla(0,0%,50.2%,.4)}.qs-overlay .qs-submit.qs-disabled{color:grey;border-color:grey;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.qs-overlay .qs-overlay-month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% / 3);cursor:pointer;opacity:.5;-webkit-transition:opacity .15s;transition:opacity .15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;background:#d3d3d3;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-controls.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:.263921875em;-webkit-transition:background .15s;transition:background .15s}.qs-arrow:hover.qs-left:after{border-right-color:#000}.qs-arrow:hover.qs-right:after{border-left-color:#000}.qs-arrow:hover{background:rgba(0,0,0,.1)}.qs-arrow:after{content:"";border:.390625em solid rgba(0,0,0,0);position:absolute;top:50%;-webkit-transition:border .2s;transition:border .2s}.qs-arrow.qs-left:after{border-right-color:grey;right:50%;-webkit-transform:translate(25%,-50%);-ms-transform:translate(25%,-50%);transform:translate(25%,-50%)}.qs-arrow.qs-right:after{border-left-color:grey;left:50%;-webkit-transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}.qs-month-year{font-weight:700;-webkit-transition:border .2s;transition:border .2s;border-bottom:1px solid rgba(0,0,0,0)}.qs-month-year:not(.qs-disabled-year-overlay){cursor:pointer}.qs-month-year:not(.qs-disabled-year-overlay):hover{border-bottom:1px solid grey}.qs-month-year:active:focus,.qs-month-year:focus{outline:none}.qs-month{padding-right:.5ex}.qs-year{padding-left:.5ex}.qs-squares{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.3125em;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-squares.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-square{width:calc(100% / 7);height:1.5625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .1s;transition:background .1s;border-radius:.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:700;text-decoration:underline}.qs-active,.qs-range-end,.qs-range-start{background:#add8e6}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-end:not(.qs-range-0),.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:.2}.qs-disabled{cursor:not-allowed}.qs-day,.qs-empty{cursor:default}.qs-day{font-weight:700;color:grey}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:.46875em;height:.46875em;border-radius:50%;background:#07f;bottom:0;right:0}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-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800);box-sizing:border-box;display:block;font-family:inherit;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)}}.qs-datepicker-container .qs-overlay .qs-overlay-year,.spw-date-picker__input{border:1px solid var(--spw-input-border);border-radius:var(--spw-input-radius);flex:1;font-size:var(--spw-input-font-size);height:var(--spw-input-height);line-height:var(--spw-input-height);padding:var(--spw-input-padding);text-align:var(--spw-input-text-align);text-overflow:ellipsis;width:100%}.qs-datepicker-container .qs-overlay .qs-overlay-year:hover,.spw-date-picker__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.qs-datepicker-container .qs-overlay .qs-overlay-year:focus,.qs-datepicker-container .qs-overlay .qs-overlay-year:focus-visible,.spw-date-picker__input:focus,.spw-date-picker__input:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.qs-datepicker-container .qs-overlay .qs-overlay-year:active,.spw-date-picker__input:active{border-color:var(--spw-input-border)}.spw-date-picker__input-container{align-items:center;display:flex;position:relative}.spw-date-picker__input--error,.spw-date-picker__input--error:focus{border-color:var(--spw-color-error,#dc2626)}.spw-date-picker__input--error:focus{box-shadow:0 0 0 3px var(--spw-color-error-light,rgba(220,38,38,.1))}.spw-date-picker__input--disabled{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-date-picker__input--disabled::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__input--disabled::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__input--disabled:focus,.spw-date-picker__input--disabled:focus-visible,.spw-date-picker__input--disabled:hover{outline:none}.spw-date-picker__input--open{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-date-picker__input::-moz-placeholder{color:var(--spw-color-text-placeholder,#9ca3af)}.spw-date-picker__input::placeholder{color:var(--spw-color-text-placeholder,#9ca3af)}.spw-date-picker__icon{font-size:1rem;pointer-events:none;position:absolute;right:.75rem}.spw-date-picker__help,.spw-date-picker__icon{color:var(--spw-color-text-secondary,#6b7280)}.spw-date-picker__error,.spw-date-picker__help{font-size:.75rem;line-height:1rem;margin-top:.25rem}.spw-date-picker__error{align-items:center;color:var(--spw-color-error,#dc2626);display:flex}.spw-date-picker__error spw-icon{font-size:.75rem;margin-right:.25rem}.qs-datepicker-container{border:none;box-shadow:var(--spw-effect-elevation-6);margin-top:6px;width:320px}.qs-datepicker-container .qs-controls{background:none;margin-bottom:16px;padding:24px 24px 0;position:relative}.qs-datepicker-container .qs-month-year{border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:6px;font-size:14px;padding:8px 16px}.qs-datepicker-container .qs-month-year:hover{border-color:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-arrow{color:transparent;height:36px;position:absolute;top:24px;width:36px}.qs-datepicker-container .qs-arrow:before{align-items:center;color:var(--spw-colors-support-grey-grey-800);content:"";display:inline-flex;font-family:var(--spw-ds-font-icons-solid);font-size:16px;font-weight:700;height:100%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.qs-datepicker-container .qs-arrow:after{display:none}.qs-datepicker-container .qs-arrow:hover{background:var(--spw-colors-support-grey-grey-200)}.qs-datepicker-container .qs-arrow:active{background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .qs-left{right:60px}.qs-datepicker-container .qs-left:before{content:"\\f053"}.qs-datepicker-container .qs-right{right:24px}.qs-datepicker-container .qs-right:before{content:"\\f054"}.qs-datepicker-container .qs-squares{gap:4px 0;padding:0 24px 24px}.qs-datepicker-container .qs-square{font-size:14px;height:36px;text-transform:lowercase}.qs-datepicker-container .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:var(--spw-colors-support-grey-grey-400)}.qs-datepicker-container .qr-range-start:hover,.qs-datepicker-container .qs-range-end:hover{background:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-active,.qs-datepicker-container .qs-range-end,.qs-datepicker-container .qs-range-start,.qs-datepicker-container .qs-range-start.qs-disabled{background:var(--spw-colors-support-grey-grey-900);color:#fff;opacity:1}.qs-datepicker-container .qs-range-middle{background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .spw-date-range-start{background:var(--spw-colors-support-grey-grey-900)!important;border-radius:4px 0 0 4px!important;color:#fff!important;font-weight:700;opacity:1!important}.qs-datepicker-container .spw-date-range-start:hover{background:var(--spw-colors-support-grey-grey-800)!important}.qs-datepicker-container .spw-date-range-end{background:var(--spw-colors-support-grey-grey-900)!important;border-radius:0 4px 4px 0!important;color:#fff!important;font-weight:700;opacity:1!important}.qs-datepicker-container .spw-date-range-end:hover{background:var(--spw-colors-support-grey-grey-800)!important}.qs-datepicker-container .spw-date-range-middle{background:var(--spw-colors-support-grey-grey-300)!important;border-radius:0!important}.qs-datepicker-container .spw-date-range-middle:hover{background:var(--spw-colors-support-grey-grey-400)!important}.qs-datepicker-container .qs-day{border-radius:0;color:var(--spw-colors-support-grey-grey-800);font-weight:400;padding-bottom:12px;position:relative}.qs-datepicker-container .qs-day:after{background:var(--spw-colors-support-grey-grey-300);bottom:0;content:"";height:1px;left:0;position:absolute;width:68px}.qs-datepicker-container .qs-day:nth-child(7):after{display:none}.qs-datepicker-container .qs-overlay{background:#fff;padding:24px;transition:none}.qs-datepicker-container .qs-overlay-month{color:var(--spw-colors-support-grey-grey-800);font-size:14px;width:25%}.qs-datepicker-container .qs-close{color:var(--spw-colors-support-grey-grey-600);height:40px;left:24px;padding:0;right:auto;text-indent:-9999px;top:24px;transition:all .2s ease-in;width:32px}.qs-datepicker-container .qs-close:after{content:"\\f060";font-family:var(--spw-ds-font-icons-solid);font-size:14px;font-weight:700;left:0;position:absolute;text-indent:0;top:50%;transform:translateY(-50%)}.qs-datepicker-container .qs-close:hover{color:var(--spw-colors-support-grey-grey-900)}.qs-datepicker-container .qs-blur{filter:none}.qs-datepicker-container .qs-overlay .qs-overlay-year{color:var(--spw-colors-support-grey-grey-900);margin-bottom:24px;margin-left:28px;width:calc(100% - 80px)}.qs-datepicker-container .qs-submit{background:var(--spw-ds-primary);border:2px solid transparent;border-radius:9999px;color:#fff;font-size:14px;font-weight:700;height:40px;position:absolute;right:24px;text-indent:-9999px;top:24px;transition:all .2s ease-in;width:40px}.qs-datepicker-container .qs-submit:after{content:"\\f00c";font-family:var(--spw-ds-font-icons-solid);font-size:14px;font-weight:700;left:50%;position:absolute;text-indent:0;top:50%;transform:translate(-50%,-50%)}.qs-datepicker-container .qs-submit:hover{background:var(--spw-ds-variant)}.qs-datepicker-container .qs-submit:active{background:var(--spw-ds-active)}.qs-datepicker-container .qs-submit.qs-disabled{background:var(--spw-colors-support-grey-grey-400);border-color:var(--spw-colors-support-grey-grey-400);color:var(--spw-colors-support-grey-grey-500);opacity:1}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}';const u=class{constructor(i){t(this,i);this.dateChange=e(this,"dateChange",7);this.datePickerOpen=e(this,"datePickerOpen",7);this.datePickerClose=e(this,"datePickerClose",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.placeholder="JJ/MM/AAAA";this.required=false;this.disabled=false;this.dateFormat="dd/MM/yyyy";this.disabledDays=[];this.disabledDates=[];this.position="bl";this.error="";this.hint="";this.success="";this.warning="";this.showErrorIcon=true;this.showHintIcon=true;this.showSuccessIcon=true;this.showWarningIcon=true;this.range=false;this.isStart=false;this.isOpen=false;this.hasError=false;this.internalValue="";this.lastInputValue="";this.isDeleting=false;this.handleMaskedInput=t=>{const e=t.target;const i=e.value;const r=e.selectionStart||0;this.isDeleting=i.length<this.lastInputValue.length;if(this.isDeleting){this.internalValue=i;e.value=i;this.lastInputValue=i;setTimeout((()=>{if(this.inputElement){this.inputElement.setSelectionRange(r,r)}}),0)}else{const t=this.unmask(this.lastInputValue).length;const s=this.applyMaskSmart(i);const n=this.unmask(s).length;this.internalValue=s;e.value=s;this.lastInputValue=s;setTimeout((()=>{if(this.inputElement){let e=r;if(n>t){if(n===3&&t===2||n===5&&t===4){e=r+1}}e=Math.min(e,s.length);this.inputElement.setSelectionRange(e,e)}}),0)}const s=this.unmask(this.internalValue);if(s.length===8){const t=this.parseDate(this.internalValue);if(t&&!isNaN(t.getTime())){const e=this.toISODateString(t);this.value=e;this.internals.setFormValue(e);this.dateChange.emit({value:e,date:t});if(this.datepickerInstance){this.datepickerInstance.setDate(t,true)}}}else if(!this.internalValue){this.value="";this.internals.setFormValue(null);this.dateChange.emit({value:"",date:null});if(this.datepickerInstance){this.datepickerInstance.setDate(undefined,true)}}};this.handleInputChange=t=>{this.handleMaskedInput(t)};this.handleInputFocus=()=>{if(this.disabled)return;if(!this.datepickerInstance){this.initializeDatepicker()}if(this.datepickerInstance&&typeof this.datepickerInstance.show==="function"){try{this.datepickerInstance.show()}catch(t){console.warn("Erreur lors de l'ouverture du datepicker, réinitialisation...",t);this.datepickerInstance=null;this.initializeDatepicker();if(this.datepickerInstance&&typeof this.datepickerInstance.show==="function"){this.datepickerInstance.show()}}}};this.handleKeyDown=t=>{const e=t.target;const i=e===this.inputElement;const r=e.closest(".qs-datepicker")!==null;if(i){switch(t.key){case"Tab":if(!t.shiftKey&&this.isOpen){t.preventDefault();t.stopPropagation();setTimeout((()=>{var t;const e=(t=this.datepickerInstance)===null||t===void 0?void 0:t.calendarContainer;if(e){const t=[...Array.from(e.querySelectorAll(".qs-arrow")),e.querySelector(".qs-month-year"),...Array.from(e.querySelectorAll(".qs-square:not(.qs-day):not(.qs-empty)"))].filter(Boolean);if(t[0]){t[0].focus()}}}),0)}break;case"Escape":if(this.isOpen){t.preventDefault();this.datepickerInstance.hide();this.inputElement.focus()}break}}else if(r){switch(t.key){case"Escape":t.preventDefault();this.datepickerInstance.hide();this.inputElement.focus();break;case"Tab":if(t.shiftKey){t.preventDefault();this.inputElement.focus()}break}}}}componentWillLoad(){this.uniqueId=`spw-date-picker-${Math.random().toString(36).substr(2,9)}`;if(typeof this.disabledDays==="string"){try{const t=JSON.parse(this.disabledDays);if(Array.isArray(t)&&t.every((t=>typeof t==="number"))){this.disabledDays=t}else{this.disabledDays=[]}}catch(t){this.disabledDays=[]}}const t=this.value?this.formatDate(new Date(this.value)):"";this.internalValue=t;this.lastInputValue=this.internalValue}connectedCallback(){if(!this.datepickerInstance&&this.inputElement){requestAnimationFrame((()=>{this.initializeDatepicker()}))}}componentDidLoad(){var t;this.initializeDatepicker();if(this.value){const e=new Date(this.value);if(!isNaN(e.getTime())){(t=this.datepickerInstance)===null||t===void 0?void 0:t.setDate(e,true);if(this.inputElement){this.inputElement.value=this.formatDate(e);this.internalValue=this.formatDate(e)}}}this.internals.setFormValue(this.value?this.value:null)}disconnectedCallback(){if(this.datepickerInstance&&typeof this.datepickerInstance.remove==="function"){setTimeout((()=>{if(!this.el.isConnected&&this.datepickerInstance){this.datepickerInstance.remove();this.datepickerInstance=null}}),100)}}watchValue(t){if(this.datepickerInstance&&t){const e=new Date(t);if(!isNaN(e.getTime())){this.datepickerInstance.setDate(e,true);const t=this.formatDate(e);this.inputElement.value=t;this.internalValue=t;this.lastInputValue=t}}else if(this.datepickerInstance){this.datepickerInstance.setDate(undefined,true);this.inputElement.value="";this.internalValue="";this.lastInputValue=""}this.internals.setFormValue(t?t:null);this.updateRangeConstraints()}watchDisabled(t){if(this.inputElement){this.inputElement.disabled=t}}watchMinDate(t){if(this.datepickerInstance&&t){this.datepickerInstance.setMin(new Date(t))}else if(this.datepickerInstance){this.datepickerInstance.setMin(undefined)}}watchMaxDate(t){if(this.datepickerInstance&&t){this.datepickerInstance.setMax(new Date(t))}else if(this.datepickerInstance){this.datepickerInstance.setMax(undefined)}}async open(){if(this.datepickerInstance){this.datepickerInstance.show()}}async close(){if(this.datepickerInstance){this.datepickerInstance.hide()}}async setDate(t){if(this.datepickerInstance){const e=typeof t==="string"?new Date(t):t;this.datepickerInstance.setDate(e,true)}}async getDate(){return this.datepickerInstance?this.datepickerInstance.dateSelected:null}async getRange(){var t;if(this.range&&((t=this.datepickerInstance)===null||t===void 0?void 0:t.getRange)){return this.datepickerInstance.getRange()}return{start:null,end:null}}async updateConstraints(t,e){if(!this.datepickerInstance)return;if(t!==undefined){if(typeof this.datepickerInstance.setMin==="function"){this.datepickerInstance.setMin(t)}else{this.datepickerInstance.minDate=t}}if(e!==undefined){if(typeof this.datepickerInstance.setMax==="function"){this.datepickerInstance.setMax(e)}else{this.datepickerInstance.maxDate=e}}if(this.isOpen&&this.datepickerInstance.calendar){this.datepickerInstance.hide();setTimeout((()=>{this.datepickerInstance.show()}),0)}}async resetInput(){this.value="";this.internalValue="";this.lastInputValue="";this.internals.setFormValue(null);if(this.inputElement){this.inputElement.value=""}if(this.datepickerInstance){this.datepickerInstance.setDate(undefined,true)}this.dateChange.emit({value:"",date:null});this.updateRangeConstraints()}toISODateString(t){const e=t.getFullYear();const i=`${t.getMonth()+1}`.padStart(2,"0");const r=`${t.getDate()}`.padStart(2,"0");return`${e}-${i}-${r}`}getRangeSiblings(){if(!this.range||!this.rangeId)return{start:null,end:null};const t=`spw-date-picker[range][range-id="${this.rangeId}"]`;const e=Array.from(document.querySelectorAll(t));let i=null;let r=null;e.forEach((t=>{if(t.hasAttribute("is-start")){i=t}else{r=t}}));return{start:i,end:r}}highlightRangeInCalendar(){var t;if(!this.range||!this.rangeId||!((t=this.datepickerInstance)===null||t===void 0?void 0:t.calendar))return;const{start:e,end:i}=this.getRangeSiblings();if(!e||!i)return;const r=e.value;const s=i.value;if(!r||!s){const t=this.datepickerInstance.calendar.querySelectorAll(".qs-square");t.forEach((t=>{t.classList.remove("spw-date-range-start","spw-date-range-end","spw-date-range-middle")}));return}const n=new Date(r);const o=new Date(s);if(isNaN(n.getTime())||isNaN(o.getTime()))return;const a=this.datepickerInstance.calendar.querySelectorAll(".qs-square:not(.qs-empty)");a.forEach((t=>{const e=parseInt(t.textContent||"0",10);if(!e)return;const i=this.datepickerInstance.currentMonth;const r=this.datepickerInstance.currentYear;const s=new Date(r,i,e);const a=new Date(s.getFullYear(),s.getMonth(),s.getDate());const d=new Date(n.getFullYear(),n.getMonth(),n.getDate());const c=new Date(o.getFullYear(),o.getMonth(),o.getDate());if(a>=d&&a<=c){if(a.getTime()===d.getTime()){t.classList.add("spw-date-range-start");t.classList.remove("spw-date-range-middle","spw-date-range-end")}else if(a.getTime()===c.getTime()){t.classList.add("spw-date-range-end");t.classList.remove("spw-date-range-middle","spw-date-range-start")}else{t.classList.add("spw-date-range-middle");t.classList.remove("spw-date-range-start","spw-date-range-end")}}else{t.classList.remove("spw-date-range-start","spw-date-range-end","spw-date-range-middle")}}))}async updateRangeConstraints(){var t,e;if(!this.range||!this.rangeId)return;const{start:i,end:r}=this.getRangeSiblings();if(this.isStart&&r){await((t=r.componentOnReady)===null||t===void 0?void 0:t.call(r));const e=this.value?new Date(this.value):null;if(e&&!isNaN(e.getTime())){await r.updateConstraints(e,undefined)}else{const t=r.minDate?new Date(r.minDate):undefined;await r.updateConstraints(t,undefined)}}if(!this.isStart&&i){await((e=i.componentOnReady)===null||e===void 0?void 0:e.call(i));const t=this.value?new Date(this.value):null;if(t&&!isNaN(t.getTime())){await i.updateConstraints(undefined,t)}else{const t=i.maxDate?new Date(i.maxDate):undefined;await i.updateConstraints(undefined,t)}}}unmask(t){return t?t.replace(/[^0-9]/g,""):""}applyMaskSmart(t){if(!t)return"";const e=this.unmask(t);let i="";for(let t=0;t<e.length&&t<8;t++){if(t===2||t===4){i+="/"}i+=e[t]}return i}setupCalendarNavigation(){if(!this.datepickerInstance)return;const t=this.datepickerInstance.calendarContainer;if(!t)return;const e=[...Array.from(t.querySelectorAll(".qs-arrow")),t.querySelector(".qs-month-year"),...Array.from(t.querySelectorAll(".qs-square:not(.qs-day):not(.qs-empty)"))].filter(Boolean);e.forEach((t=>{t.setAttribute("tabindex","0");t.addEventListener("keydown",(i=>{this.handleCalendarKeyDown(i,t,e)}))}))}handleCalendarKeyDown(t,e,i){const r=i.indexOf(e);let s=r;switch(t.key){case"ArrowRight":t.preventDefault();s=Math.min(r+1,i.length-1);break;case"ArrowLeft":t.preventDefault();s=Math.max(r-1,0);break;case"ArrowDown":t.preventDefault();s=e.classList.contains("qs-square")?Math.min(r+7,i.length-1):Math.min(r+1,i.length-1);break;case"ArrowUp":t.preventDefault();s=e.classList.contains("qs-square")?Math.max(r-7,0):Math.max(r-1,0);break;case"Home":t.preventDefault();s=0;break;case"End":t.preventDefault();s=i.length-1;break;case"Enter":case" ":t.preventDefault();if(e.classList.contains("qs-arrow")){e.click();setTimeout((()=>e.focus()),0)}else{e.click()}return;case"Escape":t.preventDefault();this.datepickerInstance.hide();this.inputElement.focus();return}if(s!==r){const t=i[s];if(t&&!t.matches(".qs-day, .qs-disabled, .qs-empty")){t.focus()}}}initializeDatepicker(){var t;if(!this.inputElement){const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector('input[type="text"]');if(e){this.inputElement=e}else{return}}const e={position:this.position,startDay:1,customDays:["Dim","Lun","Mar","Mer","Jeu","Ven","Sam"],customMonths:["Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre"],overlayPlaceholder:"Année",overlayButton:"Valider",formatter:(t,e)=>{const i=this.formatDate(e);t.value=i;this.internalValue=i;this.lastInputValue=i},disabler:t=>{const e=this.disabledDays;if(e.includes(t.getDay()))return true;const i=t.toISOString().split("T")[0];return this.disabledDates.includes(i)},onSelect:t=>{const e=t instanceof Date?t:t===null||t===void 0?void 0:t.dateSelected;if(!e||isNaN(e.getTime()))return;const i=this.toISODateString(e);this.value=i;const r=this.formatDate(e);this.inputElement.value=r;this.internalValue=r;this.lastInputValue=r;this.internals.setFormValue(i);this.dateChange.emit({value:i,date:e});this.updateRangeConstraints();setTimeout((()=>{var t,e;this.highlightRangeInCalendar();const{start:i,end:r}=this.getRangeSiblings();const s=this.isStart?r:i;if(s&&s.isOpen){(e=(t=s).highlightRangeInCalendar)===null||e===void 0?void 0:e.call(t)}}),50)},onShow:()=>{this.isOpen=true;this.datePickerOpen.emit();setTimeout((()=>{this.setupCalendarNavigation();this.highlightRangeInCalendar();setTimeout((()=>this.highlightRangeInCalendar()),50);setTimeout((()=>this.highlightRangeInCalendar()),150)}),100)},onHide:()=>{this.isOpen=false;this.datePickerClose.emit()}};if(this.range&&this.rangeId){const{start:t,end:i}=this.getRangeSiblings();if(this.isStart){if(i&&i.value){const t=new Date(i.value);if(!isNaN(t.getTime())){e.maxDate=t}}}else{if(t&&t.value){const i=new Date(t.value);if(!isNaN(i.getTime())){e.minDate=i}}}}else{if(this.minDate)e.minDate=new Date(this.minDate);if(this.maxDate)e.maxDate=new Date(this.maxDate)}if(this.datepickerInstance){if(typeof this.datepickerInstance.remove==="function"){this.datepickerInstance.remove()}}this.datepickerInstance=l(this.inputElement,e);if(this.value){const t=new Date(this.value);if(!isNaN(t.getTime())){try{this.datepickerInstance.setDate(t,true);const e=this.formatDate(t);this.inputElement.value=e;this.internalValue=e;this.lastInputValue=e}catch(t){}}}}formatDate(t){if(!(t instanceof Date)||isNaN(t.getTime()))return"";const e=t.getDate().toString().padStart(2,"0");const i=(t.getMonth()+1).toString().padStart(2,"0");const r=t.getFullYear();return this.dateFormat.replace("dd",e).replace("MM",i).replace("yyyy",r.toString())}parseDate(t){const e=t.split("/");if(e.length===3){const t=parseInt(e[0],10);const i=parseInt(e[1],10)-1;const r=parseInt(e[2],10);if(!isNaN(t)&&!isNaN(i)&&!isNaN(r)){return new Date(r,i,t)}}return null}formResetCallback(){this.value="";this.internalValue="";this.lastInputValue="";this.internals.setFormValue(null);if(this.inputElement){this.inputElement.value=""}if(this.datepickerInstance){this.datepickerInstance.setDate(undefined,true)}this.dateChange.emit({value:"",date:null});this.updateRangeConstraints()}render(){const t={"spw-date-picker__input":true,"spw-date-picker__input--error":this.hasError,"spw-date-picker__input--disabled":this.disabled,"spw-date-picker__input--open":this.isOpen};const e=this.error||this.internalError;return i(r,{key:"eb66aebb637564da5d4e3c83cfe76d9d61e12e85"},i("div",{key:"7984062a8d5c11c6876780431ff8bfd93bd935cc",class:"spw-date-picker"},this.label&&i("spw-field-label",{key:"494b6184491b96597c068dccba20a8f7d588b144",label:this.label,required:this.required}),this.assistiveText&&i("spw-field-message",{key:"cac9fb61d6af9ddfc648a1483812a72fea20ed2b",class:"spw-tw-mb-2 -spw-tw-mt-1",variant:"hint",showIcon:false},this.assistiveText),i("div",{key:"d54d9d938865e6594c7f58f62941a01014503ee5",class:"spw-date-picker__input-container"},i("input",{key:"a5495ee8d28f851e40c8139f1f2ced630f19d016",ref:t=>this.inputElement=t,id:this.uniqueId,type:"text",class:t,value:this.internalValue,placeholder:this.placeholder,disabled:this.disabled,required:this.required,onFocus:this.handleInputFocus,onInput:this.handleInputChange,onKeyDown:this.handleKeyDown,"aria-describedby":this.assistiveText||e?`${this.uniqueId}-help ${this.uniqueId}-error`:undefined,"aria-invalid":this.hasError}),i("spw-icon",{key:"0737358ffe36b3c05d8a767c7cfdf14832144c85",icon:"fa-calendar",class:"spw-date-picker__icon"})),this.error&&i("spw-field-message",{key:"da0bf405570f245e40822174b0360537be5de8da",variant:"error",showIcon:this.showErrorIcon},this.error),this.hint&&i("spw-field-message",{key:"2f72f9c384714c9687abe5807ce1a42c94247357",variant:"hint",showIcon:this.showHintIcon},this.hint),this.success&&i("spw-field-message",{key:"c6d8902f5c56a696eea582d60f0fc82baade5cf3",variant:"success",showIcon:this.showSuccessIcon},this.success),this.warning&&i("spw-field-message",{key:"297c8119472b719c145c10301f4bd37bc6812f35",variant:"warning",showIcon:this.showWarningIcon},this.warning)))}static get formAssociated(){return true}get el(){return s(this)}static get watchers(){return{value:["watchValue"],disabled:["watchDisabled"],minDate:["watchMinDate"],maxDate:["watchMaxDate"]}}};u.style=p;export{u as spw_date_picker};
+//# sourceMappingURL=p-9e8a779e.entry.js.map