@uh-design-system/component-library 1.7.0-rc.0 → 1.7.1-rc.0

package/dist/components/p-BReOEmXu.js

@@ -0,0 +1 @@
+import{p as s,H as t,c as e,h as i,t as a}from"./p-Caei5Txg.js";import{c as d}from"./p-BfTCfPZ1.js";import{t as o,b as r,e as c,d as n}from"./p-C_0dwn2_.js";import{c as l}from"./p-WGqeeSZm.js";import{b as h,c as u,d as m,e as p,v as f}from"./p-Vh2a5T9m.js";import{p as b,a as _,c as g,o as k,g as y,h as v,i as w,b as x,d as j,e as C,f as D,j as T,k as V,l as $,n as I,m as S,q as E,r as O,s as A,t as F,u as R,y as z,v as Y,w as L,x as B,z as M,A as W,B as q,C as N,D as H,E as P}from"./p-N7Ykm4GK.js";import{d as K}from"./p-C9RfggEL.js";import{d as X}from"./p-CFTaQvcd.js";import{d as Z}from"./p-gPBFLVf3.js";import{d as G}from"./p-i4kj9suS.js";import{d as Q}from"./p-B621GCrq.js";import{d as J}from"./p-nIjr2OVe.js";import{d as U}from"./p-DYoZqmLi.js";import{d as ss}from"./p-D6lLfZgp.js";import{d as ts}from"./p-C6560FQe.js";import{d as es}from"./p-BmXOY4e7.js";import{d as is}from"./p-CRQLqfJ1.js";import{d as as}from"./p-BmVl4wwt.js";import{d as ds}from"./p-B5arzrIP.js";const os=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=b(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=null;get validityText(){return this.dsErrorText||this.internalErrorText||""}get DsControlLabel(){return o("ds-control-label","ds-datepicker-custom",this.el)}get DsIconTag(){return o("ds-icon","ds-datepicker-custom",this.el)}get DsButtonTag(){return o("ds-button","ds-datepicker-custom",this.el)}get DsSelectTag(){return o("ds-select","ds-datepicker-custom",this.el)}get DsFeedbackTag(){return o("ds-feedback","ds-datepicker-custom",this.el)}get DsInputValidityTag(){return o("ds-input-validity","ds-datepicker-custom",this.el)}get DsTextInputTag(){return o("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")||null,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: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.at(-1);s.shiftKey||!e||document.activeElement!==i&&!i?.contains(document.activeElement)?s.shiftKey&&i&&(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=b(s),e=t?_(t):null;t&&e&&!w(e,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=x(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=Number.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=j(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=>{w(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>C(this.currentYear,this.currentMonth,1)?"next":"prev";this.setMonthWithTransition(s.getMonth(),s.getFullYear(),t)}if(w(s,this.dateConstraints)){const s=D(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(r(e)){s.preventDefault();const i=P(e),a=T(t,i,this.dateConstraints);if(a)if(this.focusedDate=a,this.inputValue=V(j(a)),a.getMonth()!==this.currentMonth||a.getFullYear()!==this.currentYear){const s=a>C(this.currentYear,this.currentMonth,1)?"next":"prev";this.setMonthWithTransition(a.getMonth(),a.getFullYear(),s),this.announceMonthYear(),this.pendingFocus=!0}else requestAnimationFrame((()=>this.focusDayButton()))}c(e)&&(s.preventDefault(),w(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=b(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=(this.inputValue??V(this.selectedDate)).trim();if(!s&&this.dsRequired)return{isValid:!1,flag:"valueMissing",message:h()};if(!s)return{isValid:!0,flag:"valid",message:""};const t=b(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:$()}:{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=t??""}),500),t.trim()){if(this.wasInvalidOnBlur){const{isValid:s,flag:e,message:i}=this.validateInputValue();if(s){const s=b(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}=I(this.currentMonth,this.currentYear,s);this.setMonthWithTransition(t,e,s);let i=null;i="prev"===s?S(e,t,this.dateConstraints)??C(e,t+1,0):D(e,t,this.dateConstraints)??C(e,t,1),this.focusedDate=i,this.announceMonthYear()};handleMonthChange=s=>{s.stopPropagation();const t=Number.parseInt(s.detail,10);if(!Number.isNaN(t)&&t>=0&&t<=11){this.setMonthWithTransition(t,this.currentYear,t>this.currentMonth?"next":"prev");const s=D(this.currentYear,t,this.dateConstraints);this.focusedDate=s??C(this.currentYear,t,1),this.announceMonthYear()}};handleYearChange=s=>{s.stopPropagation();const t=Number.parseInt(s.detail,10);if(!Number.isNaN(t)){this.setMonthWithTransition(this.currentMonth,t,t>this.currentYear?"next":"prev");const s=D(t,this.currentMonth,this.dateConstraints);this.focusedDate=s??C(t,this.currentMonth,1),this.announceMonthYear()}};announceMonthYear=()=>{const s=E();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=O(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 $()}const s=this.inputRef.validity;for(const t in s)if("valid"!==t&&s[t])return f(t);return""};handleValidityEvent(s){return t=>{t.stopPropagation();const e=this.getValidityMessage();s.emit({flag:"customError",message:e})}}render(){const s=l("ds-datepicker-custom"),t=E(),e=B(),a=this.getCalendarDaysWithCache(),o=this.cachedYearOptions,r=this.dsAssistiveText?`${this.dsId}-assistive`:void 0,c=this.dsHiddenAssistiveText?`${this.dsId}-hidden-assistive`:void 0,n=this.validityText?`${this.dsId}-validity`:void 0,h=this.dsAriaDescribedby||void 0;return i("div",{key:"1a2bbdff99ee602a19e699a7fcb28b1b95d501db"},i(this.DsControlLabel,{key:"7c83542adee3dd1b0c7d9ec19db8418428fa6f58",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:r,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:c},i("slot",{key:"b52f403b9135f80ccff3be99115deb049e21d920",name:"label"}),i("slot",{key:"dfa38760670974f2811888c4d0198e4f5e8c8238",name:"assistiveText"})),i("div",{key:"50896b1dba1cabfc398ea89d53294e897724442b",class:s},i(this.DsTextInputTag,{key:"8180e6e879f38cce4a6ec5939fd34be775773ed4",ref:s=>this.textInputRef=s,dsId:this.dsId,dsName:this.dsName,dsForm:this.dsForm,dsDisabled:this.dsDisabled,dsReadonly:this.dsReadonly,dsRequired:this.dsRequired,dsValue:this.inputValue??V(this.selectedDate),dsPlaceholder:this.dsPlaceholder,dsInvalid:!!this.validityText,dsFullWidth:!0,dsAriaDescribedby:[h,r,c,n].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:"56b88a8b9641cfb54c11606882ecb22017d05268",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:"c6ede8147d9e530c591cd83559a776afc9451dad",dsName:this.isOpen?"calendar_month_fill":"calendar_month",dsAriaHidden:!0}))),this.isOpen&&i("div",{key:"b0f0580e17f1af38e67f15c8c44eccc19cd97224",ref:s=>this.pickerRef=s,class:`${s}__picker`,role:"dialog","aria-modal":"true","aria-labelledby":`${this.dsId}-grid-label`},i(this.DsFeedbackTag,{key:"07da0878e9fe3c16d3a4c356d31748b29c703ce6",dsSrOnly:!0,dsSrOnlyTag:"span"},this.announcerText),i("div",{key:"a0d510d92d3f1262d1a9c24b2d5a53c6d231c473",class:`${s}__header`},i("div",{key:"661fffe696b124d062bf663f98189817445a320b",id:`${this.dsId}-grid-label`,class:`${s}__selects`},i(this.DsSelectTag,{key:"2a9a14ce6784c0cc954096c2da073727233e7bf6",dsId:`${this.dsId}-month`,dsValue:this.currentMonth.toString(),dsClearable:!1,dsVariant:"native",dsIconSize:"1rem",dsPlaceholder:F(),dsAriaLabel:`${A()}, ${t[this.currentMonth]}`,onDsChange:this.handleMonthChange},t.map(((s,t)=>i("option",{key:s,slot:"native",value:t.toString()},s)))),i(this.DsSelectTag,{key:"d2e79e4700d998884f7b4efb02bd0ad3a056c920",dsId:`${this.dsId}-year`,dsValue:this.currentYear.toString(),dsClearable:!1,dsVariant:"native",dsIconSize:"1rem",dsPlaceholder:z(),dsAriaLabel:`${R()}, ${this.currentYear}`,onDsChange:this.handleYearChange},o.map((s=>i("option",{key:s,slot:"native",value:s.toString()},s))))),i("div",{key:"fa814f285637e2bb66f21a3c9e8749f60d64f75c",class:`${s}__navigation`},i(this.DsButtonTag,{key:"86f2196079697201a1bdcf03630d5e8160f45ffc",dsVariant:"supplementary",dsColour:"blue",dsSize:"small",dsAriaLabel:Y(),onClick:()=>this.handleChangeMonth("prev"),tabindex:0},i(this.DsIconTag,{key:"d5361b0f1e91b57a6c565ed2f0b1291a972d7ea7",dsName:"chevron_backward",dsSize:"1rem",dsAriaHidden:!0})),i(this.DsButtonTag,{key:"77a0cbff46f25b88a6fcbadddf25e69f0851271c",dsVariant:"supplementary",dsColour:"blue",dsSize:"small",dsAriaLabel:L(),onClick:()=>this.handleChangeMonth("next"),tabindex:0},i(this.DsIconTag,{key:"f10f1a8aa39b1800c88c2d00f11d063205129e40",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:"d89f6ad4d7b38bde0fd4f1a8bacc11df77b2d891",role:"row",class:`${s}__weekday-row`,"aria-hidden":"true"},e.map((t=>i("div",{key:t,class:`${s}__weekday`,role:"columnheader"},t)))),Array.from({length:Math.ceil(a.length/7)},((t,e)=>{const o=a.slice(7*e,7*(e+1));return i("div",{key:e,role:"row",class:`${s}__day-row`},o.map((({day:t,isCurrentMonth:e,isToday:a,date:o})=>{const r=w(o,this.dateConstraints),c=M(o,this.selectedDate),n=o.getDate()===this.focusedDate?.getDate()&&o.getMonth()===this.focusedDate?.getMonth()&&o.getFullYear()===this.focusedDate?.getFullYear(),l=W(),h=q(),u=(o.getDay()+6)%7,m=`${o.getDate()} ${l[o.getMonth()]} ${h[u]} ${o.getFullYear()}`;return i("div",{key:o.toISOString(),role:"gridcell","aria-selected":c?"true":"false"},i("button",{type:"button",disabled:r,tabIndex:n&&e&&!r?0:-1,"aria-current":a?"date":void 0,"aria-label":m,onClick:this.createDayClickHandler(o),onKeyDown:this.createDayKeyDownHandler(o),class:d(`${s}__day`,{[`${s}__day--other-month`]:!e,[`${s}__day--today`]:a,[`${s}__day--selected`]:c,[`${s}__day--disabled`]:r})},t))})))}))),i("div",{key:"02201c7514f49545f4d93b4f26fe2a6da856bde7",class:`${s}__footer`},i(this.DsButtonTag,{key:"ca7abb6b9371d6188304f3dff0f385b889c6eb95",dsVariant:"supplementary",dsText:N(),dsSize:"small",onClick:this.handleShowToday,class:`${s}__footer-button--left`,tabindex:0}),i(this.DsButtonTag,{key:"b0cf45060fea0ec0453fb98607f665848278c934",dsVariant:"supplementary",dsText:H(),dsSize:"small",onClick:this.handleClear,class:`${s}__footer-button--right`,tabindex:0})))),this.validityText&&i(this.DsInputValidityTag,{key:"8642724e0dddafddd0c8706d26e265e245c0036b",id:n,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__owcjsm__calendar-icon.sc-ds-datepicker-custom{height:100%}.ds-datepicker-custom__owcjsm.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__owcjsm__calendar-icon.sc-ds-datepicker-custom{margin-right:calc(-1 * var(--ds-spacing-xSmall))}@supports (-moz-appearance: none){.ds-datepicker-custom__owcjsm__calendar-icon.sc-ds-datepicker-custom{display:inline-flex}}.ds-datepicker-custom__owcjsm__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-default);box-shadow:var(--ds-shadow-overlay);z-index:1000;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-datepicker-custom__owcjsm__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__owcjsm__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__owcjsm__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__owcjsm__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__owcjsm__calendar--prev.sc-ds-datepicker-custom{animation:slide-in-from-left 250ms ease-out}.ds-datepicker-custom__owcjsm__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__owcjsm__weekday-row.sc-ds-datepicker-custom,.ds-datepicker-custom__owcjsm__day-row.sc-ds-datepicker-custom{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__owcjsm__weekday-row.sc-ds-datepicker-custom [role=gridcell].sc-ds-datepicker-custom,.ds-datepicker-custom__owcjsm__day-row.sc-ds-datepicker-custom [role=gridcell].sc-ds-datepicker-custom{display:contents}.ds-datepicker-custom__owcjsm__weekday.sc-ds-datepicker-custom,.ds-datepicker-custom__owcjsm__day.sc-ds-datepicker-custom{aspect-ratio:1;line-height:var(--ds-button-min-height);text-align:center}.ds-datepicker-custom__owcjsm__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__owcjsm__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__owcjsm__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__owcjsm__day.sc-ds-datepicker-custom:hover:not(.ds-datepicker-custom__owcjsm__day--disabled,.ds-datepicker-custom__owcjsm__day--selected).sc-ds-datepicker-custom{background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-custom__owcjsm__day.sc-ds-datepicker-custom:active:not(.ds-datepicker-custom__owcjsm__day--disabled,.ds-datepicker-custom__owcjsm__day--selected).sc-ds-datepicker-custom{background-color:var(--ds-bgColor-white-active)}.ds-datepicker-custom__owcjsm__day--other-month.sc-ds-datepicker-custom:not(.ds-datepicker-custom__owcjsm__day--disabled){color:var(--ds-textColor-secondary)}.ds-datepicker-custom__owcjsm__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__owcjsm__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__owcjsm__day--disabled){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white);font-weight:var(--ds-fontWeight-bold)}.ds-datepicker-custom__owcjsm__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__owcjsm__day--disabled):hover{background-color:var(--ds-bgColor-primary-hover)}.ds-datepicker-custom__owcjsm__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__owcjsm__day--disabled):active{background-color:var(--ds-bgColor-primary-active)}.ds-datepicker-custom__owcjsm__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__owcjsm__footer.sc-ds-datepicker-custom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.ds-datepicker-custom__owcjsm__footer-button--left.sc-ds-datepicker-custom{margin-right:auto}.ds-datepicker-custom__owcjsm__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 rs(){"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),os);break;case"ds-assistive-text":customElements.get(a(s))||K();break;case"ds-button":customElements.get(a(s))||X();break;case"ds-control-label":customElements.get(a(s))||Z();break;case"ds-feedback":customElements.get(a(s))||G();break;case"ds-icon":customElements.get(a(s))||Q();break;case"ds-input-validity":customElements.get(a(s))||J();break;case"ds-option":customElements.get(a(s))||U();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()}}))}n([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{os as D,rs as d}

package/dist/components/p-Bb42i7gX.js

@@ -0,0 +1 @@
+import{g as e}from"./p-DehdQps5.js";const n=e=>"_blank"===e,s=()=>{switch(e()){case"fi":return"Avautuu uuteen välilehteen";case"sv":return"Öppnas i en ny flik";default:return"Opens in a new tab"}};export{n as o,s as v}

package/dist/components/p-BjvLVJsu.js

@@ -0,0 +1 @@
+import{p as t,M as s,c as e,h as o,t as a}from"./p-Caei5Txg.js";import{c as d}from"./p-WGqeeSZm.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as n,d as r}from"./p-C_0dwn2_.js";import{t as c}from"./p-C80KOXaZ.js";import{g as l,d as b}from"./p-B621GCrq.js";import{c as h}from"./p-pl5lQyEI.js";const f=t(class extends(s(h("ds-tab"),c)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.dsTabClick=e(this,"dsTabClick",7),this.dsTabFocus=e(this,"dsTabFocus",7)}get el(){return this}tablist=null;tabElement;dsTabClick;dsTabFocus;dsId;dsTabPanelId;dsText;dsIconStart;dsIconStartAriaLabel;dsIconEnd;dsIconEndAriaLabel;dsIconEndColour;hasPrefixSlot=!1;hasContentSlot=!1;hasSuffixSlot=!1;isHovered=!1;isActive=!1;get DsTablist(){return n("ds-tablist","ds-tab",this.el)}get DsIcon(){return n("ds-icon","ds-tab",this.el)}get iconInteractionState(){return this.isActive?"active":this.isHovered?"hover":void 0}get iconColour(){if(this.dsIconEndColour)return l(this.dsIconEndColour,this.iconInteractionState)}async setFocus(){this.tabElement?.focus({preventScroll:!0})}handleMouseEnter(){this.isHovered=!0}handleMouseLeave(){this.isHovered=!1}handleMouseDown(){this.isActive=!0}handleMouseUp(){this.isActive=!1}handleFocusIn(){this.dsTabFocus.emit({tabId:this.dsId})}handleClick(){this.context?.currentTab!==this.dsId&&this.dsTabClick.emit({tabId:this.dsId,tabPanelId:this.dsTabPanelId})}checkSlot=(t,s)=>{this[t]=null!==this.el.querySelector(s)};checkPrefixSlot=()=>this.checkSlot("hasPrefixSlot",'[slot="prefix"]');checkContentSlot=()=>this.checkSlot("hasContentSlot",'[slot="content"]');checkSuffixSlot=()=>this.checkSlot("hasSuffixSlot",'[slot="suffix"]');connectedCallback(){this.tablist=this.el.closest(this.DsTablist),this.tablist&&this.tablist.tabConnected()}disconnectedCallback(){super.disconnectedCallback(),this.tablist&&this.tablist.tabDisconnected(),this.tablist=null}componentDidLoad(){this.checkPrefixSlot(),this.checkContentSlot(),this.checkSuffixSlot()}render(){const t=d("ds-tab"),s=this.context?.currentTab===this.dsId,e=i(t,{[`${t}--container`]:"container"===this.context?.variant,[`${t}--line`]:"line"===this.context?.variant,[`${t}--selected`]:s}),a=(t,s)=>({dsAriaHidden:!t,...t?{dsAriaLabel:t}:{},...s?{dsColour:s}:{}});return o("div",{key:"43df10cb24a93e854ab7e8c3bb0b88c97f23cb50",ref:t=>this.tabElement=t,class:e,role:"tab","aria-controls":this.dsTabPanelId,"aria-selected":String(s),tabIndex:s?0:-1},o("div",{key:"05657093b4ccd9efe7ca6b17d47828c6f90024e9",class:`${t}__content`},o("slot",{key:"21525ce4cad8bd98cf51e3c2127f3b3377ec17ea",name:"prefix",onSlotchange:this.checkPrefixSlot},!this.hasPrefixSlot&&this.dsIconStart&&o(this.DsIcon,{key:"ee5fba35d72533bd51ca49d145282e50e2578244",dsName:this.dsIconStart,...a(this.dsIconStartAriaLabel)})),o("slot",{key:"2a48ec40d1ead08e5e2123e794a57efa9162110d",name:"content",onSlotchange:this.checkContentSlot},!this.hasContentSlot&&o("span",{key:"d11f324967e0d912a860ace3583bf94b70a61106"},this.dsText)),o("slot",{key:"12ddec31a796d198199fb295984b431b194d8210",name:"suffix",onSlotchange:this.checkSuffixSlot},!this.hasSuffixSlot&&this.dsIconEnd&&o(this.DsIcon,{key:"83df1f640e3373de23d979380a7a1e3f6757688d",dsName:this.dsIconEnd,...a(this.dsIconEndAriaLabel,this.iconColour)}))))}static get style(){return'.ds-no-style-leak.sc-ds-tab *.sc-ds-tab{all:unset;box-sizing:border-box;display:block}.sc-ds-tab-h{display:contents}.ds-tab__owcjsm.sc-ds-tab{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative;display:inline-flex;flex-direction:row;flex-shrink:0;min-width:44px;min-height:44px;padding:var(--ds-spacing-xSmall);background-color:var(--ds-bgColor-transparent-onLight);color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-style:normal;font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);cursor:default}@media (min-width: 60rem){.ds-tab__owcjsm.sc-ds-tab{font-size:var(--ds-fontSize-18)}}.ds-tab__owcjsm--selected.sc-ds-tab,.ds-tab__owcjsm.sc-ds-tab:hover:not(.ds-tab__owcjsm--selected),.ds-tab__owcjsm.sc-ds-tab:active:not(.ds-tab__owcjsm--selected){color:var(--ds-textColor-default)}.ds-tab__owcjsm--container.sc-ds-tab:focus-visible{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 * 1)}.ds-tab__owcjsm--container.ds-tab__owcjsm--selected.sc-ds-tab{background-color:var(--ds-bgColor-white)}.ds-tab__owcjsm--container.ds-tab__owcjsm--selected.sc-ds-tab::after{content:"";position:absolute;top:0;left:0;right:0;border-block-start:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__owcjsm--container.ds-tab__owcjsm--selected.sc-ds-tab:not(:focus-visible)::before{content:"";position:absolute;inset:0;border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tab__owcjsm--container.sc-ds-tab:hover:not(.ds-tab__owcjsm--selected){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-tab__owcjsm--container.sc-ds-tab:active:not(.ds-tab__owcjsm--selected){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-tab__owcjsm--line.sc-ds-tab:focus-visible .ds-tab__owcjsm__content.sc-ds-tab{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-tab__owcjsm--line.ds-tab__owcjsm--selected.sc-ds-tab::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__owcjsm--line.sc-ds-tab:hover:not(.ds-tab__owcjsm--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-default)}.ds-tab__owcjsm--line.sc-ds-tab:active:not(.ds-tab__owcjsm--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-black)}.ds-tab__owcjsm.sc-ds-tab .ds-tab__owcjsm__content.sc-ds-tab{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall)}'}},[774,"ds-tab",{dsId:[1,"ds-id"],dsTabPanelId:[1,"ds-tab-panel-id"],dsText:[1,"ds-text"],dsIconStart:[1,"ds-icon-start"],dsIconStartAriaLabel:[1,"ds-icon-start-aria-label"],dsIconEnd:[1,"ds-icon-end"],dsIconEndAriaLabel:[1,"ds-icon-end-aria-label"],dsIconEndColour:[1,"ds-icon-end-colour"],context:[32],hasPrefixSlot:[32],hasContentSlot:[32],hasSuffixSlot:[32],isHovered:[32],isActive:[32],setFocus:[64]},[[1,"mouseenter","handleMouseEnter"],[1,"mouseleave","handleMouseLeave"],[1,"mousedown","handleMouseDown"],[1,"mouseup","handleMouseUp"],[0,"focusin","handleFocusIn"],[0,"click","handleClick"]]]);function m(){"undefined"!=typeof customElements&&["ds-tab","ds-icon"].forEach((t=>{switch(t){case"ds-tab":customElements.get(a(t))||customElements.define(a(t),f);break;case"ds-icon":customElements.get(a(t))||b()}}))}r([o("ds-icon",{dsName:""})]);export{f as D,m as d}

package/dist/components/p-Bk8zKTqs.js

@@ -0,0 +1 @@
+import{t}from"./p-C_0dwn2_.js";const s="__ds_tabs_context__",n="dsTabsContextUpdate";function o(s,n){const o=t("ds-tabs","ds-tabs",n),a=s.closest(o);return a instanceof HTMLElement&&a===n}function a(t,s){t.dispatchEvent(new CustomEvent(n,{bubbles:!1,detail:{...s}}))}function e(t,n){t[s]=n}function d(s,n){e(s,n);const d=[t("ds-tablist","ds-tabs",b=s),t("ds-tabpanel","ds-tabs",b),t("ds-tab","ds-tabs",b)].join(", ");var b;const c=s.querySelectorAll(d);for(const t of c)o(t,s)&&a(t,n)}function b(t){let n=t.parentElement;for(;n;){if(n[s])return n[s];n=n.parentElement}return console.warn(`${t.tagName} must be used inside ds-tabs component`),null}export{n as C,b as c,d as p,e as s}

package/dist/components/p-Bl9hAwEC.js

@@ -0,0 +1 @@
+import{p as s,M as e,h as t,d as a,t as d}from"./p-Caei5Txg.js";import{c as i}from"./p-BfTCfPZ1.js";import{c as l}from"./p-WGqeeSZm.js";import{c as o}from"./p-pl5lQyEI.js";const c=s(class extends(e(o("ds-step-base"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsOrientation="vertical";dsFullWidth=!1;render(){const s=l("ds-step-base"),e=i(`${s}__host`,{[`${s}__host--full-width`]:this.dsFullWidth}),d=i(s,{[`${s}--vertical`]:"vertical"===this.dsOrientation});return t(a,{key:"3cc4f0a49914d0d143fd786aae3d1e403e1f84c2",class:e},t("div",{key:"dd719ba02ec99f0c74aa785f4b5b5c9181a0c184",class:d},t("slot",{key:"efe43588e563c4bf7a54c0abfa1fefe296f5d3b2",name:"bullet"}),t("slot",{key:"bce9e362a7d400c87f23217aea6da514b030f60e",name:"content"})))}static get style(){return".ds-no-style-leak.sc-ds-step-base *.sc-ds-step-base{all:unset;box-sizing:border-box;display:block}.ds-step-base__owcjsm__host--full-width.sc-ds-step-base-h{flex:1}.ds-step-base__owcjsm.sc-ds-step-base{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;flex-direction:column;align-items:stretch;gap:var(--ds-spacing-xSmall)}.ds-step-base__owcjsm--vertical.sc-ds-step-base{flex-direction:row}"}},[774,"ds-step-base",{dsOrientation:[1,"ds-orientation"],dsFullWidth:[4,"ds-full-width"]}]);function r(){"undefined"!=typeof customElements&&["ds-step-base"].forEach((s=>{"ds-step-base"===s&&(customElements.get(d(s))||customElements.define(d(s),c))}))}export{c as D,r as d}

package/dist/components/p-BmVl4wwt.js

@@ -0,0 +1 @@
+import{p as t,M as s,c as i,f as e,h as n,d,t as a}from"./p-Caei5Txg.js";import{c as o}from"./p-BfTCfPZ1.js";import{k as r,o as c,p as l,v as u}from"./p-Vh2a5T9m.js";import{t as _,a as p,d as h}from"./p-C_0dwn2_.js";import{d as x}from"./p-VfYMKfsX.js";import{i as b,a as m}from"./p-5l5qZ1Ad.js";import{c as v}from"./p-WGqeeSZm.js";import{c as f}from"./p-pl5lQyEI.js";import{d as w}from"./p-C9RfggEL.js";import{d as g}from"./p-CFTaQvcd.js";import{d as j}from"./p-gPBFLVf3.js";import{d as y}from"./p-i4kj9suS.js";import{d as k}from"./p-B621GCrq.js";import{d as C}from"./p-nIjr2OVe.js";import{d as A}from"./p-CRQLqfJ1.js";import{d as I}from"./p-B5arzrIP.js";const T={search:"search"},S={search:({clearButtonVisible:t})=>t?"cancel_fill":"",password:({passwordInputVisible:t})=>t?"visibility_off_fill":"visibility_fill"},V=t(class extends(s(f("ds-text-input",{stopRootTracking:!0,stopRootTrackingExcept:["ds-datepicker"]}),x)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.dsChange=i(this,"dsChange",7),this.dsInput=i(this,"dsInput",7),this.dsClear=i(this,"dsClear",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7)}inheritedAttributes={};suffixButtonElement;inputElement;hasPrefixSlot=!1;hasSuffixSlot=!1;get el(){return this}dsChange;dsInput;dsClear;dsSubmitInvalid;dsValidity;dsForm;_dsStep=1;get dsStep(){return this._dsStep}set dsStep(t){this._dsStep=void 0===t||t<=0?1:t}dsLabel;dsPlaceholder;dsId=this.getUniqueId();dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsMin;dsMax;dsMaxLength;dsPattern;dsAutocomplete;dsOptionalText;dsErrorText;dsSuccessText;dsAssistiveText;dsActionButtonAriaLabel;dsHiddenAssistiveText;dsPrefixText;dsSuffixText;dsIcon="";dsType="text";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsInvalid=!1;dsFullWidth=!1;hasFocus=!1;clearButtonVisible=!1;passwordInputVisible=!1;inputActive=!1;wasInvalidOnBlur=!1;internalValue="";get assistiveTextId(){return`${this.dsId}-assistive-text`}get visuallyHiddenAssistiveTextId(){return`${this.dsId}-visually-hidden-assistive-text`}get validityId(){return`${this.dsId}-validity`}getActionButtonAriaLabel(){switch(this.dsType){case"search":return this.clearButtonVisible?this.dsActionButtonAriaLabel||l():this.dsActionButtonAriaLabel||"";case"password":return this.passwordInputVisible?this.dsActionButtonAriaLabel||r():this.dsActionButtonAriaLabel||c();default:return this.dsActionButtonAriaLabel}}get validityText(){return this.dsErrorText||this.dsSuccessText||""}get validityType(){return this.dsSuccessText?"success":"error"}async togglePasswordVisibility(){return this.passwordInputVisible=!this.passwordInputVisible,this.passwordInputVisible}async clearInput(t){this.internalValue="",this.inputElement?.focus(),this.dsClear.emit({event:t,value:this.internalValue})}async setFocus(){this.inputElement?.focus()}async checkValidity(){return this.inputElement?.checkValidity()}valueObserver(t){this._setDisableEventEmits(!0),this.internalValue=t||""}internalValueObserver(t,s){this.clearButtonVisible="search"===this.dsType&&!!t;const i=this.getShouldEmit([t!==s]);this._setDisableEventEmits(),i&&this.dsChange.emit({value:t})}componentWillLoad(){this.inheritedAttributes={...m(this,this.el,["id"]),...b(this.el,["aria-invalid"])},this.hasPrefixSlot=!!this.el.querySelector('[slot="prefix"]'),this.hasSuffixSlot=!!this.el.querySelector('[slot="suffix"]'),this._setDisableEventEmits(!0),this.internalValue=this.dsValue||"",this._setDisableEventEmits(),this.clearButtonVisible="search"===this.dsType&&!!this.internalValue}componentDidLoad(){this.componentMounted()}onAriaChanged(t,s,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:t},e(this)}formResetCallback(){this.dsErrorText=""}handleInvalid=t=>{t.preventDefault();const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsSubmitInvalid.emit({flag:t,message:u(t,{type:this.dsType})});break}};handleInput=t=>{if(this.internalValue=t.target.value,this.dsInput.emit({event:t,value:this.internalValue}),this.dsErrorText||this.wasInvalidOnBlur){const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.dsValidity.emit({flag:s,message:u(s,{type:this.dsType})});break}}};handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.wasInvalidOnBlur="valid"!==s,this.dsValidity.emit({flag:s,message:u(s,{type:this.dsType})});break}};handleActionButtonClicked=t=>{switch(t.stopPropagation(),this.dsType){case"password":return this.togglePasswordVisibility();case"search":return void this.clearInput(t);default:return}};renderPrefixContent(t){if(this.hasPrefixSlot)return n("slot",{name:"prefix"});if(this.dsPrefixText)return n("slot",{name:"prefix"},n("span",{class:`${t}__prefix`},this.dsPrefixText));const s=this.dsIcon||T[this.dsType],i=_("ds-icon","ds-text-input",this.el);return s?n("slot",{name:"prefix"},n(i,{class:`${t}__icon`,dsName:s})):null}renderSuffixContent(t){if(this.hasSuffixSlot)return n("slot",{name:"suffix"});if(this.dsSuffixText)return n("slot",{name:"suffix"},n("span",{class:`${t}__suffix`},this.dsSuffixText));const s=S[this.dsType]?.(this)??"",i="password"===this.dsType?this.passwordInputVisible:void 0,e=_("ds-button","ds-text-input",this.el);if(s){const d=this.getActionButtonAriaLabel();return n("slot",{name:"suffix"},n(e,{ref:t=>this.suffixButtonElement=t,dsVariant:"supplementary",dsColour:"black",class:`${t}__button`,dsDisabled:!1,dsIcon:s,dsIconTitle:d,dsIconAriaLabel:d,dsInInput:!0,dsNoFocusRing:!0,onClick:this.handleActionButtonClicked,dsAriaPressed:i,...p("dsAriaLabel",d)}))}return null}handleInputContainerClick(t){t.target!==this.suffixButtonElement&&this.inputElement?.focus()}render(){const t="password"===this.dsType&&this.passwordInputVisible?"text":this.dsType,s=_("ds-input-validity","ds-text-input",this.el),i=_("ds-control-label","ds-text-input",this.el),e=v("ds-text-input"),a=`${e}__host`,r=`${e}__container`,{"aria-label":c,"aria-labelledby":l,"aria-describedby":u,...h}=this.inheritedAttributes,x=this.dsAriaLabel||c,b=this.dsAriaLabelledby||l,m=this.dsAriaDescribedby||u;return n(d,{key:"a57c0b3f5c7919c79afd9cf14d1494be1c2d32f2",class:o(a,{[`${a}--full-width`]:this.dsFullWidth})},n(i,{key:"06ce11d6eb02872e196665dbb55691271a508847",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText},n("slot",{key:"64b19c5c4eaaac435a39b471d37eb31980b67742",name:"label"}),n("slot",{key:"7b0e980c460bacaaab4b3c71ce87366e84dea8e3",name:"assistiveText"})),n("div",{key:"24a20f1cf42c6a56e182ea4c40a8b7e130dd4a33",onMouseDown:()=>this.inputActive=!0,onMouseUp:()=>this.inputActive=!1,onClick:t=>this.handleInputContainerClick(t),class:o(r,{[`${r}--disabled`]:this.dsDisabled,[`${r}--readonly`]:this.dsReadonly,[`${r}--valid`]:!!this.dsSuccessText,[`${r}--invalid`]:this.dsInvalid||!!this.dsErrorText,[`${r}--focus`]:this.hasFocus,[`${r}--active`]:!!this.inputActive})},this.renderPrefixContent(e),n("input",{key:"e6287be0f9850eaae6bf5ccc2b421e2a908ed103",ref:t=>this.inputElement=t,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,required:this.dsRequired,readonly:this.dsReadonly,value:this.internalValue,type:t,min:this.dsMin,max:this.dsMax,maxlength:this.dsMaxLength,pattern:this.dsPattern,step:this.dsStep,placeholder:this.dsPlaceholder,autocomplete:this.dsAutocomplete,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...p("aria-label",x),...p("aria-labelledby",b),...p("aria-describedby",m||o({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.validityId]:!!this.dsErrorText||!!this.dsSuccessText})),"aria-invalid":this.dsInvalid||this.dsErrorText?"true":"false",...h}),this.renderSuffixContent(e)),n("slot",{key:"959aaa7103376c1924e421cd388a41ca3ed0e507",name:"validity"},n(s,{key:"97570fe442637e29a5254ac55d36e2961f5d34b5",id:this.validityId,dsText:this.validityText,dsType:this.validityType})))}static get formAssociated(){return!0}static get watchers(){return{dsValue:[{valueObserver:0}],internalValue:[{internalValueObserver:0}],"aria-label":[{onAriaChanged:0}],"aria-labelledby":[{onAriaChanged:0}],"aria-describedby":[{onAriaChanged:0}]}}static get style(){return".ds-no-style-leak.sc-ds-text-input *.sc-ds-text-input{all:unset;box-sizing:border-box;display:block}.sc-ds-text-input-h{display:block}.ds-text-input__owcjsm__host.sc-ds-text-input-h{width:288px}@media (min-width: 75rem){.ds-text-input__owcjsm__host.sc-ds-text-input-h{width:320px}}.ds-text-input__owcjsm__host--full-width.sc-ds-text-input-h{width:100%}.ds-text-input__owcjsm.sc-ds-text-input{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-input__owcjsm__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-text-input__owcjsm__label-container.sc-ds-text-input label.sc-ds-text-input{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-text-input__owcjsm__label-container.sc-ds-text-input small.sc-ds-text-input{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);display:block;margin-block-start:var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary)}.ds-text-input__owcjsm__container.sc-ds-text-input{box-sizing:border-box;width:100%;display:inline-flex;position:relative;align-items:center;border-width:var(--ds-borderWidth-thin);border-style:solid;background-color:var(--ds-bgColor-white);border-color:var(--ds-borderColor-default);padding-inline:var(--ds-spacing-xSmall)}.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--invalid.sc-ds-text-input:hover:not(.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--invalid.ds-text-input__owcjsm__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--valid.sc-ds-text-input:hover:not(.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--valid.sc-ds-text-input .ds-text-input__owcjsm__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--readonly.sc-ds-text-input,.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-input__owcjsm__container.sc-ds-text-input:has(span.ds-text-input__owcjsm__prefix,.ds-text-input__owcjsm__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__owcjsm__container.sc-ds-text-input:has(.ds-text-input__owcjsm__button){padding-inline-end:unset}.ds-text-input__owcjsm__container.sc-ds-text-input:has(input:active):not:has(input:disabled,input.sc-ds-text-input:read-only){border-color:var(--ds-borderColor-default)}.ds-text-input__owcjsm__container.sc-ds-text-input:has(input:active){outline:none}.ds-text-input__owcjsm__container.active.sc-ds-text-input:not(.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--disabled,.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--readonly.sc-ds-text-input,.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--invalid.sc-ds-text-input,.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-input__owcjsm__container.sc-ds-text-input:hover:not(.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--disabled,.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--readonly.sc-ds-text-input,.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--active.sc-ds-text-input,.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--invalid.sc-ds-text-input,.ds-text-input__owcjsm__container.ds-text-input__owcjsm__container--valid.sc-ds-text-input,.ds-text-input__owcjsm__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-input__owcjsm__container.sc-ds-text-input:has(>input:focus){box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-input__owcjsm__container.sc-ds-text-input:has(>input:focus):not(.ds-text-input__owcjsm__container:has(>input:focus).ds-text-input__owcjsm__container--invalid,.ds-text-input__owcjsm__container.sc-ds-text-input:has(>input:focus).ds-text-input__owcjsm__container--valid,.ds-text-input__owcjsm__container.sc-ds-text-input:has(>input:focus).ds-text-input__owcjsm__container--readonly){border-color:var(--ds-borderColor-primary)}.ds-text-input__owcjsm__container.sc-ds-text-input>input.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:100%;box-sizing:border-box;background-color:unset;flex-grow:1;height:var(--ds-spacing-xLarge);line-height:var(--ds-fontSize-24);color:var(--ds-textColor-default);border:none;padding-block:var(--ds-spacing-4xSmall);padding-inline:0}.ds-text-input__owcjsm__container.sc-ds-text-input>input.sc-ds-text-input::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-input__owcjsm__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__owcjsm__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__owcjsm__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-text-input__owcjsm__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-text-input__owcjsm__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-text-input__owcjsm__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-text-input__owcjsm__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-text-input__owcjsm__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-text-input__owcjsm__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-text-input__owcjsm__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-text-input__owcjsm__container.sc-ds-text-input:has(span.ds-text-input__owcjsm__prefix,.ds-text-input__owcjsm__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__owcjsm__container.sc-ds-text-input span.ds-text-input__owcjsm__prefix.sc-ds-text-input,.ds-text-input__owcjsm__container.sc-ds-text-input span.ds-text-input__owcjsm__suffix.sc-ds-text-input{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-link-standalone)}.ds-text-input__owcjsm__container.sc-ds-text-input .ds-text-input__owcjsm__icon.sc-ds-text-input,.ds-text-input__owcjsm__container.sc-ds-text-input-s>[slot=prefix],.ds-text-input__owcjsm__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-text-input__owcjsm__container.sc-ds-text-input .ds-text-input__owcjsm__button.sc-ds-text-input{max-height:40px}.ds-text-input__owcjsm__container.sc-ds-text-input .ds-text-input__owcjsm__button.sc-ds-text-input: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)}"}},[838,"ds-text-input",{dsForm:[1,"ds-form"],dsStep:[6658,"ds-step"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsDisabled:[4,"ds-disabled"],dsOptional:[4,"ds-optional"],dsRequired:[4,"ds-required"],dsReadonly:[4,"ds-readonly"],dsValue:[1,"ds-value"],dsMin:[2,"ds-min"],dsMax:[2,"ds-max"],dsMaxLength:[2,"ds-max-length"],dsPattern:[1,"ds-pattern"],dsAutocomplete:[1,"ds-autocomplete"],dsOptionalText:[1,"ds-optional-text"],dsErrorText:[1025,"ds-error-text"],dsSuccessText:[1,"ds-success-text"],dsAssistiveText:[1,"ds-assistive-text"],dsActionButtonAriaLabel:[1,"ds-action-button-aria-label"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsPrefixText:[1,"ds-prefix-text"],dsSuffixText:[1,"ds-suffix-text"],dsIcon:[1,"ds-icon"],dsType:[1,"ds-type"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsInvalid:[4,"ds-invalid"],dsFullWidth:[4,"ds-full-width"],hasFocus:[32],clearButtonVisible:[32],passwordInputVisible:[32],inputActive:[32],wasInvalidOnBlur:[32],internalValue:[32],setDisableEventEmits:[64],togglePasswordVisibility:[64],clearInput:[64],setFocus:[64],checkValidity:[64]},void 0,{dsValue:[{valueObserver:0}],internalValue:[{internalValueObserver:0}],"aria-label":[{onAriaChanged:0}],"aria-labelledby":[{onAriaChanged:0}],"aria-describedby":[{onAriaChanged:0}]}]);function L(){"undefined"!=typeof customElements&&["ds-text-input","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-spinner","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-text-input":customElements.get(a(t))||customElements.define(a(t),V);break;case"ds-assistive-text":customElements.get(a(t))||w();break;case"ds-button":customElements.get(a(t))||g();break;case"ds-control-label":customElements.get(a(t))||j();break;case"ds-feedback":customElements.get(a(t))||y();break;case"ds-icon":customElements.get(a(t))||k();break;case"ds-input-validity":customElements.get(a(t))||C();break;case"ds-spinner":customElements.get(a(t))||A();break;case"ds-visually-hidden":customElements.get(a(t))||I()}}))}h([n("ds-icon",{dsName:""}),n("ds-button",null),n("ds-input-validity",null),n("ds-control-label",null)]);export{V as D,L as d}

package/dist/components/p-BmXOY4e7.js

@@ -0,0 +1 @@
+import{p as e,M as s,c as t,h as o,d,t as i}from"./p-Caei5Txg.js";import{c}from"./p-BfTCfPZ1.js";import{t as a,d as l}from"./p-C_0dwn2_.js";import{a as r}from"./p-5l5qZ1Ad.js";import{c as n}from"./p-WGqeeSZm.js";import{a as v,d as _}from"./p-B621GCrq.js";import{h as m}from"./p-Vh2a5T9m.js";import{d as b}from"./p-C9RfggEL.js";import{d as h}from"./p-gPBFLVf3.js";import{d as p}from"./p-i4kj9suS.js";import{d as u}from"./p-nIjr2OVe.js";import{d as g}from"./p-B5arzrIP.js";const w=e(class extends(s(v)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.dsChange=t(this,"dsChange",7),this.dsValidity=t(this,"dsValidity",7),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7)}dsAriaDescribedby;dsAriaControls;inheritedAttributes={};get el(){return this}dsChange;dsValidity;dsSubmitInvalid;dsId;dsLabel="";dsPlaceholder;dsValue;dsIcon="";dsIconSize;dsName;dsForm;dsDisabled=!1;dsErrorText;dsFullWidth=!1;dsRequired=!1;dsAriaLabel;value="";get inputValidityId(){return`${this.dsId}-input-validity`}nativeSelectRef;get DsInputValidityTag(){return a("ds-input-validity","ds-select-native",this.el)}get DsIconTag(){return a("ds-icon","ds-select-native",this.el)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.value=this.dsValue||"",this.inheritedAttributes={...r(this,this.el)}}componentDidLoad(){if(!this.nativeSelectRef)return;const e=this.nativeSelectRef;e.addEventListener("invalid",(e=>{e.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:m()}),this.dsValidity.emit({flag:"customError",message:m()})})),e.addEventListener("blur",(()=>{const s=e.validity.valid;this.dsValidity.emit({flag:s?"valid":"customError",message:s?"":m()})}))}ariaAttributeObserver(e,s,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:e}}dsValueObserver(e){this.value=e||""}valueObserver(e){if(this.nativeSelectRef&&(this.nativeSelectRef.value!==e&&(this.nativeSelectRef.value=e),this.dsRequired)){const e=this.nativeSelectRef.validity.valid;this.dsValidity.emit({flag:e?"valid":"customError",message:e?"":m()})}}render(){const e=n("ds-select"),s=`${e}__host`,t=`${e}-native`,i=a("ds-control-label","ds-select-native",this.el),{"aria-describedby":l,...r}=this.inheritedAttributes,v=this.dsAriaDescribedby??l,_=!!this.el.querySelector('[slot="label"]');return o(d,{key:"66fceef3d800cb9b293feaf93fb9ff0fa9c1bcb7",class:c(s,{[`${s}--full-width`]:this.dsFullWidth})},o("div",{key:"631d73d6b6066078e7650c4ffe5b9ed76047d867"},(this.dsLabel||_)&&o(i,{key:"36ce77f3c258a61f9e95ec9bb1920a0dea27b611",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired},o("slot",{key:"8e05ce78abf733dca07705f8abdae35824c77987",name:"label"})),o("div",{key:"2705aec0958a80bfb85be7c6e650181f7a224fe5",class:c(`${t}`,{[`${t}--disabled`]:this.dsDisabled,[`${t}--invalid`]:!!this.dsErrorText})},o("div",{key:"53ff980d818fdf98d51f0782deae270b6e922b52",class:`${t}__selected-text`,"aria-hidden":"true"},this.value&&this.nativeSelectRef?.selectedOptions[0]?.textContent||this.dsPlaceholder),o("select",{key:"a7c2b545e02acc8e37f562c694f8b5ab088cf3ed",ref:e=>{this.nativeSelectRef=e,e&&(e.value=this.value)},id:this.dsId,name:this.dsName,form:this.dsForm,class:`${t}__select`,disabled:this.dsDisabled,required:this.dsRequired,"aria-label":this.dsAriaLabel,onChange:e=>{const s=e.target;this.value=s.value,this.dsChange.emit(s.value)},"aria-describedby":v,...r},o("option",{key:"b2d8ead4f38777e1a64f9c6cd396e1879c0578b3",value:"",disabled:!0,style:{display:this.dsRequired?"none":void 0},selected:!this.value},this.dsPlaceholder),o("slot",{key:"cc2e1fce18a273278fd59caf667a5b0928439994",name:"native"})),o(this.DsIconTag,{key:"c32c5a77803169f86f4d71a401bd11656cb9afe8",class:`${t}__dropdown-icon`,dsName:"keyboard_arrow_down",dsSize:this.dsIconSize})),o(this.DsInputValidityTag,{key:"9d10ae99506bca21eb2ae76048e9c7d92eb939ec",id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"})))}static get watchers(){return{"aria-describedby":[{ariaAttributeObserver:0}],dsValue:[{dsValueObserver:0}],value:[{valueObserver:0}]}}static get style(){return".ds-select__owcjsm__host.sc-ds-select-native-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){.ds-select__owcjsm__host.sc-ds-select-native-h{width:var(--ds-select-wide-width, 20rem)}}.ds-select__owcjsm__host.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}@media (min-width: 30rem){.ds-select__owcjsm__host--full-width.sc-ds-select-native-h{width:var(--ds-select-narrow-width, 100%)}}.ds-select__owcjsm-native.sc-ds-select-native,.ds-select__owcjsm-custom.sc-ds-select-native{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__owcjsm-native__dropdown-icon.sc-ds-select-native,.ds-select__owcjsm-custom__dropdown-icon.sc-ds-select-native{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__owcjsm-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__owcjsm-custom.sc-ds-select-native .ds-options__owcjsm.sc-ds-select-native{display:block}.ds-select__owcjsm-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__owcjsm-custom-input-container.sc-ds-select-native:has(.ds-select__owcjsm-custom__clear-button:hover) .ds-select__owcjsm-custom.sc-ds-select-native{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__owcjsm-custom.sc-ds-select-native:not(.ds-select__owcjsm-custom--open,.ds-select__owcjsm-custom--invalid.sc-ds-select-native,.ds-select__owcjsm-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__owcjsm-custom.sc-ds-select-native:active:not(.ds-select__owcjsm-custom--open,.ds-select__owcjsm-custom--invalid.sc-ds-select-native,.ds-select__owcjsm-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__owcjsm-custom--open.sc-ds-select-native,.ds-select__owcjsm-custom.sc-ds-select-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-select__owcjsm-custom--open.sc-ds-select-native:not(.ds-select__owcjsm-custom--open--invalid,.ds-select__owcjsm-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__owcjsm-custom.sc-ds-select-native:focus-visible:not(.ds-select__owcjsm-custom--open--invalid,.ds-select__owcjsm-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__owcjsm-custom--disabled.sc-ds-select-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-select__owcjsm-custom--disabled.sc-ds-select-native .ds-select__owcjsm-custom__dropdown-icon.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__owcjsm-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__owcjsm-custom--invalid.sc-ds-select-native:not(.ds-select__owcjsm-custom--invalid--open,.ds-select__owcjsm-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__owcjsm-custom--invalid.sc-ds-select-native:not(.ds-select__owcjsm-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__owcjsm-custom__dropdown-icon--has-clear-button.sc-ds-select-native{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__owcjsm-custom__selected-option.sc-ds-select-native{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__owcjsm-custom--has-icon.sc-ds-select-native .ds-select__owcjsm-custom__selected-option.sc-ds-select-native{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__owcjsm-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__owcjsm-custom__selected-option__text.sc-ds-select-native{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__owcjsm-custom__selected-option__text--none-selected.sc-ds-select-native{color:var(--ds-textColor-secondary)}.ds-select__owcjsm-custom__selected-option__text--disabled.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight)}.ds-select__owcjsm-custom.sc-ds-select-native input.sc-ds-select-native{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__owcjsm-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__owcjsm-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__owcjsm-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__owcjsm-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__owcjsm-custom__clear-button.sc-ds-select-native{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);top:2px;bottom:2px;cursor:pointer}.ds-select__owcjsm-custom__clear-button.sc-ds-select-native: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__owcjsm-custom__badge-container.sc-ds-select-native{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__owcjsm-custom__options-container.sc-ds-select-native{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-select__owcjsm-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__owcjsm-custom__options-container__options.sc-ds-select-native{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__owcjsm-custom__options-container__options__inner.sc-ds-select-native{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__owcjsm-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__owcjsm-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{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__owcjsm-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__owcjsm-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__owcjsm-custom__options-container__options__inner__top-scrim.sc-ds-select-native{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__owcjsm-custom__options-container__options__inner__top-scrim--dark.sc-ds-select-native{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__owcjsm-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__owcjsm-native.sc-ds-select-native:not(.ds-select__owcjsm-native--invalid,.ds-select__owcjsm-native--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__owcjsm-native.sc-ds-select-native:has(.ds-select__owcjsm-native__select:active):not(.ds-select__owcjsm-native--invalid,.ds-select__owcjsm-native--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__owcjsm-native.sc-ds-select-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-select__owcjsm-native--disabled.sc-ds-select-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-select__owcjsm-native--disabled.sc-ds-select-native .ds-select__owcjsm-native__dropdown-icon.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__owcjsm-native--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__owcjsm-native--invalid.sc-ds-select-native:not(.ds-select__owcjsm-native--invalid--disabled):has(.ds-select__owcjsm-native__select:active){background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__owcjsm-native--invalid.sc-ds-select-native:not(.ds-select__owcjsm-native--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__owcjsm-native__dropdown-icon.sc-ds-select-native{color:var(--ds-select-selected-option-color, inherit)}.ds-select__owcjsm-native__selected-text.sc-ds-select-native{flex:1;padding:0 var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall));margin-right:var(--ds-select-selected-text-margin-right, 0);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:var(--ds-select-selected-option-color, inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-select__owcjsm-native__select.sc-ds-select-native{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1;appearance:none;border:none;outline:none;padding:0 var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);background-color:transparent;color:inherit;flex:1}.ds-select__owcjsm-native__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__owcjsm-native__select.sc-ds-select-native:disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}"}},[774,"ds-select-native",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsAriaControls:[1,"ds-aria-controls"],dsId:[1,"ds-id"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsValue:[1,"ds-value"],dsIcon:[1,"ds-icon"],dsIconSize:[1,"ds-icon-size"],dsName:[1,"ds-name"],dsForm:[1,"ds-form"],dsDisabled:[4,"ds-disabled"],dsErrorText:[1,"ds-error-text"],dsFullWidth:[4,"ds-full-width"],dsRequired:[4,"ds-required"],dsAriaLabel:[1,"ds-aria-label"],value:[32]},void 0,{"aria-describedby":[{ariaAttributeObserver:0}],dsValue:[{dsValueObserver:0}],value:[{valueObserver:0}]}]);function f(){"undefined"!=typeof customElements&&["ds-select-native","ds-assistive-text","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-select-native":customElements.get(i(e))||customElements.define(i(e),w);break;case"ds-assistive-text":customElements.get(i(e))||b();break;case"ds-control-label":customElements.get(i(e))||h();break;case"ds-feedback":customElements.get(i(e))||p();break;case"ds-icon":customElements.get(i(e))||_();break;case"ds-input-validity":customElements.get(i(e))||u();break;case"ds-visually-hidden":customElements.get(i(e))||g()}}))}l([o("ds-icon",{dsName:""}),o("ds-control-label",null),o("ds-input-validity",null)]);export{w as D,f as d}

package/dist/components/p-BoFx_S3S.js

@@ -0,0 +1 @@
+import{p as s,M as a,c as i,h as d,t}from"./p-Caei5Txg.js";import{c as o}from"./p-BfTCfPZ1.js";import{i as c,a as n}from"./p-5l5qZ1Ad.js";import{o as r,v as l}from"./p-Bb42i7gX.js";import{f as e,t as k,a as _,d as m}from"./p-C_0dwn2_.js";import{l as b}from"./p-DMddtiKs.js";import{c as h}from"./p-WGqeeSZm.js";import{c as v}from"./p-pl5lQyEI.js";import{d as w}from"./p-B621GCrq.js";import{d as p}from"./p-B5arzrIP.js";const g=e("visually-hidden-assistive-text"),j=s(class extends(a(v("ds-link-cta"),b)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=i(this,"dsClick",7)}inheritedAttributes={};linkEl;visuallyHiddenAssistiveTextId=g.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){r(s)?(this.icon="arrow_outward",this.rel="noopener noreferrer"):(this.icon="arrow_forward",this.rel=void 0)}componentWillLoad(){this.inheritedAttributes={...n(this,this.el),...c(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=h("ds-link-cta"),a=o(s,`${s}--${this.dsVariant}`,`${s}--${this.dsColour}`,`${s}--${this.dsSize}`,{[`${s}--no-text`]:!this.dsText||""===this.dsText.trim()}),i=o(`${s}__text`),t=o(`${s}__icon`,`${s}__icon--${this.dsIconPosition}`),c=k("ds-icon","ds-link-cta",this.el),n=k("ds-visually-hidden","ds-link-cta",this.el),{"aria-label":e,"aria-labelledby":m,...b}=this.inheritedAttributes,v=this.dsAriaLabel||e,w=this.dsAriaLabelledby||m,p=!this.dsHideIcon&&d(c,{key:"9555ab29c26405e83efa1539f2d3dded99387d6d",dsName:this.currentIcon,class:t,dsCustomSize:"medium"===this.dsSize?"1.5rem":"1.25rem"});return d(this.dsTag,{key:"576f3abfd9cff4f91484908dcc745c21460fbcf8",ref:s=>this.linkEl=s,class:a,onKeyDown:this.handleKeyDown,tabindex: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",v),..._("aria-labelledby",w),...b,...this.linkAttributes},"start"===this.dsIconPosition&&p,d("span",{key:"df2b41f778e759a0f94874b38dc74b54b9ffdaad",class:i},this.dsText),"end"===this.dsIconPosition&&p,r(this.dsTarget)&&d(n,{key:"bf380d2fabb9170a0805a1c5bf162ac9e1a9d4fc",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},l()))}static get watchers(){return{dsTarget:[{onTargetChanged:0}]}}static get style(){return".ds-no-style-leak.sc-ds-link-cta *.sc-ds-link-cta{all:unset;box-sizing:border-box;display:block}.sc-ds-link-cta-h{display:inline-block;vertical-align:middle}.ds-link-cta__owcjsm.sc-ds-link-cta{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__owcjsm[aria-disabled=true].sc-ds-link-cta{cursor:default;pointer-events:none;background-color:transparent !important;border-color:transparent !important;color:var(--ds-textColor-disabled-onLight) !important}.ds-link-cta__owcjsm__text.sc-ds-link-cta{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__owcjsm--no-text.sc-ds-link-cta .ds-link-cta__owcjsm__text.sc-ds-link-cta{padding:0}.ds-link-cta__owcjsm.sc-ds-link-cta:has(.ds-link-cta__owcjsm__spinner):not(.ds-link-cta__owcjsm--small) .ds-link-cta__owcjsm__value.sc-ds-link-cta{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__owcjsm--icon-only.sc-ds-link-cta{aspect-ratio:1;justify-content:center}.ds-link-cta__owcjsm.sc-ds-link-cta:has(.ds-link-cta__owcjsm__text:empty){width:var(--ds-link-cta-min-height);aspect-ratio:1;padding-left:0;padding-right:0}.ds-link-cta__owcjsm.sc-ds-link-cta:has(.ds-link-cta__owcjsm__text:empty) .ds-link-cta__owcjsm__icon.sc-ds-link-cta{margin:0}.ds-link-cta__owcjsm.sc-ds-link-cta:not(.ds-link-cta__owcjsm--small):not(.ds-link-cta__owcjsm--secondary):not(.ds-link-cta__owcjsm--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__owcjsm.sc-ds-link-cta:not(.ds-link-cta__owcjsm--small).ds-link-cta__owcjsm--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__owcjsm.sc-ds-link-cta:not(.ds-link-cta__owcjsm--small).ds-link-cta__owcjsm--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__owcjsm.sc-ds-link-cta:not(.ds-link-cta__owcjsm--small).ds-link-cta__owcjsm--icon-only{padding-left:0;padding-right:0}.ds-link-cta__owcjsm--small.sc-ds-link-cta:not(.ds-link-cta__owcjsm--secondary):not(.ds-link-cta__owcjsm--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__owcjsm--small.ds-link-cta__owcjsm--secondary.sc-ds-link-cta{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__owcjsm--small.ds-link-cta__owcjsm--supplementary.sc-ds-link-cta{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__owcjsm--small.ds-link-cta__owcjsm--icon-only.sc-ds-link-cta{padding-left:0;padding-right:0;width:32px}.ds-link-cta__owcjsm--small.sc-ds-link-cta .ds-link-cta__owcjsm__icon.sc-ds-link-cta{width:var(--ds-link-cta-icon-size, auto);height:var(--ds-link-cta-icon-size, 1rem)}.ds-link-cta__owcjsm__icon--start.sc-ds-link-cta{margin-right:var(--ds-spacing-3xSmall);margin-left:0}.ds-link-cta__owcjsm__icon--end.sc-ds-link-cta{margin-left:var(--ds-spacing-3xSmall);margin-right:0}.ds-link-cta__owcjsm--no-text.sc-ds-link-cta .ds-link-cta__owcjsm__icon--start.sc-ds-link-cta,.ds-link-cta__owcjsm--no-text.sc-ds-link-cta .ds-link-cta__owcjsm__icon--end.sc-ds-link-cta{margin:0}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--blue.sc-ds-link-cta: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__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--blue.sc-ds-link-cta{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__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--blue.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--blue.sc-ds-link-cta:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--black.sc-ds-link-cta: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__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--black.sc-ds-link-cta{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__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--black.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--black.sc-ds-link-cta:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--white.sc-ds-link-cta: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__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--white.sc-ds-link-cta{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__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--white.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--white.sc-ds-link-cta:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--blue.sc-ds-link-cta: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__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--blue.sc-ds-link-cta{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__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--blue.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--blue.sc-ds-link-cta:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--black.sc-ds-link-cta: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__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--black.sc-ds-link-cta{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__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--black.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--black.sc-ds-link-cta:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--white.sc-ds-link-cta: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__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--white.sc-ds-link-cta{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__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--white.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--white.sc-ds-link-cta:active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--blue.sc-ds-link-cta: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__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--blue.sc-ds-link-cta{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__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--blue.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--blue.sc-ds-link-cta:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--black.sc-ds-link-cta: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__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--black.sc-ds-link-cta{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__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--black.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--black.sc-ds-link-cta:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--white.sc-ds-link-cta: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__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--white.sc-ds-link-cta{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__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--white.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--white.sc-ds-link-cta:active{background-color:var(--ds-bgColor-transparent-onDark-active)}"}},[514,"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),j);break;case"ds-icon":customElements.get(t(s))||w();break;case"ds-visually-hidden":customElements.get(t(s))||p()}}))}m([d("ds-icon",{dsName:""}),d("ds-visually-hidden",null)]);export{j as D,u as d}

package/dist/components/p-By2Txzzz.js

@@ -0,0 +1 @@
+import{p as s,M as i,c as e,f as n,h as t,t as d}from"./p-Caei5Txg.js";import{c as l}from"./p-BfTCfPZ1.js";import{i as o,a}from"./p-5l5qZ1Ad.js";import{o as r,v as c}from"./p-Bb42i7gX.js";import{f as k,t as h,a as m,d as _}from"./p-C_0dwn2_.js";import{l as f}from"./p-DMddtiKs.js";import{a as v,d as b}from"./p-B621GCrq.js";import{c as g}from"./p-WGqeeSZm.js";import{c as u}from"./p-pl5lQyEI.js";import{d as w}from"./p-B5arzrIP.js";const x=k("visually-hidden-assistive-text"),j={"2xLarge":"1.375rem",xLarge:"1.25rem",large:"1.125rem",medium:"1rem",small:"0.875rem",xSmall:"0.75rem"},p=s(class extends(i(u("ds-link"),f,v)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=e(this,"dsClick",7)}inheritedAttributes={};visuallyHiddenAssistiveTextId=x.next().value;get el(){return this}linkRef;dsText;dsSize;dsVariant="inline";dsWeight="regular";dsIcon="";dsIconPosition="end";dsIconTitle;dsIconAriaLabel;dsIconHidden;dsIconAriaHidden;dsColour;dsTag="a";targetBlank=null;async setFocus(){this.linkRef?.focus()}async getLink(){return this.linkRef}get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.targetBlank?.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}setTargetBlank(s){this.targetBlank=r(s)?{icon:"open_in_new",rel:"noopener noreferrer"}:null}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...a(this,this.el),...o(this.el)},this.setTargetBlank(this.dsTarget)}componentDidLoad(){this.componentMounted()}onTargetChanged(s){this.setTargetBlank(s)}ariaLabelObserver(s){this.inheritedAttributes={...this.inheritedAttributes,"aria-label":s},n(this)}renderIcon(s,i=this.dsIcon,e=this.dsIconPosition){const n=l(`${s}__icon`,{[`${s}__icon--start-${this.dsVariant}`]:"start"===e,[`${s}__icon--end-${this.dsVariant}`]:"end"===e}),d=this.dsSize?j[this.dsSize]:"1rem",o=h("ds-icon","ds-link",this.el);return t(o,{dsName:i,class:n,dsSize:d,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel,dsHidden:this.dsIconHidden,dsAriaHidden:this.dsIconAriaHidden})}renderSuffixIcon(s){return this.targetBlank?this.renderIcon(s,this.targetBlank.icon,"end"):this.dsIcon&&"end"===this.dsIconPosition?this.renderIcon(s):null}render(){const s=g("ds-link"),i=l(s,`${s}--${this.dsWeight}`,`${s}--${this.dsVariant}`,{[`${s}--${this.dsSize}`]:!!this.dsSize,[`${s}--colour-${this.dsColour}`]:!!this.dsColour}),e=h("ds-visually-hidden","ds-link",this.el),{"aria-label":n,"aria-labelledby":d,...o}=this.inheritedAttributes,a=this.dsAriaLabelledby||d;return t(this.dsTag,{key:"7cb39dfc5bb57ef6bcabc4e7a0f1815edd15bc3b",ref:s=>this.linkRef=s,class:i,...m("aria-label",this.dsAriaLabel||n),...m("aria-labelledby",a),...o,...this.linkAttributes},t("slot",{key:"630bd0be06599e988a4fc9155eb466df967a3cbd",name:"prefix"},this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(s)),this.dsText,t("slot",{key:"878a0915db6a6d491a3ddfc21ddcf1e31d41fae8",name:"suffix"},this.renderSuffixIcon(s)),r(this.dsTarget)&&t(e,{key:"2041fdc422f07be45a74ed153705f831249f55ea",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},c()))}static get watchers(){return{dsTarget:[{onTargetChanged:0}],"aria-label":[{ariaLabelObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-link *.sc-ds-link{all:unset;box-sizing:border-box;display:block}.ds-link__owcjsm.sc-ds-link{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-link__owcjsm.sc-ds-link: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__owcjsm.sc-ds-link{box-sizing:border-box;display:inline;vertical-align:var(--ds-link-vertical-align, baseline);color:var(--ds-textColor-link);font-family:var(--ds-fontFamily-body);font-size:var(--ds-link-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-regular);text-transform:var(--ds-link-text-transform, none);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link__owcjsm--semibold.sc-ds-link{font-weight:var(--ds-fontWeight-semibold)}.ds-link__owcjsm--bold.sc-ds-link{font-weight:var(--ds-fontWeight-bold)}.ds-link__owcjsm--2xLarge.sc-ds-link{font-size:var(--ds-fontSize-22)}.ds-link__owcjsm--xLarge.sc-ds-link{font-size:var(--ds-fontSize-20)}.ds-link__owcjsm--large.sc-ds-link{font-size:var(--ds-fontSize-18)}.ds-link__owcjsm--medium.sc-ds-link{font-size:var(--ds-fontSize-16)}.ds-link__owcjsm--small.sc-ds-link{font-size:var(--ds-fontSize-14)}.ds-link__owcjsm--xSmall.sc-ds-link{font-size:var(--ds-fontSize-12)}.ds-link__owcjsm__icon.sc-ds-link{display:inline-block;vertical-align:-0.125em}.ds-link__owcjsm__icon--start-inline.sc-ds-link{margin-right:var(--ds-spacing-3xSmall)}.ds-link__owcjsm__icon--start-standalone.sc-ds-link{margin-right:var(--ds-spacing-2xSmall)}.ds-link__owcjsm__icon--end-inline.sc-ds-link{margin-left:var(--ds-spacing-3xSmall)}.ds-link__owcjsm__icon--end-standalone.sc-ds-link{margin-left:var(--ds-spacing-2xSmall)}.ds-link__owcjsm.sc-ds-link:hover,.ds-link__owcjsm.sc-ds-link:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__owcjsm.sc-ds-link:hover{color:var(--ds-textColor-link-hover);cursor:pointer}.ds-link__owcjsm.sc-ds-link:active{color:var(--ds-textColor-link-active)}.ds-link__owcjsm.sc-ds-link:visited{color:var(--ds-textColor-link-visited)}.ds-link__owcjsm--standalone.sc-ds-link{display:inline-block;color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__owcjsm--standalone.sc-ds-link:hover,.ds-link__owcjsm--standalone.sc-ds-link:active{text-decoration-line:underline}.ds-link__owcjsm--standalone.sc-ds-link:focus-visible,.ds-link__owcjsm--standalone.sc-ds-link:visited{color:var(--ds-textColor-link)}.ds-link__owcjsm--standalone.sc-ds-link:active{color:var(--ds-textColor-link-active)}.ds-link__owcjsm--standalone.sc-ds-link:hover{color:var(--ds-textColor-link-hover)}.ds-link__owcjsm--colour-white.sc-ds-link{color:var(--ds-textColor-white)}.ds-link__owcjsm--colour-white.sc-ds-link:hover,.ds-link__owcjsm--colour-white.sc-ds-link:active,.ds-link__owcjsm--colour-white.sc-ds-link:visited,.ds-link__owcjsm--colour-white.sc-ds-link:focus-visible{color:var(--ds-textColor-white)}.ds-link__owcjsm--colour-black.sc-ds-link{color:var(--ds-textColor-default)}.ds-link__owcjsm--colour-black.sc-ds-link:hover,.ds-link__owcjsm--colour-black.sc-ds-link:active,.ds-link__owcjsm--colour-black.sc-ds-link:visited,.ds-link__owcjsm--colour-black.sc-ds-link:focus-visible{color:var(--ds-textColor-default)}"}},[774,"ds-link",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],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"],dsSize:[1,"ds-size"],dsVariant:[1,"ds-variant"],dsWeight:[1,"ds-weight"],dsIcon:[1,"ds-icon"],dsIconPosition:[1,"ds-icon-position"],dsIconTitle:[1,"ds-icon-title"],dsIconAriaLabel:[1,"ds-icon-aria-label"],dsIconHidden:[4,"ds-icon-hidden"],dsIconAriaHidden:[4,"ds-icon-aria-hidden"],dsColour:[1,"ds-colour"],dsTag:[1,"ds-tag"],targetBlank:[32],setFocus:[64],getLink:[64]},[[0,"click","handleClick"]],{dsTarget:[{onTargetChanged:0}],"aria-label":[{ariaLabelObserver:0}]}]);function y(){"undefined"!=typeof customElements&&["ds-link","ds-icon","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-link":customElements.get(d(s))||customElements.define(d(s),p);break;case"ds-icon":customElements.get(d(s))||b();break;case"ds-visually-hidden":customElements.get(d(s))||w()}}))}_([t("ds-icon",{dsName:""}),t("ds-visually-hidden",null)]);export{p as D,y as d}

package/dist/components/p-C6560FQe.js

@@ -0,0 +1 @@
+import{p as s,M as e,c as t,f as i,h as o,d,t as c}from"./p-Caei5Txg.js";import{c as l}from"./p-BfTCfPZ1.js";import{t as r,c as a,k as n,F as h,a as p,d as u}from"./p-C_0dwn2_.js";import{s as m,h as _,i as b,l as v,w as g,f,r as w,j as x}from"./p-Vh2a5T9m.js";import{c as j}from"./p-WGqeeSZm.js";import{i as y,a as k}from"./p-5l5qZ1Ad.js";import{m as O}from"./p-xYmAT405.js";import{d as C}from"./p-VfYMKfsX.js";import{c as S}from"./p-pl5lQyEI.js";import{d as E}from"./p-C9RfggEL.js";import{d as I}from"./p-CFTaQvcd.js";import{d as $}from"./p-gPBFLVf3.js";import{d as L}from"./p-i4kj9suS.js";import{d as T}from"./p-B621GCrq.js";import{d as F}from"./p-nIjr2OVe.js";import{d as R}from"./p-D6lLfZgp.js";import{d as A}from"./p-BmXOY4e7.js";import{d as V}from"./p-CRQLqfJ1.js";import{d as z}from"./p-B5arzrIP.js";const D={dsPlaceholder:m},B=s(class extends(e(S("ds-select",{stopRootTracking:!0,stopRootTrackingExcept:["ds-datepicker"]}),O,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={...k(this,this.el),...y(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)},_()),this.value=this.toValue(this.dsValue)}disconnectedCallback(){this.internals?.form&&!this.isNative&&this.el.removeEventListener("invalid",this.handleInvalid),this.debouncedResetFeedback.cancel()}get DsIcon(){return r("ds-icon","ds-select",this.el)}get DsInputValidity(){return r("ds-input-validity","ds-select",this.el)}get DsOption(){return r("ds-option","ds-select",this.el)}get DsFeedback(){return r("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(),globalThis.requestAnimationFrame((()=>{const s=this.el.querySelector(`.${j("ds-options")}`);s?.focus()})))}getBadgeContainerWidthOffset=async()=>{if(!this.clearButtonRef||!this.badgeRef)return;await a(this.clearButtonRef),await a(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?null:e[s];for(const[s,t]of e.entries())t.dsActive=s===this.activeIndex,t.dsSelected=this.inValue(t.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))),c=o.length>0||d.length>0;if(e)for(const s of e)s.dsSelected=!1;for(const e of s)e.dsSelected=!0;const l=this.getShouldEmit([c]);this._setDisableEventEmits(!0),l&&(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:this.dsBlur).emit()}resetFeedback=()=>{this.feedback=[],i(this)};debouncedResetFeedback=n(this.resetFeedback,h);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.at(-1)?.message:"";optionsMessagePropertyObserver(s,e,t){if(!s)return this.removeFeedback(t),void(0===this.feedback.length&&this.appendFeedback("default",b()));"dsLoading"===t&&s?this.appendFeedback(t,this.dsLoadingText||v()):"dsOptionsError"===t&&s&&this.appendFeedback(t,this.dsOptionsErrorText||`${g()} ${f()}`)}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},_()),this.selectedOptions=s,this.selectedOptionsLabel=s.length>0?(await Promise.all(s.map((s=>s.getLabel())))).join(", "):"",this.getBadgeContainerWidthOffset()};renderNativeSelect(){const s=r("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`,c=[!!this.dsAssistiveText&&this.assistiveTextId,!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" ")||void 0,a=`ds-select-options-${this.dsId}`,n=`${s}-custom`,h=r("ds-badge","ds-select",this.el),p=r("ds-button","ds-select",this.el),u=r("ds-options","ds-select",this.el),m=r("ds-options-message","ds-select",this.el),_=r("ds-control-label","ds-select",this.el),b=w(!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:l(`${n}`,{[`${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-invalid":this.dsErrorText?"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":c,"aria-controls":a,"aria-activedescendant":null===this.activeIndex?void 0:`${this.dsId}-option-${this.activeIndex}`,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:l(`${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:l(`${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:b,dsIconAriaLabel:b,onClick:s=>{s.stopPropagation(),this.handleClearSelection()},onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),s.stopPropagation(),this.handleClearSelection())},dsAriaLabel:b,dsAriaDescribedby:d,dsInInput:!0,dsNoFocusRing:!0})),o("div",{id:a,class:{[`${n}__options-container`]:!0,[`${n}__options-container--open`]:this.isOpen},onClick:s=>{const e=s.target.closest(this.DsOption);this.handleOptionClick(e)}},o(m,{dsLoading:this.dsLoading,dsLoadingText:this.dsLoadingText,dsError:this.dsOptionsError,dsErrorTitle:this.dsOptionsErrorTitle,dsErrorText:this.dsOptionsErrorText}),o(u,{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=j("ds-select"),e=`${s}__host`;return o(d,{key:"6cc67c964689421ed1a8c164662b45e3308e9d5b",class:l(e,{[`${e}--full-width`]:this.dsFullWidth}),...p("name",this.isNative?void 0:this.dsName)},o("div",{key:"14127355d28e78a3b68515261e15b7f060d6e197",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".ds-select__owcjsm__host.sc-ds-select-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){.ds-select__owcjsm__host.sc-ds-select-h{width:var(--ds-select-wide-width, 20rem)}}.ds-select__owcjsm__host.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}@media (min-width: 30rem){.ds-select__owcjsm__host--full-width.sc-ds-select-h{width:var(--ds-select-narrow-width, 100%)}}.ds-select__owcjsm-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__owcjsm-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__owcjsm-custom-wrapper.sc-ds-select{position:relative}.ds-select__owcjsm-custom.sc-ds-select .ds-options__owcjsm.sc-ds-select{display:block}.ds-select__owcjsm-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__owcjsm-custom-input-container.sc-ds-select:has(.ds-select__owcjsm-custom__clear-button:hover) .ds-select__owcjsm-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__owcjsm-custom.sc-ds-select:not(.ds-select__owcjsm-custom--open,.ds-select__owcjsm-custom--invalid.sc-ds-select,.ds-select__owcjsm-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__owcjsm-custom.sc-ds-select:active:not(.ds-select__owcjsm-custom--open,.ds-select__owcjsm-custom--invalid.sc-ds-select,.ds-select__owcjsm-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__owcjsm-custom--open.sc-ds-select,.ds-select__owcjsm-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__owcjsm-custom--open.sc-ds-select:not(.ds-select__owcjsm-custom--open--invalid,.ds-select__owcjsm-custom.sc-ds-select:focus-visible--invalid),.ds-select__owcjsm-custom.sc-ds-select:focus-visible:not(.ds-select__owcjsm-custom--open--invalid,.ds-select__owcjsm-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__owcjsm-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__owcjsm-custom--disabled.sc-ds-select .ds-select__owcjsm-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__owcjsm-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__owcjsm-custom--invalid.sc-ds-select:not(.ds-select__owcjsm-custom--invalid--open,.ds-select__owcjsm-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__owcjsm-custom--invalid.sc-ds-select:not(.ds-select__owcjsm-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__owcjsm-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__owcjsm-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__owcjsm-custom--has-icon.sc-ds-select .ds-select__owcjsm-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__owcjsm-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__owcjsm-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__owcjsm-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__owcjsm-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__owcjsm-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__owcjsm-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__owcjsm-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__owcjsm-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__owcjsm-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__owcjsm-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__owcjsm-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__owcjsm-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__owcjsm-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-default);background-color:var(--ds-bgColor-white)}.ds-select__owcjsm-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__owcjsm-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__owcjsm-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__owcjsm-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__owcjsm-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__owcjsm-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__owcjsm-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__owcjsm-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__owcjsm-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__owcjsm-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 W(){"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(c(s))||customElements.define(c(s),B);break;case"ds-assistive-text":customElements.get(c(s))||E();break;case"ds-button":customElements.get(c(s))||I();break;case"ds-control-label":customElements.get(c(s))||$();break;case"ds-feedback":customElements.get(c(s))||L();break;case"ds-icon":customElements.get(c(s))||T();break;case"ds-input-validity":customElements.get(c(s))||F();break;case"ds-options":customElements.get(c(s))||R();break;case"ds-select-native":customElements.get(c(s))||A();break;case"ds-spinner":customElements.get(c(s))||V();break;case"ds-visually-hidden":customElements.get(c(s))||z()}}))}u([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{B as D,W as d}

package/dist/components/p-C80KOXaZ.js

@@ -0,0 +1 @@
+import{c as t,C as s}from"./p-Bk8zKTqs.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-C90cIPRB.js

@@ -0,0 +1 @@
+import{g as e}from"./p-DehdQps5.js";const r=(e,r)=>{const s=[];if(r<=9){for(let e=1;e<=r;e++)s.push(e);return s}if(s.push(1),e<=5){for(let e=2;e<=7;e++)s.push(e);return s.push("ellipsis",r),s}if(e>=r-4){s.push("ellipsis");for(let e=r-6;e<=r;e++)s.push(e);return s}s.push("ellipsis");for(let r=e-2;r<=e+2;r++)s.push(r);return s.push("ellipsis",r),s},s=()=>{switch(e()){case"fi":return"Sivutus";case"sv":return"Paginering";default:return"Pagination"}},t=()=>{switch(e()){case"fi":return"Alkuun";case"sv":return"Till början";default:return"First"}},a=()=>{switch(e()){case"fi":return"Loppuun";case"sv":return"Till slutet";default:return"Last"}},i=()=>{switch(e()){case"fi":return"Edellinen";case"sv":return"Föregående";default:return"Previous"}},u=()=>{switch(e()){case"fi":return"Seuraava";case"sv":return"Nästa";default:return"Next"}},n=()=>{switch(e()){case"fi":return"Ensimmäinen sivu";case"sv":return"Första sidan";default:return"First page"}},c=()=>{switch(e()){case"fi":return"Viimeinen sivu";case"sv":return"Sista sidan";default:return"Last page"}},l=()=>{switch(e()){case"fi":return"Edellinen sivu";case"sv":return"Föregående sida";default:return"Previous page"}},f=()=>{switch(e()){case"fi":return"Seuraava sivu";case"sv":return"Nästa sida";default:return"Next page"}},d=()=>{switch(e()){case"fi":return"Nykyinen sivu";case"sv":return"Nuvarande sida";default:return"Current page"}},v=r=>{switch(e()){case"fi":return`Sivu ${r}`;case"sv":return`Sida ${r}`;default:return`Page ${r}`}};export{d as a,l as b,r as c,c as d,n as e,i as f,f as g,t as h,s as i,a as l,u as n,v as p}

package/dist/components/p-C9RfggEL.js

@@ -0,0 +1 @@
+import{p as s,M as t,h as e,t as i}from"./p-Caei5Txg.js";import{c as d}from"./p-WGqeeSZm.js";import{c as a}from"./p-pl5lQyEI.js";const o=s(class extends(t(a("ds-assistive-text"))){constructor(s){super(),!1!==s&&this.__registerHost()}dsId=this.getUniqueId();dsText;render(){const s=d("ds-assistive-text");return e("small",{key:"ef4911df60345674461694b2b3933cdea914835d",class:s,id:this.dsId},e("slot",{key:"7de32cdd91dd0888528ed64faaa8a8055f36e45c"},this.dsText))}static get style(){return".ds-assistive-text__owcjsm.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}"}},[774,"ds-assistive-text",{dsId:[1,"ds-id"],dsText:[1,"ds-text"]}]);function r(){"undefined"!=typeof customElements&&["ds-assistive-text"].forEach((s=>{"ds-assistive-text"===s&&(customElements.get(i(s))||customElements.define(i(s),o))}))}export{o as D,r as d}

package/dist/components/p-CAoQuiNS.js

@@ -0,0 +1 @@
+import{p as s,M as e,h as t,t as a}from"./p-Caei5Txg.js";import{c as i}from"./p-WGqeeSZm.js";import{t as d,d as l}from"./p-C_0dwn2_.js";import{c as o}from"./p-pl5lQyEI.js";import{d as r}from"./p-C9RfggEL.js";const n=s(class extends(e(o("ds-group-label"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsLabel;dsAssistiveText;dsAssistiveTextId;get DsAssistiveText(){return d("ds-assistive-text","ds-group-label",this.el)}componentDidLoad(){this.componentMounted()}render(){const s=i("ds-group-label");return t("div",{key:"21237093f39019b5894e66b3a6a4d109967f1865",class:s},t("slot",{key:"0ae72c87fc309a7d1e50c9c9e8b8a1736007befd",name:"label"},this.dsLabel&&t("div",{key:"b46d7b074ed1379f93d6eb24037f4059c2209a71",class:`${s}__label`},this.dsLabel)),t("slot",{key:"ee2a46d2192caef1c74e14cdd05a7a6a36e08bb6",name:"assistiveText"},this.dsAssistiveText&&t(this.DsAssistiveText,{key:"347a940c394e9ea3f84697e253690472c82c485d",dsId:this.dsAssistiveTextId,dsText:this.dsAssistiveText})))}static get style(){return".ds-group-label__owcjsm__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-group-label__owcjsm{display:flex;flex-direction:column}.ds-group-label__owcjsm:empty{display:none}"}},[772,"ds-group-label",{dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsAssistiveTextId:[1,"ds-assistive-text-id"]}]);function c(){"undefined"!=typeof customElements&&["ds-group-label","ds-assistive-text"].forEach((s=>{switch(s){case"ds-group-label":customElements.get(a(s))||customElements.define(a(s),n);break;case"ds-assistive-text":customElements.get(a(s))||r()}}))}l([t("ds-assistive-text",null)]);export{n as D,c as d}

package/dist/components/p-CFTaQvcd.js

@@ -0,0 +1 @@
+import{p as o,M as t,f as s,h as n,d,t as c}from"./p-Caei5Txg.js";import{c as r}from"./p-BfTCfPZ1.js";import{i as _,a as u}from"./p-5l5qZ1Ad.js";import{t as b,a as i,d as a}from"./p-C_0dwn2_.js";import{c as e}from"./p-WGqeeSZm.js";import{a as m,d as w}from"./p-B621GCrq.js";import{c as j}from"./p-pl5lQyEI.js";import{d as l}from"./p-CRQLqfJ1.js";import{d as g}from"./p-B5arzrIP.js";const p=o(class extends(t(j("ds-button"),m)){constructor(o){super(!1),!1!==o&&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((o=>{if(o.nodeType===Node.ELEMENT_NODE){const t=o;return!t.hasAttribute("slot")||""===t.getAttribute("slot")}return o.nodeType===Node.TEXT_NODE&&(o.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={...u(this,this.el),..._(this.el)},this.text=this.dsText||this.dsValue}componentDidLoad(){this.componentMounted(),this.hasDefaultSlot=this.hasDefaultSlotContent()}dsTextObserver(o){this.text=o||this.dsValue}dsValueObserver(o){this.dsText||(this.text=o)}dsActiveObserver(o){this.isActive=o}ariaAttributeObserver(o,t,n){this.inheritedAttributes={...this.inheritedAttributes,[n]:o},s(this)}handleKeyDown=o=>{if(!o.repeat)switch(o.key){case"Enter":case" ":this.pressedKeys.add(o.key),this.isActive=!0}};handleKeyUp=o=>{switch(o.key){case"Enter":case" ":this.pressedKeys.delete(o.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=o=>{const t=r(`${o}__icon`),s="small"===this.dsSize?"1.25rem":void 0,d=b("ds-icon","ds-button",this.el);return n(d,{class:t,dsName:this.dsIcon,dsCustomSize:s,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel})};getBooleanishAttribute=(o,t)=>"string"!=typeof o||"true"!==o&&"false"!==o?"boolean"==typeof o?o?"true":"false":t:o;renderButton=()=>{const o=!!this.text||this.hasDefaultSlot,t=e("ds-button"),s=r(`${t} ${t}--${this.dsVariant} ${t}--${this.dsColour} ${t}--${this.dsSize}`,{[`${t}--icon-start`]:this.dsIcon&&"start"===this.dsIconPosition&&o,[`${t}--icon-end`]:this.dsIcon&&"end"===this.dsIconPosition&&o,[`${t}--icon-only`]:this.dsIcon&&!o,[`${t}--disabled`]:this.dsDisabled,[`${t}--${this.dsColour}--active`]:this.isActive,[`${t}--in-input`]:this.dsInInput,[`${t}--no-focus-ring`]:this.dsNoFocusRing}),d=b("ds-spinner","ds-button",this.el),c=b("ds-visually-hidden","ds-button",this.el),{role:_,"aria-label":u,"aria-labelledby":a,"aria-describedby":m,"aria-disabled":w,"aria-expanded":j,"aria-pressed":l,"aria-controls":g,"aria-haspopup":p,...v}=this.inheritedAttributes,h=this.dsRole??_,f=this.dsAriaLabel||u,y=this.dsAriaLabelledby||a,k=this.dsAriaDescribedby||m,C=this.dsAriaControls||g,x=this.dsAriaHaspopup??p,L=this.getBooleanishAttribute(this.dsAriaDisabled,w),W=this.getBooleanishAttribute(this.dsAriaExpanded,j),S=this.getBooleanishAttribute(this.dsAriaPressed,l);return n("button",{ref:o=>this.buttonEl=o,class:s,id:this.dsId,value:this.dsValue,name:this.dsName,form:this.dsForm,type:this.dsType,disabled:this.dsDisabled,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onBlur:this.handleBlur,...i("autofocus",this.dsAutoFocus),...i("role",h),...i("aria-disabled",L),...i("aria-label",f),...i("aria-labelledby",y),...i("aria-describedby",k),...i("aria-expanded",W),...i("aria-pressed",S),...i("aria-controls",C),...i("aria-haspopup",x),...i("aria-hidden",this.dsAriaHidden?"true":void 0),...i("tabindex",this.dsTabIndex),...v},n("slot",{name:"prefix"},!this.dsLoading&&this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(t),this.dsLoading&&n(d,{class:`${t}__spinner`,dsHiddenAssistiveText:this.dsSpinnerHiddenText,dsColour:this.getSpinnerColour(),dsSize:"medium"===this.dsSize?"medium":null,dsCustomSize:"small"===this.dsSize?"1.25rem":void 0})),n("span",{class:`${t}__value`,hidden:!o},n("slot",{onSlotchange:this.handleDefaultSlotChange}),this.text),this.dsHiddenAssistiveText&&n(c,{dsTag:"span"},this.dsHiddenAssistiveText),n("slot",{name:"suffix"},this.dsIcon&&"end"===this.dsIconPosition&&this.renderIcon(t)))};render(){const o=`${e("ds-button")}__host`,t=this.renderButton();return n(d,{key:"388944d06fa81513a2e768ff44610f54d704df19",class:r(o,{[`${o}--full-width`]:this.dsFullWidth})},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}.ds-button__owcjsm__host.sc-ds-button-h{display:inline-block}.ds-button__owcjsm__host--full-width.sc-ds-button-h{width:100%}.ds-button__owcjsm.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__owcjsm__value[hidden].sc-ds-button{display:none}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--supplementary) .ds-button__owcjsm__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__owcjsm--supplementary.sc-ds-button:has(.ds-button__owcjsm__spinner) .ds-button__owcjsm__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__owcjsm__icon.sc-ds-button{height:1.5rem}.ds-button__owcjsm.sc-ds-button:has(.ds-button__owcjsm__spinner):not(.ds-button__owcjsm--small) .ds-button__owcjsm__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__owcjsm__spinner.sc-ds-button{display:flex}.ds-button__owcjsm--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--small):not(.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--small).ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--small).ds-button__owcjsm--icon-only{padding-left:0;padding-right:0}.ds-button__owcjsm--small.ds-button__owcjsm--icon-start.sc-ds-button,.ds-button__owcjsm--small.ds-button__owcjsm--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__owcjsm--small.sc-ds-button:not(.ds-button__owcjsm--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__owcjsm--small.ds-button__owcjsm--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__owcjsm--small.ds-button__owcjsm--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__owcjsm--small.sc-ds-button .ds-button__owcjsm__icon.sc-ds-button{height:auto}.ds-button__owcjsm--icon-start.sc-ds-button:not(.ds-button__owcjsm--small) .ds-button__owcjsm__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__owcjsm--icon-end.sc-ds-button:not(.ds-button__owcjsm--small) .ds-button__owcjsm__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--blue:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--black:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--black.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--white:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--white.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--danger:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--blue:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--black:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--black.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--white:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--white.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--danger:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--black:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--black.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--white:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--white.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring){--ds-button-min-height:var(--ds-spacing-xLarge);width:auto;height:100%;aspect-ratio:1/1}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--blue.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--black.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--black.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--white.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--white.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--danger.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--blue.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--black.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--black.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--white.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--white.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--danger.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--black.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--black.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--white.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--white.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--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((o=>{switch(o){case"ds-button":customElements.get(c(o))||customElements.define(c(o),p);break;case"ds-icon":customElements.get(c(o))||w();break;case"ds-spinner":customElements.get(c(o))||l();break;case"ds-visually-hidden":customElements.get(c(o))||g()}}))}a([n("ds-icon",{dsName:""}),n("ds-spinner",null),n("ds-visually-hidden",null)]);export{p as D,v as d}

package/dist/components/p-CKX34lJX.js

@@ -0,0 +1 @@
+import{t}from"./p-C_0dwn2_.js";const s="__ds_steps_context__",n="dsStepsContextUpdate";function o(t,s){t.dispatchEvent(new CustomEvent(n,{bubbles:!1,detail:{...s}}))}function e(t,n){t[s]=n}function c(s,n){e(s,n);const c=t("ds-step","ds-steps",s),f=s.querySelectorAll(c);for(const t of f)o(t,n)}function f(t){let n=t.parentElement;for(;n;){if(n[s])return n[s];n=n.parentElement}return null}export{n as C,f as c,c as p,e as s}

package/dist/components/p-CQvcrgKy.js

@@ -0,0 +1 @@
+import{c as t}from"./p-DfchP10K.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}