npm - @spw-ds/spw-stencil-library - Versions diffs - 1.2.3 → 1.2.5 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (724) hide show

package/dist/spw-stencil-library/p-fcc5884a.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["spwFieldLabelCss","SpwFieldLabel","constructor","hostRef","this","label","required","handleClick","rootNode","el","getRootNode","targetElement","getElementById","name","focus","render","h","Host","key","class","htmlFor","onClick","spwGroupCss","SpwGroup","type","orientation","alignment","disabled","isReversed","isFullWidth","handleSlotChange","elements","_a","slotEl","assignedElements","Array","from","host","querySelectorAll","forEach","element","setAttribute","removeAttribute","componentDidLoad","groupClasses","ref","spwIconCss","SpwIcon","variant","iconClassName","icon","spwLinkCss","SpwLink","target","iconPosition","surface","ev","preventDefault","spwClick","emit","elementClass","href","rel","accAriaLabel","ariaAttributes","iconClass","iconElement","Object","assign","undefined","spwSeparatorCss","SpwSeparator","direction","thickness","width","height","style","rougeCss","bleuCss","bleuClairCss","vertCss","vertLegerCss","turquoiseCss","orangeCss","indigoCss","mauveCss","grisCss","themes","rouge","rougeTheme","bleu","bleuTheme","bleuClair","bleuClairTheme","vert","vertTheme","vertLeger","vertLegerTheme","orange","orangeTheme","turquoise","turquoiseTheme","indigo","indigoTheme","mauve","mauveTheme","gris","grisTheme","SpwThemeProvider","theme","componentWillLoad","applyTheme","componentWillUpdate","styleId","styleElement","document","createElement","id","head","appendChild","css","innerHTML","documentElement"],"sources":["src/components/spw-field-label/spw-field-label.scss?tag=spw-field-label&encapsulation=shadow","src/components/spw-field-label/spw-field-label.tsx","src/components/spw-group/spw-group.scss?tag=spw-group","src/components/spw-group/spw-group.tsx","src/components/spw-icon/spw-icon.scss?tag=spw-icon&encapsulation=shadow","src/components/spw-icon/spw-icon.tsx","src/components/spw-link/spw-link.scss?tag=spw-link&encapsulation=shadow","src/components/spw-link/spw-link.tsx","src/components/spw-separator/spw-separator.scss?tag=spw-separator&encapsulation=shadow","src/components/spw-separator/spw-separator.tsx","src/themes/rouge.css","src/themes/bleu.css","src/themes/bleu-clair.css","src/themes/vert.css","src/themes/vert-leger.css","src/themes/turquoise.css","src/themes/orange.css","src/themes/indigo.css","src/themes/mauve.css","src/themes/gris.css","src/themes/themes.ts","src/components/spw-theme-provider/spw-theme-provider.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-field-label {\n color: var(--spw-color-themes-grey-grey-800);\n display: block;\n font-weight: 600;\n @apply spw-tw-mb-2;\n &__required {\n color: var(--spw-ds-primary);\n }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n tag: 'spw-field-label',\n styleUrl: 'spw-field-label.scss',\n shadow: true,\n})\nexport class SpwFieldLabel {\n /** L'attribut id de l'élément input */\n @Prop() name: string;\n /** Texte à afficher au-dessus du champ de saisie */\n @Prop() label?: string = '';\n /** Indique si le champ est requis */\n @Prop() required?: boolean = false;\n\n @Element() el: HTMLSpwFieldLabelElement;\n\n private handleClick = () => {\n const rootNode = this.el.getRootNode() as ShadowRoot | Document;\n const targetElement = rootNode.getElementById(this.name);\n\n if (targetElement) {\n (targetElement as HTMLElement).focus();\n }\n };\n\n render() {\n return (\n <Host>\n <label class=\"spw-field-label\" htmlFor={this.name} onClick={this.handleClick}>\n {this.label} {this.required && <span class=\"spw-field-label__required\">*</span>}\n </label>\n </Host>\n );\n }\n}\n",":host {\n display: block;\n width: 100%;\n}\n\n.spw-group {\n spw-button:not[is-fullwidth-mobile='false'] {\n display: block;\n width: 100%;\n @include breakpoint(md) {\n display: initial;\n width: auto;\n }\n }\n\n &__container {\n display: flex;\n width: fit-content;\n\n .spw-group--is-full-width & {\n width: 100% !important;\n }\n\n @include breakpoint(md) {\n align-items: center;\n }\n .spw-group--buttons & {\n gap: 12px;\n width: 100%;\n @include breakpoint(md) {\n width: fit-content;\n }\n }\n .spw-group--checkboxes &,\n .spw-group--radios & {\n gap: 16px;\n }\n .spw-group--checkboxes.spw-group--horizontal &,\n .spw-group--radios.spw-group--horizontal & {\n gap: 16px;\n @include breakpoint(md) {\n gap: 24px;\n }\n }\n .spw-group--buttons.spw-group--align-right.spw-group--horizontal & {\n flex-direction: column;\n @include breakpoint(md) {\n flex-direction: row-reverse;\n }\n }\n .spw-group--buttons.spw-group--align-left.spw-group--horizontal.spw-group--reversed & {\n flex-direction: column-reverse;\n @include breakpoint(md) {\n flex-direction: row;\n }\n }\n }\n\n &--align-left {\n .spw-group__container {\n margin-right: auto;\n }\n }\n\n &--align-center {\n .spw-group__container {\n margin-left: auto;\n margin-right: auto;\n }\n }\n\n &--align-right {\n .spw-group__container {\n margin-left: auto;\n }\n }\n\n &--vertical {\n .spw-group__container {\n flex-direction: column;\n align-items: flex-start;\n\n .spw-group--align-center & {\n align-items: center;\n }\n\n .spw-group--align-right & {\n align-items: flex-end;\n }\n }\n }\n\n &--horizontal {\n .spw-group__container {\n flex-direction: column;\n @include breakpoint(md) {\n flex-direction: row;\n }\n }\n }\n\n &--disabled {\n opacity: 0.5;\n pointer-events: none;\n }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n tag: 'spw-group',\n styleUrl: 'spw-group.scss',\n shadow: false,\n})\nexport class SpwGroup {\n @Element() host: HTMLSpwGroupElement;\n\n /** Type d'éléments contenus dans le groupe (buttons, checkboxes, radios) */\n @Prop() type: 'buttons' | 'checkboxes' | 'radios' = 'buttons';\n /** Orientation du groupe (horizontal ou vertical) */\n @Prop() orientation: 'horizontal' | 'vertical' = 'horizontal';\n /** Alignement horizontal du groupe */\n @Prop() alignment: 'left' | 'center' | 'right' = 'left';\n /** Détermine si le groupe est désactivé */\n @Prop() disabled: boolean = false;\n /** Texte à afficher au-dessus de l'élément de formulaire */\n @Prop() label: string = '';\n /** Si `true`, le label comporte une astérisque */\n @Prop() required?: boolean;\n /** Si `true`, l'ordre des boutons est inversé en mobile (uniquement valable en cas d'alignement left) */\n @Prop() isReversed?: boolean = false;\n /** Attribut `name` de l'élément input */\n @Prop() name: string;\n /** Si vrai, le groupe prend toute la largeur */\n @Prop() isFullWidth?: boolean = false;\n\n private slotEl: HTMLSlotElement;\n\n componentDidLoad() {\n this.handleSlotChange();\n }\n\n private handleSlotChange = () => {\n const elements = this.slotEl?.assignedElements ? this.slotEl.assignedElements() : Array.from(this.host.querySelectorAll('*'));\n\n elements.forEach(element => {\n if (this.disabled) {\n element.setAttribute('disabled', '');\n } else {\n element.removeAttribute('disabled');\n }\n });\n };\n\n private get groupClasses(): { [key: string]: boolean } {\n return {\n 'spw-group': true,\n 'spw-group--horizontal': this.orientation === 'horizontal',\n 'spw-group--vertical': this.orientation === 'vertical',\n 'spw-group--reversed': this.isReversed,\n 'spw-group--disabled': this.disabled,\n 'spw-group--is-full-width': this.isFullWidth,\n [`spw-group--${this.type}`]: true,\n [`spw-group--align-${this.alignment}`]: true,\n };\n }\n\n render() {\n return (\n <Host>\n <div class={this.groupClasses}>\n {this.label && <spw-field-label class=\"spw-tw-mb-3\" label={this.label} name={this.name} required={this.required}></spw-field-label>}\n <div class=\"spw-group__container\">\n <slot ref={el => (this.slotEl = el as HTMLSlotElement)}></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n","@import url('./assets/fontawesome/css/all.min.css');\n\n:host {\n line-height: 1;\n}\n\n.spw-icon.fa-solid,\n.spw-icon.fa-solid:before {\n font-family: var(--spw-ds-font-icons-solid);\n}\n\n.spw-icon.fa-brands,\n.spw-icon.fa-brands:before {\n font-family: var(--spw-ds-font-icons-brands);\n}\n\n.spw-icon.fa-regular,\n.spw-icon.fa-regular:before {\n font-weight: 400;\n font-family: var(--spw-ds-font-icons-solid);\n}\n\n.spw-icon {\n font-size: inherit;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-icon',\n styleUrl: 'spw-icon.scss',\n shadow: true,\n assetsDirs: ['assets'],\n})\nexport class SpwIcon {\n /** Permet de spécifier une référence d'icône Font Awesome */\n @Prop() icon: string;\n /** Permet de spécifier une variante de Font Awesome */\n @Prop() variant: 'fa-solid' | 'fa-brands' | 'fa-regular' = 'fa-solid';\n\n render() {\n const iconClassName = `spw-icon ${this.variant} ${this.icon}`;\n return <i class={iconClassName}></i>;\n }\n}\n",":host {\n display: inline;\n --spw-link-color: var(--spw-ds-primary);\n --spw-link-hover-color: var(--spw-ds-variant);\n --spw-link-active-color: var(--spw-ds-active);\n --spw-link-font-weight: 700;\n --spw-link-padding: 6px;\n}\n\n.spw-link {\n display: inline;\n text-decoration: none;\n cursor: pointer;\n color: var(--spw-link-color);\n border-radius: 4px;\n font-weight: var(--spw-link-font-weight);\n &--surface-dark {\n color: var(--spw-ds-white);\n }\n\n &__inner {\n display: inline;\n overflow-wrap: break-word;\n border-bottom: 1px solid var(--spw-link-color);\n .spw-link--surface-dark & {\n border-bottom: 1px solid var(--spw-ds-white);\n }\n }\n\n &:focus-visible {\n outline-offset: 2px;\n outline: 3px solid black;\n }\n\n &:hover {\n color: var(--spw-link-hover-color);\n .spw-link__inner {\n border-bottom: 2px solid var(--spw-link-hover-color);\n }\n }\n\n &:active {\n color: var(--spw-link-active-color);\n .spw-link__inner {\n border-bottom: 2px solid var(--spw-link-active-color);\n }\n }\n\n &[aria-disabled='true'] {\n pointer-events: none;\n color: var(--spw-color-themes-grey-grey-600);\n cursor: not-allowed;\n }\n\n &--surface-dark {\n &:hover {\n color: var(--spw-ds-white);\n .spw-link__inner {\n border-bottom: 2px solid var(--spw-ds-white);\n }\n }\n\n &:active {\n color: var(--spw-ds-white);\n .spw-link__inner {\n border-bottom: 2px solid var(--spw-ds-white);\n }\n }\n\n &[aria-disabled='true'] {\n color: var(--spw-ds-white);\n opacity: 0.5;\n }\n }\n\n &--has-icon-right spw-icon {\n margin-left: var(--spw-link-padding);\n margin-right: 4px;\n }\n\n &--has-icon-left spw-icon {\n margin-left: 4px;\n margin-right: var(--spw-link-padding);\n }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'spw-link',\n styleUrl: 'spw-link.scss',\n shadow: true,\n})\nexport class SpwLink {\n @Element() el: HTMLSpwLinkElement;\n\n /** Spécifie le lien href */\n @Prop() href: string;\n /** Attribut target (détermine où ouvrir le lien) */\n @Prop() target?: string = '_self';\n /** Remplit l'attribut rel */\n @Prop() rel?: string;\n /** Si rempli, permet d'utiliser une référence d'icône font-awesome */\n @Prop() icon?: string;\n /** Position de l'icône à l'intérieur du lien (gauche ou droite) */\n @Prop() iconPosition?: 'left' | 'right' = 'right';\n /** Si désactivé, le lien n'est pas cliquable */\n @Prop() disabled?: boolean = false;\n /** Remplit l'attribut aria-label, utilisé à des fins d'accessibilité */\n @Prop() accAriaLabel?: string;\n /** Permet de choisir la surface d'arrière-plan du lien */\n @Prop() surface?: 'light' | 'dark' = 'light';\n\n /** Événement déclenché lors du clic sur le lien */\n @Event() spwClick: EventEmitter<MouseEvent>;\n\n private onClick = (ev: MouseEvent) => {\n if (this.disabled) {\n ev.preventDefault();\n return;\n }\n this.spwClick.emit(ev);\n };\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-link': true,\n 'spw-link--has-icon-right': this.icon && this.iconPosition === 'right',\n 'spw-link--has-icon-left': this.icon && this.iconPosition === 'left',\n [`spw-link--surface-${this.surface}`]: true,\n 'spw-link--has-icon': !!this.icon,\n };\n }\n\n render() {\n const { href, rel, target, icon, iconPosition, accAriaLabel, disabled } = this;\n const ariaAttributes = {\n 'aria-label': accAriaLabel,\n 'aria-disabled': disabled ? 'true' : null,\n };\n\n const iconClass = `spw-icon--${iconPosition}`;\n const iconElement = icon ? <spw-icon class={iconClass} icon={icon}></spw-icon> : null;\n\n return (\n <a href={disabled ? undefined : href} rel={rel} target={target} class={this.elementClass} onClick={this.onClick} {...ariaAttributes}>\n {iconPosition === 'left' && iconElement}\n <div class=\"spw-link__inner\">\n <slot></slot>\n </div>\n {iconPosition === 'right' && iconElement}\n </a>\n );\n }\n}\n",":host {\n display: block;\n}\n\n.spw-separator {\n display: block;\n border-width: 1px;\n\n &--horizontal {\n border-bottom-style: solid;\n width: auto;\n height: 0;\n }\n\n &--vertical {\n border-right-style: solid;\n width: 0;\n height: auto;\n }\n\n &--dark {\n border-color: var(--spw-colors-support-grey-grey-300);\n }\n\n &--light {\n border-color: var(--spw-ds-white);\n }\n\n &--thickness-1 {\n border-width: 1px;\n }\n\n &--thickness-2 {\n border-width: 2px;\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-separator',\n styleUrl: 'spw-separator.scss',\n shadow: true,\n})\nexport class SpwSeparator {\n /** Permet de choisir la surface du séparateur (clair ou sombre) */\n @Prop() surface: 'dark' | 'light' = 'dark';\n\n /** Permet de définir la direction du séparateur */\n @Prop() direction: 'vertical' | 'horizontal' = 'horizontal';\n\n /** Définit l'épaisseur du séparateur */\n @Prop() thickness: 1 | 2 = 1;\n\n /** Largeur du séparateur (par défaut 100% si non spécifié) */\n @Prop() width: string = '100%';\n\n /** Hauteur du séparateur (par défaut 100% si non spécifié) */\n @Prop() height: string = '100%';\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-separator': true,\n [`spw-separator--${this.surface}`]: true,\n [`spw-separator--${this.direction}`]: true,\n [`spw-separator--thickness-${this.thickness}`]: true,\n };\n }\n\n private get style(): { [key: string]: string } {\n return {\n width: this.direction === 'horizontal' ? `${this.width}px` : `${this.thickness}px`,\n height: this.direction === 'vertical' ? `${this.height}px` : `${this.thickness}px`,\n };\n }\n\n render() {\n return <div class={this.elementClass} style={this.style}></div>;\n }\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-red-red-500);\n --spw-ds-variant: var(--spw-color-themes-red-red-700);\n --spw-ds-active: var(--spw-color-themes-red-red-800);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-red-red-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-red-red-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-red-red-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-red-red-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-blue-blue-500);\n --spw-ds-variant: var(--spw-color-themes-blue-blue-700);\n --spw-ds-active: var(--spw-color-themes-blue-blue-800);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-blue-blue-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-blue-blue-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-blue-blue-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-blue-blue-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-light-blue-light-blue-600);\n --spw-ds-variant: var(--spw-color-themes-light-blue-light-blue-800);\n --spw-ds-active: var(--spw-color-themes-light-blue-light-blue-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-light-blue-light-blue-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-light-blue-light-blue-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-light-blue-light-blue-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-light-blue-light-blue-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-green-green-700);\n --spw-ds-variant: var(--spw-color-themes-green-green-800);\n --spw-ds-active: var(--spw-color-themes-green-green-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-green-green-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-green-green-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-green-green-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-green-green-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-light-green-light-green-700);\n --spw-ds-variant: var(--spw-color-themes-light-green-light-green-800);\n --spw-ds-active: var(--spw-color-themes-light-green-light-green-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-light-green-light-green-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-light-green-light-green-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-light-green-light-green-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-light-green-light-green-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-teal-teal-700);\n --spw-ds-variant: var(--spw-color-themes-teal-teal-800);\n --spw-ds-active: var(--spw-color-themes-teal-teal-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-teal-teal-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-teal-teal-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-teal-teal-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-teal-teal-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-orange-orange-700);\n --spw-ds-variant: var(--spw-color-themes-orange-orange-800);\n --spw-ds-active: var(--spw-color-themes-orange-orange-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-orange-orange-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-orange-orange-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-orange-orange-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-orange-orange-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-indigo-indigo-700);\n --spw-ds-variant: var(--spw-color-themes-indigo-indigo-800);\n --spw-ds-active: var(--spw-color-themes-indigo-indigo-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-indigo-indigo-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-indigo-indigo-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-indigo-indigo-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-indigo-indigo-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-purple-purple-500);\n --spw-ds-variant: var(--spw-color-themes-purple-purple-800);\n --spw-ds-active: var(--spw-color-themes-purple-purple-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-purple-purple-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-purple-purple-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-purple-purple-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-purple-purple-800);\n}\n","@import '_base.css';\n\n:root {\n --spw-ds-primary: var(--spw-color-themes-grey-grey-500);\n --spw-ds-variant: var(--spw-color-themes-grey-grey-800);\n --spw-ds-active: var(--spw-color-themes-grey-grey-900);\n --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-grey-grey-50);\n --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-grey-grey-700);\n --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-grey-grey-100);\n --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-grey-grey-800);\n}\n","import rougeTheme from './rouge.css';\nimport bleuTheme from './bleu.css';\nimport bleuClairTheme from './bleu-clair.css';\nimport vertTheme from './vert.css';\nimport vertLegerTheme from './vert-leger.css';\nimport turquoiseTheme from './turquoise.css';\nimport orangeTheme from './orange.css';\nimport indigoTheme from './indigo.css';\nimport mauveTheme from './mauve.css';\nimport grisTheme from './gris.css';\n\nexport const themes = {\n rouge: rougeTheme,\n bleu: bleuTheme,\n bleuClair: bleuClairTheme,\n vert: vertTheme,\n vertLeger: vertLegerTheme,\n orange: orangeTheme,\n turquoise: turquoiseTheme,\n indigo: indigoTheme,\n mauve: mauveTheme,\n gris: grisTheme,\n};\n\nexport type SpwTheme = keyof typeof themes;\n","import { Component, Prop, h, Element } from '@stencil/core';\nimport { themes, SpwTheme } from '@themes/themes';\n\n@Component({\n tag: 'spw-theme-provider',\n shadow: false,\n})\nexport class SpwThemeProvider {\n /** Définit le thème employé, conditionne les tokens associés au thème */\n @Prop() theme: SpwTheme = 'rouge';\n\n @Element() el: HTMLSpwThemeProviderElement;\n\n componentWillLoad() {\n this.applyTheme(this.theme);\n }\n\n componentWillUpdate() {\n this.applyTheme(this.theme);\n }\n\n private applyTheme(theme: SpwTheme) {\n const styleId = 'theme-styles';\n let styleElement = document.getElementById(styleId) as HTMLStyleElement;\n\n if (!styleElement) {\n styleElement = document.createElement('style');\n styleElement.id = styleId;\n document.head.appendChild(styleElement);\n }\n\n const css = themes[theme];\n styleElement.innerHTML = css;\n\n document.documentElement.setAttribute('data-theme', theme);\n }\n\n render() {\n return (\n <main class={`spw-theme-${this.theme}`}>\n <slot />\n </main>\n );\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAAmB,yjG,MCOZC,EAAa,MAL1B,WAAAC,CAAAC,G,UASUC,KAAKC,MAAY,GAEjBD,KAAQE,SAAa,MAIrBF,KAAWG,YAAG,KACpB,MAAMC,EAAWJ,KAAKK,GAAGC,cACzB,MAAMC,EAAgBH,EAASI,eAAeR,KAAKS,MAEnD,GAAIF,EAAe,CAChBA,EAA8BG,O,EAapC,CATC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,2CAAOC,MAAM,kBAAkBC,QAAShB,KAAKS,KAAMQ,QAASjB,KAAKG,aAC9DH,KAAKC,MAAK,IAAGD,KAAKE,UAAYU,EAAM,QAAAE,IAAA,2CAAAC,MAAM,6BAAoC,M,qCC9BzF,MAAMG,EAAc,uvJ,MCOPC,EAAQ,MALrB,WAAArB,CAAAC,G,UASUC,KAAIoB,KAAwC,UAE5CpB,KAAWqB,YAA8B,aAEzCrB,KAASsB,UAAgC,OAEzCtB,KAAQuB,SAAY,MAEpBvB,KAAKC,MAAW,GAIhBD,KAAUwB,WAAa,MAIvBxB,KAAWyB,YAAa,MAQxBzB,KAAgB0B,iBAAG,K,MACzB,MAAMC,IAAWC,EAAA5B,KAAK6B,UAAQ,MAAAD,SAAA,SAAAA,EAAAE,kBAAmB9B,KAAK6B,OAAOC,mBAAqBC,MAAMC,KAAKhC,KAAKiC,KAAKC,iBAAiB,MAExHP,EAASQ,SAAQC,IACf,GAAIpC,KAAKuB,SAAU,CACjBa,EAAQC,aAAa,WAAY,G,KAC5B,CACLD,EAAQE,gBAAgB,W,IAE1B,CA4BL,CAzCC,gBAAAC,GACEvC,KAAK0B,kB,CAeP,gBAAYc,GACV,MAAO,CACL,YAAa,KACb,wBAAyBxC,KAAKqB,cAAgB,aAC9C,sBAAuBrB,KAAKqB,cAAgB,WAC5C,sBAAuBrB,KAAKwB,WAC5B,sBAAuBxB,KAAKuB,SAC5B,2BAA4BvB,KAAKyB,YACjC,CAAC,cAAczB,KAAKoB,QAAS,KAC7B,CAAC,oBAAoBpB,KAAKsB,aAAc,K,CAI5C,MAAAX,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOf,KAAKwC,cACdxC,KAAKC,OAASW,EAAiB,mBAAAE,IAAA,2CAAAC,MAAM,cAAcd,MAAOD,KAAKC,MAAOQ,KAAMT,KAAKS,KAAMP,SAAUF,KAAKE,WACvGU,EAAK,OAAAE,IAAA,2CAAAC,MAAM,wBACTH,EAAA,QAAAE,IAAA,2CAAM2B,IAAKpC,GAAOL,KAAK6B,OAASxB,M,uCClE5C,MAAMqC,EAAa,k49J,MCQNC,EAAO,MANpB,WAAA7C,CAAAC,G,UAUUC,KAAO4C,QAA4C,UAM5D,CAJC,MAAAjC,GACE,MAAMkC,EAAgB,YAAY7C,KAAK4C,WAAW5C,KAAK8C,OACvD,OAAOlC,EAAG,KAAAE,IAAA,2CAAAC,MAAO8B,G,sDChBrB,MAAME,EAAa,+mI,MCONC,EAAO,MALpB,WAAAlD,CAAAC,G,6CAWUC,KAAMiD,OAAY,QAMlBjD,KAAYkD,aAAsB,QAElClD,KAAQuB,SAAa,MAIrBvB,KAAOmD,QAAsB,QAK7BnD,KAAAiB,QAAWmC,IACjB,GAAIpD,KAAKuB,SAAU,CACjB6B,EAAGC,iBACH,M,CAEFrD,KAAKsD,SAASC,KAAKH,EAAG,CAiCzB,CA9BC,gBAAYI,GACV,MAAO,CACL,WAAY,KACZ,2BAA4BxD,KAAK8C,MAAQ9C,KAAKkD,eAAiB,QAC/D,0BAA2BlD,KAAK8C,MAAQ9C,KAAKkD,eAAiB,OAC9D,CAAC,qBAAqBlD,KAAKmD,WAAY,KACvC,uBAAwBnD,KAAK8C,K,CAIjC,MAAAnC,GACE,MAAM8C,KAAEA,EAAIC,IAAEA,EAAGT,OAAEA,EAAMH,KAAEA,EAAII,aAAEA,EAAYS,aAAEA,EAAYpC,SAAEA,GAAavB,KAC1E,MAAM4D,EAAiB,CACrB,aAAcD,EACd,gBAAiBpC,EAAW,OAAS,MAGvC,MAAMsC,EAAY,aAAaX,IAC/B,MAAMY,EAAchB,EAAOlC,EAAA,YAAUG,MAAO8C,EAAWf,KAAMA,IAAoB,KAEjF,OACElC,EAAA,IAAAmD,OAAAC,OAAA,CAAAlD,IAAA,2CAAG2C,KAAMlC,EAAW0C,UAAYR,EAAMC,IAAKA,EAAKT,OAAQA,EAAQlC,MAAOf,KAAKwD,aAAcvC,QAASjB,KAAKiB,SAAa2C,GAClHV,IAAiB,QAAUY,EAC5BlD,EAAK,OAAAE,IAAA,2CAAAC,MAAM,mBACTH,EAAA,QAAAE,IAAA,8CAEDoC,IAAiB,SAAWY,E,qCChErC,MAAMI,EAAkB,q+F,MCOXC,EAAY,MALzB,WAAArE,CAAAC,G,UAOUC,KAAOmD,QAAqB,OAG5BnD,KAASoE,UAA8B,aAGvCpE,KAASqE,UAAU,EAGnBrE,KAAKsE,MAAW,OAGhBtE,KAAMuE,OAAW,MAqB1B,CAnBC,gBAAYf,GACV,MAAO,CACL,gBAAiB,KACjB,CAAC,kBAAkBxD,KAAKmD,WAAY,KACpC,CAAC,kBAAkBnD,KAAKoE,aAAc,KACtC,CAAC,4BAA4BpE,KAAKqE,aAAc,K,CAIpD,SAAYG,GACV,MAAO,CACLF,MAAOtE,KAAKoE,YAAc,aAAe,GAAGpE,KAAKsE,UAAY,GAAGtE,KAAKqE,cACrEE,OAAQvE,KAAKoE,YAAc,WAAa,GAAGpE,KAAKuE,WAAa,GAAGvE,KAAKqE,c,CAIzE,MAAA1D,GACE,OAAOC,EAAK,OAAAE,IAAA,2CAAAC,MAAOf,KAAKwD,aAAcgB,MAAOxE,KAAKwE,O,aCxCtD,MAAMC,EAAW,srBCAjB,MAAMC,EAAU,osBCAhB,MAAMC,EAAe,wxBCArB,MAAMC,EAAU,ktBCAhB,MAAMC,EAAe,syBCArB,MAAMC,EAAe,osBCArB,MAAMC,EAAY,guBCAlB,MAAMC,EAAY,guBCAlB,MAAMC,EAAW,guBCAjB,MAAMC,EAAU,osBCWT,MAAMC,EAAS,CACpBC,MAAOC,EACPC,KAAMC,EACNC,UAAWC,EACXC,KAAMC,EACNC,UAAWC,EACXC,OAAQC,EACRC,UAAWC,EACXC,OAAQC,EACRC,MAAOC,EACPC,KAAMC,G,MCdKC,EAAgB,MAJ7B,WAAA1G,CAAAC,G,UAMUC,KAAKyG,MAAa,OAmC3B,CA/BC,iBAAAC,GACE1G,KAAK2G,WAAW3G,KAAKyG,M,CAGvB,mBAAAG,GACE5G,KAAK2G,WAAW3G,KAAKyG,M,CAGf,UAAAE,CAAWF,GACjB,MAAMI,EAAU,eAChB,IAAIC,EAAeC,SAASvG,eAAeqG,GAE3C,IAAKC,EAAc,CACjBA,EAAeC,SAASC,cAAc,SACtCF,EAAaG,GAAKJ,EAClBE,SAASG,KAAKC,YAAYL,E,CAG5B,MAAMM,EAAMjC,EAAOsB,GACnBK,EAAaO,UAAYD,EAEzBL,SAASO,gBAAgBjF,aAAa,aAAcoE,E,CAGtD,MAAA9F,GACE,OACEC,EAAA,QAAAE,IAAA,2CAAMC,MAAO,aAAaf,KAAKyG,SAC7B7F,EAAQ,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/spw-stencil-library/spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.esm.js","sources":["src/components/spw-accordion/spw-accordion.scss?tag=spw-accordion&encapsulation=shadow","src/components/spw-accordion/spw-accordion.tsx","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.scss?tag=spw-accordion-content&encapsulation=shadow","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.tsx","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.scss?tag=spw-accordion-item&encapsulation=shadow","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.tsx","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.scss?tag=spw-accordion-title&encapsulation=shadow","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.tsx"],"sourcesContent":[":host {\n display: block;\n position: relative;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-accordion',\n styleUrl: 'spw-accordion.scss',\n shadow: true,\n})\nexport class SpwAccordion {\n render() {\n return (\n <Host>\n <div class=\"spw-accordion\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n",".spw-accordion-content {\n line-height: 1.5;\n font-weight: 400;\n overflow: hidden;\n color: var(--spw-color-themes-grey-grey-800);\n transition: all 0.25s ease-in;\n\n :host(.--collapsed) & {\n max-height: 0 !important;\n }\n\n &--is-opened {\n max-height: 100% !important;\n }\n\n &__inner {\n padding: 0 var(--spw-spacings-spacing-lg);\n margin-bottom: var(--spw-spacings-spacing-lg);\n }\n}\n","import { Component, h, Element, Listen, State } from '@stencil/core';\n\n@Component({\n tag: 'spw-accordion-content',\n styleUrl: 'spw-accordion-content.scss',\n shadow: true,\n})\nexport class SpwAccordionContent {\n @Element() el: HTMLSpwAccordionContentElement;\n private contentElement: HTMLElement;\n\n @State() isOpened: boolean = false;\n\n componentDidLoad() {\n this.assignItemId();\n this.updateHeight();\n window.addEventListener('resize', this.handleResize.bind(this));\n this.contentElement.addEventListener('transitionend', this.handleTransitionEnd.bind(this));\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.handleResize.bind(this));\n this.contentElement.removeEventListener('transitionend', this.handleTransitionEnd.bind(this));\n }\n\n private assignItemId() {\n const parent = this.el.closest('spw-accordion-item');\n if (parent) {\n const itemId = parent.getAttribute('data-accordion-id');\n if (itemId) {\n this.el.setAttribute('data-accordion-id', itemId);\n }\n }\n }\n\n @Listen('accordionToggle', { target: 'document' })\n handleAccordionToggle(event: CustomEvent<{ isOpen: boolean; id: string }>) {\n const itemId = this.el.getAttribute('data-accordion-id');\n if (event.detail.id === itemId) {\n this.isOpened = event.detail.isOpen;\n this.updateHeight();\n }\n }\n\n private handleResize() {\n this.updateHeight();\n setTimeout(() => {\n this.updateHeight();\n }, 300);\n }\n\n private handleTransitionEnd(event: TransitionEvent) {\n if (event.propertyName === 'max-height') {\n if (this.isOpened) {\n this.contentElement.classList.add('spw-accordion-content--is-opened');\n } else {\n this.contentElement.classList.remove('spw-accordion-content--is-opened');\n }\n }\n }\n\n private updateHeight() {\n requestAnimationFrame(() => {\n const content = this.contentElement;\n if (this.isOpened) {\n const scrollHeight = content.scrollHeight;\n content.style.maxHeight = `${scrollHeight}px`;\n } else {\n content.style.maxHeight = '0px';\n }\n });\n }\n\n render() {\n return (\n <div class=\"spw-accordion-content\" ref={el => (this.contentElement = el)} data-accordion-id={this.el.getAttribute('data-accordion-id')}>\n <div class=\"spw-accordion-content__inner\">\n <slot onSlotchange={() => this.updateHeight()}></slot>\n </div>\n </div>\n );\n }\n}\n",":host {\n display: block;\n}\n\n.spw-accordion-item {\n position: relative;\n &__content {\n position: relative;\n border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n }\n\n &__trigger {\n display: block;\n text-decoration: none;\n\n position: sticky;\n top: 0;\n // background: white;\n z-index: 10;\n @include breakpoint(md) {\n position: relative;\n }\n\n &:focus-visible {\n outline: 2px solid white;\n outline-offset: -3px;\n box-shadow: 0 0 0 2px black;\n }\n }\n}\n","import { Component, h, Host, Event, Prop, EventEmitter, Watch, State, Element } from '@stencil/core';\n\n@Component({\n tag: 'spw-accordion-item',\n styleUrl: 'spw-accordion-item.scss',\n shadow: true,\n})\nexport class SpwAccordionItem {\n @State() isOpen: boolean = false;\n @State() isMobile: boolean = window.innerWidth < 768;\n @Element() el: HTMLSpwAccordionItemElement;\n\n /** Transmet l'état actuel (isOpen) et l'id de l'élément /\n @Event() accordionToggle: EventEmitter<{ isOpen: boolean; id: string }>;\n /* Définit si l'élément est ouvert ou pas /\n @Prop() defaultOpen: boolean = false;\n\n private resizeListener: () => void;\n\n componentWillLoad() {\n this.isOpen = this.defaultOpen;\n this.assignItemId();\n this.setupResizeListener();\n this.toggleClasses();\n }\n\n componentDidLoad() {\n if (this.isOpen) {\n const itemId = this.el.getAttribute('data-accordion-id');\n this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n this.updateFocusableElements();\n }\n }\n\n disconnectedCallback() {\n this.teardownResizeListener();\n }\n\n @Watch('defaultOpen')\n defaultOpenChanged(newValue: boolean) {\n this.isOpen = newValue;\n this.toggleClasses();\n this.updateFocusableElements();\n }\n\n private assignItemId() {\n const index = Array.from(this.el.parentNode.children).indexOf(this.el);\n this.el.setAttribute('data-accordion-id', `accordion-item-${index}`);\n }\n\n private toggleContent() {\n this.isOpen = !this.isOpen;\n const itemId = this.el.getAttribute('data-accordion-id');\n this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n this.updateFocusableElements();\n if (!this.isOpen) {\n this.scrollToElement();\n }\n this.toggleClasses();\n }\n\n private toggleClasses(): void {\n const contentElement = this.el.querySelector('spw-accordion-content');\n const titleElement = this.el.querySelector('spw-accordion-title');\n if (contentElement) {\n contentElement.classList.toggle('--collapsed', !this.isOpen);\n }\n if (titleElement) {\n titleElement.classList.toggle('--collapsed', !this.isOpen);\n }\n }\n\n private handleClick(event: MouseEvent) {\n event.preventDefault();\n this.toggleContent();\n }\n\n private scrollToElement() {\n const element = this.el.shadowRoot.querySelector('.spw-accordion-item__content') as HTMLElement;\n if (element && this.isMobile) {\n element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n }\n\n private updateFocusableElements() {\n const contentSlot = this.el.shadowRoot.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n if (!contentSlot) {\n return;\n }\n\n const assignedElements = contentSlot.assignedElements({ flatten: true }) as HTMLElement[];\n\n assignedElements.forEach(element => {\n const focusableElements = element.querySelectorAll<HTMLElement>('');\n\n focusableElements.forEach(focusable => {\n if (this.isOpen) {\n const originalTabIndex = focusable.getAttribute('data-tabindex-original');\n if (originalTabIndex !== null) {\n focusable.setAttribute('tabindex', originalTabIndex);\n focusable.removeAttribute('data-tabindex-original');\n } else {\n focusable.removeAttribute('tabindex');\n }\n } else {\n if (!focusable.hasAttribute('data-tabindex-original')) {\n const currentTabIndex = focusable.getAttribute('tabindex');\n if (currentTabIndex !== null) {\n focusable.setAttribute('data-tabindex-original', currentTabIndex);\n } else {\n focusable.setAttribute('data-tabindex-original', '');\n }\n }\n focusable.setAttribute('tabindex', '-1');\n }\n });\n });\n }\n\n private setupResizeListener() {\n this.resizeListener = () => {\n this.isMobile = window.innerWidth < 768;\n };\n\n window.addEventListener('resize', this.resizeListener);\n }\n\n private teardownResizeListener() {\n if (this.resizeListener) {\n window.removeEventListener('resize', this.resizeListener);\n }\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-accordion-item': true,\n 'spw-accordion-item--collapsed': !this.isOpen,\n };\n }\n\n private get elementChildClass(): { [className: string]: boolean } {\n return {\n 'spw-accordion-item__trigger': true,\n };\n }\n\n render() {\n return (\n <Host class={this.elementClass}>\n <div class=\"spw-accordion-item__content\">\n <a href=\"#\" class={this.elementChildClass} onClick={event => this.handleClick(event)}>\n <slot name=\"title\"></slot>\n </a>\n <slot name=\"content\"></slot>\n </div>\n </Host>\n );\n }\n}\n",":host {\n display: block;\n}\n\n.spw-accordion-title {\n padding: var(--spw-spacings-spacing-lg);\n font-weight: 700;\n transition: all 0.3s;\n color: var(--spw-color-themes-grey-grey-900);\n\n &:hover {\n color: var(--spw-ds-primary);\n :host(.--collapsed) & {\n // background: var(--spw-color-themes-grey-grey-100);\n }\n }\n}\n\n:host-context(.spw-accordion-item:hover) > .spw-accordion-title {\n color: var(--spw-ds-primary);\n}\n\n.spw-accordion-title__content {\n position: relative;\n padding-right: var(--spw-spacings-spacing-3-xl);\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-size: 16px;\n }\n}\n\n.spw-accordion-title__trigger {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%) rotate(180deg);\n transition: all 0.3s;\n\n :host(.--collapsed) & {\n transform: translateY(-50%) rotate(0deg);\n }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-accordion-title',\n styleUrl: 'spw-accordion-title.scss',\n shadow: true,\n})\nexport class SpwAccordionTitle {\n /** Tag html du titre de l'accordéon (de h1 à h6) /\n @Prop() tag?: 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6' = 'h3';\n /* Si spécifié, place une icône à gauche du titre */\n @Prop() icon?: string;\n\n render() {\n const TagType = this.tag;\n const iconElement = this.icon ? <spw-icon icon={this.icon}></spw-icon> : null;\n return (\n <Host>\n <div class=\"spw-accordion-title\">\n <div class=\"spw-accordion-title__content\">\n <TagType class=\"spw-tw-flex\">\n {iconElement && <div class=\"spw-tw-mr-3\">{iconElement}</div>}\n <div>\n <slot></slot>\n </div>\n </TagType>\n <span class=\"spw-accordion-title__trigger\">\n <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n </span>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.esm.js","sources":["src/components/spw-accordion/spw-accordion.scss?tag=spw-accordion&encapsulation=shadow","src/components/spw-accordion/spw-accordion.tsx","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.scss?tag=spw-accordion-content&encapsulation=shadow","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.tsx","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.scss?tag=spw-accordion-item&encapsulation=shadow","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.tsx","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.scss?tag=spw-accordion-title&encapsulation=shadow","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.tsx"],"sourcesContent":[":host {\n display: block;\n position: relative;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-accordion',\n styleUrl: 'spw-accordion.scss',\n shadow: true,\n})\nexport class SpwAccordion {\n render() {\n return (\n <Host>\n <div class=\"spw-accordion\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n",".spw-accordion-content {\n line-height: 1.5;\n font-weight: 400;\n overflow: hidden;\n color: var(--spw-color-themes-grey-grey-800);\n transition: all 0.25s ease-in;\n\n :host(.--collapsed) & {\n max-height: 0 !important;\n }\n\n &--is-opened {\n max-height: 100% !important;\n }\n\n &__inner {\n padding: 0 var(--spw-spacings-spacing-lg);\n margin-bottom: var(--spw-spacings-spacing-lg);\n }\n}\n","import { Component, h, Element, Listen, State } from '@stencil/core';\n\n@Component({\n tag: 'spw-accordion-content',\n styleUrl: 'spw-accordion-content.scss',\n shadow: true,\n})\nexport class SpwAccordionContent {\n @Element() el: HTMLSpwAccordionContentElement;\n private contentElement: HTMLElement;\n\n @State() isOpened: boolean = false;\n\n componentDidLoad() {\n this.assignItemId();\n this.updateHeight();\n window.addEventListener('resize', this.handleResize.bind(this));\n this.contentElement.addEventListener('transitionend', this.handleTransitionEnd.bind(this));\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.handleResize.bind(this));\n this.contentElement.removeEventListener('transitionend', this.handleTransitionEnd.bind(this));\n }\n\n private assignItemId() {\n const parent = this.el.closest('spw-accordion-item');\n if (parent) {\n const itemId = parent.getAttribute('data-accordion-id');\n if (itemId) {\n this.el.setAttribute('data-accordion-id', itemId);\n }\n }\n }\n\n @Listen('accordionToggle', { target: 'document' })\n handleAccordionToggle(event: CustomEvent<{ isOpen: boolean; id: string }>) {\n const itemId = this.el.getAttribute('data-accordion-id');\n if (event.detail.id === itemId) {\n this.isOpened = event.detail.isOpen;\n this.updateHeight();\n }\n }\n\n private handleResize() {\n this.updateHeight();\n setTimeout(() => {\n this.updateHeight();\n }, 300);\n }\n\n private handleTransitionEnd(event: TransitionEvent) {\n if (event.propertyName === 'max-height') {\n if (this.isOpened) {\n this.contentElement.classList.add('spw-accordion-content--is-opened');\n } else {\n this.contentElement.classList.remove('spw-accordion-content--is-opened');\n }\n }\n }\n\n private updateHeight() {\n requestAnimationFrame(() => {\n const content = this.contentElement;\n if (this.isOpened) {\n const scrollHeight = content.scrollHeight;\n content.style.maxHeight = `${scrollHeight}px`;\n } else {\n content.style.maxHeight = '0px';\n }\n });\n }\n\n render() {\n return (\n <div class=\"spw-accordion-content\" ref={el => (this.contentElement = el)} data-accordion-id={this.el.getAttribute('data-accordion-id')}>\n <div class=\"spw-accordion-content__inner\">\n <slot onSlotchange={() => this.updateHeight()}></slot>\n </div>\n </div>\n );\n }\n}\n",":host {\n display: block;\n --spw-accordion-item-background: white;\n}\n\n.spw-accordion-item {\n position: relative;\n &__content {\n position: relative;\n border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n }\n\n &__trigger {\n display: block;\n text-decoration: none;\n\n position: sticky;\n top: 0;\n background: var(--spw-accordion-item-background);\n z-index: 10;\n @include breakpoint(md) {\n position: relative;\n }\n\n &:focus-visible {\n outline: 2px solid white;\n outline-offset: -3px;\n box-shadow: 0 0 0 2px black;\n }\n }\n}\n","import { Component, h, Host, Event, Prop, EventEmitter, Watch, State, Element } from '@stencil/core';\n\n@Component({\n tag: 'spw-accordion-item',\n styleUrl: 'spw-accordion-item.scss',\n shadow: true,\n})\nexport class SpwAccordionItem {\n @State() isOpen: boolean = false;\n @State() isMobile: boolean = window.innerWidth < 768;\n @Element() el: HTMLSpwAccordionItemElement;\n\n /** Transmet l'état actuel (isOpen) et l'id de l'élément /\n @Event() accordionToggle: EventEmitter<{ isOpen: boolean; id: string }>;\n /* Définit si l'élément est ouvert ou pas /\n @Prop() defaultOpen: boolean = false;\n\n private resizeListener: () => void;\n\n componentWillLoad() {\n this.isOpen = this.defaultOpen;\n this.assignItemId();\n this.setupResizeListener();\n this.toggleClasses();\n }\n\n componentDidLoad() {\n if (this.isOpen) {\n const itemId = this.el.getAttribute('data-accordion-id');\n this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n this.updateFocusableElements();\n }\n }\n\n disconnectedCallback() {\n this.teardownResizeListener();\n }\n\n @Watch('defaultOpen')\n defaultOpenChanged(newValue: boolean) {\n this.isOpen = newValue;\n this.toggleClasses();\n this.updateFocusableElements();\n }\n\n private assignItemId() {\n const index = Array.from(this.el.parentNode.children).indexOf(this.el);\n this.el.setAttribute('data-accordion-id', `accordion-item-${index}`);\n }\n\n private toggleContent() {\n this.isOpen = !this.isOpen;\n const itemId = this.el.getAttribute('data-accordion-id');\n this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n this.updateFocusableElements();\n if (!this.isOpen) {\n this.scrollToElement();\n }\n this.toggleClasses();\n }\n\n private toggleClasses(): void {\n const contentElement = this.el.querySelector('spw-accordion-content');\n const titleElement = this.el.querySelector('spw-accordion-title');\n if (contentElement) {\n contentElement.classList.toggle('--collapsed', !this.isOpen);\n }\n if (titleElement) {\n titleElement.classList.toggle('--collapsed', !this.isOpen);\n }\n }\n\n private handleClick(event: MouseEvent) {\n event.preventDefault();\n this.toggleContent();\n }\n\n private scrollToElement() {\n const element = this.el.shadowRoot.querySelector('.spw-accordion-item__content') as HTMLElement;\n if (element && this.isMobile) {\n element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n }\n\n private updateFocusableElements() {\n const contentSlot = this.el.shadowRoot.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n if (!contentSlot) {\n return;\n }\n\n const assignedElements = contentSlot.assignedElements({ flatten: true }) as HTMLElement[];\n\n assignedElements.forEach(element => {\n const focusableElements = element.querySelectorAll<HTMLElement>('');\n\n focusableElements.forEach(focusable => {\n if (this.isOpen) {\n const originalTabIndex = focusable.getAttribute('data-tabindex-original');\n if (originalTabIndex !== null) {\n focusable.setAttribute('tabindex', originalTabIndex);\n focusable.removeAttribute('data-tabindex-original');\n } else {\n focusable.removeAttribute('tabindex');\n }\n } else {\n if (!focusable.hasAttribute('data-tabindex-original')) {\n const currentTabIndex = focusable.getAttribute('tabindex');\n if (currentTabIndex !== null) {\n focusable.setAttribute('data-tabindex-original', currentTabIndex);\n } else {\n focusable.setAttribute('data-tabindex-original', '');\n }\n }\n focusable.setAttribute('tabindex', '-1');\n }\n });\n });\n }\n\n private setupResizeListener() {\n this.resizeListener = () => {\n this.isMobile = window.innerWidth < 768;\n };\n\n window.addEventListener('resize', this.resizeListener);\n }\n\n private teardownResizeListener() {\n if (this.resizeListener) {\n window.removeEventListener('resize', this.resizeListener);\n }\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-accordion-item': true,\n 'spw-accordion-item--collapsed': !this.isOpen,\n };\n }\n\n private get elementChildClass(): { [className: string]: boolean } {\n return {\n 'spw-accordion-item__trigger': true,\n };\n }\n\n render() {\n return (\n <Host class={this.elementClass}>\n <div class=\"spw-accordion-item__content\">\n <a href=\"#\" class={this.elementChildClass} onClick={event => this.handleClick(event)}>\n <slot name=\"title\"></slot>\n </a>\n <slot name=\"content\"></slot>\n </div>\n </Host>\n );\n }\n}\n",":host {\n display: block;\n}\n\n.spw-accordion-title {\n padding: var(--spw-spacings-spacing-lg);\n font-weight: 700;\n transition: all 0.3s;\n color: var(--spw-color-themes-grey-grey-900);\n\n &:hover {\n color: var(--spw-ds-primary);\n :host(.--collapsed) & {\n // background: var(--spw-color-themes-grey-grey-100);\n }\n }\n}\n\n:host-context(.spw-accordion-item:hover) > .spw-accordion-title {\n color: var(--spw-ds-primary);\n}\n\n.spw-accordion-title__content {\n position: relative;\n padding-right: var(--spw-spacings-spacing-3-xl);\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-size: 16px;\n }\n}\n\n.spw-accordion-title__trigger {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%) rotate(180deg);\n transition: all 0.3s;\n\n :host(.--collapsed) & {\n transform: translateY(-50%) rotate(0deg);\n }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-accordion-title',\n styleUrl: 'spw-accordion-title.scss',\n shadow: true,\n})\nexport class SpwAccordionTitle {\n /** Tag html du titre de l'accordéon (de h1 à h6) /\n @Prop() tag?: 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6' = 'h3';\n /* Si spécifié, place une icône à gauche du titre */\n @Prop() icon?: string;\n\n render() {\n const TagType = this.tag;\n const iconElement = this.icon ? <spw-icon icon={this.icon}></spw-icon> : null;\n return (\n <Host>\n <div class=\"spw-accordion-title\">\n <div class=\"spw-accordion-title__content\">\n <TagType class=\"spw-tw-flex\">\n {iconElement && <div class=\"spw-tw-mr-3\">{iconElement}</div>}\n <div>\n <slot></slot>\n </div>\n </TagType>\n <span class=\"spw-accordion-title__trigger\">\n <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n </span>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/spw-stencil-library/spw-button.spw-loading.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"spw-button.spw-loading.entry.esm.js","sources":["src/components/spw-button/spw-button.scss?tag=spw-button&encapsulation=shadow","src/components/spw-button/spw-button.tsx","src/components/spw-loading/spw-loading.scss?tag=spw-loading&encapsulation=shadow","src/components/spw-loading/spw-loading.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}\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 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: none;\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",":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"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"spw-button.spw-loading.entry.esm.js","sources":["src/components/spw-button/spw-button.scss?tag=spw-button&encapsulation=shadow","src/components/spw-button/spw-button.tsx","src/components/spw-loading/spw-loading.scss?tag=spw-loading&encapsulation=shadow","src/components/spw-loading/spw-loading.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}\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: none;\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",":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"],"names":[],"mappings":"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"}

package/dist/spw-stencil-library/spw-checkbox.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"spw-checkbox.entry.esm.js","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}\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-checkbox-checked-color);\n color: var(--spw-ds-checkbox-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-checkbox-checked-hover-color);\n color: var(--spw-ds-checkbox-checked-hover-color);\n }\n &:not(.spw-checkbox__wrapper--disabled):active {\n background: var(--spw-ds-checkbox-checked-active-color);\n color: var(--spw-ds-checkbox-checked-active-color);\n }\n }\n &.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled {\n border-color: var(--spw-color-themes-grey-grey-500);\n background: white;\n &:before {\n background: var(--spw-color-themes-grey-grey-500);\n }\n }\n }\n\n &__label {\n color: var(--spw-color-themes-grey-grey-900);\n word-wrap: break-word;\n order: 1;\n padding-top: 1px;\n user-select: none;\n padding-left: var(--spw-spacings-spacing-sm);\n\n &:hover ~ .spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled) {\n outline: 4px solid var(--spw-color-themes-grey-grey-300);\n }\n\n // &: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"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"spw-checkbox.entry.esm.js","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"],"names":[],"mappings":"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"}

