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

package/dist/component-library/p-f3ac5f43.entry.js

@@ -0,0 +1 @@
+import{M as s,r as t,c as i,e as o,f as e,h as n,F as a}from"./p-KrLJvXEc.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as d,a as l,i as h,d as c}from"./p-BGPSuOgq.js";import{n as b,t as _,e as u,l as p,w as m,f as g,b as x,r as v,s as f,h as y,m as O}from"./p-BSs1siMh.js";import{c as w}from"./p-CAuBqcq2.js";import{i as k,b as M}from"./p-DfbgRyXR.js";import{S as C,F as K,a as S}from"./p-CLNvzo86.js";import{m as T}from"./p-CN-RjVxm.js";import{d as I}from"./p-CakSu3j5.js";import{c as $}from"./p-B5W8GHWw.js";import"./p-DYhsOFzZ.js";const F=class extends(s($("ds-combobox",{stopRootTracking:!0}),T,I)){constructor(s){super(),t(this,s),this.dsFilterChange=i(this,"dsFilterChange",7),this.dsMultipleChange=i(this,"dsMultipleChange",7),this.dsChange=i(this,"dsChange",7),this.dsSelectedOptionValueChange=i(this,"dsSelectedOptionValueChange",7),this.dsSelectedOptionRemoved=i(this,"dsSelectedOptionRemoved",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7),this.dsBlur=i(this,"dsBlur",7),this.dsFocus=i(this,"dsFocus",7),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals)}inheritedAttributes={};get el(){return o(this)}internals;inputRef;optionsListRef;optionsListInnerRef;observer;GROUP_ITERATION_STOP=1e3;dsFilterChange;dsMultipleChange;dsChange;dsSelectedOptionValueChange;dsSelectedOptionRemoved;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsVariant="default";dsForm;dsId=this.getUniqueId();dsName=this.dsId;dsLabel;dsAssistiveText;dsIcon;dsPlaceholder;dsPlaceholderHidden=!1;dsDisabled=!1;dsAriaLabel;dsClearable=!0;dsErrorText;dsFilteringStrategy="dynamic";dsLoading=!1;dsLoadingText;dsOptionsError=!1;dsOptionsErrorTitle;dsOptionsErrorText;dsNoResults=!1;dsNoResultsTitle;dsNoResultsText;dsValue=null;dsRequired=!1;dsOptional=!1;dsOptionalText;dsFullWidth=!1;isOpen=!1;activeOption=null;selectedOptions=[];inputValue="";hasTopScrim=!1;hasBottomScrim=!1;hasTopScrimDark=!1;noResults=!1;hasFocus=!1;feedback=[];forceUpdateInputValue=!1;preventImmediateOpen=!1;get badgeId(){return`${this.dsId}-badge`}get labelId(){return`${this.dsId}-label`}get assistiveTextId(){return`${this.dsId}-assistive-text`}get buttonId(){return`${this.dsId}-button`}get optionsId(){return`${this.dsId}-options`}get inputValidityId(){return`${this.dsId}-input-validity`}get DsBadge(){return d("ds-badge","ds-combobox",this.el)}get DsOptionGroupTag(){return d("ds-option-group","ds-combobox",this.el)}get DsOptionTag(){return d("ds-option","ds-combobox",this.el)}get DsFeedback(){return d("ds-feedback","ds-combobox",this.el)}getNoResultsTitle(s){if(this.dsNoResults||this.noResults)return this.dsNoResultsTitle||b(s)}get noResultsText(){if(this.dsNoResults||this.noResults)return this.dsNoResultsText||_()}get isMultiple(){return"multiple"===this.dsVariant}async setFocus(){this.inputRef?.focus(),this.dsFocus.emit()}async checkValidity(){return this.internals?.checkValidity()}async getOptions(){return this.getAllOptions()}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}))))}selectedOptionsObserver(s,t){const i=s.map((s=>s.dsValue)),o=t?.map((s=>s.dsValue))||[],e=o.filter((s=>!i.includes(s))),n=i.filter((s=>!o.includes(s))),a=e.length>0||n.length>0;t?.forEach((s=>s.dsSelected=!1)),s.forEach((s=>s.dsSelected=!0));const r=this.getShouldEmit([a]);this._setDisableEventEmits(!0),r&&(this.dsMultipleChange.emit({values:i,added:n,removed:e}),this.dsChange.emit(i[0]||null)),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}),this.forceUpdateInputValue&&(this.forceUpdateInputValue=!1,this.setInputValue())}inputValueObserver(s){(this.dsNoResults||this.noResults)&&(this.debouncedResetFeedback.cancel(),this.debouncedAppendFeedback(this.dsNoResults?"dsNoResults":"noResults",[this.getNoResultsTitle(s),this.noResultsText].filter(Boolean).join(" "))),this.dsFilterChange.emit(s)}hasFocusObserver(s){s?this.dsFocus.emit():this.dsBlur.emit()}resetFeedback=()=>{this.feedback=[],e(this)};debouncedResetFeedback=l(this.resetFeedback,K);appendFeedback=(s,t)=>{this.removeFeedback(s),this.feedback=[...this.feedback,{key:s,message:t}],this.debouncedResetFeedback()};removeFeedback=s=>{this.feedback=this.feedback.filter((t=>t.key!==s))};debouncedAppendFeedback=l(this.appendFeedback,S);getFeedbackMessage=()=>this.feedback.length>0?this.feedback[this.feedback.length-1]?.message:"";statusPropertyObserver(s,t,i){if(!s)return this.debouncedAppendFeedback.cancel(),this.removeFeedback(i),void(0===this.feedback.length&&this.appendFeedback("default",u()));"dsLoading"===i&&s?this.appendFeedback(i,this.dsLoadingText||p()):"dsOptionsError"===i&&s?this.appendFeedback(i,this.dsOptionsErrorText||`${m()} ${g()}`):("dsNoResults"===i&&(s||this.noResults)||"noResults"===i&&(s||this.dsNoResults))&&this.appendFeedback(i,[this.getNoResultsTitle(this.inputValue),this.noResultsText].filter(Boolean).join(" "))}ariaAttributeObserver(s,t,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:s},e(this)}valueObserver(s){this.setSelectedOptionsFromValue(s)}dsValueObserver(s){this.forceUpdateInputValue=!this.isOpen,this.value=this.toValue(s)}isOpenObserver(s){s?document.addEventListener("click",this.handleClickOutside):document.removeEventListener("click",this.handleClickOutside)}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.closeCombobox("select"))}handleDsClick(s){this.handleOptionClick(s.target)}handleDsMounted(s){const t=s.target;t.dsFocusOnActiveChange=!1,t.dsMouseDownPreventDefault=!0}handleDsValueChange(s){if(this.selectedOptions.some((t=>t.dsValue===s.detail.oldValue))){const t=this.withoutValue(s.detail.oldValue);this.value=s.detail.newValue?[...t||[],s.detail.newValue]:t}}handleDsLabelChange(s){this.selectedOptions.some((t=>t.dsValue===s.detail.value))&&this.setInputValue(this.inputValue.replace(s.detail.oldLabel,s.detail.newLabel))}handleFocusIn(){this.hasFocus=!0}handleFocusOut(s){const t=s&&"relatedTarget"in s?s.relatedTarget:null;(!t||!this.el.contains(t))&&(this.hasFocus=!1,this.unsetActiveOption(),this.closeCombobox("blur"),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}componentWillLoad(){this._setDisableEventEmits(!0),this.inheritedAttributes={...M(this.el,["aria-autocomplete","aria-activedescendant","aria-expanded","aria-controls","aria-describedby"]),...k(this,this.el)};const s=this.getAllGroups();s.forEach((s=>{s.dsMouseDownPreventDefault=!0})),this.hasTopScrimDark=s.length>0}componentDidLoad(){this.componentMounted(),this.updateScrimClasses(),this.internals?.setValidity({valueMissing:this.dsRequired&&(!this.dsValue||Array.isArray(this.dsValue)&&0===this.dsValue.length)},x(),this.inputRef),this.forceUpdateInputValue=Array.isArray(this.dsValue)?this.dsValue.length>0:!!this.dsValue,this.value=this.toValue(this.dsValue),this.observer=new MutationObserver((s=>{for(const t of s)if("childList"===t.type&&t.removedNodes.length>0){const s=Array.from(t.removedNodes).filter((s=>s.nodeType===Node.ELEMENT_NODE&&this.elementIsOption(s)));s.some((s=>this.inValue(s.dsValue)))&&(this.dsSelectedOptionRemoved.emit(),this.value=this.withoutValues(s.map((s=>s.dsValue))))}})),this.observer.observe(this.optionsListRef,{childList:!0,subtree:!0})}componentDidUpdate(){this.updateScrimClasses()}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage??""})};connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.observer&&this.observer.disconnect(),this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid),document.removeEventListener("click",this.handleClickOutside),this.debouncedResetFeedback.cancel(),this.debouncedAppendFeedback.cancel()}setSelectedOptionsFromValue=async s=>{if(!s||0===s.length)return void await this.setSelectedOptions([]);const t=this.getAllOptions().filter((t=>s.includes(t.dsValue)));0!==t.length?await this.setSelectedOptions(t):console.warn(`ds-combobox: No options found matching dsValues "${s.join(", ")}"`)};setSelectedOptions=async s=>{this.isMultiple||this.unsetActiveOption(),this.internals?.setValidity({valueMissing:this.dsRequired&&0===s.length},x(),this.inputRef),this.selectedOptions=s};unsetActiveOption=()=>{this.activeOption&&(this.activeOption.dsActive=!1,this.activeOption=null)};scrollToActiveOption=()=>{if(!this.activeOption)return;const s=this.optionsListInnerRef?.getBoundingClientRect(),t=this.activeOption.getBoundingClientRect();s&&t&&(this.hasBottomScrim&&t.bottom>s.bottom-C?this.optionsListInnerRef.scrollTop+=t.bottom-(s.bottom-C):this.hasTopScrim&&t.top<s.top+C&&(this.optionsListInnerRef.scrollTop-=s.top+C-t.top))};setActiveOption=s=>{if(!s)return;const t=!!this.activeOption;this.unsetActiveOption(),s.dsActive=!0,this.activeOption=s,t?this.scrollToActiveOption():this.activeOption.scrollIntoView({behavior:"instant",block:"center"})};setInputValue=async s=>{this.inputValue="string"!=typeof s?this.selectedOptions.length>0?(await Promise.all(this.selectedOptions.map((s=>s.getLabel())))).join(", "):"":s};getAllGroups=()=>Array.from(this.el.querySelectorAll(this.DsOptionGroupTag));getAllOptions=()=>Array.from(this.el.querySelectorAll(this.DsOptionTag));isSelectableOption=s=>!s.dsDisabled&&!s.dsHidden;getSelectableOptions=()=>this.getAllOptions().filter(this.isSelectableOption);elementIs=s=>t=>t?.tagName.toLowerCase()===d(s,"ds-combobox",this.el);elementIsOption=this.elementIs("ds-option");elementIsGroup=this.elementIs("ds-option-group");findFirstSelectableOptionInGroup=(s,t)=>{const i=Array.from(s.querySelectorAll(this.DsOptionTag)).filter(this.isSelectableOption);if(i?.length)return"nextElementSibling"===t?i[0]:i[i.length-1]};getOption=(s,t)=>async(i=this.activeOption)=>{const o=i?.[s];if(!o||!this.elementIsOption(o)){const e=await(i?.getGroup());if(e&&this.elementIsGroup(e)){let t=e[s],i=0;for(;t&&i++<this.GROUP_ITERATION_STOP&&!(this.elementIsOption(t)&&!t.dsDisabled||this.elementIsGroup(t)&&!t.dsHidden);)t=t[s];if(t&&this.elementIsOption(t)&&!t.dsDisabled)return t;if(t&&this.elementIsGroup(t)&&!t.dsHidden){const i=this.findFirstSelectableOptionInGroup(t,s);if(i)return i}}else if(o&&this.elementIsGroup(o)&&!o.dsHidden){const t=this.findFirstSelectableOptionInGroup(o,s);if(t)return t}return await t()}return this.isSelectableOption(o)?o:await this.getOption(s,t)(o)};getFirstOption=async()=>this.getSelectableOptions()?.[0]||null;getLastOption=async()=>{const s=this.getSelectableOptions();return s?.[s.length-1]||null};getNextOption=this.getOption("nextElementSibling",this.getFirstOption);getPreviousOption=this.getOption("previousElementSibling",this.getLastOption);onNavigationKeyDown=s=>async(t,i)=>{t.preventDefault(),this.isOpen||(this.isOpen=!0),this.setActiveOption(await s(i))};handleKeyDown=s=>{switch(s.key){case"Enter":s.preventDefault(),this.openCombobox(""),!this.activeOption||this.activeOption.dsDisabled||this.activeOption.dsHidden||this.handleOptionClick(this.activeOption);break;case"Down":case"ArrowDown":this.openCombobox(""),this.onNavigationKeyDown(this.getNextOption)(s,this.activeOption);break;case"Up":case"ArrowUp":this.openCombobox(""),this.onNavigationKeyDown(this.getPreviousOption)(s,this.activeOption);break;case"Home":this.openCombobox(),this.onNavigationKeyDown(this.getFirstOption)(s);break;case"End":this.openCombobox(),this.onNavigationKeyDown(this.getLastOption)(s);break;case"Tab":{const t=!!this.activeOption;let i;this.unsetActiveOption(),t&&s.shiftKey&&(i="focus",this.preventImmediateOpen=this.isOpen),this.closeCombobox(i);break}case"Esc":case"Escape":if(this.isOpen)return void this.closeCombobox("select");this.inputRef?.setSelectionRange(this.inputRef?.value?.length,this.inputRef?.value?.length);break;case"Shift":if(s.repeat)break;break;default:this.openCombobox()}};updateGroupVisibility=async s=>{const t=await s.getGroup();t&&(t.dsHidden=!await t.hasVisibleOptions())};handleClickOutside=s=>{this.el.contains(s.target)||this.closeCombobox("blur")};handleInput=async s=>{if(await this.setInputValue(s.target.value),"static"===this.dsFilteringStrategy)return;let t=0;const i=this.getAllOptions();i.forEach((s=>{s.dsHidden=[s.textContent,s.dsLabel,s.dsDescription].every((s=>!s?.toLowerCase().includes(this.inputValue.toLowerCase()))),s.dsHidden&&t++,this.updateGroupVisibility(s)})),this.noResults=t===i.length};openCombobox=async s=>{this.isOpen||("string"==typeof s&&await this.setInputValue(s),this.isOpen=!0,this.inputRef?.focus())};closeCombobox=async(s,t)=>{this.isOpen&&(this.getAllGroups().forEach((s=>{s.dsHidden=!1})),this.getAllOptions().forEach((s=>{s.dsHidden=!1,s.dsActive=!1})),this.unsetActiveOption(),await this.setInputValue(t),this.isOpen=!1,this.noResults=!1,s&&requestAnimationFrame((()=>{this.inputRef?.[s]()})))};handleFocus=()=>{this.dsDisabled||(0!==this.selectedOptions?.length||this.preventImmediateOpen?(this.preventImmediateOpen=!1,this.inputRef?.select()):this.openCombobox())};handleToggleButtonClick=async s=>{s.stopPropagation(),this.dsDisabled||(this.isOpen?this.closeCombobox("focus"):this.openCombobox())};handleClearButtonClick=s=>{s.stopPropagation(),this.unsetActiveOption(),this._setDisableEventEmits(!1),this.value=this.toValue(null),this.isOpen?this.closeCombobox("focus",""):(this.setInputValue(""),this.inputRef?.focus())};updateScrimClasses=()=>{const s=this.optionsListInnerRef;this.optionsListRef&&s&&(this.hasTopScrim=0!==s.scrollTop,this.hasBottomScrim=Math.ceil(s.scrollTop+s.clientHeight)<s.scrollHeight)};handleScroll=()=>{this.updateScrimClasses()};render(){const{"aria-label":s,...t}=this.inheritedAttributes,i=this.dsAriaLabel||s,o=(()=>{const s=this.isMultiple?O():void 0;return this.dsLabel?s:[i,s].filter(Boolean).join(" ")})(),e=[!!this.dsAssistiveText&&this.assistiveTextId,!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" "),l=v(!0),c=d("ds-icon","ds-combobox",this.el),b=d("ds-button","ds-combobox",this.el),_=d("ds-options-message","ds-combobox",this.el),u=d("ds-input-validity","ds-combobox",this.el),p=d("ds-control-label","ds-combobox",this.el),m=w("ds-combobox"),g=`${m}__input-container`,x=`${m}__options-container`;return n(a,null,n(p,{dsId:this.labelId,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},n("slot",{name:"label"}),n("slot",{name:"assistiveText"})),n("div",{class:r(m,{[`${m}--full-width`]:this.dsFullWidth,[`${m}--open`]:this.isOpen})},n("div",{class:r(g,{[`${g}--disabled`]:this.dsDisabled,[`${g}--invalid`]:!!this.dsErrorText,[`${g}--open`]:this.isOpen}),onMouseDown:s=>{s.target!==this.inputRef&&s.preventDefault()},onClick:()=>{this.dsDisabled||this.openCombobox("")}},this.dsIcon&&n(c,{class:`${g}__icon`,dsName:this.dsIcon}),n("input",{ref:s=>this.inputRef=s,class:`${g}__input`,id:this.dsId,form:this.dsForm,type:"text",placeholder:this.dsPlaceholderHidden?void 0:this.dsPlaceholder||f(),disabled:this.dsDisabled,onKeyDown:this.handleKeyDown,onInput:this.handleInput,onFocus:this.handleFocus,value:this.inputValue,role:"combobox","aria-required":this.dsRequired?"true":"false","aria-autocomplete":"list","aria-activedescendant":this.activeOption?.dsId||"","aria-label":this.dsLabel?void 0:i,"aria-labelledby":this.isMultiple&&this.selectedOptions?.length>0?`${this.labelId} ${this.badgeId}`:this.labelId,"aria-expanded":String(this.isOpen),"aria-controls":this.optionsId,...h("aria-describedby",e),...t}),this.isMultiple&&this.selectedOptions?.length>0&&n("div",{class:r(`${g}__badge-container`,{[`${g}__badge-container--padded`]:this.dsDisabled||!this.dsClearable})},n(this.DsBadge,{dsId:this.badgeId,dsText:`${this.selectedOptions.length}`,dsHiddenAssistiveText:y(),dsVariant:this.dsDisabled?"disabled":"default"})),this.dsClearable&&this.selectedOptions?.length>0&&!this.dsDisabled&&n(b,{class:`${g}__clear-button`,dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:l,dsIconAriaLabel:l,onClick:this.handleClearButtonClick,dsAriaLabel:l,dsAriaDescribedby:this.dsId,dsInInput:!0,dsNoFocusRing:!0}),n("div",{id:this.buttonId,class:`${g}__toggle-button`,role:"button",tabIndex:-1,"aria-label":this.dsLabel?void 0:i,"aria-labelledby":this.dsLabel&&this.labelId,"aria-expanded":String(this.isOpen),"aria-controls":this.optionsId,onClick:this.handleToggleButtonClick},n(c,{class:`${g}__toggle-button__icon`,dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"}))),n("div",{class:r(x,{[`${x}--open`]:this.isOpen})},n("div",{ref:s=>this.optionsListRef=s,class:r(`${x}__options`)},n(_,{dsLoading:this.dsLoading,dsLoadingText:this.dsLoadingText,dsError:this.dsOptionsError,dsErrorTitle:this.dsOptionsErrorTitle,dsErrorText:this.dsOptionsErrorText,dsNoResults:this.dsNoResults||this.noResults,dsNoResultsTitle:this.getNoResultsTitle(this.inputValue),dsNoResultsText:this.dsNoResultsText}),n("div",{id:this.optionsId,class:`${x}__options__inner`,tabIndex:-1,role:"listbox",ref:s=>this.optionsListInnerRef=s,onScroll:this.handleScroll,"aria-multiselectable":this.isMultiple?"true":"false","aria-label":o,"aria-labelledby":this.dsLabel&&[this.labelId,this.optionsId].join(" ")},n("div",{class:r(`${x}__options__inner__top-scrim`,{[`${x}__options__inner__top-scrim--dark`]:this.hasTopScrimDark,[`${x}__options__inner__top-scrim--visible`]:this.hasTopScrim}),"aria-hidden":"true"}),n("slot",null),n("div",{class:r(`${x}__options__inner__bottom-scrim`,{[`${x}__options__inner__bottom-scrim--visible`]:this.hasBottomScrim}),"aria-hidden":"true"}))))),this.internals?.form&&this.internals?.validity.valid&&this.selectedOptions.map((s=>n("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),n(u,{id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}),n(this.DsFeedback,{dsSrOnly:!0,dsSrOnlyTag:"span"},this.getFeedbackMessage()))}static get formAssociated(){return!0}static get watchers(){return{selectedOptions:[{selectedOptionsObserver:0}],inputValue:[{inputValueObserver:0}],hasFocus:[{hasFocusObserver:0}],dsLoading:[{statusPropertyObserver:0}],dsOptionsError:[{statusPropertyObserver:0}],dsNoResults:[{statusPropertyObserver:0}],noResults:[{statusPropertyObserver:0}],"aria-label":[{ariaAttributeObserver:0}],value:[{valueObserver:0}],dsValue:[{dsValueObserver:0}],isOpen:[{isOpenObserver:0}]}}};c([n("ds-icon",{dsName:""}),n("ds-button",null),n("ds-options-message",null),n("ds-input-validity",null),n("ds-control-label",null),n("ds-feedback",null)]),F.style=".sc-ds-combobox-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-combobox-h:not(:has(.ds-combobox__MsKlb0--full-width)){width:20rem}}.sc-ds-combobox-h>div.sc-ds-combobox{display:flex;flex-direction:column;position:relative}.ds-combobox__MsKlb0__input-container.sc-ds-combobox{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:default;box-sizing:border-box;height:2.75rem;width:100%}.ds-combobox__MsKlb0__input-container--disabled.sc-ds-combobox{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-combobox__MsKlb0__input-container--disabled.sc-ds-combobox .ds-combobox__MsKlb0__input-container__toggle-button.sc-ds-combobox{cursor:not-allowed}.ds-combobox__MsKlb0__input-container--invalid.sc-ds-combobox{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-combobox__MsKlb0__input-container--invalid.sc-ds-combobox:not(.ds-combobox__MsKlb0__input-container--open):not(.ds-combobox__MsKlb0__input-container--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-combobox__MsKlb0__input-container--invalid.sc-ds-combobox:not(.ds-combobox__MsKlb0__input-container--open):not(.ds-combobox__MsKlb0__input-container--disabled):active{background-color:var(--ds-bgColor-danger-active)}.ds-combobox__MsKlb0__input-container.sc-ds-combobox:active:not(.ds-combobox__MsKlb0__input-container--invalid,.ds-combobox__MsKlb0__input-container--disabled.sc-ds-combobox,.ds-combobox__MsKlb0__input-container--open).sc-ds-combobox{background-color:var(--ds-bgColor-white-active)}.ds-combobox__MsKlb0__input-container.sc-ds-combobox:not(.ds-combobox__MsKlb0__input-container--open,.ds-combobox__MsKlb0__input-container.sc-ds-combobox:has(>.ds-combobox__MsKlb0__input-container__clear-button>button:focus),.ds-combobox__MsKlb0__input-container--invalid.sc-ds-combobox,.ds-combobox__MsKlb0__input-container--disabled).sc-ds-combobox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-combobox__MsKlb0__input-container.sc-ds-combobox:has(>.ds-combobox__MsKlb0__input-container__input:focus){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-combobox__MsKlb0__input-container__input.sc-ds-combobox{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-combobox__MsKlb0__input-container__input.sc-ds-combobox::placeholder{color:var(--ds-textColor-secondary)}.ds-combobox__MsKlb0__input-container__input.sc-ds-combobox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-combobox__MsKlb0__input-container__input.sc-ds-combobox:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-combobox__MsKlb0__input-container__input.sc-ds-combobox:focus{outline:none}.ds-combobox__MsKlb0__input-container__icon.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall)}.ds-combobox__MsKlb0__input-container__icon.sc-ds-combobox+.ds-combobox__MsKlb0__input-container__input.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-combobox__MsKlb0__input-container__badge-container.sc-ds-combobox{pointer-events:none;user-select:none}.ds-combobox__MsKlb0__input-container__badge-container--padded.sc-ds-combobox{padding-right:calc(var(--ds-spacing-2xSmall) + var(--ds-spacing-4xSmall))}.ds-combobox__MsKlb0__input-container__clear-button.sc-ds-combobox,.ds-combobox__MsKlb0__input-container__toggle-button.sc-ds-combobox{cursor:pointer}.ds-combobox__MsKlb0__input-container__clear-button.sc-ds-combobox: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-combobox__MsKlb0__input-container__toggle-button.sc-ds-combobox{color:inherit;display:flex;align-items:center;justify-content:center;height:100%}.ds-combobox__MsKlb0__input-container__toggle-button.sc-ds-combobox:focus{outline:none}.ds-combobox__MsKlb0__input-container__toggle-button__icon.sc-ds-combobox{align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:inherit;z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-combobox__MsKlb0__options-container.sc-ds-combobox{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-combobox__MsKlb0__options-container--open.sc-ds-combobox{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-combobox__MsKlb0__options-container__options.sc-ds-combobox{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-combobox__MsKlb0__options-container__options__inner.sc-ds-combobox{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-combobox__MsKlb0__options-container__options__inner__top-scrim.sc-ds-combobox,.ds-combobox__MsKlb0__options-container__options__inner__bottom-scrim.sc-ds-combobox{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-combobox__MsKlb0__options-container__options__inner__top-scrim--visible.sc-ds-combobox,.ds-combobox__MsKlb0__options-container__options__inner__bottom-scrim--visible.sc-ds-combobox{display:block}.ds-combobox__MsKlb0__options-container__options__inner__top-scrim.sc-ds-combobox{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-combobox__MsKlb0__options-container__options__inner__top-scrim--dark.sc-ds-combobox{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:var(--ds-shadow-overflow)}.ds-combobox__MsKlb0__options-container__options__inner__bottom-scrim.sc-ds-combobox{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}";export{F as ds_combobox}

package/dist/component-library/p-f404ccfb.entry.js

@@ -0,0 +1 @@
+import{M as s,r as i,e as t,f as e,h as a}from"./p-KrLJvXEc.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as d,d as o}from"./p-BGPSuOgq.js";import{c}from"./p-CAuBqcq2.js";import{i as l,b as n}from"./p-DfbgRyXR.js";import{a as h}from"./p-C70BE3_r.js";import{c as p}from"./p-B5W8GHWw.js";import"./p-DYhsOFzZ.js";const u=class extends(s(p("ds-input-validity"),h)){constructor(s){super(),i(this,s)}get el(){return t(this)}inheritedAttributes={};dsText;dsType="error";dsRole="none";dsAriaLive="assertive";dsAriaAtomic="true";dsHasFeedback=!0;identifier;get DsIcon(){return d("ds-icon","ds-input-validity",this.el)}get DsFeedback(){return d("ds-feedback","ds-input-validity",this.el)}ariaAttributeObserver(s,i,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:s},e(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...n(this.el),...l(this,this.el)}}componentDidLoad(){this.identifier=this.el.getAttribute("id")||void 0,this.el.removeAttribute("id")}render(){const s=c("ds-input-validity"),i=r(s,{[`${s}--error`]:"error"===this.dsType,[`${s}--success`]:"success"===this.dsType}),t="success"===this.dsType?"check_circle_fill":"warning_fill",e="success"===this.dsType?"ds-iconColor-success":"ds-iconColor-danger",d=this.dsHasFeedback?this.DsFeedback:"div",{role:o,"aria-live":l,"aria-atomic":n,...h}=this.inheritedAttributes,p=void 0!==this.dsRole&&"none"!==this.dsRole?this.dsRole:o;return a(d,{key:"1fe7ff2fa404bb89714a4fec77d16e1bb86192fe",...this.dsHasFeedback?{dsRole:p,dsAriaLive:l||this.dsAriaLive,dsAriaAtomic:n||this.dsAriaAtomic}:{role:p},...h},a("slot",{key:"305278ea4e5e1baa8dbd7c95ce8a28da44c432ae"}),this.dsText&&a("div",{key:"1a64816d35eb1eaa9ae77e9b44c35c466d93cbfd",class:i},a(this.DsIcon,{key:"6a2af244da9d8053c9736a9478ced2a87e02d5d8",class:"ds-input-validity__icon",dsColour:e,dsName:t}),a("small",{key:"810eb5b78a4303c2bbaa681f5e8480943a16f574",id:this.identifier},this.dsText)))}static get watchers(){return{role:[{ariaAttributeObserver:0}],"aria-live":[{ariaAttributeObserver:0}],"aria-atomic":[{ariaAttributeObserver:0}]}}};o([a("ds-icon",{dsName:""}),a("ds-feedback",null)]),u.style=".ds-input-validity__MsKlb0{display:flex;align-items:center;margin-top:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall)}.ds-input-validity__MsKlb0--error{color:var(--ds-textColor-danger)}.ds-input-validity__MsKlb0--success{color:var(--ds-textColor-success)}.ds-input-validity__MsKlb0__icon{display:block;height:1.5rem}.ds-input-validity__MsKlb0 small{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}";export{u as ds_input_validity}

package/dist/component-library/p-f5d46b08.entry.js

@@ -0,0 +1 @@
+import{M as e,r as s,c as i,e as r,h as a}from"./p-KrLJvXEc.js";import{c as t}from"./p-CAuBqcq2.js";import{g as d}from"./p-DYhsOFzZ.js";import{i as c}from"./p-BW1GUsO7.js";import{c as n}from"./p-B5W8GHWw.js";import"./p-BGPSuOgq.js";const l=class extends(e(n("ds-breadcrumbs",{stopRootTracking:!0}))){constructor(e){super(),s(this,e),this.dsSizeChange=i(this,"dsSizeChange",7)}isGreaterThanEqualMediumMediaQuery=c("medium");get el(){return r(this)}dsSizeChange;dsAriaLabel;size="medium";get breadcrumb(){switch(d()){case"fi":return"Murupolku";case"sv":return"Brödsmulestig";default:return"Breadcrumb"}}sizeObserver(e){this.dsSizeChange.emit(e)}setSize=e=>{this.size=e.matches?"medium":"small"};connectedCallback(){this.isGreaterThanEqualMediumMediaQuery.addEventListener("change",this.setSize)}disconnectedCallback(){this.isGreaterThanEqualMediumMediaQuery.removeEventListener("change",this.setSize)}componentWillLoad(){this.size=this.isGreaterThanEqualMediumMediaQuery.matches?"medium":"small"}componentDidLoad(){this.componentMounted()}render(){const e=t("ds-breadcrumbs");return a("nav",{key:"e32aef7356741b82d0e7c6aee97461a9337dcba3",class:e,"aria-label":this.dsAriaLabel||this.breadcrumb},a("div",{key:"6cc12974c7488895f8ad34c15cdcc9283380716d",role:"list",class:`${e}__breadcrumbs`},a("slot",{key:"06819bff6f1fe52d8d82d7b388450ea894f1140c"})))}static get watchers(){return{size:[{sizeObserver:0}]}}};l.style=".ds-breadcrumbs__MsKlb0{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__MsKlb0{min-height:32px}}.ds-breadcrumbs__MsKlb0__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__MsKlb0__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}";export{l as ds_breadcrumbs}

package/dist/component-library/p-f76a9553.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t,H as s}from"./p-KrLJvXEc.js";const d=class{constructor(t){e(this,t)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return t(s,{key:"e12d1f65cfd438aa88ad1177bef1a1f360781b99",style:{display:"flex"},title:this.dsTitle},t("svg",{key:"50e4d4f6ea2d6284650de453afdc22a290d5de2e",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},t("path",{key:"8ee9ac847abdd3ea3714d8fe3f3c212857625d79",d:"m209-217 102-174q-5 1-11 1.5t-11 .5q-68-6-112.5-55.5T132-560q0-73.35 50.82-123.67Q233.65-734 307-734q72 0 122.5 50.33Q480-633.35 480-560q0 21.37-5.25 41.87Q469.5-497.63 460-480L309-217H209Zm388 0 101-174q-5 1-11 1.5t-11 .5q-68-6-112-55.5T520-560q0-73.35 50.33-123.67Q620.65-734 694-734q72 0 123 50.33 51 50.32 51 123.67 0 21.37-5.25 41.87Q857.5-497.63 848-480L696-217h-99ZM306.26-489q29.74 0 50.24-20.59 20.5-20.59 20.5-50T356.65-610q-20.35-21-49.41-21-30.24 0-50.74 20.59-20.5 20.59-20.5 50T256.26-510q20.27 21 50 21Zm387.03 0Q723-489 744-509.59t21-50Q765-589 744.36-610q-20.64-21-50.12-21-29.91 0-50.57 20.59-20.67 20.59-20.67 50T643.5-510q20.5 21 49.79 21Zm.71-71Zm-387 0Z"})))}};export{d as ds_icon_format_quote}

package/dist/component-library/p-f8bf900a.entry.js

@@ -0,0 +1 @@
+import{r as s,h as a,H as e}from"./p-KrLJvXEc.js";const t=class{constructor(a){s(this,a)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return a(e,{key:"3863dab9e8b49e232aa0f198372d699e6086f2b6",style:{display:"flex"},title:this.dsTitle},a("svg",{key:"8cfd181ff53f244d81badd7c81a04a3573b0a5aa",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},a("path",{key:"69692fdd172233a563a43cd1d2277f39be261c0f",d:"m612-94-263-93L95-84v-695l254-87 263 92 254-103v695L612-94Zm-34-112v-484l-196-66v484l196 66Z"})))}};export{t as ds_icon_map_fill}

package/dist/component-library/p-f8ccfb20.entry.js

@@ -0,0 +1 @@
+import{r as s,h as a,H as t}from"./p-KrLJvXEc.js";const h=class{constructor(a){s(this,a)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return a(t,{key:"c5fc64dc0801f79024aa1a841a609c698aac70ab",style:{display:"flex"},title:this.dsTitle},a("svg",{key:"88a3814cbbccfc50f2258feaa74d20eef2670865",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},a("path",{key:"9b9c3ab9ae289060978b89580d9c512981658593",d:"M270-291h60v-60h-60v60Zm0-159h60v-60h-60v60Zm0-160h60v-60h-60v60Zm162 319h244v-60H432v60Zm0-159h244v-60H432v60Zm0-160h244v-60H432v60ZM95-95v-771h771v771H95Zm94-94h582v-582H189v582Zm0 0v-582 582Z"})))}};export{h as ds_icon_list_alt}

package/dist/component-library/p-f99b3e75.entry.js

@@ -0,0 +1 @@
+import{r as e,h as s,H as t}from"./p-KrLJvXEc.js";const i=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"2441033112caf1017372b3a622daadcd8f780422",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"408e9df611b41754f512d789ce4081efec0e31d8",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"553782ba1cefa33a16202336623323ca4e27da20",d:"M232-192v-731h611v731H232ZM77-37v-731h95v636h516v95H77Z"})))}};export{i as ds_icon_content_copy_fill}

package/dist/component-library/p-fa1412a2.entry.js

@@ -0,0 +1 @@
+import{r as e,h as s,H as t}from"./p-KrLJvXEc.js";const a=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"11d655442adbb0c6ce39fc0bee4f91d089e913a9",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"97907c8f3e7c48c3e4185950748241641a37c6bb",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"219ca81383222dd0de67822f6b2a93fdaa8cf7d0",d:"M672-468v-270h87v270h-87ZM445-229q-37-10-62-39.97T358-339v-370h87v480Zm34.99 174q-115.16 0-197.07-75.5Q201-206 201-319v-396q0-81.42 59.5-136.21Q320-906 401.76-906q81.77 0 141 54.79Q602-796.42 602-715v353h-87v-352q1-45.26-33-75.13Q448-819 401.79-819q-46.21 0-80 29.43T288-715v396q1 77.25 57.47 127.63Q401.94-141 480.74-141q38.26 0 71.76-13 33.5-13 59.5-36v101.82Q582-72 549.15-63.5T479.99-55ZM672-108v-107H566v-87h106v-106h87v106h107v87H759v107h-87Z"})))}};export{a as ds_icon_attach_file_add}

