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

package/dist/spw-stencil-library/p-40875966.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;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-card-title{color:var(--spw-color-themes-grey-grey-900);font-size:20px;font-weight:700;line-height:1.3;transition:all .3s ease}:host(.--hovered:not(.--video)) .spw-card-title{color:var(--spw-ds-primary)}:host(.--video) .spw-card-title{color:#fff}";const o=class{constructor(t){e(this,t)}render(){return t("h3",{key:"a2aae793eea1b60c5ccc58ddb22f508f18984a3a",class:"spw-card-title"},t("slot",{key:"ab895331d9876bc14a621fe197933d69612ac07d"}))}};o.style=i;export{o as spw_card_title};
-//# sourceMappingURL=p-40875966.entry.js.map

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

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

package/dist/spw-stencil-library/p-92c085a5.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(.--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","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,qtI,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-9b651a66.entry.js.map

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

package/dist/spw-stencil-library/p-c7453498.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)}}.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(.--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:"ddfa5865de5a66d7316ac86c09226d2714fee04c",class:"spw-card-image"},this.label&&t("span",{key:"b7b63987b51733788a2901a6cecd685333ca468c",class:"spw-card-image__label"},this.label),t("slot",{key:"2562150ce4fe208e70bcc326bf3b90b2aebaf9c0"}),t("div",{key:"24b37db0c310e1a524c2c66496e578ade4b1a47c",class:"spw-card-image__icon"},t("spw-icon",{key:"6334e1ec0e33f2406922dcaa50df0c7e586e47af",icon:"fa-plus"})))}get el(){return i(this)}};s.style=o;export{s as spw_card_image};
-//# sourceMappingURL=p-c7453498.entry.js.map

