@uh-design-system/component-library 1.3.0 → 1.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uh-design-system/component-library",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "publishConfig": {
     "access": "public"
   },
@@ -110,5 +110,5 @@
     "ts-node": "^10.9.2"
   },
   "license": "MIT",
-  "gitHead": "80c3cc93d8448306f459934a33ecf094a2c6a791"
+  "gitHead": "0a9c0a36c1dc38cd39b33a0f42dedea501d34e77"
 }

package/dist/component-library/p-069a8561.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e}from"./p-CxKb5d85.js";import{c as i}from"./p-CloeGH4n.js";const t=class{constructor(e){s(this,e)}dsTag="div";render(){const s=i("ds-visually-hidden");return e(this.dsTag,{key:"8c5a5ee08b1e5d41266c4b6aa4f0502bfb0edf6f",class:s},e("slot",{key:"041a71b9756aea38880a4c82f8122fbd58c7c101"}))}};t.style=":host{position:absolute}.ds-visually-hidden__ugqjFm{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";export{t as ds_visually_hidden}

package/dist/component-library/p-21d24ff8.entry.js

@@ -1 +0,0 @@
-import{r as s,c as t,d as e,h as i,M as o,f as d,H as l}from"./p-CxKb5d85.js";import{c as n}from"./p-BfTCfPZ1.js";import{i as r,t as a,c,b as h,a as u,d as p}from"./p-J5Ghj1_T.js";import{c as _}from"./p-CloeGH4n.js";import{b as m,i as g}from"./p-DfbgRyXR.js";import{S as b,F as v}from"./p-CLNvzo86.js";import{m as f,z as x,b as y,e as F,l as w,w as j,f as q,r as C,h as k}from"./p-u9yCU1iE.js";import{m as O}from"./p-CrMYHo3G.js";import"./p-CenuCJz5.js";const S=r("ds-options"),$=class{constructor(e){s(this,e),this.dsEsc=t(this,"dsEsc"),this.dsActiveIndexChange=t(this,"dsActiveIndexChange")}get el(){return e(this)}optionsListRef;optionsListInnerRef;inheritedAttributes={};dsEsc;dsActiveIndexChange;dsId=S.next().value;dsSelectedValue;dsActiveIndex=0;dsLabelId;dsAriaMultiselectable;hasBottomScrim=!1;hasTopScrim=!1;onActiveIndexChange(s){this.scrollToActiveOption(s)}componentWillLoad(){this.inheritedAttributes={...g(this,this.el),...m(this.el,["aria-labelledby"])}}componentDidLoad(){this.updateScrimClasses()}componentDidUpdate(){this.updateScrimClasses()}handleScroll=()=>{this.updateScrimClasses()};updateScrimClasses=()=>{this.optionsListRef&&this.optionsListInnerRef&&(this.hasBottomScrim=!(Math.ceil(this.optionsListInnerRef.scrollTop+this.optionsListInnerRef.clientHeight)>=this.optionsListInnerRef.scrollHeight),this.hasTopScrim=this.optionsListInnerRef.scrollTop>0,this.optionsListRef.querySelectorAll(`.${_("ds-option-group")}__label`).forEach((s=>{const t=s.getBoundingClientRect(),e=this.optionsListRef.getBoundingClientRect();this.optionsListInnerRef.scrollTop>0&&t.top<=e.top&&t.bottom>e.top?s.classList.add(`${_("ds-option-group")}__label__shadow`):s.classList.remove(`${_("ds-option-group")}__label__shadow`)})))};get DsOptionTag(){return a("ds-option","ds-options",this.el)}getActiveOption(s){const t=Array.from(this.el.querySelectorAll(this.DsOptionTag));return!t.length||s<0||s>=t.length?null:t[s]}scrollToActiveOption=s=>{const t=this.getActiveOption(s);if(!t)return;const e=this.optionsListInnerRef?.getBoundingClientRect(),i=t.getBoundingClientRect();e&&i&&(this.hasBottomScrim&&i.bottom>e.bottom-b?this.optionsListInnerRef.scrollTop+=i.bottom-(e.bottom-b):this.hasTopScrim&&i.top<e.top+b&&(this.optionsListInnerRef.scrollTop-=e.top+b-i.top))};moveToNextEnabledOption(s,t){let e=this.dsActiveIndex,i=0;do{if(e="down"===t?(e+1)%s.length:(e-1+s.length)%s.length,i++,i>2*s.length)break}while(s[e].dsDisabled&&e!==this.dsActiveIndex);this.dsActiveIndex=e,this.dsActiveIndexChange.emit(this.dsActiveIndex)}handleKeyDown=s=>{const t=Array.from(this.el.querySelectorAll(this.DsOptionTag));if(t.length){if("ArrowDown"===s.key&&(s.preventDefault(),this.moveToNextEnabledOption(t,"down")),"ArrowUp"===s.key&&(s.preventDefault(),this.moveToNextEnabledOption(t,"up")),"Enter"===s.key||" "===s.key){s.preventDefault();const e=t[this.dsActiveIndex];e&&!e.dsDisabled&&e.click()}"Tab"===s.key&&(s.shiftKey||s.preventDefault(),this.dsEsc.emit({key:s.shiftKey?"Shift+Tab":"Tab"})),"Escape"===s.key&&(s.preventDefault(),this.dsEsc.emit({key:s.key}))}};render(){const s=_("ds-options");return i("div",{key:"b9f13d73371005bbf70f11583c18b012fa88f700",id:this.dsId,class:n(s,{"has-bottom-scrim":this.hasBottomScrim,"has-top-scrim":this.hasTopScrim}),role:"listbox",tabindex:0,onKeyDown:this.handleKeyDown,ref:s=>this.optionsListRef=s,onScroll:this.handleScroll,onFocus:this.updateScrimClasses,"aria-multiselectable":this.dsAriaMultiselectable?"true":"false","aria-label":this.dsAriaMultiselectable?f():void 0,"aria-labelledby":[this.dsLabelId,this.dsId].filter(Boolean).join(" "),...this.inheritedAttributes},i("div",{key:"8b01781bdee396e699773f00a005d5fa905b0697",class:`${s}__inner`,ref:s=>this.optionsListInnerRef=s,onScroll:this.handleScroll},i("div",{key:"8d11cd63f31bdfb7c20df01500898df7360ec973",class:`${s}__top-scrim`,"aria-hidden":"true"}),i("slot",{key:"b443551914771e71676171aacf6fecfc04b24cea"}),i("div",{key:"0f8b194e6b9c1890eb875890843edb14b634e6b7",class:`${s}__bottom-scrim`,"aria-hidden":"true"})))}static get watchers(){return{dsActiveIndex:["onActiveIndexChange"]}}};$.style=".ds-options__ugqjFm__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__ugqjFm.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__ugqjFm.sc-ds-options:focus{outline:none}.ds-options__ugqjFm__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__ugqjFm__top-scrim.sc-ds-options,.ds-options__ugqjFm__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__ugqjFm__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__ugqjFm__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__ugqjFm.has-top-scrim.sc-ds-options .ds-options__ugqjFm__top-scrim.sc-ds-options{display:block}.ds-options__ugqjFm.has-bottom-scrim.sc-ds-options .ds-options__ugqjFm__bottom-scrim.sc-ds-options{display:block}.ds-options__ugqjFm.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__ugqjFm.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";const I=r("ds-select"),L={dsPlaceholder:x},A=(s,t)=>t||L[s](),T=class extends(o(O)){constructor(e){super(),s(this,e),this.dsMultipleChange=t(this,"dsMultipleChange"),this.dsChange=t(this,"dsChange"),this.dsSubmitInvalid=t(this,"dsSubmitInvalid"),this.dsValidity=t(this,"dsValidity"),this.dsBlur=t(this,"dsBlur"),this.dsFocus=t(this,"dsFocus"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}inheritedAttributes={};get el(){return e(this)}internals;dsMultipleChange;dsChange;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsForm;dsId=I.next().value;dsName=this.dsId;dsLabel;dsPlaceholder;dsVariant="default";dsClearable=!0;dsDisabled=!1;dsErrorText="";dsIcon;dsValue=null;dsLoading=!1;dsLoadingText;dsOptionsError=!1;dsOptionsErrorTitle;dsOptionsErrorText;dsFullWidth=!1;dsRequired=!1;activeOption=null;selectedOptions=[];selectedOptionsLabel;isOpen=!1;activeIndex=null;hasFocus=!1;clearButtonRef;iconRef;badgeRef;badgeContainerOffset=null;texts={dsPlaceholder:x()};feedback=[];inputValidityId;get isNative(){return"native"===this.dsVariant}get isMultiple(){return"multiple"===this.dsVariant}getInputValidityId(){return this.inputValidityId||(this.inputValidityId=`${this.dsId}-validity`),this.inputValidityId}setTexts(){this.texts={dsPlaceholder:A("dsPlaceholder",this.dsPlaceholder)}}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};async checkValidity(){return this.internals?.checkValidity()}async getSelectedOption(){return 0===this.selectedOptions.length?null:(await this.getSelectedOptions())[0]}async getSelectedOptions(){return await Promise.all(this.selectedOptions?.map((async s=>({value:s.dsValue||null,label:await s.getLabel()||null,description:s.dsDescription||null}))))}connectedCallback(){this.internals?.form&&!this.isNative&&this.el.addEventListener("invalid",this.handleInvalid)}componentWillLoad(){this.setTexts(),this.inheritedAttributes={...g(this,this.el),...m(this.el,this.isNative?["aria-describedby","aria-controls","aria-haspopup"]:["aria-haspopup","aria-expanded","aria-disabled","aria-labelledby","aria-describedby","aria-controls","aria-activedescendant"])}}componentDidLoad(){this.isNative?this.internals?.setValidity({}):this.internals?.setValidity({valueMissing:this.dsRequired&&(!this.dsValue||Array.isArray(this.dsValue)&&0===this.dsValue.length)},y()),this.value=this.toValue(this.dsValue)}disconnectedCallback(){this.internals?.form&&!this.isNative&&this.el.addEventListener("invalid",this.handleInvalid),this.debouncedResetFeedback.cancel()}get DsIcon(){return a("ds-icon","ds-select",this.el)}get DsInputValidity(){return a("ds-input-validity","ds-select",this.el)}get DsOption(){return a("ds-option","ds-select",this.el)}get DsFeedback(){return a("ds-feedback","ds-select",this.el)}customSelectRef;nativeSelectRef;handleEscEvent(s){this.selectedOptions.length>0&&"Tab"===s.detail.key?this.clearButtonRef?.setFocus():["Escape","Shift+Tab"].includes(s.detail.key)&&this.customSelectRef?.focus()}handleLanguageChange(){this.setTexts()}onFocusIn(){this.hasFocus=!0}onFocusOut(s){const t=s&&"relatedTarget"in s?s.relatedTarget:null;(!t||!this.el.contains(t))&&(this.activeIndex=null,this.hasFocus=!1,this.isOpen=!1,this.isNative||this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}async handleOptionClick(s){s&&!s.dsDisabled&&(this.value=this.inValue(s.dsValue)&&this.isMultiple?this.withoutValue(s.dsValue):this.isMultiple?this.withValue(s.dsValue):this.toValue(s.dsValue),this.isMultiple||(this.activeIndex=null,this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus()))}toggleDropdown(){this.dsDisabled||(this.isOpen=!this.isOpen,this.isOpen||(this.activeIndex=null))}handleClearSelection(){if(this.dsDisabled)return;this.activeIndex=null,this.selectedOptions=[];const s=[...this.value];this.value=this.toValue(null),this.isOpen=!1,this.dsMultipleChange.emit({values:[],added:null,removed:s}),this.dsChange.emit(null),this.dsRequired&&this.dsValidity.emit({flag:"customError",message:this.internals?.validationMessage}),(this.customSelectRef||this.nativeSelectRef)?.focus()}handleKeyDown(s){"ArrowDown"!==s.key&&"ArrowUp"!==s.key&&"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.isOpen=!0,this.updateActiveIndex(),this.scrollToActiveOption(),window.requestAnimationFrame((()=>{const s=this.el.querySelector(`.${_("ds-options")}`);s?.focus()})))}scrollToActiveOption(){if(null===this.activeIndex)return;const s=this.el.querySelector(`.${_("ds-options")}`),t=s?.querySelectorAll(`.${_("ds-option")}`);if(!t||this.activeIndex>=t.length)return;const e=t[this.activeIndex];e&&window.requestAnimationFrame((()=>{e.focus(),e.scrollIntoView({behavior:"instant",block:"center"})}))}getBadgeContainerWidthOffset=async()=>{await c(this.clearButtonRef),await c(this.badgeRef);const s=this.clearButtonRef?.getBoundingClientRect().width||0,t=this.badgeRef?.getBoundingClientRect().width||0;this.badgeContainerOffset=s&&t?s+t:null};getAllOptions(){return Array.from(this.el.querySelectorAll(this.DsOption))}getFocusIndex(){const s=this.getAllOptions();if(""!==this.getValueItem(0)?.trim()){const t=s.findIndex((s=>String(s.dsValue)===String(this.getValueItem(0))));if(-1!==t)return t}return s.findIndex((s=>!s.dsDisabled))}updateActiveIndex(){const s=this.getFocusIndex();-1!==s&&(this.activeIndex=s)}activeIndexObserver(s){const t=this.getAllOptions();this.activeOption=null!==s?t[s]:null,t.forEach(((s,t)=>{s.dsActive=t===this.activeIndex,s.dsSelected=this.inValue(s.dsValue)}))}clearButtonRefObserver(){this.getBadgeContainerWidthOffset()}textPropObserver(s,t,e){this.texts={...this.texts,[e]:A(e,s)}}valueObserver(s){this.isNative||this.setSelectedOptionsFromValue(s)}dsValueObserver(s){this.value=this.toValue(s)}selectedOptionsObserver(s,t){const e=s.map((s=>s.dsValue)),i=t?.map((s=>s.dsValue))||[],o=i.filter((s=>!e.includes(s))),d=e.filter((s=>!i.includes(s))),l=o.length>0||d.length>0;t?.forEach((s=>s.dsSelected=!1)),s.forEach((s=>s.dsSelected=!0)),l&&(this.dsMultipleChange.emit({values:e,added:d,removed:o}),this.dsChange.emit(e[0]||null),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}hasFocusObserver(s){s?this.dsFocus.emit():this.dsBlur.emit()}resetFeedback=()=>{this.feedback=[],d(this)};debouncedResetFeedback=h(this.resetFeedback,v);appendFeedback=(s,t)=>{this.feedback=[...this.feedback,{key:s,message:t}],this.debouncedResetFeedback()};removeFeedback=s=>{this.feedback=this.feedback.filter((t=>t.key!==s))};getFeedbackMessage=()=>this.feedback.length>0?this.feedback[this.feedback.length-1]?.message:"";optionsMessagePropertyObserver(s,t,e){if(!s)return this.removeFeedback(e),void(0===this.feedback.length&&this.appendFeedback("default",F()));"dsLoading"===e&&s?this.appendFeedback(e,this.dsLoadingText||w()):"dsOptionsError"===e&&s&&this.appendFeedback(e,this.dsOptionsErrorText||`${j()} ${q()}`)}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-select: No options found matching dsValues "${s.join(", ")}"`)};setSelectedOptions=async s=>{!this.isMultiple&&this.activeOption&&(this.activeOption.dsActive=!1),this.internals?.setValidity({valueMissing:this.dsRequired&&0===s.length},y()),this.selectedOptions=s,this.selectedOptionsLabel=s.length>0?(await Promise.all(s.map((s=>s.getLabel())))).join(", "):"",this.getBadgeContainerWidthOffset()};renderNativeSelect(){const s=a("ds-select-native","ds-select",this.el);return i(s,{dsId:this.dsId,dsLabel:this.dsLabel,dsPlaceholder:this.texts.dsPlaceholder,dsIcon:this.dsIcon,dsName:this.dsName||this.dsId,dsDisabled:this.dsDisabled,dsErrorText:this.dsErrorText,dsRequired:this.dsRequired,dsFullWidth:this.dsFullWidth,dsValue:this.getValueItem(0)||"",onDsChange:s=>{this.value=this.toValue(s.detail)},onDsValidity:s=>{this.dsValidity.emit(s.detail)},onDsSubmitInvalid:s=>{this.dsSubmitInvalid.emit(s.detail)},...this.inheritedAttributes},i("slot",{name:"label"}),i("slot",{name:"native"}))}renderCustomSelect(s){const t=0===this.selectedOptions.length,e=`${this.dsId}-label`,o=`${this.dsId}-badge`,d=`${this.dsId}-selected-option`,l=this.dsErrorText?this.getInputValidityId():void 0,r=`ds-select-options-${this.dsId}`,c=`${s}-custom`,h=a("ds-badge","ds-select",this.el),u=a("ds-button","ds-select",this.el),p=a("ds-options","ds-select",this.el),_=a("ds-options-message","ds-select",this.el),m=a("ds-control-label","ds-select",this.el),g=C(!0);return i("div",{style:{"--badge-container-offset":this.badgeContainerOffset?`${this.badgeContainerOffset}px`:void 0}},i(m,{dsId:e,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,onClick:()=>{this.customSelectRef?.focus(),this.toggleDropdown()}},i("slot",{name:"label"})),i("div",{class:`${c}-wrapper`},i("div",{class:`${c}-input-container`},i("div",{id:this.dsId,ref:s=>this.customSelectRef=s,class:n(`${c}`,{[`${s}--full-width`]:this.dsFullWidth,[`${c}--open`]:this.isOpen,[`${c}--none-selected`]:t,[`${c}--disabled`]:this.dsDisabled,[`${c}--invalid`]:!!this.dsErrorText,[`${c}--has-icon`]:!!this.dsIcon}),tabIndex:this.dsDisabled?-1:0,role:"combobox","aria-required":this.dsRequired?"true":"false","aria-haspopup":"listbox","aria-expanded":String(this.isOpen),"aria-disabled":String(this.dsDisabled),"aria-labelledby":this.isMultiple&&this.selectedOptions?.length>0?`${e} ${o}`:e,"aria-describedby":l,"aria-controls":r,"aria-activedescendant":null!==this.activeIndex?`${this.dsId}-option-${this.activeIndex}`:void 0,onClick:()=>{this.dsDisabled||this.toggleDropdown()},onKeyDown:s=>{this.dsDisabled||this.handleKeyDown(s)}},i("div",{class:`${c}__selected-option`},this.dsIcon&&i(this.DsIcon,{class:`${c}__selected-option__placeholder-icon`,dsName:this.dsIcon}),i("span",{id:d,class:n(`${c}__selected-option__text`,{[`${c}__selected-option__text--none-selected`]:t,[`${c}__selected-option__text--disabled`]:this.dsDisabled})},this.selectedOptionsLabel||this.texts.dsPlaceholder)),i(this.DsIcon,{ref:s=>{this.iconRef=s},class:{[`${c}__dropdown-icon`]:!0,[`${c}__dropdown-icon--has-clear-button`]:this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled},dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"})),this.isMultiple&&this.selectedOptions?.length>0&&i("div",{class:`${c}__badge-container`},i(h,{ref:s=>this.badgeRef=s,dsId:o,dsText:`${this.selectedOptions.length}`,dsHiddenAssistiveText:k()})),this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled&&i(u,{ref:s=>{this.clearButtonRef=s},class:`${c}__clear-button`,dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:g,dsIconAriaLabel:g,onClick:s=>{s.stopPropagation(),this.handleClearSelection()},onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),s.stopPropagation(),this.handleClearSelection())},dsAriaLabel:g,dsAriaDescribedby:d})),i("div",{id:r,class:{[`${c}__options-container`]:!0,[`${c}__options-container--open`]:this.isOpen},onClick:s=>{const t=s.target.closest(this.DsOption);this.handleOptionClick(t)}},i(_,{dsLoading:this.dsLoading,dsLoadingText:this.dsLoadingText,dsError:this.dsOptionsError,dsErrorTitle:this.dsOptionsErrorTitle,dsErrorText:this.dsOptionsErrorText}),i(p,{dsActiveIndex:this.activeIndex,onDsActiveIndexChange:s=>{this.activeIndex=s.detail},onDsEsc:()=>{this.isOpen=!1},dsLabelId:e,dsAriaMultiselectable:this.isMultiple},i("slot",null)))),this.internals?.form&&this.internals?.validity.valid&&this.selectedOptions.map((s=>i("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),!!this.dsErrorText&&i(this.DsInputValidity,{id:this.getInputValidityId(),dsText:this.dsErrorText,dsType:"error"}),i(this.DsFeedback,{dsSrOnly:!0,dsSrOnlyTag:"span"},this.getFeedbackMessage()))}render(){const s=_("ds-select");return i(l,{key:"5d6fdedf190b9040c1869ff2be4331fadb83f5f5",...u("name",this.isNative?void 0:this.dsName)},i("div",{key:"dec05e1fe41a47af1e678a013ad0db540c00d37a",tabIndex:-1},this.isNative?this.renderNativeSelect():this.renderCustomSelect(s)))}static get formAssociated(){return!0}static get watchers(){return{activeIndex:["activeIndexObserver"],clearButtonRef:["clearButtonRefObserver"],badgeRef:["clearButtonRefObserver"],dsPlaceholder:["textPropObserver"],value:["valueObserver"],dsValue:["dsValueObserver"],selectedOptions:["selectedOptionsObserver"],hasFocus:["hasFocusObserver"],dsLoading:["optionsMessagePropertyObserver"],dsOptionsError:["optionsMessagePropertyObserver"]}}};p([i("ds-select-native",null),i("ds-icon",{dsName:""}),i("ds-input-validity",null),i("ds-button",null),i("ds-options",null),i("ds-control-label",null),i("ds-feedback",null)]),T.style=".sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){:not(:has(.ds-select__ugqjFm--full-width)).sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__ugqjFm-custom.sc-ds-select{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:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select__ugqjFm-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__ugqjFm-custom-wrapper.sc-ds-select{position:relative}.ds-select__ugqjFm-custom.sc-ds-select .ds-options__ugqjFm.sc-ds-select{display:block}.ds-select__ugqjFm-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__ugqjFm-custom-input-container.sc-ds-select:has(.ds-select__ugqjFm-custom__clear-button:hover) .ds-select__ugqjFm-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__ugqjFm-custom.sc-ds-select:not(.ds-select__ugqjFm-custom--open,.ds-select__ugqjFm-custom--invalid.sc-ds-select,.ds-select__ugqjFm-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__ugqjFm-custom.sc-ds-select:active:not(.ds-select__ugqjFm-custom--open,.ds-select__ugqjFm-custom--invalid.sc-ds-select,.ds-select__ugqjFm-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__ugqjFm-custom--open.sc-ds-select,.ds-select__ugqjFm-custom.sc-ds-select:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__ugqjFm-custom--open.sc-ds-select:not(.ds-select__ugqjFm-custom--open--invalid,.ds-select__ugqjFm-custom.sc-ds-select:focus-visible--invalid),.ds-select__ugqjFm-custom.sc-ds-select:focus-visible:not(.ds-select__ugqjFm-custom--open--invalid,.ds-select__ugqjFm-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__ugqjFm-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__ugqjFm-custom--disabled.sc-ds-select .ds-select__ugqjFm-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__ugqjFm-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__ugqjFm-custom--invalid.sc-ds-select:not(.ds-select__ugqjFm-custom--invalid--open,.ds-select__ugqjFm-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__ugqjFm-custom--invalid.sc-ds-select:not(.ds-select__ugqjFm-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__ugqjFm-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__ugqjFm-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall)}.ds-select__ugqjFm-custom--has-icon.sc-ds-select .ds-select__ugqjFm-custom__selected-option.sc-ds-select{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__ugqjFm-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__ugqjFm-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ds-textColor-default)}.ds-select__ugqjFm-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__ugqjFm-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__ugqjFm-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__ugqjFm-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__ugqjFm-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__ugqjFm-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__ugqjFm-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__ugqjFm-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__ugqjFm-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__ugqjFm-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__ugqjFm-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__ugqjFm-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__ugqjFm-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__ugqjFm-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__ugqjFm-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__ugqjFm-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__ugqjFm-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__ugqjFm-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__ugqjFm-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__ugqjFm-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}";export{$ as ds_options,T as ds_select}

package/dist/component-library/p-5427c3c8.entry.js

@@ -1 +0,0 @@
-import{h as t,r as e,c as d,d as r}from"./p-CxKb5d85.js";import{c as s}from"./p-BfTCfPZ1.js";import{g as a}from"./p-CenuCJz5.js";import{c as n}from"./p-CloeGH4n.js";import{d as o,t as i}from"./p-J5Ghj1_T.js";const b=class{constructor(t){e(this,t),this.dsClick=d(this,"dsClick")}get el(){return r(this)}dsClick;dsIsHidden=!1;dsSeparatorIcon;get DsBreadcrumbsSeparator(){return i("ds-breadcrumbs-separator","ds-breadcrumbs-expand-button",this.el)}get showFullBreadcrumbTrail(){switch(a()){case"fi":return"Näytä koko murupolku.";case"sv":return"Visa hela brödsmulestigen.";default:return"Show full breadcrumb trail."}}handleExpandButtonClick=()=>{this.dsClick.emit()};render(){const e=n("ds-breadcrumbs-expand-button");return t("div",{key:"26bfa17a904ebc98dfaf7cd5e95ce7ab3f7ae1e5",role:"listitem",class:s(e,{[`${e}--hidden`]:this.dsIsHidden})},t(this.DsBreadcrumbsSeparator,{key:"49831c26321148d50fad2fd7f2bdadb1635dec4f",dsIcon:this.dsSeparatorIcon}),t("button",{key:"2f655e5ed43908bb3d6d4a8a2a64e8220da625c6","aria-label":this.showFullBreadcrumbTrail,class:`${e}__button`,onClick:this.handleExpandButtonClick},"…"))}};o([t("ds-breadcrumbs-separator",null)]),b.style=".ds-breadcrumbs-expand-button__ugqjFm.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__ugqjFm--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__ugqjFm__button.sc-ds-breadcrumbs-expand-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-breadcrumbs-expand-button__ugqjFm__button.sc-ds-breadcrumbs-expand-button{background:none;border:none;padding:0;margin:0;overflow:visible;text-transform:none;display:inline;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:inherit;font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);vertical-align:middle;line-height:1.375;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-breadcrumbs-expand-button__ugqjFm__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__ugqjFm__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}";export{b as ds_breadcrumbs_expand_button}

package/dist/component-library/p-55c2b0eb.entry.js

@@ -1 +0,0 @@
-import{r as s,h as v,H as h}from"./p-CxKb5d85.js";const t=class{constructor(v){s(this,v)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return v(h,{key:"3ac29284886491b2569cb7bbcdfa452e0d0ff0cf",style:{display:"flex"},title:this.dsTitle},v("svg",{key:"731286b96ddb91703a970ddba68ce0a7ff5a2084",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},v("path",{key:"dd470a77f2148e471cd70890f7a1b84015188baa",d:"M95-95v-771h771v771H95Zm94-94h132v-132H189v132Zm226 0h130v-132H415v132Zm225 0h131v-132H640v132ZM189-415h132v-130H189v130Zm226 0h130v-130H415v130Zm225 0h131v-130H640v130ZM189-640h132v-131H189v131Zm226 0h130v-131H415v131Zm225 0h131v-131H640v131Z"})))}};export{t as ds_icon_grid_on}

package/dist/component-library/p-60d7ff01.entry.js

@@ -1 +0,0 @@
-import{M as s,r as a,c as t,d as o,f as r,h as d}from"./p-CxKb5d85.js";import{c as e}from"./p-BfTCfPZ1.js";import{c as i,b as l,i as g}from"./p-DfbgRyXR.js";import{i as n,t as _,a as c,d as h,o as u}from"./p-J5Ghj1_T.js";import{l as b}from"./p-DMqBPB7y.js";import{c as m}from"./p-CloeGH4n.js";import{o as v,v as f}from"./p-BFDPzEgF.js";import"./p-CenuCJz5.js";const k=n("visually-hidden-assistive-text"),j=class extends(s(b)){constructor(s){super(),a(this,s),this.dsClick=t(this,"dsClick")}inheritedAttributes={};visuallyHiddenAssistiveTextId=k.next().value;get el(){return o(this)}dsIcon;dsText;dsSize;dsTarget="_self";dsIconTitle;dsIconAriaLabel;dsColour;dsTag="a";targetBlank=null;get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.targetBlank?.rel||this.dsRel,target:this.dsTarget}}setTargetBlank(s){this.targetBlank=v(s)?{icon:"open_in_new",rel:"noopener noreferrer"}:null}componentWillLoad(){this.inheritedAttributes={...l(this.el),...i(this.el,["lang"])},this.setTargetBlank(this.dsTarget)}onAriaChanged(s){this.inheritedAttributes={...this.inheritedAttributes,"aria-label":s},r(this)}get DsIcon(){return _("ds-icon","ds-link-logo",this.el)}render(){const s=m("ds-link-logo"),a=e(s,{[`${s}--${this.dsSize}`]:!!this.dsSize,[`${s}--colour-${this.dsColour}`]:!!this.dsColour}),t=_("ds-visually-hidden","ds-link-logo",this.el),{"aria-label":o,"aria-labelledby":r,...i}=this.inheritedAttributes,l=this.dsAriaLabelledby||r;return d(this.dsTag,{key:"3abab94743ec354a875a6679ef9242342a00e569",part:"link",class:a,...c("aria-label",this.dsAriaLabel||o),...c("aria-labelledby",l),...i,...this.linkAttributes},this.dsIcon&&d(this.DsIcon,{key:"59ccd27129174e60c34749cab224fcf18a3badea",dsName:this.dsIcon,dsSize:"2rem",dsRole:"img"}),this.dsText,v(this.dsTarget)&&d(t,{key:"786c3e0ed3d3a6929cd0d265a106b07064d78751",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},f()))}static get watchers(){return{"aria-label":["onAriaChanged"]}}};h([d("ds-icon",{dsName:""}),d("ds-link",{dsText:""})]),j.style=":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-logo__ugqjFm:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-logo__ugqjFm{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall, 0.5rem);color:var(--ds-textColor-default, #0c0c0c);cursor:pointer;font-family:var(--ds-fontFamily-headings);font-size:var(--ds-fontSize-14, 0.875rem);font-weight:var(--ds-fontWeight-bold, 700);letter-spacing:-0.04375rem;line-height:1;text-transform:uppercase}.ds-link-logo__ugqjFm:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__ugqjFm{font-size:var(--ds-fontSize-16, 1rem)}}";const F=class{constructor(s){a(this,s)}inheritedAttributes={};get el(){return o(this)}dsText="Label";dsIcon="";dsIconPosition="start";dsDownload;dsTarget;dsHref;dsColour="default";dsRole;dsAriaHidden;componentWillLoad(){this.inheritedAttributes={...g(this,this.el),...l(this.el)}}render(){const s=m("ds-tag"),a=e(s,`${s}--${this.dsColour}`,{[`${s}--link`]:!!this.dsHref}),t=_("ds-icon","ds-tag",this.el),o=_("ds-link","ds-tag",this.el),r=void 0!==this.dsAriaHidden?this.dsAriaHidden:!this.dsHref,i=this.dsRole??this.inheritedAttributes.role,l=u(this.inheritedAttributes,["aria-hidden","role"]);return d("div",{key:"82fd38de084dc237b9f901a815f241399c85c437",class:a,...l,"aria-hidden":r,role:i},d("slot",{key:"d1d377619907932d6a39eaf87f5693cf5fb89716",name:"prefix"},!this.dsHref&&this.dsIcon&&"start"===this.dsIconPosition?d(t,{dsName:this.dsIcon,dsSize:"1rem"}):null),d("slot",{key:"1db32c3a19b54497c897b91eb2a283fca4cb5ad6"},this.dsHref?d(o,{class:`${s}__link`,dsText:this.dsText,dsHref:this.dsHref,dsTarget:this.dsTarget,dsDownload:this.dsDownload,dsColour:"black"===this.dsColour?"white":"black",dsSize:"small",dsWeight:"semibold"}):d("span",{class:`${s}__text`},this.dsText)),d("slot",{key:"724ef29be5e3c757159f4da276d471980d7830b1",name:"suffix"},!this.dsHref&&this.dsIcon&&"end"===this.dsIconPosition?d(t,{dsName:this.dsIcon,dsSize:"1rem"}):null))}};h([d("ds-icon",{dsName:""}),d("ds-link",{dsText:""})]),F.style=".ds-tag__ugqjFm:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tag__ugqjFm:focus-within{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-tag__ugqjFm{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-bgColor-neutral);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag__ugqjFm.ds-tag__ugqjFm--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__ugqjFm.ds-tag__ugqjFm--default:has(.ds-tag__ugqjFm__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__ugqjFm.ds-tag__ugqjFm--default:has(.ds-tag__ugqjFm__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__ugqjFm.ds-tag__ugqjFm--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__ugqjFm.ds-tag__ugqjFm--black:has(.ds-tag__ugqjFm__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__ugqjFm.ds-tag__ugqjFm--black:has(.ds-tag__ugqjFm__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__ugqjFm.ds-tag__ugqjFm--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__ugqjFm.ds-tag__ugqjFm--white:has(.ds-tag__ugqjFm__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__ugqjFm.ds-tag__ugqjFm--white:has(.ds-tag__ugqjFm__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__ugqjFm.ds-tag__ugqjFm--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__ugqjFm.ds-tag__ugqjFm--info:has(.ds-tag__ugqjFm__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__ugqjFm.ds-tag__ugqjFm--info:has(.ds-tag__ugqjFm__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__ugqjFm.ds-tag__ugqjFm--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__ugqjFm.ds-tag__ugqjFm--danger:has(.ds-tag__ugqjFm__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__ugqjFm.ds-tag__ugqjFm--danger:has(.ds-tag__ugqjFm__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__ugqjFm.ds-tag__ugqjFm--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__ugqjFm.ds-tag__ugqjFm--attention:has(.ds-tag__ugqjFm__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__ugqjFm.ds-tag__ugqjFm--attention:has(.ds-tag__ugqjFm__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__ugqjFm.ds-tag__ugqjFm--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__ugqjFm.ds-tag__ugqjFm--success:has(.ds-tag__ugqjFm__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__ugqjFm.ds-tag__ugqjFm--success:has(.ds-tag__ugqjFm__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__ugqjFm__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag__ugqjFm__link{display:contents}.ds-tag__ugqjFm__link::part(link):focus-visible{box-shadow:none;outline:none;outline-offset:none}";export{j as ds_link_logo,F as ds_tag}

package/dist/component-library/p-70445bf0.entry.js

@@ -1 +0,0 @@
-import{M as t,r as o,d as n,f as s,h as u}from"./p-CxKb5d85.js";import{c as d}from"./p-BfTCfPZ1.js";import{b as r,i as b}from"./p-DfbgRyXR.js";import{i as _,t as a,a as i,d as e}from"./p-J5Ghj1_T.js";import{c as g}from"./p-CloeGH4n.js";import{a as l}from"./p-KxJMblF_.js";const m=_("ds-button"),c=class extends(t(l)){constructor(t){super(),o(this,t)}inheritedAttributes={};buttonEl;pressedKeys=new Set;get el(){return n(this)}dsForm;dsId=m.next().value;dsName=this.dsId;dsAutoFocus=!1;dsText="";dsValue="";dsVariant="primary";dsColour="blue";dsSize="medium";dsIcon="";dsIconPosition="start";dsIconTitle;dsIconAriaLabel;dsType="button";dsDisabled=!1;dsLoading=!1;dsUseSpinner=!1;dsSpinnerHiddenText;dsFullWidth=!1;dsRole;dsAriaDisabled;dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsAriaExpanded;dsAriaPressed;dsAriaControls;dsAriaHaspopup;dsHiddenAssistiveText;dsActive=!1;dsInInput=!1;hasContent=!1;isActive=this.dsActive;text="";async setFocus(){this.buttonEl.focus()}componentWillLoad(){if(this.getDeprecationWarningsForAriaAttributes(this.el),this.dsUseSpinner&&!this.dsSpinnerHiddenText)throw new Error("dsSpinnerHiddenText is required when dsUseSpinner is true.");this.isActive=this.dsActive,this.inheritedAttributes={...b(this,this.el),...r(this.el)},this.text=this.dsText||this.dsValue}componentDidLoad(){this.hasContent=!!this.text||Array.from(this.el.childNodes).some((t=>{if(t.nodeType===Node.ELEMENT_NODE){const o=t;return!o.hasAttribute("slot")||""===o.getAttribute("slot")}return t.nodeType===Node.TEXT_NODE&&t.textContent?.trim().length>0}))}dsTextObserver(t){this.text=t||this.dsValue}dsValueObserver(t){this.dsText||(this.text=t)}dsActiveObserver(t){this.isActive=t}ariaAttributeObserver(t,o,n){this.inheritedAttributes={...this.inheritedAttributes,[n]:t},s(this)}handleKeyDown=t=>{if(!t.repeat)switch(t.key){case"Enter":case" ":this.pressedKeys.add(t.key),this.isActive=!0}};handleKeyUp=t=>{switch(t.key){case"Enter":case" ":this.pressedKeys.delete(t.key),0===this.pressedKeys.size&&(this.isActive=this.dsActive)}};handleBlur=()=>{this.isActive=!1};getSpinnerColour=()=>{if("primary"===this.dsVariant){if("blue"===this.dsColour)return"white";if("white"===this.dsColour)return"black";if("black"===this.dsColour)return"white";if("danger"===this.dsColour)return"white"}return this.dsColour};renderIcon=t=>{const o=d(`${t}__icon`),n="small"===this.dsSize?"1.25rem":void 0,s=a("ds-icon","ds-button",this.el);return u(s,{class:o,dsName:this.dsIcon,dsCustomSize:n,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel})};renderButton=()=>{const t=g("ds-button"),o=d(`${t} ${t}--${this.dsVariant} ${t}--${this.dsColour} ${t}--${this.dsSize}`,{[`${t}--icon-start`]:this.dsIcon&&"start"===this.dsIconPosition&&this.hasContent,[`${t}--icon-end`]:this.dsIcon&&"end"===this.dsIconPosition&&this.hasContent,[`${t}--icon-only`]:this.dsIcon&&!this.hasContent,[`${t}--full-width`]:this.dsFullWidth,[`${t}--disabled`]:this.dsDisabled,[`${t}--${this.dsColour}--active`]:this.isActive,[`${t}--in-input`]:this.dsInInput}),n=a("ds-spinner","ds-button",this.el),s=a("ds-visually-hidden","ds-button",this.el),{role:r,"aria-label":b,"aria-labelledby":_,"aria-describedby":e,"aria-disabled":l,"aria-expanded":m,"aria-pressed":c,"aria-controls":j,"aria-haspopup":F,...q}=this.inheritedAttributes,p=this.dsRole??r,h=this.dsAriaLabel||b,v=this.dsAriaLabelledby||_,y=this.dsAriaDescribedby||e,C=this.dsAriaControls||j,k=void 0!==this.dsAriaHaspopup?this.dsAriaHaspopup:F;let f;void 0!==this.dsAriaDisabled?"string"==typeof this.dsAriaDisabled?(console.warn("dsAriaDisabled should be a boolean, not a string. String support will be deprecated."),f=this.dsAriaDisabled):f=this.dsAriaDisabled?"true":"false":l&&(f=l);const x=void 0!==this.dsAriaExpanded?this.dsAriaExpanded?"true":"false":m,w=void 0!==this.dsAriaPressed?this.dsAriaPressed?"true":"false":c;return u("button",{ref:t=>this.buttonEl=t,class:o,id:this.dsId,value:this.dsValue,name:this.dsName,form:this.dsForm,type:this.dsType,disabled:this.dsDisabled,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onBlur:this.handleBlur,...i("autofocus",this.dsAutoFocus),...i("role",p),...i("aria-disabled",f),...i("aria-label",h),...i("aria-labelledby",v),...i("aria-describedby",y),...i("aria-expanded",x),...i("aria-pressed",w),...i("aria-controls",C),...i("aria-haspopup",k),...q},u("slot",{name:"prefix"},!this.dsLoading&&this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(t),this.dsLoading&&u(n,{class:`${t}__spinner`,dsHiddenAssistiveText:this.dsSpinnerHiddenText,dsColour:this.getSpinnerColour(),dsSize:"medium"===this.dsSize?"medium":null,dsCustomSize:"small"===this.dsSize?"1.25rem":null})),this.hasContent&&u("span",{class:`${t}__value`},u("slot",null,this.text,this.dsHiddenAssistiveText&&u(s,{dsTag:"span"},this.dsHiddenAssistiveText))),u("slot",{name:"suffix"},this.dsIcon&&"end"===this.dsIconPosition&&this.renderIcon(t)))};render(){const t=this.renderButton();return this.dsUseSpinner?u("div",{"aria-live":"polite"},t):t}static get watchers(){return{dsText:["dsTextObserver"],dsValue:["dsValueObserver"],dsActive:["dsActiveObserver"],"aria-disabled":["ariaAttributeObserver"],"aria-label":["ariaAttributeObserver"],"aria-labelledby":["ariaAttributeObserver"],"aria-pressed":["ariaAttributeObserver"],"aria-expanded":["ariaAttributeObserver"],"aria-controls":["ariaAttributeObserver"],"aria-haspopup":["ariaAttributeObserver"]}}};e([u("ds-icon",{dsName:""}),u("ds-spinner",null),u("ds-visually-hidden",null)]),c.style=".sc-ds-button-h *.sc-ds-button,.ds-no-style-leak.sc-ds-button *.sc-ds-button{all:unset;box-sizing:border-box;display:block}.sc-ds-button-h{display:inline-block}.sc-ds-button-h:has(.ds-button__ugqjFm--full-width){width:100%}.ds-button__ugqjFm.sc-ds-button{width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center;cursor:default}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--supplementary) .ds-button__ugqjFm__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__ugqjFm--supplementary.sc-ds-button:has(.ds-button__ugqjFm__spinner) .ds-button__ugqjFm__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__ugqjFm__icon.sc-ds-button{height:1.5rem}.ds-button__ugqjFm.sc-ds-button:has(.ds-button__ugqjFm__spinner):not(.ds-button__ugqjFm--small) .ds-button__ugqjFm__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__ugqjFm__spinner.sc-ds-button{display:flex}.ds-button__ugqjFm--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--small):not(.ds-button__ugqjFm--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--small).ds-button__ugqjFm--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--small).ds-button__ugqjFm--icon-only{padding-left:0;padding-right:0}.ds-button__ugqjFm--small.ds-button__ugqjFm--icon-start.sc-ds-button,.ds-button__ugqjFm--small.ds-button__ugqjFm--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__ugqjFm--small.sc-ds-button:not(.ds-button__ugqjFm--secondary){border-width:0px;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__ugqjFm--small.ds-button__ugqjFm--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__ugqjFm--small.ds-button__ugqjFm--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__ugqjFm--small.sc-ds-button .ds-button__ugqjFm__icon.sc-ds-button{height:auto}.ds-button__ugqjFm--icon-start.sc-ds-button:not(.ds-button__ugqjFm--small) .ds-button__ugqjFm__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__ugqjFm--icon-end.sc-ds-button:not(.ds-button__ugqjFm--small) .ds-button__ugqjFm__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--blue:active,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--blue.ds-button__ugqjFm--disabled,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--black:active,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--black.ds-button__ugqjFm--disabled,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--white:active,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--white.ds-button__ugqjFm--disabled,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--danger:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--danger:active,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--danger.ds-button__ugqjFm--disabled,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--primary.ds-button__ugqjFm--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--blue:active,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--blue.ds-button__ugqjFm--disabled,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--black:active,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--black.ds-button__ugqjFm--disabled,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--white:active,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--white.ds-button__ugqjFm--disabled,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--danger:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--danger:active,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--danger.ds-button__ugqjFm--disabled,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--secondary.ds-button__ugqjFm--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--blue{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--blue:active,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--blue.ds-button__ugqjFm--disabled,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--black{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--black:active,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--black.ds-button__ugqjFm--disabled,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--white{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--white:active,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--white.ds-button__ugqjFm--disabled,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--danger:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--danger{background-color:transparent;border-color:transparent;color:var(--ds-textColor-danger);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--danger:active,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--danger.ds-button__ugqjFm--disabled,.ds-button__ugqjFm.sc-ds-button:not(.ds-button__ugqjFm--in-input).ds-button__ugqjFm--supplementary.ds-button__ugqjFm--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--blue.sc-ds-button:active,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--blue.ds-button__ugqjFm--disabled.sc-ds-button,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--black.sc-ds-button:active,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--black.ds-button__ugqjFm--disabled.sc-ds-button,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--white.sc-ds-button:active,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--white.ds-button__ugqjFm--disabled.sc-ds-button,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--danger.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--danger.sc-ds-button:active,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--danger.ds-button__ugqjFm--disabled.sc-ds-button,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--primary.ds-button__ugqjFm--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--blue.sc-ds-button:active,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--blue.ds-button__ugqjFm--disabled.sc-ds-button,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--black.sc-ds-button:active,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--black.ds-button__ugqjFm--disabled.sc-ds-button,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--white.sc-ds-button:active,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--white.ds-button__ugqjFm--disabled.sc-ds-button,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--danger.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--danger.sc-ds-button:active,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--danger.ds-button__ugqjFm--disabled.sc-ds-button,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--secondary.ds-button__ugqjFm--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--blue.sc-ds-button:active,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--blue.ds-button__ugqjFm--disabled.sc-ds-button,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--black.sc-ds-button:active,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--black.ds-button__ugqjFm--disabled.sc-ds-button,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--white.sc-ds-button:active,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--white.ds-button__ugqjFm--disabled.sc-ds-button,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--danger.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--danger.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-danger);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--danger.sc-ds-button:active,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--danger.ds-button__ugqjFm--disabled.sc-ds-button,.ds-button__ugqjFm.ds-button__ugqjFm--in-input.ds-button__ugqjFm--supplementary.ds-button__ugqjFm--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__ugqjFm.ds-button__ugqjFm--in-input.sc-ds-button{width:auto;height:100%;aspect-ratio:1/1}";export{c as ds_button}

package/dist/component-library/p-96eb9d34.entry.js

@@ -1 +0,0 @@
-import{r as e,h,H as s}from"./p-CxKb5d85.js";const t=class{constructor(h){e(this,h)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return h(s,{key:"7a7d6caf953994f9138a7e9b21b82eab641e26ea",style:{display:"flex"},title:this.dsTitle},h("svg",{key:"19d583e06311b644639e92b00a7b48ad22c64347",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},h("path",{key:"3b6d2280624848c6440e4a391e0e7a1ef1c43004",d:"M434-394v-92h92v92h-92Zm-160 0v-92h92v92h-92Zm320 0v-92h92v92h-92ZM434-234v-92h92v92h-92Zm-160 0v-92h92v92h-92Zm320 0v-92h92v92h-92ZM95-55v-791h150.2v-60H327v60h306v-60h82.2v60H866v791H95Zm94-94h582v-421H189v421Z"})))}};export{t as ds_icon_calendar_month_fill}

package/dist/component-library/p-9b006346.entry.js

@@ -1 +0,0 @@
-import{M as i,r as s,c as t,d as e,f as n,h as l}from"./p-CxKb5d85.js";import{c as o}from"./p-BfTCfPZ1.js";import{b as r,i as a}from"./p-DfbgRyXR.js";import{o as d,v as h}from"./p-BFDPzEgF.js";import{i as c,t as _,a as u,d as m}from"./p-J5Ghj1_T.js";import{l as g}from"./p-DMqBPB7y.js";import{a as k}from"./p-KxJMblF_.js";import{c as f}from"./p-CloeGH4n.js";import"./p-CenuCJz5.js";const v=c("visually-hidden-assistive-text"),b={"2xLarge":"1.375rem",xLarge:"1.25rem",large:"1.125rem",medium:"1rem",small:"0.875rem",xSmall:"0.75rem"},j=class extends(i(g,k)){constructor(i){super(),s(this,i),this.dsClick=t(this,"dsClick")}inheritedAttributes={};visuallyHiddenAssistiveTextId=v.next().value;get el(){return e(this)}linkRef;dsText;dsSize;dsVariant="inline";dsWeight="regular";dsIcon="";dsIconPosition="end";dsIconTitle;dsIconAriaLabel;dsIconHidden;dsIconAriaHidden;dsColour;dsTag="a";targetBlank=null;async setFocus(){this.linkRef?.focus()}async getLink(){return this.linkRef}get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.targetBlank?.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}setTargetBlank(i){this.targetBlank=d(i)?{icon:"open_in_new",rel:"noopener noreferrer"}:null}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...a(this,this.el),...r(this.el)},this.setTargetBlank(this.dsTarget)}onTargetChanged(i){this.setTargetBlank(i)}ariaLabelObserver(i){this.inheritedAttributes={...this.inheritedAttributes,"aria-label":i},n(this)}renderIcon(i,s=this.dsIcon,t=this.dsIconPosition){const e=o(`${i}__icon`,{[`${i}__icon--start-${this.dsVariant}`]:"start"===t,[`${i}__icon--end-${this.dsVariant}`]:"end"===t}),n=b[this.dsSize]??"1rem",r=_("ds-icon","ds-link",this.el);return l(r,{dsName:s,class:e,dsSize:n,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel,dsHidden:this.dsIconHidden,dsAriaHidden:this.dsIconAriaHidden})}renderSuffixIcon(i){return this.targetBlank?this.renderIcon(i,this.targetBlank.icon,"end"):this.dsIcon&&"end"===this.dsIconPosition?this.renderIcon(i):null}render(){const i=f("ds-link"),s=o(i,`${i}--${this.dsWeight}`,`${i}--${this.dsVariant}`,{[`${i}--${this.dsSize}`]:!!this.dsSize,[`${i}--colour-${this.dsColour}`]:!!this.dsColour}),t=_("ds-visually-hidden","ds-link",this.el),{"aria-label":e,"aria-labelledby":n,...r}=this.inheritedAttributes,a=this.dsAriaLabelledby||n;return l(this.dsTag,{key:"ce275927797fedae063d1df9e588b688a0268288",ref:i=>this.linkRef=i,part:"link",class:s,...u("aria-label",this.dsAriaLabel||e),...u("aria-labelledby",a),...r,...this.linkAttributes},l("slot",{key:"dfbd72718f44e0d722bb36dd80743748465560e9",name:"prefix"},this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(i)),this.dsText,l("slot",{key:"d4c01b72b5c3c8c0915d181dcff3e6b067b7080a",name:"suffix"},this.renderSuffixIcon(i)),d(this.dsTarget)&&l(t,{key:"ed5efb6ba22092114f5a31628faff9af0188712b",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},h()))}static get watchers(){return{dsTarget:["onTargetChanged"],"aria-label":["ariaLabelObserver"]}}};m([l("ds-icon",{dsName:""}),l("ds-visually-hidden",null)]),j.style=":host{display:inline}:host:has(.ds-link__ugqjFm--standalone){display:inline-block}.ds-link__ugqjFm:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link__ugqjFm{box-sizing:border-box;display:inline;color:var(--ds-textColor-link);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link__ugqjFm--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__ugqjFm--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__ugqjFm--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__ugqjFm--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__ugqjFm--large{font-size:var(--ds-fontSize-18)}.ds-link__ugqjFm--medium{font-size:var(--ds-fontSize-16)}.ds-link__ugqjFm--small{font-size:var(--ds-fontSize-14)}.ds-link__ugqjFm--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__ugqjFm__icon{display:inline-block;vertical-align:-0.125em}.ds-link__ugqjFm__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__ugqjFm__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__ugqjFm__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__ugqjFm__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__ugqjFm:hover,.ds-link__ugqjFm:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__ugqjFm:hover{color:var(--ds-textColor-link-hover)}.ds-link__ugqjFm:active{color:var(--ds-textColor-link-active)}.ds-link__ugqjFm:visited{color:var(--ds-textColor-link-visited)}.ds-link__ugqjFm--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__ugqjFm--standalone:hover,.ds-link__ugqjFm--standalone:active{text-decoration-line:underline}.ds-link__ugqjFm--standalone:focus-visible,.ds-link__ugqjFm--standalone:visited{color:var(--ds-textColor-link)}.ds-link__ugqjFm--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__ugqjFm--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__ugqjFm--colour-white{color:var(--ds-textColor-white)}.ds-link__ugqjFm--colour-white:hover,.ds-link__ugqjFm--colour-white:active,.ds-link__ugqjFm--colour-white:visited,.ds-link__ugqjFm--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__ugqjFm--colour-black{color:var(--ds-textColor-default)}.ds-link__ugqjFm--colour-black:hover,.ds-link__ugqjFm--colour-black:active,.ds-link__ugqjFm--colour-black:visited,.ds-link__ugqjFm--colour-black:focus-visible{color:var(--ds-textColor-default)}";export{j as ds_link}

