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

package/dist/cjs/spw-field-label_6.cjs.entry.js.map

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

package/dist/cjs/spw-field-message.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-iVhYitTd.js');
+var index = require('./index-ivINMH9O.js');
 
 const spwFieldMessageCss = "/*! 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-field-message{display:block;display:flex;gap:8px;margin-top:8px}.spw-field-message--error{color:var(--spw-color-states-error-error-300)}.spw-field-message--hint{color:var(--spw-colors-support-grey-grey-800)}.spw-field-message--success{color:var(--spw-color-states-success-success-500)}.spw-field-message--warning{color:var(--spw-color-themes-orange-orange-500)}.spw-field-message__icon{position:relative;top:1px}.spw-field-message__text{flex:1;font-size:14px;line-height:1.5}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}.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-italic{font-style:italic}";
 
@@ -31,7 +31,7 @@ const SpwFieldMessage = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '317bf98a34fad1abd03b2e85f5e11bca4a56a645' }, index.h("div", { key: 'ccf8948f8e4a222675f16ef3edb111167b1dac67', class: this.elementClass }, this.showIcon && (index.h("div", { key: '01e694d31e53b72968eed0e62d9a8484553b7493', class: "spw-field-message__icon" }, index.h("spw-icon", { key: 'a5bb727af018bd42f3d4c32b46ccd61ee4cb8174', icon: this.variantIcon }))), index.h("span", { key: '5555b7b8405ab026f43619591440997c2acffe33', class: "spw-field-message__text" }, index.h("slot", { key: 'f6781d62b64e910e7f8fb3ee32b0c2bad24a15c3' })))));
+        return (index.h(index.Host, { key: '95fada96ae0c655bb4c1d427ed5b9dc0e9057683' }, index.h("div", { key: 'bde1388b8e07c7832650f8063d49421b81220020', class: this.elementClass }, this.showIcon && (index.h("div", { key: '3d532d21bf20213f460702d7390a81bc385f408b', class: "spw-field-message__icon" }, index.h("spw-icon", { key: 'f76d215f5639258e38e008c4992fd252b89f0923', icon: this.variantIcon }))), index.h("span", { key: '07d7762df44f5f14d23a032bcc532fef68bd29e5', class: "spw-field-message__text" }, index.h("slot", { key: 'fe807df34d8a13624d43b6e9b4789065af22ca62' })))));
     }
 };
 SpwFieldMessage.style = spwFieldMessageCss;

package/dist/cjs/spw-file-upload.cjs.entry.js

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-iVhYitTd.js');
-var utils = require('./utils-CKYAw_Le.js');
+var index = require('./index-ivINMH9O.js');
+var utils = require('./utils-D_vNTY6w.js');
 
 const spwFileUploadCss = "/*! 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-file-upload{display:block;position:relative}.spw-file-upload__wrapper--error{background-color:#ffe6e6;border-color:#ff4d4d}.spw-file-upload__wrapper--dragging{background-color:#e0f7fa;border-color:#00acc1}.spw-file-upload spw-button{display:inline-block;margin-bottom:8px}.spw-file-upload__errors{color:var(--spw-colors-dark-themes-red-red-500);font-size:14px;font-weight:600}.spw-file-upload__errors li{margin-top:16px}.spw-file-upload__errors--warning{color:var(--spw-color-themes-grey-grey-800);font-weight:400}.spw-file-upload__hints{color:var(--spw-color-themes-grey-grey-600);font-size:14px;margin-top:16px}.spw-file-upload__dropzone{background:var(--spw-colors-dark-themes-blue-grey-blue-grey-50);border:1px dashed #333;border-radius:8px;color:#555;cursor:pointer;font-weight:700;padding:20px;text-align:center}.spw-file-upload__dropzone:not(.spw-file-upload--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):active,.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):focus-visible,.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):focus-within{outline:2px solid var(--spw-ds-focus)}.spw-file-upload__dropzone-link{color:var(--spw-ds-primary);text-decoration:underline}.spw-file-upload__dropzone-link:hover{text-decoration:none}.spw-file-upload__wrapper--disabled .spw-file-upload__dropzone-link{color:inherit;text-decoration:none}.spw-file-upload__wrapper--disabled .spw-file-upload__dropzone{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed;outline:none!important}.spw-file-upload--is-dragging .spw-file-upload__dropzone{background:var(--spw-colors-dark-themes-blue-grey-blue-grey-200)}.spw-file-upload__info-list{border-top:1px solid #eee;margin-top:16px}.spw-file-upload__info-list li{align-items:center;border-bottom:1px solid #eee;color:var(--spw-color-themes-grey-grey-900);display:flex;flex-wrap:wrap;font-size:14px;gap:8px;justify-content:space-between;padding:16px 8px}@media (min-width:768px){.spw-file-upload__info-list li{flex-wrap:nowrap;gap:16px}}.spw-file-upload__info-list-actions{display:flex;gap:8px}@media (min-width:768px){.spw-file-upload__info-list-actions{gap:16px}}.spw-file-upload__info-list-delete{color:inherit}.spw-file-upload__info-list-delete:hover{text-decoration:none}.spw-tw-mr-2{margin-right:.5rem}";
 
 const SpwFileUpload = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.spwFileChange = index.createEvent(this, "spwFileChange");
+        this.spwFileChange = index.createEvent(this, "spwFileChange", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
         }