package/dist/component-library/p-fc496801.entry.js

@@ -0,0 +1 @@
+import{r as s,h as t,H as e}from"./p-KrLJvXEc.js";const a=class{constructor(t){s(this,t)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return t(e,{key:"4d7f8566925827e459c4a08d00a5f71cb9c58943",style:{display:"flex"},title:this.dsTitle},t("svg",{key:"8f2d6579b2676a68a6b8f6f383699aba0be5628e",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},t("path",{key:"4602186e69c05447d05e2af714920a3d04c5c740",d:"M795-93 526-361q-29 22.92-68.46 35.96Q418.08-312 372-312q-115.16 0-195.08-80Q97-472 97-585t80-193q80-80 193.5-80t193 80Q643-698 643-584.85q0 44.85-12.5 83.35Q618-463 593-429l270 268-68 68ZM371.35-406q74.9 0 126.28-52.25Q549-510.5 549-585t-51.52-126.75Q445.96-764 371.35-764q-75.43 0-127.89 52.25Q191-659.5 191-585t52.31 126.75Q295.62-406 371.35-406Z"})))}};export{a as ds_icon_search}

package/dist/component-library/p-fc5b983d.entry.js

@@ -0,0 +1 @@
+import{r as s,h as e,H as a}from"./p-KrLJvXEc.js";const t=class{constructor(e){s(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(a,{key:"0228d29fb532cb3d16a95b5bba8b7c726b03ae56",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"aecd59b7b4d5107f927465523321bc6d40db5754",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},e("path",{key:"a20ca835652e0ad10ea48e670a45585d64217a53",d:"M223-268h515L578-488 446-317l-93-127-130 176ZM95-95v-771h771v771H95Zm94-94h582v-582H189v582Zm0 0v-582 582Z"})))}};export{t as ds_icon_image}

