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

package/dist/components/p-B59-Q28_.js.map

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

package/dist/components/{p-DHBpMBYT.js → p-B62I-VV0.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
-import { d as defineCustomElement$1 } from './p-_q4w18VU.js';
+import { d as defineCustomElement$1 } from './p-jHpxbAsa.js';
 
 const spwCheckboxCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-ds-checkbox-checked-color:var(--spw-ds-primary);--spw-ds-checkbox-checked-active-color:var(--spw-ds-active);--spw-ds-checkbox-checked-hover-color:var(--spw-ds-variant);--spw-ds-toggle-checked-color:var(--spw-color-themes-green-green-600);--spw-ds-toggle-checked-active-color:var(--spw-color-themes-green-green-700);--spw-ds-toggle-checked-hover-color:var(--spw-color-themes-green-green-800);box-sizing:border-box;display:inline-flex;font-size:100%;line-height:1.3;vertical-align:top}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-checkbox{align-items:flex-start;display:inline-flex;flex-direction:row;padding:0}.spw-checkbox__wrapper{align-items:center;background-color:var(--spw-ds-white);border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:var(--spw-spacings-border-radius-2-xs);display:flex;flex:none;flex-grow:0;font-size:var(--spw-typography-body-body-3-font-size);height:20px;justify-content:center;order:0;position:relative;width:20px}.spw-checkbox__wrapper spw-icon{font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.spw-checkbox__wrapper--error{border-color:var(--spw-colors-dark-states-error-error-300)}.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):active,.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):focus-visible,.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):focus-within{box-shadow:0 0 0 4px #000;outline:2px solid #fff;outline-offset:0}.spw-checkbox__wrapper--disabled{border-color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper--checked{border-color:var(--spw-ds-checkbox-checked-color);color:var(--spw-ds-checkbox-checked-color)}.spw-checkbox__wrapper--checked--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper--toggle{background:var(--spw-color-themes-grey-grey-500);border:none;border-radius:40px;height:18px;top:1px;transition:background .2s ease;width:30px}.spw-checkbox__wrapper--toggle:hover{background:var(--spw-color-themes-grey-grey-600)}.spw-checkbox__wrapper--toggle:active{background:var(--spw-color-themes-grey-grey-800)}.spw-checkbox__wrapper--toggle spw-icon{line-height:0;margin-left:15px;opacity:0;transition:all .2s ease .3s;transition:all .2s ease}.spw-checkbox__wrapper--toggle:before{background:#fff;border-radius:50%;content:\"\";height:14px;left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:14px}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle{background:var(--spw-ds-toggle-checked-color);color:var(--spw-ds-toggle-checked-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:before{background:#fff;left:calc(100% - 16px)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle spw-icon{font-size:10px;margin-left:6px;opacity:1}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled):hover{background:var(--spw-ds-toggle-checked-hover-color);color:var(--spw-ds-toggle-checked-hover-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled):active{background:var(--spw-ds-toggle-checked-active-color);color:var(--spw-ds-toggle-checked-active-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled{background:var(--spw-color-themes-grey-grey-500);color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled:before{background:var(--spw-ds-white)}.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled,.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled.spw-checkbox__wrapper--checked{background:var(--spw-color-themes-grey-grey-300);border-color:var(--spw-color-themes-grey-grey-300)}.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled.spw-checkbox__wrapper--checked:before,.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled:before{background:#fff}.spw-checkbox__label{word-wrap:break-word;color:var(--spw-color-themes-grey-grey-900);order:1;padding-left:var(--spw-spacings-spacing-sm);padding-top:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-checkbox__label:hover~.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled){outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-checkbox__label:active~.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled){box-shadow:0 0 0 4px #000;outline:2px solid #fff;outline-offset:0}.spw-checkbox__label--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__label:hover,.spw-checkbox__wrapper:hover{cursor:pointer}.spw-checkbox__label--disabled:hover,.spw-checkbox__wrapper--disabled:hover{cursor:not-allowed}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}";
 
@@ -124,6 +124,6 @@ function defineCustomElement() {
 }
 
 export { SpwCheckbox as S, defineCustomElement as d };
-//# sourceMappingURL=p-DHBpMBYT.js.map
+//# sourceMappingURL=p-B62I-VV0.js.map
 
-//# sourceMappingURL=p-DHBpMBYT.js.map
+//# sourceMappingURL=p-B62I-VV0.js.map

package/dist/components/{p-DHBpMBYT.js.map → p-B62I-VV0.js.map}

@@ -1 +1 @@
-{"file":"p-DHBpMBYT.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-checkbox/spw-checkbox.scss?tag=spw-checkbox&encapsulation=shadow","src/components/spw-checkbox/spw-checkbox.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  vertical-align: top;\n  --spw-ds-checkbox-checked-color: var(--spw-ds-primary);\n  --spw-ds-checkbox-checked-active-color: var(--spw-ds-active);\n  --spw-ds-checkbox-checked-hover-color: var(--spw-ds-variant);\n  --spw-ds-toggle-checked-color: var(--spw-color-themes-green-green-600);\n  --spw-ds-toggle-checked-active-color: var(--spw-color-themes-green-green-700);\n  --spw-ds-toggle-checked-hover-color: var(--spw-color-themes-green-green-800);\n}\n\n.spw-checkbox {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: flex-start;\n  padding: 0;\n\n  &__wrapper {\n    display: flex;\n    position: relative;\n    justify-content: center;\n    align-items: center;\n    width: 20px;\n    height: 20px;\n    background-color: var(--spw-ds-white);\n    border: 2px solid var(--spw-color-themes-grey-grey-900);\n    border-radius: var(--spw-spacings-border-radius-2-xs);\n    font-size: var(--spw-typography-body-body-3-font-size);\n    flex: none;\n    order: 0;\n    flex-grow: 0;\n\n    spw-icon {\n      font-size: 14px;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    &--error {\n      border-color: var(--spw-colors-dark-states-error-error-300);\n    }\n\n    &:not(.spw-checkbox__wrapper--disabled):hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n\n    &:not(.spw-checkbox__wrapper--disabled):focus-visible,\n    &:not(.spw-checkbox__wrapper--disabled):active,\n    &:not(.spw-checkbox__wrapper--disabled):focus-within,\n    &:not(.spw-checkbox__wrapper--disabled):active {\n      outline: 2px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 4px black;\n    }\n\n    &--disabled {\n      border-color: var(--spw-color-themes-grey-grey-500);\n    }\n\n    &--checked {\n      border-color: var(--spw-ds-checkbox-checked-color);\n      color: var(--spw-ds-checkbox-checked-color);\n\n      &--disabled {\n        color: var(--spw-color-themes-grey-grey-500);\n      }\n    }\n\n    &--toggle {\n      top: 1px;\n      width: 30px;\n      height: 18px;\n      border-radius: 40px;\n      border: none;\n      background: var(--spw-color-themes-grey-grey-500);\n      transition: background 0.2s ease;\n      &:hover {\n        background: var(--spw-color-themes-grey-grey-600);\n      }\n      &:active {\n        background: var(--spw-color-themes-grey-grey-800);\n      }\n      spw-icon {\n        opacity: 0;\n        line-height: 0;\n        transition: all 0.2s 0.3s ease;\n        margin-left: 15px;\n        transition: all 0.2s ease;\n      }\n      &:before {\n        content: '';\n        position: absolute;\n        width: 14px;\n        height: 14px;\n        background: white;\n        border-radius: 50%;\n        top: 50%;\n        left: 2px;\n        transform: translateY(-50%);\n        transition: all 0.2s ease;\n      }\n    }\n    &.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle {\n      background: var(--spw-ds-toggle-checked-color);\n      color: var(--spw-ds-toggle-checked-color);\n      &:before {\n        left: calc(100% - 16px);\n        background: white;\n      }\n      spw-icon {\n        font-size: 10px;\n        margin-left: 6px;\n        opacity: 1;\n      }\n      &:not(.spw-checkbox__wrapper--disabled):hover {\n        background: var(--spw-ds-toggle-checked-hover-color);\n        color: var(--spw-ds-toggle-checked-hover-color);\n      }\n      &:not(.spw-checkbox__wrapper--disabled):active {\n        background: var(--spw-ds-toggle-checked-active-color);\n        color: var(--spw-ds-toggle-checked-active-color);\n      }\n      &.spw-checkbox__wrapper--disabled {\n        background: var(--spw-color-themes-grey-grey-500);\n        color: var(--spw-color-themes-grey-grey-500);\n        &:before {\n          background: var(--spw-ds-white);\n        }\n      }\n    }\n    &.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled,\n    &.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled.spw-checkbox__wrapper--checked {\n      border-color: var(--spw-color-themes-grey-grey-300);\n      background: var(--spw-color-themes-grey-grey-300);\n      &:before {\n        background: white;\n      }\n    }\n  }\n\n  &__label {\n    color: var(--spw-color-themes-grey-grey-900);\n    word-wrap: break-word;\n    order: 1;\n    padding-top: 1px;\n    user-select: none;\n    padding-left: var(--spw-spacings-spacing-sm);\n\n    &:hover ~ .spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled) {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n\n    // &:hover ~ .spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-color-themes-grey-grey-600);\n    //   color: var(--spw-color-themes-grey-grey-600);\n    // }\n\n    // &:active ~ .spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-color-themes-grey-grey-800);\n    //   color: var(--spw-color-themes-grey-grey-800);\n    // }\n\n    // &:hover ~ .spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--checked:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-ds-checkbox-checked-hover-color);\n    //   color: var(--spw-ds-checkbox-checked-hover-color);\n    // }\n\n    // &:active ~ .spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--checked:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-ds-checkbox-checked-active-color);\n    //   color: var(--spw-ds-checkbox-checked-active-color);\n    // }\n\n    &:active ~ .spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled) {\n      outline: 2px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 4px black;\n    }\n\n    &--disabled {\n      color: var(--spw-color-themes-grey-grey-500);\n    }\n  }\n\n  &__wrapper,\n  &__label {\n    &:hover {\n      cursor: pointer;\n    }\n    &--disabled:hover {\n      cursor: not-allowed;\n    }\n  }\n}\n","import { Component, h, Prop, Element, State, Event, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';\n\n@Component({\n  tag: 'spw-checkbox',\n  styleUrl: 'spw-checkbox.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class SpwCheckbox {\n  private inputElement: HTMLInputElement;\n\n  @Element() el: HTMLSpwCheckboxElement;\n\n  /** Détermine si la case à cocher est désactivée, rendant l'élément inutilisable */\n  @Prop() disabled: boolean = false;\n  /** Propriété mutable qui reflète si la case à cocher est cochée ou non */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n  /** Indique s'il y a une erreur associée à la case à cocher, pour un affichage visuel */\n  @Prop() error: boolean = false;\n  /** Icône à afficher lorsque la case à cocher est cochée */\n  @Prop() icon: string = 'fa-check';\n  /** Nom de l'élément utilisé dans les formulaires */\n  @Prop() name: string;\n  /** Type de variant pour la checkbox */\n  @Prop() variant?: 'default' | 'toggle' = 'default';\n\n  @State() internalChecked: boolean;\n\n  @AttachInternals() internals: ElementInternals;\n\n  /** Événement déclenché lors d'un changement d'état de la case à cocher (cochée ou décochée) */\n  @Event({ bubbles: true, composed: true }) spwChange: EventEmitter<boolean>;\n\n  private handleCheckbox() {\n    if (!this.disabled) {\n      this.internalChecked = !this.internalChecked;\n      this.checked = this.internalChecked;\n      this.updateFormValue();\n      this.spwChange.emit(this.internalChecked);\n    }\n  }\n\n  /** Méthode publique pour changer l'état de la case à cocher. */\n  @Method()\n  async toggleCheckedState(newVal: boolean) {\n    this.internalChecked = newVal;\n    this.checked = newVal;\n    this.updateFormValue();\n  }\n\n  @Watch('checked')\n  checkedChanged(newChecked: boolean) {\n    this.internalChecked = newChecked;\n    this.inputElement.checked = newChecked;\n    this.updateFormValue();\n  }\n\n  private updateFormValue() {\n    if (this.internalChecked) {\n      this.internals.setFormValue('on');\n    } else {\n      this.internals.setFormValue(null);\n    }\n  }\n\n  private handleKeydown(event) {\n    if (event.key === ' ' || event.key === 'Enter') {\n      // Space or Enter keys\n      this.handleCheckbox();\n      event.preventDefault();\n    }\n  }\n\n  componentWillLoad() {\n    this.internalChecked = this.checked;\n    this.updateFormValue();\n  }\n\n  componentDidLoad() {\n    this.el.closest('form')?.addEventListener('formdata', (e: FormDataEvent) => {\n      if (this.internalChecked) {\n        e.formData.set(this.name, 'on');\n      }\n    });\n  }\n\n  formResetCallback() {\n    this.internalChecked = false;\n    this.checked = false;\n    this.updateFormValue();\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-checkbox__wrapper': true,\n      [`spw-checkbox__wrapper--${this.variant}`]: true,\n      'spw-checkbox__wrapper--disabled': this.disabled,\n      'spw-checkbox__wrapper--checked': this.internalChecked,\n      'spw-checkbox__wrapper--error': this.error,\n    };\n  }\n\n  render() {\n    const slot = this.el.innerHTML;\n    const hasSlot = Boolean(slot);\n\n    return (\n      <div class=\"spw-checkbox\">\n        <input\n          type=\"checkbox\"\n          ref={el => (this.inputElement = el)}\n          checked={this.internalChecked}\n          onChange={this.handleCheckbox.bind(this)}\n          name={this.name}\n          disabled={this.disabled}\n          style={{ display: 'none' }}\n        />\n        {hasSlot && (\n          <label htmlFor={this.name} class={`spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`} onClick={this.handleCheckbox.bind(this)}>\n            <slot />\n          </label>\n        )}\n        <div\n          tabindex={this.disabled ? -1 : 0}\n          onClick={this.handleCheckbox.bind(this)}\n          onKeyDown={this.handleKeydown.bind(this)}\n          role=\"checkbox\"\n          aria-checked={this.internalChecked ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-labelledby=\"label\"\n          class={this.elementClass}\n        >\n          {this.internalChecked && <spw-icon icon={this.icon}></spw-icon>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-B62I-VV0.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-checkbox/spw-checkbox.scss?tag=spw-checkbox&encapsulation=shadow","src/components/spw-checkbox/spw-checkbox.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  vertical-align: top;\n  --spw-ds-checkbox-checked-color: var(--spw-ds-primary);\n  --spw-ds-checkbox-checked-active-color: var(--spw-ds-active);\n  --spw-ds-checkbox-checked-hover-color: var(--spw-ds-variant);\n  --spw-ds-toggle-checked-color: var(--spw-color-themes-green-green-600);\n  --spw-ds-toggle-checked-active-color: var(--spw-color-themes-green-green-700);\n  --spw-ds-toggle-checked-hover-color: var(--spw-color-themes-green-green-800);\n}\n\n.spw-checkbox {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: flex-start;\n  padding: 0;\n\n  &__wrapper {\n    display: flex;\n    position: relative;\n    justify-content: center;\n    align-items: center;\n    width: 20px;\n    height: 20px;\n    background-color: var(--spw-ds-white);\n    border: 2px solid var(--spw-color-themes-grey-grey-900);\n    border-radius: var(--spw-spacings-border-radius-2-xs);\n    font-size: var(--spw-typography-body-body-3-font-size);\n    flex: none;\n    order: 0;\n    flex-grow: 0;\n\n    spw-icon {\n      font-size: 14px;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    &--error {\n      border-color: var(--spw-colors-dark-states-error-error-300);\n    }\n\n    &:not(.spw-checkbox__wrapper--disabled):hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n\n    &:not(.spw-checkbox__wrapper--disabled):focus-visible,\n    &:not(.spw-checkbox__wrapper--disabled):active,\n    &:not(.spw-checkbox__wrapper--disabled):focus-within,\n    &:not(.spw-checkbox__wrapper--disabled):active {\n      outline: 2px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 4px black;\n    }\n\n    &--disabled {\n      border-color: var(--spw-color-themes-grey-grey-500);\n    }\n\n    &--checked {\n      border-color: var(--spw-ds-checkbox-checked-color);\n      color: var(--spw-ds-checkbox-checked-color);\n\n      &--disabled {\n        color: var(--spw-color-themes-grey-grey-500);\n      }\n    }\n\n    &--toggle {\n      top: 1px;\n      width: 30px;\n      height: 18px;\n      border-radius: 40px;\n      border: none;\n      background: var(--spw-color-themes-grey-grey-500);\n      transition: background 0.2s ease;\n      &:hover {\n        background: var(--spw-color-themes-grey-grey-600);\n      }\n      &:active {\n        background: var(--spw-color-themes-grey-grey-800);\n      }\n      spw-icon {\n        opacity: 0;\n        line-height: 0;\n        transition: all 0.2s 0.3s ease;\n        margin-left: 15px;\n        transition: all 0.2s ease;\n      }\n      &:before {\n        content: '';\n        position: absolute;\n        width: 14px;\n        height: 14px;\n        background: white;\n        border-radius: 50%;\n        top: 50%;\n        left: 2px;\n        transform: translateY(-50%);\n        transition: all 0.2s ease;\n      }\n    }\n    &.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle {\n      background: var(--spw-ds-toggle-checked-color);\n      color: var(--spw-ds-toggle-checked-color);\n      &:before {\n        left: calc(100% - 16px);\n        background: white;\n      }\n      spw-icon {\n        font-size: 10px;\n        margin-left: 6px;\n        opacity: 1;\n      }\n      &:not(.spw-checkbox__wrapper--disabled):hover {\n        background: var(--spw-ds-toggle-checked-hover-color);\n        color: var(--spw-ds-toggle-checked-hover-color);\n      }\n      &:not(.spw-checkbox__wrapper--disabled):active {\n        background: var(--spw-ds-toggle-checked-active-color);\n        color: var(--spw-ds-toggle-checked-active-color);\n      }\n      &.spw-checkbox__wrapper--disabled {\n        background: var(--spw-color-themes-grey-grey-500);\n        color: var(--spw-color-themes-grey-grey-500);\n        &:before {\n          background: var(--spw-ds-white);\n        }\n      }\n    }\n    &.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled,\n    &.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled.spw-checkbox__wrapper--checked {\n      border-color: var(--spw-color-themes-grey-grey-300);\n      background: var(--spw-color-themes-grey-grey-300);\n      &:before {\n        background: white;\n      }\n    }\n  }\n\n  &__label {\n    color: var(--spw-color-themes-grey-grey-900);\n    word-wrap: break-word;\n    order: 1;\n    padding-top: 1px;\n    user-select: none;\n    padding-left: var(--spw-spacings-spacing-sm);\n\n    &:hover ~ .spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled) {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n\n    // &:hover ~ .spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-color-themes-grey-grey-600);\n    //   color: var(--spw-color-themes-grey-grey-600);\n    // }\n\n    // &:active ~ .spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-color-themes-grey-grey-800);\n    //   color: var(--spw-color-themes-grey-grey-800);\n    // }\n\n    // &:hover ~ .spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--checked:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-ds-checkbox-checked-hover-color);\n    //   color: var(--spw-ds-checkbox-checked-hover-color);\n    // }\n\n    // &:active ~ .spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--checked:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-ds-checkbox-checked-active-color);\n    //   color: var(--spw-ds-checkbox-checked-active-color);\n    // }\n\n    &:active ~ .spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled) {\n      outline: 2px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 4px black;\n    }\n\n    &--disabled {\n      color: var(--spw-color-themes-grey-grey-500);\n    }\n  }\n\n  &__wrapper,\n  &__label {\n    &:hover {\n      cursor: pointer;\n    }\n    &--disabled:hover {\n      cursor: not-allowed;\n    }\n  }\n}\n","import { Component, h, Prop, Element, State, Event, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';\n\n@Component({\n  tag: 'spw-checkbox',\n  styleUrl: 'spw-checkbox.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class SpwCheckbox {\n  private inputElement: HTMLInputElement;\n\n  @Element() el: HTMLSpwCheckboxElement;\n\n  /** Détermine si la case à cocher est désactivée, rendant l'élément inutilisable */\n  @Prop() disabled: boolean = false;\n  /** Propriété mutable qui reflète si la case à cocher est cochée ou non */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n  /** Indique s'il y a une erreur associée à la case à cocher, pour un affichage visuel */\n  @Prop() error: boolean = false;\n  /** Icône à afficher lorsque la case à cocher est cochée */\n  @Prop() icon: string = 'fa-check';\n  /** Nom de l'élément utilisé dans les formulaires */\n  @Prop() name: string;\n  /** Type de variant pour la checkbox */\n  @Prop() variant?: 'default' | 'toggle' = 'default';\n\n  @State() internalChecked: boolean;\n\n  @AttachInternals() internals: ElementInternals;\n\n  /** Événement déclenché lors d'un changement d'état de la case à cocher (cochée ou décochée) */\n  @Event({ bubbles: true, composed: true }) spwChange: EventEmitter<boolean>;\n\n  private handleCheckbox() {\n    if (!this.disabled) {\n      this.internalChecked = !this.internalChecked;\n      this.checked = this.internalChecked;\n      this.updateFormValue();\n      this.spwChange.emit(this.internalChecked);\n    }\n  }\n\n  /** Méthode publique pour changer l'état de la case à cocher. */\n  @Method()\n  async toggleCheckedState(newVal: boolean) {\n    this.internalChecked = newVal;\n    this.checked = newVal;\n    this.updateFormValue();\n  }\n\n  @Watch('checked')\n  checkedChanged(newChecked: boolean) {\n    this.internalChecked = newChecked;\n    this.inputElement.checked = newChecked;\n    this.updateFormValue();\n  }\n\n  private updateFormValue() {\n    if (this.internalChecked) {\n      this.internals.setFormValue('on');\n    } else {\n      this.internals.setFormValue(null);\n    }\n  }\n\n  private handleKeydown(event) {\n    if (event.key === ' ' || event.key === 'Enter') {\n      // Space or Enter keys\n      this.handleCheckbox();\n      event.preventDefault();\n    }\n  }\n\n  componentWillLoad() {\n    this.internalChecked = this.checked;\n    this.updateFormValue();\n  }\n\n  componentDidLoad() {\n    this.el.closest('form')?.addEventListener('formdata', (e: FormDataEvent) => {\n      if (this.internalChecked) {\n        e.formData.set(this.name, 'on');\n      }\n    });\n  }\n\n  formResetCallback() {\n    this.internalChecked = false;\n    this.checked = false;\n    this.updateFormValue();\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-checkbox__wrapper': true,\n      [`spw-checkbox__wrapper--${this.variant}`]: true,\n      'spw-checkbox__wrapper--disabled': this.disabled,\n      'spw-checkbox__wrapper--checked': this.internalChecked,\n      'spw-checkbox__wrapper--error': this.error,\n    };\n  }\n\n  render() {\n    const slot = this.el.innerHTML;\n    const hasSlot = Boolean(slot);\n\n    return (\n      <div class=\"spw-checkbox\">\n        <input\n          type=\"checkbox\"\n          ref={el => (this.inputElement = el)}\n          checked={this.internalChecked}\n          onChange={this.handleCheckbox.bind(this)}\n          name={this.name}\n          disabled={this.disabled}\n          style={{ display: 'none' }}\n        />\n        {hasSlot && (\n          <label htmlFor={this.name} class={`spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`} onClick={this.handleCheckbox.bind(this)}>\n            <slot />\n          </label>\n        )}\n        <div\n          tabindex={this.disabled ? -1 : 0}\n          onClick={this.handleCheckbox.bind(this)}\n          onKeyDown={this.handleKeydown.bind(this)}\n          role=\"checkbox\"\n          aria-checked={this.internalChecked ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-labelledby=\"label\"\n          class={this.elementClass}\n        >\n          {this.internalChecked && <spw-icon icon={this.icon}></spw-icon>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-BBi01mKM.js.map

@@ -1 +1 @@
-{"file":"p-BBi01mKM.js","mappings":"AAQM,SAAU,UAAU,CAAC,IAAY,EAAA;IACrC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAC7B,IAAA,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;AAC9C;AAoXM,SAAU,cAAc,CAAC,WAAW,EAAA;IACxC,MAAM,QAAQ,GAAG,WAAW,IAAI,IAAI,GAAG,IAAI,CAAC;AAC5C,IAAA,IAAI,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;IAEzD,IAAI,QAAQ,GAAG,CAAC,IAAI,QAAQ,GAAG,IAAI,EAAE;QACnC,aAAa,GAAG,MAAM;;AACjB,SAAA,IAAI,QAAQ,KAAK,CAAC,EAAE;QACzB,aAAa,GAAG,MAAM;;IAGxB,OAAO,CAAA,EAAG,aAAa,CAAA,GAAA,CAAK;AAC9B;;;;","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport function toKebabCase(str: string) {\n  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n}\n\nexport function formatDate(date: string): string {\n  const parts = date.split('-');\n  return `${parts[2]}/${parts[1]}/${parts[0]}`;\n}\n\nexport function stripHtmlContent(content: string): string {\n  const div = document.createElement('div');\n  div.innerHTML = content;\n  return div.textContent || div.innerText || '';\n}\n\ninterface ComponentProp {\n  name: string;\n  type: string;\n  docs: string;\n  default: string;\n}\n\ninterface ComponentEvent {\n  event: string;\n  docs: string;\n  detail: string;\n}\n\ninterface ComponentMethod {\n  name: string;\n  signature: string;\n  docs: string;\n  returns: {\n    type: string;\n    docs: string;\n  };\n  parameters: Array<{\n    name: string;\n    type: string;\n    docs: string;\n  }>;\n}\n\ninterface ComponentInfo {\n  name: string;\n  props: ComponentProp[];\n  events: ComponentEvent[];\n  methods: ComponentMethod[];\n}\n\nconst description = (prop: ComponentProp | ComponentEvent | ComponentMethod) => (prop.docs || '').trim();\n\nconst isText = (prop: ComponentProp) => prop.type === 'string';\nconst isBoolean = (prop: ComponentProp) => prop.type === 'boolean';\nconst isEnum = (prop: ComponentProp) => prop.type.includes('|');\nconst isNumber = (prop: ComponentProp) => prop.type === 'number';\n\nconst enumOptions = (prop: ComponentProp) =>\n  prop.type\n    .split('|')\n    .map(t => t.trim())\n    .map(t => (t === '\"\"' ? 'default' : t))\n    .map(t => t.replace(/^\"(.*)\"$/, '$1'));\n\nconst generateProp = (prop: ComponentProp, componentTag?: string, prefixPropName: boolean = false) => {\n  const category = componentTag ? `Props - ${componentTag}` : 'properties';\n  const propName = prefixPropName && componentTag ? `${componentTag}__${prop.name}` : prop.name;\n\n  const baseTableConfig = {\n    category: category,\n    defaultValue: { summary: prop.default },\n  };\n\n  if (isText(prop)) {\n    return {\n      [propName]: {\n        control: 'text',\n        description: description(prop),\n        defaultValue: prop.default,\n        name: prop.name,\n        table: {\n          ...baseTableConfig,\n          type: { summary: 'string' },\n        },\n      },\n    };\n  }\n\n  if (isBoolean(prop)) {\n    return {\n      [propName]: {\n        control: 'boolean',\n        description: description(prop),\n        defaultValue: prop.default,\n        name: prop.name,\n        table: {\n          ...baseTableConfig,\n          type: { summary: 'boolean' },\n        },\n      },\n    };\n  }\n\n  if (isNumber(prop)) {\n    return {\n      [propName]: {\n        control: 'number',\n        description: description(prop),\n        defaultValue: prop.default,\n        name: prop.name,\n        table: {\n          ...baseTableConfig,\n          type: { summary: 'number' },\n        },\n      },\n    };\n  }\n\n  if (isEnum(prop)) {\n    return {\n      [propName]: {\n        control: 'select',\n        defaultValue: prop.default,\n        options: enumOptions(prop),\n        description: description(prop),\n        name: prop.name,\n        table: {\n          ...baseTableConfig,\n          type: { summary: 'enum' },\n        },\n      },\n    };\n  }\n\n  return {};\n};\n\nconst generateProps = (props: ComponentProp[], componentTag?: string, prefixPropName: boolean = false) => {\n  let args = {};\n  props.forEach(prop => (args = { ...args, ...generateProp(prop, componentTag, prefixPropName) }));\n  return args;\n};\n\nconst generateEvent = (event: ComponentEvent, componentTag?: string, prefixEventName: boolean = false) => {\n  function capitalizeFirstLetter(string: string) {\n    return string.charAt(0).toUpperCase() + string.slice(1);\n  }\n\n  const category = componentTag ? `Events - ${componentTag}` : 'events';\n  const originalEventName = `on${capitalizeFirstLetter(event.event)}`;\n  const eventName = prefixEventName && componentTag ? `${componentTag}__${originalEventName}` : originalEventName;\n\n  return {\n    [eventName]: {\n      action: event.event,\n      description: description(event),\n      name: originalEventName,\n      table: {\n        defaultValue: { summary: event.event },\n        category: category,\n        type: { summary: event.detail },\n      },\n    },\n  };\n};\n\nconst generateEvents = (events: ComponentEvent[], componentTag?: string, prefixEventName: boolean = false) => {\n  let args = {};\n  events.forEach(event => (args = { ...args, ...generateEvent(event, componentTag, prefixEventName) }));\n  return args;\n};\n\nconst generateMethod = (method: ComponentMethod, componentTag?: string, prefixMethodName: boolean = false) => {\n  const category = componentTag ? `Methods - ${componentTag}` : 'methods';\n  const methodName = prefixMethodName && componentTag ? `${componentTag}__${method.name}` : method.name;\n\n  return {\n    [methodName]: {\n      action: method.name,\n      description: description(method),\n      name: method.name,\n      table: {\n        category: category,\n        type: { summary: method.signature },\n        defaultValue: { summary: method.returns.type },\n      },\n    },\n  };\n};\n\nconst generateMethods = (methods: ComponentMethod[], componentTag?: string, prefixMethodName: boolean = false) => {\n  let args = {};\n  methods.forEach(method => (args = { ...args, ...generateMethod(method, componentTag, prefixMethodName) }));\n  return args;\n};\n\nconst extractComponentInfoByTag = (componentsData: any, tag: string): ComponentInfo | null => {\n  const component = componentsData.components.find(c => c.tag === tag);\n\n  if (!component) {\n    console.error(`Component with tag ${tag} not found`);\n    return null;\n  }\n\n  const { props, events, methods } = component;\n\n  const propInfo = props.map(prop => ({\n    name: prop.name,\n    type: prop.type,\n    docs: prop.docs,\n    default: prop.default || '',\n  }));\n\n  const eventInfo = events.map(event => ({\n    event: event.event,\n    docs: event.docs,\n    detail: event.detail,\n  }));\n\n  const methodInfo = methods.map(method => ({\n    name: method.name,\n    signature: method.signature,\n    docs: method.docs,\n    returns: method.returns,\n    parameters: method.parameters,\n  }));\n\n  return {\n    name: tag,\n    props: propInfo,\n    events: eventInfo,\n    methods: methodInfo,\n  };\n};\n\nconst generateHTMLTable = (componentInfo: ComponentInfo): string => {\n  if (!componentInfo) {\n    return `<p>Component not found</p>`;\n  }\n\n  const { props, events, methods } = componentInfo;\n\n  const propsRows = props\n    .map(\n      prop => `\n    <tr>\n      <td>${prop.name}</td>\n      <td>${prop.type}</td>\n      <td>${prop.docs}</td>\n      <td>${prop.default}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  const eventsRows = events\n    .map(\n      event => `\n    <tr>\n      <td>${event.event}</td>\n      <td>${event.detail}</td>\n      <td>${event.docs}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  const methodsRows = methods\n    .map(\n      method => `\n    <tr>\n      <td>${method.name}</td>\n      <td>${method.signature}</td>\n      <td>${method.returns.type}</td>\n      <td>${method.docs}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  return `\n    <h3>Propriétés</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Propriété</th>\n          <th>Type</th>\n          <th>Description</th>\n          <th>Valeur par défaut</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${propsRows}\n      </tbody>\n    </table>\n    <h3>Événements</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Événement</th>\n          <th>Détail</th>\n          <th>Description</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${eventsRows}\n      </tbody>\n    </table>\n    <h3>Méthodes</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Méthode</th>\n          <th>Signature</th>\n          <th>Retour</th>\n          <th>Description</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${methodsRows}\n      </tbody>\n    </table>\n  `;\n};\n\nexport const generateComponentTable = (componentsData: any, tag: string): string => {\n  const componentInfo = extractComponentInfoByTag(componentsData, tag);\n  return generateHTMLTable(componentInfo);\n};\n\nexport const withComponentControls = (\n  componentsData: any,\n  { tag, customTokens = [], prefixNames = false }: { tag: string; customTokens?: { name: string; description: string; defaultValue: string }[]; prefixNames?: boolean },\n): any => {\n  const component = componentsData.components.find(c => c.tag === tag);\n  const props = component?.props || [];\n  const events = component?.events || [];\n  const methods = component?.methods || [];\n\n  const tokenControls = customTokens.reduce((acc, token) => {\n    const tokenName = prefixNames ? `${tag}__${token.name}` : token.name;\n    acc[tokenName] = {\n      control: true,\n      description: token.description,\n      table: {\n        category: `Tokens - ${tag}`,\n        type: { summary: 'CSS Variable' },\n        defaultValue: { summary: token.defaultValue },\n      },\n    };\n    return acc;\n  }, {});\n\n  const propControls = generateProps(props as ComponentProp[], tag, prefixNames);\n  const eventControls = generateEvents(events as ComponentEvent[], tag, prefixNames);\n  const methodControls = generateMethods(methods as ComponentMethod[], tag, prefixNames);\n\n  const allControls = {\n    ...propControls,\n    ...eventControls,\n    ...methodControls,\n    ...tokenControls,\n  };\n\n  Object.defineProperty(allControls, '__realProps', {\n    value: Object.keys(propControls).concat(Object.keys(tokenControls)),\n    enumerable: false,\n  });\n\n  return allControls;\n};\n\nexport function extractArgTypes(componentsData: any, subComponentTags: string[]) {\n  return subComponentTags.reduce((acc, tag) => {\n    const subComponentArgTypes = withComponentControls(componentsData, { tag, prefixNames: true });\n    return { ...acc, ...subComponentArgTypes };\n  }, {});\n}\n\nexport function formatFileSize(sizeInBytes) {\n  const sizeInMB = sizeInBytes / (1024 * 1024);\n  let formattedSize = sizeInMB.toFixed(2).replace('.', ',');\n\n  if (sizeInMB > 0 && sizeInMB < 0.01) {\n    formattedSize = '0,01';\n  } else if (sizeInMB === 0) {\n    formattedSize = '0,00';\n  }\n\n  return `${formattedSize} Mo`;\n}\n\nexport function hasSlotContent(el: HTMLElement): boolean {\n  const slot = el.querySelector('slot');\n  return slot && slot.assignedNodes().length > 0;\n}\n"],"version":3}
+{"file":"p-BBi01mKM.js","mappings":"AAQM,SAAU,UAAU,CAAC,IAAY,EAAA;IACrC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAC7B,IAAA,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;AAC9C;AAqXM,SAAU,cAAc,CAAC,WAAW,EAAA;IACxC,MAAM,QAAQ,GAAG,WAAW,IAAI,IAAI,GAAG,IAAI,CAAC;AAC5C,IAAA,IAAI,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;IAEzD,IAAI,QAAQ,GAAG,CAAC,IAAI,QAAQ,GAAG,IAAI,EAAE;QACnC,aAAa,GAAG,MAAM;;AACjB,SAAA,IAAI,QAAQ,KAAK,CAAC,EAAE;QACzB,aAAa,GAAG,MAAM;;IAGxB,OAAO,CAAA,EAAG,aAAa,CAAA,GAAA,CAAK;AAC9B;;;;","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport function toKebabCase(str: string) {\n  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n}\n\nexport function formatDate(date: string): string {\n  const parts = date.split('-');\n  return `${parts[2]}/${parts[1]}/${parts[0]}`;\n}\n\nexport function stripHtmlContent(content: string): string {\n  const div = document.createElement('div');\n  div.innerHTML = content;\n  return div.textContent || div.innerText || '';\n}\n\ninterface ComponentProp {\n  name: string;\n  type: string;\n  docs: string;\n  default: string;\n}\n\ninterface ComponentEvent {\n  event: string;\n  docs: string;\n  detail: string;\n}\n\ninterface ComponentMethod {\n  name: string;\n  signature: string;\n  docs: string;\n  returns: {\n    type: string;\n    docs: string;\n  };\n  parameters: Array<{\n    name: string;\n    type: string;\n    docs: string;\n  }>;\n}\n\ninterface ComponentInfo {\n  name: string;\n  props: ComponentProp[];\n  events: ComponentEvent[];\n  methods: ComponentMethod[];\n}\n\nconst description = (prop: ComponentProp | ComponentEvent | ComponentMethod) => (prop.docs || '').trim();\n\nconst isText = (prop: ComponentProp) => prop.type === 'string';\nconst isBoolean = (prop: ComponentProp) => prop.type === 'boolean';\nconst isEnum = (prop: ComponentProp) => prop.type.includes('|');\nconst isNumber = (prop: ComponentProp) => prop.type === 'number';\n\nconst enumOptions = (prop: ComponentProp) =>\n  prop.type\n    .split('|')\n    .map(t => t.trim())\n    .map(t => (t === '\"\"' ? 'default' : t))\n    .map(t => t.replace(/^\"(.*)\"$/, '$1'));\n\nconst generateProp = (prop: ComponentProp, componentTag?: string, prefixPropName: boolean = false) => {\n  const category = componentTag ? `Props - ${componentTag}` : 'properties';\n  const propName = prefixPropName && componentTag ? `${componentTag}__${prop.name}` : prop.name;\n  const kebabCaseName = toKebabCase(prop.name);\n\n  const baseTableConfig = {\n    category: category,\n    defaultValue: { summary: prop.default },\n  };\n\n  if (isText(prop)) {\n    return {\n      [propName]: {\n        control: 'text',\n        description: description(prop),\n        defaultValue: prop.default,\n        name: kebabCaseName,\n        table: {\n          ...baseTableConfig,\n          type: { summary: 'string' },\n        },\n      },\n    };\n  }\n\n  if (isBoolean(prop)) {\n    return {\n      [propName]: {\n        control: 'boolean',\n        description: description(prop),\n        defaultValue: prop.default,\n        name: kebabCaseName,\n        table: {\n          ...baseTableConfig,\n          type: { summary: 'boolean' },\n        },\n      },\n    };\n  }\n\n  if (isNumber(prop)) {\n    return {\n      [propName]: {\n        control: 'number',\n        description: description(prop),\n        defaultValue: prop.default,\n        name: kebabCaseName,\n        table: {\n          ...baseTableConfig,\n          type: { summary: 'number' },\n        },\n      },\n    };\n  }\n\n  if (isEnum(prop)) {\n    return {\n      [propName]: {\n        control: 'select',\n        defaultValue: prop.default,\n        options: enumOptions(prop),\n        description: description(prop),\n        name: kebabCaseName,\n        table: {\n          ...baseTableConfig,\n          type: { summary: 'enum' },\n        },\n      },\n    };\n  }\n\n  return {};\n};\n\nconst generateProps = (props: ComponentProp[], componentTag?: string, prefixPropName: boolean = false) => {\n  let args = {};\n  props.forEach(prop => (args = { ...args, ...generateProp(prop, componentTag, prefixPropName) }));\n  return args;\n};\n\nconst generateEvent = (event: ComponentEvent, componentTag?: string, prefixEventName: boolean = false) => {\n  function capitalizeFirstLetter(string: string) {\n    return string.charAt(0).toUpperCase() + string.slice(1);\n  }\n\n  const category = componentTag ? `Events - ${componentTag}` : 'events';\n  const originalEventName = `on${capitalizeFirstLetter(event.event)}`;\n  const eventName = prefixEventName && componentTag ? `${componentTag}__${originalEventName}` : originalEventName;\n\n  return {\n    [eventName]: {\n      action: event.event,\n      description: description(event),\n      name: originalEventName,\n      table: {\n        defaultValue: { summary: event.event },\n        category: category,\n        type: { summary: event.detail },\n      },\n    },\n  };\n};\n\nconst generateEvents = (events: ComponentEvent[], componentTag?: string, prefixEventName: boolean = false) => {\n  let args = {};\n  events.forEach(event => (args = { ...args, ...generateEvent(event, componentTag, prefixEventName) }));\n  return args;\n};\n\nconst generateMethod = (method: ComponentMethod, componentTag?: string, prefixMethodName: boolean = false) => {\n  const category = componentTag ? `Methods - ${componentTag}` : 'methods';\n  const methodName = prefixMethodName && componentTag ? `${componentTag}__${method.name}` : method.name;\n\n  return {\n    [methodName]: {\n      action: method.name,\n      description: description(method),\n      name: method.name,\n      table: {\n        category: category,\n        type: { summary: method.signature },\n        defaultValue: { summary: method.returns.type },\n      },\n    },\n  };\n};\n\nconst generateMethods = (methods: ComponentMethod[], componentTag?: string, prefixMethodName: boolean = false) => {\n  let args = {};\n  methods.forEach(method => (args = { ...args, ...generateMethod(method, componentTag, prefixMethodName) }));\n  return args;\n};\n\nconst extractComponentInfoByTag = (componentsData: any, tag: string): ComponentInfo | null => {\n  const component = componentsData.components.find(c => c.tag === tag);\n\n  if (!component) {\n    console.error(`Component with tag ${tag} not found`);\n    return null;\n  }\n\n  const { props, events, methods } = component;\n\n  const propInfo = props.map(prop => ({\n    name: prop.name,\n    type: prop.type,\n    docs: prop.docs,\n    default: prop.default || '',\n  }));\n\n  const eventInfo = events.map(event => ({\n    event: event.event,\n    docs: event.docs,\n    detail: event.detail,\n  }));\n\n  const methodInfo = methods.map(method => ({\n    name: method.name,\n    signature: method.signature,\n    docs: method.docs,\n    returns: method.returns,\n    parameters: method.parameters,\n  }));\n\n  return {\n    name: tag,\n    props: propInfo,\n    events: eventInfo,\n    methods: methodInfo,\n  };\n};\n\nconst generateHTMLTable = (componentInfo: ComponentInfo): string => {\n  if (!componentInfo) {\n    return `<p>Component not found</p>`;\n  }\n\n  const { props, events, methods } = componentInfo;\n\n  const propsRows = props\n    .map(\n      prop => `\n    <tr>\n      <td>${prop.name}</td>\n      <td>${prop.type}</td>\n      <td>${prop.docs}</td>\n      <td>${prop.default}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  const eventsRows = events\n    .map(\n      event => `\n    <tr>\n      <td>${event.event}</td>\n      <td>${event.detail}</td>\n      <td>${event.docs}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  const methodsRows = methods\n    .map(\n      method => `\n    <tr>\n      <td>${method.name}</td>\n      <td>${method.signature}</td>\n      <td>${method.returns.type}</td>\n      <td>${method.docs}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  return `\n    <h3>Propriétés</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Propriété</th>\n          <th>Type</th>\n          <th>Description</th>\n          <th>Valeur par défaut</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${propsRows}\n      </tbody>\n    </table>\n    <h3>Événements</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Événement</th>\n          <th>Détail</th>\n          <th>Description</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${eventsRows}\n      </tbody>\n    </table>\n    <h3>Méthodes</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Méthode</th>\n          <th>Signature</th>\n          <th>Retour</th>\n          <th>Description</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${methodsRows}\n      </tbody>\n    </table>\n  `;\n};\n\nexport const generateComponentTable = (componentsData: any, tag: string): string => {\n  const componentInfo = extractComponentInfoByTag(componentsData, tag);\n  return generateHTMLTable(componentInfo);\n};\n\nexport const withComponentControls = (\n  componentsData: any,\n  { tag, customTokens = [], prefixNames = false }: { tag: string; customTokens?: { name: string; description: string; defaultValue: string }[]; prefixNames?: boolean },\n): any => {\n  const component = componentsData.components.find(c => c.tag === tag);\n  const props = component?.props || [];\n  const events = component?.events || [];\n  const methods = component?.methods || [];\n\n  const tokenControls = customTokens.reduce((acc, token) => {\n    const tokenName = prefixNames ? `${tag}__${token.name}` : token.name;\n    acc[tokenName] = {\n      control: true,\n      description: token.description,\n      table: {\n        category: `Tokens - ${tag}`,\n        type: { summary: 'CSS Variable' },\n        defaultValue: { summary: token.defaultValue },\n      },\n    };\n    return acc;\n  }, {});\n\n  const propControls = generateProps(props as ComponentProp[], tag, prefixNames);\n  const eventControls = generateEvents(events as ComponentEvent[], tag, prefixNames);\n  const methodControls = generateMethods(methods as ComponentMethod[], tag, prefixNames);\n\n  const allControls = {\n    ...propControls,\n    ...eventControls,\n    ...methodControls,\n    ...tokenControls,\n  };\n\n  Object.defineProperty(allControls, '__realProps', {\n    value: Object.keys(propControls).concat(Object.keys(tokenControls)),\n    enumerable: false,\n  });\n\n  return allControls;\n};\n\nexport function extractArgTypes(componentsData: any, subComponentTags: string[]) {\n  return subComponentTags.reduce((acc, tag) => {\n    const subComponentArgTypes = withComponentControls(componentsData, { tag, prefixNames: true });\n    return { ...acc, ...subComponentArgTypes };\n  }, {});\n}\n\nexport function formatFileSize(sizeInBytes) {\n  const sizeInMB = sizeInBytes / (1024 * 1024);\n  let formattedSize = sizeInMB.toFixed(2).replace('.', ',');\n\n  if (sizeInMB > 0 && sizeInMB < 0.01) {\n    formattedSize = '0,01';\n  } else if (sizeInMB === 0) {\n    formattedSize = '0,00';\n  }\n\n  return `${formattedSize} Mo`;\n}\n\nexport function hasSlotContent(el: HTMLElement): boolean {\n  const slot = el.querySelector('slot');\n  return slot && slot.assignedNodes().length > 0;\n}\n"],"version":3}

