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

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

@@ -1 +0,0 @@
-import{S as e}from"./p-BY4gL2mu.js";const t=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys()){const n=e.get(t).filter((e=>{const t=e.deref();return t&&(!("isConnected"in(n=t))||n.isConnected);var n}));e.set(t,n)}})(...t)}),2e3)}})(),n=e.forceUpdate,o=e.getRenderingRef,s=(e,t)=>{const n=e.indexOf(t);n>=0&&(e[n]=e[e.length-1],e.length--)},r=["fi","sv","en"],c="en",a=(()=>{const e=((e,t=(e,t)=>e!==t)=>{const n=()=>{return("function"==typeof(t=e)?t():t)??{};var t},o=n();let r=new Map(Object.entries(o));const c="undefined"!=typeof Proxy,a=c?null:{},u={dispose:[],get:[],set:[],reset:[]},i=new Map,f=()=>{r=new Map(Object.entries(n())),c||m(),u.reset.forEach((e=>e()))},p=e=>(u.get.forEach((t=>t(e))),r.get(e)),l=(e,n)=>{const o=r.get(e);t(n,o,e)&&(r.set(e,n),c||b(e),u.set.forEach((t=>t(e,n,o))))},g=c?new Proxy(o,{get:(e,t)=>p(t),ownKeys:()=>Array.from(r.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>r.has(t),set:(e,t,n)=>(l(t,n),!0)}):(m(),a),d=(e,t)=>(u[e].push(t),()=>{s(u[e],t)});function b(e){!c&&a&&(Object.prototype.hasOwnProperty.call(a,e)||Object.defineProperty(a,e,{configurable:!0,enumerable:!0,get:()=>p(e),set(t){l(e,t)}}))}function m(){if(c||!a)return;const e=new Set(r.keys());for(const t of Object.keys(a))e.has(t)||delete a[t];for(const t of e)b(t)}return{state:g,get:p,set:l,on:d,onChange:(e,t)=>{const o=(n,o)=>{n===e&&t(o)},s=()=>{const o=n();t(o[e])},r=d("set",o),c=d("reset",s);return i.set(t,{setHandler:o,resetHandler:s,propName:e}),()=>{r(),c(),i.delete(t)}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(d("set",t.set)),t.get&&e.push(d("get",t.get)),t.reset&&e.push(d("reset",t.reset)),t.dispose&&e.push(d("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{u.dispose.forEach((e=>e())),f()},reset:f,forceUpdate:e=>{const t=r.get(e);u.set.forEach((n=>n(e,t,t)))},removeListener:(e,t)=>{const n=i.get(t);n&&n.propName===e&&(s(u.set,n.setHandler),s(u.reset,n.resetHandler),i.delete(t))}}})({...{language:c}},void 0);return e.use((()=>{if("function"!=typeof o||"function"!=typeof n)return{};const e=n,s=o,r=new Map;return{dispose:()=>r.clear(),get:e=>{const t=s();t&&((e,t,n)=>{let o=e.get(t);o||(o=[],e.set(t,o)),o.some((e=>e.deref()===n))||o.push(new WeakRef(n))})(r,e,t)},set:n=>{const o=r.get(n);if(o){const t=o.filter((t=>{const n=t.deref();return!!n&&e(n)}));r.set(n,t)}t(r)},reset:()=>{r.forEach((t=>{t.forEach((t=>{const n=t.deref();n&&e(n)}))})),t(r)}}})()),e})(),u=a.state,i=a.onChange,f=()=>u.language,p=e=>{(e=>r.includes(e))(e)?u.language=e:console.warn(`Unsupported language "${e}" provided to component library. Falling back to default language "${c}".`)},l=({language:e=c}={})=>{p(e)};export{c as d,f as g,l as i,i as o,p as s}

package/dist/components/p-2bzgijev.js

@@ -1 +0,0 @@
-import{p as e,M as o,c as s,h as t,t as i}from"./p-Clnflbiz.js";import{c as d}from"./p-BfTCfPZ1.js";import{t as l,d as n}from"./p-Duz7I_DQ.js";import{c as r}from"./p-C7gqnikf.js";import{i as a,a as c}from"./p-5l5qZ1Ad.js";import{c as p}from"./p-BNucxURn.js";import{d as h}from"./p-DGgJGxC8.js";const b=e(class extends(o(p("ds-option"))){constructor(e){super(),!1!==e&&this.__registerHost(),this.dsClick=s(this,"dsClick",7),this.dsMounted=s(this,"dsMounted",7),this.dsValueChange=s(this,"dsValueChange",7),this.dsLabelChange=s(this,"dsLabelChange",7)}get el(){return this}inheritedAttributes={};observer;optionRef;optionLabelTextRef;dsClick;dsMounted;dsValueChange;dsLabelChange;dsId=this.getUniqueId();dsValue;dsLabel;dsDisabled=!1;dsDescription;dsActive=!1;dsSelected=!1;dsHidden=!1;dsMouseDownPreventDefault=!1;dsFocusOnActiveChange=!0;dsVariant="default";internalTabIndex=-1;get isMultiple(){return"multiple"===this.dsVariant}handleMouseDown(e){this.dsMouseDownPreventDefault&&e.preventDefault()}handleClick(){this.dsClick.emit()}dsActiveObserver(e){this.internalTabIndex=e&&!this.dsDisabled?0:-1,e&&!this.dsDisabled&&this.dsFocusOnActiveChange&&this.setFocus()}dsValueObserver(e,o){this.dsValueChange.emit({newValue:e,oldValue:o})}dsLabelObserver(e,o){this.dsLabelChange.emit({value:this.dsValue,label:e,newLabel:e,oldLabel:o})}async getLabel(){return this.optionLabelTextRef?.textContent||""}async getGroup(){return this.el.closest(l("ds-option-group","ds-option",this.el))}async setFocus(){this.optionRef?.focus()}componentWillLoad(){this.internalTabIndex=this.dsActive&&!this.dsDisabled?0:-1,this.inheritedAttributes={...c(this,this.el,["tabindex"]),...a(this.el,["aria-selected","aria-disabled","aria-hidden"])}}componentDidLoad(){if(this.dsMounted.emit(),!this.optionLabelTextRef)return;let e=this.optionLabelTextRef.textContent||"";this.observer=new MutationObserver((o=>{const s=this.optionLabelTextRef?.textContent||"";for(const t of o)("childList"===t.type||t.addedNodes.length>0||t.removedNodes.length>0)&&this.dsLabelChange.emit({value:this.dsValue,label:s,newLabel:s,oldLabel:e});e=s})),this.observer.observe(this.optionLabelTextRef,{childList:!0})}render(){const e=r("ds-option"),o=l("ds-icon","ds-option",this.el);return t("div",{key:"06dbe206da0933ad0f7d0a9ef1254dcc4ffa5296",ref:e=>this.optionRef=e,id:this.dsId,class:d(e,{[`${e}--multiple`]:this.isMultiple,[`${e}--active`]:this.dsActive,[`${e}--selected`]:this.dsSelected,[`${e}--disabled`]:this.dsDisabled,[`${e}--hidden`]:this.dsHidden}),role:"option","aria-selected":String(this.dsSelected),"aria-disabled":String(this.dsDisabled),"aria-hidden":String(this.dsHidden),tabIndex:this.internalTabIndex,...this.inheritedAttributes},this.isMultiple&&t("span",{key:"9fc824a92b03d862ca9864d929b3bbde03e3b8f8",class:`${e}__checkbox`},this.dsSelected&&t(o,{key:"c730cf3926c677d744e7c25f023f941275144e79",class:`${e}__checkbox__icon`,dsName:"check_small",dsSize:"1.25rem",dsColour:this.dsDisabled?"ds-textColor-disabled-onLight":"ds-textColor-white"})),t("span",{key:"41f6a2ca4b9b8f79c2f0e5501312df1f8e178b7c"},t("span",{key:"f55053553a85fc167b43d5faac3680d3b448ec9d",class:`${e}__label`,ref:e=>this.optionLabelTextRef=e},t("slot",{key:"68321ee802967c5f229ca0effec568c1beb6aebb"},this.dsLabel)),this.dsDescription&&t("span",{key:"a1f3fae6c54a820741fa44f3154e804edc269233",class:`${e}__description`},this.dsDescription)),!this.isMultiple&&this.dsSelected&&t(o,{key:"dde7f1b47b5d92d2479c92b5d059b0424160e27c",dsName:"check",class:`${e}__check-icon`}))}static get watchers(){return{dsActive:[{dsActiveObserver:0}],dsValue:[{dsValueObserver:0}],dsLabel:[{dsLabelObserver:0}]}}static get style(){return".ds-option__9el4Wy.sc-ds-option{display:flex;align-items:center;justify-content:normal;min-height:2.5rem;padding:0.625rem var(--ds-spacing-xSmall);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__9el4Wy.sc-ds-option:not(.ds-option__9el4Wy--multiple){justify-content:space-between}.ds-option__9el4Wy--hidden.sc-ds-option{display:none}.ds-option__9el4Wy--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__9el4Wy.sc-ds-option:hover:not(.ds-option__9el4Wy--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__9el4Wy.sc-ds-option:active:not(.ds-option__9el4Wy--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__9el4Wy--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__9el4Wy--active.ds-option__9el4Wy--selected.sc-ds-option:not(.ds-option__9el4Wy--multiple){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-option__9el4Wy--multiple.ds-option__9el4Wy--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__9el4Wy--multiple.sc-ds-option .ds-option__9el4Wy__checkbox.sc-ds-option{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-option__9el4Wy--multiple.ds-option__9el4Wy--disabled.sc-ds-option .ds-option__9el4Wy__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__9el4Wy--multiple.ds-option__9el4Wy--disabled.sc-ds-option:not(.ds-option__9el4Wy--selected) .ds-option__9el4Wy__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__9el4Wy--selected.sc-ds-option .ds-option__9el4Wy__checkbox.sc-ds-option{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent);color:var(--ds-textColor-white);padding:var(--ds-spacing-4xSmall)}.ds-option__9el4Wy--selected.sc-ds-option:not(.ds-option__9el4Wy--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__9el4Wy--selected.sc-ds-option:not(.ds-option__9el4Wy--multiple).ds-option__9el4Wy--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__9el4Wy--selected.sc-ds-option:not(.ds-option__9el4Wy--multiple) .ds-option__9el4Wy__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__9el4Wy--selected.sc-ds-option:not(.ds-option__9el4Wy--multiple) .ds-option__9el4Wy__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__9el4Wy--selected.sc-ds-option:not(.ds-option__9el4Wy--multiple).ds-option__9el4Wy--disabled .ds-option__9el4Wy__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__9el4Wy--selected.sc-ds-option:not(.ds-option__9el4Wy--multiple):hover:not(.ds-option__9el4Wy--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__9el4Wy--selected.sc-ds-option:not(.ds-option__9el4Wy--multiple):active:not(.ds-option__9el4Wy--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__9el4Wy__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__9el4Wy__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__9el4Wy__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__9el4Wy__description.sc-ds-option:not(:empty){display:block}"}},[774,"ds-option",{dsId:[513,"ds-id"],dsValue:[513,"ds-value"],dsLabel:[1,"ds-label"],dsDisabled:[4,"ds-disabled"],dsDescription:[1,"ds-description"],dsActive:[516,"ds-active"],dsSelected:[516,"ds-selected"],dsHidden:[4,"ds-hidden"],dsMouseDownPreventDefault:[4,"ds-mouse-down-prevent-default"],dsFocusOnActiveChange:[4,"ds-focus-on-active-change"],dsVariant:[1,"ds-variant"],internalTabIndex:[32],getLabel:[64],getGroup:[64],setFocus:[64]},[[0,"mousedown","handleMouseDown"],[0,"click","handleClick"]],{dsActive:[{dsActiveObserver:0}],dsValue:[{dsValueObserver:0}],dsLabel:[{dsLabelObserver:0}]}]);function _(){"undefined"!=typeof customElements&&["ds-option","ds-icon"].forEach((e=>{switch(e){case"ds-option":customElements.get(i(e))||customElements.define(i(e),b);break;case"ds-icon":customElements.get(i(e))||h()}}))}n([t("ds-icon",{dsName:""})]);export{b as D,_ as d}

package/dist/components/p-804yHmzL.js

@@ -1 +0,0 @@
-import{g as e}from"./p-DdyM9c6W.js";const r=(e,r,t=1)=>{const u=new Date(0);return u.setFullYear(e,r,t),u.setHours(0,0,0,0),u},t=e=>{if(!e)return null;const t=e.split("-");if(t.length<3)return null;let u,a,n;""===t[0]?(u=-Number.parseInt(t[1],10),a=t[2],n=t[3]):(u=Number.parseInt(t[0],10),a=t[1],n=t[2]);const s=Number.parseInt(a,10),i=Number.parseInt(n,10);return Number.isNaN(u)||Number.isNaN(s)||Number.isNaN(i)?null:r(u,s-1,i)},u=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,a=e=>{if(!e)return"";const r=t(e);return r?`${r.getDate()}.${r.getMonth()+1}.${r.getFullYear()}`:""},n=e=>{if(!e)return null;const t=e.split(/[.\-/]/);if(3!==t.length)return null;let u,a,n;if(4!==t[0].length||Number.isNaN(Number.parseInt(t[0],10))?(u=Number.parseInt(t[0],10),a=Number.parseInt(t[1],10),n=Number.parseInt(t[2],10)):(n=Number.parseInt(t[0],10),a=Number.parseInt(t[1],10),u=Number.parseInt(t[2],10)),Number.isNaN(u)||Number.isNaN(a)||Number.isNaN(n))return null;if(u<1||u>31||a<1||a>12)return null;const s=r(n,a-1,u);return s.getDate()!==u||s.getMonth()!==a-1||s.getFullYear()!==n?null:`${n.toString().padStart(4,"0")}-${a.toString().padStart(2,"0")}-${u.toString().padStart(2,"0")}`},s=(e,r)=>{const a=new Date(e);if(a.setHours(0,0,0,0),r.min){const e=t(r.min);if(e&&a<e)return!0}if(r.max){const e=t(r.max);if(e&&a>e)return!0}if(r.disabledDates&&r.disabledDates.length>0){const e=u(a);if(r.disabledDates.includes(e))return!0}return!1},i=(e,r)=>{if(!r)return!1;const u=t(r);if(!u)return!1;const a=new Date(e);return a.setHours(0,0,0,0),a.getTime()===u.getTime()},o=(e,t)=>{const u=r(e,t,1),a=r(e,t+1,0),n=(u.getDay()+6)%7,s=0===n?7:n,i=[],o=r(e,t,0).getDate();for(let u=s-1;u>=0;u--){const a=o-u;i.push({day:a,isCurrentMonth:!1,isToday:!1,date:r(e,t-1,a)})}const l=new Date;l.setHours(0,0,0,0);for(let u=1;u<=a.getDate();u++){const a=r(e,t,u);i.push({day:u,isCurrentMonth:!0,isToday:a.getTime()===l.getTime(),date:a})}const m=42-i.length;for(let u=1;u<=m;u++)i.push({day:u,isCurrentMonth:!1,isToday:!1,date:r(e,t+1,u)});return i},l=(e,r)=>{const t=(new Date).getFullYear(),u=r??t+100,a=[];for(let r=e??t-100;r<=u;r++)a.push(r);return a},m=(e,t,u)=>{const a=r(e,t+1,0).getDate();for(let n=1;n<=a;n++){const a=r(e,t,n);if(!s(a,u))return a}return null},c=(e,t,u)=>{for(let a=r(e,t+1,0).getDate();a>=1;a--){const n=r(e,t,a);if(!s(n,u))return n}return null},f=e=>{const r=new Date;if(r.setHours(0,0,0,0),!s(r,e))return r;if(e.min){const r=t(e.min);if(r&&!s(r,e))return r;if(r){const t=new Date(r);for(let r=0;r<365;r++)if(t.setDate(t.getDate()+1),!s(t,e))return new Date(t)}}if(e.max){const r=t(e.max);if(r&&!s(r,e))return r;if(r){const t=new Date(r);for(let r=0;r<365;r++)if(t.setDate(t.getDate()-1),!s(t,e))return new Date(t)}}return r};function d(e,t,u){const a=r(t,e+("prev"===u?-1:1));return{month:a.getMonth(),year:a.getFullYear()}}function k(e){switch(e){case"ArrowUp":return-7;case"ArrowDown":return 7;case"ArrowLeft":return-1;case"ArrowRight":return 1;default:return 0}}function b(e,r,t,u=365){const a=new Date(e),n=Math.sign(r);if(a.setDate(a.getDate()+r),!s(a,t))return a;for(let e=1;e<u;e++)if(a.setDate(a.getDate()+n),!s(a,t))return a;return null}function y(e){const r=e.key;if(["Backspace","Delete","Tab","Escape","Enter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(r))return;if((e.ctrlKey||e.metaKey)&&["a","c","v","x"].includes(r.toLowerCase()))return;if(!/^[0-9.\-/]$/.test(r))return void e.preventDefault();const t=/^[.\-/]$/;if(t.test(r)){const r=e.target,u=r.selectionStart??0,a=r.value[u-1];(0===u&&0===r.selectionEnd||a&&t.test(a))&&e.preventDefault()}}const v=(r,t,u)=>{switch(e()){case"fi":return r;case"sv":return t;default:return u}},p=(e,r)=>{if(!r)return e;const t=r.getDate(),u=A()[r.getMonth()],a=r.getFullYear();return v(`${e}, valittu päivämäärä: ${t}. ${u} ${a}`,`${e}, valt datum: ${t} ${u} ${a}`,`${e}, selected date: ${t} ${u} ${a}`)},h=e=>p(v("Avaa päivämäärävalitsin","Öppna datumväljare","Open date picker"),e),w=e=>p(v("Sulje päivämäärävalitsin","Stäng datumväljare","Close date picker"),e),g=()=>v("Käytä muotoa pp.kk.vvvv","Använd formatet dd.mm.åååå","Use format dd.mm.yyyy"),N=()=>v("Tämä päivämäärä ei ole valittavissa.","Detta datum är inte tillgängligt.","This date is not available."),$=()=>v(["tammikuu","helmikuu","maaliskuu","huhtikuu","toukokuu","kesäkuu","heinäkuu","elokuu","syyskuu","lokakuu","marraskuu","joulukuu"],["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"],["January","February","March","April","May","June","July","August","September","October","November","December"]),j=()=>v(["ma","ti","ke","to","pe","la","su"],["må","ti","on","to","fr","lö","sö"],["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]),D=()=>v(["maanantai","tiistai","keskiviikko","torstai","perjantai","lauantai","sunnuntai"],["måndag","tisdag","onsdag","torsdag","fredag","lördag","söndag"],["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"]),A=()=>v(["tammikuuta","helmikuuta","maaliskuuta","huhtikuuta","toukokuuta","kesäkuuta","heinäkuuta","elokuuta","syyskuuta","lokakuuta","marraskuuta","joulukuuta"],["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"],["January","February","March","April","May","June","July","August","September","October","November","December"]),S=()=>v("Näytä tänään","Visa idag","Show today"),M=()=>v("Tyhjennä","Rensa","Clear"),T=()=>v("Edellinen kuukausi","Föregående månad","Previous month"),C=()=>v("Seuraava kuukausi","Nästa månad","Next month"),F=()=>v("Kuukausi","Månad","Month"),J=()=>v("Vuosi","År","Year"),V=()=>v("Valitse kuukausi","Välj månad","Select month"),E=()=>v("Valitse vuosi","Välj år","Select year");export{A,D as B,S as C,M as D,k as E,g as F,t as a,f as b,w as c,u as d,r as e,m as f,l as g,y as h,s as i,b as j,a as k,N as l,c as m,d as n,h as o,n as p,$ as q,o as r,V as s,F as t,E as u,T as v,C as w,j as x,J as y,i as z}

package/dist/components/p-B3aF7xnN.js

@@ -1 +0,0 @@
-import{p as e,M as s,c as t,h as d,d as o,t as i}from"./p-Clnflbiz.js";import{c as l}from"./p-BfTCfPZ1.js";import{t as a,d as r}from"./p-Duz7I_DQ.js";import{a as c}from"./p-5l5qZ1Ad.js";import{c as n}from"./p-C7gqnikf.js";import{a as v,d as _}from"./p-DGgJGxC8.js";import{h as b}from"./p-CTROETkT.js";import{d as h}from"./p-DxvDtOKJ.js";import{d as p}from"./p-ClKrJiwF.js";import{d as u}from"./p-CkdOciiG.js";import{d as m}from"./p-BfHVqAwo.js";import{d as g}from"./p-Db_yp4Ff.js";const y=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={...c(this,this.el)}}componentDidLoad(){if(!this.nativeSelectRef)return;const e=this.nativeSelectRef;e.addEventListener("invalid",(e=>{e.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:b()}),this.dsValidity.emit({flag:"customError",message:b()})})),e.addEventListener("blur",(()=>{const s=e.validity.valid;this.dsValidity.emit({flag:s?"valid":"customError",message:s?"":b()})}))}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?"":b()})}}render(){const e=n("ds-select"),s=`${e}__host`,t=`${e}-native`,i=a("ds-control-label","ds-select-native",this.el),{"aria-describedby":r,...c}=this.inheritedAttributes,v=this.dsAriaDescribedby??r,_=!!this.el.querySelector('[slot="label"]');return d(o,{key:"f62dd4fa39eb73ee49ecb646a8c64019f3506bb9",class:l(s,{[`${s}--full-width`]:this.dsFullWidth})},d("div",{key:"89bca77b098f8e7af606900fb12443c6c93ee3e6"},(this.dsLabel||_)&&d(i,{key:"cde4f34d8fe52e7a31c38de56e412b93ce144878",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired},d("slot",{key:"b2b44a5ee7704fb8241fc2fc8d2e3ef90c6a8949",name:"label"})),d("div",{key:"31976c1287cb9bcf71a617de303d9a0751882e65",class:l(`${t}`,{[`${t}--disabled`]:this.dsDisabled,[`${t}--invalid`]:!!this.dsErrorText})},d("div",{key:"48576fbf4ca45c2af99687ebabaa574897a8670e",class:`${t}__selected-text`,"aria-hidden":"true"},this.value&&this.nativeSelectRef?.selectedOptions[0]?.textContent||this.dsPlaceholder),d("select",{key:"22cb4d33c218f4d528a0de51dd83e54d47d068ea",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,...c},d("option",{key:"abfb86795397dc5e11ec4af32f18fe5045b7cc4b",value:"",disabled:!0,style:{display:this.dsRequired?"none":void 0},selected:!this.value},this.dsPlaceholder),d("slot",{key:"97f39c189efa89e0143a5541e76c57980f2d57b8",name:"native"})),d(this.DsIconTag,{key:"6a70540a731cbe7033b18b1d834e761c211c58d7",class:`${t}__dropdown-icon`,dsName:"keyboard_arrow_down",dsSize:this.dsIconSize})),d(this.DsInputValidityTag,{key:"050e82eec5b8364468db771bd1008a751bec64f9",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__9el4Wy__host.sc-ds-select-native-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){.ds-select__9el4Wy__host.sc-ds-select-native-h{width:var(--ds-select-wide-width, 20rem)}}.ds-select__9el4Wy__host.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}@media (min-width: 30rem){.ds-select__9el4Wy__host--full-width.sc-ds-select-native-h{width:var(--ds-select-narrow-width, 100%)}}.ds-select__9el4Wy-native.sc-ds-select-native,.ds-select__9el4Wy-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__9el4Wy-native__dropdown-icon.sc-ds-select-native,.ds-select__9el4Wy-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__9el4Wy-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__9el4Wy-custom.sc-ds-select-native .ds-options__9el4Wy.sc-ds-select-native{display:block}.ds-select__9el4Wy-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__9el4Wy-custom-input-container.sc-ds-select-native:has(.ds-select__9el4Wy-custom__clear-button:hover) .ds-select__9el4Wy-custom.sc-ds-select-native{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__9el4Wy-custom.sc-ds-select-native:not(.ds-select__9el4Wy-custom--open,.ds-select__9el4Wy-custom--invalid.sc-ds-select-native,.ds-select__9el4Wy-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__9el4Wy-custom.sc-ds-select-native:active:not(.ds-select__9el4Wy-custom--open,.ds-select__9el4Wy-custom--invalid.sc-ds-select-native,.ds-select__9el4Wy-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__9el4Wy-custom--open.sc-ds-select-native,.ds-select__9el4Wy-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__9el4Wy-custom--open.sc-ds-select-native:not(.ds-select__9el4Wy-custom--open--invalid,.ds-select__9el4Wy-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__9el4Wy-custom.sc-ds-select-native:focus-visible:not(.ds-select__9el4Wy-custom--open--invalid,.ds-select__9el4Wy-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__9el4Wy-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__9el4Wy-custom--disabled.sc-ds-select-native .ds-select__9el4Wy-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__9el4Wy-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__9el4Wy-custom--invalid.sc-ds-select-native:not(.ds-select__9el4Wy-custom--invalid--open,.ds-select__9el4Wy-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__9el4Wy-custom--invalid.sc-ds-select-native:not(.ds-select__9el4Wy-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__9el4Wy-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__9el4Wy-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__9el4Wy-custom--has-icon.sc-ds-select-native .ds-select__9el4Wy-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__9el4Wy-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__9el4Wy-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__9el4Wy-custom__selected-option__text--none-selected.sc-ds-select-native{color:var(--ds-textColor-secondary)}.ds-select__9el4Wy-custom__selected-option__text--disabled.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight)}.ds-select__9el4Wy-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__9el4Wy-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__9el4Wy-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__9el4Wy-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__9el4Wy-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__9el4Wy-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__9el4Wy-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__9el4Wy-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__9el4Wy-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__9el4Wy-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__9el4Wy-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__9el4Wy-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__9el4Wy-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__9el4Wy-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__9el4Wy-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__9el4Wy-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__9el4Wy-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__9el4Wy-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__9el4Wy-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__9el4Wy-native.sc-ds-select-native:not(.ds-select__9el4Wy-native--invalid,.ds-select__9el4Wy-native--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__9el4Wy-native.sc-ds-select-native:has(.ds-select__9el4Wy-native__select:active):not(.ds-select__9el4Wy-native--invalid,.ds-select__9el4Wy-native--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__9el4Wy-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__9el4Wy-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__9el4Wy-native--disabled.sc-ds-select-native .ds-select__9el4Wy-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__9el4Wy-native--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__9el4Wy-native--invalid.sc-ds-select-native:not(.ds-select__9el4Wy-native--invalid--disabled):has(.ds-select__9el4Wy-native__select:active){background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__9el4Wy-native--invalid.sc-ds-select-native:not(.ds-select__9el4Wy-native--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__9el4Wy-native__dropdown-icon.sc-ds-select-native{color:var(--ds-select-selected-option-color, inherit)}.ds-select__9el4Wy-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__9el4Wy-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__9el4Wy-native__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__9el4Wy-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),y);break;case"ds-assistive-text":customElements.get(i(e))||h();break;case"ds-control-label":customElements.get(i(e))||p();break;case"ds-feedback":customElements.get(i(e))||u();break;case"ds-icon":customElements.get(i(e))||_();break;case"ds-input-validity":customElements.get(i(e))||m();break;case"ds-visually-hidden":customElements.get(i(e))||g()}}))}r([d("ds-icon",{dsName:""}),d("ds-control-label",null),d("ds-input-validity",null)]);export{y as D,f as d}

package/dist/components/p-BNucxURn.js

@@ -1 +0,0 @@
-import{f as t,r as n,g as e,h as s}from"./p-Duz7I_DQ.js";import{g as o}from"./p-DdyM9c6W.js";const a=new Map,r=(t,n)=>{const e=(t=>{const n=a.get(t),e=new Map;return n||a.set(t,e),n??e})(t),s=((t,n)=>{const e=a.get(t);return e?.get(n)??Object.freeze({mountEventsTotal:0})})(t,n);e.set(n,Object.freeze({...s,mountEventsTotal:s.mountEventsTotal+1}))},c=globalThis._uhdsMatomoCollectionProbability??.5,i="uhds_collect_analytics";null===globalThis.sessionStorage?.getItem(i)&&globalThis.sessionStorage.setItem(i,(Math.random()<=c).toString());const l=new Map;let u=!1,h=!1;function g(){if(u)return;const t=(()=>{const t=[];for(const[n,e]of a.entries())for(const[s,o]of e.entries())t.push({appName:n,componentName:s,stats:o});return t})();if(0!==t.length){u=!0;try{if(!Array.isArray(globalThis._mtm))return;const n=globalThis._mtm,e=globalThis.location.hostname;for(const{appName:s,componentName:o,stats:a}of t)n.push({event:"uhds.components","uhds.action":"mounted","uhds.component":o,"uhds.app_name":s,"uhds.app_host":e,"uhds.instance_key":`${e}::${s}::${o}`,"uhds.instances_seen":a.mountEventsTotal});a.clear()}finally{u=!1}}}const p=new Set,f=new Map,d=new Map,m=new Set,b=t=>t.trim().toLowerCase();function T(t,n){if(!f.has(n))return!1;const o=d.get(n)??"";return!o||!s(e(t),o)}function y(t){return m.has(t)&&!p.has(t)}const w=(s,a={})=>c=>{const u=b(s);if(m.add(u),a.stopRootTracking){const t=new Set((a.stopRootTrackingExcept||[]).map(b));f.set(u,t),d.set(u,Array.from(t).join(","))}return a.transparentForRootTracking&&p.add(u),class extends c{constructor(){super()}lang=o();getGenerator(){const n=s.trim()||"ds-component";return l.has(n)||l.set(n,t(n)),l.get(n)}getUniqueId(){return this.getGenerator().next().value}componentMounted(){const t=n(this.el);t&&globalThis.sessionStorage&&"false"!==globalThis.sessionStorage?.getItem(i)&&(a.disableAnalytics||function(t){const n=b(t.tagName);if(y(n)&&T(t,n))return!1;let s=e(t);for(;s;){const t=b(s.tagName);if(y(t)){if(!f.has(t)||T(s,t))return!0;s=e(s)}else s=e(s)}return!1}(this.el)||(h||(globalThis.addEventListener("visibilitychange",(()=>{"hidden"===document.visibilityState&&g()})),globalThis.addEventListener("pagehide",g),globalThis.addEventListener("beforeunload",g),h=!0),r(t,s)))}handleLanguageChange(t){this.lang=t.detail}static get states(){return{lang:{}}}static get listeners(){return[{name:"dsLanguageChange",method:"handleLanguageChange",target:"body",capture:!1,passive:!1}]}}};export{w as c}

package/dist/components/p-Bf3RXIkB.js

@@ -1 +0,0 @@
-import{p as s,M as t,c as i,h as o,t as e}from"./p-Clnflbiz.js";import{c as n}from"./p-BfTCfPZ1.js";import{t as d,S as a}from"./p-Duz7I_DQ.js";import{c as r}from"./p-C7gqnikf.js";import{i as c,a as l}from"./p-5l5qZ1Ad.js";import{m as h}from"./p-CTROETkT.js";import{c as p}from"./p-BNucxURn.js";const m=s(class extends(t(p("ds-options"))){constructor(s){super(),!1!==s&&this.__registerHost(),this.dsEsc=i(this,"dsEsc",7),this.dsActiveIndexChange=i(this,"dsActiveIndexChange",7)}get el(){return this}optionsListRef;optionsListInnerRef;inheritedAttributes={};dsEsc;dsActiveIndexChange;dsId=this.getUniqueId();dsSelectedValue;dsActiveIndex=0;dsLabelId;dsAriaMultiselectable;hasBottomScrim=!1;hasTopScrim=!1;onActiveIndexChange(s){this.scrollToActiveOption(s)}componentWillLoad(){this.inheritedAttributes={...l(this,this.el),...c(this.el,["aria-labelledby"])}}componentDidLoad(){this.updateScrimClasses()}componentDidUpdate(){this.updateScrimClasses()}handleScroll=()=>{this.updateScrimClasses()};updateScrimClasses=()=>{if(!this.optionsListRef||!this.optionsListInnerRef)return;this.hasBottomScrim=Math.ceil(this.optionsListInnerRef.scrollTop+this.optionsListInnerRef.clientHeight)<this.optionsListInnerRef.scrollHeight,this.hasTopScrim=this.optionsListInnerRef.scrollTop>0;const s=this.optionsListRef.querySelectorAll(`.${r("ds-option-group")}__label`);for(const t of s){const s=t.getBoundingClientRect(),i=this.optionsListRef.getBoundingClientRect();this.optionsListInnerRef.scrollTop>0&&s.top<=i.top&&s.bottom>i.top?t.classList.add(`${r("ds-option-group")}__label__shadow`):t.classList.remove(`${r("ds-option-group")}__label__shadow`)}};get DsOptionTag(){return d("ds-option","ds-options",this.el)}getActiveOption(s){const t=Array.from(this.el.querySelectorAll(this.DsOptionTag));return!t.length||s<0||s>=t.length?null:t[s]}scrollToActiveOption=s=>{const t=this.getActiveOption(s);if(!t)return;const i=this.optionsListInnerRef?.getBoundingClientRect(),o=t.getBoundingClientRect();i&&o&&(this.hasBottomScrim&&o.bottom>i.bottom-a?this.optionsListInnerRef.scrollTop+=o.bottom-(i.bottom-a):this.hasTopScrim&&o.top<i.top+a&&(this.optionsListInnerRef.scrollTop-=i.top+a-o.top))};moveToNextEnabledOption(s,t){let i=this.dsActiveIndex,o=0;do{if(i="down"===t?(i+1)%s.length:(i-1+s.length)%s.length,o++,o>2*s.length)break}while(s[i].dsDisabled&&i!==this.dsActiveIndex);this.dsActiveIndex=i,this.dsActiveIndexChange.emit(this.dsActiveIndex)}handleKeyDown=s=>{const t=Array.from(this.el.querySelectorAll(this.DsOptionTag));if(t.length){if("ArrowDown"===s.key&&(s.preventDefault(),this.moveToNextEnabledOption(t,"down")),"ArrowUp"===s.key&&(s.preventDefault(),this.moveToNextEnabledOption(t,"up")),"Enter"===s.key||" "===s.key){s.preventDefault();const i=t[this.dsActiveIndex];i&&!i.dsDisabled&&i.click()}"Tab"===s.key&&(s.shiftKey||s.preventDefault(),this.dsEsc.emit({key:s.shiftKey?"Shift+Tab":"Tab"})),"Escape"===s.key&&(s.preventDefault(),this.dsEsc.emit({key:s.key}))}};render(){const s=r("ds-options");return o("div",{key:"4e0aca6cfcb613d0920454fede0001b5973f95a0",id:this.dsId,class:n(s,{"has-bottom-scrim":this.hasBottomScrim,"has-top-scrim":this.hasTopScrim}),role:"listbox",tabindex:0,onKeyDown:this.handleKeyDown,ref:s=>this.optionsListRef=s,onScroll:this.handleScroll,onFocus:this.updateScrimClasses,"aria-multiselectable":this.dsAriaMultiselectable?"true":"false","aria-label":this.dsAriaMultiselectable?h():void 0,"aria-labelledby":[this.dsLabelId,this.dsId].filter(Boolean).join(" "),...this.inheritedAttributes},o("div",{key:"ff849fbb4c6c45bcca8321c3d4a32e36eb2f77d9",class:`${s}__inner`,ref:s=>this.optionsListInnerRef=s,onScroll:this.handleScroll},o("div",{key:"b5f48033e0b651b3a4ebc472c0fe5ae6c4d7f9a3",class:`${s}__top-scrim`,"aria-hidden":"true"}),o("slot",{key:"230d60fd69dbc9b96966f1179826a64a076015b2"}),o("div",{key:"37e8f33bf1eca761051db1e015fc484deaade18d",class:`${s}__bottom-scrim`,"aria-hidden":"true"})))}static get watchers(){return{dsActiveIndex:[{onActiveIndexChange:0}]}}static get style(){return".ds-options__9el4Wy__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__9el4Wy.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__9el4Wy.sc-ds-options:focus{outline:none}.ds-options__9el4Wy__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__9el4Wy__top-scrim.sc-ds-options,.ds-options__9el4Wy__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__9el4Wy__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__9el4Wy__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__9el4Wy.has-top-scrim.sc-ds-options .ds-options__9el4Wy__top-scrim.sc-ds-options{display:block}.ds-options__9el4Wy.has-bottom-scrim.sc-ds-options .ds-options__9el4Wy__bottom-scrim.sc-ds-options{display:block}.ds-options__9el4Wy.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__9el4Wy.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}"}},[774,"ds-options",{dsId:[1,"ds-id"],dsSelectedValue:[1,"ds-selected-value"],dsActiveIndex:[1026,"ds-active-index"],dsLabelId:[1,"ds-label-id"],dsAriaMultiselectable:[4,"ds-aria-multiselectable"],hasBottomScrim:[32],hasTopScrim:[32]},void 0,{dsActiveIndex:[{onActiveIndexChange:0}]}]);function _(){"undefined"!=typeof customElements&&["ds-options"].forEach((s=>{"ds-options"===s&&(customElements.get(e(s))||customElements.define(e(s),m))}))}export{m as D,_ as d}

package/dist/components/p-BfHVqAwo.js

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

package/dist/components/p-C7gqnikf.js

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

package/dist/components/p-C7vwGuoj.js

@@ -1 +0,0 @@
-import{p as d,H as i,h as s,d as e,t as r}from"./p-Clnflbiz.js";import{c as a}from"./p-BfTCfPZ1.js";import{c as t}from"./p-C7gqnikf.js";const o=d(class extends i{constructor(d){super(),!1!==d&&this.__registerHost()}dsVariant="decorative";dsOrientation="horizontal";dsPadding="2xSmall";dsCustomPaddingBefore;dsCustomPaddingAfter;toSpacingValue(d){return"none"===d?"0":`var(--ds-spacing-${d})`}render(){const d=t("ds-divider"),i={"--ds-divider-spacing-before":this.dsCustomPaddingBefore??this.toSpacingValue(this.dsPadding),"--ds-divider-spacing-after":this.dsCustomPaddingAfter??this.toSpacingValue(this.dsPadding)};return s(e,{key:"c32b42d11ec24625a6d3718a64c4f3c58bf1a07e",style:i},s("hr",{key:"123356c89917b559636f32027ad4e12d72aaaac5",class:a(d,`${d}--${this.dsVariant}`,`${d}--${this.dsOrientation}`),"aria-hidden":"decorative"===this.dsVariant?"true":void 0}))}static get style(){return".ds-no-style-leak.sc-ds-divider *.sc-ds-divider{all:unset;box-sizing:border-box;display:block}.ds-divider__9el4Wy.sc-ds-divider{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);border:none;display:block}.ds-divider__9el4Wy--horizontal.sc-ds-divider{border-top:var(--ds-borderWidth-hairline) solid;margin:var(--ds-divider-spacing-before, var(--ds-spacing-2xSmall)) 0 var(--ds-divider-spacing-after, var(--ds-spacing-2xSmall));width:100%}.ds-divider__9el4Wy--vertical.sc-ds-divider{display:inline-flex;flex-direction:column;align-self:stretch;height:100%;border-left:var(--ds-borderWidth-hairline) solid;margin:0 var(--ds-divider-spacing-after, var(--ds-spacing-2xSmall)) 0 var(--ds-divider-spacing-before, var(--ds-spacing-2xSmall));flex:1;width:0}.ds-divider__9el4Wy--decorative.sc-ds-divider{border-color:var(--ds-borderColor-light)}.ds-divider__9el4Wy--accessible.sc-ds-divider{border-color:var(--ds-borderColor-default)}"}},[514,"ds-divider",{dsVariant:[1,"ds-variant"],dsOrientation:[513,"ds-orientation"],dsPadding:[1,"ds-padding"],dsCustomPaddingBefore:[1,"ds-custom-padding-before"],dsCustomPaddingAfter:[1,"ds-custom-padding-after"]}]);function n(){"undefined"!=typeof customElements&&["ds-divider"].forEach((d=>{"ds-divider"===d&&(customElements.get(r(d))||customElements.define(r(d),o))}))}export{o as D,n as d}

package/dist/components/p-CFIMJWhN.js

@@ -1 +0,0 @@
-import{p as t,M as o,f as n,h as s,d,t as e}from"./p-Clnflbiz.js";import{c as r}from"./p-BfTCfPZ1.js";import{i as _,a as u}from"./p-5l5qZ1Ad.js";import{t as l,a as b,d as i}from"./p-Duz7I_DQ.js";import{c as a}from"./p-C7gqnikf.js";import{a as y,d as c}from"./p-DGgJGxC8.js";import{c as W}from"./p-BNucxURn.js";import{d as g}from"./p-CQHlIDeK.js";import{d as p}from"./p-Db_yp4Ff.js";const v=t(class extends(o(W("ds-button"),y)){constructor(t){super(!1),!1!==t&&this.__registerHost()}inheritedAttributes={};buttonEl;pressedKeys=new Set;get el(){return this}dsForm;dsId=this.getUniqueId();dsName=this.dsId;dsAutoFocus=!1;dsText="";dsValue="";dsVariant="primary";dsColour="blue";dsSize="medium";dsIcon="";dsIconPosition="start";dsIconTitle;dsIconAriaLabel;dsType="button";dsDisabled=!1;dsLoading=!1;dsUseSpinner=!1;dsSpinnerHiddenText;dsFullWidth=!1;dsRole;dsAriaDisabled;dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsAriaExpanded;dsAriaPressed;dsAriaControls;dsAriaHaspopup;dsAriaHidden=!1;dsTabIndex;dsHiddenAssistiveText;dsActive=!1;dsInInput=!1;dsNoFocusRing=!1;hasDefaultSlot=!1;isActive=this.dsActive;text="";async setFocus(){this.buttonEl?.focus()}hasDefaultSlotContent=()=>Array.from(this.el.childNodes).some((t=>{if(t.nodeType===Node.ELEMENT_NODE){const o=t;return!o.hasAttribute("slot")||""===o.getAttribute("slot")}return t.nodeType===Node.TEXT_NODE&&(t.textContent?.trim().length??0)>0}));componentWillLoad(){if(this.getDeprecationWarningsForAriaAttributes(this.el),this.dsUseSpinner&&!this.dsSpinnerHiddenText)throw new Error("dsSpinnerHiddenText is required when dsUseSpinner is true.");this.isActive=this.dsActive,this.inheritedAttributes={...u(this,this.el),..._(this.el)},this.text=this.dsText||this.dsValue}componentDidLoad(){this.componentMounted(),this.hasDefaultSlot=this.hasDefaultSlotContent()}dsTextObserver(t){this.text=t||this.dsValue}dsValueObserver(t){this.dsText||(this.text=t)}dsActiveObserver(t){this.isActive=t}ariaAttributeObserver(t,o,s){this.inheritedAttributes={...this.inheritedAttributes,[s]:t},n(this)}handleKeyDown=t=>{if(!t.repeat)switch(t.key){case"Enter":case" ":this.pressedKeys.add(t.key),this.isActive=!0}};handleKeyUp=t=>{switch(t.key){case"Enter":case" ":this.pressedKeys.delete(t.key),0===this.pressedKeys.size&&(this.isActive=this.dsActive)}};handleBlur=()=>{this.dsActive||(this.isActive=!1)};getSpinnerColour=()=>{if("primary"===this.dsVariant){if("blue"===this.dsColour)return"white";if("white"===this.dsColour)return"black";if("black"===this.dsColour)return"white";if("danger"===this.dsColour)return"white"}return this.dsColour};handleDefaultSlotChange=()=>{this.hasDefaultSlot=this.hasDefaultSlot||this.hasDefaultSlotContent()};renderIcon=t=>{const o=r(`${t}__icon`),n="small"===this.dsSize?"1.25rem":void 0,d=l("ds-icon","ds-button",this.el);return s(d,{class:o,dsName:this.dsIcon,dsCustomSize:n,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel})};getBooleanishAttribute=(t,o)=>"string"!=typeof t||"true"!==t&&"false"!==t?"boolean"==typeof t?t?"true":"false":o:t;renderButton=()=>{const t=!!this.text||this.hasDefaultSlot,o=a("ds-button"),n=r(`${o} ${o}--${this.dsVariant} ${o}--${this.dsColour} ${o}--${this.dsSize}`,{[`${o}--icon-start`]:this.dsIcon&&"start"===this.dsIconPosition&&t,[`${o}--icon-end`]:this.dsIcon&&"end"===this.dsIconPosition&&t,[`${o}--icon-only`]:this.dsIcon&&!t,[`${o}--disabled`]:this.dsDisabled,[`${o}--${this.dsColour}--active`]:this.isActive,[`${o}--in-input`]:this.dsInInput,[`${o}--no-focus-ring`]:this.dsNoFocusRing}),d=l("ds-spinner","ds-button",this.el),e=l("ds-visually-hidden","ds-button",this.el),{role:_,"aria-label":u,"aria-labelledby":i,"aria-describedby":y,"aria-disabled":c,"aria-expanded":W,"aria-pressed":g,"aria-controls":p,"aria-haspopup":v,...h}=this.inheritedAttributes,f=this.dsRole??_,m=this.dsAriaLabel||u,k=this.dsAriaLabelledby||i,C=this.dsAriaDescribedby||y,x=this.dsAriaControls||p,w=this.dsAriaHaspopup??v,L=this.getBooleanishAttribute(this.dsAriaDisabled,c),S=this.getBooleanishAttribute(this.dsAriaExpanded,W),D=this.getBooleanishAttribute(this.dsAriaPressed,g);return s("button",{ref:t=>this.buttonEl=t,class:n,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,...b("autofocus",this.dsAutoFocus),...b("role",f),...b("aria-disabled",L),...b("aria-label",m),...b("aria-labelledby",k),...b("aria-describedby",C),...b("aria-expanded",S),...b("aria-pressed",D),...b("aria-controls",x),...b("aria-haspopup",w),...b("aria-hidden",this.dsAriaHidden?"true":void 0),...b("tabindex",this.dsTabIndex),...h},s("slot",{name:"prefix"},!this.dsLoading&&this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(o),this.dsLoading&&s(d,{class:`${o}__spinner`,dsHiddenAssistiveText:this.dsSpinnerHiddenText,dsColour:this.getSpinnerColour(),dsSize:"medium"===this.dsSize?"medium":null,dsCustomSize:"small"===this.dsSize?"1.25rem":void 0})),s("span",{class:`${o}__value`,hidden:!t},s("slot",{onSlotchange:this.handleDefaultSlotChange}),this.text),this.dsHiddenAssistiveText&&s(e,{dsTag:"span"},this.dsHiddenAssistiveText),s("slot",{name:"suffix"},this.dsIcon&&"end"===this.dsIconPosition&&this.renderIcon(o)))};render(){const t=`${a("ds-button")}__host`,o=this.renderButton();return s(d,{key:"c137e9d7efd727c7bb9cc76f2b28b1f36b93a370",class:r(t,{[`${t}--full-width`]:this.dsFullWidth})},this.dsUseSpinner?s("div",{"aria-live":"polite"},o):o)}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__9el4Wy__host.sc-ds-button-h{display:inline-block}.ds-button__9el4Wy__host--full-width.sc-ds-button-h{width:100%}.ds-button__9el4Wy.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__9el4Wy__value[hidden].sc-ds-button{display:none}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--supplementary) .ds-button__9el4Wy__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__9el4Wy--supplementary.sc-ds-button:has(.ds-button__9el4Wy__spinner) .ds-button__9el4Wy__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__9el4Wy__icon.sc-ds-button{height:1.5rem}.ds-button__9el4Wy.sc-ds-button:has(.ds-button__9el4Wy__spinner):not(.ds-button__9el4Wy--small) .ds-button__9el4Wy__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__9el4Wy__spinner.sc-ds-button{display:flex}.ds-button__9el4Wy--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--small):not(.ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--small).ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--small).ds-button__9el4Wy--icon-only{padding-left:0;padding-right:0}.ds-button__9el4Wy--small.ds-button__9el4Wy--icon-start.sc-ds-button,.ds-button__9el4Wy--small.ds-button__9el4Wy--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__9el4Wy--small.sc-ds-button:not(.ds-button__9el4Wy--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__9el4Wy--small.ds-button__9el4Wy--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__9el4Wy--small.ds-button__9el4Wy--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__9el4Wy--small.sc-ds-button .ds-button__9el4Wy__icon.sc-ds-button{height:auto}.ds-button__9el4Wy--icon-start.sc-ds-button:not(.ds-button__9el4Wy--small) .ds-button__9el4Wy__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__9el4Wy--icon-end.sc-ds-button:not(.ds-button__9el4Wy--small) .ds-button__9el4Wy__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--black:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--white:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring){--ds-button-min-height:var(--ds-spacing-xLarge);width:auto;height:100%;aspect-ratio:1/1}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--black.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--white.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--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__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--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 h(){"undefined"!=typeof customElements&&["ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-button":customElements.get(e(t))||customElements.define(e(t),v);break;case"ds-icon":customElements.get(e(t))||c();break;case"ds-spinner":customElements.get(e(t))||g();break;case"ds-visually-hidden":customElements.get(e(t))||p()}}))}i([s("ds-icon",{dsName:""}),s("ds-spinner",null),s("ds-visually-hidden",null)]);export{v as D,h as d}

package/dist/components/p-CFlXJNjO.js

@@ -1 +0,0 @@
-import{p as e,M as s,c as i,f as t,h as d,F as r,t as o}from"./p-Clnflbiz.js";import{c as a}from"./p-BfTCfPZ1.js";import{i as c,a as h}from"./p-5l5qZ1Ad.js";import{g as l,a as n,v as b}from"./p-CTROETkT.js";import{t as _,a as u,d as k}from"./p-Duz7I_DQ.js";import{c as x}from"./p-C7gqnikf.js";import{a as p,d as v}from"./p-DGgJGxC8.js";import{d as g}from"./p-VfYMKfsX.js";import{c as m}from"./p-BNucxURn.js";import{d as f}from"./p-CkdOciiG.js";import{d as y}from"./p-BfHVqAwo.js";import{d as C}from"./p-Db_yp4Ff.js";const W=e(class extends(s(m("ds-checkbox"),p,g)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.dsChange=i(this,"dsChange",7),this.dsFocus=i(this,"dsFocus",7),this.dsBlur=i(this,"dsBlur",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7)}checkboxGroup=null;inputElement;inheritedAttributes={};get el(){return this}dsChange;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=this.getUniqueId();_dsName=this.dsId;setName(e){this._dsName=this.checkboxGroup?.dsName||e||this._dsName}get dsName(){return this._dsName}set dsName(e){this.setName(e)}dsValue=this.dsId;dsChecked=!1;dsLabel;dsAssistiveText;dsText;dsIndeterminate=!1;dsDisabled=!1;dsErrorText="";dsErrorsDisabled=!1;dsRequired=!1;dsOptional=!1;dsOptionalText;dsAriaLabel;dsAriaDescribedby;groupInvalid=!1;hasFocus=!1;wasInvalidOnBlur=!1;internalChecked=!1;initialChecked=!1;isPressingEnter=!1;get labelId(){return`${this.dsId}-label`}get inputValidityId(){return`${this.dsId}-validity`}get assistiveTextId(){return`${this.dsId}-assistive-text`}async setFocus(){this.inputElement?.focus()}async checkValidity(){return this.inputElement?.checkValidity()}getLegendText=()=>this.dsRequired?l(this.dsLabel):this.dsOptional?n(this.dsLabel,this.dsOptionalText):this.dsLabel;getCheckboxText=()=>this.dsLabel?this.dsText:this.dsRequired?l(this.dsText):this.dsOptional?n(this.dsText,this.dsOptionalText):this.dsText;get DsCheckboxGroupTag(){return _("ds-checkbox-group","ds-checkbox",this.el)}getInheritedGroupErrorText=()=>{let e=this.el.closest(this.DsCheckboxGroupTag);for(;e;){if(e.dsErrorText)return e.dsErrorText;e=e.parentElement?.closest(this.DsCheckboxGroupTag)??null}return""};formResetCallback(){if(this.dsErrorText="",this.dsChecked=this.initialChecked,this.checkboxGroup=this.el.closest(this.DsCheckboxGroupTag),this.checkboxGroup){const e=this.getInheritedGroupErrorText();this.groupInvalid=!!e,this.dsErrorText=this.dsErrorText||e}}connectedCallback(){if(this.checkboxGroup=this.el.closest(this.DsCheckboxGroupTag),this.checkboxGroup){const e=this.getInheritedGroupErrorText();this.groupInvalid=!!e,this.dsErrorText=this.dsErrorText||e,this.dsErrorsDisabled=!0,this.checkboxGroup.dsDisabled&&(this.dsDisabled=!0),this.checkboxGroup.dsAllRequired&&(this.dsRequired=!0),this.checkboxGroup.dsForm&&(this.dsForm=this.checkboxGroup.dsForm),this.checkboxGroup.addEventListener("dsCheckboxGroupInvalidStateChange",this.updateGroupInvalidState),this.checkboxGroup.addEventListener("dsCheckboxGroupDisabledChange",this.updateDisabledState),this.checkboxGroup.addEventListener("dsCheckboxGroupAllRequiredChange",this.updateAllRequiredState),this.checkboxGroup.addEventListener("dsCheckboxGroupFormChange",this.updateFormState),this.checkboxGroup.addEventListener("dsCheckboxGroupNameChange",this.updateNameState),this.checkboxGroup.addEventListener("dsCheckboxGroupCheckedChange",this.updateCheckedFromGroup),this.checkboxGroup.childConnected()}}disconnectedCallback(){this.checkboxGroup&&(this.checkboxGroup.removeEventListener("dsCheckboxGroupInvalidStateChange",this.updateGroupInvalidState),this.checkboxGroup.removeEventListener("dsCheckboxGroupDisabledChange",this.updateDisabledState),this.checkboxGroup.removeEventListener("dsCheckboxGroupAllRequiredChange",this.updateAllRequiredState),this.checkboxGroup.removeEventListener("dsCheckboxGroupFormChange",this.updateFormState),this.checkboxGroup.removeEventListener("dsCheckboxGroupNameChange",this.updateNameState),this.checkboxGroup.removeEventListener("dsCheckboxGroupCheckedChange",this.updateCheckedFromGroup),this.checkboxGroup.childDisconnected()),this.checkboxGroup=null}handleInvalid=e=>{if(e.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const e in s)if(s[e]){this.dsSubmitInvalid.emit({flag:e,message:b(e)});break}};updateGroupInvalidState=e=>{this.groupInvalid=!!e.detail,this.dsErrorText=e.detail};updateDisabledState=e=>{this.dsDisabled=e.detail};updateAllRequiredState=e=>{this.dsRequired=e.detail};updateFormState=e=>{this.dsForm=e.detail};updateNameState=e=>{this.setName(e.detail),t(this)};updateCheckedFromGroup=e=>{this.dsChecked=e.detail};componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.setName(),this.inheritedAttributes={...h(this,this.el),...c(this.el,["aria-describedby","aria-invalid"])},this.initialChecked=this.dsChecked,this.internalChecked=this.dsChecked,this._setDisableEventEmits(!0)}componentDidLoad(){this.componentMounted()}ariaAttributeObserver(e,s,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:e},t(this)}dsCheckedObserver(e){this.internalChecked=e,this._setDisableEventEmits(!0)}internalCheckedObserver(e,s){const i=this.getShouldEmit([e!==s]);if(this.dsChecked!==e&&(this.dsChecked=e),this._setDisableEventEmits(!0),i&&this.dsChange.emit({checked:e,value:this.dsValue}),!this.wasInvalidOnBlur||this.groupInvalid||this.dsErrorsDisabled)return;const t=this.inputElement?.validity;for(const e in t)if(t[e]){this.dsValidity.emit({flag:e,message:b(e)});break}}handleInput=e=>{const s=e.target;this._setDisableEventEmits(!1),this.internalChecked=s.checked};handleKeyDown=e=>{"Enter"!==e.key||this.isPressingEnter||(this.isPressingEnter=!0)};handleKeyUp=e=>{"Enter"===e.key&&this.isPressingEnter&&(this.inputElement?.click(),this.isPressingEnter=!1)};handleFocus=()=>{this.hasFocus=!0,this.dsFocus.emit(this.dsId)};handleBlur=()=>{if(this.hasFocus=!1,this.dsBlur.emit(this.dsId),this.groupInvalid||this.dsErrorsDisabled)return;const e=this.inputElement?.validity;for(const s in e)if(e[s]){this.wasInvalidOnBlur="valid"!==s,this.dsValidity.emit({flag:s,message:b(s)});break}};renderCheckbox(e){const s=a(e,{[`${e}--disabled`]:this.dsDisabled,[`${e}--no-margin`]:!this.dsText}),i=a(`${e}__input`,{[`${e}__input--invalid`]:!!this.dsErrorText}),t=a(`${e}-error`,{[`${e}-error--visible`]:!!this.dsErrorText}),o=_("ds-input-validity","ds-checkbox",this.el),{"aria-label":c,"aria-describedby":h,"aria-invalid":l,...n}=this.inheritedAttributes,b=this.dsAriaDescribedby||h||[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" "),k=this.dsAriaLabel||c,x=this.dsErrorText?"true":l;return d(r,null,d("div",null,d("label",{id:this.labelId,class:s},d("input",{ref:e=>this.inputElement=e,type:"checkbox",class:i,id:this.dsId,name:this.dsName,form:this.dsForm,checked:this.internalChecked,indeterminate:this.dsIndeterminate,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onBlur:this.handleBlur,onFocus:this.handleFocus,onInvalid:this.handleInvalid,value:this.dsValue,disabled:this.dsDisabled,required:this.dsRequired,...u("aria-describedby",b),...u("aria-label",k),"aria-invalid":x,...n}),this.getCheckboxText())),!this.dsErrorsDisabled&&d("slot",{name:"validity"},d("div",{class:t},d(o,{id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}))))}renderFieldset(e){const s=a(`${e}-fieldset`),i=a(`${e}-fieldset__legend`),t=a(`${e}-fieldset__assistive-text`);return d("fieldset",{class:s},d("legend",{class:i},this.getLegendText()),this.dsAssistiveText&&d("small",{class:t,id:this.assistiveTextId},this.dsAssistiveText),this.renderCheckbox(e))}render(){const e=x("ds-checkbox");return this.dsLabel?this.renderFieldset(e):this.renderCheckbox(e)}static get formAssociated(){return!0}static get watchers(){return{"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}],dsChecked:[{dsCheckedObserver:0}],internalChecked:[{internalCheckedObserver:0}]}}static get style(){return".ds-checkbox__9el4Wy-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__9el4Wy-fieldset__legend.sc-ds-checkbox{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)}.ds-checkbox__9el4Wy-fieldset__assistive-text.sc-ds-checkbox{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox__9el4Wy.sc-ds-checkbox{font-family:var(--ds-fontFamily-body);box-sizing:border-box;color:var(--ds-textColor-default);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;user-select:none;width:auto;padding:var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-4xSmall);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox{appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox: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-checkbox__9el4Wy__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:hover,.ds-checkbox__9el4Wy__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__9el4Wy__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__9el4Wy__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__9el4Wy__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__9el4Wy__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__9el4Wy__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__9el4Wy__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__9el4Wy__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__9el4Wy__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__9el4Wy__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__9el4Wy__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:not(.ds-checkbox__9el4Wy__input--invalid):checked,.ds-checkbox__9el4Wy__input.sc-ds-checkbox:not(.ds-checkbox__9el4Wy__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:not(.ds-checkbox__9el4Wy__input--invalid):checked:hover,.ds-checkbox__9el4Wy__input.sc-ds-checkbox:not(.ds-checkbox__9el4Wy__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:not(.ds-checkbox__9el4Wy__input--invalid):checked:active,.ds-checkbox__9el4Wy__input.sc-ds-checkbox:not(.ds-checkbox__9el4Wy__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:not(.ds-checkbox__9el4Wy__input--invalid):checked:disabled,.ds-checkbox__9el4Wy__input.sc-ds-checkbox:not(.ds-checkbox__9el4Wy__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:checked::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>\")}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:indeterminate::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>\")}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:checked:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>\")}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:indeterminate:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>\")}.ds-checkbox__9el4Wy--no-margin.sc-ds-checkbox .ds-checkbox__9el4Wy__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__9el4Wy--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__9el4Wy__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__9el4Wy.sc-ds-checkbox:has(.ds-checkbox__9el4Wy__input:disabled){cursor:not-allowed}.ds-checkbox__9el4Wy-error.sc-ds-checkbox{display:flex}.ds-checkbox__9el4Wy-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}"}},[838,"ds-checkbox",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsForm:[1025,"ds-form"],dsId:[1,"ds-id"],dsName:[6145,"ds-name"],dsValue:[1,"ds-value"],dsChecked:[1028,"ds-checked"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsText:[1,"ds-text"],dsIndeterminate:[4,"ds-indeterminate"],dsDisabled:[1028,"ds-disabled"],dsErrorText:[1025,"ds-error-text"],dsErrorsDisabled:[1028,"ds-errors-disabled"],dsRequired:[1028,"ds-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"],dsAriaLabel:[1,"ds-aria-label"],dsAriaDescribedby:[1,"ds-aria-describedby"],groupInvalid:[32],hasFocus:[32],wasInvalidOnBlur:[32],internalChecked:[32],setDisableEventEmits:[64],setFocus:[64],checkValidity:[64]},void 0,{"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}],dsChecked:[{dsCheckedObserver:0}],internalChecked:[{internalCheckedObserver:0}]}]);function w(){"undefined"!=typeof customElements&&["ds-checkbox","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-checkbox":customElements.get(o(e))||customElements.define(o(e),W);break;case"ds-feedback":customElements.get(o(e))||f();break;case"ds-icon":customElements.get(o(e))||v();break;case"ds-input-validity":customElements.get(o(e))||y();break;case"ds-visually-hidden":customElements.get(o(e))||C()}}))}k([d("ds-input-validity",null)]);export{W as D,w as d}

package/dist/components/p-CJm4OADF.js

@@ -1 +0,0 @@
-import{p as s,M as e,c as t,f as i,h as o,d,t as l}from"./p-Clnflbiz.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as a,c,k as n,F as h,a as p,d as u}from"./p-Duz7I_DQ.js";import{s as _,h as b,i as v,l as m,w as g,f,r as y,j as x}from"./p-CTROETkT.js";import{c as w}from"./p-C7gqnikf.js";import{i as W,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 I}from"./p-BNucxURn.js";import{d as E}from"./p-DxvDtOKJ.js";import{d as S}from"./p-CFIMJWhN.js";import{d as $}from"./p-ClKrJiwF.js";import{d as F}from"./p-CkdOciiG.js";import{d as T}from"./p-DGgJGxC8.js";import{d as L}from"./p-BfHVqAwo.js";import{d as D}from"./p-Bf3RXIkB.js";import{d as R}from"./p-B3aF7xnN.js";import{d as A}from"./p-CQHlIDeK.js";import{d as z}from"./p-Db_yp4Ff.js";const V={dsPlaceholder:_},j=s(class extends(e(I("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||V.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),...W(this.el,this.isNative?["aria-describedby","aria-controls","aria-haspopup"]:["aria-haspopup","aria-expanded","aria-disabled","aria-labelledby","aria-describedby","aria-controls","aria-activedescendant"])}}componentDidLoad(){this.componentMounted(),this.isNative?this.internals?.setValidity({}):this.internals?.setValidity({valueMissing:this.dsRequired&&(!this.dsValue||Array.isArray(this.dsValue)&&0===this.dsValue.length)},b()),this.value=this.toValue(this.dsValue)}disconnectedCallback(){this.internals?.form&&!this.isNative&&this.el.removeEventListener("invalid",this.handleInvalid),this.debouncedResetFeedback.cancel()}get DsIcon(){return a("ds-icon","ds-select",this.el)}get DsInputValidity(){return a("ds-input-validity","ds-select",this.el)}get DsOption(){return a("ds-option","ds-select",this.el)}get DsFeedback(){return a("ds-feedback","ds-select",this.el)}customSelectRef;nativeSelectRef;handleEscEvent(s){this.selectedOptions.length>0&&"Tab"===s.detail.key?this.clearButtonRef?.setFocus():["Escape","Shift+Tab"].includes(s.detail.key)&&this.customSelectRef?.focus()}handleFocusIn(){this.hasFocus=!0}handleFocusOut(s){const e=s&&"relatedTarget"in s?s.relatedTarget:null;(!e||!this.el.contains(e))&&(this.activeIndex=null,this.hasFocus=!1,this.isOpen=!1,this.isNative||this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}async handleOptionClick(s){s&&!s.dsDisabled&&(this._setDisableEventEmits(!1),this.value=this.inValue(s.dsValue)&&this.isMultiple?this.withoutValue(s.dsValue):this.isMultiple?this.withValue(s.dsValue):this.toValue(s.dsValue),this.isMultiple||(this.activeIndex=null,this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus()))}toggleDropdown(){this.dsDisabled||(this.isOpen=!this.isOpen,this.isOpen||(this.activeIndex=null))}handleClearSelection(){this.dsDisabled||(this.activeIndex=null,this._setDisableEventEmits(!1),this.value=this.toValue(null),this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus())}handleKeyDown(s){"ArrowDown"!==s.key&&"ArrowUp"!==s.key&&"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.isOpen=!0,this.updateActiveIndex(),globalThis.requestAnimationFrame((()=>{const s=this.el.querySelector(`.${w("ds-options")}`);s?.focus()})))}getBadgeContainerWidthOffset=async()=>{if(!this.clearButtonRef||!this.badgeRef)return;await c(this.clearButtonRef),await c(this.badgeRef);const s=this.clearButtonRef.getBoundingClientRect().width||0,e=this.badgeRef.getBoundingClientRect().width||0;this.badgeContainerOffset=s&&e?s+e:null};getAllOptions(){return Array.from(this.el.querySelectorAll(this.DsOption))}getFocusIndex(){const s=this.getAllOptions();if(""!==this.getValueItem(0)?.trim()){const e=s.findIndex((s=>String(s.dsValue)===String(this.getValueItem(0))));if(-1!==e)return e}return s.findIndex((s=>!s.dsDisabled))}updateActiveIndex(){const s=this.getFocusIndex();-1!==s&&(this.activeIndex=s)}activeIndexObserver(s){const e=this.getAllOptions();this.activeOption=null===s?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))),l=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 r=this.getShouldEmit([l]);this._setDisableEventEmits(!0),r&&(this.dsMultipleChange.emit({values:t,added:d,removed:o}),this.dsChange.emit(t[0]||null)),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}hasFocusObserver(s){(s?this.dsFocus: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",v()));"dsLoading"===t&&s?this.appendFeedback(t,this.dsLoadingText||m()):"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},b()),this.selectedOptions=s,this.selectedOptionsLabel=s.length>0?(await Promise.all(s.map((s=>s.getLabel())))).join(", "):"",this.getBadgeContainerWidthOffset()};renderNativeSelect(){const s=a("ds-select-native","ds-select",this.el);return o(s,{dsId:this.dsId,dsLabel:this.dsLabel,dsPlaceholder:this.placeholder,dsIcon:this.dsIcon,dsIconSize:this.dsIconSize,dsName:this.dsName||this.dsId,dsDisabled:this.dsDisabled,dsErrorText:this.dsErrorText,dsRequired:this.dsRequired,dsFullWidth:this.dsFullWidth,dsAriaLabel:this.dsAriaLabel,dsValue:this.getValueItem(0)||"",onDsChange:s=>{this.value=this.toValue(s.detail)},onDsValidity:s=>{this.dsValidity.emit(s.detail)},onDsSubmitInvalid:s=>{this.dsSubmitInvalid.emit(s.detail)},...this.inheritedAttributes},o("slot",{name:"label"}),o("slot",{name:"native"}))}renderCustomSelect(s){const e=0===this.selectedOptions.length,t=`${this.dsId}-label`,i=`${this.dsId}-badge`,d=`${this.dsId}-selected-option`,l=[!!this.dsAssistiveText&&this.assistiveTextId,!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" ")||void 0,c=`ds-select-options-${this.dsId}`,n=`${s}-custom`,h=a("ds-badge","ds-select",this.el),p=a("ds-button","ds-select",this.el),u=a("ds-options","ds-select",this.el),_=a("ds-options-message","ds-select",this.el),b=a("ds-control-label","ds-select",this.el),v=y(!0);return o("div",{style:{"--badge-container-offset":this.badgeContainerOffset?`${this.badgeContainerOffset}px`:void 0}},o(b,{dsId:t,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,onClick:()=>{this.customSelectRef?.focus(),this.toggleDropdown()}},o("slot",{name:"label"})),o("div",{class:`${n}-wrapper`},o("div",{class:`${n}-input-container`},o("div",{id:this.dsId,ref:s=>this.customSelectRef=s,class:r(`${n}`,{[`${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":l,"aria-controls":c,"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:r(`${n}__selected-option__text`,{[`${n}__selected-option__text--none-selected`]:e,[`${n}__selected-option__text--disabled`]:this.dsDisabled})},this.selectedOptionsLabel||this.placeholder)),o(this.DsIcon,{ref:s=>this.iconRef=s,class:r(`${n}__dropdown-icon`,{[`${n}__dropdown-icon--has-clear-button`]:this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled}),dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"})),this.isMultiple&&this.selectedOptions?.length>0&&o("div",{class:`${n}__badge-container`},o(h,{ref:s=>this.badgeRef=s,dsId:i,dsText:`${this.selectedOptions.length}`,dsHiddenAssistiveText:x()})),this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled&&o(p,{ref:s=>this.clearButtonRef=s,class:`${n}__clear-button`,dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:v,dsIconAriaLabel:v,onClick:s=>{s.stopPropagation(),this.handleClearSelection()},onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),s.stopPropagation(),this.handleClearSelection())},dsAriaLabel:v,dsAriaDescribedby:d,dsInInput:!0,dsNoFocusRing:!0})),o("div",{id:c,class:{[`${n}__options-container`]:!0,[`${n}__options-container--open`]:this.isOpen},onClick:s=>{const e=s.target.closest(this.DsOption);this.handleOptionClick(e)}},o(_,{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=w("ds-select"),e=`${s}__host`;return o(d,{key:"35e1b9c4f7ea428b4f3ca1c80c8946c7632d6585",class:r(e,{[`${e}--full-width`]:this.dsFullWidth}),...p("name",this.isNative?void 0:this.dsName)},o("div",{key:"0461f70215a1adeca24e139a4033b538090c8c73",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__9el4Wy__host.sc-ds-select-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){.ds-select__9el4Wy__host.sc-ds-select-h{width:var(--ds-select-wide-width, 20rem)}}.ds-select__9el4Wy__host.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}@media (min-width: 30rem){.ds-select__9el4Wy__host--full-width.sc-ds-select-h{width:var(--ds-select-narrow-width, 100%)}}.ds-select__9el4Wy-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__9el4Wy-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__9el4Wy-custom-wrapper.sc-ds-select{position:relative}.ds-select__9el4Wy-custom.sc-ds-select .ds-options__9el4Wy.sc-ds-select{display:block}.ds-select__9el4Wy-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__9el4Wy-custom-input-container.sc-ds-select:has(.ds-select__9el4Wy-custom__clear-button:hover) .ds-select__9el4Wy-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__9el4Wy-custom.sc-ds-select:not(.ds-select__9el4Wy-custom--open,.ds-select__9el4Wy-custom--invalid.sc-ds-select,.ds-select__9el4Wy-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__9el4Wy-custom.sc-ds-select:active:not(.ds-select__9el4Wy-custom--open,.ds-select__9el4Wy-custom--invalid.sc-ds-select,.ds-select__9el4Wy-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__9el4Wy-custom--open.sc-ds-select,.ds-select__9el4Wy-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__9el4Wy-custom--open.sc-ds-select:not(.ds-select__9el4Wy-custom--open--invalid,.ds-select__9el4Wy-custom.sc-ds-select:focus-visible--invalid),.ds-select__9el4Wy-custom.sc-ds-select:focus-visible:not(.ds-select__9el4Wy-custom--open--invalid,.ds-select__9el4Wy-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__9el4Wy-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__9el4Wy-custom--disabled.sc-ds-select .ds-select__9el4Wy-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__9el4Wy-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__9el4Wy-custom--invalid.sc-ds-select:not(.ds-select__9el4Wy-custom--invalid--open,.ds-select__9el4Wy-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__9el4Wy-custom--invalid.sc-ds-select:not(.ds-select__9el4Wy-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__9el4Wy-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__9el4Wy-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__9el4Wy-custom--has-icon.sc-ds-select .ds-select__9el4Wy-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__9el4Wy-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__9el4Wy-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__9el4Wy-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__9el4Wy-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__9el4Wy-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__9el4Wy-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__9el4Wy-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__9el4Wy-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__9el4Wy-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__9el4Wy-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__9el4Wy-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__9el4Wy-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__9el4Wy-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__9el4Wy-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__9el4Wy-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__9el4Wy-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__9el4Wy-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__9el4Wy-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__9el4Wy-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__9el4Wy-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__9el4Wy-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__9el4Wy-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__9el4Wy-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 B(){"undefined"!=typeof customElements&&["ds-select","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-options","ds-select-native","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-select":customElements.get(l(s))||customElements.define(l(s),j);break;case"ds-assistive-text":customElements.get(l(s))||E();break;case"ds-button":customElements.get(l(s))||S();break;case"ds-control-label":customElements.get(l(s))||$();break;case"ds-feedback":customElements.get(l(s))||F();break;case"ds-icon":customElements.get(l(s))||T();break;case"ds-input-validity":customElements.get(l(s))||L();break;case"ds-options":customElements.get(l(s))||D();break;case"ds-select-native":customElements.get(l(s))||R();break;case"ds-spinner":customElements.get(l(s))||A();break;case"ds-visually-hidden":customElements.get(l(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{j as D,B as d}

package/dist/components/p-CLejL_HF.js

@@ -1 +0,0 @@
-import{p as t,M as s,c as e,h as o,t as a}from"./p-Clnflbiz.js";import{c as d}from"./p-C7gqnikf.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as n,d as r}from"./p-Duz7I_DQ.js";import{t as l}from"./p-D0sPlQo8.js";import{g as c,d as b}from"./p-DGgJGxC8.js";import{c as h}from"./p-BNucxURn.js";const f=t(class extends(s(h("ds-tab"),l)){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;dsIconEnd;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 c(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});return o("div",{key:"0a6c6d728f3cd2a94607841b48bbe3175ce8eb9c",ref:t=>this.tabElement=t,class:e,role:"tab","aria-controls":this.dsTabPanelId,"aria-selected":String(s),tabIndex:s?0:-1},o("div",{key:"74dda6d84b96ba52bd27d7d26981dd0ac6aefa8d",class:`${t}__content`},o("slot",{key:"d86cfa386a03900c9fc4ef8d8742b06ddbe1b894",name:"prefix",onSlotchange:this.checkPrefixSlot},!this.hasPrefixSlot&&this.dsIconStart&&o(this.DsIcon,{key:"8fefb92b506fdb891d0ae2e0b09e9e88ca3c3781",dsName:this.dsIconStart})),o("slot",{key:"bfac3a742edef0839bfc7e4d172fc4c494ead1f2",name:"content",onSlotchange:this.checkContentSlot},!this.hasContentSlot&&o("span",{key:"59accad649404c11f74b4883e3296286871cb323"},this.dsText)),o("slot",{key:"b3816680181748f8a3726066657ae832eb2698e4",name:"suffix",onSlotchange:this.checkSuffixSlot},!this.hasSuffixSlot&&this.dsIconEnd&&o(this.DsIcon,{key:"4a1c073f90003442bd88aaa1ec4bb77925ea5aed",dsName:this.dsIconEnd,dsColour: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__9el4Wy.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__9el4Wy.sc-ds-tab{font-size:var(--ds-fontSize-18)}}.ds-tab__9el4Wy--selected.sc-ds-tab,.ds-tab__9el4Wy.sc-ds-tab:hover:not(.ds-tab__9el4Wy--selected),.ds-tab__9el4Wy.sc-ds-tab:active:not(.ds-tab__9el4Wy--selected){color:var(--ds-textColor-default)}.ds-tab__9el4Wy--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__9el4Wy--container.ds-tab__9el4Wy--selected.sc-ds-tab{background-color:var(--ds-bgColor-white)}.ds-tab__9el4Wy--container.ds-tab__9el4Wy--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__9el4Wy--container.ds-tab__9el4Wy--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__9el4Wy--container.sc-ds-tab:hover:not(.ds-tab__9el4Wy--selected){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-tab__9el4Wy--container.sc-ds-tab:active:not(.ds-tab__9el4Wy--selected){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-tab__9el4Wy--line.sc-ds-tab:focus-visible .ds-tab__9el4Wy__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__9el4Wy--line.ds-tab__9el4Wy--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__9el4Wy--line.sc-ds-tab:hover:not(.ds-tab__9el4Wy--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__9el4Wy--line.sc-ds-tab:active:not(.ds-tab__9el4Wy--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__9el4Wy.sc-ds-tab .ds-tab__9el4Wy__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"],dsIconEnd:[1,"ds-icon-end"],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 u(){"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,u as d}

package/dist/components/p-CMH0Guj4.js

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

package/dist/components/p-CQHlIDeK.js

@@ -1 +0,0 @@
-import{p as e,M as s,h as t,t as i}from"./p-Clnflbiz.js";import{i as d,a as n}from"./p-5l5qZ1Ad.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as a,d as o}from"./p-Duz7I_DQ.js";import{c as l}from"./p-C7gqnikf.js";import{c as f}from"./p-BNucxURn.js";import{d as g}from"./p-Db_yp4Ff.js";const p={small:10,medium:14,large:20,xLarge:28,"2xLarge":40},m={small:"ds-text-regular-xs",medium:"ds-text-regular-sm",large:"ds-text-regular-md",xLarge:"ds-text-regular-lg","2xLarge":"ds-text-regular-xl"},h={blue:"var(--ds-palette-mainBlue-70)",black:"var(--ds-palette-black-95)",white:"var(--ds-palette-white)",danger:"var(--ds-palette-red-70)"},c=e(class extends(s(f("ds-spinner"))){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}inheritedAttributes={};get el(){return this}dsText;dsSize="medium";dsCustomSize;dsCustomTextSize;dsTextPosition="below";dsColour="blue";dsUseRoleAlert=!1;dsUseAriaLive=!1;dsHiddenAssistiveText;componentWillLoad(){this.inheritedAttributes={...n(this,this.el),...d(this.el,["role","aria-live"])}}componentDidLoad(){this.componentMounted()}render(){const e=p[this.dsSize],s=this.dsCustomSize?"":m[this.dsSize],i=h[this.dsColour],d=l("ds-spinner"),n=r(d,{[`${d}--${this.dsSize}`]:!this.dsCustomSize,[`${d}--custom`]:!!this.dsCustomSize,[`${d}--${this.dsTextPosition}`]:!!this.dsText}),o=r(`${d}__text`,s,`${d}__text--${this.dsColour}`),f=e=>r(`${d}__segment`,`${d}__segment--${e}`),g=a("ds-visually-hidden","ds-spinner",this.el);return t("div",{key:"22d731a3381debe084f5caabf7f4f62f50c4caf4",role:this.dsUseRoleAlert?"alert":void 0,"aria-live":this.dsUseAriaLive?"polite":void 0,class:n,style:{"--spinner-size":this.dsCustomSize?`calc(${this.dsCustomSize} / 1.5833333333)`:`${e}px`,"--spinner-color":`${i}`,"--spinner-border-color":"white"==this.dsColour?"var(--ds-overlay-white-15)":"transparent"},...this.inheritedAttributes},t("div",{key:"0e415eeb1da1e4cce51c5fe6c8e212d6b4c3fe7f",class:`${d}__spinner`},t("div",{key:"f427fc3b0ee1a7f00014bc8f720710392bd1ffda",class:f(1)}),t("div",{key:"796c7e0d493f524df33dd2995c7cd0b863a98499",class:f(2)}),t("div",{key:"e2959d5b0d51e0463fcf9659e6d4090bba44f2ac",class:f(3)})),this.dsHiddenAssistiveText&&t(g,{key:"3fdb1904b5edfc746ae25e7d2dcb4dd5cd9d6b7a"},t("span",{key:"458410c6e7d5ef61f206993f44a842210de48838"},this.dsHiddenAssistiveText)),this.dsText&&t("span",{key:"e6f7214438611d6d944882c39d3ff7687331bb53",class:o,style:{fontSize:this.dsCustomTextSize}},this.dsText))}static get style(){return".ds-font{}.ds-font-heading{font-family:var(--ds-fontFamily-heading)}.ds-font-body{font-family:var(--ds-fontFamily-body)}.ds-font{}.ds-font-regular{font-weight:var(--ds-fontWeight-regular)}.ds-font-semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-font-semibold-plus{font-weight:var(--ds-fontWeight-semiboldPlus)}.ds-font-bold{font-weight:var(--ds-fontWeight-bold)}.ds-tracking-xs{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking-sm{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking-md{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking-lg{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking-xl{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading-sm{line-height:var(--ds-lineHeight-small)}.ds-leading-md{line-height:var(--ds-lineHeight-medium)}.ds-leading-lg{line-height:var(--ds-lineHeight-large)}.ds-leading-xl{line-height:var(--ds-lineHeight-xLarge)}.ds-width-md{font-stretch:var(--ds-fontWidth-normal)}.ds-width-sm{font-stretch:var(--ds-fontWidth-condense)}.ds-number-proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph-16{margin-bottom:var(--ds-marginBottom, 16px)}.ds-paragraph-20{margin-bottom:var(--ds-marginBottom, 20px)}.ds-paragraph-width-optimal{max-width:var(--ds-paragraphWidth-optimal)}.ds-list-spacing{gap:4px}.ds-text-color-default{color:var(--ds-textColor-default)}.ds-text{}.ds-text-regular-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text{}.ds-text-semibold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text{}.ds-text-bold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-spinner__9el4Wy{display:inline-block}.ds-spinner__9el4Wy:has(.ds-spinner__9el4Wy__text){display:inline-flex;align-items:center;gap:calc(var(--spinner-size) / 2)}.ds-spinner__9el4Wy{}.ds-spinner__9el4Wy--small{padding:1.5px}.ds-spinner__9el4Wy--medium{padding:3px}.ds-spinner__9el4Wy--large{padding:3px}.ds-spinner__9el4Wy--xLarge{padding:5.5px}.ds-spinner__9el4Wy--2xLarge{padding:5.5px}.ds-spinner__9el4Wy--custom{padding:calc(var(--spinner-size) / 8)}.ds-spinner__9el4Wy{}.ds-spinner__9el4Wy--below{flex-direction:column;align-items:center}.ds-spinner__9el4Wy--right{flex-direction:row;align-items:center}.ds-spinner__9el4Wy__spinner{width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border-radius:50%;border:calc(var(--spinner-size, 24px) / 6) solid var(--ds-borderColor-disabled-onLight);position:relative;display:flex;align-items:center;justify-content:center}.ds-spinner__9el4Wy__text{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body)}.ds-spinner__9el4Wy__text--white{color:var(--ds-textColor-white)}.ds-spinner__9el4Wy__segment{display:block;position:absolute;width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border:calc(var(--spinner-size, 24px) / 6) solid var(--spinner-color, #005a94);border-radius:50%;animation:ds-spinner-rotate 1.1s cubic-bezier(0.7, 0.15, 0.3, 0.8) infinite;border-color:var(--spinner-color, #005a94) var(--spinner-border-color) var(--spinner-border-color) var(--spinner-border-color)}.ds-spinner__9el4Wy__segment--1{animation-delay:-0.3s}.ds-spinner__9el4Wy__segment--2{animation-delay:-0.2s}.ds-spinner__9el4Wy__segment--3{animation-delay:-0.1s}@keyframes ds-spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ds-spinner__9el4Wy__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__9el4Wy__segment--1{animation-delay:-0.6s}.ds-spinner__9el4Wy__segment--2{animation-delay:-0.4s}.ds-spinner__9el4Wy__segment--3{animation-delay:-0.2s}}"}},[513,"ds-spinner",{dsText:[1,"ds-text"],dsSize:[1,"ds-size"],dsCustomSize:[1,"ds-custom-size"],dsCustomTextSize:[1,"ds-custom-text-size"],dsTextPosition:[1,"ds-text-position"],dsColour:[1,"ds-colour"],dsUseRoleAlert:[4,"ds-use-role-alert"],dsUseAriaLive:[4,"ds-use-aria-live"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"]}]);function v(){"undefined"!=typeof customElements&&["ds-spinner","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-spinner":customElements.get(i(e))||customElements.define(i(e),c);break;case"ds-visually-hidden":customElements.get(i(e))||g()}}))}o([t("ds-visually-hidden",null)]);export{c as D,v as d}

package/dist/components/p-CTROETkT.js

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

package/dist/components/p-CcSv4ilj.js

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