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-tabs-content.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwTabsContentCss = () => `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}:host(.--box) .spw-tabs-content{border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:0 0 4px 4px;background:white}`;
+const spwTabsContentCss = () => `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}:host(.--box) .spw-tabs-content{border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:0 0 4px 4px;background:white}`;
 const SpwTabsContent = class {
     constructor(hostRef) {

package/dist/cjs/spw-tabs-navigation-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 spwTabsNavigationItemCss = () => `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:contents;--spw-tabs-max-width-text:200px;--spw-tabs-border-radius:4px 4px 0 0;--spw-tabs-margin-left:0;--spw-tabs-width:auto;--spw-tabs-text-align:left}.spw-tabs-navigation-item{display:inline-flex;gap:6px;align-items:center;justify-content:space-between;position:relative;cursor:pointer;color:var(--spw-colors-support-grey-grey-700);user-select:none;transition:color 0.2s linear;width:var(--spw-tabs-width);text-align:var(--spw-tabs-text-align)}.spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}:host(.--box) .spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item:focus-visible{outline:2px solid black;outline-offset:-2px}:host(.--box) .spw-tabs-navigation-item{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-700);border:1px solid var(--spw-colors-support-grey-grey-300);margin-top:3px;border-radius:var(--spw-tabs-border-radius);margin-left:var(--spw-tabs-margin-left)}.spw-tabs-navigation-item--disabled{opacity:0.6;cursor:not-allowed}.spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-700)}:host(.--box) .spw-tabs-navigation-item--disabled{opacity:1;color:var(--spw-colors-support-grey-grey-400)}:host(.--box) .spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-400)}:host(.--box) .spw-tabs-navigation-item--disabled:active{transform:none}.spw-tabs-navigation-item--active{border-bottom:0;color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item--active:after{content:"";position:absolute;width:100%;bottom:0;left:0;height:2px;background:var(--spw-ds-primary)}:host(.--box) .spw-tabs-navigation-item--active{position:relative;top:1px;color:var(--spw-colors-support-grey-grey-900);background:white;margin-top:0}:host(.--box) .spw-tabs-navigation-item--active:after{display:none}.spw-tabs-navigation-item--bubble:before{content:"";position:absolute;top:2px;right:-8px;width:6px;height:6px;border-radius:50%;background:var(--spw-ds-primary)}:host(.--box) .spw-tabs-navigation-item--bubble:before{top:4px;right:4px}:host(.--ellipsis) .spw-tabs-navigation-item{max-width:var(--spw-tabs-max-width-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}:host(.--ellipsis) .spw-tabs-navigation-item spw-tooltip{display:contents}:host(.--small) .spw-tabs-navigation-item{padding:8px 0 12px 0;font-size:14px}:host(.--small.--box) .spw-tabs-navigation-item{padding:7px 16px 6px 16px}:host(.--small.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:8px 16px}:host(.--medium) .spw-tabs-navigation-item{padding:12px 0 16px 0;font-size:16px}:host(.--medium.--box) .spw-tabs-navigation-item{padding:11px 16px 10px 16px}:host(.--medium.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:12px 16px}:host(.--large) .spw-tabs-navigation-item{padding:16px 0 20px 0;font-size:18px}:host(.--large.--box) .spw-tabs-navigation-item{padding:15px 20px 14px 20px}:host(.--large.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:16px 20px}.spw-tabs-navigation-item .spw-icon--left{margin-right:4px}.spw-tabs-navigation-item .spw-icon--right{margin-left:4px}`;
+const spwTabsNavigationItemCss = () => `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:contents;--spw-tabs-max-width-text:200px;--spw-tabs-border-radius:4px 4px 0 0;--spw-tabs-margin-left:0;--spw-tabs-width:auto;--spw-tabs-text-align:left}.spw-tabs-navigation-item{display:inline-flex;gap:6px;align-items:center;justify-content:space-between;position:relative;cursor:pointer;color:var(--spw-colors-support-grey-grey-700);user-select:none;transition:color 0.2s linear;width:var(--spw-tabs-width);text-align:var(--spw-tabs-text-align)}.spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}:host(.--box) .spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item:focus-visible{outline:2px solid black;outline-offset:-2px}:host(.--box) .spw-tabs-navigation-item{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-700);border:1px solid var(--spw-colors-support-grey-grey-300);margin-top:3px;border-radius:var(--spw-tabs-border-radius);margin-left:var(--spw-tabs-margin-left)}.spw-tabs-navigation-item--disabled{opacity:0.6;cursor:not-allowed}.spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-700)}:host(.--box) .spw-tabs-navigation-item--disabled{opacity:1;color:var(--spw-colors-support-grey-grey-400)}:host(.--box) .spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-400)}:host(.--box) .spw-tabs-navigation-item--disabled:active{transform:none}.spw-tabs-navigation-item--active{border-bottom:0;color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item--active:after{content:"";position:absolute;width:100%;bottom:0;left:0;height:2px;background:var(--spw-ds-primary)}:host(.--box) .spw-tabs-navigation-item--active{position:relative;top:1px;color:var(--spw-colors-support-grey-grey-900);background:white;margin-top:0}:host(.--box) .spw-tabs-navigation-item--active:after{display:none}.spw-tabs-navigation-item--bubble:before{content:"";position:absolute;top:2px;right:-8px;width:6px;height:6px;border-radius:50%;background:var(--spw-ds-primary)}:host(.--box) .spw-tabs-navigation-item--bubble:before{top:4px;right:4px}:host(.--ellipsis) .spw-tabs-navigation-item{max-width:var(--spw-tabs-max-width-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}:host(.--ellipsis) .spw-tabs-navigation-item spw-tooltip{display:contents}:host(.--small) .spw-tabs-navigation-item{padding:8px 0 12px 0;font-size:14px}:host(.--small.--box) .spw-tabs-navigation-item{padding:7px 16px 6px 16px}:host(.--small.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:8px 16px}:host(.--medium) .spw-tabs-navigation-item{padding:12px 0 16px 0;font-size:16px}:host(.--medium.--box) .spw-tabs-navigation-item{padding:11px 16px 10px 16px}:host(.--medium.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:12px 16px}:host(.--large) .spw-tabs-navigation-item{padding:16px 0 20px 0;font-size:18px}:host(.--large.--box) .spw-tabs-navigation-item{padding:15px 20px 14px 20px}:host(.--large.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:16px 20px}.spw-tabs-navigation-item .spw-icon--left{margin-right:4px}.spw-tabs-navigation-item .spw-icon--right{margin-left:4px}`;
 const SpwTabsNavigationItem = class {
     constructor(hostRef) {
@@ -70,7 +70,7 @@ const SpwTabsNavigationItem = class {
         const iconClass = `spw-icon--${iconPosition}`;
         const iconElement = this.icon ? index.h("spw-icon", { class: iconClass, icon: this.icon }) : null;
         const tagElement = this.tagText ? (index.h("spw-tag", { size: "small", "has-icon": this.tagIcon ? 'true' : 'false', variant: this.tagVariant }, this.tagText)) : null;
-        return (index.h(index.Host, { key: '153b04007e54e0cf19b9013416c285508ee84b53', class: this.active ? '--active' : '' }, index.h("li", { key: '0406b0fcf50f6f7aadbbb17e54bfe3ef0edb5bec', id: `tab-${this.tabId}`, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.accAriaLabel || this.slotText, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0, class: this.elementClass, onClick: this.handleClick }, this.hasEllipsis && (index.h("spw-tooltip", { key: '1e876fed3ad23281a64fafb324fc115413a2c6e4', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, index.h("slot", { key: '95aaac904eb2273620667d5704f1c6a7ae7c0709' }), iconPosition === 'right' && iconElement, tagElement)), !this.hasEllipsis && (index.h(index.Fragment, { key: '9e05ad32b79238e9bcbe8b03cc026456e491c473' }, iconPosition === 'left' && iconElement, index.h("slot", { key: '6fa65e0886d44de13e5d10ecf7da82e26d594b99' }), iconPosition === 'right' && iconElement, tagElement)), ' ', this.bubble && index.h("span", { key: '03b983f1d39a8439a2d3064a6975704365d87e00', class: "bubble" }))));
+        return (index.h(index.Host, { key: 'ec57e0d0f1d402ea8b073f32e45537f6201dc47c', class: this.active ? '--active' : '' }, index.h("li", { key: '0a13c9a0931d91d6463559b2a16d3d9bec677e00', id: `tab-${this.tabId}`, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.accAriaLabel || this.slotText, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0, class: this.elementClass, onClick: this.handleClick }, this.hasEllipsis && (index.h("spw-tooltip", { key: 'd8e5878046c0a585261ee06bdaee53901f689679', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, index.h("slot", { key: '12c09825f207a2ea3d3240e411d54bc362833c7c' }), iconPosition === 'right' && iconElement, tagElement)), !this.hasEllipsis && (index.h(index.Fragment, { key: '8acd42a7ae854b3ba226583758e52ff8e36f1e34' }, iconPosition === 'left' && iconElement, index.h("slot", { key: '8571e7d805bf2744c60e5cf310d422913c971b85' }), iconPosition === 'right' && iconElement, tagElement)), ' ', this.bubble && index.h("span", { key: '2c7a6b9d6a936de8855778a30edd10aaf0833bb9', class: "bubble" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/spw-tabs-navigation.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwTabsNavigationCss = () => `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;position:relative;top:1px}.spw-tabs-navigation-container{display:flex;align-items:center;position:relative;width:100%;overflow:hidden}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile{flex-direction:column;align-items:stretch}}.spw-tabs-navigation{flex:1;overflow:hidden}@media (max-width: 768px){.spw-tabs-navigation--vertical-on-mobile{overflow:visible}}.spw-tabs-navigation__list{position:relative;z-index:2;display:flex;flex-wrap:nowrap;gap:24px;overflow-x:auto;white-space:nowrap;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);scroll-behavior:smooth;list-style:none;margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}.spw-tabs-navigation__list::-webkit-scrollbar{display:none}@media (max-width: 768px){.spw-tabs-navigation__list--vertical-on-mobile{flex-direction:column;gap:0;overflow-x:visible;overflow-y:auto;white-space:normal;border-bottom:none}}@media (min-width: 768px){.spw-tabs-navigation__list--centered{justify-content:center}}:host(.--box) .spw-tabs-navigation__list{gap:0;border-bottom:0}.spw-tabs-navigation__arrow{position:relative;top:1px;display:flex;align-items:center;justify-content:center;background:white;border:none;width:33px;height:33px;cursor:pointer;z-index:10;transition:all 0.2s ease}.spw-tabs-navigation__arrow spw-icon{font-size:14px;color:var(--spw-colors-support-grey-grey-500)}.spw-tabs-navigation__arrow:hover spw-icon{color:var(--spw-colors-support-grey-grey-600)}.spw-tabs-navigation__arrow:active spw-icon{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation__arrow--left{border-radius:4px 0 0 0;border-right:1px solid var(--spw-colors-support-grey-grey-300)}.spw-tabs-navigation__arrow--right{border-radius:0 4px 0 0;border-left:1px solid var(--spw-colors-support-grey-grey-300)}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile .spw-tabs-navigation__arrow{display:none}}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile ::slotted(spw-tabs-navigation-item){display:block;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);--spw-tabs-width:100%}}::slotted(spw-tabs-navigation-item){--spw-tabs-border-radius:0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item:first-child){--spw-tabs-border-radius:4px 0 0 0;--spw-tabs-margin-left:0}::slotted(spw-tabs-navigation-item:last-child){--spw-tabs-border-radius:0 4px 0 0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item.--active){--spw-tabs-border-radius:4px 4px 0 0}`;
+const spwTabsNavigationCss = () => `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;position:relative;top:1px}.spw-tabs-navigation-container{display:flex;align-items:center;position:relative;width:100%;overflow:hidden}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile{flex-direction:column;align-items:stretch}}.spw-tabs-navigation{flex:1;overflow:hidden}@media (max-width: 768px){.spw-tabs-navigation--vertical-on-mobile{overflow:visible}}.spw-tabs-navigation__list{position:relative;z-index:2;display:flex;flex-wrap:nowrap;gap:24px;overflow-x:auto;white-space:nowrap;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);scroll-behavior:smooth;list-style:none;margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}.spw-tabs-navigation__list::-webkit-scrollbar{display:none}@media (max-width: 768px){.spw-tabs-navigation__list--vertical-on-mobile{flex-direction:column;gap:0;overflow-x:visible;overflow-y:auto;white-space:normal;border-bottom:none}}@media (min-width: 768px){.spw-tabs-navigation__list--centered{justify-content:center}}:host(.--box) .spw-tabs-navigation__list{gap:0;border-bottom:0}.spw-tabs-navigation__arrow{position:relative;top:1px;display:flex;align-items:center;justify-content:center;background:white;border:none;width:33px;height:33px;cursor:pointer;z-index:10;transition:all 0.2s ease}.spw-tabs-navigation__arrow spw-icon{font-size:14px;color:var(--spw-colors-support-grey-grey-500)}.spw-tabs-navigation__arrow:hover spw-icon{color:var(--spw-colors-support-grey-grey-600)}.spw-tabs-navigation__arrow:active spw-icon{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation__arrow--left{border-radius:4px 0 0 0;border-right:1px solid var(--spw-colors-support-grey-grey-300)}.spw-tabs-navigation__arrow--right{border-radius:0 4px 0 0;border-left:1px solid var(--spw-colors-support-grey-grey-300)}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile .spw-tabs-navigation__arrow{display:none}}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile ::slotted(spw-tabs-navigation-item){display:block;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);--spw-tabs-width:100%}}::slotted(spw-tabs-navigation-item){--spw-tabs-border-radius:0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item:first-child){--spw-tabs-border-radius:4px 0 0 0;--spw-tabs-margin-left:0}::slotted(spw-tabs-navigation-item:last-child){--spw-tabs-border-radius:0 4px 0 0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item.--active){--spw-tabs-border-radius:4px 4px 0 0}`;
 const SpwTabsNavigation = class {
     constructor(hostRef) {
@@ -108,7 +108,7 @@ const SpwTabsNavigation = class {
             'spw-tabs-navigation__list--vertical-on-mobile': this.isVerticalOnMobile,
             'spw-tabs-navigation__list--centered': this.isCentered && !this.hasOverflow,
         };
-        return (index.h("div", { key: '9e249a01c64c742e71e54b1ae8e4ad39ea01f0ad', class: containerClass }, this.showLeftArrow && (index.h("button", { key: 'c30d813657adfb3972f7e3fd649c613b977d18a7', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left", onClick: this.scrollLeft, "aria-label": "Faire d\u00E9filer vers la gauche" }, index.h("spw-icon", { key: '900a622da17d6302eaf207afbac16c0cf25a8560', icon: "fa-chevron-left" }))), index.h("nav", { key: '1deaaf1263bf6b928f8b37b480c20e52b3424bee', class: navClass, "aria-label": this.accAriaLabel || 'Navigation' }, index.h("ul", { key: '73ae5241fe6956fd8a1f9d101d22cb594054dcae', class: listClass, role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, index.h("slot", { key: '66af59b106093b6c4b880fec68fc6f0e221d7a4e' }))), this.showRightArrow && (index.h("button", { key: '0e398e48b56e2f91c908867b68c0d05448c4bfb1', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right", onClick: this.scrollRight, "aria-label": "Faire d\u00E9filer vers la droite" }, index.h("spw-icon", { key: 'db0e36d7c83ce20390b6983e2189135795a3616c', icon: "fa-chevron-right" })))));
+        return (index.h("div", { key: '41ef2206d24eeff1835b91a17b7439b701a42e41', class: containerClass }, this.showLeftArrow && (index.h("button", { key: '13f93b6ddfd8adc88333f620d6c749aa1765c04f', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left", onClick: this.scrollLeft, "aria-label": "Faire d\u00E9filer vers la gauche" }, index.h("spw-icon", { key: '5711475c1ed5a552ce06c497b825a411ce1e098b', icon: "fa-chevron-left" }))), index.h("nav", { key: '20e0d9b4bccf71855a9b6f2a132a04607f142eb4', class: navClass, "aria-label": this.accAriaLabel || 'Navigation' }, index.h("ul", { key: '96584cfe77ee2982b4ba10147a533e0dd35ec01d', class: listClass, role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, index.h("slot", { key: '1725ba6d598b85ac2eda7530ae3205fbe5dbbae3' }))), this.showRightArrow && (index.h("button", { key: 'e5f62f7eab375395b2302abfc038f1ab23215df0', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right", onClick: this.scrollRight, "aria-label": "Faire d\u00E9filer vers la droite" }, index.h("spw-icon", { key: '630e9b6bd003ae2f935a2ef8f834089af7f17cff', icon: "fa-chevron-right" })))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwTabsCss = () => `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}`;
+const spwTabsCss = () => `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}`;
 const SpwTabs = class {
     constructor(hostRef) {
@@ -174,7 +174,7 @@ const SpwTabs = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'f71801d72b6916683a79f88bfeec206bd220e931', class: this.elementClass }, index.h("slot", { key: '9c97679bb85debd14990c756540b9da91160e804', name: "navigation" }), index.h("slot", { key: '66818f20f20f67587424ec3fb8140c9c449096bc', name: "content" })));
+        return (index.h("div", { key: '27812e10785662a4f915afc146d9091298840cfe', class: this.elementClass }, index.h("slot", { key: 'b135e2e8ab1cd292491533aff7527c675cb615a2', name: "navigation" }), index.h("slot", { key: 'b7cd5529effa6fecbde136764f7fd029a444b125', name: "content" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwTagCss = () => `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}.spw-tag{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;border-radius:999px;border:1px solid transparent;white-space:nowrap}.spw-tag--hoverable{position:relative;transition:all linear 0.2s}.spw-tag--hoverable:hover{transform:translateY(-3px)}.spw-tag--default{background:#fff;color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-colors-support-grey-grey-300)}.spw-tag--grey{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-800)}.spw-tag--blue{background:#e6f3ff;color:#002e6b}.spw-tag--green{background:#e2fde3;color:#026100}.spw-tag--orange{background:#ffeee0;color:#702000}.spw-tag--red{background:#ffebed;color:#70000d}.spw-tag--purple{background:#f7ebff;color:#45036d}.spw-tag--surface-dark{box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.15)}.spw-tag--size-small{font-size:12px;line-height:11px;padding:4px 6px;gap:4px}.spw-tag--size-medium{font-size:16px;line-height:15px;padding:6px 12px}.spw-tag--size-large{font-size:18px;line-height:17px;padding:6px 12px}`;
+const spwTagCss = () => `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}.spw-tag{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;border-radius:999px;border:1px solid transparent;white-space:nowrap}.spw-tag--hoverable{position:relative;transition:all linear 0.2s}.spw-tag--hoverable:hover{transform:translateY(-3px)}.spw-tag--default{background:#fff;color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-colors-support-grey-grey-300)}.spw-tag--grey{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-800)}.spw-tag--blue{background:#e6f3ff;color:#002e6b}.spw-tag--green{background:#e2fde3;color:#026100}.spw-tag--orange{background:#ffeee0;color:#702000}.spw-tag--red{background:#ffebed;color:#70000d}.spw-tag--purple{background:#f7ebff;color:#45036d}.spw-tag--surface-dark{box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.15)}.spw-tag--size-small{font-size:12px;line-height:11px;padding:4px 6px;gap:4px}.spw-tag--size-medium{font-size:16px;line-height:15px;padding:6px 12px}.spw-tag--size-large{font-size:18px;line-height:17px;padding:6px 12px}`;
 const SpwTag = class {
     constructor(hostRef) {
@@ -52,7 +52,7 @@ const SpwTag = class {
                 target,
             };
         const iconToDisplay = this.icon || this.getIcon(this.variant);
-        return (index.h(index.Host, { key: '304b95d4064b5f3fe7f91d66b80daba87f60314b' }, index.h(TagType, Object.assign({ key: 'eb192ec70e914db64968371ea07e6f83570634d3' }, attrs, { class: this.elementClass }), this.hasIcon && index.h("spw-icon", { key: 'f36e1deee0a38b069da8ea53ffcca4d7ecbd8041', variant: this.iconVariant, icon: iconToDisplay }), index.h("slot", { key: '1bebaf397d82c3e88b009070fa49b395d61d580f' }))));
+        return (index.h(index.Host, { key: '572b8baac00fc1925cad51df707712e91d54dcd6' }, index.h(TagType, Object.assign({ key: 'b00ff6dac392c2fe4ee66059892043abea2fea30' }, attrs, { class: this.elementClass }), this.hasIcon && index.h("spw-icon", { key: '84b0b4858ee06c4df257355896aea1dab13e84bb', variant: this.iconVariant, icon: iconToDisplay }), index.h("slot", { key: '7852c8f3be4249fdb9b4c47c52d77ff42151cd92' }))));
     }
 };
 SpwTag.style = spwTagCss();

package/dist/cjs/spw-text-field.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwTextFieldCss = () => `@charset "UTF-8";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-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)}.spw-text-field{position:relative}.spw-text-field__input-container{flex:1;position:relative;display:flex}.spw-text-field__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)}.spw-text-field__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field__input:focus,.spw-text-field__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-text-field__input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none;margin:0}.spw-text-field__input[type=number]::-webkit-outer-spin-button,.spw-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host-context(spw-header) .spw-text-field__input{border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__input{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-text-field--disabled .spw-text-field__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input:hover,.spw-text-field--disabled .spw-text-field__input:focus,.spw-text-field--disabled .spw-text-field__input:focus-visible{outline:none}.spw-text-field--is-error .spw-text-field__input{border-color:var(--spw-colors-states-error-error-300)}.spw-text-field--large .spw-text-field__input{height:60px;padding:0 24px;line-height:60px}.spw-text-field--is-search:not(.spw-text-field--is-clear) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear:not(.spw-text-field--is-search) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear .spw-text-field__input{padding-right:70px}.spw-text-field__container{display:flex;align-items:center}.spw-text-field__indicator{padding-left:12px}.spw-text-field__field-message{margin-bottom:8px;margin-top:-4px}.spw-text-field__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;transform:translateY(-50%)}.spw-text-field--large .spw-text-field__icons{right:24px}.spw-text-field--disabled .spw-text-field__icons{pointer-events:none}.spw-text-field__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-text-field__clear:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon{color:var(--spw-input-icon-search-color)}.spw-text-field--disabled .spw-text-field__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon--search{pointer-events:none;font-size:18px}.spw-text-field--large .spw-text-field__icon--search{font-size:24px}.spw-text-field__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.spw-text-field__submit{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;transition:all 0.2s ease;color:var(--spw-input-icon-search-color);font-size:18px}.spw-text-field__submit:focus,.spw-text-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-text-field--large .spw-text-field__submit{width:36px;height:36px;font-size:24px}.spw-text-field--disabled .spw-text-field__submit{cursor:not-allowed;color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__number-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--spw-input-height);height:var(--spw-input-height);padding:0;border:1px solid var(--spw-input-border);background:var(--spw-color-themes-grey-grey-100);cursor:pointer;transition:all 0.2s ease-in-out;color:var(--spw-color-themes-grey-grey-900);font-size:14px}.spw-text-field__number-btn--decrement{border-radius:var(--spw-input-radius) 0 0 var(--spw-input-radius);border-right:none}.spw-text-field__number-btn--increment{border-radius:0 var(--spw-input-radius) var(--spw-input-radius) 0;border-left:none}.spw-text-field__number-btn:hover:not(:disabled){background:var(--spw-color-themes-grey-grey-200)}.spw-text-field__number-btn:focus,.spw-text-field__number-btn:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black;z-index:1}.spw-text-field__number-btn:disabled{cursor:not-allowed;color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100)}.spw-text-field--large .spw-text-field__number-btn{width:60px;height:60px;font-size:18px}.spw-text-field--has-controls .spw-text-field__input{border-radius:0;border-left:none;border-right:none;text-align:center}`;
+const spwTextFieldCss = () => `@charset "UTF-8";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-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)}.spw-text-field{position:relative}.spw-text-field__input-container{flex:1;position:relative;display:flex}.spw-text-field__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)}.spw-text-field__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field__input:focus,.spw-text-field__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-text-field__input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none;margin:0}.spw-text-field__input[type=number]::-webkit-outer-spin-button,.spw-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host-context(spw-header) .spw-text-field__input{border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__input{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-text-field--disabled .spw-text-field__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input:hover,.spw-text-field--disabled .spw-text-field__input:focus,.spw-text-field--disabled .spw-text-field__input:focus-visible{outline:none}.spw-text-field--is-error .spw-text-field__input{border-color:var(--spw-colors-states-error-error-300)}.spw-text-field--large .spw-text-field__input{height:60px;padding:0 24px;line-height:60px}.spw-text-field--is-search:not(.spw-text-field--is-clear) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear:not(.spw-text-field--is-search) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear .spw-text-field__input{padding-right:70px}.spw-text-field__container{display:flex;align-items:center}.spw-text-field__indicator{padding-left:12px}.spw-text-field__field-message{margin-bottom:8px;margin-top:-4px}.spw-text-field__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;transform:translateY(-50%)}.spw-text-field--large .spw-text-field__icons{right:24px}.spw-text-field--disabled .spw-text-field__icons{pointer-events:none}.spw-text-field__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-text-field__clear:hover{color:var(--spw-ds-primary)}.spw-text-field--disabled .spw-text-field__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon{color:var(--spw-input-icon-search-color)}.spw-text-field--disabled .spw-text-field__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon--search{pointer-events:none;font-size:18px}.spw-text-field--large .spw-text-field__icon--search{font-size:24px}.spw-text-field__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.spw-text-field__submit{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;transition:all 0.2s ease;color:var(--spw-input-icon-search-color);font-size:18px}.spw-text-field__submit:focus,.spw-text-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-text-field--large .spw-text-field__submit{width:36px;height:36px;font-size:24px}.spw-text-field--disabled .spw-text-field__submit{cursor:not-allowed;color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__number-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--spw-input-height);height:var(--spw-input-height);padding:0;border:1px solid var(--spw-input-border);background:var(--spw-color-themes-grey-grey-100);cursor:pointer;transition:all 0.2s ease-in-out;color:var(--spw-color-themes-grey-grey-900);font-size:14px}.spw-text-field__number-btn--decrement{border-radius:var(--spw-input-radius) 0 0 var(--spw-input-radius);border-right:none}.spw-text-field__number-btn--increment{border-radius:0 var(--spw-input-radius) var(--spw-input-radius) 0;border-left:none}.spw-text-field__number-btn:hover:not(:disabled){background:var(--spw-color-themes-grey-grey-200)}.spw-text-field__number-btn:focus,.spw-text-field__number-btn:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black;z-index:1}.spw-text-field__number-btn:disabled{cursor:not-allowed;color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100)}.spw-text-field--large .spw-text-field__number-btn{width:60px;height:60px;font-size:18px}.spw-text-field--has-controls .spw-text-field__input{border-radius:0;border-left:none;border-right:none;text-align:center}`;
 const SpwTextField = class {
     constructor(hostRef) {
@@ -235,7 +235,7 @@ const SpwTextField = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'bd80e50c6f81ed54d2c36d77cf3cc40f03fb578d', class: this.elementClass }, this.label && (index.h("spw-field-label", { key: '9b40064cf478bc217fe9451499f6765af066ed0b', 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: 'a2421f2f1684b9ce7747471c529e210ac3bfc4b9', class: "spw-text-field__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: 'c152993b95fd693eca0b443d3fc93f6c13962fdb', class: "spw-text-field__container" }, this.type === 'number' && this.hasControls && (index.h("button", { key: 'c4de4193ac98851a9c9a495db7a91e754dc9aa6c', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--decrement", onClick: () => this.decrement(), disabled: this.disabled || (this.min != null && Number(this.value) <= this.min), "aria-label": this.accAriaLabelDecrement }, index.h("spw-icon", { key: '27f738696799ede01e7d0577d59d5c58b4a3059e', icon: "fa-minus" }))), index.h("div", { key: '7e77acbd0dac7511919872829ce3f9c197a94791', class: "spw-text-field__input-container" }, index.h("input", { key: '1b65248118782238d0885fd93dae3dff29c809c0', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, placeholder: this.placeholder, "aria-label": this.accAriaLabel || this.name, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event), onKeyDown: event => this.handleKeyDown(event) }), (this.isSearch || this.isClearIconVisible) && (index.h("div", { key: 'c2eead1b26d0694466b30e586f6cd30572bfc94e', class: "spw-text-field__icons" }, this.isClearIconVisible && (index.h("span", { key: '471dba3abb7610c186df7b78af1b0ac96c2095ad', class: "spw-text-field__clear", onClick: () => this.handleClear() }, index.h("spw-icon", { key: '7d6ae7a4c4f5e3bbed6c1d802dae21cb6915721d', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && !this.hasSubmitButton && index.h("spw-icon", { key: 'c13d78f2adf23b35062e2c9348c7f89e05762a48', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" }), this.hasSubmitButton && (index.h("button", { key: 'af5144d1cdb679263776fd25fa3fed843e22226f', type: "button", class: "spw-text-field__submit", onClick: () => this.handleSubmit(), "aria-label": "Rechercher" }, index.h("spw-icon", { key: '4a9004e07d7c7bf79b3deebcb52a124005b0b0b2', icon: "fa-magnifying-glass" })))))), this.type === 'number' && this.hasControls && (index.h("button", { key: '5ce4328749677c8bb2098a630d289d60b2589163', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--increment", onClick: () => this.increment(), disabled: this.disabled || (this.max != null && Number(this.value) >= this.max), "aria-label": this.accAriaLabelIncrement }, index.h("spw-icon", { key: 'b65e9978beb12159718b582e5a5efbef755c2356', icon: "fa-plus" }))), this.indicator && index.h("div", { key: '153b22c9452298947a8281e23452a5ba4e487608', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (index.h("div", { key: '44a4d59fe6e959559472d971c33b7629cbdac6a6', class: this.elementClass }, this.label && (index.h("spw-field-label", { key: '22569d1584c2acabd497ce5643c6bdf24f68426e', 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: '0eaa67081ca25d4ed46f3690d919ca19ef511723', class: "spw-text-field__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '53078f1bc7749502891f9e834648a5b278904ecc', class: "spw-text-field__container" }, this.type === 'number' && this.hasControls && (index.h("button", { key: '65f6e1732d325e5574f914e3517edb611b3dcc2c', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--decrement", onClick: () => this.decrement(), disabled: this.disabled || (this.min != null && Number(this.value) <= this.min), "aria-label": this.accAriaLabelDecrement }, index.h("spw-icon", { key: 'df589f1dc61d59d6070c6899695c677b08960efd', icon: "fa-minus" }))), index.h("div", { key: '92b23b87409671522f147c107995be48fe0b9f9d', class: "spw-text-field__input-container" }, index.h("input", { key: '2528f22a9ef7b88ff8e2a451e9a38cba62ea2f3c', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, placeholder: this.placeholder, "aria-label": this.accAriaLabel || this.name, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event), onKeyDown: event => this.handleKeyDown(event) }), (this.isSearch || this.isClearIconVisible) && (index.h("div", { key: 'd10333a6fd560f561042e832ace5d6e6fb9e20c3', class: "spw-text-field__icons" }, this.isClearIconVisible && (index.h("span", { key: '4605f1b2a9236bca589c8159b53e656797989022', class: "spw-text-field__clear", onClick: () => this.handleClear() }, index.h("spw-icon", { key: 'fee4a5228fa7003086966c4dd39d47f5722ae784', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && !this.hasSubmitButton && index.h("spw-icon", { key: '68aa25bd789c36e54211e5230beee333fa2d325f', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" }), this.hasSubmitButton && (index.h("button", { key: '45ca6fab4cadf1f4d0e9519d90fa27f2378c78cd', type: "button", class: "spw-text-field__submit", onClick: () => this.handleSubmit(), "aria-label": "Rechercher" }, index.h("spw-icon", { key: 'fffbc37f5c9280630a5d8a12d8151585fed66db9', icon: "fa-magnifying-glass" })))))), this.type === 'number' && this.hasControls && (index.h("button", { key: '04c3b62c8ec3befbc9a9e12fcc10d129983eed05', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--increment", onClick: () => this.increment(), disabled: this.disabled || (this.max != null && Number(this.value) >= this.max), "aria-label": this.accAriaLabelIncrement }, index.h("spw-icon", { key: '387b1e494e53c9d7c5bf92403380a1d415e96078', icon: "fa-plus" }))), this.indicator && index.h("div", { key: 'bb45650d65b8c858faba21ae5ecfc0c1a3e15551', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwTextareaCss = () => `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-textarea{position:relative}.spw-textarea__input{flex:1;width:100%;min-height:40px;padding:12px;resize:vertical;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800)}.spw-textarea__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-textarea__input:focus,.spw-textarea__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-textarea--disabled .spw-textarea__input{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-textarea--disabled .spw-textarea__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-textarea--disabled .spw-textarea__input:hover,.spw-textarea--disabled .spw-textarea__input:focus,.spw-textarea--disabled .spw-textarea__input:focus-visible{outline:none}.spw-textarea--is-error .spw-textarea__input{border-color:var(--spw-colors-states-error-error-300)}.spw-textarea--large .spw-textarea__input{height:60px;padding:0 24px;line-height:60px}.spw-textarea--is-search .spw-textarea__input{padding-right:80px}.spw-textarea__container{display:flex;align-items:center}.spw-textarea__indicator{padding-left:12px}.spw-textarea__field-message{margin-bottom:8px;margin-top:-4px}.spw-textarea__icon{pointer-events:none;position:absolute;top:50%;right:30px;transform:translateY(-50%);color:var(--spw-ds-primary);font-size:24px}`;
+const spwTextareaCss = () => `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-textarea{position:relative}.spw-textarea__input{flex:1;width:100%;min-height:40px;padding:12px;resize:vertical;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800)}.spw-textarea__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-textarea__input:focus,.spw-textarea__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-textarea--disabled .spw-textarea__input{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-textarea--disabled .spw-textarea__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-textarea--disabled .spw-textarea__input:hover,.spw-textarea--disabled .spw-textarea__input:focus,.spw-textarea--disabled .spw-textarea__input:focus-visible{outline:none}.spw-textarea--is-error .spw-textarea__input{border-color:var(--spw-colors-states-error-error-300)}.spw-textarea--large .spw-textarea__input{height:60px;padding:0 24px;line-height:60px}.spw-textarea--is-search .spw-textarea__input{padding-right:80px}.spw-textarea__container{display:flex;align-items:center}.spw-textarea__indicator{padding-left:12px}.spw-textarea__field-message{margin-bottom:8px;margin-top:-4px}.spw-textarea__icon{pointer-events:none;position:absolute;top:50%;right:30px;transform:translateY(-50%);color:var(--spw-ds-primary);font-size:24px}`;
 const SpwTextarea = class {
     constructor(hostRef) {
@@ -112,7 +112,7 @@ const SpwTextarea = class {
         };
     }
     render() {
-        return (index.h("div", { key: '313f4460b65a2a5794cca225a75cc15b81d58da5', class: this.elementClass }, this.label && (index.h("spw-field-label", { key: '454f5acb92e6d445d64e11bbbb0685e0a112995f', 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: '4993960de18edf756a35ac22f818dbb93a6e31d3', class: "spw-textarea__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '592ed938c390f2bb97291474fb938649c9bb77e1', class: "spw-textarea__container" }, index.h("textarea", { key: '96ef4a1d90546ad6764ba517c1b8d0ad8fd34ca4', class: "spw-textarea__input", ref: el => (this.textareaElement = el), value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (index.h("div", { key: '2ceb01bb4656e4e6754a50fe9831264be5bc0956', class: this.elementClass }, this.label && (index.h("spw-field-label", { key: '3b1d8c62cd7101a0314b2696a152e87bc05d9345', 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: '3366fa4637d05296f9132849b0293e5341eec6c0', class: "spw-textarea__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '820de0e531b4eab19f4b5d333648c37728f42c62', class: "spw-textarea__container" }, index.h("textarea", { key: '56b350e2358fb6a1a08deeb91e093dea9f229f39', class: "spw-textarea__input", ref: el => (this.textareaElement = el), value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/cjs/spw-tile-description.cjs.entry.js CHANGED Viewed

@@ -1,15 +1,15 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwTileDescriptionCss = () => `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}:host(.--icon) .spw-tile-description{color:var(--spw-color-themes-grey-grey-700);line-height:1.5;font-size:18px}:host(.--big) .spw-tile-description,:host(.--light) .spw-tile-description{color:white;line-height:1.3;font-size:18px}`;
+const spwTileDescriptionCss = () => `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}:host(.--icon) .spw-tile-description{color:var(--spw-color-themes-grey-grey-700);line-height:1.5;font-size:18px}:host(.--big) .spw-tile-description,:host(.--light) .spw-tile-description{color:white;line-height:1.3;font-size:18px}`;
 const SpwTileDescription = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'd7d9482375c4826fe98f270c8c9c9122c962c21b', class: "spw-tile-description" }, index.h("slot", { key: '2114c67b9a8061a84a91a3ead4a10584752a6721' })));
+        return (index.h("div", { key: '2e2ca1aefcce18fbc046789a6bd233dbb6fb4c2a', class: "spw-tile-description" }, index.h("slot", { key: '1665a822df4fa486ca16fbd67c5ea8e25811c52e' })));
     }
 };
 SpwTileDescription.style = spwTileDescriptionCss();

package/dist/cjs/spw-tile-title.cjs.entry.js CHANGED Viewed

@@ -1,15 +1,15 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwTileTitleCss = () => `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-tile-title-icon:20px;--spw-tile-title-underline:none}:host(.--icon) .spw-tile-title{color:var(--spw-color-themes-grey-grey-900);line-height:1.4;font-size:var(--spw-tile-title-icon);font-weight:700;text-decoration:var(--spw-tile-title-underline);transition:all 0.2s linear}:host(.--icon.--hovered) .spw-tile-title{color:var(--spw-ds-primary)}:host(.--light) .spw-tile-title{color:white;line-height:1.3;font-size:20px;font-weight:700}:host(.--big) .spw-tile-title{color:white;line-height:1.3;font-size:20px;font-weight:700}`;
+const spwTileTitleCss = () => `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-tile-title-icon:20px;--spw-tile-title-underline:none}:host(.--icon) .spw-tile-title{color:var(--spw-color-themes-grey-grey-900);line-height:1.4;font-size:var(--spw-tile-title-icon);font-weight:700;text-decoration:var(--spw-tile-title-underline);transition:all 0.2s linear}:host(.--icon.--hovered) .spw-tile-title{color:var(--spw-ds-primary)}:host(.--light) .spw-tile-title{color:white;line-height:1.3;font-size:20px;font-weight:700}:host(.--big) .spw-tile-title{color:white;line-height:1.3;font-size:20px;font-weight:700}`;
 const SpwTileTitle = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("h3", { key: '05d6dbd338858f5107c57c8a171b4f7575d91201', class: "spw-tile-title" }, index.h("slot", { key: 'aefb5939acf89286bef5e4c03acbdef82d1a1309' })));
+        return (index.h("h3", { key: 'cd661b27606403e5396d468240e583ead0680094', class: "spw-tile-title" }, index.h("slot", { key: 'e0c8e41cdbc51325bcc2f70f41abea825ca1b5f6' })));
     }
 };
 SpwTileTitle.style = spwTileTitleCss();

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwTileCss = () => `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-tile{display:block;text-decoration:none;position:relative;transition:all 0.3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{position:relative;padding-top:calc(70% - 12px);border-radius:6px;overflow:hidden}@media (min-width: 1024px){.spw-tile--big,.spw-tile--light{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-landscape,.spw-tile--light.spw-tile--height-landscape{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-square,.spw-tile--light.spw-tile--height-square{padding-top:100%}.spw-tile--big.spw-tile--height-portrait,.spw-tile--light.spw-tile--height-portrait{padding-top:150%}}.spw-tile--big:before,.spw-tile--light:before{content:"";background:black;opacity:0;transition:all linear 0.2s;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.spw-tile--big:hover:before,.spw-tile--light:hover:before{opacity:0.3}.spw-tile__overlay,.spw-tile__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-tile__overlay{z-index:2;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0.75) 100%)}.spw-tile__image{z-index:1;object-fit:cover}.spw-tile__button{background:white;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:var(--spw-ds-primary);border-radius:50%;transition:all 0.2s ease-in;border:2px solid transparent;font-size:20px;margin-top:12px}.spw-tile:hover .spw-tile__button{border-color:white;color:white;background:transparent}.spw-tile--icon .spw-tile__content{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content ::slotted(spw-icon){font-size:32px;color:var(--spw-ds-primary)}.spw-tile--light .spw-tile__content,.spw-tile--big .spw-tile__content{position:absolute;z-index:3;display:flex;flex-direction:column;gap:6px;padding:24px;bottom:0;left:0;width:100%}.spw-tile--light .spw-tile__content{text-align:center;padding-bottom:24px}`;
+const spwTileCss = () => `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-tile{display:block;text-decoration:none;position:relative;transition:all 0.3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{position:relative;padding-top:calc(70% - 12px);border-radius:6px;overflow:hidden}@media (min-width: 1024px){.spw-tile--big,.spw-tile--light{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-landscape,.spw-tile--light.spw-tile--height-landscape{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-square,.spw-tile--light.spw-tile--height-square{padding-top:100%}.spw-tile--big.spw-tile--height-portrait,.spw-tile--light.spw-tile--height-portrait{padding-top:150%}}.spw-tile--big:before,.spw-tile--light:before{content:"";background:black;opacity:0;transition:all linear 0.2s;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.spw-tile--big:hover:before,.spw-tile--light:hover:before{opacity:0.3}.spw-tile__overlay,.spw-tile__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-tile__overlay{z-index:2;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0.75) 100%)}.spw-tile__image{z-index:1;object-fit:cover}.spw-tile__button{background:white;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:var(--spw-ds-primary);border-radius:50%;transition:all 0.2s ease-in;border:2px solid transparent;font-size:20px;margin-top:12px}.spw-tile:hover .spw-tile__button{border-color:white;color:white;background:transparent}.spw-tile--icon .spw-tile__content{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content ::slotted(spw-icon){font-size:32px;color:var(--spw-ds-primary)}.spw-tile--light .spw-tile__content,.spw-tile--big .spw-tile__content{position:absolute;z-index:3;display:flex;flex-direction:column;gap:6px;padding:24px;bottom:0;left:0;width:100%}.spw-tile--light .spw-tile__content{text-align:center;padding-bottom:24px}`;
 const SpwTile = class {
     constructor(hostRef) {
@@ -62,7 +62,7 @@ const SpwTile = class {
                 href,
                 target,
             };
-        return (index.h(index.Host, { key: 'bfe89bf6bbc024ba24728c3dc8bd93a6c2686cd2' }, index.h(TagType, Object.assign({ key: '08a626018b6ce7a7625f59e7014d260bbfd469f2' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (index.h(index.Fragment, { key: 'd10e37e2f568ea8a37765005f8c034e3797548cf' }, index.h("div", { key: '1a8125f848769c9434d312377a98e0af1e255b96', class: "spw-tile__overlay", style: { opacity: `${this.overlayOpacity / 100}` } }), index.h("img", { key: '8e4ee3105ed60254ab3dd63e1e11a12b108f3c86', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), index.h("div", { key: '4a29a2762059920b30c8c8f9c263db7e0ac4ddb4', class: "spw-tile__content" }, index.h("slot", { key: '4b0c4829fba48f8933e9912a183512fda123244c' }), this.href && this.variant === 'big' && (index.h("span", { key: '62e241193a6e110d28d7b23a7b4fd5efa0335bd1', class: "spw-tile__button" }, index.h("spw-icon", { key: '302f3e38734bab17dd70f89e1d036ac8c0a210fd', icon: "fa-chevron-right" })))))));
+        return (index.h(index.Host, { key: '14395d110680c95303f45d567a4e6bace5a8d7fc' }, index.h(TagType, Object.assign({ key: 'd90d895005cdcc47c9f42bdda34abe4d6cfd571a' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (index.h(index.Fragment, { key: '901cd1e2e55bd95616c29284c0cbb4b97234d8e6' }, index.h("div", { key: '86dc71f0fcf1d85da4116cc39ead77a706d1ab47', class: "spw-tile__overlay", style: { opacity: `${this.overlayOpacity / 100}` } }), index.h("img", { key: '09aecba4cb28384ea3e8406a898b701e1676eb45', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), index.h("div", { key: '3c2dcb3185bc0c1779a0c6f6c9519cf1828a4561', class: "spw-tile__content" }, index.h("slot", { key: 'bf6693c2aefc9fcc0490e60d3848e3bcaeabe77c' }), this.href && this.variant === 'big' && (index.h("span", { key: '672d7155ea60472623db224cea93da79f9aa9679', class: "spw-tile__button" }, index.h("spw-icon", { key: '44e341d903da02185495c55bbb927189f60eaa5e', icon: "fa-chevron-right" })))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/spw-timeline-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 spwTimelineItemCss = () => `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:flex;flex:1;flex-direction:column;align-items:center}:host:last-child{flex:0}.spw-timeline-item{display:flex;flex-direction:column;align-items:center;width:100%}.spw-timeline-item--vertical{position:relative;flex-direction:row;align-items:flex-start;gap:16px}.spw-timeline-item__step{display:flex;align-items:center;width:100%;position:relative;justify-content:center;font-size:18px;line-height:1;font-weight:700}.spw-timeline-item__step spw-icon{font-size:16px}.spw-timeline-item--vertical .spw-timeline-item__step{position:static;flex-direction:column;align-items:flex-start;justify-content:start;flex:1}.spw-timeline-item__icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid;flex-shrink:0;z-index:1;background-color:white;transition:all 0.3s ease;position:relative;border-color:#d1d5db}.spw-timeline-item__icon svg{width:24px;height:24px}.spw-timeline-item__connector{position:absolute;left:50%;right:-50%;height:3px;transition:background-color 0.3s ease;background-color:#d1d5db}.spw-timeline-item--vertical .spw-timeline-item__connector{top:0;left:7px;right:auto;width:3px;height:calc(100% + 6px)}.spw-timeline-item__label{display:inline-flex;gap:8px;font-size:16px;font-weight:700;text-align:center;margin-top:4px;color:var(--spw-color-themes-grey-grey-900);padding:0 8px}.spw-timeline-item--vertical .spw-timeline-item__label{text-align:left}.spw-timeline-item__label--clickable{text-decoration:underline;cursor:pointer;user-select:none}.spw-timeline-item__label--clickable:hover{text-decoration:none}.spw-timeline-item__label-text{flex:1}.spw-timeline-item__description-wrapper{margin-top:4px;display:flex;flex-direction:column;align-items:center;gap:8px}.spw-timeline-item--vertical .spw-timeline-item__description-wrapper{align-items:flex-start}.spw-timeline-item__description{font-size:14px;text-align:center;color:var(--spw-color-themes-grey-grey-700);padding:0 8px;transition:all 0.3s ease}.spw-timeline-item--vertical .spw-timeline-item__description{text-align:left}.spw-timeline-item__description--collapsed{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.spw-timeline-item__toggle{cursor:pointer;font-size:20px;color:var(--spw-ds-primary);transition:transform 0.3s ease}.spw-timeline-item__toggle:hover{opacity:0.8}.spw-timeline-item--vertical .spw-timeline-item__content{margin-top:-6px;margin-bottom:8px}.spw-timeline-item--active .spw-timeline-item__icon{border-color:var(--spw-ds-primary);background-color:var(--spw-ds-primary);color:white}.spw-timeline-item--active .spw-timeline-item__label{color:var(--spw-ds-primary)}.spw-timeline-item--default .spw-timeline-item__icon{border-color:#d1d5db;background-color:white;color:#d1d5db}`;
+const spwTimelineItemCss = () => `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:flex;flex:1;flex-direction:column;align-items:center}:host:last-child{flex:0}.spw-timeline-item{display:flex;flex-direction:column;align-items:center;width:100%}.spw-timeline-item--vertical{position:relative;flex-direction:row;align-items:flex-start;gap:16px}.spw-timeline-item__step{display:flex;align-items:center;width:100%;position:relative;justify-content:center;font-size:18px;line-height:1;font-weight:700}.spw-timeline-item__step spw-icon{font-size:16px}.spw-timeline-item--vertical .spw-timeline-item__step{position:static;flex-direction:column;align-items:flex-start;justify-content:start;flex:1}.spw-timeline-item__icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid;flex-shrink:0;z-index:1;background-color:white;transition:all 0.3s ease;position:relative;border-color:#d1d5db}.spw-timeline-item__icon svg{width:24px;height:24px}.spw-timeline-item__connector{position:absolute;left:50%;right:-50%;height:3px;transition:background-color 0.3s ease;background-color:#d1d5db}.spw-timeline-item--vertical .spw-timeline-item__connector{top:0;left:7px;right:auto;width:3px;height:calc(100% + 6px)}.spw-timeline-item__label{display:inline-flex;gap:8px;font-size:16px;font-weight:700;text-align:center;margin-top:4px;color:var(--spw-color-themes-grey-grey-900);padding:0 8px}.spw-timeline-item--vertical .spw-timeline-item__label{text-align:left}.spw-timeline-item__label--clickable{text-decoration:underline;cursor:pointer;user-select:none}.spw-timeline-item__label--clickable:hover{text-decoration:none}.spw-timeline-item__label-text{flex:1}.spw-timeline-item__description-wrapper{margin-top:4px;display:flex;flex-direction:column;align-items:center;gap:8px}.spw-timeline-item--vertical .spw-timeline-item__description-wrapper{align-items:flex-start}.spw-timeline-item__description{font-size:14px;text-align:center;color:var(--spw-color-themes-grey-grey-700);padding:0 8px;transition:all 0.3s ease}.spw-timeline-item--vertical .spw-timeline-item__description{text-align:left}.spw-timeline-item__description--collapsed{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.spw-timeline-item__toggle{cursor:pointer;font-size:20px;color:var(--spw-ds-primary);transition:transform 0.3s ease}.spw-timeline-item__toggle:hover{opacity:0.8}.spw-timeline-item--vertical .spw-timeline-item__content{margin-top:-6px;margin-bottom:8px}.spw-timeline-item--active .spw-timeline-item__icon{border-color:var(--spw-ds-primary);background-color:var(--spw-ds-primary);color:white}.spw-timeline-item--active .spw-timeline-item__label{color:var(--spw-ds-primary)}.spw-timeline-item--default .spw-timeline-item__icon{border-color:#d1d5db;background-color:white;color:#d1d5db}`;
 const SpwTimelineItem = class {
     constructor(hostRef) {
@@ -61,10 +61,10 @@ const SpwTimelineItem = class {
     }
     render() {
         const showConnector = this.isLast === 'false';
-        return (index.h(index.Host, { key: '53dbbe5fa4b236b8cb5f65470008c0ecd579c770' }, index.h("div", { key: '71bb24a3e108320df0531e0aa8a4266cca248eef', class: this.elementClass }, index.h("div", { key: '086bf781e6ad6b162aaa5c561ac19b2990beed47', class: "spw-timeline-item__step" }, index.h("div", { key: '5d146d5bcb09d3276ffa5e56123f22d9293b1747', class: "spw-timeline-item__icon" }), showConnector && index.h("div", { key: '3452c57384ec4f338d967a5af04910f067417267', class: "spw-timeline-item__connector" })), index.h("div", { key: 'c36f2037548b5186c7b7eb8a69f8281066713202', class: "spw-timeline-item__content" }, this.renderLabel(), this.description && (index.h("div", { key: '7cd1fa2cef9c56b38f210b97a60552438172f772', class: "spw-timeline-item__description-wrapper" }, index.h("div", { key: '92bd48fb4a24b599499dec90046fa104173b7504', ref: el => (this.descriptionRef = el), class: {
+        return (index.h(index.Host, { key: '41fa618d9a5a29f4f1bf4148233bd99508b234c2' }, index.h("div", { key: '2fa81b51f997f52fccf92f906c1638e9cf232a69', class: this.elementClass }, index.h("div", { key: '7159236f4f5d6dc6eee908f00fae08ace4fcc34f', class: "spw-timeline-item__step" }, index.h("div", { key: 'c63d51222a85fecff245fbcb4a5f0ac5da89600e', class: "spw-timeline-item__icon" }), showConnector && index.h("div", { key: 'b26dadd6114ce0a770ddf14107215a418fdda4f8', class: "spw-timeline-item__connector" })), index.h("div", { key: 'c46f51f7a49b9715882b837b33236ea541be8e2e', class: "spw-timeline-item__content" }, this.renderLabel(), this.description && (index.h("div", { key: '6ad63db55014a9dbddbb716e258560ef99f2b857', class: "spw-timeline-item__description-wrapper" }, index.h("div", { key: 'eee20fb56f5393a65380aa3b30fa2c3c7b86872c', ref: el => (this.descriptionRef = el), class: {
                 'spw-timeline-item__description': true,
                 'spw-timeline-item__description--collapsed': !this.isDescriptionExpanded,
-            } }, this.description))), index.h("slot", { key: 'f5b72cbe99f59013f8f4c222cfd4145a263dbfc9' })))));
+            } }, this.description))), index.h("slot", { key: '02c17abcaaee39a0c7b95cb6c2fc852447ed5574' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwTimelineCss = () => `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-timeline{display:flex;gap:6px}.spw-timeline--horizontal{flex-direction:row}.spw-timeline--vertical{flex-direction:column;align-items:flex-start}.spw-timeline__toggle{margin-top:8px;padding-left:32px;margin-left:7px;border-left:3px dashed #d1d5db}.spw-timeline__toggle--less{border-left-color:transparent}.spw-timeline__toggle-btn{background:none;border:none;color:var(--spw-ds-primary);font-size:14px;font-weight:700;text-decoration:underline;cursor:pointer;padding:0}.spw-timeline__toggle-btn:hover{text-decoration:none}`;
+const spwTimelineCss = () => `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-timeline{display:flex;gap:6px}.spw-timeline--horizontal{flex-direction:row}.spw-timeline--vertical{flex-direction:column;align-items:flex-start}.spw-timeline__toggle{margin-top:8px;padding-left:32px;margin-left:7px;border-left:3px dashed #d1d5db}.spw-timeline__toggle--less{border-left-color:transparent}.spw-timeline__toggle-btn{background:none;border:none;color:var(--spw-ds-primary);font-size:14px;font-weight:700;text-decoration:underline;cursor:pointer;padding:0}.spw-timeline__toggle-btn:hover{text-decoration:none}`;
 const SpwTimeline = class {
     constructor(hostRef) {
@@ -59,11 +59,11 @@ const SpwTimeline = class {
         return this.visibleItems > 0 && items.length > this.visibleItems;
     }
     render() {
-        return (index.h(index.Host, { key: 'ea13c5ce5fa1e33f26a6e3de6b812f8088e4c9db' }, index.h("div", { key: '82eba85ca6700a791cf9b6ec25daaab8ccc2e9c7', class: this.elementClass }, index.h("slot", { key: '0f0353e7fcc8afdefd65ff19b8f541b723abc490' })), this.shouldShowToggleButton() && (index.h("div", { key: '9e4d3b2576e956bc27454cb37648da0ae3463f5b', class: {
+        return (index.h(index.Host, { key: 'ae1c442c820f302e5f2b8c0ad0fc3d59e51e684a' }, index.h("div", { key: '561420901855c016b08989f869845b31571785cd', class: this.elementClass }, index.h("slot", { key: '341be1651c979183d62ed11afac141c05c3222e5' })), this.shouldShowToggleButton() && (index.h("div", { key: 'd332e3b348e03bae97defc160fa2d2fc8e9201cb', class: {
                 'spw-timeline__toggle': true,
                 'spw-timeline__toggle--more': !this.showAll,
                 'spw-timeline__toggle--less': this.showAll,
-            } }, index.h("span", { key: '9a1d3851fc7f1ac0968964b828d39426f435f4fe', class: "spw-timeline__toggle-btn", onClick: this.handleToggle }, this.showAll ? this.showLessText : this.showMoreText)))));
+            } }, index.h("span", { key: 'e5d9bbdb795a05f7b8985ecc92837b1657489140', class: "spw-timeline__toggle-btn", onClick: this.handleToggle }, this.showAll ? this.showLessText : this.showMoreText)))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/spw-toast-controller.cjs.entry.js ADDED Viewed

@@ -0,0 +1,58 @@
+'use strict';
+var index = require('./index-C3xxcmHu.js');
+const spwToastControllerCss = () => `@charset "UTF-8";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:contents;--spw-toast-controller-gap:10px;--spw-toast-controller-offset:24px;--spw-toast-controller-width:360px;--spw-toast-controller-z-index:999999999}.spw-toast-controller__stack{position:fixed;display:flex;flex-direction:column;gap:var(--spw-toast-controller-gap);z-index:var(--spw-toast-controller-z-index);width:var(--spw-toast-controller-width);max-width:calc(100vw - 2 * var(--spw-toast-controller-offset));pointer-events:none}.spw-toast-controller__stack>*{pointer-events:auto}.spw-toast-controller__stack--top-right{top:var(--spw-toast-controller-offset);right:var(--spw-toast-controller-offset)}.spw-toast-controller__stack--top-left{top:var(--spw-toast-controller-offset);left:var(--spw-toast-controller-offset)}.spw-toast-controller__stack--top-center{top:var(--spw-toast-controller-offset);left:50%;transform:translateX(-50%)}.spw-toast-controller__stack--bottom-right{bottom:var(--spw-toast-controller-offset);right:var(--spw-toast-controller-offset);flex-direction:column-reverse}.spw-toast-controller__stack--bottom-left{bottom:var(--spw-toast-controller-offset);left:var(--spw-toast-controller-offset);flex-direction:column-reverse}.spw-toast-controller__stack--bottom-center{bottom:var(--spw-toast-controller-offset);left:50%;transform:translateX(-50%);flex-direction:column-reverse}`;
+const SpwToastController = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Position du conteneur de toasts sur l'écran.
+         * Valeurs: 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center'
+         */
+        this.position = 'bottom-right';
+    }
+    /**
+     * Crée et affiche un nouveau toast.
+     * @returns la référence à l'élément spw-toast créé
+     */
+    async create(options) {
+        var _a;
+        const toast = document.createElement('spw-toast');
+        if (options.heading)
+            toast.heading = options.heading;
+        if (options.message)
+            toast.message = options.message;
+        if (options.linkLabel)
+            toast.linkLabel = options.linkLabel;
+        if (options.linkHref)
+            toast.linkHref = options.linkHref;
+        if (options.icon)
+            toast.icon = options.icon;
+        toast.variant = (_a = options.variant) !== null && _a !== void 0 ? _a : 'default';
+        toast.duration = options.duration !== undefined ? options.duration : 5000;
+        toast.dismissable = options.dismissable !== undefined ? options.dismissable : true;
+        if (options.onLinkClick) {
+            toast.addEventListener('spwToastLinkClick', options.onLinkClick);
+        }
+        this.stackEl.appendChild(toast);
+        return toast;
+    }
+    /**
+     * Ferme tous les toasts affichés.
+     */
+    async dismissAll() {
+        const toasts = Array.from(this.stackEl.querySelectorAll('spw-toast'));
+        await Promise.all(toasts.map(t => { var _a; return (_a = t.dismiss) === null || _a === void 0 ? void 0 : _a.call(t); }));
+    }
+    render() {
+        return (index.h(index.Host, { key: '0708b7377e7d5d278ebdcb59cbff21ca9fb78a32' }, index.h("div", { key: 'dd5d652ad15187301c0d968bb996482de7262372', class: {
+                'spw-toast-controller__stack': true,
+                [`spw-toast-controller__stack--${this.position}`]: true,
+            }, "aria-label": "Notifications", ref: el => (this.stackEl = el) })));
+    }
+};
+SpwToastController.style = spwToastControllerCss();
+exports.spw_toast_controller = SpwToastController;