package/dist/component-library/p-CloeGH4n.js

@@ -1 +0,0 @@
-import{E as o}from"./p-CxKb5d85.js";const s=s=>`${s}__${o.PACKAGE_VERSION}`;export{s as c}

package/dist/component-library/p-CrMYHo3G.js

@@ -1 +0,0 @@
-import{r as t}from"./p-CxKb5d85.js";const s=s=>class extends s{constructor(s){super(),t(this,s)}value=null;withValue(t){return this.value?this.value.includes(t)?this.value:[...this.value,t]:[t]}withoutValue(t){return this.value.includes(t)?this.value.filter((s=>s!==t)):this.value}withoutValues(t){return this.value?.filter((s=>!t.includes(s)))||this.value}inValue(t){return this.value?.includes(t)||!1}toValue(t){return t?Array.isArray(t)?t:[t]:null}getValueItem(t){return this.value?.[t]||null}};export{s as m}

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

@@ -1 +0,0 @@
-import{r as e,h,H as s}from"./p-CxKb5d85.js";const v=class{constructor(h){e(this,h)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return h(s,{key:"7572e2d103a70666efc727031e1b5adf392010f7",style:{display:"flex"},title:this.dsTitle},h("svg",{key:"f2ff8eabee2f1186b82dd8551e2b5954e43a50c2",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},h("path",{key:"e0438a112a3cce02cfa4c3f0429bb016f48ed34d",d:"M353-448h37v-83h62l23-24v-75l-23-23h-99v205Zm37-120v-48h48v48h-48Zm122 120h98l23-24v-158l-23-23h-98v205Zm37-37v-131h47v131h-47Zm129 37h37v-83h50v-37h-50v-48h50v-37h-87v205ZM192-192v-731h731v731H192Zm94-94h542v-542H286v542ZM37-37v-731h95v636h636v95H37Zm249-791v542-542Z"})))}};export{v as ds_icon_picture_as_pdf}

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

