npm - @spw-ds/spw-stencil-library - Versions diffs - 1.3.0 → 1.3.2 - Mend

@spw-ds/spw-stencil-library 1.3.0 → 1.3.2

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 (782) hide show

package/dist/components/spw-slider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"spw-slider.js","mappings":"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","names":["SpwSlider","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-slider/spw-slider.scss?tag=spw-slider&encapsulation=shadow","src/components/spw-slider/spw-slider.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-slider {\n position: relative;\n width: 100%;\n transition: height 0.3s ease-in-out;\n min-height: 100px;\n\n &[style='height: 0px'] {\n min-height: 200px;\n }\n}\n\n.spw-slider__track {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n cursor: grab;\n user-select: none;\n\n &:active {\n cursor: grabbing;\n }\n}\n\n.spw-slider__navigation {\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n transform: translateY(-50%);\n display: flex;\n justify-content: space-between;\n padding: 0 12px;\n pointer-events: none;\n width: calc(100% + 64px);\n margin-left: -32px;\n @include breakpoint(lg) {\n width: 100%;\n margin-left: 0;\n }\n}\n\n.spw-slider__arrow {\n pointer-events: all;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: none;\n background-color: var(--spw-ds-primary);\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.2s ease;\n font-size: 1.25rem;\n\n &:hover:not(:disabled) {\n transform: scale(0.9);\n }\n\n &:disabled {\n cursor: not-allowed;\n background-color: var(--spw-color-themes-grey-grey-300);\n color: var(--spw-color-themes-grey-grey-400);\n box-shadow: var(--spw-effect-elevation-5);\n }\n\n &:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n }\n}\n\n.spw-slider__dots {\n position: absolute;\n bottom: 10px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 0.5rem;\n z-index: 10;\n background: white;\n box-shadow: var(--spw-effect-elevation-5);\n padding: 8px;\n border-radius: 999px;\n}\n\n.spw-slider__dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: var(--spw-color-themes-grey-grey-300);\n cursor: pointer;\n border: none;\n transition: all 0.2s ease;\n padding: 0;\n\n &:hover {\n transform: scale(1.2);\n }\n\n &--active {\n background-color: var(--spw-ds-primary);\n }\n\n &:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n }\n}\n\n.spw-slider__autoplay-toggle {\n margin-top: 12px;\n}\n","import { Component, Host, h, State, Element, Listen, Prop } from '@stencil/core';\n\n@Component({\n tag: 'spw-slider',\n styleUrl: 'spw-slider.scss',\n shadow: true,\n})\nexport class SpwSlider {\n @Element() el: HTMLElement;\n\n /* Affiche les flèches de navigation /\n @Prop() showArrows: boolean = true;\n /* Affiche les dots de navigation /\n @Prop() showDots: boolean = true;\n /* Affiche le toggle de défilement automatique /\n @Prop() showAutoplayToggle: boolean = false;\n /* Intervalle de défilement automatique en millisecondes /\n @Prop() autoplayInterval: number = 5000;\n /* Active le défilement automatique par défaut /\n @Prop() autoplayEnabled: boolean = false;\n /* Label du toggle de défilement automatique /\n @Prop() autoplayText: string = 'Défilement automatique';\n\n /* Index de la slide active /\n @State() activeIndex: number = 0;\n /* Nombre total de slides /\n @State() totalSlides: number = 0;\n /* Hauteur actuelle du slider /\n @State() currentHeight: number = 0;\n /* État du défilement automatique /\n @State() isAutoplayActive: boolean = false;\n\n /* Position de départ du swipe/drag /\n private startX: number = 0;\n /* Position actuelle du swipe/drag /\n private currentX: number = 0;\n /* Est en train de swiper/dragger /\n private isDragging: boolean = false;\n /* Intervalle de défilement automatique /\n private autoplayTimer: number;\n /* Tableau des slides /\n private slides: HTMLElement[] = [];\n /* Observer pour les mutations /\n private resizeObserver: ResizeObserver;\n /* Timeout pour le recalcul de hauteur /\n private heightUpdateTimeout: number;\n\n componentDidLoad() {\n this.initializeSlider();\n const slotElement = this.el.shadowRoot.querySelector('slot');\n if (slotElement) {\n slotElement.addEventListener('slotchange', this.handleSlotChange);\n }\n window.addEventListener('resize', this.handleResize);\n this.setupResizeObserver();\n\n // Initialiser l'autoplay si activé\n this.isAutoplayActive = this.autoplayEnabled;\n if (this.isAutoplayActive) {\n this.startAutoplay();\n }\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.handleResize);\n\n const slotElement = this.el.shadowRoot?.querySelector('slot');\n if (slotElement) {\n slotElement.removeEventListener('slotchange', this.handleSlotChange);\n }\n\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n }\n\n if (this.heightUpdateTimeout) {\n clearTimeout(this.heightUpdateTimeout);\n }\n\n this.stopAutoplay();\n }\n\n private initializeSlider() {\n this.updateSlides();\n this.scheduleHeightUpdate(200);\n this.scheduleHeightUpdate(500);\n }\n\n private handleSlotChange = () => {\n this.updateSlides();\n this.scheduleHeightUpdate(50);\n };\n\n private handleResize = () => {\n this.scheduleHeightUpdate(50);\n };\n\n private setupResizeObserver() {\n if (typeof ResizeObserver !== 'undefined') {\n this.resizeObserver = new ResizeObserver(() => {\n this.scheduleHeightUpdate(50);\n });\n\n this.slides.forEach(slide => {\n this.resizeObserver.observe(slide);\n\n const slotContent = slide.shadowRoot?.querySelector('slot')?.assignedElements()[0] as HTMLElement;\n if (slotContent) {\n this.resizeObserver.observe(slotContent);\n\n if (slotContent.shadowRoot) {\n const shadowContent = slotContent.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n this.resizeObserver.observe(shadowContent);\n }\n }\n }\n });\n }\n }\n\n private scheduleHeightUpdate(delay: number = 0) {\n if (this.heightUpdateTimeout) {\n clearTimeout(this.heightUpdateTimeout);\n }\n\n this.heightUpdateTimeout = window.setTimeout(() => {\n this.updateHeight();\n }, delay);\n }\n\n private updateSlides() {\n const slotElement = this.el.shadowRoot.querySelector('slot');\n if (slotElement) {\n const newSlides = slotElement.assignedElements() as HTMLElement[];\n\n if (this.resizeObserver) {\n this.slides.forEach(slide => {\n this.resizeObserver.unobserve(slide);\n });\n }\n\n this.slides = newSlides;\n this.totalSlides = this.slides.length;\n\n this.slides.forEach((slide, index) => {\n slide.style.transform = `translateX(${index 100}%)`;\n });\n\n if (this.resizeObserver) {\n this.slides.forEach(slide => {\n this.resizeObserver.observe(slide);\n });\n }\n }\n }\n\n private async updateHeight() {\n if (this.slides[this.activeIndex]) {\n const activeSlide = this.slides[this.activeIndex];\n\n const slotContent = activeSlide.shadowRoot?.querySelector('slot')?.assignedElements()[0];\n\n if (slotContent) {\n const tagName = slotContent.tagName.toLowerCase();\n if (tagName.includes('-')) {\n try {\n await customElements.whenDefined(tagName);\n await new Promise(resolve => setTimeout(resolve, 50));\n } catch (e) {}\n }\n\n const contentElement = slotContent as HTMLElement;\n let slideHeight = contentElement.offsetHeight \|\| contentElement.scrollHeight;\n\n if (contentElement.shadowRoot) {\n const shadowContent = contentElement.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n slideHeight = shadowContent.offsetHeight \|\| shadowContent.scrollHeight;\n }\n }\n\n if (slideHeight > 0) {\n this.currentHeight = slideHeight;\n return;\n }\n }\n\n let slideHeight = activeSlide.offsetHeight \|\| activeSlide.scrollHeight;\n\n if (slideHeight > 50) {\n this.currentHeight = slideHeight;\n } else {\n this.retryHeightCalculation(0);\n }\n }\n }\n\n private retryHeightCalculation(attempt: number) {\n if (attempt >= 15) return;\n\n setTimeout(\n () => {\n const activeSlide = this.slides[this.activeIndex];\n if (!activeSlide) return;\n\n const slotContent = activeSlide.shadowRoot?.querySelector('slot')?.assignedElements()[0] as HTMLElement;\n\n if (slotContent) {\n let retryHeight = slotContent.offsetHeight \|\| slotContent.scrollHeight;\n\n if (slotContent.shadowRoot) {\n const shadowContent = slotContent.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n retryHeight = shadowContent.offsetHeight \|\| shadowContent.scrollHeight;\n }\n }\n\n if (retryHeight > 50) {\n this.currentHeight = retryHeight;\n return;\n }\n }\n\n const retryHeight = activeSlide.offsetHeight \|\| activeSlide.scrollHeight;\n\n if (retryHeight > 50) {\n this.currentHeight = retryHeight;\n } else {\n this.retryHeightCalculation(attempt + 1);\n }\n },\n 100 * (attempt + 1),\n );\n }\n\n private goToSlide(index: number) {\n if (index < 0 \|\| index >= this.totalSlides) return;\n\n this.activeIndex = index;\n this.slides.forEach((slide, i) => {\n const offset = (i - this.activeIndex) * 100;\n slide.style.transition = 'transform 0.3s ease-in-out';\n slide.style.transform = `translateX(${offset}%)`;\n });\n\n this.scheduleHeightUpdate(0);\n this.scheduleHeightUpdate(320);\n\n if (this.isAutoplayActive) {\n this.stopAutoplay();\n this.startAutoplay();\n }\n }\n\n private handlePrevious = () => {\n if (this.activeIndex > 0) {\n this.goToSlide(this.activeIndex - 1);\n }\n };\n\n private handleNext = () => {\n if (this.activeIndex < this.totalSlides - 1) {\n this.goToSlide(this.activeIndex + 1);\n }\n };\n\n private handleDotClick = (index: number) => {\n this.goToSlide(index);\n };\n\n private startAutoplay = () => {\n this.stopAutoplay();\n this.autoplayTimer = window.setInterval(() => {\n const nextIndex = this.activeIndex < this.totalSlides - 1 ? this.activeIndex + 1 : 0;\n this.goToSlide(nextIndex);\n }, this.autoplayInterval);\n };\n\n private stopAutoplay = () => {\n if (this.autoplayTimer) {\n clearInterval(this.autoplayTimer);\n this.autoplayTimer = null;\n }\n };\n\n private handleAutoplayToggle = (event: CustomEvent) => {\n this.isAutoplayActive = event.detail;\n if (this.isAutoplayActive) {\n this.startAutoplay();\n } else {\n this.stopAutoplay();\n }\n };\n\n @Listen('touchstart', { passive: true })\n handleTouchStart(event: TouchEvent) {\n this.startX = event.touches[0].clientX;\n this.currentX = this.startX;\n this.isDragging = true;\n\n if (this.isAutoplayActive) {\n this.stopAutoplay();\n }\n }\n\n @Listen('mousedown', { passive: false })\n handleMouseDown(event: MouseEvent) {\n this.startX = event.clientX;\n this.currentX = this.startX;\n this.isDragging = true;\n event.preventDefault();\n\n if (this.isAutoplayActive) {\n this.stopAutoplay();\n }\n }\n\n @Listen('touchmove', { passive: true })\n handleTouchMove(event: TouchEvent) {\n if (!this.isDragging) return;\n this.currentX = event.touches[0].clientX;\n }\n\n @Listen('mousemove', { passive: true })\n handleMouseMove(event: MouseEvent) {\n if (!this.isDragging) return;\n this.currentX = event.clientX;\n }\n\n @Listen('touchend')\n handleTouchEnd() {\n this.handleDragEnd();\n }\n\n @Listen('mouseup')\n handleMouseUp() {\n this.handleDragEnd();\n }\n\n @Listen('mouseleave')\n handleMouseLeave() {\n if (this.isDragging) {\n this.handleDragEnd();\n }\n }\n\n private handleDragEnd() {\n if (!this.isDragging) return;\n\n const diff = this.startX - this.currentX;\n const threshold = 50;\n\n if (Math.abs(diff) > threshold) {\n if (diff > 0) {\n this.handleNext();\n } else {\n this.handlePrevious();\n }\n }\n\n this.isDragging = false;\n this.startX = 0;\n this.currentX = 0;\n\n if (this.isAutoplayActive) {\n this.startAutoplay();\n }\n }\n\n render() {\n return (\n <Host>\n <div class=\"spw-slider\" style={{ height: `${this.currentHeight}px` }}>\n <div class=\"spw-slider__track\">\n <slot></slot>\n </div>\n\n {this.showArrows && (\n <div class=\"spw-slider__navigation\">\n <button class=\"spw-slider__arrow spw-slider__arrow--prev\" onClick={this.handlePrevious} disabled={this.activeIndex === 0} aria-label=\"Slide précédente\">\n <spw-icon icon=\"fa-chevron-left\"></spw-icon>\n </button>\n <button class=\"spw-slider__arrow spw-slider__arrow--next\" onClick={this.handleNext} disabled={this.activeIndex === this.totalSlides - 1} aria-label=\"Slide suivante\">\n <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n </button>\n </div>\n )}\n\n {this.showDots && this.totalSlides > 1 && (\n <div class=\"spw-slider__dots\">\n {Array.from({ length: this.totalSlides }, (_, i) => (\n <button\n class={{\n 'spw-slider__dot': true,\n 'spw-slider__dot--active': i === this.activeIndex,\n }}\n onClick={() => this.handleDotClick(i)}\n aria-label={`Aller à la slide ${i + 1}`}\n aria-current={i === this.activeIndex ? 'true' : 'false'}\n />\n ))}\n </div>\n )}\n </div>\n\n {this.showAutoplayToggle && (\n <div class=\"spw-slider__autoplay-toggle\">\n <spw-checkbox variant=\"toggle\" checked={this.isAutoplayActive} onSpwChange={this.handleAutoplayToggle}>\n {this.autoplayText}\n </spw-checkbox>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"spw-slider.js","mappings":"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","names":["SpwSlider","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-slider/spw-slider.scss?tag=spw-slider&encapsulation=shadow","src/components/spw-slider/spw-slider.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-slider {\n position: relative;\n width: 100%;\n transition: height 0.3s ease-in-out;\n min-height: 100px;\n\n &[style='height: 0px'] {\n min-height: 200px;\n }\n &--arrows-outside {\n padding: 0 56px;\n }\n}\n\n.spw-slider__track {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n cursor: grab;\n user-select: none;\n\n &:active {\n cursor: grabbing;\n }\n}\n\n.spw-slider__navigation {\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n transform: translateY(-50%);\n display: flex;\n justify-content: space-between;\n padding: 0 12px;\n pointer-events: none;\n width: calc(100% + 64px);\n margin-left: -32px;\n @include breakpoint(lg) {\n width: 100%;\n margin-left: 0;\n }\n .spw-slider--arrows-outside & {\n width: 100%;\n padding: 0;\n margin-left: 0;\n }\n}\n\n.spw-slider__arrow {\n pointer-events: all;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: none;\n background-color: var(--spw-ds-primary);\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.2s ease;\n font-size: 1.25rem;\n\n &:hover:not(:disabled) {\n transform: scale(0.9);\n }\n\n &:disabled {\n cursor: not-allowed;\n background-color: var(--spw-color-themes-grey-grey-300);\n color: var(--spw-color-themes-grey-grey-400);\n }\n\n &:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n }\n}\n\n.spw-slider__dots {\n position: absolute;\n bottom: 10px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 0.5rem;\n z-index: 10;\n background: white;\n box-shadow: var(--spw-effect-elevation-5);\n padding: 8px;\n border-radius: 999px;\n}\n\n.spw-slider__dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: var(--spw-color-themes-grey-grey-300);\n cursor: pointer;\n border: none;\n transition: all 0.2s ease;\n padding: 0;\n\n &:hover {\n transform: scale(1.2);\n }\n\n &--active {\n background-color: var(--spw-ds-primary);\n }\n\n &:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n }\n}\n\n.spw-slider__autoplay-toggle {\n margin-top: 12px;\n}\n","import { Component, Host, h, State, Element, Listen, Prop } from '@stencil/core';\n\n@Component({\n tag: 'spw-slider',\n styleUrl: 'spw-slider.scss',\n shadow: true,\n})\nexport class SpwSlider {\n @Element() el: HTMLElement;\n\n /* Affiche les flèches de navigation /\n @Prop() showArrows: boolean = true;\n /* Affiche les dots de navigation /\n @Prop() showDots: boolean = true;\n /* Affiche le toggle de défilement automatique /\n @Prop() showAutoplayToggle: boolean = false;\n /* Intervalle de défilement automatique en millisecondes /\n @Prop() autoplayInterval: number = 5000;\n /* Active le défilement automatique par défaut /\n @Prop() autoplayEnabled: boolean = false;\n /* Label du toggle de défilement automatique /\n @Prop() autoplayText: string = 'Défilement automatique';\n /* Position des flèches gauche/droite /\n @Prop() arrowsPosition: 'outside' \| 'inside' = 'inside';\n\n /* Index de la slide active /\n @State() activeIndex: number = 0;\n /* Nombre total de slides /\n @State() totalSlides: number = 0;\n /* Hauteur actuelle du slider /\n @State() currentHeight: number = 0;\n /* État du défilement automatique /\n @State() isAutoplayActive: boolean = false;\n\n /* Position de départ du swipe/drag /\n private startX: number = 0;\n /* Position actuelle du swipe/drag /\n private currentX: number = 0;\n /* Est en train de swiper/dragger /\n private isDragging: boolean = false;\n /* Intervalle de défilement automatique /\n private autoplayTimer: number;\n /* Tableau des slides /\n private slides: HTMLElement[] = [];\n /* Observer pour les mutations /\n private resizeObserver: ResizeObserver;\n /* Timeout pour le recalcul de hauteur /\n private heightUpdateTimeout: number;\n\n componentDidLoad() {\n this.initializeSlider();\n const slotElement = this.el.shadowRoot.querySelector('slot');\n if (slotElement) {\n slotElement.addEventListener('slotchange', this.handleSlotChange);\n }\n window.addEventListener('resize', this.handleResize);\n this.setupResizeObserver();\n\n this.isAutoplayActive = this.autoplayEnabled;\n if (this.isAutoplayActive) {\n this.startAutoplay();\n }\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.handleResize);\n\n const slotElement = this.el.shadowRoot?.querySelector('slot');\n if (slotElement) {\n slotElement.removeEventListener('slotchange', this.handleSlotChange);\n }\n\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n }\n\n if (this.heightUpdateTimeout) {\n clearTimeout(this.heightUpdateTimeout);\n }\n\n this.stopAutoplay();\n }\n\n private initializeSlider() {\n this.updateSlides();\n this.scheduleHeightUpdate(200);\n this.scheduleHeightUpdate(500);\n }\n\n private handleSlotChange = () => {\n this.updateSlides();\n this.scheduleHeightUpdate(50);\n };\n\n private handleResize = () => {\n this.scheduleHeightUpdate(50);\n };\n\n private setupResizeObserver() {\n if (typeof ResizeObserver !== 'undefined') {\n this.resizeObserver = new ResizeObserver(() => {\n this.scheduleHeightUpdate(50);\n });\n\n this.slides.forEach(slide => {\n this.resizeObserver.observe(slide);\n\n const slotContent = slide.shadowRoot?.querySelector('slot')?.assignedElements()[0] as HTMLElement;\n if (slotContent) {\n this.resizeObserver.observe(slotContent);\n\n if (slotContent.shadowRoot) {\n const shadowContent = slotContent.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n this.resizeObserver.observe(shadowContent);\n }\n }\n }\n });\n }\n }\n\n private scheduleHeightUpdate(delay: number = 0) {\n if (this.heightUpdateTimeout) {\n clearTimeout(this.heightUpdateTimeout);\n }\n\n this.heightUpdateTimeout = window.setTimeout(() => {\n this.updateHeight();\n }, delay);\n }\n\n private updateSlides() {\n const slotElement = this.el.shadowRoot.querySelector('slot');\n if (slotElement) {\n const newSlides = slotElement.assignedElements() as HTMLElement[];\n\n if (this.resizeObserver) {\n this.slides.forEach(slide => {\n this.resizeObserver.unobserve(slide);\n });\n }\n\n this.slides = newSlides;\n this.totalSlides = this.slides.length;\n\n this.slides.forEach((slide, index) => {\n slide.style.transform = `translateX(${index 100}%)`;\n });\n\n if (this.resizeObserver) {\n this.slides.forEach(slide => {\n this.resizeObserver.observe(slide);\n });\n }\n }\n }\n\n private async updateHeight() {\n if (this.slides[this.activeIndex]) {\n const activeSlide = this.slides[this.activeIndex];\n\n const slotContent = activeSlide.shadowRoot?.querySelector('slot')?.assignedElements()[0];\n\n if (slotContent) {\n const tagName = slotContent.tagName.toLowerCase();\n if (tagName.includes('-')) {\n try {\n await customElements.whenDefined(tagName);\n await new Promise(resolve => setTimeout(resolve, 50));\n } catch (e) {}\n }\n\n const contentElement = slotContent as HTMLElement;\n let slideHeight = contentElement.offsetHeight \|\| contentElement.scrollHeight;\n\n if (contentElement.shadowRoot) {\n const shadowContent = contentElement.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n slideHeight = shadowContent.offsetHeight \|\| shadowContent.scrollHeight;\n }\n }\n\n if (slideHeight > 0) {\n this.currentHeight = slideHeight;\n return;\n }\n }\n\n let slideHeight = activeSlide.offsetHeight \|\| activeSlide.scrollHeight;\n\n if (slideHeight > 50) {\n this.currentHeight = slideHeight;\n } else {\n this.retryHeightCalculation(0);\n }\n }\n }\n\n private retryHeightCalculation(attempt: number) {\n if (attempt >= 15) return;\n\n setTimeout(\n () => {\n const activeSlide = this.slides[this.activeIndex];\n if (!activeSlide) return;\n\n const slotContent = activeSlide.shadowRoot?.querySelector('slot')?.assignedElements()[0] as HTMLElement;\n\n if (slotContent) {\n let retryHeight = slotContent.offsetHeight \|\| slotContent.scrollHeight;\n\n if (slotContent.shadowRoot) {\n const shadowContent = slotContent.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n retryHeight = shadowContent.offsetHeight \|\| shadowContent.scrollHeight;\n }\n }\n\n if (retryHeight > 50) {\n this.currentHeight = retryHeight;\n return;\n }\n }\n\n const retryHeight = activeSlide.offsetHeight \|\| activeSlide.scrollHeight;\n\n if (retryHeight > 50) {\n this.currentHeight = retryHeight;\n } else {\n this.retryHeightCalculation(attempt + 1);\n }\n },\n 100 * (attempt + 1),\n );\n }\n\n private goToSlide(index: number) {\n if (index < 0 \|\| index >= this.totalSlides) return;\n\n this.activeIndex = index;\n this.slides.forEach((slide, i) => {\n const offset = (i - this.activeIndex) * 100;\n slide.style.transition = 'transform 0.3s ease-in-out';\n slide.style.transform = `translateX(${offset}%)`;\n });\n\n this.scheduleHeightUpdate(0);\n this.scheduleHeightUpdate(320);\n\n if (this.isAutoplayActive) {\n this.stopAutoplay();\n this.startAutoplay();\n }\n }\n\n private handlePrevious = () => {\n if (this.activeIndex > 0) {\n this.goToSlide(this.activeIndex - 1);\n }\n };\n\n private handleNext = () => {\n if (this.activeIndex < this.totalSlides - 1) {\n this.goToSlide(this.activeIndex + 1);\n }\n };\n\n private handleDotClick = (index: number) => {\n this.goToSlide(index);\n };\n\n private startAutoplay = () => {\n this.stopAutoplay();\n this.autoplayTimer = window.setInterval(() => {\n const nextIndex = this.activeIndex < this.totalSlides - 1 ? this.activeIndex + 1 : 0;\n this.goToSlide(nextIndex);\n }, this.autoplayInterval);\n };\n\n private stopAutoplay = () => {\n if (this.autoplayTimer) {\n clearInterval(this.autoplayTimer);\n this.autoplayTimer = null;\n }\n };\n\n private handleAutoplayToggle = (event: CustomEvent) => {\n this.isAutoplayActive = event.detail;\n if (this.isAutoplayActive) {\n this.startAutoplay();\n } else {\n this.stopAutoplay();\n }\n };\n\n @Listen('touchstart', { passive: true })\n handleTouchStart(event: TouchEvent) {\n this.startX = event.touches[0].clientX;\n this.currentX = this.startX;\n this.isDragging = true;\n\n if (this.isAutoplayActive) {\n this.stopAutoplay();\n }\n }\n\n @Listen('mousedown', { passive: false })\n handleMouseDown(event: MouseEvent) {\n this.startX = event.clientX;\n this.currentX = this.startX;\n this.isDragging = true;\n event.preventDefault();\n\n if (this.isAutoplayActive) {\n this.stopAutoplay();\n }\n }\n\n @Listen('touchmove', { passive: true })\n handleTouchMove(event: TouchEvent) {\n if (!this.isDragging) return;\n this.currentX = event.touches[0].clientX;\n }\n\n @Listen('mousemove', { passive: true })\n handleMouseMove(event: MouseEvent) {\n if (!this.isDragging) return;\n this.currentX = event.clientX;\n }\n\n @Listen('touchend')\n handleTouchEnd() {\n this.handleDragEnd();\n }\n\n @Listen('mouseup')\n handleMouseUp() {\n this.handleDragEnd();\n }\n\n @Listen('mouseleave')\n handleMouseLeave() {\n if (this.isDragging) {\n this.handleDragEnd();\n }\n }\n\n private handleDragEnd() {\n if (!this.isDragging) return;\n\n const diff = this.startX - this.currentX;\n const threshold = 50;\n\n if (Math.abs(diff) > threshold) {\n if (diff > 0) {\n this.handleNext();\n } else {\n this.handlePrevious();\n }\n }\n\n this.isDragging = false;\n this.startX = 0;\n this.currentX = 0;\n\n if (this.isAutoplayActive) {\n this.startAutoplay();\n }\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-slider': true,\n [`spw-slider--arrows-${this.arrowsPosition}`]: true,\n };\n }\n\n render() {\n return (\n <Host>\n <div class={this.elementClass} style={{ height: `${this.currentHeight}px` }}>\n <div class=\"spw-slider__track\">\n <slot></slot>\n </div>\n\n {this.showArrows && (\n <div class=\"spw-slider__navigation\">\n <button class=\"spw-slider__arrow spw-slider__arrow--prev\" onClick={this.handlePrevious} disabled={this.activeIndex === 0} aria-label=\"Slide précédente\">\n <spw-icon icon=\"fa-chevron-left\"></spw-icon>\n </button>\n <button class=\"spw-slider__arrow spw-slider__arrow--next\" onClick={this.handleNext} disabled={this.activeIndex === this.totalSlides - 1} aria-label=\"Slide suivante\">\n <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n </button>\n </div>\n )}\n\n {this.showDots && this.totalSlides > 1 && (\n <div class=\"spw-slider__dots\">\n {Array.from({ length: this.totalSlides }, (_, i) => (\n <button\n class={{\n 'spw-slider__dot': true,\n 'spw-slider__dot--active': i === this.activeIndex,\n }}\n onClick={() => this.handleDotClick(i)}\n aria-label={`Aller à la slide ${i + 1}`}\n aria-current={i === this.activeIndex ? 'true' : 'false'}\n />\n ))}\n </div>\n )}\n </div>\n\n {this.showAutoplayToggle && (\n <div class=\"spw-slider__autoplay-toggle\">\n <spw-checkbox variant=\"toggle\" checked={this.isAutoplayActive} onSpwChange={this.handleAutoplayToggle}>\n {this.autoplayText}\n </spw-checkbox>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/spw-socials.js CHANGED Viewed

@@ -10,7 +10,7 @@ const SpwSocials$1 = /*@__PURE__*/ proxyCustomElement(class SpwSocials extends H
         this.mainTitle = 'Restez connecté';
     }
     render() {
-        return (h(Host, { key: '29aa9728e500c8b229e0443bff1bafbcc244ac33' }, h("div", { key: '719009c7b753f773b37f1d57dafe54a574ec1ae5', class: "spw-socials" }, h("div", { key: '803efa0b1aca7f66147660f5ecf481d982be3bbd', class: "spw-ds-container" }, h("h2", { key: '09657e49f8d35d46bf276eb29e6fdccaabace317', class: "spw-socials__title" }, this.mainTitle), h("div", { key: '2944ba1f2354960d12cc7e5c6e1c6f0ead4d0c85', class: "spw-socials__content" }, h("slot", { key: '8e71cb2400b571d38f40d2718b27f9921228d5f0' }))))));
+        return (h(Host, { key: '8efe35f3769adef1cab88faf91e6c9b9d739dbf1' }, h("div", { key: 'f8a04ccef1efff1a47ba1f758beb1bc6334f240a', class: "spw-socials" }, h("div", { key: '7c5ce6334fd5799dad12ecf290ca6043141c06ed', class: "spw-ds-container" }, h("h2", { key: 'a1a0e56721cdd4fc31a3f11c82e977a261088a83', class: "spw-socials__title" }, this.mainTitle), h("div", { key: '2074a4e385b2c88272d74a03b40ba441a60209a8', class: "spw-socials__content" }, h("slot", { key: '7a49e8706dd2bf9848ed4adcf973936c8a60b60d' }))))));
     }
     static get style() { return spwSocialsCss; }
 }, [4, "spw-socials", {

package/dist/components/spw-table-body.js CHANGED Viewed

@@ -39,7 +39,7 @@ const SpwTableBody$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableBody exten
         });
     }
     render() {
-        return (h("tbody", { key: 'bd536f35df24b7d8b8420df8ea7047f356763594', part: "tbody" }, h("slot", { key: '7fe2ff765746adefb8f399eb105d7d82554f1e33' })));
+        return (h("tbody", { key: '929bb90642a2f39703bf45bb8b2385c17d2899fb', part: "tbody" }, h("slot", { key: 'ca7f17b5e6be659f534e117afd7e016127933e0b' })));
     }
     get el() { return this; }
     static get style() { return spwTableBodyCss; }

