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

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwTabsNavigationItemCss","SpwTabsNavigationItem","constructor","hostRef","this","active","disabled","bubble","slotText","handleClick","event","preventDefault","stopPropagation","tabSelected","emit","tabId","handleKeyDown","key","componentDidLoad","updateSlotText","handleSlotChange","slot","_a","el","shadowRoot","querySelector","assignedNodes","flatten","text","filter","n","nodeType","Node","TEXT_NODE","ELEMENT_NODE","map","textContent","trim","join","elementClass","hasEllipsis","render","iconPosition","icon","iconClass","iconElement","h","class","Host","id","role","onKeyDown","tabIndex","onClick","cursor","tooltipText","Fragment"],"sources":["src/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.scss?tag=spw-tabs-navigation-item&encapsulation=shadow","src/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.tsx"],"sourcesContent":[":host {\n  display: contents;\n  --spw-tabs-max-width-text: 200px;\n  --spw-tabs-border-radius: 4px 4px 0 0;\n  --spw-tabs-margin-left: 0;\n}\n\n.spw-tabs-navigation-item {\n  position: relative;\n  cursor: pointer;\n  color: var(--spw-colors-support-grey-grey-700);\n  user-select: none;\n  transition: color 0.2s linear;\n  &:hover {\n    color: var(--spw-colors-support-grey-grey-900);\n    :host(.--box) & {\n      color: var(--spw-colors-support-grey-grey-900);\n    }\n  }\n  &:focus-visible {\n    outline: 2px solid black;\n    outline-offset: -2px;\n  }\n  :host(.--box) & {\n    background: var(--spw-colors-support-grey-grey-100);\n    color: var(--spw-colors-support-grey-grey-600);\n    border: 1px solid var(--spw-colors-support-grey-grey-300);\n    margin-top: 3px;\n    border-radius: var(--spw-tabs-border-radius);\n    margin-left: var(--spw-tabs-margin-left);\n  }\n  &--disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n    &:hover {\n      color: var(--spw-colors-support-grey-grey-700);\n    }\n    :host(.--box) & {\n      opacity: 1;\n      color: var(--spw-colors-support-grey-grey-400);\n      &:hover {\n        color: var(--spw-colors-support-grey-grey-400);\n      }\n      &:active {\n        transform: none;\n      }\n    }\n  }\n  &--active {\n    border-bottom: 0;\n    color: var(--spw-colors-support-grey-grey-900);\n    &:after {\n      content: '';\n      position: absolute;\n      width: 100%;\n      bottom: 0;\n      left: 0;\n      height: 2px;\n      background: var(--spw-ds-primary);\n    }\n    :host(.--box) & {\n      position: relative;\n      top: 1px;\n      color: var(--spw-colors-support-grey-grey-900);\n      background: white;\n      // border-bottom-color: transparent;\n      margin-top: 0;\n      &:after {\n        display: none;\n      }\n    }\n  }\n  &--bubble {\n    &:before {\n      content: '';\n      position: absolute;\n      top: 2px;\n      right: -8px;\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--spw-ds-primary);\n      :host(.--box) & {\n        top: 4px;\n        right: 4px;\n      }\n    }\n  }\n  :host(.--ellipsis) & {\n    max-width: var(--spw-tabs-max-width-text);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex-shrink: 0;\n    spw-tooltip {\n      display: contents;\n    }\n  }\n  :host(.--small) & {\n    padding: 8px 0 12px 0;\n    font-size: 14px;\n  }\n  :host(.--small.--box) & {\n    padding: 7px 16px 6px 16px;\n    .spw-tabs-navigation-item--active {\n      padding: 8px 16px;\n    }\n  }\n  :host(.--medium) & {\n    padding: 12px 0 16px 0;\n    font-size: 16px;\n  }\n  :host(.--medium.--box) & {\n    padding: 11px 16px 10px 16px;\n    .spw-tabs-navigation-item--active {\n      padding: 12px 16px;\n    }\n  }\n  :host(.--large) & {\n    padding: 16px 0 20px 0;\n    font-size: 18px;\n  }\n  :host(.--large.--box) & {\n    padding: 15px 20px 14px 20px;\n    .spw-tabs-navigation-item--active {\n      padding: 16px 20px;\n    }\n  }\n  .spw-icon {\n    &--left {\n      margin-right: 4px;\n    }\n    &--right {\n      margin-left: 4px;\n    }\n  }\n}\n","import { Component, h, Fragment, Element, Prop, Event, State, EventEmitter, Host, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tabs-navigation-item',\n  styleUrl: 'spw-tabs-navigation-item.scss',\n  shadow: true,\n})\nexport class SpwTabsNavigationItem {\n  @Element() el: HTMLElement;\n\n  /** Définit un id pour le tab */\n  @Prop() tabId!: string;\n  /** Définit si le tab est actif ou non */\n  @Prop() active: boolean = false;\n  /** Définit si le tab est disabled ou non */\n  @Prop() disabled: boolean = false;\n  /** Prévoit la présence d'une pastille sur l'élément de navigation */\n  @Prop() bubble: boolean = false;\n  /** Définit si le texte doit être coupé pour les onglets au titre trop long */\n  @Prop() hasEllipsis?: boolean;\n  /** Si rempli, vous pouvez utiliser une référence d'icône font-awesome sur le spw-tabs-navigation-item */\n  @Prop() icon?: string;\n  /** Position de l'icône à l'intérieur du bouton sur le spw-tabs-navigation-item */\n  @Prop() iconPosition?: 'left' | 'right';\n\n  @State() slotText: string = '';\n\n  @Event() tabSelected: EventEmitter<string>;\n\n  componentDidLoad() {\n    this.updateSlotText();\n  }\n\n  @Listen('slotchange')\n  handleSlotChange() {\n    this.updateSlotText();\n  }\n\n  private updateSlotText() {\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    if (slot) {\n      const assignedNodes = slot.assignedNodes({ flatten: true });\n      const text = assignedNodes\n        .filter(n => n.nodeType === Node.TEXT_NODE || n.nodeType === Node.ELEMENT_NODE)\n        .map(n => (n as HTMLElement | Text).textContent?.trim())\n        .join(' ')\n        .trim();\n\n      this.slotText = text || '';\n    }\n  }\n\n  private handleClick = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (!this.disabled) {\n      this.tabSelected.emit(this.tabId);\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (this.disabled) return;\n\n    const key = event.key;\n    if (key === 'Enter' || key === ' ') {\n      event.preventDefault();\n      event.stopPropagation();\n      this.tabSelected.emit(this.tabId);\n    }\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-tabs-navigation-item': true,\n      'spw-tabs-navigation-item--active': this.active,\n      'spw-tabs-navigation-item--disabled': this.disabled,\n      'spw-tabs-navigation-item--bubble': this.bubble,\n      'spw-tabs-navigation-item--ellipsis': this.hasEllipsis,\n    };\n  }\n\n  render() {\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    return (\n      <Host class={this.active ? '--active' : ''}>\n        <li\n          id={`tab-${this.tabId}`}\n          role=\"tab\"\n          aria-selected={this.active ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-controls={`panel-${this.tabId}`}\n          aria-label={this.slotText}\n          onKeyDown={this.handleKeyDown}\n          tabIndex={this.disabled ? -1 : 0}\n          class={this.elementClass}\n          onClick={this.handleClick}\n        >\n          {this.hasEllipsis && (\n            <spw-tooltip cursor={this.disabled ? 'disabled' : 'pointer'} class=\"spw-tooltip--has-ellipsis\" tooltipText={this.slotText}>\n              {iconPosition === 'left' && iconElement}\n              <slot></slot>\n              {iconPosition === 'right' && iconElement}\n            </spw-tooltip>\n          )}\n          {!this.hasEllipsis && (\n            <Fragment>\n              {iconPosition === 'left' && iconElement}\n              <slot></slot>\n              {iconPosition === 'right' && iconElement}\n            </Fragment>\n          )}{' '}\n          {this.bubble && <span class=\"bubble\"></span>}\n        </li>\n      </Host>\n    );\n  }\n}\n"],"mappings":"uEAAA,MAAMA,EAA2B,0jL,MCOpBC,EAAqB,MALlC,WAAAC,CAAAC,G,iDAWUC,KAAMC,OAAY,MAElBD,KAAQE,SAAY,MAEpBF,KAAMG,OAAY,MAQjBH,KAAQI,SAAW,GA2BpBJ,KAAAK,YAAeC,IACrBA,EAAMC,iBACND,EAAME,kBAEN,IAAKR,KAAKE,SAAU,CAClBF,KAAKS,YAAYC,KAAKV,KAAKW,M,GAIvBX,KAAAY,cAAiBN,IACvB,GAAIN,KAAKE,SAAU,OAEnB,MAAMW,EAAMP,EAAMO,IAClB,GAAIA,IAAQ,SAAWA,IAAQ,IAAK,CAClCP,EAAMC,iBACND,EAAME,kBACNR,KAAKS,YAAYC,KAAKV,KAAKW,M,EAoDhC,CA3FC,gBAAAG,GACEd,KAAKe,gB,CAIP,gBAAAC,GACEhB,KAAKe,gB,CAGC,cAAAA,G,MACN,MAAME,GAAOC,EAAAlB,KAAKmB,GAAGC,cAAY,MAAAF,SAAA,SAAAA,EAAAG,cAAc,QAC/C,GAAIJ,EAAM,CACR,MAAMK,EAAgBL,EAAKK,cAAc,CAAEC,QAAS,OACpD,MAAMC,EAAOF,EACVG,QAAOC,GAAKA,EAAEC,WAAaC,KAAKC,WAAaH,EAAEC,WAAaC,KAAKE,eACjEC,KAAIL,IAAI,IAAAR,EAAC,OAAAA,EAACQ,EAAyBM,eAAa,MAAAd,SAAA,SAAAA,EAAAe,MAAM,IACtDC,KAAK,KACLD,OAEHjC,KAAKI,SAAWoB,GAAQ,E,EAwB5B,gBAAYW,GACV,MAAO,CACL,2BAA4B,KAC5B,mCAAoCnC,KAAKC,OACzC,qCAAsCD,KAAKE,SAC3C,mCAAoCF,KAAKG,OACzC,qCAAsCH,KAAKoC,Y,CAI/C,MAAAC,GACE,MAAMC,EAAetC,KAAKuC,OAASvC,KAAKsC,aAAe,QAAUtC,KAAKsC,aACtE,MAAME,EAAY,aAAaF,IAC/B,MAAMG,EAAczC,KAAKuC,KAAOG,EAAA,YAAUC,MAAOH,EAAWD,KAAMvC,KAAKuC,OAAoB,KAE3F,OACEG,EAACE,EAAK,CAAA/B,IAAA,2CAAA8B,MAAO3C,KAAKC,OAAS,WAAa,IACtCyC,EAAA,MAAA7B,IAAA,2CACEgC,GAAI,OAAO7C,KAAKW,QAChBmC,KAAK,MACU,gBAAA9C,KAAKC,OAAS,OAAS,QACvB,gBAAAD,KAAKE,SAAW,OAAS,QAAO,gBAChC,SAASF,KAAKW,QACjB,aAAAX,KAAKI,SACjB2C,UAAW/C,KAAKY,cAChBoC,SAAUhD,KAAKE,UAAW,EAAK,EAC/ByC,MAAO3C,KAAKmC,aACZc,QAASjD,KAAKK,aAEbL,KAAKoC,aACJM,EAAA,eAAA7B,IAAA,2CAAaqC,OAAQlD,KAAKE,SAAW,WAAa,UAAWyC,MAAM,4BAA4BQ,YAAanD,KAAKI,UAC9GkC,IAAiB,QAAUG,EAC5BC,EAAa,QAAA7B,IAAA,6CACZyB,IAAiB,SAAWG,IAG/BzC,KAAKoC,aACLM,EAACU,EAAQ,CAAAvC,IAAA,4CACNyB,IAAiB,QAAUG,EAC5BC,EAAa,QAAA7B,IAAA,6CACZyB,IAAiB,SAAWG,GAE9B,IACFzC,KAAKG,QAAUuC,EAAM,QAAA7B,IAAA,2CAAA8B,MAAM,Y","ignoreList":[]}

package/dist/spw-stencil-library/p-5cb1344b.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:"fec89ee41ce096b97d8d815b77c48324e36b9961"},e),t("slot",{key:"5a2feb06c298729132b34d707d8ebec79e26eabf"}))}};n.style=i;export{n as spw_table_cell};
-//# sourceMappingURL=p-5cb1344b.entry.js.map

