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

package/dist/components/p-Cw4p-aw8.js

@@ -1 +0,0 @@
-import{p as s,H as t,c as e,h as i,t as a}from"./p-BuOkAFpk.js";import{c as d}from"./p-BfTCfPZ1.js";import{t as r,a as o,b as n,d as l}from"./p-ChKb-Fx7.js";import{c}from"./p-mCzhJpLe.js";import{b as h,c as u,d as m,e as p,v as b}from"./p-CGOuyzCr.js";import{p as f,a as _,c as g,o as k,g as y,h as v,i as x,b as C,d as w,e as D,f as M,j as K,k as T,l as V,n as $,m as I,q as O,r as E,s as S,t as A,u as j,y as F,v as R,w as z,x as Y,z as L,A as B,B as W,C as P,D as H,E as N}from"./p-BcPjznt2.js";import{d as q}from"./p-C-9CbR-m.js";import{d as G}from"./p-DQF9yc5U.js";import{d as X}from"./p-DvDKMhL0.js";import{d as J}from"./p-WP2R4-9m.js";import{d as U}from"./p-C7lPkerx.js";import{d as Q}from"./p-DLwHjFji.js";import{d as Z}from"./p-CG0xzpsq.js";import{d as ss}from"./p-ByAjsjC6.js";import{d as ts}from"./p-tjRsBgg_.js";import{d as es}from"./p-CIMgGYdP.js";import{d as is}from"./p-Btjw1t0e.js";import{d as as}from"./p-C5G4aj9J.js";import{d as ds}from"./p-CTvLGwOE.js";const rs=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsChange=e(this,"dsChange",7),this.dsValidity=e(this,"dsValidity",7),this.dsSubmitInvalid=e(this,"dsSubmitInvalid",7),this.dsBlur=e(this,"dsBlur",7),this.dsFocus=e(this,"dsFocus",7)}get el(){return this}dsAriaDescribedby;dsAriaControls;dsId;dsLabel="";dsValue;dsName;dsForm;dsDisabled=!1;dsReadonly=!1;dsErrorText;dsRequired=!1;dsOptional;dsOptionalText;dsAssistiveText;dsHiddenAssistiveText;dsPlaceholder;dsMin;dsMax;dsDisabledDates;dsYearRangeStart;dsYearRangeEnd;dsChange;dsValidity;dsSubmitInvalid;dsBlur;dsFocus;isOpen=!1;currentMonth=(new Date).getMonth();currentYear=(new Date).getFullYear();selectedDate="";clickOutsideEnabled=!1;focusedDate=null;hasFocus=!1;internalErrorText="";wasInvalidOnBlur=!1;announcerText="";transitionDirection=null;transitionKey=0;debouncedInputValue=null;inputValue=null;originalValue="";justChanged=!1;pendingFocus=!1;cachedCalendarDays=[];lastCalendarMonth=null;lastCalendarYear=null;cachedYearOptions=[];pickerRef;calendarButtonRef;announceTimeout;debounceTimeout;get calendarButtonAriaLabel(){let s=this.selectedDate;if(null!==this.debouncedInputValue&&""!==this.debouncedInputValue.trim()){const t=f(this.debouncedInputValue.trim());t&&(s=t)}const t=s?_(s):null;return this.isOpen?g(t):k(t)}get dateConstraints(){return{min:this.dsMin,max:this.dsMax,disabledDates:this.dsDisabledDates}}textInputRef;inputRef;get validityText(){return this.dsErrorText||this.internalErrorText||""}get DsControlLabel(){return r("ds-control-label","ds-datepicker-custom",this.el)}get DsIconTag(){return r("ds-icon","ds-datepicker-custom",this.el)}get DsButtonTag(){return r("ds-button","ds-datepicker-custom",this.el)}get DsSelectTag(){return r("ds-select","ds-datepicker-custom",this.el)}get DsFeedbackTag(){return r("ds-feedback","ds-datepicker-custom",this.el)}get DsInputValidityTag(){return r("ds-input-validity","ds-datepicker-custom",this.el)}get DsTextInputTag(){return r("ds-text-input","ds-datepicker-custom",this.el)}componentWillLoad(){if(this.selectedDate=this.dsValue||"",this.selectedDate){const s=_(this.selectedDate);s&&(this.currentMonth=s.getMonth(),this.currentYear=s.getFullYear())}this.updateYearOptions()}updateYearOptions(){this.cachedYearOptions=y(this.dsYearRangeStart,this.dsYearRangeEnd)}componentDidLoad(){this.inputRef=this.textInputRef?.querySelector("input"),this.inputRef?.addEventListener("keydown",v)}componentDidRender(){this.pendingFocus&&(this.pendingFocus=!1,this.focusDayButton())}handleFocusIn(){this.hasFocus=!0}handleFocusOut(s){const t=s&&"relatedTarget"in s?s.relatedTarget:null;if(!t||!this.el.contains(t)){if(this.pendingFocus)return;if(this.hasFocus=!1,this.justChanged)return void(this.justChanged=!1);const{isValid:s,flag:t,message:e}=this.validateInputValue();this.wasInvalidOnBlur=!s,s&&this.applyValidInput(),this.internalErrorText=e,this.dsValidity.emit({flag:t,message:e})}}hasFocusObserver(s){s?this.dsFocus.emit():this.dsBlur.emit()}dsValueObserver(s){if(this.selectedDate=s||"",!this.selectedDate)return;const t=_(this.selectedDate);t&&(this.currentMonth=t.getMonth(),this.currentYear=t.getFullYear())}dsYearRangeObserver(){this.updateYearOptions()}handleDocumentKeyDown(s){if(this.isOpen){if("Escape"===s.key)return this.selectedDate=this.originalValue,this.inputValue=null,void this.closePicker((()=>this.calendarButtonRef?.setFocus()));if("Tab"===s.key&&this.pickerRef){const t=Array.from(this.pickerRef.querySelectorAll('button:not([disabled]), [tabindex="0"], select, input, [tabindex]:not([tabindex="-1"])')).filter((s=>!s.hasAttribute("disabled")&&"-1"!==s.getAttribute("tabindex")));if(0===t.length)return;const e=t[0],i=t[t.length-1];s.shiftKey||document.activeElement!==i&&!i.contains(document.activeElement)?s.shiftKey&&(document.activeElement===e||e.contains(document.activeElement))&&(s.preventDefault(),i.focus()):(s.preventDefault(),e.focus())}}}handleClickOutside(s){this.isOpen&&this.clickOutsideEnabled&&this.pickerRef&&(this.el.contains(s.target)||this.closePicker())}openPicker=()=>{if(!this.dsDisabled&&!this.dsReadonly){if(null!==this.inputValue){const s=this.inputValue.trim();if(s){const t=f(s);t&&!x(_(t),this.dateConstraints)&&(this.selectedDate=t,this.inputValue=null)}}if(this.originalValue=this.selectedDate,this.selectedDate){const s=_(this.selectedDate);s&&(this.focusedDate=s,this.currentMonth=s.getMonth(),this.currentYear=s.getFullYear())}else this.focusedDate=C(this.dateConstraints),this.currentMonth=this.focusedDate.getMonth(),this.currentYear=this.focusedDate.getFullYear();this.isOpen=!0,this.clickOutsideEnabled=!0,this.pendingFocus=!0}};togglePicker=()=>{this.isOpen?this.closePicker():this.openPicker()};handleCalendarButtonClick=s=>{s.stopPropagation(),this.togglePicker()};closePicker=s=>{this.isOpen=!1,this.clickOutsideEnabled=!1,this.focusedDate=null,s&&requestAnimationFrame(s)};focusDayButton=()=>{if(!this.pickerRef||!this.focusedDate)return;const s=this.pickerRef.querySelectorAll('[role="gridcell"] > button'),t=this.focusedDate.getDate();for(const e of Array.from(s)){const s=parseInt(e.textContent?.trim()||"0"),i=e.className.includes("other-month");if(s===t&&!i&&!e.disabled)return void e.focus()}};selectDate=s=>{const t=w(s);this.selectedDate=t,this.internalErrorText="",this.inputValue=null,this.wasInvalidOnBlur=!1,this.justChanged=!0,this.dsChange.emit(t),this.dsValidity.emit({flag:"valid",message:""}),this.closePicker((()=>this.calendarButtonRef?.setFocus()))};handleDayClick=s=>{x(s,this.dateConstraints)||this.selectDate(s)};createDayClickHandler=s=>()=>this.handleDayClick(s);createDayKeyDownHandler=s=>t=>this.handleDayKeyDown(t,s);handleShowToday=()=>{const s=new Date,t=s.getMonth()!==this.currentMonth||s.getFullYear()!==this.currentYear;if(t){const t=s>D(this.currentYear,this.currentMonth,1)?"next":"prev";this.setMonthWithTransition(s.getMonth(),s.getFullYear(),t)}if(x(s,this.dateConstraints)){const s=M(this.currentYear,this.currentMonth,this.dateConstraints);this.focusedDate=s}else this.focusedDate=s;t?this.pendingFocus=!0:requestAnimationFrame((()=>this.focusDayButton()))};handleClear=()=>{this.selectedDate="",this.inputValue=null,this.internalErrorText="",this.wasInvalidOnBlur=!1,this.justChanged=!0,this.dsChange.emit(""),this.dsValidity.emit({flag:"valid",message:""}),this.closePicker((()=>this.inputRef?.focus()))};handleDayKeyDown=(s,t)=>{const e=s.key;if("Tab"!==e){if(o(e)){s.preventDefault();const i=N(e),a=K(t,i,this.dateConstraints);if(a)if(this.focusedDate=a,this.inputValue=T(w(a)),a.getMonth()!==this.currentMonth||a.getFullYear()!==this.currentYear){const s=a>D(this.currentYear,this.currentMonth,1)?"next":"prev";this.setMonthWithTransition(a.getMonth(),a.getFullYear(),s),this.announceMonthYear(),this.pendingFocus=!0}else requestAnimationFrame((()=>this.focusDayButton()))}n(e)&&(s.preventDefault(),x(t,this.dateConstraints)||this.selectDate(t))}};applyValidInput(){if(null===this.inputValue)return;const s=this.inputValue.trim();if(this.inputValue=null,!s)return void(this.selectedDate&&(this.selectedDate="",this.dsChange.emit("")));const t=f(s);if(!t||t===this.selectedDate)return;this.selectedDate=t;const e=_(t);e&&(this.currentMonth=e.getMonth(),this.currentYear=e.getFullYear()),this.dsChange.emit(t)}validateInputValue=()=>{const s=(null!==this.inputValue?this.inputValue:T(this.selectedDate)).trim();if(!s&&this.dsRequired)return{isValid:!1,flag:"valueMissing",message:h()};if(!s)return{isValid:!0,flag:"valid",message:""};const t=f(s);if(!t)return{isValid:!1,flag:"badInput",message:u()};const e=_(t);if(!e)return{isValid:!1,flag:"badInput",message:u()};if(this.dsMin){const s=_(this.dsMin);if(s&&e<s)return{isValid:!1,flag:"rangeUnderflow",message:m()}}if(this.dsMax){const s=_(this.dsMax);if(s&&e>s)return{isValid:!1,flag:"rangeOverflow",message:p()}}return this.dsDisabledDates?.includes(t)?{isValid:!1,flag:"customError",message:V()}:{isValid:!0,flag:"valid",message:""}};handleInputChange=s=>{const t=s.detail.value;if(this.inputValue=t,this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout((()=>{this.debouncedInputValue=null!==t?t:""}),500),t.trim()){if(this.wasInvalidOnBlur){const{isValid:s,flag:e,message:i}=this.validateInputValue();if(s){const s=f(t);if(s){this.selectedDate=s;const t=_(s);t&&(this.currentMonth=t.getMonth(),this.currentYear=t.getFullYear()),this.internalErrorText="",this.wasInvalidOnBlur=!1,this.dsChange.emit(s)}}this.dsValidity.emit({flag:e,message:i})}}else this.dsRequired||(this.selectedDate||this.internalErrorText)&&(this.selectedDate="",this.internalErrorText="",this.wasInvalidOnBlur=!1,this.dsChange.emit(""),this.dsValidity.emit({flag:"valid",message:""}))};setMonthWithTransition=(s,t,e)=>{this.transitionDirection=e,this.transitionKey++,this.currentMonth=s,this.currentYear=t};handleChangeMonth=s=>{const{month:t,year:e}=$(this.currentMonth,this.currentYear,s);this.setMonthWithTransition(t,e,s);let i=null;i="prev"===s?I(e,t,this.dateConstraints)??D(e,t+1,0):M(e,t,this.dateConstraints)??D(e,t,1),this.focusedDate=i,this.announceMonthYear()};handleMonthChange=s=>{s.stopPropagation();const t=parseInt(s.detail,10);if(!isNaN(t)&&t>=0&&t<=11){this.setMonthWithTransition(t,this.currentYear,t>this.currentMonth?"next":"prev");const s=M(this.currentYear,t,this.dateConstraints);this.focusedDate=s??D(this.currentYear,t,1),this.announceMonthYear()}};handleYearChange=s=>{s.stopPropagation();const t=parseInt(s.detail,10);if(!isNaN(t)){this.setMonthWithTransition(this.currentMonth,t,t>this.currentYear?"next":"prev");const s=M(t,this.currentMonth,this.dateConstraints);this.focusedDate=s??D(t,this.currentMonth,1),this.announceMonthYear()}};announceMonthYear=()=>{const s=O();this.announcerText=`${s[this.currentMonth]} ${this.currentYear}`,this.announceTimeout&&clearTimeout(this.announceTimeout),this.announceTimeout=setTimeout((()=>{this.announcerText="",this.announceTimeout=void 0}),2e3)};getCalendarDaysWithCache(){const s=this.currentYear,t=this.currentMonth;return this.lastCalendarMonth===t&&this.lastCalendarYear===s&&this.cachedCalendarDays.length>0||(this.lastCalendarMonth=t,this.lastCalendarYear=s,this.cachedCalendarDays=E(s,t)),this.cachedCalendarDays}handleIconKeyDown=s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.togglePicker())};getValidityMessage(){if(!this.inputRef)return"";if(this.selectedDate){const s=_(this.selectedDate);if(!s)return"";if(this.dsMin){const t=_(this.dsMin);if(t&&s<t)return m()}if(this.dsMax){const t=_(this.dsMax);if(t&&s>t)return p()}if(this.dsDisabledDates?.includes(this.selectedDate))return V()}const s=this.inputRef.validity;for(const t in s)if("valid"!==t&&s[t])return b(t);return""}handleValidityEvent(s){return t=>{t.stopPropagation();const e=this.getValidityMessage();s.emit({flag:"customError",message:e})}}render(){const s=c("ds-datepicker-custom"),t=O(),e=Y(),a=this.getCalendarDaysWithCache(),r=this.cachedYearOptions,o=this.dsAssistiveText?`${this.dsId}-assistive`:void 0,n=this.dsHiddenAssistiveText?`${this.dsId}-hidden-assistive`:void 0,l=this.validityText?`${this.dsId}-validity`:void 0,h=this.dsAriaDescribedby||void 0;return i("div",{key:"77350ee4df5e680b21f50de58f4894703e8bdd74"},i(this.DsControlLabel,{key:"901519cde4668655faddd44153f4853a0eef22b8",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:o,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:n},i("slot",{key:"d6e10af4bd8e8e2c6ca1029fd07cd7681eae2234",name:"label"}),i("slot",{key:"412ca25a543a5d8ad14fa23e0bdf27e45687ead5",name:"assistiveText"})),i("div",{key:"ee91c7fa7c5dd236ea748dff785e3b3a6c30c60a",class:s},i(this.DsTextInputTag,{key:"73201d6e9777c1bacbe317a1815747ad19439ba2",ref:s=>this.textInputRef=s,dsId:this.dsId,dsName:this.dsName,dsForm:this.dsForm,dsDisabled:this.dsDisabled,dsReadonly:this.dsReadonly,dsRequired:this.dsRequired,dsValue:null!==this.inputValue?this.inputValue:T(this.selectedDate),dsPlaceholder:this.dsPlaceholder,dsInvalid:!!this.validityText,dsFullWidth:!0,dsAriaDescribedby:[h,o,n,l].filter(Boolean).join(" ")||void 0,onDsInput:this.handleInputChange,onDsChange:s=>s.stopPropagation(),onDsValidity:this.handleValidityEvent(this.dsValidity),onDsSubmitInvalid:this.handleValidityEvent(this.dsSubmitInvalid)},i(this.DsButtonTag,{key:"e28ac7b40a4d56371319a5a92d4efc380af6bae2",ref:s=>this.calendarButtonRef=s,slot:"suffix",class:`${s}__calendar-icon`,dsVariant:"supplementary",dsColour:"black",dsSize:"small",onClick:this.handleCalendarButtonClick,onKeyDown:this.handleIconKeyDown,dsDisabled:this.dsDisabled||this.dsReadonly,dsAriaLabel:this.calendarButtonAriaLabel,dsInInput:!0,tabindex:this.dsDisabled?-1:0,"aria-haspopup":"dialog","aria-expanded":this.isOpen?"true":"false"},i(this.DsIconTag,{key:"18a1655a2d3b4f4874f4bdde19aa7358027be26f",dsName:this.isOpen?"calendar_month_fill":"calendar_month",dsAriaHidden:!0}))),this.isOpen&&i("div",{key:"123fcc3b1845f92e2a02384bddfa43ba78797cec",ref:s=>this.pickerRef=s,class:`${s}__picker`,role:"dialog","aria-modal":"true","aria-labelledby":`${this.dsId}-grid-label`},i(this.DsFeedbackTag,{key:"34721218d75aca559c8e6b1243ebafe0ae61d948",dsSrOnly:!0,dsSrOnlyTag:"span"},this.announcerText),i("div",{key:"000ac41263a8395f38b8f20620e7e36d545602bf",class:`${s}__header`},i("div",{key:"734e949edf5c6aeb4099192ad0e149d1a034386d",id:`${this.dsId}-grid-label`,class:`${s}__selects`},i(this.DsSelectTag,{key:"0bed5ddbafd758a8211b0b38d9a9489bc0c5c301",dsId:`${this.dsId}-month`,dsValue:this.currentMonth.toString(),dsClearable:!1,dsVariant:"native",dsIconSize:"1rem",dsPlaceholder:A(),dsAriaLabel:`${S()}, ${t[this.currentMonth]}`,onDsChange:this.handleMonthChange},t.map(((s,t)=>i("option",{slot:"native",value:t.toString()},s)))),i(this.DsSelectTag,{key:"df222c0fb842a150b13092351fd0eb8663446246",dsId:`${this.dsId}-year`,dsValue:this.currentYear.toString(),dsClearable:!1,dsVariant:"native",dsIconSize:"1rem",dsPlaceholder:F(),dsAriaLabel:`${j()}, ${this.currentYear}`,onDsChange:this.handleYearChange},r.map((s=>i("option",{slot:"native",value:s.toString()},s))))),i("div",{key:"512c56f683a379097b9d8aa4c8d7ef4cd6531f73",class:`${s}__navigation`},i(this.DsButtonTag,{key:"f4fc6f5dd2a88010b92909d87f024caab03656d4",dsVariant:"supplementary",dsColour:"blue",dsSize:"small",dsAriaLabel:R(),onClick:()=>this.handleChangeMonth("prev"),tabindex:0},i(this.DsIconTag,{key:"0174b1aa004106f43f3caf3b3187755453b65d48",dsName:"chevron_backward",dsSize:"1rem",dsAriaHidden:!0})),i(this.DsButtonTag,{key:"9ab1b63f4479ae62f2dfa6b3ab5bff65781e7d51",dsVariant:"supplementary",dsColour:"blue",dsSize:"small",dsAriaLabel:z(),onClick:()=>this.handleChangeMonth("next"),tabindex:0},i(this.DsIconTag,{key:"17d748028457f93c15a6d540744b15d7c43d4935",dsName:"chevron_forward",dsSize:"1rem",dsAriaHidden:!0})))),i("div",{class:d(`${s}__calendar`,{[`${s}__calendar--transitioning`]:null!==this.transitionDirection,[`${s}__calendar--prev`]:"prev"===this.transitionDirection,[`${s}__calendar--next`]:"next"===this.transitionDirection}),key:this.transitionKey,role:"grid","aria-label":`${t[this.currentMonth]} ${this.currentYear}`,onAnimationEnd:()=>this.transitionDirection=null},i("div",{key:"e60eba2d9f35ff5a65f0605c46f976559ea646d3",role:"row",class:`${s}__weekday-row`,"aria-hidden":"true"},e.map((t=>i("div",{class:`${s}__weekday`,role:"columnheader"},t)))),Array.from({length:Math.ceil(a.length/7)},((t,e)=>{const r=a.slice(7*e,7*(e+1));return i("div",{role:"row",class:`${s}__day-row`},r.map((({day:t,isCurrentMonth:e,isToday:a,date:r})=>{const o=x(r,this.dateConstraints),n=L(r,this.selectedDate),l=this.focusedDate&&r.getDate()===this.focusedDate.getDate()&&r.getMonth()===this.focusedDate.getMonth()&&r.getFullYear()===this.focusedDate.getFullYear(),c=B(),h=W(),u=(r.getDay()+6)%7,m=`${r.getDate()} ${c[r.getMonth()]} ${h[u]} ${r.getFullYear()}`;return i("div",{role:"gridcell","aria-selected":n?"true":"false"},i("button",{type:"button",disabled:o,tabIndex:l&&e&&!o?0:-1,"aria-current":a?"date":void 0,"aria-label":m,onClick:this.createDayClickHandler(r),onKeyDown:this.createDayKeyDownHandler(r),class:d(`${s}__day`,{[`${s}__day--other-month`]:!e,[`${s}__day--today`]:a,[`${s}__day--selected`]:n,[`${s}__day--disabled`]:o})},t))})))}))),i("div",{key:"f46765ef24681173df2a4976e65ddc146e6d780e",class:`${s}__footer`},i(this.DsButtonTag,{key:"cedbf94726d361cf23e6b8420e7b08c0785754d8",dsVariant:"supplementary",dsText:P(),dsSize:"small",onClick:this.handleShowToday,class:`${s}__footer-button--left`,tabindex:0}),i(this.DsButtonTag,{key:"f445f77565f9fed8b59ba594e22ed14345345cf8",dsVariant:"supplementary",dsText:H(),dsSize:"small",onClick:this.handleClear,class:`${s}__footer-button--right`,tabindex:0})))),this.validityText&&i(this.DsInputValidityTag,{key:"c443a6acb114fe71cf91e6e2672479075be32cf4",id:l,dsText:this.validityText,dsType:"error"}))}static get watchers(){return{hasFocus:[{hasFocusObserver:0}],dsValue:[{dsValueObserver:0}],dsYearRangeStart:[{dsYearRangeObserver:0}],dsYearRangeEnd:[{dsYearRangeObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-datepicker-custom *.sc-ds-datepicker-custom{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-custom-h{display:inline-block;width:18rem}.sc-ds-datepicker-custom-h>div.sc-ds-datepicker-custom{display:flex;flex-direction:column;position:relative}.ds-datepicker-custom__MsKlb0__calendar-icon.sc-ds-datepicker-custom{height:100%}.ds-datepicker-custom__MsKlb0.sc-ds-datepicker-custom{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-datepicker-custom__MsKlb0__calendar-icon.sc-ds-datepicker-custom{margin-right:calc(-1 * var(--ds-spacing-xSmall))}@supports (-moz-appearance: none){.ds-datepicker-custom__MsKlb0__calendar-icon.sc-ds-datepicker-custom{display:inline-flex}}.ds-datepicker-custom__MsKlb0__picker.sc-ds-datepicker-custom{position:absolute;top:100%;width:100%;height:22.5rem;display:flex;flex-direction:column;background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);box-shadow:var(--ds-shadow-overlay);z-index:1000;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-datepicker-custom__MsKlb0__header.sc-ds-datepicker-custom{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-spacing-small);margin-bottom:var(--ds-spacing-xSmall)}.ds-datepicker-custom__MsKlb0__selects.sc-ds-datepicker-custom{--ds-select-borderWidth:0;--ds-select-narrow-width:auto;--ds-select-wide-width:auto;--ds-select-height:var(--ds-spacing-large);--ds-select-dropdown-icon-border-left:none;--ds-select-selected-option-color:var(--ds-textColor-default);--ds-select-selected-option-font-size:var(--ds-fontSize-14);--ds-select-selected-option-font-weight:var(--ds-fontWeight-semibold);--ds-select-selected-option-padding:0;--ds-select-dropdown-icon-padding:0 var(--ds-spacing-4xSmall);--ds-select-selected-text-margin-right:var(--ds-spacing-3xSmall);display:flex;gap:var(--ds-spacing-xSmall);flex:1}.ds-datepicker-custom__MsKlb0__navigation.sc-ds-datepicker-custom{--ds-button-min-height:2rem;--ds-button-min-width:2rem;display:flex;gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__MsKlb0__calendar.sc-ds-datepicker-custom{--ds-button-min-height:var(--ds-spacing-large);--ds-button-min-width:var(--ds-spacing-large);display:flex;flex-direction:column;gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__MsKlb0__calendar--prev.sc-ds-datepicker-custom{animation:slide-in-from-left 250ms ease-out}.ds-datepicker-custom__MsKlb0__calendar--next.sc-ds-datepicker-custom{animation:slide-in-from-right 250ms ease-out}@keyframes slide-in-from-left{from{opacity:0;transform:translateX(-0.75rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-from-right{from{opacity:0;transform:translateX(0.75rem)}to{opacity:1;transform:translateX(0)}}.ds-datepicker-custom__MsKlb0__weekday-row.sc-ds-datepicker-custom,.ds-datepicker-custom__MsKlb0__day-row.sc-ds-datepicker-custom{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__MsKlb0__weekday-row.sc-ds-datepicker-custom [role=gridcell].sc-ds-datepicker-custom,.ds-datepicker-custom__MsKlb0__day-row.sc-ds-datepicker-custom [role=gridcell].sc-ds-datepicker-custom{display:contents}.ds-datepicker-custom__MsKlb0__weekday.sc-ds-datepicker-custom,.ds-datepicker-custom__MsKlb0__day.sc-ds-datepicker-custom{aspect-ratio:1;line-height:var(--ds-button-min-height);text-align:center}.ds-datepicker-custom__MsKlb0__weekday.sc-ds-datepicker-custom{font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-12);color:var(--ds-textColor-secondary)}.ds-datepicker-custom__MsKlb0__day.sc-ds-datepicker-custom{background:none;border:none;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-datepicker-custom__MsKlb0__day.sc-ds-datepicker-custom: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-datepicker-custom__MsKlb0__day.sc-ds-datepicker-custom:hover:not(.ds-datepicker-custom__MsKlb0__day--disabled,.ds-datepicker-custom__MsKlb0__day--selected).sc-ds-datepicker-custom{background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-custom__MsKlb0__day.sc-ds-datepicker-custom:active:not(.ds-datepicker-custom__MsKlb0__day--disabled,.ds-datepicker-custom__MsKlb0__day--selected).sc-ds-datepicker-custom{background-color:var(--ds-bgColor-white-active)}.ds-datepicker-custom__MsKlb0__day--other-month.sc-ds-datepicker-custom:not(.ds-datepicker-custom__MsKlb0__day--disabled){color:var(--ds-textColor-secondary)}.ds-datepicker-custom__MsKlb0__day--today.sc-ds-datepicker-custom{font-weight:var(--ds-fontWeight-bold);text-decoration:underline;text-decoration-thickness:13%;text-underline-offset:12%}.ds-datepicker-custom__MsKlb0__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__MsKlb0__day--disabled){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white);font-weight:var(--ds-fontWeight-bold)}.ds-datepicker-custom__MsKlb0__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__MsKlb0__day--disabled):hover{background-color:var(--ds-bgColor-primary-hover)}.ds-datepicker-custom__MsKlb0__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__MsKlb0__day--disabled):active{background-color:var(--ds-bgColor-primary-active)}.ds-datepicker-custom__MsKlb0__day--disabled.sc-ds-datepicker-custom{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-datepicker-custom__MsKlb0__footer.sc-ds-datepicker-custom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.ds-datepicker-custom__MsKlb0__footer-button--left.sc-ds-datepicker-custom{margin-right:auto}.ds-datepicker-custom__MsKlb0__footer-button--right.sc-ds-datepicker-custom{margin-left:auto}"}},[774,"ds-datepicker-custom",{dsAriaDescribedby:[1,"ds-aria-describedby"],dsAriaControls:[1,"ds-aria-controls"],dsId:[1,"ds-id"],dsLabel:[1,"ds-label"],dsValue:[1,"ds-value"],dsName:[1,"ds-name"],dsForm:[1,"ds-form"],dsDisabled:[4,"ds-disabled"],dsReadonly:[4,"ds-readonly"],dsErrorText:[1,"ds-error-text"],dsRequired:[4,"ds-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"],dsAssistiveText:[1,"ds-assistive-text"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsPlaceholder:[1,"ds-placeholder"],dsMin:[1,"ds-min"],dsMax:[1,"ds-max"],dsDisabledDates:[16],dsYearRangeStart:[2,"ds-year-range-start"],dsYearRangeEnd:[2,"ds-year-range-end"],isOpen:[32],currentMonth:[32],currentYear:[32],selectedDate:[32],clickOutsideEnabled:[32],focusedDate:[32],hasFocus:[32],internalErrorText:[32],wasInvalidOnBlur:[32],announcerText:[32],transitionDirection:[32],transitionKey:[32],debouncedInputValue:[32],inputValue:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"],[4,"keydown","handleDocumentKeyDown"],[4,"click","handleClickOutside"]],{hasFocus:[{hasFocusObserver:0}],dsValue:[{dsValueObserver:0}],dsYearRangeStart:[{dsYearRangeObserver:0}],dsYearRangeEnd:[{dsYearRangeObserver:0}]}]);function os(){"undefined"!=typeof customElements&&["ds-datepicker-custom","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-option","ds-options","ds-select","ds-select-native","ds-spinner","ds-text-input","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-datepicker-custom":customElements.get(a(s))||customElements.define(a(s),rs);break;case"ds-assistive-text":customElements.get(a(s))||q();break;case"ds-button":customElements.get(a(s))||G();break;case"ds-control-label":customElements.get(a(s))||X();break;case"ds-feedback":customElements.get(a(s))||J();break;case"ds-icon":customElements.get(a(s))||U();break;case"ds-input-validity":customElements.get(a(s))||Q();break;case"ds-option":customElements.get(a(s))||Z();break;case"ds-options":customElements.get(a(s))||ss();break;case"ds-select":customElements.get(a(s))||ts();break;case"ds-select-native":customElements.get(a(s))||es();break;case"ds-spinner":customElements.get(a(s))||is();break;case"ds-text-input":customElements.get(a(s))||as();break;case"ds-visually-hidden":customElements.get(a(s))||ds()}}))}l([i("ds-icon",{dsName:""}),i("ds-control-label",null),i("ds-input-validity",null),i("ds-button",null),i("ds-select",null),i("ds-option",{dsValue:""}),i("ds-text-input",null),i("ds-feedback",null)]);export{rs as D,os as d}

package/dist/components/p-D-nZO6wN.js

@@ -1 +0,0 @@
-import{p as s,M as e,h as t,t as o}from"./p-BuOkAFpk.js";import{g as r}from"./p-CtTQ6sqn.js";import{t as i,n as d,l as n,f as l,w as a}from"./p-CGOuyzCr.js";import{t as m,d as c}from"./p-ChKb-Fx7.js";import{c as g}from"./p-mCzhJpLe.js";import{c as p}from"./p-Ce-cTJr-.js";import{d as _}from"./p-C7lPkerx.js";import{d as u}from"./p-Btjw1t0e.js";import{d as x}from"./p-CTvLGwOE.js";const h={dsErrorTitle:a,dsErrorText:l,dsLoadingText:n,dsNoResultsTitle:d,dsNoResultsText:i},T=(s,e)=>e||h[s](),f=s(class extends(e(p("ds-options-message"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsLoading=!1;dsError=!1;dsNoResults=!1;dsErrorTitle;dsErrorText;dsLoadingText;dsNoResultsTitle;dsNoResultsText;get errorTitle(){return T("dsErrorTitle",this.dsErrorTitle)}get errorText(){return T("dsErrorText",this.dsErrorText)}get loadingText(){return T("dsLoadingText",this.dsLoadingText)}get noResultsTitle(){return T("dsNoResultsTitle",this.dsNoResultsTitle)}get noResultsText(){return T("dsNoResultsText",this.dsNoResultsText)}render(){const s=m("ds-icon","ds-options-message",this.el),e=m("ds-spinner","ds-options-message",this.el),o=g("ds-options-message"),i=`${o}__error`,d=`${o}__loading`,n=`${o}__no-results`;return this.dsLoading||this.dsError||this.dsNoResults?t("div",null,t("div",{class:o},this.dsError?t("div",{class:i},t(s,{dsName:"warning",dsSize:"2rem",class:`${i}__icon`}),t("div",{class:`${i}__title`},this.errorTitle),t("div",{class:`${i}__text`},this.errorText)):this.dsLoading?t("div",{class:d},t(e,{dsSize:"large",dsText:this.loadingText})):t("div",{class:n},t("div",{class:`${n}__title`,lang:r()},this.noResultsTitle),t("div",{class:`${n}__text`},this.noResultsText)))):null}static get style(){return".ds-options-message__MsKlb0.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__MsKlb0__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__MsKlb0__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__MsKlb0__error__title.sc-ds-options-message,.ds-options-message__MsKlb0__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__MsKlb0__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__MsKlb0__error__text.sc-ds-options-message,.ds-options-message__MsKlb0__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}"}},[514,"ds-options-message",{dsLoading:[4,"ds-loading"],dsError:[4,"ds-error"],dsNoResults:[4,"ds-no-results"],dsErrorTitle:[1,"ds-error-title"],dsErrorText:[1,"ds-error-text"],dsLoadingText:[1,"ds-loading-text"],dsNoResultsTitle:[1,"ds-no-results-title"],dsNoResultsText:[1,"ds-no-results-text"]}]);function v(){"undefined"!=typeof customElements&&["ds-options-message","ds-icon","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-options-message":customElements.get(o(s))||customElements.define(o(s),f);break;case"ds-icon":customElements.get(o(s))||_();break;case"ds-spinner":customElements.get(o(s))||u();break;case"ds-visually-hidden":customElements.get(o(s))||x()}}))}c([t("ds-icon",{dsName:""}),t("ds-spinner",null)]);export{f as D,v as d}

package/dist/components/p-D9b3trBq.js

@@ -1 +0,0 @@
-import{p as s,M as r,h as e,t as a}from"./p-BuOkAFpk.js";import{c as t}from"./p-mCzhJpLe.js";import{t as d}from"./p-ChKb-Fx7.js";import{c}from"./p-Ce-cTJr-.js";const m=s(class extends(r(c("ds-breadcrumbs-separator"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsIcon="chevron_forward";get DsIcon(){return d("ds-icon","ds-breadcrumbs-separator",this.el)}render(){const s=t("ds-breadcrumbs-separator");return e(this.DsIcon,{key:"242257334eca802e15dd4225e0e558bdecd1ce88",class:s,dsName:this.dsIcon,dsSize:"1rem"})}static get style(){return".ds-breadcrumbs-separator__MsKlb0.sc-ds-breadcrumbs-separator{display:inline-block;line-height:var(--ds-lineHeight-large);vertical-align:middle;margin-left:var(--ds-spacing-3xSmall, 4px);margin-right:var(--ds-spacing-3xSmall, 4px)}@media (min-width: 60rem){.ds-breadcrumbs-separator__MsKlb0.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}"}},[514,"ds-breadcrumbs-separator",{dsIcon:[1,"ds-icon"]}]);function i(){"undefined"!=typeof customElements&&["ds-breadcrumbs-separator"].forEach((s=>{"ds-breadcrumbs-separator"===s&&(customElements.get(a(s))||customElements.define(a(s),m))}))}export{m as D,i as d}

package/dist/components/p-DBLS8zIi.js

@@ -1 +0,0 @@
-import{p as s,M as o,c as t,h as r,t as i}from"./p-BuOkAFpk.js";import{c as e}from"./p-BfTCfPZ1.js";import{c as n}from"./p-mCzhJpLe.js";import{B as a,a as d}from"./p-BT1Kxodd.js";import{c}from"./p-Ce-cTJr-.js";const l=s(class extends(o(c("ds-backdrop",{transparentForRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost(),this.dsBackdropClose=t(this,"dsBackdropClose",7),this.dsTransition=t(this,"dsTransition",7)}get el(){return this}mediaQuery=window.matchMedia("(prefers-reduced-motion: reduce)");transitionTimeout=null;dialogElement;mouseDownTarget=null;dsBackdropClose;dsTransition;dsOpen=!1;dsZIndex=9999;dsDialogClasses="";dsRole="dialog";transitionInProgress=!1;async getDialog(){return this.dialogElement}handleReducedMotionChange=s=>{s.matches&&(this.transitionTimeout&&(clearTimeout(this.transitionTimeout),this.transitionTimeout=null),this.transitionInProgress=!1)};disconnectedCallback(){this.transitionTimeout&&clearTimeout(this.transitionTimeout),this.mediaQuery.removeEventListener("change",this.handleReducedMotionChange)}connectedCallback(){this.mediaQuery.addEventListener("change",this.handleReducedMotionChange)}componentDidLoad(){this.dsOpen&&this.dialogElement&&this.dialogElement.showModal()}transitionInProgressObserver(s){this.dsTransition.emit({status:s?"on":"off",direction:this.dsOpen?"in":"out"})}dsOpenObserver(s){this.transitionInProgress=!0,s&&this.dialogElement&&this.dialogElement.showModal();const o=()=>{!s&&this.dialogElement&&this.dialogElement.close()};if(this.mediaQuery.matches)return o(),void(this.transitionInProgress=!1);this.transitionTimeout=setTimeout((()=>{o(),requestAnimationFrame((()=>{this.transitionInProgress=!1}))}),s?a:d)}handleMouseDown=s=>{this.mouseDownTarget=s.target};handleMouseUp=s=>{s.target===this.dialogElement&&s.target===this.mouseDownTarget&&this.dsOpen&&!this.transitionInProgress&&this.dsBackdropClose.emit()};handleKeyDown=s=>{if("Escape"===s.key){if(s.preventDefault(),this.transitionInProgress)return;this.dsBackdropClose.emit()}};render(){const s=n("ds-backdrop");return r("dialog",{key:"7b9f1679938aef4d62ac7edfca32cb1b297bbe6c",ref:s=>this.dialogElement=s,role:this.dsRole,class:e(s,this.dsDialogClasses,{[`${s}--open`]:this.dsOpen,[`${s}--in`]:this.dsOpen&&this.transitionInProgress}),onClose:()=>{this.dsBackdropClose.emit()},onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onKeyDown:this.handleKeyDown,style:{"--ds-backdrop-z-index":`${this.dsZIndex}`,"--ds-backdrop-transition-in-duration":`${a}ms`,"--ds-backdrop-transition-out-duration":`${d}ms`}},r("slot",{key:"b648167ebdc833c0467632e5c1b72d1772e62087"}))}static get watchers(){return{transitionInProgress:[{transitionInProgressObserver:0}],dsOpen:[{dsOpenObserver:0}]}}static get style(){return".ds-backdrop__MsKlb0{z-index:var(--ds-backdrop-z-index);max-width:100vw;max-height:100vh;max-height:100dvh}.ds-backdrop__MsKlb0::backdrop{background-color:var(--ds-bgColor-transparent-onLight);transition:display var(--ds-backdrop-transition-out-duration) allow-discrete, overlay var(--ds-backdrop-transition-out-duration) allow-discrete, background-color var(--ds-backdrop-transition-out-duration) ease}@starting-style{.ds-backdrop__MsKlb0::backdrop{background-color:var(--ds-bgColor-transparent-onLight)}}.ds-backdrop__MsKlb0--in::backdrop{transition:display var(--ds-backdrop-transition-in-duration) allow-discrete, overlay var(--ds-backdrop-transition-in-duration) allow-discrete, background-color var(--ds-backdrop-transition-in-duration) ease}.ds-backdrop__MsKlb0--open::backdrop{background-color:var(--ds-bgColor-backdrop)}@media (prefers-reduced-motion: reduce){.ds-backdrop__MsKlb0::backdrop{transition:none}}html:has(.ds-modal__MsKlb0--open){overflow:hidden}"}},[772,"ds-backdrop",{dsOpen:[4,"ds-open"],dsZIndex:[2,"ds-z-index"],dsDialogClasses:[1,"ds-dialog-classes"],dsRole:[1,"ds-role"],transitionInProgress:[32],getDialog:[64]},void 0,{transitionInProgress:[{transitionInProgressObserver:0}],dsOpen:[{dsOpenObserver:0}]}]);function h(){"undefined"!=typeof customElements&&["ds-backdrop"].forEach((s=>{"ds-backdrop"===s&&(customElements.get(i(s))||customElements.define(i(s),l))}))}export{l as D,h as d}

package/dist/components/p-DEILqUBi.js

@@ -1 +0,0 @@
-import{p as s,M as a,c as i,h as l,t}from"./p-BuOkAFpk.js";import{c as d}from"./p-BfTCfPZ1.js";import{i as r,a as n}from"./p-BecId8t2.js";import{o,v as e}from"./p-BJFZnx_s.js";import{e as c,t as b,i as _,d as k}from"./p-ChKb-Fx7.js";import{l as h}from"./p-DMddtiKs.js";import{c as v}from"./p-mCzhJpLe.js";import{c as p}from"./p-Ce-cTJr-.js";import{d as g}from"./p-C7lPkerx.js";import{d as m}from"./p-CTvLGwOE.js";const K=c("visually-hidden-assistive-text"),M=s(class extends(a(p("ds-link-cta"),h)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsClick=i(this,"dsClick",7)}inheritedAttributes={};linkEl;visuallyHiddenAssistiveTextId=K.next().value;get el(){return this}dsText;dsVariant="primary";dsColour="blue";dsSize="medium";dsHideIcon=!1;dsIcon;dsIconPosition="end";dsTag="a";dsTabIndex;dsDisabled=!1;rel;icon="arrow_forward";get currentIcon(){return this.dsIcon?this.dsIcon:this.icon}get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}updateIcon(s){o(s)?(this.icon="arrow_outward",this.rel="noopener noreferrer"):(this.icon="arrow_forward",this.rel=void 0)}componentWillLoad(){this.inheritedAttributes={...n(this,this.el),...r(this.el)},this.updateIcon(this.dsTarget)}componentDidLoad(){this.componentMounted()}onTargetChanged(s){this.updateIcon(s)}handleKeyDown=s=>{switch(s.key){case" ":s.preventDefault(),this.linkEl?.click();break;case"Enter":"span"!==this.dsTag&&this.dsHref||this.linkEl?.click()}};render(){const s=v("ds-link-cta"),a=d(s,`${s}--${this.dsVariant}`,`${s}--${this.dsColour}`,`${s}--${this.dsSize}`,{[`${s}--no-text`]:!this.dsText||""===this.dsText.trim()}),i=d(`${s}__text`),t=d(`${s}__icon`,`${s}__icon--${this.dsIconPosition}`),r=b("ds-icon","ds-link-cta",this.el),n=b("ds-visually-hidden","ds-link-cta",this.el),{"aria-label":c,"aria-labelledby":k,...h}=this.inheritedAttributes,p=this.dsAriaLabel||c,g=this.dsAriaLabelledby||k,m=!this.dsHideIcon&&l(r,{key:"2a38823579a807abf04432ed1ea29e03ab03a16a",dsName:this.currentIcon,class:t,dsCustomSize:"medium"===this.dsSize?"1.5rem":"1.25rem"});return l(this.dsTag,{key:"b32b7abec8a16e0fcece62faaf11fcf2b115a935",ref:s=>this.linkEl=s,part:"link",class:a,onKeyDown:this.handleKeyDown,tabindex:void 0!==this.dsTabIndex?this.dsTabIndex:"a"!==this.dsTag||this.dsHref?void 0:"0",..._("role","span"===this.dsTag?"link":void 0),..._("aria-disabled",this.dsDisabled?"true":void 0),..._("aria-label",p),..._("aria-labelledby",g),...h,...this.linkAttributes},"start"===this.dsIconPosition&&m,l("span",{key:"7f68fca68010c1551bf1d8d66d139940ab56e769",class:i},this.dsText),"end"===this.dsIconPosition&&m,o(this.dsTarget)&&l(n,{key:"790036c82eb7e49f295785582d72741a9e16d636",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},e()))}static get watchers(){return{dsTarget:[{onTargetChanged:0}]}}static get style(){return".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block;vertical-align:middle}.ds-link-cta__MsKlb0{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);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:pointer;user-select:none;--webkit-user-select:none}.ds-link-cta__MsKlb0[aria-disabled=true]{cursor:default;pointer-events:none;background-color:transparent !important;border-color:transparent !important;color:var(--ds-textColor-disabled-onLight) !important}.ds-link-cta__MsKlb0__text{padding:0 var(--ds-spacing-3xSmall, 4px);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:var(--ds-link-cta-text-decoration, 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-cta__MsKlb0--no-text .ds-link-cta__MsKlb0__text{padding:0}.ds-link-cta__MsKlb0:has(.ds-link-cta__MsKlb0__spinner):not(.ds-link-cta__MsKlb0--small) .ds-link-cta__MsKlb0__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__MsKlb0--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__MsKlb0:has(.ds-link-cta__MsKlb0__text:empty){width:var(--ds-link-cta-min-height);aspect-ratio:1;padding-left:0;padding-right:0}.ds-link-cta__MsKlb0:has(.ds-link-cta__MsKlb0__text:empty) .ds-link-cta__MsKlb0__icon{margin:0}.ds-link-cta__MsKlb0:not(.ds-link-cta__MsKlb0--small):not(.ds-link-cta__MsKlb0--secondary):not(.ds-link-cta__MsKlb0--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__MsKlb0:not(.ds-link-cta__MsKlb0--small).ds-link-cta__MsKlb0--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__MsKlb0:not(.ds-link-cta__MsKlb0--small).ds-link-cta__MsKlb0--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__MsKlb0:not(.ds-link-cta__MsKlb0--small).ds-link-cta__MsKlb0--icon-only{padding-left:0;padding-right:0}.ds-link-cta__MsKlb0--small:not(.ds-link-cta__MsKlb0--secondary):not(.ds-link-cta__MsKlb0--supplementary){font-weight:var(--ds-fontWeight-semibold);border-width:0;border-style:none;font-size:var(--ds-fontSize-16);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__MsKlb0--small.ds-link-cta__MsKlb0--secondary{font-weight:var(--ds-fontWeight-semibold);border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-16);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__MsKlb0--small.ds-link-cta__MsKlb0--supplementary{font-weight:var(--ds-fontWeight-semibold);border-width:0;border-style:none;font-size:var(--ds-fontSize-16);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__MsKlb0--small.ds-link-cta__MsKlb0--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__MsKlb0--small .ds-link-cta__MsKlb0__icon{width:var(--ds-link-cta-icon-size, auto);height:var(--ds-link-cta-icon-size, 1rem)}.ds-link-cta__MsKlb0__icon--start{margin-right:var(--ds-spacing-3xSmall);margin-left:0}.ds-link-cta__MsKlb0__icon--end{margin-left:var(--ds-spacing-3xSmall);margin-right:0}.ds-link-cta__MsKlb0--no-text .ds-link-cta__MsKlb0__icon--start,.ds-link-cta__MsKlb0--no-text .ds-link-cta__MsKlb0__icon--end{margin:0}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--primary.ds-link-cta__MsKlb0--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-link-cta__MsKlb0.ds-link-cta__MsKlb0--primary.ds-link-cta__MsKlb0--blue{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-primary));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--primary.ds-link-cta__MsKlb0--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--primary.ds-link-cta__MsKlb0--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--primary.ds-link-cta__MsKlb0--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-link-cta__MsKlb0.ds-link-cta__MsKlb0--primary.ds-link-cta__MsKlb0--black{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-black));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--primary.ds-link-cta__MsKlb0--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--primary.ds-link-cta__MsKlb0--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--primary.ds-link-cta__MsKlb0--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-link-cta__MsKlb0.ds-link-cta__MsKlb0--primary.ds-link-cta__MsKlb0--white{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-white));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--primary.ds-link-cta__MsKlb0--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--primary.ds-link-cta__MsKlb0--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--secondary.ds-link-cta__MsKlb0--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-link-cta__MsKlb0.ds-link-cta__MsKlb0--secondary.ds-link-cta__MsKlb0--blue{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-secondary));border-color:var(--ds-borderColor-primary);color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--secondary.ds-link-cta__MsKlb0--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--secondary.ds-link-cta__MsKlb0--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--secondary.ds-link-cta__MsKlb0--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-link-cta__MsKlb0.ds-link-cta__MsKlb0--secondary.ds-link-cta__MsKlb0--black{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-black);color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--secondary.ds-link-cta__MsKlb0--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--secondary.ds-link-cta__MsKlb0--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--secondary.ds-link-cta__MsKlb0--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-link-cta__MsKlb0.ds-link-cta__MsKlb0--secondary.ds-link-cta__MsKlb0--white{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-white);color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--secondary.ds-link-cta__MsKlb0--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--secondary.ds-link-cta__MsKlb0--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--supplementary.ds-link-cta__MsKlb0--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-link-cta__MsKlb0.ds-link-cta__MsKlb0--supplementary.ds-link-cta__MsKlb0--blue{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--supplementary.ds-link-cta__MsKlb0--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--supplementary.ds-link-cta__MsKlb0--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--supplementary.ds-link-cta__MsKlb0--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-link-cta__MsKlb0.ds-link-cta__MsKlb0--supplementary.ds-link-cta__MsKlb0--black{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--supplementary.ds-link-cta__MsKlb0--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--supplementary.ds-link-cta__MsKlb0--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--supplementary.ds-link-cta__MsKlb0--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-link-cta__MsKlb0.ds-link-cta__MsKlb0--supplementary.ds-link-cta__MsKlb0--white{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--supplementary.ds-link-cta__MsKlb0--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__MsKlb0.ds-link-cta__MsKlb0--supplementary.ds-link-cta__MsKlb0--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}"}},[513,"ds-link-cta",{dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsText:[1,"ds-text"],dsVariant:[1,"ds-variant"],dsColour:[1,"ds-colour"],dsSize:[1,"ds-size"],dsHideIcon:[4,"ds-hide-icon"],dsIcon:[1,"ds-icon"],dsIconPosition:[1,"ds-icon-position"],dsTag:[1,"ds-tag"],dsTabIndex:[1,"ds-tab-index"],dsDisabled:[4,"ds-disabled"],rel:[32],icon:[32]},[[0,"click","handleClick"]],{dsTarget:[{onTargetChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["ds-link-cta","ds-icon","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-link-cta":customElements.get(t(s))||customElements.define(t(s),M);break;case"ds-icon":customElements.get(t(s))||g();break;case"ds-visually-hidden":customElements.get(t(s))||m()}}))}k([l("ds-icon",{dsName:""}),l("ds-visually-hidden",null)]);export{M as D,u as d}

package/dist/components/p-DLwHjFji.js

@@ -1 +0,0 @@
-import{p as s,M as i,f as e,h as t,t as a}from"./p-BuOkAFpk.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as d,d as o}from"./p-ChKb-Fx7.js";import{c}from"./p-mCzhJpLe.js";import{a as l,i as n}from"./p-BecId8t2.js";import{a as m,d as u}from"./p-C7lPkerx.js";import{c as p}from"./p-Ce-cTJr-.js";import{d as h}from"./p-WP2R4-9m.js";import{d as b}from"./p-CTvLGwOE.js";const v=s(class extends(i(p("ds-input-validity"),m)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}inheritedAttributes={};dsText;dsType="error";dsRole="none";dsAriaLive="assertive";dsAriaAtomic="true";dsHasFeedback=!0;identifier;get DsIcon(){return d("ds-icon","ds-input-validity",this.el)}get DsFeedback(){return d("ds-feedback","ds-input-validity",this.el)}ariaAttributeObserver(s,i,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:s},e(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...n(this.el),...l(this,this.el)}}componentDidLoad(){this.identifier=this.el.getAttribute("id")||void 0,this.el.removeAttribute("id")}render(){const s=c("ds-input-validity"),i=r(s,{[`${s}--error`]:"error"===this.dsType,[`${s}--success`]:"success"===this.dsType}),e="success"===this.dsType?"check_circle_fill":"warning_fill",a="success"===this.dsType?"ds-iconColor-success":"ds-iconColor-danger",d=this.dsHasFeedback?this.DsFeedback:"div",{role:o,"aria-live":l,"aria-atomic":n,...m}=this.inheritedAttributes,u=void 0!==this.dsRole&&"none"!==this.dsRole?this.dsRole:o;return t(d,{key:"1fe7ff2fa404bb89714a4fec77d16e1bb86192fe",...this.dsHasFeedback?{dsRole:u,dsAriaLive:l||this.dsAriaLive,dsAriaAtomic:n||this.dsAriaAtomic}:{role:u},...m},t("slot",{key:"305278ea4e5e1baa8dbd7c95ce8a28da44c432ae"}),this.dsText&&t("div",{key:"1a64816d35eb1eaa9ae77e9b44c35c466d93cbfd",class:i},t(this.DsIcon,{key:"6a2af244da9d8053c9736a9478ced2a87e02d5d8",class:"ds-input-validity__icon",dsColour:a,dsName:e}),t("small",{key:"810eb5b78a4303c2bbaa681f5e8480943a16f574",id:this.identifier},this.dsText)))}static get watchers(){return{role:[{ariaAttributeObserver:0}],"aria-live":[{ariaAttributeObserver:0}],"aria-atomic":[{ariaAttributeObserver:0}]}}static get style(){return".ds-input-validity__MsKlb0{display:flex;align-items:center;margin-top:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall)}.ds-input-validity__MsKlb0--error{color:var(--ds-textColor-danger)}.ds-input-validity__MsKlb0--success{color:var(--ds-textColor-success)}.ds-input-validity__MsKlb0__icon{display:block;height:1.5rem}.ds-input-validity__MsKlb0 small{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}"}},[772,"ds-input-validity",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsText:[1,"ds-text"],dsType:[1,"ds-type"],dsRole:[1,"ds-role"],dsAriaLive:[1,"ds-aria-live"],dsAriaAtomic:[1,"ds-aria-atomic"],dsHasFeedback:[4,"ds-has-feedback"],identifier:[32]},void 0,{role:[{ariaAttributeObserver:0}],"aria-live":[{ariaAttributeObserver:0}],"aria-atomic":[{ariaAttributeObserver:0}]}]);function f(){"undefined"!=typeof customElements&&["ds-input-validity","ds-feedback","ds-icon","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-input-validity":customElements.get(a(s))||customElements.define(a(s),v);break;case"ds-feedback":customElements.get(a(s))||h();break;case"ds-icon":customElements.get(a(s))||u();break;case"ds-visually-hidden":customElements.get(a(s))||b()}}))}o([t("ds-icon",{dsName:""}),t("ds-feedback",null)]);export{v as D,f as d}

package/dist/components/p-DQF9yc5U.js

@@ -1 +0,0 @@
-import{p as t,M as s,f as o,h as n,t as b}from"./p-BuOkAFpk.js";import{c as d}from"./p-BfTCfPZ1.js";import{i as r,a as _}from"./p-BecId8t2.js";import{t as u,i as l,d as i}from"./p-ChKb-Fx7.js";import{c as a}from"./p-mCzhJpLe.js";import{a as e,d as c}from"./p-C7lPkerx.js";import{c as K}from"./p-Ce-cTJr-.js";import{d as M}from"./p-Btjw1t0e.js";import{d as p}from"./p-CTvLGwOE.js";const g=t(class extends(s(K("ds-button"),e)){constructor(t){super(!1),!1!==t&&this.__registerHost()}inheritedAttributes={};buttonEl;pressedKeys=new Set;get el(){return this}dsForm;dsId=this.getUniqueId();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;dsAriaHidden=!1;dsTabIndex;dsHiddenAssistiveText;dsActive=!1;dsInInput=!1;dsNoFocusRing=!1;hasDefaultSlot=!1;isActive=this.dsActive;text="";async setFocus(){this.buttonEl.focus()}hasDefaultSlotContent=()=>Array.from(this.el.childNodes).some((t=>{if(t.nodeType===Node.ELEMENT_NODE){const s=t;return!s.hasAttribute("slot")||""===s.getAttribute("slot")}return t.nodeType===Node.TEXT_NODE&&(t.textContent?.trim().length??0)>0}));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={..._(this,this.el),...r(this.el)},this.text=this.dsText||this.dsValue}componentDidLoad(){this.componentMounted(),this.hasDefaultSlot=this.hasDefaultSlotContent()}dsTextObserver(t){this.text=t||this.dsValue}dsValueObserver(t){this.dsText||(this.text=t)}dsActiveObserver(t){this.isActive=t}ariaAttributeObserver(t,s,n){this.inheritedAttributes={...this.inheritedAttributes,[n]:t},o(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.dsActive||(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};handleDefaultSlotChange=()=>{this.hasDefaultSlot=this.hasDefaultSlot||this.hasDefaultSlotContent()};renderIcon=t=>{const s=d(`${t}__icon`),o="small"===this.dsSize?"1.25rem":void 0,b=u("ds-icon","ds-button",this.el);return n(b,{class:s,dsName:this.dsIcon,dsCustomSize:o,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel})};renderButton=()=>{const t=!!this.text||this.hasDefaultSlot,s=a("ds-button"),o=d(`${s} ${s}--${this.dsVariant} ${s}--${this.dsColour} ${s}--${this.dsSize}`,{[`${s}--icon-start`]:this.dsIcon&&"start"===this.dsIconPosition&&t,[`${s}--icon-end`]:this.dsIcon&&"end"===this.dsIconPosition&&t,[`${s}--icon-only`]:this.dsIcon&&!t,[`${s}--full-width`]:this.dsFullWidth,[`${s}--disabled`]:this.dsDisabled,[`${s}--${this.dsColour}--active`]:this.isActive,[`${s}--in-input`]:this.dsInInput,[`${s}--no-focus-ring`]:this.dsNoFocusRing}),b=u("ds-spinner","ds-button",this.el),r=u("ds-visually-hidden","ds-button",this.el),{role:_,"aria-label":i,"aria-labelledby":e,"aria-describedby":c,"aria-disabled":K,"aria-expanded":M,"aria-pressed":p,"aria-controls":g,"aria-haspopup":v,...h}=this.inheritedAttributes,f=this.dsRole??_,y=this.dsAriaLabel||i,m=this.dsAriaLabelledby||e,k=this.dsAriaDescribedby||c,C=this.dsAriaControls||g,x=void 0!==this.dsAriaHaspopup?this.dsAriaHaspopup:v;let w;void 0!==this.dsAriaDisabled?"string"==typeof this.dsAriaDisabled?(console.warn("dsAriaDisabled should be a boolean, not a string. String support will be deprecated."),w=this.dsAriaDisabled):w=this.dsAriaDisabled?"true":"false":K&&(w=K);const L=void 0!==this.dsAriaExpanded?this.dsAriaExpanded?"true":"false":M,W=void 0!==this.dsAriaPressed?this.dsAriaPressed?"true":"false":p;return n("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,...l("autofocus",this.dsAutoFocus),...l("role",f),...l("aria-disabled",w),...l("aria-label",y),...l("aria-labelledby",m),...l("aria-describedby",k),...l("aria-expanded",L),...l("aria-pressed",W),...l("aria-controls",C),...l("aria-haspopup",x),...l("aria-hidden",this.dsAriaHidden?"true":void 0),...l("tabindex",this.dsTabIndex),...h},n("slot",{name:"prefix"},!this.dsLoading&&this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(s),this.dsLoading&&n(b,{class:`${s}__spinner`,dsHiddenAssistiveText:this.dsSpinnerHiddenText,dsColour:this.getSpinnerColour(),dsSize:"medium"===this.dsSize?"medium":null,dsCustomSize:"small"===this.dsSize?"1.25rem":void 0})),n("span",{class:`${s}__value`,hidden:!t},n("slot",{onSlotchange:this.handleDefaultSlotChange}),this.text),this.dsHiddenAssistiveText&&n(r,{dsTag:"span"},this.dsHiddenAssistiveText),n("slot",{name:"suffix"},this.dsIcon&&"end"===this.dsIconPosition&&this.renderIcon(s)))};render(){const t=this.renderButton();return this.dsUseSpinner?n("div",{"aria-live":"polite"},t):t}static get watchers(){return{dsText:[{dsTextObserver:0}],dsValue:[{dsValueObserver:0}],dsActive:[{dsActiveObserver:0}],"aria-disabled":[{ariaAttributeObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-pressed":[{ariaAttributeObserver:0}],"aria-expanded":[{ariaAttributeObserver:0}],"aria-controls":[{ariaAttributeObserver:0}],"aria-haspopup":[{ariaAttributeObserver:0}]}}static get style(){return".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__MsKlb0--full-width){width:100%}.ds-button__MsKlb0.sc-ds-button{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);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__MsKlb0__value[hidden].sc-ds-button{display:none}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--supplementary) .ds-button__MsKlb0__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__MsKlb0--supplementary.sc-ds-button:has(.ds-button__MsKlb0__spinner) .ds-button__MsKlb0__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__MsKlb0__icon.sc-ds-button{height:1.5rem}.ds-button__MsKlb0.sc-ds-button:has(.ds-button__MsKlb0__spinner):not(.ds-button__MsKlb0--small) .ds-button__MsKlb0__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__MsKlb0__spinner.sc-ds-button{display:flex}.ds-button__MsKlb0--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--small):not(.ds-button__MsKlb0--secondary){border-width:0px;min-width:var(--ds-button-min-width, auto);font-size:var(--ds-fontSize-18);min-height:var(--ds-button-min-height, 2.75rem);padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--small).ds-button__MsKlb0--secondary{border-width:var(--ds-borderWidth-thin);min-width:var(--ds-button-min-width, auto);font-size:var(--ds-fontSize-18);min-height:var(--ds-button-min-height, 2.75rem);padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--small).ds-button__MsKlb0--icon-only{padding-left:0;padding-right:0}.ds-button__MsKlb0--small.ds-button__MsKlb0--icon-start.sc-ds-button,.ds-button__MsKlb0--small.ds-button__MsKlb0--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__MsKlb0--small.sc-ds-button:not(.ds-button__MsKlb0--secondary){border-width:0px;min-width:var(--ds-button-min-width, auto);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:var(--ds-button-min-height, 2rem);padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__MsKlb0--small.ds-button__MsKlb0--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);min-width:var(--ds-button-min-width, auto);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:var(--ds-button-min-height, 2rem);padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__MsKlb0--small.ds-button__MsKlb0--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__MsKlb0--small.sc-ds-button .ds-button__MsKlb0__icon.sc-ds-button{height:auto}.ds-button__MsKlb0--icon-start.sc-ds-button:not(.ds-button__MsKlb0--small) .ds-button__MsKlb0__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__MsKlb0--icon-end.sc-ds-button:not(.ds-button__MsKlb0--small) .ds-button__MsKlb0__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue.sc-ds-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-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue.sc-ds-button:active,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--black.sc-ds-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-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--black.sc-ds-button:active,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--black.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--white.sc-ds-button: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__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--white.sc-ds-button:active,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--white.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger.sc-ds-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-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger.sc-ds-button:active,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue.sc-ds-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-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue.sc-ds-button:active,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--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__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black.sc-ds-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-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black.sc-ds-button:active,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white.sc-ds-button: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__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white.sc-ds-button:active,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger.sc-ds-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-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger.sc-ds-button:active,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue.sc-ds-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-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--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__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue.sc-ds-button:active,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black.sc-ds-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-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--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__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black.sc-ds-button:active,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white.sc-ds-button: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__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--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__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white.sc-ds-button:active,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger.sc-ds-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-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--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__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger.sc-ds-button:active,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.sc-ds-button:not(.ds-button__MsKlb0--in-input,.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue:active,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--black:active,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--black.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--white:active,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--white.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger:active,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue:active,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black:active,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white:active,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger:active,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--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__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue:active,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--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__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black:active,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--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__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white:active,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--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__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger:active,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--no-focus-ring.sc-ds-button:not(.ds-button__MsKlb0--in-input).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue: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__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--black: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__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--black:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--black.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--white: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__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--white:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--white.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger: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__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--primary.ds-button__MsKlb0--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue: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__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black: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__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white: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__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger: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__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue: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__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--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__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black: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__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--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__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white: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__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--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__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger: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__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--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__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger.ds-button__MsKlb0--disabled,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring).ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.sc-ds-button:not(.ds-button__MsKlb0--no-focus-ring){--ds-button-min-height:var(--ds-spacing-xLarge);width:auto;height:100%;aspect-ratio:1/1}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--blue.sc-ds-button:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--blue.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--black.sc-ds-button:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--black.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--white.sc-ds-button:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--white.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--danger.sc-ds-button:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--danger.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--primary.ds-button__MsKlb0--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue.sc-ds-button:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--blue.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--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__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--black.sc-ds-button:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--black.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--white.sc-ds-button:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--white.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger.sc-ds-button:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--secondary.ds-button__MsKlb0--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--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__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue.sc-ds-button:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--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__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black.sc-ds-button:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--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__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white.sc-ds-button:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--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__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger.sc-ds-button:active,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger.ds-button__MsKlb0--disabled.sc-ds-button,.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.ds-button__MsKlb0--supplementary.ds-button__MsKlb0--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__MsKlb0.ds-button__MsKlb0--in-input.ds-button__MsKlb0--no-focus-ring.sc-ds-button{--ds-button-min-height:var(--ds-spacing-xLarge);width:auto;height:100%;aspect-ratio:1/1}"}},[774,"ds-button",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsAutoFocus:[4,"ds-auto-focus"],dsText:[1,"ds-text"],dsValue:[1,"ds-value"],dsVariant:[1,"ds-variant"],dsColour:[1,"ds-colour"],dsSize:[1,"ds-size"],dsIcon:[1,"ds-icon"],dsIconPosition:[1,"ds-icon-position"],dsIconTitle:[1,"ds-icon-title"],dsIconAriaLabel:[1,"ds-icon-aria-label"],dsType:[1,"ds-type"],dsDisabled:[4,"ds-disabled"],dsLoading:[4,"ds-loading"],dsUseSpinner:[4,"ds-use-spinner"],dsSpinnerHiddenText:[1,"ds-spinner-hidden-text"],dsFullWidth:[4,"ds-full-width"],dsRole:[1,"ds-role"],dsAriaDisabled:[4,"ds-aria-disabled"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsAriaExpanded:[4,"ds-aria-expanded"],dsAriaPressed:[4,"ds-aria-pressed"],dsAriaControls:[1,"ds-aria-controls"],dsAriaHaspopup:[8,"ds-aria-haspopup"],dsAriaHidden:[4,"ds-aria-hidden"],dsTabIndex:[2,"ds-tab-index"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsActive:[4,"ds-active"],dsInInput:[4,"ds-in-input"],dsNoFocusRing:[4,"ds-no-focus-ring"],hasDefaultSlot:[32],isActive:[32],text:[32],setFocus:[64]},void 0,{dsText:[{dsTextObserver:0}],dsValue:[{dsValueObserver:0}],dsActive:[{dsActiveObserver:0}],"aria-disabled":[{ariaAttributeObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-pressed":[{ariaAttributeObserver:0}],"aria-expanded":[{ariaAttributeObserver:0}],"aria-controls":[{ariaAttributeObserver:0}],"aria-haspopup":[{ariaAttributeObserver:0}]}]);function v(){"undefined"!=typeof customElements&&["ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-button":customElements.get(b(t))||customElements.define(b(t),g);break;case"ds-icon":customElements.get(b(t))||c();break;case"ds-spinner":customElements.get(b(t))||M();break;case"ds-visually-hidden":customElements.get(b(t))||p()}}))}i([n("ds-icon",{dsName:""}),n("ds-spinner",null),n("ds-visually-hidden",null)]);export{g as D,v as d}

package/dist/components/p-DcZ9GOUY.js

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

package/dist/components/p-DjKvNXy7.js

@@ -1 +0,0 @@
-import{p as s,M as e,c as t,f as d,h as i,F as a,t as r}from"./p-BuOkAFpk.js";import{r as o}from"./p-CGOuyzCr.js";import{t as c,o as l,d as n}from"./p-ChKb-Fx7.js";import{c as h}from"./p-mCzhJpLe.js";import{i as b,a as m}from"./p-BecId8t2.js";import{a as p,d as f}from"./p-C7lPkerx.js";import{c as u}from"./p-Ce-cTJr-.js";import{d as v}from"./p-CTvLGwOE.js";const g=(s,e)=>s||e,y=s(class extends(e(u("ds-chip"),p)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=t(this,"dsClick",7)}buttonEl;inheritedAttributes={};get el(){return this}dsClick;dsForm;dsId=this.getUniqueId();_dsName=this.dsId;set dsName(s){this._dsName=g(s,this._dsName)}get dsName(){return this._dsName}dsValue=0;dsText;dsIcon;dsType="button";dsRole;dsAriaLabel;name=this._dsName;async setFocus(){this.buttonEl?.focus()}get DsChipGroupTag(){return c("ds-chip-group","ds-chip",this.el)}connectedCallback(){const s=this.el.closest(this.DsChipGroupTag);this.name=g(s?.dsName,this.name),s?.childConnected()}disconnectedCallback(){const s=this.el.closest(this.DsChipGroupTag);s?.childDisconnected()}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...m(this,this.el),...b(this.el)}}componentDidLoad(){this.componentMounted()}dsNameObserver(s){this.name=s}ariaAttributeObserver(s,e,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:s},d(this)}handleClick(){this.dsClick.emit(this.dsValue)}render(){const s=h("ds-chip"),e=c("ds-icon","ds-chip",this.el),t=c("ds-visually-hidden","ds-chip",this.el),d=this.dsRole??this.inheritedAttributes.role,r=this.dsAriaLabel??this.inheritedAttributes["aria-label"],n=d?"div":a,b=l(this.inheritedAttributes,["role","aria-label"]);return i(n,{key:"f983e1b4fe07f9eeed524dd5e4060f4c24b93699",role:d},i("button",{key:"978d753167b4473b9140856c7aaf5cff3e11f2fe",ref:s=>this.buttonEl=s,class:s,id:this.dsId,name:this.name,form:this.dsForm,type:this.dsType,"aria-label":r,...b},i("slot",{key:"b12c9a1e7abf7ac8abf3f0d698f53950c9f59549",name:"prefix"},this.dsIcon&&i(e,{key:"351d5aa58c3f9329dfc4d5fd4d11b267ed9e5e0d",dsName:this.dsIcon,dsSize:"1rem"})),i("span",{key:"5356d617c2270322b8cafd633cd00eba13c38122",class:`${s}__text`},i("slot",{key:"d3eb97ea2f6e803db178a7cc631483e36d2f8c9b"},this.dsText),i(t,{key:"e21034448a8ad20dad12853ae59ce424f56d8e60",dsTag:"span"},", ",o())),i(e,{key:"3d1b5815acd5db98a8655241e05c704f7d47d1bf",dsName:"close",dsSize:"1rem"})))}static get watchers(){return{dsName:[{dsNameObserver:0}],role:[{ariaAttributeObserver:0}],"aria-label":[{ariaAttributeObserver:0}]}}static get style(){return".ds-chip__MsKlb0: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-chip__MsKlb0{box-sizing:border-box;display:inline-flex;align-items:center;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-primary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);padding:calc(var(--ds-spacing-3xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-primary);border-radius:1rem}.ds-chip__MsKlb0:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__MsKlb0:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__MsKlb0__text{padding:0 var(--ds-spacing-3xSmall)}"}},[772,"ds-chip",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[6145,"ds-name"],dsValue:[520,"ds-value"],dsText:[1,"ds-text"],dsIcon:[1,"ds-icon"],dsType:[1,"ds-type"],dsRole:[1,"ds-role"],dsAriaLabel:[1,"ds-aria-label"],name:[32],setFocus:[64]},[[0,"click","handleClick"]],{dsName:[{dsNameObserver:0}],role:[{ariaAttributeObserver:0}],"aria-label":[{ariaAttributeObserver:0}]}]);function k(){"undefined"!=typeof customElements&&["ds-chip","ds-icon","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-chip":customElements.get(r(s))||customElements.define(r(s),y);break;case"ds-icon":customElements.get(r(s))||f();break;case"ds-visually-hidden":customElements.get(r(s))||v()}}))}n([i("ds-icon",{dsName:""}),i("ds-visually-hidden",null)]);export{y as D,k as d}

package/dist/components/p-DkcdOyvv.js

@@ -1 +0,0 @@
-import{p as s,H as e,c as i,h as t,t as d}from"./p-BuOkAFpk.js";import{c as a}from"./p-BfTCfPZ1.js";import{t as r,d as o}from"./p-ChKb-Fx7.js";import{c as n}from"./p-mCzhJpLe.js";import{v as c}from"./p-CGOuyzCr.js";import{o as l}from"./p-BcPjznt2.js";import{d as b}from"./p-C-9CbR-m.js";import{d as v}from"./p-DQF9yc5U.js";import{d as h}from"./p-DvDKMhL0.js";import{d as p}from"./p-WP2R4-9m.js";import{d as u}from"./p-C7lPkerx.js";import{d as k}from"./p-DLwHjFji.js";import{d as m}from"./p-Btjw1t0e.js";import{d as _}from"./p-CTvLGwOE.js";const f=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsChange=i(this,"dsChange",7),this.dsValidity=i(this,"dsValidity",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsBlur=i(this,"dsBlur",7),this.dsFocus=i(this,"dsFocus",7)}get el(){return this}dsChange;dsValidity;dsSubmitInvalid;dsBlur;dsFocus;dsId;dsLabel="";dsValue;dsName;dsForm;dsDisabled=!1;dsReadonly=!1;dsErrorText;dsRequired=!1;dsOptional;dsOptionalText;dsAssistiveText;dsHiddenAssistiveText;dsMin;dsMax;dsShowCalendarIcon=!0;dsAriaDescribedby;dsAriaControls;value="";hasFocus=!1;isOpen=!1;get inputValidityId(){return`${this.dsId}-input-validity`}nativeDateInputRef;get DsInputValidityTag(){return r("ds-input-validity","ds-datepicker-native",this.el)}get DsIconTag(){return r("ds-icon","ds-datepicker-native",this.el)}get DsButtonTag(){return r("ds-button","ds-datepicker-native",this.el)}get supportsShowPicker(){return!!this.nativeDateInputRef&&"function"==typeof this.nativeDateInputRef.showPicker}componentWillLoad(){this.value=this.dsValue||""}componentDidLoad(){this.nativeDateInputRef&&this.nativeDateInputRef.addEventListener("invalid",(s=>{s.preventDefault();const e=this.getValidityMessage();this.dsSubmitInvalid.emit({flag:"customError",message:e}),this.dsValidity.emit({flag:"customError",message:e})}))}handleFocusIn(){this.hasFocus=!0}handleFocusOut(s){const e=s&&"relatedTarget"in s?s.relatedTarget:null;if((!e||!this.el.contains(e))&&(this.hasFocus=!1,this.isOpen=!1,this.nativeDateInputRef)){const s=this.nativeDateInputRef.validity.valid;this.dsValidity.emit({flag:s?"valid":"customError",message:s?"":this.getValidityMessage()})}}hasFocusObserver(s){s?this.dsFocus.emit():this.dsBlur.emit()}dsValueObserver(s){this.value=s||""}valueObserver(s){if(this.nativeDateInputRef&&(this.nativeDateInputRef.value!==s&&(this.nativeDateInputRef.value=s),this.dsRequired)){const s=this.nativeDateInputRef.validity.valid;this.dsValidity.emit({flag:s?"valid":"customError",message:s?"":this.getValidityMessage()})}}openDatePicker=()=>{if(!this.dsDisabled&&!this.dsReadonly&&this.nativeDateInputRef){if(this.isOpen=!0,this.supportsShowPicker)try{return void this.nativeDateInputRef.showPicker()}catch{}this.nativeDateInputRef.focus(),this.nativeDateInputRef.click()}};handleIconKeyDown=s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.openDatePicker())};getValidityMessage(){if(!this.nativeDateInputRef)return"";const s=this.nativeDateInputRef.validity;for(const e in s)if("valid"!==e&&s[e])return c(e);return""}render(){const s=n("ds-datepicker-native"),e=`${s}__input-container`,i=r("ds-control-label","ds-datepicker-native",this.el),d=this.dsAssistiveText?`${this.dsId}-assistive`:void 0,o=this.dsHiddenAssistiveText?`${this.dsId}-hidden-assistive`:void 0,c=[this.dsAriaDescribedby,d,o,this.dsErrorText?this.inputValidityId:null].filter(Boolean).join(" ")||void 0;return t("div",{key:"93dc5c91906322f89a6078014fc93d2afd1fa03e"},t(i,{key:"64434a20a0cd26315a117dd9c7a12b67fda3bc27",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:d,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:o},t("slot",{key:"b3cd0ae09319e564ca7fa34eb64eccdf04b494dd",name:"label"})),t("div",{key:"87a2ec2238718655a498fc6f7ed67f92e635f76c",class:a(`${s}`,{[`${s}--disabled`]:this.dsDisabled,[`${s}--readonly`]:this.dsReadonly,[`${s}--invalid`]:!!this.dsErrorText})},t("div",{key:"d2997c0bad482d1f4750cc1c731164734741c83f",class:e},t("input",{key:"75bd81b52476f8b9331e1d7edf720d310b13a4cc",ref:s=>{this.nativeDateInputRef=s,s&&(s.value=this.value)},id:this.dsId,name:this.dsName,form:this.dsForm,type:"date",class:`${s}__input`,disabled:this.dsDisabled,readonly:this.dsReadonly,required:this.dsRequired,min:this.dsMin,max:this.dsMax,value:this.value,onChange:s=>{const e=s.target;this.value=e.value,this.isOpen=!1,this.dsChange.emit(e.value)},"aria-invalid":this.dsErrorText?"true":"false","aria-describedby":c,"aria-controls":this.dsAriaControls})),this.dsShowCalendarIcon&&t(this.DsButtonTag,{key:"b5962fb59a3e29a33370b33a044a7ba28b07897e",class:`${s}__calendar-icon`,dsVariant:"supplementary",dsColour:"black",dsSize:"small",onClick:this.openDatePicker,onKeyDown:this.handleIconKeyDown,dsDisabled:this.dsDisabled||this.dsReadonly,dsAriaLabel:l(),dsInInput:!0},t(this.DsIconTag,{key:"a8bb8c1b6c9e4b3cc88ba19f64979943ae2bea08",slot:"prefix",dsName:this.isOpen?"calendar_month_fill":"calendar_month",dsAriaHidden:!0}))),t(this.DsInputValidityTag,{key:"3770add0a57216681c7e877452b30ac9051c103b",id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}))}static get watchers(){return{hasFocus:[{hasFocusObserver:0}],dsValue:[{dsValueObserver:0}],value:[{valueObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-datepicker-native *.sc-ds-datepicker-native{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-native-h{display:inline-block;width:18rem}.sc-ds-datepicker-native-h>div.sc-ds-datepicker-native{display:flex;flex-direction:column;position:relative}.ds-datepicker-native__MsKlb0__input-container.sc-ds-datepicker-native .ds-datepicker-native__MsKlb0__input.sc-ds-datepicker-native{flex:1;border:none;outline:none;background-color:transparent;color:inherit;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);padding:0 var(--ds-spacing-xSmall);min-width:0;width:100%}.ds-datepicker-native__MsKlb0__input-container.sc-ds-datepicker-native .ds-datepicker-native__MsKlb0__input.sc-ds-datepicker-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-datepicker-native__MsKlb0__input-container.sc-ds-datepicker-native .ds-datepicker-native__MsKlb0__input.sc-ds-datepicker-native::-webkit-calendar-picker-indicator{display:none}.ds-datepicker-native__MsKlb0__input-container.sc-ds-datepicker-native .ds-datepicker-native__MsKlb0__input.sc-ds-datepicker-native::-webkit-clear-button{display:none}.ds-datepicker-native__MsKlb0__calendar-icon.sc-ds-datepicker-native{height:100%}.ds-datepicker-native__MsKlb0.sc-ds-datepicker-native{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);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);box-sizing:border-box;height:2.75rem;width:100%}.ds-datepicker-native__MsKlb0--disabled.sc-ds-datepicker-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-datepicker-native__MsKlb0--readonly.sc-ds-datepicker-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-datepicker-native__MsKlb0--invalid.sc-ds-datepicker-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__MsKlb0--invalid.sc-ds-datepicker-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__MsKlb0--invalid.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__MsKlb0--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__MsKlb0.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__MsKlb0--disabled,.ds-datepicker-native__MsKlb0--readonly.sc-ds-datepicker-native,.ds-datepicker-native__MsKlb0--invalid.sc-ds-datepicker-native,.ds-datepicker-native__MsKlb0.sc-ds-datepicker-native:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-native__MsKlb0.sc-ds-datepicker-native:focus-within:not(.ds-datepicker-native__MsKlb0--invalid,.ds-datepicker-native__MsKlb0--disabled.sc-ds-datepicker-native,.ds-datepicker-native__MsKlb0--readonly).sc-ds-datepicker-native{border-color:var(--ds-borderColor-primary)}.ds-datepicker-native__MsKlb0.sc-ds-datepicker-native: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-datepicker-native__MsKlb0.sc-ds-datepicker-native: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-datepicker-native__MsKlb0.sc-ds-datepicker-native{justify-content:space-between}@supports (-moz-appearance: none){.ds-datepicker-native__MsKlb0__calendar-icon.sc-ds-datepicker-native{display:none !important}}.ds-datepicker-native__MsKlb0__input-container.sc-ds-datepicker-native{width:100% !important}@supports (-webkit-touch-callout: none){.ds-datepicker-native__MsKlb0__input-container.sc-ds-datepicker-native .ds-datepicker-native__MsKlb0__input.sc-ds-datepicker-native{position:absolute;inset:0;line-height:var(--ds-fontSize-36);z-index:1}}"}},[774,"ds-datepicker-native",{dsId:[1,"ds-id"],dsLabel:[1,"ds-label"],dsValue:[1,"ds-value"],dsName:[1,"ds-name"],dsForm:[1,"ds-form"],dsDisabled:[4,"ds-disabled"],dsReadonly:[4,"ds-readonly"],dsErrorText:[1,"ds-error-text"],dsRequired:[4,"ds-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"],dsAssistiveText:[1,"ds-assistive-text"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsMin:[1,"ds-min"],dsMax:[1,"ds-max"],dsShowCalendarIcon:[4,"ds-show-calendar-icon"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsAriaControls:[1,"ds-aria-controls"],value:[32],hasFocus:[32],isOpen:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{hasFocus:[{hasFocusObserver:0}],dsValue:[{dsValueObserver:0}],value:[{valueObserver:0}]}]);function y(){"undefined"!=typeof customElements&&["ds-datepicker-native","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-datepicker-native":customElements.get(d(s))||customElements.define(d(s),f);break;case"ds-assistive-text":customElements.get(d(s))||b();break;case"ds-button":customElements.get(d(s))||v();break;case"ds-control-label":customElements.get(d(s))||h();break;case"ds-feedback":customElements.get(d(s))||p();break;case"ds-icon":customElements.get(d(s))||u();break;case"ds-input-validity":customElements.get(d(s))||k();break;case"ds-spinner":customElements.get(d(s))||m();break;case"ds-visually-hidden":customElements.get(d(s))||_()}}))}o([t("ds-icon",{dsName:""}),t("ds-control-label",null),t("ds-input-validity",null),t("ds-button",null)]);export{f as D,y as d}

package/dist/components/p-DvDKMhL0.js

@@ -1 +0,0 @@
-import{p as s,M as t,h as e,t as i}from"./p-BuOkAFpk.js";import{c as d}from"./p-mCzhJpLe.js";import{a,i as l}from"./p-BecId8t2.js";import{t as o,d as n}from"./p-ChKb-Fx7.js";import{g as r,a as c}from"./p-CGOuyzCr.js";import{c as b}from"./p-Ce-cTJr-.js";import{d as h}from"./p-C-9CbR-m.js";import{d as m}from"./p-CTvLGwOE.js";const f=s(class extends(t(b("ds-control-label"))){constructor(s){super(),!1!==s&&this.__registerHost()}inheritedAttributes={};get el(){return this}dsId;dsHtmlFor;dsLabel;dsAssistiveText;dsAssistiveTextId;dsVisuallyHiddenAssistiveText;dsVisuallyHiddenAssistiveTextId;dsRequired;dsOptional;dsOptionalText;get DsVisuallyHidden(){return o("ds-visually-hidden","ds-control-label",this.el)}get DsAssistiveText(){return o("ds-assistive-text","ds-control-label",this.el)}componentWillLoad(){this.inheritedAttributes={...l(this.el),...a(this,this.el)}}componentDidLoad(){this.componentMounted()}getLabelText=()=>this.dsRequired?r(this.dsLabel):this.dsOptional?c(this.dsLabel,this.dsOptionalText):this.dsLabel;render(){const s=d("ds-control-label");return e("div",{key:"74111ceaa165c74e43df9bbd15a3bbfd2704f93b",class:s},e("slot",{key:"afbd5efbc7ecf02146d026242419cdeca0bd895e",name:"label"},this.dsLabel&&e("label",{key:"00eea258bacd8302c32627bbf1e8d1d5a339edf7",class:`${s}__label`,htmlFor:this.dsHtmlFor,id:this.dsId,...this.inheritedAttributes},this.getLabelText())),e("slot",{key:"354218a4ca19a77c1bfaca7d397cf44baf2438d8",name:"assistiveText"},this.dsAssistiveText&&e(this.DsAssistiveText,{key:"7f5dc0c193c5df880bdfaf2a95adb486c435b78f",dsId:this.dsAssistiveTextId,dsText:this.dsAssistiveText}),this.dsVisuallyHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"e4da623a56ed0ee1829917bdc4733d120e8ba93b",id:this.dsVisuallyHiddenAssistiveTextId,dsTag:"span"},this.dsVisuallyHiddenAssistiveText)))}static get style(){return".ds-control-label__MsKlb0__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-control-label__MsKlb0{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__MsKlb0:empty{display:none}"}},[772,"ds-control-label",{dsId:[1,"ds-id"],dsHtmlFor:[1,"ds-html-for"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsAssistiveTextId:[1,"ds-assistive-text-id"],dsVisuallyHiddenAssistiveText:[1,"ds-visually-hidden-assistive-text"],dsVisuallyHiddenAssistiveTextId:[1,"ds-visually-hidden-assistive-text-id"],dsRequired:[4,"ds-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"]}]);function p(){"undefined"!=typeof customElements&&["ds-control-label","ds-assistive-text","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-control-label":customElements.get(i(s))||customElements.define(i(s),f);break;case"ds-assistive-text":customElements.get(i(s))||h();break;case"ds-visually-hidden":customElements.get(i(s))||m()}}))}n([e("ds-visually-hidden",null),e("ds-assistive-text",null)]);export{f as D,p as d}

