npm - @spw-ds/spw-stencil-library - Versions diffs - 1.9.0 → 1.10.0 - Mend

@spw-ds/spw-stencil-library 1.9.0 → 1.10.0

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

package/dist/cjs/spw-custom-select.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwCustomSelectCss = () => `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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:block}.spw-custom-select{position:relative}.spw-custom-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-custom-select__checkbox{margin-right:8px}.spw-custom-select__container{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 12px;line-height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-within,.spw-custom-select__container:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-custom-select--disabled .spw-custom-select__container{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:hover,.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible{outline:none}.spw-custom-select--is-error .spw-custom-select__container{border-color:var(--spw-colors-states-error-error-300)}.spw-custom-select--large .spw-custom-select__container{height:60px;padding:0 24px;line-height:60px}.spw-custom-select--is-opened .spw-custom-select__container{height:auto;line-height:1;min-height:40px}.spw-custom-select--is-opened.spw-custom-select--down .spw-custom-select__container{border-radius:4px 4px 0 0;border-bottom-color:transparent}.spw-custom-select--is-opened.spw-custom-select--up .spw-custom-select__container{border-radius:0 0 4px 4px;border-top-color:transparent}.spw-custom-select__selected{flex:1;padding-right:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.spw-custom-select__selected span{white-space:nowrap}.spw-custom-select--is-clear .spw-custom-select__selected{padding-right:58px}.spw-custom-select__selected-item{display:inline-flex;align-items:center;gap:6px;color:var(--spw-color-themes-grey-grey-900);border:1px solid var(--spw-color-themes-grey-grey-900);background:var(--spw-color-themes-grey-grey-200);line-height:24px;height:24px;padding:0 8px;margin:4px 6px 2px 0;border-radius:999px;font-size:14px;user-select:none}.spw-custom-select__selected-items{flex:1;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.spw-custom-select--is-opened .spw-custom-select__selected-items{padding-top:3px;padding-bottom:4px;overflow:visible;text-overflow:initial;text-wrap:initial}.spw-custom-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:12}.spw-custom-select--large .spw-custom-select__icons{right:24px}.spw-custom-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;border:2px var(--spw-color-themes-grey-grey-900) solid;border-radius:50%;font-size:12px}.spw-custom-select__arrow{font-size:16px;color:var(--spw-color-themes-grey-grey-600);pointer-events:none}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{position:absolute;top:0;left:0;z-index:11;width:100%;margin-top:1px}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:100%;margin-top:-3px;padding:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background:white}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:-100%;margin-top:-7px}.spw-custom-select__search-input{padding:0;height:38px;line-height:40px;border:none;margin:0;width:calc(100% - 30px)}.spw-custom-select--is-clear .spw-custom-select__search-input{width:calc(100% - 58px)}.spw-custom-select__search-input{text-overflow:ellipsis}.spw-custom-select__search-input:focus{outline:none}.spw-custom-select--is-opened .spw-custom-select__search-input{border-left:1px solid var(--spw-color-themes-grey-grey-800);padding:0 12px}.spw-custom-select--is-opened.spw-custom-select--has-value .spw-custom-select__search-input{border:1px solid var(--spw-color-themes-grey-grey-800);width:100%;border-radius:3px}.spw-custom-select__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto}.spw-custom-select__options::-webkit-scrollbar{width:14px;height:14px}.spw-custom-select__options::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-custom-select__options::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-custom-select__options{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-custom-select__options{z-index:9999;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.spw-custom-select__options:not(.spw-custom-select__options--fixed){position:absolute;top:100%;left:0;width:100%;margin-top:-1px}.spw-custom-select__options--up:not(.spw-custom-select__options--fixed){top:0;transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:0}.spw-custom-select__options--fixed.spw-custom-select__options--down{transform:translateY(0)}.spw-custom-select__options--fixed.spw-custom-select__options--up{transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:-40px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:-86px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:-46px}.spw-custom-select__no-results{padding:12px;cursor:not-allowed;color:var(--spw-color-themes-grey-grey-600)}.spw-custom-select__option{border-bottom:1px solid var(--spw-color-themes-grey-grey-900);padding:12px;cursor:pointer}.spw-custom-select__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-custom-select__option:last-child{border-bottom:none}.spw-custom-select__option--selected{font-weight:700}.spw-custom-select__option--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.spw-custom-select__option--disabled:hover{background-color:transparent}.spw-custom-select__error{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}`;
+const spwCustomSelectCss = () => `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}main{display:block}h1{font-size:2em;margin:0.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;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:block}.spw-custom-select{position:relative}.spw-custom-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-custom-select__checkbox{margin-right:8px}.spw-custom-select__container{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 12px;line-height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-within,.spw-custom-select__container:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-custom-select--disabled .spw-custom-select__container{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:hover,.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible{outline:none}.spw-custom-select--is-error .spw-custom-select__container{border-color:var(--spw-colors-states-error-error-300)}.spw-custom-select--large .spw-custom-select__container{height:60px;padding:0 24px;line-height:60px}.spw-custom-select--is-opened .spw-custom-select__container{height:auto;line-height:1;min-height:40px}.spw-custom-select--is-opened.spw-custom-select--down .spw-custom-select__container{border-radius:4px 4px 0 0;border-bottom-color:transparent}.spw-custom-select--is-opened.spw-custom-select--up .spw-custom-select__container{border-radius:0 0 4px 4px;border-top-color:transparent}.spw-custom-select__selected{flex:1;padding-right:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.spw-custom-select__selected span{white-space:nowrap}.spw-custom-select--is-clear .spw-custom-select__selected{padding-right:58px}.spw-custom-select__selected-item{display:inline-flex;align-items:center;gap:6px;color:var(--spw-color-themes-grey-grey-900);border:1px solid var(--spw-color-themes-grey-grey-900);background:var(--spw-color-themes-grey-grey-200);line-height:24px;height:24px;padding:0 8px;margin:4px 6px 2px 0;border-radius:999px;font-size:14px;user-select:none}.spw-custom-select__selected-items{flex:1;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.spw-custom-select--is-opened .spw-custom-select__selected-items{padding-top:3px;padding-bottom:4px;overflow:visible;text-overflow:initial;text-wrap:initial}.spw-custom-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:12}.spw-custom-select--large .spw-custom-select__icons{right:24px}.spw-custom-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-custom-select__clear:hover{color:var(--spw-ds-primary)}.spw-custom-select__arrow{font-size:16px;color:var(--spw-color-themes-grey-grey-900);pointer-events:none}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{position:absolute;top:0;left:0;z-index:11;width:100%;margin-top:1px}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:100%;margin-top:-3px;padding:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background:white}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:-100%;margin-top:-7px}.spw-custom-select__search-input{padding:0;height:38px;line-height:40px;border:none;margin:0;width:calc(100% - 30px)}.spw-custom-select--is-clear .spw-custom-select__search-input{width:calc(100% - 58px)}.spw-custom-select__search-input{text-overflow:ellipsis}.spw-custom-select__search-input:focus{outline:none}.spw-custom-select--is-opened .spw-custom-select__search-input{border-left:1px solid var(--spw-color-themes-grey-grey-800);padding:0 12px}.spw-custom-select--is-opened.spw-custom-select--has-value .spw-custom-select__search-input{border:1px solid var(--spw-color-themes-grey-grey-800);width:100%;border-radius:3px}.spw-custom-select__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;overflow:hidden;z-index:9999;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.spw-custom-select__options:not(.spw-custom-select__options--fixed){position:absolute;top:100%;left:0;width:100%;margin-top:-1px}.spw-custom-select__options--up:not(.spw-custom-select__options--fixed){top:0;transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:0}.spw-custom-select__options--fixed.spw-custom-select__options--down{transform:translateY(0)}.spw-custom-select__options--fixed.spw-custom-select__options--up{transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:-40px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:-86px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:-46px}.spw-custom-select__options-list{max-height:200px;overflow-y:auto}.spw-custom-select__options-list::-webkit-scrollbar{width:14px;height:14px}.spw-custom-select__options-list::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-custom-select__options-list::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-custom-select__options-list{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-custom-select__options-footer{border-top:1px solid var(--spw-color-themes-grey-grey-900);padding:8px;background-color:#fff}.spw-custom-select__no-results{padding:12px;cursor:not-allowed;color:var(--spw-color-themes-grey-grey-600)}.spw-custom-select__option{border-bottom:1px solid var(--spw-color-themes-grey-grey-900);padding:12px;cursor:pointer}.spw-custom-select__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-custom-select__option:last-child{border-bottom:none}.spw-custom-select__option--selected{font-weight:700}.spw-custom-select__option--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.spw-custom-select__option--disabled:hover{background-color:transparent}.spw-custom-select__error{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}`;
 const SpwCustomSelect = class {
     constructor(hostRef) {
@@ -20,6 +20,7 @@ const SpwCustomSelect = class {
         this.parsedOptions = [];
         this.focusedOptionIndex = null;
         this.searchText = '';
+        this.hasSlottedFooter = false;
         this.dropdownDirection = 'down';
         this.hasSelectedValue = false;
         this.dropdownPosition = { top: 0, left: 0, width: 0 };
@@ -75,11 +76,15 @@ const SpwCustomSelect = class {
         this.handleClickOutside = (event) => {
             var _a, _b;
             if (this.isOpen) {
-                const target = event.composedPath()[0];
+                const path = event.composedPath();
+                const target = path[0];
                 const isInsideHost = this.host.contains(target);
                 const searchField = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.spw-custom-select__search-input');
                 const isInsideSearchField = searchField === null || searchField === void 0 ? void 0 : searchField.contains(target);
-                if (!isInsideHost && !isInsideSearchField) {
+                // Empêcher la fermeture si le clic vient du slot footer (light DOM slotté)
+                const footerSlot = this.hostElement.querySelector('[slot="footer"]');
+                const isInsideFooterSlot = footerSlot ? path.includes(footerSlot) : false;
+                if (!isInsideHost && !isInsideSearchField && !isInsideFooterSlot) {
                     if (this.multiple) {
                         const optionsContainer = (_b = this.host.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.spw-custom-select__options');
                         if (optionsContainer && optionsContainer.contains(target)) {
@@ -193,6 +198,8 @@ const SpwCustomSelect = class {
     }
     componentDidLoad() {
         this.internals.setFormValue(this.getFormValue());
+        const footerSlot = this.hostElement.querySelector('[slot="footer"]');
+        this.hasSlottedFooter = !!footerSlot;
     }
     connectedCallback() {
         document.addEventListener('click', this.handleClickOutside, true);
@@ -542,11 +549,11 @@ const SpwCustomSelect = class {
     render() {
         const filteredOptions = this.getFilteredOptions();
         const showPlaceholder = this.showPlaceholder();
-        return (index.h("div", { key: '43447038a22e3ceffa27d676bc2192e4aca5f287', class: this.elementClass, ref: el => (this.host = el) }, this.label && (index.h("spw-field-label", { key: '5baa3c868c7365ae95cb3e0b643c52abe7b13c55', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (index.h("spw-field-message", { key: '6c7178d419fde80e0394dcc80754ad2313bf0833', class: "spw-custom-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '78b5cc99a3f9b86ba0f3e9e0f5473a60c198eec6', class: "spw-custom-select__wrapper" }, index.h("div", { key: '4a964452b1e693b3693c7db8f87a98a0262bab50', class: "spw-custom-select__container", id: this.name, ref: el => (this.selectContainer = el), onClick: event => this.toggleDropdown(event), onKeyDown: event => this.handleKeyDown(event), tabindex: this.disabled ? -1 : 0 }, index.h("div", { key: 'a6474cfe11ab5987cc4103e0dcf92875960622a7', class: "spw-custom-select__selected" }, this.isSearchVisible() && (index.h("div", { key: 'dfa397daa49fb324eee56c384dd29e661ca7fd1c', class: "spw-custom-select__search" }, index.h("input", { key: '59229eb7c26407745f9a2d4d049027f5fbec3950', class: "spw-custom-select__search-input", placeholder: this.searchPlaceholder, onInput: event => this.handleSearchInput(event), value: this.searchText }))), showPlaceholder && index.h("span", { key: '2adfc41cb5589e7c599b87c31a27f5669a2e778e' }, this.placeholder), this.multiple && this.internalValue.length > 0 && (index.h("div", { key: '638b74dc9f89c466a99b03b38a319eef3a773788', class: "spw-custom-select__selected-items" }, this.internalValue.map(val => {
+        return (index.h("div", { key: '90e9ea2c24e199fd3c88f599154845da1ec2d79b', class: this.elementClass, ref: el => (this.host = el) }, this.label && (index.h("spw-field-label", { key: 'dac0b1830b366bcc713e15f28ef43981a5d5c946', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (index.h("spw-field-message", { key: 'e3436cdb0e98e1f697e23c92170db014ff732b43', class: "spw-custom-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '9b42be36b6f9a2955b44da1f4498b842d58d4e34', class: "spw-custom-select__wrapper" }, index.h("div", { key: 'c5cca55daefb235da7b75c9701857d21ce82000a', class: "spw-custom-select__container", id: this.name, ref: el => (this.selectContainer = el), onClick: event => this.toggleDropdown(event), onKeyDown: event => this.handleKeyDown(event), tabindex: this.disabled ? -1 : 0 }, index.h("div", { key: 'd1c67ff5e7bc7ec049a4d87e1bffd73e66aec7aa', class: "spw-custom-select__selected" }, this.isSearchVisible() && (index.h("div", { key: 'd92f3a98a85b593370feaba84b63ab566e23cb5e', class: "spw-custom-select__search" }, index.h("input", { key: 'ca4ce948648c06cebde704d9e0e248e06bf96ccb', class: "spw-custom-select__search-input", placeholder: this.searchPlaceholder, onInput: event => this.handleSearchInput(event), value: this.searchText }))), showPlaceholder && index.h("span", { key: '2abe144800c9f6d58f5dfa380568a5fefea5d9a8' }, this.placeholder), this.multiple && this.internalValue.length > 0 && (index.h("div", { key: 'e21d7ec421c049072b9cc408c10ae9e6a51ac816', class: "spw-custom-select__selected-items" }, this.internalValue.map(val => {
             var _a;
             return (index.h("span", { class: "spw-custom-select__selected-item" }, (_a = this.parsedOptions.find(option => String(option.value) === String(val))) === null || _a === void 0 ? void 0 :
                 _a.label, index.h("spw-icon", { icon: "fa-times", class: "spw-custom-select__deselect-icon", onClick: event => this.selectOption(val, event) })));
-        }))), !this.multiple && index.h("span", { key: '8182a2e87d00b2d27b626a92b62f680fa4dde490' }, this.getSelectedLabels()))), index.h("div", { key: '6a96891304f69e05b58b32f9c388a1d7a9dec540', class: "spw-custom-select__icons" }, this.isClear && (this.hasSelectedValue || !!this.searchText) && (index.h("span", { key: '1d1016892a92598037fe4726fb401b85c9ebbd11', class: "spw-custom-select__clear", onClick: event => this.handleClear(event) }, index.h("spw-icon", { key: '2d8b4105962fe31534135ace34720031727e356e', icon: "fa-xmark" }))), index.h("div", { key: '44a3b248918027860ef576bd98661b3af5893651', class: "spw-custom-select__arrow" }, index.h("spw-icon", { key: 'd1778da95cb69a2bdf8786d351993bfd84b8d1fa', icon: this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down' }))), this.isOpen && (index.h("div", { key: 'ef3f8ba6da6295d7bd9e15f653b33b5426b731ce', class: {
+        }))), !this.multiple && index.h("span", { key: '00e929e2885410304cab3b22398c9c373073ca6f' }, this.getSelectedLabels()))), index.h("div", { key: '7b40dc3276b8497a96690424e8338cdcc734d581', class: "spw-custom-select__icons" }, this.isClear && (this.hasSelectedValue || !!this.searchText) && (index.h("span", { key: '7983ec19d8152fd891f82591f7b56ded9d8301e8', class: "spw-custom-select__clear", onClick: event => this.handleClear(event) }, index.h("spw-icon", { key: '6b8693b534b39b43e83cea7e8822feb9b956a768', icon: "fa-xmark" }))), index.h("div", { key: 'd56d83f20216fbccdc403811637c76039c6b5891', class: "spw-custom-select__arrow" }, index.h("spw-icon", { key: 'c95a0208ac8b9c53f314ab349074142df85cfaaa', icon: this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down' }))), this.isOpen && (index.h("div", { key: 'e967118beb739a3601b434fcbb97056426eac0a8', class: {
                 'spw-custom-select__options': true,
                 [`spw-custom-select__options--${this.dropdownDirection}`]: true,
                 'spw-custom-select__options--fixed': this.fixedDropdown,
@@ -557,14 +564,14 @@ const SpwCustomSelect = class {
                     left: `${this.dropdownPosition.left}px`,
                     width: `${this.dropdownPosition.width}px`,
                 }
-                : {} }, !!filteredOptions.length && (index.h("ul", { key: 'f39f93c198df038c933ac5610c829e86365805c6' }, filteredOptions.map((option, index$1) => (index.h("li", { class: {
+                : {} }, index.h("div", { key: 'aebe7b9b720af8d5e008e3d611940bcc24a9535d', class: "spw-custom-select__options-list" }, !!filteredOptions.length && (index.h("ul", { key: '3446e6c6182941c087467113e08484ad69365fed' }, filteredOptions.map((option, index$1) => (index.h("li", { class: {
                 'spw-custom-select__option': true,
                 'spw-custom-select__option--selected': this.multiple
                     ? this.internalValue.some(val => String(val) === String(option.value))
                     : option.value === this.internalValue,
                 'spw-custom-select__option--focused': index$1 === this.focusedOptionIndex,
                 'spw-custom-select__option--disabled': option.disabled,
-            }, onClick: () => this.selectOption(option.value) }, this.multiple && (index.h("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-custom-select__checkbox", checked: this.internalValue.some(val => String(val) === String(option.value)), disabled: option.disabled })), option.label))))), !filteredOptions.length && index.h("p", { key: 'ec93e913732816d37fe58731d4edfe8e5cd78718', class: "spw-custom-select__no-results" }, this.noResultsText)))), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+            }, onClick: () => this.selectOption(option.value) }, this.multiple && (index.h("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-custom-select__checkbox", checked: this.internalValue.some(val => String(val) === String(option.value)), disabled: option.disabled })), option.label))))), !filteredOptions.length && index.h("p", { key: 'cf38b5d9a54ba2db0fddee0c722be0078795623f', class: "spw-custom-select__no-results" }, this.noResultsText)), this.hasSlottedFooter && (index.h("div", { key: 'dfb7fd80d642d9c0a0409d5fdde5f42717d590f4', class: "spw-custom-select__options-footer" }, index.h("slot", { key: '7a4c4c58b8703e01503b370df7a34f8b0aa93f46', name: "footer" })))))), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get formAssociated() { return true; }
     get hostElement() { return index.getElement(this); }

package/dist/cjs/spw-date-picker.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
 var _commonjsHelpers = require('./_commonjsHelpers-CFO10eej.js');
 var datepicker_min = {exports: {}};
@@ -19,7 +19,7 @@ function requireDatepicker_min () {
 var datepicker_minExports = requireDatepicker_min();
 var datepicker = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(datepicker_minExports);
-const spwDatePickerCss = () => `@charset "UTF-8";.qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:#000;position:absolute;width:15.625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:9001;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid grey;border-radius:.263921875em;overflow:hidden;background:#fff;-webkit-box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3);box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3)}.qs-datepicker-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.75);color:#fff;width:100%;height:100%;padding:.5em;z-index:1;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{background:rgba(0,0,0,0);border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-size:.875em;padding:.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid #fff;border-radius:.263921875em;padding:.5em;margin:0 auto auto;cursor:pointer;background:hsla(0,0%,50.2%,.4)}.qs-overlay .qs-submit.qs-disabled{color:grey;border-color:grey;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.qs-overlay .qs-overlay-month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% / 3);cursor:pointer;opacity:.5;-webkit-transition:opacity .15s;transition:opacity .15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;background:#d3d3d3;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-controls.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:.263921875em;-webkit-transition:background .15s;transition:background .15s}.qs-arrow:hover.qs-left:after{border-right-color:#000}.qs-arrow:hover.qs-right:after{border-left-color:#000}.qs-arrow:hover{background:rgba(0,0,0,.1)}.qs-arrow:after{content:"";border:.390625em solid rgba(0,0,0,0);position:absolute;top:50%;-webkit-transition:border .2s;transition:border .2s}.qs-arrow.qs-left:after{border-right-color:grey;right:50%;-webkit-transform:translate(25%,-50%);-ms-transform:translate(25%,-50%);transform:translate(25%,-50%)}.qs-arrow.qs-right:after{border-left-color:grey;left:50%;-webkit-transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}.qs-month-year{font-weight:700;-webkit-transition:border .2s;transition:border .2s;border-bottom:1px solid rgba(0,0,0,0)}.qs-month-year:not(.qs-disabled-year-overlay){cursor:pointer}.qs-month-year:not(.qs-disabled-year-overlay):hover{border-bottom:1px solid grey}.qs-month-year:active:focus,.qs-month-year:focus{outline:none}.qs-month{padding-right:.5ex}.qs-year{padding-left:.5ex}.qs-squares{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.3125em;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-squares.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-square{width:calc(100% / 7);height:1.5625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .1s;transition:background .1s;border-radius:.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:700;text-decoration:underline}.qs-active,.qs-range-end,.qs-range-start{background:#add8e6}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-end:not(.qs-range-0),.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:.2}.qs-disabled{cursor:not-allowed}.qs-day,.qs-empty{cursor:default}.qs-day{font-weight:700;color:grey}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:.46875em;height:.46875em;border-radius:50%;background:#07f;bottom:0;right:0}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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:block;font-family:inherit;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800)}.qs-datepicker-container .qs-overlay .qs-overlay-year,.spw-date-picker__input{flex:1;width:100%;height:var(--spw-input-height);padding:var(--spw-input-padding);text-overflow:ellipsis;line-height:var(--spw-input-height);border-radius:var(--spw-input-radius);font-size:var(--spw-input-font-size);text-align:var(--spw-input-text-align);border:1px solid var(--spw-input-border)}.qs-datepicker-container .qs-overlay .qs-overlay-year:hover,.spw-date-picker__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.qs-datepicker-container .qs-overlay .qs-overlay-year:focus,.spw-date-picker__input:focus,.qs-datepicker-container .qs-overlay .qs-overlay-year:focus-visible,.spw-date-picker__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.qs-datepicker-container .qs-overlay .qs-overlay-year:active,.spw-date-picker__input:active{border-color:var(--spw-input-border)}.spw-date-picker{position:relative}.spw-date-picker__field-message{margin-bottom:8px;margin-top:-4px}.spw-date-picker__input-container{position:relative;display:flex;align-items:center}.spw-date-picker--is-clear .spw-date-picker__input{padding-right:70px}.spw-date-picker__input--error{border-color:var(--spw-color-error, #dc2626)}.spw-date-picker__input--error:focus{border-color:var(--spw-color-error, #dc2626);box-shadow:0 0 0 3px var(--spw-color-error-light, rgba(220, 38, 38, 0.1))}.spw-date-picker__input--disabled{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-date-picker__input--disabled::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__input--disabled:hover,.spw-date-picker__input--disabled:focus,.spw-date-picker__input--disabled:focus-visible{outline:none}.spw-date-picker__input--open{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-date-picker__input::placeholder{color:var(--spw-color-text-placeholder, #9ca3af)}.spw-date-picker__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;transform:translateY(-50%)}.spw-date-picker--disabled .spw-date-picker__icons{pointer-events:none}.spw-date-picker__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;padding:2px;border:2px var(--spw-color-themes-grey-grey-900) solid;border-radius:50%;font-size:12px;transition:all 0.2s ease-in}.spw-date-picker__clear:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-date-picker--disabled .spw-date-picker__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__icon{color:var(--spw-input-icon-search-color)}.spw-date-picker--disabled .spw-date-picker__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__icon--calendar{font-size:16px;cursor:pointer;color:var(--spw-color-text-secondary, #6b7280)}.spw-date-picker__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.spw-date-picker__help{margin-top:0.25rem;font-size:0.75rem;line-height:1rem;color:var(--spw-color-text-secondary, #6b7280)}.spw-date-picker__error{display:flex;align-items:center;margin-top:0.25rem;font-size:0.75rem;line-height:1rem;color:var(--spw-color-error, #dc2626)}.spw-date-picker__error spw-icon{margin-right:0.25rem;font-size:0.75rem}.qs-datepicker-container{box-shadow:var(--spw-effect-elevation-6);border:none;width:320px;margin-top:6px}.qs-datepicker-container .qs-controls{padding:24px;padding-bottom:0;background:none;margin-bottom:16px;position:relative}.qs-datepicker-container .qs-month-year{font-size:14px;border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:6px;padding:8px 16px}.qs-datepicker-container .qs-month-year:hover{border-color:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-arrow{position:absolute;top:24px;width:36px;height:36px;color:transparent}.qs-datepicker-container .qs-arrow:before{content:"";width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--spw-ds-font-icons-solid);font-weight:700;font-size:16px;display:inline-flex;justify-content:center;align-items:center;color:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-arrow:after{display:none}.qs-datepicker-container .qs-arrow:hover{background:var(--spw-colors-support-grey-grey-200)}.qs-datepicker-container .qs-arrow:active{background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .qs-left{right:60px}.qs-datepicker-container .qs-left:before{content:"\\f053"}.qs-datepicker-container .qs-right{right:24px}.qs-datepicker-container .qs-right:before{content:"\\f054"}.qs-datepicker-container .qs-squares{padding:24px;padding-top:0;gap:4px 0}.qs-datepicker-container .qs-square{font-size:14px;text-transform:lowercase;height:36px}.qs-datepicker-container .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:var(--spw-colors-support-grey-grey-400)}.qs-datepicker-container .qs-range-end:hover,.qs-datepicker-container .qr-range-start:hover{background:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-active,.qs-datepicker-container .qs-range-end,.qs-datepicker-container .qs-range-start,.qs-datepicker-container .qs-range-start.qs-disabled{background:var(--spw-colors-support-grey-grey-900);color:white;opacity:1}.qs-datepicker-container .qs-range-middle{background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .spw-date-range-start{background:var(--spw-colors-support-grey-grey-900) !important;color:white !important;opacity:1 !important;font-weight:700;border-radius:4px 0 0 4px !important}.qs-datepicker-container .spw-date-range-start:hover{background:var(--spw-colors-support-grey-grey-800) !important}.qs-datepicker-container .spw-date-range-end{background:var(--spw-colors-support-grey-grey-900) !important;color:white !important;opacity:1 !important;font-weight:700;border-radius:0 4px 4px 0 !important}.qs-datepicker-container .spw-date-range-end:hover{background:var(--spw-colors-support-grey-grey-800) !important}.qs-datepicker-container .spw-date-range-middle{background:var(--spw-colors-support-grey-grey-300) !important;border-radius:0 !important}.qs-datepicker-container .spw-date-range-middle:hover{background:var(--spw-colors-support-grey-grey-400) !important}.qs-datepicker-container .qs-day{font-weight:400;color:var(--spw-colors-support-grey-grey-800);padding-bottom:12px;border-radius:0;position:relative}.qs-datepicker-container .qs-day:after{content:"";position:absolute;bottom:0;left:0;width:68px;height:1px;background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .qs-day:nth-child(7):after{display:none}.qs-datepicker-container .qs-overlay{padding:24px;background:#fff}.qs-datepicker-container .qs-overlay-month{font-size:14px;color:var(--spw-colors-support-grey-grey-800);width:25%}.qs-datepicker-container .qs-close{color:var(--spw-colors-support-grey-grey-600);top:24px;left:24px;right:auto;padding:0;height:40px;width:32px;text-indent:-9999px;transition:all ease-in 0.2s}.qs-datepicker-container .qs-close:after{position:absolute;top:50%;transform:translateY(-50%);left:0;font-family:var(--spw-ds-font-icons-solid);font-weight:700;content:"\\f060";font-size:14px;text-indent:0}.qs-datepicker-container .qs-close:hover{color:var(--spw-colors-support-grey-grey-900)}.qs-datepicker-container .qs-blur{filter:none}.qs-datepicker-container .qs-overlay{transition:none}.qs-datepicker-container .qs-overlay .qs-overlay-year{color:var(--spw-colors-support-grey-grey-900);margin-bottom:24px;width:calc(100% - 80px);margin-left:28px}.qs-datepicker-container .qs-submit{position:absolute;text-indent:-9999px;top:24px;right:24px;width:40px;height:40px;border-radius:9999px;border:2px solid transparent;color:white;background:var(--spw-ds-primary);font-weight:700;font-size:14px;transition:all ease-in 0.2s}.qs-datepicker-container .qs-submit:after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--spw-ds-font-icons-solid);font-weight:700;content:"\\f00c";font-size:14px;text-indent:0}.qs-datepicker-container .qs-submit:hover{background:var(--spw-ds-variant)}.qs-datepicker-container .qs-submit:active{background:var(--spw-ds-active)}.qs-datepicker-container .qs-submit.qs-disabled{background:var(--spw-colors-support-grey-grey-400);border-color:var(--spw-colors-support-grey-grey-400);color:var(--spw-colors-support-grey-grey-500);opacity:1}`;
+const spwDatePickerCss = () => `@charset "UTF-8";.qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:#000;position:absolute;width:15.625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:9001;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid grey;border-radius:.263921875em;overflow:hidden;background:#fff;-webkit-box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3);box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3)}.qs-datepicker-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.75);color:#fff;width:100%;height:100%;padding:.5em;z-index:1;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{background:rgba(0,0,0,0);border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-size:.875em;padding:.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid #fff;border-radius:.263921875em;padding:.5em;margin:0 auto auto;cursor:pointer;background:hsla(0,0%,50.2%,.4)}.qs-overlay .qs-submit.qs-disabled{color:grey;border-color:grey;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.qs-overlay .qs-overlay-month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% / 3);cursor:pointer;opacity:.5;-webkit-transition:opacity .15s;transition:opacity .15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;background:#d3d3d3;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-controls.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:.263921875em;-webkit-transition:background .15s;transition:background .15s}.qs-arrow:hover.qs-left:after{border-right-color:#000}.qs-arrow:hover.qs-right:after{border-left-color:#000}.qs-arrow:hover{background:rgba(0,0,0,.1)}.qs-arrow:after{content:"";border:.390625em solid rgba(0,0,0,0);position:absolute;top:50%;-webkit-transition:border .2s;transition:border .2s}.qs-arrow.qs-left:after{border-right-color:grey;right:50%;-webkit-transform:translate(25%,-50%);-ms-transform:translate(25%,-50%);transform:translate(25%,-50%)}.qs-arrow.qs-right:after{border-left-color:grey;left:50%;-webkit-transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}.qs-month-year{font-weight:700;-webkit-transition:border .2s;transition:border .2s;border-bottom:1px solid rgba(0,0,0,0)}.qs-month-year:not(.qs-disabled-year-overlay){cursor:pointer}.qs-month-year:not(.qs-disabled-year-overlay):hover{border-bottom:1px solid grey}.qs-month-year:active:focus,.qs-month-year:focus{outline:none}.qs-month{padding-right:.5ex}.qs-year{padding-left:.5ex}.qs-squares{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.3125em;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-squares.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-square{width:calc(100% / 7);height:1.5625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .1s;transition:background .1s;border-radius:.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:700;text-decoration:underline}.qs-active,.qs-range-end,.qs-range-start{background:#add8e6}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-end:not(.qs-range-0),.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:.2}.qs-disabled{cursor:not-allowed}.qs-day,.qs-empty{cursor:default}.qs-day{font-weight:700;color:grey}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:.46875em;height:.46875em;border-radius:50%;background:#07f;bottom:0;right:0}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}main{display:block}h1{font-size:2em;margin:0.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;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:block;font-family:inherit;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800)}.qs-datepicker-container .qs-overlay .qs-overlay-year,.spw-date-picker__input{flex:1;width:100%;height:var(--spw-input-height);padding:var(--spw-input-padding);text-overflow:ellipsis;line-height:var(--spw-input-height);border-radius:var(--spw-input-radius);font-size:var(--spw-input-font-size);text-align:var(--spw-input-text-align);border:1px solid var(--spw-input-border)}.qs-datepicker-container .qs-overlay .qs-overlay-year:hover,.spw-date-picker__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.qs-datepicker-container .qs-overlay .qs-overlay-year:focus,.spw-date-picker__input:focus,.qs-datepicker-container .qs-overlay .qs-overlay-year:focus-visible,.spw-date-picker__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.qs-datepicker-container .qs-overlay .qs-overlay-year:active,.spw-date-picker__input:active{border-color:var(--spw-input-border)}.spw-date-picker{position:relative}.spw-date-picker__field-message{margin-bottom:8px;margin-top:-4px}.spw-date-picker__input-container{position:relative;display:flex;align-items:center}.spw-date-picker--is-clear .spw-date-picker__input{padding-right:70px}.spw-date-picker__input--error{border-color:var(--spw-color-error, #dc2626)}.spw-date-picker__input--error:focus{border-color:var(--spw-color-error, #dc2626);box-shadow:0 0 0 3px var(--spw-color-error-light, rgba(220, 38, 38, 0.1))}.spw-date-picker__input--disabled{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-date-picker__input--disabled::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__input--disabled:hover,.spw-date-picker__input--disabled:focus,.spw-date-picker__input--disabled:focus-visible{outline:none}.spw-date-picker__input--open{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-date-picker__input::placeholder{color:var(--spw-color-text-placeholder, #9ca3af)}.spw-date-picker__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;transform:translateY(-50%)}.spw-date-picker--disabled .spw-date-picker__icons{pointer-events:none}.spw-date-picker__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-date-picker--disabled .spw-date-picker__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__icon{color:var(--spw-input-icon-search-color)}.spw-date-picker--disabled .spw-date-picker__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__icon--calendar{font-size:16px;cursor:pointer;color:var(--spw-color-themes-grey-grey-900)}.spw-date-picker__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:16px}.spw-date-picker__icon--clear:hover{color:var(--spw-ds-primary)}.spw-date-picker__help{margin-top:0.25rem;font-size:0.75rem;line-height:1rem;color:var(--spw-color-text-secondary, #6b7280)}.spw-date-picker__error{display:flex;align-items:center;margin-top:0.25rem;font-size:0.75rem;line-height:1rem;color:var(--spw-color-error, #dc2626)}.spw-date-picker__error spw-icon{margin-right:0.25rem;font-size:0.75rem}.qs-datepicker-container{box-shadow:var(--spw-effect-elevation-6);border:none;width:320px;margin-top:6px}.qs-datepicker-container .qs-controls{padding:24px;padding-bottom:0;background:none;margin-bottom:16px;position:relative}.qs-datepicker-container .qs-month-year{font-size:14px;border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:6px;padding:8px 16px}.qs-datepicker-container .qs-month-year:hover{border-color:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-arrow{position:absolute;top:24px;width:36px;height:36px;color:transparent}.qs-datepicker-container .qs-arrow:before{content:"";width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--spw-ds-font-icons-solid);font-weight:700;font-size:16px;display:inline-flex;justify-content:center;align-items:center;color:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-arrow:after{display:none}.qs-datepicker-container .qs-arrow:hover{background:var(--spw-colors-support-grey-grey-200)}.qs-datepicker-container .qs-arrow:active{background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .qs-left{right:60px}.qs-datepicker-container .qs-left:before{content:"\\f053"}.qs-datepicker-container .qs-right{right:24px}.qs-datepicker-container .qs-right:before{content:"\\f054"}.qs-datepicker-container .qs-squares{padding:24px;padding-top:0;gap:4px 0}.qs-datepicker-container .qs-square{font-size:14px;text-transform:lowercase;height:36px}.qs-datepicker-container .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:var(--spw-colors-support-grey-grey-400)}.qs-datepicker-container .qs-range-end:hover,.qs-datepicker-container .qr-range-start:hover{background:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-active,.qs-datepicker-container .qs-range-end,.qs-datepicker-container .qs-range-start,.qs-datepicker-container .qs-range-start.qs-disabled{background:var(--spw-colors-support-grey-grey-900);color:white;opacity:1}.qs-datepicker-container .qs-range-middle{background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .spw-date-range-start{background:var(--spw-colors-support-grey-grey-900) !important;color:white !important;opacity:1 !important;font-weight:700;border-radius:4px 0 0 4px !important}.qs-datepicker-container .spw-date-range-start:hover{background:var(--spw-colors-support-grey-grey-800) !important}.qs-datepicker-container .spw-date-range-end{background:var(--spw-colors-support-grey-grey-900) !important;color:white !important;opacity:1 !important;font-weight:700;border-radius:0 4px 4px 0 !important}.qs-datepicker-container .spw-date-range-end:hover{background:var(--spw-colors-support-grey-grey-800) !important}.qs-datepicker-container .spw-date-range-middle{background:var(--spw-colors-support-grey-grey-300) !important;border-radius:0 !important}.qs-datepicker-container .spw-date-range-middle:hover{background:var(--spw-colors-support-grey-grey-400) !important}.qs-datepicker-container .qs-day{font-weight:400;color:var(--spw-colors-support-grey-grey-800);padding-bottom:12px;border-radius:0;position:relative}.qs-datepicker-container .qs-day:after{content:"";position:absolute;bottom:0;left:0;width:68px;height:1px;background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .qs-day:nth-child(7):after{display:none}.qs-datepicker-container .qs-overlay{padding:24px;background:#fff}.qs-datepicker-container .qs-overlay-month{font-size:14px;color:var(--spw-colors-support-grey-grey-800);width:25%}.qs-datepicker-container .qs-close{color:var(--spw-colors-support-grey-grey-600);top:24px;left:24px;right:auto;padding:0;height:40px;width:32px;text-indent:-9999px;transition:all ease-in 0.2s}.qs-datepicker-container .qs-close:after{position:absolute;top:50%;transform:translateY(-50%);left:0;font-family:var(--spw-ds-font-icons-solid);font-weight:700;content:"\\f060";font-size:14px;text-indent:0}.qs-datepicker-container .qs-close:hover{color:var(--spw-colors-support-grey-grey-900)}.qs-datepicker-container .qs-blur{filter:none}.qs-datepicker-container .qs-overlay{transition:none}.qs-datepicker-container .qs-overlay .qs-overlay-year{color:var(--spw-colors-support-grey-grey-900);margin-bottom:24px;width:calc(100% - 80px);margin-left:28px}.qs-datepicker-container .qs-submit{position:absolute;text-indent:-9999px;top:24px;right:24px;width:40px;height:40px;border-radius:9999px;border:2px solid transparent;color:white;background:var(--spw-ds-primary);font-weight:700;font-size:14px;transition:all ease-in 0.2s}.qs-datepicker-container .qs-submit:after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--spw-ds-font-icons-solid);font-weight:700;content:"\\f00c";font-size:14px;text-indent:0}.qs-datepicker-container .qs-submit:hover{background:var(--spw-ds-variant)}.qs-datepicker-container .qs-submit:active{background:var(--spw-ds-active)}.qs-datepicker-container .qs-submit.qs-disabled{background:var(--spw-colors-support-grey-grey-400);border-color:var(--spw-colors-support-grey-grey-400);color:var(--spw-colors-support-grey-grey-500);opacity:1}`;
 const SpwDatePicker = class {
     constructor(hostRef) {
@@ -940,7 +940,7 @@ const SpwDatePicker = class {
             'spw-date-picker--is-clear': this.isClearIconVisible,
         };
         const errorMessage = this.error || this.internalError;
-        return (index.h(index.Host, { key: '0166db15ed91f3a679b201ed8cd170efb087526b' }, index.h("div", { key: 'eb2f7bfbc6dca0217a1b2f8b6208e5a9ebd89b12', class: containerClass }, this.label && (index.h("spw-field-label", { key: '36f9ee171649fe3ce83554b51c05d6b968839faf', label: this.label, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (index.h("spw-field-message", { key: '9e3c3fa46e2d953ce4f4746554e73bbc39f79df1', class: "spw-date-picker__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: 'c8258b0a85f4f9137d3ea1c7fd3887afac6cbb3f', class: "spw-date-picker__input-container" }, index.h("input", { key: 'a18d797519d70a5c6ba8d14167462a5cd24b5a23', ref: el => (this.inputElement = el), id: this.uniqueId, type: "text", class: inputClass, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, required: this.required, onFocus: this.handleInputFocus, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, "aria-label": this.accAriaLabel || this.label || this.name, "aria-describedby": this.assistiveText || errorMessage ? `${this.uniqueId}-help ${this.uniqueId}-error` : undefined, "aria-invalid": this.hasError }), index.h("div", { key: '5413c1530c9de454e63b483d8030f2d779645816', class: "spw-date-picker__icons" }, this.isClearIconVisible && (index.h("span", { key: '70abf2032f4191e1bbe27d2ca9b3b5ccfadea4c1', class: "spw-date-picker__clear", onClick: this.handleClear }, index.h("spw-icon", { key: '1e12acf218589748f95a743e826a754b04f4b4cc', class: "spw-date-picker__icon spw-date-picker__icon--clear", icon: "fa-xmark" }))), index.h("span", { key: '1ce34e9fcdbf5cf823e57d73abf96f510f4e97d3', class: "spw-date-picker__calendar-trigger", onMouseDown: this.handleCalendarIconMouseDown, onClick: this.handleCalendarIconClick }, index.h("spw-icon", { key: '0e4a84c25a2e4c407f8c5ce37dfff3686acad60e', icon: "fa-calendar", class: "spw-date-picker__icon spw-date-picker__icon--calendar" })))), this.error && (index.h("spw-field-message", { key: '196f3d4c2931c329002e1fb342dfb30395dd4fe9', variant: "error", showIcon: this.showErrorIcon }, this.error)), this.hint && (index.h("spw-field-message", { key: '2f1451d32f226cc9dddc68940e8c527aa6da28dd', variant: "hint", showIcon: this.showHintIcon }, this.hint)), this.success && (index.h("spw-field-message", { key: 'bfb08cdd69d1b95ba095a6947533ab99b9b087a4', variant: "success", showIcon: this.showSuccessIcon }, this.success)), this.warning && (index.h("spw-field-message", { key: '9595c15d7a17ecfb1f3e22a20fab37b0b50f2af4', variant: "warning", showIcon: this.showWarningIcon }, this.warning)))));
+        return (index.h(index.Host, { key: '32fda3ad55541f1f01f642767f858d34d6a0024e' }, index.h("div", { key: 'a0faea1339d67bcb275aeee5376931074ccc2868', class: containerClass }, this.label && (index.h("spw-field-label", { key: '1863da889dcb1b82a0d49f69be999b667fb5c91e', label: this.label, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (index.h("spw-field-message", { key: 'a5aa7018207c305640ee07dc92b251f2cd439565', class: "spw-date-picker__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '5a23a4432a0a0ed30594fd0845f983f3ec6cbf88', class: "spw-date-picker__input-container" }, index.h("input", { key: '04a9b370e0ffb263aa798cc6b6d084dcace2b5a2', ref: el => (this.inputElement = el), id: this.uniqueId, type: "text", class: inputClass, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, required: this.required, onFocus: this.handleInputFocus, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, "aria-label": this.accAriaLabel || this.label || this.name, "aria-describedby": this.assistiveText || errorMessage ? `${this.uniqueId}-help ${this.uniqueId}-error` : undefined, "aria-invalid": this.hasError }), index.h("div", { key: 'a635b1611eb9183972ee38174e828d08893193eb', class: "spw-date-picker__icons" }, this.isClearIconVisible && (index.h("span", { key: 'd64c8fb2c387354808a701f8a3872107a87a65ad', class: "spw-date-picker__clear", onClick: this.handleClear }, index.h("spw-icon", { key: 'ae39233eec8f792eef57cb8fa29b86520d695e78', class: "spw-date-picker__icon spw-date-picker__icon--clear", icon: "fa-xmark" }))), index.h("span", { key: 'ff01a8db8582dd9ce909609524fc481bfb3be24a', class: "spw-date-picker__calendar-trigger", onMouseDown: this.handleCalendarIconMouseDown, onClick: this.handleCalendarIconClick }, index.h("spw-icon", { key: 'c8ffae53c5dad546abf185e63ab6210801d7f31f', icon: "fa-calendar", variant: "fa-regular", class: "spw-date-picker__icon spw-date-picker__icon--calendar" })))), this.error && (index.h("spw-field-message", { key: '0605af92c5d84c8d6feab3a0425f49c3f2945b75', variant: "error", showIcon: this.showErrorIcon }, this.error)), this.hint && (index.h("spw-field-message", { key: '38acac99be7fc4485a11b5b08f98c8f7fd480b4d', variant: "hint", showIcon: this.showHintIcon }, this.hint)), this.success && (index.h("spw-field-message", { key: '3b7205d8e7586167766ec97f444f2f8aff8c5aeb', variant: "success", showIcon: this.showSuccessIcon }, this.success)), this.warning && (index.h("spw-field-message", { key: '5e0c60fc788013422d0f25de6ee178a0d64a77c2', variant: "warning", showIcon: this.showWarningIcon }, this.warning)))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/spw-dropdown-container.cjs.entry.js CHANGED Viewed

@@ -1,15 +1,15 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwDropdownContainerCss = () => `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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:block}.spw-dropdown-container{padding:16px}`;
+const spwDropdownContainerCss = () => `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}main{display:block}h1{font-size:2em;margin:0.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;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:block}.spw-dropdown-container{padding:16px}`;
 const SpwDropdownContainer = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'f32b9cfb6175c45e09c54aaf0d84b1584f5922de' }, index.h("div", { key: 'aeed248057b80b9fe32268bfe626f60528f9eda5', class: "spw-dropdown-container" }, index.h("slot", { key: 'b8b91107d4d1de0f882256b4a2578766c5017e5a' }))));
+        return (index.h(index.Host, { key: 'c8265cb8d5ef7243be690ea271f3c8c579bb083c' }, index.h("div", { key: '8b2873be6609a2ad2e786208cfea172d881f9756', class: "spw-dropdown-container" }, index.h("slot", { key: 'cd56093ab34e849d28743645757378822849f802' }))));
     }
 };
 SpwDropdownContainer.style = spwDropdownContainerCss();

package/dist/cjs/spw-dropdown-item.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwDropdownItemCss = () => `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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:block}.spw-dropdown-item{cursor:pointer;position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--spw-colors-support-grey-grey-900);text-decoration:none;transition:background-color 0.2s ease;font-size:14px;border-radius:4px}.spw-dropdown-item:hover{background-color:var(--spw-colors-support-grey-grey-200)}.spw-dropdown-item--disabled{cursor:not-allowed;opacity:0.5;pointer-events:none}.spw-dropdown-item--has-sub-items{padding-right:32px}.spw-dropdown-item--sub-items-open{background-color:var(--spw-colors-support-grey-grey-100)}.spw-dropdown-item__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:14px;color:var(--spw-colors-support-grey-grey-700)}.spw-dropdown-item__content{flex:1;display:flex;align-items:center;justify-content:space-between;position:relative}.spw-dropdown-item__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spw-dropdown-item__toggle{position:absolute;right:-24px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color 0.2s ease, transform 0.2s ease}.spw-dropdown-item__toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-dropdown-item__toggle spw-icon{font-size:12px;color:var(--spw-colors-support-grey-grey-900);transition:transform 0.2s ease}.spw-dropdown-item__toggle--open spw-icon{transform:rotate(180deg)}.spw-dropdown-item__sub-items{padding-left:16px;margin-top:4px}.spw-dropdown-item__sub-items spw-dropdown-item{font-size:13px}`;
+const spwDropdownItemCss = () => `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}main{display:block}h1{font-size:2em;margin:0.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;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:block}.spw-dropdown-item{cursor:pointer;position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--spw-colors-support-grey-grey-900);text-decoration:none;transition:background-color 0.2s ease;font-size:14px;border-radius:4px}.spw-dropdown-item:hover{background-color:var(--spw-colors-support-grey-grey-200)}.spw-dropdown-item--disabled{cursor:not-allowed;opacity:0.5;pointer-events:none}.spw-dropdown-item--has-sub-items{padding-right:32px}.spw-dropdown-item--sub-items-open{background-color:var(--spw-colors-support-grey-grey-100)}.spw-dropdown-item__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:14px;color:var(--spw-colors-support-grey-grey-700)}.spw-dropdown-item__content{flex:1;display:flex;align-items:center;justify-content:space-between;position:relative}.spw-dropdown-item__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spw-dropdown-item__toggle{position:absolute;right:-24px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color 0.2s ease, transform 0.2s ease}.spw-dropdown-item__toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-dropdown-item__toggle spw-icon{font-size:12px;color:var(--spw-colors-support-grey-grey-900);transition:transform 0.2s ease}.spw-dropdown-item__toggle--open spw-icon{transform:rotate(180deg)}.spw-dropdown-item__sub-items{padding-left:16px;margin-top:4px}.spw-dropdown-item__sub-items spw-dropdown-item{font-size:13px}`;
 const SpwDropdownItem = class {
     constructor(hostRef) {
@@ -75,7 +75,7 @@ const SpwDropdownItem = class {
             'spw-dropdown-item__toggle': true,
             'spw-dropdown-item__toggle--open': this.subItemsOpen,
         };
-        return (index.h(index.Host, { key: '1596a4172e1e8eefbfa765546719c55e2c98f3d5' }, index.h(Tag, { key: '24ae4e7ba274e59218030e38153d7c4c0493a835', class: this.classes, href: this.href, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleItemClick }, this.icon && (index.h("div", { key: '4b8b5d3739afbabc92d67182a4a9a978f9af6a6b', class: "spw-dropdown-item__icon" }, index.h("spw-icon", { key: 'fed0d8d7561105acca93330014763cb1fe812b71', variant: this.iconVariant, icon: this.icon }))), index.h("div", { key: '6e9f0758fa21309ebf4a26143987510e2c610cf3', class: "spw-dropdown-item__content" }, index.h("div", { key: 'a0d0da494fc950e1fd06214143b7aa87af92bfec', class: "spw-dropdown-item__label" }, index.h("slot", { key: '6d8c7a857150d96359abd2a1c856905a7c170ae9' })), this.hasSubItems && (index.h("div", { key: '19cd50f2dde61fadb6e121b831c1518abf0e54e9', class: toggleClasses, onClick: this.handleToggleSubItems }, index.h("spw-icon", { key: 'f04c856a18d549c40b68d702f2d27a2b930bd881', icon: "fa-chevron-down" }))))), this.hasSubItems && (index.h("div", { key: '11b2e9dac24ea9232cb03d8e6332f056408f657d', class: "spw-dropdown-item__sub-items", style: { display: this.subItemsOpen ? 'block' : 'none' } }, index.h("slot", { key: 'fa0fa7f551ef87ab9ad0a8fe16e5fb5f21244fbc', name: "sub-items" })))));
+        return (index.h(index.Host, { key: '5e2c9770daee538a1f0495d289f4eccdacdbe72c' }, index.h(Tag, { key: '412276eb62185db2e27421286235cc2970a837c5', class: this.classes, href: this.href, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleItemClick }, this.icon && (index.h("div", { key: '1ad97be19239600527f1b6149d156091fc01fd92', class: "spw-dropdown-item__icon" }, index.h("spw-icon", { key: 'aec2cb8b6c404263a99b9e67ad356a63df619428', variant: this.iconVariant, icon: this.icon }))), index.h("div", { key: '44b396930499798cff1acc822efe7cb790ac5b90', class: "spw-dropdown-item__content" }, index.h("div", { key: '7f36c99ebb87ee48c0dcc6979a862e30c2bf0bcf', class: "spw-dropdown-item__label" }, index.h("slot", { key: 'cb64dd00921722adea1cc3806a6a5607d16270bd' })), this.hasSubItems && (index.h("div", { key: '282fb73f722d57cc48ce45cd1d789a0dc3772175', class: toggleClasses, onClick: this.handleToggleSubItems }, index.h("spw-icon", { key: '788fc6c235c3471e0fafa52a4a97eb26b08adb50', icon: "fa-chevron-down" }))))), this.hasSubItems && (index.h("div", { key: 'd9401d49db1fb458b53a7e115c96e5c18ccd6ad5', class: "spw-dropdown-item__sub-items", style: { display: this.subItemsOpen ? 'block' : 'none' } }, index.h("slot", { key: '2f44d2f20d907c1d3883a1d9fb36d39001f66faf', name: "sub-items" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/spw-dropdown.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwDropdownCss = () => `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:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:inline-block;line-height:1}:host([open]){--spw-dropdown-icon-color:var(--spw-color-themes-grey-grey-900)}.spw-dropdown__trigger{cursor:pointer}.spw-dropdown__trigger:hover{--spw-dropdown-icon-color:var(--spw-color-themes-grey-grey-900)}.spw-dropdown__trigger ::slotted(spw-icon){color:var(--spw-dropdown-icon-color, inherit)}`;
+const spwDropdownCss = () => `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}main{display:block}h1{font-size:2em;margin:0.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;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:inline-block;line-height:1}:host([open]){--spw-dropdown-icon-color:var(--spw-color-themes-grey-grey-900)}.spw-dropdown__trigger{cursor:pointer}.spw-dropdown__trigger:hover{--spw-dropdown-icon-color:var(--spw-color-themes-grey-grey-900)}.spw-dropdown__trigger ::slotted(spw-icon){color:var(--spw-dropdown-icon-color, inherit)}`;
 const SpwDropdown = class {
     constructor(hostRef) {
@@ -140,7 +140,7 @@ const SpwDropdown = class {
         dropdown.style.visibility = 'visible';
     }
     render() {
-        return (index.h("div", { key: '69f5c85c85f197d1e2627f51f38026a124c8adc9', class: "spw-dropdown__trigger", onClick: () => (this.open = !this.open) }, index.h("slot", { key: '4738589550833682aa02288bde77dbfc248caf51' })));
+        return (index.h("div", { key: '83e9a1d892ed855f3d9551608e6bf039a90b7829', class: "spw-dropdown__trigger", onClick: () => (this.open = !this.open) }, index.h("slot", { key: '5bfed1101e78bd94b312751367f4b9998da53049' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {