@uh-design-system/component-library 0.5.2 → 0.6.0

package/dist/component-library/component-library.esm.js

@@ -1 +1 @@
-import{p as e,b as i}from"./index-434995e1.js";export{s as setNonce}from"./index-434995e1.js";import{g as t}from"./app-globals-0f993ce5.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((async e=>(await t(),i([["ds-accordion_3",[[1,"ds-accordion",{variant:[1],borderAligned:[4,"border-aligned"],openByDefault:[4,"open-by-default"],accordionId:[1,"accordion-id"],headingLevel:[2,"heading-level"],useCloseButton:[4,"use-close-button"],closeButtonLabel:[1,"close-button-label"],hideTopBorder:[4,"hide-top-border"],isExpanded:[32]},null,{isExpanded:["watchHandler"]}],[6,"ds-button",{value:[1],variant:[1],colour:[1],size:[1],fontWeight:[1,"font-weight"],icon:[1],iconPosition:[1,"icon-position"],type:[1],disabled:[4],fullWidth:[4,"full-width"],ariaDisabled:[1,"aria-disabled"]}],[1,"ds-icon",{name:[1],colour:[1],size:[1],dsTitle:[1,"title"],role:[1],hidden:[4],message:[32]}]]],["ds-input-validity",[[0,"ds-input-validity",{text:[1],type:[1],validityRole:[1,"role"],identifier:[32]}]]],["ds-text-input",[[70,"ds-text-input",{label:[1],placeholder:[1],identifier:[1,"id"],name:[1],disabled:[4],optional:[4],required:[4],readonly:[4],value:[1],min:[2],max:[2],maxlength:[2],pattern:[1],autocomplete:[1],optionalText:[1,"optional-text"],errorText:[1,"error-text"],successText:[1,"success-text"],assistiveText:[1,"assistive-text"],actionButtonAriaLabel:[1,"action-button-aria-label"],hiddenAssistiveText:[1,"hidden-assistive-text"],prefixText:[1,"prefix-text"],suffixText:[1,"suffix-text"],icon:[1],type:[1],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],ariaDescribedby:[1,"aria-describedby"],hasFocus:[32],clearButtonVisible:[32],passwordInputVisible:[32],inputActive:[32],validationMessage:[32],togglePasswordVisibility:[64],clearInput:[64]}]]],["ds-checkbox",[[65,"ds-checkbox",{identifier:[1,"id"],checked:[1028],legend:[1],assistiveText:[1,"assistive-text"],text:[1],indeterminate:[4],disabled:[4],errorText:[1,"error-text"],errorsDisabled:[4,"data-errors-disabled"],required:[4],optional:[4],optionalText:[1,"optional-text"],ariaLabel:[1,"aria-label"],value:[32],validationMessage:[32]}]]],["ds-checkbox-group",[[1,"ds-checkbox-group",{legend:[1],assistiveText:[1,"assistive-text"],direction:[1],errorText:[1,"error-text"],text:[1],checked:[4],disabled:[4],childElementsCount:[32],checkedChildElementCount:[32],isIndeterminate:[32],indeterminateChildCheckboxCount:[32],setChecked:[64]},[[0,"dsCheckboxGroupIndeterminateChildChange","listenIndeterminateChildChange"],[0,"dsCheckboxInput","listenCheckboxChange"],[0,"dsCheckboxGroupChange","listenCheckboxGroupChange"]],{disabled:["watchCheckboxDisabledChange"],checked:["watchCheckedChange"],isIndeterminate:["watchIndeterminateChange"],checkedChildElementCount:["watchCheckedChildElementCountChange"]}]]],["ds-visually-hidden",[[1,"ds-visually-hidden"]]],["ds-link",[[1,"ds-link",{text:[1],size:[1],variant:[1],weight:[1],icon:[1025],iconPosition:[1025,"icon-position"],iconTitle:[1,"icon-title"],iconHidden:[4,"icon-hidden"],href:[1],target:[1],download:[4],language:[1,"lang"],ariaLabel:[1,"aria-label"]}]]],["ds-link-with-arrow",[[1,"ds-link-with-arrow",{text:[1],iconPosition:[1,"icon-position"],href:[1],target:[1],language:[1,"lang"],ariaLabel:[1,"aria-label"]}]]]],e))));
+import{p as d,b as e}from"./index-Cm7V4EAn.js";export{s as setNonce}from"./index-Cm7V4EAn.js";import{g as i}from"./app-globals-DQuL1Twl.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),d(e)})().then((async d=>(await i(),e([["ds-card",[[1,"ds-card",{dsVariant:[1,"ds-variant"],dsHeading:[1,"ds-heading"],dsHeadingLevel:[2,"ds-heading-level"],dsDescription:[1,"ds-description"],dsUrl:[1,"ds-url"],dsUrlTarget:[1,"ds-url-target"],dsImageUrl:[1,"ds-image-url"],dsImageAlt:[1,"ds-image-alt"],dsEyebrow:[1,"ds-eyebrow"],dsSubtitle:[1,"ds-subtitle"],dsShowArrow:[4,"ds-show-arrow"]},[[2,"click","handleClick"],[2,"keydown","handleKeydown"]]]]],["ds-input-validity",[[0,"ds-input-validity",{dsText:[1,"ds-text"],dsType:[1,"ds-type"],dsValidityRole:[1,"ds-validity-role"],dsAriaLive:[1,"ds-aria-live"],dsAriaAtomic:[1,"ds-aria-atomic"],identifier:[32]}]]],["ds-radio-button",[[65,"ds-radio-button",{dsId:[1,"ds-id"],dsErrorsDisabled:[4,"ds-errors-disabled"],dsValue:[1,"ds-value"],dsLegend:[1,"ds-legend"],dsAssistiveText:[1,"ds-assistive-text"],dsText:[1,"ds-text"],dsRequired:[4,"ds-required"],dsDisabled:[4,"ds-disabled"],dsChecked:[4,"ds-checked"],dsErrorText:[1,"ds-error-text"],focusable:[32],invalid:[32],initialChecked:[32],validationMessage:[32],dsFocus:[64],setFocusable:[64],setChecked:[64]},null,{dsChecked:["dsCheckedObserver"]}]]],["ds-checkbox",[[65,"ds-checkbox",{dsId:[1,"ds-id"],dsChecked:[1028,"ds-checked"],dsLegend:[1,"ds-legend"],dsAssistiveText:[1,"ds-assistive-text"],dsText:[1,"ds-text"],dsIndeterminate:[4,"ds-indeterminate"],dsDisabled:[4,"ds-disabled"],dsErrorText:[1,"ds-error-text"],dsErrorsDisabled:[4,"ds-errors-disabled"],dsRequired:[4,"ds-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"],dsAriaLabel:[1,"ds-aria-label"],invalid:[32],initialChecked:[32],validationMessage:[32]},null,{dsChecked:["dsCheckedObserver"]}]]],["ds-checkbox-group",[[65,"ds-checkbox-group",{dsLegend:[1,"ds-legend"],dsAssistiveText:[1,"ds-assistive-text"],dsDirection:[1,"ds-direction"],dsErrorText:[1,"ds-error-text"],dsText:[1,"ds-text"],dsChecked:[4,"ds-checked"],dsDisabled:[4,"ds-disabled"],dsRequired:[4,"ds-required"],dsAllRequired:[4,"ds-all-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"],childElementsCount:[32],checkedChildElementCount:[32],isIndeterminate:[32],indeterminateChildCheckboxCount:[32],showInternalsValidationMessage:[32],setChecked:[64]},[[0,"dsCheckboxGroupIndeterminateChildChange","listenIndeterminateChildChange"],[0,"input","listenCheckboxChange"],[0,"dsCheckboxGroupChange","listenCheckboxGroupChange"]],{dsDisabled:["watchCheckboxDisabledChange"],dsChecked:["watchCheckedChange"],isIndeterminate:["watchIndeterminateChange"],dsErrorText:["errorTextObserver"],checkedChildElementCount:["watchCheckedChildElementCountChange"]}]]],["ds-visually-hidden",[[1,"ds-visually-hidden"]]],["ds-spinner",[[1,"ds-spinner",{dsText:[1,"ds-text"],dsSize:[1,"ds-size"],dsSpinnerTextPosition:[1,"ds-spinner-text-position"],dsSpinnerColor:[1,"ds-spinner-color"],dsUseRoleAlert:[4,"ds-use-role-alert"],dsUseAriaLive:[4,"ds-use-aria-live"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"]}]]],["ds-icon",[[1,"ds-icon",{dsName:[1,"ds-name"],dsColour:[1,"ds-colour"],dsSize:[1,"ds-size"],dsTitle:[1,"ds-title"],dsRole:[1,"ds-role"],dsHidden:[4,"ds-hidden"],message:[32]}]]],["ds-button",[[6,"ds-button",{dsValue:[1,"ds-value"],dsVariant:[1,"ds-variant"],dsColour:[1,"ds-colour"],dsSize:[1,"ds-size"],dsIcon:[1,"ds-icon"],dsIconPosition:[1,"ds-icon-position"],dsType:[1,"ds-type"],dsDisabled:[4,"ds-disabled"],dsIsLoading:[4,"ds-is-loading"],dsUseSpinner:[4,"ds-use-spinner"],dsSpinnerHiddenText:[1,"ds-spinner-hidden-text"],dsFullWidth:[4,"ds-full-width"],dsAriaDisabled:[1,"ds-aria-disabled"],dsFocus:[64]}]]],["ds-text-input",[[70,"ds-text-input",{dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsDisabled:[4,"ds-disabled"],dsOptional:[4,"ds-optional"],dsRequired:[4,"ds-required"],dsReadonly:[4,"ds-readonly"],dsValue:[1,"ds-value"],dsMin:[2,"ds-min"],dsMax:[2,"ds-max"],dsMaxLength:[2,"ds-max-length"],dsPattern:[1,"ds-pattern"],dsAutocomplete:[1,"ds-autocomplete"],dsOptionalText:[1,"ds-optional-text"],dsErrorText:[1,"ds-error-text"],dsSuccessText:[1,"ds-success-text"],dsAssistiveText:[1,"ds-assistive-text"],dsActionButtonAriaLabel:[1,"ds-action-button-aria-label"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsPrefixText:[1,"ds-prefix-text"],dsSuffixText:[1,"ds-suffix-text"],dsIcon:[1,"ds-icon"],dsType:[1,"ds-type"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsAriaDescribedby:[1,"ds-aria-describedby"],hasFocus:[32],clearButtonVisible:[32],passwordInputVisible:[32],inputActive:[32],validationMessage:[32],togglePasswordVisibility:[64],clearInput:[64]},null,{value:["valueObserver"]}]]],["ds-accordion",[[1,"ds-accordion",{dsVariant:[1,"ds-variant"],dsBorderAligned:[4,"ds-border-aligned"],dsOpenByDefault:[4,"ds-open-by-default"],dsAccordionId:[1,"ds-accordion-id"],dsHeadingLevel:[2,"ds-heading-level"],dsUseCloseButton:[4,"ds-use-close-button"],dsCloseButtonLabel:[1,"ds-close-button-label"],dsHideTopBorder:[4,"ds-hide-top-border"],dsHideBottomBorder:[4,"ds-hide-bottom-border"],isExpanded:[32]},null,{isExpanded:["watchHandler"]}]]],["ds-link",[[1,"ds-link",{dsText:[1,"ds-text"],dsSize:[1,"ds-size"],dsVariant:[1,"ds-variant"],dsWeight:[1,"ds-weight"],dsIcon:[1025,"ds-icon"],dsIconPosition:[1025,"ds-icon-position"],dsIconTitle:[1,"ds-icon-title"],dsIconHidden:[4,"ds-icon-hidden"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsColour:[1,"ds-colour"]}]]],["ds-link-with-arrow",[[1,"ds-link-with-arrow",{dsText:[1,"ds-text"],dsIconPosition:[1,"ds-icon-position"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsAriaLabel:[1,"ds-aria-label"]}]]],["ds-radio-button-group",[[65,"ds-radio-button-group",{dsLegend:[1,"ds-legend"],dsAssistiveText:[1,"ds-assistive-text"],dsValue:[1025,"ds-value"],dsDirection:[1,"ds-direction"],dsErrorText:[1,"ds-error-text"],dsRequired:[4,"ds-required"],showInternalsValidationMessage:[32],getValue:[64]},[[0,"dsRadioButtonChecked","onInputChange"],[4,"keydown","onKeyDown"]],{dsErrorText:["errorTextObserver"],dsValue:["dsValueObserver"]}]]]],d))));