package/dist/components/p-S2W8h_rh.js

@@ -1 +0,0 @@
-import{t as n}from"./p-ChKb-Fx7.js";const t="__ds_pagination_context__";function o(n,t,o){n.dispatchEvent(new CustomEvent("dsPaginationContextUpdate",{bubbles:!1,detail:{...t,isCompact:o}}))}function a(n,o){n[t]=o}function i(a,i){a[t]=i;const s=a.shadowRoot;if(!s)return;const e=[n("ds-pagination-item","ds-pagination",p=a),n("ds-pagination-page","ds-pagination",p),n("ds-pagination-ellipsis","ds-pagination",p)].join(", ");var p;const c=s.querySelector('slot[name="compact"]');c&&c.assignedElements({flatten:!0}).forEach((n=>{n.matches(e)&&o(n,i,!0),n.querySelectorAll(e).forEach((n=>{o(n,i,!0)}))}));const l=s.querySelector('slot[name="full"]');l&&l.assignedElements({flatten:!0}).forEach((n=>{n.matches(e)&&o(n,i,!1),n.querySelectorAll(e).forEach((n=>{o(n,i,!1)}))}))}function s(n){let o=n.parentElement;for(;o;){if(o[t])return o[t];o=o.parentElement}return console.warn(`${n.tagName} must be used inside ds-pagination component`),null}export{s as c,i as p,a as s}