package/dist/component-library/p-fccb0fbb.entry.js

@@ -0,0 +1 @@
+import{r as s,h as t,H as d}from"./p-KrLJvXEc.js";const e=class{constructor(t){s(this,t)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return t(d,{key:"bd33550ac501841c7c11d913d0999beef513a7c3",style:{display:"flex"},title:this.dsTitle},t("svg",{key:"a43de0d97cd7d0bf9565d6c6b4dc47f1f8ae58b3",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},t("path",{key:"f5ceb528e8825cfd57191b07a8364dda285add53",d:"M15-122v-121q0-42.3 21.7-76.1Q58.39-352.9 97-371q75-32 136.47-47 61.48-15 126.55-15 66.98 0 127.48 14.5T623-371q38.34 16.83 60.67 50.7Q706-286.43 706-243.05V-122H15Zm762 0v-119q0-65-31.5-109.5T660-431q61 9 115.5 23.5T866-375q36 19 57.5 54.81t21.5 82.24V-122H777ZM360.25-494Q288-494 243-539t-45-117.5q0-72.5 45.04-117.5 45.05-45 117-45 71.96 0 117.46 45.03T523-657q0 73-45.25 118t-117.5 45ZM757-657.01q0 72.01-45.45 117.51-45.44 45.5-117.8 45.5-12.06 0-24.4-2-12.35-2-26.35-7 26-27 38.5-65.85 12.5-38.85 12.5-87.5t-12.65-86.13q-12.66-37.49-38.35-67.65 12-3.87 25.24-6.37 13.24-2.5 25.51-2.5 71.99 0 117.62 45.52Q757-727.96 757-657.01Z"})))}};export{e as ds_icon_group_fill}

package/dist/component-library/p-fd71e41d.entry.js

@@ -0,0 +1 @@
+import{r as s,h as t,H as e}from"./p-KrLJvXEc.js";const a=class{constructor(t){s(this,t)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return t(e,{key:"b0c09c6e9223b3da37aae820b04e22a36d70f928",style:{display:"flex"},title:this.dsTitle},t("svg",{key:"66483bbdc63165afb874622149800937f4a053aa",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},t("path",{key:"3656cc58ff0dd5269a433e2b413c2744557f9d98",d:"M671-223q31 0 52.5-23t20.5-49q-1-31-21.5-52T671-368q-31 0-51.5 21T599-295q0 31 20.5 51.5T671-223Zm0 95q-69 0-118-49t-49-118q0-70 49-119t118-49q70 0 119 49t49 119q0 21-5 39.5T819-220l103 103-63 62-101-99q-19 13-40.5 19.5T671-128ZM95-84v-695l254-87 263 92 254-103v466q-31-54-83.5-83T671-523q-23 0-46.5 4.5T578-503v-187l-196-66v555L95-84Z"})))}};export{a as ds_icon_map_search_fill}

package/dist/component-library/p-fdff39ee.entry.js

@@ -0,0 +1 @@
+import{r as s,h as t,H as d}from"./p-KrLJvXEc.js";const e=class{constructor(t){s(this,t)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return t(d,{key:"51a09259ffb16200211ad4d8000ad51593ce5330",style:{display:"flex"},title:this.dsTitle},t("svg",{key:"aada54d6b09788f01f44c9b69c1fb21eacd1bcd2",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},t("path",{key:"6180c11636b925600bf234a0dde0c57360172ad4",d:"M744-432v-124H620v-72h124v-124h72v124h124v72H816v124h-72Zm-382.2-62q-77.21 0-126-48.8-48.8-48.79-48.8-126 0-77.2 48.8-126.2 48.79-49 126-49 77.2 0 126.7 49T538-668.8q0 77.21-49.5 126Q439-494 361.8-494ZM17-122v-121q0-42.3 21.7-76.1Q60.39-352.9 99-371q77-34 137.96-48 60.96-14 124.54-14 65.5 0 126.5 14t137 48q38.61 17.96 60.8 51.23 22.2 33.28 22.2 76.54V-122H17Z"})))}};export{e as ds_icon_person_add_fill}

package/dist/component-library/p-fe095024.entry.js

@@ -0,0 +1 @@
+import{r as e,h as s,H as t}from"./p-KrLJvXEc.js";const a=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"61dfcaa1baf1c6e98a8240b85ae3f9e5f07a6f1e",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"5b93fa57ed12a96e790e4f592a8755b272342ca0",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"92b1bc18b79ec59666aaec2d98024604d360dc2f",d:"M744-432v-124H620v-72h124v-124h72v124h124v72H816v124h-72Zm-382.2-62q-77.21 0-126-48.8-48.8-48.79-48.8-126 0-77.2 48.8-126.2 48.79-49 126-49 77.2 0 126.7 49T538-668.8q0 77.21-49.5 126Q439-494 361.8-494ZM17-122v-121q0-42.3 21.7-76.1Q60.39-352.9 99-371q77-34 137.8-48 60.79-14 124.54-14Q427-433 488-419t137 48q38.61 17.96 60.8 51.23 22.2 33.28 22.2 76.54V-122H17Zm94-94h502v-23q0-15.39-9.07-29.39-9.08-14-24.2-20.72Q514-319 467-328.5T361.5-338q-56.5 0-104.5 9.5t-113.57 39.34q-15.43 6.72-23.93 20.74Q111-254.41 111-239v23Zm250.96-372q36.04 0 58.54-22.85 22.5-22.84 22.5-58.11 0-35.69-22.46-58.37-22.47-22.67-58-22.67Q327-750 304-727.28t-23 57.82q0 35.51 22.85 58.49Q326.69-588 361.96-588Zm.04-81Zm0 453Z"})))}};export{a as ds_icon_person_add}

package/dist/component-library/p-zc-H4QU2.js

@@ -0,0 +1 @@
+import{r as t}from"./p-KrLJvXEc.js";import{c as s,C as o}from"./p-Z4EvGzEy.js";const i=i=>class extends i{constructor(s){super(),t(this,s)}context;contextUpdateHandler=t=>{this.context=t.detail};componentWillLoad(){this.context=s(this.el)||void 0,this.el.addEventListener(o,this.contextUpdateHandler)}disconnectedCallback(){this.el.removeEventListener(o,this.contextUpdateHandler)}};export{i as t}

package/dist/components/ds-accordion.js