package/dist/components/spw-table-cell.js CHANGED Viewed

@@ -89,7 +89,7 @@ const SpwTableCell$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableCell exten
             }
             attrs.style = stickyStyles;
         }
-        return (h("td", Object.assign({ key: '4be368a3397c08fcf7ff50bc3c52bf7c04a185fa' }, attrs), h("slot", { key: 'dd0b5f72221a9f3d77590e9387c20b6b6db1b3b2' })));
+        return (h("td", Object.assign({ key: 'cdf4b07f6a2ad55174f232aca049a7f69eeeb36f' }, attrs), h("slot", { key: '2b7e6ba14a5c63f4ed4f6fd3c99eca2d1d6cf0fd' })));
     }
     get el() { return this; }
     static get style() { return spwTableCellCss; }

package/dist/components/spw-table-container.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface SpwTableContainer extends Components.SpwTableContainer, HTMLElement {}
+export const SpwTableContainer: {
+    prototype: SpwTableContainer;
+    new (): SpwTableContainer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/spw-table-container.js ADDED Viewed

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+const spwTableContainerCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-table-container{display:flex}";
+const SpwTableContainer$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableContainer extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h(Host, { key: '3feae146da4333dcdafe4c2296fa299188b741dd' }, h("div", { key: '728e5e48ebcf09b9d950b8e0b6ed4a83bef062af', class: "spw-table-container" }, h("slot", { key: '6e9cb6a4cdd6ab07d57bbd6ba539d68dc22692be' }))));
+    }
+    static get style() { return spwTableContainerCss; }
+}, [1, "spw-table-container"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-table-container"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-table-container":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwTableContainer$1);
+            }
+            break;
+    } });
+}
+const SpwTableContainer = SpwTableContainer$1;
+const defineCustomElement = defineCustomElement$1;
+export { SpwTableContainer, defineCustomElement };
+//# sourceMappingURL=spw-table-container.js.map
+//# sourceMappingURL=spw-table-container.js.map