package/dist/components/p-WP2R4-9m.js

@@ -1 +0,0 @@
-import{p as s,H as e,h as d,F as t,t as i}from"./p-BuOkAFpk.js";import{t as a,i as r,d as o}from"./p-ChKb-Fx7.js";import{d as l}from"./p-CTvLGwOE.js";const c=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsTag="div";dsRole;dsAriaLive="polite";dsAriaAtomic=!1;dsSrOnly=!1;dsSrOnlyTag="div";get DsVisuallyHidden(){return a("ds-visually-hidden","ds-feedback",this.el)}componentWillRender(){const s="Please provide either dsRole or dsAriaLive property";this.dsRole&&this.dsAriaLive?console.warn(`ds-feedback: ${s}. The dsAriaLive property is defined by default.`):this.dsRole||this.dsAriaLive||console.warn(`ds-feedback: ${s}.`)}render(){const s=this.dsSrOnly?this.DsVisuallyHidden:t,e=this.dsSrOnly?{dsTag:this.dsSrOnlyTag}:{};return d(this.dsTag,{key:"497f819b1680697bd1bb961ce5437e57fff1a1c0",...r("role",this.dsRole),...r("aria-live",this.dsAriaLive),...r("aria-atomic",this.dsAriaAtomic?"true":void 0)},d(s,{key:"e250d489a186701d2af3e3c643d6282721e30cfd",...e},d("slot",{key:"abca085a9e20f4861a8cf31cffd72ed3f6a10702"})))}static get style(){return".sc-ds-feedback-h{display:contents}"}},[774,"ds-feedback",{dsTag:[1,"ds-tag"],dsRole:[1,"ds-role"],dsAriaLive:[1,"ds-aria-live"],dsAriaAtomic:[4,"ds-aria-atomic"],dsSrOnly:[4,"ds-sr-only"],dsSrOnlyTag:[1,"ds-sr-only-tag"]}]);function n(){"undefined"!=typeof customElements&&["ds-feedback","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-feedback":customElements.get(i(s))||customElements.define(i(s),c);break;case"ds-visually-hidden":customElements.get(i(s))||l()}}))}o([d("ds-visually-hidden",null)]);export{c as D,n as d}

package/dist/components/p-_JQuENhj.js

@@ -1 +0,0 @@
-import{c as t}from"./p-S2W8h_rh.js";const n=n=>class extends n{constructor(){super()}context;contextUpdateHandler=t=>{this.context=t.detail};get paginationContext(){return this.context}componentWillLoad(){this.context=t(this.el)||void 0,this.el.addEventListener("dsPaginationContextUpdate",this.contextUpdateHandler)}disconnectedCallback(){this.el.removeEventListener("dsPaginationContextUpdate",this.contextUpdateHandler)}};export{n as p}

package/dist/components/p-mCzhJpLe.js

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

package/dist/components/p-tjRsBgg_.js

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

package/dist/esm/ariaDeprecationFactory-VXh57uir.js

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