package/dist/components/{p-Bvpi6byK.js → p-BSrgKxt5.js}

@@ -33,7 +33,7 @@ const SpwSeparator = /*@__PURE__*/ proxyCustomElement(class SpwSeparator extends
         };
     }
     render() {
-        return h("div", { key: '888d77fa5ca4a8030f263a30422e86068500cb29', class: this.elementClass, style: this.style });
+        return h("div", { key: 'fff116d30644e8fb7a5762eaba9c8e28f7d6bf7f', class: this.elementClass, style: this.style });
     }
     static get style() { return spwSeparatorCss; }
 }, [1, "spw-separator", {
@@ -58,6 +58,6 @@ function defineCustomElement() {
 }
 
 export { SpwSeparator as S, defineCustomElement as d };
-//# sourceMappingURL=p-Bvpi6byK.js.map
+//# sourceMappingURL=p-BSrgKxt5.js.map
 
-//# sourceMappingURL=p-Bvpi6byK.js.map
+//# sourceMappingURL=p-BSrgKxt5.js.map

package/dist/components/{p-Bvpi6byK.js.map → p-BSrgKxt5.js.map}

@@ -1 +1 @@
-{"file":"p-Bvpi6byK.js","mappings":";;AAAA,MAAM,eAAe,GAAG,o+FAAo+F;;MCO/+F,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAO,CAAA,OAAA,GAAqB,MAAM;;AAGlC,QAAA,IAAS,CAAA,SAAA,GAA8B,YAAY;;AAGnD,QAAA,IAAS,CAAA,SAAA,GAAU,CAAC;;AAGpB,QAAA,IAAK,CAAA,KAAA,GAAW,MAAM;;AAGtB,QAAA,IAAM,CAAA,MAAA,GAAW,MAAM;AAqBhC;AAnBC,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,eAAe,EAAE,IAAI;AACrB,YAAA,CAAC,kBAAkB,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AACxC,YAAA,CAAC,kBAAkB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,IAAI;AAC1C,YAAA,CAAC,4BAA4B,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,IAAI;SACrD;;AAGH,IAAA,IAAY,KAAK,GAAA;QACf,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,SAAS,KAAK,YAAY,GAAG,CAAA,EAAG,IAAI,CAAC,KAAK,IAAI,GAAG,CAAG,EAAA,IAAI,CAAC,SAAS,CAAI,EAAA,CAAA;YAClF,MAAM,EAAE,IAAI,CAAC,SAAS,KAAK,UAAU,GAAG,CAAA,EAAG,IAAI,CAAC,MAAM,IAAI,GAAG,CAAG,EAAA,IAAI,CAAC,SAAS,CAAI,EAAA,CAAA;SACnF;;IAGH,MAAM,GAAA;QACJ,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-separator/spw-separator.scss?tag=spw-separator&encapsulation=shadow","src/components/spw-separator/spw-separator.tsx"],"sourcesContent":[":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"],"version":3}
+{"file":"p-BSrgKxt5.js","mappings":";;AAAA,MAAM,eAAe,GAAG,o+FAAo+F;;MCO/+F,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAO,CAAA,OAAA,GAAqB,MAAM;;AAGlC,QAAA,IAAS,CAAA,SAAA,GAA8B,YAAY;;AAGnD,QAAA,IAAS,CAAA,SAAA,GAAU,CAAC;;AAGpB,QAAA,IAAK,CAAA,KAAA,GAAW,MAAM;;AAGtB,QAAA,IAAM,CAAA,MAAA,GAAW,MAAM;AAqBhC;AAnBC,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,eAAe,EAAE,IAAI;AACrB,YAAA,CAAC,kBAAkB,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AACxC,YAAA,CAAC,kBAAkB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,IAAI;AAC1C,YAAA,CAAC,4BAA4B,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,IAAI;SACrD;;AAGH,IAAA,IAAY,KAAK,GAAA;QACf,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,SAAS,KAAK,YAAY,GAAG,CAAA,EAAG,IAAI,CAAC,KAAK,IAAI,GAAG,CAAG,EAAA,IAAI,CAAC,SAAS,CAAI,EAAA,CAAA;YAClF,MAAM,EAAE,IAAI,CAAC,SAAS,KAAK,UAAU,GAAG,CAAA,EAAG,IAAI,CAAC,MAAM,IAAI,GAAG,CAAG,EAAA,IAAI,CAAC,SAAS,CAAI,EAAA,CAAA;SACnF;;IAGH,MAAM,GAAA;QACJ,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-separator/spw-separator.scss?tag=spw-separator&encapsulation=shadow","src/components/spw-separator/spw-separator.tsx"],"sourcesContent":[":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"],"version":3}