@@ -1 +0,0 @@
-import{r as a,d as t,h as s}from"./p-CxKb5d85.js";import{c as i}from"./p-BfTCfPZ1.js";import{c as n}from"./p-CloeGH4n.js";import{p as o}from"./p-u9yCU1iE.js";import{a as e,g,b as d,d as p,e as l,n as r,p as c,l as m,f as _,h as u}from"./p-gbm001xE.js";import{s as h,p as f}from"./p-B-jfWeRN.js";import"./p-CenuCJz5.js";import"./p-J5Ghj1_T.js";const j=class{constructor(t){a(this,t)}get el(){return t(this)}dsCurrentPage=1;dsTotalPages=1;dsLayout="auto";dsVariant="medium";dsAriaLabel;texts={firstPage:_(),lastPage:m(),previousPage:c(),nextPage:r(),goToFirstPage:l(),goToLastPage:p(),goToPreviousPage:d(),goToNextPage:g(),currentPage:e(),ellipsis:o()};handleLanguageChange(){this.setTexts(),this.updateContext()}dsCurrentPageObserver(a){(a<1||a>this.dsTotalPages)&&console.warn(`ds-pagination: dsCurrentPage (${a}) is out of range. Should be between 1 and ${this.dsTotalPages}`),this.updateContext()}dsTotalPagesObserver(a){a<1&&console.warn(`ds-pagination: dsTotalPages (${a}) should be at least 1`),this.updateContext()}componentWillLoad(){this.setTexts(),this.dsCurrentPageObserver(this.dsCurrentPage),this.dsTotalPagesObserver(this.dsTotalPages),this.storeContext()}componentDidLoad(){this.updateContext()}componentDidUpdate(){this.updateContext()}storeContext(){const a=this.createContext();h(this.el,a)}updateContext(){const a=this.createContext();f(this.el,a)}createContext(){return{currentPage:this.dsCurrentPage,totalPages:this.dsTotalPages,variant:this.dsVariant,layout:this.dsLayout,isCompact:!1,texts:this.texts}}setTexts(){this.texts={firstPage:_(),lastPage:m(),previousPage:c(),nextPage:r(),goToFirstPage:l(),goToLastPage:p(),goToPreviousPage:d(),goToNextPage:g(),currentPage:e(),ellipsis:o()}}render(){const a=n("ds-pagination"),t=i(a,`${a}--${this.dsVariant}`,`${a}--${this.dsLayout}`),o="small"===this.dsVariant?"var(--ds-fontSize-16)":"var(--ds-fontSize-18)",e="small"===this.dsVariant?"var(--ds-spacing-large)":"calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall))";return s("nav",{key:"76c0552832f7624b8e8305da6f81a434c898a57d",class:t,"aria-label":this.dsAriaLabel||u(),style:{"--ds-pagination-font-size":o,"--ds-link-cta-min-width":e}},s("div",{key:"2b74fd509c8aacdd2a23f9ab73335123cafdd9a4",class:`${a}__compact`},s("slot",{key:"a2652723a0b7f6121299b74dc7804a10d0751b2f",name:"compact",onSlotchange:()=>this.updateContext()})),s("div",{key:"da1cdd283f3c489df7af3bc40c6091477d3269d3",class:`${a}__full`},s("slot",{key:"affbe3c2bda9362accd81a1cb4b9fdf55007d64b",name:"full",onSlotchange:()=>this.updateContext()})))}static get watchers(){return{dsCurrentPage:["dsCurrentPageObserver"],dsTotalPages:["dsTotalPagesObserver"]}}};j.style=":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%}@media (min-width: 30rem){:host{width:auto}}.ds-pagination__ugqjFm{display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__ugqjFm__compact slot,.ds-pagination__ugqjFm__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__ugqjFm--compact .ds-pagination__ugqjFm__compact,.ds-pagination__ugqjFm--auto .ds-pagination__ugqjFm__compact{width:100%}@media (min-width: 30rem){.ds-pagination__ugqjFm--compact .ds-pagination__ugqjFm__compact,.ds-pagination__ugqjFm--auto .ds-pagination__ugqjFm__compact{width:auto}}.ds-pagination__ugqjFm--compact .ds-pagination__ugqjFm__compact slot,.ds-pagination__ugqjFm--auto .ds-pagination__ugqjFm__compact slot{display:grid;grid-template-columns:min-content min-content auto min-content min-content;gap:var(--ds-spacing-3xSmall);align-items:center;width:100%}.ds-pagination__ugqjFm ::slotted([class*=pagination-page-info]){padding:0 var(--ds-spacing-small);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold, 600);text-align:center;align-self:center}.ds-pagination__ugqjFm--compact .ds-pagination__ugqjFm__full{display:none}.ds-pagination__ugqjFm--full .ds-pagination__ugqjFm__compact{display:none}.ds-pagination__ugqjFm--auto .ds-pagination__ugqjFm__full{display:none}@media (min-width: 60rem){.ds-pagination__ugqjFm--auto .ds-pagination__ugqjFm__full{display:contents}.ds-pagination__ugqjFm--auto .ds-pagination__ugqjFm__compact{display:none}}";export{j as ds_pagination}

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

