@spw-ds/spw-stencil-library 1.16.0 → 1.17.1

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-D3lyhQSW.js');
 
-const spwButtonCss = () => `@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:inline-block;vertical-align:top;--spw-button-font-size-small:14px;--spw-button-font-size-medium:16px;--spw-button-font-size-large:18px;--spw-button-px-small:16px;--spw-button-px-medium:20px;--spw-button-px-large:24px;--spw-button-py-small:8px;--spw-button-py-medium:12px;--spw-button-py-large:16px;--spw-button-text-decoration:none;--spw-button-text-decoration-tertiary:underline}:host([is-full-width]:not([is-full-width=false])){display:block;width:100%}@media (max-width: 767px){:host([is-full-width-mobile]:not([is-full-width-mobile=false])){display:block;width:100%}}.spw-button{border:2px solid transparent;display:block;width:100%;white-space:nowrap;border-radius:9999px;cursor:pointer;font-weight:bold;outline:3px solid transparent;overflow:hidden;transition:all 0.1s ease-in;line-height:1}.spw-button--fullwidth{width:100% !important}.spw-button--fullwidth-mobile{width:100%}@media (min-width: 768px){.spw-button--fullwidth-mobile{width:auto}}.spw-button--is-icon-only{padding-left:0 !important;padding-right:0 !important}@media (max-width: 767px){.spw-button--hide-text-mobile{padding-left:0 !important;padding-right:0 !important}.spw-button--hide-text-mobile slot{display:none}.spw-button--hide-text-mobile.spw-button--large{width:54px}.spw-button--hide-text-mobile.spw-button--medium{width:45px}.spw-button--hide-text-mobile.spw-button--small{width:35px}}.spw-button:focus-visible,.spw-button.--programmatic-focus{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black}.spw-button spw-loading{opacity:0;position:absolute;top:50%;left:50%;pointer-events:none;transform:translate(-50%, -50%);z-index:1}.spw-button--loading{position:relative;pointer-events:none}.spw-button--loading spw-loading{opacity:1}.spw-button__inner{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.spw-button__inner-text{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.spw-button--loading .spw-button__inner-text{opacity:0}.spw-button:is(a){text-decoration:var(--spw-button-text-decoration)}.spw-button--primary{background:var(--spw-ds-primary);color:var(--spw-ds-white)}.spw-button--primary:not([disabled]):hover{background:var(--spw-ds-variant)}.spw-button--primary:not([disabled]):active{background:var(--spw-ds-active)}.spw-button--primary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.3);--spw-loading-spinner-color:white}.spw-button--secondary{background:var(--spw-color-themes-grey-grey-200);color:var(--spw-color-themes-grey-grey-900)}.spw-button--secondary:not([disabled]):hover{background:var(--spw-color-themes-grey-grey-300)}.spw-button--secondary:not([disabled]):active{background:var(--spw-color-themes-grey-grey-400)}.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(0, 0, 0, 0.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--tertiary{transition:none;border-radius:4px;background:none;color:var(--spw-ds-primary);text-decoration:var(--spw-button-text-decoration-tertiary) !important;text-underline-offset:2px}.spw-button--tertiary:not([disabled]):hover,.spw-button--tertiary:not([disabled]):active{text-decoration-thickness:2px !important}.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-active)}.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(0, 0, 0, 0.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--primary[disabled],.spw-button--secondary[disabled]{background:var(--spw-color-themes-grey-grey-100)}.spw-button--tertiary[disabled]{background:none}.spw-button--primary[disabled],.spw-button--secondary[disabled],.spw-button--tertiary[disabled]{color:var(--spw-color-themes-grey-grey-400);border-color:none;cursor:not-allowed}.spw-button--surface-dark{box-shadow:var(--spw-effect-elevation-8)}.spw-button--surface-dark:not([disabled]):active{box-shadow:var(--spw-effect-elevation-active-0), var(--spw-effect-elevation-active-1), var(--spw-effect-elevation-active-2)}.spw-button--surface-dark[disabled]{box-shadow:none}.spw-button--surface-dark.spw-button--primary{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-ds-white);background:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--primary:not([disabled]):hover{background:transparent;color:var(--spw-ds-white);border-color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--primary:not([disabled]):active{background:transparent;color:var(--spw-colors-support-grey-grey-500);border-color:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-dark.spw-button--primary[disabled]{border-color:var(--spw-colors-support-grey-grey-700);background:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--primary spw-loading{--spw-loading-border-color:var(--spw-colors-support-grey-grey-300);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--secondary{background:transparent;color:var(--spw-ds-white);border-color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):hover{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-ds-white);background:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):active{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-colors-support-grey-grey-400);background:var(--spw-colors-support-grey-grey-400)}.spw-button--surface-dark.spw-button--secondary[disabled]{border-color:var(--spw-colors-support-grey-grey-700);background:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-dark.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):hover,.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active{box-shadow:none}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-700)}.spw-button--surface-dark.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-primary{box-shadow:none}.spw-button--surface-primary:not([disabled]):active{box-shadow:none}.spw-button--surface-primary[disabled]{box-shadow:none}.spw-button--surface-primary.spw-button--primary{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-ds-white);background:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--primary:not([disabled]):hover{background:transparent;color:var(--spw-ds-white);border-color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--primary:not([disabled]):active{background:transparent;color:white;border-color:white;opacity:0.9}.spw-button--surface-primary.spw-button--primary[disabled]{border-color:white;background:white;color:var(--spw-colors-support-grey-grey-600);opacity:0.5}.spw-button--surface-primary.spw-button--primary spw-loading{--spw-loading-border-color:var(--spw-colors-support-grey-grey-300);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--surface-primary.spw-button--secondary{background:transparent;color:var(--spw-ds-white);border-color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):hover{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-ds-white);background:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):active{color:var(--spw-colors-support-grey-grey-900);border-color:white;background:white;opacity:0.9}.spw-button--surface-primary.spw-button--secondary[disabled]{border-color:white;background:white;color:var(--spw-colors-support-grey-grey-600);opacity:0.5}.spw-button--surface-primary.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-primary.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):hover,.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active{box-shadow:none}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active{color:white;opacity:0.9}.spw-button--surface-primary.spw-button--tertiary[disabled]{color:white;opacity:0.5}.spw-button--surface-primary.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-light.spw-button--primary[disabled]{color:var(--spw-colors-support-grey-grey-600);background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--secondary{color:var(--spw-colors-support-grey-grey-900);background:var(--spw-ds-white)}.spw-button--surface-light.spw-button--secondary:not([disabled]):hover{background:var(--spw-colors-support-grey-grey-300)}.spw-button--surface-light.spw-button--secondary:not([disabled]):active{background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--secondary[disabled]{color:var(--spw-colors-support-grey-grey-600);background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--tertiary{color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-light.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-600)}.spw-button--large{font-size:var(--spw-button-font-size-large);padding:var(--spw-button-py-large) var(--spw-button-px-large)}.spw-button--large .spw-button__inner-text{gap:12px}.spw-button--large.spw-button--is-icon-only{width:54px}.spw-button--medium{font-size:var(--spw-button-font-size-medium);padding:var(--spw-button-py-medium) var(--spw-button-px-medium)}.spw-button--medium .spw-button__inner-text{gap:8px}.spw-button--medium.spw-button--is-icon-only{width:45px}.spw-button--small{font-size:var(--spw-button-font-size-small);padding:var(--spw-button-py-small) var(--spw-button-px-small)}.spw-button--small .spw-button__inner-text{gap:6px}.spw-button--small.spw-button--is-icon-only{width:35px}.spw-button--small.spw-button--tertiary,.spw-button--medium.spw-button--tertiary,.spw-button--large.spw-button--tertiary{padding:4px}`;
+const spwButtonCss = () => `@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:inline-block;vertical-align:top;--spw-button-font-size-small:14px;--spw-button-font-size-medium:16px;--spw-button-font-size-large:18px;--spw-button-px-small:16px;--spw-button-px-medium:20px;--spw-button-px-large:24px;--spw-button-py-small:8px;--spw-button-py-medium:12px;--spw-button-py-large:16px;--spw-button-text-decoration:none;--spw-button-text-decoration-tertiary:underline}:host([is-full-width]:not([is-full-width=false])){display:block;width:100%}@media (max-width: 767px){:host([is-full-width-mobile]:not([is-full-width-mobile=false])){display:block;width:100%}}.spw-button{border:2px solid transparent;display:block;width:100%;white-space:nowrap;border-radius:9999px;cursor:pointer;font-weight:bold;outline:3px solid transparent;overflow:hidden;transition:all 0.1s ease-in;line-height:1}.spw-button--fullwidth{width:100% !important}.spw-button--fullwidth-mobile{width:100%}@media (min-width: 768px){.spw-button--fullwidth-mobile{width:auto}}.spw-button--is-icon-only{padding-left:0 !important;padding-right:0 !important}@media (max-width: 767px){.spw-button--hide-text-mobile{padding-left:0 !important;padding-right:0 !important}.spw-button--hide-text-mobile slot{display:none}.spw-button--hide-text-mobile.spw-button--large{width:54px}.spw-button--hide-text-mobile.spw-button--medium{width:45px}.spw-button--hide-text-mobile.spw-button--small{width:35px}}.spw-button:focus-visible,.spw-button.--programmatic-focus{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black}.spw-button spw-loading{opacity:0;position:absolute;top:50%;left:50%;pointer-events:none;transform:translate(-50%, -50%);z-index:1}.spw-button--loading{position:relative;pointer-events:none}.spw-button--loading spw-loading{opacity:1}.spw-button__inner{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.spw-button__inner-text{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.spw-button--loading .spw-button__inner-text{opacity:0}.spw-button:is(a){text-decoration:var(--spw-button-text-decoration)}.spw-button--primary{background:var(--spw-ds-primary);color:var(--spw-ds-white)}.spw-button--primary:not([disabled]):hover{background:var(--spw-ds-variant)}.spw-button--primary:not([disabled]):active{background:var(--spw-ds-active)}.spw-button--primary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.3);--spw-loading-spinner-color:white}.spw-button--secondary{background:var(--spw-color-themes-grey-grey-200);color:var(--spw-color-themes-grey-grey-900)}.spw-button--secondary:not([disabled]):hover{background:var(--spw-color-themes-grey-grey-300)}.spw-button--secondary:not([disabled]):active{background:var(--spw-color-themes-grey-grey-400)}.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(0, 0, 0, 0.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--tertiary{transition:none;border-radius:4px;background:none;color:var(--spw-ds-primary);text-decoration:var(--spw-button-text-decoration-tertiary) !important;text-underline-offset:2px;white-space:normal;text-wrap:wrap;text-align:left;line-height:1.3}.spw-button--tertiary .spw-button__inner-text{justify-content:flex-start}.spw-button--tertiary:not([disabled]):hover,.spw-button--tertiary:not([disabled]):active{text-decoration-thickness:2px !important}.spw-button--tertiary:not([disabled]):hover{color:var(--spw-ds-variant)}.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-active)}.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(0, 0, 0, 0.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--primary[disabled],.spw-button--secondary[disabled]{background:var(--spw-color-themes-grey-grey-100)}.spw-button--tertiary[disabled]{background:none}.spw-button--primary[disabled],.spw-button--secondary[disabled],.spw-button--tertiary[disabled]{color:var(--spw-color-themes-grey-grey-400);border-color:none;cursor:not-allowed}.spw-button--surface-dark.spw-button--primary{color:var(--spw-colors-support-grey-grey-900);border-color:transparent;background:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--primary:not([disabled]):hover{background:var(--spw-colors-support-grey-grey-300)}.spw-button--surface-dark.spw-button--primary:not([disabled]):active{background:var(--spw-colors-support-grey-grey-400)}.spw-button--surface-dark.spw-button--primary[disabled]{color:var(--spw-colors-support-grey-grey-800);background:var(--spw-colors-support-grey-grey-600)}.spw-button--surface-dark.spw-button--primary spw-loading{--spw-loading-border-color:var(--spw-colors-support-grey-grey-300);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--secondary{background:transparent;color:var(--spw-ds-white);border-color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):hover{background:rgba(0, 0, 0, 0.3)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):active{background:rgba(0, 0, 0, 0.5)}.spw-button--surface-dark.spw-button--secondary[disabled]{border-color:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-700)}.spw-button--surface-dark.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-dark.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):hover,.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active{box-shadow:none}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):hover{color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-700)}.spw-button--surface-dark.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-primary.spw-button--primary{color:var(--spw-colors-support-grey-grey-900);border-color:transparent;background:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--primary:not([disabled]):hover{background:rgba(255, 255, 255, 0.8);border-color:transparent}.spw-button--surface-primary.spw-button--primary:not([disabled]):active{background:var(--spw-ds-white);border-color:transparent}.spw-button--surface-primary.spw-button--primary[disabled]{color:var(--spw-colors-support-grey-grey-700);opacity:0.5}.spw-button--surface-primary.spw-button--primary spw-loading{--spw-loading-border-color:var(--spw-colors-support-grey-grey-300);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--surface-primary.spw-button--secondary{background:transparent;color:var(--spw-ds-white);border-color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):hover{background:rgba(0, 0, 0, 0.2)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):active{background:rgba(0, 0, 0, 0.3)}.spw-button--surface-primary.spw-button--secondary[disabled]{opacity:0.5}.spw-button--surface-primary.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-primary.spw-button--tertiary{color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):hover{color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-active)}.spw-button--surface-primary.spw-button--tertiary[disabled]{color:white;opacity:0.5}.spw-button--surface-primary.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-light.spw-button--primary[disabled]{color:var(--spw-colors-support-grey-grey-600);background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--secondary{background:transparent;color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--secondary:not([disabled]):hover{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-colors-support-grey-grey-900);background:rgba(0, 0, 0, 0.2)}.spw-button--surface-light.spw-button--secondary:not([disabled]):active{color:white;border-color:var(--spw-colors-support-grey-grey-900);background:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--secondary[disabled]{border-color:var(--spw-colors-support-grey-grey-600);color:var(--spw-colors-support-grey-grey-600)}.spw-button--surface-light.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-light.spw-button--tertiary{color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--tertiary:not([disabled]):hover{color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-light.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-600)}.spw-button--large{font-size:var(--spw-button-font-size-large);padding:var(--spw-button-py-large) var(--spw-button-px-large)}.spw-button--large .spw-button__inner-text{gap:12px}.spw-button--large.spw-button--is-icon-only{width:54px}.spw-button--medium{font-size:var(--spw-button-font-size-medium);padding:var(--spw-button-py-medium) var(--spw-button-px-medium)}.spw-button--medium .spw-button__inner-text{gap:8px}.spw-button--medium.spw-button--is-icon-only{width:45px}.spw-button--small{font-size:var(--spw-button-font-size-small);padding:var(--spw-button-py-small) var(--spw-button-px-small)}.spw-button--small .spw-button__inner-text{gap:6px}.spw-button--small.spw-button--is-icon-only{width:35px}.spw-button--small.spw-button--tertiary,.spw-button--medium.spw-button--tertiary,.spw-button--large.spw-button--tertiary{padding:4px}`;
 
 const SpwButton = class {
     constructor(hostRef) {
@@ -147,7 +147,7 @@ const SpwLoading = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '1cc27da35a115c199e6b660621dd0062b69f1570' }, index.h("div", { key: '93f97a9413e59f845285c75079d3e7953e7d9449', class: this.loadingClasses }, index.h("div", { key: '95ac4ac5a560f123b0bceb6c4485cef9324eb81f', class: "spw-loading__spinner" }), this.text && index.h("p", { key: '077ee7c1ca63850bf688cff7872cfcfef02dc517', class: "spw-loading__text" }, this.text))));
+        return (index.h(index.Host, { key: '76cf34de4fcf09b6fb52453822e34a6e26d6d070' }, index.h("div", { key: '2ce941734d29fc333e15b1a4fee1bf535a3aed4a', class: this.loadingClasses }, index.h("div", { key: '6fa9fef281da025e26864903e4867f96e507fe0b', class: "spw-loading__spinner" }), this.text && index.h("p", { key: '4cee47a4936be359ffbe432d1addcb953ae1c5b4', class: "spw-loading__text" }, this.text))));
     }
 };
 SpwLoading.style = spwLoadingCss();

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-D3lyhQSW.js');
 