@@ -1 +1 @@
-import{p as o,M as d,c as s,h as t,t as n}from"./p-x-HJUYLL.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as i,d as e}from"./p-ChKb-Fx7.js";import{c as a}from"./p-CTcsKZyv.js";import{a as c,i as _}from"./p-BecId8t2.js";import{g as l}from"./p-t1Rt33N8.js";import{c as b}from"./p-BM0xAKIg.js";import{d as h}from"./p-GXMba8x_.js";import{d as p}from"./p-D-JwhXmZ.js";import{d as m}from"./p-qfzEFnRG.js";import{d as u}from"./p-CsW-W9Vv.js";const g=o(class extends(d(b("ds-accordion",{stopRootTracking:!0}))){constructor(o){super(),!1!==o&&this.__registerHost(),this.dsToggle=s(this,"dsToggle",7)}inheritedAttributes={};get el(){return this}dsVariant="default";dsBorderAligned=!1;dsOpenByDefault=!1;dsId=this.getUniqueId();dsHeadingLevel=2;dsUseCloseButton=!1;dsCloseButtonLabel;dsHideContentBorders=!1;dsHideTopBorder=!1;dsHideRightBorder=!0;dsHideBottomBorder=!1;dsHideLeftBorder=!0;dsHeadingVariant="button";dsAriaDescribedBy;dsAriaLabelledBy;dsHeaderHasBackground="expanded";dsContentHasBackground=!0;isExpanded=!1;dsToggle;async setIsExpanded(o){this.isExpanded=o}headerButtonRef;shouldMoveFocus=!1;get ariaLabelledBy(){return[this.dsId,this.dsAriaLabelledBy].filter(Boolean).join(" ")}get DsButton(){return i("ds-button","ds-accordion",this.el)}get DsIcon(){return i("ds-icon","ds-accordion",this.el)}get close(){switch(l()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}componentWillLoad(){this.dsOpenByDefault&&(this.isExpanded=!0),this.inheritedAttributes={..._(this.el),...c(this,this.el)}}componentDidLoad(){this.componentMounted()}watchHandler(o){!o&&this.shouldMoveFocus&&this.headerButtonRef&&(this.headerButtonRef.focus(),this.shouldMoveFocus=!1),this.dsToggle.emit(o)}handleClick=o=>{const d=o.target.closest(`.${a("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded};handleKeyDown=o=>{switch(o.key){case"Enter":case" ":{o.preventDefault();const d=o.target.closest(`.${a("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded;break}}};renderHeading(o){const d="button"===this.dsHeadingVariant?{role:"heading","aria-level":this.dsHeadingLevel}:{};return t("div",{class:r(o+"__title",{[o+"__title--with-background"]:"always"===this.dsHeaderHasBackground||"expanded"===this.dsHeaderHasBackground&&this.isExpanded,[o+"__title--border-aligned"]:this.dsBorderAligned,[o+"__title--hide-top-border"]:this.dsHideTopBorder,[o+"__title--hide-right-border"]:this.dsHideRightBorder,[o+"__title--hide-left-border"]:this.dsHideLeftBorder}),...d},"icon-button"===this.dsHeadingVariant&&t("div",{class:r(o+"__header-slot",`${o}__header-slot--${this.dsVariant}`,`${o}__header-slot--${this.dsHeadingVariant}`,{[o+"__header-slot--hide-top-border"]:this.dsHideTopBorder,[o+"__header-slot--hide-bottom-border"]:!this.isExpanded&&this.dsHideBottomBorder})},t("slot",{name:"header"})),t("div",{class:r(o+"__open-button-container")},t("button",{class:r(o+"__open-button",`${o}__open-button--${this.dsVariant}`,`${o}__open-button--${this.dsHeadingVariant}`,{[o+"__open-button--border-aligned"]:this.dsBorderAligned,[o+"__open-button--hide-bottom-border"]:(()=>"button"===this.dsHeadingVariant?this.isExpanded&&!this.dsHideContentBorders||this.dsHideBottomBorder:(!this.dsHideContentBorders||this.dsHideBottomBorder)&&!this.isExpanded&&this.dsHideBottomBorder)()}),onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-expanded":this.isExpanded?"true":"false","aria-controls":this.dsId+"-panel","aria-describedby":this.dsAriaDescribedBy,"aria-labelledby":this.ariaLabelledBy,id:this.dsId,ref:o=>this.headerButtonRef=o,type:"button"},t("span",{class:r(o+"__open-button__icon",`${o}__open-button__icon--${this.dsVariant}`),"aria-hidden":"true"},t(this.DsIcon,{dsSize:"1.5rem",dsName:this.isExpanded?"keyboard_arrow_up":"keyboard_arrow_down"})),"button"===this.dsHeadingVariant&&t("span",{class:r(o+"__open-button__header-slot",`${o}__open-button__header-slot--${this.dsVariant}`)},t("slot",{name:"header"})))))}render(){const o=a("ds-accordion");return t("div",{key:"481989a210862e9fd3de916261c2bfae779b1ca3",class:r(o,`${o}--${this.dsVariant}`,{[o+"--expanded"]:this.isExpanded}),...this.inheritedAttributes},t("div",{key:"3b347e0f3cc39275614d3c36fd8d78abfc01cf2d",class:o+"__item"},this.renderHeading(o),t("div",{key:"4b68f600d43bfd03fe18652520bb1f47572c552b",id:this.dsId+"-panel",role:"region","aria-labelledby":this.dsId,class:r(o+"__panel",`${o}__panel--${this.dsVariant}`,{[o+"__panel--expanded"]:this.isExpanded,[o+"__panel--with-background"]:this.dsContentHasBackground,[o+"__panel--hide-right-border"]:this.dsHideRightBorder||this.dsHideContentBorders,[o+"__panel--hide-left-border"]:this.dsHideLeftBorder||this.dsHideContentBorders}),hidden:!this.isExpanded},t("div",{key:"35f65b2ef7acfc61ad40f2abff0b01edcc5d9843",class:r(o+"__content",{"ds-bodytext-lg":"default"===this.dsVariant,"ds-bodytext-md":"compact"===this.dsVariant,[o+"__content--border-aligned"]:this.dsBorderAligned,[o+"__content--with-background"]:this.dsContentHasBackground,[o+"__content--hide-bottom-border"]:this.dsHideBottomBorder||this.dsHideContentBorders,[o+"__content--has-close-button"]:this.dsUseCloseButton})},t("slot",{key:"99be0fa07b1af287f2147a078a1ba24f3be8b24c",name:"content"}),this.dsUseCloseButton&&t(this.DsButton,{key:"97bde80f2e150480ff73efbdb268b8c01c9f81f8",id:this.dsId+"-close-button",class:o+"__close-button",dsVariant:"supplementary",dsColour:"black",dsIcon:"keyboard_arrow_up",dsIconPosition:"start",onClick:this.handleClick,onKeyDown:this.handleKeyDown,dsText:this.dsCloseButtonLabel||this.close,dsSize:"small",dsType:"button"})))))}static get watchers(){return{isExpanded:[{watchHandler:0}]}}static get style(){return'.ds-accordion__m9sbXh.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__m9sbXh__title.sc-ds-accordion{position:relative;display:flex;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__m9sbXh__title.sc-ds-accordion:not(.ds-accordion__m9sbXh__title--hide-top-border) .ds-accordion__m9sbXh__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__m9sbXh__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__m9sbXh__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__m9sbXh__title--border-aligned.ds-accordion__m9sbXh__title--with-background.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__m9sbXh__title--border-aligned.ds-accordion__m9sbXh__title--with-background.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__m9sbXh__title--with-background.sc-ds-accordion .ds-accordion__m9sbXh__open-button.sc-ds-accordion:not(.ds-accordion__m9sbXh__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__m9sbXh__title--with-background.sc-ds-accordion:has(.ds-accordion__m9sbXh__open-button.ds-accordion__m9sbXh__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__m9sbXh__title.sc-ds-accordion:has(.ds-accordion__m9sbXh__open-button:hover:not(.ds-accordion__m9sbXh__open-button--icon-button)) .ds-accordion__m9sbXh__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__m9sbXh__title.sc-ds-accordion:has(.ds-accordion__m9sbXh__open-button:active:not(.ds-accordion__m9sbXh__open-button--icon-button)) .ds-accordion__m9sbXh__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__m9sbXh__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__m9sbXh__header-slot--icon-button.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__m9sbXh__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__m9sbXh__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__m9sbXh__open-button-container.sc-ds-accordion{position:relative;width:auto}.ds-accordion__m9sbXh__open-button-container.sc-ds-accordion:has(.ds-accordion__m9sbXh__open-button:not(.ds-accordion__m9sbXh__open-button--icon-button)){width:100%}.ds-accordion__m9sbXh__open-button-container.sc-ds-accordion::after{content:"";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:1}.ds-accordion__m9sbXh__open-button-container.sc-ds-accordion:has(.ds-accordion__m9sbXh__open-button--border-aligned:not(.ds-accordion__m9sbXh__open-button--icon-button))::after{inset-inline:calc(-1 * var(--ds-spacing-small))}.ds-accordion__m9sbXh__open-button.sc-ds-accordion{all:unset;position:relative;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:row;gap:var(--ds-spacing-xSmall);width:100%;color:var(--ds-textColor-default);fill:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall)}.ds-accordion__m9sbXh__open-button.sc-ds-accordion: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) * 0)}.ds-accordion__m9sbXh__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__m9sbXh__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__m9sbXh__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__m9sbXh__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__m9sbXh__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__m9sbXh__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__m9sbXh__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__m9sbXh__open-button--icon-button){padding-inline:0}.ds-accordion__m9sbXh__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__m9sbXh__open-button--icon-button)::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__m9sbXh__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__m9sbXh__open-button--icon-button)::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__m9sbXh__title--with-background.sc-ds-accordion .ds-accordion__m9sbXh__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__m9sbXh__open-button--icon-button)::before,.ds-accordion__m9sbXh__title--with-background.sc-ds-accordion .ds-accordion__m9sbXh__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__m9sbXh__open-button--icon-button)::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__m9sbXh__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__m9sbXh__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;height:100%;order:1}.ds-accordion__m9sbXh__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__m9sbXh__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__m9sbXh__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__m9sbXh__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__m9sbXh__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__m9sbXh__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__m9sbXh__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__m9sbXh__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__m9sbXh__panel.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__m9sbXh__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__m9sbXh__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__m9sbXh__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__m9sbXh__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__m9sbXh.sc-ds-accordion-s>[slot=header],.ds-accordion__m9sbXh .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__m9sbXh__content.sc-ds-accordion{position:relative;color:var(--ds-textColor-default);padding:var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__m9sbXh__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__m9sbXh__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__m9sbXh__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__m9sbXh__content--border-aligned.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__m9sbXh__content--border-aligned.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__m9sbXh__content--with-background.sc-ds-accordion::before,.ds-accordion__m9sbXh__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__m9sbXh__close-button.sc-ds-accordion{display:flex;flex-direction:row;padding-block-start:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}.ds-accordion__m9sbXh.sc-ds-accordion-s>div[slot=header][class*=toc],.ds-accordion__m9sbXh .sc-ds-accordion-s>div[slot=header][class*=toc]{display:flex;gap:var(--ds-spacing-2xSmall)}.ds-accordion__m9sbXh.sc-ds-accordion-s>ul[slot=content][class*=toc],.ds-accordion__m9sbXh .sc-ds-accordion-s>ul[slot=content][class*=toc]{display:flex;flex-direction:column;gap:var(--ds-spacing-small);list-style:none;margin-block:0;margin-inline:var(--ds-spacing-3xSmall) 0;padding:0}'}},[774,"ds-accordion",{dsVariant:[1,"ds-variant"],dsBorderAligned:[4,"ds-border-aligned"],dsOpenByDefault:[4,"ds-open-by-default"],dsId:[1,"ds-id"],dsHeadingLevel:[2,"ds-heading-level"],dsUseCloseButton:[4,"ds-use-close-button"],dsCloseButtonLabel:[1,"ds-close-button-label"],dsHideContentBorders:[4,"ds-hide-content-borders"],dsHideTopBorder:[4,"ds-hide-top-border"],dsHideRightBorder:[4,"ds-hide-right-border"],dsHideBottomBorder:[4,"ds-hide-bottom-border"],dsHideLeftBorder:[4,"ds-hide-left-border"],dsHeadingVariant:[1,"ds-heading-variant"],dsAriaDescribedBy:[1,"ds-aria-described-by"],dsAriaLabelledBy:[1,"ds-aria-labelled-by"],dsHeaderHasBackground:[1,"ds-header-has-background"],dsContentHasBackground:[4,"ds-content-has-background"],isExpanded:[32],setIsExpanded:[64]},void 0,{isExpanded:[{watchHandler:0}]}]);e([t("ds-icon",{dsName:""}),t("ds-button",null)]);const f=g,v=function(){"undefined"!=typeof customElements&&["ds-accordion","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((o=>{switch(o){case"ds-accordion":customElements.get(n(o))||customElements.define(n(o),g);break;case"ds-button":customElements.get(n(o))||h();break;case"ds-icon":customElements.get(n(o))||p();break;case"ds-spinner":customElements.get(n(o))||m();break;case"ds-visually-hidden":customElements.get(n(o))||u()}}))};export{f as DsAccordion,v as defineCustomElement}
+import{p as o,M as d,c as s,h as t,t as n}from"./p-BuOkAFpk.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as i,d as e}from"./p-ChKb-Fx7.js";import{c as a}from"./p-mCzhJpLe.js";import{a as c,i as l}from"./p-BecId8t2.js";import{g as _}from"./p-CtTQ6sqn.js";import{c as b}from"./p-Ce-cTJr-.js";import{d as h}from"./p-DQF9yc5U.js";import{d as p}from"./p-C7lPkerx.js";import{d as u}from"./p-Btjw1t0e.js";import{d as g}from"./p-CTvLGwOE.js";const m=o(class extends(d(b("ds-accordion",{stopRootTracking:!0}))){constructor(o){super(),!1!==o&&this.__registerHost(),this.dsToggle=s(this,"dsToggle",7)}inheritedAttributes={};get el(){return this}dsVariant="default";dsBorderAligned=!1;dsOpenByDefault=!1;dsId=this.getUniqueId();dsHeadingLevel=2;dsUseCloseButton=!1;dsCloseButtonLabel;dsHideContentBorders=!1;dsHideTopBorder=!1;dsHideRightBorder=!0;dsHideBottomBorder=!1;dsHideLeftBorder=!0;dsHeadingVariant="button";dsAriaDescribedBy;dsAriaLabelledBy;dsHeaderHasBackground="expanded";dsContentHasBackground=!0;isExpanded=!1;dsToggle;async setIsExpanded(o){this.isExpanded=o}headerButtonRef;shouldMoveFocus=!1;get ariaLabelledBy(){return[this.dsId,this.dsAriaLabelledBy].filter(Boolean).join(" ")}get DsButton(){return i("ds-button","ds-accordion",this.el)}get DsIcon(){return i("ds-icon","ds-accordion",this.el)}get close(){switch(_()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}componentWillLoad(){this.dsOpenByDefault&&(this.isExpanded=!0),this.inheritedAttributes={...l(this.el),...c(this,this.el)}}componentDidLoad(){this.componentMounted()}watchHandler(o){!o&&this.shouldMoveFocus&&this.headerButtonRef&&(this.headerButtonRef.focus(),this.shouldMoveFocus=!1),this.dsToggle.emit(o)}handleClick=o=>{const d=o.target.closest(`.${a("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded};handleKeyDown=o=>{switch(o.key){case"Enter":case" ":{o.preventDefault();const d=o.target.closest(`.${a("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded;break}}};renderHeading(o){const d="button"===this.dsHeadingVariant?{role:"heading","aria-level":this.dsHeadingLevel}:{};return t("div",{class:r(o+"__title",{[o+"__title--with-background"]:"always"===this.dsHeaderHasBackground||"expanded"===this.dsHeaderHasBackground&&this.isExpanded,[o+"__title--border-aligned"]:this.dsBorderAligned,[o+"__title--hide-top-border"]:this.dsHideTopBorder,[o+"__title--hide-right-border"]:this.dsHideRightBorder,[o+"__title--hide-left-border"]:this.dsHideLeftBorder}),...d},"icon-button"===this.dsHeadingVariant&&t("div",{class:r(o+"__header-slot",`${o}__header-slot--${this.dsVariant}`,`${o}__header-slot--${this.dsHeadingVariant}`,{[o+"__header-slot--hide-top-border"]:this.dsHideTopBorder,[o+"__header-slot--hide-bottom-border"]:!this.isExpanded&&this.dsHideBottomBorder})},t("slot",{name:"header"})),t("div",{class:r(o+"__open-button-container")},t("button",{class:r(o+"__open-button",`${o}__open-button--${this.dsVariant}`,`${o}__open-button--${this.dsHeadingVariant}`,{[o+"__open-button--border-aligned"]:this.dsBorderAligned,[o+"__open-button--hide-bottom-border"]:(()=>"button"===this.dsHeadingVariant?this.isExpanded&&!this.dsHideContentBorders||this.dsHideBottomBorder:(!this.dsHideContentBorders||this.dsHideBottomBorder)&&!this.isExpanded&&this.dsHideBottomBorder)()}),onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-expanded":this.isExpanded?"true":"false","aria-controls":this.dsId+"-panel","aria-describedby":this.dsAriaDescribedBy,"aria-labelledby":this.ariaLabelledBy,id:this.dsId,ref:o=>this.headerButtonRef=o,type:"button"},t("span",{class:r(o+"__open-button__icon",`${o}__open-button__icon--${this.dsVariant}`),"aria-hidden":"true"},t(this.DsIcon,{dsSize:"1.5rem",dsName:this.isExpanded?"keyboard_arrow_up":"keyboard_arrow_down"})),"button"===this.dsHeadingVariant&&t("span",{class:r(o+"__open-button__header-slot",`${o}__open-button__header-slot--${this.dsVariant}`)},t("slot",{name:"header"})))))}render(){const o=a("ds-accordion");return t("div",{key:"481989a210862e9fd3de916261c2bfae779b1ca3",class:r(o,`${o}--${this.dsVariant}`,{[o+"--expanded"]:this.isExpanded}),...this.inheritedAttributes},t("div",{key:"3b347e0f3cc39275614d3c36fd8d78abfc01cf2d",class:o+"__item"},this.renderHeading(o),t("div",{key:"4b68f600d43bfd03fe18652520bb1f47572c552b",id:this.dsId+"-panel",role:"region","aria-labelledby":this.dsId,class:r(o+"__panel",`${o}__panel--${this.dsVariant}`,{[o+"__panel--expanded"]:this.isExpanded,[o+"__panel--with-background"]:this.dsContentHasBackground,[o+"__panel--hide-right-border"]:this.dsHideRightBorder||this.dsHideContentBorders,[o+"__panel--hide-left-border"]:this.dsHideLeftBorder||this.dsHideContentBorders}),hidden:!this.isExpanded},t("div",{key:"35f65b2ef7acfc61ad40f2abff0b01edcc5d9843",class:r(o+"__content",{"ds-bodytext-lg":"default"===this.dsVariant,"ds-bodytext-md":"compact"===this.dsVariant,[o+"__content--border-aligned"]:this.dsBorderAligned,[o+"__content--with-background"]:this.dsContentHasBackground,[o+"__content--hide-bottom-border"]:this.dsHideBottomBorder||this.dsHideContentBorders,[o+"__content--has-close-button"]:this.dsUseCloseButton})},t("slot",{key:"99be0fa07b1af287f2147a078a1ba24f3be8b24c",name:"content"}),this.dsUseCloseButton&&t(this.DsButton,{key:"97bde80f2e150480ff73efbdb268b8c01c9f81f8",id:this.dsId+"-close-button",class:o+"__close-button",dsVariant:"supplementary",dsColour:"black",dsIcon:"keyboard_arrow_up",dsIconPosition:"start",onClick:this.handleClick,onKeyDown:this.handleKeyDown,dsText:this.dsCloseButtonLabel||this.close,dsSize:"small",dsType:"button"})))))}static get watchers(){return{isExpanded:[{watchHandler:0}]}}static get style(){return'.ds-accordion__MsKlb0.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__MsKlb0__title.sc-ds-accordion{position:relative;display:flex;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__MsKlb0__title.sc-ds-accordion:not(.ds-accordion__MsKlb0__title--hide-top-border) .ds-accordion__MsKlb0__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__MsKlb0__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__MsKlb0__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__MsKlb0__title--border-aligned.ds-accordion__MsKlb0__title--with-background.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__MsKlb0__title--border-aligned.ds-accordion__MsKlb0__title--with-background.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__MsKlb0__title--with-background.sc-ds-accordion .ds-accordion__MsKlb0__open-button.sc-ds-accordion:not(.ds-accordion__MsKlb0__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__MsKlb0__title--with-background.sc-ds-accordion:has(.ds-accordion__MsKlb0__open-button.ds-accordion__MsKlb0__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__MsKlb0__title.sc-ds-accordion:has(.ds-accordion__MsKlb0__open-button:hover:not(.ds-accordion__MsKlb0__open-button--icon-button)) .ds-accordion__MsKlb0__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__MsKlb0__title.sc-ds-accordion:has(.ds-accordion__MsKlb0__open-button:active:not(.ds-accordion__MsKlb0__open-button--icon-button)) .ds-accordion__MsKlb0__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__MsKlb0__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__MsKlb0__header-slot--icon-button.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__MsKlb0__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__MsKlb0__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__MsKlb0__open-button-container.sc-ds-accordion{position:relative;width:auto}.ds-accordion__MsKlb0__open-button-container.sc-ds-accordion:has(.ds-accordion__MsKlb0__open-button:not(.ds-accordion__MsKlb0__open-button--icon-button)){width:100%}.ds-accordion__MsKlb0__open-button-container.sc-ds-accordion::after{content:"";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:1}.ds-accordion__MsKlb0__open-button-container.sc-ds-accordion:has(.ds-accordion__MsKlb0__open-button--border-aligned:not(.ds-accordion__MsKlb0__open-button--icon-button))::after{inset-inline:calc(-1 * var(--ds-spacing-small))}.ds-accordion__MsKlb0__open-button.sc-ds-accordion{all:unset;position:relative;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:row;gap:var(--ds-spacing-xSmall);width:100%;color:var(--ds-textColor-default);fill:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall)}.ds-accordion__MsKlb0__open-button.sc-ds-accordion: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) * 0)}.ds-accordion__MsKlb0__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__MsKlb0__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__MsKlb0__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__MsKlb0__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__MsKlb0__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__MsKlb0__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__MsKlb0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__MsKlb0__open-button--icon-button){padding-inline:0}.ds-accordion__MsKlb0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__MsKlb0__open-button--icon-button)::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__MsKlb0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__MsKlb0__open-button--icon-button)::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__MsKlb0__title--with-background.sc-ds-accordion .ds-accordion__MsKlb0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__MsKlb0__open-button--icon-button)::before,.ds-accordion__MsKlb0__title--with-background.sc-ds-accordion .ds-accordion__MsKlb0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__MsKlb0__open-button--icon-button)::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__MsKlb0__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__MsKlb0__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;height:100%;order:1}.ds-accordion__MsKlb0__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__MsKlb0__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__MsKlb0__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__MsKlb0__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__MsKlb0__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__MsKlb0__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__MsKlb0__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__MsKlb0__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__MsKlb0__panel.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__MsKlb0__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__MsKlb0__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__MsKlb0__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__MsKlb0__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__MsKlb0.sc-ds-accordion-s>[slot=header],.ds-accordion__MsKlb0 .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__MsKlb0__content.sc-ds-accordion{position:relative;color:var(--ds-textColor-default);padding:var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__MsKlb0__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__MsKlb0__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__MsKlb0__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__MsKlb0__content--border-aligned.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__MsKlb0__content--border-aligned.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__MsKlb0__content--with-background.sc-ds-accordion::before,.ds-accordion__MsKlb0__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__MsKlb0__close-button.sc-ds-accordion{display:flex;flex-direction:row;padding-block-start:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}.ds-accordion__MsKlb0.sc-ds-accordion-s>div[slot=header][class*=toc],.ds-accordion__MsKlb0 .sc-ds-accordion-s>div[slot=header][class*=toc]{display:flex;gap:var(--ds-spacing-2xSmall)}.ds-accordion__MsKlb0.sc-ds-accordion-s>ul[slot=content][class*=toc],.ds-accordion__MsKlb0 .sc-ds-accordion-s>ul[slot=content][class*=toc]{display:flex;flex-direction:column;gap:var(--ds-spacing-small);list-style:none;margin-block:0;margin-inline:var(--ds-spacing-3xSmall) 0;padding:0}'}},[774,"ds-accordion",{dsVariant:[1,"ds-variant"],dsBorderAligned:[4,"ds-border-aligned"],dsOpenByDefault:[4,"ds-open-by-default"],dsId:[1,"ds-id"],dsHeadingLevel:[2,"ds-heading-level"],dsUseCloseButton:[4,"ds-use-close-button"],dsCloseButtonLabel:[1,"ds-close-button-label"],dsHideContentBorders:[4,"ds-hide-content-borders"],dsHideTopBorder:[4,"ds-hide-top-border"],dsHideRightBorder:[4,"ds-hide-right-border"],dsHideBottomBorder:[4,"ds-hide-bottom-border"],dsHideLeftBorder:[4,"ds-hide-left-border"],dsHeadingVariant:[1,"ds-heading-variant"],dsAriaDescribedBy:[1,"ds-aria-described-by"],dsAriaLabelledBy:[1,"ds-aria-labelled-by"],dsHeaderHasBackground:[1,"ds-header-has-background"],dsContentHasBackground:[4,"ds-content-has-background"],isExpanded:[32],setIsExpanded:[64]},void 0,{isExpanded:[{watchHandler:0}]}]);e([t("ds-icon",{dsName:""}),t("ds-button",null)]);const f=m,v=function(){"undefined"!=typeof customElements&&["ds-accordion","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((o=>{switch(o){case"ds-accordion":customElements.get(n(o))||customElements.define(n(o),m);break;case"ds-button":customElements.get(n(o))||h();break;case"ds-icon":customElements.get(n(o))||p();break;case"ds-spinner":customElements.get(n(o))||u();break;case"ds-visually-hidden":customElements.get(n(o))||g()}}))};export{f as DsAccordion,v as defineCustomElement}

package/dist/components/ds-action-list-divider.js

@@ -1 +1 @@
-import{p as i,H as s,h as t,t as d}from"./p-x-HJUYLL.js";import{c as r}from"./p-CTcsKZyv.js";const e=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost()}render(){const i=r("ds-action-list-divider");return t("hr",{key:"f17c840f1522d906e1cbdf627b15b3933942586f",role:"separator",class:i,"aria-hidden":"true"})}static get style(){return".ds-no-style-leak.sc-ds-action-list-divider *.sc-ds-action-list-divider{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-divider-h{display:block}.ds-action-list-divider__m9sbXh.sc-ds-action-list-divider{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);border:none;border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);margin:var(--ds-spacing-2xSmall) 0}"}},[2,"ds-action-list-divider"]),o=e,n=function(){"undefined"!=typeof customElements&&["ds-action-list-divider"].forEach((i=>{"ds-action-list-divider"===i&&(customElements.get(d(i))||customElements.define(d(i),e))}))};export{o as DsActionListDivider,n as defineCustomElement}
+import{p as i,H as s,h as t,t as d}from"./p-BuOkAFpk.js";import{c as r}from"./p-mCzhJpLe.js";const e=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost()}render(){const i=r("ds-action-list-divider");return t("hr",{key:"f17c840f1522d906e1cbdf627b15b3933942586f",role:"separator",class:i,"aria-hidden":"true"})}static get style(){return".ds-no-style-leak.sc-ds-action-list-divider *.sc-ds-action-list-divider{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-divider-h{display:block}.ds-action-list-divider__MsKlb0.sc-ds-action-list-divider{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);border:none;border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);margin:var(--ds-spacing-2xSmall) 0}"}},[2,"ds-action-list-divider"]),o=e,n=function(){"undefined"!=typeof customElements&&["ds-action-list-divider"].forEach((i=>{"ds-action-list-divider"===i&&(customElements.get(d(i))||customElements.define(d(i),e))}))};export{o as DsActionListDivider,n as defineCustomElement}

package/dist/components/ds-action-list-group-title.js

@@ -1 +1 @@
-import{p as t,M as s,h as i,d as o,t as l}from"./p-x-HJUYLL.js";import{c as e}from"./p-CTcsKZyv.js";import{c as a}from"./p-BM0xAKIg.js";const d=t(class extends(s(a("ds-action-list-group-title"))){constructor(t){super(),!1!==t&&this.__registerHost()}dsTitle;dsId=this.getUniqueId();render(){const t=e("ds-action-list-group-title");return i(o,{key:"1b283379ba11079f2189d151010b288869af58c5",id:this.dsId,class:t},this.dsTitle)}static get style(){return".ds-no-style-leak.sc-ds-action-list-group-title *.sc-ds-action-list-group-title{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-group-title-h{display:block}.ds-action-list-group-title__m9sbXh.sc-ds-action-list-group-title{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small) var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}"}},[514,"ds-action-list-group-title",{dsTitle:[1,"ds-title"],dsId:[1,"ds-id"]}]),r=d,n=function(){"undefined"!=typeof customElements&&["ds-action-list-group-title"].forEach((t=>{"ds-action-list-group-title"===t&&(customElements.get(l(t))||customElements.define(l(t),d))}))};export{r as DsActionListGroupTitle,n as defineCustomElement}
+import{p as t,M as s,h as i,d as o,t as l}from"./p-BuOkAFpk.js";import{c as e}from"./p-mCzhJpLe.js";import{c as a}from"./p-Ce-cTJr-.js";const d=t(class extends(s(a("ds-action-list-group-title"))){constructor(t){super(),!1!==t&&this.__registerHost()}dsTitle;dsId=this.getUniqueId();render(){const t=e("ds-action-list-group-title");return i(o,{key:"1b283379ba11079f2189d151010b288869af58c5",id:this.dsId,class:t},this.dsTitle)}static get style(){return".ds-no-style-leak.sc-ds-action-list-group-title *.sc-ds-action-list-group-title{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-group-title-h{display:block}.ds-action-list-group-title__MsKlb0.sc-ds-action-list-group-title{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small) var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}"}},[514,"ds-action-list-group-title",{dsTitle:[1,"ds-title"],dsId:[1,"ds-id"]}]),r=d,n=function(){"undefined"!=typeof customElements&&["ds-action-list-group-title"].forEach((t=>{"ds-action-list-group-title"===t&&(customElements.get(l(t))||customElements.define(l(t),d))}))};export{r as DsActionListGroupTitle,n as defineCustomElement}

package/dist/components/ds-action-list-item.js

@@ -1 +1 @@
-import{p as s,M as t,c as i,h as e,t as o}from"./p-x-HJUYLL.js";import{c as d}from"./p-BfTCfPZ1.js";import{t as a,d as c}from"./p-ChKb-Fx7.js";import{c as l}from"./p-CTcsKZyv.js";import{c as n}from"./p-Ccf9CXPb.js";import{c as r}from"./p-BM0xAKIg.js";import{d as m}from"./p-D-JwhXmZ.js";const h=s(class extends(t(r("ds-action-list-item"))){constructor(s){super(),!1!==s&&this.__registerHost(),this.dsSelect=i(this,"dsSelect",7)}get el(){return this}buttonEl;dsId=this.getUniqueId();dsVariant="action";dsLabel;dsDescription;dsIcon;dsDisabled=!1;dsUnavailable=!1;dsSelected=!1;dsCloseOnSelect=!0;dsIndented=!1;dsSelect;tabIndex=-1;async setFocus(){this.buttonEl?.focus()}async setTabIndex(s){this.tabIndex=s}get role(){switch(this.dsVariant){case"single-select":return"menuitemradio";case"multi-select":return"menuitemcheckbox";default:return"menuitem"}}handleSelect(){if(!this.dsDisabled&&!this.dsUnavailable&&(this.dsSelect.emit({id:this.dsId,label:this.dsLabel,selected:"multi-select"!==this.dsVariant||!this.dsSelected,variant:this.dsVariant}),"multi-select"!==this.dsVariant&&("single-select"!==this.dsVariant||this.dsCloseOnSelect))){const s=n(this.el);s?.closeMenu()}}handleKeyDown(s){"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.handleSelect())}renderIcon(s){if(!this.dsIcon||"multi-select"===this.dsVariant)return null;const t=a("ds-icon","ds-action-list-item",this.el);return e(t,{class:s+"__icon",dsName:this.dsIcon,dsSize:"1.25rem"})}renderSelector(s){if("single-select"===this.dsVariant){const t=a("ds-icon","ds-action-list-item",this.el);return e("span",{class:d(s+"__selector",{[s+"__selector--visible"]:this.dsSelected}),"aria-hidden":"true"},this.dsSelected&&e(t,{dsName:"check",dsSize:"1.25rem"}))}if("multi-select"===this.dsVariant){const t=a("ds-icon","ds-action-list-item",this.el);return e(t,{class:d(s+"__checkbox",{[s+"__checkbox--checked"]:this.dsSelected}),dsName:this.dsSelected?"check_box_fill":"check_box_outline_blank",dsSize:"1.25rem"})}return null}render(){const{role:s}=this,t=l("ds-action-list-item"),i=this.dsIndented&&!this.dsIcon&&"multi-select"!==this.dsVariant,o=d(t,`${t}--${this.dsVariant}`,{[t+"--disabled"]:this.dsDisabled,[t+"--unavailable"]:this.dsUnavailable,[t+"--indented"]:i});return e("button",{key:"ec5fe94ab49975a45fff00013c6ea96a80eddac4",ref:s=>this.buttonEl=s,class:o,role:s,"aria-checked":"menuitemcheckbox"===s||"menuitemradio"===s?this.dsSelected?"true":"false":void 0,"aria-disabled":this.dsDisabled||this.dsUnavailable?"true":void 0,disabled:this.dsDisabled,tabIndex:this.tabIndex,onClick:()=>this.handleSelect()},this.renderSelector(t),i&&e("span",{key:"54b5be6b6d930fde87a4a6c8d80a6d145136697f",class:t+"__indent","aria-hidden":"true"}),this.renderIcon(t),e("span",{key:"e57a842adef5e1c3f0d3579cec25a483bd3782d6",class:t+"__content"},e("span",{key:"8eb1c0a34fec3fc912aee2e4625a842d118f0b9a",class:t+"__label"},this.dsLabel),this.dsDescription&&e("span",{key:"fed3cd25e3032b9397f1f926b8d40cd25f0f51c9",class:t+"__description"},this.dsDescription)))}static get style(){return".ds-no-style-leak.sc-ds-action-list-item *.sc-ds-action-list-item{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-item-h{display:contents}.ds-action-list-item__m9sbXh.sc-ds-action-list-item{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;gap:var(--ds-spacing-xSmall);width:100%;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small);background-color:var(--ds-bgColor-white);border:none;text-align:left;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);letter-spacing:var(--ds-letterSpacing-wide);box-sizing:border-box;min-height:2.75rem;text-decoration:none}.ds-action-list-item__m9sbXh.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__m9sbXh--unavailable){background-color:var(--ds-bgColor-white-hover)}.ds-action-list-item__m9sbXh.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__m9sbXh--unavailable){background-color:var(--ds-bgColor-white-active)}.ds-action-list-item__m9sbXh.sc-ds-action-list-item:focus-visible:not(:disabled){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-action-list-item__m9sbXh.sc-ds-action-list-item:disabled,.ds-action-list-item__m9sbXh.ds-action-list-item__m9sbXh--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__m9sbXh.ds-action-list-item__m9sbXh--unavailable.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__m9sbXh.ds-action-list-item__m9sbXh--unavailable.sc-ds-action-list-item .ds-action-list-item__m9sbXh__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__m9sbXh.ds-action-list-item__m9sbXh--unavailable.sc-ds-action-list-item .ds-action-list-item__m9sbXh__description.sc-ds-action-list-item{color:var(--ds-textColor-attention)}.ds-action-list-item__m9sbXh.ds-action-list-item__m9sbXh--action-danger.sc-ds-action-list-item{color:var(--ds-textColor-danger)}.ds-action-list-item__m9sbXh.ds-action-list-item__m9sbXh--action-danger.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__m9sbXh--unavailable){background-color:var(--ds-bgColor-danger)}.ds-action-list-item__m9sbXh.ds-action-list-item__m9sbXh--action-danger.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__m9sbXh--unavailable){background-color:var(--ds-bgColor-danger-hover)}.ds-action-list-item__m9sbXh.ds-action-list-item__m9sbXh--action-danger.sc-ds-action-list-item:disabled,.ds-action-list-item__m9sbXh.ds-action-list-item__m9sbXh--action-danger.ds-action-list-item__m9sbXh--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__m9sbXh__icon.sc-ds-action-list-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-action-list-item__m9sbXh__indent.sc-ds-action-list-item{flex-shrink:0;width:1.25rem}.ds-action-list-item__m9sbXh__content.sc-ds-action-list-item{display:flex;flex-direction:column;flex:1;min-width:0}.ds-action-list-item__m9sbXh__label.sc-ds-action-list-item{display:block}.ds-action-list-item__m9sbXh__description.sc-ds-action-list-item{display:block;color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-action-list-item__m9sbXh__selector.sc-ds-action-list-item{flex-shrink:0;width:1.25rem;display:flex;align-items:center;justify-content:center;visibility:hidden}.ds-action-list-item__m9sbXh__selector.ds-action-list-item__m9sbXh__selector--visible.sc-ds-action-list-item{visibility:visible}.ds-action-list-item__m9sbXh__checkbox.sc-ds-action-list-item{flex-shrink:0;color:var(--ds-iconColor-neutral)}.ds-action-list-item__m9sbXh__checkbox--checked.sc-ds-action-list-item{color:var(--ds-iconColor-primary)}[disabled].sc-ds-action-list-item-h .ds-action-list-item__m9sbXh__selector--visible.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__m9sbXh__selector--visible.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}button.sc-ds-action-list-item:disabled .ds-action-list-item__m9sbXh__checkbox.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__m9sbXh__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}"}},[514,"ds-action-list-item",{dsId:[1,"ds-id"],dsVariant:[1,"ds-variant"],dsLabel:[1,"ds-label"],dsDescription:[1,"ds-description"],dsIcon:[1,"ds-icon"],dsDisabled:[4,"ds-disabled"],dsUnavailable:[4,"ds-unavailable"],dsSelected:[1028,"ds-selected"],dsCloseOnSelect:[4,"ds-close-on-select"],dsIndented:[1028,"ds-indented"],tabIndex:[32],setFocus:[64],setTabIndex:[64]},[[0,"keydown","handleKeyDown"]]]);c([e("ds-icon",{dsName:""})]);const b=h,_=function(){"undefined"!=typeof customElements&&["ds-action-list-item","ds-icon"].forEach((s=>{switch(s){case"ds-action-list-item":customElements.get(o(s))||customElements.define(o(s),h);break;case"ds-icon":customElements.get(o(s))||m()}}))};export{b as DsActionListItem,_ as defineCustomElement}
+import{p as s,M as t,c as i,h as e,t as l}from"./p-BuOkAFpk.js";import{c as o}from"./p-BfTCfPZ1.js";import{t as d,d as a}from"./p-ChKb-Fx7.js";import{c}from"./p-mCzhJpLe.js";import{c as n}from"./p-Ccf9CXPb.js";import{c as r}from"./p-Ce-cTJr-.js";import{d as b}from"./p-C7lPkerx.js";const m=s(class extends(t(r("ds-action-list-item"))){constructor(s){super(),!1!==s&&this.__registerHost(),this.dsSelect=i(this,"dsSelect",7)}get el(){return this}buttonEl;dsId=this.getUniqueId();dsVariant="action";dsLabel;dsDescription;dsIcon;dsDisabled=!1;dsUnavailable=!1;dsSelected=!1;dsCloseOnSelect=!0;dsIndented=!1;dsSelect;tabIndex=-1;async setFocus(){this.buttonEl?.focus()}async setTabIndex(s){this.tabIndex=s}get role(){switch(this.dsVariant){case"single-select":return"menuitemradio";case"multi-select":return"menuitemcheckbox";default:return"menuitem"}}handleSelect(){if(!this.dsDisabled&&!this.dsUnavailable&&(this.dsSelect.emit({id:this.dsId,label:this.dsLabel,selected:"multi-select"!==this.dsVariant||!this.dsSelected,variant:this.dsVariant}),"multi-select"!==this.dsVariant&&("single-select"!==this.dsVariant||this.dsCloseOnSelect))){const s=n(this.el);s?.closeMenu()}}handleKeyDown(s){"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.handleSelect())}renderIcon(s){if(!this.dsIcon||"multi-select"===this.dsVariant)return null;const t=d("ds-icon","ds-action-list-item",this.el);return e(t,{class:s+"__icon",dsName:this.dsIcon,dsSize:"1.25rem"})}renderSelector(s){if("single-select"===this.dsVariant){const t=d("ds-icon","ds-action-list-item",this.el);return e("span",{class:o(s+"__selector",{[s+"__selector--visible"]:this.dsSelected}),"aria-hidden":"true"},this.dsSelected&&e(t,{dsName:"check",dsSize:"1.25rem"}))}if("multi-select"===this.dsVariant){const t=d("ds-icon","ds-action-list-item",this.el);return e(t,{class:o(s+"__checkbox",{[s+"__checkbox--checked"]:this.dsSelected}),dsName:this.dsSelected?"check_box_fill":"check_box_outline_blank",dsSize:"1.25rem"})}return null}render(){const{role:s}=this,t=c("ds-action-list-item"),i=this.dsIndented&&!this.dsIcon&&"multi-select"!==this.dsVariant,l=o(t,`${t}--${this.dsVariant}`,{[t+"--disabled"]:this.dsDisabled,[t+"--unavailable"]:this.dsUnavailable,[t+"--indented"]:i});return e("button",{key:"ec5fe94ab49975a45fff00013c6ea96a80eddac4",ref:s=>this.buttonEl=s,class:l,role:s,"aria-checked":"menuitemcheckbox"===s||"menuitemradio"===s?this.dsSelected?"true":"false":void 0,"aria-disabled":this.dsDisabled||this.dsUnavailable?"true":void 0,disabled:this.dsDisabled,tabIndex:this.tabIndex,onClick:()=>this.handleSelect()},this.renderSelector(t),i&&e("span",{key:"54b5be6b6d930fde87a4a6c8d80a6d145136697f",class:t+"__indent","aria-hidden":"true"}),this.renderIcon(t),e("span",{key:"e57a842adef5e1c3f0d3579cec25a483bd3782d6",class:t+"__content"},e("span",{key:"8eb1c0a34fec3fc912aee2e4625a842d118f0b9a",class:t+"__label"},this.dsLabel),this.dsDescription&&e("span",{key:"fed3cd25e3032b9397f1f926b8d40cd25f0f51c9",class:t+"__description"},this.dsDescription)))}static get style(){return".ds-no-style-leak.sc-ds-action-list-item *.sc-ds-action-list-item{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-item-h{display:contents}.ds-action-list-item__MsKlb0.sc-ds-action-list-item{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;gap:var(--ds-spacing-xSmall);width:100%;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small);background-color:var(--ds-bgColor-white);border:none;text-align:left;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);letter-spacing:var(--ds-letterSpacing-wide);box-sizing:border-box;min-height:2.75rem;text-decoration:none}.ds-action-list-item__MsKlb0.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__MsKlb0--unavailable){background-color:var(--ds-bgColor-white-hover)}.ds-action-list-item__MsKlb0.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__MsKlb0--unavailable){background-color:var(--ds-bgColor-white-active)}.ds-action-list-item__MsKlb0.sc-ds-action-list-item:focus-visible:not(:disabled){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-action-list-item__MsKlb0.sc-ds-action-list-item:disabled,.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--unavailable.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--unavailable.sc-ds-action-list-item .ds-action-list-item__MsKlb0__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--unavailable.sc-ds-action-list-item .ds-action-list-item__MsKlb0__description.sc-ds-action-list-item{color:var(--ds-textColor-attention)}.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--action-danger.sc-ds-action-list-item{color:var(--ds-textColor-danger)}.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--action-danger.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__MsKlb0--unavailable){background-color:var(--ds-bgColor-danger)}.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--action-danger.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__MsKlb0--unavailable){background-color:var(--ds-bgColor-danger-hover)}.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--action-danger.sc-ds-action-list-item:disabled,.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--action-danger.ds-action-list-item__MsKlb0--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__MsKlb0__icon.sc-ds-action-list-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-action-list-item__MsKlb0__indent.sc-ds-action-list-item{flex-shrink:0;width:1.25rem}.ds-action-list-item__MsKlb0__content.sc-ds-action-list-item{display:flex;flex-direction:column;flex:1;min-width:0}.ds-action-list-item__MsKlb0__label.sc-ds-action-list-item{display:block}.ds-action-list-item__MsKlb0__description.sc-ds-action-list-item{display:block;color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-action-list-item__MsKlb0__selector.sc-ds-action-list-item{flex-shrink:0;width:1.25rem;display:flex;align-items:center;justify-content:center;visibility:hidden}.ds-action-list-item__MsKlb0__selector.ds-action-list-item__MsKlb0__selector--visible.sc-ds-action-list-item{visibility:visible}.ds-action-list-item__MsKlb0__checkbox.sc-ds-action-list-item{flex-shrink:0;color:var(--ds-iconColor-neutral)}.ds-action-list-item__MsKlb0__checkbox--checked.sc-ds-action-list-item{color:var(--ds-iconColor-primary)}[disabled].sc-ds-action-list-item-h .ds-action-list-item__MsKlb0__selector--visible.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__MsKlb0__selector--visible.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}button.sc-ds-action-list-item:disabled .ds-action-list-item__MsKlb0__checkbox.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__MsKlb0__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}"}},[514,"ds-action-list-item",{dsId:[1,"ds-id"],dsVariant:[1,"ds-variant"],dsLabel:[1,"ds-label"],dsDescription:[1,"ds-description"],dsIcon:[1,"ds-icon"],dsDisabled:[4,"ds-disabled"],dsUnavailable:[4,"ds-unavailable"],dsSelected:[1028,"ds-selected"],dsCloseOnSelect:[4,"ds-close-on-select"],dsIndented:[1028,"ds-indented"],tabIndex:[32],setFocus:[64],setTabIndex:[64]},[[0,"keydown","handleKeyDown"]]]);a([e("ds-icon",{dsName:""})]);const _=m,h=function(){"undefined"!=typeof customElements&&["ds-action-list-item","ds-icon"].forEach((s=>{switch(s){case"ds-action-list-item":customElements.get(l(s))||customElements.define(l(s),m);break;case"ds-icon":customElements.get(l(s))||b()}}))};export{_ as DsActionListItem,h as defineCustomElement}