@@ -1 +0,0 @@
-import{r as s,h as t}from"./p-CxKb5d85.js";import{c as e}from"./p-CloeGH4n.js";import{i}from"./p-J5Ghj1_T.js";const a=i("ds-assistive-text"),d=class{constructor(t){s(this,t)}dsId=a.next().value;dsText;render(){const s=e("ds-assistive-text");return t("small",{key:"1f105295c590d0b0e3928da12f128c0d38be27f1",class:s,id:this.dsId},t("slot",{key:"8519ed27619feca65f44a9d4e49a5842d31df674"},this.dsText))}};d.style=".ds-assistive-text__ugqjFm.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}";export{d as ds_assistive_text}

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

@@ -1 +0,0 @@
-import{M as s,r as t,d as i,h as a,H as n}from"./p-CxKb5d85.js";import{c as r}from"./p-BfTCfPZ1.js";import{c as e}from"./p-CloeGH4n.js";import{t as d,d as o}from"./p-J5Ghj1_T.js";import{p}from"./p-CUabDT0J.js";import"./p-B-jfWeRN.js";const g=class extends(s(p)){constructor(s){super(),t(this,s)}get el(){return i(this)}dsPage;dsHref;dsIsCurrent;dsTag;get isCurrent(){return void 0!==this.dsIsCurrent?this.dsIsCurrent:!!this.paginationContext&&this.dsPage===this.paginationContext.currentPage}get DsLinkCta(){return d("ds-link-cta","ds-pagination-page",this.el)}render(){if(!this.paginationContext)return a(n,null);const s=e("ds-pagination-page"),t=r(s,{[`${s}--current`]:this.isCurrent}),i="span"===this.dsTag||this.isCurrent||!this.dsHref,d={class:t,dsVariant:this.isCurrent?"primary":"supplementary",dsSize:this.paginationContext.variant,dsTag:i?"span":"a",dsHref:i?void 0:this.dsHref,"aria-current":this.isCurrent?"page":void 0,dsText:String(this.dsPage),dsHideIcon:!0},o=e(`ds-pagination-page-variant--${this.paginationContext.variant}`);return a(n,{class:o},a(this.DsLinkCta,{...d}))}};o([a("ds-link-cta",{dsText:""})]),g.style=".sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__ugqjFm.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__ugqjFm--current.sc-ds-pagination-page{pointer-events:none;--ds-link-cta-bg-color:var(--ds-bgColor-primary);--ds-link-cta-text-color:var(--ds-textColor-white)}";export{g as ds_pagination_page}

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

