wcs-core 7.6.0 → 7.7.0

package/dist/esm/wcs-header.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement, H as Host } from './index-d9de61ce.js';
-import { i as inheritAriaAttributes, a as inheritAttributes, s as setOrRemoveAttribute } from './helpers-89faa1b1.js';
+import { i as inheritAriaAttributes, a as inheritAttributes, s as setOrRemoveAttribute } from './helpers-2d73ee7c.js';
 
 const headerCss = ":host{--wcs-header-background-color:var(--wcs-semantic-color-background-surface-primary);--wcs-header-gap:var(--wcs-semantic-spacing-large);--wcs-header-height:calc(8 * var(--wcs-semantic-size-base));--wcs-header-logo-height:calc(4 * var(--wcs-semantic-size-base));--wcs-header-padding-horizontal:var(--wcs-semantic-spacing-large);--wcs-header-border-bottom:solid var(--wcs-semantic-border-width-default) var(--wcs-semantic-color-border-secondary);--wcs-header-title-color:var(--wcs-semantic-color-text-primary);--wcs-header-title-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-header-title-font-size:var(--wcs-semantic-font-size-label-1)}header{border-bottom:var(--wcs-header-border-bottom);display:flex;align-items:center;box-sizing:border-box;z-index:1;background:var(--wcs-header-background-color);padding:0 var(--wcs-header-padding-horizontal);height:var(--wcs-header-height);gap:var(--wcs-header-gap)}::slotted(img){height:var(--wcs-header-logo-height)}::slotted(h1),::slotted(a){color:var(--wcs-header-title-color);margin:0;font-weight:var(--wcs-header-title-font-weight);font-size:var(--wcs-header-title-font-size);text-decoration:none}::slotted([slot=center]){flex:1;display:flex;justify-content:center;align-items:center}::slotted([slot=actions]){margin-left:auto}";
 const WcsHeaderStyle0 = headerCss;
@@ -22,7 +22,7 @@ const Header = class {
         };
     }
     __stencil_render() {
-        return (h("header", Object.assign({ key: 'd8d14874c0caf8bd0774bfbc43ec74b602d5e3eb', role: "banner", ref: (el) => (this.nativeHeader = el) }, this.inheritedAttributes), h("slot", { key: '7c7dcc8f6760d45a5c6ad530cee9947025a87771', name: "logo" }), h("slot", { key: '5e5ba145dd565729887993e1e934107311c98738', name: "title" }), h("slot", { key: 'fe799951e59ad6288fa5e44480c5e49f47da6c3d', name: "center" }), h("slot", { key: '3fabde05983e0bbd226d3d4112e567f7565fb1be', name: "actions" })));
+        return (h("header", Object.assign({ key: '7d05333cbba02a8fa94f6bcd3a6e129c612a5eab', role: "banner", ref: (el) => (this.nativeHeader = el) }, this.inheritedAttributes), h("slot", { key: '7f2796e1a5667d54d30c7da60f3a8d03d3a463b7', name: "logo" }), h("slot", { key: 'fa547bcffaa627441a062c8bde97023c81704357', name: "title" }), h("slot", { key: 'fcff0c217083dbc971dafe72065416bfb5ac5332', name: "center" }), h("slot", { key: '459692329e5c4eb786d9ee232821927867686b19', name: "actions" })));
     }
     get el() { return getElement(this); }
     render() { return h(Host, this.hostData(), this.__stencil_render()); }

package/dist/esm/wcs-hint.entry.js

@@ -9,7 +9,7 @@ const Hint = class {
         this.small = false;
     }
     render() {
-        return (h(Host, { key: '6fae15a2dd3769e29fd86d510739a2e7b7c47123', slot: "messages" }, h("slot", { key: 'aa531d55bfb557aaba527f63af0f275b7e869d63' })));
+        return (h(Host, { key: '543a98e5e95618f1916dbe681e12d8fca7e2d8c9', slot: "messages" }, h("slot", { key: '5d460b4dd0e7c6a22d42fa96de491cd0e2a4cc5f' })));
     }
 };
 Hint.style = WcsHintStyle0;

package/dist/esm/wcs-horizontal-stepper.entry.js

@@ -81,7 +81,7 @@ const HorizontalStepper = class {
         }
     }
     render() {
-        return (h(Host, { key: '5da8afa26c57a0c1022ff0f07f39df0237642f9d' }, h("ul", { key: '842228ca2f4e136a3937b02281ca3194d4caef91', role: "list", class: "steps" }, this.steps.map((step, index) => (h(HorizontalStep, { step: step, passed: index <= this.internalCurrentStepIndex, checkOnComplete: this.checkOnComplete, complete: this.isComplete(step, index), active: index === this.internalCurrentStepIndex, first: index === 0, disable: this.isDisable(step, index), onClick: step => this.wcsHorizontalStepClick.emit({ step, index }) })))), this.renderLabels()));
+        return (h(Host, { key: 'b395a8e5c504ac8732384c0b05d49ad0dc5876aa' }, h("ul", { key: '158b7501687c4063e8a0f57d28b26fbd9ad5fa2f', role: "list", class: "steps" }, this.steps.map((step, index) => (h(HorizontalStep, { step: step, passed: index <= this.internalCurrentStepIndex, checkOnComplete: this.checkOnComplete, complete: this.isComplete(step, index), active: index === this.internalCurrentStepIndex, first: index === 0, disable: this.isDisable(step, index), onClick: step => this.wcsHorizontalStepClick.emit({ step, index }) })))), this.renderLabels()));
     }
     isComplete(step, index) {
         return index <= this.internalCurrentStepIndex || step.complete;

package/dist/esm/wcs-icon.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-d9de61ce.js';
-import { i as inheritAriaAttributes, a as inheritAttributes, s as setOrRemoveAttribute } from './helpers-89faa1b1.js';
+import { i as inheritAriaAttributes, a as inheritAttributes, s as setOrRemoveAttribute } from './helpers-2d73ee7c.js';
 
 const ICON_INHERITED_ATTRS = ['title'];
 const Icon = class {
@@ -22,7 +22,7 @@ const Icon = class {
                 [`icons-size-${this.size}`]: true
             }
         };
-        return (h("i", Object.assign({ key: '21e345e63fdb54bd03dac7b4574cdc6bddedfaa9' }, cssClass, { ref: (el) => (this.nativeIcon = el) }, this.inheritedAttributes)));
+        return (h("i", Object.assign({ key: 'd12fcb5beb00093de33123442fb94c33dbab957a' }, cssClass, { ref: (el) => (this.nativeIcon = el) }, this.inheritedAttributes)));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/wcs-input.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d9de61ce.js';
-import { r as debounceEvent, i as inheritAriaAttributes, a as inheritAttributes, s as setOrRemoveAttribute } from './helpers-89faa1b1.js';
+import { r as debounceEvent, i as inheritAriaAttributes, a as inheritAttributes, s as setOrRemoveAttribute } from './helpers-2d73ee7c.js';
 
 const inputCss = ":host{--wcs-input-icon-color-default:var(--wcs-semantic-color-foreground-brand);--wcs-input-icon-color-focus:var(--wcs-semantic-color-foreground-brand);--wcs-input-icon-color-disabled:var(--wcs-semantic-color-foreground-disabled);--wcs-input-background-color:var(--wcs-semantic-color-background-control-default);--wcs-input-border-radius-left:var(--wcs-semantic-border-radius-base);--wcs-input-border-radius-right:var(--wcs-semantic-border-radius-base);--wcs-input-border-width:var(--wcs-semantic-border-width-default);--wcs-input-border-width-focus:var(--wcs-semantic-border-width-large);--wcs-input-height-l:var(--wcs-semantic-size-l);--wcs-input-height-m:var(--wcs-semantic-size-m);--wcs-input-height-s:var(--wcs-semantic-size-s);--wcs-input-font-size-l:var(--wcs-semantic-font-size-l);--wcs-input-font-size-m:var(--wcs-semantic-font-size-m);--wcs-input-font-size-s:var(--wcs-semantic-font-size-s);--wcs-input-prefix-suffix-background-color:var(--wcs-semantic-color-background-surface-accent-lighter);--wcs-input-prefix-suffix-color:var(--wcs-semantic-color-foreground-on-accent);--wcs-input-prefix-suffix-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-input-prefix-suffix-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-input-border-style-default:solid;--wcs-input-border-style-focus:var(--wcs-semantic-border-style-focus-control);--wcs-input-border-color-default:var(--wcs-semantic-color-border-primary);--wcs-input-border-color-disabled:var(--wcs-semantic-color-border-disabled);--wcs-input-border-color-focus:var(--wcs-semantic-color-border-control-focus);--wcs-input-reveal-password-button-border-color-focus:var(--wcs-semantic-color-border-focus-base);--wcs-input-border-color-error:var(--wcs-semantic-color-border-critical);--wcs-input-value-color:var(--wcs-semantic-color-text-primary);--wcs-input-value-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-input-placeholder-color:var(--wcs-semantic-color-text-tertiary);--wcs-input-placeholder-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-input-placeholder-font-style:var(--wcs-semantic-font-style-control-placeholder);--wcs-input-text-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-input-min-height:var(--wcs-semantic-size-s);--wcs-input-padding-horizontal-s:calc(1.5 * var(--wcs-semantic-spacing-base));--wcs-input-padding-horizontal-m:var(--wcs-semantic-spacing-large);--wcs-input-padding-horizontal-l:var(--wcs-semantic-spacing-large);--wcs-input-gap:var(--wcs-semantic-spacing-base);--wcs-input-host-height:var(--wcs-input-height-m);--wcs-input-font-size:var(--wcs-input-font-size-m);padding-left:calc(var(--wcs-input-padding-horizontal-m));padding-right:calc(var(--wcs-input-padding-horizontal-m));display:flex;width:100%;height:var(--wcs-input-host-height);box-sizing:border-box;border-radius:var(--wcs-input-border-radius-left) var(--wcs-input-border-radius-right) var(--wcs-input-border-radius-right) var(--wcs-input-border-radius-left);background-color:var(--wcs-input-background-color);outline:var(--wcs-input-border-style-default) var(--wcs-input-border-width) var(--wcs-input-border-color-default);outline-offset:calc(var(--wcs-input-border-width) * -1);background-clip:padding-box;gap:var(--wcs-input-gap)}:host input{overflow:hidden;height:var(--wcs-input-host-height);width:100%;padding:0;background-color:transparent;font-family:var(--wcs-font-sans-serif);color:var(--wcs-input-value-color);font-weight:var(--wcs-input-value-font-weight) !important;border:none;font-size:var(--wcs-input-font-size, 1rem);line-height:1.5}:host input::placeholder{color:var(--wcs-input-placeholder-color);opacity:1;font-weight:var(--wcs-input-placeholder-font-weight);font-style:var(--wcs-input-placeholder-font-style)}:host input:focus{box-shadow:none;outline:0}:host button.toggle_password{background:transparent;border:none;color:inherit;cursor:pointer}:host button.toggle_password:focus-visible{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-input-reveal-password-button-border-color-focus);outline-offset:calc(-2 * var(--wcs-input-border-width-focus));border-radius:0.1rem}:host .prefix,:host .suffix{color:var(--wcs-input-prefix-suffix-color);display:flex;white-space:nowrap;align-items:center;font-size:var(--wcs-input-font-size, 1rem);padding:0 calc(var(--wcs-input-padding-horizontal-m) / 2);font-weight:var(--wcs-input-prefix-suffix-font-weight) !important;background-color:var(--wcs-input-prefix-suffix-background-color)}:host .prefix{border-radius:var(--wcs-internal-input-border-radius-left) 0 0 var(--wcs-internal-input-border-radius-left)}:host .suffix{border-radius:0 var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-right) 0}:host wcs-mat-icon{color:var(--wcs-input-icon-color-default)}:host([size=l]){--wcs-input-host-height:var(--wcs-input-height-l);--wcs-input-font-size:var(--wcs-input-font-size-l);padding-left:calc(var(--wcs-input-padding-horizontal-l));padding-right:calc(var(--wcs-input-padding-horizontal-l))}:host([size=m]){--wcs-input-host-height:var(--wcs-input-height-m);--wcs-input-font-size:var(--wcs-input-font-size-m);padding-left:calc(var(--wcs-input-padding-horizontal-m));padding-right:calc(var(--wcs-input-padding-horizontal-m))}:host([size=s]){--wcs-input-host-height:var(--wcs-input-height-s);--wcs-input-font-size:var(--wcs-input-font-size-s);padding-left:calc(var(--wcs-input-padding-horizontal-s));padding-right:calc(var(--wcs-input-padding-horizontal-s))}:host([state=error]){outline-color:var(--wcs-input-border-color-error) !important}:host([data-has-prefix]){padding-left:0}:host([data-has-suffix]){padding-right:0}:host([disabled]){cursor:not-allowed;outline:var(--wcs-input-border-style-default) var(--wcs-input-border-width) var(--wcs-input-border-color-disabled);--wcs-input-background-color:var(--wcs-semantic-color-background-control-disabled)}:host([disabled]) input{cursor:not-allowed;color:var(--wcs-input-text-color-disabled)}:host([disabled]) input::placeholder{color:var(--wcs-input-text-color-disabled)}:host([disabled]) .prefix,:host([disabled]) .suffix{color:var(--wcs-input-prefix-suffix-color-disabled);cursor:text}:host([disabled]) wcs-mat-icon{color:var(--wcs-input-icon-color-disabled);cursor:not-allowed}:host([readonly]){--wcs-input-background-color:var(--wcs-semantic-color-background-control-readonly);--wcs-input-border-width:0}:host(:focus-within){outline:var(--wcs-input-border-style-focus) var(--wcs-input-border-width-focus) var(--wcs-input-border-color-focus);outline-offset:calc(var(--wcs-input-border-width-focus) * -1)}:host(:focus-within) wcs-mat-icon{color:var(--wcs-input-icon-color-focus)}";
 const WcsInputStyle0 = inputCss;
@@ -120,7 +120,7 @@ const Input = class {
     }
     render() {
         const value = this.getValueAsString();
-        return (h(Host, { key: 'd3123d1eb17f9fe38d6081ec94b15e027f706506', "aria-disabled": this.disabled ? 'true' : null, "data-has-prefix": !!this.prefixLabel, "data-has-suffix": !!this.suffixLabel }, this.prefixLabel ? (h("span", { class: "prefix", part: "prefix" }, this.prefixLabel)) : null, this.icon ? (h("wcs-mat-icon", { icon: this.icon, size: "m" })) : null, h("input", Object.assign({ key: 'b799b4443242f73609e337b33fc5794775aa7e1c', class: "native-input", ref: input => this.nativeInput = input, disabled: this.disabled, accept: this.accept, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.passwordReveal ? 'text' : this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus }, this.inheritedAttributes)), this.type === "password" ? (h("button", { title: this.passwordReveal ? this.hidePasswordButtonAriaLabel : this.showPasswordButtonAriaLabel, class: "toggle_password", onClick: () => this.passwordRevealIconClick() }, h("wcs-mat-icon", { icon: this.iconPassword, size: "m" }))) : null, this.suffixLabel ? (h("span", { class: "suffix", part: "suffix" }, this.suffixLabel)) : null));
+        return (h(Host, { key: '27fd1df5da31b16cd286e8d3ec53f67408c99a6b', "aria-disabled": this.disabled ? 'true' : null, "data-has-prefix": !!this.prefixLabel, "data-has-suffix": !!this.suffixLabel }, this.prefixLabel ? (h("span", { class: "prefix", part: "prefix" }, this.prefixLabel)) : null, this.icon ? (h("wcs-mat-icon", { icon: this.icon, size: "m" })) : null, h("input", Object.assign({ key: '9731bd23ee6bdfe5f61f449a2f050d6bf3332b83', class: "native-input", ref: input => this.nativeInput = input, disabled: this.disabled, accept: this.accept, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.passwordReveal ? 'text' : this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus }, this.inheritedAttributes)), this.type === "password" ? (h("button", { title: this.passwordReveal ? this.hidePasswordButtonAriaLabel : this.showPasswordButtonAriaLabel, class: "toggle_password", onClick: () => this.passwordRevealIconClick() }, h("wcs-mat-icon", { icon: this.iconPassword, size: "m" }))) : null, this.suffixLabel ? (h("span", { class: "suffix", part: "suffix" }, this.suffixLabel)) : null));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/wcs-list-item-properties.entry.js

@@ -8,7 +8,7 @@ const ListItemProperties = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '168f5a846e64177a50b350cb90bee3b15a7eb871', slot: "properties" }, h("slot", { key: 'f5f3a8caa0da9384d409340f51f41c11971a0904', name: "property" })));
+        return (h(Host, { key: 'ca54e312f895a733d37d8ecb5fad5323dc0aa1a7', slot: "properties" }, h("slot", { key: '6cbe494d80b81d9a7b48ea0f9c732fa09b77c83c', name: "property" })));
     }
 };
 ListItemProperties.style = WcsListItemPropertiesStyle0;

