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

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwSelectCss","SpwSelect","constructor","hostRef","this","label","placeholder","required","size","error","hint","success","warning","showErrorIcon","showHintIcon","showSuccessIcon","showWarningIcon","defaultValue","handleItemsChange","selectElement","syncDynamicOptions","componentWillLoad","_a","value","getInitialSelectedValue","internalValue","componentDidLoad","internals","setFormValue","getFormValue","items","moveOptionsToLightDom","formResetCallback","setValue","val","String","valueChanged","emit","length","assignedNodes","Array","from","el","querySelectorAll","option","hasAttribute","getAttribute","handleSelectChange","event","select","target","slot","shadowRoot","querySelector","flatten","forEach","node","nodeName","appendChild","options","remove","item","document","createElement","itemValue","itemLabel","textContent","renderErrorMessage","h","variant","showIcon","renderHintMessage","renderSuccessMessage","renderWarningMessage","elementClass","disabled","render","Host","key","class","name","assistiveText","id","onChange","ref","tabindex","selected","icon"],"sources":["src/components/spw-select/spw-select.scss?tag=spw-select&encapsulation=shadow","src/components/spw-select/spw-select.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-select {\n  position: relative;\n  &__container {\n    position: relative;\n  }\n  &__arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: 12px;\n    pointer-events: none;\n    color: var(--spw-color-themes-grey-grey-600);\n    font-size: 16px;\n  }\n  &__trigger {\n    width: 100%;\n    height: 40px;\n    border-radius: 4px;\n    border: 1px solid var(--spw-color-themes-grey-grey-800);\n    background-color: #fff;\n    font-size: 16px;\n    color: var(--spw-color-themes-grey-grey-800);\n    position: relative;\n    padding: 0;\n    margin: 0;\n    appearance: none;\n    padding: 0 12px;\n    padding-right: 40px;\n\n    &:hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n\n    &:focus-visible {\n      outline: 3px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 6px black;\n    }\n\n    &::after {\n      content: '\\f078';\n      font-family: var(--spw-ds-font-icons-solid);\n      font-weight: 900;\n      font-size: 14px;\n      color: var(--spw-color-themes-grey-grey-800);\n      position: absolute;\n      right: 10px;\n      top: 50%;\n      transform: translateY(-50%);\n      pointer-events: none;\n    }\n\n    .spw-select--is-error & {\n      border-color: var(--spw-colors-states-error-error-300);\n    }\n\n    .spw-select--large & {\n      height: 60px;\n      padding: 0 24px;\n      font-size: 18px;\n    }\n\n    .spw-select--disabled & {\n      border-color: var(--spw-color-themes-grey-grey-400);\n      background: var(--spw-color-themes-grey-grey-100);\n      color: var(--spw-color-themes-grey-grey-500);\n      cursor: not-allowed;\n      &::placeholder {\n        color: var(--spw-color-themes-grey-grey-500);\n      }\n      &:hover,\n      &:focus,\n      &:focus-visible {\n        outline: none;\n      }\n    }\n  }\n}\n","import { AttachInternals, Host, Component, Prop, State, Event, EventEmitter, h, Element, Watch } from '@stencil/core';\n\nexport interface SelectItem {\n  label: string;\n  value: string | number;\n}\n\n@Component({\n  tag: 'spw-select',\n  styleUrl: 'spw-select.scss',\n  formAssociated: true,\n  shadow: true,\n})\nexport class SpwSelect {\n  @Element() el: HTMLSpwSelectElement;\n\n  /** Emet un event si la valeur change */\n  @Event() valueChanged: EventEmitter<string | number>;\n  @State() internalValue: string | number;\n\n  /** Valeur sélectionnée actuelle, mutable et reflétée dans le DOM */\n  @Prop({ mutable: true, reflect: true }) value: string | number;\n  /** Label associé au champ de sélection */\n  @Prop() label: string = '';\n  /** Texte du placeholder à afficher lorsque rien n'est sélectionné */\n  @Prop() placeholder: string = 'Sélectionner une option';\n  /** Indique si le champ de sélection est désactivé */\n  @Prop() disabled: boolean;\n  /** Nom de l'élément utilisé dans les formulaires pour associer la valeur sélectionnée */\n  @Prop() name: string;\n  /** Indique si la sélection est obligatoire dans le formulaire */\n  @Prop() required: boolean = false;\n  /** Taille du champ de sélection : 'large' ou 'medium' */\n  @Prop() size: 'large' | 'medium' = 'medium';\n  /** Texte d'assistance affiché sous le champ de sélection */\n  @Prop() assistiveText?: string;\n  /** Message d'erreur à afficher sous le champ de sélection */\n  @Prop() error?: string = '';\n  /** Message d'indication (hint) à afficher sous le champ de sélection */\n  @Prop() hint?: string = '';\n  /** Message de succès à afficher sous le champ de sélection */\n  @Prop() success?: string = '';\n  /** Message de warning à afficher sous le champ */\n  @Prop() warning?: string = '';\n  /** Affiche une icône d'erreur si vrai */\n  @Prop() showErrorIcon?: boolean = true;\n  /** Affiche une icône d'indication si vrai */\n  @Prop() showHintIcon?: boolean = true;\n  /** Affiche une icône de succès si vrai */\n  @Prop() showSuccessIcon?: boolean = true;\n  /** Affiche une icône de warning si vrai */\n  @Prop() showWarningIcon?: boolean = true;\n  /** Liste d'items dynamiques pour générer les options (array d'objects avec label + value) */\n  @Prop() items?: SelectItem[];\n  /** Propriété à utiliser comme label des options */\n  @Prop() itemLabel?: string;\n  /** Propriété à utiliser comme valeur des options */\n  @Prop() itemValue?: string;\n\n  private selectElement!: HTMLSelectElement;\n  private defaultValue: string | number | null = null;\n\n  @AttachInternals() internals: ElementInternals;\n\n  @Watch('items')\n  handleItemsChange() {\n    if (this.selectElement) {\n      this.syncDynamicOptions();\n    }\n  }\n\n  componentWillLoad() {\n    this.defaultValue = this.value ?? this.getInitialSelectedValue();\n    this.internalValue = this.value || this.getInitialSelectedValue();\n  }\n\n  componentDidLoad() {\n    this.internals.setFormValue(this.getFormValue());\n    if (!this.items) {\n      this.moveOptionsToLightDom();\n    } else {\n      this.syncDynamicOptions();\n    }\n  }\n\n  formResetCallback() {\n    this.setValue(this.defaultValue ?? '');\n  }\n\n  private setValue(val: string | number) {\n    this.internalValue = val;\n    this.value = val;\n\n    if (this.selectElement) {\n      this.selectElement.value = String(val);\n    }\n\n    this.internals.setFormValue(this.getFormValue());\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  private getFormValue(): string | null {\n    return this.internalValue ? String(this.internalValue) : null;\n  }\n\n  private getInitialSelectedValue(): string | number | null {\n    if (this.items && this.items.length > 0) {\n      return null;\n    }\n    const assignedNodes = Array.from(this.el.querySelectorAll('option')) as HTMLOptionElement[];\n    for (const option of assignedNodes) {\n      if (option.hasAttribute('selected')) {\n        return option.getAttribute('value');\n      }\n    }\n    return null;\n  }\n\n  private handleSelectChange(event: Event) {\n    const select = event.target as HTMLSelectElement;\n    this.internalValue = select.value;\n    this.value = this.internalValue;\n    this.internals.setFormValue(this.getFormValue());\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  private moveOptionsToLightDom() {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      const assignedNodes = slot.assignedNodes({ flatten: true }) as HTMLElement[];\n      assignedNodes.forEach(node => {\n        if (node.nodeName === 'OPTION' || node.nodeName === 'OPTGROUP') {\n          this.selectElement.appendChild(node);\n        }\n      });\n    }\n  }\n\n  private syncDynamicOptions() {\n    while (this.selectElement.options.length > 1) {\n      this.selectElement.remove(1);\n    }\n\n    if (this.items && this.items.length > 0) {\n      this.items.forEach(item => {\n        const option = document.createElement('option');\n        const value = this.itemValue ? item[this.itemValue] : item;\n        const label = this.itemLabel ? item[this.itemLabel] : item;\n        option.value = String(value);\n        option.textContent = String(label);\n        this.selectElement.appendChild(option);\n      });\n    }\n\n    if (this.selectElement.value !== String(this.internalValue || '')) {\n      this.selectElement.value = String(this.internalValue || '');\n    }\n  }\n\n  private renderErrorMessage() {\n    if (this.error) {\n      return (\n        <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n          {this.error}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderHintMessage() {\n    if (this.hint) {\n      return (\n        <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n          {this.hint}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderSuccessMessage() {\n    if (this.success) {\n      return (\n        <spw-field-message variant=\"success\" showIcon={this.showSuccessIcon}>\n          {this.success}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderWarningMessage() {\n    if (this.warning) {\n      return (\n        <spw-field-message variant=\"warning\" showIcon={this.showWarningIcon}>\n          {this.warning}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-select': true,\n      [`spw-select--${this.size}`]: true,\n      'spw-select--disabled': this.disabled,\n      'spw-select--is-error': !!this.error,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          {this.label && <spw-field-label label={this.label} name={this.name} required={this.required}></spw-field-label>}\n          {this.assistiveText && (\n            <spw-field-message class=\"spw-tw-mb-2 -spw-tw-mt-1\" variant=\"hint\" showIcon={false}>\n              {this.assistiveText}\n            </spw-field-message>\n          )}\n          <div class=\"spw-select__container\">\n            <select\n              id={this.name}\n              class=\"spw-select__trigger\"\n              onChange={event => this.handleSelectChange(event)}\n              disabled={this.disabled}\n              ref={el => (this.selectElement = el as HTMLSelectElement)}\n              tabindex={this.disabled ? -1 : 0}\n            >\n              <option value=\"\" disabled selected={!this.internalValue}>\n                {this.placeholder}\n              </option>\n            </select>\n            <spw-icon class=\"spw-select__arrow\" icon=\"fa-chevron-down\"></spw-icon>\n          </div>\n          {!this.items && <slot />}\n        </div>\n        {this.renderErrorMessage()}\n        {this.renderHintMessage()}\n        {this.renderSuccessMessage()}\n        {this.renderWarningMessage()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as a}from"./p-BYM_CUUH.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:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-table-header{background:var(--spw-color-themes-grey-grey-200);background-clip:padding-box;border:1px solid var(--spw-color-themes-grey-grey-300);border-bottom:none!important;border-top:none!important;box-shadow:inset 0 1px 0 var(--spw-color-themes-grey-grey-300),inset 0 -1px 0 var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;font-weight:700;text-align:left;transition:all .2s linear;white-space:nowrap}:host-context(.spw-table--is-sticky) .spw-table-header{position:sticky;top:0;z-index:20}.spw-table-header--text-align-left{text-align:left}.spw-table-header--text-align-center{text-align:center}.spw-table-header--text-align-right{text-align:right}.spw-table-header--vertical-align-top{vertical-align:top}.spw-table-header--vertical-align-bottom{vertical-align:bottom}.spw-table-header--vertical-align-middle{vertical-align:middle}.spw-table-header--has-tooltip .spw-table-header__content{align-items:center;display:flex;gap:16px;justify-content:space-between}.spw-table-header--has-tooltip .spw-table-header__content spw-icon{color:var(--spw-color-themes-grey-grey-500)}.spw-table-header--has-tooltip .spw-table-header__content spw-icon:hover{color:var(--spw-color-themes-grey-grey-900)}.spw-table-header--sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-table-header--sortable:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-table-header--sortable .spw-table-header__content{align-items:center;display:flex;gap:16px;justify-content:space-between}.spw-table-header--sortable .spw-table-header__content spw-icon{color:var(--spw-color-themes-grey-grey-500)}.spw-table-header--sortable .spw-table-header__content spw-icon:hover,.spw-table-header--sortable .spw-table-header__content--is-sorted .spw-table-header__sort-icon{color:var(--spw-color-themes-grey-grey-900)}.spw-table-header__sort-icons{display:flex;gap:0}.spw-table-header--padding-small{padding:8px}.spw-table-header--padding-medium{padding:16px}.spw-table-header__icons{align-items:center;color:var(--spw-color-themes-grey-grey-500);display:flex;gap:8px}.spw-table-header ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}";const o=class{constructor(a){e(this,a);this.spwHeaderClick=t(this,"spwHeaderClick");this.isHighlighted=false;this.textAlign="left";this.verticalAlign="top";this.padding="medium";this.sortable=false;this.isSorted=false;this.handleClick=e=>{if(e.target.closest('[slot="filters"]')){e.stopPropagation();return}if(this.sortable){this.spwHeaderClick.emit(this.columnId)}}}get elementClass(){return{"spw-table-header":true,"spw-table-header--sortable":this.sortable,"spw-table-header--is-sorted":this.isSorted,"spw-table-header--has-tooltip":!!(this.tooltipTitle||this.tooltipText),[`spw-table-header--padding-${this.padding}`]:true,[`spw-table-header--text-align-${this.textAlign}`]:true,[`spw-table-header--vertical-align-${this.verticalAlign}`]:true}}render(){return a("th",{key:"1dbe8334cf875abe22dfd92d43a5e0e0f2b7d474","aria-sort":this.isSorted?this.sortDirection:"none",onClick:this.handleClick,class:this.elementClass,colSpan:this.colspan,headers:this.headers,part:"cell",rowSpan:this.rowspan},a("div",{key:"afd24d691ef3cfdcd12c39d272ac55dc52cdb798",class:{"spw-table-header__content":true,"spw-table-header__content--is-sorted":this.isSorted}},a("slot",{key:"4092fc819995890db5c8eaecab65113126d03e13"}),a("div",{key:"9794980e48fb08fd415cdac3a8ebbb6734495a31",class:"spw-table-header__icons"},a("slot",{key:"85407114daf3b3d09711f2c24a9506f5586d7b2a",name:"filters"}),(this.tooltipTitle||this.tooltipText)&&a("spw-tooltip",{key:"de9654bf47a72d82a3ed3d54b016802f663e6918","tooltip-title":this.tooltipTitle,"tooltip-text":this.tooltipText},a("spw-icon",{key:"eaa5ddbb83edb6efbaaecdfb2844a5f9d4cd7368",variant:"fa-regular",icon:"fa-circle-question"})),this.sortable&&a("spw-icon",{key:"8518bc0342af2e0d8845dc54c2de49f8b6ca5b38",class:"spw-table-header__sort-icon",icon:this.isSorted?this.sortDirection==="asc"?"fa-arrow-up-short-wide":"fa-arrow-down-wide-short":"fa-arrow-up-arrow-down"}))))}};o.style=s;export{o as spw_table_header};
-//# sourceMappingURL=p-8ef8864e.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwTableHeaderCss","SpwTableHeader","constructor","hostRef","this","isHighlighted","textAlign","verticalAlign","padding","sortable","isSorted","handleClick","event","target","closest","stopPropagation","spwHeaderClick","emit","columnId","elementClass","tooltipTitle","tooltipText","render","h","key","sortDirection","onClick","class","colSpan","colspan","headers","part","rowSpan","rowspan","name","variant","icon"],"sources":["src/components/spw-table/spw-table-header/spw-table-header.scss?tag=spw-table-header&encapsulation=shadow","src/components/spw-table/spw-table-header/spw-table-header.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-table-header {\n  border: 1px solid var(--spw-color-themes-grey-grey-300);\n  color: var(--spw-color-themes-grey-grey-800);\n  font-size: 14px;\n  text-align: left;\n  font-weight: 700;\n  transition: all 0.2s linear;\n  background: var(--spw-color-themes-grey-grey-200);\n  white-space: nowrap;\n  border-top: none !important;\n  border-bottom: none !important;\n  box-shadow:\n    inset 0 1px 0 var(--spw-color-themes-grey-grey-300),\n    inset 0 -1px 0 var(--spw-color-themes-grey-grey-300);\n\n  background-clip: padding-box;\n\n  :host-context(.spw-table--is-sticky) & {\n    position: sticky;\n    top: 0;\n    z-index: 20;\n  }\n\n  &--text-align-left {\n    text-align: left;\n  }\n  &--text-align-center {\n    text-align: center;\n  }\n  &--text-align-right {\n    text-align: right;\n  }\n  &--vertical-align-top {\n    vertical-align: top;\n  }\n  &--vertical-align-bottom {\n    vertical-align: bottom;\n  }\n  &--vertical-align-middle {\n    vertical-align: middle;\n  }\n\n  &--has-tooltip {\n    .spw-table-header__content {\n      display: flex;\n      gap: 16px;\n      justify-content: space-between;\n      align-items: center;\n      spw-icon {\n        color: var(--spw-color-themes-grey-grey-500);\n        &:hover {\n          color: var(--spw-color-themes-grey-grey-900);\n        }\n      }\n    }\n  }\n  &--sortable {\n    user-select: none;\n    cursor: pointer;\n    &:hover {\n      background: var(--spw-color-themes-grey-grey-300);\n    }\n    .spw-table-header__content {\n      display: flex;\n      gap: 16px;\n      justify-content: space-between;\n      align-items: center;\n      spw-icon {\n        color: var(--spw-color-themes-grey-grey-500);\n        &:hover {\n          color: var(--spw-color-themes-grey-grey-900);\n        }\n      }\n      &--is-sorted {\n        .spw-table-header__sort-icon {\n          color: var(--spw-color-themes-grey-grey-900);\n        }\n      }\n    }\n  }\n  &__sort-icons {\n    display: flex;\n    gap: 0;\n  }\n  &--padding-small {\n    padding: 8px;\n  }\n  &--padding-medium {\n    padding: 16px;\n  }\n  &__icons {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    color: var(--spw-color-themes-grey-grey-500);\n  }\n  ::slotted(spw-checkbox) {\n    --spw-ds-checkbox-checked-color: #000;\n  }\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-header',\n  styleUrl: 'spw-table-header.scss',\n  shadow: true,\n})\nexport class SpwTableHeader {\n  /** Définit un colspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() colspan?: HTMLTableCellElement['colSpan'];\n  /** Définit un header relationnel pour la cellule, à des fins d'accessibilité (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() headers?: HTMLTableCellElement['headers'];\n  /** Définit un rowspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() rowspan?: HTMLTableCellElement['rowSpan'];\n  /** Définit un style visuel qui met en avant la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() isHighlighted?: boolean = false;\n  /** Définit un alignement de texte pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() textAlign?: 'center' | 'left' | 'right' = 'left';\n  /** Définit un alignement vertical pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() verticalAlign?: 'top' | 'bottom' | 'middle' = 'top';\n  /** Définit le padding pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() padding?: 'small' | 'medium' = 'medium';\n  /** Définit id pour la colonne (en cas de tri) (à appliquer sur spw-table-header) */\n  @Prop() columnId: string;\n  /** Définit si la colonne est triable (à appliquer sur spw-table-header) */\n  @Prop() sortable?: boolean = false;\n  /** Définit la direction pour le tri sur la colonne (ascendant ou descendant) (à appliquer sur spw-table-header) */\n  @Prop() sortDirection?: 'asc' | 'desc';\n  /** Définit si la colonne est triée ou non (à appliquer sur spw-table-header) */\n  @Prop() isSorted?: boolean = false;\n  /** Définit un titre pour le tooltip (à appliquer sur spw-table-header) */\n  @Prop() tooltipTitle?: string;\n  /** Définit un contenu pour le tooltip (à appliquer sur spw-table-header) */\n  @Prop() tooltipText?: string;\n\n  @Event() spwHeaderClick: EventEmitter<string>;\n\n  private handleClick = (event: MouseEvent) => {\n    if ((event.target as HTMLElement).closest('[slot=\"filters\"]')) {\n      event.stopPropagation();\n      return;\n    }\n    if (this.sortable) {\n      this.spwHeaderClick.emit(this.columnId);\n    }\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-table-header': true,\n      'spw-table-header--sortable': this.sortable,\n      'spw-table-header--is-sorted': this.isSorted,\n      'spw-table-header--has-tooltip': !!(this.tooltipTitle || this.tooltipText),\n      [`spw-table-header--padding-${this.padding}`]: true,\n      [`spw-table-header--text-align-${this.textAlign}`]: true,\n      [`spw-table-header--vertical-align-${this.verticalAlign}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <th\n        aria-sort={this.isSorted ? this.sortDirection : 'none'}\n        onClick={this.handleClick}\n        class={this.elementClass}\n        colSpan={this.colspan}\n        headers={this.headers}\n        part=\"cell\"\n        rowSpan={this.rowspan}\n      >\n        <div\n          class={{\n            'spw-table-header__content': true,\n            'spw-table-header__content--is-sorted': this.isSorted,\n          }}\n        >\n          <slot />\n          <div class=\"spw-table-header__icons\">\n            <slot name=\"filters\"></slot>\n            {(this.tooltipTitle || this.tooltipText) && (\n              <spw-tooltip tooltip-title={this.tooltipTitle} tooltip-text={this.tooltipText}>\n                <spw-icon variant=\"fa-regular\" icon=\"fa-circle-question\"></spw-icon>\n              </spw-tooltip>\n            )}\n            {this.sortable && (\n              <spw-icon\n                class=\"spw-table-header__sort-icon\"\n                icon={this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down'}\n              ></spw-icon>\n            )}\n          </div>\n        </div>\n      </th>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAoB,8uJ,MCObC,EAAc,MAL3B,WAAAC,CAAAC,G,uDAaUC,KAAaC,cAAa,MAE1BD,KAASE,UAAiC,OAE1CF,KAAaG,cAAiC,MAE9CH,KAAOI,QAAwB,SAI/BJ,KAAQK,SAAa,MAIrBL,KAAQM,SAAa,MAQrBN,KAAAO,YAAeC,IACrB,GAAKA,EAAMC,OAAuBC,QAAQ,oBAAqB,CAC7DF,EAAMG,kBACN,M,CAEF,GAAIX,KAAKK,SAAU,CACjBL,KAAKY,eAAeC,KAAKb,KAAKc,S,EAoDnC,CAhDC,gBAAYC,GACV,MAAO,CACL,mBAAoB,KACpB,6BAA8Bf,KAAKK,SACnC,8BAA+BL,KAAKM,SACpC,mCAAoCN,KAAKgB,cAAgBhB,KAAKiB,aAC9D,CAAC,6BAA6BjB,KAAKI,WAAY,KAC/C,CAAC,gCAAgCJ,KAAKE,aAAc,KACpD,CAAC,oCAAoCF,KAAKG,iBAAkB,K,CAIhE,MAAAe,GACE,OACEC,EAAA,MAAAC,IAAA,uDACapB,KAAKM,SAAWN,KAAKqB,cAAgB,OAChDC,QAAStB,KAAKO,YACdgB,MAAOvB,KAAKe,aACZS,QAASxB,KAAKyB,QACdC,QAAS1B,KAAK0B,QACdC,KAAK,OACLC,QAAS5B,KAAK6B,SAEdV,EAAA,OAAAC,IAAA,2CACEG,MAAO,CACL,4BAA6B,KAC7B,uCAAwCvB,KAAKM,WAG/Ca,EAAQ,QAAAC,IAAA,6CACRD,EAAK,OAAAC,IAAA,2CAAAG,MAAM,2BACTJ,EAAM,QAAAC,IAAA,2CAAAU,KAAK,aACT9B,KAAKgB,cAAgBhB,KAAKiB,cAC1BE,EAAA,eAAAC,IAAA,2DAA4BpB,KAAKgB,aAA4B,eAAAhB,KAAKiB,aAChEE,EAAU,YAAAC,IAAA,2CAAAW,QAAQ,aAAaC,KAAK,wBAGvChC,KAAKK,UACJc,EACE,YAAAC,IAAA,2CAAAG,MAAM,8BACNS,KAAMhC,KAAKM,SAAYN,KAAKqB,gBAAkB,MAAQ,yBAA2B,2BAA8B,6B","ignoreList":[]}

package/dist/spw-stencil-library/p-9356f8c9.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as i,g as n,c as o}from"./p-BYM_CUUH.js";const s="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}";const a=class{constructor(e){t(this,e)}render(){return e(i,{key:"580fb50f869e7eb3e2c0a53f41ad515d94cbe009"},e("div",{key:"841e8c248402008a91263ba8e11d09505ca1b71b",class:"spw-accordion"},e("slot",{key:"cbe8f77a5f9b644b7fcea364f2e1f71d0fb09108"})))}};a.style=s;const r="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-accordion-content{color:var(--spw-color-themes-grey-grey-800);font-weight:400;line-height:1.5;overflow:hidden;transition:all .25s ease-in}:host(.--collapsed) .spw-accordion-content{max-height:0!important}.spw-accordion-content--is-opened{max-height:100%!important}.spw-accordion-content__inner{margin-bottom:var(--spw-spacings-spacing-lg);padding:0 var(--spw-spacings-spacing-lg)}";const d=class{constructor(e){t(this,e);this.isOpened=false}componentDidLoad(){this.assignItemId();this.updateHeight();window.addEventListener("resize",this.handleResize.bind(this));this.contentElement.addEventListener("transitionend",this.handleTransitionEnd.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.handleResize.bind(this));this.contentElement.removeEventListener("transitionend",this.handleTransitionEnd.bind(this))}assignItemId(){const t=this.el.closest("spw-accordion-item");if(t){const e=t.getAttribute("data-accordion-id");if(e){this.el.setAttribute("data-accordion-id",e)}}}handleAccordionToggle(t){const e=this.el.getAttribute("data-accordion-id");if(t.detail.id===e){this.isOpened=t.detail.isOpen;this.updateHeight()}}handleResize(){this.updateHeight();setTimeout((()=>{this.updateHeight()}),300)}handleTransitionEnd(t){if(t.propertyName==="max-height"){if(this.isOpened){this.contentElement.classList.add("spw-accordion-content--is-opened")}else{this.contentElement.classList.remove("spw-accordion-content--is-opened")}}}updateHeight(){requestAnimationFrame((()=>{const t=this.contentElement;if(this.isOpened){const e=t.scrollHeight;t.style.maxHeight=`${e}px`}else{t.style.maxHeight="0px"}}))}render(){return e("div",{key:"47bc447a3bc5cd22e31a103e9223d68bb3299747",class:"spw-accordion-content",ref:t=>this.contentElement=t,"data-accordion-id":this.el.getAttribute("data-accordion-id")},e("div",{key:"850eef496b26067e7924d08d2b910d1b104b2d89",class:"spw-accordion-content__inner"},e("slot",{key:"12d15fce0069bc11dcb8d16df2c3bda4870137d3",onSlotchange:()=>this.updateHeight()})))}get el(){return n(this)}};d.style=r;const c="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-accordion-item{position:relative}.spw-accordion-item__content{border-bottom:1px solid var(--spw-color-themes-grey-grey-300);position:relative}.spw-accordion-item__trigger{display:block;position:sticky;text-decoration:none;top:0;z-index:10}@media (min-width:768px){.spw-accordion-item__trigger{position:relative}}.spw-accordion-item__trigger:focus-visible{box-shadow:0 0 0 2px #000;outline:2px solid #fff;outline-offset:-3px}";const p=class{constructor(e){t(this,e);this.accordionToggle=o(this,"accordionToggle");this.isOpen=false;this.isMobile=window.innerWidth<768;this.defaultOpen=false}componentWillLoad(){this.isOpen=this.defaultOpen;this.assignItemId();this.setupResizeListener();this.toggleClasses()}componentDidLoad(){if(this.isOpen){const t=this.el.getAttribute("data-accordion-id");this.accordionToggle.emit({isOpen:this.isOpen,id:t});this.updateFocusableElements()}}disconnectedCallback(){this.teardownResizeListener()}defaultOpenChanged(t){this.isOpen=t;this.toggleClasses();this.updateFocusableElements()}assignItemId(){const t=Array.from(this.el.parentNode.children).indexOf(this.el);this.el.setAttribute("data-accordion-id",`accordion-item-${t}`)}toggleContent(){this.isOpen=!this.isOpen;const t=this.el.getAttribute("data-accordion-id");this.accordionToggle.emit({isOpen:this.isOpen,id:t});this.updateFocusableElements();if(!this.isOpen){this.scrollToElement()}this.toggleClasses()}toggleClasses(){const t=this.el.querySelector("spw-accordion-content");const e=this.el.querySelector("spw-accordion-title");if(t){t.classList.toggle("--collapsed",!this.isOpen)}if(e){e.classList.toggle("--collapsed",!this.isOpen)}}handleClick(t){t.preventDefault();this.toggleContent()}scrollToElement(){const t=this.el.shadowRoot.querySelector(".spw-accordion-item__content");if(t&&this.isMobile){t.scrollIntoView({behavior:"smooth",block:"start"})}}updateFocusableElements(){const t=this.el.shadowRoot.querySelector('slot[name="content"]');if(!t){return}const e=t.assignedElements({flatten:true});e.forEach((t=>{const e=t.querySelectorAll("*");e.forEach((t=>{if(this.isOpen){const e=t.getAttribute("data-tabindex-original");if(e!==null){t.setAttribute("tabindex",e);t.removeAttribute("data-tabindex-original")}else{t.removeAttribute("tabindex")}}else{if(!t.hasAttribute("data-tabindex-original")){const e=t.getAttribute("tabindex");if(e!==null){t.setAttribute("data-tabindex-original",e)}else{t.setAttribute("data-tabindex-original","")}}t.setAttribute("tabindex","-1")}}))}))}setupResizeListener(){this.resizeListener=()=>{this.isMobile=window.innerWidth<768};window.addEventListener("resize",this.resizeListener)}teardownResizeListener(){if(this.resizeListener){window.removeEventListener("resize",this.resizeListener)}}get elementClass(){return{"spw-accordion-item":true,"spw-accordion-item--collapsed":!this.isOpen}}get elementChildClass(){return{"spw-accordion-item__trigger":true}}render(){return e(i,{key:"db85e50c8268f27e6c2c1bd5fb9f14ade4a5918b",class:this.elementClass},e("div",{key:"85dae7aa652686ec4e74863ea78e6a82ac0d6bc7",class:"spw-accordion-item__content"},e("a",{key:"a40ecf4340f2a6380301e786d82402af1b9ca5e2",href:"#",class:this.elementChildClass,onClick:t=>this.handleClick(t)},e("slot",{key:"aa68afc78b54f5478506449f9b914fc0429819a1",name:"title"})),e("slot",{key:"d6f6682794d136ef114bd3ff286ba01237865422",name:"content"})))}get el(){return n(this)}static get watchers(){return{defaultOpen:["defaultOpenChanged"]}}};p.style=c;const l="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-accordion-title{color:var(--spw-color-themes-grey-grey-900);font-weight:700;padding:var(--spw-spacings-spacing-lg);transition:all .3s}.spw-accordion-title:hover{color:var(--spw-ds-primary)}:host-context(.spw-accordion-item:hover)>.spw-accordion-title{color:var(--spw-ds-primary)}.spw-accordion-title__content{padding-right:var(--spw-spacings-spacing-3-xl);position:relative}.spw-accordion-title__content h2,.spw-accordion-title__content h3,.spw-accordion-title__content h4,.spw-accordion-title__content h5,.spw-accordion-title__content h6{font-size:16px}.spw-accordion-title__trigger{position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(180deg);transition:all .3s}:host(.--collapsed) .spw-accordion-title__trigger{transform:translateY(-50%) rotate(0deg)}.spw-tw-mr-3{margin-right:.75rem}.spw-tw-flex{display:flex}";const b=class{constructor(e){t(this,e);this.tag="h3"}render(){const t=this.tag;const n=this.icon?e("spw-icon",{icon:this.icon}):null;return e(i,{key:"c48130c949e4772c6b6e163b8f84b595fa7b4c51"},e("div",{key:"9ff66e56f51b8642019ba46c4b11193fb821bb44",class:"spw-accordion-title"},e("div",{key:"0bb09fdd533c01e98f4f6645338327674e41f2e9",class:"spw-accordion-title__content"},e(t,{key:"3b399be71a64a1a765b0b63e254bf1526ce35534",class:"spw-tw-flex"},n&&e("div",{key:"343ecc64661eb5d85ba408d6556a6c4e407c10d9",class:"spw-tw-mr-3"},n),e("div",{key:"13531d24356419e72af41be702865551c9794518"},e("slot",{key:"b04e6bf552232e0cccffb7ae81bbcb7f689a3f45"}))),e("span",{key:"80bc63470ca5793d423df78c313fa70330f8c302",class:"spw-accordion-title__trigger"},e("spw-icon",{key:"85b2440cdff81b927edfe25a4e3bf71e99e3c236",icon:"fa-chevron-down"})))))}};b.style=l;export{a as spw_accordion,d as spw_accordion_content,p as spw_accordion_item,b as spw_accordion_title};
-//# sourceMappingURL=p-9356f8c9.entry.js.map

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

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