@@ -1 +0,0 @@
-import{M as i,r as t,c as o,d as s,f as a,h as n}from"./p-CxKb5d85.js";import{c as d}from"./p-BfTCfPZ1.js";import{c as r}from"./p-CloeGH4n.js";import{i as e,t as c,o as l,d as f}from"./p-J5Ghj1_T.js";import{b as u,i as h}from"./p-DfbgRyXR.js";import{g}from"./p-CenuCJz5.js";import{a as _}from"./p-KxJMblF_.js";const b=e("ds-notification"),m=["neutral","neutralWhite","info","success","attention","danger"],v=["neutral","neutralWhite","info"],p=class extends(i(_)){constructor(i){super(),t(this,i),this.dsDismiss=o(this,"dsDismiss")}dsAriaLabel;dsAriaLabelledby;dsRole;inheritedAttributes={};get el(){return s(this)}dsDismiss;dsId=b.next().value;variant="neutral";get dsVariant(){return this.variant}set dsVariant(i){m.includes(i)&&(this.variant=i)}dsDismissable=!1;dsDismissButtonHiddenAssistiveText;dsHeading;headingLevel=2;get dsHeadingLevel(){return this.headingLevel}set dsHeadingLevel(i){i<1||(this.headingLevel=i)}icon;get dsIcon(){return this.icon}set dsIcon(i){this.icon=i&&v.includes(this.variant)?i:this.variantIcon}dsDescription;get variantIcon(){switch(this.variant){case"info":return"info_fill";case"success":return"check_circle_fill";case"attention":return"warning_fill";case"danger":return"report_fill";default:return"help_fill"}}get DsIcon(){return c("ds-icon","ds-notification",this.el)}get DsButton(){return c("ds-button","ds-notification",this.el)}get DsVisuallyHidden(){return c("ds-visually-hidden","ds-notification",this.el)}get headingId(){return`${this.dsId}-heading`}get close(){switch(g()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}get notification(){switch(g()){case"fi":return"Ilmoitus";case"sv":return"Meddelande";default:return"Notification"}}get ariaLabel(){return this.inheritedAttributes["aria-label"]?this.inheritedAttributes["aria-label"]:this.dsHeading&&this.dsDescription?void 0:this.notification}get ariaLabelledBy(){return this.inheritedAttributes["aria-labelledby"]?this.inheritedAttributes["aria-labelledby"]:this.dsHeading&&this.dsDescription?this.headingId:void 0}ariaAttributeObserver(i,t,o){this.inheritedAttributes={...this.inheritedAttributes,[o]:i},a(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...h(this,this.el),...u(this.el)}}handleDismissButtonClick=()=>{this.dsDismiss.emit()};render(){const i=r("ds-notification"),t=`${i}__content`,o=d(i,`${i}--${this.variant}`),s=this.dsAriaLabel??this.inheritedAttributes["aria-label"]??this.ariaLabel,a=this.dsAriaLabelledby??this.inheritedAttributes["aria-labelledby"]??this.ariaLabelledBy,e=this.dsRole??this.inheritedAttributes.role??"group",c=l(this.inheritedAttributes,["aria-labelledby","aria-label","role"]);return n("div",{key:"8e201a083dfe245b8a0c068244ef5db036c7aad7",class:o,id:this.dsId,role:e,"aria-label":s,"aria-labelledby":a,...c},this.dsIcon&&n("div",{key:"e06d5dc944970dc13497d1beb1089a52df5cf299",class:`${i}__icon ds-p-3xs`},n(this.DsIcon,{key:"b1e09f5319d6374513abb03432f03386c689e536",dsName:this.dsIcon})),n("div",{key:"6d43cafde7ce462412340bb4d25c6f598a300333",class:t},n("slot",{key:"645b319fd933c6d58add473be09144bc7a888bd9",name:"heading"},this.dsHeading&&n("div",{key:"0261cac112dce957d9ad9969e1631587861ef50e",class:`${t}__heading ds-text-semibold-lg`,id:this.headingId,role:this.dsDescription?"heading":void 0,"aria-level":this.dsDescription?this.dsHeadingLevel:void 0},this.dsHeading)),n("slot",{key:"6b32236fbbbc653bc14f90de968c0c5576e4672f",name:"description"},this.dsDescription&&n("div",{key:"6b599192a3b6508823add351655d0b17e2d4a002",class:`${t}__description ds-text-regular-md`},this.dsDescription)),n("slot",{key:"41939acae081c9c78e27ea9811822661be74d3cb"})),this.dsDismissable&&n(this.DsButton,{key:"5dbf763231f0adf9f818148a0528f347c2ca5e7b",dsId:`${this.dsId}-dismiss-button`,dsIcon:"close",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsAriaLabelledby:[`${this.dsId}-dismiss-button`,a].filter(Boolean).join(" "),onClick:this.handleDismissButtonClick},n(this.DsVisuallyHidden,{key:"80fb85513aaa132ff6928769fc19b89a58998431",slot:"suffix",dsTag:"span"},this.dsDismissButtonHiddenAssistiveText||this.close)))}static get watchers(){return{"aria-label":["ariaAttributeObserver"],"aria-labelledby":["ariaAttributeObserver"]}}};f([n("ds-icon",{dsName:""}),n("ds-button",null),n("ds-visually-hidden",null)]),p.style=".sc-ds-notification-h{display:block;width:100%}.ds-notification__ugqjFm.sc-ds-notification{display:flex;padding:var(--ds-spacing-xSmall, 12px);gap:var(--ds-spacing-2xSmall, 8px)}.ds-notification__ugqjFm.ds-notification__ugqjFm--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__ugqjFm.ds-notification__ugqjFm--neutral.sc-ds-notification .ds-notification__ugqjFm__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__ugqjFm.ds-notification__ugqjFm--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__ugqjFm.ds-notification__ugqjFm--neutralWhite.sc-ds-notification .ds-notification__ugqjFm__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__ugqjFm.ds-notification__ugqjFm--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__ugqjFm.ds-notification__ugqjFm--info.sc-ds-notification .ds-notification__ugqjFm__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__ugqjFm.ds-notification__ugqjFm--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__ugqjFm.ds-notification__ugqjFm--success.sc-ds-notification .ds-notification__ugqjFm__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__ugqjFm.ds-notification__ugqjFm--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__ugqjFm.ds-notification__ugqjFm--attention.sc-ds-notification .ds-notification__ugqjFm__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__ugqjFm.ds-notification__ugqjFm--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__ugqjFm.ds-notification__ugqjFm--danger.sc-ds-notification .ds-notification__ugqjFm__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__ugqjFm__content.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-notification__ugqjFm__content__heading.sc-ds-notification,.ds-notification__ugqjFm__content__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__ugqjFm__content__description.sc-ds-notification{max-width:550px}";export{p as ds_notification}