package/dist/spw-stencil-library/p-5cb1344b.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":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwListTitleCss","SpwListTitle","elementClass","hasLineClamp","this","lineClamp","icon","render","h","Host","key","class"],"sources":["src/components/spw-list/spw-list-title/spw-list-title.scss?tag=spw-list-title&encapsulation=shadow","src/components/spw-list/spw-list-title/spw-list-title.tsx"],"sourcesContent":["@import '../../../scss/utils/foundations/typography';\n\n:host {\n  display: block;\n}\n\n.spw-list-title {\n  position: relative;\n  transition: all 0.2s linear;\n  display: inline-flex;\n  spw-icon {\n    transition: all 0.2s linear;\n    position: absolute;\n    top: 4px;\n    left: -28px;\n    color: var(--spw-ds-primary);\n    :host(.--active) & {\n      color: var(--spw-ds-active);\n    }\n  }\n  &__content-text {\n    display: inline;\n    border-bottom: 1px solid transparent;\n    transition: all 0.2s linear;\n    :host(.--hovered) & {\n      border-color: var(--spw-ds-primary);\n    }\n    :host(.--active) & {\n      border-color: var(--spw-ds-active);\n    }\n  }\n  :host(.--default) & {\n    @extend .spw-ds-typography-heading-04;\n    color: var(--spw-color-themes-grey-grey-900);\n  }\n  :host(.--shortcut) & {\n    @extend .spw-ds-typography-heading-05;\n    color: var(--spw-ds-primary);\n  }\n  :host(.--hovered) & {\n    color: var(--spw-ds-primary);\n  }\n  :host(.--active) & {\n    color: var(--spw-ds-active);\n  }\n  &--has-clamp {\n    .spw-list-title__content {\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      text-overflow: ellipsis;\n    }\n  }\n  @for $i from 1 through 10 {\n    &--clamp-#{$i} {\n      .spw-list-title__content {\n        -webkit-line-clamp: $i;\n        line-clamp: $i;\n      }\n    }\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-list-title',\n  styleUrl: 'spw-list-title.scss',\n  shadow: true,\n})\nexport class SpwListTitle {\n  /** Spécifie une icône à côté du titre */\n  @Prop() icon?: string;\n  /** Spécifie un nombre de ligne maximum à afficher */\n  @Prop() lineClamp?: string;\n\n  private get elementClass(): { [className: string]: boolean } {\n    const hasLineClamp = this.lineClamp !== 'none';\n    return {\n      'spw-list-title': true,\n      [`spw-list-title--has-clamp`]: hasLineClamp,\n      [`spw-list-title--icon`]: !!this.icon,\n      [`spw-list-title--clamp-${this.lineClamp}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          {this.icon && <spw-icon icon={this.icon}></spw-icon>}\n          <div class=\"spw-list-title__content\">\n            <div class=\"spw-list-title__content-text\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,i9Q,MCOXC,EAAY,M,yBAMvB,gBAAYC,GACV,MAAMC,EAAeC,KAAKC,YAAc,OACxC,MAAO,CACL,iBAAkB,KAClB,CAAC,6BAA8BF,EAC/B,CAAC,0BAA2BC,KAAKE,KACjC,CAAC,yBAAyBF,KAAKC,aAAc,K,CAIjD,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOP,KAAKF,cACdE,KAAKE,MAAQE,EAAA,YAAAE,IAAA,2CAAUJ,KAAMF,KAAKE,OACnCE,EAAK,OAAAE,IAAA,2CAAAC,MAAM,2BACTH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,gCACTH,EAAA,QAAAE,IAAA,gD","ignoreList":[]}