package/dist/components/ds-action-list.js

@@ -1 +1 @@
-import{p as t,M as s,h as i,d as e,t as a}from"./p-x-HJUYLL.js";import{c as n}from"./p-CTcsKZyv.js";import{e as l,t as o,i as r}from"./p-ChKb-Fx7.js";import{g as c}from"./p-t1Rt33N8.js";import{c as h}from"./p-BM0xAKIg.js";const d=l("ds-action-list"),u=t(class extends(s(h("ds-action-list"))){constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}dsRole="group";ariaLabel;ariaLabelledby;listId=d.next().value;get isStandalone(){return"menu"===this.dsRole}slotChangeHandler=()=>{this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling()};componentWillLoad(){this.updateAriaLabelling()}componentDidLoad(){this.componentMounted(),this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling();const t=this.el.querySelector("slot");t?.addEventListener("slotchange",this.slotChangeHandler)}disconnectedCallback(){const t=this.el.querySelector("slot");t?.removeEventListener("slotchange",this.slotChangeHandler)}updateAriaLabelling(){const t=o("ds-action-list-item","ds-action-list",this.el),s=this.el.querySelector(t),i=s?.dsVariant??s?.getAttribute("ds-variant")??"action";this.ariaLabel="single-select"===i?(()=>{switch(c()){case"fi":return"Valitse yksi";case"sv":return"Välj ett";default:return"Choose one"}})():"multi-select"===i?(()=>{switch(c()){case"fi":return"Monivalinta";case"sv":return"Välj flera";default:return"Choose multiple"}})():(()=>{switch(c()){case"fi":return"Toiminnallisuudet";case"sv":return"Åtgärder";default:return"Actions"}})();const e=o("ds-action-list-group-title","ds-action-list",this.el),a=this.el.querySelector(e);this.ariaLabelledby=a?.id?`${this.listId} ${a.id}`:void 0}langObserver(){this.updateAriaLabelling()}getFocusableItems(){return this.getFocusableItemsFromEl(this.el)}getFocusableItemsFromEl(t){const s=o("ds-action-list-item","ds-action-list",this.el);return Array.from(t.querySelectorAll(s)).filter((t=>!t.dsDisabled))}getSiblingLists(){const t=this.el.parentElement;if(!t)return[this.el];const s=o("ds-action-list","ds-action-list",this.el);return Array.from(t.querySelectorAll(":scope > "+s))}updateIndentation(){const t=o("ds-action-list-item","ds-action-list",this.el),s=Array.from(this.el.querySelectorAll(":scope > "+t)),i=s.some((t=>t.dsIcon&&"multi-select"!==t.dsVariant));s.forEach((t=>{"multi-select"!==t.dsVariant&&(t.dsIndented=i&&!t.dsIcon)}))}updateRovingTabindex(t){const s=this.getFocusableItems(),i=t??s[0];s.forEach((t=>{t.setTabIndex?.(t===i?0:-1)}))}handleItemSelect(t){const{variant:s,selected:i}=t.detail,e=o("ds-action-list-item","ds-action-list",this.el),a=Array.from(this.el.querySelectorAll(e));if("single-select"===s)a.forEach((s=>{s.dsSelected=s===t.target&&i}));else if("multi-select"===s){const s=a.find((s=>s===t.target));s&&(s.dsSelected=i)}}getCurrentItemIndex(t,s){return t.target?s.findIndex((s=>s===t.target||s.contains(t.target))):-1}handleKeyDown(t){const s=this.getFocusableItems();if(0===s.length)return;const i=this.getCurrentItemIndex(t,s);switch(t.key){case"ArrowDown":if(t.preventDefault(),i<s.length-1)s[i+1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[i+1]);else if(this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=t[s+1]??t[0];this.getFocusableItemsFromEl(i)[0]?.setFocus?.()}break;case"ArrowUp":if(t.preventDefault(),i>0)s[i-1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[i-1]);else if(this.isStandalone)s[s.length-1].setFocus?.(),this.updateRovingTabindex(s[s.length-1]);else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=this.getFocusableItemsFromEl(t[s-1]??t[t.length-1]);i[i.length-1]?.setFocus?.()}break;case"Home":if(t.preventDefault(),this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists()[0];this.getFocusableItemsFromEl(t)[0]?.setFocus?.()}break;case"End":if(t.preventDefault(),this.isStandalone)s[s.length-1].setFocus?.(),this.updateRovingTabindex(s[s.length-1]);else{const t=this.getSiblingLists(),s=this.getFocusableItemsFromEl(t[t.length-1]);s[s.length-1]?.setFocus?.()}break;default:if(1===t.key.length&&!t.ctrlKey&&!t.metaKey&&!t.altKey){t.preventDefault();const s=t.key.toLowerCase(),i=this.isStandalone?this.getFocusableItems():[].concat(...this.getSiblingLists().map((t=>this.getFocusableItemsFromEl(t)))),e=document.activeElement,a=i.findIndex((t=>t.contains(e))),n=[...i.slice(a+1),...i.slice(0,a+1)].find((t=>(t.dsLabel??t.getAttribute("ds-label")??"").trim().toLowerCase().startsWith(s)));n?.setFocus?.()}}}render(){const t=n("ds-action-list");return i(e,{key:"a172146138a1c3c7aa2a69ea5f76f66d3eb3738b",id:this.listId,class:t,role:this.dsRole,...r("aria-label",this.ariaLabel),...r("aria-labelledby",this.ariaLabelledby)},i("slot",{key:"c5be4a565da7e56a7fa724062473586870098b30"}))}static get watchers(){return{lang:[{langObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-action-list *.sc-ds-action-list{all:unset;box-sizing:border-box;display:block}.ds-action-list__m9sbXh.sc-ds-action-list{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;list-style:none;margin:0;padding:0}"}},[774,"ds-action-list",{dsRole:[1,"ds-role"],ariaLabel:[32],ariaLabelledby:[32]},[[0,"dsSelect","handleItemSelect"],[0,"keydown","handleKeyDown"]],{lang:[{langObserver:0}]}]),m=u,b=function(){"undefined"!=typeof customElements&&["ds-action-list"].forEach((t=>{"ds-action-list"===t&&(customElements.get(a(t))||customElements.define(a(t),u))}))};export{m as DsActionList,b as defineCustomElement}
+import{p as t,M as s,h as i,d as e,t as a}from"./p-BuOkAFpk.js";import{c as n}from"./p-mCzhJpLe.js";import{e as l,t as o,i as r}from"./p-ChKb-Fx7.js";import{g as c}from"./p-CtTQ6sqn.js";import{c as h}from"./p-Ce-cTJr-.js";const d=l("ds-action-list"),u=t(class extends(s(h("ds-action-list"))){constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}dsRole="group";ariaLabel;ariaLabelledby;listId=d.next().value;get isStandalone(){return"menu"===this.dsRole}slotChangeHandler=()=>{this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling()};componentWillLoad(){this.updateAriaLabelling()}componentDidLoad(){this.componentMounted(),this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling();const t=this.el.querySelector("slot");t?.addEventListener("slotchange",this.slotChangeHandler)}disconnectedCallback(){const t=this.el.querySelector("slot");t?.removeEventListener("slotchange",this.slotChangeHandler)}updateAriaLabelling(){const t=o("ds-action-list-item","ds-action-list",this.el),s=this.el.querySelector(t),i=s?.dsVariant??s?.getAttribute("ds-variant")??"action";this.ariaLabel="single-select"===i?(()=>{switch(c()){case"fi":return"Valitse yksi";case"sv":return"Välj ett";default:return"Choose one"}})():"multi-select"===i?(()=>{switch(c()){case"fi":return"Monivalinta";case"sv":return"Välj flera";default:return"Choose multiple"}})():(()=>{switch(c()){case"fi":return"Toiminnallisuudet";case"sv":return"Åtgärder";default:return"Actions"}})();const e=o("ds-action-list-group-title","ds-action-list",this.el),a=this.el.querySelector(e);this.ariaLabelledby=a?.id?`${this.listId} ${a.id}`:void 0}langObserver(){this.updateAriaLabelling()}getFocusableItems(){return this.getFocusableItemsFromEl(this.el)}getFocusableItemsFromEl(t){const s=o("ds-action-list-item","ds-action-list",this.el);return Array.from(t.querySelectorAll(s)).filter((t=>!t.dsDisabled))}getSiblingLists(){const t=this.el.parentElement;if(!t)return[this.el];const s=o("ds-action-list","ds-action-list",this.el);return Array.from(t.querySelectorAll(":scope > "+s))}updateIndentation(){const t=o("ds-action-list-item","ds-action-list",this.el),s=Array.from(this.el.querySelectorAll(":scope > "+t)),i=s.some((t=>t.dsIcon&&"multi-select"!==t.dsVariant));s.forEach((t=>{"multi-select"!==t.dsVariant&&(t.dsIndented=i&&!t.dsIcon)}))}updateRovingTabindex(t){const s=this.getFocusableItems(),i=t??s[0];s.forEach((t=>{t.setTabIndex?.(t===i?0:-1)}))}handleItemSelect(t){const{variant:s,selected:i}=t.detail,e=o("ds-action-list-item","ds-action-list",this.el),a=Array.from(this.el.querySelectorAll(e));if("single-select"===s)a.forEach((s=>{s.dsSelected=s===t.target&&i}));else if("multi-select"===s){const s=a.find((s=>s===t.target));s&&(s.dsSelected=i)}}getCurrentItemIndex(t,s){return t.target?s.findIndex((s=>s===t.target||s.contains(t.target))):-1}handleKeyDown(t){const s=this.getFocusableItems();if(0===s.length)return;const i=this.getCurrentItemIndex(t,s);switch(t.key){case"ArrowDown":if(t.preventDefault(),i<s.length-1)s[i+1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[i+1]);else if(this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=t[s+1]??t[0];this.getFocusableItemsFromEl(i)[0]?.setFocus?.()}break;case"ArrowUp":if(t.preventDefault(),i>0)s[i-1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[i-1]);else if(this.isStandalone)s[s.length-1].setFocus?.(),this.updateRovingTabindex(s[s.length-1]);else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=this.getFocusableItemsFromEl(t[s-1]??t[t.length-1]);i[i.length-1]?.setFocus?.()}break;case"Home":if(t.preventDefault(),this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists()[0];this.getFocusableItemsFromEl(t)[0]?.setFocus?.()}break;case"End":if(t.preventDefault(),this.isStandalone)s[s.length-1].setFocus?.(),this.updateRovingTabindex(s[s.length-1]);else{const t=this.getSiblingLists(),s=this.getFocusableItemsFromEl(t[t.length-1]);s[s.length-1]?.setFocus?.()}break;default:if(1===t.key.length&&!t.ctrlKey&&!t.metaKey&&!t.altKey){t.preventDefault();const s=t.key.toLowerCase(),i=this.isStandalone?this.getFocusableItems():[].concat(...this.getSiblingLists().map((t=>this.getFocusableItemsFromEl(t)))),e=document.activeElement,a=i.findIndex((t=>t.contains(e))),n=[...i.slice(a+1),...i.slice(0,a+1)].find((t=>(t.dsLabel??t.getAttribute("ds-label")??"").trim().toLowerCase().startsWith(s)));n?.setFocus?.()}}}render(){const t=n("ds-action-list");return i(e,{key:"a172146138a1c3c7aa2a69ea5f76f66d3eb3738b",id:this.listId,class:t,role:this.dsRole,...r("aria-label",this.ariaLabel),...r("aria-labelledby",this.ariaLabelledby)},i("slot",{key:"c5be4a565da7e56a7fa724062473586870098b30"}))}static get watchers(){return{lang:[{langObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-action-list *.sc-ds-action-list{all:unset;box-sizing:border-box;display:block}.ds-action-list__MsKlb0.sc-ds-action-list{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;list-style:none;margin:0;padding:0}"}},[774,"ds-action-list",{dsRole:[1,"ds-role"],ariaLabel:[32],ariaLabelledby:[32]},[[0,"dsSelect","handleItemSelect"],[0,"keydown","handleKeyDown"]],{lang:[{langObserver:0}]}]),m=u,b=function(){"undefined"!=typeof customElements&&["ds-action-list"].forEach((t=>{"ds-action-list"===t&&(customElements.get(a(t))||customElements.define(a(t),u))}))};export{m as DsActionList,b as defineCustomElement}

package/dist/components/ds-action-menu.js

@@ -1 +1 @@
-import{p as s,M as t,c as n,h as e,t as i}from"./p-x-HJUYLL.js";import{c as o}from"./p-BfTCfPZ1.js";import{t as a,g as d,d as c}from"./p-ChKb-Fx7.js";import{c as r}from"./p-CTcsKZyv.js";import{s as m,p as u}from"./p-Ccf9CXPb.js";import{c as h}from"./p-BM0xAKIg.js";import{d as l}from"./p-GXMba8x_.js";import{d as _}from"./p-D-JwhXmZ.js";import{d as b}from"./p-qfzEFnRG.js";import{d as p}from"./p-CsW-W9Vv.js";const f=s(class extends(t(h("ds-action-menu",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost(),this.dsOpen=n(this,"dsOpen",7),this.dsClose=n(this,"dsClose",7)}get el(){return this}menuId;triggerWrapperRef;menuRef;dsId=this.getUniqueId();dsButtonText="";dsButtonVariant="secondary";dsButtonColour="blue";dsButtonSize="medium";dsIconOnly=!1;dsIcon="";dsAlign="start";dsPlacement="auto";dsMenuWidth;dsMenuMaxHeight;dsAriaLabel;dsDisabled=!1;dsOpen;dsClose;isOpen=!1;componentWillLoad(){this.menuId=this.dsId+"-menu",m(this.el,{closeMenu:()=>this.closeMenu()})}componentDidLoad(){this.componentMounted(),this.updateContext(),this.applyAnchorStyles()}componentDidRender(){this.applyAnchorStyles(),this.constrainMenuHeight()}applyAnchorStyles(){const s="--ds-action-menu-"+this.dsId;this.triggerWrapperRef?.style.setProperty("anchor-name",s),this.menuRef?.style.setProperty("position-anchor",s)}constrainMenuHeight(){if(!this.menuRef||this.dsMenuMaxHeight||!this.isOpen)return;const s=this.triggerWrapperRef?.getBoundingClientRect();if(!s)return;const t=this.menuRef.getBoundingClientRect(),n=window.innerHeight;this.menuRef.style.maxHeight=Math.max(t.bottom<=s.top+1?s.top-8:n-s.bottom-8,120)+"px"}updateContext(){u(this.el,{closeMenu:()=>this.closeMenu()})}async open(){this.openMenu()}async close(){this.closeMenu()}async toggle(){this.isOpen?this.closeMenu():this.openMenu()}openMenu(s="first"){this.dsDisabled||this.isOpen||(this.isOpen=!0,this.dsOpen.emit(),this.updateContext(),requestAnimationFrame((()=>{"last"===s?this.focusLastItem():this.focusFirstItem()})))}closeMenu(s=!0){this.isOpen&&(this.isOpen=!1,this.dsClose.emit(),s&&this.el.querySelector(a("ds-button","ds-action-menu",this.el))?.setFocus?.())}focusFirstItem(){const s=a("ds-action-list-item","ds-action-menu",this.el),t=Array.from(this.el.querySelectorAll(s));t.find((s=>!s.dsDisabled))?.setFocus?.()}focusLastItem(){const s=a("ds-action-list-item","ds-action-menu",this.el);Array.from(this.el.querySelectorAll(s)).findLast((s=>!s.dsDisabled))?.setFocus?.()}handleClickOutside(s){this.isOpen&&(d(s,this.el)||this.closeMenu(!1))}handleKeyDown(s){if(this.isOpen)switch(s.key){case"Escape":s.preventDefault(),this.closeMenu();break;case"Tab":this.closeMenu(!1)}else{if(!this.triggerWrapperRef||!d(s,this.triggerWrapperRef))return;"ArrowDown"===s.key?(s.preventDefault(),this.openMenu("first")):"ArrowUp"===s.key&&(s.preventDefault(),this.openMenu("last"))}}handleTriggerClick=()=>{this.isOpen?this.closeMenu():this.openMenu()};renderTrigger(s){const t=a("ds-button","ds-action-menu",this.el),n=a("ds-icon","ds-action-menu",this.el),i=s+"__trigger";return this.dsIconOnly?e(t,{class:i,dsId:this.dsId,dsVariant:this.dsButtonVariant,dsColour:this.dsButtonColour,dsSize:this.dsButtonSize,dsIcon:this.dsIcon||"more_vert",dsAriaLabel:this.dsAriaLabel,dsActive:this.isOpen,dsDisabled:this.dsDisabled,dsAriaHaspopup:"menu",dsAriaExpanded:this.isOpen,dsAriaControls:this.menuId,onClick:this.handleTriggerClick}):e(t,{class:i,dsId:this.dsId,dsVariant:this.dsButtonVariant,dsColour:this.dsButtonColour,dsSize:this.dsButtonSize,dsText:this.dsButtonText,dsIcon:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down",dsIconPosition:"end",dsActive:this.isOpen,dsDisabled:this.dsDisabled,dsAriaHaspopup:"menu",dsAriaExpanded:this.isOpen,dsAriaControls:this.menuId,onClick:this.handleTriggerClick},this.dsIcon&&e(n,{slot:"prefix",dsName:this.dsIcon,dsAriaHidden:!0}))}render(){const s=r("ds-action-menu"),t={width:this.dsMenuWidth??"auto",maxHeight:this.dsMenuMaxHeight??"none"},n=o(s+"__menu",`${s}__menu--align-${this.dsAlign}`,`${s}__menu--placement-${this.dsPlacement}`);return e("div",{key:"22df98ccfe575071ea132197a57f1d37fcce58d1",class:s},e("div",{key:"200e6c81d8ccf1dc1cb36a2c279551b439016e6c",ref:s=>this.triggerWrapperRef=s,class:s+"__trigger-wrapper"},this.renderTrigger(s)),e("div",{key:"d9443def9271be5689c7e8e6f53037fe868ade7f",ref:s=>this.menuRef=s,id:this.menuId,role:"menu","aria-labelledby":this.dsId,class:n,style:t,hidden:!this.isOpen},e("slot",{key:"d80220edb4c461f863c35daa52aa94f6486d40b8"})))}static get style(){return".ds-no-style-leak.sc-ds-action-menu *.sc-ds-action-menu{all:unset;box-sizing:border-box;display:block}.sc-ds-action-menu-h{display:inline-block}.ds-action-menu__m9sbXh.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;position:relative}.ds-action-menu__m9sbXh__trigger-wrapper.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex}.ds-action-menu__m9sbXh__menu.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-action-menu__m9sbXh__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__m9sbXh__menu.sc-ds-action-menu{position:absolute;z-index:100;min-width:288px;background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);border-radius:var(--ds-borderRadius-none);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-borderColor-default) transparent}.ds-action-menu__m9sbXh__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__m9sbXh__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__m9sbXh__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__m9sbXh__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__m9sbXh__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__m9sbXh__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--placement-auto.sc-ds-action-menu{inset-block:anchor(bottom) auto;position-try-order:most-height;position-try-fallbacks:--ds-action-menu-top-start, --ds-action-menu-top-end, --ds-action-menu-top-center}.ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--align-center.sc-ds-action-menu{inset-inline:anchor(center) auto}}@position-try --ds-action-menu-top-start{inset:auto auto anchor(top) anchor(left);margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-end{inset:auto anchor(right) anchor(top) auto;margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-center{inset:auto auto anchor(top) anchor(center);margin-block:0 var(--ds-spacing-3xSmall);transform:translateX(-50%)}"}},[774,"ds-action-menu",{dsId:[1,"ds-id"],dsButtonText:[1,"ds-button-text"],dsButtonVariant:[1,"ds-button-variant"],dsButtonColour:[1,"ds-button-colour"],dsButtonSize:[1,"ds-button-size"],dsIconOnly:[4,"ds-icon-only"],dsIcon:[1,"ds-icon"],dsAlign:[1,"ds-align"],dsPlacement:[1,"ds-placement"],dsMenuWidth:[1,"ds-menu-width"],dsMenuMaxHeight:[1,"ds-menu-max-height"],dsAriaLabel:[1,"ds-aria-label"],dsDisabled:[4,"ds-disabled"],isOpen:[32],open:[64],close:[64],toggle:[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]]]);c([e("ds-button",null),e("ds-icon",{dsName:""})]);const g=f,y=function(){"undefined"!=typeof customElements&&["ds-action-menu","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-action-menu":customElements.get(i(s))||customElements.define(i(s),f);break;case"ds-button":customElements.get(i(s))||l();break;case"ds-icon":customElements.get(i(s))||_();break;case"ds-spinner":customElements.get(i(s))||b();break;case"ds-visually-hidden":customElements.get(i(s))||p()}}))};export{g as DsActionMenu,y as defineCustomElement}
+import{p as s,M as t,c as n,h as e,t as i}from"./p-BuOkAFpk.js";import{c as o}from"./p-BfTCfPZ1.js";import{t as a,g as d,d as c}from"./p-ChKb-Fx7.js";import{c as r}from"./p-mCzhJpLe.js";import{s as l,p as m}from"./p-Ccf9CXPb.js";import{c as u}from"./p-Ce-cTJr-.js";import{d as h}from"./p-DQF9yc5U.js";import{d as _}from"./p-C7lPkerx.js";import{d as b}from"./p-Btjw1t0e.js";import{d as p}from"./p-CTvLGwOE.js";const f=s(class extends(t(u("ds-action-menu",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost(),this.dsOpen=n(this,"dsOpen",7),this.dsClose=n(this,"dsClose",7)}get el(){return this}menuId;triggerWrapperRef;menuRef;dsId=this.getUniqueId();dsButtonText="";dsButtonVariant="secondary";dsButtonColour="blue";dsButtonSize="medium";dsIconOnly=!1;dsIcon="";dsAlign="start";dsPlacement="auto";dsMenuWidth;dsMenuMaxHeight;dsAriaLabel;dsDisabled=!1;dsOpen;dsClose;isOpen=!1;componentWillLoad(){this.menuId=this.dsId+"-menu",l(this.el,{closeMenu:()=>this.closeMenu()})}componentDidLoad(){this.componentMounted(),this.updateContext(),this.applyAnchorStyles()}componentDidRender(){this.applyAnchorStyles(),this.constrainMenuHeight()}applyAnchorStyles(){const s="--ds-action-menu-"+this.dsId;this.triggerWrapperRef?.style.setProperty("anchor-name",s),this.menuRef?.style.setProperty("position-anchor",s)}constrainMenuHeight(){if(!this.menuRef||this.dsMenuMaxHeight||!this.isOpen)return;const s=this.triggerWrapperRef?.getBoundingClientRect();if(!s)return;const t=this.menuRef.getBoundingClientRect(),n=window.innerHeight;this.menuRef.style.maxHeight=Math.max(t.bottom<=s.top+1?s.top-8:n-s.bottom-8,120)+"px"}updateContext(){m(this.el,{closeMenu:()=>this.closeMenu()})}async open(){this.openMenu()}async close(){this.closeMenu()}async toggle(){this.isOpen?this.closeMenu():this.openMenu()}openMenu(s="first"){this.dsDisabled||this.isOpen||(this.isOpen=!0,this.dsOpen.emit(),this.updateContext(),requestAnimationFrame((()=>{"last"===s?this.focusLastItem():this.focusFirstItem()})))}closeMenu(s=!0){this.isOpen&&(this.isOpen=!1,this.dsClose.emit(),s&&this.el.querySelector(a("ds-button","ds-action-menu",this.el))?.setFocus?.())}focusFirstItem(){const s=a("ds-action-list-item","ds-action-menu",this.el),t=Array.from(this.el.querySelectorAll(s));t.find((s=>!s.dsDisabled))?.setFocus?.()}focusLastItem(){const s=a("ds-action-list-item","ds-action-menu",this.el);Array.from(this.el.querySelectorAll(s)).findLast((s=>!s.dsDisabled))?.setFocus?.()}handleClickOutside(s){this.isOpen&&(d(s,this.el)||this.closeMenu(!1))}handleKeyDown(s){if(this.isOpen)switch(s.key){case"Escape":s.preventDefault(),this.closeMenu();break;case"Tab":this.closeMenu(!1)}else{if(!this.triggerWrapperRef||!d(s,this.triggerWrapperRef))return;"ArrowDown"===s.key?(s.preventDefault(),this.openMenu("first")):"ArrowUp"===s.key&&(s.preventDefault(),this.openMenu("last"))}}handleTriggerClick=()=>{this.isOpen?this.closeMenu():this.openMenu()};renderTrigger(s){const t=a("ds-button","ds-action-menu",this.el),n=a("ds-icon","ds-action-menu",this.el),i=s+"__trigger";return this.dsIconOnly?e(t,{class:i,dsId:this.dsId,dsVariant:this.dsButtonVariant,dsColour:this.dsButtonColour,dsSize:this.dsButtonSize,dsIcon:this.dsIcon||"more_vert",dsAriaLabel:this.dsAriaLabel,dsActive:this.isOpen,dsDisabled:this.dsDisabled,dsAriaHaspopup:"menu",dsAriaExpanded:this.isOpen,dsAriaControls:this.menuId,onClick:this.handleTriggerClick}):e(t,{class:i,dsId:this.dsId,dsVariant:this.dsButtonVariant,dsColour:this.dsButtonColour,dsSize:this.dsButtonSize,dsText:this.dsButtonText,dsIcon:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down",dsIconPosition:"end",dsActive:this.isOpen,dsDisabled:this.dsDisabled,dsAriaHaspopup:"menu",dsAriaExpanded:this.isOpen,dsAriaControls:this.menuId,onClick:this.handleTriggerClick},this.dsIcon&&e(n,{slot:"prefix",dsName:this.dsIcon,dsAriaHidden:!0}))}render(){const s=r("ds-action-menu"),t={width:this.dsMenuWidth??"auto",maxHeight:this.dsMenuMaxHeight??"none"},n=o(s+"__menu",`${s}__menu--align-${this.dsAlign}`,`${s}__menu--placement-${this.dsPlacement}`);return e("div",{key:"22df98ccfe575071ea132197a57f1d37fcce58d1",class:s},e("div",{key:"200e6c81d8ccf1dc1cb36a2c279551b439016e6c",ref:s=>this.triggerWrapperRef=s,class:s+"__trigger-wrapper"},this.renderTrigger(s)),e("div",{key:"d9443def9271be5689c7e8e6f53037fe868ade7f",ref:s=>this.menuRef=s,id:this.menuId,role:"menu","aria-labelledby":this.dsId,class:n,style:t,hidden:!this.isOpen},e("slot",{key:"d80220edb4c461f863c35daa52aa94f6486d40b8"})))}static get style(){return".ds-no-style-leak.sc-ds-action-menu *.sc-ds-action-menu{all:unset;box-sizing:border-box;display:block}.sc-ds-action-menu-h{display:inline-block}.ds-action-menu__MsKlb0.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;position:relative}.ds-action-menu__MsKlb0__trigger-wrapper.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex}.ds-action-menu__MsKlb0__menu.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-action-menu__MsKlb0__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__MsKlb0__menu.sc-ds-action-menu{position:absolute;z-index:100;min-width:288px;background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);border-radius:var(--ds-borderRadius-none);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-borderColor-default) transparent}.ds-action-menu__MsKlb0__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__MsKlb0__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__MsKlb0__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__MsKlb0__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__MsKlb0__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__MsKlb0__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--placement-auto.sc-ds-action-menu{inset-block:anchor(bottom) auto;position-try-order:most-height;position-try-fallbacks:--ds-action-menu-top-start, --ds-action-menu-top-end, --ds-action-menu-top-center}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--align-center.sc-ds-action-menu{inset-inline:anchor(center) auto}}@position-try --ds-action-menu-top-start{inset:auto auto anchor(top) anchor(left);margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-end{inset:auto anchor(right) anchor(top) auto;margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-center{inset:auto auto anchor(top) anchor(center);margin-block:0 var(--ds-spacing-3xSmall);transform:translateX(-50%)}"}},[774,"ds-action-menu",{dsId:[1,"ds-id"],dsButtonText:[1,"ds-button-text"],dsButtonVariant:[1,"ds-button-variant"],dsButtonColour:[1,"ds-button-colour"],dsButtonSize:[1,"ds-button-size"],dsIconOnly:[4,"ds-icon-only"],dsIcon:[1,"ds-icon"],dsAlign:[1,"ds-align"],dsPlacement:[1,"ds-placement"],dsMenuWidth:[1,"ds-menu-width"],dsMenuMaxHeight:[1,"ds-menu-max-height"],dsAriaLabel:[1,"ds-aria-label"],dsDisabled:[4,"ds-disabled"],isOpen:[32],open:[64],close:[64],toggle:[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]]]);c([e("ds-button",null),e("ds-icon",{dsName:""})]);const g=f,y=function(){"undefined"!=typeof customElements&&["ds-action-menu","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-action-menu":customElements.get(i(s))||customElements.define(i(s),f);break;case"ds-button":customElements.get(i(s))||h();break;case"ds-icon":customElements.get(i(s))||_();break;case"ds-spinner":customElements.get(i(s))||b();break;case"ds-visually-hidden":customElements.get(i(s))||p()}}))};export{g as DsActionMenu,y as defineCustomElement}

package/dist/components/ds-assistive-text.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-DdoeF6Ti.js";const p=o,r=s;export{p as DsAssistiveText,r as defineCustomElement}
+import{D as o,d as s}from"./p-C-9CbR-m.js";const m=o,p=s;export{m as DsAssistiveText,p as defineCustomElement}

package/dist/components/ds-backdrop.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-CUko5RaT.js";const a=o,p=s;export{a as DsBackdrop,p as defineCustomElement}
+import{D as o,d as s}from"./p-DBLS8zIi.js";const p=o,r=s;export{p as DsBackdrop,r as defineCustomElement}

package/dist/components/ds-badge.js

@@ -1 +1 @@
-import{p as s,M as d,h as e,t as a}from"./p-x-HJUYLL.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as o}from"./p-CTcsKZyv.js";import{t as r,d as c}from"./p-ChKb-Fx7.js";import{c as i}from"./p-BM0xAKIg.js";import{d as n}from"./p-CsW-W9Vv.js";const l=s(class extends(d(i("ds-badge"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsId=this.getUniqueId();dsText="";dsVariant="default";dsHiddenAssistiveText;dsAriaLabel;get DsVisuallyHidden(){return r("ds-visually-hidden","ds-badge",this.el)}componentDidLoad(){this.componentMounted()}render(){const s=o("ds-badge");return e("div",{key:"3ec5758a361a0846428fe91a878e1d2b97798065",class:t(s,`${s}--${this.dsVariant}`)},e("div",{key:"a2bebf576258c9b8ce1800bf00880e476654f2f9",class:s+"__content"},e("span",{key:"ceefcdd2ebdcb3bce08639f745169a393ac522d5",class:`ds-text-semibold-xs ${s}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},e("slot",{key:"22c6a74a84b4be7bf4cb16fd9983a7325dc8397a"},this.dsText,this.dsHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"3018012c3bae649649d63d5e2fa18faf01ca0a9c",dsTag:"span"},this.dsHiddenAssistiveText)))))}static get style(){return".ds-badge__m9sbXh.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__m9sbXh--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__m9sbXh--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__m9sbXh--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__m9sbXh--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__m9sbXh--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__m9sbXh--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__m9sbXh--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__m9sbXh--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__m9sbXh__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__m9sbXh__content__text.sc-ds-badge{white-space:nowrap}"}},[774,"ds-badge",{dsId:[1,"ds-id"],dsText:[1,"ds-text"],dsVariant:[1,"ds-variant"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsAriaLabel:[1,"ds-aria-label"]}]);c([e("ds-visually-hidden",null)]);const b=l,g=function(){"undefined"!=typeof customElements&&["ds-badge","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-badge":customElements.get(a(s))||customElements.define(a(s),l);break;case"ds-visually-hidden":customElements.get(a(s))||n()}}))};export{b as DsBadge,g as defineCustomElement}
+import{p as s,M as d,h as e,t as a}from"./p-BuOkAFpk.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as o}from"./p-mCzhJpLe.js";import{t as r,d as c}from"./p-ChKb-Fx7.js";import{c as l}from"./p-Ce-cTJr-.js";import{d as i}from"./p-CTvLGwOE.js";const n=s(class extends(d(l("ds-badge"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsId=this.getUniqueId();dsText="";dsVariant="default";dsHiddenAssistiveText;dsAriaLabel;get DsVisuallyHidden(){return r("ds-visually-hidden","ds-badge",this.el)}componentDidLoad(){this.componentMounted()}render(){const s=o("ds-badge");return e("div",{key:"3ec5758a361a0846428fe91a878e1d2b97798065",class:t(s,`${s}--${this.dsVariant}`)},e("div",{key:"a2bebf576258c9b8ce1800bf00880e476654f2f9",class:s+"__content"},e("span",{key:"ceefcdd2ebdcb3bce08639f745169a393ac522d5",class:`ds-text-semibold-xs ${s}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},e("slot",{key:"22c6a74a84b4be7bf4cb16fd9983a7325dc8397a"},this.dsText,this.dsHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"3018012c3bae649649d63d5e2fa18faf01ca0a9c",dsTag:"span"},this.dsHiddenAssistiveText)))))}static get style(){return".ds-badge__MsKlb0.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__MsKlb0--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__MsKlb0--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__MsKlb0--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__MsKlb0--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__MsKlb0--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__MsKlb0--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__MsKlb0--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__MsKlb0--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__MsKlb0__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__MsKlb0__content__text.sc-ds-badge{white-space:nowrap}"}},[774,"ds-badge",{dsId:[1,"ds-id"],dsText:[1,"ds-text"],dsVariant:[1,"ds-variant"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsAriaLabel:[1,"ds-aria-label"]}]);c([e("ds-visually-hidden",null)]);const b=n,g=function(){"undefined"!=typeof customElements&&["ds-badge","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-badge":customElements.get(a(s))||customElements.define(a(s),n);break;case"ds-visually-hidden":customElements.get(a(s))||i()}}))};export{b as DsBadge,g as defineCustomElement}

package/dist/components/ds-breadcrumb.js

@@ -1 +1 @@
-import{p as s,M as e,c as r,h as d,d as a,t}from"./p-x-HJUYLL.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as n,d as c}from"./p-ChKb-Fx7.js";import{l as o}from"./p-DMddtiKs.js";import{c as l}from"./p-BM0xAKIg.js";import{c as m}from"./p-CTcsKZyv.js";import{d as b}from"./p-DEpGZaaB.js";import{d as u}from"./p-D-JwhXmZ.js";import{d as p}from"./p-Ca8pZ7Up.js";import{d as h}from"./p-CsW-W9Vv.js";const f=s(class extends(e(l("ds-breadcrumb"),o)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=r(this,"dsClick",7),this.dsIsHiddenChange=r(this,"dsIsHiddenChange",7)}get el(){return this}dsIsHiddenChange;dsText="";dsIsCurrentPage=!1;dsHasSeparator=!0;dsSeparatorIcon;dsIsHidden=!1;isHiddenChanged=!1;get DsLink(){return n("ds-link","ds-breadcrumb",this.el)}get DsBreadcrumbsSeparator(){return n("ds-breadcrumbs-separator","ds-breadcrumb",this.el)}async setFocus(){await(this.el.querySelector(this.DsLink)?.setFocus())}dsIsHiddenObserver(){this.isHiddenChanged=!0}componentDidUpdate(){this.isHiddenChanged&&this.dsIsHiddenChange.emit(this.dsIsHidden),this.isHiddenChanged=!1}renderCurrentPageCrumb(s){return d("slot",null,d("span",{class:s+"__current-page","aria-current":"page"},this.dsText))}renderLinkCrumb(s){return d("slot",null,d(this.DsLink,{class:s+"__link",dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=m("ds-breadcrumb"),e=s+"__content";return d(a,{key:"435213281dcf42a5a8c2241ac51433628fff4a2c",role:"listitem"},d("div",{key:"619e26ebf7b0aadbdaefb4960d0ad93a3434b635",class:i(s,{[s+"--hidden"]:this.dsIsHidden})},d("div",{key:"e717c084111491d89572ee09312281f034460214",class:e},this.dsHasSeparator?d(this.DsBreadcrumbsSeparator,{dsIcon:this.dsSeparatorIcon}):null,this.dsIsCurrentPage?this.renderCurrentPageCrumb(e):this.renderLinkCrumb(e))))}static get watchers(){return{dsIsHidden:[{dsIsHiddenObserver:0}]}}static get style(){return'.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__m9sbXh.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__m9sbXh--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__m9sbXh__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__m9sbXh__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__m9sbXh__content__link.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-breadcrumb__m9sbXh__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}'}},[774,"ds-breadcrumb",{dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsText:[1,"ds-text"],dsIsCurrentPage:[4,"ds-is-current-page"],dsHasSeparator:[4,"ds-has-separator"],dsSeparatorIcon:[1,"ds-separator-icon"],dsIsHidden:[4,"ds-is-hidden"],setFocus:[64]},[[0,"click","handleClick"]],{dsIsHidden:[{dsIsHiddenObserver:0}]}]);c([d("ds-link",{dsText:""}),d("ds-breadcrumbs-separator",null)]);const _=f,g=function(){"undefined"!=typeof customElements&&["ds-breadcrumb","ds-breadcrumbs-separator","ds-icon","ds-link","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-breadcrumb":customElements.get(t(s))||customElements.define(t(s),f);break;case"ds-breadcrumbs-separator":customElements.get(t(s))||b();break;case"ds-icon":customElements.get(t(s))||u();break;case"ds-link":customElements.get(t(s))||p();break;case"ds-visually-hidden":customElements.get(t(s))||h()}}))};export{_ as DsBreadcrumb,g as defineCustomElement}
+import{p as s,M as e,c as r,h as d,d as t,t as a}from"./p-BuOkAFpk.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as n,d as c}from"./p-ChKb-Fx7.js";import{l}from"./p-DMddtiKs.js";import{c as o}from"./p-Ce-cTJr-.js";import{c as b}from"./p-mCzhJpLe.js";import{d as m}from"./p-D9b3trBq.js";import{d as u}from"./p-C7lPkerx.js";import{d as p}from"./p-BDFMSeRf.js";import{d as h}from"./p-CTvLGwOE.js";const f=s(class extends(e(o("ds-breadcrumb"),l)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=r(this,"dsClick",7),this.dsIsHiddenChange=r(this,"dsIsHiddenChange",7)}get el(){return this}dsIsHiddenChange;dsText="";dsIsCurrentPage=!1;dsHasSeparator=!0;dsSeparatorIcon;dsIsHidden=!1;isHiddenChanged=!1;get DsLink(){return n("ds-link","ds-breadcrumb",this.el)}get DsBreadcrumbsSeparator(){return n("ds-breadcrumbs-separator","ds-breadcrumb",this.el)}async setFocus(){await(this.el.querySelector(this.DsLink)?.setFocus())}dsIsHiddenObserver(){this.isHiddenChanged=!0}componentDidUpdate(){this.isHiddenChanged&&this.dsIsHiddenChange.emit(this.dsIsHidden),this.isHiddenChanged=!1}renderCurrentPageCrumb(s){return d("slot",null,d("span",{class:s+"__current-page","aria-current":"page"},this.dsText))}renderLinkCrumb(s){return d("slot",null,d(this.DsLink,{class:s+"__link",dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=b("ds-breadcrumb"),e=s+"__content";return d(t,{key:"435213281dcf42a5a8c2241ac51433628fff4a2c",role:"listitem"},d("div",{key:"619e26ebf7b0aadbdaefb4960d0ad93a3434b635",class:i(s,{[s+"--hidden"]:this.dsIsHidden})},d("div",{key:"e717c084111491d89572ee09312281f034460214",class:e},this.dsHasSeparator?d(this.DsBreadcrumbsSeparator,{dsIcon:this.dsSeparatorIcon}):null,this.dsIsCurrentPage?this.renderCurrentPageCrumb(e):this.renderLinkCrumb(e))))}static get watchers(){return{dsIsHidden:[{dsIsHiddenObserver:0}]}}static get style(){return'.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__MsKlb0.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__MsKlb0--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__MsKlb0__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__MsKlb0__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__MsKlb0__content__link.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-breadcrumb__MsKlb0__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}'}},[774,"ds-breadcrumb",{dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsText:[1,"ds-text"],dsIsCurrentPage:[4,"ds-is-current-page"],dsHasSeparator:[4,"ds-has-separator"],dsSeparatorIcon:[1,"ds-separator-icon"],dsIsHidden:[4,"ds-is-hidden"],setFocus:[64]},[[0,"click","handleClick"]],{dsIsHidden:[{dsIsHiddenObserver:0}]}]);c([d("ds-link",{dsText:""}),d("ds-breadcrumbs-separator",null)]);const _=f,g=function(){"undefined"!=typeof customElements&&["ds-breadcrumb","ds-breadcrumbs-separator","ds-icon","ds-link","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-breadcrumb":customElements.get(a(s))||customElements.define(a(s),f);break;case"ds-breadcrumbs-separator":customElements.get(a(s))||m();break;case"ds-icon":customElements.get(a(s))||u();break;case"ds-link":customElements.get(a(s))||p();break;case"ds-visually-hidden":customElements.get(a(s))||h()}}))};export{_ as DsBreadcrumb,g as defineCustomElement}

package/dist/components/ds-breadcrumbs-collapsible.js

@@ -1 +1 @@
-import{p as s,M as e,c as a,h as t,F as d,t as r}from"./p-x-HJUYLL.js";import{t as n,d as c}from"./p-ChKb-Fx7.js";import{c as o}from"./p-BM0xAKIg.js";import{d as i}from"./p-BMFYw3yX.js";import{d as l}from"./p-DEpGZaaB.js";const b=s(class extends(e(o("ds-breadcrumbs-collapsible"))){constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsExpandButtonClick=a(this,"dsExpandButtonClick",7)}get el(){return this}dsExpandButtonClick;dsIsExpandButtonHidden=!1;dsSeparatorIcon;collapsibleTarget=null;get DsBreadcrumb(){return n("ds-breadcrumb","ds-breadcrumbs-collapsible",this.el)}get DsBreadcrumbsExpandButton(){return n("ds-breadcrumbs-expand-button","ds-breadcrumbs-collapsible",this.el)}handleDsIsHiddenChange(s){s.detail||s.target!==this.collapsibleTarget||requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}handleDsClick(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return t(d,{key:"c6550453dc2f679ad9a7902e7503309e87693ac9"},t(this.DsBreadcrumbsExpandButton,{key:"eb6bf9f451492d1d52e6d0fd0aaf07b4f0aa39fa",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),t("slot",{key:"9aebf3b18996530ca640b3006213ad42e59dca69",onSlotchange:this.handleDefaultSlotChange}))}static get style(){return":host{display:contents}"}},[769,"ds-breadcrumbs-collapsible",{dsIsExpandButtonHidden:[4,"ds-is-expand-button-hidden"],dsSeparatorIcon:[1,"ds-separator-icon"],collapsibleTarget:[32]},[[0,"dsIsHiddenChange","handleDsIsHiddenChange"],[0,"dsClick","handleDsClick"]]]);c([t("ds-breadcrumbs-expand-button",null)]);const u=b,p=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs-collapsible","ds-breadcrumbs-expand-button","ds-breadcrumbs-separator"].forEach((s=>{switch(s){case"ds-breadcrumbs-collapsible":customElements.get(r(s))||customElements.define(r(s),b);break;case"ds-breadcrumbs-expand-button":customElements.get(r(s))||i();break;case"ds-breadcrumbs-separator":customElements.get(r(s))||l()}}))};export{u as DsBreadcrumbsCollapsible,p as defineCustomElement}
+import{p as s,M as e,c as t,h as a,F as d,t as r}from"./p-BuOkAFpk.js";import{t as n,d as c}from"./p-ChKb-Fx7.js";import{c as o}from"./p-Ce-cTJr-.js";import{d as b}from"./p-3hKarAQ2.js";import{d as i}from"./p-D9b3trBq.js";const l=s(class extends(e(o("ds-breadcrumbs-collapsible"))){constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsExpandButtonClick=t(this,"dsExpandButtonClick",7)}get el(){return this}dsExpandButtonClick;dsIsExpandButtonHidden=!1;dsSeparatorIcon;collapsibleTarget=null;get DsBreadcrumb(){return n("ds-breadcrumb","ds-breadcrumbs-collapsible",this.el)}get DsBreadcrumbsExpandButton(){return n("ds-breadcrumbs-expand-button","ds-breadcrumbs-collapsible",this.el)}handleDsIsHiddenChange(s){s.detail||s.target!==this.collapsibleTarget||requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}handleDsClick(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return a(d,{key:"c6550453dc2f679ad9a7902e7503309e87693ac9"},a(this.DsBreadcrumbsExpandButton,{key:"eb6bf9f451492d1d52e6d0fd0aaf07b4f0aa39fa",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),a("slot",{key:"9aebf3b18996530ca640b3006213ad42e59dca69",onSlotchange:this.handleDefaultSlotChange}))}static get style(){return":host{display:contents}"}},[769,"ds-breadcrumbs-collapsible",{dsIsExpandButtonHidden:[4,"ds-is-expand-button-hidden"],dsSeparatorIcon:[1,"ds-separator-icon"],collapsibleTarget:[32]},[[0,"dsIsHiddenChange","handleDsIsHiddenChange"],[0,"dsClick","handleDsClick"]]]);c([a("ds-breadcrumbs-expand-button",null)]);const u=l,p=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs-collapsible","ds-breadcrumbs-expand-button","ds-breadcrumbs-separator"].forEach((s=>{switch(s){case"ds-breadcrumbs-collapsible":customElements.get(r(s))||customElements.define(r(s),l);break;case"ds-breadcrumbs-expand-button":customElements.get(r(s))||b();break;case"ds-breadcrumbs-separator":customElements.get(r(s))||i()}}))};export{u as DsBreadcrumbsCollapsible,p as defineCustomElement}

package/dist/components/ds-breadcrumbs-expand-button.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-BMFYw3yX.js";const p=o,r=s;export{p as DsBreadcrumbsExpandButton,r as defineCustomElement}
+import{D as o,d as r}from"./p-3hKarAQ2.js";const s=o,a=r;export{s as DsBreadcrumbsExpandButton,a as defineCustomElement}

package/dist/components/ds-breadcrumbs-separator.js

@@ -1 +1 @@
-import{D as a,d as o}from"./p-DEpGZaaB.js";const p=a,s=o;export{p as DsBreadcrumbsSeparator,s as defineCustomElement}
+import{D as o,d as r}from"./p-D9b3trBq.js";const s=o,t=r;export{s as DsBreadcrumbsSeparator,t as defineCustomElement}

package/dist/components/ds-breadcrumbs.js

@@ -1 +1 @@
-import{p as e,M as s,c as i,h as t,t as r}from"./p-x-HJUYLL.js";import{c as a}from"./p-CTcsKZyv.js";import{g as d}from"./p-t1Rt33N8.js";import{i as c}from"./p-BW1GUsO7.js";import{c as m}from"./p-BM0xAKIg.js";const n=e(class extends(s(m("ds-breadcrumbs",{stopRootTracking:!0}))){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsSizeChange=i(this,"dsSizeChange",7)}isGreaterThanEqualMediumMediaQuery=c("medium");get el(){return this}dsSizeChange;dsAriaLabel;size="medium";get breadcrumb(){switch(d()){case"fi":return"Murupolku";case"sv":return"Brödsmulestig";default:return"Breadcrumb"}}sizeObserver(e){this.dsSizeChange.emit(e)}setSize=e=>{this.size=e.matches?"medium":"small"};connectedCallback(){this.isGreaterThanEqualMediumMediaQuery.addEventListener("change",this.setSize)}disconnectedCallback(){this.isGreaterThanEqualMediumMediaQuery.removeEventListener("change",this.setSize)}componentWillLoad(){this.size=this.isGreaterThanEqualMediumMediaQuery.matches?"medium":"small"}componentDidLoad(){this.componentMounted()}render(){const e=a("ds-breadcrumbs");return t("nav",{key:"e32aef7356741b82d0e7c6aee97461a9337dcba3",class:e,"aria-label":this.dsAriaLabel||this.breadcrumb},t("div",{key:"6cc12974c7488895f8ad34c15cdcc9283380716d",role:"list",class:e+"__breadcrumbs"},t("slot",{key:"06819bff6f1fe52d8d82d7b388450ea894f1140c"})))}static get watchers(){return{size:[{sizeObserver:0}]}}static get style(){return".ds-breadcrumbs__m9sbXh{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__m9sbXh{min-height:32px}}.ds-breadcrumbs__m9sbXh__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__m9sbXh__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}"}},[769,"ds-breadcrumbs",{dsAriaLabel:[1,"ds-aria-label"],size:[32]},void 0,{size:[{sizeObserver:0}]}]),l=n,b=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs"].forEach((e=>{"ds-breadcrumbs"===e&&(customElements.get(r(e))||customElements.define(r(e),n))}))};export{l as DsBreadcrumbs,b as defineCustomElement}
+import{p as e,M as s,c as i,h as t,t as r}from"./p-BuOkAFpk.js";import{c as a}from"./p-mCzhJpLe.js";import{g as d}from"./p-CtTQ6sqn.js";import{i as c}from"./p-BW1GUsO7.js";import{c as n}from"./p-Ce-cTJr-.js";const m=e(class extends(s(n("ds-breadcrumbs",{stopRootTracking:!0}))){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsSizeChange=i(this,"dsSizeChange",7)}isGreaterThanEqualMediumMediaQuery=c("medium");get el(){return this}dsSizeChange;dsAriaLabel;size="medium";get breadcrumb(){switch(d()){case"fi":return"Murupolku";case"sv":return"Brödsmulestig";default:return"Breadcrumb"}}sizeObserver(e){this.dsSizeChange.emit(e)}setSize=e=>{this.size=e.matches?"medium":"small"};connectedCallback(){this.isGreaterThanEqualMediumMediaQuery.addEventListener("change",this.setSize)}disconnectedCallback(){this.isGreaterThanEqualMediumMediaQuery.removeEventListener("change",this.setSize)}componentWillLoad(){this.size=this.isGreaterThanEqualMediumMediaQuery.matches?"medium":"small"}componentDidLoad(){this.componentMounted()}render(){const e=a("ds-breadcrumbs");return t("nav",{key:"e32aef7356741b82d0e7c6aee97461a9337dcba3",class:e,"aria-label":this.dsAriaLabel||this.breadcrumb},t("div",{key:"6cc12974c7488895f8ad34c15cdcc9283380716d",role:"list",class:e+"__breadcrumbs"},t("slot",{key:"06819bff6f1fe52d8d82d7b388450ea894f1140c"})))}static get watchers(){return{size:[{sizeObserver:0}]}}static get style(){return".ds-breadcrumbs__MsKlb0{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__MsKlb0{min-height:32px}}.ds-breadcrumbs__MsKlb0__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__MsKlb0__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}"}},[769,"ds-breadcrumbs",{dsAriaLabel:[1,"ds-aria-label"],size:[32]},void 0,{size:[{sizeObserver:0}]}]),l=m,b=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs"].forEach((e=>{"ds-breadcrumbs"===e&&(customElements.get(r(e))||customElements.define(r(e),m))}))};export{l as DsBreadcrumbs,b as defineCustomElement}

package/dist/components/ds-button.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-GXMba8x_.js";const a=o,p=s;export{a as DsButton,p as defineCustomElement}
+import{D as o,d as s}from"./p-DQF9yc5U.js";const p=o,r=s;export{p as DsButton,r as defineCustomElement}