@spw-ds/spw-stencil-library 1.15.0 → 1.17.0

package/dist/esm/spw-table-header.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-C5N6FAxf.js';
+import { r as registerInstance, c as createEvent, h } from './index-DkNryMko.js';
 
 const spwTableHeaderCss = () => `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);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}:host(.--is-sticky) .spw-table-header{position:sticky;top:0;z-index:50}.spw-table-header{border:1px solid var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left;font-weight:700;transition:all 0.2s linear;background:var(--spw-color-themes-grey-grey-200);white-space:nowrap;border-top:none !important;border-bottom:none !important;box-shadow:inset 0 1px 0 var(--spw-color-themes-grey-grey-300), inset 0 -1px 0 var(--spw-color-themes-grey-grey-300);background-clip:padding-box}.spw-table-header--text-align-left{text-align:left}.spw-table-header--text-align-center{text-align:center}.spw-table-header--text-align-right{text-align:right}.spw-table-header--vertical-align-top{vertical-align:top}.spw-table-header--vertical-align-bottom{vertical-align:bottom}.spw-table-header--vertical-align-middle{vertical-align:middle}.spw-table-header--sortable{user-select:none;cursor:pointer}.spw-table-header--sortable:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-table-header__content{display:flex;justify-content:space-between;align-items:center;gap:8px}.spw-table-header__content spw-icon{color:var(--spw-color-themes-grey-grey-500)}.spw-table-header__content spw-icon:hover{color:var(--spw-color-themes-grey-grey-900)}.spw-table-header__content--is-sorted .spw-table-header__sort-icon{color:var(--spw-color-themes-grey-grey-900)}.spw-table-header__sort-icons{display:flex;gap:0}.spw-table-header--padding-small{padding:8px}.spw-table-header--padding-medium{padding:16px}.spw-table-header__icons{display:flex;gap:8px;align-items:center;color:var(--spw-color-themes-grey-grey-500)}.spw-table-header ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-header--sticky{position:sticky;background-color:var(--spw-color-themes-grey-grey-200)}.spw-table-header--sticky::after{content:"";position:absolute;top:0;bottom:-1px;width:8px;pointer-events:none;transition:opacity 0.2s}.spw-table-header--sticky-start::after{right:-8px;box-shadow:inset 8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-header--sticky-end::after{left:-8px;box-shadow:inset -8px 0 8px -8px rgba(0, 0, 0, 0.15)}@media (max-width: 767px){:host{display:none}}`;
 
@@ -70,10 +70,10 @@ const SpwTableHeader = class {
             }
             attrs.style = stickyStyles;
         }
