@uh-design-system/component-library 1.5.2-rc.1 → 1.5.2

package/dist/components/p-tjRsBgg_.js

@@ -0,0 +1 @@
+import{p as s,M as e,c as t,f as i,h as o,d,t as l}from"./p-BuOkAFpk.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as a,c,f as n,i as h,d as p}from"./p-ChKb-Fx7.js";import{s as b,h as u,i as _,l as v,w as m,f as g,r as f,j as x}from"./p-CGOuyzCr.js";import{c as y}from"./p-mCzhJpLe.js";import{i as w,a as M}from"./p-BecId8t2.js";import{F as K}from"./p-BT1Kxodd.js";import{m as k}from"./p-xYmAT405.js";import{d as C}from"./p-VfYMKfsX.js";import{c as O}from"./p-Ce-cTJr-.js";import{d as E}from"./p-C-9CbR-m.js";import{d as S}from"./p-DQF9yc5U.js";import{d as I}from"./p-DvDKMhL0.js";import{d as $}from"./p-WP2R4-9m.js";import{d as L}from"./p-C7lPkerx.js";import{d as F}from"./p-DLwHjFji.js";import{d as T}from"./p-ByAjsjC6.js";import{d as R}from"./p-CIMgGYdP.js";import{d as j}from"./p-Btjw1t0e.js";import{d as A}from"./p-CTvLGwOE.js";const D={dsPlaceholder:b},z=s(class extends(e(O("ds-select",{stopRootTracking:!0,stopRootTrackingExcept:["ds-datepicker"]}),k,C)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsMultipleChange=t(this,"dsMultipleChange",7),this.dsChange=t(this,"dsChange",7),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7),this.dsValidity=t(this,"dsValidity",7),this.dsBlur=t(this,"dsBlur",7),this.dsFocus=t(this,"dsFocus",7),this.internals=this.attachInternals()}inheritedAttributes={};get el(){return this}internals;dsMultipleChange;dsChange;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsForm;dsId=this.getUniqueId();dsName=this.dsId;dsLabel;dsAssistiveText;dsPlaceholder;dsVariant="default";dsClearable=!0;dsDisabled=!1;dsErrorText="";dsIcon;dsIconSize;dsValue=null;dsLoading=!1;dsLoadingText;dsOptionsError=!1;dsOptionsErrorTitle;dsOptionsErrorText;dsFullWidth=!1;dsRequired=!1;dsAriaLabel;activeOption=null;selectedOptions=[];selectedOptionsLabel;isOpen=!1;activeIndex=null;hasFocus=!1;clearButtonRef;iconRef;badgeRef;badgeContainerOffset=null;feedback=[];get isNative(){return"native"===this.dsVariant}get isMultiple(){return"multiple"===this.dsVariant}get inputValidityId(){return`${this.dsId}-validity`}get assistiveTextId(){return`${this.dsId}-assistive-text`}get placeholder(){return this.dsPlaceholder||D.dsPlaceholder()}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};async checkValidity(){return this.internals?.checkValidity()}async getSelectedOption(){return 0===this.selectedOptions.length?null:(await this.getSelectedOptions())[0]}async getSelectedOptions(){return await Promise.all(this.selectedOptions?.map((async s=>({value:s.dsValue||null,label:await s.getLabel()||null,description:s.dsDescription||null}))))}connectedCallback(){this.internals?.form&&!this.isNative&&this.el.addEventListener("invalid",this.handleInvalid)}componentWillLoad(){this._setDisableEventEmits(!0),this.inheritedAttributes={...M(this,this.el),...w(this.el,this.isNative?["aria-describedby","aria-controls","aria-haspopup"]:["aria-haspopup","aria-expanded","aria-disabled","aria-labelledby","aria-describedby","aria-controls","aria-activedescendant"])}}componentDidLoad(){this.componentMounted(),this.isNative?this.internals?.setValidity({}):this.internals?.setValidity({valueMissing:this.dsRequired&&(!this.dsValue||Array.isArray(this.dsValue)&&0===this.dsValue.length)},u()),this.value=this.toValue(this.dsValue)}disconnectedCallback(){this.internals?.form&&!this.isNative&&this.el.removeEventListener("invalid",this.handleInvalid),this.debouncedResetFeedback.cancel()}get DsIcon(){return a("ds-icon","ds-select",this.el)}get DsInputValidity(){return a("ds-input-validity","ds-select",this.el)}get DsOption(){return a("ds-option","ds-select",this.el)}get DsFeedback(){return a("ds-feedback","ds-select",this.el)}customSelectRef;nativeSelectRef;handleEscEvent(s){this.selectedOptions.length>0&&"Tab"===s.detail.key?this.clearButtonRef?.setFocus():["Escape","Shift+Tab"].includes(s.detail.key)&&this.customSelectRef?.focus()}handleFocusIn(){this.hasFocus=!0}handleFocusOut(s){const e=s&&"relatedTarget"in s?s.relatedTarget:null;(!e||!this.el.contains(e))&&(this.activeIndex=null,this.hasFocus=!1,this.isOpen=!1,this.isNative||this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}async handleOptionClick(s){s&&!s.dsDisabled&&(this._setDisableEventEmits(!1),this.value=this.inValue(s.dsValue)&&this.isMultiple?this.withoutValue(s.dsValue):this.isMultiple?this.withValue(s.dsValue):this.toValue(s.dsValue),this.isMultiple||(this.activeIndex=null,this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus()))}toggleDropdown(){this.dsDisabled||(this.isOpen=!this.isOpen,this.isOpen||(this.activeIndex=null))}handleClearSelection(){this.dsDisabled||(this.activeIndex=null,this._setDisableEventEmits(!1),this.value=this.toValue(null),this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus())}handleKeyDown(s){"ArrowDown"!==s.key&&"ArrowUp"!==s.key&&"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.isOpen=!0,this.updateActiveIndex(),window.requestAnimationFrame((()=>{const s=this.el.querySelector(`.${y("ds-options")}`);s?.focus()})))}getBadgeContainerWidthOffset=async()=>{await c(this.clearButtonRef),await c(this.badgeRef);const s=this.clearButtonRef?.getBoundingClientRect().width||0,e=this.badgeRef?.getBoundingClientRect().width||0;this.badgeContainerOffset=s&&e?s+e:null};getAllOptions(){return Array.from(this.el.querySelectorAll(this.DsOption))}getFocusIndex(){const s=this.getAllOptions();if(""!==this.getValueItem(0)?.trim()){const e=s.findIndex((s=>String(s.dsValue)===String(this.getValueItem(0))));if(-1!==e)return e}return s.findIndex((s=>!s.dsDisabled))}updateActiveIndex(){const s=this.getFocusIndex();-1!==s&&(this.activeIndex=s)}activeIndexObserver(s){const e=this.getAllOptions();this.activeOption=null!==s?e[s]:null,e.forEach(((s,e)=>{s.dsActive=e===this.activeIndex,s.dsSelected=this.inValue(s.dsValue)}))}clearButtonRefObserver(){this.getBadgeContainerWidthOffset()}valueObserver(s){this.isNative||this.setSelectedOptionsFromValue(s)}dsValueObserver(s){this.value=this.toValue(s)}selectedOptionsObserver(s,e){const t=s.map((s=>s.dsValue)),i=e?.map((s=>s.dsValue))||[],o=i.filter((s=>!t.includes(s))),d=t.filter((s=>!i.includes(s))),l=o.length>0||d.length>0;e?.forEach((s=>s.dsSelected=!1)),s.forEach((s=>s.dsSelected=!0));const r=this.getShouldEmit([l]);this._setDisableEventEmits(!0),r&&(this.dsMultipleChange.emit({values:t,added:d,removed:o}),this.dsChange.emit(t[0]||null)),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}hasFocusObserver(s){s?this.dsFocus.emit():this.dsBlur.emit()}resetFeedback=()=>{this.feedback=[],i(this)};debouncedResetFeedback=n(this.resetFeedback,K);appendFeedback=(s,e)=>{this.feedback=[...this.feedback,{key:s,message:e}],this.debouncedResetFeedback()};removeFeedback=s=>{this.feedback=this.feedback.filter((e=>e.key!==s))};getFeedbackMessage=()=>this.feedback.length>0?this.feedback[this.feedback.length-1]?.message:"";optionsMessagePropertyObserver(s,e,t){if(!s)return this.removeFeedback(t),void(0===this.feedback.length&&this.appendFeedback("default",_()));"dsLoading"===t&&s?this.appendFeedback(t,this.dsLoadingText||v()):"dsOptionsError"===t&&s&&this.appendFeedback(t,this.dsOptionsErrorText||`${m()} ${g()}`)}setSelectedOptionsFromValue=async s=>{if(!s||0===s.length)return void await this.setSelectedOptions([]);const e=this.getAllOptions().filter((e=>s.includes(e.dsValue)));0!==e.length?await this.setSelectedOptions(e):console.warn(`ds-select: No options found matching dsValues "${s.join(", ")}"`)};setSelectedOptions=async s=>{!this.isMultiple&&this.activeOption&&(this.activeOption.dsActive=!1),this.internals?.setValidity({valueMissing:this.dsRequired&&0===s.length},u()),this.selectedOptions=s,this.selectedOptionsLabel=s.length>0?(await Promise.all(s.map((s=>s.getLabel())))).join(", "):"",this.getBadgeContainerWidthOffset()};renderNativeSelect(){const s=a("ds-select-native","ds-select",this.el);return o(s,{dsId:this.dsId,dsLabel:this.dsLabel,dsPlaceholder:this.placeholder,dsIcon:this.dsIcon,dsIconSize:this.dsIconSize,dsName:this.dsName||this.dsId,dsDisabled:this.dsDisabled,dsErrorText:this.dsErrorText,dsRequired:this.dsRequired,dsFullWidth:this.dsFullWidth,dsAriaLabel:this.dsAriaLabel,dsValue:this.getValueItem(0)||"",onDsChange:s=>{this.value=this.toValue(s.detail)},onDsValidity:s=>{this.dsValidity.emit(s.detail)},onDsSubmitInvalid:s=>{this.dsSubmitInvalid.emit(s.detail)},...this.inheritedAttributes},o("slot",{name:"label"}),o("slot",{name:"native"}))}renderCustomSelect(s){const e=0===this.selectedOptions.length,t=`${this.dsId}-label`,i=`${this.dsId}-badge`,d=`${this.dsId}-selected-option`,l=[!!this.dsAssistiveText&&this.assistiveTextId,!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" ")||void 0,c=`ds-select-options-${this.dsId}`,n=`${s}-custom`,h=a("ds-badge","ds-select",this.el),p=a("ds-button","ds-select",this.el),b=a("ds-options","ds-select",this.el),u=a("ds-options-message","ds-select",this.el),_=a("ds-control-label","ds-select",this.el),v=f(!0);return o("div",{style:{"--badge-container-offset":this.badgeContainerOffset?`${this.badgeContainerOffset}px`:void 0}},o(_,{dsId:t,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,onClick:()=>{this.customSelectRef?.focus(),this.toggleDropdown()}},o("slot",{name:"label"})),o("div",{class:`${n}-wrapper`},o("div",{class:`${n}-input-container`},o("div",{id:this.dsId,ref:s=>this.customSelectRef=s,class:r(`${n}`,{[`${s}--full-width`]:this.dsFullWidth,[`${n}--open`]:this.isOpen,[`${n}--none-selected`]:e,[`${n}--disabled`]:this.dsDisabled,[`${n}--invalid`]:!!this.dsErrorText,[`${n}--has-icon`]:!!this.dsIcon}),tabIndex:this.dsDisabled?-1:0,role:"combobox","aria-required":this.dsRequired?"true":"false","aria-haspopup":"listbox","aria-expanded":String(this.isOpen),"aria-disabled":String(this.dsDisabled),"aria-label":this.dsAriaLabel,"aria-labelledby":this.isMultiple&&this.selectedOptions?.length>0?`${t} ${i}`:t,"aria-describedby":l,"aria-controls":c,"aria-activedescendant":null!==this.activeIndex?`${this.dsId}-option-${this.activeIndex}`:void 0,onClick:()=>{this.dsDisabled||this.toggleDropdown()},onKeyDown:s=>{this.dsDisabled||this.handleKeyDown(s)}},o("div",{class:`${n}__selected-option`},this.dsIcon&&o(this.DsIcon,{class:`${n}__selected-option__placeholder-icon`,dsName:this.dsIcon,dsSize:this.dsIconSize}),o("span",{id:d,class:r(`${n}__selected-option__text`,{[`${n}__selected-option__text--none-selected`]:e,[`${n}__selected-option__text--disabled`]:this.dsDisabled})},this.selectedOptionsLabel||this.placeholder)),o(this.DsIcon,{ref:s=>{this.iconRef=s},class:r(`${n}__dropdown-icon`,{[`${n}__dropdown-icon--has-clear-button`]:this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled}),dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"})),this.isMultiple&&this.selectedOptions?.length>0&&o("div",{class:`${n}__badge-container`},o(h,{ref:s=>this.badgeRef=s,dsId:i,dsText:`${this.selectedOptions.length}`,dsHiddenAssistiveText:x()})),this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled&&o(p,{ref:s=>{this.clearButtonRef=s},class:`${n}__clear-button`,dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:v,dsIconAriaLabel:v,onClick:s=>{s.stopPropagation(),this.handleClearSelection()},onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),s.stopPropagation(),this.handleClearSelection())},dsAriaLabel:v,dsAriaDescribedby:d,dsInInput:!0,dsNoFocusRing:!0})),o("div",{id:c,class:{[`${n}__options-container`]:!0,[`${n}__options-container--open`]:this.isOpen},onClick:s=>{const e=s.target.closest(this.DsOption);this.handleOptionClick(e)}},o(u,{dsLoading:this.dsLoading,dsLoadingText:this.dsLoadingText,dsError:this.dsOptionsError,dsErrorTitle:this.dsOptionsErrorTitle,dsErrorText:this.dsOptionsErrorText}),o(b,{dsActiveIndex:this.activeIndex??void 0,onDsActiveIndexChange:s=>{this.activeIndex=s.detail},onDsEsc:()=>{this.isOpen=!1},dsLabelId:t,dsAriaMultiselectable:this.isMultiple},o("slot",null)))),this.internals?.form&&this.internals?.validity.valid&&this.selectedOptions.map((s=>o("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),o(this.DsInputValidity,{id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}),o(this.DsFeedback,{dsSrOnly:!0,dsSrOnlyTag:"span"},this.getFeedbackMessage()))}render(){const s=y("ds-select");return o(d,{key:"3c2dd72616c0c522d4c8bc90e24049fdbba9ba51",...h("name",this.isNative?void 0:this.dsName)},o("div",{key:"b9c1004ca24fe0735b18f41a376c37d8c4b431d7",tabIndex:this.isNative?void 0:-1},this.isNative?this.renderNativeSelect():this.renderCustomSelect(s)))}static get formAssociated(){return!0}static get watchers(){return{activeIndex:[{activeIndexObserver:0}],clearButtonRef:[{clearButtonRefObserver:0}],badgeRef:[{clearButtonRefObserver:0}],value:[{valueObserver:0}],dsValue:[{dsValueObserver:0}],selectedOptions:[{selectedOptionsObserver:0}],hasFocus:[{hasFocusObserver:0}],dsLoading:[{optionsMessagePropertyObserver:0}],dsOptionsError:[{optionsMessagePropertyObserver:0}]}}static get style(){return".sc-ds-select-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){:not(:has(.ds-select__MsKlb0--full-width)).sc-ds-select-h{width:var(--ds-select-wide-width, 20rem)}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__MsKlb0-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-select-borderWidth, var(--ds-borderWidth-thin)) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:var(--ds-select-height, 2.75rem);width:100%}.ds-select__MsKlb0-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-select-dropdown-icon-border-left, var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight));color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:var(--ds-select-dropdown-icon-padding, 0 var(--ds-spacing-2xSmall))}.ds-select__MsKlb0-custom-wrapper.sc-ds-select{position:relative}.ds-select__MsKlb0-custom.sc-ds-select .ds-options__MsKlb0.sc-ds-select{display:block}.ds-select__MsKlb0-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__MsKlb0-custom-input-container.sc-ds-select:has(.ds-select__MsKlb0-custom__clear-button:hover) .ds-select__MsKlb0-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__MsKlb0-custom.sc-ds-select:not(.ds-select__MsKlb0-custom--open,.ds-select__MsKlb0-custom--invalid.sc-ds-select,.ds-select__MsKlb0-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__MsKlb0-custom.sc-ds-select:active:not(.ds-select__MsKlb0-custom--open,.ds-select__MsKlb0-custom--invalid.sc-ds-select,.ds-select__MsKlb0-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__MsKlb0-custom--open.sc-ds-select,.ds-select__MsKlb0-custom.sc-ds-select:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__MsKlb0-custom--open.sc-ds-select:not(.ds-select__MsKlb0-custom--open--invalid,.ds-select__MsKlb0-custom.sc-ds-select:focus-visible--invalid),.ds-select__MsKlb0-custom.sc-ds-select:focus-visible:not(.ds-select__MsKlb0-custom--open--invalid,.ds-select__MsKlb0-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__MsKlb0-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__MsKlb0-custom--disabled.sc-ds-select .ds-select__MsKlb0-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__MsKlb0-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__MsKlb0-custom--invalid.sc-ds-select:not(.ds-select__MsKlb0-custom--invalid--open,.ds-select__MsKlb0-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__MsKlb0-custom--invalid.sc-ds-select:not(.ds-select__MsKlb0-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__MsKlb0-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__MsKlb0-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px)));padding-right:var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall))}.ds-select__MsKlb0-custom--has-icon.sc-ds-select .ds-select__MsKlb0-custom__selected-option.sc-ds-select{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__MsKlb0-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__MsKlb0-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__MsKlb0-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__MsKlb0-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__MsKlb0-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__MsKlb0-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__MsKlb0-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__MsKlb0-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__MsKlb0-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__MsKlb0-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);top:2px;bottom:2px;cursor:pointer}.ds-select__MsKlb0-custom__clear-button.sc-ds-select:has(button:focus){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 2)}.ds-select__MsKlb0-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__MsKlb0-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__MsKlb0-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__MsKlb0-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__MsKlb0-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__MsKlb0-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__MsKlb0-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__MsKlb0-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__MsKlb0-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__MsKlb0-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__MsKlb0-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__MsKlb0-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}"}},[838,"ds-select",{dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsPlaceholder:[1,"ds-placeholder"],dsVariant:[1,"ds-variant"],dsClearable:[4,"ds-clearable"],dsDisabled:[4,"ds-disabled"],dsErrorText:[1,"ds-error-text"],dsIcon:[1,"ds-icon"],dsIconSize:[1,"ds-icon-size"],dsValue:[1,"ds-value"],dsLoading:[4,"ds-loading"],dsLoadingText:[1,"ds-loading-text"],dsOptionsError:[4,"ds-options-error"],dsOptionsErrorTitle:[1,"ds-options-error-title"],dsOptionsErrorText:[1,"ds-options-error-text"],dsFullWidth:[4,"ds-full-width"],dsRequired:[4,"ds-required"],dsAriaLabel:[1,"ds-aria-label"],value:[32],activeOption:[32],selectedOptions:[32],selectedOptionsLabel:[32],isOpen:[32],activeIndex:[32],hasFocus:[32],clearButtonRef:[32],iconRef:[32],badgeRef:[32],badgeContainerOffset:[32],feedback:[32],setDisableEventEmits:[64],checkValidity:[64],getSelectedOption:[64],getSelectedOptions:[64]},[[0,"dsEsc","handleEscEvent"],[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{activeIndex:[{activeIndexObserver:0}],clearButtonRef:[{clearButtonRefObserver:0}],badgeRef:[{clearButtonRefObserver:0}],value:[{valueObserver:0}],dsValue:[{dsValueObserver:0}],selectedOptions:[{selectedOptionsObserver:0}],hasFocus:[{hasFocusObserver:0}],dsLoading:[{optionsMessagePropertyObserver:0}],dsOptionsError:[{optionsMessagePropertyObserver:0}]}]);function V(){"undefined"!=typeof customElements&&["ds-select","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-options","ds-select-native","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-select":customElements.get(l(s))||customElements.define(l(s),z);break;case"ds-assistive-text":customElements.get(l(s))||E();break;case"ds-button":customElements.get(l(s))||S();break;case"ds-control-label":customElements.get(l(s))||I();break;case"ds-feedback":customElements.get(l(s))||$();break;case"ds-icon":customElements.get(l(s))||L();break;case"ds-input-validity":customElements.get(l(s))||F();break;case"ds-options":customElements.get(l(s))||T();break;case"ds-select-native":customElements.get(l(s))||R();break;case"ds-spinner":customElements.get(l(s))||j();break;case"ds-visually-hidden":customElements.get(l(s))||A()}}))}p([o("ds-select-native",null),o("ds-icon",{dsName:""}),o("ds-input-validity",null),o("ds-button",null),o("ds-options",null),o("ds-control-label",null),o("ds-feedback",null)]);export{z as D,V as d}

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-05-13T08:42:41",
+  "timestamp": "2026-05-18T07:07:36",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.4",

package/dist/esm/ariaDeprecationFactory-VXh57uir.js

@@ -0,0 +1,27 @@
+import { r as registerInstance } from './index-KrLJvXEc.js';
+import { a as ariaAttributes } from './attributes-DfbgRyXR.js';
+
+const ariaDeprecationFactory = (Base) => {
+    const AriaDeprecation = class extends Base {
+        constructor(hostRef) {
+            super();
+            registerInstance(this, hostRef);
+        }
+        dsMuteAriaDeprecationWarning = false;
+        getDeprecationWarningForAriaAttribute = (el, attr) => {
+            if (this.dsMuteAriaDeprecationWarning)
+                return;
+            if (el.hasAttribute(attr)) {
+                console.warn(`[DEPRECATION] The use of the '${attr}' attribute on <${el.tagName.toLowerCase()}> is deprecated and will be removed in a future version (tba). Please refer to the documentation for alternative ds-prefixed property name. If the attribute you are using does not have a corresponding ds-prefixed property name, please contact developers at #designsystem Slack channel. In the future, any aria-attributes set on the web component will remain on the host element. To mute all warnings on this component instance, set the "dsMuteAriaDeprecationWarning" property.`);
+            }
+        };
+        getDeprecationWarningsForAriaAttributes = (el) => {
+            if (this.dsMuteAriaDeprecationWarning)
+                return;
+            ariaAttributes.forEach(attr => this.getDeprecationWarningForAriaAttribute(el, attr));
+        };
+    };
+    return AriaDeprecation;
+};
+
+export { ariaDeprecationFactory as a };

package/dist/esm/component-library.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, B as BUILD, a as consoleDevInfo, d as H, w as win, N as NAMESPACE, g as globalScripts, b as bootstrapLazy } from './index-D_ut7INJ.js';
-export { s as setNonce } from './index-D_ut7INJ.js';
+import { p as promiseResolve, B as BUILD, a as consoleDevInfo, d as H, w as win, N as NAMESPACE, g as globalScripts, b as bootstrapLazy } from './index-KrLJvXEc.js';
+export { s as setNonce } from './index-KrLJvXEc.js';
 
 /*
  Stencil Client Patch Browser v4.43.4 | MIT Licensed | https://stenciljs.com

package/dist/esm/componentFactory-Ct4nz3XH.js

@@ -0,0 +1,189 @@
+import { b as idGenerator } from './utils-BGPSuOgq.js';
+import { g as getLanguage } from './store-Cj7kJXiG.js';
+
+const state = new Map();
+const createDefaultStats = () => Object.freeze({
+    mountEventsTotal: 0,
+});
+const getAll = () => state;
+const getOne = (componentName) => state.get(componentName) ?? createDefaultStats();
+const incrementMount = (componentName) => {
+    const prev = getOne(componentName);
+    state.set(componentName, Object.freeze({
+        ...prev,
+        mountEventsTotal: prev.mountEventsTotal + 1,
+    }));
+};
+const clear = () => {
+    state.clear();
+};
+const analyticsState = {
+    getAll,
+    getOne,
+    incrementMount,
+    clear,
+};
+
+const FALLBACK_COLLECTION_PROBABILITY = 0.5;
+const COLLECTION_PROBABILITY = globalThis._uhdsMatomoCollectionProbability ?? FALLBACK_COLLECTION_PROBABILITY;
+const COLLECTION_STORAGE_KEY = 'uhds_collect_analytics';
+if (globalThis.sessionStorage && globalThis.sessionStorage.getItem(COLLECTION_STORAGE_KEY) === null) {
+    globalThis.sessionStorage.setItem(COLLECTION_STORAGE_KEY, (Math.random() <= COLLECTION_PROBABILITY).toString());
+}
+const generators = new Map();
+let isFlushing = false;
+let isBatchTrackingInitialized = false;
+function flushState() {
+    if (isFlushing)
+        return;
+    const components = analyticsState.getAll();
+    if (components.size === 0)
+        return;
+    isFlushing = true;
+    try {
+        if (!Array.isArray(globalThis._mtm))
+            return;
+        const tracker = globalThis._mtm;
+        const appHost = globalThis.location.hostname;
+        const appName = globalThis._uhdsMatomoAppName;
+        for (const [name, stats] of components.entries()) {
+            tracker.push({
+                'event': 'uhds.components',
+                'uhds.action': 'mounted',
+                'uhds.component': name,
+                'uhds.app_name': appName,
+                'uhds.app_host': appHost,
+                'uhds.instance_key': `${appHost}::${name}`,
+                'uhds.instances_seen': stats.mountEventsTotal,
+            });
+        }
+        analyticsState.clear();
+    }
+    finally {
+        isFlushing = false;
+    }
+}
+function initBatchTracking() {
+    if (isBatchTrackingInitialized)
+        return;
+    globalThis.addEventListener('visibilitychange', () => {
+        if (document.visibilityState === 'hidden')
+            flushState();
+    });
+    globalThis.addEventListener('pagehide', flushState);
+    globalThis.addEventListener('beforeunload', flushState);
+    isBatchTrackingInitialized = true;
+}
+const transparentRootTrackingAncestors = new Set();
+const rootTrackingStopTags = new Map();
+const rootTrackingStopSelectors = new Map();
+const designSystemComponentTags = new Set();
+const normalizeTag = (tag) => tag.trim().toLowerCase();
+function getShadowHost(el) {
+    const root = el.getRootNode();
+    return root instanceof ShadowRoot ? root.host : null;
+}
+function getComposedParent(el) {
+    if (el.parentElement)
+        return el.parentElement;
+    return getShadowHost(el);
+}
+function hasComposedClosest(el, selector) {
+    let current = el;
+    while (current) {
+        if (current.closest(selector))
+            return true;
+        current = getShadowHost(current);
+    }
+    return false;
+}
+function shouldStopRootTracking(el, tag) {
+    if (!rootTrackingStopTags.has(tag))
+        return false;
+    const selector = rootTrackingStopSelectors.get(tag) ?? '';
+    if (!selector)
+        return true;
+    return !hasComposedClosest(getComposedParent(el), selector);
+}
+function isBlockingAncestorTag(tag) {
+    return designSystemComponentTags.has(tag) && !transparentRootTrackingAncestors.has(tag);
+}
+function hasBlockingAncestor(el) {
+    const ownTag = normalizeTag(el.tagName);
+    if (isBlockingAncestorTag(ownTag) && shouldStopRootTracking(el, ownTag))
+        return false;
+    let current = getComposedParent(el);
+    while (current) {
+        const tag = normalizeTag(current.tagName);
+        if (!isBlockingAncestorTag(tag)) {
+            current = getComposedParent(current);
+            continue;
+        }
+        if (rootTrackingStopTags.has(tag) && !shouldStopRootTracking(current, tag)) {
+            current = getComposedParent(current);
+            continue;
+        }
+        return true;
+    }
+    return false;
+}
+const componentFactory = (componentName, options = {}) => (Base) => {
+    const ownTag = normalizeTag(componentName);
+    designSystemComponentTags.add(ownTag);
+    if (options.stopRootTracking) {
+        const exceptions = new Set((options.stopRootTrackingExcept || []).map(normalizeTag));
+        rootTrackingStopTags.set(ownTag, exceptions);
+        rootTrackingStopSelectors.set(ownTag, Array.from(exceptions).join(','));
+    }
+    if (options.transparentForRootTracking) {
+        transparentRootTrackingAncestors.add(ownTag);
+    }
+    class BaseComponent extends Base {
+        constructor() {
+            super();
+        }
+        lang = getLanguage();
+        getGenerator() {
+            const name = componentName.trim() || 'ds-component';
+            if (!generators.has(name)) {
+                generators.set(name, idGenerator(name));
+            }
+            return generators.get(name);
+        }
+        getUniqueId() {
+            return this.getGenerator().next().value;
+        }
+        componentMounted() {
+            if (!globalThis._uhdsMatomoAppName)
+                return;
+            if (!globalThis.sessionStorage || globalThis.sessionStorage?.getItem(COLLECTION_STORAGE_KEY) === 'false')
+                return;
+            if (options.disableAnalytics)
+                return;
+            if (hasBlockingAncestor(this.el))
+                return;
+            initBatchTracking();
+            analyticsState.incrementMount(componentName);
+        }
+        handleLanguageChange(newValue) {
+            this.lang = newValue.detail;
+        }
+        static get states() {
+            return {
+                "lang": {}
+            };
+        }
+        static get listeners() {
+            return [{
+                    "name": "dsLanguageChange",
+                    "method": "handleLanguageChange",
+                    "target": "body",
+                    "capture": false,
+                    "passive": false
+                }];
+        }
+    }
+    return BaseComponent;
+};
+
+export { componentFactory as c };

package/dist/esm/controlUtils-Ddynysnm.js

@@ -0,0 +1,384 @@
+import { g as getLanguage } from './store-Cj7kJXiG.js';
+
+const valueMissing = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Täytä tämä kenttä.';
+        case 'sv':
+            return 'Fyll i det här fältet.';
+        default:
+            return 'Fill in this field.';
+    }
+};
+const typeMismatch = (opts) => {
+    if (opts?.type === 'email') {
+        return emailMismatch();
+    }
+    if (opts?.type === 'url') {
+        return urlMismatch();
+    }
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Syötä arvo oikeassa muodossa.';
+        case 'sv':
+            return 'Ange värdet i rätt format.';
+        default:
+            return 'Enter a value in the correct format.';
+    }
+};
+const emailMismatch = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Syötä sähköpostiosoite oikeassa muodossa (esim. nimi@helsinki.fi).';
+        case 'sv':
+            return 'Ange e-postadressen i rätt format (t.ex. namn@helsinki.fi).';
+        default:
+            return 'Enter the email address in the correct format (e.g. name@helsinki.fi).';
+    }
+};
+const urlMismatch = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Syötä verkkosivun osoite oikeassa muodossa (esim. https://helsinki.fi).';
+        case 'sv':
+            return 'Ange webbadressen i rätt formatet (t.ex. https://helsinki.fi).';
+        default:
+            return 'Enter the web address in the correct format (e.g. https://helsinki.fi).';
+    }
+};
+const patternMismatch = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Syötä arvo vaaditussa muodossa.';
+        case 'sv':
+            return 'Ange värdet i det angivna formatet.';
+        default:
+            return 'Match the requested format.';
+    }
+};
+const tooLong = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Lyhennä tekstiä.';
+        case 'sv':
+            return 'Förkorta texten.';
+        default:
+            return 'Shorten your text.';
+    }
+};
+const tooShort = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Pidennä tekstiä.';
+        case 'sv':
+            return 'Förläng texten.';
+        default:
+            return 'Lengthen your text.';
+    }
+};
+const rangeUnderflow = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Syötä suurempi arvo.';
+        case 'sv':
+            return 'Ange ett större värde.';
+        default:
+            return 'Enter a larger value.';
+    }
+};
+const rangeOverflow = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Syötä pienempi arvo.';
+        case 'sv':
+            return 'Ange ett mindre värde.';
+        default:
+            return 'Enter a smaller value.';
+    }
+};
+const stepMismatch = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Syötä sallittu arvo.';
+        case 'sv':
+            return 'Ange ett tillåtet värde.';
+        default:
+            return 'Enter an allowed value.';
+    }
+};
+const badInput = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Anna kelvollinen arvo.';
+        case 'sv':
+            return 'Ange ett giltigt värde.';
+        default:
+            return 'Enter a valid value.';
+    }
+};
+const validityMessage = (flag, opts) => {
+    switch (flag) {
+        case 'valueMissing':
+            return valueMissing();
+        case 'typeMismatch':
+            return typeMismatch(opts);
+        case 'patternMismatch':
+            return patternMismatch();
+        case 'tooLong':
+            return tooLong();
+        case 'tooShort':
+            return tooShort();
+        case 'rangeUnderflow':
+            return rangeUnderflow();
+        case 'rangeOverflow':
+            return rangeOverflow();
+        case 'stepMismatch':
+            return stepMismatch();
+        case 'badInput':
+            return badInput();
+        default:
+            return '';
+    }
+};
+const getOptionalText = (text, optionalText) => {
+    let defaultText = '(optional)';
+    switch (getLanguage()) {
+        case 'fi':
+            defaultText = '(valinnainen)';
+            break;
+        case 'sv':
+            defaultText = '(valfritt)';
+            break;
+    }
+    return [text, optionalText || defaultText].join(' ');
+};
+const getRequiredText = (text) => [text, '*'].join(' ');
+const atLeastOneOption = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Valitse vähintään yksi vaihtoehto.';
+        case 'sv':
+            return 'Välj minst ett alternativ.';
+        default:
+            return 'Select at least one option.';
+    }
+};
+const allOptions = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Valitse kaikki vaihtoehdot.';
+        case 'sv':
+            return 'Välj alla alternativ.';
+        default:
+            return 'Select all options.';
+    }
+};
+const removeSelection = (capitalizeFirstLetter = false) => {
+    let text = '';
+    switch (getLanguage()) {
+        case 'fi':
+            text = 'poista valinta';
+            break;
+        case 'sv':
+            text = 'ta bort val';
+            break;
+        default:
+            text = 'remove selection';
+            break;
+    }
+    return capitalizeFirstLetter ? text[0].toUpperCase() + text.substring(1) : text;
+};
+const weCouldNotLoadOptions = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Emme voineet ladata vaihtoehtoja.';
+        case 'sv':
+            return 'Vi kunde inte ladda alternativen.';
+        default:
+            return 'We could not load options.';
+    }
+};
+const tryAgainOrIfTheProblemPersists = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Yritä uudelleen tai jos ongelma jatkuu, ota yhteyttä ylläpitoon.';
+        case 'sv':
+            return 'Försök igen eller om problemet kvarstår, kontakta supporten.';
+        default:
+            return 'Try again or if the problem persists, contact support.';
+    }
+};
+const loadingOptions = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Ladataan vaihtoehtoja...';
+        case 'sv':
+            return 'Laddar alternativ...';
+        default:
+            return 'Loading options...';
+    }
+};
+const searchOrSelectAnOption = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Kirjoita tai valitse...';
+        case 'sv':
+            return 'Sök eller välj...';
+        default:
+            return 'Search or select...';
+    }
+};
+const noResultsFound = (searchTerm) => {
+    switch (getLanguage()) {
+        case 'fi':
+            return searchTerm ? `Ei tuloksia haulle "${searchTerm}".` : `Ei tuloksia.`;
+        case 'sv':
+            return searchTerm ? `Inga resultat för sökningen "${searchTerm}".` : `Inga resultat.`;
+        default:
+            return searchTerm ? `No results found for "${searchTerm}".` : `No results found.`;
+    }
+};
+const tryADifferentSearchTerm = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Kokeile toista hakusanaa.';
+        case 'sv':
+            return 'Prova ett annat sökord.';
+        default:
+            return 'Try a different search term.';
+    }
+};
+const thereAreOptionsToBrowse = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Vaihtoehtoja on selattavissa.';
+        case 'sv':
+            return 'Det finns alternativ att bläddra i.';
+        default:
+            return 'There are options to browse.';
+    }
+};
+const characterOverage = (overage) => {
+    switch (getLanguage()) {
+        case 'fi':
+            return `${overage} merkkiä liian pitkä.`;
+        case 'sv':
+            return `${overage} tecken för mycket.`;
+        default:
+            return `${overage} characters too many.`;
+    }
+};
+const charactersRemaining = (remaining) => {
+    switch (getLanguage()) {
+        case 'fi':
+            return `${remaining} merkkiä jäljellä.`;
+        case 'sv':
+            return `${remaining} tecken kvar.`;
+        default:
+            return `${remaining} characters remaining.`;
+    }
+};
+const itemsShortage = (shortage) => {
+    switch (getLanguage()) {
+        case 'fi':
+            if (shortage === 1) {
+                return `${shortage} valinta liian vähän.`;
+            }
+            return `${shortage} valintaa liian vähän.`;
+        case 'sv':
+            return `${shortage} val för lite.`;
+        default:
+            if (shortage === 1) {
+                return `${shortage} item too few.`;
+            }
+            return `${shortage} items too few.`;
+    }
+};
+const itemsOverage = (overage) => {
+    switch (getLanguage()) {
+        case 'fi':
+            if (overage === 1) {
+                return `${overage} valinta liikaa.`;
+            }
+            return `${overage} valintaa liikaa.`;
+        case 'sv':
+            return `${overage} val för många.`;
+        default:
+            if (overage === 1) {
+                return `${overage} item too many.`;
+            }
+            return `${overage} items too many.`;
+    }
+};
+const clearField = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Tyhjennä kenttä';
+        case 'sv':
+            return 'Rensa fält';
+        default:
+            return 'Clear field';
+    }
+};
+const showPassword = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Näytä salasana';
+        case 'sv':
+            return 'Visa lösenord';
+        default:
+            return 'Show password';
+    }
+};
+const hidePassword = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Piilota salasana';
+        case 'sv':
+            return 'Dölj lösenord';
+        default:
+            return 'Hide password';
+    }
+};
+const selectAnOption = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Valitse vaihtoehto';
+        case 'sv':
+            return 'Välj alternativ';
+        default:
+            return 'Select an option';
+    }
+};
+const selections = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'valintaa';
+        case 'sv':
+            return 'val';
+        default:
+            return 'selections';
+    }
+};
+const multiselectable = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'monivalinta';
+        case 'sv':
+            return 'flerval';
+        default:
+            return 'multiselectable';
+    }
+};
+const ellipsis = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Kolme pistettä';
+        case 'sv':
+            return 'Tre punkter';
+        default:
+            return 'Ellipsis';
+    }
+};
+
+export { badInput as A, rangeUnderflow as B, rangeOverflow as C, getOptionalText as a, atLeastOneOption as b, allOptions as c, itemsOverage as d, thereAreOptionsToBrowse as e, tryAgainOrIfTheProblemPersists as f, getRequiredText as g, selections as h, itemsShortage as i, hidePassword as j, showPassword as k, loadingOptions as l, multiselectable as m, noResultsFound as n, clearField as o, ellipsis as p, characterOverage as q, removeSelection as r, searchOrSelectAnOption as s, tryADifferentSearchTerm as t, tooLong as u, validityMessage as v, weCouldNotLoadOptions as w, charactersRemaining as x, selectAnOption as y, valueMissing as z };

package/dist/esm/cx-COyyiGn2.js

@@ -0,0 +1,5 @@
+import { E as Env } from './index-KrLJvXEc.js';
+
+const cx = (className) => `${className}__${Env.PACKAGE_VERSION}`;
+
+export { cx as c };