package/dist/esm/wcs-list-item-property.entry.js

@@ -8,7 +8,7 @@ const ListItemProperty = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '036366a768b3e90eb028cbdf18d006a595282420', slot: "property" }, h("slot", { key: 'f5ad277671ba35e014635562b97a279813e5bb0c' })));
+        return (h(Host, { key: 'b992043f1f4f7642184a693e24b5f225b93f09db', slot: "property" }, h("slot", { key: 'ceae8528fabf14dba44e2c58adca814868859cd8' })));
     }
 };
 ListItemProperty.style = WcsListItemPropertyStyle0;

package/dist/esm/wcs-list-item.entry.js

@@ -9,7 +9,7 @@ const ListItem = class {
         this.activated = false;
     }
     render() {
-        return (h(Host, { key: '1137c9770d8b50d24e8bb3187e586aca7a1ee3b9' }, h("slot", { key: '0c44655427e84534f1d6932ac3458d828cd31159', name: "icon" }), h("div", { key: '369bbe90f5d5c7a332732c3ba819b5959d09a25b', class: "content" }, h("div", { key: 'cd9c45f16a2455d1fe227d7d1e7e077d0327617d', class: "header" }, h("div", { key: 'c51172bf63657b2dde77836600ba3940ddde092b' }, h("slot", { key: '32452ee6fe06aa7d1652c5246c42afa3a2a66fbf', name: "title" }), h("slot", { key: '0bc5cf05d0fae6688ebb842bdeff3d88aa8682d8', name: "properties" })), h("slot", { key: '57ad3703881078ebd491166d874bd9593f6a405f', name: "actions" })), h("slot", { key: '70f35aa3d2034a8fb04c934d2659997a8b4c268b', name: "description" }))));
+        return (h(Host, { key: 'f835a0a24bfdfeadeb60a29b73f589caf66abd19' }, h("slot", { key: 'dc932c86fef704e6c799b69b9a93b97b9e6c0cc3', name: "icon" }), h("div", { key: '93c6cfef8e8488e63f9306bb786eaf262b7a8587', class: "content" }, h("div", { key: '6181d61f98684a6df0c4d262264a001c32555e81', class: "header" }, h("div", { key: 'ce07788c1aaf9718cf318629f0b9ab06d919a33d' }, h("slot", { key: '6eda723480b519381d0f9ad4eebfca78b5f1a1a6', name: "title" }), h("slot", { key: '3d484c4b521d2bf1315e85be71911d27f13be239', name: "properties" })), h("slot", { key: 'f20cdf8cc69b3a7c773e0f0d7013dd1affc5b962', name: "actions" })), h("slot", { key: 'f17ffd62de7ed2c2ded7c75608ce574cdd839ff3', name: "description" }))));
     }
 };
 ListItem.style = WcsListItemStyle0;

package/dist/esm/wcs-message.entry.js

@@ -0,0 +1,52 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-d9de61ce.js';
+import { A as AlertCloseButton } from './alert-close-button-2ce5ac95.js';
+
+const messageCss = ":host{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:space-between;--wcs-message-border-width:var(--wcs-semantic-border-width-default);--wcs-message-border-radius:var(--wcs-semantic-border-radius-base);--wcs-message-padding:var(--wcs-semantic-spacing-base-150);--wcs-message-gap:var(--wcs-semantic-spacing-base-150);--wcs-message-title-color:var(--wcs-semantic-color-text-primary);--wcs-message-subtitle-color:var(--wcs-semantic-color-text-secondary);--wcs-message-border-color-success:var(--wcs-semantic-color-border-success);--wcs-message-icon-color-success:var(--wcs-semantic-color-background-surface-success-default);--wcs-message-background-color-lightest-success:var(--wcs-semantic-color-background-surface-success-lightest);--wcs-message-background-color-lighter-success:var(--wcs-semantic-color-background-surface-success-lighter);--wcs-message-border-color-information:var(--wcs-semantic-color-border-information);--wcs-message-icon-color-information:var(--wcs-semantic-color-background-surface-information-default);--wcs-message-background-color-lightest-information:var(--wcs-semantic-color-background-surface-information-lightest);--wcs-message-background-color-lighter-information:var(--wcs-semantic-color-background-surface-information-lighter);--wcs-message-border-color-warning:var(--wcs-semantic-color-border-warning);--wcs-message-icon-color-warning:var(--wcs-semantic-color-background-surface-warning-default);--wcs-message-background-color-lightest-warning:var(--wcs-semantic-color-background-surface-warning-lightest);--wcs-message-background-color-lighter-warning:var(--wcs-semantic-color-background-surface-warning-lighter);--wcs-message-border-color-error:var(--wcs-semantic-color-border-critical);--wcs-message-icon-color-error:var(--wcs-semantic-color-background-surface-critical-default);--wcs-message-background-color-lightest-error:var(--wcs-semantic-color-background-surface-critical-lightest);--wcs-message-background-color-lighter-error:var(--wcs-semantic-color-background-surface-critical-lighter);font-size:var(--wcs-message-font-size);padding:var(--wcs-message-padding);gap:var(--wcs-message-gap);border-radius:var(--wcs-message-border-radius)}:host .content{display:flex;flex-direction:column}:host .icon-content-container{display:flex;align-items:center}:host .icon-content-container{gap:var(--wcs-message-gap)}:host ::slotted([slot=title]){color:var(--wcs-message-title-color);font-size:var(--wcs-message-title-font-size);font-weight:var(--wcs-message-title-font-weight)}:host ::slotted([slot=subtitle]){font-weight:var(--wcs-message-subtitle-font-weight);color:var(--wcs-message-subtitle-color);font-size:var(--wcs-message-subtitle-font-size)}:host .announcement-icon{color:var(--wcs-internal-message-icon-color)}.close-button wcs-mat-icon{color:var(--wcs-message-dismiss-button-color)}:host([background=lightest]){background-color:var(--wcs-internal-message-background-color-lightest)}:host([background=lighter]){background-color:var(--wcs-internal-message-background-color-lighter)}:host([show-border]){border:var(--wcs-message-border-width) solid var(--wcs-internal-message-border-color)}:host([intent=success]){--wcs-internal-message-border-color:var(--wcs-message-border-color-success);--wcs-internal-message-icon-color:var(--wcs-message-icon-color-success);--wcs-internal-message-background-color-lightest:var(--wcs-message-background-color-lightest-success);--wcs-internal-message-background-color-lighter:var(--wcs-message-background-color-lighter-success)}:host([intent=information]){--wcs-internal-message-border-color:var(--wcs-message-border-color-information);--wcs-internal-message-icon-color:var(--wcs-message-icon-color-information);--wcs-internal-message-background-color-lightest:var(--wcs-message-background-color-lightest-information);--wcs-internal-message-background-color-lighter:var(--wcs-message-background-color-lighter-information)}:host([intent=warning]){--wcs-internal-message-border-color:var(--wcs-message-border-color-warning);--wcs-internal-message-icon-color:var(--wcs-message-icon-color-warning);--wcs-internal-message-background-color-lightest:var(--wcs-message-background-color-lightest-warning);--wcs-internal-message-background-color-lighter:var(--wcs-message-background-color-lighter-warning)}:host([intent=error]){--wcs-internal-message-border-color:var(--wcs-message-border-color-error);--wcs-internal-message-icon-color:var(--wcs-message-icon-color-error);--wcs-internal-message-background-color-lightest:var(--wcs-message-background-color-lightest-error);--wcs-internal-message-background-color-lighter:var(--wcs-message-background-color-lighter-error)}";
+const WcsMessageStyle0 = messageCss;
+
+const Message = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.wcsMessageDismiss = createEvent(this, "wcsMessageDismiss", 7);
+        this.intent = 'information';
+        this.background = 'lightest';
+        this.showCloseButton = false;
+        this.showBorder = false;
+    }
+    close() {
+        this.wcsMessageDismiss.emit();
+    }
+    getMaterialIcon() {
+        switch (this.intent) {
+            case 'success':
+                return 'check_circle';
+            case 'information':
+                return 'info';
+            case 'error':
+                return 'error';
+            case 'warning':
+                return 'warning';
+        }
+    }
+    getAriaLabel() {
+        switch (this.intent) {
+            case 'success':
+                return 'Succès';
+            case 'information':
+                return 'Information';
+            case 'error':
+                return 'Erreur';
+            case 'warning':
+                return 'Attention';
+        }
+    }
+    render() {
+        const isDisruptive = this.intent === 'error' || this.intent === 'warning';
+        return (h(Host, { key: 'd359d9528623f969c3a48f460fee90daeaacfd99', role: isDisruptive ? 'alert' : 'status' }, h("div", { key: '0179e27f5ffad182edb12437ec6696b963864313', class: "icon-content-container" }, h("wcs-mat-icon", { key: '80d7a113c0697aae3f5b423fd440be53c6ceb0b0', class: "announcement-icon", icon: this.getMaterialIcon(), "aria-label": this.getAriaLabel(), role: "img", "aria-hidden": false }), h("div", { key: '583702def518ecaf03f12401bd34acc8b19c41bb', class: "content" }, h("slot", { key: '59d2f8bebc547337319695e3cdb46fa220fae948', name: "title" }), h("slot", { key: '9106dd799a198278d2e7acbabda36235ed8eb713', name: "subtitle" }))), this.showCloseButton && (h(AlertCloseButton, { key: 'fe51ac73fedfe37935681467ef9f1e73892976a1', onClick: () => this.close() }))));
+    }
+};
+Message.style = WcsMessageStyle0;
+
+export { Message as wcs_message };
+
+//# sourceMappingURL=wcs-message.entry.js.map

