npm - @uh-design-system/component-library - Versions diffs - 0.7.1 → 0.7.2-rc.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1575) hide show

package/dist/component-library/ds-options-message.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{h as e,r as s,a as t}from"./index-CweVEfzR.js";import{g as a}from"./index-DoxslvGO.js";import{w as o,t as r,l,n as d,d as i,e as n}from"./controlUtils-BJyRJHcK.js";import{d as v,t as c}from"./utils-hnAo1pVs.js";const g=class{constructor(e){s(this,e)}get el(){return t(this)}dsLoading=!1;dsError=!1;dsNoResults=!1;dsErrorTitle=o();dsErrorText=r();dsLoadingText=l();dsNoResultsTitle=d();dsNoResultsText=i();render(){const s=c("ds-icon","ds-options-message",this.el),t=c("ds-spinner","ds-options-message",this.el),o=c("ds-visually-hidden","ds-options-message",this.el),r="ds-options-message",l=`${r}__error`,d=`${r}__loading`,i=`${r}__no-results`;return e("div",{key:"bc45f7277c4b41c7abf84d84ca96f276bbe4ec5b",role:"status","aria-live":"polite","aria-atomic":"true"},this.dsLoading||this.dsError||this.dsNoResults?e("div",{class:r},this.dsError?e("div",{class:l},e(s,{dsName:"warning",dsSize:"2rem",class:`${l}__icon`}),e("div",{class:`${l}__title`},this.dsErrorTitle),e("div",{class:`${l}__text`},this.dsErrorText)):this.dsLoading?e("div",{class:d},e(t,{dsSize:"large"}),e("div",{class:`${d}__text`},this.dsLoadingText)):e("div",{class:i},e("div",{class:`${i}__title`,lang:a()},this.dsNoResultsTitle),e("div",{class:`${i}__text`},this.dsNoResultsText))):e(o,null,n()))}};v([e("ds-icon",null),e("ds-spinner",null),e("ds-visually-hidden",null)]),g.style=".sc-ds-options-message:root,.sc-ds-options-message-h{--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-palette-white);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-50);--ds-borderColor-success:var(--ds-palette-green-50);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-50);--ds-borderColor-attention:var(--ds-palette-yellow-50)}.ds-options-message.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center}.ds-options-message__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__error__title.sc-ds-options-message,.ds-options-message__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__error__text.sc-ds-options-message,.ds-options-message__loading__text.sc-ds-options-message,.ds-options-message__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}.ds-options-message__loading__text.sc-ds-options-message{padding-top:var(--ds-spacing-2xSmall);padding-bottom:var(--ds-spacing-large);text-align:center}";export{g as ds_options_message}

package/dist/component-library/ds-options_2.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{h as e,r as t,c as s,a as o}from"./index-CweVEfzR.js";import{d as r,t as l,i as a}from"./utils-hnAo1pVs.js";import{c as i}from"./index-BfTCfPZ1.js";const d=class{constructor(e){t(this,e),this.dsOptionsEsc=s(this,"dsOptionsEsc"),this.dsOptionsActiveIndexChange=s(this,"dsOptionsActiveIndexChange")}get el(){return o(this)}optionsListRef;optionsListInnerRef;dsId;dsSelectedValue;dsOptions=[];dsActiveIndex=0;dsLabelId;dsLoading=!1;dsLoadingText="Loading options...";dsOptionsEsc;dsOptionsActiveIndexChange;onActiveIndexChange(){setTimeout((()=>this.focusActiveOption()),0)}componentDidLoad(){this.updateScrimClasses()}componentDidUpdate(){this.updateScrimClasses()}handleScroll=()=>{this.updateScrimClasses()};updateScrimClasses=()=>{const e=this.optionsListRef,t=this.optionsListInnerRef;if(!e||!t)return;const s=0===t.scrollTop,o=Math.ceil(t.scrollTop+t.clientHeight)>=t.scrollHeight;e.classList.toggle("has-top-scrim",!s),e.classList.toggle("has-bottom-scrim",!o),e.querySelectorAll(".group-label").forEach((s=>{const o=s.getBoundingClientRect(),r=e.getBoundingClientRect();t.scrollTop>0&&o.top<=r.top&&o.bottom>r.top?s.classList.add("shadow"):s.classList.remove("shadow")}))};get DsOptionTag(){return l("ds-option","ds-options",this.el)}focusActiveOption(){const e=Array.from(this.el.querySelectorAll(this.DsOptionTag));e[this.dsActiveIndex]&&e[this.dsActiveIndex].focus()}handleKeyDown=e=>{const t=Array.from(this.el.querySelectorAll(this.DsOptionTag));if(!t.length)return;let s=this.dsActiveIndex;if("ArrowDown"===e.key){e.preventDefault();let o=0;do{if(s=(s+1)%t.length,o++,o>2*t.length)break}while(t[s].dsDisabled&&s!==this.dsActiveIndex);this.dsActiveIndex=s,this.dsOptionsActiveIndexChange.emit(this.dsActiveIndex)}if("ArrowUp"===e.key){e.preventDefault();let o=0;do{if(s=(s-1+t.length)%t.length,o++,o>2*t.length)break}while(t[s].dsDisabled&&s!==this.dsActiveIndex);this.dsActiveIndex=s,this.dsOptionsActiveIndexChange.emit(this.dsActiveIndex)}if("Enter"===e.key||" "===e.key){e.preventDefault();const s=t[this.dsActiveIndex];s&&!s.dsDisabled&&s.click()}if("Tab"===e.key){const e=t[this.dsActiveIndex];e&&!e.dsDisabled&&(e.click(),this.dsOptionsEsc.emit())}"Escape"===e.key&&(e.preventDefault(),this.dsOptionsEsc.emit())};dsOptionsError=!1;dsOptionsErrorTitle="We couldn’t load the options";dsOptionsErrorText="Try again or if the problem persists contact support.";render(){const t=l("ds-icon","ds-options",this.el),s=l("ds-spinner","ds-options",this.el);return e("div",{key:"14cb98aa2c547dff59858bbbc7be8865523e7c7a",id:this.dsId,class:"options-list",role:"listbox",tabindex:0,"aria-labelledby":this.dsLabelId,onKeyDown:this.handleKeyDown,ref:e=>this.optionsListRef=e,onScroll:this.handleScroll,onFocus:this.updateScrimClasses},e("slot",{key:"742bef67faea9b6b97cb20784be1c3116c3bd896",name:"groups"}),e("div",{key:"0b3463b06faac8bf302d065e209789d0cd1f023c",class:"options-list-inner",ref:e=>this.optionsListInnerRef=e,onScroll:this.handleScroll},e("div",{key:"9af505259c0cd9f0e4102db26f2d3dd3dfd61a11",class:"top-scrim","aria-hidden":"true"}),this.dsOptionsError?e("div",{class:"options-error"},e(t,{dsName:"warning",dsSize:"2rem",class:"options-error-icon"}),e("div",{class:"options-error--error-message"},e("div",{class:"options-error--error-title"},this.dsOptionsErrorTitle),e("div",{class:"options-error--error-text"},this.dsOptionsErrorText))):this.dsLoading?e("div",{class:"options-loading"},e(s,{dsSize:"large"}),e("div",{class:"options-loading--loading-text"},this.dsLoadingText)):e("slot",null),e("div",{key:"0587f561552f1634a572ed5a09529cb8fecacb0f",class:"bottom-scrim","aria-hidden":"true"})))}static get watchers(){return{dsActiveIndex:["onActiveIndexChange"]}}};r([e("ds-icon",null),e("ds-spinner",null)]),d.style=".sc-ds-options:root,.sc-ds-options-h{--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-palette-white);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-50);--ds-borderColor-success:var(--ds-palette-green-50);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-50);--ds-borderColor-attention:var(--ds-palette-yellow-50)}.options-list-inner.sc-ds-options,.options-loading.sc-ds-options,.options-error.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.options-list.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0}.options-list.sc-ds-options:focus{outline:none}.options-list-inner.sc-ds-options,.options-loading.sc-ds-options,.options-error.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.options-loading.sc-ds-options,.options-error.sc-ds-options{height:18.5rem;align-items:center;justify-content:center}.options-loading--loading-text.sc-ds-options{padding-top:var(--ds-spacing-2xSmall);padding-bottom:var(--ds-spacing-large);text-align:center}.options-error.sc-ds-options{color:var(--ds-textColor-danger)}.options-error--error-message.sc-ds-options{color:var(--ds-textColor-default);text-align:center}.options-error--error-title.sc-ds-options{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.options-error--error-text.sc-ds-options{padding-bottom:var(--ds-spacing-small)}.top-scrim.sc-ds-options,.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}.top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.options-list.has-top-scrim.sc-ds-options .top-scrim.sc-ds-options{display:block}.options-list.has-bottom-scrim.sc-ds-options .bottom-scrim.sc-ds-options{display:block}li.sc-ds-options{cursor:pointer}li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";const n=a("ds-select"),c=class{constructor(e){t(this,e),this.dsChange=s(this,"dsChange")}get el(){return o(this)}dsId=n.next().value;dsTitle="Default Select";dsPlaceholder="Select an option";dsVariant="default";dsClearable=!0;dsDisabled=!1;dsInvalid=!1;dsErrorText="";dsIcon;dsValue=null;dsLoading=!1;dsLoadingText="Loading options...";dsOptionsError=!1;dsOptionsErrorTitle="We couldn’t load the options";dsOptionsErrorText="Try again or if the problem persists contact support.";selectedOption=null;isOpen=!1;activeIndex=null;inputValidityId=`${this.dsId}-validity`;dsChange;connectedCallback(){this.el.addEventListener("focusout",this.handleFocusOut)}componentDidLoad(){this.updateSelectedOptionFromValue(this.dsValue)}disconnectedCallback(){this.el.removeEventListener("focusout",this.handleFocusOut)}get DsIconTag(){return l("ds-icon","ds-select",this.el)}get DsInputValidityTag(){return l("ds-input-validity","ds-select",this.el)}get DsOptionTag(){return l("ds-option","ds-select",this.el)}customSelectRef;nativeSelectRef;handleFocusOut=e=>{const t=e&&"relatedTarget"in e?e.relatedTarget:null;!this.isOpen||t&&this.el.contains(t)||(this.isOpen=!1)};handleOptionSelect(e){this.dsDisabled||(this.selectedOption=e.label,this.dsValue=e.dsValue,this.isOpen=!1,this.dsChange.emit(e.dsValue))}selectOption(e){if(!e)return;if(e.dsDisabled)return;const t=e.querySelector(".option-label");let s="";if(t){const e=t.querySelector(".option-description");s=e?t.textContent?.replace(e.textContent||"","").trim()||"":t.textContent?.trim()||""}else s=e.textContent?.trim()||"";this.selectedOption=s,this.dsValue=e.dsValue;const o=this.getAllOptions().findIndex((t=>String(t.dsValue)===String(e.dsValue)));-1!==o&&(this.activeIndex=o),this.isOpen=!1,this.dsChange.emit(e.dsValue);const r=this.el.querySelector(`[id="${this.dsId}"]`);r?.focus()}toggleDropdown(){this.dsDisabled||(this.isOpen=!this.isOpen,this.isOpen&&setTimeout((()=>{const e=this.getAllOptions();let t=0;if(this.dsValue){const s=e.findIndex((e=>String(e.dsValue)===String(this.dsValue)));t=-1!==s?s:0}else{const s=e.findIndex((e=>!e.dsDisabled));t=-1!==s?s:0}this.activeIndex=t,this.scrollToActiveOption();const s=this.el.querySelectorAll(this.DsOptionTag)[this.activeIndex];s?.focus()}),0))}handleClearSelection(){if(this.dsDisabled)return;this.selectedOption=null,this.dsValue=null;const e=this.getAllOptions().findIndex((e=>!e.dsDisabled));this.activeIndex=-1!==e?e:0,this.isOpen=!1,this.dsChange.emit(null);const t=this.el.querySelector(`[id="${this.dsId}"]`);t?.focus()}handleScroll(e){const t=e.target,s=0===t.scrollTop,o=Math.ceil(t.scrollTop+t.clientHeight)>=t.scrollHeight;s?t.classList.remove("scrolled-up"):t.classList.add("scrolled-up"),o?t.classList.remove("scrolled-down"):t.classList.add("scrolled-down"),t.querySelectorAll(".group").forEach((e=>{const s=e.querySelector(".option"),o=e.querySelector(".group-label");if(!s||!o)return;const r=s.getBoundingClientRect().top,l=o.getBoundingClientRect().bottom,a=t.getBoundingClientRect().top;r<l&&a<l?(o.classList.add("shadow"),s.style.marginTop=l-r+"px"):(o.classList.remove("shadow"),s.style.marginTop="")}))}handleKeyDown(e){if(!this.isOpen&&("ArrowDown"===e.key||"ArrowUp"===e.key||"Enter"===e.key||" "===e.key)){e.preventDefault(),this.isOpen=!0;const t=this.getAllOptions();let s=0;if(this.dsValue){const e=t.findIndex((e=>String(e.dsValue)===String(this.dsValue)));s=-1!==e?e:0}else{const e=t.findIndex((e=>!e.dsDisabled));s=-1!==e?e:0}this.activeIndex=s,this.scrollToActiveOption(),setTimeout((()=>{const e=this.el.querySelector(".options-list");e?.focus()}),0)}}scrollToActiveOption(){if(null===this.activeIndex)return;const e=this.el.querySelector(".options-list"),t=e?.querySelectorAll(".option");if(!t||this.activeIndex>=t.length)return;const s=t[this.activeIndex];s&&(s.focus(),s.scrollIntoView({behavior:"instant",block:"center"}))}getAllOptions(){return Array.from(this.el.querySelectorAll(this.DsOptionTag))}handleActiveIndexChange(){this.updateOptionStates()}handleDsValueChange(e){this.updateOptionStates(),setTimeout((()=>{this.updateSelectedOptionFromValue(e)}),0)}updateOptionStates(){this.getAllOptions().forEach(((e,t)=>{e.dsActive=t===this.activeIndex,e.dsSelected=e.dsValue===this.dsValue,t===this.activeIndex?e.setAttribute("active",""):e.removeAttribute("active"),e.dsValue===this.dsValue?e.setAttribute("selected",""):e.removeAttribute("selected")}))}updateSelectedOptionFromValue(e){if(null===e)return void(this.selectedOption=null);const t=this.getAllOptions(),s=t.find((t=>String(t.dsValue)===String(e)));if(s){const o=s.querySelector(".option-label");let r="";if(o){const e=o.querySelector(".option-description");r=e?o.textContent?.replace(e.textContent||"","").trim()||"":o.textContent?.trim()||""}else r=s.textContent?.trim()||"";this.selectedOption=r;const l=t.findIndex((t=>String(t.dsValue)===String(e)));-1!==l&&(this.activeIndex=l)}else this.selectedOption=null}renderNativeSelect(){const t=this.dsErrorText?this.inputValidityId:void 0,s=this.dsId||`${this.inputValidityId}-select`,o="native-select-wrapper";return e("div",null,this.dsTitle&&e("label",{class:"select-title",htmlFor:s},this.dsTitle),e("div",{class:i(`${o}`,{[`${o}--disabled`]:this.dsDisabled,[`${o}--invalid`]:!!this.dsErrorText}),onClick:()=>{if(!this.dsDisabled){const e=this.nativeSelectRef;e&&(e.focus(),e.click())}}},e("div",{class:"selected-text","aria-hidden":"true"},this.selectedOption||this.dsPlaceholder||"Select an option"),e("select",{ref:e=>this.nativeSelectRef=e,id:s,class:"native-select",disabled:this.dsDisabled,required:!!this.dsErrorText,"aria-describedby":t,"aria-controls":`${s}-listbox`,"aria-haspopup":"listbox",onInput:e=>{const t=e.target;this.dsValue=t.value,this.selectedOption=t.selectedOptions[0]?.textContent||"",this.dsChange.emit(t.value)}},e("option",{value:"",disabled:!0,selected:!this.selectedOption},this.dsPlaceholder||"Select an option"),e("slot",{name:"native"})),e(this.DsIconTag,{class:"dropdown-icon",dsName:"keyboard_arrow_down"})),!!this.dsErrorText&&e(this.DsInputValidityTag,{id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}))}renderCustomSelect(){const t=!this.selectedOption,s=this.dsId||`${this.inputValidityId}-custom-select`,o=`${s}-label`,r=this.dsErrorText?this.inputValidityId:void 0,a=`ds-select-options-${s}`,d="custom-select",n=l("ds-button","ds-select",this.el),c=l("ds-options","ds-select",this.el);return e("div",null,this.dsTitle&&e("div",{class:"select-title-wrapper"},e("label",{id:o,class:"select-title",htmlFor:s,onClick:()=>{const e=this.customSelectRef;e?.focus(),this.toggleDropdown()}},this.dsTitle)),e("div",{class:"custom-select-wrapper",style:{position:"relative"}},e("div",{id:s,ref:e=>this.customSelectRef=e,class:i(`${d}`,{[`${d}--open`]:this.isOpen,[`${d}--none-selected`]:t,[`${d}--disabled`]:this.dsDisabled,[`${d}--invalid`]:!!this.dsErrorText,[`${d}--has-icon`]:!!this.dsIcon}),tabIndex:this.dsDisabled?-1:0,role:"combobox","aria-haspopup":"listbox","aria-expanded":String(this.isOpen),"aria-disabled":String(this.dsDisabled),"aria-labelledby":o,"aria-describedby":r,"aria-controls":a,"aria-activedescendant":null!==this.activeIndex?`${s}-option-${this.activeIndex}`:void 0,onClick:()=>{this.dsDisabled||this.toggleDropdown()},onKeyDown:e=>{this.dsDisabled||this.handleKeyDown(e)}},e("div",{class:"selected-option"},this.dsIcon&&e(this.DsIconTag,{class:"placeholder-icon",dsName:this.dsIcon}),this.selectedOption||this.dsPlaceholder||"Select an option"),this.dsClearable&&this.selectedOption&&!this.dsDisabled&&e(n,{class:"clear-button",dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",onClick:e=>{e.stopPropagation(),this.handleClearSelection()},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),this.handleClearSelection())},"aria-label":"Clear selection"}),e(this.DsIconTag,{class:"dropdown-icon",dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"})),e("div",{id:a,class:"options-container",onClick:e=>{const t=e.target.closest(this.DsOptionTag);t&&!t.dsDisabled&&this.selectOption(t)}},e(c,{dsActiveIndex:this.activeIndex,onDsOptionsActiveIndexChange:e=>this.activeIndex=e.detail,onDsOptionsEsc:()=>{this.isOpen=!1},dsLabelId:o,dsLoading:this.dsLoading,dsLoadingText:this.dsLoadingText,dsOptionsError:this.dsOptionsError,dsOptionsErrorTitle:this.dsOptionsErrorTitle,dsOptionsErrorText:this.dsOptionsErrorText},e("slot",null)))),!!this.dsErrorText&&e(this.DsInputValidityTag,{id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}))}render(){return e("div",{key:"ea977586362c2f69257e0bb0fcdb8bfacd0d8ac8",tabIndex:-1,onFocusout:this.handleFocusOut},"native"===this.dsVariant?this.renderNativeSelect():this.renderCustomSelect())}static get watchers(){return{activeIndex:["handleActiveIndexChange"],dsValue:["handleDsValueChange"]}}};r([e("ds-icon",null),e("ds-input-validity",null),e("ds-button",null),e("ds-options",null)]),c.style=".sc-ds-select:root,.sc-ds-select-h{--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-palette-white);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-50);--ds-borderColor-success:var(--ds-palette-green-50);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-50);--ds-borderColor-attention:var(--ds-palette-yellow-50)}.sc-ds-select:root,.sc-ds-select-h{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.native-select-wrapper.sc-ds-select,.custom-select.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:2.75rem;width:100%}.disabled.native-select-wrapper.sc-ds-select,.disabled.custom-select.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}.disabled.native-select-wrapper.sc-ds-select .dropdown-icon.sc-ds-select,.disabled.custom-select.sc-ds-select .dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.invalid.native-select-wrapper.sc-ds-select,.invalid.custom-select.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.invalid.native-select-wrapper.sc-ds-select:not(.open):not(.disabled):active,.invalid.custom-select.sc-ds-select:not(.open):not(.disabled):active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.native-select-wrapper.sc-ds-select:not(.open):not(.invalid):not(.disabled):hover,.custom-select.sc-ds-select:not(.open):not(.invalid):not(.disabled):hover{background-color:var(--ds-bgColor-white-hover)}.custom-select.sc-ds-select .selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall)}.custom-select.sc-ds-select .placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.custom-select--open.sc-ds-select+.options-container.sc-ds-select{display:block;box-shadow:0rem var(--ds-spacing-4xSmall) var(--ds-spacing-3xSmall) calc(-1 * var(--ds-spacing-4xSmall)) var(--ds-overlay-black-15), 0rem var(--ds-spacing-3xSmall) calc(var(--ds-spacing-xSmall) / 2) calc(-0.5 * var(--ds-spacing-4xSmall)) var(--ds-overlay-black-15)}.custom-select--open.sc-ds-select .options-list.sc-ds-select{display:block}.custom-select.sc-ds-select:not(.custom-select--open):not(.custom-select--invalid):not(.custom-select--disabled):hover{background-color:var(--ds-bgColor-white-hover)}.custom-select.sc-ds-select:active:not(.custom-select--open):not(.custom-select--invalid):not(.custom-select--disabled){background-color:var(--ds-bgColor-white-active)}.custom-select--open.sc-ds-select,.custom-select.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)}.custom-select--open.sc-ds-select:not(.custom-select--open--invalid,.custom-select.sc-ds-select:focus-visible--invalid),.custom-select.sc-ds-select:focus-visible:not(.custom-select--open--invalid,.custom-select.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.custom-select--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}.custom-select--disabled.sc-ds-select .dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.custom-select--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.custom-select--invalid.sc-ds-select:not(.custom-select--invalid--open):not(.custom-select--invalid--disabled):active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.selected-option.sc-ds-select{flex:1;font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall)}.custom-select--has-icon.sc-ds-select .selected-option.sc-ds-select{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.dropdown-icon.sc-ds-select{align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.clear-button.sc-ds-select,.dropdown-icon.sc-ds-select{cursor:pointer}.select-title.sc-ds-select{display:inline-block;font-weight:var(--ds-fontWeight-semibold);margin-bottom:var(--ds-spacing-2xSmall);color:var(--ds-textColor-default)}.selected-text.sc-ds-select{flex:1;padding:0 var(--ds-spacing-xSmall);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.native-select.sc-ds-select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;outline:none;padding:0 var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-16);font-family:inherit;background-color:transparent;color:inherit;flex:1}.native-select.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.native-select.sc-ds-select:disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.native-select-wrapper.sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.native-select-wrapper.sc-ds-select: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)}.native-select-wrapper--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}.native-select-wrapper--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}";export{d as ds_options,c as ds_select}