package/dist/spw-stencil-library/p-c7453498.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.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(.--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,+zK,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-c8b5a26a.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;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-card-excerpt{color:var(--spw-color-themes-grey-grey-600);font-family:Nunito Sans;font-size:16px;line-height:1.3;margin-top:12px}.spw-card-excerpt--has-clamp{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.spw-card-excerpt--clamp-1{-webkit-line-clamp:1;line-clamp:1}.spw-card-excerpt--clamp-2{-webkit-line-clamp:2;line-clamp:2}.spw-card-excerpt--clamp-3{-webkit-line-clamp:3;line-clamp:3}.spw-card-excerpt--clamp-4{-webkit-line-clamp:4;line-clamp:4}.spw-card-excerpt--clamp-5{-webkit-line-clamp:5;line-clamp:5}.spw-card-excerpt--clamp-6{-webkit-line-clamp:6;line-clamp:6}.spw-card-excerpt--clamp-7{-webkit-line-clamp:7;line-clamp:7}.spw-card-excerpt--clamp-8{-webkit-line-clamp:8;line-clamp:8}.spw-card-excerpt--clamp-9{-webkit-line-clamp:9;line-clamp:9}.spw-card-excerpt--clamp-10{-webkit-line-clamp:10;line-clamp:10}";const n=class{constructor(t){e(this,t);this.lineClamp=3}get elementClass(){const e=this.lineClamp!=="none";return{"spw-card-excerpt":true,"spw-card-excerpt--has-clamp":e,[`spw-card-excerpt--clamp-${this.lineClamp}`]:e}}render(){return t("div",{key:"7141ae670aa86d10cec7111a7f9f3ac23a7ffe99",class:this.elementClass},t("slot",{key:"414df86d9a9b1564f05cccd2ac97c248b2356ffe"}))}};n.style=i;export{n as spw_card_excerpt};
-//# sourceMappingURL=p-c8b5a26a.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwCardExcerptCss","SpwCardExcerpt","constructor","hostRef","this","lineClamp","elementClass","hasLineClamp","render","h","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":[".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  @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, 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      <div class={this.elementClass}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAoB,65G,MCObC,EAAc,MAL3B,WAAAC,CAAAC,G,UAOUC,KAASC,UAAoB,CAkBtC,CAhBC,gBAAYC,GACV,MAAMC,EAAeH,KAAKC,YAAc,OACxC,MAAO,CACL,mBAAoB,KACpB,8BAA+BE,EAC/B,CAAC,2BAA2BH,KAAKC,aAAcE,E,CAInD,MAAAC,GACE,OACEC,EAAK,OAAAC,IAAA,2CAAAC,MAAOP,KAAKE,cACfG,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,c as o,h as t,g as r}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%;--spw-ds-checkbox-checked-color:var(--spw-ds-primary);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-color:var(--spw-color-themes-grey-grey-500);border-radius:40px;height:20px;width:32px}.spw-checkbox__wrapper--toggle spw-icon{line-height:0;opacity:0;transition:all .2s ease .3s}.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);border-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{color:var(--spw-ds-checkbox-checked-color);display:block;font-size:10px;margin-left:5px}.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 i=class{constructor(t){e(this,t);this.spwChange=o(this,"spwChange");if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$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 t("div",{key:"51a08401d10268179bf2c4cb7724c16c429f59f6",class:"spw-checkbox"},t("input",{key:"b667048ec9264d847c11adc97c14b46c46996d1d",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&&t("label",{key:"03ccc8358b7d53064db1486fdd3b774adc682667",htmlFor:this.name,class:`spw-checkbox__label ${this.disabled?"spw-checkbox__label--disabled":""}`,onClick:this.handleCheckbox.bind(this)},t("slot",{key:"2f6b5d7a74f9c41bf91ed9f482fd67e9596f6d72"})),t("div",{key:"5bd4f661b54525388bb2f3b554de712775197833",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&&t("spw-icon",{key:"aec767de94d5fe31cb9fad4f124fb0a7eada5810",icon:this.icon})))}static get formAssociated(){return true}get el(){return r(this)}static get watchers(){return{checked:["checkedChanged"]}}};i.style=s;export{i as spw_checkbox};
-//# sourceMappingURL=p-d6b76976.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwCheckboxCss","SpwCheckbox","constructor","hostRef","this","disabled","checked","error","icon","variant","handleCheckbox","internalChecked","updateFormValue","spwChange","emit","toggleCheckedState","newVal","checkedChanged","newChecked","inputElement","internals","setFormValue","handleKeydown","event","key","preventDefault","componentWillLoad","componentDidLoad","_a","el","closest","addEventListener","e","formData","set","name","formResetCallback","elementClass","render","slot","innerHTML","hasSlot","Boolean","h","class","type","ref","onChange","bind","style","display","htmlFor","onClick","tabindex","onKeyDown","role"],"sources":["src/components/spw-checkbox/spw-checkbox.scss?tag=spw-checkbox&encapsulation=shadow","src/components/spw-checkbox/spw-checkbox.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  vertical-align: top;\n  --spw-ds-checkbox-checked-color: var(--spw-ds-primary);\n}\n\n.spw-checkbox {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: flex-start;\n  padding: 0;\n\n  &__wrapper {\n    display: flex;\n    position: relative;\n    justify-content: center;\n    align-items: center;\n    width: 20px;\n    height: 20px;\n    background-color: var(--spw-ds-white);\n    border: 2px solid var(--spw-color-themes-grey-grey-900);\n    border-radius: var(--spw-spacings-border-radius-2-xs);\n    font-size: var(--spw-typography-body-body-3-font-size);\n    flex: none;\n    order: 0;\n    flex-grow: 0;\n\n    spw-icon {\n      font-size: 14px;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    &--error {\n      border-color: var(--spw-colors-dark-states-error-error-300);\n    }\n\n    &:not(.spw-checkbox__wrapper--disabled):hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n\n    &:not(.spw-checkbox__wrapper--disabled):focus-visible,\n    &:not(.spw-checkbox__wrapper--disabled):active,\n    &:not(.spw-checkbox__wrapper--disabled):focus-within,\n    &:not(.spw-checkbox__wrapper--disabled):active {\n      outline: 2px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 4px black;\n    }\n\n    &--disabled {\n      border-color: var(--spw-color-themes-grey-grey-500);\n    }\n\n    &--checked {\n      border-color: var(--spw-ds-checkbox-checked-color);\n      color: var(--spw-ds-checkbox-checked-color);\n\n      &--disabled {\n        color: var(--spw-color-themes-grey-grey-500);\n      }\n    }\n\n    &--toggle {\n      width: 32px;\n      height: 20px;\n      border-radius: 40px;\n      border-color: var(--spw-color-themes-grey-grey-500);\n      background: var(--spw-color-themes-grey-grey-500);\n      // transition: border-color 0.2s ease;\n      spw-icon {\n        opacity: 0;\n        line-height: 0;\n        transition: all 0.2s 0.3s ease;\n      }\n      &:before {\n        content: '';\n        position: absolute;\n        width: 14px;\n        height: 14px;\n        background: white;\n        border-radius: 50%;\n        top: 50%;\n        left: 2px;\n        transform: translateY(-50%);\n        transition: all 0.2s ease;\n      }\n    }\n    &.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle {\n      border-color: var(--spw-ds-checkbox-checked-color);\n      background: var(--spw-ds-checkbox-checked-color);\n      &:before {\n        left: calc(100% - 16px);\n        background: white;\n      }\n      spw-icon {\n        display: block;\n        color: var(--spw-ds-checkbox-checked-color);\n        font-size: 10px;\n        margin-left: 5px;\n        // opacity: 1;\n      }\n    }\n    &.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled {\n      border-color: var(--spw-color-themes-grey-grey-500);\n      background: white;\n      &:before {\n        background: var(--spw-color-themes-grey-grey-500);\n      }\n    }\n  }\n\n  &__label {\n    color: var(--spw-color-themes-grey-grey-900);\n    word-wrap: break-word;\n    order: 1;\n    padding-top: 1px;\n    user-select: none;\n    padding-left: var(--spw-spacings-spacing-sm);\n\n    &:hover ~ .spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled) {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n\n    &:active ~ .spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled) {\n      outline: 2px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 4px black;\n    }\n\n    &--disabled {\n      color: var(--spw-color-themes-grey-grey-500);\n    }\n  }\n\n  &__wrapper,\n  &__label {\n    &:hover {\n      cursor: pointer;\n    }\n    &--disabled:hover {\n      cursor: not-allowed;\n    }\n  }\n}\n","import { Component, h, Prop, Element, State, Event, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';\n\n@Component({\n  tag: 'spw-checkbox',\n  styleUrl: 'spw-checkbox.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class SpwCheckbox {\n  private inputElement: HTMLInputElement;\n\n  @Element() el: HTMLSpwCheckboxElement;\n\n  /** Détermine si la case à cocher est désactivée, rendant l'élément inutilisable */\n  @Prop() disabled: boolean = false;\n  /** Propriété mutable qui reflète si la case à cocher est cochée ou non */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n  /** Indique s'il y a une erreur associée à la case à cocher, pour un affichage visuel */\n  @Prop() error: boolean = false;\n  /** Icône à afficher lorsque la case à cocher est cochée */\n  @Prop() icon: string = 'fa-check';\n  /** Nom de l'élément utilisé dans les formulaires */\n  @Prop() name: string;\n  /** Type de variant pour la checkbox */\n  @Prop() variant?: 'default' | 'toggle' = 'default';\n\n  @State() internalChecked: boolean;\n\n  @AttachInternals() internals: ElementInternals;\n\n  /** Événement déclenché lors d'un changement d'état de la case à cocher (cochée ou décochée) */\n  @Event({ bubbles: true, composed: true }) spwChange: EventEmitter<boolean>;\n\n  private handleCheckbox() {\n    if (!this.disabled) {\n      this.internalChecked = !this.internalChecked;\n      this.checked = this.internalChecked;\n      this.updateFormValue();\n      this.spwChange.emit(this.internalChecked);\n    }\n  }\n\n  /** Méthode publique pour changer l'état de la case à cocher. */\n  @Method()\n  async toggleCheckedState(newVal: boolean) {\n    this.internalChecked = newVal;\n    this.checked = newVal;\n    this.updateFormValue();\n  }\n\n  @Watch('checked')\n  checkedChanged(newChecked: boolean) {\n    this.internalChecked = newChecked;\n    this.inputElement.checked = newChecked;\n    this.updateFormValue();\n  }\n\n  private updateFormValue() {\n    if (this.internalChecked) {\n      this.internals.setFormValue('on');\n    } else {\n      this.internals.setFormValue(null);\n    }\n  }\n\n  private handleKeydown(event) {\n    if (event.key === ' ' || event.key === 'Enter') {\n      // Space or Enter keys\n      this.handleCheckbox();\n      event.preventDefault();\n    }\n  }\n\n  componentWillLoad() {\n    this.internalChecked = this.checked;\n    this.updateFormValue();\n  }\n\n  componentDidLoad() {\n    this.el.closest('form')?.addEventListener('formdata', (e: FormDataEvent) => {\n      if (this.internalChecked) {\n        e.formData.set(this.name, 'on');\n      }\n    });\n  }\n\n  formResetCallback() {\n    this.internalChecked = false;\n    this.checked = false;\n    this.updateFormValue();\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-checkbox__wrapper': true,\n      [`spw-checkbox__wrapper--${this.variant}`]: true,\n      'spw-checkbox__wrapper--disabled': this.disabled,\n      'spw-checkbox__wrapper--checked': this.internalChecked,\n      'spw-checkbox__wrapper--error': this.error,\n    };\n  }\n\n  render() {\n    const slot = this.el.innerHTML;\n    const hasSlot = Boolean(slot);\n\n    return (\n      <div class=\"spw-checkbox\">\n        <input\n          type=\"checkbox\"\n          ref={el => (this.inputElement = el)}\n          checked={this.internalChecked}\n          onChange={this.handleCheckbox.bind(this)}\n          name={this.name}\n          disabled={this.disabled}\n          style={{ display: 'none' }}\n        />\n        {hasSlot && (\n          <label htmlFor={this.name} class={`spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`} onClick={this.handleCheckbox.bind(this)}>\n            <slot />\n          </label>\n        )}\n        <div\n          tabindex={this.disabled ? -1 : 0}\n          onClick={this.handleCheckbox.bind(this)}\n          onKeyDown={this.handleKeydown.bind(this)}\n          role=\"checkbox\"\n          aria-checked={this.internalChecked ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-labelledby=\"label\"\n          class={this.elementClass}\n        >\n          {this.internalChecked && <spw-icon icon={this.icon}></spw-icon>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,wgM,MCQVC,EAAW,MANxB,WAAAC,CAAAC,G,6MAYUC,KAAQC,SAAY,MAEYD,KAAOE,QAAY,MAEnDF,KAAKG,MAAY,MAEjBH,KAAII,KAAW,WAIfJ,KAAOK,QAA0B,SAiH1C,CAxGS,cAAAC,GACN,IAAKN,KAAKC,SAAU,CAClBD,KAAKO,iBAAmBP,KAAKO,gBAC7BP,KAAKE,QAAUF,KAAKO,gBACpBP,KAAKQ,kBACLR,KAAKS,UAAUC,KAAKV,KAAKO,gB,EAM7B,wBAAMI,CAAmBC,GACvBZ,KAAKO,gBAAkBK,EACvBZ,KAAKE,QAAUU,EACfZ,KAAKQ,iB,CAIP,cAAAK,CAAeC,GACbd,KAAKO,gBAAkBO,EACvBd,KAAKe,aAAab,QAAUY,EAC5Bd,KAAKQ,iB,CAGC,eAAAA,GACN,GAAIR,KAAKO,gBAAiB,CACxBP,KAAKgB,UAAUC,aAAa,K,KACvB,CACLjB,KAAKgB,UAAUC,aAAa,K,EAIxB,aAAAC,CAAcC,GACpB,GAAIA,EAAMC,MAAQ,KAAOD,EAAMC,MAAQ,QAAS,CAE9CpB,KAAKM,iBACLa,EAAME,gB,EAIV,iBAAAC,GACEtB,KAAKO,gBAAkBP,KAAKE,QAC5BF,KAAKQ,iB,CAGP,gBAAAe,G,OACEC,EAAAxB,KAAKyB,GAAGC,QAAQ,WAAS,MAAAF,SAAA,SAAAA,EAAAG,iBAAiB,YAAaC,IACrD,GAAI5B,KAAKO,gBAAiB,CACxBqB,EAAEC,SAASC,IAAI9B,KAAK+B,KAAM,K,KAKhC,iBAAAC,GACEhC,KAAKO,gBAAkB,MACvBP,KAAKE,QAAU,MACfF,KAAKQ,iB,CAGP,gBAAYyB,GACV,MAAO,CACL,wBAAyB,KACzB,CAAC,0BAA0BjC,KAAKK,WAAY,KAC5C,kCAAmCL,KAAKC,SACxC,iCAAkCD,KAAKO,gBACvC,+BAAgCP,KAAKG,M,CAIzC,MAAA+B,GACE,MAAMC,EAAOnC,KAAKyB,GAAGW,UACrB,MAAMC,EAAUC,QAAQH,GAExB,OACEI,EAAA,OAAAnB,IAAA,2CAAKoB,MAAM,gBACTD,EACE,SAAAnB,IAAA,2CAAAqB,KAAK,WACLC,IAAKjB,GAAOzB,KAAKe,aAAeU,EAChCvB,QAASF,KAAKO,gBACdoC,SAAU3C,KAAKM,eAAesC,KAAK5C,MACnC+B,KAAM/B,KAAK+B,KACX9B,SAAUD,KAAKC,SACf4C,MAAO,CAAEC,QAAS,UAEnBT,GACCE,EAAO,SAAAnB,IAAA,2CAAA2B,QAAS/C,KAAK+B,KAAMS,MAAO,uBAAuBxC,KAAKC,SAAW,gCAAkC,KAAM+C,QAAShD,KAAKM,eAAesC,KAAK5C,OACjJuC,EAAA,QAAAnB,IAAA,8CAGJmB,EAAA,OAAAnB,IAAA,2CACE6B,SAAUjD,KAAKC,UAAW,EAAK,EAC/B+C,QAAShD,KAAKM,eAAesC,KAAK5C,MAClCkD,UAAWlD,KAAKkB,cAAc0B,KAAK5C,MACnCmD,KAAK,WAAU,eACDnD,KAAKO,gBAAkB,OAAS,QAC/B,gBAAAP,KAAKC,SAAW,OAAS,QACxB,0BAChBuC,MAAOxC,KAAKiC,cAEXjC,KAAKO,iBAAmBgC,EAAA,YAAAnB,IAAA,2CAAUhB,KAAMJ,KAAKI,Q","ignoreList":[]}

package/dist/spw-stencil-library/p-e771bb8e.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 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%;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-ds-white);border-radius:5px;box-shadow:var(--spw-effect-elevation-2);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(e){t(this,e);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 t=this.el.querySelector("spw-card-image");const e=this.el.querySelector("spw-card-content");this.hasImage=!!t;if(!this.hasImage){e.classList.add("--no-image")}}))}formatDate(t){if(!t)return[];const i=t.split("/");return i.flatMap(((t,s)=>s<i.length-1?[e("span",null,t),e("span",null,"/")]:[e("span",null,t)]))}applyVariantToChildren(){requestAnimationFrame((()=>{const t=`--${this.variant}`;const e=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");e&&e.classList.add(t);i&&i.classList.add(t);s&&s.classList.add(t);a&&a.classList.add(t);n&&n.classList.add(t)}))}setImageHovered(t){const e=this.el.querySelector("spw-card-image");const i=this.el.querySelector("spw-card-title");if(e&&this.href){e.classList.toggle("--hovered",t)}if(i&&this.href){i.classList.toggle("--hovered",t)}}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:t,rel:s,target:a,dateStart:n,dateEnd:o,variant:r}=this;const d=this.href===undefined?"div":"a";const c=d==="div"?{}:{href:t,rel:s,target:a};const p={"aria-label":this===null||this===void 0?void 0:this.accAriaLabel,"aria-disabled":this.disabled?"true":null};return e(i,{key:"414b823a8a824f866571819908c4279481f4b4bd",class:{"--is-full-height":this.fullHeight}},e("article",{key:"550b1c32da3f917ca8e78194b13592d3265db0b1",class:this.elementClass},r==="event"&&e(d,Object.assign({key:"3988de2a54183a0eff3cea43de9904c094790110"},c,{class:"spw-card__dates"}),n&&e("div",{key:"7840de1b38ec0300f5dbb8213241c1b6c2d1917d",class:"spw-card__date-item"},this.formatDate(n)),o&&e("div",{key:"f542560e0505e84676c1b3a2e7910c2ba18b9970",class:"spw-card__date-item"},this.formatDate(o))),e(d,Object.assign({key:"f7bdcf4575a95303ed2dc06ac141e7424a24760d"},c,p,{class:"spw-card__link"}),e("slot",{key:"608fc7a34d3060dff797cf273d7cd7c09c24c520"}))))}get el(){return s(this)}};n.style=a;export{n as spw_card};
-//# sourceMappingURL=p-e771bb8e.entry.js.map

package/dist/spw-stencil-library/p-e771bb8e.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  &[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-ds-white);\n  box-shadow: var(--spw-effect-elevation-2);\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' = '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,63H,MCONC,EAAO,MALpB,WAAAC,CAAAC,G,UAOWC,KAAQC,SAAY,MAGrBD,KAAOE,QAAyD,OAEhEF,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":[]}