package/dist/esm/wcs-message.entry.js.map

@@ -0,0 +1 @@
+{"file":"wcs-message.entry.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,ukJAAukJ,CAAC;AAC3lJ,yBAAe,UAAU;;MCuDZ,OAAO;;;;sBAOS,aAAa;0BAMH,UAAU;+BAMlB,KAAK;0BAMV,KAAK;;IAOnB,KAAK;QACT,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;KACjC;IAEO,eAAe;QACnB,QAAQ,IAAI,CAAC,MAAM;YACf,KAAK,SAAS;gBACV,OAAO,cAAc,CAAC;YAC1B,KAAK,aAAa;gBACd,OAAO,MAAM,CAAC;YAClB,KAAK,OAAO;gBACR,OAAO,OAAO,CAAC;YACnB,KAAK,SAAS;gBACV,OAAO,SAAS,CAAC;SACxB;KACJ;IAEO,YAAY;QAChB,QAAQ,IAAI,CAAC,MAAM;YACf,KAAK,SAAS;gBACV,OAAO,QAAQ,CAAC;YACpB,KAAK,aAAa;gBACd,OAAO,aAAa,CAAC;YACzB,KAAK,OAAO;gBACR,OAAO,QAAQ,CAAC;YACpB,KAAK,SAAS;gBACV,OAAO,WAAW,CAAC;SAC1B;KACJ;IAED,MAAM;QACF,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,KAAK,OAAO,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC;QAE1E,QACI,EAAC,IAAI,qDAAC,IAAI,EAAE,YAAY,GAAG,OAAO,GAAG,QAAQ,IACzC,4DAAK,KAAK,EAAC,wBAAwB,IAC/B,qEACI,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAE,IAAI,CAAC,eAAe,EAAE,gBAChB,IAAI,CAAC,YAAY,EAAE,EAC/B,IAAI,EAAC,KAAK,iBACG,KAAK,GAAG,EACzB,4DAAK,KAAK,EAAC,SAAS,IAChB,6DAAM,IAAI,EAAC,OAAO,GAAQ,EAC1B,6DAAM,IAAI,EAAC,UAAU,GAAQ,CAC3B,CACJ,EACL,IAAI,CAAC,eAAe,KACjB,EAAC,gBAAgB,qDAAC,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,GAAG,CACnD,CACE,EACT;KACL;;;;;;","names":[],"sources":["src/components/message/message.scss?tag=wcs-message&encapsulation=shadow","src/components/message/message.tsx"],"sourcesContent":["@import '../../style/mixins/toast-common';\n\n:host {\n    @include toast-common;\n    --wcs-message-border-width: var(--wcs-semantic-border-width-default);\n    --wcs-message-border-radius: var(--wcs-semantic-border-radius-base);\n    --wcs-message-padding: var(--wcs-semantic-spacing-base-150);\n    --wcs-message-gap: var(--wcs-semantic-spacing-base-150);\n\n    --wcs-message-title-color: var(--wcs-semantic-color-text-primary);\n    --wcs-message-subtitle-color: var(--wcs-semantic-color-text-secondary);\n\n    --wcs-message-border-color-success: var(--wcs-semantic-color-border-success);\n    --wcs-message-icon-color-success: var(--wcs-semantic-color-background-surface-success-default);\n    --wcs-message-background-color-lightest-success: var(--wcs-semantic-color-background-surface-success-lightest);\n    --wcs-message-background-color-lighter-success: var(--wcs-semantic-color-background-surface-success-lighter);\n\n    --wcs-message-border-color-information: var(--wcs-semantic-color-border-information);\n    --wcs-message-icon-color-information: var(--wcs-semantic-color-background-surface-information-default);\n    --wcs-message-background-color-lightest-information: var(--wcs-semantic-color-background-surface-information-lightest);\n    --wcs-message-background-color-lighter-information: var(--wcs-semantic-color-background-surface-information-lighter);\n\n    --wcs-message-border-color-warning: var(--wcs-semantic-color-border-warning);\n    --wcs-message-icon-color-warning: var(--wcs-semantic-color-background-surface-warning-default);\n    --wcs-message-background-color-lightest-warning: var(--wcs-semantic-color-background-surface-warning-lightest);\n    --wcs-message-background-color-lighter-warning: var(--wcs-semantic-color-background-surface-warning-lighter);\n\n    --wcs-message-border-color-error: var(--wcs-semantic-color-border-critical);\n    --wcs-message-icon-color-error: var(--wcs-semantic-color-background-surface-critical-default);\n    --wcs-message-background-color-lightest-error: var(--wcs-semantic-color-background-surface-critical-lightest);\n    --wcs-message-background-color-lighter-error: var(--wcs-semantic-color-background-surface-critical-lighter);\n\n    font-size: var(--wcs-message-font-size);\n    padding: var(--wcs-message-padding);\n    gap: var(--wcs-message-gap);\n    border-radius: var(--wcs-message-border-radius);\n\n    .icon-content-container {\n        gap: var(--wcs-message-gap);\n    }\n\n    ::slotted([slot=title]) {\n        color: var(--wcs-message-title-color);\n        font-size: var(--wcs-message-title-font-size);\n        font-weight: var(--wcs-message-title-font-weight);\n    }\n\n    ::slotted([slot=subtitle]) {\n        font-weight: var(--wcs-message-subtitle-font-weight);\n        color: var(--wcs-message-subtitle-color);\n        font-size: var(--wcs-message-subtitle-font-size);\n    }\n\n    .announcement-icon {\n        color: var(--wcs-internal-message-icon-color);\n    }\n}\n\n.close-button {\n    wcs-mat-icon {\n        color: var(--wcs-message-dismiss-button-color);\n    }\n}\n\n:host([background='lightest']) {\n    background-color: var(--wcs-internal-message-background-color-lightest);\n}\n\n:host([background='lighter']) {\n    background-color: var(--wcs-internal-message-background-color-lighter);\n}\n\n:host([show-border]) {\n    border: var(--wcs-message-border-width) solid var(--wcs-internal-message-border-color);\n}\n\n:host([intent='success']) {\n    --wcs-internal-message-border-color: var(--wcs-message-border-color-success);\n    --wcs-internal-message-icon-color: var(--wcs-message-icon-color-success);\n    --wcs-internal-message-background-color-lightest: var(--wcs-message-background-color-lightest-success);\n    --wcs-internal-message-background-color-lighter: var(--wcs-message-background-color-lighter-success);\n}\n\n:host([intent='information']) {\n    --wcs-internal-message-border-color: var(--wcs-message-border-color-information);\n    --wcs-internal-message-icon-color: var(--wcs-message-icon-color-information);\n    --wcs-internal-message-background-color-lightest: var(--wcs-message-background-color-lightest-information);\n    --wcs-internal-message-background-color-lighter: var(--wcs-message-background-color-lighter-information);\n}\n\n:host([intent='warning']) {\n    --wcs-internal-message-border-color: var(--wcs-message-border-color-warning);\n    --wcs-internal-message-icon-color: var(--wcs-message-icon-color-warning);\n    --wcs-internal-message-background-color-lightest: var(--wcs-message-background-color-lightest-warning);\n    --wcs-internal-message-background-color-lighter: var(--wcs-message-background-color-lighter-warning);\n}\n\n:host([intent='error']) {\n    --wcs-internal-message-border-color: var(--wcs-message-border-color-error);\n    --wcs-internal-message-icon-color: var(--wcs-message-icon-color-error);\n    --wcs-internal-message-background-color-lightest: var(--wcs-message-background-color-lightest-error);\n    --wcs-internal-message-background-color-lighter: var(--wcs-message-background-color-lighter-error);\n}\n","import {Component, Event, EventEmitter, h, Host, Prop} from '@stencil/core';\nimport {WcsAlertIntent} from '../alert/alert-interface';\nimport {WcsMessageBackground} from \"./message-interface\";\nimport {AlertCloseButton} from \"../alert/alert-close-button\";\n\n/**\n * Messages are used to communicate contextual information to users.\n * They can display information, success, warning, or error states.\n *\n * Unlike alerts, messages are static feedback elements and are not automatically dismissed.\n *\n * @cssprop --wcs-message-title-color - Text color of the title\n * @cssprop --wcs-message-subtitle-color - Text color of the subtitle\n *\n * @cssprop --wcs-message-title-font-weight - Font weight of the title\n * @cssprop --wcs-message-subtitle-font-weight - Font weight of the subtitle\n *\n * @cssprop --wcs-message-title-font-size - Font size of the title\n * @cssprop --wcs-message-subtitle-font-size - Font size of the subtitle\n *\n * @cssprop --wcs-message-dismiss-button-color - Color of the dismiss button\n *\n * @cssprop --wcs-message-border-radius - Border radius of the message\n * @cssprop --wcs-message-border-width - Border width of the message\n * \n * @cssprop --wcs-message-padding - Padding of the message\n * @cssprop --wcs-message-gap - Gap between icon and content\n *\n * @cssprop --wcs-message-border-color-success - Border color of success messages\n * @cssprop --wcs-message-icon-color-success - Icon color of success messages\n * @cssprop --wcs-message-background-color-lightest-success - Lightest background color of success messages\n * @cssprop --wcs-message-background-color-lighter-success - Lighter background color of success messages\n *\n * @cssprop --wcs-message-border-color-information - Border color of information messages\n * @cssprop --wcs-message-icon-color-information - Icon color of information messages\n * @cssprop --wcs-message-background-color-lightest-information - Lightest background color of information messages\n * @cssprop --wcs-message-background-color-lighter-information - Lighter background color of information messages\n *\n * @cssprop --wcs-message-border-color-warning - Border color of warning messages\n * @cssprop --wcs-message-icon-color-warning - Icon color of warning messages\n * @cssprop --wcs-message-background-color-lightest-warning - Lightest background color of warning messages\n * @cssprop --wcs-message-background-color-lighter-warning - Lighter background color of warning messages\n *\n * @cssprop --wcs-message-border-color-error - Border color of error messages\n * @cssprop --wcs-message-icon-color-error - Icon color of error messages\n * @cssprop --wcs-message-background-color-lightest-error - Lightest background color of error messages\n * @cssprop --wcs-message-background-color-lighter-error - Lighter background color of error messages\n *\n * @slot title - Title content of the message\n * @slot subtitle - Subtitle content of the message\n */\n@Component({\n    tag: 'wcs-message',\n    styleUrl: 'message.scss',\n    shadow: true,\n})\nexport class Message {\n    /**\n     * Defines the semantic intent of the message.\n     * - Non-disruptive messages (`information`, `success`) use `role=\"status\"`\n     * - Disruptive messages (`warning`, `error`) use `role=\"alert\"`\n     */\n    @Prop({reflect: true})\n    intent: WcsAlertIntent = 'information';\n\n    /**\n     * Defines the background appearance of the message.\n     */\n    @Prop({reflect: true})\n    background: WcsMessageBackground = 'lightest';\n\n    /**\n     * Specifies whether the component should display a close button.\n     */\n    @Prop({reflect: true})\n    showCloseButton: boolean = false;\n\n    /**\n     * Defines whether the message should have a border. The border color is determined by the intent of the message.\n     */\n    @Prop({reflect: true})\n    showBorder: boolean = false;\n\n    /**\n     * Event emitted when the message is dismissed.\n     */\n    @Event() wcsMessageDismiss: EventEmitter<void>;\n\n    private close() {\n        this.wcsMessageDismiss.emit();\n    }\n\n    private getMaterialIcon() {\n        switch (this.intent) {\n            case 'success':\n                return 'check_circle';\n            case 'information':\n                return 'info';\n            case 'error':\n                return 'error';\n            case 'warning':\n                return 'warning';\n        }\n    }\n\n    private getAriaLabel() {\n        switch (this.intent) {\n            case 'success':\n                return 'Succès';\n            case 'information':\n                return 'Information';\n            case 'error':\n                return 'Erreur';\n            case 'warning':\n                return 'Attention';\n        }\n    }\n\n    render() {\n        const isDisruptive = this.intent === 'error' || this.intent === 'warning';\n\n        return (\n            <Host role={isDisruptive ? 'alert' : 'status'}>\n                <div class=\"icon-content-container\">\n                    <wcs-mat-icon\n                        class=\"announcement-icon\"\n                        icon={this.getMaterialIcon()}\n                        aria-label={this.getAriaLabel()}\n                        role=\"img\"\n                        aria-hidden={false}/>\n                    <div class=\"content\">\n                        <slot name=\"title\"></slot>\n                        <slot name=\"subtitle\"></slot>\n                    </div>\n                </div>\n                {this.showCloseButton && (\n                    <AlertCloseButton onClick={() => this.close()}/>\n                )}\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/esm/wcs-modal.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d9de61ce.js';
 import { i as isFocusable, a as isElementFocused } from './accessibility-069640cf.js';
-import { i as inheritAriaAttributes, a as inheritAttributes, s as setOrRemoveAttribute, n as isTabKey } from './helpers-89faa1b1.js';
+import { i as inheritAriaAttributes, a as inheritAttributes, s as setOrRemoveAttribute, n as isTabKey } from './helpers-2d73ee7c.js';
 
 const modalCss = "wcs-modal{--wcs-modal-backdrop-color:var(--wcs-semantic-color-background-backdrop);--wcs-modal-max-height:80%;--wcs-modal-background-color:var(--wcs-semantic-color-background-surface-primary);--wcs-modal-border-radius:var(--wcs-semantic-border-radius-base);--wcs-modal-padding:calc(3 * var(--wcs-semantic-spacing-base));--wcs-modal-border-width:var(--wcs-semantic-border-width-default);--wcs-modal-border-color:var(--wcs-semantic-color-border-secondary);--wcs-modal-title-margin-bottom:var(--wcs-semantic-spacing-large);--wcs-modal-title-font-size:var(--wcs-semantic-font-size-heading-4);--wcs-modal-title-font-weight:var(--wcs-semantic-font-weight-heavy);--wcs-modal-title-line-height:var(--wcs-semantic-font-line-height-medium);--wcs-modal-actions-margin-top:var(--wcs-semantic-spacing-large);--wcs-modal-width-s:288px;--wcs-modal-width-m:480px;--wcs-modal-width-l:864px;--wcs-modal-width-xl:1200px;z-index:999;position:fixed;top:0;bottom:0;left:0;right:0;display:none;background:var(--wcs-modal-backdrop-color)}wcs-modal[show]{display:flex;height:100vh;width:100vw;align-items:center;justify-content:center}wcs-modal[without-backdrop]{background-color:unset}wcs-modal[without-backdrop] .wcs-modal-container{border:solid var(--wcs-modal-border-width) var(--wcs-modal-border-color)}wcs-modal[hide-actions] .wcs-modal-actions{display:none}.wcs-modal-container{max-height:var(--wcs-modal-max-height, 80%);background-color:var(--wcs-modal-background-color);display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr auto;box-sizing:border-box;pointer-events:auto;background-clip:padding-box;border-radius:var(--wcs-modal-border-radius);z-index:20000;padding:var(--wcs-modal-padding);width:var(--wcs-modal-width-m)}.wcs-modal-container[data-size=s]{width:var(--wcs-modal-width-s)}.wcs-modal-container[data-size=m]{width:var(--wcs-modal-width-m)}.wcs-modal-container[data-size=l]{width:var(--wcs-modal-width-l)}.wcs-modal-container[data-size=xl]{width:var(--wcs-modal-width-xl)}.wcs-modal-header{margin-bottom:var(--wcs-modal-title-margin-bottom);display:flex;align-items:center;justify-content:space-between}.wcs-modal-header h1{font-size:var(--wcs-modal-title-font-size);font-weight:var(--wcs-modal-title-font-weight);line-height:var(--wcs-modal-title-line-height);margin:0}.wcs-modal-content{overflow-y:var(--wcs-modal-overflow-y, auto)}.wcs-modal-actions{margin-top:var(--wcs-modal-actions-margin-top);display:flex;justify-content:flex-end}";
 const WcsModalStyle0 = modalCss;
@@ -135,7 +135,7 @@ const Modal = class {
     }
     render() {
         const modalTitleId = `wcs-modal-title-${this.modalId}`;
-        return (h(Host, { key: '2d08c87dcf9936d24dae178ee6a9cf84fb181faf' }, h("div", Object.assign({ key: '51c1cbdb0bfc0fbba675508fb7e9fafdc6adc8e4', class: "wcs-modal-container", "data-size": this.size, "aria-modal": "true", role: "dialog", "aria-labelledby": modalTitleId, ref: (el) => (this.nativeDivDialog = el) }, this.inheritedAttributes), h("div", { key: 'b62c495d23a0040eb160a93ccf858f7f0f60f83f', class: "wcs-modal-header" }, h("h1", { key: '8ea9cf9b9623305b79ed8f7cab3c2bf7e8ff242d', id: modalTitleId }, h("slot", { key: '972069f3d03047d4c56d8ea3c129f4296de4eb16', name: "header" })), this.showCloseButton && (h("wcs-button", { key: '49bf558d8092030497d29b399efb84c78f1c8748', shape: "round", mode: "clear", id: "wcs-modal-close-button", "aria-label": this.closeButtonAriaLabel, onClick: ($event) => this.onCloseButtonClick($event) }, h("wcs-mat-icon", { key: '1f2354939c40f22c2661a8a7383dfb9416b9c9da', icon: "close" })))), h("div", { key: '8f3fca88fa36f779c3d67f8694bee5a6386346e8', class: "wcs-modal-content" }, h("slot", { key: '4a65490518cbb450e825a9149e8516a3102f8ae3', onSlotchange: () => this.handleSlotContentChange() })), h("div", { key: 'be4cb11ff95787c58c6ac690a46522fcc04a6249', class: "wcs-modal-actions" }, h("slot", { key: '13a989d259e04ecdb1f89fcaafb7ab13898aee71', name: "actions" })))));
+        return (h(Host, { key: '82fa31417a4672941af1cb9476f14028789af146' }, h("div", Object.assign({ key: 'd0edfbd6a6b8e303d609d56b8ac04e5edc35e5de', class: "wcs-modal-container", "data-size": this.size, "aria-modal": "true", role: "dialog", "aria-labelledby": modalTitleId, ref: (el) => (this.nativeDivDialog = el) }, this.inheritedAttributes), h("div", { key: 'e193310c0c0326e281f448e6589271ac2132978b', class: "wcs-modal-header" }, h("h1", { key: 'ced3b0bf47061c67859ac9ea8631c477ea37c96a', id: modalTitleId }, h("slot", { key: 'db8dde0c036faf95b95bdc889a228331034dee92', name: "header" })), this.showCloseButton && (h("wcs-button", { key: 'f7fb1facae2fe831da0732fa7c98f74df9e73992', shape: "round", mode: "clear", id: "wcs-modal-close-button", "aria-label": this.closeButtonAriaLabel, onClick: ($event) => this.onCloseButtonClick($event) }, h("wcs-mat-icon", { key: '58829be0acc52558161c5d2f9403a0d09aae2c69', icon: "close" })))), h("div", { key: '1be05650825bd0cfd7e5b545c4005b2e23ac0b0f', class: "wcs-modal-content" }, h("slot", { key: '07a0141a45d821ed65a7dcf92fc0eada32e483e5', onSlotchange: () => this.handleSlotContentChange() })), h("div", { key: '379cadd0f6052bde7882e60ae431b3f78e7ba167', class: "wcs-modal-actions" }, h("slot", { key: '169c9358b6315528a72793100b303693b502a089', name: "actions" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/wcs-native-select.entry.js

@@ -120,7 +120,7 @@ const NativeSelect = class {
         this._updateStyles();
     }
     render() {
-        return (h(Host, { key: '12431927c41eb386de134e92e5583fc0ff582b44', class: `${this.expanded ? 'expanded' : ''}`, "data-disabled": this.disabled, "data-size": this.size }, h("div", { key: 'b935ff599bc9829b0c771bf5aa13ae3605cddd98', class: "select-wrapper" }, h("slot", { key: 'c02ba432172f6b608f808a6365487b4ec7528a68' }), h("div", { key: '53841e3831eeb19165511caabe0f49e6b0a693d4', class: "arrow-container" }, h(SelectArrow, { key: '6b474db9957a98e8dada3ce4cda752a7299c5bf9', up: this.expanded })))));
+        return (h(Host, { key: 'b257839918786d9683521e918955fd38a44d6e8e', class: `${this.expanded ? 'expanded' : ''}`, "data-disabled": this.disabled, "data-size": this.size }, h("div", { key: '362c54c60f057abc64ac87f935a269560bba44db', class: "select-wrapper" }, h("slot", { key: 'd0a5050366e6e572eaec674cf7d45f13fb1abe39' }), h("div", { key: '1f8768717e205c2c147fed191c8563753a0d6258', class: "arrow-container" }, h(SelectArrow, { key: '6bf367c0ba5fbc5ce57c4a1aaa919a2b62d8c690', up: this.expanded })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/wcs-nav-item.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-d9de61ce.js';
-import { d as isEnterKey } from './helpers-89faa1b1.js';
+import { d as isEnterKey } from './helpers-2d73ee7c.js';
 
 const navItemCss = "wcs-nav-item{--wcs-nav-item-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-nav-item-height-desktop:calc(10 * var(--wcs-semantic-size-base));--wcs-nav-item-height-mobile:calc(6 * var(--wcs-semantic-size-base));--wcs-nav-item-gap-desktop:var(--wcs-semantic-spacing-base);--wcs-nav-item-gap-mobile:0;--wcs-nav-item-font-size-desktop:var(--wcs-semantic-font-size-label-3);--wcs-nav-item-font-size-mobile:calc(var(--wcs-semantic-font-size-body-1) / 2);--wcs-nav-item-background-color-default:var(--wcs-semantic-color-background-action-primary-default);--wcs-nav-item-background-color-hover:var(--wcs-semantic-color-background-action-primary-hover);--wcs-nav-item-background-color-press:var(--wcs-semantic-color-background-action-primary-press);--wcs-nav-item-background-color-active:var(--wcs-semantic-color-background-action-primary-selected-default);--wcs-nav-item-color-default:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-nav-item-color-active:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-nav-item-color-hover:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-nav-item-color-press:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-nav-item-border-color-focus:var(--wcs-semantic-color-border-focus-base-on-secondary);--wcs-nav-item-border-width-focus:var(--wcs-semantic-border-width-large);--wcs-nav-item-indicator-background-color:var(--wcs-semantic-color-background-surface-accent-light);--wcs-nav-item-indicator-width-desktop:calc(0.5 * var(--wcs-semantic-size-base));--wcs-nav-item-indicator-width-mobile:calc(3 * var(--wcs-semantic-size-base));--wcs-nav-item-indicator-height-desktop:calc(3 * var(--wcs-semantic-size-base));--wcs-nav-item-indicator-height-mobile:calc(0.5 * var(--wcs-semantic-size-base));--wcs-nav-item-indicator-border-radius-desktop:var(--wcs-semantic-border-radius-base) 0 0 var(--wcs-semantic-border-radius-base);--wcs-nav-item-indicator-border-radius-mobile:var(--wcs-semantic-border-radius-base) var(--wcs-semantic-border-radius-base) 0 0;--wcs-nav-item-transition-duration:var(--wcs-semantic-motion-duration-feedback-base);display:block;cursor:pointer;font-weight:var(--wcs-nav-item-font-weight);transition-property:color, background-color, border-color, box-shadow, backdrop-filter;transition-duration:var(--wcs-nav-item-transition-duration);transition-timing-function:ease-in-out;background-color:var(--wcs-nav-item-background-color-default)}wcs-nav-item a,wcs-nav-item button{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:transparent;border:none;text-decoration:none;height:var(--wcs-nav-item-height-desktop);gap:var(--wcs-nav-item-gap-desktop);font-size:var(--wcs-nav-item-font-size-desktop);color:var(--wcs-nav-item-color-default)}@media (max-width: 1199px){wcs-nav-item a,wcs-nav-item button{display:flex;flex:1;height:var(--wcs-nav-item-height-mobile);gap:var(--wcs-nav-item-gap-mobile);font-size:var(--wcs-nav-item-font-size-mobile)}}wcs-nav-item button{width:100%;cursor:inherit}wcs-nav-item a:focus,wcs-nav-item button:focus{outline:none}@media (max-width: 1199px){wcs-nav-item:has(a:focus-visible),wcs-nav-item:has(button:focus-visible){outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-nav-item-border-color-focus);outline-offset:-2px;border-radius:var(--wcs-nav-item-border-width-focus)}@supports not selector(&:has(a:focus-visible)){wcs-nav-item:focus-within{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-nav-item-border-color-focus);outline-offset:-2px;border-radius:var(--wcs-nav-item-border-width-focus)}}@supports not selector(&:has(button:focus-visible)){wcs-nav-item:focus-within{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-nav-item-border-color-focus);outline-offset:-2px;border-radius:var(--wcs-nav-item-border-width-focus)}}}@media (min-width: 1200px){wcs-nav-item:has(a:focus-visible),wcs-nav-item:has(button:focus-visible){outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-nav-item-border-color-focus);outline-offset:-2px;border-radius:var(--wcs-nav-item-border-width-focus)}@supports not selector(&:has(a:focus-visible)){wcs-nav-item:focus-within{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-nav-item-border-color-focus);outline-offset:-2px;border-radius:var(--wcs-nav-item-border-width-focus)}}@supports not selector(&:has(button:focus-visible)){wcs-nav-item:focus-within{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-nav-item-border-color-focus);outline-offset:-2px;border-radius:var(--wcs-nav-item-border-width-focus)}}}wcs-nav-item i{margin-bottom:0.5rem;display:inline-block}@media (max-width: 1199px){wcs-nav-item i{margin-bottom:0.25rem;display:inline-block}}@media (min-width: 1200px){wcs-nav-item[slot=bottom] a{border-top:var(--wcs-nav-item-border-horizontal-width) solid var(--wcs-nav-item-border-horizontal-color);border-bottom:none !important}}wcs-nav-item:hover{background-color:var(--wcs-nav-item-background-color-hover)}wcs-nav-item:hover a{color:var(--wcs-nav-item-color-hover)}wcs-nav-item:active{background-color:var(--wcs-nav-item-background-color-press)}wcs-nav-item:active a{color:var(--wcs-nav-item-color-press)}wcs-nav-item.active,wcs-nav-item:has(>.active){background-color:var(--wcs-nav-item-background-color-active)}wcs-nav-item.active a,wcs-nav-item:has(>.active) a{color:var(--wcs-nav-item-color-active)}wcs-nav-item.active a::after,wcs-nav-item:has(>.active) a::after{position:absolute;right:0;width:var(--wcs-nav-item-indicator-width-desktop);height:var(--wcs-nav-item-indicator-height-desktop);content:\"\";background-color:var(--wcs-nav-item-indicator-background-color);border-radius:var(--wcs-nav-item-indicator-border-radius-desktop)}@media (max-width: 1199px){wcs-nav-item.active a::after,wcs-nav-item:has(>.active) a::after{right:auto;bottom:0;width:var(--wcs-nav-item-indicator-width-mobile);height:var(--wcs-nav-item-indicator-height-mobile);border-radius:var(--wcs-nav-item-indicator-border-radius-mobile)}}";
 const WcsNavItemStyle0 = navItemCss;
@@ -14,7 +14,7 @@ const NavItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '3d329f63e895cf09a57e1a0d8304cf833b0ba434', role: "listitem" }, h("slot", { key: 'bc4dadc9a3b665412880da1671aa518d7ecf290f' })));
+        return (h(Host, { key: '3e5ca93ea18059c67d5570ee407192c70b9a5af1', role: "listitem" }, h("slot", { key: '4ce442473084b0e18fe3cc19248c349f026715f1' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/wcs-nav.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-d9de61ce.js';
-import { i as inheritAriaAttributes, a as inheritAttributes, s as setOrRemoveAttribute } from './helpers-89faa1b1.js';
+import { i as inheritAriaAttributes, a as inheritAttributes, s as setOrRemoveAttribute } from './helpers-2d73ee7c.js';
 
 const navCss = ":host{--wcs-nav-background-color:var(--wcs-semantic-color-background-surface-brand);--wcs-nav-width-desktop:calc(12 * var(--wcs-semantic-size-base));--wcs-nav-height-mobile:calc(6 * var(--wcs-semantic-size-base))}nav{background-color:var(--wcs-nav-background-color);display:flex;z-index:1055;flex-direction:column;width:var(--wcs-nav-width-desktop);height:100%;overflow:auto;scrollbar-width:thin}nav div[role=list]{list-style-type:none;display:flex;flex-direction:column;flex-grow:1}@media (max-width: 1199px){nav div[role=list]{flex-direction:row}}@media (max-width: 1199px){nav{flex-direction:row;width:100%;height:var(--wcs-nav-height-mobile)}}@media (max-width: 1199px){::slotted(wcs-nav-item){flex:1}}@media (min-width: 1200px){slot[name=bottom],wcs-nav-item:not([slot=bottom])+wcs-nav-item[slot=bottom]{display:block;margin-top:auto}}";
 const WcsNavStyle0 = navCss;
@@ -17,7 +17,7 @@ const Nav = class {
         setOrRemoveAttribute(this.nativeNav, attr, value);
     }
     render() {
-        return (h("nav", Object.assign({ key: '73683911e6d8f624fb152a40e723d1b0920a6265', role: "navigation", class: "wcs-nav-container", ref: (el) => (this.nativeNav = el) }, this.inheritedAttributes), h("div", { key: 'e381eab2ef05be7bf28c3eff3e02034d7605015d', role: "list" }, h("slot", { key: '714a44e78e9d8495e1da0fd3f002e9cf769cdf95' }), h("slot", { key: '570a520fd2f16386c14a250e5786bd97ed3ba293', name: "bottom" }))));
+        return (h("nav", Object.assign({ key: '8b3a10c56fd18186c5b2c008eaf89622dd4c5fb3', role: "navigation", class: "wcs-nav-container", ref: (el) => (this.nativeNav = el) }, this.inheritedAttributes), h("div", { key: 'b9da00e54fb3036e9895f5d5c7e643086c829b41', role: "list" }, h("slot", { key: '5e19bf73400b92757e9a33257649213ae7c4b0f9' }), h("slot", { key: '6870ba04c2a975acbbc2782c96aa27a8a20d013d', name: "bottom" }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/wcs-progress-bar.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-d9de61ce.js';
-import { i as inheritAriaAttributes, a as inheritAttributes, s as setOrRemoveAttribute } from './helpers-89faa1b1.js';
+import { i as inheritAriaAttributes, a as inheritAttributes, s as setOrRemoveAttribute } from './helpers-2d73ee7c.js';
 
 const progressBarCss = ":host{--wcs-progress-bar-border-radius:var(--wcs-semantic-border-radius-full);--wcs-progress-bar-border-radius-small:var(--wcs-semantic-border-radius-small);--wcs-internal-progress-bar-animation-duration:var(--wcs-progress-bar-animation-duration, var(--wcs-semantic-motion-duration-feedback-slower));--wcs-progress-bar-height-m:calc(var(--wcs-semantic-size-m) / 4);--wcs-progress-bar-height-s:calc(var(--wcs-semantic-size-s) / 6);--wcs-progress-bar-background-color:transparent;--wcs-progress-bar-rail-color:var(--wcs-semantic-color-background-surface-tertiary);--wcs-progress-bar-rail-spacing:var(--wcs-semantic-spacing-small);--wcs-progress-bar-gap-s:var(--wcs-semantic-spacing-small);--wcs-progress-bar-gap-m:var(--wcs-semantic-spacing-base);--wcs-progress-bar-indicator-color:var(--wcs-semantic-color-background-surface-brand);--wcs-progress-bar-label-color:var(--wcs-semantic-color-text-primary);--wcs-progress-bar-label-font-size-s:var(--wcs-semantic-font-size-s);--wcs-progress-bar-label-font-size-m:calc(1.5 * var(--wcs-semantic-font-size-m));--wcs-progress-bar-label-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-progress-bar-label-percentage-font-size-s:calc(var(--wcs-semantic-font-size-s) * 0.7);--wcs-progress-bar-label-percentage-font-size-m:calc(var(--wcs-semantic-font-size-m) * 0.7);--wcs-progress-bar-label-top-space:var(--wcs-semantic-spacing-large)}:host([size=s]) .progress{height:var(--wcs-progress-bar-height-s);background-color:var(--wcs-progress-bar-background-color);background-image:none;background-size:auto;border-radius:var(--wcs-progress-bar-border-radius-small)}:host([size=s]) .progress .progress-label{font-size:var(--wcs-progress-bar-label-font-size-s);bottom:calc(100% + var(--wcs-progress-bar-gap-s))}:host([size=s]) .progress .progress-label sup{font-size:var(--wcs-progress-bar-label-percentage-font-size-s)}.progress{display:flex;height:var(--wcs-progress-bar-height-m);color:var(--wcs-progress-bar-label-color);background-color:var(--wcs-progress-bar-background-color);background-image:linear-gradient(90deg, var(--wcs-progress-bar-rail-color), 50%, transparent 50%);background-size:var(--wcs-progress-bar-rail-spacing) var(--wcs-progress-bar-height-m);border-radius:var(--wcs-progress-bar-border-radius)}.progress.has-label{margin-top:var(--wcs-progress-bar-label-top-space)}.progress.value-zero>.progress-bar>.progress-label{right:unset}.progress-bar{position:relative;display:flex;flex-direction:column;justify-content:center;color:var(--wcs-progress-bar-label-color);text-align:center;background-color:var(--wcs-progress-bar-indicator-color);border-radius:var(--wcs-progress-bar-border-radius);transition:width var(--wcs-internal-progress-bar-animation-duration) ease-out}.progress-label{line-height:1;position:absolute;right:0;bottom:calc(100% + var(--wcs-progress-bar-gap-m));display:flex;flex-direction:row;align-items:flex-start;font-size:var(--wcs-progress-bar-label-font-size-m);font-weight:var(--wcs-progress-bar-label-font-weight)}.progress-label sup{font-size:var(--wcs-progress-bar-label-percentage-font-size-m)}";
 const WcsProgressBarStyle0 = progressBarCss;
@@ -23,8 +23,8 @@ const ProgressBar = class {
         const style = {
             width: this.value + '%'
         };
-        return (h("div", Object.assign({ key: 'f13a43d675ed082f811784a998e8bcd54e45a782', class: this.rootClasses(), role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": this.value, "aria-valuetext": this.value + '%', ref: (el) => (this.nativeProgress = el) }, this.inheritedAttributes), h("div", { key: '861383fa1ae516512a730cad52d1b9dc2ee55809', class: "progress-bar", style: style }, this.showLabel &&
-            h("span", { key: '0f0a9f0ce03562199f6a743f8dc653e276719b37', class: "progress-label" }, this.value, h("sup", { key: '8fa2735668eea7f46562e52748122e2e4fad9908' }, "%")))));
+        return (h("div", Object.assign({ key: 'cd24dba649fb46f84967e857ef6e29a0eb521794', class: this.rootClasses(), role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": this.value, "aria-valuetext": this.value + '%', ref: (el) => (this.nativeProgress = el) }, this.inheritedAttributes), h("div", { key: 'd0e92be2503030a665daf0ee4be4022845a63355', class: "progress-bar", style: style }, this.showLabel &&
+            h("span", { key: '06b7517e88d8ebafd6a28fc4dfabe38b93d3f0c3', class: "progress-label" }, this.value, h("sup", { key: '0e53ebfa29c4ee42831e9432bede449a9f71b313' }, "%")))));
     }
     rootClasses() {
         let classes = 'progress';

package/dist/esm/wcs-progress-radial.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-d9de61ce.js';
-import { i as inheritAriaAttributes, a as inheritAttributes, s as setOrRemoveAttribute } from './helpers-89faa1b1.js';
+import { i as inheritAriaAttributes, a as inheritAttributes, s as setOrRemoveAttribute } from './helpers-2d73ee7c.js';
 
 const progressRadialCss = ":host{display:inline-flex;--wcs-progress-radial-rail-width:calc(var(--wcs-semantic-spacing-base) / 4);--wcs-progress-radial-rail-spacing:calc(var(--wcs-semantic-spacing-base) / 4);--wcs-progress-radial-rail-color:var(--wcs-semantic-color-background-surface-tertiary);--wcs-progress-radial-value-background-color:var(--wcs-semantic-color-background-surface-brand);--wcs-progress-radial-label-color:var(--wcs-semantic-color-text-primary);--wcs-progress-radial-label-font-size:calc(1.5 * var(--wcs-semantic-font-size-m));--wcs-progress-radial-label-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-progress-radial-label-percentage-font-size:calc(var(--wcs-semantic-font-size-m) * 0.7);--wcs-progress-radial-animation-duration:var(--wcs-semantic-motion-duration-feedback-slower)}.progress-circle{position:relative;display:inline-block}.circle-rail{position:absolute;z-index:0;stroke:var(--wcs-progress-radial-rail-color);stroke-dasharray:var(--wcs-progress-radial-rail-width) var(--wcs-progress-radial-rail-spacing);fill:none}.progress-circle-figure{position:absolute;top:0;z-index:1;transform:rotate(-90deg);transition:stroke-dashoffset var(--wcs-progress-radial-animation-duration) ease-out}.progress-circle-label{top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--wcs-progress-radial-label-font-size);font-weight:var(--wcs-progress-radial-label-font-weight);color:var(--wcs-progress-radial-label-color)}.progress-circle-label sup{font-size:var(--wcs-progress-radial-label-percentage-font-size);top:-0.85em;position:relative;line-height:0;vertical-align:baseline}.progress-circle-value{stroke:var(--wcs-progress-radial-value-background-color);stroke-linecap:round}.progress-circle-value,.progress-circle-meter{fill:none}";
 const WcsProgressRadialStyle0 = progressRadialCss;
@@ -23,8 +23,8 @@ const ProgressRadial = class {
     }
     render() {
         const { backgroundImageSize, halfSize } = { backgroundImageSize: this.backgroundImageSize, halfSize: this.backgroundImageSize / 2 };
-        return (h("div", Object.assign({ key: 'cd493dcab22c92a8683a89e394f51abfbabd0781', class: "progress-circle", "data-component": "radial-progress", style: this.getSize(), role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": this.value, "aria-valuetext": this.value + '%', ref: (el) => (this.nativeProgress = el) }, this.inheritedAttributes), h("svg", { key: 'e2c4ff80a735815ebbaf051f94108ca5e9a246fa', "data-role": "figure", class: "circle-rail", viewBox: `0 0 ${backgroundImageSize} ${backgroundImageSize}` }, h("circle", { key: '375db58b06b0f2c75dbd390e547ccc81258fdf43', cx: halfSize, cy: halfSize, r: 54, "stroke-width": 12 })), h("svg", { key: '6cf1fe11b1ec49d8f7cc7b1d53819bad47b24e3d', class: "progress-circle-figure", "data-role": "figure", viewBox: `0 0 ${backgroundImageSize} ${backgroundImageSize}`, style: this.getSvgStyle() }, h("circle", { key: '657a8ba78283a98c568eb436d9bfafdebf354934', class: "progress-circle-value", cx: halfSize, cy: halfSize, r: "54", "stroke-width": "12" })), this.showLabel &&
-            h("div", { key: '7ac452d83ad4bf88fc1e3d2bf63506e30185d115', class: "progress-circle-label", "data-role": "label" }, h("span", { key: 'e8827e91faeb2b1a36737ba35250ca0e9d64b830' }, h("span", { key: 'de2c9502060d10e020acbdc939efdcae4abc74d8', "data-role": "labelvalue" }, this.value), h("sup", { key: '9c872051b94e6ca06eae6a967c75173a0d03ee9a' }, "%")))));
+        return (h("div", Object.assign({ key: '41c91ae3fadd538ad2b7c201f8def9c32fba54fa', class: "progress-circle", "data-component": "radial-progress", style: this.getSize(), role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": this.value, "aria-valuetext": this.value + '%', ref: (el) => (this.nativeProgress = el) }, this.inheritedAttributes), h("svg", { key: 'b3487735133ac25fd54d315aae3c59d55a35be5c', "data-role": "figure", class: "circle-rail", viewBox: `0 0 ${backgroundImageSize} ${backgroundImageSize}` }, h("circle", { key: 'a10400986a13c10f05ecf809f596d9064bfca7e4', cx: halfSize, cy: halfSize, r: 54, "stroke-width": 12 })), h("svg", { key: '5ea4655662fe08b668fb5508243bd1fb955c4484', class: "progress-circle-figure", "data-role": "figure", viewBox: `0 0 ${backgroundImageSize} ${backgroundImageSize}`, style: this.getSvgStyle() }, h("circle", { key: 'e84165f37b549e4f30ad9242fa65e871f615f550', class: "progress-circle-value", cx: halfSize, cy: halfSize, r: "54", "stroke-width": "12" })), this.showLabel &&
+            h("div", { key: '2f982e974db32f833d5227e79641cc400a845b70', class: "progress-circle-label", "data-role": "label" }, h("span", { key: 'ec3f7ab4833a1b5f9f061dd17374e89f9040f00f' }, h("span", { key: '8707ff80a7160a681c3fb056adba8c65a6c5bd22', "data-role": "labelvalue" }, this.value), h("sup", { key: '5119ede23174dba5a0b13187b5abb37a6c1d785b' }, "%")))));
     }
     getSvgStyle() {
         return {

package/dist/esm/wcs-radio-group.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d9de61ce.js';
-import { s as setOrRemoveAttribute, c as isSpaceKey, d as isEnterKey, t as isDownArrowKey, u as isRightArrowKey, v as isUpArrowKey, w as isLeftArrowKey, n as isTabKey } from './helpers-89faa1b1.js';
+import { s as setOrRemoveAttribute, c as isSpaceKey, d as isEnterKey, t as isDownArrowKey, u as isRightArrowKey, v as isUpArrowKey, w as isLeftArrowKey, n as isTabKey } from './helpers-2d73ee7c.js';
 
 const radioGroupCss = ":host{display:flex;--wcs-radio-group-gap:var(--wcs-semantic-spacing-base);--wcs-radio-group-option-height:var(--wcs-semantic-size-m);--wcs-radio-group-option-gap:var(--wcs-semantic-spacing-small);--wcs-radio-group-option-padding:var(--wcs-semantic-spacing-small) var(--wcs-semantic-spacing-small);--wcs-radio-group-option-border-radius:var(--wcs-semantic-border-radius-base);--wcs-radio-group-option-background-color:var(--wcs-semantic-color-background-surface-accent-lightest)}:host([mode=radio]){flex-direction:column;gap:var(--wcs-radio-group-gap)}:host([mode=option]){box-sizing:border-box;height:var(--wcs-radio-group-option-height);display:inline-flex;flex-direction:row;align-items:center;gap:var(--wcs-radio-group-option-gap);padding:var(--wcs-radio-group-option-padding);background-color:var(--wcs-radio-group-option-background-color);border-radius:var(--wcs-radio-group-option-border-radius)}:host([mode=horizontal]){justify-content:space-between}";
 const WcsRadioGroupStyle0 = radioGroupCss;
@@ -97,7 +97,7 @@ const RadioGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: '9e945b3bd3935232dbfd859e6a53f49523d6f49b', role: "radiogroup" }, h("slot", { key: '7c6a9ae33e2dbc25c1c696ee2d9957cc882d5eba', name: "option", onSlotchange: this.onSlotChange.bind(this) })));
+        return (h(Host, { key: '74aa25f0bb0ecfa19d7776f0e3f1d9730f5af2b0', role: "radiogroup" }, h("slot", { key: '01c9174382239a8c6a3b453d841d269ef38055d9', name: "option", onSlotchange: this.onSlotChange.bind(this) })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/wcs-radio.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d9de61ce.js';
-import { s as setOrRemoveAttribute } from './helpers-89faa1b1.js';
+import { s as setOrRemoveAttribute } from './helpers-2d73ee7c.js';
 
 const radioCss = ":host{width:fit-content;--wcs-radio-transition-duration:var(--wcs-semantic-motion-duration-feedback-base);--wcs-radio-text-color-default:var(--wcs-semantic-color-text-secondary);--wcs-radio-text-font-weight-default:var(--wcs-semantic-font-weight-medium);--wcs-radio-text-color-selected:var(--wcs-semantic-color-text-primary);--wcs-radio-text-font-weight-selected:var(--wcs-semantic-font-weight-medium);--wcs-radio-text-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-radio-text-color-hover:var(--wcs-semantic-color-text-primary);--wcs-radio-checkmark-size:1rem;--wcs-radio-gap:var(--wcs-semantic-spacing-base);--wcs-radio-outline-color-focus:var(--wcs-semantic-color-border-focus-base);--wcs-radio-checkmark-border-width:var(--wcs-semantic-border-width-large);--wcs-radio-checkmark-border-color-default:var(--wcs-semantic-color-border-control-indicator-default);--wcs-radio-checkmark-border-color-selected:var(--wcs-semantic-color-border-control-indicator-selected);--wcs-radio-checkmark-border-color-hover:var(--wcs-semantic-color-border-control-indicator-hover);--wcs-radio-checkmark-border-color-disabled:var(--wcs-semantic-color-border-control-indicator-disabled);--wcs-radio-checkmark-background-color-default:transparent;--wcs-radio-checkmark-background-color-selected:var(--wcs-semantic-color-background-control-indicator-selected);--wcs-radio-checkmark-background-color-selected-disabled:var(--wcs-semantic-color-background-control-indicator-disabled);--wcs-radio-checkmark-background-color-selected-hover:var(--wcs-semantic-color-background-control-indicator-hover);--wcs-radio-checkmark-outline-distance-with-checkmark-circle:var(--wcs-semantic-spacing-small);--wcs-radio-checkmark-outline-width:var(--wcs-semantic-border-width-large);--wcs-radio-checkmark-outline-color:var(--wcs-semantic-color-foreground-control-indicator-selected);--wcs-radio-checkmark-border-radius:var(--wcs-semantic-border-radius-full);--wcs-radio-border-radius:var(--wcs-semantic-border-radius-base);--wcs-radio-option-background-color-default:var(--wcs-semantic-color-background-action-secondary-default);--wcs-radio-option-background-color-hover:var(--wcs-semantic-color-background-action-secondary-default);--wcs-radio-option-background-color-press:var(--wcs-semantic-color-background-action-secondary-default);--wcs-radio-option-background-color-disabled:var(--wcs-semantic-color-background-action-secondary-default);--wcs-radio-option-background-color-selected-default:var(--wcs-semantic-color-background-action-primary-default);--wcs-radio-option-background-color-selected-hover:var(--wcs-semantic-color-background-action-primary-hover);--wcs-radio-option-background-color-selected-press:var(--wcs-semantic-color-background-action-primary-press);--wcs-radio-option-background-color-selected-disabled:var(--wcs-semantic-color-background-action-primary-disabled);--wcs-radio-option-text-color-default:var(--wcs-semantic-color-foreground-action-secondary-default);--wcs-radio-option-text-color-hover:var(--wcs-semantic-color-foreground-action-secondary-default);--wcs-radio-option-text-color-press:var(--wcs-semantic-color-foreground-action-secondary-press);--wcs-radio-option-text-color-selected-default:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-radio-option-text-color-selected-hover:var(--wcs-semantic-color-foreground-action-primary-hover);--wcs-radio-option-text-color-selected-press:var(--wcs-semantic-color-foreground-action-primary-press);--wcs-radio-option-text-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-radio-option-text-font-weight-default:var(--wcs-semantic-font-weight-roman);--wcs-radio-option-text-font-weight-selected:var(--wcs-semantic-font-weight-roman);--wcs-radio-option-border-radius:var(--wcs-semantic-border-radius-base);--wcs-radio-option-border-width:var(--wcs-semantic-border-width-default);--wcs-radio-option-border-color-hover:var(--wcs-semantic-color-border-action-secondary-hover);--wcs-radio-option-border-color-press:var(--wcs-semantic-color-border-action-secondary-press);--wcs-radio-option-padding-top:var(--wcs-semantic-spacing-base);--wcs-radio-option-padding-right:var(--wcs-semantic-spacing-large);--wcs-radio-option-padding-bottom:var(--wcs-semantic-spacing-base);--wcs-radio-option-padding-left:var(--wcs-semantic-spacing-large);position:relative}:host([mode=radio]) input,:host([mode=horizontal]) input{position:absolute;opacity:0;height:1px;width:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:host([mode=radio]) .label,:host([mode=horizontal]) .label{margin-bottom:0;color:var(--wcs-radio-text-color-default);font-weight:var(--wcs-radio-text-font-weight-default) !important;display:inline-block}:host([mode=radio]) .label:before,:host([mode=horizontal]) .label:before{border-radius:var(--wcs-radio-checkmark-border-radius);border:var(--wcs-radio-checkmark-border-width) solid var(--wcs-radio-checkmark-border-color-default);position:relative;width:var(--wcs-radio-checkmark-size);height:var(--wcs-radio-checkmark-size);pointer-events:none;content:\"\";background-color:var(--wcs-radio-checkmark-background-color-default)}:host(:focus-visible){outline:none}:host(:focus-visible) .label{transition:none;outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-radio-outline-color-focus);outline-offset:var(--wcs-semantic-spacing-small);border-radius:var(--wcs-radio-border-radius)}:host([disabled]) .label{color:var(--wcs-radio-text-color-disabled);cursor:not-allowed}:host([disabled]) .label:before{border-color:var(--wcs-radio-checkmark-border-color-disabled)}:host(:not([disabled])) .label{cursor:pointer}:host([mode=radio].checked) .label,:host([mode=horizontal].checked) .label{color:var(--wcs-radio-text-color-selected);font-weight:var(--wcs-radio-text-font-weight-selected) !important}:host([mode=radio].checked) .label:before,:host([mode=horizontal].checked) .label:before{border-color:var(--wcs-radio-checkmark-border-color-selected);background-color:var(--wcs-radio-checkmark-background-color-selected);outline:solid var(--wcs-radio-checkmark-outline-width) var(--wcs-radio-checkmark-outline-color);outline-offset:calc(-1 * var(--wcs-radio-checkmark-outline-distance-with-checkmark-circle))}:host([mode=radio][disabled].checked) .label,:host([mode=horizontal][disabled].checked) .label{color:var(--wcs-radio-text-color-disabled)}:host([mode=radio][disabled].checked) .label:before,:host([mode=horizontal][disabled].checked) .label:before{border-color:var(--wcs-radio-checkmark-border-color-disabled);background-color:var(--wcs-radio-checkmark-background-color-selected-disabled)}:host([mode=radio]:hover:not([disabled])) .label,:host([mode=horizontal]:hover:not([disabled])) .label{color:var(--wcs-radio-text-color-hover)}:host([mode=radio]:hover:not([disabled])) .label:before,:host([mode=horizontal]:hover:not([disabled])) .label:before{border-color:var(--wcs-radio-checkmark-border-color-hover);background-color:var(--wcs-radio-checkmark-background-color-selected-hover)}:host([mode=radio]:hover:not([disabled]):not(.checked)) .label:before,:host([mode=horizontal]:hover:not([disabled]):not(.checked)) .label:before{background-color:var(--wcs-radio-checkmark-background-color-default)}:host([mode=radio]) .label{border:none}:host([mode=radio]) .label:before{transition:background-color var(--wcs-radio-transition-duration) ease-in-out;margin-right:var(--wcs-radio-gap);display:inline-block;top:3px;box-sizing:border-box}:host([mode=radio]) .label:empty::before{margin-right:0}:host([mode=horizontal]){height:fit-content}:host([mode=horizontal]) .label:before{transition:background-color var(--wcs-radio-transition-duration) ease-in-out;margin:auto auto var(--wcs-radio-gap);display:block}:host([mode=horizontal]) .label:empty::before{margin-bottom:0}:host([mode=option]){font-weight:var(--wcs-radio-option-text-font-weight-default) !important}:host([mode=option]) input{position:absolute;z-index:-1;opacity:0;box-sizing:border-box;padding:0}:host([mode=option]) .label{padding:var(--wcs-radio-option-padding-top) var(--wcs-radio-option-padding-right) var(--wcs-radio-option-padding-bottom) var(--wcs-radio-option-padding-left);margin-bottom:0;color:var(--wcs-radio-option-text-color-default);white-space:nowrap;border-radius:var(--wcs-radio-option-border-radius);transition:background-color var(--wcs-radio-transition-duration) ease-in-out;background-color:var(--wcs-radio-option-background-color-default)}:host([mode=option]) input:focus-visible+.label{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-radio-outline-color-focus);outline-offset:0;border-radius:var(--wcs-radio-border-radius)}:host([mode=option][disabled]) .label{color:var(--wcs-radio-option-text-color-disabled);background-color:var(--wcs-radio-option-background-color-disabled)}:host([mode=option][disabled].checked) .label{color:var(--wcs-radio-option-text-color-disabled);background-color:var(--wcs-radio-option-background-color-selected-disabled)}:host([mode=option].checked) .label{font-weight:var(--wcs-radio-option-text-font-weight-selected) !important;color:var(--wcs-radio-option-text-color-selected-default);background-color:var(--wcs-radio-option-background-color-selected-default)}:host([mode=option]:hover.checked:not([disabled])) .label{color:var(--wcs-radio-option-text-color-selected-hover);background-color:var(--wcs-radio-option-background-color-selected-hover)}:host([mode=option]:active.checked:not([disabled])) .label{color:var(--wcs-radio-option-text-color-selected-press);background-color:var(--wcs-radio-option-background-color-selected-press)}:host([mode=option]:hover:not(.checked):not([disabled])) .label{color:var(--wcs-radio-option-text-color-hover);background-color:var(--wcs-radio-option-background-color-hover);outline:var(--wcs-radio-option-border-width) solid var(--wcs-radio-option-border-color-hover)}:host([mode=option]:active:not(.checked):not([disabled])) .label{color:var(--wcs-radio-option-text-color-press);background-color:var(--wcs-radio-option-background-color-press);outline:var(--wcs-radio-option-border-width) solid var(--wcs-radio-option-border-color-press)}";
 const WcsRadioStyle0 = radioCss;
@@ -79,7 +79,7 @@ const Radio = class {
         this.emitRadioChangeEvent();
     }
     render() {
-        return (h(Host, { key: '0720e7983a66998bef080116aec041f3309d70dd', slot: "option", role: "radio", "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', tabIndex: this.disabled ? -1 : this.radioTabIndex, class: this.checked ? 'checked' : '', onClick: this.handleClick.bind(this), onFocus: this.onFocus.bind(this), onBlur: this.onBlur.bind(this), onKeyDown: this.handleKeyDown.bind(this) }, h("span", { key: 'bb2fb56fa6c5354a54b4debba078b0c129534e74', class: "label" }, this.label)));
+        return (h(Host, { key: '19c87ecc30754b5534fe6fd0c10540d1701d9742', slot: "option", role: "radio", "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', tabIndex: this.disabled ? -1 : this.radioTabIndex, class: this.checked ? 'checked' : '', onClick: this.handleClick.bind(this), onFocus: this.onFocus.bind(this), onBlur: this.onBlur.bind(this), onKeyDown: this.handleKeyDown.bind(this) }, h("span", { key: '4dcb066b114426a822fb46f225d96c499b24e628', class: "label" }, this.label)));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/wcs-select_2.entry.js

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-d9de61ce.js';
 import { S as SelectArrow } from './select-arrow-e62de386.js';
-import { z as generateUniqueId, A as compareLists, B as findItemLabel, i as inheritAriaAttributes, a as inheritAttributes, s as setOrRemoveAttribute, C as isElement, d as isEnterKey, c as isSpaceKey } from './helpers-89faa1b1.js';
-import { k as keyboardShortcutFromKeyboardEvent } from './keyboard-event-dd35bb6b.js';
+import { z as generateUniqueId, A as compareLists, i as inheritAriaAttributes, a as inheritAttributes, s as setOrRemoveAttribute, B as isElement, d as isEnterKey, c as isSpaceKey } from './helpers-2d73ee7c.js';
+import { k as keyboardShortcutFromKeyboardEvent } from './keyboard-event-3a0579d5.js';
 import { i as isFocusable } from './accessibility-069640cf.js';
 import { w as isEqual } from './isEqual-89e74e17.js';
 import { c as createPopper } from './popper-ac238961.js';
@@ -5317,7 +5317,6 @@ const Select = class {
         this.wcsBlur = createEvent(this, "wcsBlur", 7);
         this.wcsFilterChange = createEvent(this, "wcsFilterChange", 7);
         this.inheritedAttributes = {};
-        this.selectId = `wcs-select-${selectIds++}`;
         this.optionsId = generateUniqueId("OPTIONS");
         this.expanded = false;
         this.size = 'm';
@@ -5433,7 +5432,7 @@ const Select = class {
                     this.displayText = opt.innerText;
                     this.lastModifiedOptionElement = opt;
                     if (this.autocomplete) {
-                        this.setAutocompleteValue(opt.innerText, false, false, shouldEmitFilterChangeEvent);
+                        this.setAutocompleteValue(opt.innerText, false, false, shouldEmitFilterChangeEvent, 'selection');
                     }
                 }
                 opt.selected = isSelected;
@@ -5482,12 +5481,6 @@ const Select = class {
             this.updateSelectedValue(this.value);
         }
         this.popper = this.createPopperInstance();
-        // if the select is inside a wcs-form-field, we set an id to the wcs-label if present
-        // the wcs-label element reference is kept to compute aria-label value during the rendering
-        this.labelElement = findItemLabel(this.el);
-        if (this.labelElement) {
-            this.labelElement.id = this.selectId + "-lbl";
-        }
     }
     createPopperInstance() {
         return createPopper(this.controlEl, this.optionsEl, {
@@ -5650,7 +5643,7 @@ const Select = class {
                             }
                             else {
                                 // Emit the filter change immediately so that server-side filtering can refresh options.
-                                this.setAutocompleteValue(event.value.option.displayText);
+                                this.setAutocompleteValue(event.value.option.displayText, false, false, true, 'selection');
                             }
                         }
                         this.emitChange(this.value);
@@ -6013,7 +6006,7 @@ const Select = class {
      * @param shouldEmitFilterChangeEvent
      * @private
      */
-    setAutocompleteValue(filter, isReset = false, fromUserInteraction = false, shouldEmitFilterChangeEvent = true) {
+    setAutocompleteValue(filter, isReset = false, fromUserInteraction = false, shouldEmitFilterChangeEvent = true, trigger = 'input') {
         var _a, _b;
         this.clearHighlightOnLastHighlightedOption();
         const newValueIsDifferentFromLastModifiedOption = this.lastModifiedOptionElement == null || ((_a = this.lastModifiedOptionElement) === null || _a === void 0 ? void 0 : _a.textContent) !== this.autocompleteValue;
@@ -6053,6 +6046,7 @@ const Select = class {
         if (shouldEmitFilterChangeEvent && valueHasChanged) {
             this.wcsFilterChange.emit({
                 value: filter,
+                trigger
             });
         }
     }
@@ -6084,23 +6078,21 @@ const Select = class {
     }
     render() {
         var _a;
-        const ariaLabelValue = `${this.labelElement ? this.labelElement.innerText : ''} ${this.hasValue ? this.displayText : ''}`.trimEnd();
         const noResultContainerId = 'no-result-container';
-        return (h(Host, Object.assign({ key: '34a191b99645da1e3303c25899b259b8cdb1ee4a', class: this.expanded ? 'expanded ' : '', overlayDirection: this.overlayDirection }, this.focusedAttributes(), { role: !this.autocomplete ? "combobox" : null, "aria-haspopup": !this.autocomplete ? "listbox" : null, "aria-owns": !this.autocomplete ? this.optionsId : null, "aria-controls": !this.autocomplete ? this.optionsId : null, "aria-disabled": !this.autocomplete ? (this.disabled ? 'true' : null) : null, "aria-required": !this.autocomplete ? (this.required ? 'true' : 'false') : null, "aria-expanded": !this.autocomplete ? (this.expanded ? 'true' : 'false') : null, "aria-multiselectable": !this.autocomplete ? (this.multiple ? 'true' : 'false') : null, "aria-label": !this.autocomplete ? ariaLabelValue : null }), h("div", { key: '459fbc973a080ee868ad8db7f8923f350f9c9797', class: "wcs-select-control" }, h("div", { key: '39d512233c98df9073334334c64c6214fe7f7008', class: "wcs-select-value-container" }, this.hasValue
+        return (h(Host, Object.assign({ key: '279b7995229c2a45b8b414f30cfee105f0eab2d8', class: this.expanded ? 'expanded ' : '', overlayDirection: this.overlayDirection }, this.focusedAttributes(), { role: !this.autocomplete ? "combobox" : null, "aria-haspopup": !this.autocomplete ? "listbox" : null, "aria-owns": !this.autocomplete ? this.optionsId : null, "aria-controls": !this.autocomplete ? this.optionsId : null, "aria-disabled": !this.autocomplete ? (this.disabled ? 'true' : null) : null, "aria-required": !this.autocomplete ? (this.required ? 'true' : 'false') : null, "aria-expanded": !this.autocomplete ? (this.expanded ? 'true' : 'false') : null, "aria-multiselectable": !this.autocomplete ? (this.multiple ? 'true' : 'false') : null }), h("div", { key: '15ed8bbc3f5c0606d6b7736b46011ddbfcc6b062', class: "wcs-select-control" }, h("div", { key: '1dd1571c60ffd8e2cc0757c9bd3ae80af7358c60', class: "wcs-select-value-container" }, this.hasValue
             ?
                 (this.chips ?
                     this.values.map((option) => h(SelectChips, { disabled: this.disabled, option: option, onRemove: this.removeChip.bind(this) }))
                     : (!this.autocomplete || this.autocomplete && this.multiple) &&
                         h("label", { class: "wcs-select-value" }, this.displayText))
-            : !this.autocomplete && h("label", { class: "wcs-select-placeholder" }, this.placeholder), this.autocomplete && h("input", Object.assign({ key: '52561ab64683b48df6e3e8d8813013bb369c8405', class: "autocomplete-field", value: this.autocompleteValue, role: "combobox", "aria-haspopup": "listbox", "aria-label": ariaLabelValue, "aria-describedby": noResultContainerId, "aria-disabled": this.disabled ? 'true' : null, "aria-expanded": this.expanded ? 'true' : 'false', "aria-controls": this.optionsId, "aria-owns": this.optionsId, "aria-multiselectable": this.multiple ? 'true' : 'false', "aria-autocomplete": "list", autocomplete: "off", disabled: this.disabled, required: this.required, placeholder: ((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) ? null : this.placeholder, onInput: (e) => this.onAutocompleteInputEvent(e), ref: el => this.autocompleteInput = el }, this.inheritedAttributes))), h(SelectArrow, { key: '3fbe828718fa2afb8379ed673148a91bcbdbaddb', up: this.expanded })), h("div", { key: 'a4aab4d8a15efb5226204945986cccfd04fab44f', class: "wcs-select-options", id: this.optionsId, role: "listbox" }, h("slot", { key: '32c6ee55bf39c3da7ae2fee5012a849b472b0e18', name: "options", onSlotchange: this.onSlotchange.bind(this) }), (this.autocomplete && this.showNoResultFoundLabel) &&
-            h("div", { key: 'bd44edbf07935d16b4bc8df53a724bcc82dd3df4', role: "alert", id: noResultContainerId, class: "noresult-container" }, h("slot", { key: '7bc1d019368ce1c0867e5c7b87ce2918e676a814', name: "filter-no-result" }, h("span", { key: '741628bfc5a45abead13a63fe4a1ec1ad9745393' }, "Aucun r\u00E9sultat"))))));
+            : !this.autocomplete && h("label", { class: "wcs-select-placeholder" }, this.placeholder), this.autocomplete && h("input", Object.assign({ key: '735693884598b203d30e0a0240e23c4f8d1838d7', class: "autocomplete-field", value: this.autocompleteValue, role: "combobox", "aria-haspopup": "listbox", "aria-describedby": noResultContainerId, "aria-disabled": this.disabled ? 'true' : null, "aria-expanded": this.expanded ? 'true' : 'false', "aria-controls": this.optionsId, "aria-owns": this.optionsId, "aria-multiselectable": this.multiple ? 'true' : 'false', "aria-autocomplete": "list", autocomplete: "off", disabled: this.disabled, required: this.required, placeholder: ((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) ? null : this.placeholder, onInput: (e) => this.onAutocompleteInputEvent(e), ref: el => this.autocompleteInput = el }, this.inheritedAttributes))), h(SelectArrow, { key: 'f2f7a5b23ca98156a2d2a293e94789f6b2297607', up: this.expanded })), h("div", { key: '2e63bdb1c3ef3251119727455159c6f7a4b0ec76', class: "wcs-select-options", id: this.optionsId, role: "listbox" }, h("slot", { key: '04dd36de24892a8e6ee70154c08c6ccde691ddb1', name: "options", onSlotchange: this.onSlotchange.bind(this) }), (this.autocomplete && this.showNoResultFoundLabel) &&
+            h("div", { key: '8cf1f1337afdca5d2b48590de8b665679bdfe080', role: "alert", id: noResultContainerId, class: "noresult-container" }, h("slot", { key: '8d5f7839e3a12d87030bf7cddbe62308e09bff87', name: "filter-no-result" }, h("span", { key: '766513c4ba50723baf1987bbb43c2abe2c1a9f43' }, "Aucun r\u00E9sultat"))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
         "value": ["onValueChangeHandler"]
     }; }
 };
-let selectIds = 0;
 Select.style = WcsSelectStyle0;
 
 const selectOptionCss = "wcs-select-option{--wcs-select-option-height:var(--wcs-semantic-size-m);--wcs-select-option-padding-horizontal:var(--wcs-semantic-spacing-base);--wcs-select-option-padding-vertical:0;--wcs-select-option-text-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-select-option-text-font-size:var(--wcs-semantic-font-size-base);--wcs-select-option-text-color-default:var(--wcs-semantic-color-text-primary);--wcs-select-option-text-color-focus:var(--wcs-semantic-color-text-primary);--wcs-select-option-text-color-hover:var(--wcs-semantic-color-text-primary);--wcs-select-option-text-color-selected:var(--wcs-semantic-color-text-primary);--wcs-select-option-text-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-select-option-background-color-default:var(--wcs-semantic-color-background-action-secondary-default);--wcs-select-option-background-color-hover:var(--wcs-semantic-color-background-action-secondary-hover);--wcs-select-option-background-color-press:var(--wcs-semantic-color-background-action-secondary-press);--wcs-select-option-background-color-selected:var(--wcs-semantic-color-background-action-secondary-selected-default);--wcs-select-option-background-color-selected-hover:var(--wcs-semantic-color-background-action-secondary-selected-hover);--wcs-select-option-background-color-selected-press:var(--wcs-semantic-color-background-action-secondary-selected-press);--wcs-select-option-background-color-selected-disabled:var(--wcs-semantic-color-background-action-secondary-selected-disabled);--wcs-select-option-background-color-focus:var(--wcs-semantic-color-background-action-secondary-focus);--wcs-select-option-border-style-focus:var(--wcs-semantic-border-style-focus-base);--wcs-select-option-border-color-focus:var(--wcs-semantic-color-border-focus-base);--wcs-select-option-border-width-focus:var(--wcs-semantic-border-width-large);--wcs-select-option-border-radius:var(--wcs-semantic-border-radius-base);--wcs-select-option-checkbox-color:var(--wcs-semantic-color-background-control-indicator-selected);--wcs-select-option-gap:var(--wcs-semantic-spacing-base);--wcs-select-option-transition-duration:var(--wcs-semantic-motion-duration-feedback-base);display:flex;flex-direction:row;align-items:center;gap:var(--wcs-select-option-gap);padding:var(--wcs-select-option-padding-vertical) var(--wcs-select-option-padding-horizontal);height:var(--wcs-select-option-height);cursor:pointer;user-select:none;font-weight:var(--wcs-select-option-text-font-weight);font-size:var(--wcs-select-option-text-font-size);color:var(--wcs-select-option-text-color-default);background-color:var(--wcs-select-option-background-color-default);transition-duration:var(--wcs-select-option-transition-duration);transition-property:background-color, color;transition-timing-function:ease;border-radius:var(--wcs-select-option-border-radius);overflow:hidden;white-space:nowrap}wcs-select-option:focus-visible{outline:var(--wcs-select-option-border-style-focus) var(--wcs-select-option-border-width-focus) var(--wcs-select-option-border-color-focus);outline-offset:calc(-1 * var(--wcs-select-option-border-width-focus))}wcs-select-option:focus{color:var(--wcs-select-option-text-color-focus);background-color:var(--wcs-select-option-background-color-focus)}wcs-select-option:hover{color:var(--wcs-select-option-text-color-hover);background-color:var(--wcs-select-option-background-color-hover)}wcs-select-option:active{background-color:var(--wcs-select-option-background-color-press)}wcs-select-option[disabled]{cursor:not-allowed;pointer-events:none;color:var(--wcs-select-option-text-color-disabled)}wcs-select-option[hidden]{display:none}wcs-select-option[selected]{color:var(--wcs-select-option-text-color-selected);background-color:var(--wcs-select-option-background-color-selected)}wcs-select-option[selected]:hover{background-color:var(--wcs-select-option-background-color-selected-hover)}wcs-select-option[selected]:active{background-color:var(--wcs-select-option-background-color-selected-press)}wcs-select-option[selected][disabled]{color:var(--wcs-select-option-text-color-disabled);background-color:var(--wcs-select-option-background-color-selected-disabled)}wcs-select-option[multiple] wcs-checkbox{pointer-events:none}wcs-select-option[multiple]:hover wcs-checkbox{--wcs-checkbox-border-color:var(--wcs-select-option-checkbox-color)}wcs-select-option[highlighted]{outline:var(--wcs-select-option-border-style-focus) var(--wcs-select-option-border-width-focus) var(--wcs-select-option-border-color-focus);outline-offset:calc(-1 * var(--wcs-select-option-border-width-focus))}wcs-select-option[highlighted] wcs-checkbox{--wcs-checkbox-border-color:var(--wcs-select-option-checkbox-color)}";
@@ -6152,8 +6144,8 @@ const SelectOption = class {
         }
     }
     render() {
-        return (h(Host, { key: '51bc015628d9df53a0a819ae1263833076c66d36', id: this.selectOptionId, "aria-selected": this.selected || this.highlighted ? 'true' : 'false', slot: "options", role: "option", tabindex: "-1" }, this.multiple &&
-            h("wcs-checkbox", { key: 'c20dd8d1e7d58b0ed2c5291838eb2d7cf8d0e76c', tabindex: "-1", checked: this.selected, disabled: this.disabled }), h("slot", { key: 'f088d1ba14ff498be0b5dcb2e3cb588c99330a1f' })));
+        return (h(Host, { key: 'b5cec4bddeb2bc1779f3f8c596ca461e36465dcd', id: this.selectOptionId, "aria-selected": this.selected || this.highlighted ? 'true' : 'false', slot: "options", role: "option", tabindex: "-1" }, this.multiple &&
+            h("wcs-checkbox", { key: '0ea4d06fdc650bc54fde89a33d4460660de7ef02', tabindex: "-1", checked: this.selected, disabled: this.disabled }), h("slot", { key: 'a8829170fe8eea04cb0f2e2fdcd160612368b3c9' })));
     }
     get el() { return getElement(this); }
 };