package/dist/components/{p-_sdYD0eS.js → p-BlSOja6j.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
 import { d as defineCustomElement$3 } from './p-t1vZcpqC.js';
-import { d as defineCustomElement$2 } from './p-qgvllwX6.js';
-import { d as defineCustomElement$1 } from './p-_q4w18VU.js';
+import { d as defineCustomElement$2 } from './p-DKCYb8Pa.js';
+import { d as defineCustomElement$1 } from './p-jHpxbAsa.js';
 
 const spwTextFieldCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800);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-text-field{position:relative}.spw-text-field__input-container{display:flex;flex:1;position:relative}.spw-text-field__input{border:1px solid var(--spw-input-border);border-radius:var(--spw-input-radius);flex:1;font-size:var(--spw-input-font-size);height:var(--spw-input-height);line-height:var(--spw-input-height);padding:var(--spw-input-padding);text-align:var(--spw-input-text-align);text-overflow:ellipsis;width:100%}.spw-text-field__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field__input:focus,.spw-text-field__input:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-text-field__input[type=number]{margin:0}.spw-text-field__input[type=number]::-webkit-inner-spin-button,.spw-text-field__input[type=number]::-webkit-outer-spin-button{margin:0}:host-context(spw-header) .spw-text-field__input{border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__input{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-text-field--disabled .spw-text-field__input::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input:focus,.spw-text-field--disabled .spw-text-field__input:focus-visible,.spw-text-field--disabled .spw-text-field__input:hover{outline:none}.spw-text-field--is-error .spw-text-field__input{border-color:var(--spw-colors-states-error-error-300)}.spw-text-field--large .spw-text-field__input{height:60px;line-height:60px;padding:0 24px}.spw-text-field--is-clear:not(.spw-text-field--is-search) .spw-text-field__input,.spw-text-field--is-search:not(.spw-text-field--is-clear) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear .spw-text-field__input{padding-right:70px}.spw-text-field__container{align-items:center;display:flex}.spw-text-field__indicator{padding-left:.75rem}.spw-text-field__icons{align-items:center;display:flex;gap:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spw-text-field--large .spw-text-field__icons{right:24px}.spw-text-field--disabled .spw-text-field__icons{pointer-events:none}.spw-text-field__clear{align-items:center;border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:50%;cursor:pointer;display:inline-flex;font-size:12px;height:20px;justify-content:center;padding:2px;transition:all .2s ease-in;width:20px}.spw-text-field__clear:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon{color:var(--spw-input-icon-search-color)}.spw-text-field--disabled .spw-text-field__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon--search{font-size:18px;pointer-events:none}.spw-text-field--large .spw-text-field__icon--search{font-size:24px}.spw-text-field__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-italic{font-style:italic}";
 
@@ -189,7 +189,7 @@ const SpwTextField = /*@__PURE__*/ proxyCustomElement(class SpwTextField extends
         };
     }
     render() {
-        return (h("div", { key: '7ac0d815bd0edd167799c3749c708b1a54beeecd', class: this.elementClass }, this.label && h("spw-field-label", { key: '2e6daa75d321b6e222e21f17e7b052984186dabc', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: '4756dfee5a472a884e6639092cf4cbd6c766ab68', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'c6610e3d2e747c3b5af25d6f185a39a2d2cf0bb6', class: "spw-text-field__container" }, h("div", { key: 'b22887493389b956166d3f6acd8b8d7f1e8f497c', class: "spw-text-field__input-container" }, h("input", { key: 'de7bd4f6f3c7ee2a6de90d10fb2c336178104573', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: 'c4674edd4c3bddf1e0880f81a11fcaf60e4aa51c', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: '0265b15ae7613efb3646eb128f86b68859c11a27', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: 'd6a335856fd4ef3723d01f6bedc2a02e80aee996', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && h("spw-icon", { key: '411bb106a9205f138254734852d78b5e41359004', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" })))), this.indicator && h("div", { key: 'c73e92d45abd6268b7ff6c3ba2679523814316ef', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (h("div", { key: '27be0b4795a95d6716f9d08c829969c3b48567e3', class: this.elementClass }, this.label && h("spw-field-label", { key: '3dbaffc3d351a855c63c7691de99a71cd901a230', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: '93bf1c0f803ca486474cbd790ee75d23973ad728', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '2c5743a76a2feac7785600e934bfe1e3cd6a3809', class: "spw-text-field__container" }, h("div", { key: '14fea0bcef5479b7696c33b99ca15f0402fbd20d', class: "spw-text-field__input-container" }, h("input", { key: 'cfccf8028841c20802862a5e7ffb6b98754758ed', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: 'a33b54bed61551e77bb179256dfb8de5ac461697', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: 'c08d7c2c372f568bf00599c29c0027b7d9795b7f', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '084520d9be13ed7657df4fb0d70e35a4b938d66b', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && h("spw-icon", { key: '18bffd430de3ec5ea0ffa2beace0f9687dbe04e0', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" })))), this.indicator && h("div", { key: 'a822903751f4a78baa3cebff2cbc3f48d9433dbf', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {
@@ -259,6 +259,6 @@ function defineCustomElement() {
 }
 
 export { SpwTextField as S, defineCustomElement as d };
-//# sourceMappingURL=p-_sdYD0eS.js.map
+//# sourceMappingURL=p-BlSOja6j.js.map
 
-//# sourceMappingURL=p-_sdYD0eS.js.map
+//# sourceMappingURL=p-BlSOja6j.js.map

package/dist/components/{p-_sdYD0eS.js.map → p-BlSOja6j.js.map}

@@ -1 +1 @@
-{"file":"p-_sdYD0eS.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-text-field/spw-text-field.scss?tag=spw-text-field&encapsulation=shadow","src/components/spw-text-field/spw-text-field.tsx"],"sourcesContent":[":host {\n  display: block;\n  --spw-input-height: 40px;\n  --spw-input-padding: 0 12px;\n  --spw-input-text-align: left;\n  --spw-input-font-size: 16px;\n  --spw-input-radius: 4px;\n  --spw-input-icon-search-color: var(--spw-color-themes-grey-grey-900);\n  --spw-input-border: var(--spw-color-themes-grey-grey-800);\n}\n\n.spw-text-field {\n  position: relative;\n  &__input-container {\n    flex: 1;\n    position: relative;\n    display: flex;\n  }\n  &__input {\n    flex: 1;\n    width: 100%;\n    height: var(--spw-input-height);\n    padding: var(--spw-input-padding);\n    text-overflow: ellipsis;\n    line-height: var(--spw-input-height);\n    border-radius: var(--spw-input-radius);\n    font-size: var(--spw-input-font-size);\n    text-align: var(--spw-input-text-align);\n    border: 1px solid var(--spw-input-border);\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    &[type='number'] {\n      // -moz-appearance: textfield;\n      // -webkit-appearance: none;\n      // appearance: none;\n      margin: 0;\n      &::-webkit-outer-spin-button,\n      &::-webkit-inner-spin-button {\n        // -webkit-appearance: none;\n        margin: 0;\n      }\n      &[type='number'] {\n        // -moz-appearance: textfield;\n      }\n    }\n    :host-context(spw-header) & {\n      border: 1px solid var(--spw-color-themes-grey-grey-300);\n    }\n    .spw-text-field--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-text-field--is-error & {\n      border-color: var(--spw-colors-states-error-error-300);\n    }\n    .spw-text-field--large & {\n      height: 60px;\n      padding: 0 24px;\n      line-height: 60px;\n    }\n    .spw-text-field--is-search:not(.spw-text-field--is-clear) & {\n      padding-right: 40px;\n    }\n    .spw-text-field--is-clear:not(.spw-text-field--is-search) & {\n      padding-right: 40px;\n    }\n    .spw-text-field--is-clear & {\n      padding-right: 70px;\n    }\n  }\n  &__container {\n    display: flex;\n    align-items: center;\n  }\n  &__indicator {\n    @apply spw-tw-pl-3;\n  }\n  &__icons {\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 50%;\n    right: 12px;\n    gap: 8px;\n    transform: translateY(-50%);\n    .spw-text-field--large & {\n      right: 24px;\n    }\n    .spw-text-field--disabled & {\n      pointer-events: none;\n    }\n  }\n  &__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    cursor: pointer;\n    padding: 2px;\n    border: 2px var(--spw-color-themes-grey-grey-900) solid;\n    border-radius: 50%;\n    font-size: 12px;\n    transition: all 0.2s ease-in;\n    &:hover {\n      background: var(--spw-color-themes-grey-grey-300);\n    }\n    .spw-text-field--disabled & {\n      border-color: var(--spw-color-themes-grey-grey-500);\n    }\n  }\n  &__icon {\n    color: var(--spw-input-icon-search-color);\n    .spw-text-field--disabled & {\n      color: var(--spw-color-themes-grey-grey-500);\n    }\n    &--search {\n      pointer-events: none;\n      font-size: 18px;\n      .spw-text-field--large & {\n        font-size: 24px;\n      }\n    }\n    &--clear {\n      color: var(--spw-color-themes-grey-grey-900);\n      font-size: 12px;\n    }\n  }\n}\n","import { AttachInternals, Method, Event, EventEmitter, Component, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-text-field',\n  styleUrl: 'spw-text-field.scss',\n  formAssociated: true,\n  shadow: true,\n})\nexport class SpwTextField {\n  /** Événement émis lorsque la valeur de l'input change */\n  @Event() valueChanged: EventEmitter<string | number>;\n\n  @State() internalValue: string = '';\n\n  /** Valeur actuelle du champ de saisie, mutable et reflétée dans le DOM */\n  @Prop({ mutable: true, reflect: true }) value?: string;\n  /** Type d'input à rendre, par exemple, \"text\", \"password\", etc. */\n  @Prop() type?: string = 'text';\n  /** Texte à afficher au-dessus du champ de saisie */\n  @Prop() label: string = '';\n  /** Texte du placeholder pour le champ de saisie */\n  @Prop() placeholder: string;\n  /** Si `true`, le champ de saisie est désactivé et ne peut pas être utilisé */\n  @Prop() disabled?: boolean;\n  /** Attribut `name` de l'élément input */\n  @Prop() name: string;\n  /** Valeur minimale dans le cas d'un input number */\n  @Prop() min?: number;\n  /** Valeur maximale dans le cas d'un input number */\n  @Prop() max?: number;\n  /** Valeur d'incrémentation dans le cas d'un input number */\n  @Prop() step?: number;\n  /** Longueur minimale pour la valeur de l'input */\n  @Prop() minLength?: number;\n  /** Longueur maximale pour la valeur de l'input */\n  @Prop() maxLength?: number;\n  /** Indique si l'input est un champ de recherche */\n  @Prop() isSearch?: boolean = false;\n  /** Indique si le champ peut être effacé avec un bouton */\n  @Prop() isClear?: boolean = false;\n  /** Indique si l'input est requis */\n  @Prop() required?: boolean = false;\n  /** Spécifie la taille du champ de saisie : 'large' ou 'medium' */\n  @Prop() size?: 'large' | 'medium' = 'medium';\n  /** Indicateur à afficher à droite du champ de saisie */\n  @Prop() indicator?: string;\n  /** Texte d'assistance à afficher sous le champ de saisie */\n  @Prop() assistiveText?: string;\n  /** Message d'erreur à afficher sous le champ */\n  @Prop() error?: string = '';\n  /** Message d'indication (hint) à afficher sous le champ */\n  @Prop() hint?: string = '';\n  /** Message de succès à afficher sous le champ */\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  /** Définition du masque (9 = chiffre, A = lettre majuscule, a = lettre, X = alphanum) */\n  @Prop() mask?: string;\n\n  @State() isClearIconVisible: boolean = false;\n\n  @AttachInternals() internals: ElementInternals;\n\n  private inputElement!: HTMLInputElement;\n  private lastInputValue: string = '';\n\n  @Watch('value')\n  valueChangedHandler(newValue: string) {\n    this.setValue(newValue);\n  }\n\n  @Method()\n  async setValue(newVal: string) {\n    const formatted = this.mask ? this.applyMask(newVal) : newVal;\n    this.internalValue = formatted;\n    this.value = formatted;\n    if (this.inputElement) {\n      this.inputElement.value = formatted;\n    }\n\n    const formVal = this.mask ? this.unmask(formatted) : formatted;\n\n    const emitValue = this.getTypedValue(formVal);\n\n    this.internals.setFormValue(emitValue ? String(emitValue) : null);\n    this.isClearIconVisible = this.isClear && !!formatted;\n    this.valueChanged.emit(emitValue);\n    this.lastInputValue = formatted;\n  }\n\n  private getTypedValue(value: string): string | number {\n    if (!value) return '';\n\n    if (this.type === 'number' && !isNaN(Number(value))) {\n      return Number(value);\n    }\n\n    return value;\n  }\n\n  componentWillLoad() {\n    const start = this.value ?? '';\n    this.internalValue = this.mask ? this.applyMask(start) : start;\n    this.lastInputValue = this.internalValue;\n  }\n\n  componentDidLoad() {\n    const formVal = this.mask ? this.unmask(this.internalValue) : this.internalValue;\n    const typedValue = this.getTypedValue(formVal);\n    this.internals.setFormValue(typedValue ? String(typedValue) : null);\n    this.isClearIconVisible = this.isClear && !!this.internalValue;\n  }\n\n  formResetCallback() {\n    this.setValue('');\n  }\n\n  private handleInput(event) {\n    if (!this.mask) {\n      this.setValue(event.target.value);\n      return;\n    }\n\n    const newValue = event.target.value;\n    const cursorPosition = event.target.selectionStart;\n\n    if (newValue.length < this.lastInputValue.length) {\n      const unmaskedValue = this.unmask(newValue);\n      this.setValue(unmaskedValue);\n\n      setTimeout(() => {\n        if (this.inputElement) {\n          const newCursorPos = Math.min(cursorPosition, this.inputElement.value.length);\n          this.inputElement.setSelectionRange(newCursorPos, newCursorPos);\n        }\n      }, 0);\n    } else {\n      this.setValue(newValue);\n    }\n  }\n\n  private handleClear() {\n    this.setValue('');\n  }\n\n  private unmask(value: string): string {\n    return value ? value.replace(/[^0-9A-Za-z]/g, '') : '';\n  }\n\n  private matchesPlaceholder(char: string, placeholder: string): boolean {\n    switch (placeholder) {\n      case '9':\n        return /[0-9]/.test(char);\n      case 'A':\n        return /[A-Za-z]/.test(char);\n      case 'a':\n        return /[A-Za-z]/.test(char);\n      case 'X':\n        return /[0-9A-Za-z]/.test(char);\n      default:\n        return false;\n    }\n  }\n\n  private transformForPlaceholder(char: string, placeholder: string): string {\n    switch (placeholder) {\n      case 'A':\n        return char.toUpperCase();\n      default:\n        return char;\n    }\n  }\n\n  private applyMask(rawOrMasked: string): string {\n    if (!this.mask) return rawOrMasked;\n\n    const rawChars = this.unmask(rawOrMasked).split('');\n    let rawIndex = 0;\n    let result = '';\n\n    for (let i = 0; i < this.mask.length; i++) {\n      const p = this.mask[i];\n\n      if (['9', 'A', 'a', 'X'].includes(p)) {\n        while (rawIndex < rawChars.length && !this.matchesPlaceholder(rawChars[rawIndex], p)) {\n          rawIndex++;\n        }\n        if (rawIndex >= rawChars.length) {\n          break;\n        }\n        const ch = this.transformForPlaceholder(rawChars[rawIndex], p);\n        result += ch;\n        rawIndex++;\n      } else {\n        result += p;\n      }\n    }\n\n    return result;\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-text-field': true,\n      [`spw-text-field--${this.size}`]: true,\n      'spw-text-field--is-search': this.isSearch,\n      'spw-text-field--is-error': !!this.error,\n      'spw-text-field--is-clear': this.isClearIconVisible,\n      'spw-text-field--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-text-field__container\">\n          <div class=\"spw-text-field__input-container\">\n            <input\n              class=\"spw-text-field__input\"\n              ref={el => (this.inputElement = el as HTMLInputElement)}\n              type={this.type}\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              value={this.internalValue}\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              name={this.name}\n              id={this.name}\n              minLength={this.minLength}\n              maxLength={this.maxLength}\n              required={this.required}\n              onInput={event => this.handleInput(event)}\n            />\n            {(this.isSearch || this.isClearIconVisible) && (\n              <div class=\"spw-text-field__icons\">\n                {this.isClearIconVisible && (\n                  <span class=\"spw-text-field__clear\" onClick={() => this.handleClear()}>\n                    <spw-icon class=\"spw-text-field__icon spw-text-field__icon--clear\" icon=\"fa-xmark\"></spw-icon>\n                  </span>\n                )}\n                {this.isSearch && <spw-icon class=\"spw-text-field__icon spw-text-field__icon--search\" icon=\"fa-magnifying-glass\"></spw-icon>}\n              </div>\n            )}\n          </div>\n          {this.indicator && <div class=\"spw-text-field__indicator\">{this.indicator}</div>}\n        </div>\n        {this.renderErrorMessage()}\n        {this.renderHintMessage()}\n        {this.renderSuccessMessage()}\n        {this.renderWarningMessage()}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-BlSOja6j.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-text-field/spw-text-field.scss?tag=spw-text-field&encapsulation=shadow","src/components/spw-text-field/spw-text-field.tsx"],"sourcesContent":[":host {\n  display: block;\n  --spw-input-height: 40px;\n  --spw-input-padding: 0 12px;\n  --spw-input-text-align: left;\n  --spw-input-font-size: 16px;\n  --spw-input-radius: 4px;\n  --spw-input-icon-search-color: var(--spw-color-themes-grey-grey-900);\n  --spw-input-border: var(--spw-color-themes-grey-grey-800);\n}\n\n.spw-text-field {\n  position: relative;\n  &__input-container {\n    flex: 1;\n    position: relative;\n    display: flex;\n  }\n  &__input {\n    flex: 1;\n    width: 100%;\n    height: var(--spw-input-height);\n    padding: var(--spw-input-padding);\n    text-overflow: ellipsis;\n    line-height: var(--spw-input-height);\n    border-radius: var(--spw-input-radius);\n    font-size: var(--spw-input-font-size);\n    text-align: var(--spw-input-text-align);\n    border: 1px solid var(--spw-input-border);\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    &[type='number'] {\n      // -moz-appearance: textfield;\n      // -webkit-appearance: none;\n      // appearance: none;\n      margin: 0;\n      &::-webkit-outer-spin-button,\n      &::-webkit-inner-spin-button {\n        // -webkit-appearance: none;\n        margin: 0;\n      }\n      &[type='number'] {\n        // -moz-appearance: textfield;\n      }\n    }\n    :host-context(spw-header) & {\n      border: 1px solid var(--spw-color-themes-grey-grey-300);\n    }\n    .spw-text-field--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-text-field--is-error & {\n      border-color: var(--spw-colors-states-error-error-300);\n    }\n    .spw-text-field--large & {\n      height: 60px;\n      padding: 0 24px;\n      line-height: 60px;\n    }\n    .spw-text-field--is-search:not(.spw-text-field--is-clear) & {\n      padding-right: 40px;\n    }\n    .spw-text-field--is-clear:not(.spw-text-field--is-search) & {\n      padding-right: 40px;\n    }\n    .spw-text-field--is-clear & {\n      padding-right: 70px;\n    }\n  }\n  &__container {\n    display: flex;\n    align-items: center;\n  }\n  &__indicator {\n    @apply spw-tw-pl-3;\n  }\n  &__icons {\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 50%;\n    right: 12px;\n    gap: 8px;\n    transform: translateY(-50%);\n    .spw-text-field--large & {\n      right: 24px;\n    }\n    .spw-text-field--disabled & {\n      pointer-events: none;\n    }\n  }\n  &__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    cursor: pointer;\n    padding: 2px;\n    border: 2px var(--spw-color-themes-grey-grey-900) solid;\n    border-radius: 50%;\n    font-size: 12px;\n    transition: all 0.2s ease-in;\n    &:hover {\n      background: var(--spw-color-themes-grey-grey-300);\n    }\n    .spw-text-field--disabled & {\n      border-color: var(--spw-color-themes-grey-grey-500);\n    }\n  }\n  &__icon {\n    color: var(--spw-input-icon-search-color);\n    .spw-text-field--disabled & {\n      color: var(--spw-color-themes-grey-grey-500);\n    }\n    &--search {\n      pointer-events: none;\n      font-size: 18px;\n      .spw-text-field--large & {\n        font-size: 24px;\n      }\n    }\n    &--clear {\n      color: var(--spw-color-themes-grey-grey-900);\n      font-size: 12px;\n    }\n  }\n}\n","import { AttachInternals, Method, Event, EventEmitter, Component, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-text-field',\n  styleUrl: 'spw-text-field.scss',\n  formAssociated: true,\n  shadow: true,\n})\nexport class SpwTextField {\n  /** Événement émis lorsque la valeur de l'input change */\n  @Event() valueChanged: EventEmitter<string | number>;\n\n  @State() internalValue: string = '';\n\n  /** Valeur actuelle du champ de saisie, mutable et reflétée dans le DOM */\n  @Prop({ mutable: true, reflect: true }) value?: string;\n  /** Type d'input à rendre, par exemple, \"text\", \"password\", etc. */\n  @Prop() type?: string = 'text';\n  /** Texte à afficher au-dessus du champ de saisie */\n  @Prop() label: string = '';\n  /** Texte du placeholder pour le champ de saisie */\n  @Prop() placeholder: string;\n  /** Si `true`, le champ de saisie est désactivé et ne peut pas être utilisé */\n  @Prop() disabled?: boolean;\n  /** Attribut `name` de l'élément input */\n  @Prop() name: string;\n  /** Valeur minimale dans le cas d'un input number */\n  @Prop() min?: number;\n  /** Valeur maximale dans le cas d'un input number */\n  @Prop() max?: number;\n  /** Valeur d'incrémentation dans le cas d'un input number */\n  @Prop() step?: number;\n  /** Longueur minimale pour la valeur de l'input */\n  @Prop() minLength?: number;\n  /** Longueur maximale pour la valeur de l'input */\n  @Prop() maxLength?: number;\n  /** Indique si l'input est un champ de recherche */\n  @Prop() isSearch?: boolean = false;\n  /** Indique si le champ peut être effacé avec un bouton */\n  @Prop() isClear?: boolean = false;\n  /** Indique si l'input est requis */\n  @Prop() required?: boolean = false;\n  /** Spécifie la taille du champ de saisie : 'large' ou 'medium' */\n  @Prop() size?: 'large' | 'medium' = 'medium';\n  /** Indicateur à afficher à droite du champ de saisie */\n  @Prop() indicator?: string;\n  /** Texte d'assistance à afficher sous le champ de saisie */\n  @Prop() assistiveText?: string;\n  /** Message d'erreur à afficher sous le champ */\n  @Prop() error?: string = '';\n  /** Message d'indication (hint) à afficher sous le champ */\n  @Prop() hint?: string = '';\n  /** Message de succès à afficher sous le champ */\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  /** Définition du masque (9 = chiffre, A = lettre majuscule, a = lettre, X = alphanum) */\n  @Prop() mask?: string;\n\n  @State() isClearIconVisible: boolean = false;\n\n  @AttachInternals() internals: ElementInternals;\n\n  private inputElement!: HTMLInputElement;\n  private lastInputValue: string = '';\n\n  @Watch('value')\n  valueChangedHandler(newValue: string) {\n    this.setValue(newValue);\n  }\n\n  @Method()\n  async setValue(newVal: string) {\n    const formatted = this.mask ? this.applyMask(newVal) : newVal;\n    this.internalValue = formatted;\n    this.value = formatted;\n    if (this.inputElement) {\n      this.inputElement.value = formatted;\n    }\n\n    const formVal = this.mask ? this.unmask(formatted) : formatted;\n\n    const emitValue = this.getTypedValue(formVal);\n\n    this.internals.setFormValue(emitValue ? String(emitValue) : null);\n    this.isClearIconVisible = this.isClear && !!formatted;\n    this.valueChanged.emit(emitValue);\n    this.lastInputValue = formatted;\n  }\n\n  private getTypedValue(value: string): string | number {\n    if (!value) return '';\n\n    if (this.type === 'number' && !isNaN(Number(value))) {\n      return Number(value);\n    }\n\n    return value;\n  }\n\n  componentWillLoad() {\n    const start = this.value ?? '';\n    this.internalValue = this.mask ? this.applyMask(start) : start;\n    this.lastInputValue = this.internalValue;\n  }\n\n  componentDidLoad() {\n    const formVal = this.mask ? this.unmask(this.internalValue) : this.internalValue;\n    const typedValue = this.getTypedValue(formVal);\n    this.internals.setFormValue(typedValue ? String(typedValue) : null);\n    this.isClearIconVisible = this.isClear && !!this.internalValue;\n  }\n\n  formResetCallback() {\n    this.setValue('');\n  }\n\n  private handleInput(event) {\n    if (!this.mask) {\n      this.setValue(event.target.value);\n      return;\n    }\n\n    const newValue = event.target.value;\n    const cursorPosition = event.target.selectionStart;\n\n    if (newValue.length < this.lastInputValue.length) {\n      const unmaskedValue = this.unmask(newValue);\n      this.setValue(unmaskedValue);\n\n      setTimeout(() => {\n        if (this.inputElement) {\n          const newCursorPos = Math.min(cursorPosition, this.inputElement.value.length);\n          this.inputElement.setSelectionRange(newCursorPos, newCursorPos);\n        }\n      }, 0);\n    } else {\n      this.setValue(newValue);\n    }\n  }\n\n  private handleClear() {\n    this.setValue('');\n  }\n\n  private unmask(value: string): string {\n    return value ? value.replace(/[^0-9A-Za-z]/g, '') : '';\n  }\n\n  private matchesPlaceholder(char: string, placeholder: string): boolean {\n    switch (placeholder) {\n      case '9':\n        return /[0-9]/.test(char);\n      case 'A':\n        return /[A-Za-z]/.test(char);\n      case 'a':\n        return /[A-Za-z]/.test(char);\n      case 'X':\n        return /[0-9A-Za-z]/.test(char);\n      default:\n        return false;\n    }\n  }\n\n  private transformForPlaceholder(char: string, placeholder: string): string {\n    switch (placeholder) {\n      case 'A':\n        return char.toUpperCase();\n      default:\n        return char;\n    }\n  }\n\n  private applyMask(rawOrMasked: string): string {\n    if (!this.mask) return rawOrMasked;\n\n    const rawChars = this.unmask(rawOrMasked).split('');\n    let rawIndex = 0;\n    let result = '';\n\n    for (let i = 0; i < this.mask.length; i++) {\n      const p = this.mask[i];\n\n      if (['9', 'A', 'a', 'X'].includes(p)) {\n        while (rawIndex < rawChars.length && !this.matchesPlaceholder(rawChars[rawIndex], p)) {\n          rawIndex++;\n        }\n        if (rawIndex >= rawChars.length) {\n          break;\n        }\n        const ch = this.transformForPlaceholder(rawChars[rawIndex], p);\n        result += ch;\n        rawIndex++;\n      } else {\n        result += p;\n      }\n    }\n\n    return result;\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-text-field': true,\n      [`spw-text-field--${this.size}`]: true,\n      'spw-text-field--is-search': this.isSearch,\n      'spw-text-field--is-error': !!this.error,\n      'spw-text-field--is-clear': this.isClearIconVisible,\n      'spw-text-field--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-text-field__container\">\n          <div class=\"spw-text-field__input-container\">\n            <input\n              class=\"spw-text-field__input\"\n              ref={el => (this.inputElement = el as HTMLInputElement)}\n              type={this.type}\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              value={this.internalValue}\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              name={this.name}\n              id={this.name}\n              minLength={this.minLength}\n              maxLength={this.maxLength}\n              required={this.required}\n              onInput={event => this.handleInput(event)}\n            />\n            {(this.isSearch || this.isClearIconVisible) && (\n              <div class=\"spw-text-field__icons\">\n                {this.isClearIconVisible && (\n                  <span class=\"spw-text-field__clear\" onClick={() => this.handleClear()}>\n                    <spw-icon class=\"spw-text-field__icon spw-text-field__icon--clear\" icon=\"fa-xmark\"></spw-icon>\n                  </span>\n                )}\n                {this.isSearch && <spw-icon class=\"spw-text-field__icon spw-text-field__icon--search\" icon=\"fa-magnifying-glass\"></spw-icon>}\n              </div>\n            )}\n          </div>\n          {this.indicator && <div class=\"spw-text-field__indicator\">{this.indicator}</div>}\n        </div>\n        {this.renderErrorMessage()}\n        {this.renderHintMessage()}\n        {this.renderSuccessMessage()}\n        {this.renderWarningMessage()}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-CVuBJlFL.js → p-BvEKH3n2.js}

@@ -11,7 +11,7 @@ const SpwLoading = /*@__PURE__*/ proxyCustomElement(class SpwLoading extends H {
         this.text = 'Chargement...';
     }
     render() {
-        return (h(Host, { key: '407115d12f98004dce5494c8307e2e9a6a96c069' }, h("div", { key: 'd8d178a2e22ec41314d221847c024abe1ef2599a', class: "spw-loading" }, h("div", { key: 'c173f74b988d9e9f84f5819b6d244143ec303e29', class: "spw-loading__spinner" }), this.text && h("p", { key: '71770d28ebe8c1a034a93fdda549d08bc680eced', class: "spw-loading__text" }, this.text))));
+        return (h(Host, { key: '9dc5d9c85d1ac41a20b3f06a01d6f7f88343d88d' }, h("div", { key: '0dbe7734822dddecd9b5c56af3f26b2aa37cdf30', class: "spw-loading" }, h("div", { key: 'ed38f93eab9476efdf8c58c155413337264da07b', class: "spw-loading__spinner" }), this.text && h("p", { key: '1b7aa93db22689fbdf0aba6e4b4172ed7567849f', class: "spw-loading__text" }, this.text))));
     }
     static get style() { return spwLoadingCss; }
 }, [1, "spw-loading", {
@@ -32,6 +32,6 @@ function defineCustomElement() {
 }
 
 export { SpwLoading as S, defineCustomElement as d };
-//# sourceMappingURL=p-CVuBJlFL.js.map
+//# sourceMappingURL=p-BvEKH3n2.js.map
 
-//# sourceMappingURL=p-CVuBJlFL.js.map
+//# sourceMappingURL=p-BvEKH3n2.js.map

package/dist/components/{p-CVuBJlFL.js.map → p-BvEKH3n2.js.map}

@@ -1 +1 @@
-{"file":"p-CVuBJlFL.js","mappings":";;AAAA,MAAM,aAAa,GAAG,qsHAAqsH;;MCO9sH,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AALvB,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAI,CAAA,IAAA,GAAY,eAAe;AAYxC;IAVC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAO,CAAA,EACvC,IAAI,CAAC,IAAI,IAAI,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,mBAAmB,EAAE,EAAA,IAAI,CAAC,IAAI,CAAK,CACtD,CACD;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-loading/spw-loading.scss?tag=spw-loading&encapsulation=shadow","src/components/spw-loading/spw-loading.tsx"],"sourcesContent":[":host {\n  display: block;\n  --spw-loading-border-color: var(--spw-color-themes-grey-grey-200);\n  --spw-loading-spinner-color: var(--spw-ds-primary);\n}\n\n.spw-loading {\n  display: flex;\n  &__spinner {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    border: 4px solid var(--spw-loading-border-color);\n    border-top-color: var(--spw-loading-spinner-color);\n    animation: loading 1s linear infinite;\n  }\n  @keyframes loading {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n  &__text {\n    margin-left: 8px;\n    color: var(--spw-color-themes-grey-grey-800);\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'spw-loading',\n  styleUrl: 'spw-loading.scss',\n  shadow: true,\n})\nexport class SpwLoading {\n  /** Permet de spécifier un texte de chargement */\n  @Prop() text?: string = 'Chargement...';\n\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-loading\">\n          <div class=\"spw-loading__spinner\"></div>\n          {this.text && <p class=\"spw-loading__text\">{this.text}</p>}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-BvEKH3n2.js","mappings":";;AAAA,MAAM,aAAa,GAAG,qsHAAqsH;;MCO9sH,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AALvB,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAI,CAAA,IAAA,GAAY,eAAe;AAYxC;IAVC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAO,CAAA,EACvC,IAAI,CAAC,IAAI,IAAI,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,mBAAmB,EAAE,EAAA,IAAI,CAAC,IAAI,CAAK,CACtD,CACD;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-loading/spw-loading.scss?tag=spw-loading&encapsulation=shadow","src/components/spw-loading/spw-loading.tsx"],"sourcesContent":[":host {\n  display: block;\n  --spw-loading-border-color: var(--spw-color-themes-grey-grey-200);\n  --spw-loading-spinner-color: var(--spw-ds-primary);\n}\n\n.spw-loading {\n  display: flex;\n  &__spinner {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    border: 4px solid var(--spw-loading-border-color);\n    border-top-color: var(--spw-loading-spinner-color);\n    animation: loading 1s linear infinite;\n  }\n  @keyframes loading {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n  &__text {\n    margin-left: 8px;\n    color: var(--spw-color-themes-grey-grey-800);\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'spw-loading',\n  styleUrl: 'spw-loading.scss',\n  shadow: true,\n})\nexport class SpwLoading {\n  /** Permet de spécifier un texte de chargement */\n  @Prop() text?: string = 'Chargement...';\n\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-loading\">\n          <div class=\"spw-loading__spinner\"></div>\n          {this.text && <p class=\"spw-loading__text\">{this.text}</p>}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-J5AA2xQI.js → p-DJZBdUDB.js}

@@ -133,7 +133,7 @@ const SpwTooltip = /*@__PURE__*/ proxyCustomElement(class SpwTooltip extends H {
         };
     }
     render() {
-        return (h("div", { key: '40dd977476a6f901f5bb52d931e024a1b977fa56', class: this.classes, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip }, h("slot", { key: 'e0e73617f39e74a4ae0bdb28b69aad96a06a2743' })));
+        return (h("div", { key: '49685f7f0a4bd8a9edd55b3a58e2ce59b619a46a', class: this.classes, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip }, h("slot", { key: '6064881ab4112452d0b3ff0fbbdc8a2d76de67d1' })));
     }
     get host() { return this; }
     static get style() { return spwTooltipCss; }
@@ -161,6 +161,6 @@ function defineCustomElement() {
 }
 
 export { SpwTooltip as S, defineCustomElement as d };
-//# sourceMappingURL=p-J5AA2xQI.js.map
+//# sourceMappingURL=p-DJZBdUDB.js.map
 
-//# sourceMappingURL=p-J5AA2xQI.js.map
+//# sourceMappingURL=p-DJZBdUDB.js.map

package/dist/components/{p-J5AA2xQI.js.map → p-DJZBdUDB.js.map}

@@ -1 +1 @@
-{"file":"p-J5AA2xQI.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-tooltip/spw-tooltip.scss?tag=spw-tooltip&encapsulation=shadow","src/components/spw-tooltip/spw-tooltip.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.spw-tooltip {\n  &__target {\n    &--pointer {\n      cursor: pointer;\n    }\n    &--default {\n      cursor: default;\n    }\n    &--help {\n      cursor: help;\n    }\n    &--disabled {\n      cursor: not-allowed;\n    }\n    :host(.spw-tooltip--has-ellipsis) & {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n}\n","import { Component, h, Prop, State, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tooltip',\n  styleUrl: 'spw-tooltip.scss',\n  shadow: true,\n})\nexport class SpwTooltip {\n  /** Titre du tooltip */\n  @Prop() tooltipTitle: string = '';\n  /** Texte du tooltip */\n  @Prop() tooltipText: string = '';\n  /** Largeur maximale du tooltip */\n  @Prop() maxWidth?: string;\n  /** Positionnement du tooltip */\n  @Prop() direction: 'top' | 'bottom' | 'left' | 'right' = 'top';\n  /** Curseur du tooltip */\n  @Prop() cursor: 'pointer' | 'default' | 'help' | 'disabled' = 'help';\n\n  @Prop() visible: boolean = true;\n\n  @State() isVisible = false;\n  @Element() host: HTMLElement;\n\n  private tooltipEl: HTMLDivElement;\n\n  connectedCallback() {\n    this.handleScrollOrResize = this.handleScrollOrResize.bind(this);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('scroll', this.handleScrollOrResize, true);\n    window.removeEventListener('resize', this.handleScrollOrResize);\n    this.removeTooltipFromDOM();\n  }\n\n  private updateTooltipVisibility() {\n    if (this.tooltipEl) {\n      this.tooltipEl.style.display = this.visible ? 'flex' : 'none';\n    }\n  }\n\n  componentWillRender() {\n    this.updateTooltipVisibility();\n  }\n\n  componentDidUpdate() {\n    this.updateTooltipVisibility();\n  }\n\n  private showTooltip = () => {\n    if (!this.visible) return;\n    this.isVisible = true;\n    this.createTooltip();\n\n    requestAnimationFrame(() => {\n      this.positionTooltip();\n    });\n\n    window.addEventListener('scroll', this.handleScrollOrResize, true);\n    window.addEventListener('resize', this.handleScrollOrResize);\n  };\n\n  private hideTooltip = () => {\n    this.isVisible = false;\n    this.removeTooltipFromDOM();\n    window.removeEventListener('scroll', this.handleScrollOrResize, true);\n    window.removeEventListener('resize', this.handleScrollOrResize);\n  };\n\n  private handleScrollOrResize() {\n    if (this.isVisible) {\n      this.positionTooltip();\n    }\n  }\n\n  private createTooltip() {\n    if (!this.tooltipEl) {\n      this.tooltipEl = document.createElement('div');\n      this.tooltipEl.className = `spw-tooltip-fixed spw-tooltip-fixed--${this.direction}`;\n      this.tooltipEl.setAttribute('role', 'tooltip');\n\n      if (this.tooltipTitle) {\n        const title = document.createElement('strong');\n        title.className = 'spw-tooltip__title';\n        title.textContent = this.tooltipTitle;\n        this.tooltipEl.appendChild(title);\n      }\n\n      if (this.tooltipText) {\n        const text = document.createElement('div');\n        text.textContent = this.tooltipText;\n        this.tooltipEl.appendChild(text);\n      }\n\n      document.body.appendChild(this.tooltipEl);\n    }\n  }\n\n  private removeTooltipFromDOM() {\n    if (this.tooltipEl && this.tooltipEl.parentNode) {\n      this.tooltipEl.parentNode.removeChild(this.tooltipEl);\n    }\n    this.tooltipEl = null;\n  }\n\n  private positionTooltip() {\n    if (!this.tooltipEl) return;\n\n    const target = this.host.shadowRoot?.querySelector('.spw-tooltip__target');\n    if (!target) return;\n\n    const rect = target.getBoundingClientRect();\n    const tooltip = this.tooltipEl;\n\n    tooltip.style.visibility = 'hidden';\n    tooltip.style.display = 'flex';\n    tooltip.style.position = 'fixed';\n    tooltip.style.top = '0px';\n    tooltip.style.left = '0px';\n    tooltip.style.maxWidth = this.maxWidth + 'px' || '100%';\n\n    const tooltipRect = tooltip.getBoundingClientRect();\n\n    let top = 0;\n    let left = 0;\n\n    switch (this.direction) {\n      case 'top':\n        top = rect.top - tooltipRect.height - 8;\n        left = rect.left + (rect.width - tooltipRect.width) / 2;\n        break;\n      case 'bottom':\n        top = rect.bottom + 8;\n        left = rect.left + (rect.width - tooltipRect.width) / 2;\n        break;\n      case 'left':\n        top = rect.top + (rect.height - tooltipRect.height) / 2;\n        left = rect.left - tooltipRect.width - 8;\n        break;\n      case 'right':\n      default:\n        top = rect.top + (rect.height - tooltipRect.height) / 2;\n        left = rect.right + 8;\n        break;\n    }\n\n    tooltip.style.top = `${top}px`;\n    tooltip.style.left = `${left}px`;\n    tooltip.style.zIndex = '9999';\n    tooltip.style.visibility = 'visible';\n  }\n\n  private get classes() {\n    return {\n      'spw-tooltip__target': true,\n      [`spw-tooltip__target--${this.cursor}`]: true,\n    } as Record<string, boolean>;\n  }\n\n  render() {\n    return (\n      <div class={this.classes} onMouseEnter={this.showTooltip} onMouseLeave={this.hideTooltip}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DJZBdUDB.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-tooltip/spw-tooltip.scss?tag=spw-tooltip&encapsulation=shadow","src/components/spw-tooltip/spw-tooltip.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.spw-tooltip {\n  &__target {\n    &--pointer {\n      cursor: pointer;\n    }\n    &--default {\n      cursor: default;\n    }\n    &--help {\n      cursor: help;\n    }\n    &--disabled {\n      cursor: not-allowed;\n    }\n    :host(.spw-tooltip--has-ellipsis) & {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n}\n","import { Component, h, Prop, State, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tooltip',\n  styleUrl: 'spw-tooltip.scss',\n  shadow: true,\n})\nexport class SpwTooltip {\n  /** Titre du tooltip */\n  @Prop() tooltipTitle: string = '';\n  /** Texte du tooltip */\n  @Prop() tooltipText: string = '';\n  /** Largeur maximale du tooltip */\n  @Prop() maxWidth?: string;\n  /** Positionnement du tooltip */\n  @Prop() direction: 'top' | 'bottom' | 'left' | 'right' = 'top';\n  /** Curseur du tooltip */\n  @Prop() cursor: 'pointer' | 'default' | 'help' | 'disabled' = 'help';\n\n  @Prop() visible: boolean = true;\n\n  @State() isVisible = false;\n  @Element() host: HTMLElement;\n\n  private tooltipEl: HTMLDivElement;\n\n  connectedCallback() {\n    this.handleScrollOrResize = this.handleScrollOrResize.bind(this);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('scroll', this.handleScrollOrResize, true);\n    window.removeEventListener('resize', this.handleScrollOrResize);\n    this.removeTooltipFromDOM();\n  }\n\n  private updateTooltipVisibility() {\n    if (this.tooltipEl) {\n      this.tooltipEl.style.display = this.visible ? 'flex' : 'none';\n    }\n  }\n\n  componentWillRender() {\n    this.updateTooltipVisibility();\n  }\n\n  componentDidUpdate() {\n    this.updateTooltipVisibility();\n  }\n\n  private showTooltip = () => {\n    if (!this.visible) return;\n    this.isVisible = true;\n    this.createTooltip();\n\n    requestAnimationFrame(() => {\n      this.positionTooltip();\n    });\n\n    window.addEventListener('scroll', this.handleScrollOrResize, true);\n    window.addEventListener('resize', this.handleScrollOrResize);\n  };\n\n  private hideTooltip = () => {\n    this.isVisible = false;\n    this.removeTooltipFromDOM();\n    window.removeEventListener('scroll', this.handleScrollOrResize, true);\n    window.removeEventListener('resize', this.handleScrollOrResize);\n  };\n\n  private handleScrollOrResize() {\n    if (this.isVisible) {\n      this.positionTooltip();\n    }\n  }\n\n  private createTooltip() {\n    if (!this.tooltipEl) {\n      this.tooltipEl = document.createElement('div');\n      this.tooltipEl.className = `spw-tooltip-fixed spw-tooltip-fixed--${this.direction}`;\n      this.tooltipEl.setAttribute('role', 'tooltip');\n\n      if (this.tooltipTitle) {\n        const title = document.createElement('strong');\n        title.className = 'spw-tooltip__title';\n        title.textContent = this.tooltipTitle;\n        this.tooltipEl.appendChild(title);\n      }\n\n      if (this.tooltipText) {\n        const text = document.createElement('div');\n        text.textContent = this.tooltipText;\n        this.tooltipEl.appendChild(text);\n      }\n\n      document.body.appendChild(this.tooltipEl);\n    }\n  }\n\n  private removeTooltipFromDOM() {\n    if (this.tooltipEl && this.tooltipEl.parentNode) {\n      this.tooltipEl.parentNode.removeChild(this.tooltipEl);\n    }\n    this.tooltipEl = null;\n  }\n\n  private positionTooltip() {\n    if (!this.tooltipEl) return;\n\n    const target = this.host.shadowRoot?.querySelector('.spw-tooltip__target');\n    if (!target) return;\n\n    const rect = target.getBoundingClientRect();\n    const tooltip = this.tooltipEl;\n\n    tooltip.style.visibility = 'hidden';\n    tooltip.style.display = 'flex';\n    tooltip.style.position = 'fixed';\n    tooltip.style.top = '0px';\n    tooltip.style.left = '0px';\n    tooltip.style.maxWidth = this.maxWidth + 'px' || '100%';\n\n    const tooltipRect = tooltip.getBoundingClientRect();\n\n    let top = 0;\n    let left = 0;\n\n    switch (this.direction) {\n      case 'top':\n        top = rect.top - tooltipRect.height - 8;\n        left = rect.left + (rect.width - tooltipRect.width) / 2;\n        break;\n      case 'bottom':\n        top = rect.bottom + 8;\n        left = rect.left + (rect.width - tooltipRect.width) / 2;\n        break;\n      case 'left':\n        top = rect.top + (rect.height - tooltipRect.height) / 2;\n        left = rect.left - tooltipRect.width - 8;\n        break;\n      case 'right':\n      default:\n        top = rect.top + (rect.height - tooltipRect.height) / 2;\n        left = rect.right + 8;\n        break;\n    }\n\n    tooltip.style.top = `${top}px`;\n    tooltip.style.left = `${left}px`;\n    tooltip.style.zIndex = '9999';\n    tooltip.style.visibility = 'visible';\n  }\n\n  private get classes() {\n    return {\n      'spw-tooltip__target': true,\n      [`spw-tooltip__target--${this.cursor}`]: true,\n    } as Record<string, boolean>;\n  }\n\n  render() {\n    return (\n      <div class={this.classes} onMouseEnter={this.showTooltip} onMouseLeave={this.hideTooltip}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-qgvllwX6.js → p-DKCYb8Pa.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { d as defineCustomElement$1 } from './p-_q4w18VU.js';
+import { d as defineCustomElement$1 } from './p-jHpxbAsa.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}";
 
@@ -59,6 +59,6 @@ function defineCustomElement() {
 }
 
 export { SpwFieldMessage as S, defineCustomElement as d };
-//# sourceMappingURL=p-qgvllwX6.js.map
+//# sourceMappingURL=p-DKCYb8Pa.js.map
 
-//# sourceMappingURL=p-qgvllwX6.js.map
+//# sourceMappingURL=p-DKCYb8Pa.js.map

package/dist/components/{p-qgvllwX6.js.map → p-DKCYb8Pa.js.map}

@@ -1 +1 @@
-{"file":"p-qgvllwX6.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,g1GAAg1G;;MCO91G,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;AAL5B,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAQ,CAAA,QAAA,GAAa,IAAI;AA0ClC;AAtCC,IAAA,IAAY,WAAW,GAAA;AACrB,QAAA,QAAQ,IAAI,CAAC,OAAO;AAClB,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,YAAY;AACrB,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,uBAAuB;AAChC,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,iBAAiB;AAC1B,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,yBAAyB;AAClC,YAAA;AACE,gBAAA,OAAO,EAAE;;;AAIf,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,CAAC,sBAAsB,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;SAC7C;;IAGH,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAA,EAC1B,IAAI,CAAC,QAAQ,KACZ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClC,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAE,IAAI,CAAC,WAAW,EAAA,CAAa,CACzC,CACP,EACD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EACnC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,CACH,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-field-message/spw-field-message.scss?tag=spw-field-message&encapsulation=shadow","src/components/spw-field-message/spw-field-message.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-field-message {\n  display: block;\n  margin-top: 8px;\n  display: flex;\n  gap: 8px;\n\n  &--error {\n    color: var(--spw-color-states-error-error-300);\n  }\n\n  &--hint {\n    color: var(--spw-colors-support-grey-grey-800);\n  }\n\n  &--success {\n    color: var(--spw-color-states-success-success-500);\n  }\n\n  &--warning {\n    color: var(--spw-color-themes-orange-orange-500);\n  }\n\n  &__icon {\n    position: relative;\n    top: 1px;\n  }\n\n  &__text {\n    flex: 1;\n    font-size: 14px;\n    line-height: 1.5;\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-field-message',\n  styleUrl: 'spw-field-message.scss',\n  shadow: true,\n})\nexport class SpwFieldMessage {\n  /** Permet d'afficher ou pas une icône dans le message */\n  @Prop() showIcon?: boolean = true;\n  /** Choix du variant du message */\n  @Prop() variant?: 'error' | 'hint' | 'warning' | 'success';\n\n  private get variantIcon(): string {\n    switch (this.variant) {\n      case 'error':\n        return 'fa-warning';\n      case 'hint':\n        return 'fa-exclamation-circle';\n      case 'success':\n        return 'fa-check-circle';\n      case 'warning':\n        return 'fa-triangle-exclamation';\n      default:\n        return '';\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-field-message': true,\n      [`spw-field-message--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          {this.showIcon && (\n            <div class=\"spw-field-message__icon\">\n              <spw-icon icon={this.variantIcon}></spw-icon>\n            </div>\n          )}\n          <span class=\"spw-field-message__text\">\n            <slot></slot>\n          </span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DKCYb8Pa.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,g1GAAg1G;;MCO91G,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;AAL5B,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAQ,CAAA,QAAA,GAAa,IAAI;AA0ClC;AAtCC,IAAA,IAAY,WAAW,GAAA;AACrB,QAAA,QAAQ,IAAI,CAAC,OAAO;AAClB,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,YAAY;AACrB,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,uBAAuB;AAChC,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,iBAAiB;AAC1B,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,yBAAyB;AAClC,YAAA;AACE,gBAAA,OAAO,EAAE;;;AAIf,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,CAAC,sBAAsB,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;SAC7C;;IAGH,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAA,EAC1B,IAAI,CAAC,QAAQ,KACZ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClC,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAE,IAAI,CAAC,WAAW,EAAA,CAAa,CACzC,CACP,EACD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EACnC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,CACH,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-field-message/spw-field-message.scss?tag=spw-field-message&encapsulation=shadow","src/components/spw-field-message/spw-field-message.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-field-message {\n  display: block;\n  margin-top: 8px;\n  display: flex;\n  gap: 8px;\n\n  &--error {\n    color: var(--spw-color-states-error-error-300);\n  }\n\n  &--hint {\n    color: var(--spw-colors-support-grey-grey-800);\n  }\n\n  &--success {\n    color: var(--spw-color-states-success-success-500);\n  }\n\n  &--warning {\n    color: var(--spw-color-themes-orange-orange-500);\n  }\n\n  &__icon {\n    position: relative;\n    top: 1px;\n  }\n\n  &__text {\n    flex: 1;\n    font-size: 14px;\n    line-height: 1.5;\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-field-message',\n  styleUrl: 'spw-field-message.scss',\n  shadow: true,\n})\nexport class SpwFieldMessage {\n  /** Permet d'afficher ou pas une icône dans le message */\n  @Prop() showIcon?: boolean = true;\n  /** Choix du variant du message */\n  @Prop() variant?: 'error' | 'hint' | 'warning' | 'success';\n\n  private get variantIcon(): string {\n    switch (this.variant) {\n      case 'error':\n        return 'fa-warning';\n      case 'hint':\n        return 'fa-exclamation-circle';\n      case 'success':\n        return 'fa-check-circle';\n      case 'warning':\n        return 'fa-triangle-exclamation';\n      default:\n        return '';\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-field-message': true,\n      [`spw-field-message--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          {this.showIcon && (\n            <div class=\"spw-field-message__icon\">\n              <spw-icon icon={this.variantIcon}></spw-icon>\n            </div>\n          )}\n          <span class=\"spw-field-message__text\">\n            <slot></slot>\n          </span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-c0hJPgjJ.js → p-DN5puq3N.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { d as defineCustomElement$1 } from './p-_q4w18VU.js';
+import { d as defineCustomElement$1 } from './p-jHpxbAsa.js';
 
 const spwAccordionTitleCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-accordion-title{color:var(--spw-color-themes-grey-grey-900);font-weight:700;padding:var(--spw-spacings-spacing-lg);transition:all .3s}.spw-accordion-title:hover{color:var(--spw-ds-primary)}:host-context(.spw-accordion-item:hover)>.spw-accordion-title{color:var(--spw-ds-primary)}.spw-accordion-title__content{padding-right:var(--spw-spacings-spacing-3-xl);position:relative}.spw-accordion-title__content h2,.spw-accordion-title__content h3,.spw-accordion-title__content h4,.spw-accordion-title__content h5,.spw-accordion-title__content h6{font-size:16px}.spw-accordion-title__trigger{position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(180deg);transition:all .3s}:host(.--collapsed) .spw-accordion-title__trigger{transform:translateY(-50%) rotate(0deg)}.spw-tw-mr-3{margin-right:.75rem}.spw-tw-flex{display:flex}";
 
@@ -41,6 +41,6 @@ function defineCustomElement() {
 }
 
 export { SpwAccordionTitle as S, defineCustomElement as d };
-//# sourceMappingURL=p-c0hJPgjJ.js.map
+//# sourceMappingURL=p-DN5puq3N.js.map
 
-//# sourceMappingURL=p-c0hJPgjJ.js.map
+//# sourceMappingURL=p-DN5puq3N.js.map