-        return (h("th", Object.assign({ key: 'ce7cc74eed9c6938e861a8a0d655136d26a06aa7' }, attrs), h("div", { key: '083f10b3048ac936f2bb75880550093bd98c1155', class: {
+        return (h("th", Object.assign({ key: 'c96b8e0732bbe18ba3eedfa06bfb4ae3a73de540' }, attrs), h("div", { key: '34ae0d5a2fbd7e93aa305b332fcb58c40f20e716', class: {
                 'spw-table-header__content': true,
                 'spw-table-header__content--is-sorted': this.isSorted,
-            } }, h("slot", { key: '4613e31e43c8614664f44415ee08ac516dae162b' }), h("div", { key: '35472e4873913118019d977ce34f1712946b975d', class: "spw-table-header__icons" }, h("slot", { key: 'a7fba819781c4934f310957d4b45bef79b0f76ea', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '5f3fc7ac464ff405e7cc806e7e5f05caadda089c', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: 'f5b37045e1747cad5a6ea2e7a1479959a67d7d37', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: 'ee41a3e217eea013939681a48def032d6aebac45', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
+            } }, h("slot", { key: 'f844a5f239ed5255492dffd6e064dea78d466a78' }), h("div", { key: '711f86026809f0d858b17ac138d0d69cb05584e5', class: "spw-table-header__icons" }, h("slot", { key: 'd6402e00b5c8ba5053af927215682a13e636cea7', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '3080be068c69098c9682dc6d1ad34b936c32517d', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: 'b73522b0f1ae52b1f55e8ac90aa4f256860e3ca3', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: '92f6b44fceffa12cdec3f692283700c710975e2a', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
     }
 };
 SpwTableHeader.style = spwTableHeaderCss();

package/dist/esm/spw-table-row.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DkNryMko.js';
 
 const spwTableRowCss = () => `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);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}:host([data-row-style=odd]) .spw-table-row{background-color:var(--spw-color-themes-grey-grey-50)}.spw-table-row--disabled{background:white}.spw-table-row--selected{background-color:var(--spw-color-themes-blue-blue-50);box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}@media (max-width: 767px){:host{display:block;margin:6px 0}.spw-table-row{display:flex;flex-direction:column;border:1px solid var(--spw-color-themes-grey-grey-300);border-radius:8px;background:white;overflow:hidden;padding:6px 0}.spw-table-row--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-row--disabled{opacity:0.6}:host([data-row-style=odd]) .spw-table-row{background-color:white}}`;
 
@@ -53,7 +53,7 @@ const SpwTableRow = class {
         };
     }
     render() {
-        return (h(Host, { key: 'd63972338e3a369fcf4283785dcb0a6c9a951bca', part: "row" }, h("tr", { key: 'b0360654aff1fa225205e1d14559d4c870ee2d4b', class: this.elementClass, part: "row" }, h("slot", { key: '2a13f9383b5edf0ba26e6666cb81f5c7cc1d38bb' }))));
+        return (h(Host, { key: 'ef85e30b6faee845cbf6db79117c53e098e99a5a', part: "row" }, h("tr", { key: '0e76eada2017642d143d438c86f29a9e604c8afe', class: this.elementClass, part: "row" }, h("slot", { key: 'b93e4e25e54448fb460719423ba2f4d0e607aea6' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/spw-table-sidebar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DkNryMko.js';
 
 const spwTableSidebarCss = () => `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);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;position:relative}.spw-table-sidebar{width:200px;height:100%;background:white;border:1px solid var(--spw-color-themes-grey-grey-300);border-right:0;z-index:99;transition:width 0.2s ease;display:flex;flex-direction:column;position:relative}.spw-table-sidebar__toggle{position:absolute;right:0;top:36px;width:20px;padding:6px 0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:var(--spw-effect-elevation-6);border:1px solid var(--spw-colors-support-grey-grey-300);cursor:pointer;font-size:13px;z-index:20;transform:translateX(50%);background:white;line-height:1}.spw-table-sidebar__toggle spw-icon{position:relative;transition:transform 0.15s 0.2s ease}.spw-table-sidebar--expanded .spw-table-sidebar__toggle spw-icon{transform:rotate(0deg)}.spw-table-sidebar--collapsed .spw-table-sidebar__toggle spw-icon{transform:rotate(180deg)}.spw-table-sidebar__content{overflow:hidden;flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column}.spw-table-sidebar__content::-webkit-scrollbar{width:14px;height:14px}.spw-table-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-table-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-table-sidebar--collapsed .spw-table-sidebar__content{display:none}.spw-table-sidebar__mini{padding:16px 0;text-align:center;display:none}.spw-table-sidebar--collapsed .spw-table-sidebar__mini{display:block}.spw-table-sidebar__mini spw-icon{cursor:pointer}.spw-table-sidebar--expanded{width:var(--spw-table-sidebar-width)}.spw-table-sidebar--collapsed{width:50px}.spw-table-sidebar__header,.spw-table-sidebar__footer{padding:16px;position:sticky;background:var(--spw-ds-white);z-index:10}.spw-table-sidebar__header{top:0;padding-bottom:16px;border-bottom:1px solid var(--spw-color-themes-grey-grey-200);display:flex;align-items:center;justify-content:space-between;gap:8px}.spw-table-sidebar__header-title{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.spw-table-sidebar__header-reset{flex-shrink:0}.spw-table-sidebar__footer{bottom:0;padding-top:16px;border-top:1px solid var(--spw-color-themes-grey-grey-200)}.spw-table-sidebar__scrollable-content{padding:16px;flex:1}`;
 
@@ -128,7 +128,7 @@ const SpwTableSidebar = class {
     }
     render() {
         const style = Object.assign(Object.assign({}, (this.observedHeight !== undefined && { height: `${this.observedHeight}px` })), { '--spw-table-sidebar-width': `${this.sidebarWidth}px` });
-        return (h(Host, { key: 'e4a9d1a354e32ef75efd8ef35f43c762b076e870', style: style, class: this.hostClass }, h("nav", { key: 'bb90239cc30b9eca49ebf0c894aa49e5b58c6aef', class: this.elementClass }, h("span", { key: '156cb5e97301822b609b589976cea3863fdb7b54', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '8fc362d585fbcc5a5665794fea821cbcb96caaa7', icon: "fa-chevron-left" })), h("div", { key: '7482227bda0933747f31f9b22619ed38a6a3079f', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, h("spw-icon", { key: '4a83771c96c9c27f23cb4b1679894875fd644530', icon: this.sidebarIcon, variant: "fa-regular" })), h("div", { key: '60bad1c24dee5c603ac3ec6fbe853ecced481cc2', class: "spw-table-sidebar__content" }, h("div", { key: '1a638e4991e67185a86417792f4454da4a145451', class: "spw-table-sidebar__header" }, h("span", { key: 'fc0f7b5a002d3fd73bd1a5991048c90dece45398', class: "spw-table-sidebar__header-title" }, h("spw-icon", { key: '86dae93102277fc63cc260f3d3d28fa538d07eb9', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (h("spw-button", { key: '97f4c00f9c1ca32d01292261c661134c7e86ee5a', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), h("div", { key: '88281ad76c136273bde8e9ac8217503cfd10eaca', class: "spw-table-sidebar__scrollable-content" }, h("slot", { key: 'd37272c7272d51abe6c972882809bad6b4ffe7fd' })), h("div", { key: '65eb9775f2c0a53797ee59bda9a134e3551f6fd1', class: "spw-table-sidebar__footer" }, h("slot", { key: '62999f25d68bc356b3033c3bd4943d0a79611740', name: "sidebar-footer" }))))));
+        return (h(Host, { key: '0e0e7237879e061033c214e6ba44ec20ce0cfaa0', style: style, class: this.hostClass }, h("nav", { key: 'd8bce9a96e6e7dd985879c259b5d16f290d3de7e', class: this.elementClass }, h("span", { key: '4f07b91f8c5d93d9eef7c7c68bba09ddfad4417d', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: 'b3a0feebb78062a2d185ea55c2a1ae986bfe665d', icon: "fa-chevron-left" })), h("div", { key: 'd14f2ebd001188ef6edc200ad2817e1ec55a0e4e', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, h("spw-icon", { key: '718aa5704a6a7e5bcd85492abe40f31f1ce00842', icon: this.sidebarIcon, variant: "fa-regular" })), h("div", { key: '138a2aabbe55682ae3b411242591a40d1c2fc162', class: "spw-table-sidebar__content" }, h("div", { key: 'c84392125d283e0d330875c4fa1026597336d28d', class: "spw-table-sidebar__header" }, h("span", { key: '820d3b63f481bebbccb6a611b48dc3be3fcb7be0', class: "spw-table-sidebar__header-title" }, h("spw-icon", { key: 'ed32ded914de3d9199909e8d85d4184c7af87923', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (h("spw-button", { key: '5b7fa07306c572ded7a28cd5ead4d27245516847', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), h("div", { key: 'dc6b37b9a1a6921ddb3462cfe055851f1a25e9ae', class: "spw-table-sidebar__scrollable-content" }, h("slot", { key: 'fec62db7642e1a7998feef12917f6f6fa40c81e2' })), h("div", { key: 'f012224dd279b2c5f92227abf0cfb70ba98ac2b0', class: "spw-table-sidebar__footer" }, h("slot", { key: '8ef26eec47a4bbe7739d7bf75c3aa54358b1be32', name: "sidebar-footer" }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-table.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DkNryMko.js';
 
 const spwTableCss = () => `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);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;position:relative;flex:1;min-width:0}.spw-table-container{display:flex;width:100%;max-height:var(--spw-table-max-height);outline:1px solid var(--spw-color-themes-grey-grey-300);outline-offset:-1px;position:relative;overflow:hidden}.spw-table-container--resizable{border-bottom-left-radius:0;border-bottom-right-radius:0}.spw-table-wrapper{flex:1;min-width:0;overflow-x:auto;overflow-y:auto}.spw-table-wrapper::-webkit-scrollbar{width:14px;height:14px}.spw-table-wrapper::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-table-wrapper::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table-wrapper{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-table{width:100%;border-collapse:collapse;min-width:var(--spw-table-min-width);border-radius:4px;position:relative}.spw-table--layout-fixed{table-layout:fixed}.spw-table--layout-auto{table-layout:auto}@media (max-width: 767px){.spw-table{display:block;min-width:0;border-collapse:separate;border:none;outline:none;padding:6px 12px}}.spw-table-resize-handle{position:relative;height:12px;width:100%;cursor:ns-resize;display:flex;align-items:center;justify-content:center;background:var(--spw-color-themes-grey-grey-100);border:1px solid var(--spw-color-themes-grey-grey-300);border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;transition:background-color 0.2s ease;user-select:none}.spw-table-resize-handle:hover{background:var(--spw-color-themes-grey-grey-200)}.spw-table-resize-handle:active{background:var(--spw-color-themes-grey-grey-300)}.spw-table-resize-handle__bar{width:40px;height:3px;background:var(--spw-color-themes-grey-grey-400);border-radius:2px;pointer-events:none}.spw-table-resize-handle:hover .spw-table-resize-handle__bar{background:var(--spw-color-themes-grey-grey-500)}`;
 

package/dist/esm/spw-tabs-content.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-C5N6FAxf.js';
+import { r as registerInstance, h } from './index-DkNryMko.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:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--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: 360px){.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: 1200px){.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}`;
 

package/dist/esm/spw-tabs-navigation-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, a as getElement } from './index-DkNryMko.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:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--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: 360px){.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: 1200px){.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}`;
 
@@ -68,7 +68,7 @@ const SpwTabsNavigationItem = class {
         const iconClass = `spw-icon--${iconPosition}`;
         const iconElement = this.icon ? h("spw-icon", { class: iconClass, icon: this.icon }) : null;
         const tagElement = this.tagText ? (h("spw-tag", { size: "small", "has-icon": this.tagIcon ? 'true' : 'false', variant: this.tagVariant }, this.tagText)) : null;
-        return (h(Host, { key: '8a6ab7177120da7cfeaa6df17b4702b77280158c', class: this.active ? '--active' : '' }, h("li", { key: '059aa9439e4782abbfcf1be19bd643507e38597f', 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 && (h("spw-tooltip", { key: 'a409e234a4fae3f7d1f4fd4d1e11dfc374021afe', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: 'e517fa9a8a021881b97ce9503a1e8ea63dc2257a' }), iconPosition === 'right' && iconElement, tagElement)), !this.hasEllipsis && (h(Fragment, { key: '99b80b94b52376f53e0d52e25d574280a290cd1d' }, iconPosition === 'left' && iconElement, h("slot", { key: 'ea54c06d2b5be6190bd8118d8168a95c7a6099fc' }), iconPosition === 'right' && iconElement, tagElement)), ' ', this.bubble && h("span", { key: '5445b05a864444ca81bc825ee52d4727b8c760ee', class: "bubble" }))));
+        return (h(Host, { key: '4b62700a4d2e49968423ab063c0c0aeb7c244d48', class: this.active ? '--active' : '' }, h("li", { key: '0f536a2f72074420a65ef5bd8e0557590d784527', 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 && (h("spw-tooltip", { key: '2cb56424e3de368f48ba4730e380f2d920ccd79a', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: '59b23a03f00ecc47e49e03977c9c39f8aa39fea4' }), iconPosition === 'right' && iconElement, tagElement)), !this.hasEllipsis && (h(Fragment, { key: '6c5905313497084503d4b206c49debccad662868' }, iconPosition === 'left' && iconElement, h("slot", { key: '75ee1db82675348e3710c68ba2f279833db6f954' }), iconPosition === 'right' && iconElement, tagElement)), ' ', this.bubble && h("span", { key: '39cf06bdd61e7f10e7b6c2a06ece9dc778c17f89', class: "bubble" }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-tabs-navigation.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, h, a as getElement } from './index-DkNryMko.js';
 
 const spwTabsNavigationCss = () => `@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);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;position:relative;top:1px;--spw-tabs-navigation-border-bottom:1px solid var(--spw-colors-support-grey-grey-300);--spw-tabs-navigation-gap:24px}.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:var(--spw-tabs-navigation-gap);overflow-x:auto;white-space:nowrap;border-bottom:var(--spw-tabs-navigation-border-bottom);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}`;
 
@@ -106,7 +106,7 @@ const SpwTabsNavigation = class {
             'spw-tabs-navigation__list--vertical-on-mobile': this.isVerticalOnMobile,
             'spw-tabs-navigation__list--centered': this.isCentered && !this.hasOverflow,
         };
-        return (h("div", { key: '08654a87ffbca2483e7ba8d06e66c3acfa7451af', class: containerClass }, this.showLeftArrow && (h("button", { key: 'd65d96c9cea2f377c3c3a87c97a86c6de5a49657', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left", onClick: this.scrollLeft, "aria-label": "Faire d\u00E9filer vers la gauche" }, h("spw-icon", { key: '8796f9bdb3b676075019cb5394405e93b59ceb5d', icon: "fa-chevron-left" }))), h("nav", { key: '695e3d495ad17b0b04f54b2f6129839dc534647d', class: navClass, "aria-label": this.accAriaLabel || 'Navigation' }, h("ul", { key: 'f09a3444ba343b2276ed776bcc7c9afec626b5c7', class: listClass, role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: 'df732f63ab39e30a6c4674d7e5314636b49976ae' }))), this.showRightArrow && (h("button", { key: '0e7cae5c151ecbdb30054da1bcd94481305e7101', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right", onClick: this.scrollRight, "aria-label": "Faire d\u00E9filer vers la droite" }, h("spw-icon", { key: '306b468cbc6a1befd79db4e44b4e92bffe8573ad', icon: "fa-chevron-right" })))));
+        return (h("div", { key: '0adb38f7e049a4193dd9ccf9339c264182e35102', class: containerClass }, this.showLeftArrow && (h("button", { key: '3216c361c65b16d20b1e802f088d6682c430f5f7', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left", onClick: this.scrollLeft, "aria-label": "Faire d\u00E9filer vers la gauche" }, h("spw-icon", { key: '10ad5f02999ae842182a00d577f82e3ea07ef846', icon: "fa-chevron-left" }))), h("nav", { key: '6b9c5b61686efcb08d3bdb7c00948f829bbb8e11', class: navClass, "aria-label": this.accAriaLabel || 'Navigation' }, h("ul", { key: '9b12145c2c1e83ef30f410355d6e63df48b5dce8', class: listClass, role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: '5b1b3c24cbb788037f59b43822b9e9d526667c28' }))), this.showRightArrow && (h("button", { key: '61715a66a54fa8d7d9b92ab98b618336ac9fd385', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right", onClick: this.scrollRight, "aria-label": "Faire d\u00E9filer vers la droite" }, h("spw-icon", { key: '33c810bf8e4fad017313973f3833cc7fb4dc5d52', icon: "fa-chevron-right" })))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/spw-tabs.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DkNryMko.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:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}`;
 
@@ -172,7 +172,7 @@ const SpwTabs = class {
         };
     }
     render() {
-        return (h("div", { key: '7e118680d9abcc148c3ec800194d3ce8a18f4178', class: this.elementClass }, h("slot", { key: '7a5c3ecbbf5673b04c892e9acf9e9d472e50e0ee', name: "navigation" }), h("slot", { key: '9bb53a4d2111087ce6fe378861ead015bfcb525f', name: "content" })));
+        return (h("div", { key: 'b6310eb87661de2bf83768ff6cc7d3fc9d6a9669', class: this.elementClass }, h("slot", { key: '57a152f6a6cb53cacd6ef72b374c3428fdd1a69b', name: "navigation" }), h("slot", { key: 'dab20dbc1ba59308580a499bd562890d06315a60', name: "content" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/spw-tag.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-C5N6FAxf.js';
+import { r as registerInstance, h, H as Host } from './index-DkNryMko.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:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-block;--spw-tag-padding-extra-small:6px 8px;--spw-tag-padding-small:6px 10px;--spw-tag-padding-medium:6px 10px;--spw-tag-padding-large:6px 10px}.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-extra-small{font-size:12px;line-height:11px;padding:var(--spw-tag-padding-extra-small);gap:4px}.spw-tag--size-small{font-size:14px;line-height:13px;padding:var(--spw-tag-padding-small);gap:4px}.spw-tag--size-medium{font-size:16px;line-height:15px;padding:var(--spw-tag-padding-medium)}.spw-tag--size-large{font-size:18px;line-height:17px;padding:var(--spw-tag-padding-large)}`;
 
@@ -53,7 +53,7 @@ const SpwTag = class {
             };
         const iconToDisplay = this.icon || this.getIcon(this.variant);
         const iconElement = this.hasIcon ? h("spw-icon", { variant: this.iconVariant, icon: iconToDisplay }) : null;
-        return (h(Host, { key: 'b3d137d06f23bbc00e32c2b4f4d0d80872f0bd0f' }, h(TagType, Object.assign({ key: '856fc1cf018cb5b81bb75486aa0504436d80d16e' }, attrs, { class: this.elementClass }), this.iconPosition === 'left' && iconElement, h("slot", { key: 'e3565bbe9c857973b4dcbd6aad56ad10a3558bb2' }), this.iconPosition === 'right' && iconElement)));
+        return (h(Host, { key: '5bbea711fe7b238e190819b7fc90c4751ca21a13' }, h(TagType, Object.assign({ key: '1122317d82979d80fd995ac4861869f685ec93ce' }, attrs, { class: this.elementClass }), this.iconPosition === 'left' && iconElement, h("slot", { key: '3617ec897e76d86a58e970711b0861329124c36f' }), this.iconPosition === 'right' && iconElement)));
     }
 };
 SpwTag.style = spwTagCss();

package/dist/esm/spw-text-field.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DkNryMko.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:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--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: 360px){.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: 1200px){.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-input-shadow:none}.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);box-shadow:var(--spw-input-shadow);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 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);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--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: 360px){.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: 1200px){.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-input-shadow:none}.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);box-shadow:var(--spw-input-shadow);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--disabled .spw-text-field__number-btn{border-color:var(--spw-color-themes-grey-grey-400)}.spw-text-field--is-error .spw-text-field__number-btn{border-color:var(--spw-colors-states-error-error-300)}.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) {
@@ -259,25 +259,22 @@ const SpwTextField = class {
         }
         return result;
     }
-    renderErrorMessage() {
-        if (this.error) {
-            return (h("spw-field-message", { variant: "error", showIcon: this.showErrorIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.error, h("slot", { name: "details", slot: "details" })));
-        }
-    }
-    renderHintMessage() {
-        if (this.hint) {
-            return (h("spw-field-message", { variant: "hint", showIcon: this.showHintIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.hint, h("slot", { name: "details", slot: "details" })));
-        }
-    }
-    renderSuccessMessage() {
-        if (this.success) {
-            return (h("spw-field-message", { variant: "success", showIcon: this.showSuccessIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.success, h("slot", { name: "details", slot: "details" })));
-        }
-    }
-    renderWarningMessage() {
-        if (this.warning) {
-            return (h("spw-field-message", { variant: "warning", showIcon: this.showWarningIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.warning, h("slot", { name: "details", slot: "details" })));
-        }
+    // isExpandable (details slot) est rendu uniquement sur le dernier message
+    // affiché — sinon on aurait un bouton "Plus d'informations" par message.
+    renderMessages() {
+        const messages = [];
+        if (this.error)
+            messages.push({ variant: 'error', text: this.error, showIcon: this.showErrorIcon });
+        if (this.hint)
+            messages.push({ variant: 'hint', text: this.hint, showIcon: this.showHintIcon });
+        if (this.success)
+            messages.push({ variant: 'success', text: this.success, showIcon: this.showSuccessIcon });
+        if (this.warning)
+            messages.push({ variant: 'warning', text: this.warning, showIcon: this.showWarningIcon });
+        return messages.map((m, i) => {
+            const isLast = i === messages.length - 1;
+            return (h("spw-field-message", { variant: m.variant, showIcon: m.showIcon, isExpandable: isLast && this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, m.text, isLast && h("slot", { name: "details", slot: "details" })));
+        });
     }
     get elementClass() {
         const isNumber = this.type === 'number';
@@ -294,7 +291,7 @@ const SpwTextField = class {
         };
     }
     render() {
-        return (h("div", { key: '5869c33237fa6f602e1e14952e5907c84f033cc3', class: this.elementClass }, this.label && (h("spw-field-label", { key: '45aa105846bb5e410ed0c6eed3d7b885c85e2e80', 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 && (h("spw-field-message", { key: '2291b70d8173c62784789acfc3fe33444f537a71', class: "spw-text-field__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'd94f8a1a1330ac41e5005f39e6895a73758db0a9', class: "spw-text-field__container" }, this.type === 'number' && this.hasControls && (h("button", { key: '22f2bf66c017b29250754153a1fe1c92c974e392', 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 }, h("spw-icon", { key: '0b4e07fe06704629a758657b71ef05a97192579b', icon: "fa-minus" }))), h("div", { key: 'a68d68dbca4b903824d9e3c281865288ac1e964c', class: "spw-text-field__input-container" }, h("input", { key: 'f5bd3a5e1995dbb1a6fa35b09e1b6f22683ff710', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type === 'number' && (this.decimalPrecision != null || this.mask != null) ? 'text' : this.type, inputMode: this.type === 'number' && (this.decimalPrecision != null || this.mask != null) ? 'decimal' : undefined, min: this.type === 'number' && this.decimalPrecision == null && this.mask == null ? this.min : undefined, max: this.type === 'number' && this.decimalPrecision == null && this.mask == null ? this.max : undefined, step: this.type === 'number' && this.decimalPrecision == null && this.mask == null ? this.step : undefined, 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) && (h("div", { key: 'd6b12c440ed633c0f332a7f8fb4a241fca505016', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: '98a87e1ce6d02571796116aa7588378a0c34eebb', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '2a4b6cebc5fe099e3d5375d308332267d86dec59', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && !this.hasSubmitButton && h("spw-icon", { key: '5e3838098d4bd150306215ce71d247d48e611a01', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" }), this.hasSubmitButton && (h("button", { key: 'd1bbf030d7769d8afa31e43b2c2d5769f7588c55', type: "button", class: "spw-text-field__submit", onClick: () => this.handleSubmit(), "aria-label": "Rechercher" }, h("spw-icon", { key: '790f1e3032a95b06de87d6deb9c77adf0fb69ad7', icon: "fa-magnifying-glass" })))))), this.type === 'number' && this.hasControls && (h("button", { key: '47baef8589df4aa6e6d065f19d7d3732bb49ed75', 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 }, h("spw-icon", { key: 'c4b681cca4a413ddf96171b5dd2d3eaf7aa80c47', icon: "fa-plus" }))), this.indicator && h("div", { key: 'e66969d09f31e4a15139ff02d721a4e4827d6dc9', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (h("div", { key: 'eac95d9044c5233a1eb4db8f93c85593521160df', class: this.elementClass }, this.label && (h("spw-field-label", { key: '605e3ca1d5e46ef44e36e4386905e8aefd02bb9f', 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 && (h("spw-field-message", { key: 'd0226be53d3efb860c7270af3f175e472b853831', class: "spw-text-field__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'deb7a861a993fa17ce7414f6f8ff4e45599fcbfa', class: "spw-text-field__container" }, this.type === 'number' && this.hasControls && (h("button", { key: 'a086085956f44ee9f947b09f0fdc741d214941be', 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 }, h("spw-icon", { key: '25bf35e3b7163e1a026788a78bd61378800c7315', icon: "fa-minus" }))), h("div", { key: 'b44136077e9857835fd6c77f232af93fd94c7755', class: "spw-text-field__input-container" }, h("input", { key: '37310e16d288b6e5557d4d0b0c6003764371527f', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type === 'number' && (this.decimalPrecision != null || this.mask != null) ? 'text' : this.type, inputMode: this.type === 'number' && (this.decimalPrecision != null || this.mask != null) ? 'decimal' : undefined, min: this.type === 'number' && this.decimalPrecision == null && this.mask == null ? this.min : undefined, max: this.type === 'number' && this.decimalPrecision == null && this.mask == null ? this.max : undefined, step: this.type === 'number' && this.decimalPrecision == null && this.mask == null ? this.step : undefined, 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) && (h("div", { key: 'c79b5880f91b6f0c1e56fe892e4a050608d44882', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: '669dc7c54ff811af1d967b078d20feedb0c5bd5a', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '16bfdfb005fcae12024c69d4104b1b7ed8416fcd', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && !this.hasSubmitButton && h("spw-icon", { key: '68491038bc146623f90aebc29dd1435d9684d7b2', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" }), this.hasSubmitButton && (h("button", { key: 'cbd2ea1a3df8cceab6e214ef961eddbfa216fa55', type: "button", class: "spw-text-field__submit", onClick: () => this.handleSubmit(), "aria-label": "Rechercher" }, h("spw-icon", { key: '90b903d8a4a620d0b45270a4730facc602e63c94', icon: "fa-magnifying-glass" })))))), this.type === 'number' && this.hasControls && (h("button", { key: '71cc50996b225e21090e510a466bc5a7accdcd61', 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 }, h("spw-icon", { key: 'c34cb66bdac07bf3517a9413d077bb46831e303d', icon: "fa-plus" }))), this.indicator && h("div", { key: 'c666a77985ef4b825e50c65db3c4e2fff55ee942', class: "spw-text-field__indicator" }, this.indicator)), this.renderMessages()));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/spw-textarea.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-C5N6FAxf.js';
+import { r as registerInstance, c as createEvent, h } from './index-DkNryMko.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:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--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: 360px){.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: 1200px){.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--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}`;
 
@@ -80,25 +80,21 @@ const SpwTextarea = class {
         this.internals.setFormValue(this.internalValue ? this.internalValue : null);
         this.valueChanged.emit(this.internalValue);
     }
-    renderErrorMessage() {
-        if (this.error) {
-            return (h("spw-field-message", { variant: "error", showIcon: this.showErrorIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.error, h("slot", { name: "details", slot: "details" })));
-        }
-    }
-    renderHintMessage() {
-        if (this.hint) {
-            return (h("spw-field-message", { variant: "hint", showIcon: this.showHintIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.hint, h("slot", { name: "details", slot: "details" })));
-        }
-    }
-    renderSuccessMessage() {
-        if (this.success) {
-            return (h("spw-field-message", { variant: "success", showIcon: this.showSuccessIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.success, h("slot", { name: "details", slot: "details" })));
-        }
-    }
-    renderWarningMessage() {
-        if (this.warning) {
-            return (h("spw-field-message", { variant: "warning", showIcon: this.showWarningIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.warning, h("slot", { name: "details", slot: "details" })));
-        }
+    // isExpandable (details slot) uniquement sur le dernier message affiché
+    renderMessages() {
+        const messages = [];
+        if (this.error)
+            messages.push({ variant: 'error', text: this.error, showIcon: this.showErrorIcon });
+        if (this.hint)
+            messages.push({ variant: 'hint', text: this.hint, showIcon: this.showHintIcon });
+        if (this.success)
+            messages.push({ variant: 'success', text: this.success, showIcon: this.showSuccessIcon });
+        if (this.warning)
+            messages.push({ variant: 'warning', text: this.warning, showIcon: this.showWarningIcon });
+        return messages.map((m, i) => {
+            const isLast = i === messages.length - 1;
+            return (h("spw-field-message", { variant: m.variant, showIcon: m.showIcon, isExpandable: isLast && this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, m.text, isLast && h("slot", { name: "details", slot: "details" })));
+        });
     }
     get elementClass() {
         return {
@@ -109,7 +105,7 @@ const SpwTextarea = class {
         };
     }
     render() {
-        return (h("div", { key: '83625aa979ac1eb4d28c656dad54b105ff481be7', class: this.elementClass }, this.label && (h("spw-field-label", { key: 'f0783d52a5ff1b3972588672314c117bdf3e5396', 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 && (h("spw-field-message", { key: 'a914637fb2443731874d2d924e93812d131be6b3', class: "spw-textarea__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '6493f6c3a7ac951bd0ab0d921297edd6188ad250', class: "spw-textarea__container" }, h("textarea", { key: '53a1ee705c79dfb677088ae6dbacdd74bcf51ae9', 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 (h("div", { key: '58b00a1e00ae56c3115b4be83bc35a2d8355c30a', class: this.elementClass }, this.label && (h("spw-field-label", { key: 'f7438e1adda1cf10217158e34427d8e87a222403', 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 && (h("spw-field-message", { key: '2f260e15e9950101c33c4839bd3c555c89918599', class: "spw-textarea__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '822faad0673a8f0389f369e89928ad3d36eb4701', class: "spw-textarea__container" }, h("textarea", { key: 'b4236aabf1878b6df18ec52069c90dca3ab85aa6', 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.renderMessages()));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/esm/spw-tile-description.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, h } from './index-C5N6FAxf.js';
+import { r as registerInstance, h } from './index-DkNryMko.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:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--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: 360px){.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: 1200px){.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);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;overflow:hidden}:host(.--light),:host(.--big){margin-top:6px}@media (max-width: 1023px){:host(.--reveal-on-hover){display:none}}@media (min-width: 1024px){:host(.--reveal-on-hover){display:grid;grid-template-rows:0fr;margin-top:0;opacity:0;transition:grid-template-rows 0.25s ease-in, margin-top 0.25s ease-in, opacity 0.35s 0.05s ease-in}}@media (min-width: 1024px){:host(.--reveal-on-hover.--revealed){grid-template-rows:1fr;margin-top:6px;opacity:1}}:host(.--reveal-on-hover) .spw-tile-description{min-height:0;overflow:hidden}: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) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '10111f6125a54c499de83df1059af7068196fb91', class: "spw-tile-description" }, h("slot", { key: 'c496445be46a2b21a053d1cba9d3cda1996d0bac' })));
+        return (h("div", { key: '944b6f3e11877aa6c2d932ef76eb8fd559e2958e', class: "spw-tile-description" }, h("slot", { key: '8ae1d62726bd878a2881ac54faa3ce4460eb8d54' })));
     }
 };
 SpwTileDescription.style = spwTileDescriptionCss();

package/dist/esm/spw-tile-title.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-C5N6FAxf.js';
+import { r as registerInstance, h } from './index-DkNryMko.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:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--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: 360px){.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: 1200px){.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}`;
 
@@ -7,7 +7,7 @@ const SpwTileTitle = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("h3", { key: 'f99caa90ebcbb8e1cc6523a5d78b6bd549bd3b78', class: "spw-tile-title" }, h("slot", { key: '553527800ce162bc3d7d7350f47784d0bf80ca1d' })));
+        return (h("h3", { key: '32bfa3e58b35ac3028e67c22ccccf3024b374818', class: "spw-tile-title" }, h("slot", { key: 'b0b39bf7e7a25f4fe603d6085e1a4b1d85290269' })));
     }
 };
 SpwTileTitle.style = spwTileTitleCss();

package/dist/esm/spw-tile.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, F as Fragment, H as Host, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, h, F as Fragment, H as Host, a as getElement } from './index-DkNryMko.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:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--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: 360px){.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: 1200px){.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);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--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: 360px){.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: 1200px){.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__overlay,.spw-tile__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-tile__overlay{z-index:2;height:calc(100% + 48px);bottom:0;top:auto;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--shades-alpha-dark-alpha-dark-alpha-900, rgba(0, 0, 0, 0.87)) 100%)}.spw-tile__image{z-index:1;object-fit:cover}.spw-tile__button{position:absolute;bottom:24px;right:24px;background:transparent;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:white;border-radius:50%;transition:all 0.2s ease-in;border:3px solid white;font-size:20px;margin-top:12px;z-index:2}.spw-tile:hover .spw-tile__button{background:rgba(0, 0, 0, 0.5)}.spw-tile--light .spw-tile__content,.spw-tile--big .spw-tile__content{position:absolute;z-index:3;display:flex;flex-direction:column;gap:0;padding:24px;bottom:0;left:0;width:100%}.spw-tile--big.spw-tile--hoverable .spw-tile__content{padding-right:84px}.spw-tile--light .spw-tile__content{text-align:center;padding-bottom:24px}.spw-tile__content-inner{position:relative;z-index:3;flex:1}.spw-tile--icon .spw-tile__content-inner{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content-inner ::slotted(spw-icon){font-size:32px;color:var(--spw-ds-primary)}`;
 
 const SpwTile = class {
     constructor(hostRef) {
@@ -13,23 +13,24 @@ const SpwTile = class {
         this.target = '_self';
         /** Texte alternatif de l'image de fond */
         this.imageAlt = '';
-        /** Opacité de l'overlay (valeur entre 0 et 100) */
-        this.overlayOpacity = 100;
+        /** Masque la spw-tile-description et la révèle au hover (uniquement pour la variante light et big - masquée en mobile) */
+        this.revealDescription = true;
     }
-    componentWillLoad() {
+    componentDidLoad() {
         this.applyVariantToChildren();
     }
     slotChanged() {
         this.applyVariantToChildren();
     }
     applyVariantToChildren() {
-        requestAnimationFrame(() => {
-            const variantClass = `--${this.variant}`;
-            const titleElement = this.el.querySelector('spw-tile-title');
-            const descriptionElement = this.el.querySelector('spw-tile-description');
-            titleElement && titleElement.classList.add(variantClass);
-            descriptionElement && descriptionElement.classList.add(variantClass);
-        });
+        const variantClass = `--${this.variant}`;
+        const titleElement = this.el.querySelector('spw-tile-title');
+        const descriptionElement = this.el.querySelector('spw-tile-description');
+        titleElement && titleElement.classList.add(variantClass);
+        if (descriptionElement) {
+            descriptionElement.classList.add(variantClass);
+            descriptionElement.classList.toggle('--reveal-on-hover', this.revealDescription && (this.variant === 'light' || this.variant === 'big'));
+        }
     }
     get elementClass() {
         return {
@@ -37,6 +38,7 @@ const SpwTile = class {
             'spw-tile--hoverable': !!this.href,
             [`spw-tile--${this.variant}`]: true,
             [`spw-tile--height-${this.height}`]: true,
+            'spw-tile--reveal-description': this.revealDescription && (this.variant === 'light' || this.variant === 'big'),
         };
     }
     onMouseEnter() {
@@ -50,6 +52,10 @@ const SpwTile = class {
         if (titleElement && this.href) {
             titleElement.classList.toggle('--hovered', isHovered);
         }
+        const descriptionElement = this.el.querySelector('spw-tile-description');
+        if (descriptionElement && this.revealDescription && (this.variant === 'light' || this.variant === 'big')) {
+            descriptionElement.classList.toggle('--revealed', isHovered);
+        }
     }
     render() {
         const { href, target } = this;
@@ -60,7 +66,7 @@ const SpwTile = class {
                 href,
                 target,
             };
-        return (h(Host, { key: '89a1d7890f33b4277fe290561b4478b283532c2c' }, h(TagType, Object.assign({ key: '23faf83b253d66ba49ca510a3a46eace74fa52fa' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (h(Fragment, { key: 'ef2de37dddbed6327ccbfe8477b4c9d298e30004' }, h("div", { key: 'ec4a36c628552e8e98a01e35eea34d7a79e75767', class: "spw-tile__overlay", style: { opacity: `${this.overlayOpacity / 100}` } }), h("img", { key: 'ef410c766d41b6e441b0005324a0c5adf1323ff7', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), h("div", { key: 'e23849e31aec483c8ad27b2bf06bc87cfbdb1b5c', class: "spw-tile__content" }, h("slot", { key: 'ff78c1e5b5547cf69ac606a1408d06ead6b3998e' }), this.href && this.variant === 'big' && (h("span", { key: '2a16455c519cd52fd95697392bab1f2bd6f7bc23', class: "spw-tile__button" }, h("spw-icon", { key: 'fa1aca41ab16723c6a8f3bca5d1cbed78b8f56d1', icon: "fa-chevron-right" })))))));
+        return (h(Host, { key: '47d126723548d4e61eb62c45bc54df8f5640e04b' }, h(TagType, Object.assign({ key: '6db6092e45a6fff706a0ebb09e5b28b0b64d711d' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (h(Fragment, { key: 'ae87a702acf8af7b257cb264e298415bc9e905a0' }, h("img", { key: '37326948d66ab97d957e6b4d9c400849fc185a3b', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), h("div", { key: '445e2ea0648de8dc8d1f0ed9005ee1dc03495446', class: "spw-tile__content" }, (this.variant === 'big' || this.variant === 'light') && h("div", { key: '750f9ab2f21b3391498c169fa887b015a1bee9b8', class: "spw-tile__overlay" }), h("div", { key: 'a335517b65ed3f4fc4e193171f24a0157ee270c6', class: "spw-tile__content-inner" }, h("slot", { key: '18e841ecae0d9925db3d53613c7bdf76ded3505c' })), this.href && this.variant === 'big' && (h("span", { key: '26fc0265dd0d721691264b117435fe15dc730e07', class: "spw-tile__button" }, h("spw-icon", { key: 'aa387116c58abd58e3b9c701a6faf630dd420acc', icon: "fa-chevron-right" })))))));
     }
     get el() { return getElement(this); }
 };