package/dist/spw-stencil-library/p-BYM_CUUH.js

@@ -1,3 +0,0 @@
-const e="spw-stencil-library";const t={hydratedSelectorName:"hydrated",lazyLoad:true,slotRelocation:true,updatable:true};var n=Object.defineProperty;var i=(e,t)=>{for(var i in t)n(e,i,{get:t[i],enumerable:true})};var l="http://www.w3.org/2000/svg";var r="http://www.w3.org/1999/xhtml";var s=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var o=(e,t)=>{e.__stencil__getHostRef=()=>t;t.t=e};var f=(e,t)=>{const n={i:0,$hostElement$:e,l:t,o:new Map};{n.u=new Promise((e=>n.v=e))}{n.h=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}const i=n;e.__stencil__getHostRef=()=>i;return i};var a=(e,t)=>t in e;var c=(e,t)=>(0,console.error)(e,t);var u=new Map;var v=(e,t,n)=>{const i=e.$.replace(/-/g,"_");const l=e.m;if(!l){return void 0}const r=u.get(l);if(r){return r[i]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{u.set(l,e)}return e[i]}),(e=>{c(e,t.$hostElement$)}))};var d=new Map;var h="r";var p="o";var $="s";var m="t";var y="c";var w="s-id";var b="sty-id";var g="c-id";var S="{visibility:hidden}.hydrated{visibility:inherit}";var k="slot-fb{display:contents}slot-fb[hidden]{display:none}";var j="http://www.w3.org/1999/xlink";var O=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var C=typeof window!=="undefined"?window:{};var x={i:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,i)=>e.addEventListener(t,n,i),rel:(e,t,n,i)=>e.removeEventListener(t,n,i),ce:(e,t)=>new CustomEvent(e,t)};var E=(()=>{var e;let t=false;try{(e=C.document)==null?void 0:e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(e){}return t})();var M=e=>Promise.resolve(e);var R=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var I=false;var N=[];var P=[];var T=(e,t)=>n=>{e.push(n);if(!I){I=true;if(t&&x.i&4){L(F)}else{x.raf(F)}}};var A=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){c(e)}}e.length=0};var F=()=>{A(N);{A(P);if(I=N.length>0){x.raf(F)}}};var L=e=>M().then(e);var U=T(P,true);var D=e=>{e=typeof e;return e==="object"||e==="function"};function W(e){var t,n,i;return(i=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?i:void 0}var _={};i(_,{err:()=>z,map:()=>B,ok:()=>H,unwrap:()=>V,unwrapErr:()=>Y});var H=e=>({isOk:true,isErr:false,value:e});var z=e=>({isOk:false,isErr:true,value:e});function B(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>H(e)))}else{return H(n)}}if(e.isErr){const t=e.value;return z(t)}throw"should never get here"}var V=e=>{if(e.isOk){return e.value}else{throw e.value}};var Y=e=>{if(e.isErr){return e.value}else{throw e.value}};var q=e=>{const t=te(e,"childNodes");if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){J(t,e.tagName).forEach((e=>{if(e.nodeType===1&&e.tagName==="SLOT-FB"){if(K(e,Z(e),false).length){e.hidden=true}else{e.hidden=false}}}))}let n=0;for(n=0;n<t.length;n++){const e=t[n];if(e.nodeType===1&&te(e,"childNodes").length){q(e)}}};var G=e=>{const t=[];for(let n=0;n<e.length;n++){const i=e[n]["s-nr"]||void 0;if(i&&i.isConnected){t.push(i)}}return t};function J(e,t,n){let i=0;let l=[];let r;for(;i<e.length;i++){r=e[i];if(r["s-sr"]&&(!t||r["s-hn"]===t)&&n===void 0){l.push(r)}l=[...l,...J(r.childNodes,t,n)]}return l}var K=(e,t,n=true)=>{const i=[];if(n&&e["s-sr"]||!e["s-sr"])i.push(e);let l=e;while(l=l.nextSibling){if(Z(l)===t&&(n||!l["s-sr"]))i.push(l)}return i};var Q=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var X=(e,t,n,i)=>{if(e["s-ol"]&&e["s-ol"].isConnected){return}const l=document.createTextNode("");l["s-nr"]=e;if(!t["s-cr"]||!t["s-cr"].parentNode)return;const r=t["s-cr"].parentNode;const s=te(r,"appendChild");if(typeof i!=="undefined"){l["s-oo"]=i;const e=te(r,"childNodes");const t=[l];e.forEach((e=>{if(e["s-nr"])t.push(e)}));t.sort(((e,t)=>{if(!e["s-oo"]||e["s-oo"]<(t["s-oo"]||0))return-1;else if(!t["s-oo"]||t["s-oo"]<e["s-oo"])return 1;return 0}));t.forEach((e=>s.call(r,e)))}else{s.call(r,l)}e["s-ol"]=l;e["s-sh"]=t["s-hn"]};var Z=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function ee(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const n=[];const i=this["s-sn"];if(e==null?void 0:e.flatten){console.error(`\n          Flattening is not supported for Stencil non-shadow slots. \n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `)}const l=this["s-cr"].parentElement;const r=l.__childNodes?l.childNodes:G(l.childNodes);r.forEach((e=>{if(i===Z(e)){n.push(e)}}));if(t){return n.filter((e=>e.nodeType===1))}return n}.bind(e);e.assignedElements=t(true);e.assignedNodes=t(false)}function te(e,t){if("__"+t in e){const n=e["__"+t];if(typeof n!=="function")return n;return n.bind(e)}else{if(typeof e[t]!=="function")return e[t];return e[t].bind(e)}}var ne=(e,t="")=>{{return()=>{}}};var ie=(e,t)=>{{return()=>{}}};var le=(e,t,...n)=>{let i=null;let l=null;let r=null;let s=false;let o=false;const f=[];const a=t=>{for(let n=0;n<t.length;n++){i=t[n];if(Array.isArray(i)){a(i)}else if(i!=null&&typeof i!=="boolean"){if(s=typeof e!=="function"&&!D(i)){i=String(i)}if(s&&o){f[f.length-1].k+=i}else{f.push(s?re(null,i):i)}o=s}}};a(n);if(t){if(t.key){l=t.key}if(t.name){r=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,fe)}const c=re(e,null);c.j=t;if(f.length>0){c.O=f}{c.C=l}{c.M=r}return c};var re=(e,t)=>{const n={i:0,R:e,k:t,I:null,O:null};{n.j=null}{n.C=null}{n.M=null}return n};var se={};var oe=e=>e&&e.R===se;var fe={forEach:(e,t)=>e.map(ae).forEach(t),map:(e,t)=>e.map(ae).map(t).map(ce)};var ae=e=>({vattrs:e.j,vchildren:e.O,vkey:e.C,vname:e.M,vtag:e.R,vtext:e.k});var ce=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return le(e.vtag,t,...e.vchildren||[])}const t=re(e.vtag,e.vtext);t.j=e.vattrs;t.O=e.vchildren;t.C=e.vkey;t.M=e.vname;return t};var ue=(e,t,n,i)=>{const l=ne("hydrateClient",t);const r=e.shadowRoot;const s=[];const o=[];const f=[];const a=r?[]:null;const c=re(t,null);c.I=e;if(C.document&&(!x.N||!x.N.size)){de(C.document.body,x.N=new Map)}e[w]=n;e.removeAttribute(w);i.P=ve(c,s,o,a,e,e,n,f);let u=0;const v=s.length;let d;for(u;u<v;u++){d=s[u];const n=d.T+"."+d.A;const i=x.N.get(n);const l=d.I;if(!r){l["s-hn"]=t.toUpperCase();if(d.R==="slot"){l["s-cr"]=e["s-cr"]}}if(d.R==="slot"){d.M=d.I["s-sn"]||d.I["name"]||null;if(d.O){d.i|=2;if(!d.I.childNodes.length){d.O.forEach((e=>{d.I.appendChild(e.I)}))}}else{d.i|=1}}if(i&&i.isConnected){if(r&&i["s-en"]===""){i.parentNode.insertBefore(l,i.nextSibling)}i.parentNode.removeChild(i);if(!r){l["s-oo"]=parseInt(d.A)}}x.N.delete(n)}const h=[];const p=f.length;let $=0;let m;let y;let b;let g;for($;$<p;$++){m=f[$];if(!m||!m.length)continue;b=m.length;y=0;for(y;y<b;y++){g=m[y];if(!h[g.hostId]){h[g.hostId]=x.N.get(g.hostId)}if(!h[g.hostId])continue;const e=h[g.hostId];if(!e.shadowRoot||!r){g.slot["s-cr"]=e["s-cr"];if(!g.slot["s-cr"]&&e.shadowRoot){g.slot["s-cr"]=e}else{g.slot["s-cr"]=(e.__childNodes||e.childNodes)[0]}X(g.node,g.slot,false,g.node["s-oo"])}if(e.shadowRoot&&g.node.parentElement!==e){e.appendChild(g.node)}}}if(r&&!r.childNodes.length){let t=0;const n=a.length;if(n){for(t;t<n;t++){r.appendChild(a[t])}Array.from(e.childNodes).forEach((e=>{if(typeof e["s-sn"]!=="string"){if(e.nodeType===1&&e.slot&&e.hidden){e.removeAttribute("hidden")}else if(e.nodeType===8||e.nodeType===3&&!e.wholeText.trim()){e.parentNode.removeChild(e)}}}))}}x.N.delete(e["s-id"]);i.$hostElement$=e;l()};var ve=(e,t,n,i,l,r,s,o=[])=>{let f;let a;let c;let u;if(r.nodeType===1){f=r.getAttribute(g);if(f){a=f.split(".");if(a[0]===s||a[0]==="0"){c=he({i:0,T:a[0],A:a[1],F:a[2],L:a[3],R:r.tagName.toLowerCase(),I:r,j:{class:r.className||""}});t.push(c);r.removeAttribute(g);if(!e.O){e.O=[]}const l=c.I.getAttribute("s-sn");if(typeof l==="string"){if(c.R==="slot-fb"){pe(l,a[2],c,r,e,t,n,i,o)}c.I["s-sn"]=l;c.I.removeAttribute("s-sn")}if(c.L!==void 0){e.O[c.L]=c}e=c;if(i&&c.F==="0"){i[c.L]=c.I}}}if(r.shadowRoot){for(u=r.shadowRoot.childNodes.length-1;u>=0;u--){ve(e,t,n,i,l,r.shadowRoot.childNodes[u],s,o)}}const v=r.__childNodes||r.childNodes;for(u=v.length-1;u>=0;u--){ve(e,t,n,i,l,v[u],s,o)}}else if(r.nodeType===8){a=r.nodeValue.split(".");if(a[1]===s||a[1]==="0"){f=a[0];c=he({T:a[1],A:a[2],F:a[3],L:a[4]||"0",I:r,j:null,O:null,C:null,M:null,R:null,k:null});if(f===m){c.I=me(r,3);if(c.I&&c.I.nodeType===3){c.k=c.I.textContent;t.push(c);r.remove();if(s===c.T){if(!e.O){e.O=[]}e.O[c.L]=c}if(i&&c.F==="0"){i[c.L]=c.I}}}else if(f===y){c.I=me(r,8);if(c.I&&c.I.nodeType===8){t.push(c);r.remove()}}else if(c.T===s){if(f===$){const l=r["s-sn"]=a[5]||"";pe(l,a[2],c,r,e,t,n,i,o)}else if(f===h){if(i){r.remove()}else{l["s-cr"]=r;r["s-cn"]=true}}}}}else if(e&&e.R==="style"){const t=re(null,r.textContent);t.I=r;t.L="0";e.O=[t]}else{if(r.nodeType===3&&!r.wholeText.trim()){r.remove()}}return e};var de=(e,t)=>{if(e.nodeType===1){const n=e[w]||e.getAttribute(w);if(n){t.set(n,e)}let i=0;if(e.shadowRoot){for(;i<e.shadowRoot.childNodes.length;i++){de(e.shadowRoot.childNodes[i],t)}}const l=e.__childNodes||e.childNodes;for(i=0;i<l.length;i++){de(l[i],t)}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===p){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var he=e=>{const t={i:0,T:null,A:null,F:null,L:"0",I:null,j:null,O:null,C:null,M:null,R:null,k:null};return{...t,...e}};function pe(e,t,n,i,l,r,s,o,f){i["s-sr"]=true;n.M=e||null;n.R="slot";const a=(l==null?void 0:l.I)?l.I["s-id"]||l.I.getAttribute("s-id"):"";if(o&&C.document){const r=n.I=C.document.createElement(n.R);if(n.M){n.I.setAttribute("name",e)}if(a&&a!==n.T){l.I.insertBefore(r,l.I.children[0])}else{i.parentNode.insertBefore(n.I,i)}$e(f,t,e,i,n.T);i.remove();if(n.F==="0"){o[n.L]=n.I}}else{const s=n.I;const o=a&&a!==n.T&&l.I.shadowRoot;$e(f,t,e,i,o?a:n.T);ee(i);if(o){l.I.insertBefore(s,l.I.children[0])}r.push(n)}s.push(n);if(!l.O){l.O=[]}l.O[n.L]=n}var $e=(e,t,n,i,l)=>{let r=i.nextSibling;e[t]=e[t]||[];while(r&&((r["getAttribute"]&&r.getAttribute("slot")||r["s-sn"])===n||n===""&&!r["s-sn"]&&(r.nodeType===8&&r.nodeValue.indexOf(".")!==1||r.nodeType===3))){r["s-sn"]=n;e[t].push({slot:i,node:r,hostId:l});r=r.nextSibling}};var me=(e,t)=>{let n=e;do{n=n.nextSibling}while(n&&(n.nodeType!==t||!n.nodeValue));return n};var ye=(e,t)=>{if(e!=null&&!D(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var we=e=>s(e).$hostElement$;var be=(e,t,n)=>{const i=we(e);return{emit:e=>ge(i,t,{bubbles:true,composed:true,cancelable:true,detail:e})}};var ge=(e,t,n)=>{const i=x.ce(t,n);e.dispatchEvent(i);return i};var Se=new WeakMap;var ke=(e,t,n)=>{let i=d.get(e);if(R&&n){i=i||new CSSStyleSheet;if(typeof i==="string"){i=t}else{i.replaceSync(t)}}else{i=t}d.set(e,i)};var je=(e,t,n)=>{var i;const l=Ce(t);const r=d.get(l);if(!C.document){return l}e=e.nodeType===11?e:C.document;if(r){if(typeof r==="string"){e=e.head||e;let n=Se.get(e);let s;if(!n){Se.set(e,n=new Set)}if(!n.has(l)){if(e.host&&(s=e.querySelector(`[${b}="${l}"]`))){s.innerHTML=r}else{s=document.querySelector(`[${b}="${l}"]`)||C.document.createElement("style");s.innerHTML=r;const n=(i=x.U)!=null?i:W(C.document);if(n!=null){s.setAttribute("nonce",n)}if(!(t.i&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(R){const t=new CSSStyleSheet;t.replaceSync(r);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=r+t.innerHTML}else{e.prepend(s)}}}else{e.append(s)}}if(t.i&1){e.insertBefore(s,null)}}if(t.i&4){s.innerHTML+=k}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(r)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,r]}}return l};var Oe=e=>{const t=e.l;const n=e.$hostElement$;const i=t.i;const l=ne("attachStyles",t.$);const r=je(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(i&10&&i&2||i&128){n["s-sc"]=r;n.classList.add(r+"-h")}l()};var Ce=(e,t)=>"sc-"+e.$;var xe=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");var Ee=()=>{if(!C.document){return}const e=C.document.querySelectorAll(`[${b}]`);let t=0;for(;t<e.length;t++){ke(e[t].getAttribute(b),xe(e[t].innerHTML),true)}};var Me=(e,t,n,i,l,r,s)=>{if(n===i){return}let o=a(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const l=Ie(n);let r=Ie(i);if(e["s-si"]&&s){r.push(e["s-si"]);l.forEach((t=>{if(t.startsWith(e["s-si"]))r.push(t)}));r=[...new Set(r)];t.add(...r)}else{t.remove(...l.filter((e=>e&&!r.includes(e))));t.add(...r.filter((e=>e&&!l.includes(e))))}}else if(t==="style"){{for(const t in n){if(!i||i[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in i){if(!n||i[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,i[t])}else{e.style[t]=i[t]}}}}else if(t==="key");else if(t==="ref"){if(i){i(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(C,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||i){const l=t.endsWith(Ne);t=t.replace(Pe,"");if(n){x.rel(e,t,n,l)}if(i){x.ael(e,t,i,l)}}}else{const s=D(i);if((o||s&&i!==null)&&!l){try{if(!e.tagName.includes("-")){const l=i==null?"":i;if(t==="list"){o=false}else if(n==null||e[t]!=l){if(typeof e.__lookupSetter__(t)==="function"){e[t]=l}else{e.setAttribute(t,l)}}}else if(e[t]!==i){e[t]=i}}catch(e){}}let a=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){t=f;a=true}}if(i==null||i===false){if(i!==false||e.getAttribute(t)===""){if(a){e.removeAttributeNS(j,t)}else{e.removeAttribute(t)}}}else if((!o||r&4||l)&&!s&&e.nodeType===1){i=i===true?"":i;if(a){e.setAttributeNS(j,t,i)}else{e.setAttribute(t,i)}}}};var Re=/\s/;var Ie=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(Re)};var Ne="Capture";var Pe=new RegExp(Ne+"$");var Te=(e,t,n,i)=>{const l=t.I.nodeType===11&&t.I.host?t.I.host:t.I;const r=e&&e.j||{};const s=t.j||{};{for(const e of Ae(Object.keys(r))){if(!(e in s)){Me(l,e,r[e],void 0,n,t.i,i)}}}for(const e of Ae(Object.keys(s))){Me(l,e,r[e],s[e],n,t.i,i)}};function Ae(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var Fe;var Le;var Ue=false;var De=false;var We=false;var _e=false;var He=(e,n,i)=>{var s;const o=n.O[i];let f=0;let a;let c;let u;if(!Ue){We=true;if(o.R==="slot"){o.i|=o.O?2:1}}if(o.k!==null){a=o.I=C.document.createTextNode(o.k)}else if(o.i&1){a=o.I=C.document.createTextNode("");{Te(null,o,_e)}}else{if(!_e){_e=o.R==="svg"}if(!C.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}a=o.I=C.document.createElementNS(_e?l:r,!Ue&&t.slotRelocation&&o.i&2?"slot-fb":o.R);if(_e&&o.R==="foreignObject"){_e=false}{Te(null,o,_e)}if(o.O){for(f=0;f<o.O.length;++f){c=He(e,o,f);if(c){a.appendChild(c)}}}{if(o.R==="svg"){_e=false}else if(a.tagName==="foreignObject"){_e=true}}}a["s-hn"]=Le;{if(o.i&(2|1)){a["s-sr"]=true;a["s-cr"]=Fe;a["s-sn"]=o.M||"";a["s-rf"]=(s=o.j)==null?void 0:s.ref;ee(a);u=e&&e.O&&e.O[i];if(u&&u.R===o.R&&e.I){{ze(e.I,false)}}}}return a};var ze=(e,t)=>{x.i|=1;const n=Array.from(e.__childNodes||e.childNodes);for(let e=n.length-1;e>=0;e--){const i=n[e];if(i["s-hn"]!==Le&&i["s-ol"]){Ze(Ge(i).parentNode,i,Ge(i));i["s-ol"].remove();i["s-ol"]=void 0;i["s-sh"]=void 0;We=true}if(t){ze(i,t)}}x.i&=-2};var Be=(e,t,n,i,l,r)=>{let s=e["s-cr"]&&e["s-cr"].parentNode||e;let o;if(s.shadowRoot&&s.tagName===Le){s=s.shadowRoot}for(;l<=r;++l){if(i[l]){o=He(null,n,l);if(o){i[l].I=o;Ze(s,o,Ge(t))}}}};var Ve=(e,t,n)=>{for(let i=t;i<=n;++i){const t=e[i];if(t){const e=t.I;Xe(t);if(e){{De=true;if(e["s-ol"]){e["s-ol"].remove()}else{ze(e,true)}}e.remove()}}}};var Ye=(e,t,n,i,l=false)=>{let r=0;let s=0;let o=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=i.length-1;let d=i[0];let h=i[v];let p;let $;while(r<=a&&s<=v){if(c==null){c=t[++r]}else if(u==null){u=t[--a]}else if(d==null){d=i[++s]}else if(h==null){h=i[--v]}else if(qe(c,d,l)){Je(c,d,l);c=t[++r];d=i[++s]}else if(qe(u,h,l)){Je(u,h,l);u=t[--a];h=i[--v]}else if(qe(c,h,l)){if(c.R==="slot"||h.R==="slot"){ze(c.I.parentNode,false)}Je(c,h,l);Ze(e,c.I,u.I.nextSibling);c=t[++r];h=i[--v]}else if(qe(u,d,l)){if(c.R==="slot"||h.R==="slot"){ze(u.I.parentNode,false)}Je(u,d,l);Ze(e,u.I,c.I);u=t[--a];d=i[++s]}else{o=-1;{for(f=r;f<=a;++f){if(t[f]&&t[f].C!==null&&t[f].C===d.C){o=f;break}}}if(o>=0){$=t[o];if($.R!==d.R){p=He(t&&t[s],n,o)}else{Je($,d,l);t[o]=void 0;p=$.I}d=i[++s]}else{p=He(t&&t[s],n,s);d=i[++s]}if(p){{Ze(Ge(c.I).parentNode,p,Ge(c.I))}}}}if(r>a){Be(e,i[v+1]==null?null:i[v+1].I,n,i,s,v)}else if(s>v){Ve(t,r,a)}};var qe=(e,t,n=false)=>{if(e.R===t.R){if(e.R==="slot"){return e.M===t.M}if(!n){return e.C===t.C}if(n&&!e.C&&t.C){e.C=t.C}return true}return false};var Ge=e=>e&&e["s-ol"]||e;var Je=(e,n,i=false)=>{const l=n.I=e.I;const r=e.O;const s=n.O;const o=n.R;const f=n.k;let a;if(f===null){{_e=o==="svg"?true:o==="foreignObject"?false:_e}{Te(e,n,_e,i)}if(r!==null&&s!==null){Ye(l,r,n,s,i)}else if(s!==null){if(e.k!==null){l.textContent=""}Be(l,null,n,s,0,s.length-1)}else if(!i&&t.updatable&&r!==null){Ve(r,0,r.length-1)}if(_e&&o==="svg"){_e=false}}else if(a=l["s-cr"]){a.parentNode.textContent=f}else if(e.k!==f){l.data=f}};var Ke=[];var Qe=e=>{let t;let n;let i;const l=e.__childNodes||e.childNodes;for(const e of l){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const l=e["s-sn"];for(i=n.length-1;i>=0;i--){t=n[i];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"]&&true){if(Q(t,l)){let n=Ke.find((e=>e.D===t));De=true;t["s-sn"]=t["s-sn"]||l;if(n){n.D["s-sh"]=e["s-hn"];n.W=e}else{t["s-sh"]=e["s-hn"];Ke.push({W:e,D:t})}if(t["s-sr"]){Ke.map((e=>{if(Q(e.D,t["s-sn"])){n=Ke.find((e=>e.D===t));if(n&&!e.W){e.W=n.W}}}))}}else if(!Ke.some((e=>e.D===t))){Ke.push({D:t})}}}}if(e.nodeType===1){Qe(e)}}};var Xe=e=>{{e.j&&e.j.ref&&e.j.ref(null);e.O&&e.O.map(Xe)}};var Ze=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var et=(e,t,n=false)=>{var i,l,r,s;const o=e.$hostElement$;const f=e.l;const a=e.P||re(null,null);const c=oe(t)?t:le(null,null,t);Le=o.tagName;if(f._){c.j=c.j||{};f._.map((([e,t])=>c.j[t]=o[e]))}if(n&&c.j){for(const e of Object.keys(c.j)){if(o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.j[e]=o[e]}}}c.R=null;c.i|=4;e.P=c;c.I=a.I=o.shadowRoot||o;Ue=!!(f.i&1)&&!(f.i&128);{Fe=o["s-cr"];De=false}Je(a,c,n);{x.i|=1;if(We){Qe(c.I);for(const e of Ke){const t=e.D;if(!t["s-ol"]&&C.document){const e=C.document.createTextNode("");e["s-nr"]=t;Ze(t.parentNode,t["s-ol"]=e,t)}}for(const e of Ke){const t=e.D;const o=e.W;if(o){const e=o.parentNode;let n=o.nextSibling;{let r=(i=t["s-ol"])==null?void 0:i.previousSibling;while(r){let i=(l=r["s-nr"])!=null?l:null;if(i&&i["s-sn"]===t["s-sn"]&&e===(i.__parentNode||i.parentNode)){i=i.nextSibling;while(i===t||(i==null?void 0:i["s-sr"])){i=i==null?void 0:i.nextSibling}if(!i||!i["s-nr"]){n=i;break}}r=r.previousSibling}}const s=t.__parentNode||t.parentNode;const f=t.__nextSibling||t.nextSibling;if(!n&&e!==s||f!==n){if(t!==n){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Ze(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(r=t["s-ih"])!=null?r:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](o)}else{if(t.nodeType===1){if(n){t["s-ih"]=(s=t.hidden)!=null?s:false}t.hidden=true}}}}if(De){q(c.I)}x.i&=-2;Ke.length=0}Fe=void 0};var tt=(e,t)=>{if(t&&!e.H&&t["s-p"]){const n=t["s-p"].push(new Promise((i=>e.H=()=>{t["s-p"].splice(n-1,1);i()})))}};var nt=(e,t)=>{{e.i|=16}if(e.i&4){e.i|=512;return}tt(e,e.B);const n=()=>it(e,t);return U(n)};var it=(e,t)=>{const n=e.$hostElement$;const i=ne("scheduleUpdate",e.l.$);const l=e.t;if(!l){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let r;if(t){{e.i|=256;if(e.V){e.V.map((([e,t])=>ct(l,e,t,n)));e.V=void 0}}r=ct(l,"componentWillLoad",void 0,n)}else{r=ct(l,"componentWillUpdate",void 0,n)}r=lt(r,(()=>ct(l,"componentWillRender",void 0,n)));i();return lt(r,(()=>st(e,l,t)))};var lt=(e,t)=>rt(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var rt=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var st=async(e,t,n)=>{var i;const l=e.$hostElement$;const r=ne("update",e.l.$);const s=l["s-rc"];if(n){Oe(e)}const o=ne("render",e.l.$);{ot(e,t,l,n)}if(s){s.map((e=>e()));l["s-rc"]=void 0}o();r();{const t=(i=l["s-p"])!=null?i:[];const n=()=>ft(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.i|=4;t.length=0}}};var ot=(e,t,n,i)=>{try{t=t.render();{e.i&=-17}{e.i|=2}{{{et(e,t,i)}}}}catch(t){c(t,e.$hostElement$)}return null};var ft=e=>{const t=e.l.$;const n=e.$hostElement$;const i=ne("postUpdate",t);const l=e.t;const r=e.B;ct(l,"componentDidRender",void 0,n);if(!(e.i&64)){e.i|=64;{ut(n)}ct(l,"componentDidLoad",void 0,n);i();{e.p(n);if(!r){at()}}}else{ct(l,"componentDidUpdate",void 0,n);i()}{e.v(n)}{if(e.H){e.H();e.H=void 0}if(e.i&512){L((()=>nt(e,false)))}e.i&=-517}};var at=t=>{L((()=>ge(C,"appload",{detail:{namespace:e}})))};var ct=(e,t,n,i)=>{if(e&&e[t]){try{return e[t](n)}catch(e){c(e,i)}}return void 0};var ut=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var vt=(e,t)=>s(e).o.get(t);var dt=(e,t,n,i)=>{const l=s(e);if(!l){throw new Error(`Couldn't find host element for "${i.$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const r=l.$hostElement$;const o=l.o.get(t);const f=l.i;const a=l.t;n=ye(n,i.Y[t][0]);const u=Number.isNaN(o)&&Number.isNaN(n);const v=n!==o&&!u;if((!(f&8)||o===void 0)&&v){l.o.set(t,n);if(a){if(i.q&&f&128){const e=i.q[t];if(e){e.map((e=>{try{a[e](n,o,t)}catch(e){c(e,r)}}))}}if((f&(2|16))===2){if(a.componentShouldUpdate){if(a.componentShouldUpdate(n,o,t)===false){return}}nt(l,false)}}}};var ht=(e,n,i)=>{var l,r;const o=e.prototype;if(n.i&64&&i&1){O.forEach((e=>{Object.defineProperty(o,e,{value(...t){const n=s(this);const i=n.t;if(!i){n.h.then((n=>{const i=n[e];typeof i==="function"&&i.call(n,...t)}))}else{const n=i[e];typeof n==="function"&&n.call(i,...t)}}})}))}if(n.Y||(n.q||e.watchers)){if(e.watchers&&!n.q){n.q=e.watchers}const f=Object.entries((l=n.Y)!=null?l:{});f.map((([e,[t]])=>{if(t&31||i&2&&t&32){const{get:l,set:r}=Object.getOwnPropertyDescriptor(o,e)||{};if(l)n.Y[e][0]|=2048;if(r)n.Y[e][0]|=4096;if(i&1||!l){Object.defineProperty(o,e,{get(){{if((n.Y[e][0]&2048)===0){return vt(this,e)}const t=s(this);const i=t?t.t:o;if(!i)return;return i[e]}},configurable:true,enumerable:true})}Object.defineProperty(o,e,{set(l){const o=s(this);if(r){const i=t&32?this[e]:o.$hostElement$[e];if(typeof i==="undefined"&&o.o.get(e)){l=o.o.get(e)}else if(!o.o.get(e)&&i){o.o.set(e,i)}r.apply(this,[ye(l,t)]);l=t&32?this[e]:o.$hostElement$[e];dt(this,e,l,n);return}{if((i&1)===0||(n.Y[e][0]&4096)===0){dt(this,e,l,n);if(i&1&&!o.t){o.h.then((()=>{if(n.Y[e][0]&4096&&o.t[e]!==o.o.get(e)){o.t[e]=l}}))}return}const r=()=>{const i=o.t[e];if(!o.o.get(e)&&i){o.o.set(e,i)}o.t[e]=ye(l,t);dt(this,e,o.t[e],n)};if(o.t){r()}else{o.h.then((()=>r()))}}}})}else if(i&1&&t&64){Object.defineProperty(o,e,{value(...t){var n;const i=s(this);return(n=i==null?void 0:i.u)==null?void 0:n.then((()=>{var n;return(n=i.t)==null?void 0:n[e](...t)}))}})}}));if(i&1){const i=new Map;o.attributeChangedCallback=function(e,l,r){x.jmp((()=>{var f;const a=i.get(e);if(this.hasOwnProperty(a)&&t.lazyLoad){r=this[a];delete this[a]}else if(o.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==r){return}else if(a==null){const t=s(this);const i=t==null?void 0:t.i;if(i&&!(i&8)&&i&128&&r!==l){const i=t.t;const s=(f=n.q)==null?void 0:f[e];s==null?void 0:s.forEach((t=>{if(i[t]!=null){i[t].call(i,r,l,e)}}))}return}const c=Object.getOwnPropertyDescriptor(o,a);r=r===null&&typeof this[a]==="boolean"?false:r;if(r!==this[a]&&(!c.get||!!c.set)){this[a]=r}}))};e.observedAttributes=Array.from(new Set([...Object.keys((r=n.q)!=null?r:{}),...f.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var l;const r=t[1]||e;i.set(r,e);if(t[0]&512){(l=n._)==null?void 0:l.push([e,r])}return r}))]))}}return e};var pt=async(e,t,n,i)=>{let l;if((t.i&32)===0){t.i|=32;const i=n.m;if(i){const i=v(n,t);if(i&&"then"in i){const e=ie();l=await i;e()}else{l=i}if(!l){throw new Error(`Constructor for "${n.$}#${t.G}" was not found`)}if(!l.isProxied){{n.q=l.watchers}ht(l,n,2);l.isProxied=true}const r=ne("createInstance",n.$);{t.i|=8}try{new l(t)}catch(t){c(t,e)}{t.i&=-9}{t.i|=128}r();$t(t.t,e)}else{l=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.i|=128))}if(l&&l.style){let e;if(typeof l.style==="string"){e=l.style}const t=Ce(n);if(!d.has(t)){const i=ne("registerStyles",n.$);ke(t,e,!!(n.i&1));i()}}}const r=t.B;const s=()=>nt(t,true);if(r&&r["s-rc"]){r["s-rc"].push(s)}else{s()}};var $t=(e,t)=>{{ct(e,"connectedCallback",void 0,t)}};var mt=e=>{if((x.i&1)===0){const t=s(e);const n=t.l;const i=ne("connectedCallback",n.$);if(!(t.i&1)){t.i|=1;let i;{i=e.getAttribute(w);if(i){if(n.i&1){const t=je(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}ue(e,n.$,i,t)}}if(!i){if(n.i&(4|8)){yt(e)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){tt(t,t.B=n);break}}}if(n.Y){Object.entries(n.Y).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{pt(e,t,n)}}else{kt(e,t,n.J);if(t==null?void 0:t.t){$t(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>$t(t.t,e)))}}i()}};var yt=e=>{if(!C.document){return}const t=e["s-cr"]=C.document.createComment("");t["s-cn"]=true;Ze(e,t,e.firstChild)};var wt=(e,t)=>{{ct(e,"disconnectedCallback",void 0,t||e)}};var bt=async e=>{if((x.i&1)===0){const t=s(e);{if(t.K){t.K.map((e=>e()));t.K=void 0}}if(t==null?void 0:t.t){wt(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>wt(t.t,e)))}}if(Se.has(e)){Se.delete(e)}if(e.shadowRoot&&Se.has(e.shadowRoot)){Se.delete(e.shadowRoot)}};var gt=(e,t={})=>{var n;if(!C.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const i=ne();const l=[];const r=t.exclude||[];const o=C.customElements;const a=C.document.head;const c=a.querySelector("meta[charset]");const u=C.document.createElement("style");const v=[];let d;let h=true;Object.assign(x,t);x.S=new URL(t.resourcesUrl||"./",C.document.baseURI).href;{x.i|=2}{Ee()}let p=false;e.map((e=>{e[1].map((t=>{var n;const i={i:t[0],$:t[1],Y:t[2],J:t[3]};if(i.i&4){p=true}{i.Y=t[2]}{i.J=t[3]}{i._=[]}{i.q=(n=t[4])!=null?n:{}}const a=i.$;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;f(e,i);if(i.i&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${i.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=s(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;kt(this,e,i.J)}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{x.jmp((()=>mt(this)))}}disconnectedCallback(){x.jmp((()=>bt(this)));x.raf((()=>{var e;const t=s(this);const n=v.findIndex((e=>e===this));if(n>-1){v.splice(n,1)}if(((e=t==null?void 0:t.P)==null?void 0:e.I)instanceof Node&&!t.P.I.isConnected){delete t.P.I}}))}componentOnReady(){return s(this).h}};if(i.i&64){c.formAssociated=true}i.m=e[0];if(!r.includes(a)&&!o.get(a)){l.push(a);o.define(a,ht(c,i,1))}}))}));if(l.length>0){if(p){u.textContent+=k}{u.textContent+=l.sort()+S}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=x.U)!=null?n:W(C.document);if(e!=null){u.setAttribute("nonce",e)}a.insertBefore(u,c?c.nextSibling:a.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{x.jmp((()=>d=setTimeout(at,30)))}}i()};var St=(e,t)=>t;var kt=(e,t,n,i)=>{if(n&&C.document){n.map((([n,i,l])=>{const r=Ot(C.document,e,n);const s=jt(t,l);const o=Ct(n);x.ael(r,i,s,o);(t.K=t.K||[]).push((()=>x.rel(r,i,s,o)))}))}};var jt=(e,t)=>n=>{var i;try{{if(e.i&256){(i=e.t)==null?void 0:i[t](n)}else{(e.V=e.V||[]).push([t,n])}}}catch(t){c(t,e.$hostElement$)}};var Ot=(e,t,n)=>{if(n&4){return e}if(n&8){return C}return t};var Ct=e=>E?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var xt=e=>x.U=e;export{St as F,se as H,gt as b,be as c,we as g,le as h,M as p,o as r,xt as s};
-//# sourceMappingURL=p-BYM_CUUH.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwFieldLabelCss","SpwFieldLabel","constructor","hostRef","this","label","required","handleClick","rootNode","el","getRootNode","targetElement","getElementById","name","focus","render","h","Host","key","class","htmlFor","onClick","spwGroupCss","SpwGroup","type","orientation","alignment","disabled","isReversed","isFullWidth","handleSlotChange","elements","_a","slotEl","assignedElements","Array","from","host","querySelectorAll","forEach","element","setAttribute","removeAttribute","componentDidLoad","groupClasses","ref","spwIconCss","SpwIcon","variant","iconClassName","icon","spwLinkCss","SpwLink","target","iconPosition","surface","ev","preventDefault","spwClick","emit","elementClass","href","rel","accAriaLabel","ariaAttributes","iconClass","iconElement","Object","assign","undefined","spwSeparatorCss","SpwSeparator","direction","thickness","width","height","style","rougeCss","bleuCss","bleuClairCss","vertCss","vertLegerCss","turquoiseCss","orangeCss","indigoCss","mauveCss","grisCss","themes","rouge","rougeTheme","bleu","bleuTheme","bleuClair","bleuClairTheme","vert","vertTheme","vertLeger","vertLegerTheme","orange","orangeTheme","turquoise","turquoiseTheme","indigo","indigoTheme","mauve","mauveTheme","gris","grisTheme","SpwThemeProvider","theme","componentWillLoad","applyTheme","componentWillUpdate","styleId","styleElement","document","createElement","id","head","appendChild","css","innerHTML","documentElement"],"sources":["src/components/spw-field-label/spw-field-label.scss?tag=spw-field-label&encapsulation=shadow","src/components/spw-field-label/spw-field-label.tsx","src/components/spw-group/spw-group.scss?tag=spw-group","src/components/spw-group/spw-group.tsx","src/components/spw-icon/spw-icon.scss?tag=spw-icon&encapsulation=shadow","src/components/spw-icon/spw-icon.tsx","src/components/spw-link/spw-link.scss?tag=spw-link&encapsulation=shadow","src/components/spw-link/spw-link.tsx","src/components/spw-separator/spw-separator.scss?tag=spw-separator&encapsulation=shadow","src/components/spw-separator/spw-separator.tsx","src/themes/rouge.css","src/themes/bleu.css","src/themes/bleu-clair.css","src/themes/vert.css","src/themes/vert-leger.css","src/themes/turquoise.css","src/themes/orange.css","src/themes/indigo.css","src/themes/mauve.css","src/themes/gris.css","src/themes/themes.ts","src/components/spw-theme-provider/spw-theme-provider.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-field-label {\n  color: var(--spw-color-themes-grey-grey-800);\n  display: block;\n  font-weight: 600;\n  @apply spw-tw-mb-2;\n  &__required {\n    color: var(--spw-ds-primary);\n  }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-field-label',\n  styleUrl: 'spw-field-label.scss',\n  shadow: true,\n})\nexport class SpwFieldLabel {\n  /** L'attribut id de l'élément input */\n  @Prop() name: string;\n  /** Texte à afficher au-dessus du champ de saisie */\n  @Prop() label?: string = '';\n  /** Indique si le champ est requis */\n  @Prop() required?: boolean = false;\n\n  @Element() el: HTMLSpwFieldLabelElement;\n\n  private handleClick = () => {\n    const rootNode = this.el.getRootNode() as ShadowRoot | Document;\n    const targetElement = rootNode.getElementById(this.name);\n\n    if (targetElement) {\n      (targetElement as HTMLElement).focus();\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <label class=\"spw-field-label\" htmlFor={this.name} onClick={this.handleClick}>\n          {this.label} {this.required && <span class=\"spw-field-label__required\">*</span>}\n        </label>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: block;\n  width: 100%;\n}\n\n.spw-group {\n  spw-button:not[is-fullwidth-mobile='false'] {\n    display: block;\n    width: 100%;\n    @include breakpoint(md) {\n      display: initial;\n      width: auto;\n    }\n  }\n\n  &__container {\n    display: flex;\n    width: fit-content;\n\n    .spw-group--is-full-width & {\n      width: 100% !important;\n    }\n\n    @include breakpoint(md) {\n      align-items: center;\n    }\n    .spw-group--buttons & {\n      gap: 12px;\n      width: 100%;\n      @include breakpoint(md) {\n        width: fit-content;\n      }\n    }\n    .spw-group--checkboxes &,\n    .spw-group--radios & {\n      gap: 16px;\n    }\n    .spw-group--checkboxes.spw-group--horizontal &,\n    .spw-group--radios.spw-group--horizontal & {\n      gap: 16px;\n      @include breakpoint(md) {\n        gap: 24px;\n      }\n    }\n    .spw-group--buttons.spw-group--align-right.spw-group--horizontal & {\n      flex-direction: column;\n      @include breakpoint(md) {\n        flex-direction: row-reverse;\n      }\n    }\n    .spw-group--buttons.spw-group--align-left.spw-group--horizontal.spw-group--reversed & {\n      flex-direction: column-reverse;\n      @include breakpoint(md) {\n        flex-direction: row;\n      }\n    }\n  }\n\n  &--align-left {\n    .spw-group__container {\n      margin-right: auto;\n    }\n  }\n\n  &--align-center {\n    .spw-group__container {\n      margin-left: auto;\n      margin-right: auto;\n    }\n  }\n\n  &--align-right {\n    .spw-group__container {\n      margin-left: auto;\n    }\n  }\n\n  &--vertical {\n    .spw-group__container {\n      flex-direction: column;\n      align-items: flex-start;\n\n      .spw-group--align-center & {\n        align-items: center;\n      }\n\n      .spw-group--align-right & {\n        align-items: flex-end;\n      }\n    }\n  }\n\n  &--horizontal {\n    .spw-group__container {\n      flex-direction: column;\n      @include breakpoint(md) {\n        flex-direction: row;\n      }\n    }\n  }\n\n  &--disabled {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-group',\n  styleUrl: 'spw-group.scss',\n  shadow: false,\n})\nexport class SpwGroup {\n  @Element() host: HTMLSpwGroupElement;\n\n  /** Type d'éléments contenus dans le groupe (buttons, checkboxes, radios) */\n  @Prop() type: 'buttons' | 'checkboxes' | 'radios' = 'buttons';\n  /** Orientation du groupe (horizontal ou vertical) */\n  @Prop() orientation: 'horizontal' | 'vertical' = 'horizontal';\n  /** Alignement horizontal du groupe */\n  @Prop() alignment: 'left' | 'center' | 'right' = 'left';\n  /** Détermine si le groupe est désactivé */\n  @Prop() disabled: boolean = false;\n  /** Texte à afficher au-dessus de l'élément de formulaire */\n  @Prop() label: string = '';\n  /** Si `true`, le label comporte une astérisque */\n  @Prop() required?: boolean;\n  /** Si `true`, l'ordre des boutons est inversé en mobile (uniquement valable en cas d'alignement left) */\n  @Prop() isReversed?: boolean = false;\n  /** Attribut `name` de l'élément input */\n  @Prop() name: string;\n  /** Si vrai, le groupe prend toute la largeur */\n  @Prop() isFullWidth?: boolean = false;\n\n  private slotEl: HTMLSlotElement;\n\n  componentDidLoad() {\n    this.handleSlotChange();\n  }\n\n  private handleSlotChange = () => {\n    const elements = this.slotEl?.assignedElements ? this.slotEl.assignedElements() : Array.from(this.host.querySelectorAll('*'));\n\n    elements.forEach(element => {\n      if (this.disabled) {\n        element.setAttribute('disabled', '');\n      } else {\n        element.removeAttribute('disabled');\n      }\n    });\n  };\n\n  private get groupClasses(): { [key: string]: boolean } {\n    return {\n      'spw-group': true,\n      'spw-group--horizontal': this.orientation === 'horizontal',\n      'spw-group--vertical': this.orientation === 'vertical',\n      'spw-group--reversed': this.isReversed,\n      'spw-group--disabled': this.disabled,\n      'spw-group--is-full-width': this.isFullWidth,\n      [`spw-group--${this.type}`]: true,\n      [`spw-group--align-${this.alignment}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.groupClasses}>\n          {this.label && <spw-field-label class=\"spw-tw-mb-3\" label={this.label} name={this.name} required={this.required}></spw-field-label>}\n          <div class=\"spw-group__container\">\n            <slot ref={el => (this.slotEl = el as HTMLSlotElement)}></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import url('./assets/fontawesome/css/all.min.css');\n\n:host {\n  line-height: 1;\n}\n\n.spw-icon.fa-solid,\n.spw-icon.fa-solid:before {\n  font-family: var(--spw-ds-font-icons-solid);\n}\n\n.spw-icon.fa-brands,\n.spw-icon.fa-brands:before {\n  font-family: var(--spw-ds-font-icons-brands);\n}\n\n.spw-icon.fa-regular,\n.spw-icon.fa-regular:before {\n  font-weight: 400;\n  font-family: var(--spw-ds-font-icons-solid);\n}\n\n.spw-icon {\n  font-size: inherit;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-icon',\n  styleUrl: 'spw-icon.scss',\n  shadow: true,\n  assetsDirs: ['assets'],\n})\nexport class SpwIcon {\n  /** Permet de spécifier une référence d'icône Font Awesome */\n  @Prop() icon: string;\n  /** Permet de spécifier une variante de Font Awesome */\n  @Prop() variant: 'fa-solid' | 'fa-brands' | 'fa-regular' = 'fa-solid';\n\n  render() {\n    const iconClassName = `spw-icon ${this.variant} ${this.icon}`;\n    return <i class={iconClassName}></i>;\n  }\n}\n",":host {\n  display: inline;\n  --spw-link-color: var(--spw-ds-primary);\n  --spw-link-hover-color: var(--spw-ds-variant);\n  --spw-link-active-color: var(--spw-ds-active);\n  --spw-link-font-weight: 700;\n  --spw-link-padding: 6px;\n}\n\n.spw-link {\n  display: inline;\n  text-decoration: none;\n  cursor: pointer;\n  color: var(--spw-link-color);\n  border-radius: 4px;\n  font-weight: var(--spw-link-font-weight);\n  &--surface-dark {\n    color: var(--spw-ds-white);\n  }\n\n  &__inner {\n    display: inline;\n    border-bottom: 1px solid var(--spw-link-color);\n    .spw-link--surface-dark & {\n      border-bottom: 1px solid var(--spw-ds-white);\n    }\n  }\n\n  &:focus-visible {\n    outline-offset: 2px;\n    outline: 3px solid black;\n  }\n\n  &:hover {\n    color: var(--spw-link-hover-color);\n    .spw-link__inner {\n      border-bottom: 2px solid var(--spw-link-hover-color);\n    }\n  }\n\n  &:active {\n    color: var(--spw-link-active-color);\n    .spw-link__inner {\n      border-bottom: 2px solid var(--spw-link-active-color);\n    }\n  }\n\n  &[aria-disabled='true'] {\n    pointer-events: none;\n    color: var(--spw-color-themes-grey-grey-600);\n    cursor: not-allowed;\n  }\n\n  &--surface-dark {\n    &:hover {\n      color: var(--spw-ds-white);\n      .spw-link__inner {\n        border-bottom: 2px solid var(--spw-ds-white);\n      }\n    }\n\n    &:active {\n      color: var(--spw-ds-white);\n      .spw-link__inner {\n        border-bottom: 2px solid var(--spw-ds-white);\n      }\n    }\n\n    &[aria-disabled='true'] {\n      color: var(--spw-ds-white);\n      opacity: 0.5;\n    }\n  }\n\n  &--has-icon-right spw-icon {\n    margin-left: var(--spw-link-padding);\n    margin-right: 4px;\n  }\n\n  &--has-icon-left spw-icon {\n    margin-left: 4px;\n    margin-right: var(--spw-link-padding);\n  }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'spw-link',\n  styleUrl: 'spw-link.scss',\n  shadow: true,\n})\nexport class SpwLink {\n  @Element() el: HTMLSpwLinkElement;\n\n  /** Spécifie le lien href */\n  @Prop() href: string;\n  /** Attribut target (détermine où ouvrir le lien) */\n  @Prop() target?: string = '_self';\n  /** Remplit l'attribut rel */\n  @Prop() rel?: string;\n  /** Si rempli, permet d'utiliser une référence d'icône font-awesome */\n  @Prop() icon?: string;\n  /** Position de l'icône à l'intérieur du lien (gauche ou droite) */\n  @Prop() iconPosition?: 'left' | 'right' = 'right';\n  /** Si désactivé, le lien n'est pas cliquable */\n  @Prop() disabled?: boolean = false;\n  /** Remplit l'attribut aria-label, utilisé à des fins d'accessibilité */\n  @Prop() accAriaLabel?: string;\n  /** Permet de choisir la surface d'arrière-plan du lien */\n  @Prop() surface?: 'light' | 'dark' = 'light';\n\n  /** Événement déclenché lors du clic sur le lien */\n  @Event() spwClick: EventEmitter<MouseEvent>;\n\n  private onClick = (ev: MouseEvent) => {\n    if (this.disabled) {\n      ev.preventDefault();\n      return;\n    }\n    this.spwClick.emit(ev);\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-link': true,\n      'spw-link--has-icon-right': this.icon && this.iconPosition === 'right',\n      'spw-link--has-icon-left': this.icon && this.iconPosition === 'left',\n      [`spw-link--surface-${this.surface}`]: true,\n      'spw-link--has-icon': !!this.icon,\n    };\n  }\n\n  render() {\n    const { href, rel, target, icon, iconPosition, accAriaLabel, disabled } = this;\n    const ariaAttributes = {\n      'aria-label': accAriaLabel,\n      'aria-disabled': disabled ? 'true' : null,\n    };\n\n    const iconClass = `spw-icon--${iconPosition}`;\n    const iconElement = icon ? <spw-icon class={iconClass} icon={icon}></spw-icon> : null;\n\n    return (\n      <a href={disabled ? undefined : href} rel={rel} target={target} class={this.elementClass} onClick={this.onClick} {...ariaAttributes}>\n        {iconPosition === 'left' && iconElement}\n        <div class=\"spw-link__inner\">\n          <slot></slot>\n        </div>\n        {iconPosition === 'right' && iconElement}\n      </a>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.spw-separator {\n  display: block;\n  border-width: 1px;\n\n  &--horizontal {\n    border-bottom-style: solid;\n    width: auto;\n    height: 0;\n  }\n\n  &--vertical {\n    border-right-style: solid;\n    width: 0;\n    height: auto;\n  }\n\n  &--dark {\n    border-color: var(--spw-colors-support-grey-grey-300);\n  }\n\n  &--light {\n    border-color: var(--spw-ds-white);\n  }\n\n  &--thickness-1 {\n    border-width: 1px;\n  }\n\n  &--thickness-2 {\n    border-width: 2px;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-separator',\n  styleUrl: 'spw-separator.scss',\n  shadow: true,\n})\nexport class SpwSeparator {\n  /** Permet de choisir la surface du séparateur (clair ou sombre) */\n  @Prop() surface: 'dark' | 'light' = 'dark';\n\n  /** Permet de définir la direction du séparateur */\n  @Prop() direction: 'vertical' | 'horizontal' = 'horizontal';\n\n  /** Définit l'épaisseur du séparateur */\n  @Prop() thickness: 1 | 2 = 1;\n\n  /** Largeur du séparateur (par défaut 100% si non spécifié) */\n  @Prop() width: string = '100%';\n\n  /** Hauteur du séparateur (par défaut 100% si non spécifié) */\n  @Prop() height: string = '100%';\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-separator': true,\n      [`spw-separator--${this.surface}`]: true,\n      [`spw-separator--${this.direction}`]: true,\n      [`spw-separator--thickness-${this.thickness}`]: true,\n    };\n  }\n\n  private get style(): { [key: string]: string } {\n    return {\n      width: this.direction === 'horizontal' ? `${this.width}px` : `${this.thickness}px`,\n      height: this.direction === 'vertical' ? `${this.height}px` : `${this.thickness}px`,\n    };\n  }\n\n  render() {\n    return <div class={this.elementClass} style={this.style}></div>;\n  }\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-red-red-500);\n  --spw-ds-variant: var(--spw-color-themes-red-red-700);\n  --spw-ds-active: var(--spw-color-themes-red-red-800);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-red-red-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-red-red-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-red-red-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-red-red-800);\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-blue-blue-500);\n  --spw-ds-variant: var(--spw-color-themes-blue-blue-700);\n  --spw-ds-active: var(--spw-color-themes-blue-blue-800);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-blue-blue-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-blue-blue-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-blue-blue-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-blue-blue-800);\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-light-blue-light-blue-600);\n  --spw-ds-variant: var(--spw-color-themes-light-blue-light-blue-800);\n  --spw-ds-active: var(--spw-color-themes-light-blue-light-blue-900);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-light-blue-light-blue-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-light-blue-light-blue-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-light-blue-light-blue-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-light-blue-light-blue-800);\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-green-green-700);\n  --spw-ds-variant: var(--spw-color-themes-green-green-800);\n  --spw-ds-active: var(--spw-color-themes-green-green-900);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-green-green-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-green-green-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-green-green-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-green-green-800);\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-light-green-light-green-700);\n  --spw-ds-variant: var(--spw-color-themes-light-green-light-green-800);\n  --spw-ds-active: var(--spw-color-themes-light-green-light-green-900);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-light-green-light-green-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-light-green-light-green-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-light-green-light-green-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-light-green-light-green-800);\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-teal-teal-700);\n  --spw-ds-variant: var(--spw-color-themes-teal-teal-800);\n  --spw-ds-active: var(--spw-color-themes-teal-teal-900);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-teal-teal-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-teal-teal-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-teal-teal-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-teal-teal-800);\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-orange-orange-700);\n  --spw-ds-variant: var(--spw-color-themes-orange-orange-800);\n  --spw-ds-active: var(--spw-color-themes-orange-orange-900);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-orange-orange-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-orange-orange-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-orange-orange-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-orange-orange-800);\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-indigo-indigo-700);\n  --spw-ds-variant: var(--spw-color-themes-indigo-indigo-800);\n  --spw-ds-active: var(--spw-color-themes-indigo-indigo-900);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-indigo-indigo-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-indigo-indigo-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-indigo-indigo-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-indigo-indigo-800);\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-purple-purple-500);\n  --spw-ds-variant: var(--spw-color-themes-purple-purple-800);\n  --spw-ds-active: var(--spw-color-themes-purple-purple-900);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-purple-purple-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-purple-purple-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-purple-purple-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-purple-purple-800);\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-grey-grey-500);\n  --spw-ds-variant: var(--spw-color-themes-grey-grey-800);\n  --spw-ds-active: var(--spw-color-themes-grey-grey-900);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-grey-grey-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-grey-grey-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-grey-grey-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-grey-grey-800);\n}\n","import rougeTheme from './rouge.css';\nimport bleuTheme from './bleu.css';\nimport bleuClairTheme from './bleu-clair.css';\nimport vertTheme from './vert.css';\nimport vertLegerTheme from './vert-leger.css';\nimport turquoiseTheme from './turquoise.css';\nimport orangeTheme from './orange.css';\nimport indigoTheme from './indigo.css';\nimport mauveTheme from './mauve.css';\nimport grisTheme from './gris.css';\n\nexport const themes = {\n  rouge: rougeTheme,\n  bleu: bleuTheme,\n  bleuClair: bleuClairTheme,\n  vert: vertTheme,\n  vertLeger: vertLegerTheme,\n  orange: orangeTheme,\n  turquoise: turquoiseTheme,\n  indigo: indigoTheme,\n  mauve: mauveTheme,\n  gris: grisTheme,\n};\n\nexport type SpwTheme = keyof typeof themes;\n","import { Component, Prop, h, Element } from '@stencil/core';\nimport { themes, SpwTheme } from '@themes/themes';\n\n@Component({\n  tag: 'spw-theme-provider',\n  shadow: false,\n})\nexport class SpwThemeProvider {\n  /** Définit le thème employé, conditionne les tokens associés au thème */\n  @Prop() theme: SpwTheme = 'rouge';\n\n  @Element() el: HTMLSpwThemeProviderElement;\n\n  componentWillLoad() {\n    this.applyTheme(this.theme);\n  }\n\n  componentWillUpdate() {\n    this.applyTheme(this.theme);\n  }\n\n  private applyTheme(theme: SpwTheme) {\n    const styleId = 'theme-styles';\n    let styleElement = document.getElementById(styleId) as HTMLStyleElement;\n\n    if (!styleElement) {\n      styleElement = document.createElement('style');\n      styleElement.id = styleId;\n      document.head.appendChild(styleElement);\n    }\n\n    const css = themes[theme];\n    styleElement.innerHTML = css;\n\n    document.documentElement.setAttribute('data-theme', theme);\n  }\n\n  render() {\n    return (\n      <main class={`spw-theme-${this.theme}`}>\n        <slot />\n      </main>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,g as s}from"./p-BYM_CUUH.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}: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");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){if(t.target&&t.target.closest("spw-tabs")!==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 s=((e=t.textContent)===null||e===void 0?void 0:e.trim())||"";if(!s){return}const n=document.createElement("div");n.style.cssText=`\n          position: absolute;\n          visibility: hidden;\n          white-space: nowrap;\n          top: -9999px;\n          left: -9999px;\n        `;n.textContent=s;const o=window.getComputedStyle(t);n.style.fontSize=o.fontSize;n.style.fontFamily=o.fontFamily;n.style.fontWeight=o.fontWeight;n.style.fontStyle=o.fontStyle;n.style.letterSpacing=o.letterSpacing;n.style.textTransform=o.textTransform;document.body.appendChild(n);const a=n.getBoundingClientRect().width;document.body.removeChild(n);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 s=`--${this.size}`;const n=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(n);const d=((a===null||a===void 0?void 0:a.assignedElements({flatten:true}))||[]).filter(n);r.forEach((t=>{if(t.tagName==="SPW-TABS-NAVIGATION"){t.classList.add(i);t.querySelectorAll("spw-tabs-navigation-item").forEach((t=>{if(n(t)){t.classList.add(i);t.classList.add(s)}}))}else if(t.tagName==="SPW-TABS-NAVIGATION-ITEM"){t.classList.add(i);t.classList.add(s)}}));d.forEach((t=>{if(t.tagName==="SPW-TABS-CONTENT"){t.classList.add(i)}else{t.querySelectorAll("spw-tabs-content").forEach((t=>{if(n(t)){t.classList.add(i)}}))}}));this.applyMaxWidthToChildren()}))}get elementClass(){return{"spw-tabs":true,[`spw-tabs--${this.variant}`]:true}}render(){return i("div",{key:"059b86ccabb9381aa9fbf500740feedb82a094c1",class:this.elementClass},i("slot",{key:"4cdc7ad3147d1deed4457df8002754acd8543b6c",name:"navigation"}),i("slot",{key:"08a683a02a6da7ca01b443de36e9f51d95d3b047",name:"content"}))}get el(){return s(this)}static get watchers(){return{activeTab:["activeTabChanged"],maxWidth:["maxWidthChanged"],hasEllipsis:["hasEllipsisChanged"]}}};o.style=n;export{o as spw_tabs};
-//# sourceMappingURL=p-a950bce8.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwTabsCss","SpwTabs","constructor","hostRef","this","defaultActiveTab","variant","hasEllipsis","size","activeTab","componentWillLoad","componentDidLoad","applyVariantToChildren","updateActiveStates","setTimeout","applyMaxWidthToChildren","activeTabChanged","tabChanged","emit","maxWidthChanged","hasEllipsisChanged","getSelectedTab","setSelectedTab","tabId","handleTabSelected","event","target","closest","el","detail","stopPropagation","slotChanged","isInThisComponent","navItems","Array","from","querySelectorAll","filter","contents","forEach","item","active","content","maxWidth","requestAnimationFrame","ellipsisClass","textContent","_a","trim","measureEl","document","createElement","style","cssText","computedStyle","window","getComputedStyle","fontSize","fontFamily","fontWeight","fontStyle","letterSpacing","textTransform","body","appendChild","contentWidth","getBoundingClientRect","width","removeChild","setProperty","setAttribute","classList","add","removeProperty","remove","variantClass","sizeClass","navigationSlot","shadowRoot","querySelector","contentSlot","_b","navigationElements","assignedElements","flatten","contentElements","tagName","elementClass","render","h","key","class","name"],"sources":["src/components/spw-tabs/spw-tabs.scss?tag=spw-tabs&encapsulation=shadow","src/components/spw-tabs/spw-tabs.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, State, Event, EventEmitter, Prop, Method, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tabs',\n  styleUrl: 'spw-tabs.scss',\n  shadow: true,\n})\nexport class SpwTabs {\n  @Element() el: HTMLElement;\n\n  /** Onglet actif par défaut */\n  @Prop() defaultActiveTab: string = '1';\n  /** Variante des onglets */\n  @Prop() variant: 'default' | 'box' = 'default';\n  /** Texte coupé si trop long, affiche un tooltip si le contenu excède la max-width définie */\n  @Prop() hasEllipsis?: boolean = false;\n  /** Définit la largeur maximale de l'onglet (en pixels) */\n  @Prop() maxWidth?: number;\n  /** Permet de spécifier la taille de l'onglet */\n  @Prop() size?: 'large' | 'medium' | 'small' = 'small';\n\n  @State() activeTab: string = '1'; // Initialiser avec une valeur par défaut\n\n  /** Événement émis lorsque l'onglet actif change */\n  @Event() tabChanged: EventEmitter<string>;\n\n  componentWillLoad() {\n    this.activeTab = this.defaultActiveTab;\n  }\n\n  componentDidLoad() {\n    this.applyVariantToChildren();\n    this.updateActiveStates();\n\n    setTimeout(() => {\n      this.applyMaxWidthToChildren();\n    }, 100);\n  }\n\n  @Watch('activeTab')\n  activeTabChanged() {\n    this.updateActiveStates();\n    this.tabChanged.emit(this.activeTab);\n  }\n\n  @Watch('maxWidth')\n  maxWidthChanged() {\n    this.applyMaxWidthToChildren();\n  }\n\n  @Watch('hasEllipsis')\n  hasEllipsisChanged() {\n    this.applyVariantToChildren();\n  }\n\n  /**\n   * Récupère l'onglet actuellement sélectionné\n   * @returns {Promise<string>} L'ID de l'onglet actif\n   */\n  @Method()\n  async getSelectedTab(): Promise<string> {\n    return this.activeTab;\n  }\n\n  /**\n   * Définit l'onglet sélectionné\n   * @param tabId L'ID de l'onglet à sélectionner\n   * @returns {Promise<void>}\n   */\n  @Method()\n  async setSelectedTab(tabId: string): Promise<void> {\n    this.activeTab = tabId;\n  }\n\n  @Listen('tabSelected', { capture: true })\n  handleTabSelected(event: CustomEvent<string>) {\n    if (event.target && (event.target as HTMLElement).closest('spw-tabs') !== this.el) {\n      return;\n    }\n\n    this.activeTab = event.detail;\n    event.stopPropagation();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.applyVariantToChildren();\n    this.updateActiveStates();\n    this.applyMaxWidthToChildren();\n  }\n\n  private updateActiveStates() {\n    const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n    const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n\n    const contents = Array.from(this.el.querySelectorAll('spw-tabs-content')).filter(isInThisComponent) as HTMLSpwTabsContentElement[];\n\n    navItems.forEach(item => {\n      item.active = item.tabId === this.activeTab;\n    });\n\n    contents.forEach(content => {\n      content.active = content.tabId === this.activeTab;\n    });\n  }\n\n  private applyMaxWidthToChildren() {\n    if (!this.maxWidth) {\n      return;\n    }\n\n    requestAnimationFrame(() => {\n      const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n      const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n      const ellipsisClass = `--ellipsis`;\n\n      navItems.forEach(item => {\n        const textContent = item.textContent?.trim() || '';\n\n        if (!textContent) {\n          return;\n        }\n\n        const measureEl = document.createElement('div');\n        measureEl.style.cssText = `\n          position: absolute;\n          visibility: hidden;\n          white-space: nowrap;\n          top: -9999px;\n          left: -9999px;\n        `;\n        measureEl.textContent = textContent;\n\n        const computedStyle = window.getComputedStyle(item);\n        measureEl.style.fontSize = computedStyle.fontSize;\n        measureEl.style.fontFamily = computedStyle.fontFamily;\n        measureEl.style.fontWeight = computedStyle.fontWeight;\n        measureEl.style.fontStyle = computedStyle.fontStyle;\n        measureEl.style.letterSpacing = computedStyle.letterSpacing;\n        measureEl.style.textTransform = computedStyle.textTransform;\n\n        document.body.appendChild(measureEl);\n        const contentWidth = measureEl.getBoundingClientRect().width;\n        document.body.removeChild(measureEl);\n\n        if (contentWidth > this.maxWidth) {\n          item.style.setProperty('--spw-tabs-max-width-text', `${this.maxWidth}px`);\n\n          item.setAttribute('has-ellipsis', 'true');\n\n          item.classList.add(ellipsisClass);\n        } else {\n          item.style.removeProperty('--spw-tabs-max-width-text');\n          item.setAttribute('has-ellipsis', 'false');\n          item.classList.remove(ellipsisClass);\n        }\n      });\n    });\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const sizeClass = `--${this.size}`;\n\n      const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n      const navigationSlot = this.el.shadowRoot?.querySelector('slot[name=\"navigation\"]') as HTMLSlotElement;\n      const contentSlot = this.el.shadowRoot?.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n\n      const navigationElements = (navigationSlot?.assignedElements({ flatten: true }) || []).filter(isInThisComponent);\n      const contentElements = (contentSlot?.assignedElements({ flatten: true }) || []).filter(isInThisComponent);\n\n      navigationElements.forEach(el => {\n        if (el.tagName === 'SPW-TABS-NAVIGATION') {\n          el.classList.add(variantClass);\n\n          el.querySelectorAll('spw-tabs-navigation-item').forEach(item => {\n            if (isInThisComponent(item)) {\n              item.classList.add(variantClass);\n              item.classList.add(sizeClass);\n            }\n          });\n        } else if (el.tagName === 'SPW-TABS-NAVIGATION-ITEM') {\n          el.classList.add(variantClass);\n          el.classList.add(sizeClass);\n        }\n      });\n\n      contentElements.forEach(el => {\n        if (el.tagName === 'SPW-TABS-CONTENT') {\n          el.classList.add(variantClass);\n        } else {\n          el.querySelectorAll('spw-tabs-content').forEach(content => {\n            if (isInThisComponent(content)) {\n              content.classList.add(variantClass);\n            }\n          });\n        }\n      });\n\n      this.applyMaxWidthToChildren();\n    });\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-tabs': true,\n      [`spw-tabs--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <div class={this.elementClass}>\n        <slot name=\"navigation\"></slot>\n        <slot name=\"content\"></slot>\n      </div>\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as r,g as e,H as s}from"./p-BYM_CUUH.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%;--spw-button-font-size-small:14px;--spw-button-font-size-medium:16px;--spw-button-font-size-large:18px;--spw-button-px-small:16px;--spw-button-px-medium:20px;--spw-button-px-large:24px;--spw-button-py-small:8px;--spw-button-py-medium:12px;--spw-button-py-large:16px;box-sizing:border-box;display:inline-block;font-size:100%;line-height:1.3;vertical-align:top}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host([is-full-width]){display:block;width:100%}.spw-button{border:2px solid transparent;border-radius:9999px;cursor:pointer;display:block;font-weight:700;letter-spacing:.18px;line-height:1;outline:3px solid transparent;overflow:hidden;transition:all .1s ease-in;width:100%}.spw-button--fullwidth{width:100%!important}.spw-button--fullwidth-mobile{width:100%}@media (min-width:768px){.spw-button--fullwidth-mobile{width:auto}}.spw-button--is-icon-only{padding-left:0!important;padding-right:0!important}.spw-button:focus-visible{box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-button spw-loading{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.spw-button--loading{pointer-events:none;position:relative}.spw-button--loading spw-loading{opacity:1}.spw-button__inner,.spw-button__inner-text{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}.spw-button--loading .spw-button__inner-text{opacity:0}.spw-button:is(a){text-decoration:none}.spw-button--primary{background:var(--spw-ds-primary);color:var(--spw-ds-white)}.spw-button--primary:not([disabled]):hover{background:var(--spw-ds-variant)}.spw-button--primary:not([disabled]):active{background:var(--spw-ds-active)}.spw-button--primary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.3);--spw-loading-spinner-color:#fff}.spw-button--secondary{background:var(--spw-color-themes-grey-grey-200);color:var(--spw-color-themes-grey-grey-900)}.spw-button--secondary:not([disabled]):hover{background:var(--spw-color-themes-grey-grey-300)}.spw-button--secondary:not([disabled]):active{background:var(--spw-color-themes-grey-grey-400)}.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(0,0,0,.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--tertiary{background:none;border-radius:4px;color:var(--spw-ds-primary);transition:none}.spw-button--tertiary:not([disabled]):active,.spw-button--tertiary:not([disabled]):hover{text-decoration:underline}.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-active)}.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(0,0,0,.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--primary[disabled],.spw-button--secondary[disabled]{background:var(--spw-color-themes-grey-grey-100)}.spw-button--tertiary[disabled]{background:none}.spw-button--primary[disabled],.spw-button--secondary[disabled],.spw-button--tertiary[disabled]{border-color:none;color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed}.spw-button--surface-dark{box-shadow:var(--spw-effect-elevation-8)}.spw-button--surface-dark:not([disabled]):active{box-shadow:var(--spw-effect-elevation-active-0),var(--spw-effect-elevation-active-1),var(--spw-effect-elevation-active-2)}.spw-button--surface-dark[disabled]{box-shadow:none}.spw-button--surface-dark.spw-button--primary{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--primary:not([disabled]):hover{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--primary:not([disabled]):active{background:transparent;border-color:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-dark.spw-button--primary[disabled]{background:var(--spw-colors-support-grey-grey-700);border-color:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--primary spw-loading{--spw-loading-border-color:var(--spw-colors-support-grey-grey-300);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--secondary{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):hover{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):active{background:var(--spw-colors-support-grey-grey-400);border-color:var(--spw-colors-support-grey-grey-400);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--secondary[disabled]{background:var(--spw-colors-support-grey-grey-700);border-color:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--secondary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-dark.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active,.spw-button--surface-dark.spw-button--tertiary:not([disabled]):hover{box-shadow:none}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-700)}.spw-button--surface-dark.spw-button--tertiary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-primary,.spw-button--surface-primary:not([disabled]):active,.spw-button--surface-primary[disabled]{box-shadow:none}.spw-button--surface-primary.spw-button--primary{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-primary.spw-button--primary:not([disabled]):hover{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--primary:not([disabled]):active{background:transparent;border-color:#fff;color:#fff;opacity:.9}.spw-button--surface-primary.spw-button--primary[disabled]{background:#fff;border-color:#fff;color:var(--spw-colors-support-grey-grey-600);opacity:.5}.spw-button--surface-primary.spw-button--primary spw-loading{--spw-loading-border-color:var(--spw-colors-support-grey-grey-300);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--surface-primary.spw-button--secondary{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):hover{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):active{background:#fff;border-color:#fff;color:var(--spw-colors-support-grey-grey-900);opacity:.9}.spw-button--surface-primary.spw-button--secondary[disabled]{background:#fff;border-color:#fff;color:var(--spw-colors-support-grey-grey-600);opacity:.5}.spw-button--surface-primary.spw-button--secondary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-primary.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active,.spw-button--surface-primary.spw-button--tertiary:not([disabled]):hover{box-shadow:none}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active{color:#fff;opacity:.9}.spw-button--surface-primary.spw-button--tertiary[disabled]{color:#fff;opacity:.5}.spw-button--surface-primary.spw-button--tertiary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-light.spw-button--primary[disabled]{background:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-600)}.spw-button--surface-light.spw-button--secondary{background:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--secondary:not([disabled]):hover{background:var(--spw-colors-support-grey-grey-300)}.spw-button--surface-light.spw-button--secondary:not([disabled]):active{background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--secondary[disabled]{background:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-600)}.spw-button--surface-light.spw-button--tertiary{color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-light.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-600)}.spw-button--large{font-size:var(--spw-button-font-size-large);padding:var(--spw-button-py-large) var(--spw-button-px-large)}.spw-button--large .spw-button__inner-text{gap:12px}.spw-button--large.spw-button--is-icon-only{width:54px}.spw-button--medium{font-size:var(--spw-button-font-size-medium);padding:var(--spw-button-py-medium) var(--spw-button-px-medium)}.spw-button--medium .spw-button__inner-text{gap:8px}.spw-button--medium.spw-button--is-icon-only{width:45px}.spw-button--small{font-size:var(--spw-button-font-size-small);padding:var(--spw-button-py-small) var(--spw-button-px-small)}.spw-button--small .spw-button__inner-text{gap:6px}.spw-button--small.spw-button--is-icon-only{width:35px}.spw-button--large.spw-button--tertiary,.spw-button--medium.spw-button--tertiary,.spw-button--small.spw-button--tertiary{padding:4px}.spw-tw-mr-2{margin-right:.5rem}.spw-tw-relative{position:relative}.spw-tw-flex{display:flex}.spw-tw-w-full{width:100%}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}.spw-tw-gap-x-2{column-gap:.5rem}.spw-tw-gap-y-2{row-gap:.5rem}.spw-tw-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}";const a=class{constructor(r){t(this,r);this.spwFocus=o(this,"spwFocus");this.spwBlur=o(this,"spwBlur");this.spwNavigate=o(this,"spwNavigate");this.target="_self";this.name="";this.value="";this.type="button";this.variant="primary";this.surface="default";this.disabled=false;this.size="medium";this.isIconOnly=false;this.isFullWidth=false;this.isFullWidthMobile=true;this.isLoading=false;this.onFocus=()=>{this.spwFocus.emit()};this.onBlur=()=>{this.spwBlur.emit()};this.onClick=t=>{if(this.disabled||this.isLoading){t.preventDefault();return}if(this.type==="reset"){t.preventDefault();this.resetFormInputs();return}if(this.type==="submit"&&!this.disabled){const o=this.el.closest("form");if(o){t.preventDefault();o.requestSubmit();return}}if(this.href!==undefined){this.spwNavigate.emit(t)}}}resetFormInputs(){const t=this.el.closest("form");if(!t)return;const o=t.querySelectorAll("spw-input");o.forEach((t=>{const o=t.shadowRoot.querySelector("input");if(o){o.value=""}}))}get elementClass(){return{"spw-button":true,[`spw-button--${this.variant}`]:true,[`spw-button--surface-${this.surface}`]:true,[`spw-button--${this.size}`]:true,[`spw-button--is-icon-only`]:this.isIconOnly,[`spw-button--fullwidth`]:this.isFullWidth,[`spw-button--fullwidth-mobile`]:this.isFullWidthMobile,[`spw-button--loading`]:this.isLoading}}render(){const{type:t,download:o,href:e,rel:s,target:n,name:a,value:i}=this;const p=this.href===undefined?"button":"a";const d=p==="button"?{type:t,name:a,value:i}:{download:o,href:e,rel:s,target:n};const l=this.icon&&!this.iconPosition?"right":this.iconPosition;const w=`spw-icon--${l}`;const c=this.icon?r("spw-icon",{class:w,icon:this.icon}):null;const b=this.disabled;const u={"aria-label":this===null||this===void 0?void 0:this.accAriaLabel,"aria-disabled":b?"true":null};return r(p,Object.assign({key:"e9eef72fb99c615172917acc24f70ebd45952829"},d,{class:this.elementClass,disabled:b,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},u),r("div",{key:"6a855c4097ae1aa79900f755448c03990f21a5cd",class:"spw-button__inner"},r("div",{key:"df7af3c99186aa808a65526d4c205a29d36ed285",class:"spw-button__inner-text"},l==="left"&&c,!this.isIconOnly&&r("slot",{key:"9909ce45a0e6e832fc98f5ea96da6c6c0a934399"}),l==="right"&&c)),r("spw-loading",{key:"5433366a7c599fcedd58cc6361bcb058c407689c",text:""}))}get el(){return e(this)}};a.style=n;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-loading-border-color:var(--spw-color-themes-grey-grey-200);--spw-loading-spinner-color:var(--spw-ds-primary);box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-loading{display:flex}.spw-loading__spinner{animation:loading 1s linear infinite;border:4px solid var(--spw-loading-border-color);border-radius:50%;border-top-color:var(--spw-loading-spinner-color);height:20px;width:20px}@keyframes loading{to{transform:rotate(1turn)}}.spw-loading__text{color:var(--spw-color-themes-grey-grey-800);margin-left:8px}.spw-tw-mr-2{margin-right:.5rem}.spw-tw-relative{position:relative}.spw-tw-flex{display:flex}.spw-tw-w-full{width:100%}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}.spw-tw-gap-x-2{column-gap:.5rem}.spw-tw-gap-y-2{row-gap:.5rem}.spw-tw-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}";const p=class{constructor(o){t(this,o);this.text="Chargement..."}render(){return r(s,{key:"4f25139459e96d0c88ace97a4b72773cf89ab8dd"},r("div",{key:"a061aa042e1a61fab4fd7e07d2ac32c4469e994b",class:"spw-loading"},r("div",{key:"b7c510eb6e6489e29f975808c12f19e117e965e0",class:"spw-loading__spinner"}),this.text&&r("p",{key:"13972bcb613b1d69b2126fa051c4eff7f90b3990",class:"spw-loading__text"},this.text)))}};p.style=i;export{a as spw_button,p as spw_loading};
-//# sourceMappingURL=p-ba27b9b0.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwButtonCss","SpwButton","constructor","hostRef","this","target","name","value","type","variant","surface","disabled","size","isIconOnly","isFullWidth","isFullWidthMobile","isLoading","onFocus","spwFocus","emit","onBlur","spwBlur","onClick","ev","preventDefault","resetFormInputs","form","el","closest","requestSubmit","href","undefined","spwNavigate","spwInputs","querySelectorAll","forEach","spwInput","input","shadowRoot","querySelector","elementClass","render","download","rel","TagType","attrs","iconPosition","icon","iconClass","iconElement","h","class","isDisabled","ariaAttributes","accAriaLabel","Object","assign","key","text","spwLoadingCss","SpwLoading","Host"],"sources":["src/components/spw-button/spw-button.scss?tag=spw-button&encapsulation=shadow","src/components/spw-button/spw-button.tsx","src/components/spw-loading/spw-loading.scss?tag=spw-loading&encapsulation=shadow","src/components/spw-loading/spw-loading.tsx"],"sourcesContent":["@import '../../scss/mixins';\n\n:host {\n  display: inline-block;\n  vertical-align: top;\n  --spw-button-font-size-small: 14px;\n  --spw-button-font-size-medium: 16px;\n  --spw-button-font-size-large: 18px;\n  --spw-button-px-small: 16px;\n  --spw-button-px-medium: 20px;\n  --spw-button-px-large: 24px;\n  --spw-button-py-small: 8px;\n  --spw-button-py-medium: 12px;\n  --spw-button-py-large: 16px;\n}\n\n:host([is-full-width]) {\n  display: block;\n  width: 100%;\n}\n\n/* Base */\n\n.spw-button {\n  border: 2px solid transparent;\n  display: block;\n  width: 100%;\n  border-radius: 9999px;\n  letter-spacing: 0.18px;\n  cursor: pointer;\n  font-weight: bold;\n  outline: 3px solid transparent;\n  overflow: hidden;\n  transition: all 0.1s ease-in;\n  line-height: 1;\n\n  &--fullwidth {\n    width: 100% !important;\n  }\n\n  &--fullwidth-mobile {\n    width: 100%;\n    @include breakpoint(md) {\n      width: auto;\n    }\n  }\n\n  &--is-icon-only {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n  }\n\n  &:focus-visible {\n    outline: 3px solid white;\n    outline-offset: -1px;\n    box-shadow: 0 0 0 5px black;\n  }\n\n  spw-loading {\n    opacity: 0;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 1;\n  }\n\n  &--loading {\n    position: relative;\n    pointer-events: none;\n    spw-loading {\n      opacity: 1;\n    }\n  }\n\n  &__inner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    z-index: 2;\n  }\n\n  &__inner-text {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    z-index: 2;\n    .spw-button--loading & {\n      opacity: 0;\n    }\n  }\n\n  &:is(a) {\n    text-decoration: none;\n  }\n}\n\n/* Variants */\n\n.spw-button {\n  &--primary {\n    background: var(--spw-ds-primary);\n    color: var(--spw-ds-white);\n    &:not([disabled]):hover {\n      background: var(--spw-ds-variant);\n    }\n    &:not([disabled]):active {\n      background: var(--spw-ds-active);\n    }\n    spw-loading {\n      --spw-loading-border-color: rgba(255, 255, 255, 0.3);\n      --spw-loading-spinner-color: white;\n    }\n  }\n\n  &--secondary {\n    background: var(--spw-color-themes-grey-grey-200);\n    color: var(--spw-color-themes-grey-grey-900);\n    &:not([disabled]):hover {\n      background: var(--spw-color-themes-grey-grey-300);\n    }\n    &:not([disabled]):active {\n      background: var(--spw-color-themes-grey-grey-400);\n    }\n    spw-loading {\n      --spw-loading-border-color: rgba(0, 0, 0, 0.1);\n      --spw-loading-spinner-color: var(--spw-ds-primary);\n    }\n  }\n\n  &--tertiary {\n    transition: none;\n    border-radius: 4px;\n    background: none;\n    color: var(--spw-ds-primary);\n    &:not([disabled]):hover,\n    &:not([disabled]):active {\n      text-decoration: underline;\n    }\n    &:not([disabled]):active {\n      color: var(--spw-ds-active);\n    }\n    spw-loading {\n      --spw-loading-border-color: rgba(0, 0, 0, 0.1);\n      --spw-loading-spinner-color: var(--spw-ds-primary);\n    }\n  }\n}\n\n/* Disabled */\n\n.spw-button {\n  &--primary[disabled],\n  &--secondary[disabled] {\n    background: var(--spw-color-themes-grey-grey-100);\n  }\n\n  &--tertiary[disabled] {\n    background: none;\n  }\n\n  &--primary[disabled],\n  &--secondary[disabled],\n  &--tertiary[disabled] {\n    color: var(--spw-color-themes-grey-grey-400);\n    border-color: none;\n    cursor: not-allowed;\n  }\n}\n\n/* Surface dark */\n\n.spw-button {\n  &--surface-dark {\n    box-shadow: var(--spw-effect-elevation-8);\n    &:not([disabled]):active {\n      box-shadow: var(--spw-effect-elevation-active-0), var(--spw-effect-elevation-active-1), var(--spw-effect-elevation-active-2);\n    }\n\n    &[disabled] {\n      box-shadow: none;\n    }\n\n    &.spw-button--primary {\n      color: var(--spw-colors-support-grey-grey-900);\n      border-color: var(--spw-ds-white);\n      background: var(--spw-ds-white);\n      &:not([disabled]):hover {\n        background: transparent;\n        color: var(--spw-ds-white);\n        border-color: var(--spw-ds-white);\n      }\n      &:not([disabled]):active {\n        background: transparent;\n        color: var(--spw-colors-support-grey-grey-500);\n        border-color: var(--spw-colors-support-grey-grey-500);\n      }\n      &[disabled] {\n        border-color: var(--spw-colors-support-grey-grey-700);\n        background: var(--spw-colors-support-grey-grey-700);\n        color: var(--spw-colors-support-grey-grey-800);\n      }\n      spw-loading {\n        --spw-loading-border-color: var(--spw-colors-support-grey-grey-300);\n        --spw-loading-spinner-color: var(--spw-ds-primary);\n      }\n    }\n\n    &.spw-button--secondary {\n      background: transparent;\n      color: var(--spw-ds-white);\n      border-color: var(--spw-ds-white);\n      &:not([disabled]):hover {\n        color: var(--spw-colors-support-grey-grey-900);\n        border-color: var(--spw-ds-white);\n        background: var(--spw-ds-white);\n      }\n      &:not([disabled]):active {\n        color: var(--spw-colors-support-grey-grey-900);\n        border-color: var(--spw-colors-support-grey-grey-400);\n        background: var(--spw-colors-support-grey-grey-400);\n      }\n      &[disabled] {\n        border-color: var(--spw-colors-support-grey-grey-700);\n        background: var(--spw-colors-support-grey-grey-700);\n        color: var(--spw-colors-support-grey-grey-800);\n      }\n      spw-loading {\n        --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n        --spw-loading-spinner-color: white;\n      }\n    }\n\n    &.spw-button--tertiary {\n      box-shadow: none;\n      color: var(--spw-ds-white);\n      &:not([disabled]):hover,\n      &:not([disabled]):active {\n        box-shadow: none;\n      }\n      &:not([disabled]):active {\n        color: var(--spw-ds-primary);\n      }\n      &[disabled] {\n        color: var(--spw-colors-support-grey-grey-700);\n      }\n      spw-loading {\n        --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n        --spw-loading-spinner-color: white;\n      }\n    }\n  }\n}\n\n/* Surface primary */\n\n.spw-button {\n  &--surface-primary {\n    box-shadow: none;\n    &:not([disabled]):active {\n      box-shadow: none;\n    }\n\n    &[disabled] {\n      box-shadow: none;\n    }\n\n    &.spw-button--primary {\n      color: var(--spw-colors-support-grey-grey-900);\n      border-color: var(--spw-ds-white);\n      background: var(--spw-ds-white);\n      &:not([disabled]):hover {\n        background: transparent;\n        color: var(--spw-ds-white);\n        border-color: var(--spw-ds-white);\n      }\n      &:not([disabled]):active {\n        background: transparent;\n        color: white;\n        border-color: white;\n        opacity: 0.9;\n      }\n      &[disabled] {\n        border-color: white;\n        background: white;\n        color: var(--spw-colors-support-grey-grey-600);\n        opacity: 0.5;\n      }\n      spw-loading {\n        --spw-loading-border-color: var(--spw-colors-support-grey-grey-300);\n        --spw-loading-spinner-color: var(--spw-ds-primary);\n      }\n    }\n\n    &.spw-button--secondary {\n      background: transparent;\n      color: var(--spw-ds-white);\n      border-color: var(--spw-ds-white);\n      &:not([disabled]):hover {\n        color: var(--spw-colors-support-grey-grey-900);\n        border-color: var(--spw-ds-white);\n        background: var(--spw-ds-white);\n      }\n      &:not([disabled]):active {\n        color: var(--spw-colors-support-grey-grey-900);\n        border-color: white;\n        background: white;\n        opacity: 0.9;\n      }\n      &[disabled] {\n        border-color: white;\n        background: white;\n        color: var(--spw-colors-support-grey-grey-600);\n        opacity: 0.5;\n      }\n      spw-loading {\n        --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n        --spw-loading-spinner-color: white;\n      }\n    }\n\n    &.spw-button--tertiary {\n      box-shadow: none;\n      color: var(--spw-ds-white);\n      &:not([disabled]):hover,\n      &:not([disabled]):active {\n        box-shadow: none;\n      }\n      &:not([disabled]):active {\n        color: white;\n        opacity: 0.9;\n      }\n      &[disabled] {\n        color: white;\n        opacity: 0.5;\n      }\n      spw-loading {\n        --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n        --spw-loading-spinner-color: white;\n      }\n    }\n  }\n}\n\n/* Surface light */\n\n.spw-button {\n  &--surface-light {\n    &.spw-button--primary {\n      &[disabled] {\n        color: var(--spw-colors-support-grey-grey-600);\n        background: var(--spw-colors-support-grey-grey-500);\n      }\n    }\n\n    &.spw-button--secondary {\n      color: var(--spw-colors-support-grey-grey-900);\n      background: var(--spw-ds-white);\n      &:not([disabled]):hover {\n        background: var(--spw-colors-support-grey-grey-300);\n      }\n      &:not([disabled]):active {\n        background: var(--spw-colors-support-grey-grey-500);\n      }\n      &[disabled] {\n        color: var(--spw-colors-support-grey-grey-600);\n        background: var(--spw-colors-support-grey-grey-500);\n      }\n    }\n\n    &.spw-button--tertiary {\n      color: var(--spw-colors-support-grey-grey-900);\n      &:not([disabled]):active {\n        color: var(--spw-ds-primary);\n      }\n      &[disabled] {\n        color: var(--spw-colors-support-grey-grey-600);\n      }\n    }\n  }\n}\n\n/* Sizes */\n\n.spw-button {\n  &--large {\n    font-size: var(--spw-button-font-size-large);\n    padding: var(--spw-button-py-large) var(--spw-button-px-large);\n    .spw-button__inner-text {\n      gap: 12px;\n    }\n    &.spw-button--is-icon-only {\n      width: 54px;\n    }\n  }\n\n  &--medium {\n    font-size: var(--spw-button-font-size-medium);\n    padding: var(--spw-button-py-medium) var(--spw-button-px-medium);\n    .spw-button__inner-text {\n      gap: 8px;\n    }\n    &.spw-button--is-icon-only {\n      width: 45px;\n    }\n  }\n\n  &--small {\n    font-size: var(--spw-button-font-size-small);\n    padding: var(--spw-button-py-small) var(--spw-button-px-small);\n    .spw-button__inner-text {\n      gap: 6px;\n    }\n    &.spw-button--is-icon-only {\n      width: 35px;\n    }\n  }\n\n  &--small,\n  &--medium,\n  &--large {\n    &.spw-button--tertiary {\n      padding: 4px;\n    }\n  }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'spw-button',\n  styleUrl: 'spw-button.scss',\n  shadow: true,\n})\nexport class SpwButton {\n  @Element() el: HTMLSpwButtonElement;\n\n  /** Spécifie le lien si nécessaire */\n  @Prop() href?: string;\n  /** Attribut target, s'applique uniquement si href est rempli */\n  @Prop() target?: string = '_self';\n  /** Remplit l'attribut rel */\n  @Prop() rel?: string;\n  /** Permet de télécharger un fichier au lieu de naviguer vers le lien */\n  @Prop() download?: string;\n  /** Nom du bouton */\n  @Prop() name?: string = '';\n  /** Valeur du bouton */\n  @Prop() value?: string | number = '';\n  /** Type du bouton */\n  @Prop() type?: 'button' | 'submit' | 'reset' = 'button';\n\n  /** Permet de sélectionner une variante du bouton */\n  @Prop() variant?: 'primary' | 'secondary' | 'tertiary' = 'primary';\n  /** Permet de choisir la surface d'arrière-plan du bouton */\n  @Prop() surface?: 'default' | 'dark' | 'light' | 'primary' = 'default';\n  /** Si désactivé, le bouton n'est pas utilisable */\n  @Prop() disabled?: boolean = false;\n  /** Permet de spécifier la taille du bouton */\n  @Prop() size?: 'large' | 'medium' | 'small' = 'medium';\n\n  /** Remplit l'attribut aria-label, utilisé à des fins d'accessibilité */\n  @Prop() accAriaLabel?: string;\n\n  /** Si rempli, vous pouvez utiliser une référence d'icône font-awesome */\n  @Prop() isIconOnly?: boolean = false;\n  /** Si rempli, vous pouvez utiliser une référence d'icône font-awesome */\n  @Prop() icon?: string;\n  /** Position de l'icône à l'intérieur du bouton */\n  @Prop() iconPosition?: 'left' | 'right';\n\n  /** Si vrai, le bouton prend toute la largeur */\n  @Prop() isFullWidth?: boolean = false;\n  /** Si vrai, le bouton prend toute la largeur en mobile */\n  @Prop({ reflect: true }) isFullWidthMobile?: boolean = true;\n\n  /** Affiche un état de chargement, désactive le bouton */\n  @Prop() isLoading?: boolean = false;\n\n  /** Lors du focus */\n  @Event() spwFocus: EventEmitter<void>;\n  /** Lors de la perte du focus */\n  @Event() spwBlur: EventEmitter<void>;\n  /** Navigation vers un lien lors du clic */\n  @Event() spwNavigate: EventEmitter<MouseEvent>;\n\n  private onFocus = () => {\n    this.spwFocus.emit();\n  };\n\n  private onBlur = () => {\n    this.spwBlur.emit();\n  };\n\n  private resetFormInputs() {\n    const form = this.el.closest('form');\n    if (!form) return;\n\n    const spwInputs = form.querySelectorAll('spw-input');\n    spwInputs.forEach(spwInput => {\n      const input = spwInput.shadowRoot.querySelector('input');\n      if (input) {\n        input.value = '';\n      }\n    });\n  }\n\n  private onClick = (ev: MouseEvent) => {\n    if (this.disabled || this.isLoading) {\n      ev.preventDefault();\n      return;\n    }\n\n    if (this.type === 'reset') {\n      ev.preventDefault();\n      this.resetFormInputs();\n      return;\n    }\n\n    if (this.type === 'submit' && !this.disabled) {\n      const form = this.el.closest('form');\n      if (form) {\n        ev.preventDefault();\n        form.requestSubmit();\n        return;\n      }\n    }\n\n    if (this.href !== undefined) {\n      this.spwNavigate.emit(ev);\n    }\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-button': true,\n      [`spw-button--${this.variant}`]: true,\n      [`spw-button--surface-${this.surface}`]: true,\n      [`spw-button--${this.size}`]: true,\n      [`spw-button--is-icon-only`]: this.isIconOnly,\n      [`spw-button--fullwidth`]: this.isFullWidth,\n      [`spw-button--fullwidth-mobile`]: this.isFullWidthMobile,\n      [`spw-button--loading`]: this.isLoading,\n    };\n  }\n\n  render() {\n    const { type, download, href, rel, target, name, value } = this;\n    const TagType = this.href === undefined ? 'button' : 'a';\n    const attrs =\n      TagType === 'button'\n        ? { type: type, name, value }\n        : {\n            download,\n            href,\n            rel,\n            target,\n          };\n\n    const iconPosition = this.icon && !this.iconPosition ? 'right' : this.iconPosition;\n    const iconClass = `spw-icon--${iconPosition}`;\n    const iconElement = this.icon ? <spw-icon class={iconClass} icon={this.icon}></spw-icon> : null;\n\n    const isDisabled = this.disabled;\n\n    const ariaAttributes = {\n      'aria-label': this?.accAriaLabel,\n      'aria-disabled': isDisabled ? 'true' : null,\n    };\n\n    return (\n      <TagType {...attrs} class={this.elementClass} disabled={isDisabled} onFocus={this.onFocus} onBlur={this.onBlur} onClick={this.onClick} {...ariaAttributes}>\n        <div class=\"spw-button__inner\">\n          <div class=\"spw-button__inner-text\">\n            {iconPosition === 'left' && iconElement}\n            {!this.isIconOnly && <slot></slot>}\n            {iconPosition === 'right' && iconElement}\n          </div>\n        </div>\n        <spw-loading text=\"\"></spw-loading>\n      </TagType>\n    );\n  }\n}\n",":host {\n  display: block;\n  --spw-loading-border-color: var(--spw-color-themes-grey-grey-200);\n  --spw-loading-spinner-color: var(--spw-ds-primary);\n}\n\n.spw-loading {\n  display: flex;\n  &__spinner {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    border: 4px solid var(--spw-loading-border-color);\n    border-top-color: var(--spw-loading-spinner-color);\n    animation: loading 1s linear infinite;\n  }\n  @keyframes loading {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n  &__text {\n    margin-left: 8px;\n    color: var(--spw-color-themes-grey-grey-800);\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'spw-loading',\n  styleUrl: 'spw-loading.scss',\n  shadow: true,\n})\nexport class SpwLoading {\n  /** Permet de spécifier un texte de chargement */\n  @Prop() text?: string = 'Chargement...';\n\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-loading\">\n          <div class=\"spw-loading__spinner\"></div>\n          {this.text && <p class=\"spw-loading__text\">{this.text}</p>}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,h as e}from"./p-BYM_CUUH.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%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;margin-top:-2px;max-height:200px;overflow-y:auto;position:absolute;transition:transform .3s ease,opacity .3s ease;width:100%;z-index:44}.spw-search-field__options--down,.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{border-bottom:1px solid var(--spw-color-themes-grey-grey-900);color:var(--spw-color-themes-grey-grey-900);cursor:pointer;padding:12px;text-align:left;transition:background-color .2s ease}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__no-results{color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed;padding:12px;text-align:left}.spw-tw-italic{font-style:italic}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}";const s=class{constructor(e){t(this,e);this.placeholder="Recherche...";this.size="medium";this.label="";this.required=false;this.filteredItems=[];this.searchText="";this.isOpen=false;this.focusedItemIndex=null;this.dropdownDirection="down";this.handleClickOutside=t=>{if(this.isOpen){const e=t.composedPath()[0];const i=this.hostElement.contains(e);if(!i){this.isOpen=false}}}}componentWillLoad(){if(this.items){this.parseItems(this.items)}else{this.filteredItems=[]}}componentDidLoad(){document.addEventListener("click",this.handleClickOutside)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}parseItems(t){if(!t){this.filteredItems=[];return}try{this.filteredItems=JSON.parse(t)}catch(e){console.error("Invalid JSON format for items:",t);this.filteredItems=[]}}handleSearchInput(t){const e=t.target;this.searchText=e.value;this.filterItems();this.determineDropdownDirection();this.isOpen=true}filterItems(){if(!this.items){this.filteredItems=[];return}const t=this.normalizeString(this.searchText);this.filteredItems=JSON.parse(this.items).filter((e=>this.normalizeString(e.label).includes(t)))}normalizeString(t){return t.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}selectItem(t){this.searchText=t.label;this.isOpen=false;if(t.url){window.location.href=t.url}}determineDropdownDirection(){const t=this.hostElement.getBoundingClientRect();const e=window.innerHeight;if(t.bottom+200>e&&t.top>200){this.dropdownDirection="up"}else{this.dropdownDirection="down"}}handleKeyDown(t){switch(t.key){case"ArrowDown":t.preventDefault();if(this.isOpen){this.focusedItemIndex=this.focusedItemIndex===null?0:(this.focusedItemIndex+1)%this.filteredItems.length}break;case"ArrowUp":t.preventDefault();if(this.isOpen){this.focusedItemIndex=this.focusedItemIndex===null?this.filteredItems.length-1:(this.focusedItemIndex-1+this.filteredItems.length)%this.filteredItems.length}break;case"Enter":t.preventDefault();if(this.isOpen&&this.focusedItemIndex!==null){this.selectItem(this.filteredItems[this.focusedItemIndex])}break;case"Escape":this.isOpen=false;break}}highlightMatch(t){const i=this.normalizeString(this.searchText);const s=this.normalizeString(t);const o=s.indexOf(i);if(o===-1||!this.searchText){return t}const n=o+i.length;return e("span",null,t.slice(0,o),e("strong",null,t.slice(o,n)),t.slice(n))}get elementClass(){return{"spw-search-field":true,[`spw-search-field--${this.size}`]:true}}render(){return e("div",{key:"f3cd48c80c32587805de72f3a660e52dffa8e17a",ref:t=>this.hostElement=t,class:this.elementClass},e("spw-text-field",{key:"c26ce464161f090dfc9ea2adb9e365e4bda12919",placeholder:this.placeholder,name:this.name,label:this.label,size:this.size,"is-search":true,"is-clear":true,required:this.required,disabled:this.disabled,assistiveText:this.assistiveText,value:this.searchText,onInput:t=>this.handleSearchInput(t),onKeyDown:t=>this.handleKeyDown(t)}),this.isOpen&&!!this.items&&e("div",{key:"c7ca8245c7c6fcee65897d335234cefd97429409",class:`spw-search-field__options spw-search-field__options--${this.dropdownDirection}`},!!this.filteredItems.length&&e("ul",{key:"5f80870d7304e8cd3c0a781a77b1c9fcf8eb0592"},this.filteredItems.map(((t,i)=>e("li",{class:{"spw-search-field__option":true,"spw-search-field__option--focused":i===this.focusedItemIndex},onClick:()=>this.selectItem(t)},this.highlightMatch(t.label)," ",t.category&&e("span",{class:"spw-tw-italic"}," - ",t.category))))),!this.filteredItems.length&&e("p",{key:"b1970a37534fed8358ec30cc62d07badc45bff9e",class:"spw-search-field__no-results"},"Pas de résultats.")))}static get watchers(){return{items:["parseItems"]}}};s.style=i;export{s as spw_search_field};
-//# sourceMappingURL=p-bf2d0cf4.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwSearchFieldCss","SpwSearchField","constructor","hostRef","this","placeholder","size","label","required","filteredItems","searchText","isOpen","focusedItemIndex","dropdownDirection","handleClickOutside","event","target","composedPath","isInsideHost","hostElement","contains","componentWillLoad","items","parseItems","componentDidLoad","document","addEventListener","disconnectedCallback","removeEventListener","newValue","JSON","parse","e","console","error","handleSearchInput","input","value","filterItems","determineDropdownDirection","normalizedSearchText","normalizeString","filter","item","includes","str","normalize","replace","toLowerCase","selectItem","url","window","location","href","rect","getBoundingClientRect","viewportHeight","innerHeight","bottom","top","handleKeyDown","key","preventDefault","length","highlightMatch","normalizedItem","startIndex","indexOf","endIndex","h","slice","elementClass","render","ref","el","class","name","disabled","assistiveText","onInput","onKeyDown","map","index","onClick","category"],"sources":["src/components/spw-search-field/spw-search-field.scss?tag=spw-search-field&encapsulation=shadow","src/components/spw-search-field/spw-search-field.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-search-field {\n  position: relative;\n  &--large {\n    spw-text-field {\n      --spw-input-height: 54px;\n      --spw-input-padding: 16px 24px;\n      --spw-input-radius: 60px;\n      --spw-input-border: transparent;\n      --spw-input-icon-search-color: var(--spw-ds-primary);\n    }\n  }\n}\n\n.spw-search-field__options {\n  position: absolute;\n  width: 100%;\n  background-color: #fff;\n  border: 1px solid var(--spw-color-themes-grey-grey-800);\n  border-radius: 0 0 4px 4px;\n  max-height: 200px;\n  overflow-y: auto;\n  z-index: 44;\n  margin-top: -2px;\n  transition:\n    transform 0.3s ease,\n    opacity 0.3s ease;\n}\n\n.spw-search-field__options--down {\n  top: 100%;\n  transform: translateY(0);\n}\n\n.spw-search-field__options--up {\n  top: 100%;\n  transform: translateY(0);\n}\n\n.spw-search-field__option {\n  padding: 12px;\n  color: var(--spw-color-themes-grey-grey-900);\n  text-align: left;\n  border-bottom: 1px solid var(--spw-color-themes-grey-grey-900);\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n\n  &:hover {\n    background-color: var(--spw-color-themes-grey-grey-200);\n  }\n\n  &:last-child {\n    border-bottom: none;\n  }\n\n  &--focused {\n    background-color: var(--spw-color-themes-grey-grey-300);\n  }\n\n  &--selected {\n    font-weight: 700;\n  }\n}\n\n.spw-search-field__no-results {\n  padding: 12px;\n  cursor: not-allowed;\n  text-align: left;\n  color: var(--spw-color-themes-grey-grey-600);\n}\n","import { Component, Prop, State, h, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-search-field',\n  styleUrl: 'spw-search-field.scss',\n  shadow: true,\n})\nexport class SpwSearchField {\n  private hostElement: HTMLElement;\n\n  /** Liste des éléments à filtrer, passée sous forme de chaîne JSON */\n  @Prop() items?: string;\n  /** Placeholder à afficher dans le champ de recherche */\n  @Prop() placeholder: string = 'Recherche...';\n  /** Taille du champ de recherche */\n  @Prop() size?: 'large' | 'medium' = 'medium';\n  /** Label associé au champ de recherche */\n  @Prop() label?: string = '';\n  /** Indique si le champ de recherche est désactivé */\n  @Prop() disabled?: boolean;\n  /** Nom du champ de recherche, utilisé pour les formulaires */\n  @Prop() name: string;\n  /** Indique si le champ est requis */\n  @Prop() required?: boolean = false;\n  /** Texte d'assistance affiché sous le champ de recherche */\n  @Prop() assistiveText?: string;\n\n  @State() filteredItems: Array<{ url?: string; label: string; category?: string }> = [];\n  @State() searchText: string = '';\n  @State() isOpen: boolean = false;\n  @State() focusedItemIndex: number | null = null;\n  @State() dropdownDirection: 'up' | 'down' = 'down';\n\n  componentWillLoad() {\n    if (this.items) {\n      this.parseItems(this.items);\n    } else {\n      this.filteredItems = [];\n    }\n  }\n\n  componentDidLoad() {\n    document.addEventListener('click', this.handleClickOutside);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n  }\n\n  @Watch('items')\n  parseItems(newValue: string) {\n    if (!newValue) {\n      this.filteredItems = [];\n      return;\n    }\n\n    try {\n      this.filteredItems = JSON.parse(newValue);\n    } catch (e) {\n      console.error('Invalid JSON format for items:', newValue);\n      this.filteredItems = [];\n    }\n  }\n\n  private handleClickOutside = (event: MouseEvent) => {\n    if (this.isOpen) {\n      const target = event.composedPath()[0] as Node;\n      const isInsideHost = this.hostElement.contains(target);\n\n      if (!isInsideHost) {\n        this.isOpen = false;\n      }\n    }\n  };\n\n  private handleSearchInput(event: Event) {\n    const input = event.target as HTMLInputElement;\n    this.searchText = input.value;\n    this.filterItems();\n    this.determineDropdownDirection();\n    this.isOpen = true;\n  }\n\n  private filterItems() {\n    if (!this.items) {\n      this.filteredItems = [];\n      return;\n    }\n\n    const normalizedSearchText = this.normalizeString(this.searchText);\n\n    this.filteredItems = JSON.parse(this.items).filter(item => this.normalizeString(item.label).includes(normalizedSearchText));\n  }\n\n  private normalizeString(str: string): string {\n    return str\n      .normalize('NFD')\n      .replace(/[\\u0300-\\u036f]/g, '')\n      .toLowerCase();\n  }\n\n  private selectItem(item: { url?: string; label: string }) {\n    this.searchText = item.label;\n    this.isOpen = false;\n\n    if (item.url) {\n      window.location.href = item.url;\n    }\n  }\n\n  private determineDropdownDirection() {\n    const rect = this.hostElement.getBoundingClientRect();\n    const viewportHeight = window.innerHeight;\n\n    if (rect.bottom + 200 > viewportHeight && rect.top > 200) {\n      this.dropdownDirection = 'up';\n    } else {\n      this.dropdownDirection = 'down';\n    }\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        if (this.isOpen) {\n          this.focusedItemIndex = this.focusedItemIndex === null ? 0 : (this.focusedItemIndex + 1) % this.filteredItems.length;\n        }\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (this.isOpen) {\n          this.focusedItemIndex =\n            this.focusedItemIndex === null ? this.filteredItems.length - 1 : (this.focusedItemIndex - 1 + this.filteredItems.length) % this.filteredItems.length;\n        }\n        break;\n      case 'Enter':\n        event.preventDefault();\n        if (this.isOpen && this.focusedItemIndex !== null) {\n          this.selectItem(this.filteredItems[this.focusedItemIndex]);\n        }\n        break;\n      case 'Escape':\n        this.isOpen = false;\n        break;\n    }\n  }\n\n  private highlightMatch(item: string) {\n    const normalizedSearchText = this.normalizeString(this.searchText);\n    const normalizedItem = this.normalizeString(item);\n\n    const startIndex = normalizedItem.indexOf(normalizedSearchText);\n\n    if (startIndex === -1 || !this.searchText) {\n      return item;\n    }\n\n    const endIndex = startIndex + normalizedSearchText.length;\n\n    return (\n      <span>\n        {item.slice(0, startIndex)}\n        <strong>{item.slice(startIndex, endIndex)}</strong>\n        {item.slice(endIndex)}\n      </span>\n    );\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-search-field': true,\n      [`spw-search-field--${this.size}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <div ref={el => (this.hostElement = el as HTMLElement)} class={this.elementClass}>\n        <spw-text-field\n          placeholder={this.placeholder}\n          name={this.name}\n          label={this.label}\n          size={this.size}\n          is-search={true}\n          is-clear={true}\n          required={this.required}\n          disabled={this.disabled}\n          assistiveText={this.assistiveText}\n          value={this.searchText}\n          onInput={event => this.handleSearchInput(event)}\n          onKeyDown={event => this.handleKeyDown(event)}\n        ></spw-text-field>\n        {this.isOpen && !!this.items && (\n          <div class={`spw-search-field__options spw-search-field__options--${this.dropdownDirection}`}>\n            {!!this.filteredItems.length && (\n              <ul>\n                {this.filteredItems.map((item, index) => (\n                  <li\n                    class={{\n                      'spw-search-field__option': true,\n                      'spw-search-field__option--focused': index === this.focusedItemIndex,\n                    }}\n                    onClick={() => this.selectItem(item)}\n                  >\n                    {this.highlightMatch(item.label)} {item.category && <span class=\"spw-tw-italic\"> - {item.category}</span>}\n                  </li>\n                ))}\n              </ul>\n            )}\n            {!this.filteredItems.length && <p class=\"spw-search-field__no-results\">Pas de résultats.</p>}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,h as t}from"./p-BYM_CUUH.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%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-table-cell{border:1px solid var(--spw-color-themes-grey-grey-300);border-top:0;color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left}.spw-table-cell--is-highlighted{background:var(--spw-color-themes-grey-grey-100);font-weight:700}.spw-table-cell--text-align-left{text-align:left}.spw-table-cell--text-align-center{text-align:center}.spw-table-cell--text-align-right{text-align:right}.spw-table-cell--vertical-align-top{vertical-align:top}.spw-table-cell--vertical-align-bottom{vertical-align:bottom}.spw-table-cell--vertical-align-middle{vertical-align:middle}.spw-table-cell--padding-small{padding:8px}.spw-table-cell--padding-medium{padding:16px}.spw-table-cell ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}";const n=class{constructor(t){e(this,t);this.isHighlighted=false;this.textAlign="left";this.verticalAlign="middle";this.width="auto";this.padding="medium"}get elementClass(){return{"spw-table-cell":true,"spw-table-cell--is-highlighted":this.isHighlighted,[`spw-table-cell--text-align-${this.textAlign}`]:true,[`spw-table-cell--padding-${this.padding}`]:true,[`spw-table-cell--vertical-align-${this.verticalAlign}`]:true}}render(){const e={width:this.width,class:this.elementClass,part:"cell"};if(this.colspan!==undefined)e.colSpan=this.colspan;if(this.rowspan!==undefined)e.rowSpan=this.rowspan;if(this.headers!==undefined)e.headers=this.headers;return t("td",Object.assign({key:"90b5ba037780b40461e2fbfff278fa3e46d4fa79"},e),t("slot",{key:"6e8d211652ff81ec279445597e0d20e9bd783857"}))}};n.style=i;export{n as spw_table_cell};
-//# sourceMappingURL=p-c54fee67.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwTableCellCss","SpwTableCell","constructor","hostRef","this","isHighlighted","textAlign","verticalAlign","width","padding","elementClass","render","attrs","class","part","colspan","undefined","colSpan","rowspan","rowSpan","headers","h","Object","assign","key"],"sources":["src/components/spw-table/spw-table-cell/spw-table-cell.scss?tag=spw-table-cell&encapsulation=shadow","src/components/spw-table/spw-table-cell/spw-table-cell.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-table-cell {\n  border: 1px solid var(--spw-color-themes-grey-grey-300);\n  color: var(--spw-color-themes-grey-grey-800);\n  font-size: 14px;\n  text-align: left;\n  border-top: 0;\n  &--is-highlighted {\n    font-weight: 700;\n    background: var(--spw-color-themes-grey-grey-100);\n  }\n  &--text-align-left {\n    text-align: left;\n  }\n  &--text-align-center {\n    text-align: center;\n  }\n  &--text-align-right {\n    text-align: right;\n  }\n  &--vertical-align-top {\n    vertical-align: top;\n  }\n  &--vertical-align-bottom {\n    vertical-align: bottom;\n  }\n  &--vertical-align-middle {\n    vertical-align: middle;\n  }\n  &--padding-small {\n    padding: 8px;\n  }\n  &--padding-medium {\n    padding: 16px;\n  }\n  ::slotted(spw-checkbox) {\n    --spw-ds-checkbox-checked-color: #000;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-cell',\n  styleUrl: 'spw-table-cell.scss',\n  shadow: true,\n})\nexport class SpwTableCell {\n  /** Définit un colspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() colspan?: HTMLTableCellElement['colSpan'];\n  /** Définit un header relationnel pour la cellule, à des fins d'accessibilité (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() headers?: HTMLTableCellElement['headers'];\n  /** Définit un rowspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() rowspan?: HTMLTableCellElement['rowSpan'];\n  /** Définit un style visuel qui met en avant la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() isHighlighted?: boolean = false;\n  /** Définit un alignement de texte pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() textAlign?: 'center' | 'left' | 'right' = 'left';\n  /** Définit un alignement vertical pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() verticalAlign?: 'top' | 'bottom' | 'middle' = 'middle';\n  /** Définit une largeur si nécessaire (à appliquer sur spw-table-cell) */\n  @Prop() width?: string = 'auto';\n  /** Définit le padding pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() padding?: 'small' | 'medium' = 'medium';\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-table-cell': true,\n      'spw-table-cell--is-highlighted': this.isHighlighted,\n      [`spw-table-cell--text-align-${this.textAlign}`]: true,\n      [`spw-table-cell--padding-${this.padding}`]: true,\n      [`spw-table-cell--vertical-align-${this.verticalAlign}`]: true,\n    };\n  }\n\n  render() {\n    const attrs: { [key: string]: any } = {\n      width: this.width,\n      class: this.elementClass,\n      part: 'cell',\n    };\n\n    if (this.colspan !== undefined) attrs.colSpan = this.colspan;\n    if (this.rowspan !== undefined) attrs.rowSpan = this.rowspan;\n    if (this.headers !== undefined) attrs.headers = this.headers;\n\n    return (\n      <td {...attrs}>\n        <slot />\n      </td>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,+zG,MCOXC,EAAY,MALzB,WAAAC,CAAAC,G,UAaUC,KAAaC,cAAa,MAE1BD,KAASE,UAAiC,OAE1CF,KAAaG,cAAiC,SAE9CH,KAAKI,MAAY,OAEjBJ,KAAOK,QAAwB,QA6BxC,CA3BC,gBAAYC,GACV,MAAO,CACL,iBAAkB,KAClB,iCAAkCN,KAAKC,cACvC,CAAC,8BAA8BD,KAAKE,aAAc,KAClD,CAAC,2BAA2BF,KAAKK,WAAY,KAC7C,CAAC,kCAAkCL,KAAKG,iBAAkB,K,CAI9D,MAAAI,GACE,MAAMC,EAAgC,CACpCJ,MAAOJ,KAAKI,MACZK,MAAOT,KAAKM,aACZI,KAAM,QAGR,GAAIV,KAAKW,UAAYC,UAAWJ,EAAMK,QAAUb,KAAKW,QACrD,GAAIX,KAAKc,UAAYF,UAAWJ,EAAMO,QAAUf,KAAKc,QACrD,GAAId,KAAKgB,UAAYJ,UAAWJ,EAAMQ,QAAUhB,KAAKgB,QAErD,OACEC,EAAA,KAAAC,OAAAC,OAAA,CAAAC,IAAA,4CAAQZ,GACNS,EAAQ,QAAAG,IAAA,6C","ignoreList":[]}