@@ -152,6 +152,7 @@ const SpwFileUpload = class {
         this.selectedFiles = this.selectedFiles.filter((_, i) => i !== index);
         this.fileLimitErrors = [];
         this.updateFormValue();
+        this.spwFileChange.emit({ files: this.selectedFiles });
     }
     handleKeydown(event) {
         if ((event.key === ' ' || event.key === 'Enter') && !this.isMaxFilesReached) {
@@ -187,10 +188,10 @@ const SpwFileUpload = class {
     render() {
         const inputTextNoDrop = this.multiple ? 'Choisir vos fichiers...' : 'Choisir votre fichier...';
         const inputTextDrop = this.multiple ? 'Déposez vos fichiers ici' : 'Déposez votre fichier ici';
-        return (index.h("div", { key: '905a44e832e6ccd19b72f2185cddf32499e35e31', class: this.elementClass, onDragOver: this.handleDragOver.bind(this), onDragLeave: this.handleDragLeave.bind(this), onDrop: this.handleDrop.bind(this) }, index.h("input", { key: 'ab7e977d7aa91483669b00a405436c47994984f1', type: "file", ref: el => (this.inputElement = el), onChange: this.handleFileChange.bind(this), name: this.name, multiple: this.multiple, accept: this.accept, style: { display: 'none' }, disabled: this.isMaxFilesReached }), this.enableDropZone ? (index.h("div", { tabindex: this.disabled || this.isMaxFilesReached ? -1 : 0, onKeyDown: this.handleKeydown.bind(this), onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), class: "spw-file-upload__dropzone" }, inputTextDrop, " ou ", index.h("span", { class: "spw-file-upload__dropzone-link" }, "choisissez sur votre ordinateur..."))) : (index.h("spw-button", { variant: "secondary", onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), disabled: this.disabled || this.isMaxFilesReached }, inputTextNoDrop)), index.h("div", { key: 'd0771d550e3686310adeae371503cb9970130e4f', class: "spw-file-upload__hints" }, this.hintsMessages.length > 0 && (index.h("ul", { key: '09f6a60bddfa09069f7181d0222fc925d72a11ea' }, this.hintsMessages.map((message, index$1) => (index.h("li", { key: index$1 }, message)))))), index.h("div", { key: 'e8ba3c083e0b132ea17bfdd8c54be97a828eb452', class: "spw-file-upload__info" }, this.selectedFiles.length > 0 ? (index.h("ul", { class: "spw-file-upload__info-list" }, this.selectedFiles.map((file, index$1) => (index.h("li", { key: index$1 }, index.h("span", { class: "spw-file-upload__info-list-name" }, file.name), index.h("div", { class: "spw-file-upload__info-list-actions" }, index.h("span", { class: "spw-tw-mr-2" }, utils.formatFileSize(file.size)), index.h("a", { class: "spw-file-upload__info-list-delete", href: "#", onClick: e => {
+        return (index.h("div", { key: 'd1729f2e8e132eaae9466fd3de9d3cce1f1ab495', class: this.elementClass, onDragOver: this.handleDragOver.bind(this), onDragLeave: this.handleDragLeave.bind(this), onDrop: this.handleDrop.bind(this) }, index.h("input", { key: '006a507254e955356d0665cc379795680ec97cc0', type: "file", ref: el => (this.inputElement = el), onChange: this.handleFileChange.bind(this), name: this.name, multiple: this.multiple, accept: this.accept, style: { display: 'none' }, disabled: this.isMaxFilesReached }), this.enableDropZone ? (index.h("div", { tabindex: this.disabled || this.isMaxFilesReached ? -1 : 0, onKeyDown: this.handleKeydown.bind(this), onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), class: "spw-file-upload__dropzone" }, inputTextDrop, " ou ", index.h("span", { class: "spw-file-upload__dropzone-link" }, "choisissez sur votre ordinateur..."))) : (index.h("spw-button", { variant: "secondary", onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), disabled: this.disabled || this.isMaxFilesReached }, inputTextNoDrop)), index.h("div", { key: 'ec66251b01f2e4371256ec1f438172f24bb99664', class: "spw-file-upload__hints" }, this.hintsMessages.length > 0 && (index.h("ul", { key: '7f38d26e4951f5617224cc543305d96b6b0a1a48' }, this.hintsMessages.map((message, index$1) => (index.h("li", { key: index$1 }, message)))))), index.h("div", { key: 'a7b0ababb16f32dce72bcd0e476fcd7fe7bff743', class: "spw-file-upload__info" }, this.selectedFiles.length > 0 ? (index.h("ul", { class: "spw-file-upload__info-list" }, this.selectedFiles.map((file, index$1) => (index.h("li", { key: index$1 }, index.h("span", { class: "spw-file-upload__info-list-name" }, file.name), index.h("div", { class: "spw-file-upload__info-list-actions" }, index.h("span", { class: "spw-tw-mr-2" }, utils.formatFileSize(file.size)), index.h("a", { class: "spw-file-upload__info-list-delete", href: "#", onClick: e => {
                 e.preventDefault();
                 this.removeFile(index$1);
-            } }, "Supprimer"))))))) : (''), this.fileLimitErrors.length > 0 && (index.h("ul", { key: 'ac0e10ceafaf74b7a12045cc01c228c80acf6a91', class: `spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}` }, this.fileLimitErrors.map((message, index$1) => (index.h("li", { key: index$1 }, index.h("spw-icon", { class: "spw-tw-mr-2", icon: this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning' }), message))))), this.fileTypeErrors.length > 0 && (index.h("ul", { key: '57cb8990cdb8212a7066869cd0a0671bdd7d3b42', class: "spw-file-upload__errors" }, this.fileTypeErrors.map((message, index$1) => (index.h("li", { key: index$1 }, index.h("spw-icon", { class: "spw-tw-mr-2", icon: "fa-warning" }), message))))))));
+            } }, "Supprimer"))))))) : (''), this.fileLimitErrors.length > 0 && (index.h("ul", { key: 'a00de4a895820fc4bf993fdf9bad95a84238398d', class: `spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}` }, this.fileLimitErrors.map((message, index$1) => (index.h("li", { key: index$1 }, index.h("spw-icon", { class: "spw-tw-mr-2", icon: this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning' }), message))))), this.fileTypeErrors.length > 0 && (index.h("ul", { key: '6fe0f58fa4269cb953f3f2d74668a2d640fb408c', class: "spw-file-upload__errors" }, this.fileTypeErrors.map((message, index$1) => (index.h("li", { key: index$1 }, index.h("spw-icon", { class: "spw-tw-mr-2", icon: "fa-warning" }), message))))))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/spw-file-upload.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"spw-file-upload.entry.cjs.js","mappings":"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","names":["h","index","formatFileSize"],"sources":["src/components/spw-file-upload/spw-file-upload.scss?tag=spw-file-upload&encapsulation=shadow","src/components/spw-file-upload/spw-file-upload.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-file-upload {\n  display: block;\n  position: relative;\n\n  &__wrapper {\n    &--error {\n      border-color: #ff4d4d;\n      background-color: #ffe6e6;\n    }\n\n    &--dragging {\n      background-color: #e0f7fa;\n      border-color: #00acc1;\n    }\n  }\n\n  spw-button {\n    display: inline-block;\n    margin-bottom: 8px;\n  }\n\n  &__errors {\n    font-size: 14px;\n    color: var(--spw-colors-dark-themes-red-red-500);\n    font-weight: 600;\n    li {\n      margin-top: 16px;\n    }\n    &--warning {\n      color: var(--spw-color-themes-grey-grey-800);\n      font-weight: 400;\n    }\n  }\n\n  &__hints {\n    font-size: 14px;\n    color: var(--spw-color-themes-grey-grey-600);\n    margin-top: 16px;\n  }\n}\n\n.spw-file-upload__dropzone {\n  cursor: pointer;\n  color: #555;\n  background: var(--spw-colors-dark-themes-blue-grey-blue-grey-50);\n  padding: 20px;\n  border-radius: 8px;\n  border: 1px dashed #333;\n  font-weight: bold;\n  text-align: center;\n\n  &:not(.spw-file-upload--disabled):hover {\n    outline: 4px solid var(--spw-color-themes-grey-grey-300);\n  }\n\n  &:not(.spw-file-upload__wrapper--disabled):focus-visible,\n  &:not(.spw-file-upload__wrapper--disabled):active,\n  &:not(.spw-file-upload__wrapper--disabled):focus-within {\n    outline: 2px solid var(--spw-ds-focus);\n  }\n\n  &-link {\n    color: var(--spw-ds-primary);\n    text-decoration: underline;\n    &:hover {\n      text-decoration: none;\n    }\n    .spw-file-upload__wrapper--disabled & {\n      color: inherit;\n      text-decoration: none;\n    }\n  }\n\n  .spw-file-upload__wrapper--disabled & {\n    cursor: not-allowed;\n    background: var(--spw-color-themes-grey-grey-100);\n    color: var(--spw-color-themes-grey-grey-400);\n    border-color: var(--spw-color-themes-grey-grey-300);\n    outline: none !important;\n  }\n\n  .spw-file-upload--is-dragging & {\n    background: var(--spw-colors-dark-themes-blue-grey-blue-grey-200);\n  }\n}\n\n.spw-file-upload__info {\n  &-list {\n    margin-top: 16px;\n    border-top: 1px solid #eee;\n\n    li {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 8px;\n      border-bottom: 1px solid #eee;\n      color: var(--spw-color-themes-grey-grey-900);\n      font-size: 14px;\n\n      @include breakpoint(md) {\n        flex-wrap: nowrap;\n        gap: 16px;\n      }\n    }\n\n    &-actions {\n      display: flex;\n      gap: 8px;\n      @include breakpoint(md) {\n        gap: 16px;\n      }\n    }\n\n    &-delete {\n      color: inherit;\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n}\n","import { Component, h, Prop, Element, State, Event, EventEmitter, Method, AttachInternals } from '@stencil/core';\nimport { formatFileSize } from '@utils/utils';\n\n@Component({\n  tag: 'spw-file-upload',\n  styleUrl: 'spw-file-upload.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class SpwFileUpload {\n  private inputElement: HTMLInputElement;\n\n  @Element() el: HTMLSpwFileUploadElement;\n\n  /** Indique si le champ est désactivé, rendant le téléversement de fichiers non disponible */\n  @Prop() disabled: boolean = false;\n  /** Indique s'il y a une erreur visuelle associée au composant de téléversement de fichiers */\n  @Prop() error: boolean = false;\n  /** Nom de l'élément utilisé dans les formulaires pour associer la valeur des fichiers */\n  @Prop() name: string;\n  /** Valeur actuelle sélectionnée, utilisée pour les formulaires */\n  @Prop() value: string;\n  /** Active ou désactive la zone de dépôt pour le glisser-déposer de fichiers */\n  @Prop() enableDropZone: boolean = false;\n  /** Permet de téléverser plusieurs fichiers si vrai */\n  @Prop() multiple: boolean = false;\n  /** Types de fichiers acceptés, spécifiés sous forme de chaîne de types MIME */\n  @Prop() accept: string = '';\n  /** Taille maximale autorisée pour chaque fichier, en Mo */\n  @Prop() maxFileSize: number = 100;\n  /** Nombre maximal de fichiers pouvant être téléversés */\n  @Prop() maxFiles: number = Infinity;\n\n  @State() internalValue: string;\n  @State() selectedFiles: File[] = [];\n  @State() fileTypeErrors: string[] = [];\n  @State() fileLimitErrors: string[] = [];\n  @State() isDragging: boolean = false;\n  @State() isMaxFilesReachedExact: boolean = false;\n\n  @AttachInternals() internals: ElementInternals;\n\n  /** Événement émis lorsque la sélection de fichiers change */\n  @Event({ bubbles: true, composed: true }) spwFileChange: EventEmitter<{ files: File[] }>;\n\n  componentWillLoad() {\n    this.internalValue = this.value;\n    this.maxFileSize = this.maxFileSize * 1024 * 1024;\n  }\n\n  componentWillUpdate() {\n    if (this.value !== this.internalValue) {\n      this.internalValue = this.value;\n    }\n  }\n\n  get isMaxFilesReached(): boolean {\n    return this.selectedFiles.length >= this.maxFiles;\n  }\n\n  private handleFileChange(event: Event) {\n    const input = event.target as HTMLInputElement;\n    const files = input.files ? Array.from(input.files) : [];\n    this.processFiles(files);\n  }\n\n  private processFiles(files: File[]) {\n    this.fileTypeErrors = [];\n    this.fileLimitErrors = [];\n    this.isMaxFilesReachedExact = false;\n\n    if (!this.multiple) {\n      this.selectedFiles = [];\n      files = files.slice(0, 1);\n    }\n\n    const validFiles = files.filter(file => {\n      const isFileAccepted = this.isFileAccepted(file);\n      const isFileSizeValid = this.isFileSizeValid(file);\n\n      if (!isFileAccepted && !isFileSizeValid) {\n        this.fileTypeErrors.push(`${file.name} n’a pas été pris en compte car le format n’est pas autorisé et la limite de poids est dépassée.`);\n        return false;\n      } else if (!isFileAccepted) {\n        this.fileTypeErrors.push(`${file.name} n'a pas été pris en compte car le format n'est pas autorisé.`);\n        return false;\n      } else if (!isFileSizeValid) {\n        this.fileTypeErrors.push(`${file.name} n'a pas été pris en compte car il dépasse la taille maximale autorisée.`);\n        return false;\n      }\n\n      return true;\n    });\n\n    if (this.selectedFiles.length + validFiles.length >= this.maxFiles) {\n      const allowedFiles = this.maxFiles - this.selectedFiles.length;\n\n      if (this.selectedFiles.length + validFiles.length === this.maxFiles) {\n        this.isMaxFilesReachedExact = true;\n        this.fileLimitErrors.push('Vous avez atteint la limite autorisée de fichiers.');\n      } else {\n        validFiles.splice(allowedFiles);\n        const maxFilesText = this.maxFiles > 1 ? 'fichiers' : 'fichier';\n        this.fileLimitErrors.push(`Vous ne pouvez pas télécharger plus de ${this.maxFiles} ${maxFilesText}.`);\n      }\n    }\n\n    this.selectedFiles = [...this.selectedFiles, ...validFiles];\n\n    this.spwFileChange.emit({ files: this.selectedFiles });\n    this.updateFormValue();\n  }\n\n  private isFileAccepted(file: File): boolean {\n    if (!this.accept) return true;\n    const acceptedTypes = this.accept.split(',').map(type => type.trim());\n    return acceptedTypes.includes(file.type) || acceptedTypes.some(type => file.name.endsWith(type));\n  }\n\n  private isFileSizeValid(file: File): boolean {\n    return file.size <= this.maxFileSize;\n  }\n\n  private updateFormValue() {\n    if (this.selectedFiles.length > 0) {\n      const formData = new FormData();\n      this.selectedFiles.forEach((file, index) => {\n        formData.append(`${this.name}[${index}]`, file);\n      });\n      this.internalValue = formData.toString();\n      this.internals.setFormValue(formData);\n    } else {\n      this.internalValue = '';\n      this.internals.setFormValue(null);\n    }\n  }\n\n  /** Réinitialise le champ de téléchargement de fichiers */\n  @Method()\n  async resetInput() {\n    this.inputElement.value = '';\n    this.selectedFiles = [];\n    this.fileLimitErrors = [];\n    this.fileTypeErrors = [];\n    this.updateFormValue();\n  }\n\n  formResetCallback() {\n    this.resetInput();\n  }\n\n  private handleDragOver(event: DragEvent) {\n    event.preventDefault();\n    if (!this.disabled && this.enableDropZone && !this.isMaxFilesReached) {\n      this.isDragging = true;\n    }\n  }\n\n  private handleDragLeave() {\n    if (!this.disabled && this.enableDropZone) {\n      this.isDragging = false;\n    }\n  }\n\n  private handleDrop(event: DragEvent) {\n    event.preventDefault();\n    if (!this.disabled && this.enableDropZone && !this.isMaxFilesReached) {\n      this.isDragging = false;\n      const files = event.dataTransfer?.files ? Array.from(event.dataTransfer.files) : [];\n      this.processFiles(files);\n    }\n  }\n\n  private removeFile(index: number) {\n    this.selectedFiles = this.selectedFiles.filter((_, i) => i !== index);\n    this.fileLimitErrors = [];\n    this.updateFormValue();\n  }\n\n  private handleKeydown(event) {\n    if ((event.key === ' ' || event.key === 'Enter') && !this.isMaxFilesReached) {\n      event.preventDefault();\n      !this.disabled && this.inputElement.click();\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-file-upload__wrapper': true,\n      'spw-file-upload__wrapper--disabled': this.disabled || this.isMaxFilesReached,\n      'spw-file-upload__wrapper--error': this.error,\n      'spw-file-upload--has-dropzone': this.enableDropZone,\n      'spw-file-upload--is-dragging': this.isDragging,\n    };\n  }\n\n  private get hintsMessages(): string[] {\n    const maxSizeInMB = this.maxFileSize / (1024 * 1024);\n    const acceptedFormats = this.accept ? this.accept : 'tous les formats';\n    const messages = [];\n    let message = `Taille maximale par fichier : ${maxSizeInMB} Mo`;\n\n    if (this.multiple && this.maxFiles !== Infinity) {\n      const maxFilesText = this.maxFiles > 1 ? 'fichiers' : 'fichier';\n      message += ` - ${this.maxFiles} ${maxFilesText} maximum.`;\n    } else {\n      message += '.';\n    }\n\n    messages.push(message);\n    messages.push(`Formats autorisés : ${acceptedFormats}.`);\n\n    return messages;\n  }\n\n  render() {\n    const inputTextNoDrop = this.multiple ? 'Choisir vos fichiers...' : 'Choisir votre fichier...';\n    const inputTextDrop = this.multiple ? 'Déposez vos fichiers ici' : 'Déposez votre fichier ici';\n\n    return (\n      <div class={this.elementClass} onDragOver={this.handleDragOver.bind(this)} onDragLeave={this.handleDragLeave.bind(this)} onDrop={this.handleDrop.bind(this)}>\n        <input\n          type=\"file\"\n          ref={el => (this.inputElement = el)}\n          onChange={this.handleFileChange.bind(this)}\n          name={this.name}\n          multiple={this.multiple}\n          accept={this.accept}\n          style={{ display: 'none' }}\n          disabled={this.isMaxFilesReached}\n        />\n        {this.enableDropZone ? (\n          <div\n            tabindex={this.disabled || this.isMaxFilesReached ? -1 : 0}\n            onKeyDown={this.handleKeydown.bind(this)}\n            onClick={() => !this.disabled && !this.isMaxFilesReached && this.inputElement.click()}\n            class=\"spw-file-upload__dropzone\"\n          >\n            {inputTextDrop} ou <span class=\"spw-file-upload__dropzone-link\">choisissez sur votre ordinateur...</span>\n          </div>\n        ) : (\n          <spw-button variant=\"secondary\" onClick={() => !this.disabled && !this.isMaxFilesReached && this.inputElement.click()} disabled={this.disabled || this.isMaxFilesReached}>\n            {inputTextNoDrop}\n          </spw-button>\n        )}\n        <div class=\"spw-file-upload__hints\">\n          {this.hintsMessages.length > 0 && (\n            <ul>\n              {this.hintsMessages.map((message, index) => (\n                <li key={index}>{message}</li>\n              ))}\n            </ul>\n          )}\n        </div>\n        <div class=\"spw-file-upload__info\">\n          {this.selectedFiles.length > 0 ? (\n            <ul class=\"spw-file-upload__info-list\">\n              {this.selectedFiles.map((file, index) => (\n                <li key={index}>\n                  <span class=\"spw-file-upload__info-list-name\">{file.name}</span>\n                  <div class=\"spw-file-upload__info-list-actions\">\n                    <span class=\"spw-tw-mr-2\">{formatFileSize(file.size)}</span>\n                    <a\n                      class=\"spw-file-upload__info-list-delete\"\n                      href=\"#\"\n                      onClick={e => {\n                        e.preventDefault();\n                        this.removeFile(index);\n                      }}\n                    >\n                      Supprimer\n                    </a>\n                  </div>\n                </li>\n              ))}\n            </ul>\n          ) : (\n            ''\n          )}\n          {this.fileLimitErrors.length > 0 && (\n            <ul class={`spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}`}>\n              {this.fileLimitErrors.map((message, index) => (\n                <li key={index}>\n                  <spw-icon class=\"spw-tw-mr-2\" icon={this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning'}></spw-icon>\n                  {message}\n                </li>\n              ))}\n            </ul>\n          )}\n          {this.fileTypeErrors.length > 0 && (\n            <ul class=\"spw-file-upload__errors\">\n              {this.fileTypeErrors.map((message, index) => (\n                <li key={index}>\n                  <spw-icon class=\"spw-tw-mr-2\" icon=\"fa-warning\"></spw-icon>\n                  {message}\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"spw-file-upload.entry.cjs.js","mappings":"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","names":["h","index","formatFileSize"],"sources":["src/components/spw-file-upload/spw-file-upload.scss?tag=spw-file-upload&encapsulation=shadow","src/components/spw-file-upload/spw-file-upload.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-file-upload {\n  display: block;\n  position: relative;\n\n  &__wrapper {\n    &--error {\n      border-color: #ff4d4d;\n      background-color: #ffe6e6;\n    }\n\n    &--dragging {\n      background-color: #e0f7fa;\n      border-color: #00acc1;\n    }\n  }\n\n  spw-button {\n    display: inline-block;\n    margin-bottom: 8px;\n  }\n\n  &__errors {\n    font-size: 14px;\n    color: var(--spw-colors-dark-themes-red-red-500);\n    font-weight: 600;\n    li {\n      margin-top: 16px;\n    }\n    &--warning {\n      color: var(--spw-color-themes-grey-grey-800);\n      font-weight: 400;\n    }\n  }\n\n  &__hints {\n    font-size: 14px;\n    color: var(--spw-color-themes-grey-grey-600);\n    margin-top: 16px;\n  }\n}\n\n.spw-file-upload__dropzone {\n  cursor: pointer;\n  color: #555;\n  background: var(--spw-colors-dark-themes-blue-grey-blue-grey-50);\n  padding: 20px;\n  border-radius: 8px;\n  border: 1px dashed #333;\n  font-weight: bold;\n  text-align: center;\n\n  &:not(.spw-file-upload--disabled):hover {\n    outline: 4px solid var(--spw-color-themes-grey-grey-300);\n  }\n\n  &:not(.spw-file-upload__wrapper--disabled):focus-visible,\n  &:not(.spw-file-upload__wrapper--disabled):active,\n  &:not(.spw-file-upload__wrapper--disabled):focus-within {\n    outline: 2px solid var(--spw-ds-focus);\n  }\n\n  &-link {\n    color: var(--spw-ds-primary);\n    text-decoration: underline;\n    &:hover {\n      text-decoration: none;\n    }\n    .spw-file-upload__wrapper--disabled & {\n      color: inherit;\n      text-decoration: none;\n    }\n  }\n\n  .spw-file-upload__wrapper--disabled & {\n    cursor: not-allowed;\n    background: var(--spw-color-themes-grey-grey-100);\n    color: var(--spw-color-themes-grey-grey-400);\n    border-color: var(--spw-color-themes-grey-grey-300);\n    outline: none !important;\n  }\n\n  .spw-file-upload--is-dragging & {\n    background: var(--spw-colors-dark-themes-blue-grey-blue-grey-200);\n  }\n}\n\n.spw-file-upload__info {\n  &-list {\n    margin-top: 16px;\n    border-top: 1px solid #eee;\n\n    li {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 8px;\n      border-bottom: 1px solid #eee;\n      color: var(--spw-color-themes-grey-grey-900);\n      font-size: 14px;\n\n      @include breakpoint(md) {\n        flex-wrap: nowrap;\n        gap: 16px;\n      }\n    }\n\n    &-actions {\n      display: flex;\n      gap: 8px;\n      @include breakpoint(md) {\n        gap: 16px;\n      }\n    }\n\n    &-delete {\n      color: inherit;\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n}\n","import { Component, h, Prop, Element, State, Event, EventEmitter, Method, AttachInternals } from '@stencil/core';\nimport { formatFileSize } from '@utils/utils';\n\n@Component({\n  tag: 'spw-file-upload',\n  styleUrl: 'spw-file-upload.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class SpwFileUpload {\n  private inputElement: HTMLInputElement;\n\n  @Element() el: HTMLSpwFileUploadElement;\n\n  /** Indique si le champ est désactivé, rendant le téléversement de fichiers non disponible */\n  @Prop() disabled: boolean = false;\n  /** Indique s'il y a une erreur visuelle associée au composant de téléversement de fichiers */\n  @Prop() error: boolean = false;\n  /** Nom de l'élément utilisé dans les formulaires pour associer la valeur des fichiers */\n  @Prop() name: string;\n  /** Valeur actuelle sélectionnée, utilisée pour les formulaires */\n  @Prop() value: string;\n  /** Active ou désactive la zone de dépôt pour le glisser-déposer de fichiers */\n  @Prop() enableDropZone: boolean = false;\n  /** Permet de téléverser plusieurs fichiers si vrai */\n  @Prop() multiple: boolean = false;\n  /** Types de fichiers acceptés, spécifiés sous forme de chaîne de types MIME */\n  @Prop() accept: string = '';\n  /** Taille maximale autorisée pour chaque fichier, en Mo */\n  @Prop() maxFileSize: number = 100;\n  /** Nombre maximal de fichiers pouvant être téléversés */\n  @Prop() maxFiles: number = Infinity;\n\n  @State() internalValue: string;\n  @State() selectedFiles: File[] = [];\n  @State() fileTypeErrors: string[] = [];\n  @State() fileLimitErrors: string[] = [];\n  @State() isDragging: boolean = false;\n  @State() isMaxFilesReachedExact: boolean = false;\n\n  @AttachInternals() internals: ElementInternals;\n\n  /** Événement émis lorsque la sélection de fichiers change */\n  @Event({ bubbles: true, composed: true }) spwFileChange: EventEmitter<{ files: File[] }>;\n\n  componentWillLoad() {\n    this.internalValue = this.value;\n    this.maxFileSize = this.maxFileSize * 1024 * 1024;\n  }\n\n  componentWillUpdate() {\n    if (this.value !== this.internalValue) {\n      this.internalValue = this.value;\n    }\n  }\n\n  get isMaxFilesReached(): boolean {\n    return this.selectedFiles.length >= this.maxFiles;\n  }\n\n  private handleFileChange(event: Event) {\n    const input = event.target as HTMLInputElement;\n    const files = input.files ? Array.from(input.files) : [];\n    this.processFiles(files);\n  }\n\n  private processFiles(files: File[]) {\n    this.fileTypeErrors = [];\n    this.fileLimitErrors = [];\n    this.isMaxFilesReachedExact = false;\n\n    if (!this.multiple) {\n      this.selectedFiles = [];\n      files = files.slice(0, 1);\n    }\n\n    const validFiles = files.filter(file => {\n      const isFileAccepted = this.isFileAccepted(file);\n      const isFileSizeValid = this.isFileSizeValid(file);\n\n      if (!isFileAccepted && !isFileSizeValid) {\n        this.fileTypeErrors.push(`${file.name} n’a pas été pris en compte car le format n’est pas autorisé et la limite de poids est dépassée.`);\n        return false;\n      } else if (!isFileAccepted) {\n        this.fileTypeErrors.push(`${file.name} n'a pas été pris en compte car le format n'est pas autorisé.`);\n        return false;\n      } else if (!isFileSizeValid) {\n        this.fileTypeErrors.push(`${file.name} n'a pas été pris en compte car il dépasse la taille maximale autorisée.`);\n        return false;\n      }\n\n      return true;\n    });\n\n    if (this.selectedFiles.length + validFiles.length >= this.maxFiles) {\n      const allowedFiles = this.maxFiles - this.selectedFiles.length;\n\n      if (this.selectedFiles.length + validFiles.length === this.maxFiles) {\n        this.isMaxFilesReachedExact = true;\n        this.fileLimitErrors.push('Vous avez atteint la limite autorisée de fichiers.');\n      } else {\n        validFiles.splice(allowedFiles);\n        const maxFilesText = this.maxFiles > 1 ? 'fichiers' : 'fichier';\n        this.fileLimitErrors.push(`Vous ne pouvez pas télécharger plus de ${this.maxFiles} ${maxFilesText}.`);\n      }\n    }\n\n    this.selectedFiles = [...this.selectedFiles, ...validFiles];\n\n    this.spwFileChange.emit({ files: this.selectedFiles });\n    this.updateFormValue();\n  }\n\n  private isFileAccepted(file: File): boolean {\n    if (!this.accept) return true;\n    const acceptedTypes = this.accept.split(',').map(type => type.trim());\n    return acceptedTypes.includes(file.type) || acceptedTypes.some(type => file.name.endsWith(type));\n  }\n\n  private isFileSizeValid(file: File): boolean {\n    return file.size <= this.maxFileSize;\n  }\n\n  private updateFormValue() {\n    if (this.selectedFiles.length > 0) {\n      const formData = new FormData();\n      this.selectedFiles.forEach((file, index) => {\n        formData.append(`${this.name}[${index}]`, file);\n      });\n      this.internalValue = formData.toString();\n      this.internals.setFormValue(formData);\n    } else {\n      this.internalValue = '';\n      this.internals.setFormValue(null);\n    }\n  }\n\n  /** Réinitialise le champ de téléchargement de fichiers */\n  @Method()\n  async resetInput() {\n    this.inputElement.value = '';\n    this.selectedFiles = [];\n    this.fileLimitErrors = [];\n    this.fileTypeErrors = [];\n    this.updateFormValue();\n  }\n\n  formResetCallback() {\n    this.resetInput();\n  }\n\n  private handleDragOver(event: DragEvent) {\n    event.preventDefault();\n    if (!this.disabled && this.enableDropZone && !this.isMaxFilesReached) {\n      this.isDragging = true;\n    }\n  }\n\n  private handleDragLeave() {\n    if (!this.disabled && this.enableDropZone) {\n      this.isDragging = false;\n    }\n  }\n\n  private handleDrop(event: DragEvent) {\n    event.preventDefault();\n    if (!this.disabled && this.enableDropZone && !this.isMaxFilesReached) {\n      this.isDragging = false;\n      const files = event.dataTransfer?.files ? Array.from(event.dataTransfer.files) : [];\n      this.processFiles(files);\n    }\n  }\n\n  private removeFile(index: number) {\n    this.selectedFiles = this.selectedFiles.filter((_, i) => i !== index);\n    this.fileLimitErrors = [];\n    this.updateFormValue();\n    this.spwFileChange.emit({ files: this.selectedFiles });\n  }\n\n  private handleKeydown(event) {\n    if ((event.key === ' ' || event.key === 'Enter') && !this.isMaxFilesReached) {\n      event.preventDefault();\n      !this.disabled && this.inputElement.click();\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-file-upload__wrapper': true,\n      'spw-file-upload__wrapper--disabled': this.disabled || this.isMaxFilesReached,\n      'spw-file-upload__wrapper--error': this.error,\n      'spw-file-upload--has-dropzone': this.enableDropZone,\n      'spw-file-upload--is-dragging': this.isDragging,\n    };\n  }\n\n  private get hintsMessages(): string[] {\n    const maxSizeInMB = this.maxFileSize / (1024 * 1024);\n    const acceptedFormats = this.accept ? this.accept : 'tous les formats';\n    const messages = [];\n    let message = `Taille maximale par fichier : ${maxSizeInMB} Mo`;\n\n    if (this.multiple && this.maxFiles !== Infinity) {\n      const maxFilesText = this.maxFiles > 1 ? 'fichiers' : 'fichier';\n      message += ` - ${this.maxFiles} ${maxFilesText} maximum.`;\n    } else {\n      message += '.';\n    }\n\n    messages.push(message);\n    messages.push(`Formats autorisés : ${acceptedFormats}.`);\n\n    return messages;\n  }\n\n  render() {\n    const inputTextNoDrop = this.multiple ? 'Choisir vos fichiers...' : 'Choisir votre fichier...';\n    const inputTextDrop = this.multiple ? 'Déposez vos fichiers ici' : 'Déposez votre fichier ici';\n\n    return (\n      <div class={this.elementClass} onDragOver={this.handleDragOver.bind(this)} onDragLeave={this.handleDragLeave.bind(this)} onDrop={this.handleDrop.bind(this)}>\n        <input\n          type=\"file\"\n          ref={el => (this.inputElement = el)}\n          onChange={this.handleFileChange.bind(this)}\n          name={this.name}\n          multiple={this.multiple}\n          accept={this.accept}\n          style={{ display: 'none' }}\n          disabled={this.isMaxFilesReached}\n        />\n        {this.enableDropZone ? (\n          <div\n            tabindex={this.disabled || this.isMaxFilesReached ? -1 : 0}\n            onKeyDown={this.handleKeydown.bind(this)}\n            onClick={() => !this.disabled && !this.isMaxFilesReached && this.inputElement.click()}\n            class=\"spw-file-upload__dropzone\"\n          >\n            {inputTextDrop} ou <span class=\"spw-file-upload__dropzone-link\">choisissez sur votre ordinateur...</span>\n          </div>\n        ) : (\n          <spw-button variant=\"secondary\" onClick={() => !this.disabled && !this.isMaxFilesReached && this.inputElement.click()} disabled={this.disabled || this.isMaxFilesReached}>\n            {inputTextNoDrop}\n          </spw-button>\n        )}\n        <div class=\"spw-file-upload__hints\">\n          {this.hintsMessages.length > 0 && (\n            <ul>\n              {this.hintsMessages.map((message, index) => (\n                <li key={index}>{message}</li>\n              ))}\n            </ul>\n          )}\n        </div>\n        <div class=\"spw-file-upload__info\">\n          {this.selectedFiles.length > 0 ? (\n            <ul class=\"spw-file-upload__info-list\">\n              {this.selectedFiles.map((file, index) => (\n                <li key={index}>\n                  <span class=\"spw-file-upload__info-list-name\">{file.name}</span>\n                  <div class=\"spw-file-upload__info-list-actions\">\n                    <span class=\"spw-tw-mr-2\">{formatFileSize(file.size)}</span>\n                    <a\n                      class=\"spw-file-upload__info-list-delete\"\n                      href=\"#\"\n                      onClick={e => {\n                        e.preventDefault();\n                        this.removeFile(index);\n                      }}\n                    >\n                      Supprimer\n                    </a>\n                  </div>\n                </li>\n              ))}\n            </ul>\n          ) : (\n            ''\n          )}\n          {this.fileLimitErrors.length > 0 && (\n            <ul class={`spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}`}>\n              {this.fileLimitErrors.map((message, index) => (\n                <li key={index}>\n                  <spw-icon class=\"spw-tw-mr-2\" icon={this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning'}></spw-icon>\n                  {message}\n                </li>\n              ))}\n            </ul>\n          )}\n          {this.fileTypeErrors.length > 0 && (\n            <ul class=\"spw-file-upload__errors\">\n              {this.fileTypeErrors.map((message, index) => (\n                <li key={index}>\n                  <spw-icon class=\"spw-tw-mr-2\" icon=\"fa-warning\"></spw-icon>\n                  {message}\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/spw-file-upload.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-file-upload.entry.cjs.js","sources":["src/components/spw-file-upload/spw-file-upload.scss?tag=spw-file-upload&encapsulation=shadow","src/components/spw-file-upload/spw-file-upload.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-file-upload {\n  display: block;\n  position: relative;\n\n  &__wrapper {\n    &--error {\n      border-color: #ff4d4d;\n      background-color: #ffe6e6;\n    }\n\n    &--dragging {\n      background-color: #e0f7fa;\n      border-color: #00acc1;\n    }\n  }\n\n  spw-button {\n    display: inline-block;\n    margin-bottom: 8px;\n  }\n\n  &__errors {\n    font-size: 14px;\n    color: var(--spw-colors-dark-themes-red-red-500);\n    font-weight: 600;\n    li {\n      margin-top: 16px;\n    }\n    &--warning {\n      color: var(--spw-color-themes-grey-grey-800);\n      font-weight: 400;\n    }\n  }\n\n  &__hints {\n    font-size: 14px;\n    color: var(--spw-color-themes-grey-grey-600);\n    margin-top: 16px;\n  }\n}\n\n.spw-file-upload__dropzone {\n  cursor: pointer;\n  color: #555;\n  background: var(--spw-colors-dark-themes-blue-grey-blue-grey-50);\n  padding: 20px;\n  border-radius: 8px;\n  border: 1px dashed #333;\n  font-weight: bold;\n  text-align: center;\n\n  &:not(.spw-file-upload--disabled):hover {\n    outline: 4px solid var(--spw-color-themes-grey-grey-300);\n  }\n\n  &:not(.spw-file-upload__wrapper--disabled):focus-visible,\n  &:not(.spw-file-upload__wrapper--disabled):active,\n  &:not(.spw-file-upload__wrapper--disabled):focus-within {\n    outline: 2px solid var(--spw-ds-focus);\n  }\n\n  &-link {\n    color: var(--spw-ds-primary);\n    text-decoration: underline;\n    &:hover {\n      text-decoration: none;\n    }\n    .spw-file-upload__wrapper--disabled & {\n      color: inherit;\n      text-decoration: none;\n    }\n  }\n\n  .spw-file-upload__wrapper--disabled & {\n    cursor: not-allowed;\n    background: var(--spw-color-themes-grey-grey-100);\n    color: var(--spw-color-themes-grey-grey-400);\n    border-color: var(--spw-color-themes-grey-grey-300);\n    outline: none !important;\n  }\n\n  .spw-file-upload--is-dragging & {\n    background: var(--spw-colors-dark-themes-blue-grey-blue-grey-200);\n  }\n}\n\n.spw-file-upload__info {\n  &-list {\n    margin-top: 16px;\n    border-top: 1px solid #eee;\n\n    li {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 8px;\n      border-bottom: 1px solid #eee;\n      color: var(--spw-color-themes-grey-grey-900);\n      font-size: 14px;\n\n      @include breakpoint(md) {\n        flex-wrap: nowrap;\n        gap: 16px;\n      }\n    }\n\n    &-actions {\n      display: flex;\n      gap: 8px;\n      @include breakpoint(md) {\n        gap: 16px;\n      }\n    }\n\n    &-delete {\n      color: inherit;\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n}\n","import { Component, h, Prop, Element, State, Event, EventEmitter, Method, AttachInternals } from '@stencil/core';\nimport { formatFileSize } from '@utils/utils';\n\n@Component({\n  tag: 'spw-file-upload',\n  styleUrl: 'spw-file-upload.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class SpwFileUpload {\n  private inputElement: HTMLInputElement;\n\n  @Element() el: HTMLSpwFileUploadElement;\n\n  /** Indique si le champ est désactivé, rendant le téléversement de fichiers non disponible */\n  @Prop() disabled: boolean = false;\n  /** Indique s'il y a une erreur visuelle associée au composant de téléversement de fichiers */\n  @Prop() error: boolean = false;\n  /** Nom de l'élément utilisé dans les formulaires pour associer la valeur des fichiers */\n  @Prop() name: string;\n  /** Valeur actuelle sélectionnée, utilisée pour les formulaires */\n  @Prop() value: string;\n  /** Active ou désactive la zone de dépôt pour le glisser-déposer de fichiers */\n  @Prop() enableDropZone: boolean = false;\n  /** Permet de téléverser plusieurs fichiers si vrai */\n  @Prop() multiple: boolean = false;\n  /** Types de fichiers acceptés, spécifiés sous forme de chaîne de types MIME */\n  @Prop() accept: string = '';\n  /** Taille maximale autorisée pour chaque fichier, en Mo */\n  @Prop() maxFileSize: number = 100;\n  /** Nombre maximal de fichiers pouvant être téléversés */\n  @Prop() maxFiles: number = Infinity;\n\n  @State() internalValue: string;\n  @State() selectedFiles: File[] = [];\n  @State() fileTypeErrors: string[] = [];\n  @State() fileLimitErrors: string[] = [];\n  @State() isDragging: boolean = false;\n  @State() isMaxFilesReachedExact: boolean = false;\n\n  @AttachInternals() internals: ElementInternals;\n\n  /** Événement émis lorsque la sélection de fichiers change */\n  @Event({ bubbles: true, composed: true }) spwFileChange: EventEmitter<{ files: File[] }>;\n\n  componentWillLoad() {\n    this.internalValue = this.value;\n    this.maxFileSize = this.maxFileSize * 1024 * 1024;\n  }\n\n  componentWillUpdate() {\n    if (this.value !== this.internalValue) {\n      this.internalValue = this.value;\n    }\n  }\n\n  get isMaxFilesReached(): boolean {\n    return this.selectedFiles.length >= this.maxFiles;\n  }\n\n  private handleFileChange(event: Event) {\n    const input = event.target as HTMLInputElement;\n    const files = input.files ? Array.from(input.files) : [];\n    this.processFiles(files);\n  }\n\n  private processFiles(files: File[]) {\n    this.fileTypeErrors = [];\n    this.fileLimitErrors = [];\n    this.isMaxFilesReachedExact = false;\n\n    if (!this.multiple) {\n      this.selectedFiles = [];\n      files = files.slice(0, 1);\n    }\n\n    const validFiles = files.filter(file => {\n      const isFileAccepted = this.isFileAccepted(file);\n      const isFileSizeValid = this.isFileSizeValid(file);\n\n      if (!isFileAccepted && !isFileSizeValid) {\n        this.fileTypeErrors.push(`${file.name} n’a pas été pris en compte car le format n’est pas autorisé et la limite de poids est dépassée.`);\n        return false;\n      } else if (!isFileAccepted) {\n        this.fileTypeErrors.push(`${file.name} n'a pas été pris en compte car le format n'est pas autorisé.`);\n        return false;\n      } else if (!isFileSizeValid) {\n        this.fileTypeErrors.push(`${file.name} n'a pas été pris en compte car il dépasse la taille maximale autorisée.`);\n        return false;\n      }\n\n      return true;\n    });\n\n    if (this.selectedFiles.length + validFiles.length >= this.maxFiles) {\n      const allowedFiles = this.maxFiles - this.selectedFiles.length;\n\n      if (this.selectedFiles.length + validFiles.length === this.maxFiles) {\n        this.isMaxFilesReachedExact = true;\n        this.fileLimitErrors.push('Vous avez atteint la limite autorisée de fichiers.');\n      } else {\n        validFiles.splice(allowedFiles);\n        const maxFilesText = this.maxFiles > 1 ? 'fichiers' : 'fichier';\n        this.fileLimitErrors.push(`Vous ne pouvez pas télécharger plus de ${this.maxFiles} ${maxFilesText}.`);\n      }\n    }\n\n    this.selectedFiles = [...this.selectedFiles, ...validFiles];\n\n    this.spwFileChange.emit({ files: this.selectedFiles });\n    this.updateFormValue();\n  }\n\n  private isFileAccepted(file: File): boolean {\n    if (!this.accept) return true;\n    const acceptedTypes = this.accept.split(',').map(type => type.trim());\n    return acceptedTypes.includes(file.type) || acceptedTypes.some(type => file.name.endsWith(type));\n  }\n\n  private isFileSizeValid(file: File): boolean {\n    return file.size <= this.maxFileSize;\n  }\n\n  private updateFormValue() {\n    if (this.selectedFiles.length > 0) {\n      const formData = new FormData();\n      this.selectedFiles.forEach((file, index) => {\n        formData.append(`${this.name}[${index}]`, file);\n      });\n      this.internalValue = formData.toString();\n      this.internals.setFormValue(formData);\n    } else {\n      this.internalValue = '';\n      this.internals.setFormValue(null);\n    }\n  }\n\n  /** Réinitialise le champ de téléchargement de fichiers */\n  @Method()\n  async resetInput() {\n    this.inputElement.value = '';\n    this.selectedFiles = [];\n    this.fileLimitErrors = [];\n    this.fileTypeErrors = [];\n    this.updateFormValue();\n  }\n\n  formResetCallback() {\n    this.resetInput();\n  }\n\n  private handleDragOver(event: DragEvent) {\n    event.preventDefault();\n    if (!this.disabled && this.enableDropZone && !this.isMaxFilesReached) {\n      this.isDragging = true;\n    }\n  }\n\n  private handleDragLeave() {\n    if (!this.disabled && this.enableDropZone) {\n      this.isDragging = false;\n    }\n  }\n\n  private handleDrop(event: DragEvent) {\n    event.preventDefault();\n    if (!this.disabled && this.enableDropZone && !this.isMaxFilesReached) {\n      this.isDragging = false;\n      const files = event.dataTransfer?.files ? Array.from(event.dataTransfer.files) : [];\n      this.processFiles(files);\n    }\n  }\n\n  private removeFile(index: number) {\n    this.selectedFiles = this.selectedFiles.filter((_, i) => i !== index);\n    this.fileLimitErrors = [];\n    this.updateFormValue();\n  }\n\n  private handleKeydown(event) {\n    if ((event.key === ' ' || event.key === 'Enter') && !this.isMaxFilesReached) {\n      event.preventDefault();\n      !this.disabled && this.inputElement.click();\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-file-upload__wrapper': true,\n      'spw-file-upload__wrapper--disabled': this.disabled || this.isMaxFilesReached,\n      'spw-file-upload__wrapper--error': this.error,\n      'spw-file-upload--has-dropzone': this.enableDropZone,\n      'spw-file-upload--is-dragging': this.isDragging,\n    };\n  }\n\n  private get hintsMessages(): string[] {\n    const maxSizeInMB = this.maxFileSize / (1024 * 1024);\n    const acceptedFormats = this.accept ? this.accept : 'tous les formats';\n    const messages = [];\n    let message = `Taille maximale par fichier : ${maxSizeInMB} Mo`;\n\n    if (this.multiple && this.maxFiles !== Infinity) {\n      const maxFilesText = this.maxFiles > 1 ? 'fichiers' : 'fichier';\n      message += ` - ${this.maxFiles} ${maxFilesText} maximum.`;\n    } else {\n      message += '.';\n    }\n\n    messages.push(message);\n    messages.push(`Formats autorisés : ${acceptedFormats}.`);\n\n    return messages;\n  }\n\n  render() {\n    const inputTextNoDrop = this.multiple ? 'Choisir vos fichiers...' : 'Choisir votre fichier...';\n    const inputTextDrop = this.multiple ? 'Déposez vos fichiers ici' : 'Déposez votre fichier ici';\n\n    return (\n      <div class={this.elementClass} onDragOver={this.handleDragOver.bind(this)} onDragLeave={this.handleDragLeave.bind(this)} onDrop={this.handleDrop.bind(this)}>\n        <input\n          type=\"file\"\n          ref={el => (this.inputElement = el)}\n          onChange={this.handleFileChange.bind(this)}\n          name={this.name}\n          multiple={this.multiple}\n          accept={this.accept}\n          style={{ display: 'none' }}\n          disabled={this.isMaxFilesReached}\n        />\n        {this.enableDropZone ? (\n          <div\n            tabindex={this.disabled || this.isMaxFilesReached ? -1 : 0}\n            onKeyDown={this.handleKeydown.bind(this)}\n            onClick={() => !this.disabled && !this.isMaxFilesReached && this.inputElement.click()}\n            class=\"spw-file-upload__dropzone\"\n          >\n            {inputTextDrop} ou <span class=\"spw-file-upload__dropzone-link\">choisissez sur votre ordinateur...</span>\n          </div>\n        ) : (\n          <spw-button variant=\"secondary\" onClick={() => !this.disabled && !this.isMaxFilesReached && this.inputElement.click()} disabled={this.disabled || this.isMaxFilesReached}>\n            {inputTextNoDrop}\n          </spw-button>\n        )}\n        <div class=\"spw-file-upload__hints\">\n          {this.hintsMessages.length > 0 && (\n            <ul>\n              {this.hintsMessages.map((message, index) => (\n                <li key={index}>{message}</li>\n              ))}\n            </ul>\n          )}\n        </div>\n        <div class=\"spw-file-upload__info\">\n          {this.selectedFiles.length > 0 ? (\n            <ul class=\"spw-file-upload__info-list\">\n              {this.selectedFiles.map((file, index) => (\n                <li key={index}>\n                  <span class=\"spw-file-upload__info-list-name\">{file.name}</span>\n                  <div class=\"spw-file-upload__info-list-actions\">\n                    <span class=\"spw-tw-mr-2\">{formatFileSize(file.size)}</span>\n                    <a\n                      class=\"spw-file-upload__info-list-delete\"\n                      href=\"#\"\n                      onClick={e => {\n                        e.preventDefault();\n                        this.removeFile(index);\n                      }}\n                    >\n                      Supprimer\n                    </a>\n                  </div>\n                </li>\n              ))}\n            </ul>\n          ) : (\n            ''\n          )}\n          {this.fileLimitErrors.length > 0 && (\n            <ul class={`spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}`}>\n              {this.fileLimitErrors.map((message, index) => (\n                <li key={index}>\n                  <spw-icon class=\"spw-tw-mr-2\" icon={this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning'}></spw-icon>\n                  {message}\n                </li>\n              ))}\n            </ul>\n          )}\n          {this.fileTypeErrors.length > 0 && (\n            <ul class=\"spw-file-upload__errors\">\n              {this.fileTypeErrors.map((message, index) => (\n                <li key={index}>\n                  <spw-icon class=\"spw-tw-mr-2\" icon=\"fa-warning\"></spw-icon>\n                  {message}\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":["h","index","formatFileSize"],"mappings":"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"}
+{"version":3,"file":"spw-file-upload.entry.cjs.js","sources":["src/components/spw-file-upload/spw-file-upload.scss?tag=spw-file-upload&encapsulation=shadow","src/components/spw-file-upload/spw-file-upload.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-file-upload {\n  display: block;\n  position: relative;\n\n  &__wrapper {\n    &--error {\n      border-color: #ff4d4d;\n      background-color: #ffe6e6;\n    }\n\n    &--dragging {\n      background-color: #e0f7fa;\n      border-color: #00acc1;\n    }\n  }\n\n  spw-button {\n    display: inline-block;\n    margin-bottom: 8px;\n  }\n\n  &__errors {\n    font-size: 14px;\n    color: var(--spw-colors-dark-themes-red-red-500);\n    font-weight: 600;\n    li {\n      margin-top: 16px;\n    }\n    &--warning {\n      color: var(--spw-color-themes-grey-grey-800);\n      font-weight: 400;\n    }\n  }\n\n  &__hints {\n    font-size: 14px;\n    color: var(--spw-color-themes-grey-grey-600);\n    margin-top: 16px;\n  }\n}\n\n.spw-file-upload__dropzone {\n  cursor: pointer;\n  color: #555;\n  background: var(--spw-colors-dark-themes-blue-grey-blue-grey-50);\n  padding: 20px;\n  border-radius: 8px;\n  border: 1px dashed #333;\n  font-weight: bold;\n  text-align: center;\n\n  &:not(.spw-file-upload--disabled):hover {\n    outline: 4px solid var(--spw-color-themes-grey-grey-300);\n  }\n\n  &:not(.spw-file-upload__wrapper--disabled):focus-visible,\n  &:not(.spw-file-upload__wrapper--disabled):active,\n  &:not(.spw-file-upload__wrapper--disabled):focus-within {\n    outline: 2px solid var(--spw-ds-focus);\n  }\n\n  &-link {\n    color: var(--spw-ds-primary);\n    text-decoration: underline;\n    &:hover {\n      text-decoration: none;\n    }\n    .spw-file-upload__wrapper--disabled & {\n      color: inherit;\n      text-decoration: none;\n    }\n  }\n\n  .spw-file-upload__wrapper--disabled & {\n    cursor: not-allowed;\n    background: var(--spw-color-themes-grey-grey-100);\n    color: var(--spw-color-themes-grey-grey-400);\n    border-color: var(--spw-color-themes-grey-grey-300);\n    outline: none !important;\n  }\n\n  .spw-file-upload--is-dragging & {\n    background: var(--spw-colors-dark-themes-blue-grey-blue-grey-200);\n  }\n}\n\n.spw-file-upload__info {\n  &-list {\n    margin-top: 16px;\n    border-top: 1px solid #eee;\n\n    li {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 8px;\n      border-bottom: 1px solid #eee;\n      color: var(--spw-color-themes-grey-grey-900);\n      font-size: 14px;\n\n      @include breakpoint(md) {\n        flex-wrap: nowrap;\n        gap: 16px;\n      }\n    }\n\n    &-actions {\n      display: flex;\n      gap: 8px;\n      @include breakpoint(md) {\n        gap: 16px;\n      }\n    }\n\n    &-delete {\n      color: inherit;\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n}\n","import { Component, h, Prop, Element, State, Event, EventEmitter, Method, AttachInternals } from '@stencil/core';\nimport { formatFileSize } from '@utils/utils';\n\n@Component({\n  tag: 'spw-file-upload',\n  styleUrl: 'spw-file-upload.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class SpwFileUpload {\n  private inputElement: HTMLInputElement;\n\n  @Element() el: HTMLSpwFileUploadElement;\n\n  /** Indique si le champ est désactivé, rendant le téléversement de fichiers non disponible */\n  @Prop() disabled: boolean = false;\n  /** Indique s'il y a une erreur visuelle associée au composant de téléversement de fichiers */\n  @Prop() error: boolean = false;\n  /** Nom de l'élément utilisé dans les formulaires pour associer la valeur des fichiers */\n  @Prop() name: string;\n  /** Valeur actuelle sélectionnée, utilisée pour les formulaires */\n  @Prop() value: string;\n  /** Active ou désactive la zone de dépôt pour le glisser-déposer de fichiers */\n  @Prop() enableDropZone: boolean = false;\n  /** Permet de téléverser plusieurs fichiers si vrai */\n  @Prop() multiple: boolean = false;\n  /** Types de fichiers acceptés, spécifiés sous forme de chaîne de types MIME */\n  @Prop() accept: string = '';\n  /** Taille maximale autorisée pour chaque fichier, en Mo */\n  @Prop() maxFileSize: number = 100;\n  /** Nombre maximal de fichiers pouvant être téléversés */\n  @Prop() maxFiles: number = Infinity;\n\n  @State() internalValue: string;\n  @State() selectedFiles: File[] = [];\n  @State() fileTypeErrors: string[] = [];\n  @State() fileLimitErrors: string[] = [];\n  @State() isDragging: boolean = false;\n  @State() isMaxFilesReachedExact: boolean = false;\n\n  @AttachInternals() internals: ElementInternals;\n\n  /** Événement émis lorsque la sélection de fichiers change */\n  @Event({ bubbles: true, composed: true }) spwFileChange: EventEmitter<{ files: File[] }>;\n\n  componentWillLoad() {\n    this.internalValue = this.value;\n    this.maxFileSize = this.maxFileSize * 1024 * 1024;\n  }\n\n  componentWillUpdate() {\n    if (this.value !== this.internalValue) {\n      this.internalValue = this.value;\n    }\n  }\n\n  get isMaxFilesReached(): boolean {\n    return this.selectedFiles.length >= this.maxFiles;\n  }\n\n  private handleFileChange(event: Event) {\n    const input = event.target as HTMLInputElement;\n    const files = input.files ? Array.from(input.files) : [];\n    this.processFiles(files);\n  }\n\n  private processFiles(files: File[]) {\n    this.fileTypeErrors = [];\n    this.fileLimitErrors = [];\n    this.isMaxFilesReachedExact = false;\n\n    if (!this.multiple) {\n      this.selectedFiles = [];\n      files = files.slice(0, 1);\n    }\n\n    const validFiles = files.filter(file => {\n      const isFileAccepted = this.isFileAccepted(file);\n      const isFileSizeValid = this.isFileSizeValid(file);\n\n      if (!isFileAccepted && !isFileSizeValid) {\n        this.fileTypeErrors.push(`${file.name} n’a pas été pris en compte car le format n’est pas autorisé et la limite de poids est dépassée.`);\n        return false;\n      } else if (!isFileAccepted) {\n        this.fileTypeErrors.push(`${file.name} n'a pas été pris en compte car le format n'est pas autorisé.`);\n        return false;\n      } else if (!isFileSizeValid) {\n        this.fileTypeErrors.push(`${file.name} n'a pas été pris en compte car il dépasse la taille maximale autorisée.`);\n        return false;\n      }\n\n      return true;\n    });\n\n    if (this.selectedFiles.length + validFiles.length >= this.maxFiles) {\n      const allowedFiles = this.maxFiles - this.selectedFiles.length;\n\n      if (this.selectedFiles.length + validFiles.length === this.maxFiles) {\n        this.isMaxFilesReachedExact = true;\n        this.fileLimitErrors.push('Vous avez atteint la limite autorisée de fichiers.');\n      } else {\n        validFiles.splice(allowedFiles);\n        const maxFilesText = this.maxFiles > 1 ? 'fichiers' : 'fichier';\n        this.fileLimitErrors.push(`Vous ne pouvez pas télécharger plus de ${this.maxFiles} ${maxFilesText}.`);\n      }\n    }\n\n    this.selectedFiles = [...this.selectedFiles, ...validFiles];\n\n    this.spwFileChange.emit({ files: this.selectedFiles });\n    this.updateFormValue();\n  }\n\n  private isFileAccepted(file: File): boolean {\n    if (!this.accept) return true;\n    const acceptedTypes = this.accept.split(',').map(type => type.trim());\n    return acceptedTypes.includes(file.type) || acceptedTypes.some(type => file.name.endsWith(type));\n  }\n\n  private isFileSizeValid(file: File): boolean {\n    return file.size <= this.maxFileSize;\n  }\n\n  private updateFormValue() {\n    if (this.selectedFiles.length > 0) {\n      const formData = new FormData();\n      this.selectedFiles.forEach((file, index) => {\n        formData.append(`${this.name}[${index}]`, file);\n      });\n      this.internalValue = formData.toString();\n      this.internals.setFormValue(formData);\n    } else {\n      this.internalValue = '';\n      this.internals.setFormValue(null);\n    }\n  }\n\n  /** Réinitialise le champ de téléchargement de fichiers */\n  @Method()\n  async resetInput() {\n    this.inputElement.value = '';\n    this.selectedFiles = [];\n    this.fileLimitErrors = [];\n    this.fileTypeErrors = [];\n    this.updateFormValue();\n  }\n\n  formResetCallback() {\n    this.resetInput();\n  }\n\n  private handleDragOver(event: DragEvent) {\n    event.preventDefault();\n    if (!this.disabled && this.enableDropZone && !this.isMaxFilesReached) {\n      this.isDragging = true;\n    }\n  }\n\n  private handleDragLeave() {\n    if (!this.disabled && this.enableDropZone) {\n      this.isDragging = false;\n    }\n  }\n\n  private handleDrop(event: DragEvent) {\n    event.preventDefault();\n    if (!this.disabled && this.enableDropZone && !this.isMaxFilesReached) {\n      this.isDragging = false;\n      const files = event.dataTransfer?.files ? Array.from(event.dataTransfer.files) : [];\n      this.processFiles(files);\n    }\n  }\n\n  private removeFile(index: number) {\n    this.selectedFiles = this.selectedFiles.filter((_, i) => i !== index);\n    this.fileLimitErrors = [];\n    this.updateFormValue();\n    this.spwFileChange.emit({ files: this.selectedFiles });\n  }\n\n  private handleKeydown(event) {\n    if ((event.key === ' ' || event.key === 'Enter') && !this.isMaxFilesReached) {\n      event.preventDefault();\n      !this.disabled && this.inputElement.click();\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-file-upload__wrapper': true,\n      'spw-file-upload__wrapper--disabled': this.disabled || this.isMaxFilesReached,\n      'spw-file-upload__wrapper--error': this.error,\n      'spw-file-upload--has-dropzone': this.enableDropZone,\n      'spw-file-upload--is-dragging': this.isDragging,\n    };\n  }\n\n  private get hintsMessages(): string[] {\n    const maxSizeInMB = this.maxFileSize / (1024 * 1024);\n    const acceptedFormats = this.accept ? this.accept : 'tous les formats';\n    const messages = [];\n    let message = `Taille maximale par fichier : ${maxSizeInMB} Mo`;\n\n    if (this.multiple && this.maxFiles !== Infinity) {\n      const maxFilesText = this.maxFiles > 1 ? 'fichiers' : 'fichier';\n      message += ` - ${this.maxFiles} ${maxFilesText} maximum.`;\n    } else {\n      message += '.';\n    }\n\n    messages.push(message);\n    messages.push(`Formats autorisés : ${acceptedFormats}.`);\n\n    return messages;\n  }\n\n  render() {\n    const inputTextNoDrop = this.multiple ? 'Choisir vos fichiers...' : 'Choisir votre fichier...';\n    const inputTextDrop = this.multiple ? 'Déposez vos fichiers ici' : 'Déposez votre fichier ici';\n\n    return (\n      <div class={this.elementClass} onDragOver={this.handleDragOver.bind(this)} onDragLeave={this.handleDragLeave.bind(this)} onDrop={this.handleDrop.bind(this)}>\n        <input\n          type=\"file\"\n          ref={el => (this.inputElement = el)}\n          onChange={this.handleFileChange.bind(this)}\n          name={this.name}\n          multiple={this.multiple}\n          accept={this.accept}\n          style={{ display: 'none' }}\n          disabled={this.isMaxFilesReached}\n        />\n        {this.enableDropZone ? (\n          <div\n            tabindex={this.disabled || this.isMaxFilesReached ? -1 : 0}\n            onKeyDown={this.handleKeydown.bind(this)}\n            onClick={() => !this.disabled && !this.isMaxFilesReached && this.inputElement.click()}\n            class=\"spw-file-upload__dropzone\"\n          >\n            {inputTextDrop} ou <span class=\"spw-file-upload__dropzone-link\">choisissez sur votre ordinateur...</span>\n          </div>\n        ) : (\n          <spw-button variant=\"secondary\" onClick={() => !this.disabled && !this.isMaxFilesReached && this.inputElement.click()} disabled={this.disabled || this.isMaxFilesReached}>\n            {inputTextNoDrop}\n          </spw-button>\n        )}\n        <div class=\"spw-file-upload__hints\">\n          {this.hintsMessages.length > 0 && (\n            <ul>\n              {this.hintsMessages.map((message, index) => (\n                <li key={index}>{message}</li>\n              ))}\n            </ul>\n          )}\n        </div>\n        <div class=\"spw-file-upload__info\">\n          {this.selectedFiles.length > 0 ? (\n            <ul class=\"spw-file-upload__info-list\">\n              {this.selectedFiles.map((file, index) => (\n                <li key={index}>\n                  <span class=\"spw-file-upload__info-list-name\">{file.name}</span>\n                  <div class=\"spw-file-upload__info-list-actions\">\n                    <span class=\"spw-tw-mr-2\">{formatFileSize(file.size)}</span>\n                    <a\n                      class=\"spw-file-upload__info-list-delete\"\n                      href=\"#\"\n                      onClick={e => {\n                        e.preventDefault();\n                        this.removeFile(index);\n                      }}\n                    >\n                      Supprimer\n                    </a>\n                  </div>\n                </li>\n              ))}\n            </ul>\n          ) : (\n            ''\n          )}\n          {this.fileLimitErrors.length > 0 && (\n            <ul class={`spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}`}>\n              {this.fileLimitErrors.map((message, index) => (\n                <li key={index}>\n                  <spw-icon class=\"spw-tw-mr-2\" icon={this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning'}></spw-icon>\n                  {message}\n                </li>\n              ))}\n            </ul>\n          )}\n          {this.fileTypeErrors.length > 0 && (\n            <ul class=\"spw-file-upload__errors\">\n              {this.fileTypeErrors.map((message, index) => (\n                <li key={index}>\n                  <spw-icon class=\"spw-tw-mr-2\" icon=\"fa-warning\"></spw-icon>\n                  {message}\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":["h","index","formatFileSize"],"mappings":"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"}