@spw-ds/spw-stencil-library 1.7.0 → 1.8.0

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

@@ -159,7 +159,7 @@ export class SpwModal {
         };
     }
     render() {
-        return (h(Host, { key: '1873c1910bec183b6c69ce7c4914311df0794b17' }, h("div", { key: '828f27c7a3b9a526dd070d752c775119306662dd', ref: el => (this.modalContainer = el), class: this.elementClass }, h("div", { key: '8cea3e9d7fc857c3b29cd44a9abeb0b93949fe9d', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: 'd166cb6f09882a4017dfcd610d1c0d774388c481', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabindex: "0" }), h("div", { key: '0e12dd2ea21f94dd9d9daaed6a65c774f239b4ea', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: 'c83630a759c83e69939ff83b9a6bf3349e1705c4', class: "spw-modal__content" }, h("div", { key: '699876b639362b525ef14820731350aae27a51dc', class: "spw-modal__header" }, h("h2", { key: 'fdd8bfb4e7df6305c6f1d23b14019a3052666065', class: "spw-modal__caption" }, this.caption), this.showCloseButton && (h("spw-icon", { key: '9bd5910c7827edbe5618c723639da6cb8f176594', class: "spw-modal__close-button", ref: el => (this.closeButton = el), icon: "fa-xmark", onClick: () => this.doBeforeClose('CLOSE_BUTTON') }))), h("div", { key: '018f31e36349268de3bb1fc3b1a6daf006eb5ce7', class: "spw-modal__body" }, h("slot", { key: '87943d6253fdc60d19a8d08acd50c6fc39dea747', name: "content" })), h("div", { key: '5155c106299a4e45162f45f739c4249e23f92e85', class: "spw-modal__buttons" }, h("slot", { key: '041c2b6cdbb7eadc3d6df50f1c7be1d69a79280b', name: "buttons" })))), h("div", { key: 'ade48e220c1d277e6808c1696fa5db129f592c99', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
+        return (h(Host, { key: '2c6c12d99f2c2c4000c586ebc4a1b20b1eb9c885' }, h("div", { key: 'f468b9ac24e2546c79a841e42c4c0cc47f9691c5', ref: el => (this.modalContainer = el), class: this.elementClass }, h("div", { key: '1b29e7abe144ada0f898792ca39f9b9804ebfb09', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: 'b23d411215ab12bb449777813b490c3233663d79', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabindex: "0" }), h("div", { key: '6b7a15bcfe06b7eb38dbaa0822353f725e0f4e06', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: '2b4f9350f98a92f6572f97614d4e1c29b5802d5d', class: "spw-modal__content" }, h("div", { key: 'ac35e915f853c9113bb945e02af8247820894d27', class: "spw-modal__header" }, h("h2", { key: '5e9aa7baab910b7c36b5d4f0d339886f0813381b', class: "spw-modal__caption" }, this.caption), this.showCloseButton && (h("spw-icon", { key: '2e1881f6543a7612aa553d0d2c0bac8d1d03f29e', class: "spw-modal__close-button", ref: el => (this.closeButton = el), icon: "fa-xmark", onClick: () => this.doBeforeClose('CLOSE_BUTTON') }))), h("div", { key: '999c28f50a9ca637501c38c490db529c11ec70e3', class: "spw-modal__body" }, h("slot", { key: '6224c4348234805a523b57500731dbf35d377b17', name: "content" })), h("div", { key: 'cdb74f052deb2bc3d4465f77490991518147bbe4', class: "spw-modal__buttons" }, h("slot", { key: 'dbf9d8019adae61dbf173ac6657986f1e27e6e03', name: "buttons" })))), h("div", { key: 'e8c49c8989e4fcd308a4a4ec4143997a23a8053b', "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

@@ -45,7 +45,7 @@ export class SpwMosaicItem {
         }
     }
     render() {
-        return (h(Host, { key: 'b0691d15009861e65de8d87f02e6706836de3ce3' }, h("slot", { key: '507d5661be26e9e52b30864bcfa4b8df33718f20' })));
+        return (h(Host, { key: '1401539d9e4eac13410e48f9bf980defeedc4946' }, h("slot", { key: 'c2b4727ec4e2e6576fa4e8b7e871e1302960c551' })));
     }
     static get is() { return "spw-mosaic-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -134,7 +134,7 @@ export class SpwMosaic {
         };
     }
     render() {
-        return (h(Host, { key: '7068d63913bfe6ccac9de5f757e821e137a78007' }, h("div", { key: '03e2abd4b29ff997b27f5d3f9a9e4d4778d71085', class: this.elementClass }, h("slot", { key: 'd883222a0411841417de5a51df450b99c6f25765' }))));
+        return (h(Host, { key: '2c40859c4f868569eacfc0ec03ed813667234cdc' }, h("div", { key: '98bb2e0f9559c6e13ab91f1c2c4152a1a1e879d6', class: this.elementClass }, h("slot", { key: 'fb1640741e4b0cf0726919155c2c8f0121e32121' }))));
     }
     static get is() { return "spw-mosaic"; }
     static get encapsulation() { return "shadow"; }

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

@@ -167,12 +167,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: '15a7fec031839972de7ffe9faafde97c71efb9ef', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '169ae821ee649471bbf542e792337631b21cb243', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: 'cb9e58bd7013a75951ff32c0ae665d58ac4e83df', icon: "fa-chevron-left" }), " ", h("span", { key: 'da027b973b9431e7dbd256da15b61015dd670e1b', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
-        const nextArrow = showNextArrow && (h("li", { key: '28fcdb440c500d9a76162f8cead71b94a576cccc', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: 'fcc8a08489d93d2a23bf8373806c3d340eee0145', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: '17275e03d29a37939adb7df4ed118adc9382f4ed', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", h("spw-icon", { key: '34341e70c3a0877d163c1987931b0005b51043e6', icon: "fa-chevron-right" }))));
-        const prevArrowMobile = this.currentPage > 1 && (h("li", { key: 'e610dd895a42a99b32c57c22666123675b118a14', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '1403d7f97cb221bdb5346ee28aef68109c6f6162', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '89ea543f2d941b9a750ecad79b59a3f47fc1d1df', icon: "fa-chevron-left" }), " ", h("span", { key: 'aa9141bf2153a9aac0a40acd63cbce722e8e56fd' }, this.previousButtonText))));
-        const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: '185645c9db72350c2a1562d29ebfc4f6a0ced68f', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '2041d75ca162c2a63ba279eae2755724b5fea13e', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: '388b08dd32f390faef7b35c16cd22e9d17bbe59a' }, this.nextButtonText), " ", h("spw-icon", { key: '3430bfae2a74cf03df5c7648e65d41307059bf74', icon: "fa-chevron-right" }))));
-        const mobileArrows = (h("ul", { key: 'f11c43bf5a41aadbc187485ecbed07731401305a', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
-        return (h(Host, { key: '14096f44aca8252aac68675487bae359c3100793' }, h("div", { key: '4fc33162b4f60708a9e36c85538b5d6ab9475664', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: '42e3dd5daef5ad2974a2de91d1061503ad2f783f' }, h("ul", { key: '592005c90c3d5d3fa91dc0fd6c6ba5d0e34c4f78' }, prevArrow, h("li", { key: '4dd2f65a27ff1258f34e62129ebe4a59a7e65c85', class: "spw-pagination__input" }, h("spw-text-field", { key: '37fae6f31a013ae1731f1a83c33df7708c4b892d', value: this.inputPageValue, type: "text", name: "pagination-input", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), h("li", { key: 'e70093af7adb3b92690b9d18743531fb639ffa83', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: '4864fec1ae6718a10d821815ad12087f46153aa9' }, h("ul", { key: 'b2cde271b2c01d70f5a3e95402612de615a4f33c' }, prevArrow, pages.map(({ page, class: pageClass }) => {
+        const prevArrow = showPrevArrow && (h("li", { key: 'add27c9046e335bcddde182165c157aa79cf7858', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '914b5561a9aecaee86fee7f0ede461426804ce05', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '26bc6f7c1ab57aa3eb40c4584a50144b4e8e4986', icon: "fa-chevron-left" }), " ", h("span", { key: 'c64e65f73ac5c301e9cc9ac7869bd5274920f4d2', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
+        const nextArrow = showNextArrow && (h("li", { key: '948ee7badfc7284fa8b508ea1e1812a05c4f0af2', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: 'fc86a790c539185bc5760a35e8a638476c6ea029', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: '4c9a1778953d7611237fb5636c331c3e52299b7f', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", h("spw-icon", { key: '987987e52c16aa65550b510425d9402007ed883f', icon: "fa-chevron-right" }))));
+        const prevArrowMobile = this.currentPage > 1 && (h("li", { key: 'a0d740fff9d64d565cc33172a07d803b16101ca0', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '32e4600db449473164eee865d0e2b374465a35c7', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '53f4561c35169e41b4354e07480d55daba8c6428', icon: "fa-chevron-left" }), " ", h("span", { key: 'd0db92e3648051ea9f4ff6c3c2a54048ded90643' }, this.previousButtonText))));
+        const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: '6a08d6a92defcaca4cd7755440834a884a9a01dd', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '168f57ba49e62e1a68f6004709c487b1c15f9ed6', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: 'af8f13ec3654baac84fd5641561e138f224a313e' }, this.nextButtonText), " ", h("spw-icon", { key: '21c20dc7fcb6854c1d2c024bca13195556282425', icon: "fa-chevron-right" }))));
+        const mobileArrows = (h("ul", { key: '48636f74b8846c84f121254c1d95e6a539f691f2', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
+        return (h(Host, { key: '9e14c0071f6bd6fc5c59816920ba1bcf0dbc9e11' }, h("div", { key: 'c32f6351a6e29648063aa7bdbb79a5e3576a0610', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: '095e4cc06086f1adc5e934d2921e0d9ab01ab8ca' }, h("ul", { key: 'ccd5d38f59eecb2ec2a4640a91d88030e12cf1cc' }, prevArrow, h("li", { key: '75d24d337c5a5bd633ccbe3fcdf921fac759270c', class: "spw-pagination__input" }, h("spw-text-field", { key: '89634a550acf9cdeeee0584d17c53313a03096fb', value: this.inputPageValue, type: "text", name: "pagination-input", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), h("li", { key: '03479858843e848ba7e1e1114551a2331e0d7fd2', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: 'f5c594e980ceddc1ed0c7745502ca6a41c7c2f5b' }, h("ul", { key: 'b539a4e139229896e89c6a0c2ee2d5c2a5e90cc6' }, 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" })));
             }

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

@@ -92,7 +92,7 @@ export class SpwRadio {
     render() {
         const slot = this.el.innerHTML;
         const hasSlot = Boolean(slot);
-        return (h("div", { key: 'f7bce124511c287dd49055e99f76921269e36ba7', class: "spw-radio" }, h("input", { key: 'ebd1a827ec778bb0c6d40e9020f235a0631a269b', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, "aria-checked": this.internalChecked ? 'true' : 'false', onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: 'ebb0324fa8510d146a299e372b7084958fe2ace1', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: e => this.handleRadio(e) }, h("slot", { key: 'a21333272c44666255df6eb1880fcb725c48a2b6' }))), h("div", { key: '50b9689b619a613cb117085543fbd0c315fd6f99', tabIndex: this.disabled ? -1 : 0, onClick: e => this.handleRadio(e), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled, "aria-label": this.accAriaLabel || this.name, class: this.elementClass }, this.internalChecked && h("span", { key: 'ea219a42e750d5dff8396d790560d3f564e0b5ac', class: "spw-radio__circle" }))));
+        return (h("div", { key: '26cf12c17a31cb4c1ed96c0ca0671f6681714677', class: "spw-radio" }, h("input", { key: 'c2b5efafcc2b8ff49fe0496eeda221ca25d05793', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, "aria-checked": this.internalChecked ? 'true' : 'false', onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: 'd2b00504a711e2a8262517407909632979a2463a', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: e => this.handleRadio(e) }, h("slot", { key: 'c9677010511579850460cf7430089ac2490b9d15' }))), h("div", { key: 'f2d0ceca7d3c696f288314f8feb92e4b425dc5e0', tabIndex: this.disabled ? -1 : 0, onClick: e => this.handleRadio(e), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled, "aria-label": this.accAriaLabel || this.name, class: this.elementClass }, this.internalChecked && h("span", { key: '6853a3c56870c0f04508e829dd5ccbdfda146dde', class: "spw-radio__circle" }))));
     }
     static get is() { return "spw-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-scrolltop/spw-scrolltop.css

@@ -0,0 +1,401 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+/* Document
+   ========================================================================== */
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+html {
+  line-height: 1.3; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li {
+  padding: 0;
+  margin: 0;
+}
+
+ul {
+  list-style: none;
+}
+
+:host {
+  box-sizing: border-box;
+  line-height: 1.3;
+  -webkit-text-size-adjust: 100%;
+  font-size: 100%;
+}
+
+:host *,
+:host *::before,
+:host *::after {
+  box-sizing: inherit;
+  font-family: "Nunito Sans";
+}
+
+/* Sections
+   ========================================================================== */
+/**
+ * Remove the margin in all browsers.
+ */
+body {
+  margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+button,
+input {
+  /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+button,
+select {
+  /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner,
+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+button:-moz-focusring,
+[type=button]:-moz-focusring,
+[type=reset]:-moz-focusring,
+[type=submit]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+[type=checkbox],
+[type=radio] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type=search] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+[type=search]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+/**
+ * Add the correct display in IE 10+.
+ */
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+[hidden] {
+  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 {
+  width: 100%;
+  padding-left: 16px;
+  padding-right: 16px;
+  margin-left: auto;
+  margin-right: auto;
+}
+@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 {
+  position: fixed;
+  bottom: 24px;
+  right: 24px;
+  z-index: 1000;
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(16px);
+  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out;
+  pointer-events: none;
+}
+
+:host(.spw-scrolltop--visible) {
+  opacity: 1;
+  visibility: visible;
+  transform: translateY(0);
+  pointer-events: auto;
+}
+
+@media (max-width: 767px) {
+  :host(.spw-scrolltop--hide-mobile) {
+    display: none;
+  }
+}

package/dist/collection/components/spw-scrolltop/spw-scrolltop.js

@@ -0,0 +1,180 @@
+import { h, Host } from "@stencil/core";
+export class SpwScrolltop {
+    constructor() {
+        /** Seuil de scroll en px avant d'afficher le bouton */
+        this.threshold = 300;
+        /** Si true, masque le bouton en mobile */
+        this.hideOnMobile = false;
+        /** Remplit l'attribut aria-label, utilisé à des fins d'accessibilité */
+        this.accAriaLabel = 'Retour en haut de page';
+        /** Si true, utilise window comme contexte de scroll (sinon détecte le parent scrollable) */
+        this.useWindow = true;
+        /** État interne pour suivre la visibilité du bouton */
+        this.isVisible = false;
+        this.scrollContainer = null;
+        this.handleScroll = () => {
+            this.isVisible = this.getScrollTop() > this.threshold;
+        };
+        this.scrollToTop = () => {
+            if (this.scrollContainer === window) {
+                window.scrollTo({
+                    top: 0,
+                    behavior: 'smooth',
+                });
+            }
+            else {
+                this.scrollContainer.scrollTo({
+                    top: 0,
+                    behavior: 'smooth',
+                });
+            }
+        };
+    }
+    getScrollableParent(element) {
+        let parent = element.parentElement;
+        while (parent) {
+            const style = getComputedStyle(parent);
+            const overflowY = style.overflowY;
+            const isScrollable = overflowY === 'auto' || overflowY === 'scroll';
+            if (isScrollable && parent.scrollHeight > parent.clientHeight) {
+                return parent;
+            }
+            parent = parent.parentElement;
+        }
+        return null;
+    }
+    getScrollTop() {
+        if (this.scrollContainer === window) {
+            return window.scrollY;
+        }
+        return this.scrollContainer.scrollTop;
+    }
+    connectedCallback() {
+        requestAnimationFrame(() => {
+            if (this.useWindow) {
+                this.scrollContainer = window;
+            }
+            else {
+                this.scrollContainer = this.getScrollableParent(this.el) || window;
+            }
+            this.scrollContainer.addEventListener('scroll', this.handleScroll, { passive: true });
+            this.handleScroll();
+        });
+    }
+    disconnectedCallback() {
+        if (this.scrollContainer) {
+            this.scrollContainer.removeEventListener('scroll', this.handleScroll);
+        }
+    }
+    get hostClass() {
+        return {
+            'spw-scrolltop--visible': this.isVisible,
+            'spw-scrolltop--hide-mobile': this.hideOnMobile,
+        };
+    }
+    render() {
+        return (h(Host, { key: '0890efb2f22b828e04735c2776eab6c6c3bfbb18', class: this.hostClass }, h("spw-button", { key: '8fd066e1af2b8d4ebb0fb7a3f094c9b040a1e79e', "is-icon-only": true, icon: "fa-chevron-up", variant: "primary", size: "medium", "acc-aria-label": this.accAriaLabel, onClick: this.scrollToTop })));
+    }
+    static get is() { return "spw-scrolltop"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["spw-scrolltop.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spw-scrolltop.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "threshold": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Seuil de scroll en px avant d'afficher le bouton"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "threshold",
+                "defaultValue": "300"
+            },
+            "hideOnMobile": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Si true, masque le bouton en mobile"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hide-on-mobile",
+                "defaultValue": "false"
+            },
+            "accAriaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Remplit l'attribut aria-label, utilis\u00E9 \u00E0 des fins d'accessibilit\u00E9"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "acc-aria-label",
+                "defaultValue": "'Retour en haut de page'"
+            },
+            "useWindow": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Si true, utilise window comme contexte de scroll (sinon d\u00E9tecte le parent scrollable)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "use-window",
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isVisible": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+}

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

@@ -230,10 +230,10 @@ export class SpwSearchField {
         };
     }
     render() {
-        return (h("div", { key: 'f6a6f24c3984d74447e628ecc1bed6c6276aa85f', ref: el => (this.hostElement = el), class: this.elementClass }, h("spw-text-field", { key: '2c78e0fc1f147db50e57471b8b7809604130ecf4', 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, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor, onValueChanged: this.handleValueChanged, onKeyDown: event => this.handleKeyDown(event) }), this.hasSubmitButton && h("button", { key: '1d80c4fe31c4edd477a8a4d40053c9eab9c444fc', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" }), this.isOpen && !!this.items && (h("div", { key: '164728053b896309103f88c4e4aa164672ac2043', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: '62881267aec8e7d2a95e116cb6c73839e2cb0038' }, this.filteredItems.map((item, index) => (h("li", { class: {
+        return (h("div", { key: 'a10f3fe0be859e0f5c07a3cb996c1c2130dcb35a', ref: el => (this.hostElement = el), class: this.elementClass }, h("spw-text-field", { key: '02fdbd99bc9793d47881c28629e42957ac7cb3a1', 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, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor, onValueChanged: this.handleValueChanged, onKeyDown: event => this.handleKeyDown(event) }), this.hasSubmitButton && h("button", { key: '36ad3fa5fe544aea001b340587f6b728eb264eac', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" }), this.isOpen && !!this.items && (h("div", { key: '5f934ff945be432ce0b6998bb5f5371ff765361c', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: '60b99c03a3b0a3aa75821022450c9367e8c5bfd2' }, 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-search-field__category" }, " - ", item.category)))))), this.isLoading && (h("p", { key: '62b586807ec670630d389e61eb4513b2e6016537', class: "spw-search-field__loading" }, h("spw-loading", { key: 'bc7e79a271c1c1095979dc492e1dab035a6dc625', text: this.loadingText }))), !this.isLoading && !this.filteredItems.length && h("p", { key: '4663245862655e0a52641c992112c082de16fd82', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && this.viewAllResultsLink && (h("p", { key: '49178089f02ee74c98453757888f4db8f9835b26', class: "spw-search-field__view-all" }, h("a", { key: '5c4c922e372cfbba6dea8b9c6983221dfed3369f', href: this.viewAllResultsLink }, this.viewAllResults, " ", h("spw-icon", { key: '1f3219e1b7b4273c7af882c83f4edfb028f48c91', icon: "fa-arrow-right" }))))))));
+            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-search-field__category" }, " - ", item.category)))))), this.isLoading && (h("p", { key: '51591023d434633e7b03ba774d0ca5883cdbf4b6', class: "spw-search-field__loading" }, h("spw-loading", { key: 'ef7505c54096507e6b6e674af546aa45782e25c7', text: this.loadingText }))), !this.isLoading && !this.filteredItems.length && h("p", { key: '0beb82680290a81da662c1ec25677df6cff53315', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && this.viewAllResultsLink && (h("p", { key: '6c0183814b9e9b3f6668d717d24d92daf92a2b26', class: "spw-search-field__view-all" }, h("a", { key: '20f24ee9c16e617878bab8e58aecede69c89b6d9', href: this.viewAllResultsLink }, this.viewAllResults, " ", h("spw-icon", { key: '4282cc27ea9ee5aebffe47f1597202cacc2d9ce1', icon: "fa-arrow-right" }))))))));
     }
     static get is() { return "spw-search-field"; }
     static get encapsulation() { return "shadow"; }