package/dist/spw-stencil-library/p-6b291009.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as i,g as s}from"./p-BYM_CUUH.js";const o="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display: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-list-item{color:var(--spw-color-themes-grey-grey-900);position:relative;text-decoration:none;transition:all .3s ease-in-out}.spw-list-item--hoverable:hover{transform:translateX(5px)}.spw-list-item a{text-decoration:none}.spw-list-item--icon{padding-left:28px}.spw-list-item__category{color:var(--spw-ds-primary);display:inline-block;font-size:16px;font-weight:700;line-height:1.5;margin-bottom:6px;position:relative}.spw-list-item__category spw-icon{left:-28px;position:absolute;top:2px}.spw-list-item__category--hoverable{cursor:pointer}.spw-list-item__category--hoverable:hover{text-decoration:underline}";const n=class{constructor(e){t(this,e);this.variant="default";this.target="_self";this.icon="fa-arrow-right";this.lineClamp="3";this.categoryIcon="fa-file-signature"}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const t=`--${this.variant}`;const e=`--icon`;const i=this.el.querySelector("spw-list-title");const s=this.el.querySelector("spw-list-description");i&&i.classList.add(t);i&&this.icon&&i.setAttribute("icon",this.icon);i&&i.setAttribute("line-clamp",this.lineClamp);s&&s.classList.add(t);s&&this.icon&&s.classList.add(e);s&&s.setAttribute("line-clamp",this.lineClamp)}))}onMouseEnter(){this.setHovered(true)}onMouseLeave(){this.setHovered(false);this.setActive(false)}onTouchStart(){this.setActive(true)}onTouchEnd(){this.setActive(false)}onMouseDown(){this.setActive(true)}onMouseUp(){this.setActive(false)}onBlur(){this.setActive(false)}onFocus(){this.setActive(true)}setHovered(t){const e=this.el.querySelector("spw-list-title");if(e&&this.href){e.classList.toggle("--hovered",t)}}setActive(t){const e=this.el.querySelector("spw-list-title");if(e&&this.href){e.classList.toggle("--active",t)}}get elementClass(){return{"spw-list-item":true,"spw-list-item--hoverable":!!this.href,"spw-list-item--icon":!!this.icon||!!this.categoryIcon,[`spw-list-item--${this.variant}`]:true}}get elementCatClass(){return{"spw-list-item__category":true,"spw-list-item__category--icon":!!this.categoryIcon,"spw-list-item__category--hoverable":!!this.categoryLink}}handleClick(){if(this.categoryLink){window.location.href=this.categoryLink}}render(){const{href:t,target:s}=this;const o=this.href===undefined?"div":"a";const n=o==="div"?{}:{href:t,target:s};return e(i,{key:"ed073d8a311e7762abe7c9a3e15145e62b809ea1"},e("li",{key:"be181668c35e5031470d42c649aa1ed9f30e39c0",class:this.elementClass},this.category&&e("span",{key:"2733979fa2a147d7bdebd9477dd3300193db0735",class:this.elementCatClass,onClick:()=>this.handleClick()},this.categoryIcon&&e("spw-icon",{key:"c06e795789a3b70163e51dd5293d7e5cfddbf5b5",icon:this.categoryIcon})," ",this.category),e(o,Object.assign({key:"26ef5faaeea085bdff20e3ebfab7e5a3fb9666e4"},n),e("slot",{key:"d88cfb2c31de84f68f32655e60029030eee9f2df"}))))}get el(){return s(this)}};n.style=o;export{n as spw_list_item};
-//# sourceMappingURL=p-6b291009.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwListItemCss","SpwListItem","constructor","hostRef","this","variant","target","icon","lineClamp","categoryIcon","componentWillLoad","applyVariantToChildren","slotChanged","requestAnimationFrame","variantClass","iconClass","titleElement","el","querySelector","descriptionElement","classList","add","setAttribute","onMouseEnter","setHovered","onMouseLeave","setActive","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onBlur","onFocus","isHovered","href","toggle","isActive","elementClass","elementCatClass","categoryLink","handleClick","window","location","render","TagType","undefined","attrs","h","Host","key","class","category","onClick","Object","assign"],"sources":["src/components/spw-list/spw-list-item/spw-list-item.scss?tag=spw-list-item&encapsulation=shadow","src/components/spw-list/spw-list-item/spw-list-item.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-list-item {\n  position: relative;\n  color: var(--spw-color-themes-grey-grey-900);\n  transition: all 0.3s ease-in-out;\n  text-decoration: none;\n  &--hoverable:hover {\n    transform: translateX(5px);\n  }\n  a {\n    text-decoration: none;\n  }\n  &--icon {\n    padding-left: 28px;\n  }\n  &__category {\n    display: inline-block;\n    position: relative;\n    margin-bottom: 6px;\n    color: var(--spw-ds-primary);\n    font-weight: 700;\n    font-size: 16px;\n    line-height: 1.5;\n    spw-icon {\n      position: absolute;\n      top: 2px;\n      left: -28px;\n    }\n    &--hoverable {\n      cursor: pointer;\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n}\n","import { Component, Host, Element, Listen, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-list-item',\n  styleUrl: 'spw-list-item.scss',\n  shadow: true,\n})\nexport class SpwListItem {\n  @Element() el: HTMLSpwListItemElement;\n\n  /** Type de variante d'élément de liste */\n  @Prop() variant?: 'shortcut' | 'default' = 'default';\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  /** Spécifie une icône à côté du titre */\n  @Prop() icon?: string = 'fa-arrow-right';\n  /** Permet de limiter le nombre de lignes du titre et de la description */\n  @Prop() lineClamp: string | 'none' = '3';\n  /** Permet de spécifier une catégorie pour l'élément de liste */\n  @Prop() category?: string;\n  /** Permet de spécifier un lien pour la catégorie */\n  @Prop() categoryLink?: string;\n  /** Permet de spécifier une icône pour la catégorie */\n  @Prop() categoryIcon?: string = 'fa-file-signature';\n\n  componentWillLoad() {\n    this.applyVariantToChildren();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.applyVariantToChildren();\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const iconClass = `--icon`;\n      const titleElement = this.el.querySelector('spw-list-title');\n      const descriptionElement = this.el.querySelector('spw-list-description');\n\n      titleElement && titleElement.classList.add(variantClass);\n      titleElement && this.icon && titleElement.setAttribute('icon', this.icon);\n      titleElement && titleElement.setAttribute('line-clamp', this.lineClamp);\n      descriptionElement && descriptionElement.classList.add(variantClass);\n      descriptionElement && this.icon && descriptionElement.classList.add(iconClass);\n      descriptionElement && descriptionElement.setAttribute('line-clamp', this.lineClamp);\n    });\n  }\n\n  @Listen('mouseenter')\n  onMouseEnter() {\n    this.setHovered(true);\n  }\n\n  @Listen('mouseleave')\n  onMouseLeave() {\n    this.setHovered(false);\n    this.setActive(false);\n  }\n\n  @Listen('touchstart', { passive: true })\n  onTouchStart() {\n    this.setActive(true);\n  }\n\n  @Listen('touchend')\n  onTouchEnd() {\n    this.setActive(false);\n  }\n\n  @Listen('mousedown')\n  onMouseDown() {\n    this.setActive(true);\n  }\n\n  @Listen('mouseup')\n  onMouseUp() {\n    this.setActive(false);\n  }\n\n  @Listen('blur')\n  onBlur() {\n    this.setActive(false);\n  }\n\n  @Listen('focus')\n  onFocus() {\n    this.setActive(true);\n  }\n\n  private setHovered(isHovered: boolean) {\n    const titleElement = this.el.querySelector('spw-list-title');\n    if (titleElement && this.href) {\n      titleElement.classList.toggle('--hovered', isHovered);\n    }\n  }\n\n  private setActive(isActive: boolean) {\n    const titleElement = this.el.querySelector('spw-list-title');\n    if (titleElement && this.href) {\n      titleElement.classList.toggle('--active', isActive);\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-list-item': true,\n      'spw-list-item--hoverable': !!this.href,\n      'spw-list-item--icon': !!this.icon || !!this.categoryIcon,\n      [`spw-list-item--${this.variant}`]: true,\n    };\n  }\n\n  private get elementCatClass(): { [className: string]: boolean } {\n    return {\n      'spw-list-item__category': true,\n      'spw-list-item__category--icon': !!this.categoryIcon,\n      'spw-list-item__category--hoverable': !!this.categoryLink,\n    };\n  }\n\n  handleClick() {\n    if (this.categoryLink) {\n      window.location.href = this.categoryLink;\n    }\n  }\n\n  render() {\n    const { href, target } = this;\n    const TagType = this.href === undefined ? 'div' : 'a';\n    const attrs =\n      TagType === 'div'\n        ? {}\n        : {\n            href,\n            target,\n          };\n    return (\n      <Host>\n        <li class={this.elementClass}>\n          {this.category && (\n            <span class={this.elementCatClass} onClick={() => this.handleClick()}>\n              {this.categoryIcon && <spw-icon icon={this.categoryIcon}></spw-icon>} {this.category}\n            </span>\n          )}\n          <TagType {...attrs}>\n            <slot></slot>\n          </TagType>\n        </li>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,mrG,MCOVC,EAAW,MALxB,WAAAC,CAAAC,G,UASUC,KAAOC,QAA4B,UAInCD,KAAME,OAAW,QAEjBF,KAAIG,KAAY,iBAEhBH,KAASI,UAAoB,IAM7BJ,KAAYK,aAAY,mBAkIjC,CAhIC,iBAAAC,GACEN,KAAKO,wB,CAIP,WAAAC,GACER,KAAKO,wB,CAGC,sBAAAA,GACNE,uBAAsB,KACpB,MAAMC,EAAe,KAAKV,KAAKC,UAC/B,MAAMU,EAAY,SAClB,MAAMC,EAAeZ,KAAKa,GAAGC,cAAc,kBAC3C,MAAMC,EAAqBf,KAAKa,GAAGC,cAAc,wBAEjDF,GAAgBA,EAAaI,UAAUC,IAAIP,GAC3CE,GAAgBZ,KAAKG,MAAQS,EAAaM,aAAa,OAAQlB,KAAKG,MACpES,GAAgBA,EAAaM,aAAa,aAAclB,KAAKI,WAC7DW,GAAsBA,EAAmBC,UAAUC,IAAIP,GACvDK,GAAsBf,KAAKG,MAAQY,EAAmBC,UAAUC,IAAIN,GACpEI,GAAsBA,EAAmBG,aAAa,aAAclB,KAAKI,UAAU,G,CAKvF,YAAAe,GACEnB,KAAKoB,WAAW,K,CAIlB,YAAAC,GACErB,KAAKoB,WAAW,OAChBpB,KAAKsB,UAAU,M,CAIjB,YAAAC,GACEvB,KAAKsB,UAAU,K,CAIjB,UAAAE,GACExB,KAAKsB,UAAU,M,CAIjB,WAAAG,GACEzB,KAAKsB,UAAU,K,CAIjB,SAAAI,GACE1B,KAAKsB,UAAU,M,CAIjB,MAAAK,GACE3B,KAAKsB,UAAU,M,CAIjB,OAAAM,GACE5B,KAAKsB,UAAU,K,CAGT,UAAAF,CAAWS,GACjB,MAAMjB,EAAeZ,KAAKa,GAAGC,cAAc,kBAC3C,GAAIF,GAAgBZ,KAAK8B,KAAM,CAC7BlB,EAAaI,UAAUe,OAAO,YAAaF,E,EAIvC,SAAAP,CAAUU,GAChB,MAAMpB,EAAeZ,KAAKa,GAAGC,cAAc,kBAC3C,GAAIF,GAAgBZ,KAAK8B,KAAM,CAC7BlB,EAAaI,UAAUe,OAAO,WAAYC,E,EAI9C,gBAAYC,GACV,MAAO,CACL,gBAAiB,KACjB,6BAA8BjC,KAAK8B,KACnC,wBAAyB9B,KAAKG,QAAUH,KAAKK,aAC7C,CAAC,kBAAkBL,KAAKC,WAAY,K,CAIxC,mBAAYiC,GACV,MAAO,CACL,0BAA2B,KAC3B,kCAAmClC,KAAKK,aACxC,uCAAwCL,KAAKmC,a,CAIjD,WAAAC,GACE,GAAIpC,KAAKmC,aAAc,CACrBE,OAAOC,SAASR,KAAO9B,KAAKmC,Y,EAIhC,MAAAI,GACE,MAAMT,KAAEA,EAAI5B,OAAEA,GAAWF,KACzB,MAAMwC,EAAUxC,KAAK8B,OAASW,UAAY,MAAQ,IAClD,MAAMC,EACJF,IAAY,MACR,GACA,CACEV,OACA5B,UAER,OACEyC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,MAAAE,IAAA,2CAAIC,MAAO9C,KAAKiC,cACbjC,KAAK+C,UACJJ,EAAM,QAAAE,IAAA,2CAAAC,MAAO9C,KAAKkC,gBAAiBc,QAAS,IAAMhD,KAAKoC,eACpDpC,KAAKK,cAAgBsC,EAAA,YAAAE,IAAA,2CAAU1C,KAAMH,KAAKK,eAAyB,IAAGL,KAAK+C,UAGhFJ,EAACH,EAAOS,OAAAC,OAAA,CAAAL,IAAA,4CAAKH,GACXC,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwListCss","SpwList","constructor","hostRef","this","gap","elementClass","render","h","Host","key","class"],"sources":["src/components/spw-list/spw-list.scss?tag=spw-list&encapsulation=shadow","src/components/spw-list/spw-list.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-list {\n  display: flex;\n  flex-direction: column;\n  &--small {\n    gap: 12px;\n  }\n  &--medium {\n    gap: 24px;\n  }\n  &--large {\n    gap: 32px;\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-list',\n  styleUrl: 'spw-list.scss',\n  shadow: true,\n})\nexport class SpwList {\n  /** Spécifie l'écart entre les éléments de liste */\n  @Prop() gap?: 'small' | 'medium' | 'large' = 'medium';\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-list': true,\n      [`spw-list--${this.gap}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <ul class={this.elementClass}>\n          <slot></slot>\n        </ul>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,ysF,MCONC,EAAO,MALpB,WAAAC,CAAAC,G,UAOUC,KAAGC,IAAkC,QAkB9C,CAhBC,gBAAYC,GACV,MAAO,CACL,WAAY,KACZ,CAAC,aAAaF,KAAKC,OAAQ,K,CAI/B,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,MAAAE,IAAA,2CAAIC,MAAOP,KAAKE,cACdE,EAAa,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/spw-stencil-library/p-6ee69164.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as o}from"./p-BYM_CUUH.js";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%;--spw-hero-content-max-width:578px;--spw-hero-ratio-picture:initial;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-hero{overflow:hidden;position:relative}.spw-hero:not(.spw-hero--maxi){border-radius:12px}.spw-hero--surface-dark{color:#fff}.spw-hero--surface-light{color:var(--spw-color-themes-grey-grey-900)}.spw-hero--grey{background:var(--spw-color-themes-grey-grey-100)}.spw-hero--white{background:#fff}.spw-hero--grey,.spw-hero--white{display:flex;flex-direction:column;gap:24px;padding:24px}@media (min-width:1024px){.spw-hero--grey,.spw-hero--white{align-items:center;flex-direction:row;padding:64px}}.spw-hero--has-picture-full{gap:0;padding:0}.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:column}@media (min-width:1024px){.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:row-reverse}}.spw-hero__container{display:flex;margin:0 auto;position:relative;z-index:3}.spw-hero--photo .spw-hero__container{padding:48px 24px}@media (min-width:1024px){.spw-hero--photo .spw-hero__container{padding:64px}}.spw-hero--has-picture-full .spw-hero__container{padding:24px}@media (min-width:1024px){.spw-hero--has-picture-full .spw-hero__container{padding:80px 60px}.spw-hero--has-picture-full.spw-hero--left .spw-hero__container{padding-left:calc(48% + 60px)}.spw-hero--has-picture-full.spw-hero--right .spw-hero__container{padding-right:calc(48% + 60px)}}.spw-hero--maxi .spw-hero__container{padding:80px 24px}@media (min-width:1024px){.spw-hero--maxi .spw-hero__container{padding:148px 24px}}.spw-hero--left .spw-hero__container{justify-content:flex-start}.spw-hero--center .spw-hero__container{justify-content:center}.spw-hero--right .spw-hero__container{justify-content:flex-end}.spw-hero__image,.spw-hero__overlay{height:100%;left:0;position:absolute;top:0;width:100%}.spw-hero__overlay{z-index:2}.spw-hero--surface-dark .spw-hero__overlay{background:var(--spw-color-themes-grey-grey-900)}.spw-hero--surface-light .spw-hero__overlay{background:#fff}.spw-hero__image{-o-object-fit:cover;object-fit:cover;z-index:1}.spw-hero--grey .spw-hero__image,.spw-hero--white .spw-hero__image{aspect-ratio:var(--spw-hero-ratio-picture);border-radius:6px;display:block;position:relative;width:100%}@media (min-width:1024px){.spw-hero--grey .spw-hero__image,.spw-hero--white .spw-hero__image{max-width:435px}}.spw-hero--has-picture-full .spw-hero__image{aspect-ratio:var(--spw-hero-ratio-picture);border-radius:6px;display:block;position:relative;width:100%}@media (min-width:1024px){.spw-hero--has-picture-full .spw-hero__image{max-width:48%;position:absolute}}.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:1024px){.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{border-bottom-left-radius:0;border-top-left-radius:0;left:auto;right:0}}.spw-hero--has-picture-full.spw-hero--left .spw-hero__image{border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:1024px){.spw-hero--has-picture-full.spw-hero--left .spw-hero__image{border-bottom-right-radius:0;border-top-right-radius:0}}.spw-hero__content{max-width:var(--spw-hero-content-max-width);width:100%}.spw-hero--maxi .spw-hero__content{--spw-hero-content-max-width:784px;margin:0 auto;text-align:center}.spw-hero--photo .spw-hero__content{background-color:var(--spw-ds-white);border-radius:8px;box-shadow:var(--spw-effect-elevation-8);padding:32px}";const i=class{constructor(t){e(this,t);this.imageAlt="";this.surface="light";this.hasPictureFull=false;this.variant="grey";this.alignment="left";this.overlayOpacity=0}get elementClass(){return{"spw-hero":true,[`spw-hero--surface-${this.surface}`]:true,[`spw-hero--has-picture-full`]:this.hasPictureFull,[`spw-hero--${this.variant}`]:true,[`spw-hero--${this.alignment}`]:true}}get overlayStyle(){return{opacity:`${this.overlayOpacity/100}`}}render(){return t(o,{key:"f4a32cb603d9a5bba07cf122ff15ebd92f0af014"},t("div",{key:"148901a0db4fe8b178f340b61c8c29fcc9838389",class:this.elementClass},this.imageSrc&&t("img",{key:"d1c7d5272a8de2d6fb16690ff6328383b0efc7d3",src:this.imageSrc,alt:this.imageAlt,class:"spw-hero__image"}),t("div",{key:"b9874d61163ed0bdfab1a59bea1c1b8da85053a8",class:"spw-hero__overlay",style:this.overlayStyle}),t("div",{key:"06d4a31e7a7f062721ef2cc0750445ef0df4307e",class:"spw-ds-container spw-hero__container"},t("div",{key:"f9e2fb931122efd6d8b11510133664e5b9501d2e",class:"spw-hero__content"},t("slot",{key:"445dcdcd40500d836eed29c92ffdb8cdbacf3582"})))))}};i.style=r;export{i as spw_hero};
-//# sourceMappingURL=p-6ee69164.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwHeroCss","SpwHero","constructor","hostRef","this","imageAlt","surface","hasPictureFull","variant","alignment","overlayOpacity","elementClass","overlayStyle","opacity","render","h","Host","key","class","imageSrc","src","alt","style"],"sources":["src/components/spw-hero/spw-hero.scss?tag=spw-hero&encapsulation=shadow","src/components/spw-hero/spw-hero.tsx"],"sourcesContent":[":host {\n  display: block;\n  --spw-hero-content-max-width: 578px;\n  --spw-hero-ratio-picture: initial;\n}\n\n.spw-hero {\n  position: relative;\n  overflow: hidden;\n  &:not(.spw-hero--maxi) {\n    border-radius: 12px;\n  }\n  &--surface-dark {\n    color: white;\n  }\n  &--surface-light {\n    color: var(--spw-color-themes-grey-grey-900);\n  }\n  &--grey {\n    background: var(--spw-color-themes-grey-grey-100);\n  }\n  &--white {\n    background: white;\n  }\n  &--grey,\n  &--white {\n    display: flex;\n    flex-direction: column;\n    padding: 24px;\n    gap: 24px;\n    @include breakpoint(lg) {\n      padding: 64px;\n      flex-direction: row;\n      align-items: center;\n    }\n  }\n  &--has-picture-full {\n    padding: 0;\n    gap: 0;\n  }\n  &.spw-hero--grey.spw-hero--left,\n  &.spw-hero--white.spw-hero--left {\n    flex-direction: column;\n    @include breakpoint(lg) {\n      flex-direction: row-reverse;\n    }\n  }\n  &__container {\n    display: flex;\n    position: relative;\n    margin: 0 auto;\n    z-index: 3;\n    .spw-hero--photo & {\n      padding: 48px 24px;\n      @include breakpoint(lg) {\n        padding: 64px;\n      }\n    }\n    .spw-hero--has-picture-full & {\n      padding: 24px;\n      @include breakpoint(lg) {\n        padding: 80px 60px;\n      }\n    }\n    .spw-hero--has-picture-full.spw-hero--left & {\n      @include breakpoint(lg) {\n        padding-left: calc(48% + 60px);\n      }\n    }\n    .spw-hero--has-picture-full.spw-hero--right & {\n      @include breakpoint(lg) {\n        padding-right: calc(48% + 60px);\n      }\n    }\n    .spw-hero--maxi & {\n      padding: 80px 24px;\n      @include breakpoint(lg) {\n        padding: 148px 24px;\n      }\n    }\n    .spw-hero--left & {\n      justify-content: flex-start;\n    }\n    .spw-hero--center & {\n      justify-content: center;\n    }\n    .spw-hero--right & {\n      justify-content: flex-end;\n    }\n  }\n  &__overlay,\n  &__image {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n  }\n  &__overlay {\n    z-index: 2;\n    .spw-hero--surface-dark & {\n      background: var(--spw-color-themes-grey-grey-900);\n    }\n    .spw-hero--surface-light & {\n      background: white;\n    }\n  }\n  &__image {\n    z-index: 1;\n    object-fit: cover;\n    .spw-hero--white &,\n    .spw-hero--grey & {\n      display: block;\n      position: relative;\n      aspect-ratio: var(--spw-hero-ratio-picture);\n      width: 100%;\n      border-radius: 6px;\n      @include breakpoint(lg) {\n        max-width: 435px;\n      }\n    }\n    .spw-hero--has-picture-full & {\n      display: block;\n      position: relative;\n      aspect-ratio: var(--spw-hero-ratio-picture);\n      width: 100%;\n      border-radius: 6px;\n      @include breakpoint(lg) {\n        position: absolute;\n        max-width: 48%;\n      }\n    }\n    .spw-hero--has-picture-full.spw-hero--right & {\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n      @include breakpoint(lg) {\n        right: 0;\n        left: auto;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n    }\n    .spw-hero--has-picture-full.spw-hero--left & {\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n      @include breakpoint(lg) {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n  }\n  &__content {\n    max-width: var(--spw-hero-content-max-width);\n    width: 100%;\n    .spw-hero--maxi & {\n      --spw-hero-content-max-width: 784px;\n      margin: 0 auto;\n      text-align: center;\n    }\n    .spw-hero--photo & {\n      padding: 32px;\n      background-color: var(--spw-ds-white);\n      border-radius: 8px;\n      box-shadow: var(--spw-effect-elevation-8);\n    }\n  }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'spw-hero',\n  styleUrl: 'spw-hero.scss',\n  shadow: true,\n})\nexport class SpwHero {\n  /** Image du hero banner */\n  @Prop() imageSrc?: string;\n  /** Texte alternatif de l'image du hero banner */\n  @Prop() imageAlt?: string = '';\n  /** Permet de choisir la surface d'arrière-plan du hero */\n  @Prop() surface?: 'dark' | 'light' = 'light';\n  /** Permet de définir l'image de gauche/droite (en fonction de l'alignement choisi) sans padding */\n  @Prop() hasPictureFull?: boolean = false;\n  /** Permet de choisir le variant du hero */\n  @Prop() variant?: 'grey' | 'white' | 'maxi' | 'photo' = 'grey';\n  /** Permet de choisir l'alignement du contenu */\n  @Prop() alignment?: 'left' | 'center' | 'right' = 'left';\n  /** Permet de spécifier l'opacité de l'overlay (0 à 100) */\n  @Prop() overlayOpacity?: number = 0;\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-hero': true,\n      [`spw-hero--surface-${this.surface}`]: true,\n      [`spw-hero--has-picture-full`]: this.hasPictureFull,\n      [`spw-hero--${this.variant}`]: true,\n      [`spw-hero--${this.alignment}`]: true,\n    };\n  }\n\n  private get overlayStyle(): { [key: string]: string } {\n    return {\n      opacity: `${this.overlayOpacity! / 100}`,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          {this.imageSrc && <img src={this.imageSrc} alt={this.imageAlt} class=\"spw-hero__image\" />}\n          <div class=\"spw-hero__overlay\" style={this.overlayStyle}></div>\n          <div class=\"spw-ds-container spw-hero__container\">\n            <div class=\"spw-hero__content\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,68L,MCONC,EAAO,MALpB,WAAAC,CAAAC,G,UASUC,KAAQC,SAAY,GAEpBD,KAAOE,QAAsB,QAE7BF,KAAcG,eAAa,MAE3BH,KAAOI,QAAyC,OAEhDJ,KAASK,UAAiC,OAE1CL,KAAcM,eAAY,CAiCnC,CA/BC,gBAAYC,GACV,MAAO,CACL,WAAY,KACZ,CAAC,qBAAqBP,KAAKE,WAAY,KACvC,CAAC,8BAA+BF,KAAKG,eACrC,CAAC,aAAaH,KAAKI,WAAY,KAC/B,CAAC,aAAaJ,KAAKK,aAAc,K,CAIrC,gBAAYG,GACV,MAAO,CACLC,QAAS,GAAGT,KAAKM,eAAkB,M,CAIvC,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOd,KAAKO,cACdP,KAAKe,UAAYJ,EAAA,OAAAE,IAAA,2CAAKG,IAAKhB,KAAKe,SAAUE,IAAKjB,KAAKC,SAAUa,MAAM,oBACrEH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,oBAAoBI,MAAOlB,KAAKQ,eAC3CG,EAAK,OAAAE,IAAA,2CAAAC,MAAM,wCACTH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,qBACTH,EAAA,QAAAE,IAAA,gD","ignoreList":[]}