package/dist/component-library/ds-radio-button-group.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{h as t,r as s,c as i,a as e,H as a}from"./index-CIXO9B7A.js";import{c as o}from"./index-BfTCfPZ1.js";import{d,i as r,t as n}from"./utils-hnAo1pVs.js";import{b as l}from"./attributes-BD_lNRxn.js";import{g as h,b as u}from"./controlUtils-DQRQCahL.js";import"./index--uGgWE-E.js";const c=r("ds-radio-button-group"),g=class{constructor(t){s(this,t),this.dsRadioGroupValueChange=i(this,"dsRadioGroupValueChange"),this.dsRadioGroupInvalidStateChange=i(this,"dsRadioGroupInvalidStateChange"),this.dsChange=i(this,"dsChange"),this.dsSubmitInvalid=i(this,"dsSubmitInvalid"),this.dsValidity=i(this,"dsValidity"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}fieldsetId=c.next().value;errorTextId=`${this.fieldsetId}-error`;assistiveTextId=`${this.fieldsetId}-assistive-text`;childBlurTimeout=null;inheritedAttributes={};get el(){return e(this)}internals;dsRadioGroupValueChange;dsRadioGroupInvalidStateChange;dsChange;dsSubmitInvalid;dsValidity;dsLegend;dsAssistiveText;dsValue;dsDirection="vertical";dsErrorText="";dsRequired=!1;focusedChildRadioButton;wasInvalidOnBlur=!1;async dsFocus(){this.getEnabledRadios()?.[0]?.dsFocus()}async dsCheckValidity(){return this.internals?.checkValidity()}get DsRadioButtonTag(){return n("ds-radio-button","ds-radio-button-group",this.el)}getLegendText=()=>this.dsRequired?h(this.dsLegend):this.dsLegend;getRadios=()=>Array.from(this.el.querySelectorAll(this.DsRadioButtonTag));getEnabledRadios=()=>this.getRadios().filter((t=>!t.dsDisabled));updateRadios=t=>{this.getRadios().forEach(t)};updateFocusableRadioButton=()=>{const t=this.getEnabledRadios();if(!t.length)return;let s=null;for(const i of t){const t=i.dsValue===this.dsValue;i.setFocusable(t),t&&(s=i)}s\|\|t[0].setFocusable(!0)};formResetCallback(){this.dsErrorText="",this.dsRequired?this.internals?.setValidity({valueMissing:!0},u(),this.getRadios()?.[0].querySelector("input")):this.internals?.setValidity({})}connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid),this.childBlurTimeout&&clearTimeout(this.childBlurTimeout),this.childBlurTimeout=null}handleInvalid=async t=>{t.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};componentWillLoad(){this.inheritedAttributes=l(this.el,["aria-labelledby"]),this.updateFocusableRadioButton()}componentDidLoad(){this.updateRadios((t=>{t.setAttribute("ds-errors-disabled","true")})),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},u(),this.getRadios()?.[0].querySelector("input"))}async getValue(){return this.dsValue}errorObserver(t){this.dsRadioGroupInvalidStateChange.emit(t)}dsValueObserver(t){this.dsRadioGroupValueChange.emit(t),this.dsChange.emit({value:t}),this.dsRequired&&this.internals?.setValidity({valueMissing:!t},u(),this.getRadios()?.[0].querySelector("input")),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}focusedChildRadioButtonObserver(t){t\|\|(this.wasInvalidOnBlur=!this.internals?.validity.valid,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}onInputChange(t){t.stopPropagation(),this.dsValue=t.target.dsValue,this.dsRadioGroupValueChange.emit(this.dsValue),this.updateFocusableRadioButton()}listenFocus(t){this.focusedChildRadioButton=t.detail}listenBlur(t){this.childBlurTimeout=setTimeout((()=>{t.detail===this.focusedChildRadioButton&&(this.focusedChildRadioButton=void 0)}),0)}onKeyDown(t){if(!["ArrowUp","ArrowLeft","ArrowDown","ArrowRight"].includes(t.key))return;const s=this.getEnabledRadios(),i=t.target.closest(this.DsRadioButtonTag);if(!i\|\|!s.includes(i))return;t.preventDefault();const e=s.findIndex((t=>t===i));let a;["ArrowUp","ArrowLeft"].includes(t.key)&&(a=0===e?s.length-1:e-1),["ArrowDown","ArrowRight"].includes(t.key)&&(a=(e+1)%s.length);const o=s[a];o.dsFocus(),o.setChecked()}render(){const s=o("ds-radio-button-group"),i=o("ds-radio-button-group__legend"),e=o("ds-radio-button-group__assistive-text"),d=o("ds-radio-button-group__radio-buttons-slot",{"ds-radio-button-group__radio-buttons-slot--horizontal":"horizontal"===this.dsDirection}),r=o("ds-radio-button-group__error"),l=[!!this.dsAssistiveText&&this.assistiveTextId,!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" "),h=n("ds-input-validity","ds-radio-button-group",this.el);return t(a,{key:"a6dfca108a3afd12f8cce20e0755eac634064589","data-invalid":!!this.dsErrorText\|\|void 0},t("fieldset",{key:"c586f53052f79260eea717dfe448fb0528d5564e",class:s,"aria-describedby":l,...this.inheritedAttributes},t("legend",{key:"2f282adbb022ca6598f78af26d6b35310e410d2c",class:i},t("slot",{key:"b75cf74098e2c721c6d2783a6b0a412aa68722f3",name:"legend"},this.getLegendText())),t("slot",{key:"1a5d04878dd6cbbdd435af1473f46b46dd95d9bd",name:"assistiveText"},this.dsAssistiveText&&t("small",{key:"ad683a5e3020d38430f826eda2b0aed7653eec8e",class:e,id:this.assistiveTextId},this.dsAssistiveText)),t("div",{key:"dc6ea829175df12131e058462565eb22bbc3138c",class:d},t("slot",{key:"1912f79f67d868fc4c3a74f89444ab430e1cd90b",onSlotchange:this.updateFocusableRadioButton})),!!this.dsErrorText&&t("slot",{key:"d3bc1096894c6a27463df1ecafe161b4cc808549",name:"validity"},t("div",{key:"a1e8aee92d0303d4102798eb223af638458e82d0",class:r},t(h,{key:"03e19aa40f9201a77ea3c747f7d86e4bb9921212",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"})))))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{dsErrorText:["errorObserver"],dsValue:["dsValueObserver"],focusedChildRadioButton:["focusedChildRadioButtonObserver"]}}};d([t("ds-input-validity",null)]),g.style=".ds-radio-button-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__legend{padding-inline:0;color:var(--ds-palette-black-95);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__assistive-text{font-size:var(--ds-fontSize-14);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}";export{g as ds_radio_button_group}
1	+ import{h as t,r as e,c as s,a,H as r}from"./index-CweVEfzR.js";import{c as o}from"./index-BfTCfPZ1.js";import{d,i,t as l}from"./utils-hnAo1pVs.js";import{b as n}from"./attributes-BD_lNRxn.js";import{g as h,b}from"./controlUtils-BJyRJHcK.js";import"./index-DoxslvGO.js";const v=i("ds-radio-button-group"),c=class{constructor(t){e(this,t),this.dsRadioGroupValueChange=s(this,"dsRadioGroupValueChange"),this.dsRadioGroupInvalidStateChange=s(this,"dsRadioGroupInvalidStateChange"),this.dsChange=s(this,"dsChange"),this.dsSubmitInvalid=s(this,"dsSubmitInvalid"),this.dsValidity=s(this,"dsValidity"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}fieldsetId=v.next().value;errorTextId=`${this.fieldsetId}-error`;assistiveTextId=`${this.fieldsetId}-assistive-text`;childBlurTimeout=null;inheritedAttributes={};get el(){return a(this)}internals;dsRadioGroupValueChange;dsRadioGroupInvalidStateChange;dsChange;dsSubmitInvalid;dsValidity;dsLegend;dsAssistiveText;dsValue;dsDirection="vertical";dsErrorText="";dsRequired=!1;focusedChildRadioButton;wasInvalidOnBlur=!1;async dsFocus(){this.getEnabledRadios()?.[0]?.dsFocus()}async dsCheckValidity(){return this.internals?.checkValidity()}get DsRadioButtonTag(){return l("ds-radio-button","ds-radio-button-group",this.el)}getLegendText=()=>this.dsRequired?h(this.dsLegend):this.dsLegend;getRadios=()=>Array.from(this.el.querySelectorAll(this.DsRadioButtonTag));getEnabledRadios=()=>this.getRadios().filter((t=>!t.dsDisabled));updateRadios=t=>{this.getRadios().forEach(t)};updateFocusableRadioButton=()=>{const t=this.getEnabledRadios();if(!t.length)return;let e=null;for(const s of t){const t=s.dsValue===this.dsValue;s.setFocusable(t),t&&(e=s)}e\|\|t[0].setFocusable(!0)};formResetCallback(){this.dsErrorText="",this.dsRequired?this.internals?.setValidity({valueMissing:!0},b(),this.getRadios()?.[0].querySelector("input")):this.internals?.setValidity({})}connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid),this.childBlurTimeout&&clearTimeout(this.childBlurTimeout),this.childBlurTimeout=null}handleInvalid=async t=>{t.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};componentWillLoad(){this.inheritedAttributes=n(this.el,["aria-labelledby"]),this.updateFocusableRadioButton()}componentDidLoad(){this.updateRadios((t=>{t.setAttribute("ds-errors-disabled","true")})),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},b(),this.getRadios()?.[0].querySelector("input"))}async getValue(){return this.dsValue}errorObserver(t){this.dsRadioGroupInvalidStateChange.emit(t)}dsValueObserver(t){this.dsRadioGroupValueChange.emit(t),this.dsChange.emit({value:t}),this.dsRequired&&this.internals?.setValidity({valueMissing:!t},b(),this.getRadios()?.[0].querySelector("input")),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}focusedChildRadioButtonObserver(t){t\|\|(this.wasInvalidOnBlur=!this.internals?.validity.valid,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}onInputChange(t){t.stopPropagation(),this.dsValue=t.target.dsValue,this.dsRadioGroupValueChange.emit(this.dsValue),this.updateFocusableRadioButton()}listenFocus(t){this.focusedChildRadioButton=t.detail}listenBlur(t){this.childBlurTimeout=setTimeout((()=>{t.detail===this.focusedChildRadioButton&&(this.focusedChildRadioButton=void 0)}),0)}onKeyDown(t){if(!["ArrowUp","ArrowLeft","ArrowDown","ArrowRight"].includes(t.key))return;const e=this.getEnabledRadios(),s=t.target.closest(this.DsRadioButtonTag);if(!s\|\|!e.includes(s))return;t.preventDefault();const a=e.findIndex((t=>t===s));let r;["ArrowUp","ArrowLeft"].includes(t.key)&&(r=0===a?e.length-1:a-1),["ArrowDown","ArrowRight"].includes(t.key)&&(r=(a+1)%e.length);const o=e[r];o.dsFocus(),o.setChecked()}render(){const e=o("ds-radio-button-group"),s=o("ds-radio-button-group__legend"),a=o("ds-radio-button-group__assistive-text"),d=o("ds-radio-button-group__radio-buttons-slot",{"ds-radio-button-group__radio-buttons-slot--horizontal":"horizontal"===this.dsDirection}),i=o("ds-radio-button-group__error"),n=[!!this.dsAssistiveText&&this.assistiveTextId,!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" "),h=l("ds-input-validity","ds-radio-button-group",this.el);return t(r,{key:"a6dfca108a3afd12f8cce20e0755eac634064589","data-invalid":!!this.dsErrorText\|\|void 0},t("fieldset",{key:"c586f53052f79260eea717dfe448fb0528d5564e",class:e,"aria-describedby":n,...this.inheritedAttributes},t("legend",{key:"2f282adbb022ca6598f78af26d6b35310e410d2c",class:s},t("slot",{key:"b75cf74098e2c721c6d2783a6b0a412aa68722f3",name:"legend"},this.getLegendText())),t("slot",{key:"1a5d04878dd6cbbdd435af1473f46b46dd95d9bd",name:"assistiveText"},this.dsAssistiveText&&t("small",{key:"ad683a5e3020d38430f826eda2b0aed7653eec8e",class:a,id:this.assistiveTextId},this.dsAssistiveText)),t("div",{key:"dc6ea829175df12131e058462565eb22bbc3138c",class:d},t("slot",{key:"1912f79f67d868fc4c3a74f89444ab430e1cd90b",onSlotchange:this.updateFocusableRadioButton})),!!this.dsErrorText&&t("slot",{key:"d3bc1096894c6a27463df1ecafe161b4cc808549",name:"validity"},t("div",{key:"a1e8aee92d0303d4102798eb223af638458e82d0",class:i},t(h,{key:"03e19aa40f9201a77ea3c747f7d86e4bb9921212",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"})))))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{dsErrorText:["errorObserver"],dsValue:["dsValueObserver"],focusedChildRadioButton:["focusedChildRadioButtonObserver"]}}};d([t("ds-input-validity",null)]),c.style=":root,:host{--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-palette-white);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-50);--ds-borderColor-success:var(--ds-palette-green-50);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-50);--ds-borderColor-attention:var(--ds-palette-yellow-50)}.ds-radio-button-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__legend{padding-inline:0;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__assistive-text{font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}";export{c as ds_radio_button_group}

package/dist/component-library/ds-radio-button.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{h as t,r as s,c as i,a as d,F as e}from"./index-CIXO9B7A.js";import{i as o,b as a}from"./attributes-BD_lNRxn.js";import{v as r,g as n}from"./controlUtils-DQRQCahL.js";import{d as l,i as c,t as u}from"./utils-hnAo1pVs.js";import{c as h}from"./index-BfTCfPZ1.js";import"./index--uGgWE-E.js";const b=c("ds-radio-button"),v=class{constructor(t){s(this,t),this.dsChange=i(this,"dsChange"),this.dsRadioButtonChecked=i(this,"dsRadioButtonChecked"),this.dsRadioButtonFocused=i(this,"dsRadioButtonFocused"),this.dsRadioButtonBlurred=i(this,"dsRadioButtonBlurred"),this.dsSubmitInvalid=i(this,"dsSubmitInvalid"),this.dsValidity=i(this,"dsValidity")}radioGroup=null;inputElement;inheritedAttributes={};get el(){return d(this)}dsChange;dsRadioButtonChecked;dsRadioButtonFocused;dsRadioButtonBlurred;dsSubmitInvalid;dsValidity;dsId=b.next().value;dsName=this.dsId;dsErrorsDisabled=!1;dsValue=this.dsId;dsLegend;dsAssistiveText;dsText;dsRequired=!1;dsDisabled=!1;dsChecked=!1;dsErrorText="";focusable=!0;groupInvalid=!1;initialChecked=!1;errorTextId=`${this.dsId}-error`;assistiveTextId=`${this.dsId}-assistive-text`;async dsFocus(){this.inputElement.focus()}async setFocusable(t){this.focusable=t}async setChecked(){this.dsChecked=!0,this.dsRadioButtonChecked.emit()}async dsCheckValidity(){return this.inputElement?.checkValidity()}dsCheckedObserver(t){this.dsChange.emit({checked:t,value:this.dsValue});const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsValidity.emit({flag:t,message:r(t)});break}}componentWillLoad(){this.radioGroup&&this.updateCheckedState(),this.inheritedAttributes={...a(this.el,["aria-invalid"]),...o(this,this.el,["value","name","id"])},this.initialChecked=this.dsChecked}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText)}connectedCallback(){this.radioGroup=this.el.closest(u("ds-radio-button-group","ds-radio-button",this.el)),this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText,this.radioGroup.addEventListener("dsRadioGroupValueChange",this.updateCheckedState),this.radioGroup.addEventListener("dsRadioGroupInvalidStateChange",this.updateGroupInvalidState))}disconnectedCallback(){this.radioGroup&&(this.radioGroup.removeEventListener("dsRadioGroupValueChange",this.updateCheckedState),this.radioGroup.removeEventListener("dsRadioGroupInvalidStateChange",this.updateGroupInvalidState)),this.radioGroup=null}handleInvalid=t=>{if(t.preventDefault(),this.groupInvalid\|\|this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsSubmitInvalid.emit({flag:t,message:r(t)});break}};updateCheckedState=async()=>{this.dsChecked=this.dsValue===await this.radioGroup.getValue()};updateGroupInvalidState=t=>{this.groupInvalid=!!t.detail,this.dsErrorText=t.detail};handleInput=()=>{this.setChecked()};handleFocus=()=>{this.dsRadioButtonFocused.emit(this.dsId)};handleBlur=()=>{if(this.dsRadioButtonBlurred.emit(this.dsId),this.groupInvalid\|\|this.dsErrorsDisabled)return;const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.dsValidity.emit({flag:s,message:r(s)});break}};getLegendText=()=>this.dsRequired?n(this.dsLegend):this.dsLegend;renderRadioIcon(){const s="ds-radio-button__icon",i=h(`${s}__outer-circle`,{[`${s}__outer-circle--checked`]:this.dsChecked}),d=h(`${s}__inner-circle`);return t("slot",{name:"icon"},t("div",{class:s,"aria-hidden":"true"},t("svg",{width:"44",height:"44",viewBox:"0 0 44 44",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("rect",{x:"10",y:"10",width:"24",height:"24",rx:"12",fill:"white"}),t("circle",{class:i,cx:"22",cy:"22",r:"10",fill:"white",stroke:"#005A94","stroke-width":"2"}),this.dsChecked&&t("circle",{class:d,cx:"22",cy:"22",r:"6",fill:"#005A94"}))))}renderRadioButton(){const s=h("ds-radio-button",{"ds-radio-button--disabled":this.dsDisabled,"ds-radio-button--invalid":!!this.dsErrorText}),i=h("ds-radio-button__input"),d=h("ds-radio-button__text"),o=this.focusable?0:-1,a=u("ds-input-validity","ds-radio-button",this.el),r=u("ds-visually-hidden","ds-radio-button",this.el);return t(e,null,t("div",null,t("label",{class:s},t(r,null,t("input",{ref:t=>this.inputElement=t,type:"radio",class:i,value:this.dsValue,id:this.dsId,name:this.dsName,disabled:this.dsDisabled,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,checked:this.dsChecked,tabindex:o,required:this.dsRequired,"aria-invalid":!!this.dsErrorText,...this.inheritedAttributes})),this.renderRadioIcon(),t("slot",null,t("span",{class:d},this.dsText)))),!this.dsErrorsDisabled&&t("slot",{name:"validity"},t("div",{class:"ds-radio-button__validity"},t(a,{id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))))}renderFieldset(){const s=h("ds-radio-button-fieldset"),i=h("ds-radio-button-fieldset__legend"),d=h("ds-radio-button-fieldset__assistive-text"),e=[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return t("fieldset",{class:s,"aria-describedby":e},t("legend",{class:i},t("slot",{name:"legend"},this.getLegendText())),t("slot",{name:"assistiveText"},this.dsAssistiveText&&t("small",{class:d,id:this.assistiveTextId},this.dsAssistiveText)),this.renderRadioButton())}render(){return this.dsLegend?this.renderFieldset():this.renderRadioButton()}static get formAssociated(){return!0}static get watchers(){return{dsChecked:["dsCheckedObserver"]}}};l([t("ds-visually-hidden",null),t("ds-input-validity",null)]),v.style=".sc-ds-radio-button:root,.sc-ds-radio-button-h{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.ds-radio-button.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-palette-black-95)}.ds-radio-button--disabled.sc-ds-radio-button{color:var(--ds-palette-black-40)}.ds-radio-button__validity.sc-ds-radio-button{margin-left:10px}.ds-radio-button.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__icon.sc-ds-radio-button{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 5)}.ds-radio-button__icon.sc-ds-radio-button{border-radius:50%;height:44px;width:44px}.ds-radio-button__text.sc-ds-radio-button{margin-top:11px}.ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-palette-black-50);fill:var(--ds-palette-white)}.ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-70);fill:var(--ds-palette-white)}.ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-palette-mainBlue-70)}.ds-radio-button.sc-ds-radio-button:hover:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-palette-black-50);fill:var(--ds-palette-black-10)}.ds-radio-button.sc-ds-radio-button:hover:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-palette-white)}.ds-radio-button.sc-ds-radio-button:hover:not(.ds-radio-button--disabled) .ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-palette-mainBlue-80)}.ds-radio-button.sc-ds-radio-button:active:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-palette-black-50);fill:var(--ds-palette-black-20)}.ds-radio-button.sc-ds-radio-button:active:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-palette-white)}.ds-radio-button.sc-ds-radio-button:active:not(.ds-radio-button--disabled) .ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-palette-mainBlue-90)}.ds-radio-button--disabled.sc-ds-radio-button .ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-overlay-black-15);fill:var(--ds-overlay-black-10)}.ds-radio-button--disabled.sc-ds-radio-button .ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-overlay-black-15);fill:var(--ds-overlay-black-10)}.ds-radio-button--disabled.sc-ds-radio-button .ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-overlay-black-15)}.ds-radio-button--invalid.sc-ds-radio-button .ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-palette-red-50);fill:var(--ds-palette-white)}.ds-radio-button--invalid.sc-ds-radio-button .ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-red-50);fill:var(--ds-palette-white)}.ds-radio-button--invalid.sc-ds-radio-button .ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-palette-mainBlue-70)}.ds-radio-button-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-palette-black-95);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-size:var(--ds-fontSize-14);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large)}";export{v as ds_radio_button}
1	+ import{h as t,r as s,c as o,a as e,F as d}from"./index-CweVEfzR.js";import{i as r,b as i}from"./attributes-BD_lNRxn.js";import{v as a,g as l}from"./controlUtils-BJyRJHcK.js";import{d as n,i as b,t as c}from"./utils-hnAo1pVs.js";import{c as h}from"./index-BfTCfPZ1.js";import"./index-DoxslvGO.js";const u=b("ds-radio-button"),v=class{constructor(t){s(this,t),this.dsChange=o(this,"dsChange"),this.dsRadioButtonChecked=o(this,"dsRadioButtonChecked"),this.dsRadioButtonFocused=o(this,"dsRadioButtonFocused"),this.dsRadioButtonBlurred=o(this,"dsRadioButtonBlurred"),this.dsSubmitInvalid=o(this,"dsSubmitInvalid"),this.dsValidity=o(this,"dsValidity")}radioGroup=null;inputElement;inheritedAttributes={};get el(){return e(this)}dsChange;dsRadioButtonChecked;dsRadioButtonFocused;dsRadioButtonBlurred;dsSubmitInvalid;dsValidity;dsId=u.next().value;dsName=this.dsId;dsErrorsDisabled=!1;dsValue=this.dsId;dsLegend;dsAssistiveText;dsText;dsRequired=!1;dsDisabled=!1;dsChecked=!1;dsErrorText="";focusable=!0;groupInvalid=!1;initialChecked=!1;errorTextId=`${this.dsId}-error`;assistiveTextId=`${this.dsId}-assistive-text`;async dsFocus(){this.inputElement.focus()}async setFocusable(t){this.focusable=t}async setChecked(){this.dsChecked=!0,this.dsRadioButtonChecked.emit()}async dsCheckValidity(){return this.inputElement?.checkValidity()}dsCheckedObserver(t){this.dsChange.emit({checked:t,value:this.dsValue});const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsValidity.emit({flag:t,message:a(t)});break}}componentWillLoad(){this.radioGroup&&this.updateCheckedState(),this.inheritedAttributes={...i(this.el,["aria-invalid"]),...r(this,this.el,["value","name","id"])},this.initialChecked=this.dsChecked}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText)}connectedCallback(){this.radioGroup=this.el.closest(c("ds-radio-button-group","ds-radio-button",this.el)),this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText,this.radioGroup.addEventListener("dsRadioGroupValueChange",this.updateCheckedState),this.radioGroup.addEventListener("dsRadioGroupInvalidStateChange",this.updateGroupInvalidState))}disconnectedCallback(){this.radioGroup&&(this.radioGroup.removeEventListener("dsRadioGroupValueChange",this.updateCheckedState),this.radioGroup.removeEventListener("dsRadioGroupInvalidStateChange",this.updateGroupInvalidState)),this.radioGroup=null}handleInvalid=t=>{if(t.preventDefault(),this.groupInvalid\|\|this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsSubmitInvalid.emit({flag:t,message:a(t)});break}};updateCheckedState=async()=>{this.dsChecked=this.dsValue===await this.radioGroup.getValue()};updateGroupInvalidState=t=>{this.groupInvalid=!!t.detail,this.dsErrorText=t.detail};handleInput=()=>{this.setChecked()};handleFocus=()=>{this.dsRadioButtonFocused.emit(this.dsId)};handleBlur=()=>{if(this.dsRadioButtonBlurred.emit(this.dsId),this.groupInvalid\|\|this.dsErrorsDisabled)return;const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.dsValidity.emit({flag:s,message:a(s)});break}};getLegendText=()=>this.dsRequired?l(this.dsLegend):this.dsLegend;renderRadioIcon(){const s="ds-radio-button__icon",o=h(`${s}__outer-circle`,{[`${s}__outer-circle--checked`]:this.dsChecked}),e=h(`${s}__inner-circle`);return t("slot",{name:"icon"},t("div",{class:s,"aria-hidden":"true"},t("svg",{width:"44",height:"44",viewBox:"0 0 44 44",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("rect",{x:"10",y:"10",width:"24",height:"24",rx:"12",fill:"white"}),t("circle",{class:o,cx:"22",cy:"22",r:"10",fill:"white",stroke:"#005A94","stroke-width":"2"}),this.dsChecked&&t("circle",{class:e,cx:"22",cy:"22",r:"6",fill:"#005A94"}))))}renderRadioButton(){const s=h("ds-radio-button",{"ds-radio-button--disabled":this.dsDisabled,"ds-radio-button--invalid":!!this.dsErrorText}),o=h("ds-radio-button__input"),e=h("ds-radio-button__text"),r=this.focusable?0:-1,i=c("ds-input-validity","ds-radio-button",this.el),a=c("ds-visually-hidden","ds-radio-button",this.el);return t(d,null,t("div",null,t("label",{class:s},t(a,null,t("input",{ref:t=>this.inputElement=t,type:"radio",class:o,value:this.dsValue,id:this.dsId,name:this.dsName,disabled:this.dsDisabled,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,checked:this.dsChecked,tabindex:r,required:this.dsRequired,"aria-invalid":!!this.dsErrorText,...this.inheritedAttributes})),this.renderRadioIcon(),t("slot",null,t("span",{class:e},this.dsText)))),!this.dsErrorsDisabled&&t("slot",{name:"validity"},t("div",{class:"ds-radio-button__validity"},t(i,{id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))))}renderFieldset(){const s=h("ds-radio-button-fieldset"),o=h("ds-radio-button-fieldset__legend"),e=h("ds-radio-button-fieldset__assistive-text"),d=[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return t("fieldset",{class:s,"aria-describedby":d},t("legend",{class:o},t("slot",{name:"legend"},this.getLegendText())),t("slot",{name:"assistiveText"},this.dsAssistiveText&&t("small",{class:e,id:this.assistiveTextId},this.dsAssistiveText)),this.renderRadioButton())}render(){return this.dsLegend?this.renderFieldset():this.renderRadioButton()}static get formAssociated(){return!0}static get watchers(){return{dsChecked:["dsCheckedObserver"]}}};n([t("ds-visually-hidden",null),t("ds-input-validity",null)]),v.style=".sc-ds-radio-button:root,.sc-ds-radio-button-h{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.sc-ds-radio-button:root,.sc-ds-radio-button-h{--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-palette-white);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-50);--ds-borderColor-success:var(--ds-palette-green-50);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-50);--ds-borderColor-attention:var(--ds-palette-yellow-50)}.ds-radio-button.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__validity.sc-ds-radio-button{margin-left:10px}.ds-radio-button.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__icon.sc-ds-radio-button{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 5)}.ds-radio-button__icon.sc-ds-radio-button{border-radius:50%;height:44px;width:44px}.ds-radio-button__text.sc-ds-radio-button{margin-top:11px}.ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button.sc-ds-radio-button:hover:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button.sc-ds-radio-button:hover:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button.sc-ds-radio-button:hover:not(.ds-radio-button--disabled) .ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button.sc-ds-radio-button:active:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button.sc-ds-radio-button:active:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button.sc-ds-radio-button:active:not(.ds-radio-button--disabled) .ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button--disabled.sc-ds-radio-button .ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button--disabled.sc-ds-radio-button .ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button--disabled.sc-ds-radio-button .ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button--invalid.sc-ds-radio-button .ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-white)}.ds-radio-button--invalid.sc-ds-radio-button .ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-white)}.ds-radio-button--invalid.sc-ds-radio-button .ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}";export{v as ds_radio_button}

package/dist/component-library/ds-spinner.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{h as e,r as s,a as t}from"./index-CIXO9B7A.js";import{b as i}from"./attributes-BD_lNRxn.js";import{c as n}from"./index-BfTCfPZ1.js";import{d as r,t as d}from"./utils-hnAo1pVs.js";const a={small:10,medium:14,large:20,xLarge:28,"2xLarge":40},o={small:"ds-text--xs-regular",medium:"ds-text--sm-regular",large:"ds-text--md-regular",xLarge:"ds-text--lg-regular","2xLarge":"ds-text--xl-regular"},l={blue:"var(--ds-palette-mainBlue-70)",black:"var(--ds-palette-black-95)",white:"var(--ds-palette-white)"},g=class{constructor(e){s(this,e)}inheritedAttributes={};get el(){return t(this)}dsText;dsSize="medium";dsSpinnerTextPosition="below";dsSpinnerColor="blue";dsUseRoleAlert=!1;dsUseAriaLive=!1;dsHiddenAssistiveText;componentWillLoad(){this.inheritedAttributes=i(this.el)}render(){const s=a[this.dsSize],t=o[this.dsSize],i=l[this.dsSpinnerColor],r=n("ds-spinner",`ds-spinner--${this.dsSize}`,{[`ds-spinner--${this.dsSpinnerTextPosition}`]:!!this.dsText}),g=n("ds-spinner__text",t,`ds-spinner__text--${this.dsSpinnerColor}`),f=e=>n("ds-spinner__segment",`ds-spinner__segment--${e}`),p=d("ds-visually-hidden","ds-spinner",this.el);return e("div",{key:"41ac2e9d4a4d47ba260cf0573c625c4cc3285772",role:this.dsUseRoleAlert?"alert":null,"aria-live":this.dsUseAriaLive?"polite":null,class:r,style:{"--spinner-size":`${s}px`,"--spinner-color":`${i}`,"--spinner-border-color":"white"==this.dsSpinnerColor?"var(--ds-overlay-white-15)":"transparent"},...this.inheritedAttributes},e("div",{key:"8f275e0bdbdd5ace7ad4c9cf3c7ce367ba5882ee",class:"ds-spinner__spinner"},e("div",{key:"2ae06bbf92492d0f6c63054c360257da685a2310",class:f(1)}),e("div",{key:"c5a12fd927eee963657c2a82d91ecfa81eb88a2d",class:f(2)}),e("div",{key:"80c36207963e53a3ca4041d993e60854f74dccae",class:f(3)})),this.dsHiddenAssistiveText&&e(p,{key:"aea851246b5b233128c94b4dc49eee409d19cc15"},e("span",{key:"6ffda5a7cc47eb4842dc8cf945ae7a2dbb4f49c7"},this.dsHiddenAssistiveText)),this.dsText&&e("span",{key:"020b3ccab3864a19ce3939661183731ae4db1d08",class:g},this.dsText))}};r([e("ds-visually-hidden",null)]),g.style="html{font-size:100%}body{font-size:1rem}.ds-font{}.ds-font--heading{font-family:var(--ds-fontFamily-heading)}.ds-font--body{font-family:var(--ds-fontFamily-body)}.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--xtight{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking--tight{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking--normal{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking--wide{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking--xwide{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading--small{line-height:var(--ds-lineHeight-small)}.ds-leading--medium{line-height:var(--ds-lineHeight-medium)}.ds-leading--large{line-height:var(--ds-lineHeight-large)}.ds-leading--xlarge{line-height:var(--ds-lineHeight-xLarge)}.ds-width--normal{font-stretch:var(--ds-fontWidth-normal)}.ds-width--condense{font-stretch:var(--ds-fontWidth-condense)}.ds-number--proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph--16{margin-bottom:var(--ds-fontSize-16)}.ds-paragraph--20{margin-bottom:var(--ds-fontSize-20)}.ds-list--spacing{gap:4px}.ds-text-color--default{color:var(--ds-palette-black-95)}.ds-text{}.ds-text--2xl-regular{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text--xl-regular{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text--lg-regular{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text--md-regular{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text--sm-regular{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text--xs-regular{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text--2xl-semibold{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text--xl-semibold{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text--lg-semibold{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text--md-semibold{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text--sm-semibold{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text--xs-semibold{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text--2xl-bold{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text--xl-bold{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text--lg-bold{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text--md-bold{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text--sm-bold{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text--xs-bold{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-spinner{display:flex;align-items:center;justify-content:center;}.ds-spinner--small{padding:1.5px}.ds-spinner--small:has(.ds-spinner__text){gap:var(--ds-spacing-2xSmall)}.ds-spinner--medium{padding:3px}.ds-spinner--medium:has(.ds-spinner__text){gap:var(--ds-spacing-2xSmall)}.ds-spinner--large{padding:3px}.ds-spinner--large:has(.ds-spinner__text){gap:var(--ds-spacing-xSmall)}.ds-spinner--xLarge{padding:5.5px}.ds-spinner--xLarge:has(.ds-spinner__text){gap:10px}.ds-spinner--2xLarge{padding:5.5px}.ds-spinner--2xLarge:has(.ds-spinner__text){gap:var(--ds-spacing-small)}.ds-spinner--below{flex-direction:column;align-items:center}.ds-spinner--right{flex-direction:row;align-items:center}.ds-spinner__spinner{width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border-radius:50%;border:calc(var(--spinner-size, 24px) / 6) solid var(--ds-overlay-black-15);position:relative;display:flex;align-items:center;justify-content:center}.ds-spinner__text{font-family:var(--ds-fontFamily-body);color:var(--ds-palette-black-95)}.ds-spinner__text--white{color:var(--ds-palette-white)}.ds-spinner__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__segment--1{animation-delay:-0.3s}.ds-spinner__segment--2{animation-delay:-0.2s}.ds-spinner__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__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__segment--1{animation-delay:-0.6s}.ds-spinner__segment--2{animation-delay:-0.4s}.ds-spinner__segment--3{animation-delay:-0.2s}}";export{g as ds_spinner}
1	+ import{h as e,r as t,a as s}from"./index-CweVEfzR.js";import{b as r}from"./attributes-BD_lNRxn.js";import{c as a}from"./index-BfTCfPZ1.js";import{d,t as o}from"./utils-hnAo1pVs.js";const i={small:10,medium:14,large:20,xLarge:28,"2xLarge":40},n={small:"ds-text--xs-regular",medium:"ds-text--sm-regular",large:"ds-text--md-regular",xLarge:"ds-text--lg-regular","2xLarge":"ds-text--xl-regular"},l={blue:"var(--ds-palette-mainBlue-70)",black:"var(--ds-palette-black-95)",white:"var(--ds-palette-white)"},g=class{constructor(e){t(this,e)}inheritedAttributes={};get el(){return s(this)}dsText;dsSize="medium";dsSpinnerTextPosition="below";dsSpinnerColor="blue";dsUseRoleAlert=!1;dsUseAriaLive=!1;dsHiddenAssistiveText;componentWillLoad(){this.inheritedAttributes=r(this.el)}render(){const t=i[this.dsSize],s=n[this.dsSize],r=l[this.dsSpinnerColor],d=a("ds-spinner",`ds-spinner--${this.dsSize}`,{[`ds-spinner--${this.dsSpinnerTextPosition}`]:!!this.dsText}),g=a("ds-spinner__text",s,`ds-spinner__text--${this.dsSpinnerColor}`),v=e=>a("ds-spinner__segment",`ds-spinner__segment--${e}`),p=o("ds-visually-hidden","ds-spinner",this.el);return e("div",{key:"717b10fb2a73640df5c104205af85f119129ad99",role:this.dsUseRoleAlert?"alert":null,"aria-live":this.dsUseAriaLive?"polite":null,class:d,style:{"--spinner-size":`${t}px`,"--spinner-color":`${r}`,"--spinner-border-color":"white"==this.dsSpinnerColor?"var(--ds-overlay-white-15)":"transparent"},...this.inheritedAttributes},e("div",{key:"0ef5e3de363770fc1b15b4c20b78246f4c11eb03",class:"ds-spinner__spinner"},e("div",{key:"65f925540b6fd8c0214d6392e3c6fe8751fc7de4",class:v(1)}),e("div",{key:"1e062bc0fc9e78b9cd6d2413a61428d710f621b7",class:v(2)}),e("div",{key:"520be4f4915f2c455ba58c009f12853b651f2f1b",class:v(3)})),this.dsHiddenAssistiveText&&e(p,{key:"b26675a2f64cc5833cbeeed1f7874b833352fa9f"},e("span",{key:"aedee4d1d142804207bb0764d212c0c7a9075a56"},this.dsHiddenAssistiveText)),this.dsText&&e("span",{key:"681c87db1c71a74461e68ba6702f3e766a7c4674",class:g},this.dsText))}};d([e("ds-visually-hidden",null)]),g.style=":root,:host{--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-palette-white);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-50);--ds-borderColor-success:var(--ds-palette-green-50);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-50);--ds-borderColor-attention:var(--ds-palette-yellow-50)}html{font-size:100%}body{font-size:1rem}.ds-font{}.ds-font--heading{font-family:var(--ds-fontFamily-heading)}.ds-font--body{font-family:var(--ds-fontFamily-body)}.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--xtight{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking--tight{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking--normal{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking--wide{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking--xwide{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading--small{line-height:var(--ds-lineHeight-small)}.ds-leading--medium{line-height:var(--ds-lineHeight-medium)}.ds-leading--large{line-height:var(--ds-lineHeight-large)}.ds-leading--xlarge{line-height:var(--ds-lineHeight-xLarge)}.ds-width--normal{font-stretch:var(--ds-fontWidth-normal)}.ds-width--condense{font-stretch:var(--ds-fontWidth-condense)}.ds-number--proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph--16{margin-bottom:var(--ds-fontSize-16)}.ds-paragraph--20{margin-bottom:var(--ds-fontSize-20)}.ds-list--spacing{gap:4px}.ds-text-color--default{color:var(--ds-textColor-default)}.ds-text{}.ds-text--2xl-regular{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text--xl-regular{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text--lg-regular{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text--md-regular{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text--sm-regular{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text--xs-regular{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text--2xl-semibold{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text--xl-semibold{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text--lg-semibold{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text--md-semibold{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text--sm-semibold{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text--xs-semibold{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text--2xl-bold{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text--xl-bold{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text--lg-bold{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text--md-bold{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text--sm-bold{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text--xs-bold{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-spinner{display:flex;align-items:center;justify-content:center;}.ds-spinner--small{padding:1.5px}.ds-spinner--small:has(.ds-spinner__text){gap:var(--ds-spacing-2xSmall)}.ds-spinner--medium{padding:3px}.ds-spinner--medium:has(.ds-spinner__text){gap:var(--ds-spacing-2xSmall)}.ds-spinner--large{padding:3px}.ds-spinner--large:has(.ds-spinner__text){gap:var(--ds-spacing-xSmall)}.ds-spinner--xLarge{padding:5.5px}.ds-spinner--xLarge:has(.ds-spinner__text){gap:10px}.ds-spinner--2xLarge{padding:5.5px}.ds-spinner--2xLarge:has(.ds-spinner__text){gap:var(--ds-spacing-small)}.ds-spinner--below{flex-direction:column;align-items:center}.ds-spinner--right{flex-direction:row;align-items:center}.ds-spinner__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__text{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-default)}.ds-spinner__text--white{color:var(--ds-textColor-white)}.ds-spinner__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__segment--1{animation-delay:-0.3s}.ds-spinner__segment--2{animation-delay:-0.2s}.ds-spinner__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__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__segment--1{animation-delay:-0.6s}.ds-spinner__segment--2{animation-delay:-0.4s}.ds-spinner__segment--3{animation-delay:-0.2s}}";export{g as ds_spinner}

package/dist/component-library/ds-tag-group.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as a,a ~~as s~~,h as e}from"./index-~~CIXO9B7A~~.js";const i=class{constructor(s){a(this,s)}get el(){return s(this)}dsLabel;dsAssistiveText;render(){const a=this.dsAssistiveText?"ds-tag-group-assistive-text":void 0;return e("div",{key:"~~5e132f0aa006d74722358f2ac3b0b74c4116ea9a~~",class:"ds-tag-group",role:"group","aria-label":this.dsLabel,"aria-describedby":a\|\|void 0},(this.dsLabel\|\|this.dsAssistiveText)&&e("div",{key:"~~2fe72fffe735931ff5472162cac5b3babda6b957~~"},this.dsLabel&&e("div",{key:"~~5388aa1fb591062e25c51f03390af5f34a9e81e9~~",class:"ds-tag-group__label"},this.dsLabel),this.dsAssistiveText&&e("small",{key:"~~d63eb8fc20ef2e361890a45709d2a7e54c4f9a02~~",class:"ds-tag-group__assistive-text",id:a},this.dsAssistiveText)),e("ul",{key:"~~35f882de376802e7048f4ea6b06291288d233c64~~",class:"ds-tag-group__tags"},Array.from(this.el.children).map((a=>e("li",{innerHTML:a.outerHTML})))))}};i.style=".ds-tag-group__label{padding-inline:0;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-tag-group__assistive-text{display:inline;font-size:var(--ds-fontSize-14);color:var(--ds-~~palette~~-~~black-70~~);line-height:var(--ds-lineHeight-large)}.ds-tag-group__tags{display:inline-flex;flex-direction:row;flex-wrap:wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";export{i as ds_tag_group}
1	+ import{r as e,a,h as t}from"./index-CweVEfzR.js";const r=class{constructor(a){e(this,a)}get el(){return a(this)}dsLabel;dsAssistiveText;render(){const e=this.dsAssistiveText?"ds-tag-group-assistive-text":void 0;return t("div",{key:"8dd881ca483b1141dc2805d1c366cf113e319983",class:"ds-tag-group",role:"group","aria-label":this.dsLabel,"aria-describedby":e\|\|void 0},(this.dsLabel\|\|this.dsAssistiveText)&&t("div",{key:"8ade266da86fd06e2fec19e68dad547bffae769a"},this.dsLabel&&t("div",{key:"4c3867f4c1ee11ee8afd2c94c07303212477e432",class:"ds-tag-group__label"},this.dsLabel),this.dsAssistiveText&&t("small",{key:"eb2cee2d745da0cc0782e7d7958973419eec8b45",class:"ds-tag-group__assistive-text",id:e},this.dsAssistiveText)),t("ul",{key:"2fd183e8bd7a02310d7b178513b7f5ceb39da676",class:"ds-tag-group__tags"},Array.from(this.el.children).map((e=>t("li",{innerHTML:e.outerHTML})))))}};r.style=":root,:host{--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-palette-white);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-50);--ds-borderColor-success:var(--ds-palette-green-50);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-50);--ds-borderColor-attention:var(--ds-palette-yellow-50)}.ds-tag-group__label{padding-inline:0;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-tag-group__assistive-text{display:inline;font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-tag-group__tags{display:inline-flex;flex-direction:row;flex-wrap:wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";export{r as ds_tag_group}

package/dist/component-library/ds-tag.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{h as a,r as t,a as s}from"./index-~~CIXO9B7A~~.js";import{c as d}from"./index-BfTCfPZ1.js";import{d as e,t as l}from"./utils-hnAo1pVs.js";const r=class{constructor(a){t(this,a)}dsText="Label";dsIcon="";dsIconPosition="start";dsDownload;dsTarget;dsHref;dsColour="default";get el(){return s(this)}render(){const t=d("ds-tag",`ds-tag--${this.dsColour}`,{"ds-tag--link":!!this.dsHref}),s=l("ds-icon","ds-tag",this.el),e=l("ds-link","ds-tag",this.el);return a("div",{key:"~~40d1e7607357b556097b27c6aad58a1b2e5af0fb~~",class:t},a("slot",{key:"~~416e038155b38f758d5f31994ee45e619facff1b~~",name:"prefix"},!this.dsHref&&this.dsIcon&&"start"===this.dsIconPosition?a(s,{dsName:this.dsIcon,dsSize:"1rem"}):null),a("slot",{key:"~~a276c53fd88b357f40a6a0227d79576318c0b708~~"},this.dsHref?a(e,{class:"ds-tag__link",dsText:this.dsText,dsHref:this.dsHref,dsTarget:this.dsTarget,dsDownload:this.dsDownload,dsColour:"black"===this.dsColour?"white":"black",dsSize:"small",dsWeight:"semibold"}):a("span",{class:"ds-tag__text"},this.dsText)),a("slot",{key:"~~e0ec39cd2378889d15b4a22e62742e730ce33a21~~",name:"suffix"},!this.dsHref&&this.dsIcon&&"end"===this.dsIconPosition?a(s,{dsName:this.dsIcon,dsSize:"1rem"}):null))}};e([a("ds-icon",null),a("ds-link",{dsText:""})]),r.style=".ds-tag{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-~~palette~~-~~black-05~~);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag.ds-tag--default{color:var(--ds-~~palette~~-~~black-95~~);background-color:var(--ds-~~palette~~-~~black-05~~)}.ds-tag.ds-tag--default:hover:has(.ds-tag__link){background-color:var(--ds-~~palette~~-~~black~~-10)}.ds-tag.ds-tag--default:active:has(.ds-tag__link){background-color:var(--ds-~~palette~~-~~black~~-20)}.ds-tag.ds-tag--black{color:var(--ds-~~palette~~-white);background-color:var(--ds-~~palette~~-black~~-95~~)}.ds-tag.ds-tag--black:hover:has(.ds-tag__link){background-color:var(--ds-~~palette~~-black-80)}.ds-tag.ds-tag--black:active:has(.ds-tag__link){background-color:var(--ds-~~palette~~-black-70)}.ds-tag.ds-tag--white{color:var(--ds-~~palette~~-~~black-95~~);background-color:var(--ds-~~palette~~-white)}.ds-tag.ds-tag--white:hover:has(.ds-tag__link){background-color:var(--ds-~~palette~~-~~black~~-10)}.ds-tag.ds-tag--white:active:has(.ds-tag__link){background-color:var(--ds-~~palette~~-~~black~~-20)}.ds-tag.ds-tag--info{color:var(--ds-~~palette~~-~~black-95~~);background-color:var(--ds-~~palette~~-~~blue-05~~)}.ds-tag.ds-tag--info:hover:has(.ds-tag__link){background-color:var(--ds-~~palette~~-~~blue~~-10)}.ds-tag.ds-tag--info:active:has(.ds-tag__link){background-color:var(--ds-~~palette~~-~~blue~~-20)}.ds-tag.ds-tag--danger{color:var(--ds-~~palette~~-~~black-95~~);background-color:var(--ds-~~palette~~-~~red-05~~)}.ds-tag.ds-tag--danger:hover:has(.ds-tag__link){background-color:var(--ds-~~palette~~-~~red~~-10)}.ds-tag.ds-tag--danger:active:has(.ds-tag__link){background-color:var(--ds-~~palette~~-~~red~~-20)}.ds-tag.ds-tag--attention{color:var(--ds-~~palette~~-~~black-95~~);background-color:var(--ds-~~palette~~-~~yellow-05~~)}.ds-tag.ds-tag--attention:hover:has(.ds-tag__link){background-color:var(--ds-~~palette~~-~~yellow~~-10)}.ds-tag.ds-tag--attention:active:has(.ds-tag__link){background-color:var(--ds-~~palette~~-~~yellow~~-20)}.ds-tag.ds-tag--success{color:var(--ds-~~palette~~-~~black-95~~);background-color:var(--ds-~~palette~~-~~green-05~~)}.ds-tag.ds-tag--success:hover:has(.ds-tag__link){background-color:var(--ds-~~palette~~-~~green~~-10)}.ds-tag.ds-tag--success:active:has(.ds-tag__link){background-color:var(--ds-~~palette~~-~~green~~-20)}.ds-tag__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag--link{padding:unset}.ds-tag--link .ds-tag__link::part(link){min-height:1.5rem;padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall)}";export{r as ds_tag}
1	+ import{h as a,r as t,a as e}from"./index-CweVEfzR.js";import{c as r}from"./index-BfTCfPZ1.js";import{d as o,t as s}from"./utils-hnAo1pVs.js";const d=class{constructor(a){t(this,a)}dsText="Label";dsIcon="";dsIconPosition="start";dsDownload;dsTarget;dsHref;dsColour="default";get el(){return e(this)}render(){const t=r("ds-tag",`ds-tag--${this.dsColour}`,{"ds-tag--link":!!this.dsHref}),e=s("ds-icon","ds-tag",this.el),o=s("ds-link","ds-tag",this.el);return a("div",{key:"febd1f950d71c660ac799310851365f7c26d5f29",class:t},a("slot",{key:"16ebb3f3698b583bc7985c4ce6aa3374c2057456",name:"prefix"},!this.dsHref&&this.dsIcon&&"start"===this.dsIconPosition?a(e,{dsName:this.dsIcon,dsSize:"1rem"}):null),a("slot",{key:"dfa9d367bbf7949c7ec3095325f1b735019e0f1b"},this.dsHref?a(o,{class:"ds-tag__link",dsText:this.dsText,dsHref:this.dsHref,dsTarget:this.dsTarget,dsDownload:this.dsDownload,dsColour:"black"===this.dsColour?"white":"black",dsSize:"small",dsWeight:"semibold"}):a("span",{class:"ds-tag__text"},this.dsText)),a("slot",{key:"1569e0630eff3feb5a0b0044ddb616ab1ac8865c",name:"suffix"},!this.dsHref&&this.dsIcon&&"end"===this.dsIconPosition?a(e,{dsName:this.dsIcon,dsSize:"1rem"}):null))}};o([a("ds-icon",null),a("ds-link",{dsText:""})]),d.style=":root,:host{--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-palette-white);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-50);--ds-borderColor-success:var(--ds-palette-green-50);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-50);--ds-borderColor-attention:var(--ds-palette-yellow-50)}.ds-tag{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-bgColor-neutral);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag.ds-tag--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag.ds-tag--default:hover:has(.ds-tag__link){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag.ds-tag--default:active:has(.ds-tag__link){background-color:var(--ds-bgColor-neutral-active)}.ds-tag.ds-tag--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag.ds-tag--black:hover:has(.ds-tag__link){background-color:var(--ds-bgColor-black-hover)}.ds-tag.ds-tag--black:active:has(.ds-tag__link){background-color:var(--ds-bgColor-black-active)}.ds-tag.ds-tag--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag.ds-tag--white:hover:has(.ds-tag__link){background-color:var(--ds-bgColor-white-hover)}.ds-tag.ds-tag--white:active:has(.ds-tag__link){background-color:var(--ds-bgColor-white-active)}.ds-tag.ds-tag--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag.ds-tag--info:hover:has(.ds-tag__link){background-color:var(--ds-bgColor-info-hover)}.ds-tag.ds-tag--info:active:has(.ds-tag__link){background-color:var(--ds-bgColor-info-active)}.ds-tag.ds-tag--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag.ds-tag--danger:hover:has(.ds-tag__link){background-color:var(--ds-bgColor-danger-hover)}.ds-tag.ds-tag--danger:active:has(.ds-tag__link){background-color:var(--ds-bgColor-danger-active)}.ds-tag.ds-tag--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag.ds-tag--attention:hover:has(.ds-tag__link){background-color:var(--ds-bgColor-attention-hover)}.ds-tag.ds-tag--attention:active:has(.ds-tag__link){background-color:var(--ds-bgColor-attention-active)}.ds-tag.ds-tag--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag.ds-tag--success:hover:has(.ds-tag__link){background-color:var(--ds-bgColor-success-hover)}.ds-tag.ds-tag--success:active:has(.ds-tag__link){background-color:var(--ds-bgColor-success-active)}.ds-tag__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag--link{padding:unset}.ds-tag--link .ds-tag__link::part(link){min-height:1.5rem;padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall)}";export{d as ds_tag}

package/dist/component-library/ds-text-input.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{h as t,r as s,c as i,a as e,F as n}from"./index-CIXO9B7A.js";import{c as a}from"./index-BfTCfPZ1.js";import{g as d,a as r,v as o}from"./controlUtils-DQRQCahL.js";import{d as l,i as c,t as u}from"./utils-hnAo1pVs.js";import{b as p,i as h}from"./attributes-BD_lNRxn.js";import"./index--uGgWE-E.js";const b={search:"search"},x={search:({clearButtonVisible:t})=>t?"cancel_fill":"",password:({passwordInputVisible:t})=>t?"visibility_off_fill":"visibility_fill"},f=c("ds-input"),v=class{constructor(t){s(this,t),this.dsChange=i(this,"dsChange"),this.dsInput=i(this,"dsInput"),this.dsClear=i(this,"dsClear"),this.dsSubmitInvalid=i(this,"dsSubmitInvalid"),this.dsValidity=i(this,"dsValidity")}inheritedAttributes={};suffixButtonElement;inputElement;assistiveTextId;visuallyHiddenAssistiveTextId;errorTextId;successTextId;hasPrefixSlot=!1;hasSuffixSlot=!1;get el(){return e(this)}dsChange;dsInput;dsClear;dsSubmitInvalid;dsValidity;dsLabel;dsPlaceholder;dsId=f.next().value;dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsMin;dsMax;dsMaxLength;dsPattern;dsAutocomplete;dsOptionalText;dsErrorText;dsSuccessText;dsAssistiveText;dsActionButtonAriaLabel;dsHiddenAssistiveText;dsPrefixText;dsSuffixText;dsIcon="";dsType="text";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;hasFocus=!1;clearButtonVisible=!1;passwordInputVisible=!1;inputActive=!1;wasInvalidOnBlur=!1;setIds=()=>{this.assistiveTextId=`${this.dsId}-assistive-text`,this.visuallyHiddenAssistiveTextId=`${this.dsId}-visually-hidden-assistive-text`,this.errorTextId=`${this.dsId}-error-text`,this.successTextId=`${this.dsId}-success-text`};async togglePasswordVisibility(){return this.passwordInputVisible=!this.passwordInputVisible}async clearInput(t){this.dsValue="",this.inputElement.focus(),this.clearButtonVisible=!1,this.dsClear.emit({event:t,value:this.dsValue})}async dsFocus(){this.inputElement.focus()}async dsCheckValidity(){return this.inputElement?.checkValidity()}valueObserver(t){this.dsChange.emit({value:t})}getLabelText=()=>this.dsRequired?d(this.dsLabel):this.dsOptional?r(this.dsLabel,this.dsOptionalText):this.dsLabel;componentWillLoad(){this.inheritedAttributes={...h(this,this.el,["id"]),...p(this.el,["aria-label","aria-labelledby","aria-describedby","aria-invalid"])},this.setIds(),this.hasPrefixSlot=!!this.el.querySelector('[slot="prefix"]'),this.hasSuffixSlot=!!this.el.querySelector('[slot="suffix"]'),this.clearButtonVisible="search"===this.dsType&&!!this.dsValue}formResetCallback(){this.dsErrorText=""}handleInvalid=t=>{t.preventDefault();const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsSubmitInvalid.emit({flag:t,message:o(t,{type:this.dsType})});break}};handleInput=t=>{const s=t.target;if(this.dsValue=s.value,this.clearButtonVisible=!!s.value,this.dsInput.emit({event:t,value:this.dsValue}),this.dsErrorText\|\|this.wasInvalidOnBlur){const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.dsValidity.emit({flag:s,message:o(s,{type:this.dsType})});break}}};handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.wasInvalidOnBlur="valid"!==s,this.dsValidity.emit({flag:s,message:o(s,{type:this.dsType})});break}};onActionButtonClicked=t=>{switch(t.stopPropagation(),this.dsType){case"password":return this.togglePasswordVisibility();case"search":return void this.clearInput(t);default:return}};renderPrefixContent(){if(this.hasPrefixSlot)return t("slot",{name:"prefix"});if(this.dsPrefixText)return t("slot",{name:"prefix"},t("span",{class:"prefix"},this.dsPrefixText));const s=this.dsIcon\|\|b[this.dsType],i=u("ds-icon","ds-text-input",this.el);return s?t("slot",{name:"prefix"},t(i,{class:"ds-text-input__icon",dsName:s})):null}renderSuffixContent(){if(this.hasSuffixSlot)return t("slot",{name:"suffix"});if(this.dsSuffixText)return t("slot",{name:"suffix"},t("span",{class:"suffix"},this.dsSuffixText));const s=x[this.dsType]?.(this)??"",i="password"===this.dsType?this.passwordInputVisible:void 0,e=u("ds-button","ds-text-input",this.el);return s?t("slot",{name:"suffix"},t(e,{ref:t=>this.suffixButtonElement=t,dsVariant:"supplementary",dsColour:"black",class:"ds-text-input__button",dsDisabled:!1,dsIcon:s,onClick:this.onActionButtonClicked,"aria-pressed":i,"aria-label":this.dsActionButtonAriaLabel})):null}handleInputContainerClick(t){t.target!==this.suffixButtonElement&&this.inputElement.focus()}render(){const s="password"===this.dsType&&this.passwordInputVisible?"text":this.dsType,i=u("ds-visually-hidden","ds-text-input",this.el),e=u("ds-input-validity","ds-text-input",this.el);return t(n,{key:"d5fbe44bbbff42b75a215b87a69d8574a2911018"},t("div",{key:"94c0dd7e71ede20e760796deb76edde382a0f10b",class:"ds-input__label-container"},t("slot",{key:"e86e263cd9af65e1fa3b86c237a5ef39d4f20e7f",name:"label"},t("label",{key:"3936b750b6f318a1b7344c4cc3ebcb852fc51066",htmlFor:this.dsId},this.getLabelText())),t("slot",{key:"d2da2e30b78a34a45b8b7f46966ab972e4e0b025",name:"assistiveText"},t("small",{key:"d52b4154dd59e8f27e6cc825cbe62c1d8f0f3319",id:this.assistiveTextId},this.dsAssistiveText),t(i,{key:"fea45e29a5e2d61946cc623688ddd02f842d5dff",id:this.visuallyHiddenAssistiveTextId,"ds-tag":"span"},this.dsHiddenAssistiveText))),t("div",{key:"5ee839a7c0e09ba29f0d188504f31c93fe95b993",onMouseDown:()=>this.inputActive=!0,onMouseUp:()=>this.inputActive=!1,onClick:t=>this.handleInputContainerClick(t),class:a("ds-input__container",{disabled:this.dsDisabled,readonly:this.dsReadonly,valid:!!this.dsSuccessText,invalid:!!this.dsErrorText,focus:this.hasFocus,active:!!this.inputActive})},this.renderPrefixContent(),t("input",{key:"a9bf53d9a819db9cad6c80535abb3b101d3e36ed",ref:t=>this.inputElement=t,id:this.dsId,name:this.dsName,"aria-label":this.dsAriaLabel,"aria-labelledby":this.dsAriaLabelledby,"aria-describedby":this.dsAriaDescribedby\|\|a({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText}),"aria-invalid":this.dsErrorText?"true":"false",disabled:this.dsDisabled,required:this.dsRequired,readonly:this.dsReadonly,value:this.dsValue,type:s,min:this.dsMin,max:this.dsMax,maxlength:this.dsMaxLength,pattern:this.dsPattern,placeholder:this.dsPlaceholder,autocomplete:this.dsAutocomplete,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...this.inheritedAttributes}),this.renderSuffixContent()),t("slot",{key:"1ad212e77fa8fd66c414860bf767054322a3f3bf",name:"validity"},t(e,{key:"980a25cc784a37a0ba5f32e029f744a94db8502f",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsValidityRole:"alert"}),t(e,{key:"0a006fdb9962543ecb77790a56655669e251e7e1",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success",dsValidityRole:"status"})))}static get formAssociated(){return!0}static get watchers(){return{dsValue:["valueObserver"]}}};l([t("ds-icon",null),t("ds-button",null),t("ds-visually-hidden",null),t("ds-input-validity",null)]),v.style=".sc-ds-text-input:root,.sc-ds-text-input-h{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.sc-ds-text-input-h .sc-ds-text-input,.ds-no-style-leak.sc-ds-text-input .sc-ds-text-input{all:unset;box-sizing:border-box;display:block}.sc-ds-text-input-h{display:block;width:288px}@media (min-width: 75rem){.sc-ds-text-input-h{width:320px}}.ds-input__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-input__label-container.sc-ds-text-input label.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-palette-black-95)}.ds-input__label-container.sc-ds-text-input small.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);display:block;margin-block-start:var(--ds-spacing-3xSmall);color:var(--ds-palette-black-70)}.ds-input__container.sc-ds-text-input{box-sizing:border-box;width:100%;display:inline-flex;position:relative;align-items:center;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-palette-black-50);padding-inline:var(--ds-spacing-xSmall)}.ds-input__container.sc-ds-text-input:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-input__container.sc-ds-text-input:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-input__container.invalid.sc-ds-text-input{background-color:var(--ds-palette-red-05);border-color:var(--ds-palette-red-50)}.ds-input__container.invalid.sc-ds-text-input:hover:not(.ds-input__container.invalid:focus-within){background-color:var(--ds-palette-red-10);border-color:var(--ds-palette-red-50)}.ds-input__container.invalid.active.sc-ds-text-input{background-color:var(--ds-palette-red-20);border-color:var(--ds-palette-red-50)}.ds-input__container.valid.sc-ds-text-input{background-color:var(--ds-palette-green-05);border-color:var(--ds-palette-green-50)}.ds-input__container.valid.sc-ds-text-input:hover:not(.ds-input__container.valid:focus-within){background-color:var(--ds-palette-green-10);border-color:var(--ds-palette-green-50)}.ds-input__container.valid.active.sc-ds-text-input{background-color:var(--ds-palette-green-20);border-color:var(--ds-palette-green-50)}.ds-input__container.readonly.sc-ds-text-input,.ds-input__container.disabled.sc-ds-text-input{background-color:var(--ds-overlay-black-10);border-color:var(--ds-overlay-black-15)}.ds-input__container.sc-ds-text-input:has(span.prefix,.ds-text-input__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-input__container.sc-ds-text-input:has(.ds-text-input__button){padding-inline-end:unset}.ds-input__container.sc-ds-text-input:has(input:active){outline:none}.ds-input__container.sc-ds-text-input:has(input:active):not:has(input:disabled,input.sc-ds-text-input:read-only){border-color:var(--ds-palette-black-50)}.ds-input__container.active.sc-ds-text-input:not(.ds-input__container.disabled,.ds-input__container.readonly.sc-ds-text-input,.ds-input__container.invalid.sc-ds-text-input,.ds-input__container.valid).sc-ds-text-input{border-color:var(--ds-palette-black-50);background-color:var(--ds-palette-black-20)}.ds-input__container.sc-ds-text-input:hover:not(.ds-input__container.disabled,.ds-input__container.readonly.sc-ds-text-input,.ds-input__container.active.sc-ds-text-input,.ds-input__container.invalid.sc-ds-text-input,.ds-input__container.valid.sc-ds-text-input,.ds-input__container.sc-ds-text-input:focus-within){border-color:var(--ds-palette-black-50);background-color:var(--ds-palette-black-10)}.ds-input__container.sc-ds-text-input:focus-within:not(.ds-input__container:focus-within.invalid,.ds-input__container.sc-ds-text-input:focus-within.valid,.ds-input__container.sc-ds-text-input:focus-within.readonly){border-color:var(--ds-palette-mainBlue-70)}.ds-input__container.sc-ds-text-input:focus-within .sc-ds-text-input>.ds-text-input__button.sc-ds-text-input>button.sc-ds-text-input:focus-visible{background-clip:padding-box;outline-offset:-5px;box-shadow:none;height:var(--ds-spacing-xLarge);background-color:var(--ds-overlay-black-10)}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:100%;box-sizing:border-box;background-color:unset;flex-grow:1;height:var(--ds-spacing-xLarge);line-height:var(--ds-fontSize-24);color:var(--ds-palette-black-95);border:none;padding-block:var(--ds-spacing-4xSmall)}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-palette-black-70)}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-palette-black-40)}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-palette-black-40)}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-input__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-input__container.sc-ds-text-input:has(span.prefix,.ds-text-input__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-input__container.sc-ds-text-input span.prefix.sc-ds-text-input,.ds-input__container.sc-ds-text-input span.suffix.sc-ds-text-input{color:var(--ds-palette-black-70)}.ds-input__container.sc-ds-text-input .ds-text-input__icon.sc-ds-text-input,.ds-input__container.sc-ds-text-input-s>[slot=prefix],.ds-input__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-palette-black-95)}.ds-input__container.sc-ds-text-input .ds-text-input__button.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}";export{v as ds_text_input}
1	+ import{h as t,r as s,c as e,a as i,F as a}from"./index-CweVEfzR.js";import{c as r}from"./index-BfTCfPZ1.js";import{g as d,a as n,v as o}from"./controlUtils-BJyRJHcK.js";import{d as l,i as c,t as u}from"./utils-hnAo1pVs.js";import{b as p,i as h}from"./attributes-BD_lNRxn.js";import"./index-DoxslvGO.js";const b={search:"search"},v={search:({clearButtonVisible:t})=>t?"cancel_fill":"",password:({passwordInputVisible:t})=>t?"visibility_off_fill":"visibility_fill"},x=c("ds-input"),g=class{constructor(t){s(this,t),this.dsChange=e(this,"dsChange"),this.dsInput=e(this,"dsInput"),this.dsClear=e(this,"dsClear"),this.dsSubmitInvalid=e(this,"dsSubmitInvalid"),this.dsValidity=e(this,"dsValidity")}inheritedAttributes={};suffixButtonElement;inputElement;assistiveTextId;visuallyHiddenAssistiveTextId;errorTextId;successTextId;hasPrefixSlot=!1;hasSuffixSlot=!1;get el(){return i(this)}dsChange;dsInput;dsClear;dsSubmitInvalid;dsValidity;dsLabel;dsPlaceholder;dsId=x.next().value;dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsMin;dsMax;dsMaxLength;dsPattern;dsAutocomplete;dsOptionalText;dsErrorText;dsSuccessText;dsAssistiveText;dsActionButtonAriaLabel;dsHiddenAssistiveText;dsPrefixText;dsSuffixText;dsIcon="";dsType="text";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;hasFocus=!1;clearButtonVisible=!1;passwordInputVisible=!1;inputActive=!1;wasInvalidOnBlur=!1;setIds=()=>{this.assistiveTextId=`${this.dsId}-assistive-text`,this.visuallyHiddenAssistiveTextId=`${this.dsId}-visually-hidden-assistive-text`,this.errorTextId=`${this.dsId}-error-text`,this.successTextId=`${this.dsId}-success-text`};async togglePasswordVisibility(){return this.passwordInputVisible=!this.passwordInputVisible}async clearInput(t){this.dsValue="",this.inputElement.focus(),this.dsClear.emit({event:t,value:this.dsValue})}async dsFocus(){this.inputElement.focus()}async dsCheckValidity(){return this.inputElement?.checkValidity()}valueObserver(t){this.dsChange.emit({value:t}),this.clearButtonVisible=!!t}getLabelText=()=>this.dsRequired?d(this.dsLabel):this.dsOptional?n(this.dsLabel,this.dsOptionalText):this.dsLabel;componentWillLoad(){this.inheritedAttributes={...h(this,this.el,["id"]),...p(this.el,["aria-label","aria-labelledby","aria-describedby","aria-invalid"])},this.setIds(),this.hasPrefixSlot=!!this.el.querySelector('[slot="prefix"]'),this.hasSuffixSlot=!!this.el.querySelector('[slot="suffix"]'),this.clearButtonVisible="search"===this.dsType&&!!this.dsValue}formResetCallback(){this.dsErrorText=""}handleInvalid=t=>{t.preventDefault();const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsSubmitInvalid.emit({flag:t,message:o(t,{type:this.dsType})});break}};handleInput=t=>{if(this.dsValue=t.target.value,this.dsInput.emit({event:t,value:this.dsValue}),this.dsErrorText\|\|this.wasInvalidOnBlur){const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.dsValidity.emit({flag:s,message:o(s,{type:this.dsType})});break}}};handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.wasInvalidOnBlur="valid"!==s,this.dsValidity.emit({flag:s,message:o(s,{type:this.dsType})});break}};onActionButtonClicked=t=>{switch(t.stopPropagation(),this.dsType){case"password":return this.togglePasswordVisibility();case"search":return void this.clearInput(t);default:return}};renderPrefixContent(){if(this.hasPrefixSlot)return t("slot",{name:"prefix"});if(this.dsPrefixText)return t("slot",{name:"prefix"},t("span",{class:"prefix"},this.dsPrefixText));const s=this.dsIcon\|\|b[this.dsType],e=u("ds-icon","ds-text-input",this.el);return s?t("slot",{name:"prefix"},t(e,{class:"ds-text-input__icon",dsName:s})):null}renderSuffixContent(){if(this.hasSuffixSlot)return t("slot",{name:"suffix"});if(this.dsSuffixText)return t("slot",{name:"suffix"},t("span",{class:"suffix"},this.dsSuffixText));const s=v[this.dsType]?.(this)??"",e="password"===this.dsType?this.passwordInputVisible:void 0,i=u("ds-button","ds-text-input",this.el);return s?t("slot",{name:"suffix"},t(i,{ref:t=>this.suffixButtonElement=t,dsVariant:"supplementary",dsColour:"black",class:"ds-text-input__button",dsDisabled:!1,dsIcon:s,onClick:this.onActionButtonClicked,"aria-pressed":e,"aria-label":this.dsActionButtonAriaLabel})):null}handleInputContainerClick(t){t.target!==this.suffixButtonElement&&this.inputElement.focus()}render(){const s="password"===this.dsType&&this.passwordInputVisible?"text":this.dsType,e=u("ds-visually-hidden","ds-text-input",this.el),i=u("ds-input-validity","ds-text-input",this.el);return t(a,{key:"c6e9959eb7982f343c228cbfbef591b7ed1da017"},t("div",{key:"aa5bc08c342fd8c92b3a49ef700134fe8924f422",class:"ds-input__label-container"},t("slot",{key:"33da148c9710828d0bed2203636d2192e3a4d5e3",name:"label"},t("label",{key:"1c773019f0e9e4f2adfbafdfddb7b9330623a54a",htmlFor:this.dsId},this.getLabelText())),t("slot",{key:"b2c3ebe974b798e0d20e539559c5f539d3b9e11e",name:"assistiveText"},t("small",{key:"76fbe9e0a4d7cc8f06f60ebcd31c6475d1771202",id:this.assistiveTextId},this.dsAssistiveText),t(e,{key:"695c998b00a7c0526ae9d084f8d04d9fd310fe4f",id:this.visuallyHiddenAssistiveTextId,"ds-tag":"span"},this.dsHiddenAssistiveText))),t("div",{key:"27cef3d860f46b8b1d55eeaf4ac0a8ee247c30f2",onMouseDown:()=>this.inputActive=!0,onMouseUp:()=>this.inputActive=!1,onClick:t=>this.handleInputContainerClick(t),class:r("ds-input__container",{disabled:this.dsDisabled,readonly:this.dsReadonly,valid:!!this.dsSuccessText,invalid:!!this.dsErrorText,focus:this.hasFocus,active:!!this.inputActive})},this.renderPrefixContent(),t("input",{key:"27950a285c7a5290721c1a8d5379a43efc6be696",ref:t=>this.inputElement=t,id:this.dsId,name:this.dsName,"aria-label":this.dsAriaLabel,"aria-labelledby":this.dsAriaLabelledby,"aria-describedby":this.dsAriaDescribedby\|\|r({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText}),"aria-invalid":this.dsErrorText?"true":"false",disabled:this.dsDisabled,required:this.dsRequired,readonly:this.dsReadonly,value:this.dsValue,type:s,min:this.dsMin,max:this.dsMax,maxlength:this.dsMaxLength,pattern:this.dsPattern,placeholder:this.dsPlaceholder,autocomplete:this.dsAutocomplete,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...this.inheritedAttributes}),this.renderSuffixContent()),t("slot",{key:"a26f4f2d0198113f3c7b33cdbcfe00662d2c6098",name:"validity"},t(i,{key:"63f027f7cd8746a66ea266ed5194904c72a35f65",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsValidityRole:"alert"}),t(i,{key:"c2f873164d8ccf7fb45fb8ab814038d28e52406c",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success",dsValidityRole:"status"})))}static get formAssociated(){return!0}static get watchers(){return{dsValue:["valueObserver"]}}};l([t("ds-icon",null),t("ds-button",null),t("ds-visually-hidden",null),t("ds-input-validity",null)]),g.style=".sc-ds-text-input:root,.sc-ds-text-input-h{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.sc-ds-text-input:root,.sc-ds-text-input-h{--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-palette-white);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-50);--ds-borderColor-success:var(--ds-palette-green-50);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-50);--ds-borderColor-attention:var(--ds-palette-yellow-50)}.sc-ds-text-input-h .sc-ds-text-input,.ds-no-style-leak.sc-ds-text-input .sc-ds-text-input{all:unset;box-sizing:border-box;display:block}.sc-ds-text-input-h{display:block;width:288px}@media (min-width: 75rem){.sc-ds-text-input-h{width:320px}}.ds-input__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-input__label-container.sc-ds-text-input label.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-input__label-container.sc-ds-text-input small.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);display:block;margin-block-start:var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary)}.ds-input__container.sc-ds-text-input{box-sizing:border-box;width:100%;display:inline-flex;position:relative;align-items:center;border-width:var(--ds-borderWidth-thin);border-style:solid;background-color:var(--ds-bgColor-white);border-color:var(--ds-borderColor-default);padding-inline:var(--ds-spacing-xSmall)}.ds-input__container.sc-ds-text-input: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-input__container.sc-ds-text-input: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-input__container.invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-input__container.invalid.sc-ds-text-input:hover:not(.ds-input__container.invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-input__container.invalid.active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-input__container.valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-input__container.valid.sc-ds-text-input:hover:not(.ds-input__container.valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-input__container.valid.active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-input__container.readonly.sc-ds-text-input,.ds-input__container.disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-input__container.sc-ds-text-input:has(span.prefix,.ds-text-input__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-input__container.sc-ds-text-input:has(.ds-text-input__button){padding-inline-end:unset}.ds-input__container.sc-ds-text-input:has(input:active){outline:none}.ds-input__container.sc-ds-text-input:has(input:active):not:has(input:disabled,input.sc-ds-text-input:read-only){border-color:var(--ds-borderColor-default)}.ds-input__container.active.sc-ds-text-input:not(.ds-input__container.disabled,.ds-input__container.readonly.sc-ds-text-input,.ds-input__container.invalid.sc-ds-text-input,.ds-input__container.valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-input__container.sc-ds-text-input:hover:not(.ds-input__container.disabled,.ds-input__container.readonly.sc-ds-text-input,.ds-input__container.active.sc-ds-text-input,.ds-input__container.invalid.sc-ds-text-input,.ds-input__container.valid.sc-ds-text-input,.ds-input__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-input__container.sc-ds-text-input:focus-within:not(.ds-input__container:focus-within.invalid,.ds-input__container.sc-ds-text-input:focus-within.valid,.ds-input__container.sc-ds-text-input:focus-within.readonly){border-color:var(--ds-borderColor-primary)}.ds-input__container.sc-ds-text-input:focus-within .sc-ds-text-input>.ds-text-input__button.sc-ds-text-input>button.sc-ds-text-input:focus-visible{background-clip:padding-box;outline-offset:-5px;box-shadow:none;height:var(--ds-spacing-xLarge);background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:100%;box-sizing:border-box;background-color:unset;flex-grow:1;height:var(--ds-spacing-xLarge);line-height:var(--ds-fontSize-24);color:var(--ds-textColor-default);border:none;padding-block:var(--ds-spacing-4xSmall)}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-input__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-input__container.sc-ds-text-input:has(span.prefix,.ds-text-input__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-input__container.sc-ds-text-input span.prefix.sc-ds-text-input,.ds-input__container.sc-ds-text-input span.suffix.sc-ds-text-input{color:var(--ds-textColor-link-standalone)}.ds-input__container.sc-ds-text-input .ds-text-input__icon.sc-ds-text-input,.ds-input__container.sc-ds-text-input-s>[slot=prefix],.ds-input__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-input__container.sc-ds-text-input .ds-text-input__button.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}";export{g as ds_text_input}

package/dist/component-library/ds-visually-hidden.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as e,h as s}from"./index-~~CIXO9B7A~~.js";const i=class{constructor(s){e(this,s)}dsTag="div";render(){return s(this.dsTag,{key:"~~4294edab8fcf553ad50c2e0f268df30e9338382f~~",class:"ds-visually-hidden"},s("slot",{key:"~~33181a1b5924f4e58b71a1795ebcc42e72b66971~~"}))}};i.style=".ds-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";export{i as ds_visually_hidden}
1	+ import{r as s,h as d}from"./index-CweVEfzR.js";const i=class{constructor(d){s(this,d)}dsTag="div";render(){return d(this.dsTag,{key:"9205695b0a2904a92094a6481db09529d080c703",class:"ds-visually-hidden"},d("slot",{key:"5f9d9c09699189b39d0ff96883c68c44d984aed7"}))}};i.style=":host{position:absolute}.ds-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";export{i as ds_visually_hidden}

package/dist/component-library/index-CweVEfzR.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=()=>{};var t=Object.defineProperty,a=(e=>(e.Undefined="undefined",e.Null="null",e.String="string",e.Number="number",e.SpecialNumber="number",e.Boolean="boolean",e.BigInt="bigint",e))(a\|\|{}),r=(e=>(e.Array="array",e.Date="date",e.Map="map",e.Object="object",e.RegularExpression="regexp",e.Set="set",e.Channel="channel",e.Symbol="symbol",e))(r\|\|{}),s="type",n="value",l="serialized:",d=(e,t)=>{var a;Object.entries(null!=(a=t.l.t)?a:{}).map((([a,[r]])=>{if(31&r\|\|32&r){const r=e[a],s=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),a);Object.defineProperty(e,a,{get(){return s.get.call(this)},set(e){s.set.call(this,e)},configurable:!0,enumerable:!0}),e[a]=t.i.has(a)?t.i.get(a):r}}))},i=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},o=(e,t)=>{e.__stencil__getHostRef=()=>t,t.o=e,d(e,t)},g=(e,t)=>t in e,m=(e,t)=>(0,console.error)(e,t),p=new Map,c=new Map,f="s-id",v="sty-id",x="c-id",u="slot-fb{display:contents}slot-fb[hidden]{display:none}",h="http://www.w3.org/1999/xlink",b=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],y="undefined"!=typeof window?window:{},S={m:0,p:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,a,r)=>e.addEventListener(t,a,r),rel:(e,t,a,r)=>e.removeEventListener(t,a,r),ce:(e,t)=>new CustomEvent(e,t)},w=e=>Promise.resolve(e),L=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),$=!!L&&(()=>!!y.document&&Object.getOwnPropertyDescriptor(y.document.adoptedStyleSheets,"length").writable)(),k=!1,z=[],C=[],W=(e,t)=>a=>{e.push(a),k\|\|(k=!0,t&&4&S.m?B(O):S.raf(O))},j=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){m(e)}e.length=0},O=()=>{j(z),j(C),(k=z.length>0)&&S.raf(O)},B=e=>w().then(e),F=W(C,!0),T=e=>"object"==(e=typeof e)\|\|"function"===e;function N(e){var t,a,r;return null!=(r=null==(a=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:a.getAttribute("content"))?r:void 0}var E=class e{static fromLocalValue(t){const a=t[s],r=n in t?t[n]:void 0;switch(a){case"string":case"boolean":return r;case"bigint":return BigInt(r);case"undefined":return;case"null":return null;case"number":return"NaN"===r?NaN:"-0"===r?-0:"Infinity"===r?1/0:"-Infinity"===r?-1/0:r;case"array":return r.map((t=>e.fromLocalValue(t)));case"date":return new Date(r);case"map":const t=new Map;for(const[a,s]of r){const r="object"==typeof a&&null!==a?e.fromLocalValue(a):a,n=e.fromLocalValue(s);t.set(r,n)}return t;case"object":const s={};for(const[t,a]of r)s[t]=e.fromLocalValue(a);return s;case"regexp":const{pattern:n,flags:l}=r;return RegExp(n,l);case"set":const d=new Set;for(const t of r)d.add(e.fromLocalValue(t));return d;case"symbol":return Symbol(r);default:throw Error("Unsupported type: "+a)}}static fromLocalValueArray(t){return t.map((t=>e.fromLocalValue(t)))}static isLocalValueObject(e){if("object"!=typeof e\|\|null===e)return!1;if(!e.hasOwnProperty(s))return!1;const t=e[s];return!!Object.values({...a,...r}).includes(t)&&("null"===t\|\|"undefined"===t\|\|e.hasOwnProperty(n))}};((e,a)=>{for(var r in a)t(e,r,{get:a[r],enumerable:!0})})({},{err:()=>D,map:()=>M,ok:()=>H,unwrap:()=>I,unwrapErr:()=>P});var H=e=>({isOk:!0,isErr:!1,value:e}),D=e=>({isOk:!1,isErr:!0,value:e});function M(e,t){if(e.isOk){const a=t(e.value);return a instanceof Promise?a.then((e=>H(e))):H(a)}if(e.isErr)return D(e.value);throw"should never get here"}var R,I=e=>{if(e.isOk)return e.value;throw e.value},P=e=>{if(e.isErr)return e.value;throw e.value};function A(e){var t;const a=this.attachShadow({mode:"open",delegatesFocus:!!(16&e.m)});void 0===R&&(R=null!=(t=function(){if(!L)return;const e=new CSSStyleSheet;return e.replaceSync('html{box-sizing:border-box}html ,html ::before,html ::after{box-sizing:inherit}slot-fb{display:contents}:root,:host{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px}:root,:host{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:root,:host{--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#0084b8;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#d71f19;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115}:root,:host{--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-palette-white);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-50);--ds-borderColor-success:var(--ds-palette-green-50);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-50);--ds-borderColor-attention:var(--ds-palette-yellow-50)}:root,:host{--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem;}.ds-m-4xs{margin:var(--ds-spacing-4xSmall, 0.125rem)}.ds-m-3xs{margin:var(--ds-spacing-3xSmall, 0.25rem)}.ds-m-2xs{margin:var(--ds-spacing-2xSmall, 0.5rem)}.ds-m-xs{margin:var(--ds-spacing-xSmall, 0.75rem)}.ds-m-sm{margin:var(--ds-spacing-small, 1rem)}.ds-m-md{margin:var(--ds-spacing-medium, 1.5rem)}.ds-m-lg{margin:var(--ds-spacing-large, 2rem)}.ds-m-xl{margin:var(--ds-spacing-xLarge, 2.5rem)}.ds-m-2xl{margin:var(--ds-spacing-2xLarge, 3rem)}.ds-m-3xl{margin:var(--ds-spacing-3xLarge, 3.5rem)}.ds-m-4xl{margin:var(--ds-spacing-4xLarge, 4rem)}.ds-m-5xl{margin:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mt-4xs{margin-top:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mt-3xs{margin-top:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mt-2xs{margin-top:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mt-xs{margin-top:var(--ds-spacing-xSmall, 0.75rem)}.ds-mt-sm{margin-top:var(--ds-spacing-small, 1rem)}.ds-mt-md{margin-top:var(--ds-spacing-medium, 1.5rem)}.ds-mt-lg{margin-top:var(--ds-spacing-large, 2rem)}.ds-mt-xl{margin-top:var(--ds-spacing-xLarge, 2.5rem)}.ds-mt-2xl{margin-top:var(--ds-spacing-2xLarge, 3rem)}.ds-mt-3xl{margin-top:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mt-4xl{margin-top:var(--ds-spacing-4xLarge, 4rem)}.ds-mt-5xl{margin-top:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mr-4xs{margin-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mr-3xs{margin-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mr-2xs{margin-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mr-xs{margin-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-mr-sm{margin-right:var(--ds-spacing-small, 1rem)}.ds-mr-md{margin-right:var(--ds-spacing-medium, 1.5rem)}.ds-mr-lg{margin-right:var(--ds-spacing-large, 2rem)}.ds-mr-xl{margin-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-mr-2xl{margin-right:var(--ds-spacing-2xLarge, 3rem)}.ds-mr-3xl{margin-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mr-4xl{margin-right:var(--ds-spacing-4xLarge, 4rem)}.ds-mr-5xl{margin-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mb-4xs{margin-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mb-3xs{margin-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mb-2xs{margin-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mb-xs{margin-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-mb-sm{margin-bottom:var(--ds-spacing-small, 1rem)}.ds-mb-md{margin-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-mb-lg{margin-bottom:var(--ds-spacing-large, 2rem)}.ds-mb-xl{margin-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-mb-2xl{margin-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-mb-3xl{margin-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mb-4xl{margin-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-mb-5xl{margin-bottom:var(--ds-spacing-5xLarge, 4.5rem)}.ds-ml-4xs{margin-left:var(--ds-spacing-4xSmall, 0.125rem)}.ds-ml-3xs{margin-left:var(--ds-spacing-3xSmall, 0.25rem)}.ds-ml-2xs{margin-left:var(--ds-spacing-2xSmall, 0.5rem)}.ds-ml-xs{margin-left:var(--ds-spacing-xSmall, 0.75rem)}.ds-ml-sm{margin-left:var(--ds-spacing-small, 1rem)}.ds-ml-md{margin-left:var(--ds-spacing-medium, 1.5rem)}.ds-ml-lg{margin-left:var(--ds-spacing-large, 2rem)}.ds-ml-xl{margin-left:var(--ds-spacing-xLarge, 2.5rem)}.ds-ml-2xl{margin-left:var(--ds-spacing-2xLarge, 3rem)}.ds-ml-3xl{margin-left:var(--ds-spacing-3xLarge, 3.5rem)}.ds-ml-4xl{margin-left:var(--ds-spacing-4xLarge, 4rem)}.ds-ml-5xl{margin-left:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mx-4xs{margin-left:var(--ds-spacing-4xSmall, 0.125rem);margin-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mx-3xs{margin-left:var(--ds-spacing-3xSmall, 0.25rem);margin-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mx-2xs{margin-left:var(--ds-spacing-2xSmall, 0.5rem);margin-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mx-xs{margin-left:var(--ds-spacing-xSmall, 0.75rem);margin-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-mx-sm{margin-left:var(--ds-spacing-small, 1rem);margin-right:var(--ds-spacing-small, 1rem)}.ds-mx-md{margin-left:var(--ds-spacing-medium, 1.5rem);margin-right:var(--ds-spacing-medium, 1.5rem)}.ds-mx-lg{margin-left:var(--ds-spacing-large, 2rem);margin-right:var(--ds-spacing-large, 2rem)}.ds-mx-xl{margin-left:var(--ds-spacing-xLarge, 2.5rem);margin-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-mx-2xl{margin-left:var(--ds-spacing-2xLarge, 3rem);margin-right:var(--ds-spacing-2xLarge, 3rem)}.ds-mx-3xl{margin-left:var(--ds-spacing-3xLarge, 3.5rem);margin-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mx-4xl{margin-left:var(--ds-spacing-4xLarge, 4rem);margin-right:var(--ds-spacing-4xLarge, 4rem)}.ds-mx-5xl{margin-left:var(--ds-spacing-5xLarge, 4.5rem);margin-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-my-4xs{margin-top:var(--ds-spacing-4xSmall, 0.125rem);margin-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-my-3xs{margin-top:var(--ds-spacing-3xSmall, 0.25rem);margin-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-my-2xs{margin-top:var(--ds-spacing-2xSmall, 0.5rem);margin-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-my-xs{margin-top:var(--ds-spacing-xSmall, 0.75rem);margin-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-my-sm{margin-top:var(--ds-spacing-small, 1rem);margin-bottom:var(--ds-spacing-small, 1rem)}.ds-my-md{margin-top:var(--ds-spacing-medium, 1.5rem);margin-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-my-lg{margin-top:var(--ds-spacing-large, 2rem);margin-bottom:var(--ds-spacing-large, 2rem)}.ds-my-xl{margin-top:var(--ds-spacing-xLarge, 2.5rem);margin-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-my-2xl{margin-top:var(--ds-spacing-2xLarge, 3rem);margin-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-my-3xl{margin-top:var(--ds-spacing-3xLarge, 3.5rem);margin-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-my-4xl{margin-top:var(--ds-spacing-4xLarge, 4rem);margin-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-my-5xl{margin-top:var(--ds-spacing-5xLarge, 4.5rem);margin-bottom:var(--ds-spacing-5xLarge, 4.5rem)}.ds-p-4xs{padding:var(--ds-spacing-4xSmall, 0.125rem)}.ds-p-3xs{padding:var(--ds-spacing-3xSmall, 0.25rem)}.ds-p-2xs{padding:var(--ds-spacing-2xSmall, 0.5rem)}.ds-p-xs{padding:var(--ds-spacing-xSmall, 0.75rem)}.ds-p-sm{padding:var(--ds-spacing-small, 1rem)}.ds-p-md{padding:var(--ds-spacing-medium, 1.5rem)}.ds-p-lg{padding:var(--ds-spacing-large, 2rem)}.ds-p-xl{padding:var(--ds-spacing-xLarge, 2.5rem)}.ds-p-2xl{padding:var(--ds-spacing-2xLarge, 3rem)}.ds-p-3xl{padding:var(--ds-spacing-3xLarge, 3.5rem)}.ds-p-4xl{padding:var(--ds-spacing-4xLarge, 4rem)}.ds-p-5xl{padding:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pt-4xs{padding-top:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pt-3xs{padding-top:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pt-2xs{padding-top:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pt-xs{padding-top:var(--ds-spacing-xSmall, 0.75rem)}.ds-pt-sm{padding-top:var(--ds-spacing-small, 1rem)}.ds-pt-md{padding-top:var(--ds-spacing-medium, 1.5rem)}.ds-pt-lg{padding-top:var(--ds-spacing-large, 2rem)}.ds-pt-xl{padding-top:var(--ds-spacing-xLarge, 2.5rem)}.ds-pt-2xl{padding-top:var(--ds-spacing-2xLarge, 3rem)}.ds-pt-3xl{padding-top:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pt-4xl{padding-top:var(--ds-spacing-4xLarge, 4rem)}.ds-pt-5xl{padding-top:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pr-4xs{padding-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pr-3xs{padding-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pr-2xs{padding-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pr-xs{padding-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-pr-sm{padding-right:var(--ds-spacing-small, 1rem)}.ds-pr-md{padding-right:var(--ds-spacing-medium, 1.5rem)}.ds-pr-lg{padding-right:var(--ds-spacing-large, 2rem)}.ds-pr-xl{padding-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-pr-2xl{padding-right:var(--ds-spacing-2xLarge, 3rem)}.ds-pr-3xl{padding-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pr-4xl{padding-right:var(--ds-spacing-4xLarge, 4rem)}.ds-pr-5xl{padding-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pb-4xs{padding-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pb-3xs{padding-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pb-2xs{padding-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pb-xs{padding-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-pb-sm{padding-bottom:var(--ds-spacing-small, 1rem)}.ds-pb-md{padding-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-pb-lg{padding-bottom:var(--ds-spacing-large, 2rem)}.ds-pb-xl{padding-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-pb-2xl{padding-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-pb-3xl{padding-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pb-4xl{padding-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-pb-5xl{padding-bottom:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pl-4xs{padding-left:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pl-3xs{padding-left:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pl-2xs{padding-left:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pl-xs{padding-left:var(--ds-spacing-xSmall, 0.75rem)}.ds-pl-sm{padding-left:var(--ds-spacing-small, 1rem)}.ds-pl-md{padding-left:var(--ds-spacing-medium, 1.5rem)}.ds-pl-lg{padding-left:var(--ds-spacing-large, 2rem)}.ds-pl-xl{padding-left:var(--ds-spacing-xLarge, 2.5rem)}.ds-pl-2xl{padding-left:var(--ds-spacing-2xLarge, 3rem)}.ds-pl-3xl{padding-left:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pl-4xl{padding-left:var(--ds-spacing-4xLarge, 4rem)}.ds-pl-5xl{padding-left:var(--ds-spacing-5xLarge, 4.5rem)}.ds-px-4xs{padding-left:var(--ds-spacing-4xSmall, 0.125rem);padding-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-px-3xs{padding-left:var(--ds-spacing-3xSmall, 0.25rem);padding-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-px-2xs{padding-left:var(--ds-spacing-2xSmall, 0.5rem);padding-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-px-xs{padding-left:var(--ds-spacing-xSmall, 0.75rem);padding-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-px-sm{padding-left:var(--ds-spacing-small, 1rem);padding-right:var(--ds-spacing-small, 1rem)}.ds-px-md{padding-left:var(--ds-spacing-medium, 1.5rem);padding-right:var(--ds-spacing-medium, 1.5rem)}.ds-px-lg{padding-left:var(--ds-spacing-large, 2rem);padding-right:var(--ds-spacing-large, 2rem)}.ds-px-xl{padding-left:var(--ds-spacing-xLarge, 2.5rem);padding-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-px-2xl{padding-left:var(--ds-spacing-2xLarge, 3rem);padding-right:var(--ds-spacing-2xLarge, 3rem)}.ds-px-3xl{padding-left:var(--ds-spacing-3xLarge, 3.5rem);padding-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-px-4xl{padding-left:var(--ds-spacing-4xLarge, 4rem);padding-right:var(--ds-spacing-4xLarge, 4rem)}.ds-px-5xl{padding-left:var(--ds-spacing-5xLarge, 4.5rem);padding-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-py-4xs{padding-top:var(--ds-spacing-4xSmall, 0.125rem);padding-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-py-3xs{padding-top:var(--ds-spacing-3xSmall, 0.25rem);padding-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-py-2xs{padding-top:var(--ds-spacing-2xSmall, 0.5rem);padding-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-py-xs{padding-top:var(--ds-spacing-xSmall, 0.75rem);padding-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-py-sm{padding-top:var(--ds-spacing-small, 1rem);padding-bottom:var(--ds-spacing-small, 1rem)}.ds-py-md{padding-top:var(--ds-spacing-medium, 1.5rem);padding-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-py-lg{padding-top:var(--ds-spacing-large, 2rem);padding-bottom:var(--ds-spacing-large, 2rem)}.ds-py-xl{padding-top:var(--ds-spacing-xLarge, 2.5rem);padding-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-py-2xl{padding-top:var(--ds-spacing-2xLarge, 3rem);padding-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-py-3xl{padding-top:var(--ds-spacing-3xLarge, 3.5rem);padding-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-py-4xl{padding-top:var(--ds-spacing-4xLarge, 4rem);padding-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-py-5xl{padding-top:var(--ds-spacing-5xLarge, 4.5rem);padding-bottom:var(--ds-spacing-5xLarge, 4.5rem)}html{font-size:100%}body{font-size:1rem}.ds-font{}.ds-font--heading{font-family:var(--ds-fontFamily-heading)}.ds-font--body{font-family:var(--ds-fontFamily-body)}.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--xtight{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking--tight{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking--normal{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking--wide{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking--xwide{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading--small{line-height:var(--ds-lineHeight-small)}.ds-leading--medium{line-height:var(--ds-lineHeight-medium)}.ds-leading--large{line-height:var(--ds-lineHeight-large)}.ds-leading--xlarge{line-height:var(--ds-lineHeight-xLarge)}.ds-width--normal{font-stretch:var(--ds-fontWidth-normal)}.ds-width--condense{font-stretch:var(--ds-fontWidth-condense)}.ds-number--proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph--16{margin-bottom:var(--ds-fontSize-16)}.ds-paragraph--20{margin-bottom:var(--ds-fontSize-20)}.ds-list--spacing{gap:4px}.ds-text-color--default{color:var(--ds-textColor-default)}.ds-text{}.ds-text--2xl-regular{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text--xl-regular{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text--lg-regular{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text--md-regular{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text--sm-regular{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text--xs-regular{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text--2xl-semibold{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text--xl-semibold{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text--lg-semibold{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text--md-semibold{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text--sm-semibold{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text--xs-semibold{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text--2xl-bold{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text--xl-bold{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text--lg-bold{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text--md-bold{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text--sm-bold{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text--xs-bold{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-heading--2xLarge{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-40);font-weight:var(--ds-fontWeight-bold);letter-spacing:-1.2px;font-stretch:var(--ds-fontWidth-normal);line-height:48px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading--2xLarge{font-size:var(--ds-fontSize-56);letter-spacing:var(--ds-letterSpacing-tight);line-height:64px;font-stretch:var(--ds-fontWidth-condense)}}.ds-heading--xLarge{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading--xLarge{font-size:var(--ds-fontSize-48);line-height:52px;font-stretch:var(--ds-fontWidth-condense)}}.ds-heading--large{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;text-transform:none}@media (min-width: 60rem){.ds-heading--large{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}.ds-heading--medium{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;text-transform:none}@media (min-width: 60rem){.ds-heading--medium{font-size:var(--ds-fontSize-24);line-height:24px}}.ds-heading--small{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;text-transform:none}@media (min-width: 60rem){.ds-heading--small{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-heading--xSmall{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:18px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading--xSmall{font-size:var(--ds-fontSize-18);line-height:20px}}.ds-bodyText--2xLarge{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodyText--2xLarge{font-size:var(--ds-fontSize-22)}}.ds-bodyText--xLarge{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodyText--xLarge{font-size:var(--ds-fontSize-20)}}.ds-bodyText--large{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodyText--large{font-size:var(--ds-fontSize-18)}}.ds-bodyText--medium{color:var(--ds-textColor-default);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)}@media (min-width: 60rem){.ds-bodyText--medium{font-size:var(--ds-fontSize-16)}}.ds-bodyText--small{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodyText--small{font-size:var(--ds-fontSize-14)}}:root,:host{--ds-fontFamily-heading:"Open Sans", sans-serif;--ds-fontFamily-body:"Open Sans", sans-serif;--ds-fontSize-12:12px;--ds-fontSize-14:14px;--ds-fontSize-16:16px;--ds-fontSize-18:18px;--ds-fontSize-20:20px;--ds-fontSize-22:22px;--ds-fontSize-24:24px;--ds-fontSize-26:26px;--ds-fontSize-30:30px;--ds-fontSize-32:32px;--ds-fontSize-36:36px;--ds-fontSize-40:40px;--ds-fontSize-48:48px;--ds-fontSize-56:56px;--ds-fontSize-64:64px;--ds-fontWeight-regular:400;--ds-fontWeight-semibold:600;--ds-fontWeight-semiboldPlus:650;--ds-fontWeight-bold:700;--ds-letterSpacing-xTight:-2px;--ds-letterSpacing-tight:-1.4px;--ds-letterSpacing-normal:-0.4px;--ds-letterSpacing-wide:0px;--ds-letterSpacing-xWide:0.4px;--ds-lineHeight-small:1;--ds-lineHeight-medium:1.2;--ds-lineHeight-large:1.5;--ds-lineHeight-xLarge:1.75;--ds-fontWidth-normal:100;--ds-fontWidth-condense:90;--ds-number-style:proportional-figures;}@supports (font-variation-settings: normal){:root,:host{--ds-fontFamily-heading:"Open Sans Variable", sans-serif;--ds-fontFamily-body:"Open Sans Variable", sans-serif}}'),e}())?t:null),R&&($?a.adoptedStyleSheets.push(R):a.adoptedStyleSheets=[...a.adoptedStyleSheets,R])}var U=e=>{const t=K(e,"childNodes");e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&"SLOT-FB"!==e.tagName&&V(t,e.tagName).forEach((e=>{1===e.nodeType&&"SLOT-FB"===e.tagName&&(e.hidden=!!_(e,Y(e),!1).length)}));let a=0;for(a=0;a<t.length;a++){const e=t[a];1===e.nodeType&&K(e,"childNodes").length&&U(e)}};function V(e,t,a){let r,s=0,n=[];for(;s<e.length;s++)r=e[s],!r["s-sr"]\|\|t&&r["s-hn"]!==t\|\|void 0!==a\|\|n.push(r),n=[...n,...V(r.childNodes,t,a)];return n}var _=(e,t,a=!0)=>{const r=[];(a&&e["s-sr"]\|\|!e["s-sr"])&&r.push(e);let s=e;for(;s=s.nextSibling;)Y(s)!==t\|\|!a&&s["s-sr"]\|\|r.push(s);return r},q=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t\|\|e.getAttribute("slot")===t:e["s-sn"]===t\|\|""===t,J=(e,t,a,r)=>{if(e["s-ol"]&&e["s-ol"].isConnected)return;const s=document.createTextNode("");if(s["s-nr"]=e,!t["s-cr"]\|\|!t["s-cr"].parentNode)return;const n=t["s-cr"].parentNode,l=K(n,"appendChild");if(void 0!==r){s["s-oo"]=r;const e=K(n,"childNodes"),t=[s];e.forEach((e=>{e["s-nr"]&&t.push(e)})),t.sort(((e,t)=>!e["s-oo"]\|\|e["s-oo"]<(t["s-oo"]\|\|0)?-1:!t["s-oo"]\|\|t["s-oo"]<e["s-oo"]?1:0)),t.forEach((e=>l.call(n,e)))}else l.call(n,s);e["s-ol"]=s,e["s-sh"]=t["s-hn"]},Y=e=>"string"==typeof e["s-sn"]?e["s-sn"]:1===e.nodeType&&e.getAttribute("slot")\|\|void 0;function G(e){if(e.assignedElements\|\|e.assignedNodes\|\|!e["s-sr"])return;const t=t=>function(e){const a=[],r=this["s-sn"];(null==e?void 0:e.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots.\n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const s=this["s-cr"].parentElement;return(s.__childNodes?s.childNodes:(e=>{const t=[];for(let a=0;a<e.length;a++){const r=e[a]["s-nr"]\|\|void 0;r&&r.isConnected&&t.push(r)}return t})(s.childNodes)).forEach((e=>{r===Y(e)&&a.push(e)})),t?a.filter((e=>1===e.nodeType)):a}.bind(e);e.assignedElements=t(!0),e.assignedNodes=t(!1)}function K(e,t){if("__"+t in e){const a=e["__"+t];return"function"!=typeof a?a:a.bind(e)}return"function"!=typeof e[t]?e[t]:e[t].bind(e)}var Q=new WeakMap,X=(e,t,a)=>{let r=c.get(e);L&&a?(r=r\|\|new CSSStyleSheet,"string"==typeof r?r=t:r.replaceSync(t)):r=t,c.set(e,r)},Z=(e,t)=>{var a;const r=ee(t),s=c.get(r);if(!y.document)return r;if(e=11===e.nodeType?e:y.document,s)if("string"==typeof s){let n,l=Q.get(e=e.head\|\|e);if(l\|\|Q.set(e,l=new Set),!l.has(r)){if(e.host&&(n=e.querySelector(`[${v}="${r}"]`)))n.innerHTML=s;else{n=y.document.createElement("style"),n.innerHTML=s;const r=null!=(a=S.v)?a:N(y.document);if(null!=r&&n.setAttribute("nonce",r),!(1&t.m))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),a=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(n,(null==a?void 0:a.parentNode)===e?a:null)}else if("host"in e)if(L){const t=new CSSStyleSheet;t.replaceSync(s),$?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=s+t.innerHTML:e.prepend(n)}else e.append(n);1&t.m&&e.insertBefore(n,null)}4&t.m&&(n.innerHTML+=u),l&&l.add(r)}}else e.adoptedStyleSheets.includes(s)\|\|($?e.adoptedStyleSheets.push(s):e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]);return r},ee=e=>"sc-"+e.u,te=e=>e.replace(/\/\!@([^\/]+)\\/[^\{]+\{/g,"$1{"),ae=(e,t,...a)=>{let r=null,s=null,n=null,l=!1,d=!1;const i=[],o=t=>{for(let a=0;a<t.length;a++)r=t[a],Array.isArray(r)?o(r):null!=r&&"boolean"!=typeof r&&((l="function"!=typeof e&&!T(r))&&(r+=""),l&&d?i[i.length-1].h+=r:i.push(l?re(null,r):r),d=l)};if(o(a),t){t.key&&(s=t.key),t.name&&(n=t.name);{const e=t.className\|\|t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,i,ne);const g=re(e,null);return g.S=t,i.length>0&&(g.L=i),g.$=s,g.k=n,g},re=(e,t)=>({m:0,C:e,h:t,W:null,L:null,S:null,$:null,k:null}),se={},ne={forEach:(e,t)=>e.map(le).forEach(t),map:(e,t)=>e.map(le).map(t).map(de)},le=e=>({vattrs:e.S,vchildren:e.L,vkey:e.$,vname:e.k,vtag:e.C,vtext:e.h}),de=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),ae(e.vtag,t,...e.vchildren\|\|[])}const t=re(e.vtag,e.vtext);return t.S=e.vattrs,t.L=e.vchildren,t.$=e.vkey,t.k=e.vname,t},ie=(e,t,a,r,s,n,l,d=[])=>{let i,o,g,m;const p=s["s-sc"];if(1===n.nodeType){if(i=n.getAttribute(x),i&&(o=i.split("."),o[0]===l\|\|"0"===o[0])){g=ge({m:0,j:o[0],O:o[1],B:o[2],F:o[3],C:n.tagName.toLowerCase(),W:n,S:{class:n.className\|\|""}}),t.push(g),n.removeAttribute(x),e.L\|\|(e.L=[]),p&&o[0]===l&&(n["s-si"]=p,g.S.class+=" "+p);const s=g.W.getAttribute("s-sn");"string"==typeof s&&("slot-fb"===g.C&&(me(s,o[2],g,n,e,t,a,r,d),p&&n.classList.add(p)),g.W["s-sn"]=s,g.W.removeAttribute("s-sn")),void 0!==g.F&&(e.L[g.F]=g),e=g,r&&"0"===g.B&&(r[g.F]=g.W)}if(n.shadowRoot)for(m=n.shadowRoot.childNodes.length-1;m>=0;m--)ie(e,t,a,r,s,n.shadowRoot.childNodes[m],l,d);const c=n.__childNodes\|\|n.childNodes;for(m=c.length-1;m>=0;m--)ie(e,t,a,r,s,c[m],l,d)}else if(8===n.nodeType)o=n.nodeValue.split("."),(o[1]===l\|\|"0"===o[1])&&(i=o[0],g=ge({j:o[1],O:o[2],B:o[3],F:o[4]\|\|"0",W:n,S:null,L:null,$:null,k:null,C:null,h:null}),"t"===i?(g.W=ce(n,3),g.W&&3===g.W.nodeType&&(g.h=g.W.textContent,t.push(g),n.remove(),l===g.j&&(e.L\|\|(e.L=[]),e.L[g.F]=g),r&&"0"===g.B&&(r[g.F]=g.W))):"c"===i?(g.W=ce(n,8),g.W&&8===g.W.nodeType&&(t.push(g),n.remove())):g.j===l&&("s"===i?me(n["s-sn"]=o[5]\|\|"",o[2],g,n,e,t,a,r,d):"r"===i&&(r?n.remove():(s["s-cr"]=n,n["s-cn"]=!0))));else if(e&&"style"===e.C){const t=re(null,n.textContent);t.W=n,t.F="0",e.L=[t]}else 3!==n.nodeType\|\|n.wholeText.trim()\|\|n["s-nr"]\|\|n.remove();return e},oe=(e,t)=>{if(1===e.nodeType){const a=e[f]\|\|e.getAttribute(f);a&&t.set(a,e);let r=0;if(e.shadowRoot)for(;r<e.shadowRoot.childNodes.length;r++)oe(e.shadowRoot.childNodes[r],t);const s=e.__childNodes\|\|e.childNodes;for(r=0;r<s.length;r++)oe(s[r],t)}else if(8===e.nodeType){const a=e.nodeValue.split(".");"o"===a[0]&&(t.set(a[1]+"."+a[2],e),e.nodeValue="",e["s-en"]=a[3])}},ge=e=>({m:0,j:null,O:null,B:null,F:"0",W:null,S:null,L:null,$:null,k:null,C:null,h:null,...e});function me(e,t,a,r,s,n,l,d,i){r["s-sr"]=!0,a.k=e\|\|null,a.C="slot";const o=(null==s?void 0:s.W)?s.W["s-id"]\|\|s.W.getAttribute("s-id"):"";if(d&&y.document){const n=a.W=y.document.createElement(a.C);a.k&&a.W.setAttribute("name",e),s.W.shadowRoot&&o&&o!==a.j?K(s.W,"insertBefore")(n,K(s.W,"children")[0]):K(K(r,"parentNode"),"insertBefore")(n,r),pe(i,t,e,r,a.j),r.remove(),"0"===a.B&&(d[a.F]=a.W)}else{const n=a.W,l=o&&o!==a.j&&s.W.shadowRoot;pe(i,t,e,r,l?o:a.j),G(r),l&&s.W.insertBefore(n,s.W.children[0])}n.push(a),l.push(a),s.L\|\|(s.L=[]),s.L[a.F]=a}var pe=(e,t,a,r,s)=>{var n,l;let d=r.nextSibling;if(e[t]=e[t]\|\|[],d&&!(null==(n=d.nodeValue)?void 0:n.startsWith("s.")))do{!d\|\|(d.getAttribute&&d.getAttribute("slot")\|\|d["s-sn"])!==a&&(""!==a\|\|d["s-sn"]\|\|d.getAttribute&&d.getAttribute("slot")\|\|8!==d.nodeType&&3!==d.nodeType)\|\|(d["s-sn"]=a,e[t].push({slot:r,node:d,hostId:s})),d=null==d?void 0:d.nextSibling}while(d&&!(null==(l=d.nodeValue)?void 0:l.startsWith("s.")))},ce=(e,t)=>{let a=e;do{a=a.nextSibling}while(a&&(a.nodeType!==t\|\|!a.nodeValue));return a},fe=e=>{const t=(e=>e.replace(/[.+?^${}()\|[\]\\]/g,"\\$&"))(e);return RegExp(`(^\|[^@]\|@(?!supports\\s+selector\\s\\([^{]?${t}))(${t}\\b)`,"g")};fe("::slotted"),fe(":host"),fe(":host-context");var ve,xe,ue,he=(e,t,a)=>{if("string"==typeof e&&e.startsWith(l))return function(e){return"string"==typeof e&&e.startsWith(l)?E.fromLocalValue(JSON.parse(atob(e.slice(11)))):e}(e);if("string"==typeof e&&(16&t\|\|8&t)&&(e.startsWith("{")&&e.endsWith("}")\|\|e.startsWith("[")&&e.endsWith("]")))try{return JSON.parse(e)}catch(e){}return null==e\|\|T(e)?e:4&t?(a&&"string"==typeof e\|\|"false"!==e)&&(""===e\|\|!!e):2&t?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&t?e+"":e},be=e=>{var t;return null==(t=i(e))?void 0:t.$hostElement$},ye=(e,t)=>{const a=be(e);return{emit:e=>Se(a,t,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},Se=(e,t,a)=>{const r=S.ce(t,a);return e.dispatchEvent(r),r},we=(e,t,a,r,s,n,l)=>{if(a===r)return;let d=g(e,t),i=t.toLowerCase();if("class"===t){const t=e.classList,s=$e(a);let n=$e(r);if((e["s-si"]\|\|e["s-sc"])&&l){const a=e["s-sc"]\|\|e["s-si"];n.push(a),s.forEach((e=>{e.startsWith(a)&&n.push(e)})),n=[...new Set(n)].filter((e=>e)),t.add(...n)}else t.remove(...s.filter((e=>e&&!n.includes(e)))),t.add(...n.filter((e=>e&&!s.includes(e))))}else if("style"===t){for(const t in a)r&&null!=r[t]\|\|(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in r)a&&r[t]===a[t]\|\|(t.includes("-")?e.style.setProperty(t,r[t]):e.style[t]=r[t])}else if("key"===t);else if("ref"===t)r&&r(e);else if(d\|\|"o"!==t[0]\|\|"n"!==t[1]){const l=T(r);if((d\|\|l&&null!==r)&&!s)try{if(e.tagName.includes("-"))e[t]!==r&&(e[t]=r);else{const s=null==r?"":r;"list"===t?d=!1:null!=a&&e[t]==s\|\|("function"==typeof e.__lookupSetter__(t)?e[t]=s:e.setAttribute(t,s))}}catch(e){}let o=!1;i!==(i=i.replace(/^xlink\:?/,""))&&(t=i,o=!0),null==r\|\|!1===r?!1===r&&""!==e.getAttribute(t)\|\|(o?e.removeAttributeNS(h,t):e.removeAttribute(t)):(!d\|\|4&n\|\|s)&&!l&&1===e.nodeType&&(r=!0===r?"":r,o?e.setAttributeNS(h,t,r):e.setAttribute(t,r))}else if(t="-"===t[2]?t.slice(3):g(y,i)?i.slice(2):i[2]+t.slice(3),a\|\|r){const s=t.endsWith(ke);t=t.replace(ze,""),a&&S.rel(e,t,a,s),r&&S.ael(e,t,r,s)}},Le=/\s/,$e=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(Le):[]),ke="Capture",ze=RegExp(ke+"$"),Ce=(e,t,a,r)=>{const s=11===t.W.nodeType&&t.W.host?t.W.host:t.W,n=e&&e.S\|\|{},l=t.S\|\|{};for(const e of We(Object.keys(n)))e in l\|\|we(s,e,n[e],void 0,a,t.m,r);for(const e of We(Object.keys(l)))we(s,e,n[e],l[e],a,t.m,r)};function We(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var je=!1,Oe=!1,Be=!1,Fe=!1,Te=(e,t,a)=>{var r;const s=t.L[a];let n,l,d,i=0;if(je\|\|(Be=!0,"slot"===s.C&&(s.m\|=s.L?2:1)),null!==s.h)n=s.W=y.document.createTextNode(s.h);else if(1&s.m)n=s.W=y.document.createTextNode(""),Ce(null,s,Fe);else{if(Fe\|\|(Fe="svg"===s.C),!y.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(n=s.W=y.document.createElementNS(Fe?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!je&&2&s.m?"slot-fb":s.C),Fe&&"foreignObject"===s.C&&(Fe=!1),Ce(null,s,Fe),null!=ve&&void 0!==ve&&n["s-si"]!==ve&&n.classList.add(n["s-si"]=ve),s.L)for(i=0;i<s.L.length;++i)l=Te(e,s,i),l&&n.appendChild(l);"svg"===s.C?Fe=!1:"foreignObject"===n.tagName&&(Fe=!0)}return n["s-hn"]=ue,3&s.m&&(n["s-sr"]=!0,n["s-cr"]=xe,n["s-sn"]=s.k\|\|"",n["s-rf"]=null==(r=s.S)?void 0:r.ref,G(n),d=e&&e.L&&e.L[a],d&&d.C===s.C&&e.W&&Ne(e.W,!1),Ve(xe,n,t.W,null==e?void 0:e.W)),n},Ne=(e,t)=>{S.m\|=1;const a=Array.from(e.__childNodes\|\|e.childNodes);for(let e=a.length-1;e>=0;e--){const r=a[e];r["s-hn"]!==ue&&r["s-ol"]&&(Ue(Me(r).parentNode,r,Me(r)),r["s-ol"].remove(),r["s-ol"]=void 0,r["s-sh"]=void 0,Be=!0),t&&Ne(r,t)}S.m&=-2},Ee=(e,t,a,r,s,n)=>{let l,d=e["s-cr"]&&e["s-cr"].parentNode\|\|e;for(d.shadowRoot&&d.tagName===ue&&(d=d.shadowRoot);s<=n;++s)r[s]&&(l=Te(null,a,s),l&&(r[s].W=l,Ue(d,l,Me(t))))},He=(e,t,a)=>{for(let r=t;r<=a;++r){const t=e[r];if(t){const e=t.W;Ae(t),e&&(Oe=!0,e["s-ol"]?e["s-ol"].remove():Ne(e,!0),e.remove())}}},De=(e,t,a=!1)=>e.C===t.C&&("slot"===e.C?e.k===t.k:a?(a&&!e.$&&t.$&&(e.$=t.$),!0):e.$===t.$),Me=e=>e&&e["s-ol"]\|\|e,Re=(e,t,a=!1)=>{const r=t.W=e.W,s=e.L,n=t.L,l=t.C,d=t.h;let i;null===d?(Ce(e,t,Fe="svg"===l\|\|"foreignObject"!==l&&Fe,a),null!==s&&null!==n?((e,t,a,r,s=!1)=>{let n,l,d=0,i=0,o=0,g=0,m=t.length-1,p=t[0],c=t[m],f=r.length-1,v=r[0],x=r[f];for(;d<=m&&i<=f;)if(null==p)p=t[++d];else if(null==c)c=t[--m];else if(null==v)v=r[++i];else if(null==x)x=r[--f];else if(De(p,v,s))Re(p,v,s),p=t[++d],v=r[++i];else if(De(c,x,s))Re(c,x,s),c=t[--m],x=r[--f];else if(De(p,x,s))"slot"!==p.C&&"slot"!==x.C\|\|Ne(p.W.parentNode,!1),Re(p,x,s),Ue(e,p.W,c.W.nextSibling),p=t[++d],x=r[--f];else if(De(c,v,s))"slot"!==p.C&&"slot"!==x.C\|\|Ne(c.W.parentNode,!1),Re(c,v,s),Ue(e,c.W,p.W),c=t[--m],v=r[++i];else{for(o=-1,g=d;g<=m;++g)if(t[g]&&null!==t[g].$&&t[g].$===v.$){o=g;break}o>=0?(l=t[o],l.C!==v.C?n=Te(t&&t[i],a,o):(Re(l,v,s),t[o]=void 0,n=l.W),v=r[++i]):(n=Te(t&&t[i],a,i),v=r[++i]),n&&Ue(Me(p.W).parentNode,n,Me(p.W))}d>m?Ee(e,null==r[f+1]?null:r[f+1].W,a,r,i,f):i>f&&He(t,d,m)})(r,s,t,n,a):null!==n?(null!==e.h&&(r.textContent=""),Ee(r,null,t,n,0,n.length-1)):a\|\|null===s?a&&null!==s&&null===n&&(t.L=s):He(s,0,s.length-1),Fe&&"svg"===l&&(Fe=!1)):(i=r["s-cr"])?i.parentNode.textContent=d:e.h!==d&&(r.data=d)},Ie=[],Pe=e=>{let t,a,r;const s=e.__childNodes\|\|e.childNodes;for(const e of s){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){a=t.parentNode.__childNodes\|\|t.parentNode.childNodes;const s=e["s-sn"];for(r=a.length-1;r>=0;r--)if(t=a[r],!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"])if(q(t,s)){let a=Ie.find((e=>e.T===t));Oe=!0,t["s-sn"]=t["s-sn"]\|\|s,a?(a.T["s-sh"]=e["s-hn"],a.N=e):(t["s-sh"]=e["s-hn"],Ie.push({N:e,T:t})),t["s-sr"]&&Ie.map((e=>{q(e.T,t["s-sn"])&&(a=Ie.find((e=>e.T===t)),a&&!e.N&&(e.N=a.N))}))}else Ie.some((e=>e.T===t))\|\|Ie.push({T:t})}1===e.nodeType&&Pe(e)}},Ae=e=>{e.S&&e.S.ref&&e.S.ref(null),e.L&&e.L.map(Ae)},Ue=(e,t,a)=>("string"==typeof t["s-sn"]&&t["s-sr"]&&t["s-cr"]&&Ve(t["s-cr"],t,e,t.parentElement),null==e?void 0:e.insertBefore(t,a));function Ve(e,t,a,r){var s,n;let l;if(e&&"string"==typeof t["s-sn"]&&t["s-sr"]&&e.parentNode&&e.parentNode["s-sc"]&&(l=t["s-si"]\|\|e.parentNode["s-sc"])){const e=t["s-sn"],d=t["s-hn"];if(null==(s=a.classList)\|\|s.add(l+"-s"),r&&(null==(n=r.classList)?void 0:n.contains(l+"-s"))){let t=(r.__childNodes\|\|r.childNodes)[0],a=!1;for(;t;){if(t["s-sn"]!==e&&t["s-hn"]===d&&t["s-sr"]){a=!0;break}t=t.nextSibling}a\|\|r.classList.remove(l+"-s")}}}var _e=(e,t)=>{if(t&&!e.H&&t["s-p"]){const a=t["s-p"].push(new Promise((r=>e.H=()=>{t["s-p"].splice(a-1,1),r()})))}},qe=(e,t)=>{if(e.m\|=16,4&e.m)return void(e.m\|=512);_e(e,e.D);const a=()=>Je(e,t);if(!t)return F(a);queueMicrotask((()=>{a()}))},Je=(e,t)=>{const a=e.$hostElement$,r=e.o;if(!r)throw Error(`Can't render component <${a.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let s;return t?(e.m\|=256,e.M&&(e.M.map((([e,t])=>rt(r,e,t,a))),e.M=void 0),s=rt(r,"componentWillLoad",void 0,a)):s=rt(r,"componentWillUpdate",void 0,a),s=Ye(s,(()=>rt(r,"componentWillRender",void 0,a))),Ye(s,(()=>Ke(e,r,t)))},Ye=(e,t)=>Ge(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),Ge=e=>e instanceof Promise\|\|e&&e.then&&"function"==typeof e.then,Ke=async(e,t,a)=>{var r;const s=e.$hostElement$,n=s["s-rc"];a&&(e=>{const t=e.l,a=e.$hostElement$,r=t.m,s=Z(a.shadowRoot?a.shadowRoot:a.getRootNode(),t);10&r&&(a["s-sc"]=s,a.classList.add(s+"-h"))})(e);Xe(e,t,s,a),n&&(n.map((e=>e())),s["s-rc"]=void 0);{const t=null!=(r=s["s-p"])?r:[],a=()=>et(e);0===t.length?a():(Promise.all(t).then(a),e.m\|=4,t.length=0)}},Qe=null,Xe=(e,t,a,r)=>{try{Qe=t,t=t.render(),e.m&=-17,e.m\|=2,((e,t,a=!1)=>{var r,s,n,l;const d=e.$hostElement$,i=e.l,o=e.R\|\|re(null,null),g=(e=>e&&e.C===se)(t)?t:ae(null,null,t);if(ue=d.tagName,i.I&&(g.S=g.S\|\|{},i.I.map((([e,t])=>g.S[t]=d[e]))),a&&g.S)for(const e of Object.keys(g.S))d.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(g.S[e]=d[e]);if(g.C=null,g.m\|=4,e.R=g,g.W=o.W=d.shadowRoot\|\|d,ve=d["s-sc"],je=!(!(1&i.m)\|\|128&i.m),xe=d["s-cr"],Oe=!1,Re(o,g,a),S.m\|=1,Be){Pe(g.W);for(const e of Ie){const t=e.T;if(!t["s-ol"]&&y.document){const e=y.document.createTextNode("");e["s-nr"]=t,Ue(t.parentNode,t["s-ol"]=e,t)}}for(const e of Ie){const t=e.T,d=e.N;if(d){const e=d.parentNode;let a=d.nextSibling;{let n=null==(r=t["s-ol"])?void 0:r.previousSibling;for(;n;){let r=null!=(s=n["s-nr"])?s:null;if(r&&r["s-sn"]===t["s-sn"]&&e===(r.__parentNode\|\|r.parentNode)){for(r=r.nextSibling;r===t\|\|(null==r?void 0:r["s-sr"]);)r=null==r?void 0:r.nextSibling;if(!r\|\|!r["s-nr"]){a=r;break}}n=n.previousSibling}}(!a&&e!==(t.__parentNode\|\|t.parentNode)\|\|(t.__nextSibling\|\|t.nextSibling)!==a)&&t!==a&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),Ue(e,t,a),1===t.nodeType&&"SLOT-FB"!==t.tagName&&(t.hidden=null!=(n=t["s-ih"])&&n)),t&&"function"==typeof d["s-rf"]&&d["s-rf"](d)}else 1===t.nodeType&&(a&&(t["s-ih"]=null!=(l=t.hidden)&&l),t.hidden=!0)}}Oe&&U(g.W),S.m&=-2,Ie.length=0,xe=void 0})(e,t,r)}catch(t){m(t,e.$hostElement$)}return Qe=null,null},Ze=()=>Qe,et=e=>{const t=e.$hostElement$,a=e.o,r=e.D;rt(a,"componentDidRender",void 0,t),64&e.m?rt(a,"componentDidUpdate",void 0,t):(e.m\|=64,st(t),rt(a,"componentDidLoad",void 0,t),e.P(t),r\|\|at()),e.A(t),e.H&&(e.H(),e.H=void 0),512&e.m&&B((()=>qe(e,!1))),e.m&=-517},tt=e=>{var t;{const a=i(e),r=null==(t=null==a?void 0:a.$hostElement$)?void 0:t.isConnected;return r&&2==(18&a.m)&&qe(a,!1),r}},at=()=>{var e;B((()=>Se(y,"appload",{detail:{namespace:"component-library"}}))),(null==(e=S.U)?void 0:e.size)&&S.U.clear()},rt=(e,t,a,r)=>{if(e&&e[t])try{return e[t](a)}catch(e){m(e,r)}},st=e=>e.classList.add("hydrated"),nt=(e,t,a,r)=>{const s=i(e);if(!s)return;if(!s)throw Error(`Couldn't find host element for "${r.u}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const n=s.$hostElement$,l=s.i.get(t),d=s.m,o=s.o;if(a=he(a,r.t[t][0],!!(64&r.m)),(!(8&d)\|\|void 0===l)&&a!==l&&(!Number.isNaN(l)\|\|!Number.isNaN(a))&&(s.i.set(t,a),o)){if(r.V&&128&d){const e=r.V[t];e&&e.map((e=>{try{o[e](a,l,t)}catch(e){m(e,n)}}))}if(2==(18&d)){if(o.componentShouldUpdate&&!1===o.componentShouldUpdate(a,l,t))return;qe(s,!1)}}},lt=(e,t,a)=>{var r,s;const n=e.prototype;if(64&t.m&&1&a&&b.forEach((e=>{Object.defineProperty(n,e,{value(...t){var a;const r=i(this),s=null==r?void 0:r.o;if(s){const a=s[e];"function"==typeof a&&a.call(s,...t)}else null==(a=null==r?void 0:r._)\|\|a.then((a=>{const r=a[e];"function"==typeof r&&r.call(a,...t)}))}})})),t.t\|\|t.V\|\|e.watchers){e.watchers&&!t.V&&(t.V=e.watchers);const l=Object.entries(null!=(r=t.t)?r:{});if(l.map((([e,[r]])=>{if(31&r\|\|2&a&&32&r){const{get:s,set:l}=Object.getOwnPropertyDescriptor(n,e)\|\|{};s&&(t.t[e][0]\|=2048),l&&(t.t[e][0]\|=4096),(1&a\|\|!s)&&Object.defineProperty(n,e,{get(){{if(!(2048&t.t[e][0]))return((e,t)=>i(this).i.get(t))(0,e);const a=i(this),r=a?a.o:n;if(!r)return;return r[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(n,e,{set(s){const n=i(this);if(n){if(l){const a=32&r?this[e]:n.$hostElement$[e];return void 0===a&&n.i.get(e)?s=n.i.get(e):!n.i.get(e)&&a&&n.i.set(e,a),l.call(this,he(s,r,!!(64&t.m))),void nt(this,e,s=32&r?this[e]:n.$hostElement$[e],t)}{if(!(1&a&&4096&t.t[e][0]))return nt(this,e,s,t),void(1&a&&!n.o&&n._.then((()=>{4096&t.t[e][0]&&n.o[e]!==n.i.get(e)&&(n.o[e]=s)})));const l=()=>{const a=n.o[e];!n.i.get(e)&&a&&n.i.set(e,a),n.o[e]=he(s,r,!!(64&t.m)),nt(this,e,n.o[e],t)};n.o?l():n._.then((()=>l()))}}}})}else 1&a&&64&r&&Object.defineProperty(n,e,{value(...t){var a;const r=i(this);return null==(a=null==r?void 0:r.q)?void 0:a.then((()=>{var a;return null==(a=r.o)?void 0:a[e](...t)}))}})})),1&a){const a=new Map;n.attributeChangedCallback=function(e,r,s){S.jmp((()=>{var l;const d=a.get(e);if(this.hasOwnProperty(d))s=this[d],delete this[d];else{if(n.hasOwnProperty(d)&&"number"==typeof this[d]&&this[d]==s)return;if(null==d){const a=i(this),n=null==a?void 0:a.m;if(a&&n&&!(8&n)&&128&n&&s!==r){const n=a.o,d=null==(l=t.V)?void 0:l[e];null==d\|\|d.forEach((t=>{null!=n[t]&&n[t].call(n,s,r,e)}))}return}}const o=Object.getOwnPropertyDescriptor(n,d);(s=(null!==s\|\|"boolean"!=typeof this[d])&&s)===this[d]\|\|o.get&&!o.set\|\|(this[d]=s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.V)?s:{}),...l.filter((([e,t])=>15&t[0])).map((([e,r])=>{var s;const n=r[1]\|\|e;return a.set(n,e),512&r[0]&&(null==(s=t.I)\|\|s.push([e,n])),n}))]))}}return e},dt=(e,t)=>{rt(e,"connectedCallback",void 0,t)},it=e=>{if(!(1&S.m)){const t=i(e);if(!t)return;const a=t.l,r=()=>{};if(1&t.m)ct(e,t,a.J),(null==t?void 0:t.o)?dt(t.o,e):(null==t?void 0:t._)&&t._.then((()=>dt(t.o,e)));else{let r;if(t.m\|=1,r=e.getAttribute(f),r){if(1&a.m){const t=Z(e.shadowRoot,a);e.classList.remove(t+"-h",t+"-s")}else if(2&a.m){const t=ee(a);e["s-sc"]=t}((e,t,a,r)=>{var s,n,l;const d=e.shadowRoot,o=[],g=[],m=[],p=d?[]:null,c=re(t,null);let v;c.W=e,Object.entries((null==(s=r.l)?void 0:s.t)\|\|{}).forEach((([t,[a,s]])=>{var n,l;if(!(31&a))return;const d=e.getAttribute(s\|\|t);if(null!==d){const e=he(d,a,!!(64&(null==(n=r.l)?void 0:n.m)));null==(l=null==r?void 0:r.i)\|\|l.set(t,e)}}));{const t=r.l;t&&10&t.m&&e["s-sc"]?(v=e["s-sc"],e.classList.add(v+"-h")):e["s-sc"]&&delete e["s-sc"]}!y.document\|\|S.U&&S.U.size\|\|oe(y.document.body,S.U=new Map),e[f]=a,e.removeAttribute(f),r.R=ie(c,o,g,p,e,e,a,m);let x=0;const u=o.length;let h;for(;x<u;x++){h=o[x];const a=h.j+"."+h.O,r=S.U.get(a),s=h.W;if(d){if((null==(n=h.C)?void 0:(""+n).includes("-"))&&"slot-fb"!==h.C&&!h.W.shadowRoot){const t=i(h.W);if(t){const a=ee(t.l),r=y.document.querySelector(`style[sty-id="${a}"]`);r&&e.shadowRoot.append(r.cloneNode(!0))}}}else s["s-hn"]=t.toUpperCase(),"slot"===h.C&&(s["s-cr"]=e["s-cr"]);"slot"===h.C&&(h.k=h.W["s-sn"]\|\|h.W.name\|\|null,h.L?(h.m\|=2,h.W.childNodes.length\|\|h.L.forEach((e=>{h.W.appendChild(e.W)}))):h.m\|=1),r&&r.isConnected&&(r.parentElement.shadowRoot&&""===r["s-en"]&&r.parentNode.insertBefore(s,r.nextSibling),r.parentNode.removeChild(r),d\|\|(s["s-oo"]=parseInt(h.O))),r&&!r["s-id"]&&S.U.delete(a)}const b=[],w=m.length;let L,$,k,z,C=0;for(;C<w;C++)if(L=m[C],L&&L.length)for(k=L.length,$=0;$<k;$++){if(z=L[$],b[z.hostId]\|\|(b[z.hostId]=S.U.get(z.hostId)),!b[z.hostId])continue;const e=b[z.hostId];e.shadowRoot&&z.node.parentElement!==e&&e.appendChild(z.node),e.shadowRoot&&d\|\|(z.slot["s-cr"]\|\|(z.slot["s-cr"]=e["s-cr"],z.slot["s-cr"]=!z.slot["s-cr"]&&e.shadowRoot?e:(e.__childNodes\|\|e.childNodes)[0]),J(z.node,z.slot,0,z.node["s-oo"]),(null==(l=z.node.parentElement)?void 0:l.shadowRoot)&&z.node.getAttribute&&z.node.getAttribute("slot")&&z.node.removeAttribute("slot"))}if(v&&g.length&&g.forEach((e=>{e.W.parentElement.classList.add(v+"-s")})),d){let t=0;const a=p.length;if(a){for(;t<a;t++){const e=p[t];e&&d.appendChild(e)}Array.from(e.childNodes).forEach((e=>{"string"!=typeof e["s-en"]&&"string"!=typeof e["s-sn"]&&(1===e.nodeType&&e.slot&&e.hidden?e.removeAttribute("hidden"):(8===e.nodeType&&!e.nodeValue\|\|3===e.nodeType&&!e.wholeText.trim())&&e.parentNode.removeChild(e))}))}}r.$hostElement$=e})(e,a.u,r,t)}r\|\|12&a.m&&ot(e);{let a=e;for(;a=a.parentNode\|\|a.host;)if(1===a.nodeType&&a.hasAttribute("s-id")&&a["s-p"]\|\|a["s-p"]){_e(t,t.D=a);break}}a.t&&Object.entries(a.t).map((([t,[a]])=>{if(31&a&&e.hasOwnProperty(t)){const a=e[t];delete e[t],e[t]=a}})),(async(e,t,a)=>{let r;if(!(32&t.m)){if(t.m\|=32,a.Y){const s=((e,t)=>{const a=e.u.replace(/-/g,"_"),r=e.Y;if(!r)return;const s=p.get(r);return s?s[a]:import(`./${r}.entry.js`).then((e=>(p.set(r,e),e[a])),(e=>{m(e,t.$hostElement$)}))
2	+ /!__STENCIL_STATIC_IMPORT_SWITCH__/})(a,t);if(s&&"then"in s){const e=()=>{};r=await s,e()}else r=s;if(!r)throw Error(`Constructor for "${a.u}#${t.G}" was not found`);r.isProxied\|\|(a.V=r.watchers,lt(r,a,2),r.isProxied=!0);const n=()=>{};t.m\|=8;try{new r(t)}catch(t){m(t,e)}t.m&=-9,t.m\|=128,n(),dt(t.o,e)}else r=e.constructor,customElements.whenDefined(e.localName).then((()=>t.m\|=128));if(r&&r.style){let e;"string"==typeof r.style&&(e=r.style);const t=ee(a);if(!c.has(t)){const r=()=>{};X(t,e,!!(1&a.m)),r()}}}const s=t.D,n=()=>qe(t,!0);s&&s["s-rc"]?s["s-rc"].push(n):n()})(e,t,a)}r()}},ot=e=>{if(!y.document)return;const t=e["s-cr"]=y.document.createComment("");t["s-cn"]=!0,Ue(e,t,e.firstChild)},gt=(e,t)=>{rt(e,"disconnectedCallback",void 0,t\|\|e)},mt=(e,t={})=>{var a;if(!y.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const r=[],s=t.exclude\|\|[],n=y.customElements,l=y.document.head,d=l.querySelector("meta[charset]"),o=y.document.createElement("style"),g=[];let m,p=!0;Object.assign(S,t),S.p=new URL(t.resourcesUrl\|\|"./",y.document.baseURI).href,S.m\|=2,(()=>{if(!y.document)return;const e=y.document.querySelectorAll(`[${v}]`);let t=0;for(;t<e.length;t++)X(e[t].getAttribute(v),te(e[t].innerHTML),!0)})();let c=!1;if(e.map((e=>{e[1].map((a=>{var l;const d={m:a[0],u:a[1],t:a[2],J:a[3]};4&d.m&&(c=!0),d.t=a[2],d.J=a[3],d.I=[],d.V=null!=(l=a[4])?l:{};const o=t.transformTagName?t.transformTagName(d.u):d.u,f=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,t)=>{const a={m:0,$hostElement$:e,l:t,i:new Map};a.q=new Promise((e=>a.A=e)),a._=new Promise((e=>a.P=e)),e["s-p"]=[],e["s-rc"]=[];const r=a;e.__stencil__getHostRef=()=>r})(e=this,d),1&d.m)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${d.u}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else A.call(e,d)}connectedCallback(){const e=i(this);e&&(this.hasRegisteredEventListeners\|\|(this.hasRegisteredEventListeners=!0,ct(this,e,d.J)),m&&(clearTimeout(m),m=null),p?g.push(this):S.jmp((()=>it(this))))}disconnectedCallback(){S.jmp((()=>(async e=>{if(!(1&S.m)){const t=i(e);(null==t?void 0:t.K)&&(t.K.map((e=>e())),t.K=void 0),(null==t?void 0:t.o)?gt(t.o,e):(null==t?void 0:t._)&&t._.then((()=>gt(t.o,e)))}Q.has(e)&&Q.delete(e),e.shadowRoot&&Q.has(e.shadowRoot)&&Q.delete(e.shadowRoot)})(this))),S.raf((()=>{var e;const t=i(this);if(!t)return;const a=g.findIndex((e=>e===this));a>-1&&g.splice(a,1),(null==(e=null==t?void 0:t.R)?void 0:e.W)instanceof Node&&!t.R.W.isConnected&&delete t.R.W}))}componentOnReady(){var e;return null==(e=i(this))?void 0:e._}};64&d.m&&(f.formAssociated=!0),d.Y=e[0],s.includes(o)\|\|n.get(o)\|\|(r.push(o),n.define(o,lt(f,d,1)))}))})),r.length>0&&(c&&(o.textContent+=u),o.textContent+=r.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",o.innerHTML.length)){o.setAttribute("data-styles","");const e=null!=(a=S.v)?a:N(y.document);null!=e&&o.setAttribute("nonce",e),l.insertBefore(o,d?d.nextSibling:l.firstChild)}p=!1,g.length?g.map((e=>e.connectedCallback())):S.jmp((()=>m=setTimeout(at,30)))},pt=(e,t)=>t,ct=(e,t,a)=>{a&&y.document&&a.map((([a,r,s])=>{const n=vt(y.document,e,a),l=ft(t,s),d=xt(a);S.ael(n,r,l,d),(t.K=t.K\|\|[]).push((()=>S.rel(n,r,l,d)))}))},ft=(e,t)=>a=>{var r;try{256&e.m?null==(r=e.o)\|\|r[t](a):(e.M=e.M\|\|[]).push([t,a])}catch(t){m(t,e.$hostElement$)}},vt=(e,t,a)=>8&a?y:t,xt=e=>({passive:!!(1&e),capture:!!(2&e)}),ut=e=>S.v=e;export{pt as F,se as H,be as a,mt as b,ye as c,Ze as d,tt as f,e as g,ae as h,w as p,o as r,ut as s}

package/dist/component-library/index-DoxslvGO.js ADDED Viewed

@@ -0,0 +1 @@

+ import{d as e,f as t}from"./index-CweVEfzR.js";const n=e=>!("isConnected"in e)||e.isConnected,s=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys())e.set(t,e.get(t).filter(n))})(...t)}),2e3)}})(),o=e=>"function"==typeof e?e():e,r=(e,t)=>{const n=e.indexOf(t);n>=0&&(e[n]=e[e.length-1],e.length--)},a={language:"en"},{state:c,set:i}=(()=>{const n=((e,t=(e,t)=>e!==t)=>{const n=o(e);let s=new Map(Object.entries(n??{}));const a={dispose:[],get:[],set:[],reset:[]},c=new Map,i=()=>{s=new Map(Object.entries(o(e)??{})),a.reset.forEach((e=>e()))},p=e=>(a.get.forEach((t=>t(e))),s.get(e)),u=(e,n)=>{const o=s.get(e);t(n,o,e)&&(s.set(e,n),a.set.forEach((t=>t(e,n,o))))},g="undefined"==typeof Proxy?{}:new Proxy(n,{get:(e,t)=>p(t),ownKeys:()=>Array.from(s.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>s.has(t),set:(e,t,n)=>(u(t,n),!0)}),f=(e,t)=>(a[e].push(t),()=>{r(a[e],t)});return{state:g,get:p,set:u,on:f,onChange:(t,n)=>{const s=(e,s)=>{e===t&&n(s)},r=()=>n(o(e)[t]),a=f("set",s),i=f("reset",r);return c.set(n,{setHandler:s,resetHandler:r,propName:t}),()=>{a(),i(),c.delete(n)}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(f("set",t.set)),t.get&&e.push(f("get",t.get)),t.reset&&e.push(f("reset",t.reset)),t.dispose&&e.push(f("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{a.dispose.forEach((e=>e())),i()},reset:i,forceUpdate:e=>{const t=s.get(e);a.set.forEach((n=>n(e,t,t)))},removeListener:(e,t)=>{const n=c.get(t);n&&n.propName===e&&(r(a.set,n.setHandler),r(a.reset,n.resetHandler),c.delete(t))}}})({...a},void 0);return n.use((()=>{if("function"!=typeof e)return{};const n=new Map;return{dispose:()=>n.clear(),get:t=>{const s=e();s&&((e,t,n)=>{const s=e.get(t);s?s.includes(n)||s.push(n):e.set(t,[n])})(n,t,s)},set:e=>{const o=n.get(e);o&&n.set(e,o.filter(t)),s(n)},reset:()=>{n.forEach((e=>e.forEach(t))),s(n)}}})()),n})(),p=()=>c.language,u=({language:e})=>{i("language",e||a.language)};export{u as c,p as g}

package/dist/component-library/index.esm.js CHANGED Viewed

	@@ -1 +1 @@
1	- export{c as configure}from"./index~~--uGgWE~~-E.js";import"./index-~~CIXO9B7A~~.js";
1	+ export{c as configure}from"./index-DoxslvGO.js";import"./index-CweVEfzR.js";

package/dist/component-library/linkUtils-CbJm_S33.js ADDED Viewed

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