package/dist/component-library/controlUtils-CNER0MvM.js

@@ -0,0 +1 @@
+import{g as e}from"./index-DuYjhvTn.js";const t=(t,a)=>{let s="(optional)";switch(e()){case"fi":s="(valinnainen)";break;case"sv":s="(valfritt)"}return[t,a||s].join(" ")},a=e=>[e,"*"].join(" "),s=()=>{switch(e()){case"fi":return"Valitse vähintään yksi vaihtoehto.";case"sv":return"Vänligen välj minst ett alternativ.";default:return"Please select at least one option."}},i=()=>{switch(e()){case"fi":return"Valitse kaikki vaihtoehdot.";case"sv":return"Vänligen välj alla alternativ.";default:return"Please select all options."}};export{t as a,s as b,i as c,a as g}

package/dist/component-library/ds-accordion.entry.js

@@ -0,0 +1 @@
+import{r as o,c as e,g as d,h as a}from"./index-Cm7V4EAn.js";import{c as i}from"./index-BfTCfPZ1.js";const t=class{constructor(d){o(this,d),this.dsToggle=e(this,"dsToggle")}dsVariant="default";dsBorderAligned=!1;dsOpenByDefault=!1;dsAccordionId="dsaccordion";dsHeadingLevel=2;dsUseCloseButton=!1;dsCloseButtonLabel="Close";dsHideTopBorder=!1;dsHideBottomBorder=!1;isExpanded=!1;get host(){return d(this)}dsToggle;headerButtonRef;shouldMoveFocus=!1;componentWillLoad(){this.dsOpenByDefault&&(this.isExpanded=!0)}watchHandler(o){!o&&this.shouldMoveFocus&&this.headerButtonRef&&(this.headerButtonRef.focus(),this.shouldMoveFocus=!1),this.dsToggle.emit(o)}handleClick=o=>{const e=o.target.closest(".ds-accordion__close-button");this.shouldMoveFocus=!!e,this.isExpanded=!this.isExpanded};handleKeyDown=o=>{switch(o.key){case"Enter":case" ":{o.preventDefault();const e=o.target.closest(".ds-accordion__close-button");this.shouldMoveFocus=!!e,this.isExpanded=!this.isExpanded;break}}};render(){const o="compact"===this.dsVariant?"1.5rem":"2rem",e="compact"===this.dsVariant?"small":"medium";return a("div",{key:"3f11aeec4a4941f0dcce0380b05a515c3b9c89e6",class:i("ds-accordion",`ds-accordion--${this.dsVariant}`,{"ds-accordion--border-aligned":this.dsBorderAligned})},a("div",{key:"6a8ca7a66d2f43c970b359972cc5e2830252edb1",class:"ds-accordion__item"},a("div",{key:"378a67aa57baf72f491370e2e357828d516832d2",role:"heading","aria-level":this.dsHeadingLevel,class:"ds-accordion__title"},a("button",{key:"3d495833ea4e1b31ac730947268850d7ba04a15d",class:i("ds-accordion__open-button",`ds-accordion--${this.dsVariant}`,{"ds-accordion--border-aligned":this.dsBorderAligned,"ds-accordion--hide-top-border":this.dsHideTopBorder,"ds-accordion--hide-bottom-border":this.dsHideBottomBorder}),onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-expanded":this.isExpanded?"true":"false","aria-controls":`${this.dsAccordionId}-panel`,id:this.dsAccordionId,ref:o=>this.headerButtonRef=o},a("span",{key:"e720c9480de197083d4c3c956c6129caeb01a033",class:"ds-accordion__icon","aria-hidden":"true"},a("ds-icon",this.isExpanded?{dsSize:o,dsHidden:!0,dsName:"keyboard_arrow_up"}:{dsSize:o,dsHidden:!0,dsName:"keyboard_arrow_down"})),a("slot",{key:"b406436f9de56d89e343150a19c0d133e8b9e2da",name:"header"}))),a("div",{key:"a51a019dbc6e9401aaf1552edc127226cecb0b7c",id:`${this.dsAccordionId}-panel`,role:"region","aria-labelledby":this.dsAccordionId,class:i("ds-accordion__panel",`ds-accordion__panel--${this.dsVariant}`,{"ds-accordion__panel--border-aligned":this.dsBorderAligned,"ds-accordion__panel--expanded":this.isExpanded,"ds-accordion__panel--hide-bottom-border":this.dsHideBottomBorder}),hidden:!this.isExpanded},a("div",{key:"a7d46ee04bbe43fbfdea6ac0ec3a760aeb17ba64",class:"ds-accordion__content"},a("slot",{key:"00e8c609cc32ed726226547af724295884e40bb7",name:"content"})),this.dsUseCloseButton&&a("ds-button",{key:"7b03bc58471493bc89501753e35238b770eaf563","aria-labelledby":`${this.dsAccordionId}-close-button ${this.dsAccordionId}`,id:`${this.dsAccordionId}-close-button`,class:i("ds-accordion__close-button",`ds-accordion--${this.dsVariant}`,{"ds-accordion--border-aligned":this.dsBorderAligned}),dsVariant:"supplementary",dsColour:"black",dsIcon:"keyboard_arrow_up",dsIconPosition:"start",onClick:this.handleClick,onKeyDown:this.handleKeyDown,dsValue:this.dsCloseButtonLabel,dsSize:e,dsType:"button"}))))}static get watchers(){return{isExpanded:["watchHandler"]}}};t.style=':root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.ds-accordion__open-button{color:var(--ds-palette-black-95);outline:var(--ds-borderWidth-thick) solid transparent;fill:var(--ds-palette-black-95);position:relative;all:unset;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);position:relative;width:100%}.ds-accordion__open-button: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-accordion__open-button:hover:not(:focus-visible).ds-accordion--border-aligned::before,.ds-accordion__open-button:hover:not(:focus-visible).ds-accordion--border-aligned::after{content:"";position:absolute;top:0;width:var(--ds-spacing-small);height:100%}.ds-accordion__open-button:hover:not(:focus-visible).ds-accordion--border-aligned::before{left:calc(var(--ds-spacing-small) * -1)}.ds-accordion__open-button:hover:not(:focus-visible).ds-accordion--border-aligned::after{right:calc(var(--ds-spacing-small) * -1)}.ds-accordion__open-button:hover{cursor:pointer}.ds-accordion__open-button:hover,.ds-accordion__open-button:hover::before,.ds-accordion__open-button:hover::after{background:var(--ds-overlay-black-10)}.ds-accordion__open-button:active,.ds-accordion__open-button:active::before,.ds-accordion__open-button:active::after{background:var(--ds-overlay-black-15)}.ds-accordion__open-button:focus-visible{z-index:1}.ds-accordion__open-button.ds-accordion--default{padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__open-button.ds-accordion--compact{font-size:var(--ds-fontSize-16);padding:var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);line-height:var(--ds-lineHeight-large);font-weight:var(--ds-fontWeight-semibold)}.ds-accordion__open-button.ds-accordion--border-aligned:not(:focus-visible){padding-inline:0;margin-inline:var(--ds-spacing-small);position:relative;width:calc(100% - var(--ds-spacing-large))}:host(:first-child) .ds-accordion__open-button:not(.ds-accordion--hide-top-border){border-top:var(--ds-borderWidth-hairline) solid var(--ds-palette-black-20)}:host(:first-child) .ds-accordion__open-button:not(.ds-accordion--hide-top-border):focus-visible{border-top-color:transparent}.ds-accordion__open-button:not(.ds-accordion--hide-bottom-border)[aria-expanded=false]{border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-palette-black-20)}.ds-accordion__panel--border-aligned{position:relative;width:calc(100% - 32px)}.ds-accordion__panel--border-aligned::before{display:inline-block;content:" ";position:absolute;bottom:-1px;height:1px;left:0;background:var(--ds-palette-white);width:var(--ds-spacing-small)}.ds-accordion__panel--border-aligned::after{display:inline-block;content:" ";position:absolute;bottom:-1px;height:1px;right:0;background:var(--ds-palette-white);width:var(--ds-spacing-small)}.ds-accordion__panel--expanded{display:block;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-palette-black-20);padding-inline:var(--ds-spacing-small)}.ds-accordion__panel--expanded.ds-accordion__panel--hide-bottom-border{border-bottom:0}::slotted([slot=header]){color:var(--ds-palette-black-95)}.ds-accordion__content{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);padding-block:var(--ds-spacing-small)}.ds-accordion__content .ds-accordion--default{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-xLarge);letter-spacing:var(--ds-letterSpacing-wide)}@media (min-width: 30rem){.ds-accordion__content .ds-accordion--default{font-size:var(--ds-fontSize-18)}}.ds-accordion__content .ds-accordion--compact{font-size:var(--fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__close-button{display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}';export{t as ds_accordion}

package/dist/component-library/ds-button.entry.js

@@ -0,0 +1 @@
+import{r as t,g as s,h as o,F as a}from"./index-Cm7V4EAn.js";import{c as d}from"./index-BfTCfPZ1.js";import{i as r,a as e,b as n}from"./attributes-BD_lNRxn.js";const i=class{constructor(s){t(this,s)}inheritedAttributes={};buttonEl;pressedKeys=new Set;get el(){return s(this)}dsValue="";dsVariant="primary";dsColour="blue";dsSize="medium";dsIcon="";dsIconPosition="start";dsType="button";dsDisabled=!1;dsIsLoading=!1;dsUseSpinner=!1;dsSpinnerHiddenText;dsFullWidth=!1;dsAriaDisabled="false";async dsFocus(){this.buttonEl.focus()}componentWillLoad(){if(this.dsUseSpinner&&!this.dsSpinnerHiddenText)throw new Error("dsSpinnerHiddenText is required when dsUseSpinner is true.");this.inheritedAttributes={...n(this.el,["aria-disabled"]),...e(this.el,["autofocus","form","formaction","formenctype","formmethod","formnovalidate","formtarget","name","popovertarget","popovertargetaction"]),...r(this,this.el)}}handleKeyDown=t=>{if(!t.repeat)switch(t.key){case"Enter":case" ":this.pressedKeys.add(t.key),this.buttonEl.classList.add(`${this.dsColour}--active`)}};handleKeyUp=t=>{switch(t.key){case"Enter":case" ":this.pressedKeys.delete(t.key),0===this.pressedKeys.size&&this.buttonEl.classList.remove(`${this.dsColour}--active`)}};getSpinnerColour=()=>{if("primary"===this.dsVariant){if("blue"===this.dsColour)return"white";if("white"===this.dsColour)return"black";if("black"===this.dsColour)return"white"}return this.dsColour};renderButton=()=>{const t=d(`ds-button ${this.dsVariant} ${this.dsColour} ${this.dsSize}`,{"icon-start":this.dsIcon&&"start"===this.dsIconPosition&&this.dsValue,"icon-end":this.dsIcon&&"end"===this.dsIconPosition&&this.dsValue,"icon-only":this.dsIcon&&!this.dsValue}),s="small"===this.dsSize?"1rem":void 0;return o("button",{ref:t=>this.buttonEl=t,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,class:t,type:this.dsType,"aria-disabled":"true"==this.dsAriaDisabled?"true":"false",disabled:this.dsDisabled,...this.inheritedAttributes},this.dsIsLoading?o(a,null,o("ds-spinner",{dsHiddenAssistiveText:this.dsSpinnerHiddenText,dsSpinnerColor:this.getSpinnerColour(),dsSize:"small"==this.dsSize?"small":"medium"}),this.dsValue&&o("span",{class:"button-value"},this.dsValue)):o(a,null,o("slot",{name:"prefix"},this.dsIcon&&"start"===this.dsIconPosition&&o("ds-icon",{dsName:this.dsIcon,dsSize:s})),this.dsValue&&o("span",{class:"button-value"},this.dsValue),o("slot",{name:"suffix"},this.dsIcon&&"end"===this.dsIconPosition&&o("ds-icon",{dsName:this.dsIcon,dsSize:s}))))};render(){const t=this.renderButton();return this.dsUseSpinner?o("div",{"aria-live":"polite"},t):t}};i.style=".sc-ds-button-h *.sc-ds-button,.ds-no-style-leak.sc-ds-button *.sc-ds-button{all:unset;box-sizing:border-box;display:block}.sc-ds-button:root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.sc-ds-button-h{display:inline-block}[dsFullWidth].sc-ds-button-h,[ds-full-width].sc-ds-button-h{width:100%}.ds-button.sc-ds-button{width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center}.ds-button.sc-ds-button:not(.supplementary) .button-value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button.supplementary.sc-ds-button:has(ds-spinner) .button-value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button.sc-ds-button ds-icon.sc-ds-button{height:1.5rem}.ds-button.sc-ds-button:has(ds-spinner):not(.small) .button-value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button.icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button.sc-ds-button:not(.small):not(.secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button.sc-ds-button:not(.small).secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button.sc-ds-button:not(.small).icon-only{padding-left:0;padding-right:0}.ds-button.small.sc-ds-button:not(.secondary){border-width:0px;font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button.small.secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button.small.icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button.small.sc-ds-button ds-icon.sc-ds-button{height:1rem}.ds-button.icon-start.sc-ds-button:not(.small) ds-icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button.icon-end.sc-ds-button:not(.small) ds-icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button.primary.blue.sc-ds-button{background-color:var(--ds-palette-mainBlue-70);border-color:transparent;color:var(--ds-palette-white)}.ds-button.primary.blue.sc-ds-button: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-button.primary.blue.sc-ds-button:hover{background-color:var(--ds-palette-mainBlue-80)}.ds-button.primary.blue.sc-ds-button:active,.ds-button.primary.blue--active.sc-ds-button{background-color:var(--ds-palette-mainBlue-90)}.ds-button.primary.blue.disabled.sc-ds-button,.ds-button.primary.blue.sc-ds-button:disabled{background-color:var(--ds-overlay-black-10);border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.primary.black.sc-ds-button{background-color:var(--ds-palette-black-95);border-color:transparent;color:var(--ds-palette-white)}.ds-button.primary.black.sc-ds-button: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-button.primary.black.sc-ds-button:hover{background-color:var(--ds-palette-black-80)}.ds-button.primary.black.sc-ds-button:active,.ds-button.primary.black--active.sc-ds-button{background-color:var(--ds-palette-white-70)}.ds-button.primary.black.disabled.sc-ds-button,.ds-button.primary.black.sc-ds-button:disabled{background-color:var(--ds-overlay-black-10);border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.primary.white.sc-ds-button{background-color:var(--ds-palette-white);border-color:transparent;color:var(--ds-palette-black-95)}.ds-button.primary.white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-black-95);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.primary.white.sc-ds-button:hover{background-color:var(--ds-palette-black-10)}.ds-button.primary.white.sc-ds-button:active,.ds-button.primary.white--active.sc-ds-button{background-color:var(--ds-palette-black-20)}.ds-button.primary.white.disabled.sc-ds-button,.ds-button.primary.white.sc-ds-button:disabled{background-color:var(--ds-overlay-white-10);border-color:transparent;color:var(--ds-overlay-white-40)}.ds-button.secondary.blue.sc-ds-button{background-color:var(--ds-palette-white);border-color:var(--ds-palette-mainBlue-70);color:var(--ds-palette-mainBlue-70)}.ds-button.secondary.blue.sc-ds-button: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-button.secondary.blue.sc-ds-button:hover{background-color:var(--ds-palette-mainBlue-05)}.ds-button.secondary.blue.sc-ds-button:active,.ds-button.secondary.blue--active.sc-ds-button{background-color:var(--ds-palette-mainBlue-10)}.ds-button.secondary.blue.disabled.sc-ds-button,.ds-button.secondary.blue.sc-ds-button:disabled{background-color:var(--ds-palette-white);border-color:var(--ds-overlay-black-15);color:var(--ds-palette-black-40)}.ds-button.secondary.black.sc-ds-button{background-color:transparent;border-color:var(--ds-palette-black-95);color:var(--ds-palette-black-95)}.ds-button.secondary.black.sc-ds-button: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-button.secondary.black.sc-ds-button:hover{background-color:var(--ds-overlay-black-10)}.ds-button.secondary.black.sc-ds-button:active,.ds-button.secondary.black--active.sc-ds-button{background-color:var(--ds-overlay-black-15)}.ds-button.secondary.black.disabled.sc-ds-button,.ds-button.secondary.black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-overlay-black-15);color:var(--ds-palette-black-40)}.ds-button.secondary.white.sc-ds-button{background-color:transparent;border-color:var(--ds-palette-white);color:var(--ds-palette-white)}.ds-button.secondary.white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-black-95);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.secondary.white.sc-ds-button:hover{background-color:var(--ds-overlay-white-30)}.ds-button.secondary.white.sc-ds-button:active,.ds-button.secondary.white--active.sc-ds-button{background-color:var(--ds-overlay-white-40)}.ds-button.secondary.white.disabled.sc-ds-button,.ds-button.secondary.white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-overlay-white-15);color:var(--ds-overlay-white-40)}.ds-button.supplementary.blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-palette-mainBlue-70);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button.supplementary.blue.sc-ds-button: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-button.supplementary.blue.sc-ds-button:hover{background-color:var(--ds-palette-mainBlue-05)}.ds-button.supplementary.blue.sc-ds-button:active,.ds-button.supplementary.blue--active.sc-ds-button{background-color:var(--ds-palette-mainBlue-10)}.ds-button.supplementary.blue.disabled.sc-ds-button,.ds-button.supplementary.blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.supplementary.black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-palette-black-95);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button.supplementary.black.sc-ds-button: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-button.supplementary.black.sc-ds-button:hover{background-color:var(--ds-overlay-black-10)}.ds-button.supplementary.black.sc-ds-button:active,.ds-button.supplementary.black--active.sc-ds-button{background-color:var(--ds-overlay-black-15)}.ds-button.supplementary.black.disabled.sc-ds-button,.ds-button.supplementary.black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.supplementary.white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-palette-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button.supplementary.white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-black-95);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.supplementary.white.sc-ds-button:hover{background-color:var(--ds-overlay-white-30)}.ds-button.supplementary.white.sc-ds-button:active,.ds-button.supplementary.white--active.sc-ds-button{background-color:var(--ds-overlay-white-40)}.ds-button.supplementary.white.disabled.sc-ds-button,.ds-button.supplementary.white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-overlay-white-40)}";export{i as ds_button}

package/dist/component-library/ds-card.entry.js

@@ -0,0 +1 @@
+import{r as a,g as e,h as d}from"./index-Cm7V4EAn.js";import{c as s}from"./index-BfTCfPZ1.js";import{s as t}from"./utils-CqaqnfY4.js";const r=class{constructor(e){a(this,e)}dsVariant="filled";dsHeading;dsHeadingLevel=3;dsDescription;dsUrl;dsUrlTarget="_blank";dsImageUrl;dsImageAlt="";dsEyebrow;dsSubtitle;dsShowArrow=!0;get el(){return e(this)}handleClick(a){if(!a.composedPath().find((a=>"A"===a.tagName))&&this.dsUrl){const a=this.el.shadowRoot?.querySelector("a.ds-card__heading__link");a&&a.click()}}handleKeydown(a){if("Enter"===a.key&&this.dsUrl){a.preventDefault();const e=this.el.shadowRoot?.querySelector("a.ds-card__heading__link");e&&e.click()}}render(){const a=s("ds-card",`ds-card--${this.dsVariant}`,{"ds-card--link":Boolean(this.dsUrl)}),e=`h${this.dsHeadingLevel}`,r=Math.random().toString(36).substring(2,9),i=`${t(this.dsHeading)}-${r}`;return d("article",{key:"39fa69acafabb5201adbfe5f361bbb6a82fbad66","aria-labelledby":i,class:a,onClick:a=>this.handleClick(a),onKeyDown:a=>this.handleKeydown(a)},this.dsImageUrl&&d("div",{key:"47207c839c55179082f3b8060a93ab4622fefa08",class:"ds-card__image-container"},d("img",{key:"df83bfd1a75845752f746235b12df453de51ee04",class:"ds-card__image",src:this.dsImageUrl,alt:this.dsImageAlt})),d("div",{key:"c2e3f31bfc20d8b97d6c7485e348b60c84d9f9ae",class:"ds-card__content"},d("div",{key:"70612da3145bf79f0a1e07c7b3cddbb309247286",class:"ds-card__content--top"},d("div",{key:"0813a2eee2575371b561ce260215c0fc8175e4a0",class:"ds-card__content--top__text"},this.dsUrl?d(e,{class:"ds-card__heading",id:i},d("a",{href:this.dsUrl,target:this.dsUrlTarget,class:"ds-card__heading__link"},this.dsHeading)):d(e,{class:"ds-card__heading"},this.dsHeading),this.dsEyebrow&&d("div",{key:"7b93368c780b3df3fd8634f65af2589810ac9953",class:"ds-card__eyebrow"},this.dsEyebrow),this.dsSubtitle&&d("div",{key:"edc5f5a6e05b1c901a69a2ff6ccde88b7a1f9c57",class:"ds-card__subtitle"},this.dsSubtitle)),this.dsUrl&&this.dsShowArrow&&d("ds-icon",{key:"38fdc6581093d4ae820100b61c61d94b92690646","ds-name":"arrow_forward"})),d("div",{key:"2b068303f4880827800ec6dad5eb86bc8365bda5",class:"ds-card__content--bottom"},this.dsDescription&&d("p",{key:"e62f55d389866099320ffc28846adff926e204d2",class:"ds-card__description"},this.dsDescription),d("div",{key:"202aeba23c27b074dffdddbe7e6d5b59ab8e90eb",class:"ds-card__slot--content"},d("slot",{key:"76c41243b723e124d91f5ac7b33c9f6baa99ae27",name:"content"})),d("div",{key:"f728bd9c984773f930972181694ebb67bdad5cf6",class:"ds-card__slot--footer"},d("slot",{key:"8ea95152f2a4fe8ff45f331c371de2d93e8e45fa",name:"footer"})))))}};r.style=":root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:host{display:block}.ds-card{background-color:var(--ds-palette-white);border:1px solid var(--ds-palette-black-20);color:var(--ds-palette-black-95);display:flex;flex-direction:column;hyphens:auto;margin-bottom:var(--ds-spacing-2xSmall)}.ds-card:focus-within{box-shadow:false 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 * -1)}.ds-card:focus-within .ds-card__heading{text-decoration:underline;text-underline-offset:2px}.ds-card.ds-card--link:hover{border-color:var(--ds-palette-black-50);cursor:pointer}.ds-card.ds-card--link:hover ds-icon{color:var(--ds-palette-black-80)}.ds-card.ds-card--link:hover .ds-card__heading{text-decoration:underline;text-underline-offset:2px}.ds-card.ds-card--link:active{border-color:var(--ds-palette-black-95)}.ds-card.ds-card--link:active ds-icon{color:var(--ds-palette-black-80)}.ds-card.ds-card--link{text-decoration:none}.ds-card.ds-card--link:focus-within ds-icon{color:var(--ds-palette-black-80)}.ds-card--filled{background-color:var(--ds-palette-black-05)}.ds-card__image-container{aspect-ratio:16/9;position:relative;width:100%;overflow:hidden}.ds-card__image{width:100%;height:100%;object-fit:cover}.ds-card__content--top{align-items:center;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__content--top__text{display:flex;flex-direction:column;gap:var(--ds-spacing-3xSmall)}.ds-card__eyebrow{color:var(--ds-palette-black-70);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:1px;line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-3xSmall);order:1}.ds-card__heading{align-items:center;color:var(--ds-palette-black-95);display:flex;font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold);margin:0;order:2;justify-content:space-between;text-wrap:balance}.ds-card__heading__link{all:unset}.ds-card__subtitle{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__description{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);color:var(--ds-palette-black-95);padding:0 var(--ds-spacing-small);margin:0 0 var(--ds-spacing-small) 0;text-wrap:pretty}.ds-card ds-icon{color:var(--ds-palette-mainBlue-70);font-size:var(--ds-fontSize-20);font-weight:normal}";export{r as ds_card}

package/dist/component-library/ds-checkbox-group.entry.js

@@ -1 +1 @@
-import{r as e,c as t,a as s,h as i,F as h}from"./index-434995e1.js";import{c as d}from"./index-72ac5051.js";import{i as c,c as a}from"./utils-cfc536bc.js";const o=a("ds-checkbox-group"),n=class{constructor(s){e(this,s),this.dsCheckboxGroupChange=t(this,"dsCheckboxGroupChange",7),this.dsCheckboxGroupIndeterminateChildChange=t(this,"dsCheckboxGroupIndeterminateChildChange",7)}fieldsetId=o.next().value;checkboxId=`${this.fieldsetId}-checkbox`;errorTextId=`${this.fieldsetId}-error`;assistiveTextId=`${this.fieldsetId}-assistive-text`;nestedId=`${this.fieldsetId}-nested`;inheritedAttributes={};get el(){return s(this)}dsCheckboxGroupChange;dsCheckboxGroupIndeterminateChildChange;legend;assistiveText;direction="vertical";errorText="";text="";checked=!1;disabled=!1;childElementsCount=0;checkedChildElementCount=0;isIndeterminate=!1;indeterminateChildCheckboxCount=0;elementIs=e=>t=>t.localName===e;elementIsCheckbox=this.elementIs("ds-checkbox");elementIsCheckboxGroup=this.elementIs("ds-checkbox-group");getAriaDescribedBy=()=>[Boolean(this.assistiveText)&&this.assistiveTextId,Boolean(this.errorText)&&this.errorTextId].filter(Boolean).join(" ");getChildElements=()=>{const e=this.el.shadowRoot.querySelector("slot");return e?.assignedElements()||[]};getChildCheckboxElements=()=>this.getChildElements().filter(this.elementIsCheckbox);updateChildElements=e=>{this.getChildElements().forEach(e)};updateChildCheckboxes=e=>{this.getChildCheckboxElements().forEach(e)};updateChildElementsChecked=e=>{this.checkedChildElementCount=e?this.childElementsCount:0,this.updateChildElements((t=>{t.checked=e,this.elementIsCheckboxGroup(t)&&(async()=>{await t.setChecked(e)})()}))};async setChecked(e){this.updateChildElementsChecked(e)}watchCheckboxDisabledChange(e){this.updateChildElements((t=>{t.disabled=e}))}watchCheckedChange(e){this.updateChildElementsChecked(e)}watchIndeterminateChange(e){this.dsCheckboxGroupIndeterminateChildChange.emit({id:this.fieldsetId,indeterminate:e})}listenIndeterminateChildChange(e){this.indeterminateChildCheckboxCount=e.detail.indeterminate?this.indeterminateChildCheckboxCount+1:this.indeterminateChildCheckboxCount-1}watchCheckedChildElementCountChange(e,t){this.isIndeterminate=this.checkedChildElementCount!==this.childElementsCount&&this.checkedChildElementCount<this.childElementsCount&&this.checkedChildElementCount>0,e===this.childElementsCount&&e>t?this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:!0}):t===this.childElementsCount&&e<t&&this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:!1})}updateCheckedChildElementCount=e=>{this.checkedChildElementCount=e.detail.checked?this.checkedChildElementCount===this.childElementsCount?this.checkedChildElementCount:this.checkedChildElementCount+1:0===this.checkedChildElementCount?0:this.checkedChildElementCount-1};listenCheckboxChange(e){e.detail.id!==this.checkboxId?this.getChildCheckboxElements().includes(e.target)&&this.updateCheckedChildElementCount(e):this.updateChildElementsChecked(e.detail.checked)}listenCheckboxGroupChange(e){this.getChildElements().includes(e.target)&&this.updateCheckedChildElementCount(e)}setChildElementCount=()=>{this.childElementsCount=this.getChildElements().length};componentWillLoad(){this.inheritedAttributes=c(this.el,["aria-labelledby"])}componentDidLoad(){this.setChildElementCount(),this.updateChildCheckboxes((e=>{e.setAttribute("data-errors-disabled","true")}))}componentDidUpdate(){this.setChildElementCount()}render(){const e=d("ds-checkbox-group",{"ds-checkbox-group--horizontal":"horizontal"===this.direction}),t=d("ds-checkbox-group__legend"),s=d("ds-checkbox-group__assistive-text"),c=d("ds-checkbox-group__error",{"ds-checkbox-group__error--visible":Boolean(this.errorText)}),a=d("ds-checkbox-group","ds-checkbox-group--inset"),o=d("ds-checkbox-group__checkboxes"),n=this.getAriaDescribedBy();return i("fieldset",{key:"1029763130b4d2d138679c9f84ec72c0231fcc83",id:this.fieldsetId,class:e,"aria-describedby":n,...this.inheritedAttributes},this.legend&&i("legend",{key:"a9be37aab510d5e402841c8bbda64190548bc1ea",class:t},this.legend),this.assistiveText&&i("small",{key:"0ae42c2b46e52dad0570ad120180e662db43f2fa",class:s,id:this.assistiveTextId},this.assistiveText),this.text?i(h,null,i("ds-checkbox",{id:this.checkboxId,text:this.text,checked:this.checkedChildElementCount===this.childElementsCount,disabled:this.disabled,indeterminate:this.indeterminateChildCheckboxCount>0||this.isIndeterminate}),i("fieldset",{id:this.nestedId,"aria-labelledby":this.checkboxId,class:a},i("slot",null))):i("div",{class:o},i("slot",null)),i("div",{key:"3ea5bb7991a99c676cb50a24d1a679b6f68c96bf",class:c},i("ds-input-validity",{key:"8d5ca5e80b2a5f985e09bf7039538a5a13278e8e",id:this.errorTextId,text:this.errorText,type:"error"})))}static get watchers(){return{disabled:["watchCheckboxDisabledChange"],checked:["watchCheckedChange"],isIndeterminate:["watchIndeterminateChange"],checkedChildElementCount:["watchCheckedChildElementCountChange"]}}};n.style=".ds-checkbox-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__legend{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-checkbox-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)}.ds-checkbox-group__error{display:flex}.ds-checkbox-group__error--visible{padding-top:var(--ds-spacing-3xSmall)}.ds-checkbox-group>.ds-checkbox-group__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group--inset{margin-left:var(--ds-spacing-large)}.ds-checkbox-group--horizontal>.ds-checkbox-group__checkboxes{flex-direction:row;gap:var(--ds-spacing-small);flex-wrap:wrap}";export{n as ds_checkbox_group}
+import{r as e,c as s,g as t,h as i,F as h}from"./index-Cm7V4EAn.js";import{c as d}from"./index-BfTCfPZ1.js";import{b as a}from"./attributes-BD_lNRxn.js";import{i as o}from"./utils-CqaqnfY4.js";import{g as n,a as c,b as r,c as l}from"./controlUtils-CNER0MvM.js";import"./index-DuYjhvTn.js";const b=o("ds-checkbox-group"),g=class{constructor(t){e(this,t),this.dsCheckboxGroupChange=s(this,"dsCheckboxGroupChange"),this.dsCheckboxGroupIndeterminateChildChange=s(this,"dsCheckboxGroupIndeterminateChildChange"),this.dsCheckboxGroupInvalidStateChange=s(this,"dsCheckboxGroupInvalidStateChange"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}checkboxElem;fieldsetId=b.next().value;checkboxId=`${this.fieldsetId}-checkbox`;errorTextId=`${this.fieldsetId}-error`;assistiveTextId=`${this.fieldsetId}-assistive-text`;nestedId=`${this.fieldsetId}-nested`;inheritedAttributes={};get el(){return t(this)}internals;dsCheckboxGroupChange;dsCheckboxGroupIndeterminateChildChange;dsCheckboxGroupInvalidStateChange;dsLegend;dsAssistiveText;dsDirection="vertical";dsErrorText="";dsText="";dsChecked=!1;dsDisabled=!1;dsRequired=!1;dsAllRequired=!1;dsOptional=!1;dsOptionalText;childElementsCount=1;checkedChildElementCount=0;isIndeterminate=!1;indeterminateChildCheckboxCount=0;showInternalsValidationMessage=!1;elementIs=e=>s=>s.localName===e;elementIsCheckbox=this.elementIs("ds-checkbox");elementIsCheckboxGroup=this.elementIs("ds-checkbox-group");getLegendText=()=>this.dsRequired||this.dsAllRequired?n(this.dsLegend):this.dsOptional?c(this.dsLegend,this.dsOptionalText):this.dsLegend;getAriaDescribedBy=()=>[!!this.dsAssistiveText&&this.assistiveTextId,(!!this.dsErrorText||this.showInternalsValidationMessage&&!!this.internals?.validationMessage)&&this.errorTextId].filter(Boolean).join(" ");getValidationMessage=()=>this.dsErrorText||(this.showInternalsValidationMessage?this.internals?.validationMessage:"");getChildElements=()=>{const e=this.el.shadowRoot.querySelector("slot");return e?.assignedElements()||[]};getChildCheckboxElements=()=>this.getChildElements().filter(this.elementIsCheckbox);updateChildElements=e=>{this.getChildElements().forEach(e)};updateChildCheckboxes=e=>{this.getChildCheckboxElements().forEach(e)};updateChildElementsChecked=e=>{this.checkedChildElementCount=e?this.childElementsCount:0,this.updateChildElements((s=>{s.dsChecked=e,this.elementIsCheckboxGroup(s)&&(async()=>{await s.setChecked(e)})()}))};async setChecked(e){this.updateChildElementsChecked(e)}watchCheckboxDisabledChange(e){this.updateChildElements((s=>{s.dsDisabled=e}))}watchCheckedChange(e){this.updateChildElementsChecked(e)}watchIndeterminateChange(e){this.dsCheckboxGroupIndeterminateChildChange.emit({id:this.fieldsetId,indeterminate:e})}errorTextObserver(e){this.dsCheckboxGroupInvalidStateChange.emit(!!e)}listenIndeterminateChildChange(e){this.indeterminateChildCheckboxCount=e.detail.indeterminate?this.indeterminateChildCheckboxCount+1:this.indeterminateChildCheckboxCount-1}watchCheckedChildElementCountChange(){this.isIndeterminate=this.checkedChildElementCount>0&&this.checkedChildElementCount<this.childElementsCount,this.dsRequired&&0===this.checkedChildElementCount?this.internals?.setValidity({valueMissing:!0},r(),this.getChildCheckboxElements()?.[0].shadowRoot.querySelector("input")):this.dsAllRequired&&this.checkedChildElementCount!==this.childElementsCount?this.internals?.setValidity({valueMissing:!0},l(),this.getChildCheckboxElements()?.[0].shadowRoot.querySelector("input")):this.internals?.setValidity({valueMissing:!1})}updateCheckedChildElementCount=e=>{this.checkedChildElementCount=e?Math.min(this.childElementsCount,this.checkedChildElementCount+1):Math.max(0,this.checkedChildElementCount-1)};listenCheckboxChange(e){if(this.showInternalsValidationMessage||(this.showInternalsValidationMessage=!0),e.target===this.el)return this.updateChildElementsChecked(this.checkboxElem.dsChecked),void this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:this.checkboxElem.dsChecked});const s=e.target;if(this.getChildCheckboxElements().includes(s)){const e=this.checkedChildElementCount;this.updateCheckedChildElementCount(s.dsChecked),this.checkedChildElementCount===this.childElementsCount&&this.checkedChildElementCount>e?this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:!0}):e===this.childElementsCount&&this.checkedChildElementCount<e&&this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:!1})}}listenCheckboxGroupChange(e){this.getChildElements().includes(e.target)&&(e.stopPropagation(),this.updateCheckedChildElementCount(e.detail.checked))}formResetCallback(){this.internals?.setValidity({})}componentWillLoad(){this.inheritedAttributes=a(this.el,["aria-labelledby"])}componentDidLoad(){this.childElementsCount=this.getChildElements().length,this.updateChildCheckboxes((e=>{e.setAttribute("ds-errors-disabled","true")})),this.dsRequired?this.internals?.setValidity({valueMissing:!0},r(),this.getChildCheckboxElements()?.[0].shadowRoot.querySelector("input")):this.dsAllRequired&&this.internals?.setValidity({valueMissing:!0},l(),this.getChildCheckboxElements()?.[0].shadowRoot.querySelector("input"))}componentDidUpdate(){const e=this.getChildElements().length;this.childElementsCount!==e&&(this.childElementsCount=e)}render(){const e=d("ds-checkbox-group",{"ds-checkbox-group--horizontal":"horizontal"===this.dsDirection}),s=d("ds-checkbox-group__legend"),t=d("ds-checkbox-group__assistive-text"),a=d("ds-checkbox-group__error",{"ds-checkbox-group__error--visible":Boolean(this.dsErrorText)}),o=d("ds-checkbox-group","ds-checkbox-group--inset"),n=d("ds-checkbox-group__checkboxes"),c=this.getAriaDescribedBy();return i("fieldset",{key:"98ff7c5dd5c36c163ed1dfb177d5c0b28b93971a",id:this.fieldsetId,class:e,"aria-describedby":c,...this.inheritedAttributes},this.dsLegend&&i("legend",{key:"22274e3c85262fd08f69a9aa548d2910eaf30ce2",class:s},this.getLegendText()),this.dsAssistiveText&&i("small",{key:"4566b9d66b0be262548ddecd11f6eda5acc6d399",class:t,id:this.assistiveTextId},this.dsAssistiveText),this.dsText?i(h,null,i("ds-checkbox",{ref:e=>this.checkboxElem=e,dsId:this.checkboxId,dsText:this.dsText,dsChecked:this.checkedChildElementCount===this.childElementsCount,dsDisabled:this.dsDisabled,dsIndeterminate:this.indeterminateChildCheckboxCount>0||this.isIndeterminate}),i("fieldset",{id:this.nestedId,"aria-labelledby":this.checkboxId,class:o},i("slot",null))):i("div",{class:n},i("slot",null)),(!!this.dsErrorText||this.dsRequired||this.dsAllRequired)&&i("div",{key:"d0a2dbc9d46967de609096d9a398b040f5228807",class:a},i("ds-input-validity",{key:"409b5d8fbd59b26245cb828146f28eec3d010aaa",id:this.errorTextId,dsText:this.getValidationMessage(),dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"})))}static get formAssociated(){return!0}static get watchers(){return{dsDisabled:["watchCheckboxDisabledChange"],dsChecked:["watchCheckedChange"],isIndeterminate:["watchIndeterminateChange"],dsErrorText:["errorTextObserver"],checkedChildElementCount:["watchCheckedChildElementCountChange"]}}};g.style=".ds-checkbox-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__legend{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-checkbox-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)}.ds-checkbox-group__error{display:flex}.ds-checkbox-group__error--visible{padding-top:var(--ds-spacing-3xSmall)}.ds-checkbox-group>.ds-checkbox-group__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group--inset{margin-left:var(--ds-spacing-large)}.ds-checkbox-group--horizontal>.ds-checkbox-group__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";export{g as ds_checkbox_group}

package/dist/component-library/ds-checkbox.entry.js

@@ -1 +1 @@
-import{r as e,c as i,a as t,h as s,F as o}from"./index-434995e1.js";import{c as r}from"./index-72ac5051.js";import{i as d,b as a,g as h,c as n}from"./utils-cfc536bc.js";import{g as c,a as l}from"./controlUtils-9ca4087b.js";import{i as b}from"./store-b8d17c10.js";const g=n("ds-checkbox"),p=class{constructor(t){e(this,t),this.dsCheckboxInput=i(this,"dsCheckboxInput",7),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}inputElem;labelId;inputValidityId;assistiveTextId;inheritedAttributes={};initialChecked;labelClicked=!1;get el(){return t(this)}internals;dsCheckboxInput;identifier=g.next().value;checked=!1;legend;assistiveText;text;indeterminate=!1;disabled=!1;errorText="";errorsDisabled=!1;required=!1;optional=!1;optionalText;ariaLabel;value=this.checked.toString();validationMessage;setIds=()=>{this.labelId=`${this.identifier}-label`,this.inputValidityId=`${this.identifier}-validity`,this.assistiveTextId=`${this.identifier}-assistive-text`};getValidationMessage=()=>this.errorsDisabled?"":this.errorText||this.internals?.validationMessage||this.inputElem?.validationMessage;getLegendText=()=>this.required?c(this.legend):this.optional?l(this.legend,this.optionalText):this.legend;getCheckboxText=()=>this.legend?this.text:this.required?c(this.text):this.optional?l(this.text,this.optionalText):this.text;getAriaDescribedBy=()=>[Boolean(this.assistiveText)&&this.assistiveTextId,Boolean(this.getValidationMessage())&&this.inputValidityId].filter(Boolean).join(" ");restoreInitialState=()=>{this.checked=this.initialChecked,this.value=this.checked.toString(),this.internals?.setValidity({}),this.internals?.setFormValue(this.value)};setInitialState=()=>{this.initialChecked=this.checked,this.value=this.checked.toString(),this.internals?.setFormValue(this.value)};formResetCallback(){this.restoreInitialState()}componentWillLoad(){this.setInitialState(),this.setIds(),this.inheritedAttributes={...d(this.el,["aria-label","aria-describedby","aria-hidden","aria-invalid"]),...a(this,this.el)},(b("server")||this.errorText)&&(this.validationMessage=this.getValidationMessage())}handleInput=e=>{const i=e.target;this.checked=i.checked,this.value=i.checked.toString(),this.internals?.setFormValue(this.value),this.dsCheckboxInput.emit({id:this.identifier,checked:i.checked}),b("client")&&this.validationMessage&&(this.validationMessage=this.getValidationMessage())};handleKeyUp=e=>{"Enter"===e.key&&this.inputElem.dispatchEvent(new Event("input"))};handleBlur=()=>{b("client")&&!this.labelClicked&&(this.validationMessage=this.getValidationMessage()),this.labelClicked=!1};handleMouseDown=()=>{this.labelClicked=!0};handleMouseUp=()=>{this.labelClicked=!1};renderCheckbox(){const e=r("ds-checkbox",{"ds-checkbox--disabled":this.disabled,"ds-checkbox--no-margin":Boolean(!this.text)}),i=r("ds-checkbox__input",{"ds-checkbox__input--invalid":Boolean(this.errorText)}),t=r("ds-checkbox-error",{"ds-checkbox-error--visible":Boolean(this.validationMessage)}),d=this.getAriaDescribedBy();return s(o,null,s("div",null,s("label",{id:this.labelId,class:e,onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp},s("input",{ref:e=>this.inputElem=e,type:"checkbox",class:i,checked:this.checked,indeterminate:this.indeterminate,onInput:this.handleInput,onKeyUp:this.handleKeyUp,onBlur:this.handleBlur,value:this.value,disabled:this.disabled,required:this.required,id:this.identifier,"aria-describedby":d,"aria-label":h(this.getCheckboxText(),this.ariaLabel),"aria-invalid":!!this.errorText||void 0,...this.inheritedAttributes}),this.getCheckboxText())),!this.errorsDisabled&&s("div",{class:t},s("ds-input-validity",{id:this.inputValidityId,text:this.validationMessage,type:"error",role:"alert"})))}renderFieldset(){const e=r("ds-checkbox-fieldset"),i=r("ds-checkbox-fieldset__legend"),t=r("ds-checkbox-fieldset__assistive-text");return s("fieldset",{class:e},s("legend",{class:i},this.getLegendText()),this.assistiveText&&s("small",{class:t,id:this.assistiveTextId},this.assistiveText),this.renderCheckbox())}render(){return this.legend?this.renderFieldset():this.renderCheckbox()}static get formAssociated(){return!0}};p.style=".ds-checkbox-fieldset{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox-fieldset__legend{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-checkbox-fieldset__assistive-text{display:inline;font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox{display:inline-flex;align-self:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap;text-wrap:wrap;word-wrap:break-word;word-break:break-all;white-space:normal;position:relative;cursor:pointer;user-select:none;width:auto;padding:var(--ds-spacing-xSmall)}.ds-checkbox--no-margin .ds-checkbox__input{margin-right:0}.ds-checkbox--disabled{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__span--optional{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox:has(.ds-checkbox__input:disabled){cursor:not-allowed}.ds-checkbox__input{cursor:pointer;-webkit-appearance:none;appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-palette-black-50);}.ds-checkbox__input:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline-color:var(--ds-borderColor-black);outline-offset:var(--ds-borderWidth-thin);outline-style:solid;outline-width:var(--ds-borderWidth-thin)}.ds-checkbox__input:hover,.ds-checkbox__input:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__input:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__input:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__input:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__input:disabled{border-color:GrayText}}.ds-checkbox__input:checked,.ds-checkbox__input:indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__input:checked:hover,.ds-checkbox__input:indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__input:checked:active,.ds-checkbox__input:indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__input:checked:disabled,.ds-checkbox__input:indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__input:user-invalid,.ds-checkbox__input--invalid,.ds-checkbox__input--invalid:checked,.ds-checkbox__input--invalid:indeterminate{border-color:var(--ds-borderColor-danger)}.ds-checkbox__input:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__input::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__input:checked::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>\")}.ds-checkbox__input:checked:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>\")}.ds-checkbox__input:indeterminate::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>\")}.ds-checkbox__input:indeterminate:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>\")}.ds-checkbox-error{display:flex}.ds-checkbox-error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-xSmall)}";export{p as ds_checkbox}
+import{r as e,c as i,g as t,h as s,F as d}from"./index-Cm7V4EAn.js";import{c as a}from"./index-BfTCfPZ1.js";import{i as r,b as o}from"./attributes-BD_lNRxn.js";import{g as l,a as h}from"./controlUtils-CNER0MvM.js";import{i as c}from"./index-DuYjhvTn.js";import{i as n}from"./utils-CqaqnfY4.js";const b=n("ds-checkbox"),p=class{constructor(t){e(this,t),this.dsChange=i(this,"dsChange"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}checkboxGroup=null;inputElem;labelId;inputValidityId;assistiveTextId;inheritedAttributes={};labelClicked=!1;get el(){return t(this)}internals;dsId=b.next().value;dsChecked=!1;dsLegend;dsAssistiveText;dsText;dsIndeterminate=!1;dsDisabled=!1;dsErrorText="";dsErrorsDisabled=!1;dsRequired=!1;dsOptional=!1;dsOptionalText;dsAriaLabel;dsChange;invalid=!!this.dsErrorText;initialChecked=this.dsChecked;validationMessage;setIds=()=>{this.labelId=`${this.dsId}-label`,this.inputValidityId=`${this.dsId}-validity`,this.assistiveTextId=`${this.dsId}-assistive-text`};getValidationMessage=()=>this.dsErrorsDisabled?"":this.dsErrorText||this.internals?.validationMessage||this.inputElem?.validationMessage;getLegendText=()=>this.dsRequired?l(this.dsLegend):this.dsOptional?h(this.dsLegend,this.dsOptionalText):this.dsLegend;getCheckboxText=()=>this.dsLegend?this.dsText:this.dsRequired?l(this.dsText):this.dsOptional?h(this.dsText,this.dsOptionalText):this.dsText;getAriaDescribedBy=()=>[Boolean(this.dsAssistiveText)&&this.assistiveTextId,Boolean(this.getValidationMessage())&&this.inputValidityId].filter(Boolean).join(" ");formResetCallback(){this.dsChecked=this.initialChecked,this.internals?.setValidity({}),this.internals?.setFormValue(this.dsChecked.toString())}connectedCallback(){this.checkboxGroup=this.el.closest("ds-checkbox-group"),this.checkboxGroup&&(this.invalid=!!this.checkboxGroup.dsErrorText,this.checkboxGroup.addEventListener("dsCheckboxGroupInvalidStateChange",this.updateInvalidState))}disconnectedCallback(){this.checkboxGroup&&this.checkboxGroup.removeEventListener("dsCheckboxGroupInvalidStateChange",this.updateInvalidState),this.checkboxGroup=null}updateInvalidState=e=>{this.invalid=e.detail};componentWillLoad(){this.setIds(),this.inheritedAttributes={...o(this.el,["aria-label","aria-describedby","aria-hidden","aria-invalid"]),...r(this,this.el)},(c("server")||this.dsErrorText)&&(this.validationMessage=this.getValidationMessage())}dsCheckedObserver(e){this.dsChange.emit(e)}handleInput=e=>{const i=e.target;this.dsChecked=i.checked,this.internals?.setFormValue(i.checked.toString()),c("client")&&this.validationMessage&&(this.validationMessage=this.getValidationMessage())};handleKeyUp=e=>{"Enter"===e.key&&this.inputElem.click()};handleBlur=()=>{c("client")&&!this.labelClicked&&(this.validationMessage=this.getValidationMessage()),this.labelClicked=!1};handleMouseDown=()=>{this.labelClicked=!0};handleMouseUp=()=>{this.labelClicked=!1};renderCheckbox(){const e=a("ds-checkbox",{"ds-checkbox--disabled":this.dsDisabled,"ds-checkbox--no-margin":Boolean(!this.dsText)}),i=a("ds-checkbox__input",{"ds-checkbox__input--invalid":Boolean(this.dsErrorText)||this.invalid}),t=a("ds-checkbox-error",{"ds-checkbox-error--visible":Boolean(this.validationMessage)}),r=this.getAriaDescribedBy();return s(d,null,s("div",null,s("label",{id:this.labelId,class:e,onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp},s("input",{ref:e=>this.inputElem=e,type:"checkbox",class:i,checked:this.dsChecked,indeterminate:this.dsIndeterminate,onInput:this.handleInput,onKeyUp:this.handleKeyUp,onBlur:this.handleBlur,value:this.dsChecked.toString(),disabled:this.dsDisabled,required:this.dsRequired,id:this.dsId,"aria-describedby":r,"aria-label":this.dsAriaLabel,"aria-invalid":!!this.dsErrorText||void 0,...this.inheritedAttributes}),this.getCheckboxText())),!this.dsErrorsDisabled&&s("div",{class:t},s("ds-input-validity",{id:this.inputValidityId,dsText:this.validationMessage,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"})))}renderFieldset(){const e=a("ds-checkbox-fieldset"),i=a("ds-checkbox-fieldset__legend"),t=a("ds-checkbox-fieldset__assistive-text");return s("fieldset",{class:e},s("legend",{class:i},this.getLegendText()),this.dsAssistiveText&&s("small",{class:t,id:this.assistiveTextId},this.dsAssistiveText),this.renderCheckbox())}render(){return this.dsLegend?this.renderFieldset():this.renderCheckbox()}static get formAssociated(){return!0}static get watchers(){return{dsChecked:["dsCheckedObserver"]}}};p.style=":root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.ds-checkbox-fieldset{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox-fieldset__legend{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-checkbox-fieldset__assistive-text{display:inline;font-size:var(--ds-fontSize-14);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large)}.ds-checkbox{display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;cursor:pointer;user-select:none;width:auto;padding:var(--ds-spacing-xSmall)}.ds-checkbox__input{cursor:pointer;appearance:none;background-color:var(--ds-palette-white);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-palette-black-50);}.ds-checkbox__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-checkbox__input:hover,.ds-checkbox__input:active{border-color:var(--ds-palette-black-50)}.ds-checkbox__input:hover{background-color:var(--ds-palette-black-10)}.ds-checkbox__input:active{background-color:var(--ds-palette-black-20)}.ds-checkbox__input:disabled{cursor:not-allowed;color:var(--ds-palette-black-40);background-color:var(--ds-overlay-black-10);border-color:var(--ds-overlay-black-15)}@media (forced-colors: active){.ds-checkbox__input:disabled{border-color:GrayText}}.ds-checkbox__input:user-invalid,.ds-checkbox__input--invalid,.ds-checkbox__input--invalid:checked,.ds-checkbox__input--invalid:indeterminate{border-color:var(--ds-palette-red-50)}.ds-checkbox__input:checked,.ds-checkbox__input:indeterminate{background-color:var(--ds-palette-mainBlue-70);border-color:var(--ds-overlay-black-00)}.ds-checkbox__input:checked:hover,.ds-checkbox__input:indeterminate:hover{background-color:var(--ds-palette-mainBlue-80)}.ds-checkbox__input:checked:active,.ds-checkbox__input:indeterminate:active{background-color:var(--ds-palette-mainBlue-90)}.ds-checkbox__input:checked:disabled,.ds-checkbox__input:indeterminate:disabled{background-color:var(--ds-overlay-black-10)}.ds-checkbox__input::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__input:checked::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>\")}.ds-checkbox__input:indeterminate::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>\")}.ds-checkbox__input:checked:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>\")}.ds-checkbox__input:indeterminate:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>\")}.ds-checkbox--no-margin .ds-checkbox__input{margin-right:0}.ds-checkbox--disabled{color:var(--ds-palette-black-40)}.ds-checkbox__span--optional{color:var(--ds-palette-black-70);font-size:var(--ds-fontSize-14)}.ds-checkbox:has(.ds-checkbox__input:disabled){cursor:not-allowed}.ds-checkbox-error{display:flex}.ds-checkbox-error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-xSmall)}";export{p as ds_checkbox}