package/dist/spw-stencil-library/p-73db3953.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as o,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;position:relative}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-table-container{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white);border-radius:4px;max-height:var(--spw-table-max-height);outline:1px solid var(--spw-color-themes-grey-grey-300);outline-offset:-1px;overflow-x:auto;overflow-y:auto;position:relative;width:100%}.spw-table-container::-webkit-scrollbar{height:14px;width:14px}.spw-table-container::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border:4px solid var(--spw-ds-white);border-radius:20px}.spw-table-container::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table{border-collapse:collapse;border-radius:4px;min-width:var(--spw-table-min-width);position:relative;width:100%}";const r=class{constructor(o){t(this,o);this.spwSort=e(this,"spwSort");this.isSticky=false;this.minWidth="600";this.isZebra=false}componentDidLoad(){var t;this.updateZebra();const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(e){e.addEventListener("slotchange",(()=>{this.setupHeaderCheckboxListener();this.updateMasterCheckboxState()}))}this.setupHeaderCheckboxListener();this.setupBodyCheckboxListener();setTimeout((()=>{this.updateMasterCheckboxState()}),0)}getMasterCheckboxColumnIndex(){var t;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(!e)return null;const o=e.assignedElements({flatten:true});const i=o.find((t=>t.tagName.toLowerCase()==="spw-table-head"));if(!i)return null;const s=i.querySelector("spw-table-row");if(!s)return null;const n=Array.from(s.querySelectorAll("spw-table-header"));for(let t=0;t<n.length;t++){if(n[t].querySelector("spw-checkbox")){return t}}return null}isCheckboxDisabled(t){return(t===null||t===void 0?void 0:t.disabled)===true||(t===null||t===void 0?void 0:t.getAttribute("disabled"))==="true"||(t===null||t===void 0?void 0:t.getAttribute("disabled"))===""}updateMasterCheckboxState(){var t;const e=this.getMasterCheckboxColumnIndex();if(e===null)return;const o=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");const i=o===null||o===void 0?void 0:o.assignedElements({flatten:true});if(!i)return;const s=i.find((t=>t.tagName.toLowerCase()==="spw-table-head"));const n=i.find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!s||!n)return;const r=s.querySelector("spw-table-row");const a=r===null||r===void 0?void 0:r.querySelectorAll("spw-table-header")[e];const l=a===null||a===void 0?void 0:a.querySelector("spw-checkbox");const c=n.querySelectorAll("spw-table-row");const d=Array.from(c).map((t=>{const o=t.querySelectorAll("spw-table-cell")[e];const i=o===null||o===void 0?void 0:o.querySelector("spw-checkbox");return{checked:(i===null||i===void 0?void 0:i.checked)===true||(i===null||i===void 0?void 0:i.getAttribute("checked"))==="true",disabled:this.isCheckboxDisabled(i)}}));const p=d.filter((t=>!t.disabled));if(p.length===0)return;const b=p.every((t=>t.checked));const u=p.every((t=>!t.checked));if(!l)return;if(b){l.checked=true;l.setAttribute("checked","true");l.setAttribute("icon","fa-check")}else if(u){l.checked=false;l.setAttribute("checked","false");l.setAttribute("icon","fa-check")}else{l.checked=true;l.setAttribute("checked","true");l.setAttribute("icon","fa-minus")}}setupHeaderCheckboxListener(){var t,e;const o=(e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot"))===null||e===void 0?void 0:e.assignedElements({flatten:true});if(!o)return;const i=o.find((t=>t.tagName.toLowerCase()==="spw-table-head"));if(!i)return;const s=i.querySelectorAll("spw-table-row");s.forEach((t=>{const e=t.querySelectorAll("spw-checkbox");e.forEach((t=>{t.addEventListener("spwChange",(t=>{this.toggleAllRowCheckboxes(t.detail)}))}))}))}setupBodyCheckboxListener(){const t=Array.from(this.el.children).find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!t)return;const e=t.querySelectorAll("spw-table-row");e.forEach((t=>{const e=t.querySelectorAll("spw-checkbox");e.forEach((t=>{t.addEventListener("spwChange",(()=>this.updateMasterCheckboxState()))}))}))}toggleAllRowCheckboxes(t){var e;const o=this.getMasterCheckboxColumnIndex();if(o===null)return;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot");const s=i===null||i===void 0?void 0:i.assignedElements({flatten:true});if(!s)return;const n=s.find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!n)return;const r=n.querySelectorAll("spw-table-row");r.forEach((e=>{const i=Array.from(e.querySelectorAll("spw-table-cell"));const s=i[o];const n=s===null||s===void 0?void 0:s.querySelector("spw-checkbox");if(n&&!this.isCheckboxDisabled(n)){n.checked=t;n.setAttribute("checked",t.toString())}}));setTimeout((()=>{this.updateMasterCheckboxState()}),0)}handleHeaderClick(t){const e=t.detail;const o=this.currentSort;const i={column:e,direction:(o===null||o===void 0?void 0:o.column)===e&&o.direction==="asc"?"desc":"asc"};this.currentSort=i;this.spwSort.emit(i);this.sortRows(i.column,i.direction);this.updateHeadersSortState(i);this.updateZebra()}updateZebra(){const t=this.el.shadowRoot.querySelector("slot");if(!t)return;const e=t.assignedElements({flatten:true});const o=e.find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(o){if(this.isZebra){o.setAttribute("is-zebra","true")}else{o.removeAttribute("is-zebra")}if(typeof o.updateZebraStyles==="function"){o.updateZebraStyles()}}}sortRows(t,e){var o;const i=(o=this.el.shadowRoot.querySelector("slot"))===null||o===void 0?void 0:o.assignedElements().find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!i)return;const s=Array.from(i.querySelectorAll("spw-table-row"));const n=Array.from(this.el.querySelectorAll("spw-table-header")).findIndex((e=>e.columnId===t));if(n===-1)return;s.sort(((t,o)=>{const i=t.querySelectorAll("spw-table-cell")[n];const s=o.querySelectorAll("spw-table-cell")[n];if(!i||!s)return 0;const r=i.textContent.trim();const a=s.textContent.trim();if(!isNaN(Number(r))&&!isNaN(Number(a))){return e==="asc"?+r-+a:+a-+r}return e==="asc"?r.localeCompare(a):a.localeCompare(r)}));s.forEach((t=>i.appendChild(t)));const r=i;if(r===null||r===void 0?void 0:r.updateZebraStyles){r.updateZebraStyles()}}updateHeadersSortState(t){const e=this.el.querySelectorAll("spw-table-header");e.forEach((e=>{const o=e.columnId===t.column;e.isSorted=o;e.sortDirection=o?t.direction:undefined}))}formatSize(t){if(t===undefined||t===null){return"auto"}return`${t}px`}get elementClass(){return{"spw-table":true,"spw-table--is-sticky":this.isSticky}}render(){return o(i,{key:"5294f8be63d4632acbd7a32613012bae435ca8f2",style:{"--spw-table-max-height":this.formatSize(this.maxHeight),"--spw-table-min-width":this.formatSize(this.minWidth)}},o("div",{key:"29ceffe040a91cc417d56af3cf52c2cffa47f694",class:"spw-table-container"},o("table",{key:"9143213a51fa293587779f05eab910ded777cadc",part:"table",class:this.elementClass,role:"table","aria-label":this.accAriaLabel},o("slot",{key:"2f6b90a68cde6fd8d0b01d59e95e0d4db948a9aa"}))))}get el(){return s(this)}};r.style=n;export{r as spw_table};
-//# sourceMappingURL=p-73db3953.entry.js.map

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

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

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

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as s,H as i,g as o}from"./p-BYM_CUUH.js";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;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-select,.spw-select__container{position:relative}.spw-select__arrow{color:var(--spw-color-themes-grey-grey-600);font-size:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spw-select__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:4px;color:var(--spw-color-themes-grey-grey-800);font-size:16px;height:40px;margin:0;padding:0 40px 0 12px;position:relative;width:100%}.spw-select__trigger:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-select__trigger:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-select__trigger:after{color:var(--spw-color-themes-grey-grey-800);content:"\\f078";font-family:var(--spw-ds-font-icons-solid);font-size:14px;font-weight:900;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.spw-select--is-error .spw-select__trigger{border-color:var(--spw-colors-states-error-error-300)}.spw-select--large .spw-select__trigger{font-size:18px;height:60px;padding:0 24px}.spw-select--disabled .spw-select__trigger{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-select--disabled .spw-select__trigger::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger:focus,.spw-select--disabled .spw-select__trigger:focus-visible,.spw-select--disabled .spw-select__trigger:hover{outline:none}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}';const n=class{constructor(s){e(this,s);this.valueChanged=t(this,"valueChanged");if(s.$hostElement$["s-ei"]){this.internals=s.$hostElement$["s-ei"]}else{this.internals=s.$hostElement$.attachInternals();s.$hostElement$["s-ei"]=this.internals}this.label="";this.placeholder="Sélectionner une option";this.required=false;this.size="medium";this.error="";this.hint="";this.success="";this.warning="";this.showErrorIcon=true;this.showHintIcon=true;this.showSuccessIcon=true;this.showWarningIcon=true;this.defaultValue=null}handleItemsChange(){if(this.selectElement){this.syncDynamicOptions()}}componentWillLoad(){var e;this.defaultValue=(e=this.value)!==null&&e!==void 0?e:this.getInitialSelectedValue();this.internalValue=this.value||this.getInitialSelectedValue()}componentDidLoad(){this.internals.setFormValue(this.getFormValue());if(!this.items){this.moveOptionsToLightDom()}else{this.syncDynamicOptions()}}formResetCallback(){var e;this.setValue((e=this.defaultValue)!==null&&e!==void 0?e:"")}setValue(e){this.internalValue=e;this.value=e;if(this.selectElement){this.selectElement.value=String(e)}this.internals.setFormValue(this.getFormValue());this.valueChanged.emit(this.internalValue)}getFormValue(){return this.internalValue?String(this.internalValue):null}getInitialSelectedValue(){if(this.items&&this.items.length>0){return null}const e=Array.from(this.el.querySelectorAll("option"));for(const t of e){if(t.hasAttribute("selected")){return t.getAttribute("value")}}return null}handleSelectChange(e){const t=e.target;this.internalValue=t.value;this.value=this.internalValue;this.internals.setFormValue(this.getFormValue());this.valueChanged.emit(this.internalValue)}moveOptionsToLightDom(){const e=this.el.shadowRoot.querySelector("slot");if(e){const t=e.assignedNodes({flatten:true});t.forEach((e=>{if(e.nodeName==="OPTION"||e.nodeName==="OPTGROUP"){this.selectElement.appendChild(e)}}))}}syncDynamicOptions(){while(this.selectElement.options.length>1){this.selectElement.remove(1)}if(this.items&&this.items.length>0){this.items.forEach((e=>{const t=document.createElement("option");const s=this.itemValue?e[this.itemValue]:e;const i=this.itemLabel?e[this.itemLabel]:e;t.value=String(s);t.textContent=String(i);this.selectElement.appendChild(t)}))}if(this.selectElement.value!==String(this.internalValue||"")){this.selectElement.value=String(this.internalValue||"")}}renderErrorMessage(){if(this.error){return s("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}}renderHintMessage(){if(this.hint){return s("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}}renderSuccessMessage(){if(this.success){return s("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}}renderWarningMessage(){if(this.warning){return s("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}}get elementClass(){return{"spw-select":true,[`spw-select--${this.size}`]:true,"spw-select--disabled":this.disabled,"spw-select--is-error":!!this.error}}render(){return s(i,{key:"56d9bbe6fbb49ec72fd9e5116f3e74d8fbba34a0"},s("div",{key:"98a60067955e9ee577c337a855298753e444f806",class:this.elementClass},this.label&&s("spw-field-label",{key:"ab0ff5678cf5fe119d7a24fc66b58c1bf1b220ff",label:this.label,name:this.name,required:this.required}),this.assistiveText&&s("spw-field-message",{key:"fb578feee5ead5cbc2e5bb1e88d46ab57692c8bd",class:"spw-tw-mb-2 -spw-tw-mt-1",variant:"hint",showIcon:false},this.assistiveText),s("div",{key:"243a53007efb7fef01078c9be7db95bcb78109c6",class:"spw-select__container"},s("select",{key:"c8bfe5baa2daeede78609261bb6b6c642c5e68b3",id:this.name,class:"spw-select__trigger",onChange:e=>this.handleSelectChange(e),disabled:this.disabled,ref:e=>this.selectElement=e,tabindex:this.disabled?-1:0},s("option",{key:"60a3e98e85ebbe6c8ff01368b45f7655c8beb04f",value:"",disabled:true,selected:!this.internalValue},this.placeholder)),s("spw-icon",{key:"e60ed9a157f7bbcef3eca26d7ea0347b470a655f",class:"spw-select__arrow",icon:"fa-chevron-down"})),!this.items&&s("slot",{key:"6172fb81b853a9e167030c731ec1bfc4a2bf0af6"})),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{items:["handleItemsChange"]}}};n.style=r;export{n as spw_select};
-//# sourceMappingURL=p-7e30e4c2.entry.js.map

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-96fac544.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwCardExcerptCss","SpwCardExcerpt","constructor","hostRef","this","lineClamp","elementClass","hasLineClamp","render","h","Host","key","class"],"sources":["src/components/spw-card/spw-card-excerpt/spw-card-excerpt.scss?tag=spw-card-excerpt&encapsulation=shadow","src/components/spw-card/spw-card-excerpt/spw-card-excerpt.tsx"],"sourcesContent":[":host(.--people) {\n  flex: 1;\n  ::slotted(spw-link) {\n    --spw-link-color: #000;\n    --spw-link-hover-color: #000;\n    --spw-link-active-color: #000;\n    --spw-link-font-weight: 400;\n  }\n}\n\n.spw-card-excerpt {\n  color: var(--spw-color-themes-grey-grey-600);\n  font-family: 'Nunito Sans';\n  font-size: 16px;\n  line-height: 1.3;\n  margin-top: 12px;\n  &--has-clamp {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n  }\n  :host(.--people) & {\n    margin-top: 0;\n    font-size: 16px;\n    color: var(--spw-color-themes-grey-grey-900);\n  }\n  @for $i from 1 through 10 {\n    &--clamp-#{$i} {\n      -webkit-line-clamp: $i;\n      line-clamp: $i;\n    }\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-excerpt',\n  styleUrl: 'spw-card-excerpt.scss',\n  shadow: true,\n})\nexport class SpwCardExcerpt {\n  /** Permet de limiter ou pas le nombre de lignes affichées */\n  @Prop() lineClamp: number | 'none' = 3;\n\n  private get elementClass(): { [className: string]: boolean } {\n    const hasLineClamp = this.lineClamp !== 'none';\n    return {\n      'spw-card-excerpt': true,\n      'spw-card-excerpt--has-clamp': hasLineClamp,\n      [`spw-card-excerpt--clamp-${this.lineClamp}`]: hasLineClamp,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAoB,+qH,MCObC,EAAc,MAL3B,WAAAC,CAAAC,G,UAOUC,KAASC,UAAoB,CAoBtC,CAlBC,gBAAYC,GACV,MAAMC,EAAeH,KAAKC,YAAc,OACxC,MAAO,CACL,mBAAoB,KACpB,8BAA+BE,EAC/B,CAAC,2BAA2BH,KAAKC,aAAcE,E,CAInD,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOR,KAAKE,cACfG,EAAa,QAAAE,IAAA,8C","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-aaffdc4f.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as i,g as s}from"./p-BYM_CUUH.js";const a="/*! 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-card-background:var(--spw-ds-white);--spw-card-box-shadow:var(--spw-effect-elevation-2);--spw-card-border:none;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{background:var(--spw-card-background);border:var(--spw-card-border);border-radius:5px;box-shadow:var(--spw-card-box-shadow);display:block;transition:all .3s ease-in-out}:host(.--is-full-height) .spw-card{height:100%}.spw-card--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-card__dates{align-items:center;background:var(--spw-ds-primary);border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;font-size:18px;height:80px;justify-content:center;left:0;line-height:1.1;position:absolute;text-align:center;text-decoration:none;top:50%;transform:translate(-50%,-50%);width:80px}.spw-card__date-item span:first-of-type{font-weight:700}.spw-card__link{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card__link:focus-visible{border-radius:5px;box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--sidebar,.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--event{left:40px;position:relative;width:calc(100% - 40px)}";const n=class{constructor(t){e(this,t);this.hasImage=false;this.variant="news";this.elementType="a";this.target="_self";this.fullHeight=false;this.disabled=false}componentWillLoad(){this.checkForImage();this.applyVariantToChildren()}slotChanged(){this.checkForImage();this.applyVariantToChildren()}onMouseEnter(){this.setImageHovered(true)}onMouseLeave(){this.setImageHovered(false)}checkForImage(){requestAnimationFrame((()=>{const e=this.el.querySelector("spw-card-image");const t=this.el.querySelector("spw-card-content");this.hasImage=!!e;if(!this.hasImage){t.classList.add("--no-image")}}))}formatDate(e){if(!e)return[];const i=e.split("/");return i.flatMap(((e,s)=>s<i.length-1?[t("span",null,e),t("span",null,"/")]:[t("span",null,e)]))}applyVariantToChildren(){requestAnimationFrame((()=>{const e=`--${this.variant}`;const t=this.el.querySelector("spw-card-content");const i=this.el.querySelector("spw-card-image");const s=this.el.querySelector("spw-card-title");const a=this.el.querySelector("spw-card-excerpt");const n=this.el.querySelector("spw-card-subtags");t&&t.classList.add(e);i&&i.classList.add(e);s&&s.classList.add(e);a&&a.classList.add(e);n&&n.classList.add(e)}))}setImageHovered(e){const t=this.el.querySelector("spw-card-image");const i=this.el.querySelector("spw-card-title");if(t&&this.href){t.classList.toggle("--hovered",e)}if(i&&this.href){i.classList.toggle("--hovered",e)}}get elementClass(){return{"spw-card":true,"spw-card--hoverable":!!this.href,"spw-card--no-image":!this.hasImage,[`spw-card--${this.variant}`]:true}}render(){const{href:e,rel:s,target:a,dateStart:n,dateEnd:o,variant:r}=this;const d=this.href===undefined?"div":"a";const c=d==="div"?{}:{href:e,rel:s,target:a};const p={"aria-label":this===null||this===void 0?void 0:this.accAriaLabel,"aria-disabled":this.disabled?"true":null};return t(i,{key:"ad1db614b92a05603075dfcaec494cacbb304076",class:{"--is-full-height":this.fullHeight}},t("article",{key:"07d17b0a8f53d10bdf187125e73a6a0b47a397c1",class:this.elementClass},r==="event"&&t(d,Object.assign({key:"3c0c11a80e59d6ce360038c5f1d5ac2db7f8d293"},c,{class:"spw-card__dates"}),n&&t("div",{key:"487708873b81a34649a45222c702e7bf6997262f",class:"spw-card__date-item"},this.formatDate(n)),o&&t("div",{key:"f4d239b7e98655e6c4c5b54ed9f159f8ceffa8c9",class:"spw-card__date-item"},this.formatDate(o))),t(d,Object.assign({key:"89cd3636e5a7b0663f009e162672908066afc71c"},c,p,{class:"spw-card__link"}),t("slot",{key:"4d97f8309d81b78c3a2b8c5d2c338acc71267732"}))))}get el(){return s(this)}};n.style=a;export{n as spw_card};
-//# sourceMappingURL=p-aaffdc4f.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwCardCss","SpwCard","constructor","hostRef","this","hasImage","variant","elementType","target","fullHeight","disabled","componentWillLoad","checkForImage","applyVariantToChildren","slotChanged","onMouseEnter","setImageHovered","onMouseLeave","requestAnimationFrame","imageElement","el","querySelector","contentElement","classList","add","formatDate","date","parts","split","flatMap","part","index","length","h","variantClass","titleElement","excerptElement","subtagsElement","isHovered","href","toggle","elementClass","render","rel","dateStart","dateEnd","TagType","undefined","attrs","ariaAttributes","accAriaLabel","Host","key","class","Object","assign"],"sources":["src/components/spw-card/spw-card.scss?tag=spw-card&encapsulation=shadow","src/components/spw-card/spw-card.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n  width: 100%;\n  --spw-card-background: var(--spw-ds-white);\n  --spw-card-box-shadow: var(--spw-effect-elevation-2);\n  --spw-card-border: none;\n  &[data-modal-trigger] {\n    cursor: pointer;\n  }\n}\n\n:host(.--is-full-height) {\n  height: 100%;\n}\n\n.spw-card {\n  display: block;\n  border-radius: 5px;\n  background: var(--spw-card-background);\n  box-shadow: var(--spw-card-box-shadow);\n  border: var(--spw-card-border);\n  transition: all 0.3s ease-in-out;\n\n  :host(.--is-full-height) & {\n    height: 100%;\n  }\n\n  &--hoverable:hover {\n    box-shadow: var(--spw-effect-elevation-4);\n    transform: translateY(-5px);\n  }\n\n  &__dates {\n    cursor: pointer;\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translate(-50%, -50%);\n    flex-direction: column;\n    line-height: 1.1;\n    width: 80px;\n    height: 80px;\n    text-align: center;\n    color: white;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--spw-ds-primary);\n    border-radius: 50%;\n    font-size: 18px;\n    text-decoration: none;\n  }\n  &__date-item {\n    span:first-of-type {\n      font-weight: bold;\n    }\n  }\n}\n\n.spw-card__link {\n  display: block;\n  height: 100%;\n  width: 100%;\n  color: inherit;\n  text-decoration: none;\n\n  .spw-card--no-image & {\n    padding-top: 15px;\n  }\n\n  &:focus-visible {\n    outline: 3px solid white;\n    outline-offset: -1px;\n    box-shadow: 0 0 0 5px black;\n    border-radius: 5px;\n  }\n}\n\n.spw-card--vertical,\n.spw-card--video {\n  .spw-card__link {\n    display: flex;\n    min-height: 240px;\n  }\n}\n\n.spw-card--sidebar {\n  box-shadow: none;\n  &:hover {\n    box-shadow: none;\n  }\n  .spw-card__link {\n    display: flex;\n    gap: 16px;\n  }\n}\n\n.spw-card--event {\n  position: relative;\n  width: calc(100% - 40px);\n  left: 40px;\n}\n","import { Element, Listen, State, Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card',\n  styleUrl: 'spw-card.scss',\n  shadow: true,\n})\nexport class SpwCard {\n  @Element() el: HTMLSpwCardElement;\n  @State() hasImage: boolean = false;\n\n  /** Type de variante de carte */\n  @Prop() variant?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'people' = 'news';\n  /** Type d'élément du bouton */\n  @Prop() elementType: string = 'a';\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  /** Définir une date de début si la carte est un évènement */\n  @Prop() dateStart?: string;\n  /** Définir une date de fin si la carte est un évènement */\n  @Prop() dateEnd?: string;\n\n  /** Si vrai, les cartes ont la même hauteur */\n  @Prop() fullHeight: boolean = false;\n  /** Si désactivée, la carte n'est pas utilisable */\n  @Prop() disabled: boolean = false;\n  /** Remplit l'attribut aria-label, utilisé à des fins d'accessibilité */\n  @Prop() accAriaLabel?: string;\n\n  componentWillLoad() {\n    this.checkForImage();\n    this.applyVariantToChildren();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.checkForImage();\n    this.applyVariantToChildren();\n  }\n\n  @Listen('mouseenter')\n  onMouseEnter() {\n    this.setImageHovered(true);\n  }\n\n  @Listen('mouseleave')\n  onMouseLeave() {\n    this.setImageHovered(false);\n  }\n\n  private checkForImage() {\n    requestAnimationFrame(() => {\n      const imageElement = this.el.querySelector('spw-card-image');\n      const contentElement = this.el.querySelector('spw-card-content');\n      this.hasImage = !!imageElement;\n      if (!this.hasImage) {\n        contentElement.classList.add('--no-image');\n      }\n    });\n  }\n\n  private formatDate(date?: string): any[] {\n    if (!date) return [];\n    const parts = date.split('/');\n    return parts.flatMap((part, index) => (index < parts.length - 1 ? [<span>{part}</span>, <span>/</span>] : [<span>{part}</span>]));\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const contentElement = this.el.querySelector('spw-card-content');\n      const imageElement = this.el.querySelector('spw-card-image');\n      const titleElement = this.el.querySelector('spw-card-title');\n      const excerptElement = this.el.querySelector('spw-card-excerpt');\n      const subtagsElement = this.el.querySelector('spw-card-subtags');\n\n      contentElement && contentElement.classList.add(variantClass);\n      imageElement && imageElement.classList.add(variantClass);\n      titleElement && titleElement.classList.add(variantClass);\n      excerptElement && excerptElement.classList.add(variantClass);\n      subtagsElement && subtagsElement.classList.add(variantClass);\n    });\n  }\n\n  private setImageHovered(isHovered: boolean) {\n    const imageElement = this.el.querySelector('spw-card-image');\n    const titleElement = this.el.querySelector('spw-card-title');\n    if (imageElement && this.href) {\n      imageElement.classList.toggle('--hovered', isHovered);\n    }\n    if (titleElement && this.href) {\n      titleElement.classList.toggle('--hovered', isHovered);\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-card': true,\n      'spw-card--hoverable': !!this.href,\n      'spw-card--no-image': !this.hasImage,\n      [`spw-card--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    const { href, rel, target, dateStart, dateEnd, variant } = this;\n    const TagType = this.href === undefined ? 'div' : 'a';\n    const attrs =\n      TagType === 'div'\n        ? {}\n        : {\n            href,\n            rel,\n            target,\n          };\n\n    const ariaAttributes = {\n      'aria-label': this?.accAriaLabel,\n      'aria-disabled': this.disabled ? 'true' : null,\n    };\n\n    return (\n      <Host class={{ '--is-full-height': this.fullHeight }}>\n        <article class={this.elementClass}>\n          {variant === 'event' && (\n            <TagType {...attrs} class=\"spw-card__dates\">\n              {dateStart && <div class=\"spw-card__date-item\">{this.formatDate(dateStart)}</div>}\n              {dateEnd && <div class=\"spw-card__date-item\">{this.formatDate(dateEnd)}</div>}\n            </TagType>\n          )}\n          <TagType {...attrs} {...ariaAttributes} class=\"spw-card__link\">\n            <slot></slot>\n          </TagType>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAa,ohI,MCONC,EAAO,MALpB,WAAAC,CAAAC,G,UAOWC,KAAQC,SAAY,MAGrBD,KAAOE,QAAoE,OAE3EF,KAAWG,YAAW,IAItBH,KAAMI,OAAW,QASjBJ,KAAUK,WAAY,MAEtBL,KAAQM,SAAY,KAgH7B,CA5GC,iBAAAC,GACEP,KAAKQ,gBACLR,KAAKS,wB,CAIP,WAAAC,GACEV,KAAKQ,gBACLR,KAAKS,wB,CAIP,YAAAE,GACEX,KAAKY,gBAAgB,K,CAIvB,YAAAC,GACEb,KAAKY,gBAAgB,M,CAGf,aAAAJ,GACNM,uBAAsB,KACpB,MAAMC,EAAef,KAAKgB,GAAGC,cAAc,kBAC3C,MAAMC,EAAiBlB,KAAKgB,GAAGC,cAAc,oBAC7CjB,KAAKC,WAAac,EAClB,IAAKf,KAAKC,SAAU,CAClBiB,EAAeC,UAAUC,IAAI,a,KAK3B,UAAAC,CAAWC,GACjB,IAAKA,EAAM,MAAO,GAClB,MAAMC,EAAQD,EAAKE,MAAM,KACzB,OAAOD,EAAME,SAAQ,CAACC,EAAMC,IAAWA,EAAQJ,EAAMK,OAAS,EAAI,CAACC,EAAA,YAAOH,GAAcG,EAAA,kBAAkB,CAACA,EAAO,YAAAH,K,CAG5G,sBAAAjB,GACNK,uBAAsB,KACpB,MAAMgB,EAAe,KAAK9B,KAAKE,UAC/B,MAAMgB,EAAiBlB,KAAKgB,GAAGC,cAAc,oBAC7C,MAAMF,EAAef,KAAKgB,GAAGC,cAAc,kBAC3C,MAAMc,EAAe/B,KAAKgB,GAAGC,cAAc,kBAC3C,MAAMe,EAAiBhC,KAAKgB,GAAGC,cAAc,oBAC7C,MAAMgB,EAAiBjC,KAAKgB,GAAGC,cAAc,oBAE7CC,GAAkBA,EAAeC,UAAUC,IAAIU,GAC/Cf,GAAgBA,EAAaI,UAAUC,IAAIU,GAC3CC,GAAgBA,EAAaZ,UAAUC,IAAIU,GAC3CE,GAAkBA,EAAeb,UAAUC,IAAIU,GAC/CG,GAAkBA,EAAed,UAAUC,IAAIU,EAAa,G,CAIxD,eAAAlB,CAAgBsB,GACtB,MAAMnB,EAAef,KAAKgB,GAAGC,cAAc,kBAC3C,MAAMc,EAAe/B,KAAKgB,GAAGC,cAAc,kBAC3C,GAAIF,GAAgBf,KAAKmC,KAAM,CAC7BpB,EAAaI,UAAUiB,OAAO,YAAaF,E,CAE7C,GAAIH,GAAgB/B,KAAKmC,KAAM,CAC7BJ,EAAaZ,UAAUiB,OAAO,YAAaF,E,EAI/C,gBAAYG,GACV,MAAO,CACL,WAAY,KACZ,wBAAyBrC,KAAKmC,KAC9B,sBAAuBnC,KAAKC,SAC5B,CAAC,aAAaD,KAAKE,WAAY,K,CAInC,MAAAoC,GACE,MAAMH,KAAEA,EAAII,IAAEA,EAAGnC,OAAEA,EAAMoC,UAAEA,EAASC,QAAEA,EAAOvC,QAAEA,GAAYF,KAC3D,MAAM0C,EAAU1C,KAAKmC,OAASQ,UAAY,MAAQ,IAClD,MAAMC,EACJF,IAAY,MACR,GACA,CACEP,OACAI,MACAnC,UAGR,MAAMyC,EAAiB,CACrB,aAAc7C,OAAI,MAAJA,YAAA,SAAAA,KAAM8C,aACpB,gBAAiB9C,KAAKM,SAAW,OAAS,MAG5C,OACEuB,EAACkB,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAAE,mBAAoBjD,KAAKK,aACtCwB,EAAA,WAAAmB,IAAA,2CAASC,MAAOjD,KAAKqC,cAClBnC,IAAY,SACX2B,EAACa,EAAOQ,OAAAC,OAAA,CAAAH,IAAA,4CAAKJ,EAAK,CAAEK,MAAM,oBACvBT,GAAaX,EAAA,OAAAmB,IAAA,2CAAKC,MAAM,uBAAuBjD,KAAKqB,WAAWmB,IAC/DC,GAAWZ,EAAA,OAAAmB,IAAA,2CAAKC,MAAM,uBAAuBjD,KAAKqB,WAAWoB,KAGlEZ,EAACa,EAAOQ,OAAAC,OAAA,CAAAH,IAAA,4CAAKJ,EAAWC,EAAgB,CAAAI,MAAM,mBAC5CpB,EAAA,QAAAmB,IAAA,+C","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as e,F as a,H as n}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}: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-pagination__item button,.spw-pagination__item--dots{border-radius:32px;font-size:14px;font-weight:700;height:32px;line-height:32px;min-width:32px;text-align:center}.spw-pagination__item button:focus-visible,.spw-pagination__item--dots:focus-visible{box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-pagination{align-items:center;display:flex;flex-direction:column}@media (min-width:768px){.spw-pagination{align-items:flex-start}}.spw-pagination ul{align-items:center;display:flex;padding:0}.spw-pagination__item{margin-right:12px}.spw-pagination__item spw-icon{font-size:18px}.spw-pagination__item button{background:none;border:none;color:var(--spw-color-themes-grey-grey-900);cursor:pointer;margin:0;padding:0 6px}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):hover button{background:var(--spw-color-themes-grey-grey-200)}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):active button{background:var(--spw-color-themes-grey-grey-300)}.spw-pagination__item--arrow button{align-items:center;display:flex;gap:8px;padding:0 12px;text-decoration:underline}.spw-pagination__item--arrow button:hover{text-decoration:none}.spw-pagination__item--dots{align-items:center;background:none;color:var(--spw-color-themes-grey-grey-400);cursor:default;display:inline-flex;justify-content:center;position:relative;top:3px}.spw-pagination__item--dots spw-icon{font-size:16px}.spw-pagination__item--desktop{display:none}@media (min-width:768px){.spw-pagination__item--desktop{display:inline-block}}.spw-pagination__item--active button{background:var(--spw-ds-primary);color:#fff}.spw-pagination__input spw-text-field{--spw-input-height:32px;--spw-input-padding:0 4px;--spw-input-text-align:center;--spw-input-font-size:14px;width:3ch}.spw-pagination__mobile-arrows{margin-top:12px}@media (min-width:768px){.spw-pagination__mobile-arrows{display:none!important}}.spw-pagination__total-pages{font-size:14px;margin:0 12px 0 6px}.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 o=class{constructor(e){t(this,e);this.pageChanged=i(this,"pageChanged");this.isDisabled=false;this.variant="numbers";this.currentPage=1;this.inputPageValue="";this.isMobile=window.innerWidth<800;this.updateIsMobile=()=>{this.isMobile=window.innerWidth<800}}componentWillLoad(){this.calculateTotalPages();this.inputPageValue=this.currentPage.toString();window.addEventListener("resize",this.updateIsMobile)}disconnectedCallback(){window.removeEventListener("resize",this.updateIsMobile)}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}goToPage(t){if(t!==this.currentPage&&!this.isDisabled&&t>=1&&t<=this.totalPages){this.currentPage=t;this.inputPageValue=this.currentPage.toString();this.pageChanged.emit(this.currentPage)}}handleInputChange(t){const i=t.target.value;this.inputPageValue=i;const e=parseInt(i,10);if(!isNaN(e)&&e>=1&&e<=this.totalPages){clearTimeout(this.debounceTimer);this.debounceTimer=setTimeout((()=>{this.goToPage(e)}),500)}}getPaginationClass(){var t,i;const e=this.calculatePageRange();const a=e.filter((({page:t})=>t==="...")).length;const n=a>0&&((t=e[1])===null||t===void 0?void 0:t.page)==="...";const s=a>0&&((i=e[e.length-2])===null||i===void 0?void 0:i.page)==="...";let o=`spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;if(a===2){o+=" spw-pagination--double-ellipsis"}else if(n){o+=" spw-pagination--ellipsis-start"}else if(s){o+=" spw-pagination--ellipsis-end"}return o}handleKeyDown(t){if(t.key==="Enter"){const t=parseInt(this.inputPageValue,10);if(!isNaN(t)){this.goToPage(t)}}}calculateWidth(){const t=this.inputPageValue.length;if(t<=1){return"3ch"}return`${t+1}ch`}calculatePageRange(){const t=[];const{currentPage:i,totalPages:e,isMobile:a}=this;if(a){if(e<=5){for(let i=1;i<=e;i++){t.push({page:i,class:"spw-pagination__item--small-range"})}}else if(i<=3){for(let i=1;i<=3;i++){t.push({page:i,class:"spw-pagination__item--start-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}else if(i>=e-2){t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=e-2;i<=e;i++){t.push({page:i,class:"spw-pagination__item--end-range"})}}else{t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=i-1;e<=i+1;e++){t.push({page:e,class:"spw-pagination__item--middle-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}}else{if(e<=7){for(let i=1;i<=e;i++){t.push({page:i,class:"spw-pagination__item--small-range"})}}else if(i<=4){for(let i=1;i<=4;i++){t.push({page:i,class:"spw-pagination__item--start-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}else if(i>=e-3){t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=e-3;i<=e;i++){t.push({page:i,class:"spw-pagination__item--end-range"})}}else{t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=i-2;e<=i+2;e++){t.push({page:e,class:"spw-pagination__item--middle-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}}return t}render(){const t=this.calculatePageRange();const i=this.currentPage>1;const s=this.currentPage<this.totalPages;const o=i&&e("li",{key:"93b7b7b7e63a0f412ba0cd3ce24184fe82e1dd97",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},e("button",{key:"d72f5565596f08444ad3faa718e4ce482f5444eb",onClick:()=>this.goToPage(this.currentPage-1)},e("spw-icon",{key:"088d91e7c6e7cb046473cf89a4e0e7679d2050f4",icon:"fa-chevron-left"})," ",e("span",{key:"08cc3c30ed90e5606e30d2782a2cc03668d465c1",class:"spw-pagination__item-arrow-text"},"Précédent")));const p=s&&e("li",{key:"cbf1b440f1eb2635e30cb80da5d8a1ffdd1f87bd",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},e("button",{key:"835ecbf9ca6769b4b254719b02465c7e1fdc1914",onClick:()=>this.goToPage(this.currentPage+1)},e("span",{key:"583807dca336b9c5cb6ec86e1feb6907c6495797",class:"spw-pagination__item-arrow-text"},"Suivant")," ",e("spw-icon",{key:"43fb4e649edba05cba2ed79ce47e81fc68ab2f8c",icon:"fa-chevron-right"})));const c=this.currentPage>1&&e("li",{key:"8a5ad0c164c4cfa61c189e4dbcf89932b97b8c06",class:"spw-pagination__item spw-pagination__item--arrow"},e("button",{key:"63fc9e75e422091c7d1def40d194b7effc7afec3",onClick:()=>this.goToPage(this.currentPage-1)},e("spw-icon",{key:"174ff450acf99500bee370850ac30d045ec324cc",icon:"fa-chevron-left"})," ",e("span",{key:"442d67afa7c34c5c8cd3b8dc8d1d1f555ed1223b"},"Précédent")));const r=this.currentPage<this.totalPages&&e("li",{key:"7b031cd5000f95c4b921d848b634e2dc4c9289be",class:"spw-pagination__item spw-pagination__item--arrow"},e("button",{key:"d8c57c1604f2638ee44657ff8f3f4617b4ff38d5",onClick:()=>this.goToPage(this.currentPage+1),disabled:this.currentPage>=this.totalPages},e("span",{key:"29d978a4bf52f7c146401442821b7b3336ec0217"},"Suivant")," ",e("spw-icon",{key:"14559f10203814d0b42fc6567a15b6ed3a993bda",icon:"fa-chevron-right"})));const l=e("ul",{key:"ca42a18d13d6533e18b89f1cb6131e31a14d41fc",class:"spw-pagination__mobile-arrows"},c,r);return e(n,{key:"a2ed6883a1af9b1750e4833c4c559c6d958a74b5"},e("div",{key:"6e7361afa017fe41525d67414346bca67471ab33",class:this.getPaginationClass()},this.variant==="input"&&e(a,{key:"64316a6450d4cd29f6064bcba7d3a161a84a69a3"},e("ul",{key:"c576be59dc85a343c423aa53c2688028d4f6b0af"},o,e("li",{key:"38b2dac9f26e71fc4cf95c48c8e6accdf7f9d41f",class:"spw-pagination__input"},e("spw-text-field",{key:"c87191808ecce0ab90343d1f920acf6b0df1deea",value:this.inputPageValue,type:"text",onInput:t=>this.handleInputChange(t),onKeyDown:t=>this.handleKeyDown(t),disabled:this.isDisabled,style:{width:this.calculateWidth()}})),e("li",{key:"612f6734bbe6ba502797545a3336d0e4392d164e",class:"spw-pagination__total-pages"},"sur ",this.totalPages," pages"),p),l),this.variant==="numbers"&&e(a,{key:"efa601b474e1e77bb2ece97e9a93a8c20cc7e216"},e("ul",{key:"6d31ecbb8d703920c38d2eb6da9e55e0e5b99eae"},o,t.map((({page:t,class:i})=>{if(t==="..."){return e("li",{class:`spw-pagination__item spw-pagination__item--dots ${i}`},e("spw-icon",{icon:"fa-ellipsis"}))}return e("li",{class:{"spw-pagination__item":true,"spw-pagination__item--active":t===this.currentPage,[i]:true}},e("button",{onClick:()=>this.goToPage(t),disabled:t===this.currentPage},t))})),p),l)))}static get watchers(){return{totalItems:["calculateTotalPages"],itemsPerPage:["calculateTotalPages"],currentPage:["calculateTotalPages"]}}};o.style=s;export{o as spw_pagination};
-//# sourceMappingURL=p-b64a003c.entry.js.map

package/dist/spw-stencil-library/p-bf14b880.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)}}:host(.--icon) .spw-tile-title{color:var(--spw-color-themes-grey-grey-900);font-size:20px;font-weight:700;line-height:1.4;transition:all .2s linear}:host(.--icon.--hovered) .spw-tile-title{color:var(--spw-ds-primary)}:host(.--light) .spw-tile-title{color:#fff;font-size:20px;font-weight:700;line-height:1.4}:host(.--big) .spw-tile-title{color:#fff;font-size:28px;font-weight:700;line-height:1.3}";const o=class{constructor(e){t(this,e)}render(){return e("h3",{key:"c5ad6b148fa95e436381934b773218920b947777",class:"spw-tile-title"},e("slot",{key:"2b0f8840619eddb00e021234f0d7ec03a470f453"}))}};o.style=i;export{o as spw_tile_title};
-//# sourceMappingURL=p-bf14b880.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwTileTitleCss","SpwTileTitle","render","h","key","class"],"sources":["src/components/spw-tile/spw-tile-title/spw-tile-title.scss?tag=spw-tile-title&encapsulation=shadow","src/components/spw-tile/spw-tile-title/spw-tile-title.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-tile-title {\n  :host(.--icon) & {\n    color: var(--spw-color-themes-grey-grey-900);\n    line-height: 1.4;\n    font-size: 20px;\n    font-weight: 700;\n    transition: all 0.2s linear;\n  }\n  :host(.--icon.--hovered) & {\n    color: var(--spw-ds-primary);\n  }\n  :host(.--light) & {\n    color: white;\n    line-height: 1.4;\n    font-size: 20px;\n    font-weight: 700;\n  }\n  :host(.--big) & {\n    color: white;\n    line-height: 1.3;\n    font-size: 28px;\n    font-weight: 700;\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tile-title',\n  styleUrl: 'spw-tile-title.scss',\n  shadow: true,\n})\nexport class SpwTileTitle {\n  render() {\n    return (\n      <h3 class=\"spw-tile-title\">\n        <slot></slot>\n      </h3>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,w9F,MCOXC,EAAY,M,yBACvB,MAAAC,GACE,OACEC,EAAA,MAAAC,IAAA,2CAAIC,MAAM,kBACRF,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,h as t,g as i}from"./p-BYM_CUUH.js";const o='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--people){max-width:112px;width:112px}.spw-card-image{border-radius:5px 5px 0 0;overflow:hidden;position:relative}:host(.--vertical) .spw-card-image{border-radius:5px 0 0 5px;height:100%}:host(.--people) .spw-card-image{border-radius:5px}:host(.--sidebar) .spw-card-image,:host(.--video) .spw-card-image{border-radius:5px}.spw-card-image ::slotted(img),.spw-card-image img{height:auto;transform-origin:center center;transition:all .3s ease;width:100%}.spw-card-image__icon{align-items:center;color:#fff;display:flex;font-size:30px;font-weight:300;justify-content:center;opacity:0;transition:all .3s ease;visibility:hidden;z-index:2}.spw-card-image__icon,.spw-card-image__icon:before{height:100%;left:0;position:absolute;top:0;width:100%}.spw-card-image__icon:before{background:var(--spw-ds-primary);content:"";opacity:.4}.spw-card-image__icon spw-icon{transform:scale(1.5);transition:all .3s ease}.spw-card-image__label{align-items:center;background:var(--spw-ds-white);border-radius:9999px;box-shadow:var(--spw-effect-elevation-3);color:var(--spw-color-themes-grey-grey-900);display:inline-flex;font-size:14px;line-height:1;padding:8px 12px;position:absolute;right:10px;top:10px;z-index:3}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon{opacity:1;visibility:visible}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon spw-icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon spw-icon{transform:scale(1)}:host(.--hovered:not(.--video)) .spw-card-image ::slotted(img),:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered ::slotted(img){transform:scale(1.1)}:host(.--vertical){min-width:170px;overflow:hidden;position:relative;width:170px}:host(.--vertical) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--sidebar){height:75px;min-height:75px;min-width:75px;overflow:hidden;position:relative;width:75px}:host(.--sidebar) .spw-card-image{height:100%}:host(.--sidebar) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video){height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}:host(.--video):after{background:#000;border-radius:5px;content:"";height:100%;left:0;opacity:.4;position:absolute;top:0;transition:all .2s linear;width:100%}:host(.--video) .spw-card-image{height:100%}:host(.--video) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video.--hovered):after{opacity:.6}';const s=class{constructor(t){e(this,t)}componentDidLoad(){const e=this.el.closest("spw-card");if(e){e.addEventListener("mouseenter",(()=>this.onCardHover(true)));e.addEventListener("mouseleave",(()=>this.onCardHover(false)))}}onCardHover(e){const t=this.el.shadowRoot.querySelector(".spw-card-image");if(t){if(e){t.classList.add("--is-hovered")}else{t.classList.remove("--is-hovered")}}}render(){return t("div",{key:"06519fc35dea780b3550ad118a8badd2b9a7c3a4",class:"spw-card-image"},this.label&&t("span",{key:"581da797660f7019f7fc028273566911dd009a1b",class:"spw-card-image__label"},this.label),t("slot",{key:"0384c788fc592bc3e3dacdc2e3f01efc3ebd4f41"}),t("div",{key:"2fadd2cd086805c6eed046aae28b1a298e3bb00a",class:"spw-card-image__icon"},t("spw-icon",{key:"c0693975af022057f1ab5455f2fab74487af8d34",icon:"fa-plus"})))}get el(){return i(this)}};s.style=o;export{s as spw_card_image};
-//# sourceMappingURL=p-bf43d61c.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwCardImageCss","SpwCardImage","componentDidLoad","card","this","el","closest","addEventListener","onCardHover","hovered","icon","shadowRoot","querySelector","classList","add","remove","render","h","key","class","label"],"sources":["src/components/spw-card/spw-card-image/spw-card-image.scss?tag=spw-card-image&encapsulation=shadow","src/components/spw-card/spw-card-image/spw-card-image.tsx"],"sourcesContent":["@import '../../../scss/mixins';\n\n:host {\n  display: block;\n  width: 100%;\n  line-height: 1;\n}\n\n:host(.--people) {\n  width: 112px;\n  max-width: 112px;\n}\n\n.spw-card-image {\n  position: relative;\n  overflow: hidden;\n  border-radius: 5px 5px 0 0;\n\n  :host(.--vertical) & {\n    border-radius: 5px 0 0 5px;\n  }\n\n  :host(.--people) & {\n    border-radius: 5px;\n  }\n\n  :host(.--video) &,\n  :host(.--sidebar) & {\n    border-radius: 5px;\n  }\n\n  ::slotted(img),\n  img {\n    width: 100%;\n    height: auto;\n    transition: all 0.3s ease;\n    transform-origin: center center;\n  }\n\n  &__icon {\n    &:before {\n      @include blanket;\n      background: var(--spw-ds-primary);\n      opacity: 0.4;\n    }\n    position: absolute;\n    z-index: 2;\n    display: flex;\n    visibility: hidden;\n    width: 100%;\n    height: 100%;\n    font-size: 30px;\n    font-weight: 300;\n    opacity: 0;\n    top: 0;\n    left: 0;\n    color: white;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n\n    spw-icon {\n      transform: scale(1.5);\n      transition: all 0.3s ease;\n    }\n  }\n\n  &__label {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: inline-flex;\n    padding: 8px 12px;\n    align-items: center;\n    border-radius: 9999px;\n    color: var(--spw-color-themes-grey-grey-900);\n    box-shadow: var(--spw-effect-elevation-3);\n    font-size: 14px;\n    background: var(--spw-ds-white);\n    z-index: 3;\n    line-height: 1;\n  }\n}\n\n:host(.--hovered:not(.--video)) {\n  .spw-card-image,\n  .spw-card-image.--is-hovered {\n    .spw-card-image__icon {\n      visibility: visible;\n      opacity: 1;\n      spw-icon {\n        transform: scale(1);\n      }\n    }\n    ::slotted(img) {\n      transform: scale(1.1);\n    }\n  }\n}\n\n:host(.--vertical) {\n  width: 170px;\n  min-width: 170px;\n  position: relative;\n  overflow: hidden;\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--sidebar) {\n  width: 75px;\n  min-width: 75px;\n  height: 75px;\n  min-height: 75px;\n  position: relative;\n  overflow: hidden;\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--video) {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  overflow: hidden;\n  top: 0;\n  left: 0;\n  &:after {\n    content: '';\n    background: black;\n    opacity: 0.4;\n    transition: all linear 0.2s;\n    border-radius: 5px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--video.--hovered) {\n  &:after {\n    opacity: 0.6;\n  }\n}\n","import { Component, Prop, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-image',\n  styleUrl: 'spw-card-image.scss',\n  shadow: true,\n})\nexport class SpwCardImage {\n  @Element() el: HTMLSpwCardImageElement;\n  /** Label spécifié dans la carte */\n  @Prop() label?: string;\n\n  componentDidLoad() {\n    const card = this.el.closest('spw-card');\n    if (card) {\n      card.addEventListener('mouseenter', () => this.onCardHover(true));\n      card.addEventListener('mouseleave', () => this.onCardHover(false));\n    }\n  }\n\n  private onCardHover(hovered) {\n    const icon = this.el.shadowRoot.querySelector('.spw-card-image');\n    if (icon) {\n      if (hovered) {\n        icon.classList.add('--is-hovered');\n      } else {\n        icon.classList.remove('--is-hovered');\n      }\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"spw-card-image\">\n        {this.label && <span class=\"spw-card-image__label\">{this.label}</span>}\n        <slot></slot>\n        <div class=\"spw-card-image__icon\">\n          <spw-icon icon=\"fa-plus\"></spw-icon>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,+5K,MCOXC,EAAY,M,yBAKvB,gBAAAC,GACE,MAAMC,EAAOC,KAAKC,GAAGC,QAAQ,YAC7B,GAAIH,EAAM,CACRA,EAAKI,iBAAiB,cAAc,IAAMH,KAAKI,YAAY,QAC3DL,EAAKI,iBAAiB,cAAc,IAAMH,KAAKI,YAAY,Q,EAIvD,WAAAA,CAAYC,GAClB,MAAMC,EAAON,KAAKC,GAAGM,WAAWC,cAAc,mBAC9C,GAAIF,EAAM,CACR,GAAID,EAAS,CACXC,EAAKG,UAAUC,IAAI,e,KACd,CACLJ,EAAKG,UAAUE,OAAO,e,GAK5B,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBACRf,KAAKgB,OAASH,EAAM,QAAAC,IAAA,2CAAAC,MAAM,yBAAyBf,KAAKgB,OACzDH,EAAa,QAAAC,IAAA,6CACbD,EAAK,OAAAC,IAAA,2CAAAC,MAAM,wBACTF,EAAA,YAAAC,IAAA,2CAAUR,KAAK,a","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwCardContentCss","SpwCardContent","render","h","key","class","this","tag","date","formatDate"],"sources":["src/components/spw-card/spw-card-content/spw-card-content.scss?tag=spw-card-content&encapsulation=shadow","src/components/spw-card/spw-card-content/spw-card-content.tsx"],"sourcesContent":[":host(.--video) {\n  min-width: 100%;\n  width: 100%;\n}\n\n.spw-card-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px 24px 24px;\n  z-index: 5;\n\n  :host(.--vertical) & {\n    padding: 24px;\n    ::slotted(spw-card-subtags) {\n      margin-top: 12px;\n    }\n  }\n\n  :host(.--event) & {\n    padding: 12px 24px 24px 64px;\n    ::slotted(spw-card-subtags) {\n      margin-top: 12px;\n    }\n  }\n\n  :host(.--sidebar) & {\n    padding: 0;\n  }\n\n  :host(.--people) & {\n    padding: 24px;\n    flex-direction: row;\n    gap: 24px;\n  }\n\n  :host(.--vertical) &,\n  :host(.--sidebar) &,\n  :host(.--event) & {\n    justify-content: center;\n    height: 100%;\n  }\n\n  :host(.--video) & {\n    justify-content: flex-end;\n    height: 100%;\n    padding-right: 80px;\n    &:after {\n      position: absolute;\n      bottom: 24px;\n      right: 24px;\n      font-family: var(--spw-ds-font-icons-solid);\n      font-weight: 900;\n      content: '\\f144';\n      font-size: 36px;\n      color: white;\n    }\n  }\n\n  &__tag {\n    position: absolute;\n    top: -25px;\n    left: 25px;\n    padding: 6px 10px;\n    border-radius: 4px 4px 0px 0px;\n    background: var(--spw-ds-white);\n    color: var(--spw-ds-primary);\n    font-size: 15px;\n    font-weight: 700;\n\n    :host(.--no-image) &,\n    :host(.--event) &,\n    :host(.--video) &,\n    :host(.--vertical) & {\n      position: relative;\n      top: 0;\n      left: 0;\n      padding: 0;\n      margin-bottom: 8px;\n    }\n\n    :host(.--video) & {\n      width: auto;\n      align-self: flex-start;\n      display: inline-block;\n      padding: 8px 12px;\n      border-radius: 9999px;\n      line-height: 1;\n      color: var(--spw-color-themes-grey-grey-900);\n      box-shadow: var(--spw-effect-elevation-3);\n      font-size: 14px;\n      background: var(--spw-ds-white);\n    }\n  }\n\n  &__date {\n    margin-bottom: 7px;\n    font-size: 15px;\n    font-weight: 300;\n    color: var(--spw-color-themes-grey-grey-600);\n  }\n\n  ::slotted(spw-card) {\n    --spw-card-background: var(--spw-color-themes-grey-grey-50);\n    --spw-card-box-shadow: none;\n    --spw-card-border: 1px solid var(--spw-color-themes-grey-grey-300);\n  }\n}\n","import { Element, Component, State, Prop, h } from '@stencil/core';\nimport { formatDate } from '@utils/utils';\n\n@Component({\n  tag: 'spw-card-content',\n  styleUrl: 'spw-card-content.scss',\n  shadow: true,\n})\nexport class SpwCardContent {\n  @Element() el: HTMLSpwCardContentElement;\n  @State() hasImage: boolean;\n\n  /** Tag spécifié dans la carte */\n  @Prop() tag?: string;\n  /** Date de publication */\n  @Prop() date?: string;\n\n  render() {\n    return (\n      <div class=\"spw-card-content\">\n        {this.tag && <span class=\"spw-card-content__tag\">{this.tag}</span>}\n        {this.date && (\n          <time date-time={this.date} class=\"spw-card-content__date\">\n            {formatDate(this.date)}\n          </time>\n        )}\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAoB,+9I,MCQbC,EAAc,M,yBASzB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBACRC,KAAKC,KAAOJ,EAAM,QAAAC,IAAA,2CAAAC,MAAM,yBAAyBC,KAAKC,KACtDD,KAAKE,MACJL,EAAA,QAAAC,IAAA,uDAAiBE,KAAKE,KAAMH,MAAM,0BAC/BI,EAAWH,KAAKE,OAGrBL,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,c as o,h as r,g as s}from"./p-BYM_CUUH.js";const t='/*! 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-ds-checkbox-checked-color:var(--spw-ds-primary);--spw-ds-checkbox-checked-active-color:var(--spw-ds-active);--spw-ds-checkbox-checked-hover-color:var(--spw-ds-variant);box-sizing:border-box;display:inline-flex;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)}}.spw-checkbox{align-items:flex-start;display:inline-flex;flex-direction:row;padding:0}.spw-checkbox__wrapper{align-items:center;background-color:var(--spw-ds-white);border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:var(--spw-spacings-border-radius-2-xs);display:flex;flex:none;flex-grow:0;font-size:var(--spw-typography-body-body-3-font-size);height:20px;justify-content:center;order:0;position:relative;width:20px}.spw-checkbox__wrapper spw-icon{font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.spw-checkbox__wrapper--error{border-color:var(--spw-colors-dark-states-error-error-300)}.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):active,.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):focus-visible,.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):focus-within{box-shadow:0 0 0 4px #000;outline:2px solid #fff;outline-offset:0}.spw-checkbox__wrapper--disabled{border-color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper--checked{border-color:var(--spw-ds-checkbox-checked-color);color:var(--spw-ds-checkbox-checked-color)}.spw-checkbox__wrapper--checked--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper--toggle{background:var(--spw-color-themes-grey-grey-500);border:none;border-radius:40px;height:18px;top:1px;transition:background .2s ease;width:30px}.spw-checkbox__wrapper--toggle:hover{background:var(--spw-color-themes-grey-grey-600)}.spw-checkbox__wrapper--toggle:active{background:var(--spw-color-themes-grey-grey-800)}.spw-checkbox__wrapper--toggle spw-icon{line-height:0;margin-left:15px;opacity:0;transition:all .2s ease .3s;transition:all .2s ease}.spw-checkbox__wrapper--toggle:before{background:#fff;border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:14px}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle{background:var(--spw-ds-checkbox-checked-color);color:var(--spw-ds-checkbox-checked-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:before{background:#fff;left:calc(100% - 16px)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle spw-icon{font-size:10px;margin-left:6px;opacity:1}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled):hover{background:var(--spw-ds-checkbox-checked-hover-color);color:var(--spw-ds-checkbox-checked-hover-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled):active{background:var(--spw-ds-checkbox-checked-active-color);color:var(--spw-ds-checkbox-checked-active-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled{background:#fff;border-color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled:before{background:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__label{word-wrap:break-word;color:var(--spw-color-themes-grey-grey-900);order:1;padding-left:var(--spw-spacings-spacing-sm);padding-top:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-checkbox__label:hover~.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled){outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-checkbox__label:active~.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled){box-shadow:0 0 0 4px #000;outline:2px solid #fff;outline-offset:0}.spw-checkbox__label--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__label:hover,.spw-checkbox__wrapper:hover{cursor:pointer}.spw-checkbox__label--disabled:hover,.spw-checkbox__wrapper--disabled:hover{cursor:not-allowed}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}';const c=class{constructor(r){e(this,r);this.spwChange=o(this,"spwChange");if(r.$hostElement$["s-ei"]){this.internals=r.$hostElement$["s-ei"]}else{this.internals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this.internals}this.disabled=false;this.checked=false;this.error=false;this.icon="fa-check";this.variant="default"}handleCheckbox(){if(!this.disabled){this.internalChecked=!this.internalChecked;this.checked=this.internalChecked;this.updateFormValue();this.spwChange.emit(this.internalChecked)}}async toggleCheckedState(e){this.internalChecked=e;this.checked=e;this.updateFormValue()}checkedChanged(e){this.internalChecked=e;this.inputElement.checked=e;this.updateFormValue()}updateFormValue(){if(this.internalChecked){this.internals.setFormValue("on")}else{this.internals.setFormValue(null)}}handleKeydown(e){if(e.key===" "||e.key==="Enter"){this.handleCheckbox();e.preventDefault()}}componentWillLoad(){this.internalChecked=this.checked;this.updateFormValue()}componentDidLoad(){var e;(e=this.el.closest("form"))===null||e===void 0?void 0:e.addEventListener("formdata",(e=>{if(this.internalChecked){e.formData.set(this.name,"on")}}))}formResetCallback(){this.internalChecked=false;this.checked=false;this.updateFormValue()}get elementClass(){return{"spw-checkbox__wrapper":true,[`spw-checkbox__wrapper--${this.variant}`]:true,"spw-checkbox__wrapper--disabled":this.disabled,"spw-checkbox__wrapper--checked":this.internalChecked,"spw-checkbox__wrapper--error":this.error}}render(){const e=this.el.innerHTML;const o=Boolean(e);return r("div",{key:"346a6a165000a9fac29cfcf8fb742dc3871d07c2",class:"spw-checkbox"},r("input",{key:"a10fc25d9dc9e2281d945f686f91cf004ad63076",type:"checkbox",ref:e=>this.inputElement=e,checked:this.internalChecked,onChange:this.handleCheckbox.bind(this),name:this.name,disabled:this.disabled,style:{display:"none"}}),o&&r("label",{key:"4666d69baa172d4a9f81ed2fc17edda8faea3d56",htmlFor:this.name,class:`spw-checkbox__label ${this.disabled?"spw-checkbox__label--disabled":""}`,onClick:this.handleCheckbox.bind(this)},r("slot",{key:"31f0458f49a806820c4f4d7411a9b02045ebc9a6"})),r("div",{key:"a537f489f207f9ccfcc933b57a58d5891fdcbe2b",tabindex:this.disabled?-1:0,onClick:this.handleCheckbox.bind(this),onKeyDown:this.handleKeydown.bind(this),role:"checkbox","aria-checked":this.internalChecked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-labelledby":"label",class:this.elementClass},this.internalChecked&&r("spw-icon",{key:"39ba0368fca18e58d613e1232a5c77fa1d7dc4e6",icon:this.icon})))}static get formAssociated(){return true}get el(){return s(this)}static get watchers(){return{checked:["checkedChanged"]}}};c.style=t;export{c as spw_checkbox};
-//# sourceMappingURL=p-d3d4755a.entry.js.map