package/dist/components/spw-table-container.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"spw-table-container.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,8mFAA8mF;;MCO9nFA,mBAAiB,iBAAAC,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;IAC5B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwTableContainer","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-table/spw-table-container/spw-table-container.scss?tag=spw-table-container&encapsulation=shadow","src/components/spw-table/spw-table-container/spw-table-container.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-table-container {\n display: flex;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-table-container',\n styleUrl: 'spw-table-container.scss',\n shadow: true,\n})\nexport class SpwTableContainer {\n render() {\n return (\n <Host>\n <div class=\"spw-table-container\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/spw-table-footer.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './index.js';
-const spwTableFooterCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--is-sticky) caption{bottom:0;position:sticky;z-index:20}caption{background:var(--spw-ds-white);border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-table-footer{align-items:center;caption-side:bottom;color:var(--spw-color-themes-grey-grey-900);display:flex;font-size:14px;gap:16px;justify-content:space-between;padding:16px 24px}.spw-table-footer ::slotted([slot=right]){align-items:center;display:inline-flex;gap:8px}";
+const spwTableFooterCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-table-footer{align-items:center;background:var(--spw-ds-white);border:1px solid var(--spw-color-themes-grey-grey-300);border-top:0;caption-side:bottom;color:var(--spw-color-themes-grey-grey-900);display:flex;font-size:14px;gap:16px;justify-content:space-between;padding:16px 24px;width:100%;z-index:333}.spw-table-footer ::slotted([slot=right]){align-items:center;display:inline-flex;gap:8px}";
 const SpwTableFooter$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableFooter extends H {
     constructor() {
@@ -9,7 +9,7 @@ const SpwTableFooter$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableFooter e
         this.__attachShadow();
     }
     render() {
-        return (h("caption", { key: 'deaeefb551a43096ad3df03e391486712e9a9f06', part: "tfoot", style: { captionSide: 'bottom' } }, h("div", { key: 'e47b923753404412417486ed6c07907c972fa93b', class: "spw-table-footer" }, h("slot", { key: '28baf45c7d604ae602b7c4e4005848459af4ee5e', name: "left" }), h("slot", { key: 'f701c902c77dc3c0519add7d5a428026fcd2c522', name: "center" }), h("slot", { key: '70747610767d36b9dfe04ec432b355a393ffe75b', name: "right" }))));
+        return (h("div", { key: '88331e12d44e71da3253d0b5612a8378f456f72a', class: "spw-table-footer" }, h("slot", { key: 'fcf913085f3654df4b5bbacb013438859b4a3f8e', name: "left" }), h("slot", { key: '5ec9f65d8972302bc1c0e0f2e3a7578468c0f783', name: "center" }), h("slot", { key: '02d7cf80c86e6bd8984584cc541de3b05e42f0f0', name: "right" })));
     }
     static get style() { return spwTableFooterCss; }
 }, [1, "spw-table-footer"]);