package/dist/spw-stencil-library/spw-custom-select.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"spw-custom-select.entry.esm.js","sources":["src/components/spw-custom-select/spw-custom-select.scss?tag=spw-custom-select&encapsulation=shadow","src/components/spw-custom-select/spw-custom-select.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-custom-select {\n position: relative;\n &__container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n height: 40px;\n padding: 0 12px;\n line-height: 40px;\n border-radius: 4px;\n border: 1px solid var(--spw-color-themes-grey-grey-800);\n background-color: #fff;\n &:hover {\n outline: 4px solid var(--spw-color-themes-grey-grey-300);\n }\n &:focus-within,\n &:focus-visible {\n outline: 3px solid white;\n outline-offset: 0;\n box-shadow: 0 0 0 6px black;\n }\n .spw-custom-select--disabled & {\n border-color: var(--spw-color-themes-grey-grey-400);\n background: var(--spw-color-themes-grey-grey-100);\n color: var(--spw-color-themes-grey-grey-500);\n cursor: not-allowed;\n &::placeholder {\n color: var(--spw-color-themes-grey-grey-500);\n }\n &:hover,\n &:focus,\n &:focus-visible {\n outline: none;\n }\n }\n .spw-custom-select--is-error & {\n border-color: var(--spw-colors-states-error-error-300);\n }\n .spw-custom-select--large & {\n height: 60px;\n padding: 0 24px;\n line-height: 60px;\n }\n .spw-custom-select--is-opened & {\n height: auto;\n line-height: 1;\n min-height: 40px;\n border-radius: 4px 4px 0 0;\n border-bottom-color: transparent;\n }\n }\n\n &__selected {\n flex: 1;\n padding-right: 30px;\n max-width: 100%;\n }\n\n &__selected-item {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n color: var(--spw-color-themes-grey-grey-900);\n border: 1px solid var(--spw-color-themes-grey-grey-900);\n background: var(--spw-color-themes-grey-grey-200);\n line-height: 24px;\n height: 24px;\n padding: 0 8px;\n margin: 4px 6px 2px 0;\n border-radius: 999px;\n font-size: 14px;\n user-select: none;\n }\n\n &__selected-items {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n text-wrap: nowrap;\n .spw-custom-select--is-opened & {\n padding-top: 3px;\n padding-bottom: 4px;\n overflow: visible;\n text-overflow: initial;\n text-wrap: initial;\n }\n }\n\n &__arrow {\n position: absolute;\n right: 12px;\n top: 10px;\n font-size: 16px;\n color: var(--spw-color-themes-grey-grey-600);\n pointer-events: none;\n }\n\n &__wrapper {\n position: relative;\n }\n\n &__search {\n .spw-custom-select--is-opened & {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 11;\n width: 100%;\n margin-top: 1px;\n }\n .spw-custom-select--has-value.spw-custom-select--is-opened & {\n top: auto;\n top: 100%;\n margin-top: -3px;\n }\n &-input {\n padding: 0;\n height: 38px;\n line-height: 40px;\n border: none;\n margin: 0;\n width: calc(100% - 30px);\n text-overflow: ellipsis;\n &:focus {\n outline: none;\n }\n .spw-custom-select--is-opened & {\n border-left: 1px solid var(--spw-color-themes-grey-grey-800);\n padding: 0 12px;\n }\n .spw-custom-select--is-opened.spw-custom-select--has-value & {\n border-right: 1px solid var(--spw-color-themes-grey-grey-800);\n width: 100%;\n }\n }\n }\n\n &__options {\n position: absolute;\n width: 100%;\n background-color: #fff;\n border: 1px solid var(--spw-color-themes-grey-grey-800);\n border-radius: 0 0 4px 4px;\n max-height: 200px;\n overflow-y: auto;\n z-index: 12;\n\n &--down {\n top: 100%;\n transform: translateY(0);\n }\n\n &--up {\n top: 100%;\n transform: translateY(0);\n }\n\n .spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) & {\n margin-top: 35px;\n }\n }\n\n &__no-results {\n padding: 12px;\n cursor: not-allowed;\n color: var(--spw-color-themes-grey-grey-600);\n }\n\n &__option {\n border-bottom: 1px solid var(--spw-color-themes-grey-grey-900);\n padding: 12px;\n cursor: pointer;\n &:hover {\n background-color: var(--spw-color-themes-grey-grey-200);\n }\n &:last-child {\n border-bottom: none;\n }\n &--selected {\n font-weight: 700;\n }\n }\n\n &__error {\n display: block;\n font-size: 12px;\n color: var(--spw-color-themes-grey-grey-600);\n margin-top: 8px;\n }\n}\n\n.spw-custom-select__option--focused {\n background-color: var(--spw-color-themes-grey-grey-300);\n}\n","import { AttachInternals, Component, Prop, State, Event, EventEmitter, h, Watch } from '@stencil/core';\n\n@Component({\n tag: 'spw-custom-select',\n styleUrl: 'spw-custom-select.scss',\n formAssociated: true,\n shadow: true,\n})\nexport class SpwCustomSelect {\n private host: HTMLElement;\n private selectContainer: HTMLElement;\n\n /** Événement émis lorsque la valeur sélectionnée change /\n @Event() valueChanged: EventEmitter<(string \| number)[] \| string \| number>;\n\n @State() internalValue: (string \| number)[] \| string \| number;\n @State() isOpen: boolean = false;\n @State() parsedOptions: { value: string \| number; label: string }[] = [];\n @State() focusedOptionIndex: number \| null = null;\n @State() searchText: string = '';\n @State() dropdownDirection: 'up' \| 'down' = 'down';\n @State() hasSelectedValue: boolean = false;\n\n /* Valeur actuelle sélectionnée dans le composant, peut être une chaîne, un nombre ou un tableau /\n @Prop({ mutable: true, reflect: true }) value: (string \| number)[] \| string \| number = [];\n /* Label associé au champ de sélection personnalisé /\n @Prop() label: string = '';\n /* Placeholder à afficher lorsque aucune option n'est sélectionnée /\n @Prop() placeholder: string = 'Sélectionnez une option';\n /* Indique si le champ est désactivé et donc non interactif /\n @Prop() disabled: boolean;\n /* Nom de l'élément dans les formulaires, utilisé pour associer la valeur /\n @Prop() name: string;\n /* Indique si la sélection est obligatoire dans le formulaire /\n @Prop() required: boolean = false;\n /* Chaîne JSON des options disponibles dans le select (valeur et label) /\n @Prop() items: string \| any[];\n /* Taille du select, peut être \"large\" ou \"medium\" /\n @Prop() size: 'large' \| 'medium' = 'medium';\n /* Permet la sélection multiple si vrai /\n @Prop() multiple: boolean = false;\n /* Active la fonction de recherche dans la liste des items /\n @Prop() isSearch: boolean = false;\n /* Texte d'assistance à afficher sous le champ /\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 @AttachInternals() internals: ElementInternals;\n\n componentWillLoad() {\n if (this.multiple) {\n if (typeof this.value === 'string') {\n try {\n this.internalValue = JSON.parse(this.value);\n } catch (e) {\n this.internalValue = [];\n }\n } else if (Array.isArray(this.value)) {\n this.internalValue = this.value;\n } else {\n this.internalValue = [];\n }\n } else {\n this.internalValue = this.value as string \| number;\n }\n\n if (this.items) {\n this.parseOptions(this.items);\n }\n this.updateSelectedOption();\n }\n\n componentDidLoad() {\n document.addEventListener('click', this.handleClickOutside);\n this.internals.setFormValue(this.getFormValue());\n }\n\n disconnectedCallback() {\n document.removeEventListener('click', this.handleClickOutside);\n }\n\n private handleClickOutside = (event: MouseEvent) => {\n if (this.isOpen) {\n const target = event.composedPath()[0] as Node;\n const isInsideHost = this.host.contains(target);\n const searchField = this.host.shadowRoot?.querySelector('.spw-custom-select__search-input');\n\n const isInsideSearchField = searchField?.contains(target);\n\n if (!isInsideHost && !isInsideSearchField) {\n if (this.multiple) {\n const optionsContainer = this.host.shadowRoot?.querySelector('.spw-custom-select__options');\n if (optionsContainer && optionsContainer.contains(target)) {\n return;\n }\n }\n\n this.closeDropdown();\n }\n }\n };\n\n @Watch('items')\n parseOptions(newValue: string \| any[]) {\n try {\n if (Array.isArray(newValue)) {\n this.parsedOptions = newValue.map(option => ({\n value: option.value,\n label: option.label,\n }));\n } else if (typeof newValue === 'string') {\n this.parsedOptions = JSON.parse(newValue).map(option => ({\n value: option.value,\n label: option.label,\n }));\n } else {\n this.parsedOptions = [];\n }\n this.updateSelectedOption();\n } catch (e) {\n this.parsedOptions = [];\n }\n }\n\n @Watch('value')\n valueChangedHandler(newValue: (string \| number)[] \| string \| number) {\n if (this.multiple) {\n this.internalValue = Array.isArray(newValue) ? newValue : [newValue];\n } else {\n this.internalValue = newValue;\n }\n this.updateSelectedOption();\n this.internals.setFormValue(this.getFormValue());\n this.valueChanged.emit(this.internalValue);\n }\n\n private updateSelectedOption() {\n this.internals.setFormValue(this.getFormValue());\n\n if (!this.multiple && this.internalValue !== undefined) {\n this.focusedOptionIndex = this.parsedOptions.findIndex(option => String(option.value) === String(this.internalValue));\n } else if (this.multiple && Array.isArray(this.internalValue)) {\n this.internalValue = (this.internalValue as (string \| number)[])\n .filter(val => this.parsedOptions.some(option => String(option.value) === String(val)))\n .sort((a, b) => this.parsedOptions.findIndex(option => String(option.value) === String(a)) - this.parsedOptions.findIndex(option => String(option.value) === String(b)));\n }\n }\n\n @Watch('internalValue')\n internalValueChanged() {\n this.hasSelectedValue = Array.isArray(this.internalValue) ? this.internalValue.length > 0 : Boolean(this.internalValue);\n }\n\n private getFormValue(): string \| null {\n if (this.multiple) {\n return Array.isArray(this.internalValue) && this.internalValue.length > 0 ? this.internalValue.map(v => String(v)).join(',') : null;\n }\n return this.internalValue ? String(this.internalValue) : null;\n }\n\n private toggleDropdown(event?: MouseEvent) {\n if (!this.disabled) {\n if (event) {\n const target = event.composedPath()[0] as HTMLElement;\n\n if (target.classList.contains('spw-custom-select__search-input')) {\n return;\n }\n\n event.stopPropagation();\n }\n this.determineDropdownDirection();\n this.isOpen = !this.isOpen;\n if (!this.isOpen) {\n this.focusedOptionIndex = null;\n }\n }\n }\n\n private determineDropdownDirection() {\n const rect = this.selectContainer.getBoundingClientRect();\n const viewportHeight = window.innerHeight;\n\n if (rect.bottom + 200 > viewportHeight && rect.top > 200) {\n this.dropdownDirection = 'up';\n } else {\n this.dropdownDirection = 'down';\n }\n }\n\n private openDropdownWithKeyboard() {\n this.determineDropdownDirection();\n this.isOpen = true;\n this.focusedOptionIndex = 0;\n }\n\n private closeDropdown() {\n this.isOpen = false;\n this.focusedOptionIndex = null;\n this.searchText = '';\n }\n\n private selectOption(optionValue: string \| number, event?: MouseEvent) {\n if (event) {\n event.stopPropagation();\n }\n\n if (this.multiple) {\n const index = (this.internalValue as (string \| number)[]).findIndex(val => String(val) === String(optionValue));\n if (index > -1) {\n this.internalValue = [...(this.internalValue as (string \| number)[]).slice(0, index), ...(this.internalValue as (string \| number)[]).slice(index + 1)];\n } else {\n this.internalValue = [...(this.internalValue as (string \| number)[]), optionValue];\n }\n this.internalValue = (this.internalValue as (string \| number)[]).sort(\n (a, b) => this.parsedOptions.findIndex(option => String(option.value) === String(a)) - this.parsedOptions.findIndex(option => String(option.value) === String(b)),\n );\n } else {\n this.internalValue = optionValue;\n this.closeDropdown();\n }\n\n this.value = this.internalValue;\n this.internals.setFormValue(this.getFormValue());\n this.valueChanged.emit(this.internalValue);\n this.updateSelectedOption();\n }\n\n private handleOptionKeyDown(event: KeyboardEvent, optionValue: string \| number) {\n if (event.key === 'Enter' \|\| event.key === ' ') {\n event.preventDefault();\n this.selectOption(optionValue);\n }\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n if ((event.target as HTMLElement).classList.contains('spw-custom-select__search-input')) {\n return;\n }\n switch (event.key) {\n case ' ':\n event.preventDefault();\n if (!this.isOpen) {\n this.openDropdownWithKeyboard();\n }\n break;\n case 'ArrowDown':\n event.preventDefault();\n if (this.isOpen) {\n this.focusedOptionIndex = this.focusedOptionIndex === null ? 0 : (this.focusedOptionIndex + 1) % this.parsedOptions.length;\n } else {\n this.openDropdownWithKeyboard();\n }\n break;\n case 'ArrowUp':\n event.preventDefault();\n if (this.isOpen) {\n this.focusedOptionIndex =\n this.focusedOptionIndex === null ? this.parsedOptions.length - 1 : (this.focusedOptionIndex - 1 + this.parsedOptions.length) % this.parsedOptions.length;\n }\n break;\n case 'Enter':\n event.preventDefault();\n if (this.isOpen && this.focusedOptionIndex !== null) {\n this.selectOption(this.parsedOptions[this.focusedOptionIndex].value);\n }\n break;\n case 'Escape':\n if (this.isOpen) {\n this.closeDropdown();\n }\n break;\n }\n }\n\n private renderErrorMessage() {\n if (this.error) {\n return (\n <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n {this.error}\n </spw-field-message>\n );\n }\n }\n\n private renderHintMessage() {\n if (this.hint) {\n return (\n <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n {this.hint}\n </spw-field-message>\n );\n }\n }\n\n private 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 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 get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-custom-select': true,\n [`spw-custom-select--${this.size}`]: true,\n 'spw-custom-select--is-error': !!this.error,\n 'spw-custom-select--disabled': this.disabled,\n 'spw-custom-select--is-opened': this.isOpen,\n 'spw-custom-select--has-value': this.hasSelectedValue,\n 'spw-custom-select--no-value': !this.hasSelectedValue,\n 'spw-custom-select--is-searchable': this.isSearch,\n 'spw-custom-select--not-searchable': !this.isSearch,\n };\n }\n\n private normalizeString(str: string): string {\n return str\n .normalize('NFD')\n .replace(/[\\u0300-\\u036f]/g, '')\n .toLowerCase();\n }\n\n private getSelectedLabels(): string {\n if (this.multiple) {\n return Array.isArray(this.internalValue) && this.internalValue.length > 0\n ? (this.internalValue as (string \| number)[])\n .map(val => this.parsedOptions.find(option => String(option.value) === String(val))?.label)\n .filter(Boolean)\n .join(', ')\n : null;\n } else {\n const selectedOption = this.parsedOptions.find(option => String(option.value) === String(this.internalValue));\n return selectedOption ? selectedOption.label : null;\n }\n }\n\n private getFilteredOptions() {\n const normalizedSearchText = this.normalizeString(this.searchText);\n return this.parsedOptions.filter(option => this.normalizeString(option.label).includes(normalizedSearchText));\n }\n\n private handleSearchInput(event: Event) {\n const input = event.target as HTMLInputElement;\n this.searchText = input.value;\n this.focusedOptionIndex = 0;\n\n if (!this.isOpen) {\n this.isOpen = true;\n }\n }\n\n private isSearchVisible(): boolean {\n if (!this.isSearch) return false;\n if (!this.hasSelectedValue && !this.isOpen) return true;\n if (this.isSearch && this.isOpen) return true;\n return this.isOpen;\n }\n\n private showPlaceholder(): boolean {\n if (this.isSearch) return false;\n if (this.hasSelectedValue) return false;\n return true;\n }\n\n render() {\n const filteredOptions = this.getFilteredOptions();\n const showPlaceholder = this.showPlaceholder();\n\n return (\n <div class={this.elementClass} ref={el => (this.host = el as HTMLElement)}>\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-custom-select__wrapper\">\n <div\n class=\"spw-custom-select__container\"\n id={this.name}\n ref={el => (this.selectContainer = el as HTMLElement)}\n onClick={event => this.toggleDropdown(event)}\n onKeyDown={event => this.handleKeyDown(event)}\n tabindex={this.disabled ? -1 : 0}\n >\n <div class=\"spw-custom-select__selected\">\n {this.isSearchVisible() && (\n <div class=\"spw-custom-select__search\">\n <input class=\"spw-custom-select__search-input\" placeholder=\"Entrez votre recherche\" onInput={event => this.handleSearchInput(event)} value={this.searchText} />\n </div>\n )}\n {showPlaceholder && <span>{this.placeholder}</span>}\n {this.multiple && (this.internalValue as (string \| number)[]).length > 0 && (\n <div class=\"spw-custom-select__selected-items\">\n {(this.internalValue as (string \| number)[]).map(val => (\n <span class=\"spw-custom-select__selected-item\">\n {this.parsedOptions.find(option => String(option.value) === String(val))?.label}\n <spw-icon icon=\"fa-times\" class=\"spw-custom-select__deselect-icon\" onClick={event => this.selectOption(val, event)}></spw-icon>\n </span>\n ))}\n </div>\n )}\n {!this.multiple && <span>{this.getSelectedLabels()}</span>}\n </div>\n </div>\n <div class=\"spw-custom-select__arrow\">\n <spw-icon icon={this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down'}></spw-icon>\n </div>\n {this.isOpen && (\n <div class={`spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}`}>\n {!!filteredOptions.length && (\n <ul>\n {filteredOptions.map((option, index) => (\n <li\n class={{\n 'spw-custom-select__option': true,\n 'spw-custom-select__option--selected': this.multiple\n ? (this.internalValue as (string \| number)[]).some(val => String(val) === String(option.value))\n : option.value === this.internalValue,\n 'spw-custom-select__option--focused': index === this.focusedOptionIndex,\n }}\n onClick={() => this.selectOption(option.value)}\n >\n {this.multiple && (\n <spw-checkbox\n onKeyDown={event => this.handleOptionKeyDown(event, option.value)}\n class=\"spw-tw-mr-2\"\n checked={(this.internalValue as (string \| number)[]).some(val => String(val) === String(option.value))}\n ></spw-checkbox>\n )}\n {option.label}\n </li>\n ))}\n </ul>\n )}\n {!filteredOptions.length && <p class=\"spw-custom-select__no-results\">Pas de résultats pour cette recherche.</p>}\n </div>\n )}\n </div>\n {this.renderErrorMessage()}\n {this.renderHintMessage()}\n {this.renderSuccessMessage()}\n {this.renderWarningMessage()}\n </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"spw-custom-select.entry.esm.js","sources":["src/components/spw-custom-select/spw-custom-select.scss?tag=spw-custom-select&encapsulation=shadow","src/components/spw-custom-select/spw-custom-select.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-custom-select {\n position: relative;\n &__container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n height: 40px;\n padding: 0 12px;\n line-height: 40px;\n border-radius: 4px;\n border: 1px solid var(--spw-color-themes-grey-grey-800);\n background-color: #fff;\n &:hover {\n outline: 4px solid var(--spw-color-themes-grey-grey-300);\n }\n &:focus-within,\n &:focus-visible {\n outline: 3px solid white;\n outline-offset: 0;\n box-shadow: 0 0 0 6px black;\n }\n .spw-custom-select--disabled & {\n border-color: var(--spw-color-themes-grey-grey-400);\n background: var(--spw-color-themes-grey-grey-100);\n color: var(--spw-color-themes-grey-grey-500);\n cursor: not-allowed;\n &::placeholder {\n color: var(--spw-color-themes-grey-grey-500);\n }\n &:hover,\n &:focus,\n &:focus-visible {\n outline: none;\n }\n }\n .spw-custom-select--is-error & {\n border-color: var(--spw-colors-states-error-error-300);\n }\n .spw-custom-select--large & {\n height: 60px;\n padding: 0 24px;\n line-height: 60px;\n }\n .spw-custom-select--is-opened & {\n height: auto;\n line-height: 1;\n min-height: 40px;\n border-radius: 4px 4px 0 0;\n border-bottom-color: transparent;\n }\n }\n\n &__selected {\n flex: 1;\n padding-right: 30px;\n max-width: 100%;\n }\n\n &__selected-item {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n color: var(--spw-color-themes-grey-grey-900);\n border: 1px solid var(--spw-color-themes-grey-grey-900);\n background: var(--spw-color-themes-grey-grey-200);\n line-height: 24px;\n height: 24px;\n padding: 0 8px;\n margin: 4px 6px 2px 0;\n border-radius: 999px;\n font-size: 14px;\n user-select: none;\n }\n\n &__selected-items {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n text-wrap: nowrap;\n .spw-custom-select--is-opened & {\n padding-top: 3px;\n padding-bottom: 4px;\n overflow: visible;\n text-overflow: initial;\n text-wrap: initial;\n }\n }\n\n &__arrow {\n position: absolute;\n right: 12px;\n top: 10px;\n font-size: 16px;\n color: var(--spw-color-themes-grey-grey-600);\n pointer-events: none;\n }\n\n &__wrapper {\n position: relative;\n }\n\n &__search {\n .spw-custom-select--is-opened & {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 11;\n width: 100%;\n margin-top: 1px;\n }\n .spw-custom-select--has-value.spw-custom-select--is-opened & {\n top: auto;\n top: 100%;\n margin-top: -3px;\n }\n &-input {\n padding: 0;\n height: 38px;\n line-height: 40px;\n border: none;\n margin: 0;\n width: calc(100% - 30px);\n text-overflow: ellipsis;\n &:focus {\n outline: none;\n }\n .spw-custom-select--is-opened & {\n border-left: 1px solid var(--spw-color-themes-grey-grey-800);\n padding: 0 12px;\n }\n .spw-custom-select--is-opened.spw-custom-select--has-value & {\n border-right: 1px solid var(--spw-color-themes-grey-grey-800);\n width: 100%;\n }\n }\n }\n\n &__options {\n position: absolute;\n width: 100%;\n background-color: #fff;\n border: 1px solid var(--spw-color-themes-grey-grey-800);\n border-radius: 0 0 4px 4px;\n max-height: 200px;\n overflow-y: auto;\n z-index: 12;\n\n &--down {\n top: 100%;\n transform: translateY(0);\n }\n\n &--up {\n top: 100%;\n transform: translateY(0);\n }\n\n .spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) & {\n margin-top: 35px;\n }\n }\n\n &__no-results {\n padding: 12px;\n cursor: not-allowed;\n color: var(--spw-color-themes-grey-grey-600);\n }\n\n &__option {\n border-bottom: 1px solid var(--spw-color-themes-grey-grey-900);\n padding: 12px;\n cursor: pointer;\n &:hover {\n background-color: var(--spw-color-themes-grey-grey-200);\n }\n &:last-child {\n border-bottom: none;\n }\n &--selected {\n font-weight: 700;\n }\n &--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n &:hover {\n background-color: transparent;\n }\n }\n }\n\n &__error {\n display: block;\n font-size: 12px;\n color: var(--spw-color-themes-grey-grey-600);\n margin-top: 8px;\n }\n}\n\n.spw-custom-select__option--focused {\n background-color: var(--spw-color-themes-grey-grey-300);\n}\n","import { AttachInternals, Component, Method, Prop, State, Event, EventEmitter, h, Watch } from '@stencil/core';\n\n@Component({\n tag: 'spw-custom-select',\n styleUrl: 'spw-custom-select.scss',\n formAssociated: true,\n shadow: true,\n})\nexport class SpwCustomSelect {\n private host: HTMLElement;\n private selectContainer: HTMLElement;\n\n /** Événement émis lorsque la valeur sélectionnée change /\n @Event() valueChanged: EventEmitter<(string \| number)[] \| string \| number>;\n\n @State() internalValue: (string \| number)[] \| string \| number;\n @State() isOpen: boolean = false;\n @State() parsedOptions: { value: string \| number; label: string; disabled?: boolean }[] = [];\n @State() focusedOptionIndex: number \| null = null;\n @State() searchText: string = '';\n @State() dropdownDirection: 'up' \| 'down' = 'down';\n @State() hasSelectedValue: boolean = false;\n\n /* Valeur actuelle sélectionnée dans le composant, peut être une chaîne, un nombre ou un tableau /\n @Prop({ mutable: true, reflect: true }) value: (string \| number)[] \| string \| number = [];\n /* Label associé au champ de sélection personnalisé /\n @Prop() label: string = '';\n /* Placeholder à afficher lorsque aucune option n'est sélectionnée /\n @Prop() placeholder: string = 'Sélectionnez une option';\n /* Indique si le champ est désactivé et donc non interactif /\n @Prop() disabled: boolean;\n /* Nom de l'élément dans les formulaires, utilisé pour associer la valeur /\n @Prop() name: string;\n /* Indique si la sélection est obligatoire dans le formulaire /\n @Prop() required: boolean = false;\n /* Chaîne JSON des options disponibles dans le select (valeur et label) /\n @Prop() items: string \| any[];\n /* Taille du select, peut être \"large\" ou \"medium\" /\n @Prop() size: 'large' \| 'medium' = 'medium';\n /* Permet la sélection multiple si vrai /\n @Prop() multiple: boolean = false;\n /* Active la fonction de recherche dans la liste des items /\n @Prop() isSearch: boolean = false;\n /* Texte d'assistance à afficher sous le champ /\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 @AttachInternals() internals: ElementInternals;\n\n componentWillLoad() {\n if (this.multiple) {\n if (typeof this.value === 'string') {\n try {\n this.internalValue = JSON.parse(this.value);\n } catch (e) {\n this.internalValue = [];\n }\n } else if (Array.isArray(this.value)) {\n this.internalValue = this.value;\n } else {\n this.internalValue = [];\n }\n } else {\n this.internalValue = this.value as string \| number;\n }\n\n if (this.items) {\n this.parseOptions(this.items);\n }\n this.updateSelectedOption();\n }\n\n @Method()\n async resetSelect() {\n if (this.multiple) {\n this.internalValue = [];\n this.value = [];\n } else {\n this.internalValue = '';\n this.value = '';\n }\n this.searchText = '';\n this.focusedOptionIndex = null;\n this.internals.setFormValue(this.getFormValue());\n this.valueChanged.emit(this.internalValue);\n this.updateSelectedOption();\n }\n\n formResetCallback() {\n this.resetSelect();\n }\n\n componentDidLoad() {\n document.addEventListener('click', this.handleClickOutside);\n document.addEventListener('spw-custom-select-opened', this.handleOtherSelectOpened);\n this.internals.setFormValue(this.getFormValue());\n }\n\n disconnectedCallback() {\n document.removeEventListener('click', this.handleClickOutside);\n document.removeEventListener('spw-custom-select-opened', this.handleOtherSelectOpened);\n }\n\n private handleOtherSelectOpened = (event: CustomEvent) => {\n if (event.detail.instance !== this.host && this.isOpen) {\n this.closeDropdown();\n }\n };\n\n private handleClickOutside = (event: MouseEvent) => {\n if (this.isOpen) {\n const target = event.composedPath()[0] as Node;\n const isInsideHost = this.host.contains(target);\n const searchField = this.host.shadowRoot?.querySelector('.spw-custom-select__search-input');\n\n const isInsideSearchField = searchField?.contains(target);\n\n if (!isInsideHost && !isInsideSearchField) {\n if (this.multiple) {\n const optionsContainer = this.host.shadowRoot?.querySelector('.spw-custom-select__options');\n if (optionsContainer && optionsContainer.contains(target)) {\n return;\n }\n }\n\n this.closeDropdown();\n }\n }\n };\n\n @Watch('items')\n parseOptions(newValue: string \| any[]) {\n try {\n if (Array.isArray(newValue)) {\n this.parsedOptions = newValue.map(option => ({\n value: option.value,\n label: option.label,\n disabled: option.disabled \|\| false,\n }));\n } else if (typeof newValue === 'string') {\n this.parsedOptions = JSON.parse(newValue).map(option => ({\n value: option.value,\n label: option.label,\n disabled: option.disabled \|\| false,\n }));\n } else {\n this.parsedOptions = [];\n }\n this.updateSelectedOption();\n } catch (e) {\n this.parsedOptions = [];\n }\n }\n\n @Watch('value')\n valueChangedHandler(newValue: (string \| number)[] \| string \| number) {\n if (this.multiple) {\n this.internalValue = Array.isArray(newValue) ? newValue : [newValue];\n } else {\n this.internalValue = newValue;\n }\n this.updateSelectedOption();\n this.internals.setFormValue(this.getFormValue());\n this.valueChanged.emit(this.internalValue);\n }\n\n private updateSelectedOption() {\n this.internals.setFormValue(this.getFormValue());\n\n if (!this.multiple && this.internalValue !== undefined) {\n this.focusedOptionIndex = this.parsedOptions.findIndex(option => String(option.value) === String(this.internalValue));\n } else if (this.multiple && Array.isArray(this.internalValue)) {\n this.internalValue = (this.internalValue as (string \| number)[])\n .filter(val => this.parsedOptions.some(option => String(option.value) === String(val)))\n .sort((a, b) => this.parsedOptions.findIndex(option => String(option.value) === String(a)) - this.parsedOptions.findIndex(option => String(option.value) === String(b)));\n }\n }\n\n @Watch('internalValue')\n internalValueChanged() {\n this.hasSelectedValue = Array.isArray(this.internalValue) ? this.internalValue.length > 0 : Boolean(this.internalValue);\n }\n\n private getFormValue(): string \| null {\n if (this.multiple) {\n return Array.isArray(this.internalValue) && this.internalValue.length > 0 ? this.internalValue.map(v => String(v)).join(',') : null;\n }\n return this.internalValue ? String(this.internalValue) : null;\n }\n\n private toggleDropdown(event?: MouseEvent) {\n if (!this.disabled) {\n if (event) {\n const target = event.composedPath()[0] as HTMLElement;\n\n if (target.classList.contains('spw-custom-select__search-input')) {\n return;\n }\n\n event.stopPropagation();\n }\n this.determineDropdownDirection();\n const wasOpen = this.isOpen;\n this.isOpen = !this.isOpen;\n\n if (this.isOpen && !wasOpen) {\n this.notifyOtherSelects();\n }\n\n if (!this.isOpen) {\n this.focusedOptionIndex = null;\n }\n }\n }\n\n private notifyOtherSelects() {\n const event = new CustomEvent('spw-custom-select-opened', {\n detail: { instance: this.host },\n bubbles: true,\n composed: true\n });\n document.dispatchEvent(event);\n }\n\n private determineDropdownDirection() {\n const rect = this.selectContainer.getBoundingClientRect();\n const viewportHeight = window.innerHeight;\n\n if (rect.bottom + 200 > viewportHeight && rect.top > 200) {\n this.dropdownDirection = 'up';\n } else {\n this.dropdownDirection = 'down';\n }\n }\n\n private openDropdownWithKeyboard() {\n this.determineDropdownDirection();\n this.isOpen = true;\n this.focusedOptionIndex = 0;\n this.notifyOtherSelects();\n }\n\n private closeDropdown() {\n this.isOpen = false;\n this.focusedOptionIndex = null;\n this.searchText = '';\n }\n\n private selectOption(optionValue: string \| number, event?: MouseEvent) {\n if (event) {\n event.stopPropagation();\n }\n\n const option = this.parsedOptions.find(opt => String(opt.value) === String(optionValue));\n if (option?.disabled) {\n return;\n }\n\n if (this.multiple) {\n const index = (this.internalValue as (string \| number)[]).findIndex(val => String(val) === String(optionValue));\n if (index > -1) {\n this.internalValue = [...(this.internalValue as (string \| number)[]).slice(0, index), ...(this.internalValue as (string \| number)[]).slice(index + 1)];\n } else {\n this.internalValue = [...(this.internalValue as (string \| number)[]), optionValue];\n }\n this.internalValue = (this.internalValue as (string \| number)[]).sort(\n (a, b) => this.parsedOptions.findIndex(option => String(option.value) === String(a)) - this.parsedOptions.findIndex(option => String(option.value) === String(b)),\n );\n } else {\n this.internalValue = optionValue;\n this.closeDropdown();\n }\n\n this.value = this.internalValue;\n this.internals.setFormValue(this.getFormValue());\n this.valueChanged.emit(this.internalValue);\n this.updateSelectedOption();\n }\n\n private handleOptionKeyDown(event: KeyboardEvent, optionValue: string \| number) {\n if (event.key === 'Enter' \|\| event.key === ' ') {\n event.preventDefault();\n this.selectOption(optionValue);\n }\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n if ((event.target as HTMLElement).classList.contains('spw-custom-select__search-input')) {\n return;\n }\n switch (event.key) {\n case ' ':\n event.preventDefault();\n if (!this.isOpen) {\n this.openDropdownWithKeyboard();\n }\n break;\n case 'ArrowDown':\n event.preventDefault();\n if (this.isOpen) {\n let nextIndex = this.focusedOptionIndex === null ? 0 : (this.focusedOptionIndex + 1) % this.parsedOptions.length;\n while (this.parsedOptions[nextIndex]?.disabled && nextIndex !== this.focusedOptionIndex) {\n nextIndex = (nextIndex + 1) % this.parsedOptions.length;\n }\n this.focusedOptionIndex = nextIndex;\n } else {\n this.openDropdownWithKeyboard();\n }\n break;\n case 'ArrowUp':\n event.preventDefault();\n if (this.isOpen) {\n let prevIndex = this.focusedOptionIndex === null ? this.parsedOptions.length - 1 : (this.focusedOptionIndex - 1 + this.parsedOptions.length) % this.parsedOptions.length;\n while (this.parsedOptions[prevIndex]?.disabled && prevIndex !== this.focusedOptionIndex) {\n prevIndex = (prevIndex - 1 + this.parsedOptions.length) % this.parsedOptions.length;\n }\n this.focusedOptionIndex = prevIndex;\n }\n break;\n case 'Enter':\n event.preventDefault();\n if (this.isOpen && this.focusedOptionIndex !== null) {\n this.selectOption(this.parsedOptions[this.focusedOptionIndex].value);\n }\n break;\n case 'Escape':\n if (this.isOpen) {\n this.closeDropdown();\n }\n break;\n }\n }\n\n private renderErrorMessage() {\n if (this.error) {\n return (\n <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n {this.error}\n </spw-field-message>\n );\n }\n }\n\n private renderHintMessage() {\n if (this.hint) {\n return (\n <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n {this.hint}\n </spw-field-message>\n );\n }\n }\n\n private 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 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 get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-custom-select': true,\n [`spw-custom-select--${this.size}`]: true,\n 'spw-custom-select--is-error': !!this.error,\n 'spw-custom-select--disabled': this.disabled,\n 'spw-custom-select--is-opened': this.isOpen,\n 'spw-custom-select--has-value': this.hasSelectedValue,\n 'spw-custom-select--no-value': !this.hasSelectedValue,\n 'spw-custom-select--is-searchable': this.isSearch,\n 'spw-custom-select--not-searchable': !this.isSearch,\n };\n }\n\n private normalizeString(str: string): string {\n return str\n .normalize('NFD')\n .replace(/[\\u0300-\\u036f]/g, '')\n .toLowerCase();\n }\n\n private getSelectedLabels(): string {\n if (this.multiple) {\n return Array.isArray(this.internalValue) && this.internalValue.length > 0\n ? (this.internalValue as (string \| number)[])\n .map(val => this.parsedOptions.find(option => String(option.value) === String(val))?.label)\n .filter(Boolean)\n .join(', ')\n : null;\n } else {\n const selectedOption = this.parsedOptions.find(option => String(option.value) === String(this.internalValue));\n return selectedOption ? selectedOption.label : null;\n }\n }\n\n private getFilteredOptions() {\n const normalizedSearchText = this.normalizeString(this.searchText);\n return this.parsedOptions.filter(option => this.normalizeString(option.label).includes(normalizedSearchText));\n }\n\n private handleSearchInput(event: Event) {\n const input = event.target as HTMLInputElement;\n this.searchText = input.value;\n this.focusedOptionIndex = 0;\n\n if (!this.isOpen) {\n this.isOpen = true;\n this.notifyOtherSelects();\n }\n }\n\n private isSearchVisible(): boolean {\n if (!this.isSearch) return false;\n if (!this.hasSelectedValue && !this.isOpen) return true;\n if (this.isSearch && this.isOpen) return true;\n return this.isOpen;\n }\n\n private showPlaceholder(): boolean {\n if (this.isSearch) return false;\n if (this.hasSelectedValue) return false;\n return true;\n }\n\n render() {\n const filteredOptions = this.getFilteredOptions();\n const showPlaceholder = this.showPlaceholder();\n\n return (\n <div class={this.elementClass} ref={el => (this.host = el as HTMLElement)}>\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-custom-select__wrapper\">\n <div\n class=\"spw-custom-select__container\"\n id={this.name}\n ref={el => (this.selectContainer = el as HTMLElement)}\n onClick={event => this.toggleDropdown(event)}\n onKeyDown={event => this.handleKeyDown(event)}\n tabindex={this.disabled ? -1 : 0}\n >\n <div class=\"spw-custom-select__selected\">\n {this.isSearchVisible() && (\n <div class=\"spw-custom-select__search\">\n <input class=\"spw-custom-select__search-input\" placeholder=\"Entrez votre recherche\" onInput={event => this.handleSearchInput(event)} value={this.searchText} />\n </div>\n )}\n {showPlaceholder && <span>{this.placeholder}</span>}\n {this.multiple && (this.internalValue as (string \| number)[]).length > 0 && (\n <div class=\"spw-custom-select__selected-items\">\n {(this.internalValue as (string \| number)[]).map(val => (\n <span class=\"spw-custom-select__selected-item\">\n {this.parsedOptions.find(option => String(option.value) === String(val))?.label}\n <spw-icon icon=\"fa-times\" class=\"spw-custom-select__deselect-icon\" onClick={event => this.selectOption(val, event)}></spw-icon>\n </span>\n ))}\n </div>\n )}\n {!this.multiple && <span>{this.getSelectedLabels()}</span>}\n </div>\n </div>\n <div class=\"spw-custom-select__arrow\">\n <spw-icon icon={this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down'}></spw-icon>\n </div>\n {this.isOpen && (\n <div class={`spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}`}>\n {!!filteredOptions.length && (\n <ul>\n {filteredOptions.map((option, index) => (\n <li\n class={{\n 'spw-custom-select__option': true,\n 'spw-custom-select__option--selected': this.multiple\n ? (this.internalValue as (string \| number)[]).some(val => String(val) === String(option.value))\n : option.value === this.internalValue,\n 'spw-custom-select__option--focused': index === this.focusedOptionIndex,\n 'spw-custom-select__option--disabled': option.disabled,\n }}\n onClick={() => this.selectOption(option.value)}\n >\n {this.multiple && (\n <spw-checkbox\n onKeyDown={event => this.handleOptionKeyDown(event, option.value)}\n class=\"spw-tw-mr-2\"\n checked={(this.internalValue as (string \| number)[]).some(val => String(val) === String(option.value))}\n disabled={option.disabled}\n ></spw-checkbox>\n )}\n {option.label}\n </li>\n ))}\n </ul>\n )}\n {!filteredOptions.length && <p class=\"spw-custom-select__no-results\">Pas de résultats pour cette recherche.</p>}\n </div>\n )}\n </div>\n {this.renderErrorMessage()}\n {this.renderHintMessage()}\n {this.renderSuccessMessage()}\n {this.renderWarningMessage()}\n </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}