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/collection/components/spw-iodda/spw-iodda.js CHANGED Viewed

@@ -85,7 +85,7 @@ export class SpwIodda {
     render() {
         const totalPages = Math.ceil(this.totalItems / this.itemsPerPage);
         const resultsText = this.totalItems > 1 ? 'résultats trouvés' : 'résultat trouvé';
-        return (h(Host, { key: 'd43c4bd84c2c2e22d63dcd79de13ab70f18fc468' }, h("div", { key: '5c336398a17e5ef9003b6a8b300539b4d0da503b', class: "spw-search-input" }, h("spw-text-field", { key: 'e87f79cbde229cd25cd8983862b78b38da391632', "is-search": "true", size: "large", type: "text", value: this.searchTerm, placeholder: "Rechercher une d\u00E9marche", onValueChanged: event => this.handleSearchInput(event) })), h("div", { key: '61b1c093424847d3dbb90d9cb24d71cf1c434aab', hidden: true, class: "spw-filter spw-tw-mb-6" }, Object.keys(this.filters).map(filterKey => (h("label", { class: "spw-tw-mr-4" }, h("input", { type: "checkbox", checked: this.filters[filterKey], onChange: (event) => this.handleFilterChange(filterKey, event.target.checked) }), h("span", { class: "spw-tw-ml-2" }, filterKey))))), this.totalItems === 0 && !this.isLoading ? (h("div", { class: "spw-no-results" }, h("h3", { class: "spw-no-results__title" }, "Aucun r\u00E9sultat ne correspond \u00E0 votre recherche."), h("ul", { class: "spw-no-results__list" }, h("li", null, "V\u00E9rifiez si votre orthographe est correcte"), h("li", null, "Supprimez des filtres"), h("li", null, "Essayez d\u2019autres termes de recherche")))) : null, this.totalItems > 0 && !this.isLoading ? (h("p", { class: "spw-results" }, this.totalItems, " ", resultsText)) : null, this.isLoading ? h("spw-loading", { class: "spw-tw-mb-10" }) : null, h("ul", { key: 'cfdbfc98563121726e08864f7058bffeeaa3d647', class: "spw-list" }, this.items.map(item => (h("li", { class: "spw-list-item", key: item.name }, h("a", { href: item.url, target: "_blank" }, h("h3", { class: "spw-list-item__title" }, item.title), h("p", { class: "spw-list-item__text" }, item.summary)))))), totalPages > 1 && (h("spw-pagination", { key: 'd28749ca90358c215c047f7069240a82ef4483b5', class: "spw-tw-mt-12", currentPage: this.currentPage, "is-disabled": this.isLoading, totalItems: this.totalItems, itemsPerPage: this.itemsPerPage, onPageChanged: this.handlePageChanged.bind(this) }))));
+        return (h(Host, { key: '3c327cdce6dbbf4c86ffba3474f4f3e6f8952430' }, h("div", { key: '0420c5c7dff03c4a01628dfba284dfc6fa42b43e', class: "spw-search-input" }, h("spw-text-field", { key: '60138d527f1cca9b665bbadf72d231d61fdf2a4e', "is-search": "true", size: "large", type: "text", value: this.searchTerm, placeholder: "Rechercher une d\u00E9marche", onValueChanged: event => this.handleSearchInput(event) })), h("div", { key: '11e1500858f7f813e121fff8e549d6b080d88c2e', hidden: true, class: "spw-filter spw-tw-mb-6" }, Object.keys(this.filters).map(filterKey => (h("label", { class: "spw-tw-mr-4" }, h("input", { type: "checkbox", checked: this.filters[filterKey], onChange: (event) => this.handleFilterChange(filterKey, event.target.checked) }), h("span", { class: "spw-tw-ml-2" }, filterKey))))), this.totalItems === 0 && !this.isLoading ? (h("div", { class: "spw-no-results" }, h("h3", { class: "spw-no-results__title" }, "Aucun r\u00E9sultat ne correspond \u00E0 votre recherche."), h("ul", { class: "spw-no-results__list" }, h("li", null, "V\u00E9rifiez si votre orthographe est correcte"), h("li", null, "Supprimez des filtres"), h("li", null, "Essayez d\u2019autres termes de recherche")))) : null, this.totalItems > 0 && !this.isLoading ? (h("p", { class: "spw-results" }, this.totalItems, " ", resultsText)) : null, this.isLoading ? h("spw-loading", { class: "spw-tw-mb-10" }) : null, h("ul", { key: 'd0d72aec7f8451efe00764910d062ad3942d8b5b', class: "spw-list" }, this.items.map(item => (h("li", { class: "spw-list-item", key: item.name }, h("a", { href: item.url, target: "_blank" }, h("h3", { class: "spw-list-item__title" }, item.title), h("p", { class: "spw-list-item__text" }, item.summary)))))), totalPages > 1 && (h("spw-pagination", { key: 'af773ec6b3d1497081a54afc2f5824495b032c73', class: "spw-tw-mt-12", currentPage: this.currentPage, "is-disabled": this.isLoading, totalItems: this.totalItems, itemsPerPage: this.itemsPerPage, onPageChanged: this.handlePageChanged.bind(this) }))));
     }
     static get is() { return "spw-iodda"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-link/spw-link.js CHANGED Viewed

@@ -34,7 +34,7 @@ export class SpwLink {
         };
         const iconClass = `spw-icon--${iconPosition}`;
         const iconElement = icon ? h("spw-icon", { class: iconClass, icon: icon }) : null;
-        return (h("a", Object.assign({ key: 'cc4761c18753343f002502c69c4e93e01fd87444', href: disabled ? undefined : href, rel: rel, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, h("div", { key: '7ec1fc26fe5b9618efd23712422c92cd1db85c74', class: "spw-link__inner" }, h("slot", { key: '0f6217d4909172af1007ec8c67a66b00a4997799' })), iconPosition === 'right' && iconElement));
+        return (h("a", Object.assign({ key: 'cd21f05a3908067d72137497fc0551a923d54148', href: disabled ? undefined : href, rel: rel, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, h("div", { key: 'c26b7881c8c6b7838ab98aa0536153d17a131690', class: "spw-link__inner" }, h("slot", { key: '0b8597f03df7beaa78439f5300871ae263c46b78' })), iconPosition === 'right' && iconElement));
     }
     static get is() { return "spw-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-list/spw-list-description/spw-list-description.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class SpwListDescription {
         };
     }
     render() {
-        return (h(Host, { key: '5fc04e002cf4c709febad42022c68432530961a7' }, h("div", { key: '2c40f35db4db86991e856074949d0f032a589095', class: this.elementClass }, h("slot", { key: '44a3c3a5f52ff7f252f0ccd9e87f41e97654f527' }))));
+        return (h(Host, { key: '2e00d7d6a81a8c3e2f479d29613544db8ea1bb8a' }, h("div", { key: 'f32ce7d57350f5c33866ec1ac812bada40e4ad57', class: this.elementClass }, h("slot", { key: '2ce06633c2fb0248eeaf7a284643f1bb098df573' }))));
     }
     static get is() { return "spw-list-description"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-list/spw-list-item/spw-list-item.js CHANGED Viewed

@@ -102,7 +102,7 @@ export class SpwListItem {
                 href,
                 target,
             };
-        return (h(Host, { key: 'aaafe5863504d0a15d3e0988a02ed1d7f7f6e06d' }, h("li", { key: '39681cfa05872be9946fea49eef85299e0b8d249', class: this.elementClass }, this.category && (h("span", { key: 'c48d7f8bbcdb67d43e823a635b153f1594484569', class: this.elementCatClass, onClick: () => this.handleClick() }, this.categoryIcon && h("spw-icon", { key: 'e6fadf7713c69385468382a04bbac3b09f7c8bf0', icon: this.categoryIcon }), " ", this.category)), h(TagType, Object.assign({ key: 'c75f5a112b4e28f86d053bd57a37a6a285b85f96' }, attrs), h("slot", { key: 'a966f7c34ef3b963dd8db4754eeb8b81660dc8d7' })))));
+        return (h(Host, { key: '8945fabe917ca6db5db844c385a4769f37237fea' }, h("li", { key: 'aa6be719c7dd978c3bae12cfeb135a344ea526b6', class: this.elementClass }, this.category && (h("span", { key: '263b5d8cb6ac9de77719810ceb06e9c125e1a125', class: this.elementCatClass, onClick: () => this.handleClick() }, this.categoryIcon && h("spw-icon", { key: 'b03f77353e7f217433e5b9faa04989a7becf2eb9', icon: this.categoryIcon }), " ", this.category)), h(TagType, Object.assign({ key: '55f0cc4c7139219508c4bff6fbd1ced879b1c6dc' }, attrs), h("slot", { key: 'de077be6f707b9be4f5762350586f3e24b8453aa' })))));
     }
     static get is() { return "spw-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-list/spw-list-title/spw-list-title.js CHANGED Viewed

@@ -10,7 +10,7 @@ export class SpwListTitle {
         };
     }
     render() {
-        return (h(Host, { key: '86179bc5537a88cad556580f4cb9893acb5ccbe5' }, h("div", { key: '07bf6fa4b3da3d85eaabba997d1331f4425cbda1', class: this.elementClass }, this.icon && h("spw-icon", { key: '080ed5dbcc1fd4e4dda88dc763414386476335c0', icon: this.icon }), h("div", { key: 'b0f4943c3dcd86707371d3c4b23cbcbbeee3cf24', class: "spw-list-title__content" }, h("div", { key: '8c46a24287bcab3dff0b5a9147faf71e0fcdb206', class: "spw-list-title__content-text" }, h("slot", { key: '8ca111c2a126323696ad14b711d84229463802a5' }))))));
+        return (h(Host, { key: 'a7f00240e6b77afade3af52ab46f335cbeb3e233' }, h("div", { key: 'a1adb6eae1b8c35730e9d4569e2e48b044ebb816', class: this.elementClass }, this.icon && h("spw-icon", { key: '20eea8b5e4570d979ee0e427b9b1a161a21e0348', icon: this.icon }), h("div", { key: 'e975b6a02cc2bd5e0437a3fcad61e8bcdfb030fa', class: "spw-list-title__content" }, h("div", { key: '0fb15fc7f20cc007977320988b16ce31df802957', class: "spw-list-title__content-text" }, h("slot", { key: '4c972ec28ca358bf1e74b55063ea96367f8f2964' }))))));
     }
     static get is() { return "spw-list-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-list/spw-list.js CHANGED Viewed

@@ -29,7 +29,7 @@ export class SpwList {
         };
     }
     render() {
-        return (h(Host, { key: '3d954bc76b6426aa9d57940c71fc4c474d9292fe' }, h("ul", { key: 'a07fb9195c7c76fb74401cee6a89e43e5eab9ebd', class: this.elementClass }, h("slot", { key: '846e2afcd063bb18ea5f8c6e84efae2d73d9f2c3' }))));
+        return (h(Host, { key: 'f62f7c06f926bb9cd0f9c4e9687e944827a9c525' }, h("ul", { key: 'c8d0aa9e978fa4ebad1fbd4d17cb393713663802', class: this.elementClass }, h("slot", { key: '8afbc1a84930f19031ed4ff66ed2193f924ce488' }))));
     }
     static get is() { return "spw-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-loading/spw-loading.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class SpwLoading {
         this.text = 'Chargement...';
     }
     render() {
-        return (h(Host, { key: '4bea49f882603f0eb7462a9a9910c03dd5f17a1e' }, h("div", { key: '33200e27c48f51553bf4e5963ca9cc986461c1e6', class: "spw-loading" }, h("div", { key: '500604a16cfc2de2ba59fc3eb81a02ce72c5d7cc', class: "spw-loading__spinner" }), this.text && h("p", { key: '0c5967afe35d32c57aba7bc91f98ea8f12d4663d', class: "spw-loading__text" }, this.text))));
+        return (h(Host, { key: 'baaa28571e693843682b511c14e84c2bd6e92b6d' }, h("div", { key: '7aa716fff4e42d4ad96b6616a23a8e23a6ebda4a', class: "spw-loading" }, h("div", { key: '6d85caccc49249b38b695633f88267f149cd1c96', class: "spw-loading__spinner" }), this.text && h("p", { key: '8bdb35a087d1fff586dfa385cd370fb7e697e033', class: "spw-loading__text" }, this.text))));
     }
     static get is() { return "spw-loading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-modal/spw-modal.js CHANGED Viewed

@@ -159,7 +159,7 @@ export class SpwModal {
         };
     }
     render() {
-        return (h(Host, { key: '8475a5b10fcaba172cdc2320f1f1b1ab4fc9043c' }, h("div", { key: '4038061aa40ec5f44781bc365ecc2a6e16dc6016', ref: el => (this.modalContainer = el), class: this.elementClass }, h("div", { key: 'cbfd23753d4c83a84cb88864ced87389e31419e8', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: '84fa6b5bd052e75a5691c5061643322015efcbc7', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabindex: "0" }), h("div", { key: '0bfe31637aa99deb9683d0c76e1ab3ad4949da87', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: '40f74c523af1a34058152948f13eac5b2180f761', class: "spw-modal__content" }, h("div", { key: 'e9280be033f81716b1c2bf84e43d737fdff7f1e3', class: "spw-modal__header" }, h("h2", { key: 'c562cd1b2c21d2bbdd22c7c0d2226480bd09f5ee', class: "spw-modal__caption" }, this.caption), this.showCloseButton && (h("spw-icon", { key: 'd935398c690fa6312f9db07ea3049ee2375ed9ff', class: "spw-modal__close-button", ref: el => (this.closeButton = el), icon: "fa-xmark", onClick: () => this.doBeforeClose('CLOSE_BUTTON') }))), h("div", { key: '85ad8c242faa5732162d870cb2b8d5879185f436', class: "spw-modal__body" }, h("slot", { key: 'c1c7a95a433666df28ecd5a52a5602318e64e40e', name: "content" })), h("div", { key: 'c132925690a0c19c01326ab9e54e5187f68bd762', class: "spw-modal__buttons" }, h("slot", { key: '26f4e570a4da08abe4a0cd502bd52f61534680fd', name: "buttons" })))), h("div", { key: '7c19d6ed95c6eb2690f94dcabc29bb607348df18', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
+        return (h(Host, { key: '54b7a61c54b570864882680917bafd4d9a04a7af' }, h("div", { key: '38e671b451c0fda1e51d9526c779f2b91c09171c', ref: el => (this.modalContainer = el), class: this.elementClass }, h("div", { key: '1f11df2f3f9db023da29b126ded6b12b546bf4ec', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: 'bcdaf1fbea3bd80457b27379fe44d0e93d2714cc', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabindex: "0" }), h("div", { key: 'e495299c94eb5fbb6ac393050fe7c1fe935a24e9', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: '05fa0d5e5493fbff9f3d21eeb2174b47e20a25bf', class: "spw-modal__content" }, h("div", { key: '63945d15aaab55b63e78b81e51fefc40f4928f7c', class: "spw-modal__header" }, h("h2", { key: '24083e7970943e01c7f6aa39293ae49d6768866c', class: "spw-modal__caption" }, this.caption), this.showCloseButton && (h("spw-icon", { key: '32ba7d31aedad0f381123216ca56fd6ef608df49', class: "spw-modal__close-button", ref: el => (this.closeButton = el), icon: "fa-xmark", onClick: () => this.doBeforeClose('CLOSE_BUTTON') }))), h("div", { key: '168a770e834f52f52b2c04adc99c01a2e13a1316', class: "spw-modal__body" }, h("slot", { key: '27b4d1c6d8bb8e14da1cb2484168b0b9902cc871', name: "content" })), h("div", { key: 'ae684ce801f853f4fddbf111c78e5e884662ceb1', class: "spw-modal__buttons" }, h("slot", { key: '67d2fe0e6b820d948ea1b95b5449ea299f751465', name: "buttons" })))), h("div", { key: '694258344026e9ddef90c16cec819615048c9ba1', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
     }
     static get is() { return "spw-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-mosaic/spw-mosaic-item/spw-mosaic-item.js CHANGED Viewed

@@ -16,7 +16,7 @@ export class SpwMosaicItem {
         this.el.style.setProperty('--spw-mosaic-item-width-desktop', `calc(100% / ${colsDesktop})`);
     }
     render() {
-        return (h(Host, { key: '631fc5f99e224bdf7e101d3c11aab5a49670ac65' }, h("slot", { key: '43fe28a815006329918e4d54383c8dae835d793e' })));
+        return (h(Host, { key: '4404837b560215b5268013563a3c62e915f56569' }, h("slot", { key: 'fc72c2611b5e9282d726faca7c37a9bbd34c45b0' })));
     }
     static get is() { return "spw-mosaic-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-mosaic/spw-mosaic.js CHANGED Viewed

@@ -131,7 +131,7 @@ export class SpwMosaic {
         };
     }
     render() {
-        return (h(Host, { key: '380a4e4f5672257a09a2893ba03b601ce72e772a' }, h("div", { key: 'ebc13b865bcc89603fd65153b60a3455d7036c11', class: this.elementClass }, h("slot", { key: '77b077864df2039e97a7194bfbf42f557256860c' }))));
+        return (h(Host, { key: '081db6eb37ee91c0d1ec25fa390a50131a4fc781' }, h("div", { key: '450d0c6f4f030f262139eb6d9b1611b2e7765039', class: this.elementClass }, h("slot", { key: '9df5845edf990f55b57e2c66ad2293f674e0a472' }))));
     }
     static get is() { return "spw-mosaic"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-pagination/spw-pagination.js CHANGED Viewed

@@ -24,16 +24,17 @@ export class SpwPagination {
     calculateTotalPages() {
         this.totalPages = Math.ceil(this.totalItems / this.itemsPerPage);
     }
+    onCurrentPageChange(newPage) {
+        this.inputPageValue = newPage.toString();
+    }
     onItemsPerPageChange() {
         this.currentPage = 1;
-        this.inputPageValue = '1';
         this.pageChanged.emit(this.currentPage);
     }
     onTotalItemsChange() {
         const newTotalPages = Math.ceil(this.totalItems / this.itemsPerPage);
         if (this.currentPage > newTotalPages || this.currentPage === 0) {
             this.currentPage = 1;
-            this.inputPageValue = '1';
             this.pageChanged.emit(this.currentPage);
         }
     }
@@ -44,7 +45,6 @@ export class SpwPagination {
     goToPage(page) {
         if (page !== this.currentPage && !this.isDisabled && page >= 1 && page <= this.totalPages) {
             this.currentPage = page;
-            this.inputPageValue = this.currentPage.toString();
             this.pageChanged.emit(this.currentPage);
         }
     }
@@ -156,12 +156,12 @@ export class SpwPagination {
         const pages = this.calculatePageRange();
         const showPrevArrow = this.currentPage > 1;
         const showNextArrow = this.currentPage < this.totalPages;
-        const prevArrow = showPrevArrow && (h("li", { key: '5b81fdf54dc89a3f1e50193b47aa4be6e01fc45a', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: 'a20fa7dcadff3a40b8bc4e6195d548272bb48523', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '54c9484bf1f0bd7a24b30b3be73608f0cfbfd31a', icon: "fa-chevron-left" }), " ", h("span", { key: 'e42e467787ff947998dad7d7f5c5c4f3d80471bf', class: "spw-pagination__item-arrow-text" }, "Pr\u00E9c\u00E9dent"))));
-        const nextArrow = showNextArrow && (h("li", { key: 'ec42e3393c300be3607200d3714f119c59b06902', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '82b40861d3797e3c8c3aac6037dc34c2456616ec', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: '99ae6a64d9af86b90c7846677652a1c2a2eb139c', class: "spw-pagination__item-arrow-text" }, "Suivant"), " ", h("spw-icon", { key: '3cc135db927fadcd3af0feaf8ac87e0cd1bf5abc', icon: "fa-chevron-right" }))));
-        const prevArrowMobile = this.currentPage > 1 && (h("li", { key: '7f4af8fa6b1072f69b0a55b694f56666b61abd8e', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: 'deed705ae5410e227ba4890573917934aad060d0', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: 'b81d00d310efa60375e3c7d966a37f43fc18dd4c', icon: "fa-chevron-left" }), " ", h("span", { key: '65d6d066acbf5ac4029e282f28bc098f1cf30c1a' }, "Pr\u00E9c\u00E9dent"))));
-        const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: '1b062820ab7880c0a173237458769c0b1db3e857', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '465ba6bbcb8f28672fce34b273fdb71926105914', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: 'ff1a131478988532a069f66fc9e95217389695b5' }, "Suivant"), " ", h("spw-icon", { key: '1f9fbf6cc0f886842d051cb8d5aeab5f932e517b', icon: "fa-chevron-right" }))));
-        const mobileArrows = (h("ul", { key: 'c6fc34359cb44637d3e97d3c5c8d1230700d191c', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
-        return (h(Host, { key: 'fa82c8dcf4a00d2e6e2608690457bd0cb6739196' }, h("div", { key: 'a76de9b23f47e73261de5f3a0dd86cbb66acc6e9', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: '5de5dc4a8ed72b5065683132a0d2db3a1144fd6e' }, h("ul", { key: 'ed97467d1a0da5ab9df49531bebef459b09b708a' }, prevArrow, h("li", { key: 'aeafcdde1ae64175bbef0f9aeadd0348a5e64451', class: "spw-pagination__input" }, h("spw-text-field", { key: 'd77195f4889e9d002c9b3e04b2fb90204d956581', value: this.inputPageValue, type: "text", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), h("li", { key: 'e01099d3fd96f1e5647d10d06ba1541a88b12a27', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: 'b88b4b0e07db7639fb7853557cafbefd9f31e706' }, h("ul", { key: 'f92e203985054eae6aba5435cb6848a9333d525d' }, prevArrow, pages.map(({ page, class: pageClass }) => {
+        const prevArrow = showPrevArrow && (h("li", { key: '393b191cce49c8958054682329791c1e7a6144a8', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: 'c1454b0eadc524359b50078bdbdf3159585a0667', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '420403ab9a9e2833d7fb06d018610f3d7e016bc7', icon: "fa-chevron-left" }), " ", h("span", { key: 'cddbd5485bbbec84a10db8e9fb5d2c6413e652f3', class: "spw-pagination__item-arrow-text" }, "Pr\u00E9c\u00E9dent"))));
+        const nextArrow = showNextArrow && (h("li", { key: 'bd6a5dce3719e1a929ea07c8a24a2732b1de3d40', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '0bbaa1a5ab5a10495ddacde61af36eb57de34eb4', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: '91bcf42b4a92023c24264c41776ec7a3ce7adbf2', class: "spw-pagination__item-arrow-text" }, "Suivant"), " ", h("spw-icon", { key: 'a0347b4104b137f7a3ee536259c0a4123025f88f', icon: "fa-chevron-right" }))));
+        const prevArrowMobile = this.currentPage > 1 && (h("li", { key: '1b052f3ea7fddba075fdc2c1524d8f2f42bb2572', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '58f1160f686977dc951a45221b8d005067302416', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: 'c4148282fde2e21db5e9a1299ec789a3706c387a', icon: "fa-chevron-left" }), " ", h("span", { key: '30acd04e865ded0bdb9dbc8ddcddcd2851e041eb' }, "Pr\u00E9c\u00E9dent"))));
+        const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: '2d70703a5b27144a68999b714cf980da9eba22b2', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '43df56aae43c87aa97ec0d583e6d31287ddb1afd', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: '41fcfe7526b1a3ceaf975f3a6b9007f11c8429e1' }, "Suivant"), " ", h("spw-icon", { key: '21087f749c38418be632f892882a08c9a92efb24', icon: "fa-chevron-right" }))));
+        const mobileArrows = (h("ul", { key: '4095f5951d1c9c027d232bc7f974ac838ef178c6', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
+        return (h(Host, { key: '2f8cf7ea2cedbaa37e8194e4a7bea38f409dd98b' }, h("div", { key: 'b846e2d60e17bac238c9458fac969cff2a28c9a6', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: '5a8f1bce21b2df518536a8858497fbc75495151a' }, h("ul", { key: '3e5e9885a8bc036f1eabc72e0341f8a1b5b1243b' }, prevArrow, h("li", { key: 'c9f75e24e2fd383d5d2aa188a390991460f5aefd', class: "spw-pagination__input" }, h("spw-text-field", { key: '0a564bb7a5f7f9b4694f01b30bd94765f443605c', value: this.inputPageValue, type: "text", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), h("li", { key: '6fc0d803a6b0845759d0fc180d6b83bc56101781', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: '5a79f22aece878b99c8eb8cc1f141738cdca448c' }, h("ul", { key: 'b811c62cc3c2b5af55d09e3c756efa28e6f28013' }, prevArrow, pages.map(({ page, class: pageClass }) => {
             if (page === '...') {
                 return (h("li", { class: `spw-pagination__item spw-pagination__item--dots ${pageClass}` }, h("spw-icon", { icon: "fa-ellipsis" })));
             }
@@ -345,6 +345,9 @@ export class SpwPagination {
             }, {
                 "propName": "currentPage",
                 "methodName": "calculateTotalPages"
+            }, {
+                "propName": "currentPage",
+                "methodName": "onCurrentPageChange"
             }, {
                 "propName": "itemsPerPage",
                 "methodName": "onItemsPerPageChange"

package/dist/collection/components/spw-pagination/spw-pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"spw-pagination.js","sourceRoot":"","sources":["../../../src/components/spw-pagination/spw-pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAO9G,MAAM,OAAO,aAAa;IAL1B;QAUE,8CAA8C;QACtC,eAAU,GAAY,KAAK,CAAC;QACpC,+DAA+D;QACvD,YAAO,GAAwB,SAAS,CAAC;QACjD,8CAA8C;QACrB,gBAAW,GAAW,CAAC,CAAC;QAMxC,mBAAc,GAAW,EAAE,CAAC;QAC5B,aAAQ,GAAY,MAAM,CAAC,UAAU,GAAG,GAAG,CAAC;QAa7C,mBAAc,GAAG,GAAG,EAAE;YAC5B,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,UAAU,GAAG,GAAG,CAAC;QAC1C,CAAC,CAAC;KAwPH;IApQC,iBAAiB;QACf,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC;QAClD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACzD,CAAC;IAED,oBAAoB;QAClB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC5D,CAAC;IASD,mBAAmB;QACjB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;IACnE,CAAC;IAGD,oBAAoB;QAClB,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;QACrB,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC;QAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC1C,CAAC;IAGD,kBAAkB;QAChB,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;QACrE,IAAI,IAAI,CAAC,WAAW,GAAG,aAAa,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,EAAE,CAAC;YAC/D,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;YACrB,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC;YAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,qDAAqD;IAErD,KAAK,CAAC,OAAO,CAAC,IAAY;QACxB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAEO,QAAQ,CAAC,IAAY;QAC3B,IAAI,IAAI,KAAK,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAC1F,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;YACxB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC;YAClD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAEO,iBAAiB,CAAC,KAAY;QACpC,MAAM,UAAU,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QAC5D,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC;QACjC,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QAEtC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACzD,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YACjC,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;gBACnC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACtB,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC;IACH,CAAC;IAEO,kBAAkB;;QACxB,MAAM,KAAK,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxC,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,MAAM,CAAC;QACxE,MAAM,gBAAgB,GAAG,aAAa,GAAG,CAAC,IAAI,CAAA,MAAA,KAAK,CAAC,CAAC,CAAC,0CAAE,IAAI,MAAK,KAAK,CAAC;QACvE,MAAM,cAAc,GAAG,aAAa,GAAG,CAAC,IAAI,CAAA,MAAA,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,0CAAE,IAAI,MAAK,KAAK,CAAC;QAEpF,IAAI,eAAe,GAAG,kCAAkC,IAAI,CAAC,WAAW,0BAA0B,IAAI,CAAC,UAAU,EAAE,CAAC;QAEpH,IAAI,aAAa,KAAK,CAAC,EAAE,CAAC;YACxB,eAAe,IAAI,kCAAkC,CAAC;QACxD,CAAC;aAAM,IAAI,gBAAgB,EAAE,CAAC;YAC5B,eAAe,IAAI,iCAAiC,CAAC;QACvD,CAAC;aAAM,IAAI,cAAc,EAAE,CAAC;YAC1B,eAAe,IAAI,+BAA+B,CAAC;QACrD,CAAC;QAED,OAAO,eAAe,CAAC;IACzB,CAAC;IAEO,aAAa,CAAC,KAAoB;QACxC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YAC1B,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;YAC/C,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;gBACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACtB,CAAC;QACH,CAAC;IACH,CAAC;IAEO,kBAAkB;QACxB,MAAM,KAAK,GAAG,EAAE,CAAC;QACjB,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAEnD,IAAI,QAAQ,EAAE,CAAC;YACb,cAAc;YACd,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC;gBACpB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC;oBACrC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,mCAAmC,EAAE,CAAC,CAAC;gBACtE,CAAC;YACH,CAAC;iBAAM,IAAI,WAAW,IAAI,CAAC,EAAE,CAAC;gBAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;oBAC5B,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,mCAAmC,EAAE,CAAC,CAAC;gBACtE,CAAC;gBACD,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,gCAAgC,EAAE,CAAC,CAAC;gBACrE,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,2BAA2B,EAAE,CAAC,CAAC;YACvE,CAAC;iBAAM,IAAI,WAAW,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;gBACzC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,6BAA6B,EAAE,CAAC,CAAC;gBAC9D,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,gCAAgC,EAAE,CAAC,CAAC;gBACrE,KAAK,IAAI,CAAC,GAAG,UAAU,GAAG,CAAC,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC;oBAClD,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,iCAAiC,EAAE,CAAC,CAAC;gBACpE,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,6BAA6B,EAAE,CAAC,CAAC;gBAC9D,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,gCAAgC,EAAE,CAAC,CAAC;gBACrE,KAAK,IAAI,CAAC,GAAG,WAAW,GAAG,CAAC,EAAE,CAAC,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;oBACxD,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,oCAAoC,EAAE,CAAC,CAAC;gBACvE,CAAC;gBACD,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,gCAAgC,EAAE,CAAC,CAAC;gBACrE,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,2BAA2B,EAAE,CAAC,CAAC;YACvE,CAAC;QACH,CAAC;aAAM,CAAC;YACN,eAAe;YACf,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC;gBACpB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC;oBACrC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,mCAAmC,EAAE,CAAC,CAAC;gBACtE,CAAC;YACH,CAAC;iBAAM,IAAI,WAAW,IAAI,CAAC,EAAE,CAAC;gBAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;oBAC5B,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,mCAAmC,EAAE,CAAC,CAAC;gBACtE,CAAC;gBACD,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,gCAAgC,EAAE,CAAC,CAAC;gBACrE,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,2BAA2B,EAAE,CAAC,CAAC;YACvE,CAAC;iBAAM,IAAI,WAAW,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;gBACzC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,6BAA6B,EAAE,CAAC,CAAC;gBAC9D,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,gCAAgC,EAAE,CAAC,CAAC;gBACrE,KAAK,IAAI,CAAC,GAAG,UAAU,GAAG,CAAC,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC;oBAClD,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,iCAAiC,EAAE,CAAC,CAAC;gBACpE,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,6BAA6B,EAAE,CAAC,CAAC;gBAC9D,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,gCAAgC,EAAE,CAAC,CAAC;gBACrE,KAAK,IAAI,CAAC,GAAG,WAAW,GAAG,CAAC,EAAE,CAAC,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;oBACxD,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,oCAAoC,EAAE,CAAC,CAAC;gBACvE,CAAC;gBACD,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,gCAAgC,EAAE,CAAC,CAAC;gBACrE,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,2BAA2B,EAAE,CAAC,CAAC;YACvE,CAAC;QACH,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxC,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;QAC3C,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC;QAEzD,MAAM,SAAS,GAAG,aAAa,IAAI,CACjC,2DAAI,KAAK,EAAC,gFAAgF;YACxF,+DAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;gBACxD,iEAAU,IAAI,EAAC,iBAAiB,GAAY;;gBAAC,6DAAM,KAAK,EAAC,iCAAiC,0BAAiB,CACpG,CACN,CACN,CAAC;QAEF,MAAM,SAAS,GAAG,aAAa,IAAI,CACjC,2DAAI,KAAK,EAAC,gFAAgF;YACxF,+DAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;gBACxD,6DAAM,KAAK,EAAC,iCAAiC,cAAe;;gBAAC,iEAAU,IAAI,EAAC,kBAAkB,GAAY,CACnG,CACN,CACN,CAAC;QAEF,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAC9C,2DAAI,KAAK,EAAC,kDAAkD;YAC1D,+DAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;gBACxD,iEAAU,IAAI,EAAC,iBAAiB,GAAY;;gBAAC,qFAAsB,CAC5D,CACN,CACN,CAAC;QAEF,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,IAAI,CAC5D,2DAAI,KAAK,EAAC,kDAAkD;YAC1D,+DAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU;gBACvG,yEAAoB;;gBAAC,iEAAU,IAAI,EAAC,kBAAkB,GAAY,CAC3D,CACN,CACN,CAAC;QAEF,MAAM,YAAY,GAAG,CACnB,2DAAI,KAAK,EAAC,+BAA+B;YACtC,eAAe;YACf,eAAe,CACb,CACN,CAAC;QAEF,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE;gBAClC,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,CAC3B,EAAC,QAAQ;oBACP;wBACG,SAAS;wBACV,2DAAI,KAAK,EAAC,uBAAuB;4BAC/B,uEACE,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC/C,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAC7C,QAAQ,EAAE,IAAI,CAAC,UAAU,GACT,CACf;wBACL,2DAAI,KAAK,EAAC,6BAA6B;;4BAAM,IAAI,CAAC,UAAU;;4BAAG,IAAI,CAAC,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAM;wBAC5G,SAAS,CACP;oBACJ,YAAY,CACJ,CACZ;gBACA,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,CAC7B,EAAC,QAAQ;oBACP;wBACG,SAAS;wBAET,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;4BACxC,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;gCACnB,OAAO,CACL,UAAI,KAAK,EAAE,mDAAmD,SAAS,EAAE;oCACvE,gBAAU,IAAI,EAAC,aAAa,GAAY,CACrC,CACN,CAAC;4BACJ,CAAC;4BAED,OAAO,CACL,UACE,KAAK,EAAE;oCACL,sBAAsB,EAAE,IAAI;oCAC5B,8BAA8B,EAAE,IAAI,KAAK,IAAI,CAAC,WAAW;oCACzD,CAAC,SAAS,CAAC,EAAE,IAAI;iCAClB;gCAED,cAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAc,CAAC,EAAE,QAAQ,EAAE,IAAI,KAAK,IAAI,CAAC,WAAW,IACtF,IAAI,CACE,CACN,CACN,CAAC;wBACJ,CAAC,CAAC;wBAED,SAAS,CACP;oBACJ,YAAY,CACJ,CACZ,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Fragment, Prop, Host, h, Event, EventEmitter, Watch, State, Method } from '@stencil/core';\n\n@Component({\n tag: 'spw-pagination',\n styleUrl: 'spw-pagination.scss',\n shadow: true,\n})\nexport class SpwPagination {\n /** Nombre total d'éléments à paginer /\n @Prop() totalItems: number;\n /* Nombre d'éléments à afficher par page /\n @Prop() itemsPerPage: number;\n /* Indique si la pagination est désactivée /\n @Prop() isDisabled: boolean = false;\n /* Type de variante de la pagination : 'numbers' ou 'input' /\n @Prop() variant: 'numbers' \| 'input' = 'numbers';\n /* Page actuellement sélectionnée, mutable /\n @Prop({ mutable: true }) currentPage: number = 1;\n\n /* Événement émis lorsque la page est changée, renvoie le numéro de la nouvelle page /\n @Event() pageChanged: EventEmitter<number>;\n\n private totalPages: number;\n @State() inputPageValue: string = '';\n @State() isMobile: boolean = window.innerWidth < 800;\n private debounceTimer: any;\n\n componentWillLoad() {\n this.calculateTotalPages();\n this.inputPageValue = this.currentPage.toString();\n window.addEventListener('resize', this.updateIsMobile);\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.updateIsMobile);\n }\n\n private updateIsMobile = () => {\n this.isMobile = window.innerWidth < 800;\n };\n\n @Watch('totalItems')\n @Watch('itemsPerPage')\n @Watch('currentPage')\n calculateTotalPages() {\n this.totalPages = Math.ceil(this.totalItems / this.itemsPerPage);\n }\n\n @Watch('itemsPerPage')\n onItemsPerPageChange() {\n this.currentPage = 1;\n this.inputPageValue = '1';\n this.pageChanged.emit(this.currentPage);\n }\n\n @Watch('totalItems')\n onTotalItemsChange() {\n const newTotalPages = Math.ceil(this.totalItems / this.itemsPerPage);\n if (this.currentPage > newTotalPages \|\| this.currentPage === 0) {\n this.currentPage = 1;\n this.inputPageValue = '1';\n this.pageChanged.emit(this.currentPage);\n }\n }\n\n /* Méthode publique pour définir la page courante */\n @Method()\n async setPage(page: number): Promise<void> {\n this.goToPage(page);\n }\n\n private goToPage(page: number) {\n if (page !== this.currentPage && !this.isDisabled && page >= 1 && page <= this.totalPages) {\n this.currentPage = page;\n this.inputPageValue = this.currentPage.toString();\n this.pageChanged.emit(this.currentPage);\n }\n }\n\n private handleInputChange(event: Event) {\n const inputValue = (event.target as HTMLInputElement).value;\n this.inputPageValue = inputValue;\n const page = parseInt(inputValue, 10);\n\n if (!isNaN(page) && page >= 1 && page <= this.totalPages) {\n clearTimeout(this.debounceTimer);\n this.debounceTimer = setTimeout(() => {\n this.goToPage(page);\n }, 500);\n }\n }\n\n private getPaginationClass() {\n const pages = this.calculatePageRange();\n const ellipsisCount = pages.filter(({ page }) => page === '...').length;\n const hasEllipsisStart = ellipsisCount > 0 && pages[1]?.page === '...';\n const hasEllipsisEnd = ellipsisCount > 0 && pages[pages.length - 2]?.page === '...';\n\n let paginationClass = `spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;\n\n if (ellipsisCount === 2) {\n paginationClass += ' spw-pagination--double-ellipsis';\n } else if (hasEllipsisStart) {\n paginationClass += ' spw-pagination--ellipsis-start';\n } else if (hasEllipsisEnd) {\n paginationClass += ' spw-pagination--ellipsis-end';\n }\n\n return paginationClass;\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'Enter') {\n const page = parseInt(this.inputPageValue, 10);\n if (!isNaN(page)) {\n this.goToPage(page);\n }\n }\n }\n\n private calculatePageRange() {\n const pages = [];\n const { currentPage, totalPages, isMobile } = this;\n\n if (isMobile) {\n // Mode mobile\n if (totalPages <= 5) {\n for (let i = 1; i <= totalPages; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--small-range' });\n }\n } else if (currentPage <= 3) {\n for (let i = 1; i <= 3; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--start-range' });\n }\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n } else if (currentPage >= totalPages - 2) {\n pages.push({ page: 1, class: 'spw-pagination__item--start' });\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n for (let i = totalPages - 2; i <= totalPages; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--end-range' });\n }\n } else {\n pages.push({ page: 1, class: 'spw-pagination__item--start' });\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n for (let i = currentPage - 1; i <= currentPage + 1; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--middle-range' });\n }\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n }\n } else {\n // Mode desktop\n if (totalPages <= 7) {\n for (let i = 1; i <= totalPages; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--small-range' });\n }\n } else if (currentPage <= 4) {\n for (let i = 1; i <= 4; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--start-range' });\n }\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n } else if (currentPage >= totalPages - 3) {\n pages.push({ page: 1, class: 'spw-pagination__item--start' });\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n for (let i = totalPages - 3; i <= totalPages; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--end-range' });\n }\n } else {\n pages.push({ page: 1, class: 'spw-pagination__item--start' });\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n for (let i = currentPage - 2; i <= currentPage + 2; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--middle-range' });\n }\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n }\n }\n\n return pages;\n }\n\n render() {\n const pages = this.calculatePageRange();\n const showPrevArrow = this.currentPage > 1;\n const showNextArrow = this.currentPage < this.totalPages;\n\n const prevArrow = showPrevArrow && (\n <li class=\"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow\">\n <button onClick={() => this.goToPage(this.currentPage - 1)}>\n <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span class=\"spw-pagination__item-arrow-text\">Précédent</span>\n </button>\n </li>\n );\n\n const nextArrow = showNextArrow && (\n <li class=\"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow\">\n <button onClick={() => this.goToPage(this.currentPage + 1)}>\n <span class=\"spw-pagination__item-arrow-text\">Suivant</span> <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n </button>\n </li>\n );\n\n const prevArrowMobile = this.currentPage > 1 && (\n <li class=\"spw-pagination__item spw-pagination__item--arrow\">\n <button onClick={() => this.goToPage(this.currentPage - 1)}>\n <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>Précédent</span>\n </button>\n </li>\n );\n\n const nextArrowMobile = this.currentPage < this.totalPages && (\n <li class=\"spw-pagination__item spw-pagination__item--arrow\">\n <button onClick={() => this.goToPage(this.currentPage + 1)} disabled={this.currentPage >= this.totalPages}>\n <span>Suivant</span> <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n </button>\n </li>\n );\n\n const mobileArrows = (\n <ul class=\"spw-pagination__mobile-arrows\">\n {prevArrowMobile}\n {nextArrowMobile}\n </ul>\n );\n\n return (\n <Host>\n <div class={this.getPaginationClass()}>\n {this.variant === 'input' && (\n <Fragment>\n <ul>\n {prevArrow}\n <li class=\"spw-pagination__input\">\n <spw-text-field\n value={this.inputPageValue}\n type=\"text\"\n onInput={event => this.handleInputChange(event)}\n onKeyDown={event => this.handleKeyDown(event)}\n disabled={this.isDisabled}\n ></spw-text-field>\n </li>\n <li class=\"spw-pagination__total-pages\">sur {this.totalPages} {this.totalPages === 1 ? 'page' : 'pages'}</li>\n {nextArrow}\n </ul>\n {mobileArrows}\n </Fragment>\n )}\n {this.variant === 'numbers' && (\n <Fragment>\n <ul>\n {prevArrow}\n\n {pages.map(({ page, class: pageClass }) => {\n if (page === '...') {\n return (\n <li class={`spw-pagination__item spw-pagination__item--dots ${pageClass}`}>\n <spw-icon icon=\"fa-ellipsis\"></spw-icon>\n </li>\n );\n }\n\n return (\n <li\n class={{\n 'spw-pagination__item': true,\n 'spw-pagination__item--active': page === this.currentPage,\n [pageClass]: true,\n }}\n >\n <button onClick={() => this.goToPage(page as number)} disabled={page === this.currentPage}>\n {page}\n </button>\n </li>\n );\n })}\n\n {nextArrow}\n </ul>\n {mobileArrows}\n </Fragment>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"spw-pagination.js","sourceRoot":"","sources":["../../../src/components/spw-pagination/spw-pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Fragment, Prop, Host, h, Event, EventEmitter, Watch, State, Method } from '@stencil/core';\n\n@Component({\n tag: 'spw-pagination',\n styleUrl: 'spw-pagination.scss',\n shadow: true,\n})\nexport class SpwPagination {\n /** Nombre total d'éléments à paginer /\n @Prop() totalItems: number;\n /* Nombre d'éléments à afficher par page /\n @Prop() itemsPerPage: number;\n /* Indique si la pagination est désactivée /\n @Prop() isDisabled: boolean = false;\n /* Type de variante de la pagination : 'numbers' ou 'input' /\n @Prop() variant: 'numbers' \| 'input' = 'numbers';\n /* Page actuellement sélectionnée, mutable /\n @Prop({ mutable: true }) currentPage: number = 1;\n\n /* Événement émis lorsque la page est changée, renvoie le numéro de la nouvelle page /\n @Event() pageChanged: EventEmitter<number>;\n\n private totalPages: number;\n @State() inputPageValue: string = '';\n @State() isMobile: boolean = window.innerWidth < 800;\n private debounceTimer: any;\n\n componentWillLoad() {\n this.calculateTotalPages();\n this.inputPageValue = this.currentPage.toString();\n window.addEventListener('resize', this.updateIsMobile);\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.updateIsMobile);\n }\n\n private updateIsMobile = () => {\n this.isMobile = window.innerWidth < 800;\n };\n\n @Watch('totalItems')\n @Watch('itemsPerPage')\n @Watch('currentPage')\n calculateTotalPages() {\n this.totalPages = Math.ceil(this.totalItems / this.itemsPerPage);\n }\n\n @Watch('currentPage')\n onCurrentPageChange(newPage: number) {\n this.inputPageValue = newPage.toString();\n }\n\n @Watch('itemsPerPage')\n onItemsPerPageChange() {\n this.currentPage = 1;\n this.pageChanged.emit(this.currentPage);\n }\n\n @Watch('totalItems')\n onTotalItemsChange() {\n const newTotalPages = Math.ceil(this.totalItems / this.itemsPerPage);\n if (this.currentPage > newTotalPages \|\| this.currentPage === 0) {\n this.currentPage = 1;\n this.pageChanged.emit(this.currentPage);\n }\n }\n\n /* Méthode publique pour définir la page courante */\n @Method()\n async setPage(page: number): Promise<void> {\n this.goToPage(page);\n }\n\n private goToPage(page: number) {\n if (page !== this.currentPage && !this.isDisabled && page >= 1 && page <= this.totalPages) {\n this.currentPage = page;\n this.pageChanged.emit(this.currentPage);\n }\n }\n\n private handleInputChange(event: Event) {\n const inputValue = (event.target as HTMLInputElement).value;\n this.inputPageValue = inputValue;\n const page = parseInt(inputValue, 10);\n\n if (!isNaN(page) && page >= 1 && page <= this.totalPages) {\n clearTimeout(this.debounceTimer);\n this.debounceTimer = setTimeout(() => {\n this.goToPage(page);\n }, 500);\n }\n }\n\n private getPaginationClass() {\n const pages = this.calculatePageRange();\n const ellipsisCount = pages.filter(({ page }) => page === '...').length;\n const hasEllipsisStart = ellipsisCount > 0 && pages[1]?.page === '...';\n const hasEllipsisEnd = ellipsisCount > 0 && pages[pages.length - 2]?.page === '...';\n\n let paginationClass = `spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;\n\n if (ellipsisCount === 2) {\n paginationClass += ' spw-pagination--double-ellipsis';\n } else if (hasEllipsisStart) {\n paginationClass += ' spw-pagination--ellipsis-start';\n } else if (hasEllipsisEnd) {\n paginationClass += ' spw-pagination--ellipsis-end';\n }\n\n return paginationClass;\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'Enter') {\n const page = parseInt(this.inputPageValue, 10);\n if (!isNaN(page)) {\n this.goToPage(page);\n }\n }\n }\n\n private calculatePageRange() {\n const pages = [];\n const { currentPage, totalPages, isMobile } = this;\n\n if (isMobile) {\n // Mode mobile\n if (totalPages <= 5) {\n for (let i = 1; i <= totalPages; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--small-range' });\n }\n } else if (currentPage <= 3) {\n for (let i = 1; i <= 3; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--start-range' });\n }\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n } else if (currentPage >= totalPages - 2) {\n pages.push({ page: 1, class: 'spw-pagination__item--start' });\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n for (let i = totalPages - 2; i <= totalPages; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--end-range' });\n }\n } else {\n pages.push({ page: 1, class: 'spw-pagination__item--start' });\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n for (let i = currentPage - 1; i <= currentPage + 1; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--middle-range' });\n }\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n }\n } else {\n // Mode desktop\n if (totalPages <= 7) {\n for (let i = 1; i <= totalPages; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--small-range' });\n }\n } else if (currentPage <= 4) {\n for (let i = 1; i <= 4; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--start-range' });\n }\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n } else if (currentPage >= totalPages - 3) {\n pages.push({ page: 1, class: 'spw-pagination__item--start' });\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n for (let i = totalPages - 3; i <= totalPages; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--end-range' });\n }\n } else {\n pages.push({ page: 1, class: 'spw-pagination__item--start' });\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n for (let i = currentPage - 2; i <= currentPage + 2; i++) {\n pages.push({ page: i, class: 'spw-pagination__item--middle-range' });\n }\n pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n }\n }\n\n return pages;\n }\n\n render() {\n const pages = this.calculatePageRange();\n const showPrevArrow = this.currentPage > 1;\n const showNextArrow = this.currentPage < this.totalPages;\n\n const prevArrow = showPrevArrow && (\n <li class=\"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow\">\n <button onClick={() => this.goToPage(this.currentPage - 1)}>\n <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span class=\"spw-pagination__item-arrow-text\">Précédent</span>\n </button>\n </li>\n );\n\n const nextArrow = showNextArrow && (\n <li class=\"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow\">\n <button onClick={() => this.goToPage(this.currentPage + 1)}>\n <span class=\"spw-pagination__item-arrow-text\">Suivant</span> <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n </button>\n </li>\n );\n\n const prevArrowMobile = this.currentPage > 1 && (\n <li class=\"spw-pagination__item spw-pagination__item--arrow\">\n <button onClick={() => this.goToPage(this.currentPage - 1)}>\n <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>Précédent</span>\n </button>\n </li>\n );\n\n const nextArrowMobile = this.currentPage < this.totalPages && (\n <li class=\"spw-pagination__item spw-pagination__item--arrow\">\n <button onClick={() => this.goToPage(this.currentPage + 1)} disabled={this.currentPage >= this.totalPages}>\n <span>Suivant</span> <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n </button>\n </li>\n );\n\n const mobileArrows = (\n <ul class=\"spw-pagination__mobile-arrows\">\n {prevArrowMobile}\n {nextArrowMobile}\n </ul>\n );\n\n return (\n <Host>\n <div class={this.getPaginationClass()}>\n {this.variant === 'input' && (\n <Fragment>\n <ul>\n {prevArrow}\n <li class=\"spw-pagination__input\">\n <spw-text-field\n value={this.inputPageValue}\n type=\"text\"\n onInput={event => this.handleInputChange(event)}\n onKeyDown={event => this.handleKeyDown(event)}\n disabled={this.isDisabled}\n ></spw-text-field>\n </li>\n <li class=\"spw-pagination__total-pages\">\n sur {this.totalPages} {this.totalPages === 1 ? 'page' : 'pages'}\n </li>\n {nextArrow}\n </ul>\n {mobileArrows}\n </Fragment>\n )}\n {this.variant === 'numbers' && (\n <Fragment>\n <ul>\n {prevArrow}\n\n {pages.map(({ page, class: pageClass }) => {\n if (page === '...') {\n return (\n <li class={`spw-pagination__item spw-pagination__item--dots ${pageClass}`}>\n <spw-icon icon=\"fa-ellipsis\"></spw-icon>\n </li>\n );\n }\n\n return (\n <li\n class={{\n 'spw-pagination__item': true,\n 'spw-pagination__item--active': page === this.currentPage,\n [pageClass]: true,\n }}\n >\n <button onClick={() => this.goToPage(page as number)} disabled={page === this.currentPage}>\n {page}\n </button>\n </li>\n );\n })}\n\n {nextArrow}\n </ul>\n {mobileArrows}\n </Fragment>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/spw-radio/spw-radio.js CHANGED Viewed

@@ -81,7 +81,7 @@ export class SpwRadio {
     render() {
         const slot = this.el.innerHTML;
         const hasSlot = Boolean(slot);
-        return (h("div", { key: 'b5b674e1e68939ee4cdbe0dd45911de73fb54910', class: "spw-radio" }, h("input", { key: '12ad7ef1974e5d42058e7323cf6dac114dae9484', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: '4bdf3d8d3a9cecf5a50ec8221002278cc0b986ee', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: this.handleRadio.bind(this) }, h("slot", { key: 'ed91958bd7ffe09bb149014a64e6e3cafdf4df87' }))), h("div", { key: 'ea8c0e61f6a5845da0e2e2d2d668e4c712f88442', tabIndex: this.disabled ? -1 : 0, onClick: this.handleRadio.bind(this), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked, "aria-disabled": this.disabled, "aria-labelledby": "label", class: this.elementClass }, this.internalChecked && h("span", { key: 'f2c17d7c13bf2d0f786e1707c0b1a0ee1f0a52e4', class: "spw-radio__circle" }))));
+        return (h("div", { key: 'c4096bbc07b9601a8a3c85aa83ff776ae23bf19e', class: "spw-radio" }, h("input", { key: 'fa9a0b34079501d1cc9c3d77c769b31ed461c965', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: 'b3a2d278bc3784e4de8c10859ee130488cd7a917', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: this.handleRadio.bind(this) }, h("slot", { key: '53064bf53471d63ac1f0e4ed8824eb4a60a0e6b0' }))), h("div", { key: 'd4f47786e657150688fab9f5a1e534c3d290996c', tabIndex: this.disabled ? -1 : 0, onClick: this.handleRadio.bind(this), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked, "aria-disabled": this.disabled, "aria-labelledby": "label", class: this.elementClass }, this.internalChecked && h("span", { key: 'b9946e0808e17d94940d799d16cd5713b396b0d7', class: "spw-radio__circle" }))));
     }
     static get is() { return "spw-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-search-field/spw-search-field.js CHANGED Viewed

@@ -195,10 +195,10 @@ export class SpwSearchField {
         };
     }
     render() {
-        return (h("div", { key: 'c9636fb8e92c46bbfaec62782e8d73e555a07577', ref: el => (this.hostElement = el), class: this.elementClass }, h("spw-text-field", { key: '63e76a64de658ac441dd8c91edd0040f69218f38', placeholder: this.placeholder, name: this.name, label: this.label, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, onValueChanged: this.handleValueChanged, onKeyDown: event => this.handleKeyDown(event) }), this.hasSubmitButton && h("button", { key: '363cdbd97b3f51bf17d5624f22a02398a770b199', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" }), this.isOpen && !!this.items && (h("div", { key: 'f28f7cc7e55cf5415d76121aec45c61090d5b5dd', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: '55b3a37b8608c22cc7142e82da43a2884cbe5c6c' }, this.filteredItems.map((item, index) => (h("li", { class: {
+        return (h("div", { key: 'bb140c495159bb9ddc7fe08fc31f6ea3410c5a99', ref: el => (this.hostElement = el), class: this.elementClass }, h("spw-text-field", { key: '6442cbd8394cee77ee599ec927e60b0bf28479df', placeholder: this.placeholder, name: this.name, label: this.label, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, onValueChanged: this.handleValueChanged, onKeyDown: event => this.handleKeyDown(event) }), this.hasSubmitButton && h("button", { key: 'da54230059daaff3f344ca09ccc269b4a83246c6', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" }), this.isOpen && !!this.items && (h("div", { key: '859448597077c571947d5039281817bf2fae684d', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: '4728d0688de5b7b858d08bf067c9c69b567ca99c' }, this.filteredItems.map((item, index) => (h("li", { class: {
                 'spw-search-field__option': true,
                 'spw-search-field__option--focused': index === this.focusedItemIndex,
-            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-tw-italic" }, " - ", item.category)))))), !this.filteredItems.length && h("p", { key: '2a50977cc568d215db13c1373ef559de9d11ce7b', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && this.viewAllResultsLink && (h("p", { key: '9b04dde9683c712de282c1a5587f0d6b20789f3e', class: "spw-search-field__view-all" }, h("a", { key: 'b10f4c85a782dca707cacdcd1ffb479a7b7da8b0', href: this.viewAllResultsLink }, this.viewAllResults, " ", h("spw-icon", { key: 'c538754b96e0a450272657b568ce00518783fe32', icon: "fa-arrow-right" }))))))));
+            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-tw-italic" }, " - ", item.category)))))), !this.filteredItems.length && h("p", { key: '03b4b80051cfd14873d55984c2a55425ce4d2a63', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && this.viewAllResultsLink && (h("p", { key: '97fb29cb2c3e1cf5d4718f346d0f968c6a8b79b9', class: "spw-search-field__view-all" }, h("a", { key: 'a5e160c9d39a64591a88aec80949fb0707b6e452', href: this.viewAllResultsLink }, this.viewAllResults, " ", h("spw-icon", { key: 'c7ce57e76ace475cdc8105286b1a636e80e547ad', icon: "fa-arrow-right" }))))))));
     }
     static get is() { return "spw-search-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-separator/spw-separator.js CHANGED Viewed

@@ -27,7 +27,7 @@ export class SpwSeparator {
         };
     }
     render() {
-        return h("div", { key: 'dacc3dd67829d0cc919ed7f816926474078881f2', class: this.elementClass, style: this.style });
+        return h("div", { key: 'abc93fde8bc2813c5046bb86caed653a2e5b62b8', class: this.elementClass, style: this.style });
     }
     static get is() { return "spw-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-dropdown/spw-sidebar-navigation-dropdown.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class SpwSidebarNavigationDropdown {
         };
     }
     render() {
-        return (h(Host, { key: '60ea00eb440f49db5d37b02f166854515b3cc226', class: this.classes }, h("div", { key: '915aa9133904ef1de831c221ed5fc1b2bc41bd55', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: '54cf39cb611d95f1227170c728cee4c364e3959c' }))));
+        return (h(Host, { key: 'b3824cbd067147a734dee5a9de3a008157373130', class: this.classes }, h("div", { key: 'd5c0b19742edda36c990567ec3334a9456b8ae0e', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: '2781a2daa9a6bd7c6f49bcf800ca083cc5dd3986' }))));
     }
     static get is() { return "spw-sidebar-navigation-dropdown"; }
     static get originalStyleUrls() {

package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.js CHANGED Viewed

@@ -169,14 +169,14 @@ export class SpwSidebarNavigationItem {
     }
     render() {
         const Tag = this.href && !this.disabled && !this.openOnClick ? 'a' : 'div';
-        const iconContent = h("spw-icon", { key: '484f11c94ae2fb3b905d6822d8cd11c9fad5c30d', variant: this.iconVariant, icon: this.icon });
-        const iconDiv = (h("div", { key: '40ad8f16f0cc5734af7d3643a5274d28d52b5dc1', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '2404d85d7d3f9af499f9a472674bb605f263ae1d', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
+        const iconContent = h("spw-icon", { key: 'd8660b068d366d3c171c7405de376ff6532f4934', variant: this.iconVariant, icon: this.icon });
+        const iconDiv = (h("div", { key: 'eacc1e0213984befea4237541efd32d67e9b8829', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '5fbbcd3deaefa3a8ac76c43e140fc23c636cf7bf', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
         const iconWithBubble = this.tooltipTitle ? (h("spw-tooltip", { cursor: this.disabled ? 'disabled' : 'pointer', "tooltip-title": this.tooltipTitle, direction: "right", visible: !this.navExpanded }, iconDiv)) : (iconDiv);
         const toggleClasses = {
             'spw-sidebar-navigation-item__dropdown-toggle': true,
             'spw-sidebar-navigation-item__dropdown-toggle--open': this.dropdownOpen,
         };
-        return (h(Tag, { key: '0cccdd9c997bf01fc4b7f8654ac8a50190f3f950', class: this.classes, href: this.openOnClick ? undefined : this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.openOnClick ? this.handleItemClick : undefined }, this.icon && iconWithBubble, h("div", { key: '65be9805c9a999dec79ef116e128ff6404f7e9cd', class: "spw-sidebar-navigation-item__content" }, h("div", { key: 'f258c6d7b11d0f1478e27bf52ce0e57284b2855d', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '3c7ac71214697632dd5eb155bd695c9bf5d33b76' })), this.hasDropdown && (h("div", { key: '0b5948f636331eceede69063b1ad8716ece239cf', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: '4439602be30c8e72a127111195a0ded84059f8ff', icon: "fa-chevron-down" }))), h("slot", { key: 'b18416a51a3f7632f50ab48e2e2d2dd3b1921f78', name: "dropdown" }))));
+        return (h(Tag, { key: 'dc3610edcb224a8675079c8e33ca44bcb1c20949', class: this.classes, href: this.openOnClick ? undefined : this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.openOnClick ? this.handleItemClick : undefined }, this.icon && iconWithBubble, h("div", { key: '606ad5486a183a0f99603267d6a9b7ce4b265bb1', class: "spw-sidebar-navigation-item__content" }, h("div", { key: 'c745ab3065336473419d8dc9d121044d283cbbd8', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: 'd99d9cb96b11fbb9e53c57d99b4132b0a42d06f7' })), this.hasDropdown && (h("div", { key: '993189145a5fe8cf24d364505a03cf9fd99bd5bf', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: '471b628b6bf5185a4c07dd71a21d2a71825876b9', icon: "fa-chevron-down" }))), h("slot", { key: '05ae5e93d17ce890f1686e59bb29699e1190f4af', name: "dropdown" }))));
     }
     static get is() { return "spw-sidebar-navigation-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-separator/spw-sidebar-navigation-separator.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class SpwSidebarNavigationSeparator {
     render() {
-        return (h(Host, { key: 'c130cab04e8709301e5af91d78dc5f1dd2ec6ab7' }, h("spw-separator", { key: '6b3aa9bff3c326cdbb40937598a4dcf12bb06914', class: "spw-sidebar-navigation-separator" })));
+        return (h(Host, { key: 'b8c46121044600145fa41d2f1526adc85b90dd88' }, h("spw-separator", { key: '78272759b35c700c3ac5f719116da5e8e79eba2e', class: "spw-sidebar-navigation-separator" })));
     }
     static get is() { return "spw-sidebar-navigation-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-sidebar/spw-sidebar.js CHANGED Viewed

@@ -58,7 +58,7 @@ export class SpwSidebar {
         };
     }
     render() {
-        return (h(Host, { key: '3371284d13f2e40956d245ee4110e23ca8e90118', class: this.hostClass }, h("div", { key: '5af808b8d6652cc56072b0ebbfa3f0283bb12c38', class: this.elementClass }, h("span", { key: '7c418d40e9466a4cc23b765c23e1e93c23e46cce', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '1510fcd03a879896e6ae28e36f2318a522088085', icon: "fa-chevron-right" })), h("div", { key: '9fa495a38cdd3bc224df057b32ef5e7534338291', class: "spw-sidebar__content" }, h("slot", { key: '794f5e877cd6bc241903aee9d01a38031b3cd32c', name: "navigation-top" }), h("slot", { key: '192f7c569d6f0b0b22d8433ab55bd7b9d9c053e8', name: "navigation-bottom" })), h("div", { key: '1e4a90f6486a597afb3e43c2e29ca1c8ce73e237', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
+        return (h(Host, { key: '6a36e5515697d8f0db6be0d0a840d510d48c3dc6', class: this.hostClass }, h("div", { key: '23c76ba8bf60d66c89f49ac88153504c2737ce26', class: this.elementClass }, h("span", { key: '36181eef66fa7dae3b6d0b69a24dad5b9529cd63', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: 'c887142d157ffa39bad0c5bd5a2a5de9690c79f0', icon: "fa-chevron-right" })), h("div", { key: 'a74b5e45cae516304ca53c9ae2e68bb9a9f41f4d', class: "spw-sidebar__content" }, h("slot", { key: 'd58118fbf397eb1de155d398b82676bf786baeb6', name: "navigation-top" }), h("slot", { key: 'b3d7a917a734e7c7b819377801f2825feae5547a', name: "navigation-bottom" })), h("div", { key: '3733fce299a30c6323effb28d0a52e940a69b60f', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
     }
     static get is() { return "spw-sidebar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-skeleton/spw-skeleton.js CHANGED Viewed

@@ -44,7 +44,7 @@ export class SpwSkeleton {
         }
     }
     render() {
-        return (h(Host, { key: '5d1660f3972dc08aa0b5a697e92a6ee5ba107663' }, h("div", { key: 'ab6d715f9d95f997380c4526de20c9dca54863c8', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: 'cef7494a6339c9ef42e17e0cc96d90aba0be7da4' }))));
+        return (h(Host, { key: 'e9e3258b2cd739d9c71d424f60f61e5df68c6098' }, h("div", { key: '36d713db82f5e7be369b2e5fff2672ac5eea186e', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: '6bc3c941e4dcbc17f91aebbbe556f9004a138548' }))));
     }
     static get is() { return "spw-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-slider/spw-slider-item/spw-slider-item.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class SpwSliderItem {
     render() {
-        return (h(Host, { key: 'fc19c059906dc91732601a6e9593988e03e38fac' }, h("div", { key: '48b388caefcfbe7dafc3bd8c59f4140e8e95aa05', class: "spw-slider-item" }, h("slot", { key: '9142654506f9b285f9c6db6da0edd13cefe1ae90' }))));
+        return (h(Host, { key: '3e828382f13a6d82e77f06a2a5fd6d50d6f9300c' }, h("div", { key: 'c222deed5fca407051952b0e0aaca9a0b3c62ae1', class: "spw-slider-item" }, h("slot", { key: '8ed25394ae88aca026cea87a85768419968e56c5' }))));
     }
     static get is() { return "spw-slider-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-slider/spw-slider.css CHANGED Viewed

@@ -1,2 +1,2 @@
- /*! 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-slider{min-height:100px;position:relative;transition:height .3s ease-in-out;width:100%}.spw-slider[style*="height: 0px"]{min-height:200px}.spw-slider__track{cursor:grab;height:100%;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.spw-slider__track:active{cursor:grabbing}.spw-slider__navigation{display:flex;justify-content:space-between;left:0;margin-left:-32px;padding:0 12px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(100% + 64px)}@media (min-width:1024px){.spw-slider__navigation{margin-left:0;width:100%}}.spw-slider__arrow{align-items:center;background-color:var(--spw-ds-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;pointer-events:all;transition:all .2s ease;width:40px}.spw-slider__arrow:hover:not(:disabled){transform:scale(.9)}.spw-slider__arrow:disabled{background-color:var(--spw-color-themes-grey-grey-300);box-shadow:var(--spw-effect-elevation-5);color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed}.spw-slider__arrow:focus-visible{outline:2px solid #000;outline-offset:2px}.spw-slider__dots{background:#fff;border-radius:999px;bottom:10px;box-shadow:var(--spw-effect-elevation-5);display:flex;gap:.5rem;left:50%;padding:8px;position:absolute;transform:translateX(-50%);z-index:10}.spw-slider__dot{background:var(--spw-color-themes-grey-grey-300);border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .2s ease;width:12px}.spw-slider__dot:hover{transform:scale(1.2)}.spw-slider__dot--active{background-color:var(--spw-ds-primary)}.spw-slider__dot:focus-visible{outline:2px solid #000;outline-offset:2px}.spw-slider__autoplay-toggle{margin-top:12px}
+ /*! 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-slider{min-height:100px;position:relative;transition:height .3s ease-in-out;width:100%}.spw-slider[style*="height: 0px"]{min-height:200px}.spw-slider--arrows-outside{padding:0 56px}.spw-slider__track{cursor:grab;height:100%;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.spw-slider__track:active{cursor:grabbing}.spw-slider__navigation{display:flex;justify-content:space-between;left:0;margin-left:-32px;padding:0 12px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(100% + 64px)}@media (min-width:1024px){.spw-slider__navigation{margin-left:0;width:100%}}.spw-slider--arrows-outside .spw-slider__navigation{margin-left:0;padding:0;width:100%}.spw-slider__arrow{align-items:center;background-color:var(--spw-ds-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;pointer-events:all;transition:all .2s ease;width:40px}.spw-slider__arrow:hover:not(:disabled){transform:scale(.9)}.spw-slider__arrow:disabled{background-color:var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed}.spw-slider__arrow:focus-visible{outline:2px solid #000;outline-offset:2px}.spw-slider__dots{background:#fff;border-radius:999px;bottom:10px;box-shadow:var(--spw-effect-elevation-5);display:flex;gap:.5rem;left:50%;padding:8px;position:absolute;transform:translateX(-50%);z-index:10}.spw-slider__dot{background:var(--spw-color-themes-grey-grey-300);border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .2s ease;width:12px}.spw-slider__dot:hover{transform:scale(1.2)}.spw-slider__dot--active{background-color:var(--spw-ds-primary)}.spw-slider__dot:focus-visible{outline:2px solid #000;outline-offset:2px}.spw-slider__autoplay-toggle{margin-top:12px}

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

@@ -13,6 +13,8 @@ export class SpwSlider {
         this.autoplayEnabled = false;
         /** Label du toggle de défilement automatique */
         this.autoplayText = 'Défilement automatique';
+        /** Position des flèches gauche/droite */
+        this.arrowsPosition = 'inside';
         /** Index de la slide active */
         this.activeIndex = 0;
         /** Nombre total de slides */
@@ -80,7 +82,6 @@ export class SpwSlider {
         }
         window.addEventListener('resize', this.handleResize);
         this.setupResizeObserver();
-        // Initialiser l'autoplay si activé
         this.isAutoplayActive = this.autoplayEnabled;
         if (this.isAutoplayActive) {
             this.startAutoplay();
@@ -297,11 +298,17 @@ export class SpwSlider {
             this.startAutoplay();
         }
     }
+    get elementClass() {
+        return {
+            'spw-slider': true,
+            [`spw-slider--arrows-${this.arrowsPosition}`]: true,
+        };
+    }
     render() {
-        return (h(Host, { key: '45015b2d5dcd0389865bf39cd1205784c66f6ba8' }, h("div", { key: '4dbfeb110b37682694b268c1212909169dce516e', class: "spw-slider", style: { height: `${this.currentHeight}px` } }, h("div", { key: '1594ed7a909e6f382a95f4f381f676b76411ab84', class: "spw-slider__track" }, h("slot", { key: '794bb2e2d138f2f0ca5a430e3e78d073a71c7f9e' })), this.showArrows && (h("div", { key: '7d8f0b338ca213877abbb42f4a03c3fc4b3e040f', class: "spw-slider__navigation" }, h("button", { key: 'cd832e0cd6deb0b92fd644db8b620c5b60ade505', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": "Slide pr\u00E9c\u00E9dente" }, h("spw-icon", { key: '3c1fbeabdd23bc7f20fc7521e6481cc8cea5e18d', icon: "fa-chevron-left" })), h("button", { key: '7bac2070b12a4d8dc7e62336a2126e3598183571', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": "Slide suivante" }, h("spw-icon", { key: '0dbc33a5f8c83c0853bfd2b0375b741bd5185652', icon: "fa-chevron-right" })))), this.showDots && this.totalSlides > 1 && (h("div", { key: 'c3689b5fdc12e40a0773a959ca93f95a6a1a1517', class: "spw-slider__dots" }, Array.from({ length: this.totalSlides }, (_, i) => (h("button", { class: {
+        return (h(Host, { key: '586954cbe7c2cbded7a5437f6e441b13e494d930' }, h("div", { key: 'fcad1522f02e12571ba3d5eebc3b8acd8a01307f', class: this.elementClass, style: { height: `${this.currentHeight}px` } }, h("div", { key: 'f01ed428e391a2a4fab0568569435944389c7901', class: "spw-slider__track" }, h("slot", { key: 'b6219f03dcfb26dbdfad33f577f03baa7408a167' })), this.showArrows && (h("div", { key: '2109675091d0318df475d97b35825e9a814aaec5', class: "spw-slider__navigation" }, h("button", { key: '783cebf155bab4315a9cb35b8685804879891344', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": "Slide pr\u00E9c\u00E9dente" }, h("spw-icon", { key: '5bf9acb48019f2a56b1bdb0093c14ee70cefa3f8', icon: "fa-chevron-left" })), h("button", { key: '2fd6272324b99ac7dc1cf669f6f64d31b810b36c', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": "Slide suivante" }, h("spw-icon", { key: 'c73c1fbac50d3a8a5b022c6e6945838ef5dc9059', icon: "fa-chevron-right" })))), this.showDots && this.totalSlides > 1 && (h("div", { key: 'f8dc60f8d5838a9c3f1d6b32081055f1603748f7', class: "spw-slider__dots" }, Array.from({ length: this.totalSlides }, (_, i) => (h("button", { class: {
                 'spw-slider__dot': true,
                 'spw-slider__dot--active': i === this.activeIndex,
-            }, onClick: () => this.handleDotClick(i), "aria-label": `Aller à la slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))))), this.showAutoplayToggle && (h("div", { key: 'a7b1c9029294e08c81523acebba8901b4847bed8', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: '96c23b22b591bf1b91ee404415465d70bd0e4cf4', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
+            }, onClick: () => this.handleDotClick(i), "aria-label": `Aller à la slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))))), this.showAutoplayToggle && (h("div", { key: '6bb686a6143897a3c322f8133c82d9aae0321511', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: '3f0965e9049cf526ecb71719f07af47c65f5f08e', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
     }
     static get is() { return "spw-slider"; }
     static get encapsulation() { return "shadow"; }
@@ -436,6 +443,26 @@ export class SpwSlider {
                 "attribute": "autoplay-text",
                 "reflect": false,
                 "defaultValue": "'D\u00E9filement automatique'"
+            },
+            "arrowsPosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'outside' | 'inside'",
+                    "resolved": "\"inside\" | \"outside\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Position des fl\u00E8ches gauche/droite"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "arrows-position",
+                "reflect": false,
+                "defaultValue": "'inside'"
             }
         };
     }