package/dist/components/spw-table-footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"spw-table-footer.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,~~ggGAAggG~~;;~~MCO7gGA~~,gBAAc,iBAAAC,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;IACzB,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,~~SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAA,EACpD,CAAK,CAAA,~~KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,~~EAAA~~,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,EACpB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAG,CAAA,EACtB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,~~GAAG~~,CACjB~~,CACE~~;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwTableFooter","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-table/spw-table-footer/spw-table-footer.scss?tag=spw-table-footer&encapsulation=shadow","src/components/spw-table/spw-table-footer/spw-table-footer.tsx"],"sourcesContent":[":host {\n display: ~~contents~~;\n}\n\n~~:host(.--is~~-~~sticky)~~ {\n ~~caption {\n position: sticky;\n bottom: 0;\n~~ z-index: 20;\n ~~}\n}\n\ncaption {\n~~ background: var(--spw-ds-white);\n border: 1px solid var(--spw-color-themes-grey-grey-300);\n~~}\n\n.spw~~-~~table-footer~~ {\n padding: 16px 24px;\n caption-side: bottom;\n font-size: 14px;\n color: var(--spw-color-themes-grey-grey-900);\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n ::slotted([slot='right']) {\n display: inline-flex;\n gap: 8px;\n align-items: center;\n }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-table-footer',\n styleUrl: 'spw-table-footer.scss',\n shadow: true,\n})\nexport class SpwTableFooter {\n render() {\n return (\n <~~caption part=\"tfoot\" style={{ captionSide: 'bottom' }}>\n <~~div class=\"spw-table-footer\">\n <slot name=\"left\" />\n <slot name=\"center\" />\n <slot name=\"right\" />\n </div>\n ~~</caption>\n~~ );\n }\n}\n"],"version":3}
1	+ {"file":"spw-table-footer.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,y9FAAy9F;;MCOt+FA,gBAAc,iBAAAC,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;IACzB,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,EACpB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAG,CAAA,EACtB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,EAAG,CAAA,CACjB;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwTableFooter","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-table/spw-table-footer/spw-table-footer.scss?tag=spw-table-footer&encapsulation=shadow","src/components/spw-table/spw-table-footer/spw-table-footer.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-table-footer {\n z-index: 333;\n background: var(--spw-ds-white);\n border: 1px solid var(--spw-color-themes-grey-grey-300);\n border-top: 0;\n width: 100%;\n padding: 16px 24px;\n caption-side: bottom;\n font-size: 14px;\n color: var(--spw-color-themes-grey-grey-900);\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n ::slotted([slot='right']) {\n display: inline-flex;\n gap: 8px;\n align-items: center;\n }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-table-footer',\n styleUrl: 'spw-table-footer.scss',\n shadow: true,\n})\nexport class SpwTableFooter {\n render() {\n return (\n <div class=\"spw-table-footer\">\n <slot name=\"left\" />\n <slot name=\"center\" />\n <slot name=\"right\" />\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/spw-table-head.js CHANGED Viewed

@@ -9,7 +9,7 @@ const SpwTableHead$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableHead exten
         this.__attachShadow();
     }
     render() {
-        return (h("thead", { key: 'ce51526317b8eb799e6d076d59ef8670bbe05ab6', part: "thead" }, h("slot", { key: '65402c1dbbb09d49784e155b879d6f5c558c080d' })));
+        return (h("thead", { key: '679b48ff86a9a5963b35973bc214c3f3583a7868', part: "thead" }, h("slot", { key: '93b2d0f247f2fbf2a323ae9dea69a1120c3fa73a' })));
     }
     static get style() { return spwTableHeadCss; }
 }, [1, "spw-table-head"]);

