@uh-design-system/component-library 1.2.0-rc.3 → 1.2.0

package/dist/component-library/{controlUtils-BsuMygCG.js → controlUtils-uMUNW1aR.js}

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

package/dist/component-library/cx-CiFpdjHK.js

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

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

@@ -1 +1 @@
-import{h as o,r as t,c as d,d as r}from"./index-CLIQk1DU.js";import{c as i}from"./index-BfTCfPZ1.js";import{d as s,i as n,t as a}from"./utils-C1bsmWWB.js";import{c as e}from"./cx-CUHafDbz.js";import{i as c,b as _}from"./attributes-DfbgRyXR.js";import{g as l}from"./store-DvjRAZS-.js";const b=n("ds-accordion"),h=class{constructor(o){t(this,o),this.dsToggle=d(this,"dsToggle")}inheritedAttributes={};get el(){return r(this)}dsVariant="default";dsBorderAligned=!1;dsOpenByDefault=!1;dsId=b.next().value;dsHeadingLevel=2;dsUseCloseButton=!1;dsCloseButtonLabel;dsHideContentBorders=!1;dsHideTopBorder=!1;dsHideRightBorder=!0;dsHideBottomBorder=!1;dsHideLeftBorder=!0;dsHeadingVariant="button";dsAriaDescribedBy;dsAriaLabelledBy;dsContentHasBackground=!0;isExpanded=!1;dsToggle;async setIsExpanded(o){this.isExpanded=o}headerButtonRef;shouldMoveFocus=!1;get ariaLabelledBy(){return[this.dsId,this.dsAriaLabelledBy].filter(Boolean).join(" ")}get DsButton(){return a("ds-button","ds-accordion",this.el)}get DsIcon(){return a("ds-icon","ds-accordion",this.el)}get close(){switch(l()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}componentWillLoad(){this.dsOpenByDefault&&(this.isExpanded=!0),this.inheritedAttributes={..._(this.el),...c(this,this.el)}}watchHandler(o){!o&&this.shouldMoveFocus&&this.headerButtonRef&&(this.headerButtonRef.focus(),this.shouldMoveFocus=!1),this.dsToggle.emit(o)}handleClick=o=>{const t=o.target.closest(`.${e("ds-accordion")}__close-button`);this.shouldMoveFocus=!!t,this.isExpanded=!this.isExpanded};handleKeyDown=o=>{switch(o.key){case"Enter":case" ":{o.preventDefault();const t=o.target.closest(`.${e("ds-accordion")}__close-button`);this.shouldMoveFocus=!!t,this.isExpanded=!this.isExpanded;break}}};renderHeading(t){const d="button"===this.dsHeadingVariant?{role:"heading","aria-level":this.dsHeadingLevel}:{};return o("div",{class:i(`${t}__title`,{[`${t}__title--with-background`]:this.dsContentHasBackground,[`${t}__title--border-aligned`]:this.dsBorderAligned,[`${t}__title--hide-top-border`]:this.dsHideTopBorder,[`${t}__title--hide-right-border`]:this.dsHideRightBorder,[`${t}__title--hide-left-border`]:this.dsHideLeftBorder}),...d},"icon-button"===this.dsHeadingVariant&&o("div",{class:i(`${t}__header-slot`,`${t}__header-slot--${this.dsVariant}`,`${t}__header-slot--${this.dsHeadingVariant}`,{[`${t}__header-slot--hide-top-border`]:this.dsHideTopBorder,[`${t}__header-slot--hide-bottom-border`]:!this.isExpanded&&this.dsHideBottomBorder})},o("slot",{name:"header"})),o("button",{class:i(`${t}__open-button`,`${t}__open-button--${this.dsVariant}`,`${t}__open-button--${this.dsHeadingVariant}`,{[`${t}__open-button--border-aligned`]:this.dsBorderAligned,[`${t}__open-button--hide-bottom-border`]:(()=>"button"===this.dsHeadingVariant?this.isExpanded&&!this.dsHideContentBorders||this.dsHideBottomBorder:(!this.dsHideContentBorders||this.dsHideBottomBorder)&&!this.isExpanded&&this.dsHideBottomBorder)()}),onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-expanded":this.isExpanded?"true":"false","aria-controls":`${this.dsId}-panel`,"aria-describedby":this.dsAriaDescribedBy,"aria-labelledby":this.ariaLabelledBy,id:this.dsId,ref:o=>this.headerButtonRef=o,type:"button"},o("span",{class:i(`${t}__open-button__icon`,`${t}__open-button__icon--${this.dsVariant}`),"aria-hidden":"true"},o(this.DsIcon,{dsSize:"1.5rem",dsName:this.isExpanded?"keyboard_arrow_up":"keyboard_arrow_down"})),"button"===this.dsHeadingVariant&&o("span",{class:i(`${t}__open-button__header-slot`,`${t}__open-button__header-slot--${this.dsVariant}`)},o("slot",{name:"header"}))))}render(){const t=e("ds-accordion");return o("div",{key:"2b4ac4dffb36275de59491b1d260cf552de3ed40",class:i(t,`${t}--${this.dsVariant}`,{[`${t}--expanded`]:this.isExpanded,[`${t}--with-background`]:this.dsContentHasBackground}),...this.inheritedAttributes},o("div",{key:"c4040c6399984902f92310cd761b62218f8d0d1f",class:`${t}__item`},this.renderHeading(t),o("div",{key:"a2adbc937550312d153b88750c6053c0cdbe108f",id:`${this.dsId}-panel`,role:"region","aria-labelledby":this.dsId,class:i(`${t}__panel`,`${t}__panel--${this.dsVariant}`,{[`${t}__panel--expanded`]:this.isExpanded,[`${t}__panel--with-background`]:this.dsContentHasBackground,[`${t}__panel--hide-right-border`]:this.dsHideRightBorder||this.dsHideContentBorders,[`${t}__panel--hide-left-border`]:this.dsHideLeftBorder||this.dsHideContentBorders}),hidden:!this.isExpanded},o("div",{key:"85c0b5d80a90401479026ae689c5cfd96161c5f9",class:i(`${t}__content`,{"ds-bodytext-lg":"default"===this.dsVariant,"ds-bodytext-md":"compact"===this.dsVariant,[`${t}__content--border-aligned`]:this.dsBorderAligned,[`${t}__content--with-background`]:this.dsContentHasBackground,[`${t}__content--hide-bottom-border`]:this.dsHideBottomBorder||this.dsHideContentBorders,[`${t}__content--has-close-button`]:this.dsUseCloseButton})},o("slot",{key:"fe6b99b309eddc21acdc12f4889a84cbd867e4e2",name:"content"}),this.dsUseCloseButton&&o(this.DsButton,{key:"b45cf3700221e352f0e0a2ab0dbcf3aa9434ae97",id:`${this.dsId}-close-button`,class:`${t}__close-button`,dsVariant:"supplementary",dsColour:"black",dsIcon:"keyboard_arrow_up",dsIconPosition:"start",onClick:this.handleClick,onKeyDown:this.handleKeyDown,dsText:this.dsCloseButtonLabel||this.close,dsSize:"compact"===this.dsVariant?"small":"medium",dsType:"button"})))))}static get watchers(){return{isExpanded:["watchHandler"]}}};s([o("ds-icon",{dsName:""}),o("ds-button",null)]),h.style='.ds-accordion__pYthVb.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__pYthVb--with-background.ds-accordion__pYthVb--expanded.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__pYthVb__title.sc-ds-accordion{position:relative;display:flex;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__pYthVb__title.sc-ds-accordion:not(.ds-accordion__pYthVb__title--hide-top-border) .ds-accordion__pYthVb__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__pYthVb__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__pYthVb__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__pYthVb__title--border-aligned.ds-accordion__pYthVb__title--with-background.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__pYthVb__title--border-aligned.ds-accordion__pYthVb__title--with-background.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__pYthVb__title--border-aligned.ds-accordion__pYthVb__title--with-background.sc-ds-accordion:has(.ds-accordion__pYthVb__open-button[aria-expanded=true])::before,.ds-accordion__pYthVb__title--border-aligned.ds-accordion__pYthVb__title--with-background.sc-ds-accordion:has(.ds-accordion__pYthVb__open-button[aria-expanded=true])::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__pYthVb__title.sc-ds-accordion:has(.ds-accordion__pYthVb__open-button[aria-expanded=true].ds-accordion__pYthVb__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__pYthVb__title.sc-ds-accordion:has(.ds-accordion__pYthVb__open-button:hover:not(.ds-accordion__pYthVb__open-button--icon-button)){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__pYthVb__title.sc-ds-accordion:has(.ds-accordion__pYthVb__open-button:active:not(.ds-accordion__pYthVb__open-button--icon-button)){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__pYthVb__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__pYthVb__header-slot--icon-button.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__pYthVb__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__pYthVb__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__pYthVb__open-button.sc-ds-accordion{all:unset;position:relative;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:row;gap:var(--ds-spacing-xSmall);width:100%;color:var(--ds-textColor-default);fill:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall)}.ds-accordion__pYthVb__open-button.sc-ds-accordion: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) * 0)}.ds-accordion__pYthVb__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__pYthVb__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__pYthVb__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__pYthVb__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__pYthVb__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__pYthVb__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__pYthVb__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__pYthVb__open-button--icon-button){padding-inline:0}.ds-accordion__pYthVb__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__pYthVb__open-button--icon-button)::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__pYthVb__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__pYthVb__open-button--icon-button)::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__pYthVb__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__pYthVb__open-button--icon-button):hover::before,.ds-accordion__pYthVb__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__pYthVb__open-button--icon-button):hover::after{background-color:var(--ds-bgColor-transparent-onLight-hover);z-index:1}.ds-accordion__pYthVb__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__pYthVb__open-button--icon-button):active::before,.ds-accordion__pYthVb__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__pYthVb__open-button--icon-button):active::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__pYthVb__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__pYthVb__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;order:1}.ds-accordion__pYthVb__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__pYthVb__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__pYthVb__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__pYthVb__open-button__header-slot.sc-ds-accordion{display:inline-block}.ds-accordion__pYthVb__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__pYthVb__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__pYthVb__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__pYthVb__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__pYthVb__panel.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__pYthVb__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__pYthVb__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__pYthVb__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__pYthVb__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__pYthVb.sc-ds-accordion-s>[slot=header],.ds-accordion__pYthVb .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__pYthVb__content.sc-ds-accordion{position:relative;color:var(--ds-textColor-default);padding:var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__pYthVb__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__pYthVb__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__pYthVb__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__pYthVb__content--border-aligned.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__pYthVb__content--border-aligned.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__pYthVb__content--with-background.sc-ds-accordion::before,.ds-accordion__pYthVb__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__pYthVb__close-button.sc-ds-accordion{display:flex;flex-direction:row;padding-block-start:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}';export{h as ds_accordion}
+import{h as o,r as d,c as t,d as n}from"./index-D-3Utc_w.js";import{c as r}from"./index-BfTCfPZ1.js";import{d as i,i as s,t as a}from"./utils-C1bsmWWB.js";import{c as e}from"./cx-CiFpdjHK.js";import{i as c,b as _}from"./attributes-DfbgRyXR.js";import{g as l}from"./store-B9-Hp5ie.js";const b=s("ds-accordion"),h=class{constructor(o){d(this,o),this.dsToggle=t(this,"dsToggle")}inheritedAttributes={};get el(){return n(this)}dsVariant="default";dsBorderAligned=!1;dsOpenByDefault=!1;dsId=b.next().value;dsHeadingLevel=2;dsUseCloseButton=!1;dsCloseButtonLabel;dsHideContentBorders=!1;dsHideTopBorder=!1;dsHideRightBorder=!0;dsHideBottomBorder=!1;dsHideLeftBorder=!0;dsHeadingVariant="button";dsAriaDescribedBy;dsAriaLabelledBy;dsContentHasBackground=!0;isExpanded=!1;dsToggle;async setIsExpanded(o){this.isExpanded=o}headerButtonRef;shouldMoveFocus=!1;get ariaLabelledBy(){return[this.dsId,this.dsAriaLabelledBy].filter(Boolean).join(" ")}get DsButton(){return a("ds-button","ds-accordion",this.el)}get DsIcon(){return a("ds-icon","ds-accordion",this.el)}get close(){switch(l()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}componentWillLoad(){this.dsOpenByDefault&&(this.isExpanded=!0),this.inheritedAttributes={..._(this.el),...c(this,this.el)}}watchHandler(o){!o&&this.shouldMoveFocus&&this.headerButtonRef&&(this.headerButtonRef.focus(),this.shouldMoveFocus=!1),this.dsToggle.emit(o)}handleClick=o=>{const d=o.target.closest(`.${e("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded};handleKeyDown=o=>{switch(o.key){case"Enter":case" ":{o.preventDefault();const d=o.target.closest(`.${e("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded;break}}};renderHeading(d){const t="button"===this.dsHeadingVariant?{role:"heading","aria-level":this.dsHeadingLevel}:{};return o("div",{class:r(`${d}__title`,{[`${d}__title--with-background`]:this.dsContentHasBackground,[`${d}__title--border-aligned`]:this.dsBorderAligned,[`${d}__title--hide-top-border`]:this.dsHideTopBorder,[`${d}__title--hide-right-border`]:this.dsHideRightBorder,[`${d}__title--hide-left-border`]:this.dsHideLeftBorder}),...t},"icon-button"===this.dsHeadingVariant&&o("div",{class:r(`${d}__header-slot`,`${d}__header-slot--${this.dsVariant}`,`${d}__header-slot--${this.dsHeadingVariant}`,{[`${d}__header-slot--hide-top-border`]:this.dsHideTopBorder,[`${d}__header-slot--hide-bottom-border`]:!this.isExpanded&&this.dsHideBottomBorder})},o("slot",{name:"header"})),o("button",{class:r(`${d}__open-button`,`${d}__open-button--${this.dsVariant}`,`${d}__open-button--${this.dsHeadingVariant}`,{[`${d}__open-button--border-aligned`]:this.dsBorderAligned,[`${d}__open-button--hide-bottom-border`]:(()=>"button"===this.dsHeadingVariant?this.isExpanded&&!this.dsHideContentBorders||this.dsHideBottomBorder:(!this.dsHideContentBorders||this.dsHideBottomBorder)&&!this.isExpanded&&this.dsHideBottomBorder)()}),onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-expanded":this.isExpanded?"true":"false","aria-controls":`${this.dsId}-panel`,"aria-describedby":this.dsAriaDescribedBy,"aria-labelledby":this.ariaLabelledBy,id:this.dsId,ref:o=>this.headerButtonRef=o,type:"button"},o("span",{class:r(`${d}__open-button__icon`,`${d}__open-button__icon--${this.dsVariant}`),"aria-hidden":"true"},o(this.DsIcon,{dsSize:"1.5rem",dsName:this.isExpanded?"keyboard_arrow_up":"keyboard_arrow_down"})),"button"===this.dsHeadingVariant&&o("span",{class:r(`${d}__open-button__header-slot`,`${d}__open-button__header-slot--${this.dsVariant}`)},o("slot",{name:"header"}))))}render(){const d=e("ds-accordion");return o("div",{key:"2b4ac4dffb36275de59491b1d260cf552de3ed40",class:r(d,`${d}--${this.dsVariant}`,{[`${d}--expanded`]:this.isExpanded,[`${d}--with-background`]:this.dsContentHasBackground}),...this.inheritedAttributes},o("div",{key:"c4040c6399984902f92310cd761b62218f8d0d1f",class:`${d}__item`},this.renderHeading(d),o("div",{key:"a2adbc937550312d153b88750c6053c0cdbe108f",id:`${this.dsId}-panel`,role:"region","aria-labelledby":this.dsId,class:r(`${d}__panel`,`${d}__panel--${this.dsVariant}`,{[`${d}__panel--expanded`]:this.isExpanded,[`${d}__panel--with-background`]:this.dsContentHasBackground,[`${d}__panel--hide-right-border`]:this.dsHideRightBorder||this.dsHideContentBorders,[`${d}__panel--hide-left-border`]:this.dsHideLeftBorder||this.dsHideContentBorders}),hidden:!this.isExpanded},o("div",{key:"85c0b5d80a90401479026ae689c5cfd96161c5f9",class:r(`${d}__content`,{"ds-bodytext-lg":"default"===this.dsVariant,"ds-bodytext-md":"compact"===this.dsVariant,[`${d}__content--border-aligned`]:this.dsBorderAligned,[`${d}__content--with-background`]:this.dsContentHasBackground,[`${d}__content--hide-bottom-border`]:this.dsHideBottomBorder||this.dsHideContentBorders,[`${d}__content--has-close-button`]:this.dsUseCloseButton})},o("slot",{key:"fe6b99b309eddc21acdc12f4889a84cbd867e4e2",name:"content"}),this.dsUseCloseButton&&o(this.DsButton,{key:"b45cf3700221e352f0e0a2ab0dbcf3aa9434ae97",id:`${this.dsId}-close-button`,class:`${d}__close-button`,dsVariant:"supplementary",dsColour:"black",dsIcon:"keyboard_arrow_up",dsIconPosition:"start",onClick:this.handleClick,onKeyDown:this.handleKeyDown,dsText:this.dsCloseButtonLabel||this.close,dsSize:"compact"===this.dsVariant?"small":"medium",dsType:"button"})))))}static get watchers(){return{isExpanded:["watchHandler"]}}};i([o("ds-icon",{dsName:""}),o("ds-button",null)]),h.style='.ds-accordion__DFAX9n.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__DFAX9n--with-background.ds-accordion__DFAX9n--expanded.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__DFAX9n__title.sc-ds-accordion{position:relative;display:flex;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__DFAX9n__title.sc-ds-accordion:not(.ds-accordion__DFAX9n__title--hide-top-border) .ds-accordion__DFAX9n__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__DFAX9n__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__DFAX9n__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__DFAX9n__title--border-aligned.ds-accordion__DFAX9n__title--with-background.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__DFAX9n__title--border-aligned.ds-accordion__DFAX9n__title--with-background.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__DFAX9n__title--border-aligned.ds-accordion__DFAX9n__title--with-background.sc-ds-accordion:has(.ds-accordion__DFAX9n__open-button[aria-expanded=true])::before,.ds-accordion__DFAX9n__title--border-aligned.ds-accordion__DFAX9n__title--with-background.sc-ds-accordion:has(.ds-accordion__DFAX9n__open-button[aria-expanded=true])::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__DFAX9n__title.sc-ds-accordion:has(.ds-accordion__DFAX9n__open-button[aria-expanded=true].ds-accordion__DFAX9n__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__DFAX9n__title.sc-ds-accordion:has(.ds-accordion__DFAX9n__open-button:hover:not(.ds-accordion__DFAX9n__open-button--icon-button)){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__DFAX9n__title.sc-ds-accordion:has(.ds-accordion__DFAX9n__open-button:active:not(.ds-accordion__DFAX9n__open-button--icon-button)){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__DFAX9n__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__DFAX9n__header-slot--icon-button.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__DFAX9n__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__DFAX9n__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__DFAX9n__open-button.sc-ds-accordion{all:unset;position:relative;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:row;gap:var(--ds-spacing-xSmall);width:100%;color:var(--ds-textColor-default);fill:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall)}.ds-accordion__DFAX9n__open-button.sc-ds-accordion: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) * 0)}.ds-accordion__DFAX9n__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__DFAX9n__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__DFAX9n__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__DFAX9n__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__DFAX9n__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__DFAX9n__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button){padding-inline:0}.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button)::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button)::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button):hover::before,.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button):hover::after{background-color:var(--ds-bgColor-transparent-onLight-hover);z-index:1}.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button):active::before,.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button):active::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__DFAX9n__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__DFAX9n__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;order:1}.ds-accordion__DFAX9n__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__DFAX9n__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__DFAX9n__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__DFAX9n__open-button__header-slot.sc-ds-accordion{display:inline-block}.ds-accordion__DFAX9n__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__DFAX9n__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__DFAX9n__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__DFAX9n__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__DFAX9n__panel.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__DFAX9n__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__DFAX9n__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__DFAX9n__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__DFAX9n__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__DFAX9n.sc-ds-accordion-s>[slot=header],.ds-accordion__DFAX9n .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__DFAX9n__content.sc-ds-accordion{position:relative;color:var(--ds-textColor-default);padding:var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__DFAX9n__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__DFAX9n__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__DFAX9n__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__DFAX9n__content--border-aligned.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__DFAX9n__content--border-aligned.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__DFAX9n__content--with-background.sc-ds-accordion::before,.ds-accordion__DFAX9n__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__DFAX9n__close-button.sc-ds-accordion{display:flex;flex-direction:row;padding-block-start:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}';export{h as ds_accordion}

package/dist/component-library/ds-assistive-text.entry.js

@@ -1 +1 @@
-import{r as s,h as t}from"./index-CLIQk1DU.js";import{c as e}from"./cx-CUHafDbz.js";import{i}from"./utils-C1bsmWWB.js";const a=i("ds-assistive-text"),r=class{constructor(t){s(this,t)}dsId=a.next().value;dsText;render(){const s=e("ds-assistive-text");return t("small",{key:"cd8842479b4aee4c7faf11b8f0e0d456832f1d90",class:s,id:this.dsId},t("slot",{key:"18b10c1bdcc6f240e7605161688e8ebeef7458f0"},this.dsText))}};r.style=".ds-assistive-text__pYthVb.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}";export{r as ds_assistive_text}
+import{r as s,h as t}from"./index-D-3Utc_w.js";import{c as e}from"./cx-CiFpdjHK.js";import{i}from"./utils-C1bsmWWB.js";const a=i("ds-assistive-text"),r=class{constructor(t){s(this,t)}dsId=a.next().value;dsText;render(){const s=e("ds-assistive-text");return t("small",{key:"cd8842479b4aee4c7faf11b8f0e0d456832f1d90",class:s,id:this.dsId},t("slot",{key:"18b10c1bdcc6f240e7605161688e8ebeef7458f0"},this.dsText))}};r.style=".ds-assistive-text__DFAX9n.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}";export{r as ds_assistive_text}

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

@@ -1 +1 @@
-import{h as d,r as s,d as a}from"./index-CLIQk1DU.js";import{c as e}from"./index-BfTCfPZ1.js";import{c as t}from"./cx-CUHafDbz.js";import{i as o,d as r,t as c}from"./utils-C1bsmWWB.js";const b=o("ds-badge"),i=class{constructor(d){s(this,d)}get el(){return a(this)}dsId=b.next().value;dsText="";dsVariant="default";dsHiddenAssistiveText;dsAriaLabel;get DsVisuallyHidden(){return c("ds-visually-hidden","ds-badge",this.el)}render(){const s=t("ds-badge");return d("div",{key:"b0bbd2f6c3ade154d98c7720b376d777f2050e0f",class:e(s,`${s}--${this.dsVariant}`)},d("div",{key:"fc29ce948e28ee19962d8d8b853d69bab2cca710",class:`${s}__content`},d("span",{key:"d0e6b492379de19efc3a4c8a9b21de097b5f37a0",class:`ds-text-semibold-xs ${s}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},d("slot",{key:"4587764e800f9392bd7d3a272bbfd0d84e10663f"},this.dsText,this.dsHiddenAssistiveText&&d(this.DsVisuallyHidden,{key:"13a4a5bdf5a1f8f0d4a28525a4dc48c3ccfcba2a",dsTag:"span"},this.dsHiddenAssistiveText)))))}};r([d("ds-visually-hidden",null)]),i.style=".ds-badge__pYthVb.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__pYthVb--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__pYthVb--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__pYthVb--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__pYthVb--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__pYthVb--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__pYthVb--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__pYthVb--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__pYthVb--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__pYthVb__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__pYthVb__content__text.sc-ds-badge{white-space:nowrap}";export{i as ds_badge}
+import{h as d,r as s,d as a}from"./index-D-3Utc_w.js";import{c as e}from"./index-BfTCfPZ1.js";import{c as o}from"./cx-CiFpdjHK.js";import{i as t,d as r,t as c}from"./utils-C1bsmWWB.js";const n=t("ds-badge"),i=class{constructor(d){s(this,d)}get el(){return a(this)}dsId=n.next().value;dsText="";dsVariant="default";dsHiddenAssistiveText;dsAriaLabel;get DsVisuallyHidden(){return c("ds-visually-hidden","ds-badge",this.el)}render(){const s=o("ds-badge");return d("div",{key:"b0bbd2f6c3ade154d98c7720b376d777f2050e0f",class:e(s,`${s}--${this.dsVariant}`)},d("div",{key:"fc29ce948e28ee19962d8d8b853d69bab2cca710",class:`${s}__content`},d("span",{key:"d0e6b492379de19efc3a4c8a9b21de097b5f37a0",class:`ds-text-semibold-xs ${s}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},d("slot",{key:"4587764e800f9392bd7d3a272bbfd0d84e10663f"},this.dsText,this.dsHiddenAssistiveText&&d(this.DsVisuallyHidden,{key:"13a4a5bdf5a1f8f0d4a28525a4dc48c3ccfcba2a",dsTag:"span"},this.dsHiddenAssistiveText)))))}};r([d("ds-visually-hidden",null)]),i.style=".ds-badge__DFAX9n.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__DFAX9n--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__DFAX9n--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__DFAX9n--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__DFAX9n--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__DFAX9n--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__DFAX9n--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__DFAX9n--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__DFAX9n--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__DFAX9n__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__DFAX9n__content__text.sc-ds-badge{white-space:nowrap}";export{i as ds_badge}

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

@@ -1 +1 @@
-import{M as s,r as e,c as r,d,h as t,H as a}from"./index-CLIQk1DU.js";import{c as i}from"./index-BfTCfPZ1.js";import{t as n,d as c}from"./utils-C1bsmWWB.js";import{l as b}from"./linkFactory-b2-fG3Vt.js";import{c as l}from"./cx-CUHafDbz.js";const o=class extends(s(b)){constructor(s){super(),e(this,s),this.dsClick=r(this,"dsClick"),this.dsIsHiddenChange=r(this,"dsIsHiddenChange")}get el(){return d(this)}dsIsHiddenChange;dsText="";dsIsCurrentPage=!1;dsHasSeparator=!0;dsSeparatorIcon;dsIsHidden=!1;isHiddenChanged=!1;get DsLink(){return n("ds-link","ds-breadcrumb",this.el)}get DsBreadcrumbsSeparator(){return n("ds-breadcrumbs-separator","ds-breadcrumb",this.el)}async setFocus(){await(this.el.querySelector(this.DsLink)?.setFocus())}dsIsHiddenObserver(){this.isHiddenChanged=!0}componentDidUpdate(){this.isHiddenChanged&&this.dsIsHiddenChange.emit(this.dsIsHidden),this.isHiddenChanged=!1}renderCurrentPageCrumb(s){return t("slot",null,t("span",{class:`${s}__current-page`,"aria-current":"page"},this.dsText))}renderLinkCrumb(s){return t("slot",null,t(this.DsLink,{class:`${s}__link`,dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=l("ds-breadcrumb"),e=`${s}__content`;return t(a,{key:"f16856bec2d49463af6dd60b4a03242fd47f83a1",role:"listitem"},t("div",{key:"63612ebf3e4e693fb16a6fc0676cd9cde4054dad",class:i(s,{[`${s}--hidden`]:this.dsIsHidden})},t("div",{key:"050324fecdb87ee70618fd9887ad2e6c4cdb4de0",class:e},this.dsHasSeparator?t(this.DsBreadcrumbsSeparator,{dsIcon:this.dsSeparatorIcon}):null,this.dsIsCurrentPage?this.renderCurrentPageCrumb(e):this.renderLinkCrumb(e))))}static get watchers(){return{dsIsHidden:["dsIsHiddenObserver"]}}};c([t("ds-link",{dsText:""}),t("ds-breadcrumbs-separator",null)]),o.style='.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__pYthVb.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__pYthVb--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__pYthVb__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__pYthVb__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__pYthVb__content__link.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-breadcrumb__pYthVb__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}';export{o as ds_breadcrumb}
+import{M as s,r as e,c as r,d,h as t,H as n}from"./index-D-3Utc_w.js";import{c as a}from"./index-BfTCfPZ1.js";import{t as i,d as c}from"./utils-C1bsmWWB.js";import{l}from"./linkFactory-Dqycn-DI.js";import{c as o}from"./cx-CiFpdjHK.js";const b=class extends(s(l)){constructor(s){super(),e(this,s),this.dsClick=r(this,"dsClick"),this.dsIsHiddenChange=r(this,"dsIsHiddenChange")}get el(){return d(this)}dsIsHiddenChange;dsText="";dsIsCurrentPage=!1;dsHasSeparator=!0;dsSeparatorIcon;dsIsHidden=!1;isHiddenChanged=!1;get DsLink(){return i("ds-link","ds-breadcrumb",this.el)}get DsBreadcrumbsSeparator(){return i("ds-breadcrumbs-separator","ds-breadcrumb",this.el)}async setFocus(){await(this.el.querySelector(this.DsLink)?.setFocus())}dsIsHiddenObserver(){this.isHiddenChanged=!0}componentDidUpdate(){this.isHiddenChanged&&this.dsIsHiddenChange.emit(this.dsIsHidden),this.isHiddenChanged=!1}renderCurrentPageCrumb(s){return t("slot",null,t("span",{class:`${s}__current-page`,"aria-current":"page"},this.dsText))}renderLinkCrumb(s){return t("slot",null,t(this.DsLink,{class:`${s}__link`,dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=o("ds-breadcrumb"),e=`${s}__content`;return t(n,{key:"f16856bec2d49463af6dd60b4a03242fd47f83a1",role:"listitem"},t("div",{key:"63612ebf3e4e693fb16a6fc0676cd9cde4054dad",class:a(s,{[`${s}--hidden`]:this.dsIsHidden})},t("div",{key:"050324fecdb87ee70618fd9887ad2e6c4cdb4de0",class:e},this.dsHasSeparator?t(this.DsBreadcrumbsSeparator,{dsIcon:this.dsSeparatorIcon}):null,this.dsIsCurrentPage?this.renderCurrentPageCrumb(e):this.renderLinkCrumb(e))))}static get watchers(){return{dsIsHidden:["dsIsHiddenObserver"]}}};c([t("ds-link",{dsText:""}),t("ds-breadcrumbs-separator",null)]),b.style='.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__DFAX9n.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__DFAX9n--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__DFAX9n__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__DFAX9n__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__DFAX9n__content__link.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-breadcrumb__DFAX9n__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}';export{b as ds_breadcrumb}

package/dist/component-library/ds-breadcrumbs-collapsible.entry.js

@@ -1 +1 @@
-import{h as s,r as t,c as e,d as a,F as d}from"./index-CLIQk1DU.js";import{d as r,t as n}from"./utils-C1bsmWWB.js";const i=class{constructor(s){t(this,s),this.dsExpandButtonClick=e(this,"dsExpandButtonClick")}get el(){return a(this)}dsExpandButtonClick;dsIsExpandButtonHidden=!1;dsSeparatorIcon;collapsibleTarget=null;get DsBreadcrumb(){return n("ds-breadcrumb","ds-breadcrumbs-collapsible",this.el)}get DsBreadcrumbsExpandButton(){return n("ds-breadcrumbs-expand-button","ds-breadcrumbs-collapsible",this.el)}dsIsHiddenChangeListener(s){s.detail||s.target!==this.collapsibleTarget||requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}dsClickListener(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return s(d,{key:"1c6df475a5aa5b6f2f0387c0fba276ee297705b2"},s(this.DsBreadcrumbsExpandButton,{key:"daeaf622292a2789fe126d5f18b5f8977e83f206",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),s("slot",{key:"b443c7dec71fc5463a14a845270ac6c157cba35a",onSlotchange:this.handleDefaultSlotChange}))}};r([s("ds-breadcrumbs-expand-button",null)]),i.style=":host{display:contents}";export{i as ds_breadcrumbs_collapsible}
+import{h as s,r as t,c as e,d as a,F as d}from"./index-D-3Utc_w.js";import{d as r,t as n}from"./utils-C1bsmWWB.js";const i=class{constructor(s){t(this,s),this.dsExpandButtonClick=e(this,"dsExpandButtonClick")}get el(){return a(this)}dsExpandButtonClick;dsIsExpandButtonHidden=!1;dsSeparatorIcon;collapsibleTarget=null;get DsBreadcrumb(){return n("ds-breadcrumb","ds-breadcrumbs-collapsible",this.el)}get DsBreadcrumbsExpandButton(){return n("ds-breadcrumbs-expand-button","ds-breadcrumbs-collapsible",this.el)}dsIsHiddenChangeListener(s){s.detail||s.target!==this.collapsibleTarget||requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}dsClickListener(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return s(d,{key:"1c6df475a5aa5b6f2f0387c0fba276ee297705b2"},s(this.DsBreadcrumbsExpandButton,{key:"daeaf622292a2789fe126d5f18b5f8977e83f206",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),s("slot",{key:"b443c7dec71fc5463a14a845270ac6c157cba35a",onSlotchange:this.handleDefaultSlotChange}))}};r([s("ds-breadcrumbs-expand-button",null)]),i.style=":host{display:contents}";export{i as ds_breadcrumbs_collapsible}

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

@@ -1 +1 @@
-import{h as t,r as e,c as r,d as s}from"./index-CLIQk1DU.js";import{c as d}from"./index-BfTCfPZ1.js";import{g as n}from"./store-DvjRAZS-.js";import{c as a}from"./cx-CUHafDbz.js";import{d as o,t as i}from"./utils-C1bsmWWB.js";const b=class{constructor(t){e(this,t),this.dsClick=r(this,"dsClick")}get el(){return s(this)}dsClick;dsIsHidden=!1;dsSeparatorIcon;get DsBreadcrumbsSeparator(){return i("ds-breadcrumbs-separator","ds-breadcrumbs-expand-button",this.el)}get showFullBreadcrumbTrail(){switch(n()){case"fi":return"Näytä koko murupolku.";case"sv":return"Visa hela brödsmulestigen.";default:return"Show full breadcrumb trail."}}handleExpandButtonClick=()=>{this.dsClick.emit()};render(){const e=a("ds-breadcrumbs-expand-button");return t("div",{key:"3dd7fed1e26516297c40b4e10c8d36498f40add5",role:"listitem",class:d(e,{[`${e}--hidden`]:this.dsIsHidden})},t(this.DsBreadcrumbsSeparator,{key:"da3a24429c1b4715d353752a815b660f150bc0b3",dsIcon:this.dsSeparatorIcon}),t("button",{key:"1bf09bcb4c4b3b70d4a748ce1223fa6303ebf577","aria-label":this.showFullBreadcrumbTrail,class:`${e}__button`,onClick:this.handleExpandButtonClick},"…"))}};o([t("ds-breadcrumbs-separator",null)]),b.style=".ds-breadcrumbs-expand-button__pYthVb.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__pYthVb--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__pYthVb__button.sc-ds-breadcrumbs-expand-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-breadcrumbs-expand-button__pYthVb__button.sc-ds-breadcrumbs-expand-button{background:none;border:none;padding:0;margin:0;overflow:visible;text-transform:none;display:inline;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:inherit;font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);vertical-align:middle;line-height:1.375;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-breadcrumbs-expand-button__pYthVb__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__pYthVb__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}";export{b as ds_breadcrumbs_expand_button}
+import{h as t,r as e,c as r,d as s}from"./index-D-3Utc_w.js";import{c as d}from"./index-BfTCfPZ1.js";import{g as n}from"./store-B9-Hp5ie.js";import{c as a}from"./cx-CiFpdjHK.js";import{d as o,t as i}from"./utils-C1bsmWWB.js";const b=class{constructor(t){e(this,t),this.dsClick=r(this,"dsClick")}get el(){return s(this)}dsClick;dsIsHidden=!1;dsSeparatorIcon;get DsBreadcrumbsSeparator(){return i("ds-breadcrumbs-separator","ds-breadcrumbs-expand-button",this.el)}get showFullBreadcrumbTrail(){switch(n()){case"fi":return"Näytä koko murupolku.";case"sv":return"Visa hela brödsmulestigen.";default:return"Show full breadcrumb trail."}}handleExpandButtonClick=()=>{this.dsClick.emit()};render(){const e=a("ds-breadcrumbs-expand-button");return t("div",{key:"3dd7fed1e26516297c40b4e10c8d36498f40add5",role:"listitem",class:d(e,{[`${e}--hidden`]:this.dsIsHidden})},t(this.DsBreadcrumbsSeparator,{key:"da3a24429c1b4715d353752a815b660f150bc0b3",dsIcon:this.dsSeparatorIcon}),t("button",{key:"1bf09bcb4c4b3b70d4a748ce1223fa6303ebf577","aria-label":this.showFullBreadcrumbTrail,class:`${e}__button`,onClick:this.handleExpandButtonClick},"…"))}};o([t("ds-breadcrumbs-separator",null)]),b.style=".ds-breadcrumbs-expand-button__DFAX9n.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__DFAX9n--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__DFAX9n__button.sc-ds-breadcrumbs-expand-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-breadcrumbs-expand-button__DFAX9n__button.sc-ds-breadcrumbs-expand-button{background:none;border:none;padding:0;margin:0;overflow:visible;text-transform:none;display:inline;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:inherit;font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);vertical-align:middle;line-height:1.375;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-breadcrumbs-expand-button__DFAX9n__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__DFAX9n__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}";export{b as ds_breadcrumbs_expand_button}

package/dist/component-library/ds-breadcrumbs-separator.entry.js

@@ -1 +1 @@
-import{r,d as s,h as a}from"./index-CLIQk1DU.js";import{c as e}from"./cx-CUHafDbz.js";import{t}from"./utils-C1bsmWWB.js";const d=class{constructor(s){r(this,s)}get el(){return s(this)}dsIcon="chevron_forward";get DsIcon(){return t("ds-icon","ds-breadcrumbs-separator",this.el)}render(){const r=e("ds-breadcrumbs-separator");return a(this.DsIcon,{key:"541ae60ddd6f6ac4577147ba544fb2742a664a6f",class:r,dsName:this.dsIcon,dsSize:"1rem"})}};d.style=".ds-breadcrumbs-separator__pYthVb.sc-ds-breadcrumbs-separator{display:inline-block;line-height:var(--ds-lineHeight-large);vertical-align:middle;margin-left:var(--ds-spacing-3xSmall, 4px);margin-right:var(--ds-spacing-3xSmall, 4px)}@media (min-width: 60rem){.ds-breadcrumbs-separator__pYthVb.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}";export{d as ds_breadcrumbs_separator}
+import{r,d as s,h as a}from"./index-D-3Utc_w.js";import{c as e}from"./cx-CiFpdjHK.js";import{t as d}from"./utils-C1bsmWWB.js";const i=class{constructor(s){r(this,s)}get el(){return s(this)}dsIcon="chevron_forward";get DsIcon(){return d("ds-icon","ds-breadcrumbs-separator",this.el)}render(){const r=e("ds-breadcrumbs-separator");return a(this.DsIcon,{key:"541ae60ddd6f6ac4577147ba544fb2742a664a6f",class:r,dsName:this.dsIcon,dsSize:"1rem"})}};i.style=".ds-breadcrumbs-separator__DFAX9n.sc-ds-breadcrumbs-separator{display:inline-block;line-height:var(--ds-lineHeight-large);vertical-align:middle;margin-left:var(--ds-spacing-3xSmall, 4px);margin-right:var(--ds-spacing-3xSmall, 4px)}@media (min-width: 60rem){.ds-breadcrumbs-separator__DFAX9n.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}";export{i as ds_breadcrumbs_separator}

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

@@ -1 +1 @@
-import{r as e,c as s,d as i,h as r}from"./index-CLIQk1DU.js";import{c as a}from"./cx-CUHafDbz.js";import{g as t}from"./store-DvjRAZS-.js";import{i as d}from"./utils-Bx_CJAgx.js";const n=class{constructor(i){e(this,i),this.dsSizeChange=s(this,"dsSizeChange")}get el(){return i(this)}dsSizeChange;dsAriaLabel;size="medium";get breadcrumb(){switch(t()){case"fi":return"Murupolku";case"sv":return"Brödsmulestig";default:return"Breadcrumb"}}sizeObserver(e){this.dsSizeChange.emit(e)}setSize(){this.size=d("medium")?"medium":"small"}resizeListener(){this.setSize()}componentWillLoad(){this.setSize()}render(){const e=a("ds-breadcrumbs");return r("nav",{key:"2816eaa07442863263428a20c3bc8842f0c66dbe",class:e,"aria-label":this.dsAriaLabel||this.breadcrumb},r("div",{key:"4c733a418228ae00109b9beba6c7e9873f331b1a",role:"list",class:`${e}__breadcrumbs`},r("slot",{key:"56245a7489d96ef9bae606d3cfa872654b47ca12"})))}static get watchers(){return{size:["sizeObserver"]}}};n.style=".ds-breadcrumbs__pYthVb{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__pYthVb{min-height:32px}}.ds-breadcrumbs__pYthVb__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__pYthVb__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}";export{n as ds_breadcrumbs}
+import{r as e,c as s,d as i,h as r}from"./index-D-3Utc_w.js";import{c as a}from"./cx-CiFpdjHK.js";import{g as t}from"./store-B9-Hp5ie.js";import{i as d}from"./utils-Bx_CJAgx.js";const n=class{constructor(i){e(this,i),this.dsSizeChange=s(this,"dsSizeChange")}get el(){return i(this)}dsSizeChange;dsAriaLabel;size="medium";get breadcrumb(){switch(t()){case"fi":return"Murupolku";case"sv":return"Brödsmulestig";default:return"Breadcrumb"}}sizeObserver(e){this.dsSizeChange.emit(e)}setSize(){this.size=d("medium")?"medium":"small"}resizeListener(){this.setSize()}componentWillLoad(){this.setSize()}render(){const e=a("ds-breadcrumbs");return r("nav",{key:"2816eaa07442863263428a20c3bc8842f0c66dbe",class:e,"aria-label":this.dsAriaLabel||this.breadcrumb},r("div",{key:"4c733a418228ae00109b9beba6c7e9873f331b1a",role:"list",class:`${e}__breadcrumbs`},r("slot",{key:"56245a7489d96ef9bae606d3cfa872654b47ca12"})))}static get watchers(){return{size:["sizeObserver"]}}};n.style=".ds-breadcrumbs__DFAX9n{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__DFAX9n{min-height:32px}}.ds-breadcrumbs__DFAX9n__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__DFAX9n__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}";export{n as ds_breadcrumbs}

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

@@ -1 +1 @@
-import{M as t,r as s,d as o,f as d,h as b}from"./index-CLIQk1DU.js";import{c as r}from"./index-BfTCfPZ1.js";import{b as n,i as a}from"./attributes-DfbgRyXR.js";import{i as e,t as i,a as h,d as u}from"./utils-C1bsmWWB.js";import{c as l}from"./cx-CUHafDbz.js";import{a as _}from"./ariaDeprecationFactory-CqVbDyhp.js";const p=e("ds-button"),c=class extends(t(_)){constructor(t){super(),s(this,t)}inheritedAttributes={};buttonEl;pressedKeys=new Set;get el(){return o(this)}dsForm;dsId=p.next().value;dsName=this.dsId;dsText="";dsValue="";dsVariant="primary";dsColour="blue";dsSize="medium";dsIcon="";dsIconPosition="start";dsIconTitle;dsIconAriaLabel;dsType="button";dsDisabled=!1;dsLoading=!1;dsUseSpinner=!1;dsSpinnerHiddenText;dsFullWidth=!1;dsAriaDisabled;dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsAriaExpanded;dsAriaPressed;dsHiddenAssistiveText;dsActive=!1;hasContent=!1;isActive=this.dsActive;text="";async setFocus(){this.buttonEl.focus()}componentWillLoad(){if(this.getDeprecationWarningsForAriaAttributes(this.el),this.dsUseSpinner&&!this.dsSpinnerHiddenText)throw new Error("dsSpinnerHiddenText is required when dsUseSpinner is true.");this.isActive=this.dsActive,this.inheritedAttributes={...a(this,this.el),...n(this.el)},this.text=this.dsText||this.dsValue}componentDidLoad(){this.hasContent=!!this.text||Array.from(this.el.childNodes).some((t=>{if(t.nodeType===Node.ELEMENT_NODE){const s=t;return!s.hasAttribute("slot")||""===s.getAttribute("slot")}return t.nodeType===Node.TEXT_NODE&&t.textContent?.trim().length>0}))}dsTextObserver(t){this.text=t||this.dsValue}dsValueObserver(t){this.dsText||(this.text=t)}dsActiveObserver(t){this.isActive=t}ariaAttributeObserver(t,s,o){this.inheritedAttributes={...this.inheritedAttributes,[o]:t},d(this)}handleKeyDown=t=>{if(!t.repeat)switch(t.key){case"Enter":case" ":this.pressedKeys.add(t.key),this.isActive=!0}};handleKeyUp=t=>{switch(t.key){case"Enter":case" ":this.pressedKeys.delete(t.key),0===this.pressedKeys.size&&(this.isActive=this.dsActive)}};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};renderIcon=t=>{const s=r(`${t}__icon`),o="small"===this.dsSize?"1.25rem":void 0,d=i("ds-icon","ds-button",this.el);return b(d,{class:s,dsName:this.dsIcon,dsCustomSize:o,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel})};renderButton=()=>{const t=l("ds-button"),s=r(`${t} ${t}--${this.dsVariant} ${t}--${this.dsColour} ${t}--${this.dsSize}`,{[`${t}--icon-start`]:this.dsIcon&&"start"===this.dsIconPosition&&this.hasContent,[`${t}--icon-end`]:this.dsIcon&&"end"===this.dsIconPosition&&this.hasContent,[`${t}--icon-only`]:this.dsIcon&&!this.hasContent,[`${t}--full-width`]:this.dsFullWidth,[`${t}--disabled`]:this.dsDisabled,[`${t}--${this.dsColour}--active`]:this.isActive}),o=i("ds-spinner","ds-button",this.el),d=i("ds-visually-hidden","ds-button",this.el),{"aria-label":n,"aria-labelledby":a,"aria-describedby":e,"aria-disabled":u,"aria-expanded":_,"aria-pressed":p,...c}=this.inheritedAttributes,V=this.dsAriaLabel||n,Y=this.dsAriaLabelledby||a,v=this.dsAriaDescribedby||e;let g;void 0!==this.dsAriaDisabled?"string"==typeof this.dsAriaDisabled?(console.warn("dsAriaDisabled should be a boolean, not a string. String support will be deprecated."),g=this.dsAriaDisabled):g=this.dsAriaDisabled?"true":"false":u&&(g=u);const m=void 0!==this.dsAriaExpanded?this.dsAriaExpanded?"true":"false":_,y=void 0!==this.dsAriaPressed?this.dsAriaPressed?"true":"false":p;return b("button",{ref:t=>this.buttonEl=t,class:s,id:this.dsId,value:this.dsValue,name:this.dsName,form:this.dsForm,type:this.dsType,disabled:this.dsDisabled,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,...h("aria-disabled",g),...h("aria-label",V),...h("aria-labelledby",Y),...h("aria-describedby",v),...h("aria-expanded",m),...h("aria-pressed",y),...c},b("slot",{name:"prefix"},!this.dsLoading&&this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(t),this.dsLoading&&b(o,{class:`${t}__spinner`,dsHiddenAssistiveText:this.dsSpinnerHiddenText,dsColour:this.getSpinnerColour(),dsSize:"medium"===this.dsSize?"medium":null,dsCustomSize:"small"===this.dsSize?"1.25rem":null})),this.hasContent&&b("span",{class:`${t}__value`},b("slot",null,this.text,this.dsHiddenAssistiveText&&b(d,{dsTag:"span"},this.dsHiddenAssistiveText))),b("slot",{name:"suffix"},this.dsIcon&&"end"===this.dsIconPosition&&this.renderIcon(t)))};render(){const t=this.renderButton();return this.dsUseSpinner?b("div",{"aria-live":"polite"},t):t}static get watchers(){return{dsText:["dsTextObserver"],dsValue:["dsValueObserver"],dsActive:["dsActiveObserver"],"aria-disabled":["ariaAttributeObserver"],"aria-label":["ariaAttributeObserver"],"aria-labelledby":["ariaAttributeObserver"],"aria-pressed":["ariaAttributeObserver"],"aria-expanded":["ariaAttributeObserver"]}}};u([b("ds-icon",{dsName:""}),b("ds-spinner",null),b("ds-visually-hidden",null)]),c.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-h{display:inline-block}.sc-ds-button-h:has(.ds-button__pYthVb--full-width){width:100%}.ds-button__pYthVb.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__pYthVb.sc-ds-button:not(.ds-button__pYthVb--supplementary) .ds-button__pYthVb__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__pYthVb--supplementary.sc-ds-button:has(.ds-button__pYthVb__spinner) .ds-button__pYthVb__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__pYthVb__icon.sc-ds-button{height:1.5rem}.ds-button__pYthVb.sc-ds-button:has(.ds-button__pYthVb__spinner):not(.ds-button__pYthVb--small) .ds-button__pYthVb__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__pYthVb__spinner.sc-ds-button{display:flex}.ds-button__pYthVb--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__pYthVb.sc-ds-button:not(.ds-button__pYthVb--small):not(.ds-button__pYthVb--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__pYthVb.sc-ds-button:not(.ds-button__pYthVb--small).ds-button__pYthVb--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__pYthVb.sc-ds-button:not(.ds-button__pYthVb--small).ds-button__pYthVb--icon-only{padding-left:0;padding-right:0}.ds-button__pYthVb--small.ds-button__pYthVb--icon-start.sc-ds-button,.ds-button__pYthVb--small.ds-button__pYthVb--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__pYthVb--small.sc-ds-button:not(.ds-button__pYthVb--secondary){border-width:0px;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__pYthVb--small.ds-button__pYthVb--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__pYthVb--small.ds-button__pYthVb--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__pYthVb--small.sc-ds-button .ds-button__pYthVb__icon.sc-ds-button{height:auto}.ds-button__pYthVb--icon-start.sc-ds-button:not(.ds-button__pYthVb--small) .ds-button__pYthVb__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__pYthVb--icon-end.sc-ds-button:not(.ds-button__pYthVb--small) .ds-button__pYthVb__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--blue.sc-ds-button:active,.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--blue.ds-button__pYthVb--disabled.sc-ds-button,.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--black.sc-ds-button:active,.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--black.ds-button__pYthVb--disabled.sc-ds-button,.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--white.sc-ds-button:active,.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--white.ds-button__pYthVb--disabled.sc-ds-button,.ds-button__pYthVb.ds-button__pYthVb--primary.ds-button__pYthVb--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--blue.sc-ds-button:active,.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--blue.ds-button__pYthVb--disabled.sc-ds-button,.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--black.sc-ds-button:active,.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--black.ds-button__pYthVb--disabled.sc-ds-button,.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--white.sc-ds-button:active,.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--white.ds-button__pYthVb--disabled.sc-ds-button,.ds-button__pYthVb.ds-button__pYthVb--secondary.ds-button__pYthVb--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--blue.sc-ds-button:active,.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--blue.ds-button__pYthVb--disabled.sc-ds-button,.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--black.sc-ds-button:active,.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--black.ds-button__pYthVb--disabled.sc-ds-button,.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--white.sc-ds-button:active,.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--white.ds-button__pYthVb--disabled.sc-ds-button,.ds-button__pYthVb.ds-button__pYthVb--supplementary.ds-button__pYthVb--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}";export{c as ds_button}
+import{M as t,r as s,d as n,f as o,h as d}from"./index-D-3Utc_w.js";import{c as r}from"./index-BfTCfPZ1.js";import{b as a,i as e}from"./attributes-DfbgRyXR.js";import{i as b,t as i,a as u,d as _}from"./utils-C1bsmWWB.js";import{c as l}from"./cx-CiFpdjHK.js";import{a as c}from"./ariaDeprecationFactory-BmasIGdA.js";const h=b("ds-button"),A=class extends(t(c)){constructor(t){super(),s(this,t)}inheritedAttributes={};buttonEl;pressedKeys=new Set;get el(){return n(this)}dsForm;dsId=h.next().value;dsName=this.dsId;dsText="";dsValue="";dsVariant="primary";dsColour="blue";dsSize="medium";dsIcon="";dsIconPosition="start";dsIconTitle;dsIconAriaLabel;dsType="button";dsDisabled=!1;dsLoading=!1;dsUseSpinner=!1;dsSpinnerHiddenText;dsFullWidth=!1;dsAriaDisabled;dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsAriaExpanded;dsAriaPressed;dsHiddenAssistiveText;dsActive=!1;hasContent=!1;isActive=this.dsActive;text="";async setFocus(){this.buttonEl.focus()}componentWillLoad(){if(this.getDeprecationWarningsForAriaAttributes(this.el),this.dsUseSpinner&&!this.dsSpinnerHiddenText)throw new Error("dsSpinnerHiddenText is required when dsUseSpinner is true.");this.isActive=this.dsActive,this.inheritedAttributes={...e(this,this.el),...a(this.el)},this.text=this.dsText||this.dsValue}componentDidLoad(){this.hasContent=!!this.text||Array.from(this.el.childNodes).some((t=>{if(t.nodeType===Node.ELEMENT_NODE){const s=t;return!s.hasAttribute("slot")||""===s.getAttribute("slot")}return t.nodeType===Node.TEXT_NODE&&t.textContent?.trim().length>0}))}dsTextObserver(t){this.text=t||this.dsValue}dsValueObserver(t){this.dsText||(this.text=t)}dsActiveObserver(t){this.isActive=t}ariaAttributeObserver(t,s,n){this.inheritedAttributes={...this.inheritedAttributes,[n]:t},o(this)}handleKeyDown=t=>{if(!t.repeat)switch(t.key){case"Enter":case" ":this.pressedKeys.add(t.key),this.isActive=!0}};handleKeyUp=t=>{switch(t.key){case"Enter":case" ":this.pressedKeys.delete(t.key),0===this.pressedKeys.size&&(this.isActive=this.dsActive)}};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};renderIcon=t=>{const s=r(`${t}__icon`),n="small"===this.dsSize?"1.25rem":void 0,o=i("ds-icon","ds-button",this.el);return d(o,{class:s,dsName:this.dsIcon,dsCustomSize:n,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel})};renderButton=()=>{const t=l("ds-button"),s=r(`${t} ${t}--${this.dsVariant} ${t}--${this.dsColour} ${t}--${this.dsSize}`,{[`${t}--icon-start`]:this.dsIcon&&"start"===this.dsIconPosition&&this.hasContent,[`${t}--icon-end`]:this.dsIcon&&"end"===this.dsIconPosition&&this.hasContent,[`${t}--icon-only`]:this.dsIcon&&!this.hasContent,[`${t}--full-width`]:this.dsFullWidth,[`${t}--disabled`]:this.dsDisabled,[`${t}--${this.dsColour}--active`]:this.isActive}),n=i("ds-spinner","ds-button",this.el),o=i("ds-visually-hidden","ds-button",this.el),{"aria-label":a,"aria-labelledby":e,"aria-describedby":b,"aria-disabled":_,"aria-expanded":c,"aria-pressed":h,...A}=this.inheritedAttributes,D=this.dsAriaLabel||a,F=this.dsAriaLabelledby||e,X=this.dsAriaDescribedby||b;let v;void 0!==this.dsAriaDisabled?"string"==typeof this.dsAriaDisabled?(console.warn("dsAriaDisabled should be a boolean, not a string. String support will be deprecated."),v=this.dsAriaDisabled):v=this.dsAriaDisabled?"true":"false":_&&(v=_);const p=void 0!==this.dsAriaExpanded?this.dsAriaExpanded?"true":"false":c,g=void 0!==this.dsAriaPressed?this.dsAriaPressed?"true":"false":h;return d("button",{ref:t=>this.buttonEl=t,class:s,id:this.dsId,value:this.dsValue,name:this.dsName,form:this.dsForm,type:this.dsType,disabled:this.dsDisabled,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,...u("aria-disabled",v),...u("aria-label",D),...u("aria-labelledby",F),...u("aria-describedby",X),...u("aria-expanded",p),...u("aria-pressed",g),...A},d("slot",{name:"prefix"},!this.dsLoading&&this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(t),this.dsLoading&&d(n,{class:`${t}__spinner`,dsHiddenAssistiveText:this.dsSpinnerHiddenText,dsColour:this.getSpinnerColour(),dsSize:"medium"===this.dsSize?"medium":null,dsCustomSize:"small"===this.dsSize?"1.25rem":null})),this.hasContent&&d("span",{class:`${t}__value`},d("slot",null,this.text,this.dsHiddenAssistiveText&&d(o,{dsTag:"span"},this.dsHiddenAssistiveText))),d("slot",{name:"suffix"},this.dsIcon&&"end"===this.dsIconPosition&&this.renderIcon(t)))};render(){const t=this.renderButton();return this.dsUseSpinner?d("div",{"aria-live":"polite"},t):t}static get watchers(){return{dsText:["dsTextObserver"],dsValue:["dsValueObserver"],dsActive:["dsActiveObserver"],"aria-disabled":["ariaAttributeObserver"],"aria-label":["ariaAttributeObserver"],"aria-labelledby":["ariaAttributeObserver"],"aria-pressed":["ariaAttributeObserver"],"aria-expanded":["ariaAttributeObserver"]}}};_([d("ds-icon",{dsName:""}),d("ds-spinner",null),d("ds-visually-hidden",null)]),A.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-h{display:inline-block}.sc-ds-button-h:has(.ds-button__DFAX9n--full-width){width:100%}.ds-button__DFAX9n.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__DFAX9n.sc-ds-button:not(.ds-button__DFAX9n--supplementary) .ds-button__DFAX9n__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__DFAX9n--supplementary.sc-ds-button:has(.ds-button__DFAX9n__spinner) .ds-button__DFAX9n__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__DFAX9n__icon.sc-ds-button{height:1.5rem}.ds-button__DFAX9n.sc-ds-button:has(.ds-button__DFAX9n__spinner):not(.ds-button__DFAX9n--small) .ds-button__DFAX9n__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__DFAX9n__spinner.sc-ds-button{display:flex}.ds-button__DFAX9n--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__DFAX9n.sc-ds-button:not(.ds-button__DFAX9n--small):not(.ds-button__DFAX9n--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__DFAX9n.sc-ds-button:not(.ds-button__DFAX9n--small).ds-button__DFAX9n--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__DFAX9n.sc-ds-button:not(.ds-button__DFAX9n--small).ds-button__DFAX9n--icon-only{padding-left:0;padding-right:0}.ds-button__DFAX9n--small.ds-button__DFAX9n--icon-start.sc-ds-button,.ds-button__DFAX9n--small.ds-button__DFAX9n--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__DFAX9n--small.sc-ds-button:not(.ds-button__DFAX9n--secondary){border-width:0px;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__DFAX9n--small.ds-button__DFAX9n--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__DFAX9n--small.ds-button__DFAX9n--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__DFAX9n--small.sc-ds-button .ds-button__DFAX9n__icon.sc-ds-button{height:auto}.ds-button__DFAX9n--icon-start.sc-ds-button:not(.ds-button__DFAX9n--small) .ds-button__DFAX9n__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__DFAX9n--icon-end.sc-ds-button:not(.ds-button__DFAX9n--small) .ds-button__DFAX9n__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}";export{A as ds_button}

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

@@ -1 +1 @@
-import{h as t,r as a,d}from"./index-CLIQk1DU.js";import{c as s}from"./index-BfTCfPZ1.js";import{i as e,d as i,t as r}from"./utils-C1bsmWWB.js";import{o}from"./linkUtils-C7Zr_Ewo.js";import{c}from"./cx-CUHafDbz.js";import{i as n,b as l}from"./attributes-DfbgRyXR.js";import"./store-DvjRAZS-.js";const h=e("ds-card"),_=class{constructor(t){a(this,t)}linkIcon="arrow_forward";inheritedAttributes={};cardId=h.next().value;get el(){return d(this)}dsLinkType="full";dsVariant="filled";dsHorizontal=!1;dsHeading;dsHeadingLevel=3;dsDescription;dsDescriptionClamp;dsUrl;dsUrlTarget="_self";dsEyebrow;dsSubtitle;dsTag;dsShowArrow=!0;dsFluidHeight=!1;hasImageSlot=!1;hasSubtitleSlot=!1;hasSlotContent=!0;isCardFocused=!1;componentWillLoad(){o(this.dsUrlTarget)&&(this.linkIcon="arrow_outward"),this.inheritedAttributes={...l(this.el,["aria-labelledby"]),...n(this,this.el)}}connectedCallback(){const t=null===this.el.querySelector('[slot="content"]'),a=null===this.el.querySelector('[slot="footer"]');t&&a&&(this.hasSlotContent=!1)}componentDidLoad(){this.checkImageSlot()}isSlottedElement(t){let a=t;for(;a&&a!==this.el;){if(a.hasAttribute("slot"))return!0;a=a.parentElement}return!1}handleFocusIn(t){this.isSlottedElement(t.target)||(this.isCardFocused=!0)}handleFocusOut(t){const a=t.relatedTarget;a&&this.el.contains(a)&&!this.isSlottedElement(a)||(this.isCardFocused=!1)}handleClick(){}handleKeydown(t){}checkImageSlot(){const t=this.el.querySelectorAll('[slot="image"]');this.hasImageSlot=t.length>0}checkSubtitleSlot(){const t=this.el.querySelectorAll('[slot="subtitle"]');this.hasSubtitleSlot=t.length>0}render(){const a=c("ds-card"),d=s(a,`${a}--${this.dsVariant}`,{[`${a}--link--full`]:"full"===this.dsLinkType,[`${a}--fluid-height`]:this.dsFluidHeight,[`${a}--focused`]:this.isCardFocused},this.dsHorizontal?`${a}--horizontal`:`${a}--vertical`,`${a}--link__${this.dsLinkType}`),e=s(`${a}__link`,{[`${a}__link--${this.dsLinkType}`]:!0}),i=`h${this.dsHeadingLevel}`,o=`${this.cardId}-heading`,n=r("ds-icon","ds-card",this.el),l=this.dsDescriptionClamp?this.dsDescriptionClamp.toString():"none";return t("article",{key:"1fd169bfc87c78ea9f34a009b6f81e33f16b0a66",class:d,style:{"--description-line-clamp":l},"aria-labelledby":o,...this.inheritedAttributes},t("div",{key:"06179b807125de1ca5ca864a09b105f9a0d886c5",class:`${a}__content`},t("div",{key:"53141e95a209604bbb54b74210c08a4246530431",class:{[`${a}__content--top`]:!0,[`${a}__content--top--has-link`]:Boolean(this.dsUrl)}},t("div",{key:"51caac9fa0643dd253e8ec9585395aef1def1d26",class:`${a}__heading-container`},this.dsHeading&&this.dsUrl&&"none"!==this.dsLinkType?t(i,{class:`${a}__heading`,id:o},t("a",{href:this.dsUrl,target:this.dsUrlTarget,class:e},t("slot",{name:"heading"},this.dsHeading))):t(i,{class:`${a}__heading`},t("slot",{name:"heading"},this.dsHeading)),this.dsTag&&this.hasImageSlot&&t("span",{key:"76a24245b22c4a9fd840322908bdd782991a3002",class:`${a}__tag`},this.dsTag),this.dsEyebrow&&t("div",{key:"326c79599beba73cbacbc4a844049866e3bcdf94",class:`${a}__eyebrow`},this.dsEyebrow),this.dsSubtitle&&t("div",{key:"f71fd3c85d38bdaa3bf2fca02930fe8acc9b66a3",class:`${a}__subtitle`},this.dsSubtitle),t("div",{key:"d33762c291ca18a15e05bea3932dac522c9435fe",class:s(`${a}__slot-subtitle`,{[`${a}__slot-subtitle--hidden`]:!this.hasSubtitleSlot})},t("slot",{key:"2ab2a87769c607f90817103a8231952d144de2d8",name:"subtitle",onSlotchange:()=>this.checkSubtitleSlot()}))),this.dsUrl&&this.dsShowArrow&&t(n,{key:"82383404c23387648e4d23e026b8e349649e2c68",dsSize:"2rem",class:`${a}__icon`,dsName:this.linkIcon})),this.dsDescription&&t("p",{key:"b382b6a403e4e859fc706d7015e2bce7814234c4",class:`${a}__description`},this.dsDescription)),t("div",{key:"9d8879cd76bfcfde2c6191b9e3111617e287b95a",class:s(`${a}__content--bottom`,{[`${a}__content--bottom--has-slot-content`]:this.hasSlotContent})},t("div",{key:"c97f393cac1f8cb9470be0f5b5dd3c4498f20760",class:`${a}__slot--content`},t("slot",{key:"8a9eb68198c7abfb3fd3b9e07fa04a20b009409b",name:"content"})),t("div",{key:"fab536134313ceae9c566751275393afa25cde31",class:`${a}__slot--footer`},t("slot",{key:"cf44ec191cf23ed5cc4b4d1224daa5d10df35e9f",name:"footer"}))),t("div",{key:"33df77a3ea91342108783a10ce4848dbf9150bc9",class:{[`${a}__image-container`]:!0,[`${a}__image-container--has-image`]:this.hasImageSlot}},t("slot",{key:"c1a19694af399222dc3831bffc83c623dbb7f98e",name:"image",onSlotchange:()=>this.checkImageSlot()})))}};i([t("ds-icon",{dsName:""})]),_.style='.sc-ds-card-h{display:block}.ds-card__pYthVb.sc-ds-card{background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);display:flex;flex-direction:column;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);hyphens:auto;height:auto;position:relative}.ds-card__pYthVb--fluid-height.sc-ds-card{height:100%}.ds-card__pYthVb.ds-card__pYthVb--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__pYthVb.ds-card__pYthVb--link--full.sc-ds-card:hover .ds-card__pYthVb__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__pYthVb.ds-card__pYthVb--link--full.sc-ds-card:hover .ds-card__pYthVb__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__pYthVb.ds-card__pYthVb--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__pYthVb.ds-card__pYthVb--link--full.sc-ds-card:active .ds-card__pYthVb__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__pYthVb.ds-card__pYthVb--link--full.sc-ds-card:active .ds-card__pYthVb__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__pYthVb.ds-card__pYthVb--link--full.sc-ds-card:focus{box-shadow:false 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * -1)}.ds-card__pYthVb.sc-ds-card .ds-card__pYthVb__link--full.sc-ds-card:after{content:"";position:absolute;inset:0}.ds-card__pYthVb--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__pYthVb--horizontal.sc-ds-card{display:grid;grid-template:"image content" auto "image contentBottom" auto/auto 1fr}.ds-card__pYthVb--horizontal.sc-ds-card .ds-card__pYthVb__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__pYthVb--horizontal.sc-ds-card .ds-card__pYthVb__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__pYthVb--horizontal.sc-ds-card .ds-card__pYthVb__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__pYthVb--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__pYthVb__image-container.sc-ds-card{display:none}.ds-card__pYthVb__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__pYthVb.sc-ds-card:not(.ds-card__pYthVb--vertical) .ds-card__pYthVb__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__pYthVb.sc-ds-card:not(.ds-card__pYthVb--horizontal) .ds-card__pYthVb__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__pYthVb--link--full.sc-ds-card .ds-card__pYthVb__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__pYthVb__tag.sc-ds-card{background-color:var(--ds-bgColor-black);color:var(--ds-textColor-white);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);left:-10px;letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);min-height:24px;padding-block:1.5px;padding-inline:var(--ds-spacing-2xSmall);position:absolute;top:1rem;z-index:2}.ds-card__pYthVb__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__pYthVb__content.sc-ds-card{display:flex;flex-direction:column;order:2;min-height:128px;width:100%}.ds-card__pYthVb__content--top.sc-ds-card{align-items:flex-start;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;order:2;padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__pYthVb__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__pYthVb__content--bottom.sc-ds-card{order:4}.ds-card__pYthVb__eyebrow.sc-ds-card{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-2xSmall);order:1}.ds-card__pYthVb__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__pYthVb__heading.sc-ds-card{align-items:center;color:var(--ds-textColor-default);display:flex;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold);margin:0;margin-bottom:var(--ds-spacing-3xSmall);justify-content:space-between;order:2;text-wrap:balance}.ds-card__pYthVb__heading.sc-ds-card .ds-card__pYthVb__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__pYthVb__heading.sc-ds-card .ds-card__pYthVb__link.sc-ds-card:hover,.ds-card__pYthVb__heading.sc-ds-card .ds-card__pYthVb__link.sc-ds-card:active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:13%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__pYthVb__heading.sc-ds-card .ds-card__pYthVb__link--heading.sc-ds-card{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__pYthVb__subtitle.sc-ds-card,.ds-card__pYthVb__slot-subtitle.sc-ds-card{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__pYthVb__description.sc-ds-card{-webkit-box-orient:vertical;-webkit-line-clamp:var(--description-line-clamp, "none");color:var(--ds-textColor-default);display:-webkit-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);letter-spacing:var(--ds-letterSpacing-wide);line-clamp:var(--description-line-clamp, "none");line-height:var(--ds-lineHeight-large);margin:0 0 var(--ds-spacing-small) 0;overflow:hidden;padding:0 var(--ds-spacing-small);text-wrap:pretty;order:3}.ds-card__pYthVb__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__pYthVb__slot-subtitle--hidden.sc-ds-card{display:none}';export{_ as ds_card}
+import{h as a,r as d,d as s}from"./index-D-3Utc_w.js";import{c as t}from"./index-BfTCfPZ1.js";import{i as e,d as i,t as r}from"./utils-C1bsmWWB.js";import{o as n}from"./linkUtils-D5b3InWI.js";import{c as o}from"./cx-CiFpdjHK.js";import{i as c,b as l}from"./attributes-DfbgRyXR.js";import"./store-B9-Hp5ie.js";const _=e("ds-card"),h=class{constructor(a){d(this,a)}linkIcon="arrow_forward";inheritedAttributes={};cardId=_.next().value;get el(){return s(this)}dsLinkType="full";dsVariant="filled";dsHorizontal=!1;dsHeading;dsHeadingLevel=3;dsDescription;dsDescriptionClamp;dsUrl;dsUrlTarget="_self";dsEyebrow;dsSubtitle;dsTag;dsShowArrow=!0;dsFluidHeight=!1;hasImageSlot=!1;hasSubtitleSlot=!1;hasSlotContent=!0;isCardFocused=!1;componentWillLoad(){n(this.dsUrlTarget)&&(this.linkIcon="arrow_outward"),this.inheritedAttributes={...l(this.el,["aria-labelledby"]),...c(this,this.el)}}connectedCallback(){const a=null===this.el.querySelector('[slot="content"]'),d=null===this.el.querySelector('[slot="footer"]');a&&d&&(this.hasSlotContent=!1)}componentDidLoad(){this.checkImageSlot()}isSlottedElement(a){let d=a;for(;d&&d!==this.el;){if(d.hasAttribute("slot"))return!0;d=d.parentElement}return!1}handleFocusIn(a){this.isSlottedElement(a.target)||(this.isCardFocused=!0)}handleFocusOut(a){const d=a.relatedTarget;d&&this.el.contains(d)&&!this.isSlottedElement(d)||(this.isCardFocused=!1)}handleClick(){}handleKeydown(a){}checkImageSlot(){const a=this.el.querySelectorAll('[slot="image"]');this.hasImageSlot=a.length>0}checkSubtitleSlot(){const a=this.el.querySelectorAll('[slot="subtitle"]');this.hasSubtitleSlot=a.length>0}render(){const d=o("ds-card"),s=t(d,`${d}--${this.dsVariant}`,{[`${d}--link--full`]:"full"===this.dsLinkType,[`${d}--fluid-height`]:this.dsFluidHeight,[`${d}--focused`]:this.isCardFocused},this.dsHorizontal?`${d}--horizontal`:`${d}--vertical`,`${d}--link__${this.dsLinkType}`),e=t(`${d}__link`,{[`${d}__link--${this.dsLinkType}`]:!0}),i=`h${this.dsHeadingLevel}`,n=`${this.cardId}-heading`,c=r("ds-icon","ds-card",this.el),l=this.dsDescriptionClamp?this.dsDescriptionClamp.toString():"none";return a("article",{key:"1fd169bfc87c78ea9f34a009b6f81e33f16b0a66",class:s,style:{"--description-line-clamp":l},"aria-labelledby":n,...this.inheritedAttributes},a("div",{key:"06179b807125de1ca5ca864a09b105f9a0d886c5",class:`${d}__content`},a("div",{key:"53141e95a209604bbb54b74210c08a4246530431",class:{[`${d}__content--top`]:!0,[`${d}__content--top--has-link`]:Boolean(this.dsUrl)}},a("div",{key:"51caac9fa0643dd253e8ec9585395aef1def1d26",class:`${d}__heading-container`},this.dsHeading&&this.dsUrl&&"none"!==this.dsLinkType?a(i,{class:`${d}__heading`,id:n},a("a",{href:this.dsUrl,target:this.dsUrlTarget,class:e},a("slot",{name:"heading"},this.dsHeading))):a(i,{class:`${d}__heading`},a("slot",{name:"heading"},this.dsHeading)),this.dsTag&&this.hasImageSlot&&a("span",{key:"76a24245b22c4a9fd840322908bdd782991a3002",class:`${d}__tag`},this.dsTag),this.dsEyebrow&&a("div",{key:"326c79599beba73cbacbc4a844049866e3bcdf94",class:`${d}__eyebrow`},this.dsEyebrow),this.dsSubtitle&&a("div",{key:"f71fd3c85d38bdaa3bf2fca02930fe8acc9b66a3",class:`${d}__subtitle`},this.dsSubtitle),a("div",{key:"d33762c291ca18a15e05bea3932dac522c9435fe",class:t(`${d}__slot-subtitle`,{[`${d}__slot-subtitle--hidden`]:!this.hasSubtitleSlot})},a("slot",{key:"2ab2a87769c607f90817103a8231952d144de2d8",name:"subtitle",onSlotchange:()=>this.checkSubtitleSlot()}))),this.dsUrl&&this.dsShowArrow&&a(c,{key:"82383404c23387648e4d23e026b8e349649e2c68",dsSize:"2rem",class:`${d}__icon`,dsName:this.linkIcon})),this.dsDescription&&a("p",{key:"b382b6a403e4e859fc706d7015e2bce7814234c4",class:`${d}__description`},this.dsDescription)),a("div",{key:"9d8879cd76bfcfde2c6191b9e3111617e287b95a",class:t(`${d}__content--bottom`,{[`${d}__content--bottom--has-slot-content`]:this.hasSlotContent})},a("div",{key:"c97f393cac1f8cb9470be0f5b5dd3c4498f20760",class:`${d}__slot--content`},a("slot",{key:"8a9eb68198c7abfb3fd3b9e07fa04a20b009409b",name:"content"})),a("div",{key:"fab536134313ceae9c566751275393afa25cde31",class:`${d}__slot--footer`},a("slot",{key:"cf44ec191cf23ed5cc4b4d1224daa5d10df35e9f",name:"footer"}))),a("div",{key:"33df77a3ea91342108783a10ce4848dbf9150bc9",class:{[`${d}__image-container`]:!0,[`${d}__image-container--has-image`]:this.hasImageSlot}},a("slot",{key:"c1a19694af399222dc3831bffc83c623dbb7f98e",name:"image",onSlotchange:()=>this.checkImageSlot()})))}};i([a("ds-icon",{dsName:""})]),h.style='.sc-ds-card-h{display:block}.ds-card__DFAX9n.sc-ds-card{background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);display:flex;flex-direction:column;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);hyphens:auto;height:auto;position:relative}.ds-card__DFAX9n--fluid-height.sc-ds-card{height:100%}.ds-card__DFAX9n.ds-card__DFAX9n--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__DFAX9n.ds-card__DFAX9n--link--full.sc-ds-card:hover .ds-card__DFAX9n__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__DFAX9n.ds-card__DFAX9n--link--full.sc-ds-card:hover .ds-card__DFAX9n__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__DFAX9n.ds-card__DFAX9n--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__DFAX9n.ds-card__DFAX9n--link--full.sc-ds-card:active .ds-card__DFAX9n__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__DFAX9n.ds-card__DFAX9n--link--full.sc-ds-card:active .ds-card__DFAX9n__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__DFAX9n.ds-card__DFAX9n--link--full.sc-ds-card:focus{box-shadow:false 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * -1)}.ds-card__DFAX9n.sc-ds-card .ds-card__DFAX9n__link--full.sc-ds-card:after{content:"";position:absolute;inset:0}.ds-card__DFAX9n--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__DFAX9n--horizontal.sc-ds-card{display:grid;grid-template:"image content" auto "image contentBottom" auto/auto 1fr}.ds-card__DFAX9n--horizontal.sc-ds-card .ds-card__DFAX9n__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__DFAX9n--horizontal.sc-ds-card .ds-card__DFAX9n__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__DFAX9n--horizontal.sc-ds-card .ds-card__DFAX9n__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__DFAX9n--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__DFAX9n__image-container.sc-ds-card{display:none}.ds-card__DFAX9n__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__DFAX9n.sc-ds-card:not(.ds-card__DFAX9n--vertical) .ds-card__DFAX9n__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__DFAX9n.sc-ds-card:not(.ds-card__DFAX9n--horizontal) .ds-card__DFAX9n__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__DFAX9n--link--full.sc-ds-card .ds-card__DFAX9n__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__DFAX9n__tag.sc-ds-card{background-color:var(--ds-bgColor-black);color:var(--ds-textColor-white);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);left:-10px;letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);min-height:24px;padding-block:1.5px;padding-inline:var(--ds-spacing-2xSmall);position:absolute;top:1rem;z-index:2}.ds-card__DFAX9n__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__DFAX9n__content.sc-ds-card{display:flex;flex-direction:column;order:2;min-height:128px;width:100%}.ds-card__DFAX9n__content--top.sc-ds-card{align-items:flex-start;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;order:2;padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__DFAX9n__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__DFAX9n__content--bottom.sc-ds-card{order:4}.ds-card__DFAX9n__eyebrow.sc-ds-card{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-2xSmall);order:1}.ds-card__DFAX9n__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__DFAX9n__heading.sc-ds-card{align-items:center;color:var(--ds-textColor-default);display:flex;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold);margin:0;margin-bottom:var(--ds-spacing-3xSmall);justify-content:space-between;order:2;text-wrap:balance}.ds-card__DFAX9n__heading.sc-ds-card .ds-card__DFAX9n__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__DFAX9n__heading.sc-ds-card .ds-card__DFAX9n__link.sc-ds-card:hover,.ds-card__DFAX9n__heading.sc-ds-card .ds-card__DFAX9n__link.sc-ds-card:active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:13%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__DFAX9n__heading.sc-ds-card .ds-card__DFAX9n__link--heading.sc-ds-card{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__DFAX9n__subtitle.sc-ds-card,.ds-card__DFAX9n__slot-subtitle.sc-ds-card{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__DFAX9n__description.sc-ds-card{-webkit-box-orient:vertical;-webkit-line-clamp:var(--description-line-clamp, "none");color:var(--ds-textColor-default);display:-webkit-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);letter-spacing:var(--ds-letterSpacing-wide);line-clamp:var(--description-line-clamp, "none");line-height:var(--ds-lineHeight-large);margin:0 0 var(--ds-spacing-small) 0;overflow:hidden;padding:0 var(--ds-spacing-small);text-wrap:pretty;order:3}.ds-card__DFAX9n__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__DFAX9n__slot-subtitle--hidden.sc-ds-card{display:none}';export{h as ds_card}

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

@@ -1 +1 @@
-import{h as s,r as e,c as t,d as i,f as h,F as d}from"./index-CLIQk1DU.js";import{c as r}from"./index-BfTCfPZ1.js";import{b as a,i as o}from"./attributes-DfbgRyXR.js";import{i as l,d as c,t as n}from"./utils-C1bsmWWB.js";import{g as b,a as u,b as m,c as p}from"./controlUtils-BsuMygCG.js";import{c as g}from"./cx-CUHafDbz.js";import"./store-DvjRAZS-.js";const x=l("ds-checkbox-group"),C=class{constructor(s){e(this,s),this.dsCheckboxGroupChange=t(this,"dsCheckboxGroupChange"),this.dsCheckboxGroupIndeterminateChildChange=t(this,"dsCheckboxGroupIndeterminateChildChange"),this.dsCheckboxGroupInvalidStateChange=t(this,"dsCheckboxGroupInvalidStateChange"),this.dsSubmitInvalid=t(this,"dsSubmitInvalid"),this.dsValidity=t(this,"dsValidity"),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals)}checkboxElem;fieldsetId=x.next().value;checkboxId=`${this.fieldsetId}-checkbox`;legendId=`${this.fieldsetId}-legend`;errorTextId=`${this.fieldsetId}-error`;assistiveTextId=`${this.fieldsetId}-assistive-text`;nestedId=`${this.fieldsetId}-nested`;childBlurTimeout=null;inheritedAttributes={};get el(){return i(this)}internals;dsCheckboxGroupChange;dsCheckboxGroupIndeterminateChildChange;dsCheckboxGroupInvalidStateChange;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsAssistiveText;dsDirection="vertical";dsErrorText="";dsText="";dsChecked=!1;dsDisabled=!1;dsRequired=!1;dsAllRequired=!1;dsOptional=!1;dsOptionalText;dsName;get dsId(){return this.checkboxId}childElementsCount=0;checkedChildElementCount=0;isIndeterminate=!1;indeterminateChildCheckboxCount=0;focusedChildCheckbox;wasInvalidOnBlur=!1;elementIs=s=>e=>e.tagName.toLowerCase()===n(s,"ds-checkbox-group",this.el);elementIsCheckbox=this.elementIs("ds-checkbox");elementIsCheckboxGroup=this.elementIs("ds-checkbox-group");async setFocus(){this.checkboxElem?this.checkboxElem.setFocus():this.getEnabledChildCheckboxElements()?.[0]?.setFocus()}async checkValidity(){return this.internals?.checkValidity()}async setChecked(s){this.updateChildElementsChecked(s)}async childConnected(){this.childElementsCount=this.getChildElements().length}async childDisconnected(){this.childElementsCount=this.getChildElements().length}getLegendText=()=>this.dsRequired||this.dsAllRequired?b(this.dsLabel):this.dsOptional?u(this.dsLabel,this.dsOptionalText):this.dsLabel;getChildElements=()=>{const s=this.el.shadowRoot.querySelector("slot:not([name])");return s?.assignedElements()||[]};getChildCheckboxElements=()=>this.getChildElements().filter(this.elementIsCheckbox);getEnabledChildCheckboxElements=()=>this.getChildCheckboxElements().filter((s=>!s.dsDisabled));updateChildElements=s=>{this.getChildElements().forEach(s)};updateChildCheckboxes=s=>{this.getChildCheckboxElements().forEach(s)};updateChildElementsChecked=s=>{this.checkedChildElementCount=s?this.childElementsCount:0,this.updateChildElements((e=>{e.dsChecked=s,this.elementIsCheckboxGroup(e)&&(async()=>{await e.setChecked(s)})()}))};dsDisabledObserver(s){this.updateChildElements((e=>{e.dsDisabled=s}))}dsAllRequiredObserver(s){this.updateChildElements((e=>{e.dsRequired=s}))}dsCheckedObserver(s){this.updateChildElementsChecked(s)}isIndeterminateObserver(s){this.dsCheckboxGroupIndeterminateChildChange.emit({id:this.fieldsetId,indeterminate:s})}dsErrorTextObserver(s){this.updateChildCheckboxes(((e,t)=>{0===t&&s?e.setAttribute("aria-describedby",this.errorTextId):0!==t||s||e.removeAttribute("aria-describedby")})),this.dsCheckboxGroupInvalidStateChange.emit(s)}dsFormAssociatedPropObserver(s,e,t){this.getChildCheckboxElements().forEach((e=>{e[t]=s}))}listenIndeterminateChildChange(s){this.indeterminateChildCheckboxCount=s.detail.indeterminate?this.indeterminateChildCheckboxCount+1:this.indeterminateChildCheckboxCount-1}childElementsCountObserver(s,e){this.updateChildCheckboxes(((s,e)=>{0===e&&this.dsErrorText&&s.setAttribute("aria-describedby",this.errorTextId),s.dsErrorsDisabled=!0,this.dsAllRequired&&(s.dsRequired=!0),this.dsForm&&(s.dsForm=this.dsForm)})),e===this.checkedChildElementCount&&e>0&&(this.checkedChildElementCount=s,this.updateChildElementsChecked(!0))}checkedChildElementCountObserver(){this.isIndeterminate=this.checkedChildElementCount>0&&this.checkedChildElementCount<this.childElementsCount,this.dsRequired&&0===this.checkedChildElementCount?this.internals?.setValidity({valueMissing:!0},m(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.dsAllRequired&&this.checkedChildElementCount!==this.childElementsCount?this.internals?.setValidity({valueMissing:!0},p(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.internals?.setValidity({}),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}updateCheckedChildElementCount=s=>{this.checkedChildElementCount+=s?1:-1};listenCheckboxChange(s){if(s.target===this.el&&this.checkboxElem)return this.checkedChildElementCount=this.checkboxElem.dsChecked?this.childElementsCount:0,this.updateChildElementsChecked(this.checkboxElem.dsChecked),void this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:this.checkboxElem.dsChecked});const e=s.target.closest(n("ds-checkbox","ds-checkbox-group",this.el));if(this.getChildCheckboxElements().includes(e)){const s=this.checkedChildElementCount;this.updateCheckedChildElementCount(e.dsChecked),this.checkedChildElementCount===this.childElementsCount&&this.checkedChildElementCount>s?this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:!0}):s===this.childElementsCount&&this.checkedChildElementCount<s&&this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:!1})}}listenCheckboxGroupChange(s){this.getChildElements().includes(s.target)&&(s.stopPropagation(),this.updateCheckedChildElementCount(s.detail.checked))}focusedChildCheckboxObserver(s){s||(this.wasInvalidOnBlur=!this.internals?.validity.valid,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}listenFocus(s){this.focusedChildCheckbox=s.detail}listenBlur(s){this.childBlurTimeout=setTimeout((()=>{s.detail===this.focusedChildCheckbox&&(this.focusedChildCheckbox=void 0)}),0)}formResetCallback(){this.dsErrorText="",this.childElementsCount=0,this.checkedChildElementCount=0,this.isIndeterminate=!1,this.indeterminateChildCheckboxCount=0,this.dsRequired?this.internals?.setValidity({valueMissing:!0},m(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.dsAllRequired?this.internals?.setValidity({valueMissing:!0},p(),this.getChildCheckboxElements()?.[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=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};componentWillLoad(){this.inheritedAttributes={...o(this,this.el),...a(this.el,["aria-labelledby"])}}componentDidLoad(){this.childElementsCount=this.getChildElements().length}ariaAttributeObserver(s,e,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:s},h(this)}render(){const e=g("ds-checkbox-group"),t=r(e,{[`${e}--horizontal`]:"horizontal"===this.dsDirection}),i=r(`${e}__legend`),h=r(`${e}__assistive-text`),a=r(`${e}__error`,{[`${e}__error--visible`]:!!this.dsErrorText}),o=r(`${e}`,`${e}--inset`),l=r(`${e}__checkboxes`),c=n("ds-checkbox","ds-checkbox-group",this.el),b=n("ds-input-validity","ds-checkbox-group",this.el);return s("fieldset",{key:"c4060d2878ae9d424608f81bb482af3f079de37c",class:t,id:this.fieldsetId,name:this.dsName,form:this.dsForm,"aria-labelledby":`${this.legendId} ${this.dsErrorText&&this.errorTextId}`,...this.inheritedAttributes},this.dsLabel&&s("legend",{key:"fb673485fdadfaa19907f76029dc8eee0955fa5d",id:this.legendId,class:i},this.getLegendText()),this.dsAssistiveText&&s("small",{key:"c313974eb63843527671f4ea822f2dfc5b593d1c",class:h,id:this.assistiveTextId},this.dsAssistiveText),this.dsText?s(d,null,s(c,{ref:s=>this.checkboxElem=s,dsId:this.checkboxId,dsText:this.dsText,dsChecked:this.checkedChildElementCount===this.childElementsCount,dsDisabled:this.dsDisabled,dsIndeterminate:this.indeterminateChildCheckboxCount>0||this.isIndeterminate,dsErrorText:this.dsErrorText,dsErrorsDisabled:!0}),s("fieldset",{id:this.nestedId,"aria-label":this.dsText,class:o},s("slot",null))):s("div",{class:l},s("slot",null)),!!this.dsErrorText&&s("div",{key:"fe7a22bf3dca643ea10c14bc0c256b0f5ea83a23",class:a},s(b,{key:"76e97293f3276fb7771a608851df78ca2f694e41",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{dsDisabled:["dsDisabledObserver"],dsAllRequired:["dsAllRequiredObserver"],dsChecked:["dsCheckedObserver"],isIndeterminate:["isIndeterminateObserver"],dsErrorText:["dsErrorTextObserver"],dsForm:["dsFormAssociatedPropObserver"],dsName:["dsFormAssociatedPropObserver"],childElementsCount:["childElementsCountObserver","checkedChildElementCountObserver"],checkedChildElementCount:["checkedChildElementCountObserver"],focusedChildCheckbox:["focusedChildCheckboxObserver"],"aria-required":["ariaAttributeObserver"],"aria-invalid":["ariaAttributeObserver"]}}};c([s("ds-checkbox",null),s("ds-checkbox-group",null),s("ds-input-validity",null)]),C.style=".ds-checkbox-group__pYthVb{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__pYthVb__legend{color:var(--ds-textColor-default);padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-group__pYthVb__assistive-text{font-family:var(--ds-fontFamily-body);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__pYthVb__error{display:flex}.ds-checkbox-group__pYthVb__error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__pYthVb>.ds-checkbox-group__pYthVb__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group__pYthVb--inset{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__pYthVb--horizontal>.ds-checkbox-group__pYthVb__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";export{C as ds_checkbox_group}
+import{h as s,r as e,c as i,d as t,f as h,F as d}from"./index-D-3Utc_w.js";import{c as r}from"./index-BfTCfPZ1.js";import{b as a,i as o}from"./attributes-DfbgRyXR.js";import{i as l,d as n,t as c}from"./utils-C1bsmWWB.js";import{g as b,a as u,b as m,c as g}from"./controlUtils-uMUNW1aR.js";import{c as x}from"./cx-CiFpdjHK.js";import"./store-B9-Hp5ie.js";const C=l("ds-checkbox-group"),p=class{constructor(s){e(this,s),this.dsCheckboxGroupChange=i(this,"dsCheckboxGroupChange"),this.dsCheckboxGroupIndeterminateChildChange=i(this,"dsCheckboxGroupIndeterminateChildChange"),this.dsCheckboxGroupInvalidStateChange=i(this,"dsCheckboxGroupInvalidStateChange"),this.dsSubmitInvalid=i(this,"dsSubmitInvalid"),this.dsValidity=i(this,"dsValidity"),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals)}checkboxElem;fieldsetId=C.next().value;checkboxId=`${this.fieldsetId}-checkbox`;legendId=`${this.fieldsetId}-legend`;errorTextId=`${this.fieldsetId}-error`;assistiveTextId=`${this.fieldsetId}-assistive-text`;nestedId=`${this.fieldsetId}-nested`;childBlurTimeout=null;inheritedAttributes={};get el(){return t(this)}internals;dsCheckboxGroupChange;dsCheckboxGroupIndeterminateChildChange;dsCheckboxGroupInvalidStateChange;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsAssistiveText;dsDirection="vertical";dsErrorText="";dsText="";dsChecked=!1;dsDisabled=!1;dsRequired=!1;dsAllRequired=!1;dsOptional=!1;dsOptionalText;dsName;get dsId(){return this.checkboxId}childElementsCount=0;checkedChildElementCount=0;isIndeterminate=!1;indeterminateChildCheckboxCount=0;focusedChildCheckbox;wasInvalidOnBlur=!1;elementIs=s=>e=>e.tagName.toLowerCase()===c(s,"ds-checkbox-group",this.el);elementIsCheckbox=this.elementIs("ds-checkbox");elementIsCheckboxGroup=this.elementIs("ds-checkbox-group");async setFocus(){this.checkboxElem?this.checkboxElem.setFocus():this.getEnabledChildCheckboxElements()?.[0]?.setFocus()}async checkValidity(){return this.internals?.checkValidity()}async setChecked(s){this.updateChildElementsChecked(s)}async childConnected(){this.childElementsCount=this.getChildElements().length}async childDisconnected(){this.childElementsCount=this.getChildElements().length}getLegendText=()=>this.dsRequired||this.dsAllRequired?b(this.dsLabel):this.dsOptional?u(this.dsLabel,this.dsOptionalText):this.dsLabel;getChildElements=()=>{const s=this.el.shadowRoot.querySelector("slot:not([name])");return s?.assignedElements()||[]};getChildCheckboxElements=()=>this.getChildElements().filter(this.elementIsCheckbox);getEnabledChildCheckboxElements=()=>this.getChildCheckboxElements().filter((s=>!s.dsDisabled));updateChildElements=s=>{this.getChildElements().forEach(s)};updateChildCheckboxes=s=>{this.getChildCheckboxElements().forEach(s)};updateChildElementsChecked=s=>{this.checkedChildElementCount=s?this.childElementsCount:0,this.updateChildElements((e=>{e.dsChecked=s,this.elementIsCheckboxGroup(e)&&(async()=>{await e.setChecked(s)})()}))};dsDisabledObserver(s){this.updateChildElements((e=>{e.dsDisabled=s}))}dsAllRequiredObserver(s){this.updateChildElements((e=>{e.dsRequired=s}))}dsCheckedObserver(s){this.updateChildElementsChecked(s)}isIndeterminateObserver(s){this.dsCheckboxGroupIndeterminateChildChange.emit({id:this.fieldsetId,indeterminate:s})}dsErrorTextObserver(s){this.updateChildCheckboxes(((e,i)=>{0===i&&s?e.setAttribute("aria-describedby",this.errorTextId):0!==i||s||e.removeAttribute("aria-describedby")})),this.dsCheckboxGroupInvalidStateChange.emit(s)}dsFormAssociatedPropObserver(s,e,i){this.getChildCheckboxElements().forEach((e=>{e[i]=s}))}listenIndeterminateChildChange(s){this.indeterminateChildCheckboxCount=s.detail.indeterminate?this.indeterminateChildCheckboxCount+1:this.indeterminateChildCheckboxCount-1}childElementsCountObserver(s,e){this.updateChildCheckboxes(((s,e)=>{0===e&&this.dsErrorText&&s.setAttribute("aria-describedby",this.errorTextId),s.dsErrorsDisabled=!0,this.dsAllRequired&&(s.dsRequired=!0),this.dsForm&&(s.dsForm=this.dsForm)})),e===this.checkedChildElementCount&&e>0&&(this.checkedChildElementCount=s,this.updateChildElementsChecked(!0))}checkedChildElementCountObserver(){this.isIndeterminate=this.checkedChildElementCount>0&&this.checkedChildElementCount<this.childElementsCount,this.dsRequired&&0===this.checkedChildElementCount?this.internals?.setValidity({valueMissing:!0},m(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.dsAllRequired&&this.checkedChildElementCount!==this.childElementsCount?this.internals?.setValidity({valueMissing:!0},g(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.internals?.setValidity({}),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}updateCheckedChildElementCount=s=>{this.checkedChildElementCount+=s?1:-1};listenCheckboxChange(s){if(s.target===this.el&&this.checkboxElem)return this.checkedChildElementCount=this.checkboxElem.dsChecked?this.childElementsCount:0,this.updateChildElementsChecked(this.checkboxElem.dsChecked),void this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:this.checkboxElem.dsChecked});const e=s.target.closest(c("ds-checkbox","ds-checkbox-group",this.el));if(this.getChildCheckboxElements().includes(e)){const s=this.checkedChildElementCount;this.updateCheckedChildElementCount(e.dsChecked),this.checkedChildElementCount===this.childElementsCount&&this.checkedChildElementCount>s?this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:!0}):s===this.childElementsCount&&this.checkedChildElementCount<s&&this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:!1})}}listenCheckboxGroupChange(s){this.getChildElements().includes(s.target)&&(s.stopPropagation(),this.updateCheckedChildElementCount(s.detail.checked))}focusedChildCheckboxObserver(s){s||(this.wasInvalidOnBlur=!this.internals?.validity.valid,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}listenFocus(s){this.focusedChildCheckbox=s.detail}listenBlur(s){this.childBlurTimeout=setTimeout((()=>{s.detail===this.focusedChildCheckbox&&(this.focusedChildCheckbox=void 0)}),0)}formResetCallback(){this.dsErrorText="",this.childElementsCount=0,this.checkedChildElementCount=0,this.isIndeterminate=!1,this.indeterminateChildCheckboxCount=0,this.dsRequired?this.internals?.setValidity({valueMissing:!0},m(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.dsAllRequired?this.internals?.setValidity({valueMissing:!0},g(),this.getChildCheckboxElements()?.[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=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};componentWillLoad(){this.inheritedAttributes={...o(this,this.el),...a(this.el,["aria-labelledby"])}}componentDidLoad(){this.childElementsCount=this.getChildElements().length}ariaAttributeObserver(s,e,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:s},h(this)}render(){const e=x("ds-checkbox-group"),i=r(e,{[`${e}--horizontal`]:"horizontal"===this.dsDirection}),t=r(`${e}__legend`),h=r(`${e}__assistive-text`),a=r(`${e}__error`,{[`${e}__error--visible`]:!!this.dsErrorText}),o=r(`${e}`,`${e}--inset`),l=r(`${e}__checkboxes`),n=c("ds-checkbox","ds-checkbox-group",this.el),b=c("ds-input-validity","ds-checkbox-group",this.el);return s("fieldset",{key:"c4060d2878ae9d424608f81bb482af3f079de37c",class:i,id:this.fieldsetId,name:this.dsName,form:this.dsForm,"aria-labelledby":`${this.legendId} ${this.dsErrorText&&this.errorTextId}`,...this.inheritedAttributes},this.dsLabel&&s("legend",{key:"fb673485fdadfaa19907f76029dc8eee0955fa5d",id:this.legendId,class:t},this.getLegendText()),this.dsAssistiveText&&s("small",{key:"c313974eb63843527671f4ea822f2dfc5b593d1c",class:h,id:this.assistiveTextId},this.dsAssistiveText),this.dsText?s(d,null,s(n,{ref:s=>this.checkboxElem=s,dsId:this.checkboxId,dsText:this.dsText,dsChecked:this.checkedChildElementCount===this.childElementsCount,dsDisabled:this.dsDisabled,dsIndeterminate:this.indeterminateChildCheckboxCount>0||this.isIndeterminate,dsErrorText:this.dsErrorText,dsErrorsDisabled:!0}),s("fieldset",{id:this.nestedId,"aria-label":this.dsText,class:o},s("slot",null))):s("div",{class:l},s("slot",null)),!!this.dsErrorText&&s("div",{key:"fe7a22bf3dca643ea10c14bc0c256b0f5ea83a23",class:a},s(b,{key:"76e97293f3276fb7771a608851df78ca2f694e41",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{dsDisabled:["dsDisabledObserver"],dsAllRequired:["dsAllRequiredObserver"],dsChecked:["dsCheckedObserver"],isIndeterminate:["isIndeterminateObserver"],dsErrorText:["dsErrorTextObserver"],dsForm:["dsFormAssociatedPropObserver"],dsName:["dsFormAssociatedPropObserver"],childElementsCount:["childElementsCountObserver","checkedChildElementCountObserver"],checkedChildElementCount:["checkedChildElementCountObserver"],focusedChildCheckbox:["focusedChildCheckboxObserver"],"aria-required":["ariaAttributeObserver"],"aria-invalid":["ariaAttributeObserver"]}}};n([s("ds-checkbox",null),s("ds-checkbox-group",null),s("ds-input-validity",null)]),p.style=".ds-checkbox-group__DFAX9n{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__DFAX9n__legend{color:var(--ds-textColor-default);padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-group__DFAX9n__assistive-text{font-family:var(--ds-fontFamily-body);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__DFAX9n__error{display:flex}.ds-checkbox-group__DFAX9n__error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__DFAX9n>.ds-checkbox-group__DFAX9n__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group__DFAX9n--inset{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__DFAX9n--horizontal>.ds-checkbox-group__DFAX9n__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";export{p as ds_checkbox_group}

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

@@ -1 +1 @@
-import{M as s,r as e,c as t,d as i,f as d,h as o,F as r}from"./index-CLIQk1DU.js";import{c}from"./index-BfTCfPZ1.js";import{b as h,i as a}from"./attributes-DfbgRyXR.js";import{g as n,a as l,v as b}from"./controlUtils-BsuMygCG.js";import{i as _,t as p,a as x,d as k}from"./utils-C1bsmWWB.js";import{c as v}from"./cx-CUHafDbz.js";import{a as g}from"./ariaDeprecationFactory-CqVbDyhp.js";import"./store-DvjRAZS-.js";const u=_("ds-checkbox"),f=class extends(s(g)){constructor(s){super(),e(this,s),this.dsChange=t(this,"dsChange"),this.dsFocus=t(this,"dsFocus"),this.dsBlur=t(this,"dsBlur"),this.dsSubmitInvalid=t(this,"dsSubmitInvalid"),this.dsValidity=t(this,"dsValidity")}checkboxGroup=null;inputElement;labelId;inputValidityId;assistiveTextId;inheritedAttributes={};get el(){return i(this)}dsChange;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=u.next().value;_dsName=this.dsId;async setName(s){this._dsName=this.checkboxGroup?.dsName||s||this._dsName}get dsName(){return this._dsName}set dsName(s){this.setName(s)}dsValue=this.dsId;dsChecked=!1;dsLabel;dsAssistiveText;dsText;dsIndeterminate=!1;dsDisabled=!1;dsErrorText="";dsErrorsDisabled=!1;dsRequired=!1;dsOptional=!1;dsOptionalText;dsAriaLabel;dsAriaDescribedby;groupInvalid=!1;hasFocus=!1;wasInvalidOnBlur=!1;initialChecked=!1;isPressingEnter=!1;setIds=()=>{this.labelId=`${this.dsId}-label`,this.inputValidityId=`${this.dsId}-validity`,this.assistiveTextId=`${this.dsId}-assistive-text`};async setFocus(){this.inputElement.focus()}async checkValidity(){return this.inputElement?.checkValidity()}getLegendText=()=>this.dsRequired?n(this.dsLabel):this.dsOptional?l(this.dsLabel,this.dsOptionalText):this.dsLabel;getCheckboxText=()=>this.dsLabel?this.dsText:this.dsRequired?n(this.dsText):this.dsOptional?l(this.dsText,this.dsOptionalText):this.dsText;get DsCheckboxGroupTag(){return p("ds-checkbox-group","ds-checkbox",this.el)}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.checkboxGroup=this.el.closest(this.DsCheckboxGroupTag),this.checkboxGroup&&(this.groupInvalid=!!this.checkboxGroup.dsErrorText,this.dsErrorText=this.checkboxGroup.dsErrorText)}connectedCallback(){this.checkboxGroup=this.el.closest(this.DsCheckboxGroupTag),this.checkboxGroup&&(this.groupInvalid=!!this.checkboxGroup.dsErrorText,this.dsErrorText=this.checkboxGroup.dsErrorText,this.checkboxGroup.addEventListener("dsCheckboxGroupInvalidStateChange",this.updateGroupInvalidState),this.checkboxGroup.childConnected())}disconnectedCallback(){this.checkboxGroup&&(this.checkboxGroup.removeEventListener("dsCheckboxGroupInvalidStateChange",this.updateGroupInvalidState),this.checkboxGroup.childDisconnected()),this.checkboxGroup=null}handleInvalid=s=>{if(s.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const e=this.inputElement?.validity;for(const s in e)if(e[s]){this.dsSubmitInvalid.emit({flag:s,message:b(s)});break}};updateGroupInvalidState=s=>{this.groupInvalid=!!s.detail,this.dsErrorText=s.detail};componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.setIds(),this.setName(),this.inheritedAttributes={...a(this,this.el),...h(this.el,["aria-describedby","aria-invalid"])},this.initialChecked=this.dsChecked}ariaAttributeObserver(s,e,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:s},d(this)}dsCheckedObserver(s){if(this.dsChange.emit({checked:s,value:this.dsValue}),!this.wasInvalidOnBlur||this.groupInvalid||this.dsErrorsDisabled)return;const e=this.inputElement?.validity;for(const s in e)if(e[s]){this.dsValidity.emit({flag:s,message:b(s)});break}}handleInput=s=>{this.dsChecked=s.target.checked};handleKeyDown=s=>{"Enter"!==s.key||this.isPressingEnter||(this.isPressingEnter=!0)};handleKeyUp=s=>{"Enter"===s.key&&this.isPressingEnter&&(this.inputElement.click(),this.isPressingEnter=!1)};handleFocus=()=>{this.hasFocus=!0,this.dsFocus.emit(this.dsId)};handleBlur=()=>{if(this.hasFocus=!1,this.dsBlur.emit(this.dsId),this.groupInvalid||this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const e in s)if(s[e]){this.wasInvalidOnBlur="valid"!==e,this.dsValidity.emit({flag:e,message:b(e)});break}};renderCheckbox(s){const e=c(s,{[`${s}--disabled`]:this.dsDisabled,[`${s}--no-margin`]:!this.dsText}),t=c(`${s}__input`,{[`${s}__input--invalid`]:!!this.dsErrorText}),i=c(`${s}-error`,{[`${s}-error--visible`]:!!this.dsErrorText}),d=p("ds-input-validity","ds-checkbox",this.el),{"aria-label":h,"aria-describedby":a,...n}=this.inheritedAttributes,l=this.dsAriaDescribedby||a||[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" "),b=this.dsAriaLabel||h;return o(r,null,o("div",null,o("label",{id:this.labelId,class:e},o("input",{ref:s=>this.inputElement=s,type:"checkbox",class:t,id:this.dsId,name:this.dsName,form:this.dsForm,checked:this.dsChecked,indeterminate:this.dsIndeterminate,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onBlur:this.handleBlur,onFocus:this.handleFocus,onInvalid:this.handleInvalid,value:this.dsValue,disabled:this.dsDisabled,required:this.dsRequired,...x("aria-describedby",l),...x("aria-label",b),"aria-invalid":!!this.dsErrorText,...n}),this.getCheckboxText())),!this.dsErrorsDisabled&&o("slot",{name:"validity"},o("div",{class:i},o(d,{id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))))}renderFieldset(s){const e=c(`${s}-fieldset`),t=c(`${s}-fieldset__legend`),i=c(`${s}-fieldset__assistive-text`);return o("fieldset",{class:e},o("legend",{class:t},this.getLegendText()),this.dsAssistiveText&&o("small",{class:i,id:this.assistiveTextId},this.dsAssistiveText),this.renderCheckbox(s))}render(){const s=v("ds-checkbox");return this.dsLabel?this.renderFieldset(s):this.renderCheckbox(s)}static get formAssociated(){return!0}static get watchers(){return{"aria-label":["ariaAttributeObserver"],"aria-describedby":["ariaAttributeObserver"],dsChecked:["dsCheckedObserver"]}}};k([o("ds-input-validity",null)]),f.style=".ds-checkbox__pYthVb-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__pYthVb-fieldset__legend.sc-ds-checkbox{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox__pYthVb-fieldset__assistive-text.sc-ds-checkbox{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox__pYthVb.sc-ds-checkbox{font-family:var(--ds-fontFamily-body);box-sizing:border-box;color:var(--ds-textColor-default);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;cursor:pointer;user-select:none;width:auto;padding:var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-4xSmall);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large)}.ds-checkbox__pYthVb__input.sc-ds-checkbox{cursor:pointer;appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall)}.ds-checkbox__pYthVb__input.sc-ds-checkbox:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-checkbox__pYthVb__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__pYthVb__input.sc-ds-checkbox:hover,.ds-checkbox__pYthVb__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__pYthVb__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__pYthVb__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__pYthVb__input.sc-ds-checkbox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__pYthVb__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__pYthVb__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__pYthVb__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__pYthVb__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__pYthVb__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__pYthVb__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__pYthVb__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__pYthVb__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__pYthVb__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__pYthVb__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__pYthVb__input.sc-ds-checkbox:not(.ds-checkbox__pYthVb__input--invalid):checked,.ds-checkbox__pYthVb__input.sc-ds-checkbox:not(.ds-checkbox__pYthVb__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__pYthVb__input.sc-ds-checkbox:not(.ds-checkbox__pYthVb__input--invalid):checked:hover,.ds-checkbox__pYthVb__input.sc-ds-checkbox:not(.ds-checkbox__pYthVb__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__pYthVb__input.sc-ds-checkbox:not(.ds-checkbox__pYthVb__input--invalid):checked:active,.ds-checkbox__pYthVb__input.sc-ds-checkbox:not(.ds-checkbox__pYthVb__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__pYthVb__input.sc-ds-checkbox:not(.ds-checkbox__pYthVb__input--invalid):checked:disabled,.ds-checkbox__pYthVb__input.sc-ds-checkbox:not(.ds-checkbox__pYthVb__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__pYthVb__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__pYthVb__input.sc-ds-checkbox:checked::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>\")}.ds-checkbox__pYthVb__input.sc-ds-checkbox:indeterminate::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>\")}.ds-checkbox__pYthVb__input.sc-ds-checkbox:checked:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>\")}.ds-checkbox__pYthVb__input.sc-ds-checkbox:indeterminate:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>\")}.ds-checkbox__pYthVb--no-margin.sc-ds-checkbox .ds-checkbox__pYthVb__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__pYthVb--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__pYthVb__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__pYthVb.sc-ds-checkbox:has(.ds-checkbox__pYthVb__input:disabled){cursor:not-allowed}.ds-checkbox__pYthVb-error.sc-ds-checkbox{display:flex}.ds-checkbox__pYthVb-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}";export{f as ds_checkbox}
+import{M as s,r as e,c as i,d as t,f as d,h as o,F as r}from"./index-D-3Utc_w.js";import{c}from"./index-BfTCfPZ1.js";import{b as a,i as n}from"./attributes-DfbgRyXR.js";import{g as h,a as l,v as b}from"./controlUtils-uMUNW1aR.js";import{i as _,t as x,a as k,d as v}from"./utils-C1bsmWWB.js";import{c as u}from"./cx-CiFpdjHK.js";import{a as g}from"./ariaDeprecationFactory-BmasIGdA.js";import"./store-B9-Hp5ie.js";const p=_("ds-checkbox"),f=class extends(s(g)){constructor(s){super(),e(this,s),this.dsChange=i(this,"dsChange"),this.dsFocus=i(this,"dsFocus"),this.dsBlur=i(this,"dsBlur"),this.dsSubmitInvalid=i(this,"dsSubmitInvalid"),this.dsValidity=i(this,"dsValidity")}checkboxGroup=null;inputElement;labelId;inputValidityId;assistiveTextId;inheritedAttributes={};get el(){return t(this)}dsChange;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=p.next().value;_dsName=this.dsId;async setName(s){this._dsName=this.checkboxGroup?.dsName||s||this._dsName}get dsName(){return this._dsName}set dsName(s){this.setName(s)}dsValue=this.dsId;dsChecked=!1;dsLabel;dsAssistiveText;dsText;dsIndeterminate=!1;dsDisabled=!1;dsErrorText="";dsErrorsDisabled=!1;dsRequired=!1;dsOptional=!1;dsOptionalText;dsAriaLabel;dsAriaDescribedby;groupInvalid=!1;hasFocus=!1;wasInvalidOnBlur=!1;initialChecked=!1;isPressingEnter=!1;setIds=()=>{this.labelId=`${this.dsId}-label`,this.inputValidityId=`${this.dsId}-validity`,this.assistiveTextId=`${this.dsId}-assistive-text`};async setFocus(){this.inputElement.focus()}async checkValidity(){return this.inputElement?.checkValidity()}getLegendText=()=>this.dsRequired?h(this.dsLabel):this.dsOptional?l(this.dsLabel,this.dsOptionalText):this.dsLabel;getCheckboxText=()=>this.dsLabel?this.dsText:this.dsRequired?h(this.dsText):this.dsOptional?l(this.dsText,this.dsOptionalText):this.dsText;get DsCheckboxGroupTag(){return x("ds-checkbox-group","ds-checkbox",this.el)}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.checkboxGroup=this.el.closest(this.DsCheckboxGroupTag),this.checkboxGroup&&(this.groupInvalid=!!this.checkboxGroup.dsErrorText,this.dsErrorText=this.checkboxGroup.dsErrorText)}connectedCallback(){this.checkboxGroup=this.el.closest(this.DsCheckboxGroupTag),this.checkboxGroup&&(this.groupInvalid=!!this.checkboxGroup.dsErrorText,this.dsErrorText=this.checkboxGroup.dsErrorText,this.checkboxGroup.addEventListener("dsCheckboxGroupInvalidStateChange",this.updateGroupInvalidState),this.checkboxGroup.childConnected())}disconnectedCallback(){this.checkboxGroup&&(this.checkboxGroup.removeEventListener("dsCheckboxGroupInvalidStateChange",this.updateGroupInvalidState),this.checkboxGroup.childDisconnected()),this.checkboxGroup=null}handleInvalid=s=>{if(s.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const e=this.inputElement?.validity;for(const s in e)if(e[s]){this.dsSubmitInvalid.emit({flag:s,message:b(s)});break}};updateGroupInvalidState=s=>{this.groupInvalid=!!s.detail,this.dsErrorText=s.detail};componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.setIds(),this.setName(),this.inheritedAttributes={...n(this,this.el),...a(this.el,["aria-describedby","aria-invalid"])},this.initialChecked=this.dsChecked}ariaAttributeObserver(s,e,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:s},d(this)}dsCheckedObserver(s){if(this.dsChange.emit({checked:s,value:this.dsValue}),!this.wasInvalidOnBlur||this.groupInvalid||this.dsErrorsDisabled)return;const e=this.inputElement?.validity;for(const s in e)if(e[s]){this.dsValidity.emit({flag:s,message:b(s)});break}}handleInput=s=>{this.dsChecked=s.target.checked};handleKeyDown=s=>{"Enter"!==s.key||this.isPressingEnter||(this.isPressingEnter=!0)};handleKeyUp=s=>{"Enter"===s.key&&this.isPressingEnter&&(this.inputElement.click(),this.isPressingEnter=!1)};handleFocus=()=>{this.hasFocus=!0,this.dsFocus.emit(this.dsId)};handleBlur=()=>{if(this.hasFocus=!1,this.dsBlur.emit(this.dsId),this.groupInvalid||this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const e in s)if(s[e]){this.wasInvalidOnBlur="valid"!==e,this.dsValidity.emit({flag:e,message:b(e)});break}};renderCheckbox(s){const e=c(s,{[`${s}--disabled`]:this.dsDisabled,[`${s}--no-margin`]:!this.dsText}),i=c(`${s}__input`,{[`${s}__input--invalid`]:!!this.dsErrorText}),t=c(`${s}-error`,{[`${s}-error--visible`]:!!this.dsErrorText}),d=x("ds-input-validity","ds-checkbox",this.el),{"aria-label":a,"aria-describedby":n,...h}=this.inheritedAttributes,l=this.dsAriaDescribedby||n||[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" "),b=this.dsAriaLabel||a;return o(r,null,o("div",null,o("label",{id:this.labelId,class:e},o("input",{ref:s=>this.inputElement=s,type:"checkbox",class:i,id:this.dsId,name:this.dsName,form:this.dsForm,checked:this.dsChecked,indeterminate:this.dsIndeterminate,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onBlur:this.handleBlur,onFocus:this.handleFocus,onInvalid:this.handleInvalid,value:this.dsValue,disabled:this.dsDisabled,required:this.dsRequired,...k("aria-describedby",l),...k("aria-label",b),"aria-invalid":!!this.dsErrorText,...h}),this.getCheckboxText())),!this.dsErrorsDisabled&&o("slot",{name:"validity"},o("div",{class:t},o(d,{id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))))}renderFieldset(s){const e=c(`${s}-fieldset`),i=c(`${s}-fieldset__legend`),t=c(`${s}-fieldset__assistive-text`);return o("fieldset",{class:e},o("legend",{class:i},this.getLegendText()),this.dsAssistiveText&&o("small",{class:t,id:this.assistiveTextId},this.dsAssistiveText),this.renderCheckbox(s))}render(){const s=u("ds-checkbox");return this.dsLabel?this.renderFieldset(s):this.renderCheckbox(s)}static get formAssociated(){return!0}static get watchers(){return{"aria-label":["ariaAttributeObserver"],"aria-describedby":["ariaAttributeObserver"],dsChecked:["dsCheckedObserver"]}}};v([o("ds-input-validity",null)]),f.style=".ds-checkbox__DFAX9n-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__DFAX9n-fieldset__legend.sc-ds-checkbox{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox__DFAX9n-fieldset__assistive-text.sc-ds-checkbox{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox__DFAX9n.sc-ds-checkbox{font-family:var(--ds-fontFamily-body);box-sizing:border-box;color:var(--ds-textColor-default);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;cursor:pointer;user-select:none;width:auto;padding:var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-4xSmall);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox{cursor:pointer;appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:hover,.ds-checkbox__DFAX9n__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__DFAX9n__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__DFAX9n__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__DFAX9n__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__DFAX9n__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__DFAX9n__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__DFAX9n__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__DFAX9n__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__DFAX9n__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__DFAX9n__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__DFAX9n__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:not(.ds-checkbox__DFAX9n__input--invalid):checked,.ds-checkbox__DFAX9n__input.sc-ds-checkbox:not(.ds-checkbox__DFAX9n__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:not(.ds-checkbox__DFAX9n__input--invalid):checked:hover,.ds-checkbox__DFAX9n__input.sc-ds-checkbox:not(.ds-checkbox__DFAX9n__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:not(.ds-checkbox__DFAX9n__input--invalid):checked:active,.ds-checkbox__DFAX9n__input.sc-ds-checkbox:not(.ds-checkbox__DFAX9n__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:not(.ds-checkbox__DFAX9n__input--invalid):checked:disabled,.ds-checkbox__DFAX9n__input.sc-ds-checkbox:not(.ds-checkbox__DFAX9n__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:checked::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>\")}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:indeterminate::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>\")}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:checked:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>\")}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:indeterminate:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>\")}.ds-checkbox__DFAX9n--no-margin.sc-ds-checkbox .ds-checkbox__DFAX9n__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__DFAX9n--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__DFAX9n__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__DFAX9n.sc-ds-checkbox:has(.ds-checkbox__DFAX9n__input:disabled){cursor:not-allowed}.ds-checkbox__DFAX9n-error.sc-ds-checkbox{display:flex}.ds-checkbox__DFAX9n-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}";export{f as ds_checkbox}

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

@@ -1 +1 @@
-import{M as s,r as i,c as t,d as e,f as a,h as d}from"./index-CLIQk1DU.js";import{i as r,t as h,a as l,d as c}from"./utils-C1bsmWWB.js";import{c as n}from"./cx-CUHafDbz.js";import{b as o,i as b}from"./attributes-DfbgRyXR.js";import{i as m,d as p}from"./controlUtils-BsuMygCG.js";import{a as u}from"./ariaDeprecationFactory-CqVbDyhp.js";import"./store-DvjRAZS-.js";const g=r("ds-chip-group"),v=class extends(s(u)){constructor(s){super(),i(this,s),this.dsChipClick=t(this,"dsChipClick"),this.dsSubmitInvalid=t(this,"dsSubmitInvalid"),this.dsValidity=t(this,"dsValidity"),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals)}inheritedAttributes={};get el(){return e(this)}internals;dsChipClick;dsSubmitInvalid;dsValidity;dsId=g.next().value;dsName=this.dsId;dsLabel;dsAriaLabel;dsAriaDescribedby;dsAssistiveText;dsErrorText;setItemsProp=(s,i)=>{this[s]=i?i<0?0:"_dsMinItems"===s&&void 0!==this.dsMaxItems&&i>this.dsMaxItems?this.dsMaxItems:"_dsMaxItems"===s&&void 0!==this.dsMinItems&&i<this.dsMinItems?this.dsMinItems:i:void 0};_dsMinItems;get dsMinItems(){return this._dsMinItems}set dsMinItems(s){this.setItemsProp("_dsMinItems",s)}_dsMaxItems;get dsMaxItems(){return this._dsMaxItems}set dsMaxItems(s){this.setItemsProp("_dsMaxItems",s)}childCount=0;get DsChipTag(){return h("ds-chip","ds-chip-group",this.el)}get DsGroupLabel(){return h("ds-group-label","ds-chip-group",this.el)}get DsInputValidity(){return h("ds-input-validity","ds-chip-group",this.el)}get childChips(){return Array.from(this.el.querySelectorAll(this.DsChipTag))}async checkValidity(){return this.internals?.checkValidity()}async childConnected(){this.childCount++}async childDisconnected(){this.childCount--}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid)}setValidity({childCount:s=this.childCount,dsMinItems:i=this.dsMinItems,dsMaxItems:t=this.dsMaxItems}={}){void 0!==i&&s<i?this.internals.setValidity({customError:!0},m(i-s)):void 0!==t&&s>t?this.internals.setValidity({customError:!0},p(s-t)):this.internals.setValidity({})}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...b(this,this.el),...o(this.el,["aria-labelledby"])},this.setValidity()}onAriaChanged(s,i,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:s},a(this)}dsNameObserver(s){this.childChips.forEach((i=>i.setName(s)))}childCountObserver(s){this.setValidity({childCount:s}),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}dsMinItemsObserver(s){this.setValidity({dsMinItems:s})}dsMaxItemsObserver(s){this.setValidity({dsMaxItems:s})}onChipClick(s){this.childChips.includes(s.target)&&this.dsChipClick.emit(s.detail)}render(){const s=n("ds-chip-group"),i=`${this.dsId}-assistive-text`,{"aria-label":t,"aria-describedby":e,...a}=this.inheritedAttributes,r=this.dsAriaDescribedby||e||[!!this.dsAssistiveText&&i].filter(Boolean).join(" "),h=`${this.dsId}-error-text`;return d("div",{key:"0f1b56a6ab6b6b1d91a3bf39718f0903914ef920",class:s,role:"group",...l("aria-label",this.dsAriaLabel||t||this.dsLabel),...l("aria-describedby",r),...l("aria-labelledby",this.dsErrorText&&h),...a},d(this.DsGroupLabel,{key:"d276916c8177ce997d00c3d6548ad02be3844cee",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:i},d("slot",{key:"0150cf32c4621ff910c7452aa7bddad2261b2e95",name:"label"}),d("slot",{key:"dfc6afcce544ad18d5ba8e7b9b2d959a79744ae4",name:"assistiveText"})),d("div",{key:"5683492a2a8acd191561f32dbcd31f0adf9df8fb",role:"list",class:`${s}__chips`},d("slot",{key:"df67ef94d99b08f5f4d2e7f5dda97839954e63a5"})),this.internals?.form&&this.internals?.validity.valid&&this.childChips.map((s=>d("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),!!this.dsErrorText&&d(this.DsInputValidity,{key:"86dd755d95bbc3c58822000c617db574e142dca9",id:h,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))}static get formAssociated(){return!0}static get watchers(){return{"aria-describedby":["onAriaChanged"],"aria-label":["onAriaChanged"],dsName:["dsNameObserver"],childCount:["childCountObserver"],dsMinItems:["dsMinItemsObserver"],dsMaxItems:["dsMaxItemsObserver"]}}};c([d("ds-chip",{dsText:""}),d("ds-group-label",null),d("ds-input-validity",null)]),v.style=".ds-chip-group__pYthVb__chips.sc-ds-chip-group{display:inline-flex;flex-flow:row 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{v as ds_chip_group}
+import{M as s,r as i,c as t,d as e,f as a,h as d}from"./index-D-3Utc_w.js";import{i as r,t as h,a as l,d as c}from"./utils-C1bsmWWB.js";import{c as n}from"./cx-CiFpdjHK.js";import{b as o,i as m}from"./attributes-DfbgRyXR.js";import{i as p,d as b}from"./controlUtils-uMUNW1aR.js";import{a as u}from"./ariaDeprecationFactory-BmasIGdA.js";import"./store-B9-Hp5ie.js";const g=r("ds-chip-group"),v=class extends(s(u)){constructor(s){super(),i(this,s),this.dsChipClick=t(this,"dsChipClick"),this.dsSubmitInvalid=t(this,"dsSubmitInvalid"),this.dsValidity=t(this,"dsValidity"),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals)}inheritedAttributes={};get el(){return e(this)}internals;dsChipClick;dsSubmitInvalid;dsValidity;dsId=g.next().value;dsName=this.dsId;dsLabel;dsAriaLabel;dsAriaDescribedby;dsAssistiveText;dsErrorText;setItemsProp=(s,i)=>{this[s]=i?i<0?0:"_dsMinItems"===s&&void 0!==this.dsMaxItems&&i>this.dsMaxItems?this.dsMaxItems:"_dsMaxItems"===s&&void 0!==this.dsMinItems&&i<this.dsMinItems?this.dsMinItems:i:void 0};_dsMinItems;get dsMinItems(){return this._dsMinItems}set dsMinItems(s){this.setItemsProp("_dsMinItems",s)}_dsMaxItems;get dsMaxItems(){return this._dsMaxItems}set dsMaxItems(s){this.setItemsProp("_dsMaxItems",s)}childCount=0;get DsChipTag(){return h("ds-chip","ds-chip-group",this.el)}get DsGroupLabel(){return h("ds-group-label","ds-chip-group",this.el)}get DsInputValidity(){return h("ds-input-validity","ds-chip-group",this.el)}get childChips(){return Array.from(this.el.querySelectorAll(this.DsChipTag))}async checkValidity(){return this.internals?.checkValidity()}async childConnected(){this.childCount++}async childDisconnected(){this.childCount--}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid)}setValidity({childCount:s=this.childCount,dsMinItems:i=this.dsMinItems,dsMaxItems:t=this.dsMaxItems}={}){void 0!==i&&s<i?this.internals.setValidity({customError:!0},p(i-s)):void 0!==t&&s>t?this.internals.setValidity({customError:!0},b(s-t)):this.internals.setValidity({})}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...m(this,this.el),...o(this.el,["aria-labelledby"])},this.setValidity()}onAriaChanged(s,i,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:s},a(this)}dsNameObserver(s){this.childChips.forEach((i=>i.setName(s)))}childCountObserver(s){this.setValidity({childCount:s}),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}dsMinItemsObserver(s){this.setValidity({dsMinItems:s})}dsMaxItemsObserver(s){this.setValidity({dsMaxItems:s})}onChipClick(s){this.childChips.includes(s.target)&&this.dsChipClick.emit(s.detail)}render(){const s=n("ds-chip-group"),i=`${this.dsId}-assistive-text`,{"aria-label":t,"aria-describedby":e,...a}=this.inheritedAttributes,r=this.dsAriaDescribedby||e||[!!this.dsAssistiveText&&i].filter(Boolean).join(" "),h=`${this.dsId}-error-text`;return d("div",{key:"0f1b56a6ab6b6b1d91a3bf39718f0903914ef920",class:s,role:"group",...l("aria-label",this.dsAriaLabel||t||this.dsLabel),...l("aria-describedby",r),...l("aria-labelledby",this.dsErrorText&&h),...a},d(this.DsGroupLabel,{key:"d276916c8177ce997d00c3d6548ad02be3844cee",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:i},d("slot",{key:"0150cf32c4621ff910c7452aa7bddad2261b2e95",name:"label"}),d("slot",{key:"dfc6afcce544ad18d5ba8e7b9b2d959a79744ae4",name:"assistiveText"})),d("div",{key:"5683492a2a8acd191561f32dbcd31f0adf9df8fb",role:"list",class:`${s}__chips`},d("slot",{key:"df67ef94d99b08f5f4d2e7f5dda97839954e63a5"})),this.internals?.form&&this.internals?.validity.valid&&this.childChips.map((s=>d("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),!!this.dsErrorText&&d(this.DsInputValidity,{key:"86dd755d95bbc3c58822000c617db574e142dca9",id:h,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))}static get formAssociated(){return!0}static get watchers(){return{"aria-describedby":["onAriaChanged"],"aria-label":["onAriaChanged"],dsName:["dsNameObserver"],childCount:["childCountObserver"],dsMinItems:["dsMinItemsObserver"],dsMaxItems:["dsMaxItemsObserver"]}}};c([d("ds-chip",{dsText:""}),d("ds-group-label",null),d("ds-input-validity",null)]),v.style=".ds-chip-group__DFAX9n__chips.sc-ds-chip-group{display:inline-flex;flex-flow:row 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{v as ds_chip_group}

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

@@ -1 +1 @@
-import{M as s,r as i,c as t,d as e,f as a,h as r,F as d}from"./index-CLIQk1DU.js";import{r as o}from"./controlUtils-BsuMygCG.js";import{i as c,t as h,o as l,d as b}from"./utils-C1bsmWWB.js";import{c as n}from"./cx-CUHafDbz.js";import{b as p,i as f}from"./attributes-DfbgRyXR.js";import{a as m}from"./ariaDeprecationFactory-CqVbDyhp.js";import"./store-DvjRAZS-.js";const u=c("ds-chip"),v=class extends(s(m)){constructor(s){super(),i(this,s),this.dsClick=t(this,"dsClick")}dsRole;dsAriaLabel;chipGroup;buttonEl;inheritedAttributes={};get el(){return e(this)}dsClick;dsForm;dsId=u.next().value;dsName=this.dsId;dsValue=0;dsText;dsIcon;dsType="button";name=this.dsName;async setFocus(){this.buttonEl?.focus()}async setName(s){this.name=s||this.dsName}get DsChipGroupTag(){return h("ds-chip-group","ds-chip",this.el)}connectedCallback(){this.chipGroup=this.el.closest(this.DsChipGroupTag),this.chipGroup?.childConnected()}disconnectedCallback(){this.chipGroup?.childDisconnected()}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...f(this,this.el),...p(this.el)},this.setName(this.el.closest(this.DsChipGroupTag)?.dsName)}ariaAttributeObserver(s,i,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:s},a(this)}onClick(){this.dsClick.emit(this.dsValue)}render(){const s=n("ds-chip"),i=h("ds-icon","ds-chip",this.el),t=h("ds-visually-hidden","ds-chip",this.el),e=this.dsRole??this.inheritedAttributes.role,a=this.dsAriaLabel??this.inheritedAttributes["aria-label"],c=e?"div":d,b=l(this.inheritedAttributes,["role","aria-label"]);return r(c,{key:"8223bf8b75c0bb52c4f4060c5404ebe25d101d19",role:e},r("button",{key:"30b532d946ee6ee5c22a99fd2e305deca32f2281",ref:s=>this.buttonEl=s,class:s,id:this.dsId,name:this.name,form:this.dsForm,type:this.dsType,"aria-label":a,...b},r("slot",{key:"06a79c0d862e026bc522791ad8bb3ecde6846fac",name:"prefix"},this.dsIcon&&r(i,{key:"200082384da8ed7f58b395569cea0af192a0592c",dsName:this.dsIcon,dsSize:"1rem"})),r("span",{key:"0cc58870bedb4bb243ee544a9cfc14654f024522",class:`${s}__text`},r("slot",{key:"3ce321fd10b97d32ccec8a8a1451545bce92808a"},this.dsText),r(t,{key:"72d63d070d37027443bc7a608d9770a441144645",dsTag:"span"},", ",o())),r(i,{key:"a368f47e542f146b6ddf6695fdbfac62f545aeac",dsName:"close",dsSize:"1rem"})))}static get watchers(){return{role:["ariaAttributeObserver"],"aria-label":["ariaAttributeObserver"]}}};b([r("ds-icon",{dsName:""}),r("ds-visually-hidden",null)]),v.style=".ds-chip__pYthVb:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-chip__pYthVb{box-sizing:border-box;display:inline-flex;align-items:center;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-primary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);padding:calc(var(--ds-spacing-3xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-primary);border-radius:1rem}.ds-chip__pYthVb:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__pYthVb:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__pYthVb__text{padding:0 var(--ds-spacing-3xSmall)}";export{v as ds_chip}
+import{M as s,r as i,c as e,d as t,f as a,h as r,F as d}from"./index-D-3Utc_w.js";import{r as o}from"./controlUtils-uMUNW1aR.js";import{i as c,t as h,o as l,d as n}from"./utils-C1bsmWWB.js";import{c as b}from"./cx-CiFpdjHK.js";import{b as p,i as m}from"./attributes-DfbgRyXR.js";import{a as f}from"./ariaDeprecationFactory-BmasIGdA.js";import"./store-B9-Hp5ie.js";const u=c("ds-chip"),v=class extends(s(f)){constructor(s){super(),i(this,s),this.dsClick=e(this,"dsClick")}dsRole;dsAriaLabel;chipGroup;buttonEl;inheritedAttributes={};get el(){return t(this)}dsClick;dsForm;dsId=u.next().value;dsName=this.dsId;dsValue=0;dsText;dsIcon;dsType="button";name=this.dsName;async setFocus(){this.buttonEl?.focus()}async setName(s){this.name=s||this.dsName}get DsChipGroupTag(){return h("ds-chip-group","ds-chip",this.el)}connectedCallback(){this.chipGroup=this.el.closest(this.DsChipGroupTag),this.chipGroup?.childConnected()}disconnectedCallback(){this.chipGroup?.childDisconnected()}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...m(this,this.el),...p(this.el)},this.setName(this.el.closest(this.DsChipGroupTag)?.dsName)}ariaAttributeObserver(s,i,e){this.inheritedAttributes={...this.inheritedAttributes,[e]:s},a(this)}onClick(){this.dsClick.emit(this.dsValue)}render(){const s=b("ds-chip"),i=h("ds-icon","ds-chip",this.el),e=h("ds-visually-hidden","ds-chip",this.el),t=this.dsRole??this.inheritedAttributes.role,a=this.dsAriaLabel??this.inheritedAttributes["aria-label"],c=t?"div":d,n=l(this.inheritedAttributes,["role","aria-label"]);return r(c,{key:"8223bf8b75c0bb52c4f4060c5404ebe25d101d19",role:t},r("button",{key:"30b532d946ee6ee5c22a99fd2e305deca32f2281",ref:s=>this.buttonEl=s,class:s,id:this.dsId,name:this.name,form:this.dsForm,type:this.dsType,"aria-label":a,...n},r("slot",{key:"06a79c0d862e026bc522791ad8bb3ecde6846fac",name:"prefix"},this.dsIcon&&r(i,{key:"200082384da8ed7f58b395569cea0af192a0592c",dsName:this.dsIcon,dsSize:"1rem"})),r("span",{key:"0cc58870bedb4bb243ee544a9cfc14654f024522",class:`${s}__text`},r("slot",{key:"3ce321fd10b97d32ccec8a8a1451545bce92808a"},this.dsText),r(e,{key:"72d63d070d37027443bc7a608d9770a441144645",dsTag:"span"},", ",o())),r(i,{key:"a368f47e542f146b6ddf6695fdbfac62f545aeac",dsName:"close",dsSize:"1rem"})))}static get watchers(){return{role:["ariaAttributeObserver"],"aria-label":["ariaAttributeObserver"]}}};n([r("ds-icon",{dsName:""}),r("ds-visually-hidden",null)]),v.style=".ds-chip__DFAX9n:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-chip__DFAX9n{box-sizing:border-box;display:inline-flex;align-items:center;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-primary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);padding:calc(var(--ds-spacing-3xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-primary);border-radius:1rem}.ds-chip__DFAX9n:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__DFAX9n:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__DFAX9n__text{padding:0 var(--ds-spacing-3xSmall)}";export{v as ds_chip}