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

package/dist/spw-stencil-library/{p-7d80a44e.entry.js.map → p-f28bf2be.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["spwTextareaCss","SpwTextarea","constructor","hostRef","this","internalValue","label","rows","isSearch","required","size","error","hint","success","warning","showErrorIcon","showHintIcon","showSuccessIcon","showWarningIcon","valueChangedHandler","newVal","setValue","val","value","textareaElement","internals","setFormValue","valueChanged","emit","componentWillLoad","_a","componentDidLoad","formResetCallback","handleChange","event","target","renderErrorMessage","h","variant","showIcon","renderHintMessage","renderSuccessMessage","renderWarningMessage","elementClass","disabled","render","key","class","name","assistiveText","placeholder","id","minLength","maxLength","onInput"],"sources":["src/components/spw-textarea/spw-textarea.scss?tag=spw-textarea&encapsulation=shadow","src/components/spw-textarea/spw-textarea.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-textarea {\n  position: relative;\n  &__input {\n    flex: 1;\n    width: 100%;\n    min-height: 40px;\n    padding: 12px;\n    resize: vertical;\n    border-radius: 4px;\n    border: 1px solid var(--spw-color-themes-grey-grey-800);\n    &:hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n    &:focus,\n    &:focus-visible {\n      outline: 3px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 6px black;\n    }\n    .spw-textarea--disabled & {\n      border-color: var(--spw-color-themes-grey-grey-400);\n      background: var(--spw-color-themes-grey-grey-100);\n      color: var(--spw-color-themes-grey-grey-500);\n      cursor: not-allowed;\n      &::placeholder {\n        color: var(--spw-color-themes-grey-grey-500);\n      }\n      &:hover,\n      &:focus,\n      &:focus-visible {\n        outline: none;\n      }\n    }\n    .spw-textarea--is-error & {\n      border-color: var(--spw-colors-states-error-error-300);\n    }\n    .spw-textarea--large & {\n      height: 60px;\n      padding: 0 24px;\n      line-height: 60px;\n    }\n    .spw-textarea--is-search & {\n      padding-right: 80px;\n    }\n  }\n  &__container {\n    display: flex;\n    align-items: center;\n  }\n  &__indicator {\n    @apply spw-tw-pl-3;\n  }\n  &__icon {\n    pointer-events: none;\n    position: absolute;\n    top: 50%;\n    right: 30px;\n    transform: translateY(-50%);\n    color: var(--spw-ds-primary);\n    font-size: 24px;\n  }\n}\n","import { AttachInternals, Event, EventEmitter, Component, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-textarea',\n  styleUrl: 'spw-textarea.scss',\n  formAssociated: true,\n  shadow: true,\n})\nexport class SpwTextarea {\n  /** Événement émis lorsque la valeur du champ textarea change */\n  @Event() valueChanged: EventEmitter<string>;\n\n  @State() internalValue: string = '';\n\n  /** Valeur actuelle du champ textarea, mutable et reflétée dans le DOM */\n  @Prop({ mutable: true, reflect: true }) value?: string;\n  /** Texte à afficher au-dessus du champ textarea */\n  @Prop() label?: string = '';\n  /** Texte du placeholder pour le champ textarea */\n  @Prop() placeholder: string;\n  /** Si `true`, le champ textarea est désactivé et ne peut pas être utilisé */\n  @Prop() disabled?: boolean;\n  /** Attribut `name` de l'élément textarea */\n  @Prop() name: string;\n  /** Nombre de lignes à afficher dans le champ textarea */\n  @Prop() rows?: number = 3;\n  /** Longueur minimale pour la valeur du textarea */\n  @Prop() minLength?: number;\n  /** Longueur maximale pour la valeur du textarea */\n  @Prop() maxLength?: number;\n  /** Indique si l'input est un champ de recherche */\n  @Prop() isSearch?: boolean = false;\n  /** Indique si le champ textarea est requis */\n  @Prop() required?: boolean = false;\n  /** Spécifie la taille du champ textarea : 'large' ou 'medium' */\n  @Prop() size?: 'large' | 'medium' = 'medium';\n  /** Indicateur à afficher à droite du champ textarea */\n  @Prop() indicator?: string;\n  /** Texte d'assistance à afficher au-dessus du champ textarea */\n  @Prop() assistiveText?: string;\n  /** Message d'erreur à afficher sous le champ textarea */\n  @Prop() error?: string = '';\n  /** Message d'indication (hint) à afficher sous le champ textarea */\n  @Prop() hint?: string = '';\n  /** Message de succès à afficher sous le champ textarea */\n  @Prop() success?: string = '';\n  /** Message de warning à afficher sous le champ */\n  @Prop() warning?: string = '';\n  /** Affiche une icône d'erreur si vrai */\n  @Prop() showErrorIcon?: boolean = true;\n  /** Affiche une icône d'indication si vrai */\n  @Prop() showHintIcon?: boolean = true;\n  /** Affiche une icône de succès si vrai */\n  @Prop() showSuccessIcon?: boolean = true;\n  /** Affiche une icône de warning si vrai */\n  @Prop() showWarningIcon?: boolean = true;\n\n  @AttachInternals() internals: ElementInternals;\n\n  private textareaElement!: HTMLTextAreaElement;\n\n  @Watch('value')\n  valueChangedHandler(newVal: string) {\n    this.setValue(newVal);\n  }\n\n  private setValue(val: string) {\n    this.internalValue = val ?? '';\n    this.value = this.internalValue;\n\n    if (this.textareaElement) {\n      this.textareaElement.value = this.internalValue;\n    }\n\n    this.internals.setFormValue(this.internalValue || null);\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  componentWillLoad() {\n    this.internalValue = this.value ?? '';\n  }\n\n  componentDidLoad() {\n    this.internals.setFormValue(this.internalValue ? this.internalValue : null);\n  }\n\n  formResetCallback() {\n    this.setValue('');\n  }\n\n  private handleChange(event) {\n    this.internalValue = event.target.value;\n    this.value = this.internalValue;\n    this.internals.setFormValue(this.internalValue ? this.internalValue : null);\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  private renderErrorMessage() {\n    if (this.error) {\n      return (\n        <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n          {this.error}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderHintMessage() {\n    if (this.hint) {\n      return (\n        <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n          {this.hint}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderSuccessMessage() {\n    if (this.success) {\n      return (\n        <spw-field-message variant=\"success\" showIcon={this.showSuccessIcon}>\n          {this.success}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderWarningMessage() {\n    if (this.warning) {\n      return (\n        <spw-field-message variant=\"warning\" showIcon={this.showWarningIcon}>\n          {this.warning}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-textarea': true,\n      [`spw-textarea--${this.size}`]: true,\n      'spw-textarea--is-search': this.isSearch,\n      'spw-textarea--is-error': !!this.error,\n      'spw-textarea--disabled': this.disabled,\n    };\n  }\n\n  render() {\n    return (\n      <div class={this.elementClass}>\n        {this.label && <spw-field-label label={this.label} name={this.name} required={this.required}></spw-field-label>}\n        {this.assistiveText && (\n          <spw-field-message class=\"spw-tw-mb-2 -spw-tw-mt-1\" variant=\"hint\" showIcon={false}>\n            {this.assistiveText}\n          </spw-field-message>\n        )}\n        <div class=\"spw-textarea__container\">\n          <textarea\n            class=\"spw-textarea__input\"\n            value={this.internalValue}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            name={this.name}\n            id={this.name}\n            rows={this.rows}\n            minLength={this.minLength}\n            maxLength={this.maxLength}\n            required={this.required}\n            onInput={event => this.handleChange(event)}\n          ></textarea>\n        </div>\n        {this.renderErrorMessage()}\n        {this.renderHintMessage()}\n        {this.renderSuccessMessage()}\n        {this.renderWarningMessage()}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["spwTextareaCss","SpwTextarea","constructor","hostRef","this","internalValue","label","rows","isSearch","required","size","error","hint","success","warning","showErrorIcon","showHintIcon","showSuccessIcon","showWarningIcon","valueChangedHandler","newVal","setValue","val","value","textareaElement","internals","setFormValue","valueChanged","emit","componentWillLoad","_a","componentDidLoad","formResetCallback","handleChange","event","target","renderErrorMessage","h","variant","showIcon","renderHintMessage","renderSuccessMessage","renderWarningMessage","elementClass","disabled","render","key","class","name","assistiveText","placeholder","id","minLength","maxLength","onInput"],"sources":["src/components/spw-textarea/spw-textarea.scss?tag=spw-textarea&encapsulation=shadow","src/components/spw-textarea/spw-textarea.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-textarea {\n  position: relative;\n  &__input {\n    flex: 1;\n    width: 100%;\n    min-height: 40px;\n    padding: 12px;\n    resize: vertical;\n    border-radius: 4px;\n    border: 1px solid var(--spw-color-themes-grey-grey-800);\n    &:hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n    &:focus,\n    &:focus-visible {\n      outline: 3px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 6px black;\n    }\n    .spw-textarea--disabled & {\n      border-color: var(--spw-color-themes-grey-grey-400);\n      background: var(--spw-color-themes-grey-grey-100);\n      color: var(--spw-color-themes-grey-grey-500);\n      cursor: not-allowed;\n      &::placeholder {\n        color: var(--spw-color-themes-grey-grey-500);\n      }\n      &:hover,\n      &:focus,\n      &:focus-visible {\n        outline: none;\n      }\n    }\n    .spw-textarea--is-error & {\n      border-color: var(--spw-colors-states-error-error-300);\n    }\n    .spw-textarea--large & {\n      height: 60px;\n      padding: 0 24px;\n      line-height: 60px;\n    }\n    .spw-textarea--is-search & {\n      padding-right: 80px;\n    }\n  }\n  &__container {\n    display: flex;\n    align-items: center;\n  }\n  &__indicator {\n    @apply spw-tw-pl-3;\n  }\n  &__icon {\n    pointer-events: none;\n    position: absolute;\n    top: 50%;\n    right: 30px;\n    transform: translateY(-50%);\n    color: var(--spw-ds-primary);\n    font-size: 24px;\n  }\n}\n","import { AttachInternals, Event, EventEmitter, Component, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-textarea',\n  styleUrl: 'spw-textarea.scss',\n  formAssociated: true,\n  shadow: true,\n})\nexport class SpwTextarea {\n  /** Événement émis lorsque la valeur du champ textarea change */\n  @Event() valueChanged: EventEmitter<string>;\n\n  @State() internalValue: string = '';\n\n  /** Valeur actuelle du champ textarea, mutable et reflétée dans le DOM */\n  @Prop({ mutable: true, reflect: true }) value?: string;\n  /** Texte à afficher au-dessus du champ textarea */\n  @Prop() label?: string = '';\n  /** Texte du placeholder pour le champ textarea */\n  @Prop() placeholder: string;\n  /** Si `true`, le champ textarea est désactivé et ne peut pas être utilisé */\n  @Prop() disabled?: boolean;\n  /** Attribut `name` de l'élément textarea */\n  @Prop() name: string;\n  /** Nombre de lignes à afficher dans le champ textarea */\n  @Prop() rows?: number = 3;\n  /** Longueur minimale pour la valeur du textarea */\n  @Prop() minLength?: number;\n  /** Longueur maximale pour la valeur du textarea */\n  @Prop() maxLength?: number;\n  /** Indique si l'input est un champ de recherche */\n  @Prop() isSearch?: boolean = false;\n  /** Indique si le champ textarea est requis */\n  @Prop() required?: boolean = false;\n  /** Spécifie la taille du champ textarea : 'large' ou 'medium' */\n  @Prop() size?: 'large' | 'medium' = 'medium';\n  /** Indicateur à afficher à droite du champ textarea */\n  @Prop() indicator?: string;\n  /** Texte d'assistance à afficher au-dessus du champ textarea */\n  @Prop() assistiveText?: string;\n  /** Message d'erreur à afficher sous le champ textarea */\n  @Prop() error?: string = '';\n  /** Message d'indication (hint) à afficher sous le champ textarea */\n  @Prop() hint?: string = '';\n  /** Message de succès à afficher sous le champ textarea */\n  @Prop() success?: string = '';\n  /** Message de warning à afficher sous le champ */\n  @Prop() warning?: string = '';\n  /** Affiche une icône d'erreur si vrai */\n  @Prop() showErrorIcon?: boolean = true;\n  /** Affiche une icône d'indication si vrai */\n  @Prop() showHintIcon?: boolean = true;\n  /** Affiche une icône de succès si vrai */\n  @Prop() showSuccessIcon?: boolean = true;\n  /** Affiche une icône de warning si vrai */\n  @Prop() showWarningIcon?: boolean = true;\n\n  @AttachInternals() internals: ElementInternals;\n\n  private textareaElement!: HTMLTextAreaElement;\n\n  @Watch('value')\n  valueChangedHandler(newVal: string) {\n    this.setValue(newVal);\n  }\n\n  private setValue(val: string) {\n    this.internalValue = val ?? '';\n    this.value = this.internalValue;\n\n    if (this.textareaElement) {\n      this.textareaElement.value = this.internalValue;\n    }\n\n    this.internals.setFormValue(this.internalValue || null);\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  componentWillLoad() {\n    this.internalValue = this.value ?? '';\n  }\n\n  componentDidLoad() {\n    this.internals.setFormValue(this.internalValue ? this.internalValue : null);\n  }\n\n  formResetCallback() {\n    this.setValue('');\n  }\n\n  private handleChange(event) {\n    this.internalValue = event.target.value;\n    this.value = this.internalValue;\n    this.internals.setFormValue(this.internalValue ? this.internalValue : null);\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  private renderErrorMessage() {\n    if (this.error) {\n      return (\n        <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n          {this.error}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderHintMessage() {\n    if (this.hint) {\n      return (\n        <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n          {this.hint}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderSuccessMessage() {\n    if (this.success) {\n      return (\n        <spw-field-message variant=\"success\" showIcon={this.showSuccessIcon}>\n          {this.success}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderWarningMessage() {\n    if (this.warning) {\n      return (\n        <spw-field-message variant=\"warning\" showIcon={this.showWarningIcon}>\n          {this.warning}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-textarea': true,\n      [`spw-textarea--${this.size}`]: true,\n      'spw-textarea--is-search': this.isSearch,\n      'spw-textarea--is-error': !!this.error,\n      'spw-textarea--disabled': this.disabled,\n    };\n  }\n\n  render() {\n    return (\n      <div class={this.elementClass}>\n        {this.label && <spw-field-label label={this.label} name={this.name} required={this.required}></spw-field-label>}\n        {this.assistiveText && (\n          <spw-field-message class=\"spw-tw-mb-2 -spw-tw-mt-1\" variant=\"hint\" showIcon={false}>\n            {this.assistiveText}\n          </spw-field-message>\n        )}\n        <div class=\"spw-textarea__container\">\n          <textarea\n            class=\"spw-textarea__input\"\n            value={this.internalValue}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            name={this.name}\n            id={this.name}\n            rows={this.rows}\n            minLength={this.minLength}\n            maxLength={this.maxLength}\n            required={this.required}\n            onInput={event => this.handleChange(event)}\n          ></textarea>\n        </div>\n        {this.renderErrorMessage()}\n        {this.renderHintMessage()}\n        {this.renderSuccessMessage()}\n        {this.renderWarningMessage()}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/{p-7cd55113.entry.js → p-f70ed5c3.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as o}from"./p-BYM_CUUH.js";const i="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:inline-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-tag{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;gap:6px;justify-content:center;line-height:1;padding:6px 12px;text-decoration:none;white-space:nowrap}.spw-tag--hoverable{position:relative;transition:all .2s linear}.spw-tag--hoverable:hover{transform:translateY(-5px)}.spw-tag--default{background:#fff;border-color:var(--spw-colors-support-grey-grey-300);color:var(--spw-colors-support-grey-grey-900)}.spw-tag--grey{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-800)}.spw-tag--blue{background:#e6f3ff;color:#002e6b}.spw-tag--green{background:#e2fde3;color:#026100}.spw-tag--orange{background:#ffeee0;color:#702000}.spw-tag--red{background:#ffebed;color:#70000d}.spw-tag--purple{background:#f7ebff;color:#45036d}.spw-tag--surface-dark{box-shadow:0 2px 3px 0 rgba(0,0,0,.15)}.spw-tag--size-small{font-size:14px}.spw-tag--size-medium{font-size:16px}.spw-tag--size-large{font-size:18px}";const n=class{constructor(t){e(this,t);this.variant="default";this.surface="light";this.hasIcon=true;this.target="_self";this.size="medium";this.getIcon=e=>{const t={default:"fa-bell",grey:"fa-ellipsis",blue:"fa-loader",green:"fa-check",orange:"fa-triangle-exclamation",red:"fa-octagon-xmark",purple:"fa-sparkles"};return t[e]||t["default"]}}get elementClass(){return{"spw-tag":true,"spw-tag--hoverable":!!this.href,"spw-tag--icon":this.hasIcon,[`spw-tag--${this.variant}`]:true,[`spw-tag--size-${this.size}`]:true,[`spw-tag--surface-${this.surface}`]:true}}render(){const{href:e,target:i}=this;const n=this.href===undefined?"div":"a";const s=n==="div"?{}:{href:e,target:i};return t(o,{key:"e39bdac7b1f1c2b9aa57a674a723c077a45000b9"},t(n,Object.assign({key:"3e6d035f2cbafdf273b2f9ade083d97737587146"},s,{class:this.elementClass}),this.hasIcon&&t("spw-icon",{key:"d3a8a2640087200026838eb0912d9d9cda9c0ec3",icon:this.getIcon(this.variant)}),t("slot",{key:"d2d3c7f8c5b37f3c51665c9f2b22cb7022bbd78b"})))}};n.style=i;export{n as spw_tag};
-//# sourceMappingURL=p-7cd55113.entry.js.map
+import{r as e,h as t,H as o}from"./p-CvfVJV8a.js";const i="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:inline-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-tag{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;gap:6px;justify-content:center;line-height:1;padding:6px 12px;text-decoration:none;white-space:nowrap}.spw-tag--hoverable{position:relative;transition:all .2s linear}.spw-tag--hoverable:hover{transform:translateY(-5px)}.spw-tag--default{background:#fff;border-color:var(--spw-colors-support-grey-grey-300);color:var(--spw-colors-support-grey-grey-900)}.spw-tag--grey{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-800)}.spw-tag--blue{background:#e6f3ff;color:#002e6b}.spw-tag--green{background:#e2fde3;color:#026100}.spw-tag--orange{background:#ffeee0;color:#702000}.spw-tag--red{background:#ffebed;color:#70000d}.spw-tag--purple{background:#f7ebff;color:#45036d}.spw-tag--surface-dark{box-shadow:0 2px 3px 0 rgba(0,0,0,.15)}.spw-tag--size-small{font-size:14px}.spw-tag--size-medium{font-size:16px}.spw-tag--size-large{font-size:18px}";const n=class{constructor(t){e(this,t);this.variant="default";this.surface="light";this.hasIcon=true;this.target="_self";this.size="medium";this.getIcon=e=>{const t={default:"fa-bell",grey:"fa-ellipsis",blue:"fa-loader",green:"fa-check",orange:"fa-triangle-exclamation",red:"fa-octagon-xmark",purple:"fa-sparkles"};return t[e]||t["default"]}}get elementClass(){return{"spw-tag":true,"spw-tag--hoverable":!!this.href,"spw-tag--icon":this.hasIcon,[`spw-tag--${this.variant}`]:true,[`spw-tag--size-${this.size}`]:true,[`spw-tag--surface-${this.surface}`]:true}}render(){const{href:e,target:i}=this;const n=this.href===undefined?"div":"a";const a=n==="div"?{}:{href:e,target:i};return t(o,{key:"bda34729477b08d8a8e9ef1352f6030ec1eab9fa"},t(n,Object.assign({key:"b67722ec2d656df38cd7a1cf0a9e4b1fc59bb9d1"},a,{class:this.elementClass}),this.hasIcon&&t("spw-icon",{key:"acf8ac1c7fa6a26f6e97f044dc72e33110ec2a29",icon:this.getIcon(this.variant)}),t("slot",{key:"7d02564667780d40e57937218fa92c1f326f1207"})))}};n.style=i;export{n as spw_tag};
+//# sourceMappingURL=p-f70ed5c3.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as s,g as t}from"./p-CvfVJV8a.js";import{a as o}from"./p-BBi01mKM.js";const r="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-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 a=class{constructor(s){e(this,s);this.spwFileChange=i(this,"spwFileChange",7);if(s.$hostElement$["s-ei"]){this.internals=s.$hostElement$["s-ei"]}else{this.internals=s.$hostElement$.attachInternals();s.$hostElement$["s-ei"]=this.internals}this.disabled=false;this.error=false;this.enableDropZone=false;this.multiple=false;this.accept="";this.maxFileSize=100;this.maxFiles=Infinity;this.selectedFiles=[];this.fileTypeErrors=[];this.fileLimitErrors=[];this.isDragging=false;this.isMaxFilesReachedExact=false}componentWillLoad(){this.internalValue=this.value;this.maxFileSize=this.maxFileSize*1024*1024}componentWillUpdate(){if(this.value!==this.internalValue){this.internalValue=this.value}}get isMaxFilesReached(){return this.selectedFiles.length>=this.maxFiles}handleFileChange(e){const i=e.target;const s=i.files?Array.from(i.files):[];this.processFiles(s)}processFiles(e){this.fileTypeErrors=[];this.fileLimitErrors=[];this.isMaxFilesReachedExact=false;if(!this.multiple){this.selectedFiles=[];e=e.slice(0,1)}const i=e.filter((e=>{const i=this.isFileAccepted(e);const s=this.isFileSizeValid(e);if(!i&&!s){this.fileTypeErrors.push(`${e.name} n’a pas été pris en compte car le format n’est pas autorisé et la limite de poids est dépassée.`);return false}else if(!i){this.fileTypeErrors.push(`${e.name} n'a pas été pris en compte car le format n'est pas autorisé.`);return false}else if(!s){this.fileTypeErrors.push(`${e.name} n'a pas été pris en compte car il dépasse la taille maximale autorisée.`);return false}return true}));if(this.selectedFiles.length+i.length>=this.maxFiles){const e=this.maxFiles-this.selectedFiles.length;if(this.selectedFiles.length+i.length===this.maxFiles){this.isMaxFilesReachedExact=true;this.fileLimitErrors.push("Vous avez atteint la limite autorisée de fichiers.")}else{i.splice(e);const s=this.maxFiles>1?"fichiers":"fichier";this.fileLimitErrors.push(`Vous ne pouvez pas télécharger plus de ${this.maxFiles} ${s}.`)}}this.selectedFiles=[...this.selectedFiles,...i];this.spwFileChange.emit({files:this.selectedFiles});this.updateFormValue()}isFileAccepted(e){if(!this.accept)return true;const i=this.accept.split(",").map((e=>e.trim()));return i.includes(e.type)||i.some((i=>e.name.endsWith(i)))}isFileSizeValid(e){return e.size<=this.maxFileSize}updateFormValue(){if(this.selectedFiles.length>0){const e=new FormData;this.selectedFiles.forEach(((i,s)=>{e.append(`${this.name}[${s}]`,i)}));this.internalValue=e.toString();this.internals.setFormValue(e)}else{this.internalValue="";this.internals.setFormValue(null)}}async resetInput(){this.inputElement.value="";this.selectedFiles=[];this.fileLimitErrors=[];this.fileTypeErrors=[];this.updateFormValue()}formResetCallback(){this.resetInput()}handleDragOver(e){e.preventDefault();if(!this.disabled&&this.enableDropZone&&!this.isMaxFilesReached){this.isDragging=true}}handleDragLeave(){if(!this.disabled&&this.enableDropZone){this.isDragging=false}}handleDrop(e){var i;e.preventDefault();if(!this.disabled&&this.enableDropZone&&!this.isMaxFilesReached){this.isDragging=false;const s=((i=e.dataTransfer)===null||i===void 0?void 0:i.files)?Array.from(e.dataTransfer.files):[];this.processFiles(s)}}removeFile(e){this.selectedFiles=this.selectedFiles.filter(((i,s)=>s!==e));this.fileLimitErrors=[];this.updateFormValue();this.spwFileChange.emit({files:this.selectedFiles})}handleKeydown(e){if((e.key===" "||e.key==="Enter")&&!this.isMaxFilesReached){e.preventDefault();!this.disabled&&this.inputElement.click()}}get elementClass(){return{"spw-file-upload__wrapper":true,"spw-file-upload__wrapper--disabled":this.disabled||this.isMaxFilesReached,"spw-file-upload__wrapper--error":this.error,"spw-file-upload--has-dropzone":this.enableDropZone,"spw-file-upload--is-dragging":this.isDragging}}get hintsMessages(){const e=this.maxFileSize/(1024*1024);const i=this.accept?this.accept:"tous les formats";const s=[];let t=`Taille maximale par fichier : ${e} Mo`;if(this.multiple&&this.maxFiles!==Infinity){const e=this.maxFiles>1?"fichiers":"fichier";t+=` - ${this.maxFiles} ${e} maximum.`}else{t+="."}s.push(t);s.push(`Formats autorisés : ${i}.`);return s}render(){const e=this.multiple?"Choisir vos fichiers...":"Choisir votre fichier...";const i=this.multiple?"Déposez vos fichiers ici":"Déposez votre fichier ici";return s("div",{key:"d1729f2e8e132eaae9466fd3de9d3cce1f1ab495",class:this.elementClass,onDragOver:this.handleDragOver.bind(this),onDragLeave:this.handleDragLeave.bind(this),onDrop:this.handleDrop.bind(this)},s("input",{key:"006a507254e955356d0665cc379795680ec97cc0",type:"file",ref:e=>this.inputElement=e,onChange:this.handleFileChange.bind(this),name:this.name,multiple:this.multiple,accept:this.accept,style:{display:"none"},disabled:this.isMaxFilesReached}),this.enableDropZone?s("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"},i," ou ",s("span",{class:"spw-file-upload__dropzone-link"},"choisissez sur votre ordinateur...")):s("spw-button",{variant:"secondary",onClick:()=>!this.disabled&&!this.isMaxFilesReached&&this.inputElement.click(),disabled:this.disabled||this.isMaxFilesReached},e),s("div",{key:"ec66251b01f2e4371256ec1f438172f24bb99664",class:"spw-file-upload__hints"},this.hintsMessages.length>0&&s("ul",{key:"7f38d26e4951f5617224cc543305d96b6b0a1a48"},this.hintsMessages.map(((e,i)=>s("li",{key:i},e))))),s("div",{key:"a7b0ababb16f32dce72bcd0e476fcd7fe7bff743",class:"spw-file-upload__info"},this.selectedFiles.length>0?s("ul",{class:"spw-file-upload__info-list"},this.selectedFiles.map(((e,i)=>s("li",{key:i},s("span",{class:"spw-file-upload__info-list-name"},e.name),s("div",{class:"spw-file-upload__info-list-actions"},s("span",{class:"spw-tw-mr-2"},o(e.size)),s("a",{class:"spw-file-upload__info-list-delete",href:"#",onClick:e=>{e.preventDefault();this.removeFile(i)}},"Supprimer")))))):"",this.fileLimitErrors.length>0&&s("ul",{key:"a00de4a895820fc4bf993fdf9bad95a84238398d",class:`spw-file-upload__errors ${this.isMaxFilesReachedExact?"spw-file-upload__errors--warning":""}`},this.fileLimitErrors.map(((e,i)=>s("li",{key:i},s("spw-icon",{class:"spw-tw-mr-2",icon:this.isMaxFilesReachedExact?"fa-circle-exclamation":"fa-warning"}),e)))),this.fileTypeErrors.length>0&&s("ul",{key:"6fe0f58fa4269cb953f3f2d74668a2d640fb408c",class:"spw-file-upload__errors"},this.fileTypeErrors.map(((e,i)=>s("li",{key:i},s("spw-icon",{class:"spw-tw-mr-2",icon:"fa-warning"}),e))))))}static get formAssociated(){return true}get el(){return t(this)}};a.style=r;export{a as spw_file_upload};
+//# sourceMappingURL=p-f8ad31d4.entry.js.map

package/dist/spw-stencil-library/{p-03f1a257.entry.js.map → p-f8ad31d4.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["spwFileUploadCss","SpwFileUpload","constructor","hostRef","this","disabled","error","enableDropZone","multiple","accept","maxFileSize","maxFiles","Infinity","selectedFiles","fileTypeErrors","fileLimitErrors","isDragging","isMaxFilesReachedExact","componentWillLoad","internalValue","value","componentWillUpdate","isMaxFilesReached","length","handleFileChange","event","input","target","files","Array","from","processFiles","slice","validFiles","filter","file","isFileAccepted","isFileSizeValid","push","name","allowedFiles","splice","maxFilesText","spwFileChange","emit","updateFormValue","acceptedTypes","split","map","type","trim","includes","some","endsWith","size","formData","FormData","forEach","index","append","toString","internals","setFormValue","resetInput","inputElement","formResetCallback","handleDragOver","preventDefault","handleDragLeave","handleDrop","_a","dataTransfer","removeFile","_","i","handleKeydown","key","click","elementClass","hintsMessages","maxSizeInMB","acceptedFormats","messages","message","render","inputTextNoDrop","inputTextDrop","h","class","onDragOver","bind","onDragLeave","onDrop","ref","el","onChange","style","display","tabindex","onKeyDown","onClick","variant","formatFileSize","href","e","icon"],"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"],"mappings":"6FAAA,MAAMA,EAAmB,igK,MCSZC,EAAa,MAN1B,WAAAC,CAAAC,G,qNAYUC,KAAQC,SAAY,MAEpBD,KAAKE,MAAY,MAMjBF,KAAcG,eAAY,MAE1BH,KAAQI,SAAY,MAEpBJ,KAAMK,OAAW,GAEjBL,KAAWM,YAAW,IAEtBN,KAAQO,SAAWC,SAGlBR,KAAaS,cAAW,GACxBT,KAAcU,eAAa,GAC3BV,KAAeW,gBAAa,GAC5BX,KAAUY,WAAY,MACtBZ,KAAsBa,uBAAY,KAyQ5C,CAlQC,iBAAAC,GACEd,KAAKe,cAAgBf,KAAKgB,MAC1BhB,KAAKM,YAAcN,KAAKM,YAAc,KAAO,I,CAG/C,mBAAAW,GACE,GAAIjB,KAAKgB,QAAUhB,KAAKe,cAAe,CACrCf,KAAKe,cAAgBf,KAAKgB,K,EAI9B,qBAAIE,GACF,OAAOlB,KAAKS,cAAcU,QAAUnB,KAAKO,Q,CAGnC,gBAAAa,CAAiBC,GACvB,MAAMC,EAAQD,EAAME,OACpB,MAAMC,EAAQF,EAAME,MAAQC,MAAMC,KAAKJ,EAAME,OAAS,GACtDxB,KAAK2B,aAAaH,E,CAGZ,YAAAG,CAAaH,GACnBxB,KAAKU,eAAiB,GACtBV,KAAKW,gBAAkB,GACvBX,KAAKa,uBAAyB,MAE9B,IAAKb,KAAKI,SAAU,CAClBJ,KAAKS,cAAgB,GACrBe,EAAQA,EAAMI,MAAM,EAAG,E,CAGzB,MAAMC,EAAaL,EAAMM,QAAOC,IAC9B,MAAMC,EAAiBhC,KAAKgC,eAAeD,GAC3C,MAAME,EAAkBjC,KAAKiC,gBAAgBF,GAE7C,IAAKC,IAAmBC,EAAiB,CACvCjC,KAAKU,eAAewB,KAAK,GAAGH,EAAKI,wGACjC,OAAO,K,MACF,IAAKH,EAAgB,CAC1BhC,KAAKU,eAAewB,KAAK,GAAGH,EAAKI,qEACjC,OAAO,K,MACF,IAAKF,EAAiB,CAC3BjC,KAAKU,eAAewB,KAAK,GAAGH,EAAKI,gFACjC,OAAO,K,CAGT,OAAO,IAAI,IAGb,GAAInC,KAAKS,cAAcU,OAASU,EAAWV,QAAUnB,KAAKO,SAAU,CAClE,MAAM6B,EAAepC,KAAKO,SAAWP,KAAKS,cAAcU,OAExD,GAAInB,KAAKS,cAAcU,OAASU,EAAWV,SAAWnB,KAAKO,SAAU,CACnEP,KAAKa,uBAAyB,KAC9Bb,KAAKW,gBAAgBuB,KAAK,qD,KACrB,CACLL,EAAWQ,OAAOD,GAClB,MAAME,EAAetC,KAAKO,SAAW,EAAI,WAAa,UACtDP,KAAKW,gBAAgBuB,KAAK,0CAA0ClC,KAAKO,YAAY+B,K,EAIzFtC,KAAKS,cAAgB,IAAIT,KAAKS,iBAAkBoB,GAEhD7B,KAAKuC,cAAcC,KAAK,CAAEhB,MAAOxB,KAAKS,gBACtCT,KAAKyC,iB,CAGC,cAAAT,CAAeD,GACrB,IAAK/B,KAAKK,OAAQ,OAAO,KACzB,MAAMqC,EAAgB1C,KAAKK,OAAOsC,MAAM,KAAKC,KAAIC,GAAQA,EAAKC,SAC9D,OAAOJ,EAAcK,SAAShB,EAAKc,OAASH,EAAcM,MAAKH,GAAQd,EAAKI,KAAKc,SAASJ,I,CAGpF,eAAAZ,CAAgBF,GACtB,OAAOA,EAAKmB,MAAQlD,KAAKM,W,CAGnB,eAAAmC,GACN,GAAIzC,KAAKS,cAAcU,OAAS,EAAG,CACjC,MAAMgC,EAAW,IAAIC,SACrBpD,KAAKS,cAAc4C,SAAQ,CAACtB,EAAMuB,KAChCH,EAASI,OAAO,GAAGvD,KAAKmC,QAAQmB,KAAUvB,EAAK,IAEjD/B,KAAKe,cAAgBoC,EAASK,WAC9BxD,KAAKyD,UAAUC,aAAaP,E,KACvB,CACLnD,KAAKe,cAAgB,GACrBf,KAAKyD,UAAUC,aAAa,K,EAMhC,gBAAMC,GACJ3D,KAAK4D,aAAa5C,MAAQ,GAC1BhB,KAAKS,cAAgB,GACrBT,KAAKW,gBAAkB,GACvBX,KAAKU,eAAiB,GACtBV,KAAKyC,iB,CAGP,iBAAAoB,GACE7D,KAAK2D,Y,CAGC,cAAAG,CAAezC,GACrBA,EAAM0C,iBACN,IAAK/D,KAAKC,UAAYD,KAAKG,iBAAmBH,KAAKkB,kBAAmB,CACpElB,KAAKY,WAAa,I,EAId,eAAAoD,GACN,IAAKhE,KAAKC,UAAYD,KAAKG,eAAgB,CACzCH,KAAKY,WAAa,K,EAId,UAAAqD,CAAW5C,G,MACjBA,EAAM0C,iBACN,IAAK/D,KAAKC,UAAYD,KAAKG,iBAAmBH,KAAKkB,kBAAmB,CACpElB,KAAKY,WAAa,MAClB,MAAMY,IAAQ0C,EAAA7C,EAAM8C,gBAAc,MAAAD,SAAA,SAAAA,EAAA1C,OAAQC,MAAMC,KAAKL,EAAM8C,aAAa3C,OAAS,GACjFxB,KAAK2B,aAAaH,E,EAId,UAAA4C,CAAWd,GACjBtD,KAAKS,cAAgBT,KAAKS,cAAcqB,QAAO,CAACuC,EAAGC,IAAMA,IAAMhB,IAC/DtD,KAAKW,gBAAkB,GACvBX,KAAKyC,iB,CAGC,aAAA8B,CAAclD,GACpB,IAAKA,EAAMmD,MAAQ,KAAOnD,EAAMmD,MAAQ,WAAaxE,KAAKkB,kBAAmB,CAC3EG,EAAM0C,kBACL/D,KAAKC,UAAYD,KAAK4D,aAAaa,O,EAIxC,gBAAYC,GACV,MAAO,CACL,2BAA4B,KAC5B,qCAAsC1E,KAAKC,UAAYD,KAAKkB,kBAC5D,kCAAmClB,KAAKE,MACxC,gCAAiCF,KAAKG,eACtC,+BAAgCH,KAAKY,W,CAIzC,iBAAY+D,GACV,MAAMC,EAAc5E,KAAKM,aAAe,KAAO,MAC/C,MAAMuE,EAAkB7E,KAAKK,OAASL,KAAKK,OAAS,mBACpD,MAAMyE,EAAW,GACjB,IAAIC,EAAU,iCAAiCH,OAE/C,GAAI5E,KAAKI,UAAYJ,KAAKO,WAAaC,SAAU,CAC/C,MAAM8B,EAAetC,KAAKO,SAAW,EAAI,WAAa,UACtDwE,GAAW,MAAM/E,KAAKO,YAAY+B,Y,KAC7B,CACLyC,GAAW,G,CAGbD,EAAS5C,KAAK6C,GACdD,EAAS5C,KAAK,uBAAuB2C,MAErC,OAAOC,C,CAGT,MAAAE,GACE,MAAMC,EAAkBjF,KAAKI,SAAW,0BAA4B,2BACpE,MAAM8E,EAAgBlF,KAAKI,SAAW,2BAA6B,4BAEnE,OACE+E,EAAK,OAAAX,IAAA,2CAAAY,MAAOpF,KAAK0E,aAAcW,WAAYrF,KAAK8D,eAAewB,KAAKtF,MAAOuF,YAAavF,KAAKgE,gBAAgBsB,KAAKtF,MAAOwF,OAAQxF,KAAKiE,WAAWqB,KAAKtF,OACpJmF,EAAA,SAAAX,IAAA,2CACE3B,KAAK,OACL4C,IAAKC,GAAO1F,KAAK4D,aAAe8B,EAChCC,SAAU3F,KAAKoB,iBAAiBkE,KAAKtF,MACrCmC,KAAMnC,KAAKmC,KACX/B,SAAUJ,KAAKI,SACfC,OAAQL,KAAKK,OACbuF,MAAO,CAAEC,QAAS,QAClB5F,SAAUD,KAAKkB,oBAEhBlB,KAAKG,eACJgF,EACE,OAAAW,SAAU9F,KAAKC,UAAYD,KAAKkB,mBAAoB,EAAK,EACzD6E,UAAW/F,KAAKuE,cAAce,KAAKtF,MACnCgG,QAAS,KAAOhG,KAAKC,WAAaD,KAAKkB,mBAAqBlB,KAAK4D,aAAaa,QAC9EW,MAAM,6BAELF,EAAa,OAAKC,EAAM,QAAAC,MAAM,kCAAgC,uCAGjED,EAAA,cAAYc,QAAQ,YAAYD,QAAS,KAAOhG,KAAKC,WAAaD,KAAKkB,mBAAqBlB,KAAK4D,aAAaa,QAASxE,SAAUD,KAAKC,UAAYD,KAAKkB,mBACpJ+D,GAGLE,EAAA,OAAAX,IAAA,2CAAKY,MAAM,0BACRpF,KAAK2E,cAAcxD,OAAS,GAC3BgE,EAAA,MAAAX,IAAA,4CACGxE,KAAK2E,cAAc/B,KAAI,CAACmC,EAASzB,IAChC6B,EAAI,MAAAX,IAAKlB,GAAQyB,OAKzBI,EAAK,OAAAX,IAAA,2CAAAY,MAAM,yBACRpF,KAAKS,cAAcU,OAAS,EAC3BgE,EAAA,MAAIC,MAAM,8BACPpF,KAAKS,cAAcmC,KAAI,CAACb,EAAMuB,IAC7B6B,EAAI,MAAAX,IAAKlB,GACP6B,EAAA,QAAMC,MAAM,mCAAmCrD,EAAKI,MACpDgD,EAAK,OAAAC,MAAM,sCACTD,EAAM,QAAAC,MAAM,eAAec,EAAenE,EAAKmB,OAC/CiC,EAAA,KACEC,MAAM,oCACNe,KAAK,IACLH,QAASI,IACPA,EAAErC,iBACF/D,KAAKoE,WAAWd,EAAM,GAItB,kBAIP,GAINtD,KAAKW,gBAAgBQ,OAAS,GAC7BgE,EAAA,MAAAX,IAAA,2CAAIY,MAAO,2BAA2BpF,KAAKa,uBAAyB,mCAAqC,MACtGb,KAAKW,gBAAgBiC,KAAI,CAACmC,EAASzB,IAClC6B,EAAI,MAAAX,IAAKlB,GACP6B,EAAA,YAAUC,MAAM,cAAciB,KAAMrG,KAAKa,uBAAyB,wBAA0B,eAC3FkE,MAKR/E,KAAKU,eAAeS,OAAS,GAC5BgE,EAAI,MAAAX,IAAA,2CAAAY,MAAM,2BACPpF,KAAKU,eAAekC,KAAI,CAACmC,EAASzB,IACjC6B,EAAI,MAAAX,IAAKlB,GACP6B,EAAA,YAAUC,MAAM,cAAciB,KAAK,eAClCtB,O","ignoreList":[]}
+{"version":3,"names":["spwFileUploadCss","SpwFileUpload","constructor","hostRef","this","disabled","error","enableDropZone","multiple","accept","maxFileSize","maxFiles","Infinity","selectedFiles","fileTypeErrors","fileLimitErrors","isDragging","isMaxFilesReachedExact","componentWillLoad","internalValue","value","componentWillUpdate","isMaxFilesReached","length","handleFileChange","event","input","target","files","Array","from","processFiles","slice","validFiles","filter","file","isFileAccepted","isFileSizeValid","push","name","allowedFiles","splice","maxFilesText","spwFileChange","emit","updateFormValue","acceptedTypes","split","map","type","trim","includes","some","endsWith","size","formData","FormData","forEach","index","append","toString","internals","setFormValue","resetInput","inputElement","formResetCallback","handleDragOver","preventDefault","handleDragLeave","handleDrop","_a","dataTransfer","removeFile","_","i","handleKeydown","key","click","elementClass","hintsMessages","maxSizeInMB","acceptedFormats","messages","message","render","inputTextNoDrop","inputTextDrop","h","class","onDragOver","bind","onDragLeave","onDrop","ref","el","onChange","style","display","tabindex","onKeyDown","onClick","variant","formatFileSize","href","e","icon"],"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"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/{p-3450855b.entry.js → p-fa52aa2c.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,g as o}from"./p-BYM_CUUH.js";import{f as n}from"./p-zpG0udTn.js";const i='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--video){min-width:100%;width:100%}.spw-card-content{display:flex;flex-direction:column;padding:12px 24px 24px;position:relative;z-index:5}:host(.--vertical) .spw-card-content{padding:24px}:host(.--vertical) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--event) .spw-card-content{padding:24px}:host(.--event) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--no-image.--event) .spw-card-content{padding-left:64px;padding-top:12px}:host(.--sidebar) .spw-card-content{padding:0}:host(.--people) .spw-card-content{flex-direction:row;gap:24px;padding:24px}:host(.--event) .spw-card-content,:host(.--sidebar) .spw-card-content,:host(.--vertical) .spw-card-content{height:100%;justify-content:center}:host(.--video) .spw-card-content{height:100%;justify-content:flex-end;padding-right:80px}:host(.--video) .spw-card-content:after{bottom:24px;color:#fff;content:"\\f144";font-family:var(--spw-ds-font-icons-solid);font-size:36px;font-weight:900;position:absolute;right:24px}.spw-card-content__tag{background:var(--spw-ds-white);border-radius:4px 4px 0 0;color:var(--spw-ds-primary);font-size:15px;font-weight:700;left:25px;padding:6px 10px;position:absolute;top:-25px}:host(.--event) .spw-card-content__tag,:host(.--no-image) .spw-card-content__tag,:host(.--vertical) .spw-card-content__tag,:host(.--video) .spw-card-content__tag{left:0;margin-bottom:8px;padding:0;position:relative;top:0}:host(.--video) .spw-card-content__tag{align-self:flex-start;background:var(--spw-ds-white);border-radius:9999px;box-shadow:var(--spw-effect-elevation-3);color:var(--spw-color-themes-grey-grey-900);display:inline-block;font-size:14px;line-height:1;padding:8px 12px;width:auto}.spw-card-content__date{color:var(--spw-color-themes-grey-grey-600);font-size:15px;font-weight:300;margin-bottom:7px}.spw-card-content ::slotted(spw-card){--spw-card-background:var(--spw-color-themes-grey-grey-50);--spw-card-box-shadow:none;--spw-card-border:1px solid var(--spw-color-themes-grey-grey-300)}';const s=class{constructor(e){t(this,e)}render(){return e("div",{key:"fae19ee18d307295062443308246f5baa72b4c77",class:"spw-card-content"},this.tag&&e("span",{key:"d95abdb0e8ba592680abd0e1e2c73ada5f1e55b0",class:"spw-card-content__tag"},this.tag),this.date&&e("time",{key:"e4051e54e576af610e47bdc05433b14b4c8bc6c3","date-time":this.date,class:"spw-card-content__date"},n(this.date)),e("slot",{key:"94abc1be4bd3ca1f9083419a358b1372975e9bd3"}))}get el(){return o(this)}};s.style=i;export{s as spw_card_content};
-//# sourceMappingURL=p-3450855b.entry.js.map
+import{r as t,h as e,g as o}from"./p-CvfVJV8a.js";import{f as n}from"./p-BBi01mKM.js";const i='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--video){min-width:100%;width:100%}.spw-card-content{display:flex;flex-direction:column;padding:12px 24px 24px;position:relative;z-index:5}:host(.--vertical) .spw-card-content{padding:24px}:host(.--vertical) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--event) .spw-card-content{padding:24px}:host(.--event) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--no-image.--event) .spw-card-content{padding-left:64px;padding-top:12px}:host(.--sidebar) .spw-card-content{padding:0}:host(.--people) .spw-card-content{flex-direction:row;gap:24px;padding:24px}:host(.--event) .spw-card-content,:host(.--sidebar) .spw-card-content,:host(.--vertical) .spw-card-content{height:100%;justify-content:center}:host(.--video) .spw-card-content{height:100%;justify-content:flex-end;padding-right:80px}:host(.--video) .spw-card-content:after{bottom:24px;color:#fff;content:"\\f144";font-family:var(--spw-ds-font-icons-solid);font-size:36px;font-weight:900;position:absolute;right:24px}.spw-card-content__tag{background:var(--spw-ds-white);border-radius:4px 4px 0 0;color:var(--spw-ds-primary);font-size:15px;font-weight:700;left:25px;padding:6px 10px;position:absolute;top:-25px}:host(.--event) .spw-card-content__tag,:host(.--no-image) .spw-card-content__tag,:host(.--vertical) .spw-card-content__tag,:host(.--video) .spw-card-content__tag{left:0;margin-bottom:8px;padding:0;position:relative;top:0}:host(.--video) .spw-card-content__tag{align-self:flex-start;background:var(--spw-ds-white);border-radius:9999px;box-shadow:var(--spw-effect-elevation-3);color:var(--spw-color-themes-grey-grey-900);display:inline-block;font-size:14px;line-height:1;padding:8px 12px;width:auto}.spw-card-content__date{color:var(--spw-color-themes-grey-grey-600);font-size:15px;font-weight:300;margin-bottom:7px}.spw-card-content ::slotted(spw-card){--spw-card-background:var(--spw-color-themes-grey-grey-50);--spw-card-box-shadow:none;--spw-card-border:1px solid var(--spw-color-themes-grey-grey-300)}';const s=class{constructor(e){t(this,e)}render(){return e("div",{key:"fae19ee18d307295062443308246f5baa72b4c77",class:"spw-card-content"},this.tag&&e("span",{key:"d95abdb0e8ba592680abd0e1e2c73ada5f1e55b0",class:"spw-card-content__tag"},this.tag),this.date&&e("time",{key:"e4051e54e576af610e47bdc05433b14b4c8bc6c3","date-time":this.date,class:"spw-card-content__date"},n(this.date)),e("slot",{key:"94abc1be4bd3ca1f9083419a358b1372975e9bd3"}))}get el(){return o(this)}};s.style=i;export{s as spw_card_content};
+//# sourceMappingURL=p-fa52aa2c.entry.js.map

package/dist/spw-stencil-library/{p-554af1e3.entry.js → p-fc6af4d8.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./p-BYM_CUUH.js";const n="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}";const i=class{constructor(t){e(this,t)}render(){return t("thead",{key:"7fd39cbc3b58714346445724888d74a323439236",part:"thead"},t("slot",{key:"6757983499e293fc47b1a6b216ecac27181b74ab"}))}};i.style=n;export{i as spw_table_head};
-//# sourceMappingURL=p-554af1e3.entry.js.map
+import{r as e,h as t}from"./p-CvfVJV8a.js";const n="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}";const i=class{constructor(t){e(this,t)}render(){return t("thead",{key:"ef413eb59ea3530b9d4476723b6179d04bdf8c7f",part:"thead"},t("slot",{key:"4822f9a5d94d983d5497d34da66211b4b9e1fc35"}))}};i.style=n;export{i as spw_table_head};
+//# sourceMappingURL=p-fc6af4d8.entry.js.map