package/dist/components/spw-table-header.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
-import { d as defineCustomElement$3 } from './p-DzdAUdJU.js';
-import { d as defineCustomElement$2 } from './p-QqgPCBuq.js';
+import { d as defineCustomElement$3 } from './p-BTvGjWzW.js';
+import { d as defineCustomElement$2 } from './p-BCWtq89_.js';
-const spwTableHeaderCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--is-sticky) .spw-table-header{position:sticky;top:0;z-index:50}.spw-table-header{background:var(--spw-color-themes-grey-grey-200);background-clip:padding-box;border:1px solid var(--spw-color-themes-grey-grey-300);border-bottom:none!important;border-top:none!important;box-shadow:inset 0 1px 0 var(--spw-color-themes-grey-grey-300),inset 0 -1px 0 var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;font-weight:700;text-align:left;transition:all .2s linear;white-space:nowrap}.spw-table-header--text-align-left{text-align:left}.spw-table-header--text-align-center{text-align:center}.spw-table-header--text-align-right{text-align:right}.spw-table-header--vertical-align-top{vertical-align:top}.spw-table-header--vertical-align-bottom{vertical-align:bottom}.spw-table-header--vertical-align-middle{vertical-align:middle}.spw-table-header--sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-table-header--sortable:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-table-header__content{align-items:center;display:flex;gap:16px;justify-content:space-between}.spw-table-header__content spw-icon{color:var(--spw-color-themes-grey-grey-500)}.spw-table-header__content spw-icon:hover,.spw-table-header__content--is-sorted .spw-table-header__sort-icon{color:var(--spw-color-themes-grey-grey-900)}.spw-table-header__sort-icons{display:flex;gap:0}.spw-table-header--padding-small{padding:8px}.spw-table-header--padding-medium{padding:16px}.spw-table-header__icons{align-items:center;color:var(--spw-color-themes-grey-grey-500);display:flex;gap:8px}.spw-table-header ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-header--sticky{background-color:var(--spw-color-themes-grey-grey-200);position:sticky}.spw-table-header--sticky:after{bottom:-1px;content:\"\";pointer-events:none;position:absolute;top:0;transition:opacity .2s;width:8px}.spw-table-header--sticky-start:after{box-shadow:inset 8px 0 8px -8px rgba(0,0,0,.15);right:-8px}.spw-table-header--sticky-end:after{box-shadow:inset -8px 0 8px -8px rgba(0,0,0,.15);left:-8px}";
+const spwTableHeaderCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--is-sticky) .spw-table-header{position:sticky;top:0;z-index:50}.spw-table-header{background:var(--spw-color-themes-grey-grey-200);background-clip:padding-box;border:1px solid var(--spw-color-themes-grey-grey-300);border-bottom:none!important;border-top:none!important;box-shadow:inset 0 1px 0 var(--spw-color-themes-grey-grey-300),inset 0 -1px 0 var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;font-weight:700;text-align:left;transition:all .2s linear;white-space:nowrap}.spw-table-header--text-align-left{text-align:left}.spw-table-header--text-align-center{text-align:center}.spw-table-header--text-align-right{text-align:right}.spw-table-header--vertical-align-top{vertical-align:top}.spw-table-header--vertical-align-bottom{vertical-align:bottom}.spw-table-header--vertical-align-middle{vertical-align:middle}.spw-table-header--sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-table-header--sortable:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-table-header__content{align-items:center;display:flex;gap:8px;justify-content:space-between}.spw-table-header__content spw-icon{color:var(--spw-color-themes-grey-grey-500)}.spw-table-header__content spw-icon:hover,.spw-table-header__content--is-sorted .spw-table-header__sort-icon{color:var(--spw-color-themes-grey-grey-900)}.spw-table-header__sort-icons{display:flex;gap:0}.spw-table-header--padding-small{padding:8px}.spw-table-header--padding-medium{padding:16px}.spw-table-header__icons{align-items:center;color:var(--spw-color-themes-grey-grey-500);display:flex;gap:8px}.spw-table-header ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-header--sticky{background-color:var(--spw-color-themes-grey-grey-200);position:sticky}.spw-table-header--sticky:after{bottom:-1px;content:\"\";pointer-events:none;position:absolute;top:0;transition:opacity .2s;width:8px}.spw-table-header--sticky-start:after{box-shadow:inset 8px 0 8px -8px rgba(0,0,0,.15);right:-8px}.spw-table-header--sticky-end:after{box-shadow:inset -8px 0 8px -8px rgba(0,0,0,.15);left:-8px}";
 const SpwTableHeader$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableHeader extends H {
     constructor() {
@@ -74,10 +74,10 @@ const SpwTableHeader$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableHeader e
             }
             attrs.style = stickyStyles;
         }
-        return (h("th", Object.assign({ key: '6519a2205b38f8fb4725c5e12de685908d6be8e9' }, attrs), h("div", { key: '0803e5d9162404ddb5e3bad33ebba6de4ca75e6e', class: {
+        return (h("th", Object.assign({ key: 'ed65a127ab483ee2cf9a55f999c33fea727c98ee' }, attrs), h("div", { key: '2a6166a12865e45131fd888fd5503c5430a87e0b', class: {
                 'spw-table-header__content': true,
                 'spw-table-header__content--is-sorted': this.isSorted,
-            } }, h("slot", { key: '0238848c69c6048fa189279ca4dc1a182c0810ce' }), h("div", { key: '839c251b9779164a0b27ccf5e54af686486947f1', class: "spw-table-header__icons" }, h("slot", { key: '3601d539312ecae0736a834eb0e2c3058b133504', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '5f7a65cab7e5e8638e2917d9ff7c9d2b0dfae2ba', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: '9d43f67a7c07794e58b35c27cd5575775e7c0c80', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: 'e3ceb01c3e082286a065a1088f93a20516ca0479', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
+            } }, h("slot", { key: 'f96782cecfb21607fb49843c15ede7a521eeb368' }), h("div", { key: '0ff89f763d2d9c6dc0eacd574694b897d0b84f2e', class: "spw-table-header__icons" }, h("slot", { key: 'a6752c30f250df01b9b1e40192e1a99c3eea1a15', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '5a2019cf26b7018a62b1ada2ccce3fa03c99cc7b', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: '333401d94ad39b0b0a2d97e13ae113ed016515d8', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: '7de4120c84aea1749c5a06d6fc3c177e418c8b08', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
     }
     static get style() { return spwTableHeaderCss; }
 }, [1, "spw-table-header", {

package/dist/components/spw-table-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"spw-table-header.js","mappings":"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","names":["SpwTableHeader","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-table/spw-table-header/spw-table-header.scss?tag=spw-table-header&encapsulation=shadow","src/components/spw-table/spw-table-header/spw-table-header.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n:host(.--is-sticky) {\n .spw-table-header {\n position: sticky;\n top: 0;\n z-index: 50;\n }\n}\n\n.spw-table-header {\n border: 1px solid var(--spw-color-themes-grey-grey-300);\n color: var(--spw-color-themes-grey-grey-800);\n font-size: 14px;\n text-align: left;\n font-weight: 700;\n transition: all 0.2s linear;\n background: var(--spw-color-themes-grey-grey-200);\n white-space: nowrap;\n border-top: none !important;\n border-bottom: none !important;\n box-shadow:\n inset 0 1px 0 var(--spw-color-themes-grey-grey-300),\n inset 0 -1px 0 var(--spw-color-themes-grey-grey-300);\n\n background-clip: padding-box;\n\n &--text-align-left {\n text-align: left;\n }\n &--text-align-center {\n text-align: center;\n }\n &--text-align-right {\n text-align: right;\n }\n &--vertical-align-top {\n vertical-align: top;\n }\n &--vertical-align-bottom {\n vertical-align: bottom;\n }\n &--vertical-align-middle {\n vertical-align: middle;\n }\n\n &--sortable {\n user-select: none;\n cursor: pointer;\n &:hover {\n background: var(--spw-color-themes-grey-grey-300);\n }\n }\n &__content {\n display: flex;\n gap: 16px;\n justify-content: space-between;\n align-items: center;\n spw-icon {\n color: var(--spw-color-themes-grey-grey-500);\n &:hover {\n color: var(--spw-color-themes-grey-grey-900);\n }\n }\n &--is-sorted {\n .spw-table-header__sort-icon {\n color: var(--spw-color-themes-grey-grey-900);\n }\n }\n }\n &__sort-icons {\n display: flex;\n gap: 0;\n }\n &--padding-small {\n padding: 8px;\n }\n &--padding-medium {\n padding: 16px;\n }\n &__icons {\n display: flex;\n gap: 8px;\n align-items: center;\n color: var(--spw-color-themes-grey-grey-500);\n }\n ::slotted(spw-checkbox) {\n --spw-ds-checkbox-checked-color: #000;\n }\n\n &--sticky {\n position: sticky;\n background-color: var(--spw-color-themes-grey-grey-200);\n\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: -1px;\n width: 8px;\n pointer-events: none;\n transition: opacity 0.2s;\n }\n\n &-start::after {\n right: -8px;\n box-shadow: inset 8px 0 8px -8px rgba(0, 0, 0, 0.15);\n }\n\n &-end::after {\n left: -8px;\n box-shadow: inset -8px 0 8px -8px rgba(0, 0, 0, 0.15);\n }\n }\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-table-header',\n styleUrl: 'spw-table-header.scss',\n shadow: true,\n})\nexport class SpwTableHeader {\n /** Définit un colspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) /\n @Prop() colspan?: HTMLTableCellElement['colSpan'];\n /* Définit un header relationnel pour la cellule, à des fins d'accessibilité (à appliquer sur spw-table-cell ou spw-table-header) /\n @Prop() headers?: HTMLTableCellElement['headers'];\n /* Définit un rowspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) /\n @Prop() rowspan?: HTMLTableCellElement['rowSpan'];\n /* Définit un style visuel qui met en avant la cellule (à appliquer sur spw-table-cell ou spw-table-header) /\n @Prop() isHighlighted?: boolean = false;\n /* Définit un alignement de texte pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) /\n @Prop() textAlign?: 'center' \| 'left' \| 'right' = 'left';\n /* Définit un alignement vertical pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) /\n @Prop() verticalAlign?: 'top' \| 'bottom' \| 'middle' = 'top';\n /* Définit le padding pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) /\n @Prop() padding?: 'small' \| 'medium' = 'medium';\n /* Définit id pour la colonne (en cas de tri) (à appliquer sur spw-table-header) /\n @Prop() columnId: string;\n /* Définit si la colonne est triable (à appliquer sur spw-table-header) /\n @Prop() sortable?: boolean = false;\n /* Définit la direction pour le tri sur la colonne (ascendant ou descendant) (à appliquer sur spw-table-header) /\n @Prop() sortDirection?: 'asc' \| 'desc';\n /* Définit si la colonne est triée ou non (à appliquer sur spw-table-header) /\n @Prop() isSorted?: boolean = false;\n /* Définit un titre pour le tooltip (à appliquer sur spw-table-header) /\n @Prop() tooltipTitle?: string;\n /* Définit un contenu pour le tooltip (à appliquer sur spw-table-header) /\n @Prop() tooltipText?: string;\n /* Rend la cellule sticky lors du défilement horizontal (à appliquer sur spw-table-header ou spw-table-cell) /\n @Prop() sticky?: boolean = false;\n /* Position du sticky : 'start' (left: 0) ou 'end' (right: 0) (à appliquer sur spw-table-header ou spw-table-cell) /\n @Prop() stickyPosition?: 'start' \| 'end' = 'start';\n /* Décalage en pixels pour le sticky (utile pour empiler plusieurs colonnes sticky) (à appliquer sur spw-table-header ou spw-table-cell) */\n @Prop() stickyOffset?: number = 0;\n\n @Event() spwHeaderClick: EventEmitter<string>;\n\n private handleClick = (event: MouseEvent) => {\n if ((event.target as HTMLElement).closest('[slot=\"filters\"]')) {\n event.stopPropagation();\n return;\n }\n if (this.sortable) {\n this.spwHeaderClick.emit(this.columnId);\n }\n };\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-table-header': true,\n 'spw-table-header--sortable': this.sortable,\n 'spw-table-header--is-sorted': this.isSorted,\n 'spw-table-header--has-tooltip': !!(this.tooltipTitle \|\| this.tooltipText),\n [`spw-table-header--padding-${this.padding}`]: true,\n [`spw-table-header--text-align-${this.textAlign}`]: true,\n [`spw-table-header--vertical-align-${this.verticalAlign}`]: true,\n 'spw-table-header--sticky': this.sticky,\n [`spw-table-header--sticky-${this.stickyPosition}`]: this.sticky,\n };\n }\n\n render() {\n const attrs: { [key: string]: any } = {\n 'aria-sort': this.isSorted ? this.sortDirection : 'none',\n 'onClick': this.handleClick,\n 'class': this.elementClass,\n 'colSpan': this.colspan,\n 'headers': this.headers,\n 'part': 'cell',\n 'rowSpan': this.rowspan,\n };\n\n if (this.sticky) {\n const stickyStyles: { [key: string]: string } = {\n position: 'sticky',\n zIndex: '60',\n };\n\n if (this.stickyPosition === 'start') {\n stickyStyles.left = `${this.stickyOffset}px`;\n } else {\n stickyStyles.right = `${this.stickyOffset}px`;\n }\n\n attrs.style = stickyStyles;\n }\n\n return (\n <th {...attrs}>\n <div\n class={{\n 'spw-table-header__content': true,\n 'spw-table-header__content--is-sorted': this.isSorted,\n }}\n >\n <slot />\n <div class=\"spw-table-header__icons\">\n <slot name=\"filters\"></slot>\n {(this.tooltipTitle \|\| this.tooltipText) && (\n <spw-tooltip tooltip-title={this.tooltipTitle} tooltip-text={this.tooltipText}>\n <spw-icon variant=\"fa-regular\" icon=\"fa-circle-question\"></spw-icon>\n </spw-tooltip>\n )}\n {this.sortable && (\n <spw-icon\n class=\"spw-table-header__sort-icon\"\n icon={this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down'}\n ></spw-icon>\n )}\n </div>\n </div>\n </th>\n );\n }\n}\n"],"version":3}
1	+ {"file":"spw-table-header.js","mappings":"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","names":["SpwTableHeader","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-table/spw-table-header/spw-table-header.scss?tag=spw-table-header&encapsulation=shadow","src/components/spw-table/spw-table-header/spw-table-header.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n:host(.--is-sticky) {\n .spw-table-header {\n position: sticky;\n top: 0;\n z-index: 50;\n }\n}\n\n.spw-table-header {\n border: 1px solid var(--spw-color-themes-grey-grey-300);\n color: var(--spw-color-themes-grey-grey-800);\n font-size: 14px;\n text-align: left;\n font-weight: 700;\n transition: all 0.2s linear;\n background: var(--spw-color-themes-grey-grey-200);\n white-space: nowrap;\n border-top: none !important;\n border-bottom: none !important;\n box-shadow:\n inset 0 1px 0 var(--spw-color-themes-grey-grey-300),\n inset 0 -1px 0 var(--spw-color-themes-grey-grey-300);\n\n background-clip: padding-box;\n\n &--text-align-left {\n text-align: left;\n }\n &--text-align-center {\n text-align: center;\n }\n &--text-align-right {\n text-align: right;\n }\n &--vertical-align-top {\n vertical-align: top;\n }\n &--vertical-align-bottom {\n vertical-align: bottom;\n }\n &--vertical-align-middle {\n vertical-align: middle;\n }\n\n &--sortable {\n user-select: none;\n cursor: pointer;\n &:hover {\n background: var(--spw-color-themes-grey-grey-300);\n }\n }\n &__content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n spw-icon {\n color: var(--spw-color-themes-grey-grey-500);\n &:hover {\n color: var(--spw-color-themes-grey-grey-900);\n }\n }\n &--is-sorted {\n .spw-table-header__sort-icon {\n color: var(--spw-color-themes-grey-grey-900);\n }\n }\n }\n &__sort-icons {\n display: flex;\n gap: 0;\n }\n &--padding-small {\n padding: 8px;\n }\n &--padding-medium {\n padding: 16px;\n }\n &__icons {\n display: flex;\n gap: 8px;\n align-items: center;\n color: var(--spw-color-themes-grey-grey-500);\n }\n ::slotted(spw-checkbox) {\n --spw-ds-checkbox-checked-color: #000;\n }\n\n &--sticky {\n position: sticky;\n background-color: var(--spw-color-themes-grey-grey-200);\n\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: -1px;\n width: 8px;\n pointer-events: none;\n transition: opacity 0.2s;\n }\n\n &-start::after {\n right: -8px;\n box-shadow: inset 8px 0 8px -8px rgba(0, 0, 0, 0.15);\n }\n\n &-end::after {\n left: -8px;\n box-shadow: inset -8px 0 8px -8px rgba(0, 0, 0, 0.15);\n }\n }\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-table-header',\n styleUrl: 'spw-table-header.scss',\n shadow: true,\n})\nexport class SpwTableHeader {\n /** Définit un colspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) /\n @Prop() colspan?: HTMLTableCellElement['colSpan'];\n /* Définit un header relationnel pour la cellule, à des fins d'accessibilité (à appliquer sur spw-table-cell ou spw-table-header) /\n @Prop() headers?: HTMLTableCellElement['headers'];\n /* Définit un rowspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) /\n @Prop() rowspan?: HTMLTableCellElement['rowSpan'];\n /* Définit un style visuel qui met en avant la cellule (à appliquer sur spw-table-cell ou spw-table-header) /\n @Prop() isHighlighted?: boolean = false;\n /* Définit un alignement de texte pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) /\n @Prop() textAlign?: 'center' \| 'left' \| 'right' = 'left';\n /* Définit un alignement vertical pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) /\n @Prop() verticalAlign?: 'top' \| 'bottom' \| 'middle' = 'top';\n /* Définit le padding pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) /\n @Prop() padding?: 'small' \| 'medium' = 'medium';\n /* Définit id pour la colonne (en cas de tri) (à appliquer sur spw-table-header) /\n @Prop() columnId: string;\n /* Définit si la colonne est triable (à appliquer sur spw-table-header) /\n @Prop() sortable?: boolean = false;\n /* Définit la direction pour le tri sur la colonne (ascendant ou descendant) (à appliquer sur spw-table-header) /\n @Prop() sortDirection?: 'asc' \| 'desc';\n /* Définit si la colonne est triée ou non (à appliquer sur spw-table-header) /\n @Prop() isSorted?: boolean = false;\n /* Définit un titre pour le tooltip (à appliquer sur spw-table-header) /\n @Prop() tooltipTitle?: string;\n /* Définit un contenu pour le tooltip (à appliquer sur spw-table-header) /\n @Prop() tooltipText?: string;\n /* Rend la cellule sticky lors du défilement horizontal (à appliquer sur spw-table-header ou spw-table-cell) /\n @Prop() sticky?: boolean = false;\n /* Position du sticky : 'start' (left: 0) ou 'end' (right: 0) (à appliquer sur spw-table-header ou spw-table-cell) /\n @Prop() stickyPosition?: 'start' \| 'end' = 'start';\n /* Décalage en pixels pour le sticky (utile pour empiler plusieurs colonnes sticky) (à appliquer sur spw-table-header ou spw-table-cell) */\n @Prop() stickyOffset?: number = 0;\n\n @Event({ composed: true, bubbles: true }) spwHeaderClick: EventEmitter<string>;\n\n private handleClick = (event: MouseEvent) => {\n if ((event.target as HTMLElement).closest('[slot=\"filters\"]')) {\n event.stopPropagation();\n return;\n }\n if (this.sortable) {\n this.spwHeaderClick.emit(this.columnId);\n }\n };\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-table-header': true,\n 'spw-table-header--sortable': this.sortable,\n 'spw-table-header--is-sorted': this.isSorted,\n 'spw-table-header--has-tooltip': !!(this.tooltipTitle \|\| this.tooltipText),\n [`spw-table-header--padding-${this.padding}`]: true,\n [`spw-table-header--text-align-${this.textAlign}`]: true,\n [`spw-table-header--vertical-align-${this.verticalAlign}`]: true,\n 'spw-table-header--sticky': this.sticky,\n [`spw-table-header--sticky-${this.stickyPosition}`]: this.sticky,\n };\n }\n\n render() {\n const attrs: { [key: string]: any } = {\n 'aria-sort': this.isSorted ? this.sortDirection : 'none',\n 'onClick': this.handleClick,\n 'class': this.elementClass,\n 'colSpan': this.colspan,\n 'headers': this.headers,\n 'part': 'cell',\n 'rowSpan': this.rowspan,\n };\n\n if (this.sticky) {\n const stickyStyles: { [key: string]: string } = {\n position: 'sticky',\n zIndex: '60',\n };\n\n if (this.stickyPosition === 'start') {\n stickyStyles.left = `${this.stickyOffset}px`;\n } else {\n stickyStyles.right = `${this.stickyOffset}px`;\n }\n\n attrs.style = stickyStyles;\n }\n\n return (\n <th {...attrs}>\n <div\n class={{\n 'spw-table-header__content': true,\n 'spw-table-header__content--is-sorted': this.isSorted,\n }}\n >\n <slot />\n <div class=\"spw-table-header__icons\">\n <slot name=\"filters\"></slot>\n {(this.tooltipTitle \|\| this.tooltipText) && (\n <spw-tooltip tooltip-title={this.tooltipTitle} tooltip-text={this.tooltipText}>\n <spw-icon variant=\"fa-regular\" icon=\"fa-circle-question\"></spw-icon>\n </spw-tooltip>\n )}\n {this.sortable && (\n <spw-icon\n class=\"spw-table-header__sort-icon\"\n icon={this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down'}\n ></spw-icon>\n )}\n </div>\n </div>\n </th>\n );\n }\n}\n"],"version":3}

package/dist/components/spw-table-row.js CHANGED Viewed

@@ -44,7 +44,7 @@ const SpwTableRow$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableRow extends
         };
     }
     render() {
-        return (h(Host, { key: '17dd5dc7c1e2f1995c3df728d993222b229f221a', part: "row" }, h("tr", { key: '3d3d5851ee62e2b73c80698bdb8f2ddac541ff99', class: this.elementClass, part: "row" }, h("slot", { key: 'eac08ff6e4f5db5edb2608b909a5fbf285aa2973' }))));
+        return (h(Host, { key: 'da8436caf5f276e4f416875f806b7b0424af2780', part: "row" }, h("tr", { key: 'add8ef916639437ca080a7b0576952fa0c2d69c4', class: this.elementClass, part: "row" }, h("slot", { key: 'a02d02b12c5120ee82e113b54219222ce9cfc3a9' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/spw-table-sidebar.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface SpwTableSidebar extends Components.SpwTableSidebar, HTMLElement {}
+export const SpwTableSidebar: {
+    prototype: SpwTableSidebar;
+    new (): SpwTableSidebar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/spw-table-sidebar.js ADDED Viewed

@@ -0,0 +1,185 @@
+import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
+import { d as defineCustomElement$4 } from './p-CyyuvuPG.js';
+import { d as defineCustomElement$3 } from './p-BTvGjWzW.js';
+import { d as defineCustomElement$2 } from './p-DrAfEAz-.js';
+const spwTableSidebarCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-table-sidebar{background:#fff;border:1px solid var(--spw-color-themes-grey-grey-300);border-right:0;display:flex;flex-direction:column;height:100%;position:relative;transition:width .2s ease;width:200px;z-index:99}.spw-table-sidebar__toggle{align-items:center;background:#fff;border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:6px;box-shadow:var(--spw-effect-elevation-6);cursor:pointer;display:inline-flex;font-size:13px;justify-content:center;line-height:1;padding:6px 0;position:absolute;right:0;top:36px;transform:translateX(50%);width:20px;z-index:20}.spw-table-sidebar__toggle spw-icon{position:relative;transition:transform .15s ease .2s}.spw-table-sidebar--expanded .spw-table-sidebar__toggle spw-icon{transform:rotate(0deg)}.spw-table-sidebar--collapsed .spw-table-sidebar__toggle spw-icon{transform:rotate(180deg)}.spw-table-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white);display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden;overflow-y:auto}.spw-table-sidebar__content::-webkit-scrollbar{height:14px;width:14px}.spw-table-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border:4px solid var(--spw-ds-white);border-radius:20px}.spw-table-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table-sidebar--collapsed .spw-table-sidebar__content{display:none}.spw-table-sidebar__mini{display:none;padding:16px 0;text-align:center}.spw-table-sidebar--collapsed .spw-table-sidebar__mini{display:block}.spw-table-sidebar__mini spw-icon{cursor:pointer}.spw-table-sidebar--expanded{width:var(--spw-table-sidebar-width)}.spw-table-sidebar--collapsed{width:50px}.spw-table-sidebar__footer,.spw-table-sidebar__header{background:var(--spw-ds-white);padding:16px;position:sticky;z-index:10}.spw-table-sidebar__header{align-items:center;border-bottom:1px solid var(--spw-color-themes-grey-grey-200);display:flex;gap:8px;justify-content:space-between;padding-bottom:16px;top:0}.spw-table-sidebar__header-title{align-items:center;display:flex;flex:1;gap:8px;min-width:0}.spw-table-sidebar__header-reset{flex-shrink:0}.spw-table-sidebar__footer{border-top:1px solid var(--spw-color-themes-grey-grey-200);bottom:0;padding-top:16px}.spw-table-sidebar__scrollable-content{flex:1;padding:16px}";
+const SpwTableSidebar$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableSidebar extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.sidebarReset = createEvent(this, "sidebarReset", 7);
+        /** Si true, la sidebar est dépliée par défaut */
+        this.defaultExpanded = true;
+        /** Permet de définir un titre à la sidebar */
+        this.sidebarTitle = 'Filtres';
+        /** Permet de définir une icône à côté du titre de la sidebar (référence font-awesome) */
+        this.sidebarIcon = 'fa-filter';
+        /** Permet de définir une largeur en px pour la sidebar dépliée */
+        this.sidebarWidth = 260;
+        /** Si true, affiche une icône de reset à côté du titre */
+        this.hasReset = true;
+        /** Icône à utiliser pour le bouton de reset (référence font-awesome) */
+        this.resetIcon = 'fa-arrow-rotate-left';
+        this.toggleSidebar = () => {
+            this.expanded = !this.expanded;
+        };
+        this.handleReset = (event) => {
+            event.stopPropagation();
+            this.sidebarReset.emit();
+        };
+    }
+    componentWillLoad() {
+        this.expanded = this.defaultExpanded;
+    }
+    componentDidLoad() {
+        setTimeout(() => {
+            this.observeTableHeight();
+        }, 0);
+    }
+    disconnectedCallback() {
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+        }
+        if (this.mutationObserver) {
+            this.mutationObserver.disconnect();
+        }
+        if (this.debounceTimer) {
+            clearTimeout(this.debounceTimer);
+        }
+    }
+    calculateTotalHeight() {
+        const spwTable = this.findSpwTable();
+        if (!spwTable)
+            return 0;
+        const shadowRoot = spwTable.shadowRoot;
+        if (!shadowRoot)
+            return spwTable.offsetHeight;
+        const tableContainer = shadowRoot.querySelector('.spw-table-container');
+        let totalHeight = tableContainer ? tableContainer.offsetHeight : 0;
+        const resizeHandle = shadowRoot.querySelector('.spw-table-resize-handle');
+        if (resizeHandle) {
+            totalHeight += resizeHandle.offsetHeight;
+        }
+        const footerSlot = spwTable.querySelector('[slot="table-footer"]');
+        if (footerSlot && footerSlot instanceof H) {
+            totalHeight += footerSlot.offsetHeight;
+        }
+        return totalHeight;
+    }
+    observeTableHeight() {
+        const spwTable = this.findSpwTable();
+        if (!spwTable) {
+            return;
+        }
+        const updateFullHeight = () => {
+            const height = this.calculateTotalHeight();
+            if (height > 0) {
+                this.observedHeight = height;
+            }
+        };
+        this.resizeObserver = new ResizeObserver(() => {
+            updateFullHeight();
+        });
+        this.resizeObserver.observe(spwTable);
+        this.mutationObserver = new MutationObserver(_ => {
+            if (this.debounceTimer) {
+                clearTimeout(this.debounceTimer);
+            }
+            this.debounceTimer = setTimeout(() => {
+                updateFullHeight();
+            }, 50);
+        });
+        this.mutationObserver.observe(spwTable, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ['style', 'class'],
+        });
+        if (spwTable.shadowRoot) {
+            const shadowObserver = new MutationObserver(() => {
+                updateFullHeight();
+            });
+            shadowObserver.observe(spwTable.shadowRoot, {
+                childList: true,
+                subtree: true,
+                attributes: true,
+            });
+        }
+        updateFullHeight();
+    }
+    findSpwTable() {
+        const spwTableContainer = this.el.parentElement;
+        if (!spwTableContainer || spwTableContainer.tagName.toLowerCase() !== 'spw-table-container') {
+            return null;
+        }
+        const spwTable = spwTableContainer.querySelector('spw-table');
+        return spwTable;
+    }
+    get hostClass() {
+        return {
+            '--expanded': this.expanded,
+            '--collapsed': !this.expanded,
+        };
+    }
+    get elementClass() {
+        return {
+            'spw-table-sidebar': true,
+            'spw-table-sidebar--expanded': this.expanded,
+            'spw-table-sidebar--collapsed': !this.expanded,
+        };
+    }
+    render() {
+        const style = Object.assign(Object.assign({}, (this.observedHeight !== undefined && { height: `${this.observedHeight}px` })), { '--spw-table-sidebar-width': `${this.sidebarWidth}px` });
+        return (h(Host, { key: '71a29a8e2e8d8a812bc223cbf5d11b6e8bea1210', style: style, class: this.hostClass }, h("nav", { key: 'de1cfe1fd2f538ca32e4d2a26646add703f3409d', class: this.elementClass }, h("span", { key: '8e5e013155cfd4f8dd4abc19836adcc9811f1ffc', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '45850b3a9bae77c9684fadd0c6ac0c244c018359', icon: "fa-chevron-left" })), h("div", { key: 'b9a01f62da193ad597b36578a394e4a31546d8e8', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, h("spw-icon", { key: 'f29692b24bcbba25ac9c9e86a822e5a3ef92c841', icon: this.sidebarIcon, variant: "fa-regular" })), h("div", { key: '58e6d4103dc9b4ad9646c51268ad20f7722d0df1', class: "spw-table-sidebar__content" }, h("div", { key: '5c740685ec07195df62bd05baf1d38c6742f5640', class: "spw-table-sidebar__header" }, h("span", { key: '17f218dcb1ca45da1291b21772db4b132e7c7d1c', class: "spw-table-sidebar__header-title" }, h("spw-icon", { key: 'bde8de101ed7f889aa8a1f0c536e14e59650fbf1', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (h("spw-button", { key: '76557a51a81265efcb471b8050cb2e68d75dde3f', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), h("div", { key: '2f0d7f0db8f7b273ea5b12ace5ab2ebf010437f4', class: "spw-table-sidebar__scrollable-content" }, h("slot", { key: '36d1c220164cf63b165b1c94de97d738329030ae' })), h("div", { key: '8f02f6008ff5108acac0a388b38c28039ecfd799', class: "spw-table-sidebar__footer" }, h("slot", { key: 'f2fa152689b6075e3711e7dfaf9b2ec786e3d435', name: "sidebar-footer" }))))));
+    }
+    get el() { return this; }
+    static get style() { return spwTableSidebarCss; }
+}, [1, "spw-table-sidebar", {
+        "defaultExpanded": [4, "default-expanded"],
+        "sidebarTitle": [1, "sidebar-title"],
+        "sidebarIcon": [1, "sidebar-icon"],
+        "sidebarWidth": [2, "sidebar-width"],
+        "hasReset": [4, "has-reset"],
+        "resetIcon": [1, "reset-icon"],
+        "observedHeight": [32],
+        "expanded": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-table-sidebar", "spw-button", "spw-icon", "spw-loading"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-table-sidebar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwTableSidebar$1);
+            }
+            break;
+        case "spw-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "spw-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "spw-loading":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+const SpwTableSidebar = SpwTableSidebar$1;
+const defineCustomElement = defineCustomElement$1;
+export { SpwTableSidebar, defineCustomElement };
+//# sourceMappingURL=spw-table-sidebar.js.map
+//# sourceMappingURL=spw-table-sidebar.js.map