@spw-ds/spw-stencil-library 1.14.1 → 1.14.2

package/dist/cjs/spw-modal.cjs.entry.js

@@ -1,121 +1,9 @@
 'use strict';
 
 var index = require('./index-DuCXzb-X.js');
+var focusTrap = require('./focus-trap-CCFWfNJ1.js');
 var animation = require('./animation-tH5DQHbp.js');
 
-/**
- * Copy/pasted from https://github.com/andreasbm/focus-trap
- */
-/**
- * Traverses the slots of the open shadowroots and returns all children matching the query.
- * We need to traverse each child-depth one at a time because if an element should be skipped
- * (for example because it is hidden) we need to skip all of it's children. If we use querySelectorAll("*")
- * the information of whether the children is within a hidden parent is lost.
- * @param {ShadowRoot | HTMLElement} root
- * @param skipNode
- * @param isMatch
- * @param {number} maxDepth
- * @param {number} depth
- * @returns {HTMLElement[]}
- */
-function queryShadowRoot(root, skipNode, isMatch, maxDepth = 20, depth = 0) {
-    const matches = [];
-    // If the depth is above the max depth, abort the searching here.
-    if (depth >= maxDepth) {
-        return matches;
-    }
-    // Traverses a slot element
-    const traverseSlot = ($slot) => {
-        // Only check nodes that are of the type Node.ELEMENT_NODE
-        // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
-        const assignedNodes = $slot.assignedNodes().filter(node => node.nodeType === 1);
-        if (assignedNodes.length > 0) {
-            const $slotParent = assignedNodes[0].parentElement;
-            return queryShadowRoot($slotParent, skipNode, isMatch, maxDepth, depth + 1);
-        }
-        return [];
-    };
-    // Go through each child and continue the traversing if necessary
-    // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.
-    // Therefore we fallback to an empty array if it is undefined.
-    const children = Array.from(root.children || []);
-    for (const $child of children) {
-        // Check if the element and its descendants should be skipped
-        if (skipNode($child)) {
-            // console.log('-- SKIP', $child);
-            continue;
-        }
-        // console.log('$child', $child);
-        // If the element matches we always add it
-        if (isMatch($child)) {
-            matches.push($child);
-        }
-        if ($child.shadowRoot != null) {
-            // If the element has a shadow root we need to traverse it
-            matches.push(...queryShadowRoot($child.shadowRoot, skipNode, isMatch, maxDepth, depth + 1));
-        }
-        else if ($child.tagName === 'SLOT') {
-            // If the child is a slot we need to traverse each assigned node
-            matches.push(...traverseSlot($child));
-        }
-        else {
-            // Traverse the children of the element
-            matches.push(...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1));
-        }
-    }
-    return matches;
-}
-/**
- * Returns whether the element is hidden.
- * @param $elem
- */
-function isHidden($elem) {
-    return ($elem.hasAttribute('hidden') ||
-        ($elem.hasAttribute('aria-hidden') && $elem.getAttribute('aria-hidden') !== 'false') ||
-        // A quick and dirty way to check whether the element is hidden.
-        // For a more fine-grained check we could use "window.getComputedStyle" but we don't because of bad performance.
-        // If the element has visibility set to "hidden" or "collapse", display set to "none" or opacity set to "0" through CSS
-        // we won't be able to catch it here. We accept it due to the huge performance benefits.
-        $elem.style.display === `none` ||
-        $elem.style.opacity === `0` ||
-        $elem.style.visibility === `hidden` ||
-        $elem.style.visibility === `collapse`);
-    // If offsetParent is null we can assume that the element is hidden
-    // https://stackoverflow.com/questions/306305/what-would-make-offsetparent-null
-    // || $elem.offsetParent == null;
-}
-/**
- * Returns whether the element is disabled.
- * @param $elem
- */
-function isDisabled($elem) {
-    return $elem.hasAttribute('disabled') || ($elem.hasAttribute('aria-disabled') && $elem.getAttribute('aria-disabled') !== 'false');
-}
-/**
- * Determines whether an element is focusable.
- * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194
- * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable
- * @param $elem
- */
-function isFocusable($elem) {
-    // Discard elements that are removed from the tab order.
-    if ($elem.getAttribute('tabindex') === '-1' || isHidden($elem) || isDisabled($elem)) {
-        return false;
-    }
-    return (
-    // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists
-    $elem.hasAttribute('tabindex') ||
-        // Anchor tags or area tags with a href set
-        (($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) && $elem.hasAttribute('href')) ||
-        // Form elements which are not disabled
-        $elem instanceof HTMLButtonElement ||
-        $elem instanceof HTMLInputElement ||
-        $elem instanceof HTMLTextAreaElement ||
-        $elem instanceof HTMLSelectElement ||
-        // IFrames
-        $elem instanceof HTMLIFrameElement);
-}
-
 const spwModalCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}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:var(--spw-ds-font-main)}body{margin: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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[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{display:contents}.spw-modal{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;overflow-y:auto}.spw-modal::-webkit-scrollbar{width:14px;height:14px}.spw-modal::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal--opened{display:flex}.spw-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.7;z-index:0}.spw-modal__content-container{position:absolute;display:flex;justify-content:center;width:90%;background-color:#fff;box-shadow:var(--spw-effect-elevation-6);overflow:hidden;box-sizing:border-box;align-items:stretch;border-radius:var(--spw-spacings-border-radius-lg)}.spw-modal__content-container--small{max-width:480px}.spw-modal__content-container--medium{max-width:600px}.spw-modal__content-container--large{max-width:768px}.spw-modal__content-container--fluid{max-width:100%}.spw-modal__content{display:flex;flex-direction:column;border:1px solid var(--spw-color-themes-grey-grey-300);width:100%;max-height:90vh;overflow-y:auto}.spw-modal__content::-webkit-scrollbar{width:14px;height:14px}.spw-modal__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__content{overflow-y:visible}.spw-modal__icon-container{display:flex;align-items:center;justify-content:center;width:32px;background-color:#fff;align-self:stretch}.spw-modal__header{display:flex;justify-content:space-between;align-items:baseline;padding:24px;padding-bottom:0;margin-top:6px;gap:12px;flex-wrap:nowrap;margin-bottom:12px;box-sizing:border-box;border-radius:1px 1px 0px 0px;color:var(--spw-colors-support-grey-grey-900)}.spw-modal__title-container{display:flex;gap:8px}.spw-modal__alert-icon{flex-shrink:0;line-height:1.5}.spw-modal__caption{overflow:hidden;white-space:pre-wrap;word-wrap:break-word}.spw-modal__header h2{margin:0;font-size:18px;color:var(--spw-colors-support-grey-grey-900)}.spw-modal__header button{background:none;border:none;font-size:1.5em;padding:0;cursor:pointer}.spw-modal__close-button{cursor:pointer;z-index:999;font-size:14px;display:inline-flex;align-items:center;flex-wrap:nowrap;justify-content:center;background:white;padding:3px 6px;margin-bottom:1px}.spw-modal__close-button spw-link{--spw-link-color:var(--spw-colors-support-grey-grey-900);--spw-link-wrap:nowrap}.spw-modal__close-button--sticky{position:absolute;top:0;right:0;border-radius:0 0 0 4px;padding:8px;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);border-left:1px solid var(--spw-colors-support-grey-grey-300)}.spw-modal__close-button--sticky spw-link{font-size:14px}.spw-modal__body{padding:0 24px;margin-bottom:12px;box-sizing:border-box;flex:1;font-size:16px;color:var(--spw-colors-support-grey-grey-700)}.spw-modal--sticky-buttons .spw-modal__body{overflow-y:auto}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar{width:14px;height:14px}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__body{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal__buttons{padding-top:12px}.spw-modal__buttons ::slotted([slot=buttons]){padding:24px;padding-top:0}@media (min-width: 768px){.spw-modal__footer--buttons-present ::slotted(*){display:flex;justify-content:flex-end;gap:12px}}.spw-modal__footer--buttons-present ::slotted(*){padding:24px;padding-top:8px}.spw-modal__border{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.5em;flex-grow:1}`;
 
 const SpwModal = class {
@@ -198,7 +86,7 @@ const SpwModal = class {
         this.opened = true;
     }
     componentDidLoad() {
-        this.focusableElements = queryShadowRoot(this.hostElement.shadowRoot, el => isHidden(el) || el.matches('[data-focus-trap-edge]'), isFocusable);
+        this.focusableElements = focusTrap.queryShadowRoot(this.hostElement.shadowRoot, el => focusTrap.isHidden(el) || el.matches('[data-focus-trap-edge]'), focusTrap.isFocusable);
         window.addEventListener('click', this.handleClick, { capture: true });
         window.addEventListener('click', this.handleClose, { capture: true });
         window.addEventListener('keydown', this.handleKeypress);
@@ -292,13 +180,13 @@ const SpwModal = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '4eb87501a9a4cc098250700f58c027e3f3fc13c6' }, index.h("div", { key: '100bc778f67fca4ebc8ca8e1933033a362f94c24', ref: el => (this.modalContainer = el), class: this.elementClass }, index.h("div", { key: '56918adc60d5b97ffd43e66323a4fc28f72c6297', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), index.h("div", { key: '65612030c666acfaa5bafccff02b265e2df49408', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, index.h("div", { key: '51ce6d5e32a972e6c7c7ff95844c6aab0793a979', class: "spw-modal__content", ref: el => (this.modalContent = el), onScroll: this.handleContentScroll }, index.h("div", { key: '92deb26800d917a018012ae8dab17491fdfade57', class: "spw-modal__header" }, index.h("div", { key: 'a96de8538e42a2ef89c2669459a4921bb818ad03', class: "spw-modal__title-container" }, this.alertIcon && index.h("spw-icon", { key: '4328a281475bb9fb969234010872d83ad7c7db72', class: "spw-modal__alert-icon", icon: this.alertIcon }), index.h("h2", { key: '7c16016aaaced617feb2cbdddb225c0de07c9294', class: "spw-modal__caption" }, this.caption)), this.showCloseButton && (index.h("div", { key: '3cfd868ed08d69d6eacbc2e2908da0f1ae68236e', class: {
+        return (index.h(index.Host, { key: '5783546cabdc29859fc8857a8b6584307dea8034' }, index.h("div", { key: 'e049c201224981bd8ca6c0ea569ac366151a2069', ref: el => (this.modalContainer = el), class: this.elementClass }, index.h("div", { key: '8eeae2bb07aa4692af17f04ce6c2d853bca1eeb0', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), index.h("div", { key: '0b02ef0ce04c90102422107167bcdaef674a7da6', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, index.h("div", { key: '4c27d5849b164346edac080764e4b984f9f9d394', class: "spw-modal__content", ref: el => (this.modalContent = el), onScroll: this.handleContentScroll }, index.h("div", { key: 'e525b84075a0a44c33a1c31ede49ff987332f5b6', class: "spw-modal__header" }, index.h("div", { key: '239abf670b350d012deed52efb83e69f22ee6faa', class: "spw-modal__title-container" }, this.alertIcon && index.h("spw-icon", { key: '610be34361e6a313ed771adf6517fa7208b0cfb9', class: "spw-modal__alert-icon", icon: this.alertIcon }), index.h("h2", { key: 'fa6f9c9b3b1c01a3e75baf45337555347a8d1d18', class: "spw-modal__caption" }, this.caption)), this.showCloseButton && (index.h("div", { key: '3dcee8e7206b47acc0ff0b81ea89908bff451055', class: {
                 'spw-modal__close-button': true,
                 'spw-modal__close-button--sticky': this.isCloseButtonSticky,
-            }, ref: el => (this.closeButton = el), onClick: () => this.doBeforeClose('CLOSE_BUTTON') }, index.h("spw-link", { key: '36577f9858f3eaa116b41af3e2654b6a0d803fe5', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), index.h("div", { key: 'f1fae039840a285805410fee667a4e5c53d441ea', class: "spw-modal__body" }, index.h("slot", { key: '199cc1dfa3507fee34d5a86f90c35948ad656549', name: "content" })), index.h("div", { key: '83bfe6dfccb359f373c3e0b7080893a716eb6812', class: { 'spw-modal__buttons': true, 'spw-modal__footer--buttons-present': this.slotButtonsPresent } }, index.h("slot", { key: '7bc4e5745527068f0cc6eb2bfedc7440e99a0199', name: "buttons", onSlotchange: (e) => {
+            }, ref: el => (this.closeButton = el), onClick: () => this.doBeforeClose('CLOSE_BUTTON') }, index.h("spw-link", { key: '526f1492505ac141c11132670c35cd51e0f6d032', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), index.h("div", { key: '7f6f03207f61a7037093ba35f730c4cf125e29e3', class: "spw-modal__body" }, index.h("slot", { key: 'e6987b3bcd9c09f439d1221db2be0c7826fa71b9', name: "content" })), index.h("div", { key: 'f23b0b1e37232965601f9d24a5b470fa74ce657f', class: { 'spw-modal__buttons': true, 'spw-modal__footer--buttons-present': this.slotButtonsPresent } }, index.h("slot", { key: '30343011e92756c308f37580c01640438f925fe9', name: "buttons", onSlotchange: (e) => {
                 const slot = e.target;
                 this.slotButtonsPresent = slot.assignedNodes({ flatten: true }).length > 0;
-            } })))), index.h("div", { key: '57d4de3c3d2d5769b14388d16c30471091007af0', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
+            } })))), index.h("div", { key: 'de3f003aac5e85fcacb15f4a3c8976f776ca2bed', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/spw-mosaic-item.cjs.entry.js

@@ -51,7 +51,7 @@ const SpwMosaicItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '82c0e3a358daf0c96c0c4799fdf208e6e22e0e88' }, index.h("slot", { key: '5e094652b85b1fa2eddcf611b9e4fd74159fcbb3' })));
+        return (index.h(index.Host, { key: '55b1083355f85c70e914971056b34c62227bfac6' }, index.h("slot", { key: 'ef9b988e3690f3a0a05bac85bdab46fa1308d3a8' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/spw-mosaic.cjs.entry.js

@@ -2515,7 +2515,7 @@ const SpwMosaic = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'a2878c9196d2cb6eb75ac2b406a951c2eafb8f17' }, index.h("div", { key: 'b57c237e408c7b6c8d1759886d695bee866f19e1', class: this.elementClass }, index.h("slot", { key: '4bcadc41dd9e4d4319f284f627e803dae17b62ab' }))));
+        return (index.h(index.Host, { key: 'f991879356e9610ba95b0290caeebaeca3d14f54' }, index.h("div", { key: 'cb083ad301ece01030eec5222624076bb7ef0ee1', class: this.elementClass }, index.h("slot", { key: '1454049e238c902a3d87e766cc6002b5b47f8221' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/spw-pagination.cjs.entry.js

@@ -174,12 +174,12 @@ const SpwPagination = class {
         const pages = this.calculatePageRange();
         const showPrevArrow = this.currentPage > 1;
         const showNextArrow = this.currentPage < this.totalPages;
-        const prevArrow = showPrevArrow && (index.h("li", { key: 'dcd1498e29ee3fb0a7aacfcf837cf779941390c0', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, index.h("button", { key: 'b15634e85c1082de7220d634d703583cfe000cc0', onClick: () => this.goToPage(this.currentPage - 1) }, index.h("spw-icon", { key: 'e15c7fd09d198cced97501c8eeac814e6c72e45e', icon: "fa-chevron-left" }), " ", index.h("span", { key: '417047243b0821163a0e107fb5f810c60758a899', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
-        const nextArrow = showNextArrow && (index.h("li", { key: 'dfad6e553a19c22f6f7ecca0a0c0b41a190370a9', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, index.h("button", { key: '278d707a4394e2225cf6c9bf50ae1146b54914fd', onClick: () => this.goToPage(this.currentPage + 1) }, index.h("span", { key: '47b58d5f383d2aee5335ce3e3520593ae6b8fdc1', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", index.h("spw-icon", { key: 'aaeb333a63ce999845ff481283d65d359b498626', icon: "fa-chevron-right" }))));
-        const prevArrowMobile = this.currentPage > 1 && (index.h("li", { key: '67d470dd7ec978d778bf9501f7ff4f0d53e8fd74', class: "spw-pagination__item spw-pagination__item--arrow" }, index.h("button", { key: '1ef874caef38ad58bfef892f7ff3d3c6a92f1e13', onClick: () => this.goToPage(this.currentPage - 1) }, index.h("spw-icon", { key: '615092ac9a6fd45d24fba1625ff16f5ab83bcd08', icon: "fa-chevron-left" }), " ", index.h("span", { key: '68890a0dc95b5356e08002ecd2e8917f024ea2dd' }, this.previousButtonText))));
-        const nextArrowMobile = this.currentPage < this.totalPages && (index.h("li", { key: 'b3ec5c4edbbf33b3c3597e2e8269d390cdf13f3d', class: "spw-pagination__item spw-pagination__item--arrow" }, index.h("button", { key: '183cf1b1d5d6a92f7738674e3d2e9cb7f060af57', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, index.h("span", { key: '7dfbc497fa94d90984af376e5e20a46621ef4402' }, this.nextButtonText), " ", index.h("spw-icon", { key: '0aa1fef8996bf23df1eda494cb8f1d9ef6a857b9', icon: "fa-chevron-right" }))));
-        const mobileArrows = (index.h("ul", { key: 'bb0d46915afe5a30ed9751d858a7046a026d0ff4', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
-        return (index.h(index.Host, { key: '044cde627233453d74e4a55bfea69d8199513b72' }, index.h("div", { key: '7e49988f7e2331a3b986cb9644fb51b5e3e25997', class: this.getPaginationClass() }, this.variant === 'input' && (index.h(index.Fragment, { key: '721f2508e7980a7d017d57bd35571bea3d7e7478' }, index.h("ul", { key: 'ed8562aa281db341405e2d7a7374e1890e63ae16' }, prevArrow, index.h("li", { key: '0f0a0a41bc898e82c1293d59892a2278de1f3e2a', class: "spw-pagination__input" }, index.h("spw-text-field", { key: '09eb4b0c43e1bc8b0d598d5144bf8defcf772f4b', value: this.inputPageValue, type: "text", name: "pagination-input", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), index.h("li", { key: '638c548a6d33678719f9c9543eb3b99a9b52a7d9', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (index.h(index.Fragment, { key: 'a88d47012d933c68cb648223cf0e2de3e0b4b1e5' }, index.h("ul", { key: '88d35c75e74693c3cefc806a9592bbf96103add8' }, prevArrow, pages.map(({ page, class: pageClass }) => {
+        const prevArrow = showPrevArrow && (index.h("li", { key: '7c080edc2651b2e1132dd892f80fb35cdb51c545', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, index.h("button", { key: 'db86c90829af879f8b9159ff55385ea6113a87c9', onClick: () => this.goToPage(this.currentPage - 1) }, index.h("spw-icon", { key: 'd71519a4f9672e537a9d62bac9278af43c0d49fe', icon: "fa-chevron-left" }), " ", index.h("span", { key: 'edba6502243e49845c0f319017c5b7d61d2e2437', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
+        const nextArrow = showNextArrow && (index.h("li", { key: 'c8982972fcc18efb18dd6a051e0e33f08a640b5a', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, index.h("button", { key: 'b6d9958f459d5a3405da368453e3d5d4856dc745', onClick: () => this.goToPage(this.currentPage + 1) }, index.h("span", { key: 'c2b580079bd0ce4379566448e956c794d74700d8', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", index.h("spw-icon", { key: 'ad82aea1b9a5cd0c40f2328971d1aa614b7faf63', icon: "fa-chevron-right" }))));
+        const prevArrowMobile = this.currentPage > 1 && (index.h("li", { key: '45f13caaadd25e703ded72ef7035b83754efe1f1', class: "spw-pagination__item spw-pagination__item--arrow" }, index.h("button", { key: '352f7888ee3a2c69aa95563e0d70c6636e6cfec5', onClick: () => this.goToPage(this.currentPage - 1) }, index.h("spw-icon", { key: '6eca4cf9264abbcb954cf28f4bff7766accf0df9', icon: "fa-chevron-left" }), " ", index.h("span", { key: 'edbf625b0c1e2732608b6d93eefdf809daccb24a' }, this.previousButtonText))));
+        const nextArrowMobile = this.currentPage < this.totalPages && (index.h("li", { key: 'ebfd73bf701c7c5ce58df4371a6c4e587b53d6f9', class: "spw-pagination__item spw-pagination__item--arrow" }, index.h("button", { key: 'cf8af3ea6473b20c0f6222f574d0fce0acc0d68f', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, index.h("span", { key: '2416f4e8e5ca12cb7b4295f30263f44040ee7389' }, this.nextButtonText), " ", index.h("spw-icon", { key: 'a17f614b9de4b2ce9b5ee1acac8747b30c9f2a02', icon: "fa-chevron-right" }))));
+        const mobileArrows = (index.h("ul", { key: '53b411817dc5000fea5a169f12b5db019ce3b5c6', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
+        return (index.h(index.Host, { key: 'a36abcd917e0dca742c810ee6e933e187feb2d77' }, index.h("div", { key: '15a42490c86ff76815e56f73f5194debcc9310ee', class: this.getPaginationClass() }, this.variant === 'input' && (index.h(index.Fragment, { key: '829f3acd90f4695aabe00220790fb0a977db8827' }, index.h("ul", { key: '6afa448b159d362c2892f8f54fd492ce67898351' }, prevArrow, index.h("li", { key: '23c505dd82dbdbcea7e41defd23485e4c232092d', class: "spw-pagination__input" }, index.h("spw-text-field", { key: '856aa891aa67729ca0a3f0efe2b877eef363dae8', value: this.inputPageValue, type: "text", name: "pagination-input", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), index.h("li", { key: '396afb3c7d68b35aa205456a244a291e8e024846', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (index.h(index.Fragment, { key: 'faee677eee20adb4bc4798c73db2293d48c7fbde' }, index.h("ul", { key: 'fcf090ab6ef87c338177d5df8d57231e775d4f4f' }, prevArrow, pages.map(({ page, class: pageClass }) => {
             if (page === '...') {
                 return (index.h("li", { class: `spw-pagination__item spw-pagination__item--dots ${pageClass}` }, index.h("spw-icon", { icon: "fa-ellipsis" })));
             }

package/dist/cjs/spw-radio.cjs.entry.js

@@ -106,7 +106,7 @@ const SpwRadio = class {
     render() {
         const slot = this.el.innerHTML;
         const hasSlot = Boolean(slot);
-        return (index.h("div", { key: 'a781adf38f9770b007e32e827af954e56a30c7f2', class: "spw-radio" }, index.h("input", { key: '8a69300ce3b900c0ee7ea36253cf7ec816f70398', 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 && (index.h("label", { key: '8c06d8b2581204f2ddbdbd1440694052039498a0', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: e => this.handleRadio(e) }, index.h("slot", { key: '9434b6826bc54470f91e5529acf6150348b8b437' }))), index.h("div", { key: '34ce75e3e5ef4bfbc3893d77fa585ad952770275', 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 && index.h("span", { key: '16d4f2247dd961d5d9f5c9dfccc600dab309548d', class: "spw-radio__circle" }))));
+        return (index.h("div", { key: '24c8dbdadb1efe0ddc64aba7b888d99008c19abb', class: "spw-radio" }, index.h("input", { key: '0a09e781b7dc89b55f94b2bb5d3704fd9483afed', 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 && (index.h("label", { key: '0c35d4e3c411671d23640e6cedc475e06222a069', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: e => this.handleRadio(e) }, index.h("slot", { key: 'ea50f94b2c8d3bcd6adf1c592763155571771916' }))), index.h("div", { key: 'fb9dd0ed9aede5221d4ae9f00f6a19f1744c8ad0', 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 && index.h("span", { key: '0dd4595e7719b4f09b3db2c15add60ae602e744d', class: "spw-radio__circle" }))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/spw-scrolltop.cjs.entry.js

@@ -79,7 +79,7 @@ const SpwScrolltop = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'a9133326637d4aa8f58f2970407dbd59ea168791', class: this.hostClass }, index.h("spw-button", { key: '13f119dd0ae45ac9f50ec52020b4555405931fa4', "is-icon-only": true, icon: "fa-chevron-up", variant: "primary", size: "medium", "acc-aria-label": this.accAriaLabel, onClick: this.scrollToTop })));
+        return (index.h(index.Host, { key: '31d0e6b37e5ab82109cc6af85b6b433771e410ac', class: this.hostClass }, index.h("spw-button", { key: '9d7ae62aba325316f501e68062c5ad78f7eb42f1', "is-icon-only": true, icon: "fa-chevron-up", variant: "primary", size: "medium", "acc-aria-label": this.accAriaLabel, onClick: this.scrollToTop })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/spw-sidebar-navigation-dropdown.cjs.entry.js

@@ -17,7 +17,7 @@ const SpwSidebarNavigationDropdown = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '968a8719643921e9d8453b0d2fcdd87ea2c1e933', class: this.classes }, index.h("div", { key: '2ac5caa680ebd83fdc07f653d7fceb8b2a4a0d27', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, index.h("slot", { key: 'ee24630234c1e6af964b327951108bd2528e9033' }))));
+        return (index.h(index.Host, { key: '4cbc4e1327c6d5bd3384e0c1e0633323cb1bb5e3', class: this.classes }, index.h("div", { key: '9916cc219a96b22b41e98d54e6cf4960889145d6', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, index.h("slot", { key: '76c9ae274f1fc689d5ae3b350be900460626ce90' }))));
     }
 };
 SpwSidebarNavigationDropdown.style = spwSidebarNavigationDropdownCss();

package/dist/cjs/spw-sidebar-navigation-item.cjs.entry.js

@@ -175,14 +175,14 @@ const SpwSidebarNavigationItem = class {
     }
     render() {
         const Tag = this.href && !this.disabled && !this.openOnClick ? 'a' : 'div';
-        const iconContent = index.h("spw-icon", { key: '4700c5778d91fb367ffcf90c55b31d1eb78282e7', variant: this.iconVariant, icon: this.icon });
-        const iconDiv = (index.h("div", { key: '2406404742b25ff81bebd21d17e397b631ab950c', class: "spw-sidebar-navigation-item__icon" }, this.bubble && index.h("span", { key: '1cffd6dae86d4f0c2e0443a8b0dbd174ca657999', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
+        const iconContent = index.h("spw-icon", { key: '43b2300705244146b5062f5f366bebe6ed75215d', variant: this.iconVariant, icon: this.icon });
+        const iconDiv = (index.h("div", { key: 'efea63320a42642f1db50501b4f8b20407b84343', class: "spw-sidebar-navigation-item__icon" }, this.bubble && index.h("span", { key: '161ed795c3e9b02f872600a015722cd4a96348af', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
         const iconWithBubble = this.tooltipTitle ? (index.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 (index.h(Tag, { key: 'ccb7079d463215f671582dfe3f4d41acb2a53c84', 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, index.h("div", { key: '557a4716bddf11ddad7a738feeac2d2bbffad344', class: "spw-sidebar-navigation-item__content" }, index.h("div", { key: 'a7052155045a1d884b68bf8a83ab6387eef18c9d', class: "spw-sidebar-navigation-item__content-label" }, index.h("slot", { key: '51bb492ca65770f8ddb4232fdf640a0b813dee4b' })), this.hasDropdown && (index.h("div", { key: '519714001a45ccfdd55b074f34fb2540b214b358', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, index.h("spw-icon", { key: 'fec943dfcfcb4ec8047df513aae3e34a2b66db7e', icon: "fa-chevron-down" }))), index.h("slot", { key: '7f241804786a5a00dee11516dbee994779b05c4b', name: "dropdown" }))));
+        return (index.h(Tag, { key: '093c7175e86665f0abd9605b285457f781728ed4', 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, index.h("div", { key: '1ebefc0a2c2720a322ea4f17cef9d6ad57fb3b66', class: "spw-sidebar-navigation-item__content" }, index.h("div", { key: '3ef87e923450741e4de16b9dc0a86389d456d244', class: "spw-sidebar-navigation-item__content-label" }, index.h("slot", { key: '096cb57b80da603a60e7798c66e007c4519894e8' })), this.hasDropdown && (index.h("div", { key: 'a033beda58807382cacaa33263cbfa19cf1fdd0a', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, index.h("spw-icon", { key: '0caaf1e1e4bffef7d4ce33be187e002ff12cd740', icon: "fa-chevron-down" }))), index.h("slot", { key: '58fd1757d385d65e498e7db49788ad940e829b6f', name: "dropdown" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/spw-sidebar-navigation-separator.cjs.entry.js

@@ -9,7 +9,7 @@ const SpwSidebarNavigationSeparator = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'ca09de8816dc4027c434439fd3f1d1810c7b0e71' }, index.h("spw-separator", { key: 'f88b2223b3db5ce2a71ad12d5ce98460f115a60c', class: "spw-sidebar-navigation-separator" })));
+        return (index.h(index.Host, { key: '1dee77d87290b81ea779dca2e060efb4efded11a' }, index.h("spw-separator", { key: 'fd897f1dd7a98518dbee4a52c707e61ff19df33a', class: "spw-sidebar-navigation-separator" })));
     }
 };
 SpwSidebarNavigationSeparator.style = spwSidebarNavigationSeparatorCss();

package/dist/cjs/spw-sidebar.cjs.entry.js

@@ -82,7 +82,7 @@ const SpwSidebar = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '85674117e60989814f7d7a37f3dd3b904379d110', class: this.hostClass }, index.h("div", { key: 'a7dc79b161de709d47cda189859f6fbddf816035', class: this.elementClass }, index.h("span", { key: 'ee66487ae37380cc48444f049bd9aaef8c597928', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, index.h("spw-icon", { key: '479cf95d769990758fd766ebed32554863cf7508', icon: "fa-chevron-right" })), index.h("div", { key: '3d96559cf723cd903a77fb943ba58cca0036b96a', class: "spw-sidebar__content" }, index.h("slot", { key: '62d878e457b129647df984e5b960b9fd61a9b0fa', name: "navigation-top" }), index.h("slot", { key: 'fca6deed9ea823420628c03078e53b7cdd502e49', name: "navigation-bottom" })), index.h("div", { key: '67d0697a069f050892328f652b4e6930deb7a3fa', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
+        return (index.h(index.Host, { key: 'd87f6ec22d465997dd35de15bfb0adc33504aef4', class: this.hostClass }, index.h("div", { key: '0765e65090d0de00819654fe1213d0de75e3bb75', class: this.elementClass }, index.h("span", { key: '83f56223725927cdd54dfabcf1eb636d0ffe3dfe', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, index.h("spw-icon", { key: '8c4096b1ce4e7add4feed9655c3a54277e1ee290', icon: "fa-chevron-right" })), index.h("div", { key: 'f82ff2827e30660ef3fb7481c9b020521dc1a977', class: "spw-sidebar__content" }, index.h("slot", { key: '66124790e8cf3e5d85076d1fe2a11284377bf6df', name: "navigation-top" }), index.h("slot", { key: '441c78b2c9f239830a26c079d128644aebb324aa', name: "navigation-bottom" })), index.h("div", { key: '1d57ce13cbec20803e9f6020f5d539eb051694b9', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/spw-skeleton.cjs.entry.js

@@ -50,7 +50,7 @@ const SpwSkeleton = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f51453d4c09ee19f5b6d8d770fc106a37f4c7e90' }, index.h("div", { key: '5c1f100999ec9466dac114f16c23ec4d6e7eaadf', class: "spw-skeleton" }, this.renderVariant(), index.h("slot", { key: '5347334004f09f1584aa0384d3f65e1070e3c0c6' }))));
+        return (index.h(index.Host, { key: '1a2a7877bb1cf309a67fca6d11526e0389075422' }, index.h("div", { key: '7c7404e40acf179766654864d72f0fe7a9f46cae', class: "spw-skeleton" }, this.renderVariant(), index.h("slot", { key: 'd9d9c36e94781f8cf6d9d8378483a2ea298eeeb2' }))));
     }
 };
 SpwSkeleton.style = spwSkeletonCss();

package/dist/cjs/spw-slider-item.cjs.entry.js

@@ -9,7 +9,7 @@ const SpwSliderItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '3065e73cb4ab19f7680eefa90be5a880e3c10615' }, index.h("div", { key: '6cebacf00a6ea0f52a0cab1cfe42422ed37ab2e3', class: "spw-slider-item" }, index.h("slot", { key: '142200a3deb0169d888adb1e3e5c92a1fab07404' }))));
+        return (index.h(index.Host, { key: '0f7c7818721745b47c822cbb24705f76ead32aa7' }, index.h("div", { key: '3ed08a7273dd60661495ff4ee49a8216c220e45f', class: "spw-slider-item" }, index.h("slot", { key: '9e92c52ae08e0f7ca7aaa8aa4c597bc195254199' }))));
     }
 };
 SpwSliderItem.style = spwSliderItemCss();

package/dist/cjs/spw-slider.cjs.entry.js

@@ -403,7 +403,7 @@ const SpwSlider = class {
             }, onClick: () => this.handleDotClick(i), "aria-label": `Slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))));
     }
     render() {
-        return (index.h(index.Host, { key: '67c85fed7cc665da3cfa60082b5ac76b1f679c0d' }, index.h("div", { key: '1090245b2710939eb572d26c1ed23ade12c416e9', class: this.elementClass, style: { height: `${this.currentHeight}px` }, tabindex: "0", role: "region", "aria-label": this.accAriaLabel }, index.h("div", { key: 'e810a8fe4154b2f793041cae72f889a001988b84', class: "spw-slider__track" }, index.h("slot", { key: '440367be7154291d1d18465fab6dedbd79271792' })), this.showArrows && (index.h("div", { key: '7e8da39ecafddd9e3967d7a15e9d1838bbb51074', class: "spw-slider__navigation" }, index.h("button", { key: '48a77dde510252161146311dbd7ee8d75f39abfa', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, index.h("spw-icon", { key: 'e8d9234727245e28a6d12d1914420cac33689edf', icon: "fa-chevron-left" })), index.h("button", { key: '66dd413bb8817caba03b3ca6af41c896459a91cf', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": this.nextSlideText }, index.h("spw-icon", { key: '8f545069639f403f8b4ef7843bf10d9d102609a1', icon: "fa-chevron-right" })))), this.dotsPosition === 'inside' && this.renderDots()), this.dotsPosition === 'outside' && (index.h("div", { key: '95bc58b0e2de1dc60a1e8f5036b8aec4eaebf9b6', class: "spw-slider__dots-container" }, this.renderDots())), this.showAutoplayToggle && (index.h("div", { key: 'e6e919ce3bbad911c74914bd19b3e920c028c4f9', class: "spw-slider__autoplay-toggle" }, index.h("spw-checkbox", { key: 'c8583e3b3a2b47e9ce67c7d6aa448b54dea0a3ec', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
+        return (index.h(index.Host, { key: '7897837c134b8f98ea27dd447167481708715fb0' }, index.h("div", { key: 'f1fb3b58fd32a7a2e1ae77ed1c847fc365ecf6dc', class: this.elementClass, style: { height: `${this.currentHeight}px` }, tabindex: "0", role: "region", "aria-label": this.accAriaLabel }, index.h("div", { key: '777906f1a319d4bb69711ba7a44fd8e45c943b21', class: "spw-slider__track" }, index.h("slot", { key: '13aa07308b2b5c457221bcd82e52ddf504dc5243' })), this.showArrows && (index.h("div", { key: '6a2af8736b4615f77c03afd40f0fede8e3a5c34f', class: "spw-slider__navigation" }, index.h("button", { key: '955414b6743f8f6bb8154a247c46a4c18dbd9af5', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, index.h("spw-icon", { key: '6b436e85f9fa920c5f7479847a62160c42917d91', icon: "fa-chevron-left" })), index.h("button", { key: 'd3a40debdc99cd3be3e7bb1f8abf28a57980045b', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": this.nextSlideText }, index.h("spw-icon", { key: 'f3f8db7422cb0902c99284847578e2c948b95000', icon: "fa-chevron-right" })))), this.dotsPosition === 'inside' && this.renderDots()), this.dotsPosition === 'outside' && (index.h("div", { key: '8dad22cfd3cef464edb4b5ceabe6c0325cf8dfbc', class: "spw-slider__dots-container" }, this.renderDots())), this.showAutoplayToggle && (index.h("div", { key: '26fb5747ea22dfcaff2939a9bb83eb7781038e08', class: "spw-slider__autoplay-toggle" }, index.h("spw-checkbox", { key: 'b9c2da9efe236e91d21bfe5560f0a234e19d3e12', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/spw-socials.cjs.entry.js

@@ -11,7 +11,7 @@ const SpwSocials = class {
         this.mainTitle = 'Restez connecté';
     }
     render() {
-        return (index.h(index.Host, { key: 'db6717f3f956e096ee63cd2664eb6b2421c295d1' }, index.h("div", { key: '4154f8ff374bb0eb88cc44a5537cf1199c14f10f', class: "spw-socials" }, index.h("div", { key: '3c22a4c8b30f15ad6cd14737b538a5430c0babeb', class: "spw-ds-container" }, index.h("h2", { key: 'f2d034530d90defe469185883d98c3a1ed8c364b', class: "spw-socials__title" }, this.mainTitle), index.h("div", { key: 'e569038b22f69448199c67aca4a8eb8844f5574c', class: "spw-socials__content" }, index.h("slot", { key: '930e33211f97eea0fee624d1bff512f7e24a4366' }))))));
+        return (index.h(index.Host, { key: '42a401b318d637206216eec160510f4f0d137a61' }, index.h("div", { key: '0cc6c951082dc0de79033477ea006d798a92c401', class: "spw-socials" }, index.h("div", { key: '75696061e48dda7ca881f710f73403da6f36577b', class: "spw-ds-container" }, index.h("h2", { key: '4268a916d43d9c0dc2f049e7d76ba3d35553402e', class: "spw-socials__title" }, this.mainTitle), index.h("div", { key: '100dd74340ecb6d20ee4edf114df6c9267b652ca', class: "spw-socials__content" }, index.h("slot", { key: 'a6c5f6856bf4d6083e861a431d994d7e3569316d' }))))));
     }
 };
 SpwSocials.style = spwSocialsCss();