-const spwCardCss = () => `@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;width:100%;--spw-card-background:var(--spw-ds-white);--spw-card-box-shadow:var(--spw-effect-elevation-6);--spw-card-border:none}:host[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{display:block;border-radius:5px;background:var(--spw-card-background);box-shadow:var(--spw-card-box-shadow);border:var(--spw-card-border);transition:all 0.3s ease-in-out}:host(.--is-full-height) .spw-card{height:100%}.spw-card--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-card__dates{cursor:pointer;position:absolute;top:50%;left:25px;transform:translate(0, -50%);flex-direction:column;line-height:1.1;width:50px;text-align:center;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;z-index:6}.spw-card__dates--single{top:auto;transform:none;bottom:24px}.spw-card--no-image.spw-card--event .spw-card__dates{left:15px}.spw-card__date-item{text-align:center;margin:4px 0}.spw-card__date-label{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-bottom:4px}.spw-card__date-day{font-size:18px;font-weight:bold;display:block;color:var(--spw-color-themes-grey-grey-900)}.spw-card__date-month{font-size:12px;display:block;color:var(--spw-color-themes-grey-grey-900)}.spw-card__date-content{padding:8px 12px;background:white;border-radius:6px}.spw-card__link{display:block;height:100%;width:100%;color:inherit;text-decoration:none}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card--no-image.spw-card--event .spw-card__link{padding-top:0}.spw-card__link:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--has-2-dates .spw-card__link{min-height:180px}.spw-card--event{position:relative}.spw-card--event .spw-card__link{display:flex}.spw-card--sidebar{box-shadow:none}.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--rounded-picture{box-shadow:none;background:transparent}.spw-card--rounded-picture:hover{box-shadow:none}.spw-card--rounded-picture .spw-card__link{display:flex;flex-direction:column}`;
+const spwCardCss = () => `@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;width:100%;--spw-card-background:var(--spw-ds-white);--spw-card-box-shadow:var(--spw-effect-elevation-6);--spw-card-border:none}:host[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{display:block;border-radius:5px;background:var(--spw-card-background);box-shadow:var(--spw-card-box-shadow);border:var(--spw-card-border);transition:all 0.3s ease-in-out}:host(.--is-full-height) .spw-card{height:100%}.spw-card--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-card__dates{cursor:pointer;position:absolute;top:50%;left:25px;transform:translate(0, -50%);flex-direction:column;line-height:1.1;width:50px;text-align:center;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;z-index:6}.spw-card__dates--single{top:auto;transform:none;bottom:24px}.spw-card--no-image.spw-card--event .spw-card__dates{left:15px}.spw-card--news .spw-card__dates{left:auto;right:16px;top:16px;bottom:auto;transform:none}.spw-card__date-item{text-align:center;margin:4px 0}.spw-card__date-label{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-bottom:4px}.spw-card__date-day{font-size:18px;font-weight:bold;display:block;color:var(--spw-color-themes-grey-grey-900)}.spw-card__date-month{font-size:12px;display:block;color:var(--spw-color-themes-grey-grey-900)}.spw-card__date-content{padding:8px 12px;background:white;border-radius:6px}.spw-card__link{display:block;height:100%;width:100%;color:inherit;text-decoration:none}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card--no-image.spw-card--event .spw-card__link{padding-top:0}.spw-card__link:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--has-2-dates .spw-card__link{min-height:180px}.spw-card--event{position:relative}.spw-card--event .spw-card__link{display:flex}.spw-card--sidebar{box-shadow:none}.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--rounded-picture{box-shadow:none;background:transparent}.spw-card--rounded-picture:hover{box-shadow:none}.spw-card--rounded-picture .spw-card__link{display:flex;flex-direction:column}`;
 
 const SpwCard = class {
     constructor(hostRef) {
@@ -136,7 +136,7 @@ const SpwCard = class {
             'aria-label': this === null || this === void 0 ? void 0 : this.accAriaLabel,
             'aria-disabled': this.disabled ? 'true' : null,
         };
-        return (index.h(index.Host, { key: 'f95a6ae6c3605ceedbd161b4d7fd6ccb32b5c9a5', class: { '--is-full-height': this.fullHeight } }, index.h("article", { key: 'c0f5558843980898fc024c6a58ad4c5fc0874dae', class: this.elementClass }, variant === 'event' && (index.h(TagType, Object.assign({ key: 'b6f5ff06ba07a44d192ccc1280f4b1ec91aec7ae' }, attrs, { class: { 'spw-card__dates': true, 'spw-card__dates--range': !!(dateStart && dateEnd), 'spw-card__dates--single': !!(dateStart && !dateEnd) } }), dateStart && (index.h("div", { key: '38739600168e556e1825a952d59d6b56dddfbd38', class: "spw-card__date-item" }, index.h("div", { key: 'e2d976245e9149f19289ed6760f9616d252bc0df', class: "spw-card__date-content" }, dateEnd && index.h("span", { key: 'cad7e3030d55c6784fbf8482b26d02c1090a2494', class: "spw-card__date-label" }, this.fromLabel), this.formatDate(dateStart)))), dateEnd && (index.h("div", { key: '5cd8ac811280cf3eb15a088f4d50d1c39d07b065', class: "spw-card__date-item" }, index.h("div", { key: 'd650d7ab355881400f9f3e2b2ab1e80dc5cd8e19', class: "spw-card__date-content" }, index.h("span", { key: 'b8c923502709ed1b6be4f548076128e8559d6c34', class: "spw-card__date-label" }, this.toLabel), this.formatDate(dateEnd)))))), index.h(TagType, Object.assign({ key: '38734f2432f59b83af58ad7b7600e529fe8263b0' }, attrs, ariaAttributes, { class: "spw-card__link" }), index.h("slot", { key: '70cc28a5bf5206cc6a9c17297dd2dcaca895d8b0' })))));
+        return (index.h(index.Host, { key: 'f95a6ae6c3605ceedbd161b4d7fd6ccb32b5c9a5', class: { '--is-full-height': this.fullHeight } }, index.h("article", { key: 'c0f5558843980898fc024c6a58ad4c5fc0874dae', class: this.elementClass }, (variant === 'event' || variant === 'news') && (index.h(TagType, Object.assign({ key: 'b56469bf1b35f9407bd12b01155c7162b2a15b45' }, attrs, { class: { 'spw-card__dates': true, 'spw-card__dates--range': !!(dateStart && dateEnd), 'spw-card__dates--single': !!(dateStart && !dateEnd) } }), dateStart && (index.h("div", { key: '36b8b7445ef4c3824ef95a9f5df12ca27732a3da', class: "spw-card__date-item" }, index.h("div", { key: 'de92e7eb54af473d927181cbc03c27f590e4ed09', class: "spw-card__date-content" }, dateEnd && index.h("span", { key: '2a0c914e82cd5457ebf6a43190308841761a41b6', class: "spw-card__date-label" }, this.fromLabel), this.formatDate(dateStart)))), dateEnd && (index.h("div", { key: '45902a1bc90ccddf0e4a38e5d6729691853fee6b', class: "spw-card__date-item" }, index.h("div", { key: 'fa2fdefc3bbbdeb04fd826ede3e916146579d725', class: "spw-card__date-content" }, index.h("span", { key: '50ec4287a4b796947ad7c9675d4ca1e460fab5fc', class: "spw-card__date-label" }, this.toLabel), this.formatDate(dateEnd)))))), index.h(TagType, Object.assign({ key: '164517f886bfb6060e64693522267d6778ef61a3' }, attrs, ariaAttributes, { class: "spw-card__link" }), index.h("slot", { key: 'a94ef1805d867f4c91a63bd7bb1f4bfa6d732db1' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-D3lyhQSW.js');
 
-const spwCustomSelectCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family: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-custom-select{position:relative}.spw-custom-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-custom-select__checkbox{margin-right:8px}.spw-custom-select__container{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 12px;line-height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-within,.spw-custom-select__container:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-custom-select--disabled .spw-custom-select__container{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:hover,.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible{outline:none}.spw-custom-select--is-error .spw-custom-select__container{border-color:var(--spw-colors-states-error-error-300)}.spw-custom-select--large .spw-custom-select__container{height:60px;padding:0 24px;line-height:60px}.spw-custom-select--is-opened .spw-custom-select__container{height:auto;line-height:1;min-height:40px}.spw-custom-select--is-opened.spw-custom-select--down .spw-custom-select__container{border-radius:4px 4px 0 0;border-bottom-color:transparent}.spw-custom-select--is-opened.spw-custom-select--up .spw-custom-select__container{border-radius:0 0 4px 4px;border-top-color:transparent}.spw-custom-select__selected{flex:1;padding-right:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.spw-custom-select__selected span{white-space:nowrap}.spw-custom-select--is-clear .spw-custom-select__selected{padding-right:58px}.spw-custom-select__selected-item{display:inline-flex;align-items:center;gap:6px;color:var(--spw-color-themes-grey-grey-900);border:1px solid var(--spw-color-themes-grey-grey-900);background:var(--spw-color-themes-grey-grey-200);line-height:24px;height:24px;padding:0 8px;margin:4px 6px 2px 0;border-radius:999px;font-size:14px;user-select:none}.spw-custom-select__selected-items{flex:1;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.spw-custom-select--is-opened .spw-custom-select__selected-items{padding-top:3px;padding-bottom:4px;overflow:visible;text-overflow:initial;text-wrap:initial}.spw-custom-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:12}.spw-custom-select--large .spw-custom-select__icons{right:24px}.spw-custom-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-custom-select__clear:hover{color:var(--spw-ds-primary)}.spw-custom-select__arrow{font-size:16px;color:var(--spw-color-themes-grey-grey-900);pointer-events:none}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{position:absolute;top:0;left:0;z-index:11;width:100%;margin-top:1px;display:flex;align-items:center}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:100%;margin-top:-3px;padding:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background:white}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:-100%;margin-top:-7px}.spw-custom-select__search-input{padding:0;height:38px;line-height:40px;border:none;margin:0;width:calc(100% - 30px);background:transparent;text-overflow:ellipsis}.spw-custom-select--is-clear .spw-custom-select__search-input{width:calc(100% - 58px)}.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 66px)}.spw-custom-select--is-clear.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 94px)}.spw-custom-select__search-input:focus{outline:none}.spw-custom-select--is-opened .spw-custom-select__search-input{border-left:1px solid var(--spw-color-themes-grey-grey-800);padding:0 12px}.spw-custom-select--is-opened.spw-custom-select--has-value .spw-custom-select__search-input{border:1px solid var(--spw-color-themes-grey-grey-800);flex:1;width:auto;border-radius:3px}.spw-custom-select__create-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0;padding-top:2px;width:28px;line-height:28px;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:100px;background:#fff;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);font-size:14px;pointer-events:auto;transition:background 0.15s ease, border-color 0.15s ease}.spw-custom-select__create-btn:hover{background:var(--spw-color-themes-grey-grey-200);border-color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__create-btn:focus-visible{outline:3px solid white;box-shadow:0 0 0 6px black}.spw-custom-select__create-btn--big{width:38px;height:38px;border-radius:4px;margin-left:4px;padding-top:0}.spw-custom-select__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;overflow:hidden;z-index:9999;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.spw-custom-select__options:not(.spw-custom-select__options--fixed){position:absolute;top:100%;left:0;width:100%;margin-top:-1px}.spw-custom-select__options--up:not(.spw-custom-select__options--fixed){top:0;transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:0}.spw-custom-select__options--fixed.spw-custom-select__options--down{transform:translateY(0)}.spw-custom-select__options--fixed.spw-custom-select__options--up{transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:-40px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:-86px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:-46px}.spw-custom-select__options-list{max-height:200px;overflow-y:auto}.spw-custom-select__options-list::-webkit-scrollbar{width:14px;height:14px}.spw-custom-select__options-list::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-custom-select__options-list::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-custom-select__options-list{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-custom-select__options-footer{border-top:1px solid var(--spw-color-themes-grey-grey-900);padding:8px;background-color:#fff}.spw-custom-select__no-results{padding:12px;cursor:not-allowed;color:var(--spw-color-themes-grey-grey-600)}.spw-custom-select__option{display:flex;align-items:center;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);padding:12px;cursor:pointer}.spw-custom-select__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-custom-select__option:last-child{border-bottom:none}.spw-custom-select__option--selected{font-weight:700}.spw-custom-select__option--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.spw-custom-select__option--disabled:hover{background-color:transparent}.spw-custom-select__option--created{justify-content:space-between}.spw-custom-select__option-remove{padding-left:4px;margin-left:auto;flex-shrink:0;font-size:14px;color:var(--spw-color-themes-grey-grey-600);transition:color 0.15s ease}.spw-custom-select__option-remove:hover{color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__error{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}`;
+const spwCustomSelectCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);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-custom-select{position:relative}.spw-custom-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-custom-select__checkbox{margin-right:8px}.spw-custom-select__container{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 12px;line-height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-within,.spw-custom-select__container:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-custom-select--disabled .spw-custom-select__container{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:hover,.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible{outline:none}.spw-custom-select--is-error .spw-custom-select__container{border-color:var(--spw-colors-states-error-error-300)}.spw-custom-select--large .spw-custom-select__container{height:60px;padding:0 24px;line-height:60px}.spw-custom-select--is-opened .spw-custom-select__container{height:auto;line-height:1;min-height:40px}.spw-custom-select--is-opened.spw-custom-select--down .spw-custom-select__container{border-radius:4px 4px 0 0;border-bottom-color:transparent}.spw-custom-select--is-opened.spw-custom-select--up .spw-custom-select__container{border-radius:0 0 4px 4px;border-top-color:transparent}.spw-custom-select__selected{flex:1;padding-right:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.spw-custom-select__selected span{white-space:nowrap}.spw-custom-select--is-clear .spw-custom-select__selected{padding-right:58px}.spw-custom-select__selected-item{display:inline-flex;align-items:center;gap:6px;color:var(--spw-color-themes-grey-grey-900);border:1px solid var(--spw-color-themes-grey-grey-900);background:var(--spw-color-themes-grey-grey-200);line-height:24px;height:24px;padding:0 8px;margin:4px 6px 2px 0;border-radius:999px;font-size:14px;user-select:none}.spw-custom-select__selected-items{flex:1;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.spw-custom-select--is-opened .spw-custom-select__selected-items{padding-top:3px;padding-bottom:4px;overflow:visible;text-overflow:initial;text-wrap:initial}.spw-custom-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:12}.spw-custom-select--large .spw-custom-select__icons{right:24px}.spw-custom-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-custom-select__clear:hover{color:var(--spw-ds-primary)}.spw-custom-select__arrow{font-size:16px;color:var(--spw-color-themes-grey-grey-900);pointer-events:none}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{position:absolute;top:0;left:0;z-index:14;width:100%;margin-top:1px;display:flex;align-items:center}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:100%;margin-top:-3px;padding:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background:white}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:-100%;margin-top:-7px}.spw-custom-select__search-input{padding:0;height:38px;line-height:40px;border:none;margin:0;width:calc(100% - 30px);background:transparent;text-overflow:ellipsis}.spw-custom-select--is-clear .spw-custom-select__search-input{width:calc(100% - 58px)}.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 66px)}.spw-custom-select--is-clear.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 94px)}.spw-custom-select__search-input:focus{outline:none}.spw-custom-select--is-opened .spw-custom-select__search-input{border-left:1px solid var(--spw-color-themes-grey-grey-800);padding:0 12px}.spw-custom-select--is-opened.spw-custom-select--has-value .spw-custom-select__search-input{border:1px solid var(--spw-color-themes-grey-grey-800);flex:1;width:auto;border-radius:3px}.spw-custom-select__create-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0;padding-top:2px;width:28px;line-height:28px;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:100px;background:#fff;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);font-size:14px;pointer-events:auto;transition:background 0.15s ease, border-color 0.15s ease}.spw-custom-select__create-btn:hover{background:var(--spw-color-themes-grey-grey-200);border-color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__create-btn:focus-visible{outline:3px solid white;box-shadow:0 0 0 6px black}.spw-custom-select__create-btn--big{width:38px;height:38px;border-radius:4px;margin-left:4px;padding-top:0}.spw-custom-select__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;overflow:hidden;z-index:9999;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.spw-custom-select__options:not(.spw-custom-select__options--fixed){position:absolute;top:100%;left:0;width:100%;margin-top:-1px}.spw-custom-select__options--up:not(.spw-custom-select__options--fixed){top:0;transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:0}.spw-custom-select__options--fixed.spw-custom-select__options--down{transform:translateY(0)}.spw-custom-select__options--fixed.spw-custom-select__options--up{transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:-40px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:-86px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:-46px}.spw-custom-select__options-list{max-height:200px;overflow-y:auto}.spw-custom-select__options-list::-webkit-scrollbar{width:14px;height:14px}.spw-custom-select__options-list::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-custom-select__options-list::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-custom-select__options-list{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-custom-select__options-footer{border-top:1px solid var(--spw-color-themes-grey-grey-900);padding:8px;background-color:#fff}.spw-custom-select__no-results{padding:12px;cursor:not-allowed;color:var(--spw-color-themes-grey-grey-600)}.spw-custom-select__option{display:flex;align-items:center;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);padding:12px;cursor:pointer}.spw-custom-select__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-custom-select__option:last-child{border-bottom:none}.spw-custom-select__option--selected{font-weight:700}.spw-custom-select__option--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.spw-custom-select__option--disabled:hover{background-color:transparent}.spw-custom-select__option--created{justify-content:space-between}.spw-custom-select__option-remove{padding-left:4px;margin-left:auto;flex-shrink:0;font-size:14px;color:var(--spw-color-themes-grey-grey-600);transition:color 0.15s ease}.spw-custom-select__option-remove:hover{color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__error{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}`;
 
 const SpwCustomSelect = class {
     constructor(hostRef) {
@@ -499,25 +499,21 @@ const SpwCustomSelect = class {
                 break;
         }
     }
-    renderErrorMessage() {
-        if (this.error) {
-            return (index.h("spw-field-message", { variant: "error", showIcon: this.showErrorIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.error, index.h("slot", { name: "details", slot: "details" })));
-        }
-    }
-    renderHintMessage() {
-        if (this.hint) {
-            return (index.h("spw-field-message", { variant: "hint", showIcon: this.showHintIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.hint, index.h("slot", { name: "details", slot: "details" })));
-        }
-    }
-    renderWarningMessage() {
-        if (this.warning) {
-            return (index.h("spw-field-message", { variant: "warning", showIcon: this.showWarningIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.warning, index.h("slot", { name: "details", slot: "details" })));
-        }
-    }
-    renderSuccessMessage() {
-        if (this.success) {
-            return (index.h("spw-field-message", { variant: "success", showIcon: this.showSuccessIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.success, index.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 (index.h("spw-field-message", { variant: m.variant, showIcon: m.showIcon, isExpandable: isLast && this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, m.text, isLast && index.h("slot", { name: "details", slot: "details" })));
+        });
     }
     get elementClass() {
         const showCreate = this.showCreateButton();
@@ -596,19 +592,19 @@ const SpwCustomSelect = class {
         const filteredOptions = this.getFilteredOptions();
         const showPlaceholder = this.showPlaceholder();
         const showCreate = this.showCreateButton();
-        return (index.h("div", { key: '075816be82b83e4ff87e3b8acb699331e1b93873', class: this.elementClass, ref: el => (this.host = el) }, this.label && (index.h("spw-field-label", { key: '9243de1d006313839fd75cdfd960135608e19802', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (index.h("spw-field-message", { key: 'b9187b59eae8c1cb618ef72fbf2057a80890717d', class: "spw-custom-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: 'eb3d52c7e08d22a6824b861a423e41473add308c', class: "spw-custom-select__wrapper" }, index.h("div", { key: '3ea2df7f2171d795fc681e1e54f4a15abe5ce6a3', class: "spw-custom-select__container", id: this.name, ref: el => (this.selectContainer = el), onClick: event => this.toggleDropdown(event), onKeyDown: event => this.handleKeyDown(event), tabindex: this.disabled ? -1 : 0 }, index.h("div", { key: '02a97e4e274bdfb8edc3018efc3f69277e16e6a2', class: "spw-custom-select__selected" }, this.isSearchVisible() && (index.h("div", { key: '93275dd4f05996654df1a4cdce1aa0b0c35ede52', class: "spw-custom-select__search" }, index.h("input", { key: '495ebc87298b60ce23adafa5970dd7068d1ba51a', class: "spw-custom-select__search-input", placeholder: this.searchPlaceholder, onInput: event => this.handleSearchInput(event), value: this.searchText }), showCreate && this.isOpen && this.hasSelectedValue && (index.h("button", { key: '19e031a37c9416f08dc8f86d82e5126b678e4915', class: "spw-custom-select__create-btn spw-custom-select__create-btn--big", type: "button", onMouseDown: (event) => {
+        return (index.h("div", { key: '358422a9b9a98c9c09f1d17fa7ba4080a7159afa', class: this.elementClass, ref: el => (this.host = el) }, this.label && (index.h("spw-field-label", { key: 'c03aec8b695cf0a825db43e68de0c5d73e2c3711', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (index.h("spw-field-message", { key: 'e4443485205447a46a97d1416c4c20e7b7c50664', class: "spw-custom-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '470d2a5091f0ccc314b090d7da5c4dfa71e663e1', class: "spw-custom-select__wrapper" }, index.h("div", { key: '5b28939e3c2104610f982919c8dc7c4929157a44', class: "spw-custom-select__container", id: this.name, ref: el => (this.selectContainer = el), onClick: event => this.toggleDropdown(event), onKeyDown: event => this.handleKeyDown(event), tabindex: this.disabled ? -1 : 0 }, index.h("div", { key: 'c37c002dd4572207202670017b42c9944eddfbbe', class: "spw-custom-select__selected" }, this.isSearchVisible() && (index.h("div", { key: '5ca297ad620ec490a1b5d35b12eef662ef09a64c', class: "spw-custom-select__search" }, index.h("input", { key: 'f587c3ed01eccfc1ae99070bf9a751361615ca89', class: "spw-custom-select__search-input", placeholder: this.searchPlaceholder, onInput: event => this.handleSearchInput(event), value: this.searchText }), showCreate && this.isOpen && this.hasSelectedValue && (index.h("button", { key: '2c37918104f234acd59c5df67006e0f37d868f0b', class: "spw-custom-select__create-btn spw-custom-select__create-btn--big", type: "button", onMouseDown: (event) => {
                 event.preventDefault();
                 event.stopPropagation();
                 this.addCreatedOption(this.searchText);
-            } }, index.h("spw-icon", { key: '23bb75e44c6a1f74274c87be82ca5ef55ce1272c', icon: "fa-plus" }))))), showPlaceholder && index.h("span", { key: 'a80921899ec9687857323eee0296ad44b6c775e0' }, this.placeholder), this.multiple && this.internalValue.length > 0 && (index.h("div", { key: '1bfa5decab9a3051d6c3641b0cc01e5d93c863a9', class: "spw-custom-select__selected-items" }, this.internalValue.map(val => {
+            } }, index.h("spw-icon", { key: '4476c023c17f721e093de039c70082113b168db6', icon: "fa-plus" }))))), showPlaceholder && index.h("span", { key: '1d917d4155dab1b047465e9793b63630a843cae0' }, this.placeholder), this.multiple && this.internalValue.length > 0 && (index.h("div", { key: '8bdd3159992bd8d00f7afb896b58003836e51ea8', class: "spw-custom-select__selected-items" }, this.internalValue.map(val => {
             var _a;
             return (index.h("span", { class: "spw-custom-select__selected-item" }, (_a = this.parsedOptions.find(option => String(option.value) === String(val))) === null || _a === void 0 ? void 0 :
                 _a.label, index.h("spw-icon", { icon: "fa-times", class: "spw-custom-select__deselect-icon", onClick: event => this.selectOption(val, event) })));
-        }))), !this.multiple && index.h("span", { key: '0a386c27e0eba81c3580d49618d61f218b27133a' }, this.getSelectedLabels()))), index.h("div", { key: 'deb6c2cd37ce5db9586c7f3d0b5a51f7871d1b15', class: "spw-custom-select__icons" }, showCreate && !(this.isOpen && this.hasSelectedValue) && (index.h("button", { key: 'eb087835e04d9010419c7bade6655ebb54fdd166', class: "spw-custom-select__create-btn", type: "button", onMouseDown: (event) => {
+        }))), !this.multiple && index.h("span", { key: '2334df86497700a0e25ef4a1ee68115af3bc349d' }, this.getSelectedLabels()))), index.h("div", { key: '98d6b1565b711b28fbb348ee2877bba0e3590ba1', class: "spw-custom-select__icons" }, showCreate && !(this.isOpen && this.hasSelectedValue) && (index.h("button", { key: 'f0e2e6e174ed5b030a2f9f4f1e82f9960b95a211', class: "spw-custom-select__create-btn", type: "button", onMouseDown: (event) => {
                 event.preventDefault();
                 event.stopPropagation();
                 this.addCreatedOption(this.searchText);
-            } }, index.h("spw-icon", { key: '51245fd24e580561380ad325f7d712e5c2e4c6c5', icon: "fa-plus" }))), this.isClear && (this.hasSelectedValue || !!this.searchText) && (index.h("span", { key: 'b3c328e3303be083386a573e2f0531bcf3b3fd8c', class: "spw-custom-select__clear", onClick: event => this.handleClear(event) }, index.h("spw-icon", { key: '901f42f0b454d290e3e5083de84f930493795dce', icon: "fa-xmark" }))), index.h("div", { key: 'ae1a3dc6f013d68f359a5030e2515e6e82130d92', class: "spw-custom-select__arrow" }, index.h("spw-icon", { key: 'cf6e35d678d4e89d5d4c41f3729a440e257d1bde', icon: this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down' }))), this.isOpen && (index.h("div", { key: '2756a3d722f0ea5b999a982e2dca80bfb5a31f0f', class: {
+            } }, index.h("spw-icon", { key: '9b2f777e859c8be971dc7a069aae7822aa3c6ab1', icon: "fa-plus" }))), this.isClear && (this.hasSelectedValue || !!this.searchText) && (index.h("span", { key: 'e9a9553430abc3ac47f966fd4a132dbcaf9e2931', class: "spw-custom-select__clear", onClick: event => this.handleClear(event) }, index.h("spw-icon", { key: '98169855a2c9ff794e6897c96f27bff254464592', icon: "fa-xmark" }))), index.h("div", { key: 'e7bac72b7a065e1e35e2a016f0f985600caa43b2', class: "spw-custom-select__arrow" }, index.h("spw-icon", { key: 'b7ce78ce337e69778035b5d53823c0265772de5c', icon: this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down' }))), this.isOpen && (index.h("div", { key: '932a38100e78e64707f2d9014e381be024e9495c', class: {
                 'spw-custom-select__options': true,
                 [`spw-custom-select__options--${this.dropdownDirection}`]: true,
                 'spw-custom-select__options--fixed': this.fixedDropdown,
@@ -619,7 +615,7 @@ const SpwCustomSelect = class {
                     left: `${this.dropdownPosition.left}px`,
                     width: `${this.dropdownPosition.width}px`,
                 }
-                : {} }, index.h("div", { key: '068f62410b9cd62d382e3158eec764a046b57a72', class: "spw-custom-select__options-list" }, !!filteredOptions.length && (index.h("ul", { key: 'f6cf9b974716fa92042ab6b07c5e5d4337d8b1e1' }, filteredOptions.map((option, index$1) => (index.h("li", { class: {
+                : {} }, index.h("div", { key: 'b6bfe9801edf04781cf0e90b3d4df21749f885b6', class: "spw-custom-select__options-list" }, !!filteredOptions.length && (index.h("ul", { key: '0d44ccae774e2dd839529508fc2971fb607e82b7' }, filteredOptions.map((option, index$1) => (index.h("li", { class: {
                 'spw-custom-select__option': true,
                 'spw-custom-select__option--selected': this.multiple
                     ? this.internalValue.some(val => String(val) === String(option.value))
@@ -627,7 +623,7 @@ const SpwCustomSelect = class {
                 'spw-custom-select__option--focused': index$1 === this.focusedOptionIndex,
                 'spw-custom-select__option--disabled': option.disabled,
                 'spw-custom-select__option--created': !!option.created,
-            }, onClick: () => this.selectOption(option.value) }, this.multiple && (index.h("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-custom-select__checkbox", checked: this.internalValue.some(val => String(val) === String(option.value)), disabled: option.disabled })), option.label, option.created && (index.h("spw-icon", { class: "spw-custom-select__option-remove", icon: "fa-trash", onClick: (event) => this.removeCreatedOption(option, event) }))))))), !filteredOptions.length && index.h("p", { key: 'f20a6196114b89a9e69cdce4f50e7107078c5ee1', class: "spw-custom-select__no-results" }, this.noResultsText)), this.hasSlottedFooter && (index.h("div", { key: 'fd36a7e651b572c32aa0340d3edff0e1d5b0e31b', class: "spw-custom-select__options-footer" }, index.h("slot", { key: '6601ff4fcfb2c51fa1b8fddcd9ff6f9f5fdcebec', name: "footer" })))))), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+            }, onClick: () => this.selectOption(option.value) }, this.multiple && (index.h("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-custom-select__checkbox", checked: this.internalValue.some(val => String(val) === String(option.value)), disabled: option.disabled })), option.label, option.created && (index.h("spw-icon", { class: "spw-custom-select__option-remove", icon: "fa-trash", onClick: (event) => this.removeCreatedOption(option, event) }))))))), !filteredOptions.length && index.h("p", { key: 'd7f15a608b4fe19c10ccf365f7647c9c0b831412', class: "spw-custom-select__no-results" }, this.noResultsText)), this.hasSlottedFooter && (index.h("div", { key: '1142b7c96b8a3e6b49a445cb4cfc5427620d1199', class: "spw-custom-select__options-footer" }, index.h("slot", { key: '487e3993d95680d914481695ada22ce6dbc7a250', name: "footer" })))))), this.renderMessages()));
     }
     static get formAssociated() { return true; }
     get hostElement() { return index.getElement(this); }

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

@@ -930,6 +930,22 @@ const SpwDatePicker = class {
         this.dateChange.emit({ value: this.value, date: dateToEmit });
         this.updateRangeConstraints();
     }
+    // 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 (index.h("spw-field-message", { variant: m.variant, showIcon: m.showIcon, isExpandable: isLast && this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, m.text, isLast && index.h("slot", { name: "details", slot: "details" })));
+        });
+    }
     render() {
         const inputClass = {
             'spw-date-picker__input': true,
@@ -942,7 +958,7 @@ const SpwDatePicker = class {
             'spw-date-picker--is-clear': this.isClearIconVisible,
         };
         const errorMessage = this.error || this.internalError;
-        return (index.h(index.Host, { key: '564bc68f8ad447f770da4c8728f6d58a384a9b2b' }, index.h("div", { key: '32ccc3cda6d814e03421420246ed16330ea849c2', class: containerClass }, this.label && (index.h("spw-field-label", { key: '80583426a18953b34e8fc201afa824f912518f19', label: this.label, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (index.h("spw-field-message", { key: '0dc408e84a46e244c091346d2933ce2303d1a38f', class: "spw-date-picker__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '4c1ff3ff68256ca217ec08064a445dbded3ab965', class: "spw-date-picker__input-container" }, index.h("input", { key: 'f17dbd4e81beac9034360d7f37c9ac035246b296', ref: el => (this.inputElement = el), id: this.uniqueId, type: "text", class: inputClass, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, required: this.required, onFocus: this.handleInputFocus, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, "aria-label": this.accAriaLabel || this.label || this.name, "aria-describedby": this.assistiveText || errorMessage ? `${this.uniqueId}-help ${this.uniqueId}-error` : undefined, "aria-invalid": this.hasError }), index.h("div", { key: '4045e0a3c681853098a82b9c02299ae102afe226', class: "spw-date-picker__icons" }, this.isClearIconVisible && (index.h("span", { key: '6d306f9bea41e7247d12b58d1d5835fb2f94f1e5', class: "spw-date-picker__clear", onClick: this.handleClear }, index.h("spw-icon", { key: 'de27f7a164391647c8d493903cafc7daa8265ce7', class: "spw-date-picker__icon spw-date-picker__icon--clear", icon: "fa-xmark" }))), index.h("span", { key: '56752a196dab51adfd885ee2cf77fe0aa00df145', class: "spw-date-picker__calendar-trigger", onMouseDown: this.handleCalendarIconMouseDown, onClick: this.handleCalendarIconClick }, index.h("spw-icon", { key: 'ecc83e23e44439e69e776a55a18efb1713cfaa0f', icon: "fa-calendar", variant: "fa-regular", class: "spw-date-picker__icon spw-date-picker__icon--calendar" })))), this.error && (index.h("spw-field-message", { key: '31591b3fb7000b0ed02a6bf644fd6b716a31f5e7', variant: "error", showIcon: this.showErrorIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.error, index.h("slot", { key: 'e64d3106764297df28b83a5faa80199931af97fa', name: "details", slot: "details" }))), this.hint && (index.h("spw-field-message", { key: 'a53097541783ed894989cd8558623365aa24c240', variant: "hint", showIcon: this.showHintIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.hint, index.h("slot", { key: 'b5ad3ca2403c6bc7ff151163343a608aac901a3e', name: "details", slot: "details" }))), this.success && (index.h("spw-field-message", { key: '41e4ec713c6f90a12acf4ebf44331d4197a0fa15', variant: "success", showIcon: this.showSuccessIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.success, index.h("slot", { key: 'ac0cf72b8b8ba372f678318b0371ad7d8e95033b', name: "details", slot: "details" }))), this.warning && (index.h("spw-field-message", { key: 'a0135160706177af565dfbb1bf00d93b80406efd', variant: "warning", showIcon: this.showWarningIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.warning, index.h("slot", { key: 'ce8f1a543fae42a05a132e0ac34aefd35e2fe4a2', name: "details", slot: "details" }))))));
+        return (index.h(index.Host, { key: '5955d70f961ed5e105ff020c78c856eb96992eb1' }, index.h("div", { key: 'e0dab771bbff96b83de4da985c24a9462b0417b2', class: containerClass }, this.label && (index.h("spw-field-label", { key: '754992beb8b04fb001f0e8d2b7cc92353c7588b4', label: this.label, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (index.h("spw-field-message", { key: '7abf65973a626621bce3dce5d6465be91c1737a6', class: "spw-date-picker__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '93963d8f8dbbef0256953a41aa041bb5de48708f', class: "spw-date-picker__input-container" }, index.h("input", { key: '751c01e03a22f0a11e23b37a4135735dc3ef1533', ref: el => (this.inputElement = el), id: this.uniqueId, type: "text", class: inputClass, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, required: this.required, onFocus: this.handleInputFocus, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, "aria-label": this.accAriaLabel || this.label || this.name, "aria-describedby": this.assistiveText || errorMessage ? `${this.uniqueId}-help ${this.uniqueId}-error` : undefined, "aria-invalid": this.hasError }), index.h("div", { key: '7fa138207f199962010e53f07d98b24448427629', class: "spw-date-picker__icons" }, this.isClearIconVisible && (index.h("span", { key: 'b1c82234eb5409d03097956aaba6b27ec25569da', class: "spw-date-picker__clear", onClick: this.handleClear }, index.h("spw-icon", { key: '6d5be28b1e4cf1b767a680ae4d622ab68d2f1a5b', class: "spw-date-picker__icon spw-date-picker__icon--clear", icon: "fa-xmark" }))), index.h("span", { key: '0099ffd2a57954568cdddac457fe792e7b9c97bd', class: "spw-date-picker__calendar-trigger", onMouseDown: this.handleCalendarIconMouseDown, onClick: this.handleCalendarIconClick }, index.h("spw-icon", { key: '44ff7f5577e1bc73df0dc1df75553dc2289502a8', icon: "fa-calendar", variant: "fa-regular", class: "spw-date-picker__icon spw-date-picker__icon--calendar" })))), this.renderMessages())));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

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

@@ -224,13 +224,13 @@ const SpwDrawer = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '959023af74f1f006cb52ff26b8befc1b55526c09' }, index.h("div", { key: '0b48c017357960db20fbf1d5359493c2ed8d26e2', class: this.containerClass }, this.modal && index.h("div", { key: '83462c42f8cc7031f0112cb3f4516f947fcbe99a', class: "spw-drawer__overlay", onClick: () => this.handleOverlayClick() }), index.h("div", { key: '2b28ec80a7ad5a811293c1b488596de35e331484', ref: el => (this.drawerPanel = el), class: this.panelClass, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, index.h("div", { key: '9f59f1eca71c1503a0eb7aed9d1b4e04008f96d5', class: "spw-drawer__header" }, this.showCaption && index.h("h2", { key: 'a722f7d54a5b333c3c43d5a4ae82bfb5f1fd6540', class: "spw-drawer__caption" }, this.caption), this.showCloseButton && (index.h("div", { key: '418acf5d3f54a4f24d8b92e62ef2770fa35ac5f5', class: "spw-drawer__close-button", ref: el => (this.closeButtonEl = el), tabindex: "0", role: "button", onClick: () => this.doBeforeClose('CLOSE_BUTTON'), onKeyDown: (e) => (e.key === 'Enter' || e.key === ' ') && this.doBeforeClose('CLOSE_BUTTON') }, index.h("spw-link", { key: '6f2d090746ab8f134abf7f5513316cf175e54ca4', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), index.h("div", { key: '86f2ebde999686b9525387f63f4dbff5365f728e', class: "spw-drawer__body", ref: el => (this.drawerContent = el) }, index.h("slot", { key: '1874804cc1740f1032e27d482223dd83a755e737', name: "content" })), index.h("div", { key: '3fb59d6bed76b2e670457c9f70ab5def222c5069', class: {
+        return (index.h(index.Host, { key: '0a6a6ac65023c0297195a8f64d3865d65c17dbaf' }, index.h("div", { key: '3217a678f8d16d16a98e08740098d3003b5b8e84', class: this.containerClass }, this.modal && index.h("div", { key: '602cf69f04637c915392bcbdba352efd93b1dd94', class: "spw-drawer__overlay", onClick: () => this.handleOverlayClick() }), index.h("div", { key: '57d02c42df508a9d45fcc5c0db42535f93eaa305', ref: el => (this.drawerPanel = el), class: this.panelClass, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, index.h("div", { key: '7fcfb05bc737699a6cae0867d1a761cd3d324b06', class: "spw-drawer__header" }, this.showCaption && index.h("h2", { key: '659f7175cc6eda8fbb709c016246ecdb856b5a4c', class: "spw-drawer__caption" }, this.caption), this.showCloseButton && (index.h("div", { key: 'e9751f85a59804f58af890413ab268f3d5c5459f', class: "spw-drawer__close-button", ref: el => (this.closeButtonEl = el), tabindex: "0", role: "button", onClick: () => this.doBeforeClose('CLOSE_BUTTON'), onKeyDown: (e) => (e.key === 'Enter' || e.key === ' ') && this.doBeforeClose('CLOSE_BUTTON') }, index.h("spw-link", { key: '5c4a7bcb9541e50c8eb59e8a77f0b5a58bde4b02', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), index.h("div", { key: 'dbd1a9e03b2103f7d89e8b0865d98f85d9305e81', class: "spw-drawer__body", ref: el => (this.drawerContent = el) }, index.h("slot", { key: '917e8eddd7a051960dc6a03b418f8bbd5059197d', name: "content" })), index.h("div", { key: '837566c0a01191c78aa575eb1c6a5d31f34670c3', class: {
                 'spw-drawer__footer': true,
                 'spw-drawer__footer--present': this.slotFooterPresent,
-            } }, index.h("slot", { key: 'f36304df12e7546f9925f8ce91efb0d7edf8b985', name: "footer", onSlotchange: (e) => {
+            } }, index.h("slot", { key: '9e84e715b6004766d65e0237bee769566e6ea872', name: "footer", onSlotchange: (e) => {
                 const slot = e.target;
                 this.slotFooterPresent = slot.assignedNodes({ flatten: true }).length > 0;
-            } }))), index.h("div", { key: 'eeaf9d766f88ed01cd7b1c50bc15a6b61ec89983', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
+            } }))), index.h("div", { key: 'f630d54786270a8045c89e29a12ba121ade8ee43', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ const SpwDropdownContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '254b2d132682cd814071d3a9efe34302aa5c2fb8' }, index.h("div", { key: 'cf9ec527584a84088280a1becc2f6bdc029ee527', class: "spw-dropdown-container" }, index.h("slot", { key: 'e5eaaf9c68f77041f6056af1bb7e1101b48c1ffc' }))));
+        return (index.h(index.Host, { key: 'c5dfb232a53c88f23dc1f974696f811c85fecf57' }, index.h("div", { key: 'ae76d1933e3eaef179cf85e5acfb3f8796c7034d', class: "spw-dropdown-container" }, index.h("slot", { key: 'd926f30cc13d7fbb323a2dd562b1eea8c2f59b8c' }))));
     }
 };
 SpwDropdownContainer.style = spwDropdownContainerCss();

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

@@ -89,7 +89,7 @@ const SpwDropdownItem = class {
             'spw-dropdown-item__toggle': true,
             'spw-dropdown-item__toggle--open': this.subItemsOpen,
         };
-        return (index.h(index.Host, { key: '32e923b3a9e108f1086174906faee0da128ff653' }, index.h(Tag, { key: '6d8ef52d2f13479c89f27f778ab9f9bf6825a7f6', class: this.classes, href: this.href, "aria-disabled": this.disabled ? 'true' : undefined, role: "menuitem", tabindex: this.disabled ? -1 : 0, onClick: this.handleItemClick, onKeyDown: this.handleItemKeyDown }, this.icon && (index.h("div", { key: '38f32fedc809d43ecdb54a1b951beca4e1d66736', class: "spw-dropdown-item__icon" }, index.h("spw-icon", { key: '1a56eb106833f1de640edb96a9384dc12c319170', variant: this.iconVariant, icon: this.icon }))), index.h("div", { key: 'd17e23cf648d73ada4446ddf734337486d7c8065', class: "spw-dropdown-item__content" }, index.h("div", { key: '0825c1c2975fbd3fae85a824e24271cbd022d951', class: "spw-dropdown-item__label" }, index.h("slot", { key: 'cf1c32853c466f2739d825e6374d547cd70cd913' })), this.hasSubItems && (index.h("div", { key: '906e05ba073404465f8d846b02c977945a29b343', class: toggleClasses, onClick: this.handleToggleSubItems }, index.h("spw-icon", { key: '6575e949217f70d56d4f2b182f2091f663034c59', icon: "fa-chevron-down" }))))), this.hasSubItems && (index.h("div", { key: '256d12700e405244870e4a336a59dcd36a3eb2d2', class: "spw-dropdown-item__sub-items", style: { display: this.subItemsOpen ? 'block' : 'none' } }, index.h("slot", { key: '3c84ac7480468f6789595e9506e34100b4184a68', name: "sub-items" })))));
+        return (index.h(index.Host, { key: '6039aa657a6a4db77a2f7fe05580750976f43b1d' }, index.h(Tag, { key: 'b8f28edf44a169543128afd2ff7291fbf7f0bff2', class: this.classes, href: this.href, "aria-disabled": this.disabled ? 'true' : undefined, role: "menuitem", tabindex: this.disabled ? -1 : 0, onClick: this.handleItemClick, onKeyDown: this.handleItemKeyDown }, this.icon && (index.h("div", { key: 'f3081d688b106ffc98f439a1abc79e51a1570c67', class: "spw-dropdown-item__icon" }, index.h("spw-icon", { key: 'ad828fc45782d76ddb2bd9c8014a9d9e805b79a2', variant: this.iconVariant, icon: this.icon }))), index.h("div", { key: 'd681cb0b6b24cc5b5acd9dcbf356893d4c983af1', class: "spw-dropdown-item__content" }, index.h("div", { key: '333a617fd17f08260deb110c8b15c828d6bb49a0', class: "spw-dropdown-item__label" }, index.h("slot", { key: '2ad02cc8624cf9304f84c35b95018274b2fcdcae' })), this.hasSubItems && (index.h("div", { key: '5a1f2412aa066ebe611751d3e7c04ebee10ffdbf', class: toggleClasses, onClick: this.handleToggleSubItems }, index.h("spw-icon", { key: 'ad714af7ecad526a71936f861b9c3078a3f87276', icon: "fa-chevron-down" }))))), this.hasSubItems && (index.h("div", { key: '5b75116726c0d8d1b3d481c5ec7cfa6e2468cc45', class: "spw-dropdown-item__sub-items", style: { display: this.subItemsOpen ? 'block' : 'none' } }, index.h("slot", { key: '6aa46fa63137c6ce465ee8907ea85aa622512059', name: "sub-items" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -241,7 +241,7 @@ const SpwDropdown = class {
         dropdown.style.visibility = 'visible';
     }
     render() {
-        return (index.h("div", { key: '355a6c48bfc0256e89821adc33ee5302617cc815', class: "spw-dropdown__trigger", onClick: () => (this.open = !this.open), "aria-expanded": this.open ? 'true' : 'false', "aria-haspopup": "menu" }, index.h("slot", { key: 'ea07cd30880d19c666293f895a4deeebdff6a0f8' })));
+        return (index.h("div", { key: '178def035dab4df44facbf82315c29d982e065bb', class: "spw-dropdown__trigger", onClick: () => (this.open = !this.open), "aria-expanded": this.open ? 'true' : 'false', "aria-haspopup": "menu" }, index.h("slot", { key: 'a86d20cea8f68aa750dbb7d7aeba0e13c01f5edc' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/spw-field-label_8.cjs.entry.js

@@ -27,13 +27,13 @@ const SpwFieldLabel = class {
         return !!(this.tooltipText || this.tooltipTitle);
     }
     render() {
-        return (index.h(index.Host, { key: '98e1c6ce4789a41cb40cf17e05b4b5f01ede9206' }, index.h("label", { key: '806fcafd344b1ec3aebad9f7ca5240fe60c66a70', class: "spw-field-label", htmlFor: this.name, onClick: this.handleClick }, index.h("span", { key: 'df417feeb140d5791a115d9454062962135fddaa', class: "spw-field-label__text" }, this.label), this.hasTooltip && (index.h("spw-tooltip", { key: '5874bf363f3c0f194b4710b85e3bc7e4e594ed00', tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, maxWidth: this.tooltipMaxWidth, direction: this.tooltipDirection, cursor: this.tooltipCursor }, index.h("spw-icon", { key: '80048d6b4ab44327a48b400fd443c63705c16bf4', variant: "fa-regular", icon: "fa-circle-info", class: "spw-field-label__icon" }))), this.required && index.h("span", { key: '3522289fd7311ac8d834a99119003aea6468e125', class: "spw-field-label__required" }, "*"))));
+        return (index.h(index.Host, { key: 'c52052ffddf2165799a5b1e8cff0819aceeff91c' }, index.h("label", { key: '4a10f27fc26d352d94c1f58920883fe9bd6987f1', class: "spw-field-label", htmlFor: this.name, onClick: this.handleClick }, index.h("span", { key: '8ff780a360a11dd807d5699bf85366c9def3200f', class: "spw-field-label__text" }, this.label), this.hasTooltip && (index.h("spw-tooltip", { key: 'fe27fc64947802a3f37b589aa43b4074961cc650', tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, maxWidth: this.tooltipMaxWidth, direction: this.tooltipDirection, cursor: this.tooltipCursor }, index.h("spw-icon", { key: '44912845596090f2d5e69a32a9600c62ef8e175c', variant: "fa-regular", icon: "fa-circle-info", class: "spw-field-label__icon" }))), this.required && index.h("span", { key: 'de283f3b520ec7c4b1b4571fbecef935bb3fd499', class: "spw-field-label__required" }, "*"))));
     }
     get el() { return index.getElement(this); }
 };
 SpwFieldLabel.style = spwFieldLabelCss();
 
-const spwFieldMessageCss = () => `html.sc-spw-field-message{line-height:1.3;-webkit-text-size-adjust:100%}h1.sc-spw-field-message,h2.sc-spw-field-message,h3.sc-spw-field-message,h4.sc-spw-field-message,h5.sc-spw-field-message,h6.sc-spw-field-message,p.sc-spw-field-message,ul.sc-spw-field-message,li.sc-spw-field-message{padding:0;margin:0}ul.sc-spw-field-message{list-style:none}.sc-spw-field-message-h{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}.sc-spw-field-message-h *.sc-spw-field-message,.sc-spw-field-message-h *.sc-spw-field-message::before,.sc-spw-field-message-h *.sc-spw-field-message::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body.sc-spw-field-message{margin:0}hr.sc-spw-field-message{box-sizing:content-box;height:0;overflow:visible}pre.sc-spw-field-message{font-family:monospace, monospace;font-size:1em}a.sc-spw-field-message{background-color:transparent}abbr[title].sc-spw-field-message{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b.sc-spw-field-message,strong.sc-spw-field-message{font-weight:bolder}code.sc-spw-field-message,kbd.sc-spw-field-message,samp.sc-spw-field-message{font-family:monospace, monospace;font-size:1em}small.sc-spw-field-message{font-size:80%}sub.sc-spw-field-message,sup.sc-spw-field-message{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-spw-field-message{bottom:-0.25em}sup.sc-spw-field-message{top:-0.5em}img.sc-spw-field-message{border-style:none}button.sc-spw-field-message,input.sc-spw-field-message,optgroup.sc-spw-field-message,select.sc-spw-field-message,textarea.sc-spw-field-message{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-spw-field-message,input.sc-spw-field-message{overflow:visible}button.sc-spw-field-message,select.sc-spw-field-message{text-transform:none}button.sc-spw-field-message,[type=button].sc-spw-field-message,[type=reset].sc-spw-field-message,[type=submit].sc-spw-field-message{-webkit-appearance:button}button.sc-spw-field-message::-moz-focus-inner,[type=button].sc-spw-field-message::-moz-focus-inner,[type=reset].sc-spw-field-message::-moz-focus-inner,[type=submit].sc-spw-field-message::-moz-focus-inner{border-style:none;padding:0}button.sc-spw-field-message:-moz-focusring,[type=button].sc-spw-field-message:-moz-focusring,[type=reset].sc-spw-field-message:-moz-focusring,[type=submit].sc-spw-field-message:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-spw-field-message{padding:0.35em 0.75em 0.625em}legend.sc-spw-field-message{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-spw-field-message{vertical-align:baseline}textarea.sc-spw-field-message{overflow:auto}[type=checkbox].sc-spw-field-message,[type=radio].sc-spw-field-message{box-sizing:border-box;padding:0}[type=number].sc-spw-field-message::-webkit-inner-spin-button,[type=number].sc-spw-field-message::-webkit-outer-spin-button{height:auto}[type=search].sc-spw-field-message{-webkit-appearance:textfield;outline-offset:-2px}[type=search].sc-spw-field-message::-webkit-search-decoration{-webkit-appearance:none}.sc-spw-field-message::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-spw-field-message{display:block}summary.sc-spw-field-message{display:list-item}template.sc-spw-field-message{display:none}[hidden].sc-spw-field-message{display:none}.sc-spw-field-message:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container.sc-spw-field-message{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container.sc-spw-field-message{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container.sc-spw-field-message{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container.sc-spw-field-message{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container.sc-spw-field-message{max-width:var(--spw-ds-container-xl)}}.sc-spw-field-message-h{display:block}.spw-field-message.sc-spw-field-message{display:block;margin-top:8px;display:flex;gap:8px}.spw-field-message--error.sc-spw-field-message{color:var(--spw-color-states-error-error-300)}.spw-field-message--hint.sc-spw-field-message{color:var(--spw-colors-support-grey-grey-800)}.spw-field-message--success.sc-spw-field-message{color:var(--spw-color-states-success-success-500)}.spw-field-message--warning.sc-spw-field-message{color:var(--spw-color-themes-orange-orange-500)}.spw-field-message__icon.sc-spw-field-message{position:relative;top:1px}.spw-field-message__text.sc-spw-field-message{flex:1;font-size:14px;line-height:1.5}.spw-field-message__expandable.sc-spw-field-message{margin-top:4px}.spw-field-message__expandable.sc-spw-field-message spw-link.sc-spw-field-message{user-select:none;--spw-link-text-decoration:none;--spw-link-color:var(--spw-colors-support-grey-grey-800)}.spw-field-message__expandable.sc-spw-field-message spw-link.sc-spw-field-message:hover{--spw-link-text-decoration:underline}.spw-field-message__details.sc-spw-field-message{margin:6px 0;padding:16px;border:1px solid transparent;background:var(--spw-colors-support-grey-grey-50);border-radius:4px;color:var(--spw-colors-support-grey-grey-800)}.spw-field-message--error.sc-spw-field-message .spw-field-message__details.sc-spw-field-message{border-color:var(--spw-color-states-error-error-300)}.spw-field-message--warning.sc-spw-field-message .spw-field-message__details.sc-spw-field-message{border-color:var(--spw-color-themes-orange-orange-500)}.spw-field-message--success.sc-spw-field-message .spw-field-message__details.sc-spw-field-message{border-color:var(--spw-color-states-success-success-500)}.spw-field-message--hint.sc-spw-field-message .spw-field-message__details.sc-spw-field-message{border-color:var(--spw-colors-support-grey-grey-300)}.spw-field-message__details--hidden.sc-spw-field-message{display:none}`;
+const spwFieldMessageCss = () => `html.sc-spw-field-message{line-height:1.3;-webkit-text-size-adjust:100%}h1.sc-spw-field-message,h2.sc-spw-field-message,h3.sc-spw-field-message,h4.sc-spw-field-message,h5.sc-spw-field-message,h6.sc-spw-field-message,p.sc-spw-field-message,ul.sc-spw-field-message,li.sc-spw-field-message{padding:0;margin:0}ul.sc-spw-field-message{list-style:none}.sc-spw-field-message-h{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}.sc-spw-field-message-h *.sc-spw-field-message,.sc-spw-field-message-h *.sc-spw-field-message::before,.sc-spw-field-message-h *.sc-spw-field-message::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body.sc-spw-field-message{margin:0}hr.sc-spw-field-message{box-sizing:content-box;height:0;overflow:visible}pre.sc-spw-field-message{font-family:monospace, monospace;font-size:1em}a.sc-spw-field-message{background-color:transparent}abbr[title].sc-spw-field-message{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b.sc-spw-field-message,strong.sc-spw-field-message{font-weight:bolder}code.sc-spw-field-message,kbd.sc-spw-field-message,samp.sc-spw-field-message{font-family:monospace, monospace;font-size:1em}small.sc-spw-field-message{font-size:80%}sub.sc-spw-field-message,sup.sc-spw-field-message{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-spw-field-message{bottom:-0.25em}sup.sc-spw-field-message{top:-0.5em}img.sc-spw-field-message{border-style:none}button.sc-spw-field-message,input.sc-spw-field-message,optgroup.sc-spw-field-message,select.sc-spw-field-message,textarea.sc-spw-field-message{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-spw-field-message,input.sc-spw-field-message{overflow:visible}button.sc-spw-field-message,select.sc-spw-field-message{text-transform:none}button.sc-spw-field-message,[type=button].sc-spw-field-message,[type=reset].sc-spw-field-message,[type=submit].sc-spw-field-message{-webkit-appearance:button}button.sc-spw-field-message::-moz-focus-inner,[type=button].sc-spw-field-message::-moz-focus-inner,[type=reset].sc-spw-field-message::-moz-focus-inner,[type=submit].sc-spw-field-message::-moz-focus-inner{border-style:none;padding:0}button.sc-spw-field-message:-moz-focusring,[type=button].sc-spw-field-message:-moz-focusring,[type=reset].sc-spw-field-message:-moz-focusring,[type=submit].sc-spw-field-message:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-spw-field-message{padding:0.35em 0.75em 0.625em}legend.sc-spw-field-message{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-spw-field-message{vertical-align:baseline}textarea.sc-spw-field-message{overflow:auto}[type=checkbox].sc-spw-field-message,[type=radio].sc-spw-field-message{box-sizing:border-box;padding:0}[type=number].sc-spw-field-message::-webkit-inner-spin-button,[type=number].sc-spw-field-message::-webkit-outer-spin-button{height:auto}[type=search].sc-spw-field-message{-webkit-appearance:textfield;outline-offset:-2px}[type=search].sc-spw-field-message::-webkit-search-decoration{-webkit-appearance:none}.sc-spw-field-message::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-spw-field-message{display:block}summary.sc-spw-field-message{display:list-item}template.sc-spw-field-message{display:none}[hidden].sc-spw-field-message{display:none}.sc-spw-field-message:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container.sc-spw-field-message{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container.sc-spw-field-message{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container.sc-spw-field-message{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container.sc-spw-field-message{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container.sc-spw-field-message{max-width:var(--spw-ds-container-xl)}}.sc-spw-field-message-h{display:block}.spw-field-message.sc-spw-field-message{display:block;margin-top:8px;display:flex;gap:8px}.spw-field-message--error.sc-spw-field-message{color:var(--spw-color-states-error-error-300)}.spw-field-message--hint.sc-spw-field-message{color:var(--spw-colors-support-grey-grey-800)}.spw-field-message--success.sc-spw-field-message{color:var(--spw-color-states-success-success-500)}.spw-field-message--warning.sc-spw-field-message{color:var(--spw-color-themes-orange-orange-500)}.spw-field-message__icon.sc-spw-field-message{position:relative;top:1px}.spw-field-message__text.sc-spw-field-message{flex:1;font-size:14px;line-height:1.5}.spw-field-message__expandable.sc-spw-field-message{margin-top:6px}.spw-field-message__expandable.sc-spw-field-message spw-link.sc-spw-field-message{user-select:none;--spw-link-text-decoration:none;--spw-link-color:var(--spw-colors-support-grey-grey-800)}.spw-field-message__expandable.sc-spw-field-message spw-link.sc-spw-field-message:hover{--spw-link-text-decoration:underline}.spw-field-message__details.sc-spw-field-message{margin:6px 0;padding:16px;border:1px solid var(--spw-colors-support-grey-grey-300);background:var(--spw-colors-support-grey-grey-50);border-radius:4px;color:var(--spw-colors-support-grey-grey-800)}.spw-field-message__details--hidden.sc-spw-field-message{display:none}`;
 
 const SpwFieldMessage = class {
     constructor(hostRef) {
@@ -74,7 +74,7 @@ const SpwFieldMessage = class {
     }
     render() {
         const { isExpandable, isExpanded, expandLabel, collapseLabel } = this;
-        return (index.h(index.Host, { key: 'b38c0aa42f009699030e3ee86140eab077e599c9' }, index.h("div", { key: '5ee40f9390f1029192b3d23eed4215fa33a8602b', class: this.elementClass }, this.showIcon && (index.h("div", { key: 'd8b45a7b87fa01a6b63f754dda7a313cb0633a49', class: "spw-field-message__icon" }, index.h("spw-icon", { key: '6517e220995aeabeb8684ac8aba8f7f3e5526195', icon: this.variantIcon }))), index.h("span", { key: '6473b11a31c69cb7dbd648218c5b62f0a6c199a5', class: "spw-field-message__text" }, index.h("slot", { key: '228dff3a239c19348d20ebf0f28ec063b1545981' }), isExpandable && (index.h("div", { key: '833936731b2374a41bf89c149cb72bc74e2656a3', class: "spw-field-message__expandable" }, index.h("div", { key: 'da953e19879ce23254463dcafebd9c21ce3d16bf', class: { 'spw-field-message__details': true, 'spw-field-message__details--hidden': !isExpanded } }, index.h("slot", { key: '116d71e3546d38805f4ee26627d5d506df1b564b', name: "details" })), index.h("spw-link", { key: '617265971ba78f7a4f4c0bcfeb665b37370a7327', href: "#", icon: isExpanded ? 'fa-chevron-up' : 'fa-chevron-down', onClick: this.toggleExpanded }, isExpanded ? collapseLabel : expandLabel)))))));
+        return (index.h(index.Host, { key: '0eca782d02fd33f6d1c3aec9f757285c90d56e9d' }, index.h("div", { key: '1cb65229cdf9af52e35bab2c4ba6e80426266203', class: this.elementClass }, this.showIcon && (index.h("div", { key: 'a2fcb8f1c07596e86eab0958e6d21729fa83190a', class: "spw-field-message__icon" }, index.h("spw-icon", { key: '8db298fb8a078dea7f2d11df574bbc90d26e9068', icon: this.variantIcon }))), index.h("span", { key: '4de975363a2c1edf52f7f8705f2975e3829526fd', class: "spw-field-message__text" }, index.h("slot", { key: '1b7a99972dc56da986ee17c279c22b04f959581e' }), isExpandable && (index.h("div", { key: '723f3fc9b22c7ecb5d1c3f67ffb1fad2587b8924', class: "spw-field-message__expandable" }, index.h("div", { key: '3f37026e90095977ac6271e98dcc6ffa7ecc1e7a', class: { 'spw-field-message__details': true, 'spw-field-message__details--hidden': !isExpanded } }, index.h("slot", { key: '7cbf66a6c763a27e09bd3dfaee76ad8b20509a38', name: "details" })), index.h("spw-link", { key: 'b4269a46acc07330f293829f29883d1a1e6c5611', href: "#", icon: isExpanded ? 'fa-chevron-up' : 'fa-chevron-down', onClick: this.toggleExpanded }, isExpanded ? collapseLabel : expandLabel)))))));
     }
 };
 SpwFieldMessage.style = spwFieldMessageCss();
@@ -146,18 +146,26 @@ const SpwGroup = class {
             [`spw-group--align-${this.alignment}`]: true,
         };
     }
+    // isExpandable (details slot) uniquement sur le dernier message affiché
     renderMessages() {
         if (!this.isCheckboxOrRadio)
             return;
-        return [
-            this.error && (index.h("spw-field-message", { variant: "error", isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.error, index.h("slot", { name: "details", slot: "details" }))),
-            this.hint && (index.h("spw-field-message", { variant: "hint", isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.hint, index.h("slot", { name: "details", slot: "details" }))),
-            this.success && (index.h("spw-field-message", { variant: "success", isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.success, index.h("slot", { name: "details", slot: "details" }))),
-            this.warning && (index.h("spw-field-message", { variant: "warning", isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.warning, index.h("slot", { name: "details", slot: "details" }))),
-        ];
+        const messages = [];
+        if (this.error)
+            messages.push({ variant: 'error', text: this.error });
+        if (this.hint)
+            messages.push({ variant: 'hint', text: this.hint });
+        if (this.success)
+            messages.push({ variant: 'success', text: this.success });
+        if (this.warning)
+            messages.push({ variant: 'warning', text: this.warning });
+        return messages.map((m, i) => {
+            const isLast = i === messages.length - 1;
+            return (index.h("spw-field-message", { variant: m.variant, isExpandable: isLast && this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, m.text, isLast && index.h("slot", { name: "details", slot: "details" })));
+        });
     }
     render() {
-        return (index.h(index.Host, { key: '88364482e94f002f2e798407d4afcd2ed3db0019' }, index.h("div", { key: 'e602d3d47b13b3350af36107b397698c6ce91c7d', class: this.groupClasses }, this.label && (index.h("spw-field-label", { key: '7f4af60defddb9387613fd279cedef1df54d6779', class: "spw-group__field-label", 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.isCheckboxOrRadio && this.assistiveText && (index.h("spw-field-message", { key: '7141778173e5f55acfff9ff4b818e261adb246e9', class: "spw-group__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: 'c4d395cdc6d21a19edb569bc1dbeaa443d1b3d14', class: "spw-group__container", style: { flexWrap: this.flexWrap } }, index.h("slot", { key: '4f3a6ad9725951b695e5459be37c63249292b842', ref: el => (this.slotEl = el) })), this.renderMessages())));
+        return (index.h(index.Host, { key: 'ecff4eb38d0a81da5af7b24bf0af8df9aa785d45' }, index.h("div", { key: '1c1451e9de820c4a282fa9d613b68b31694ae73a', class: this.groupClasses }, this.label && (index.h("spw-field-label", { key: '8117da4ea93cf4876e4e7c3e80bedc1ad1ccc567', class: "spw-group__field-label", 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.isCheckboxOrRadio && this.assistiveText && (index.h("spw-field-message", { key: 'afd15537b36a4293f1521264593307ffa050662f', class: "spw-group__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '00e126779620992f6816537f222fdb9111ac5932', class: "spw-group__container", style: { flexWrap: this.flexWrap } }, index.h("slot", { key: '3d38e36fb09adeebaa91458e136861a74a40623c', ref: el => (this.slotEl = el) })), this.renderMessages())));
     }
     static get watchers() { return {
         "error": [{
@@ -222,7 +230,7 @@ const SpwLink = class {
         };
         const iconClass = `spw-icon--${iconPosition}`;
         const iconElement = icon ? index.h("spw-icon", { class: iconClass, icon: icon }) : null;
-        return (index.h("a", Object.assign({ key: 'f6f5e296a99640156dc7204b042fd8c1a8984f0f', href: disabled ? undefined : href, rel: rel, download: download, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, index.h("div", { key: '7eba164c5de00f7feeedd4722247330ad9a2d2d3', class: "spw-link__inner" }, index.h("slot", { key: '6e1784314b450ccb7e9d301d3514941950164cc8' })), iconPosition === 'right' && iconElement));
+        return (index.h("a", Object.assign({ key: '3540a48e490ae0c5c18812f59cac4b79f7af92ed', href: disabled ? undefined : href, rel: rel, download: download, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, index.h("div", { key: 'd946f5fd86f1b16b120b8e4392eea8fdeb056a5b', class: "spw-link__inner" }, index.h("slot", { key: 'e0f965fe25e66d68e06bd4fe59a0f1ec40948455' })), iconPosition === 'right' && iconElement));
     }
     get el() { return index.getElement(this); }
 };
@@ -259,7 +267,7 @@ const SpwSeparator = class {
         };
     }
     render() {
-        return index.h("div", { key: '338dcc69af19f31c0e2d42e149cf5f5a7760cba6', class: this.elementClass, style: this.style });
+        return index.h("div", { key: 'aac786b768e926f4ed6ece23b4f188c72fc9d627', class: this.elementClass, style: this.style });
     }
 };
 SpwSeparator.style = spwSeparatorCss();
@@ -322,7 +330,7 @@ const SpwThemeProvider = class {
         document.documentElement.setAttribute('data-theme', theme);
     }
     render() {
-        return (index.h("main", { key: '0285afd390f8bd53ce43e58ff0982acf2bfb2de0', class: `spw-theme-${this.theme}` }, index.h("slot", { key: '0ae37393d3ebfad492887fa1979e21123363db79' })));
+        return (index.h("main", { key: '065ca382d4d58c36416002ba5dc4dcfb50c1794f', class: `spw-theme-${this.theme}` }, index.h("slot", { key: '91ec689d709422359646952b736404a79d4ca178' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -458,7 +466,7 @@ const SpwTooltip = class {
         };
     }
     render() {
-        return (index.h("div", { key: '85279a6e6e1fc9de788d0b5f36df918f6284b200', class: this.classes, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip }, index.h("slot", { key: 'acd39fe15bf329ed41143c57a0cf865060377041' })));
+        return (index.h("div", { key: 'dcdf0a4a2a20b67a8ee8e7afa34b00cd6f6e0bb1', class: this.classes, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip }, index.h("slot", { key: '08c755da2d1ae451b1ff40b5ac0bebb6e1cc30b2' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/spw-file-upload.cjs.entry.js

@@ -263,10 +263,10 @@ const SpwFileUpload = class {
     render() {
         const inputTextNoDrop = this.multiple ? this.textChooseFiles : this.textChooseFile;
         const inputTextDrop = this.multiple ? this.textDropFiles : this.textDropFile;
-        return (index.h("div", { key: 'b9ebd2c1fc52c12db5a618184286764f2940286c', class: this.elementClass, onDragOver: this.handleDragOver.bind(this), onDragLeave: this.handleDragLeave.bind(this), onDrop: this.handleDrop.bind(this) }, index.h("input", { key: 'dcb8127694409b0b2e5a6b8eb8ec145e0611a6d5', type: "file", ref: el => (this.inputElement = el), onChange: this.handleFileChange.bind(this), name: this.name, multiple: this.multiple, accept: this.accept, style: { display: 'none' }, disabled: this.isMaxFilesReached }), this.enableDropZone ? (index.h("div", { tabindex: this.disabled || this.isMaxFilesReached ? -1 : 0, onKeyDown: this.handleKeydown.bind(this), onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), class: "spw-file-upload__dropzone" }, inputTextDrop, " ", index.h("span", { class: "spw-file-upload__dropzone-link" }, this.textChooseFromComputer))) : (index.h("spw-button", { variant: "secondary", onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), disabled: this.disabled || this.isMaxFilesReached }, inputTextNoDrop)), index.h("div", { key: '17ce5706ea9ddfe6b86abaa2d2d8bb07792ac29f', class: "spw-file-upload__hints" }, this.hintsMessages.length > 0 && (index.h("ul", { key: '4d122133f13dc87218591517c423326a01fc8ab5' }, this.hintsMessages.map((message, index$1) => (index.h("li", { key: index$1 }, message)))))), index.h("div", { key: '6ddfc9b38a2e0063cb83567f5389f136988b0283', class: "spw-file-upload__info" }, this.selectedFiles.length > 0 ? (index.h("ul", { class: "spw-file-upload__info-list" }, this.selectedFiles.map((file, index$1) => (index.h("li", { key: index$1 }, index.h("span", { class: "spw-file-upload__info-list-name" }, file.name), index.h("div", { class: "spw-file-upload__info-list-actions" }, index.h("span", { class: "spw-file-upload__spacing" }, utils.formatFileSize(file.size)), index.h("a", { class: "spw-file-upload__info-list-delete", href: "#", onClick: e => {
+        return (index.h("div", { key: '04c9a5ce4a9819f292e7b78739b58f6669e3c9f7', class: this.elementClass, onDragOver: this.handleDragOver.bind(this), onDragLeave: this.handleDragLeave.bind(this), onDrop: this.handleDrop.bind(this) }, index.h("input", { key: '805d6de83cdba2201de81141290605163f15c82b', type: "file", ref: el => (this.inputElement = el), onChange: this.handleFileChange.bind(this), name: this.name, multiple: this.multiple, accept: this.accept, style: { display: 'none' }, disabled: this.isMaxFilesReached }), this.enableDropZone ? (index.h("div", { tabindex: this.disabled || this.isMaxFilesReached ? -1 : 0, onKeyDown: this.handleKeydown.bind(this), onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), class: "spw-file-upload__dropzone" }, inputTextDrop, " ", index.h("span", { class: "spw-file-upload__dropzone-link" }, this.textChooseFromComputer))) : (index.h("spw-button", { variant: "secondary", onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), disabled: this.disabled || this.isMaxFilesReached }, inputTextNoDrop)), index.h("div", { key: '7b70b5162ad53d084a474ba03f93cdb3d9cde1c9', class: "spw-file-upload__hints" }, this.hintsMessages.length > 0 && (index.h("ul", { key: 'fefdbf67a4e02c5c5cc98555581e9c1df68234ed' }, this.hintsMessages.map((message, index$1) => (index.h("li", { key: index$1 }, message)))))), index.h("div", { key: '3eebd438cc820cdc195ef8c05c3da8e091454e4c', class: "spw-file-upload__info" }, this.selectedFiles.length > 0 ? (index.h("ul", { class: "spw-file-upload__info-list" }, this.selectedFiles.map((file, index$1) => (index.h("li", { key: index$1 }, index.h("span", { class: "spw-file-upload__info-list-name" }, file.name), index.h("div", { class: "spw-file-upload__info-list-actions" }, index.h("span", { class: "spw-file-upload__spacing" }, utils.formatFileSize(file.size)), index.h("a", { class: "spw-file-upload__info-list-delete", href: "#", onClick: e => {
                 e.preventDefault();
                 this.removeFile(index$1);
-            } }, this.textDelete))))))) : (''), this.fileLimitErrors.length > 0 && (index.h("ul", { key: '555c82b252214a6587d9a80405d727ab73561fc0', class: `spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}` }, this.fileLimitErrors.map((message, index$1) => (index.h("li", { key: index$1 }, index.h("spw-icon", { class: "spw-file-upload__spacing", icon: this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning' }), message))))), this.fileTypeErrors.length > 0 && (index.h("ul", { key: '9aee36f1c9d26711eb58e723a14ddcdeef447ece', class: "spw-file-upload__errors" }, this.fileTypeErrors.map((message, index$1) => (index.h("li", { key: index$1 }, index.h("spw-icon", { class: "spw-file-upload__spacing", icon: "fa-warning" }), message))))))));
+            } }, this.textDelete))))))) : (''), this.fileLimitErrors.length > 0 && (index.h("ul", { key: 'fa4df64dd8b66fb0d96600a28f1856d68801c387', class: `spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}` }, this.fileLimitErrors.map((message, index$1) => (index.h("li", { key: index$1 }, index.h("spw-icon", { class: "spw-file-upload__spacing", icon: this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning' }), message))))), this.fileTypeErrors.length > 0 && (index.h("ul", { key: '7c4fca9fec8a6487f0788df0bf7f5534fb0f2f9d', class: "spw-file-upload__errors" }, this.fileTypeErrors.map((message, index$1) => (index.h("li", { key: index$1 }, index.h("spw-icon", { class: "spw-file-upload__spacing", icon: "fa-warning" }), message))))))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }