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

package/dist/component-library/p-f3e1328c.entry.js

@@ -0,0 +1 @@
+import{M as i,r as s,c as e,e as o,h as r}from"./p-DvpMvX1M.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as n,b as a}from"./p-Dzq9qJk7.js";import{g as d,t as l,d as b}from"./p-CRB48Q9-.js";import{c}from"./p-COQJ4KuP.js";import{v as _}from"./p-DIdEusQu.js";import{g as h,o as m}from"./p-SySZyjSj.js";import{a as p}from"./p-gPkqWfeS.js";import{c as g}from"./p-DiXNcKIH.js";class u{static async loadRibbonData(i){if(!i||""===i.trim())return null;try{const s=await fetch(i);if(!s.ok)throw new Error(`Failed to fetch data: ${s.status}`);const e=await s.json();if(e.v1?.ribbon)return e.v1.ribbon;throw new Error("Invalid data structure: expected v1.ribbon")}catch(i){return console.warn("Failed to load external ribbon data:",i),null}}}const w=p.v1.ribbon,f=class extends(i(g("ds-ribbon",{stopRootTracking:!0}))){constructor(i){super(),s(this,i),this.dsDrawerToggle=e(this,"dsDrawerToggle",7)}inheritedAttributes={};get el(){return o(this)}drawerRef;mobileToggleRef;dsIcon;dsSiteName;dsHideBranding=!1;dsIconTitle;dsIconAriaLabel;dsLinks;dsBrandingUrls;dsMobileToggleText;dsCloseButtonText;dsNavAriaLabel;dsLogoAriaLabel;dsCloseButtonId=d("ds-button-drawer-close").next().value;dsMobileToggleId=d("ds-button-mobile-toggle").next().value;dsDataUrl="";isMobileDrawerOpen=!1;isMobileDrawerClicked=!1;loadedExternalData=null;icon;brandingUrls;get DsLinkLogo(){return l("ds-link-logo","ds-ribbon",this.el)}get DsLink(){return l("ds-link","ds-ribbon",this.el)}get DsButton(){return l("ds-button","ds-ribbon",this.el)}get DsTag(){return l("ds-tag","ds-ribbon",this.el)}get DsVisuallyHidden(){return l("ds-visually-hidden","ds-ribbon",this.el)}get localizedLinks(){return this.dsLinks?this.dsLinks:this.loadedExternalData?.links?.[this.lang]?((i,s,e="en")=>this.loadedExternalData.links[this.lang].map((i=>({id:i.id,href:i.href||"#",text:i.text,badge:i.badge?s.badgeTexts[i.badge][e]:void 0,target:i.target,mobileOnly:i.mobileOnly||!1}))))(0,this.loadedExternalData,this.lang):void 0}get localizedSiteName(){return this.dsSiteName||this.loadedExternalData?.siteNames?.[this.lang]}get localizedSitesText(){return this.dsMobileToggleText||this.loadedExternalData?.uiTexts?.sites?.[this.lang]}get localizedCloseText(){return this.dsCloseButtonText||this.loadedExternalData?.uiTexts?.close?.[this.lang]}get localizedNavAriaLabel(){return this.dsNavAriaLabel||this.loadedExternalData?.uiTexts?.navigationLabel?.[this.lang]}get localizedLogoAriaLabel(){return this.dsLogoAriaLabel||this.loadedExternalData?.uiTexts?.logoLabel?.[this.lang]}dsDrawerToggle;componentWillLoad(){this.inheritedAttributes={...a(this.el),...n(this.el,["lang"])}}async loadExternalData(i){try{const s=await u.loadRibbonData(i);if(!s)throw new Error("No external data");this.loadedExternalData=s}catch{this.loadedExternalData=w}this.dsIcon||(this.icon=this.loadedExternalData?.config?.dsIcon),this.dsBrandingUrls||(this.brandingUrls=this.loadedExternalData?.brandingUrls)}componentDidLoad(){this.componentMounted(),this.lang=h(),this.setupStoreListener(),this.dsDataUrl&&""!==this.dsDataUrl.trim()&&this.loadExternalData(this.dsDataUrl)}setupStoreListener(){this.storeUnsubscribe=m("language",(i=>{i&&i!==this.lang&&(this.lang=i)}))}dsIconObserver(i){this.icon=i}dsBrandingUrlsObserver(i){this.brandingUrls=i}isMobileDrawerOpenObserver(i){this.dsDrawerToggle.emit(i),i?this.openMobileDrawer():this.closeMobileDrawer()}handleKeyDown(i){if(this.isMobileDrawerOpen)return"Escape"===i.key?(i.preventDefault(),void this.closeMobileDrawer()):void("Tab"===i.key&&this.handleFocusTrap(i))}handleWindowResize(){clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout((()=>{this.updateScrollState()}),150)}resizeTimeout;storeUnsubscribe;handleMobileToggle=()=>{this.isMobileDrawerClicked=!0,this.isMobileDrawerOpen=!this.isMobileDrawerOpen};handleDrawerScroll=i=>{const s=i.target;if(!s)return;const e=s.scrollTop,o=s.scrollHeight-s.clientHeight;o<=0||(e<=1?(s.classList.remove("has-top-scrim"),s.classList.add("has-bottom-scrim")):e>=o-1?(s.classList.add("has-top-scrim"),s.classList.remove("has-bottom-scrim")):s.classList.add("has-top-scrim","has-bottom-scrim"))};handleDrawerBackdropClick=i=>{i.target===i.currentTarget&&(this.isMobileDrawerOpen=!1)};getDrawerFocusableElements(){if(!this.drawerRef)return[];const i=[],s=this.drawerRef.querySelector(`#${this.dsCloseButtonId}`);s&&this.isFocusableElement(s)&&i.push(s);const e=this.drawerRef.querySelector(this.DsLinkLogo);if(e?.shadowRoot){const s=e.shadowRoot.querySelector("a");s&&this.isFocusableElement(s)&&i.push(s)}const o=this.drawerRef.querySelectorAll('[class*="drawer-link-item"]');for(const s of o){const e=s.querySelector(this.DsLink);if(e){const s=e.querySelector("a");s&&this.isFocusableElement(s)&&i.push(s)}}return i}isFocusableElement(i){if(null===i?.offsetParent)return!1;const s=i.tagName.toLowerCase();return["a","button"].includes(s)&&-1!==i.tabIndex}handleFocusTrap(i){const s=this.getDrawerFocusableElements();if(0===s.length)return;let e=document.activeElement;e?.shadowRoot?.activeElement&&(e=e.shadowRoot.activeElement),this.el.shadowRoot?.activeElement&&(e=this.el.shadowRoot.activeElement,e.shadowRoot?.activeElement&&(e=e.shadowRoot.activeElement));const o=s.indexOf(e);if(i.shiftKey){const i=o<=0?s.length-1:o-1;s[i]?.focus()}else{const i=o>=s.length-1?0:o+1;s[i]?.focus()}i.preventDefault()}openMobileDrawer(){setTimeout((()=>{const i=this.el.shadowRoot?.querySelector(`#${this.dsCloseButtonId}`);if(i&&i.focus(),this.drawerRef){const i=this.drawerRef.scrollHeight-this.drawerRef.clientHeight;i>0&&this.setupScrollListener(this.drawerRef,i)}}),50)}setupScrollListener(i,s){if(i.removeEventListener("scroll",this.handleDrawerScroll),i.addEventListener("scroll",this.handleDrawerScroll,{passive:!0}),this.drawerRef){const e=i.scrollTop,o=1;e<=o?(this.drawerRef.classList.remove("has-top-scrim"),this.drawerRef.classList.add("has-bottom-scrim")):e>=s-o?(this.drawerRef.classList.add("has-top-scrim"),this.drawerRef.classList.remove("has-bottom-scrim")):this.drawerRef.classList.add("has-top-scrim","has-bottom-scrim")}}updateScrollState(){if(!this.isMobileDrawerOpen||!this.drawerRef)return;const i=this.drawerRef.scrollHeight-this.drawerRef.clientHeight;if(i<=0)return this.drawerRef.classList.remove("has-top-scrim","has-bottom-scrim"),void this.drawerRef.removeEventListener("scroll",this.handleDrawerScroll);this.setupScrollListener(this.drawerRef,i)}closeMobileDrawer(){this.isMobileDrawerOpen=!1,this.drawerRef&&this.drawerRef.removeEventListener("scroll",this.handleDrawerScroll);const i=this.mobileToggleRef?.querySelector("button");setTimeout((()=>{i?.focus()}),100)}getBrandingUrl(){const i=h()||"fi";return this.dsBrandingUrls?.[i]||this.brandingUrls?.[i]||w.brandingUrls?.[i]}renderBranding(){if(this.dsHideBranding)return null;const i=c("ds-ribbon"),s=this.getBrandingUrl();return r("div",{class:`${i}__branding`},r(this.DsLinkLogo,{dsHref:s,dsIcon:this.dsIcon||this.icon||w.config?.dsIcon,dsIconTitle:this.dsIconTitle,dsIconAriaLabel:this.dsIconAriaLabel,dsText:this.localizedSiteName,dsTarget:"_self",dsAriaLabel:this.localizedLogoAriaLabel}))}renderDesktopNavigation(){const i=this.localizedLinks;if(!i?.length)return null;const s=c("ds-ribbon");return r("div",{class:`${s}__desktop-nav`},r("ul",{class:`${s}__desktop-links`},i.filter((i=>!i.mobileOnly)).map((i=>r("li",{key:`desktop-${i.id}`,class:`${s}__desktop-link-item`},r(this.DsLink,{dsHref:i.href,dsText:i.text,dsTarget:i.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:`${s}__desktop-link`},i.badge&&r("span",{slot:"suffix"},r(this.DsVisuallyHidden,null," - ",i.badge))),i.badge&&r(this.DsTag,{dsText:i.badge,dsColour:"info",class:`${s}__desktop-badge`,dsAriaHidden:!0}),"_blank"===i.target&&r(this.DsVisuallyHidden,null,_()))))))}renderMobileNavigation(){const i=this.localizedLinks;if(!i?.length)return null;const s=c("ds-ribbon");return r("div",{class:`${s}__drawer-backdrop`,onClick:this.handleDrawerBackdropClick,...this.isMobileDrawerOpen?{}:{inert:!0}},r("div",{id:`${s}__drawer`,class:`${s}__drawer`,role:"dialog","aria-label":"Site navigation menu","aria-modal":"true","aria-hidden":this.isMobileDrawerOpen?"false":"true",ref:i=>this.drawerRef=i},this.renderDrawerHeader(),r("div",{class:`${s}__drawer-nav`},r("div",{class:`${s}__top-scrim`}),r("ul",{class:`${s}__drawer-links`},i.map((i=>r("li",{key:`mobile-${i.id}`,class:`${s}__drawer-link-item`},r(this.DsLink,{dsHref:i.href,dsText:i.text,dsTarget:i.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:`${s}__drawer-link`},i.badge&&r("span",{slot:"suffix"},r(this.DsVisuallyHidden,null," - ",i.badge))),i.badge&&r(this.DsTag,{dsText:i.badge,dsColour:"info",class:`${s}__drawer-badge`,dsAriaHidden:!0}),"_blank"===i.target&&r(this.DsVisuallyHidden,null,_()))))),r("div",{class:`${s}__bottom-scrim`}))))}renderDrawerHeader(){const i=c("ds-ribbon"),s=this.getBrandingUrl();return r("div",{class:`${i}__drawer-header`},r("div",{class:`${i}__drawer-branding`},r(this.DsLinkLogo,{class:`${i}__drawer-branding-link`,dsHref:s,dsIcon:this.dsIcon||this.icon||w.config?.dsIcon,dsIconTitle:this.dsIconTitle,dsIconAriaLabel:this.dsIconAriaLabel,dsText:this.localizedSiteName,dsTarget:"_self",dsAriaLabel:this.localizedLogoAriaLabel})),r(this.DsButton,{dsId:this.dsCloseButtonId,dsType:"button",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsText:this.localizedCloseText,dsIcon:"close",dsIconPosition:"end",class:`${i}__drawer-close`,onClick:this.handleMobileToggle}))}renderMobileToggle(){const i=this.localizedLinks;if(!i?.length||!this.localizedSitesText||!this.localizedCloseText)return null;const s=c("ds-ribbon");return r(this.DsButton,{ref:i=>this.mobileToggleRef=i,id:this.dsMobileToggleId,class:`${s}__mobile-toggle`,dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsText:this.localizedSitesText,dsIcon:"keyboard_arrow_down",dsIconPosition:"end",onClick:this.handleMobileToggle,dsAriaExpanded:this.isMobileDrawerOpen,dsAriaControls:`${s}__drawer`,dsAriaHaspopup:"dialog"})}disconnectedCallback(){clearTimeout(this.resizeTimeout);const i=this.el.shadowRoot?.querySelector(`#${c("ds-ribbon")}__drawer`);i?.removeEventListener("scroll",this.handleDrawerScroll),this.storeUnsubscribe?.()}render(){const i=c("ds-ribbon"),s=t(i,{[`${i}--drawer-open`]:this.isMobileDrawerOpen,[`${i}--drawer-clicked`]:this.isMobileDrawerClicked});return r("div",{key:"787f94561b7f05c4deb2181804393ce8d4dc39d9",class:s},r("nav",{key:"cce87ce61dce5c751543b58a45b5bc6362f5b692","aria-label":this.localizedNavAriaLabel,...this.isMobileDrawerOpen?{inert:!0}:{}},r("div",{key:"5966d1f8fa3d276809ec2dad3d4d92d4cf730aa5",class:`${i}__container`,...this.inheritedAttributes},this.renderBranding(),this.renderDesktopNavigation(),this.renderMobileToggle())),this.renderMobileNavigation())}static get watchers(){return{dsIcon:[{dsIconObserver:0}],dsBrandingUrls:[{dsBrandingUrlsObserver:0}],isMobileDrawerOpen:[{isMobileDrawerOpenObserver:0}]}}};b([r("ds-link-logo",{dsHref:""}),r("ds-link",{dsText:""}),r("ds-button",null),r("ds-tag",{dsText:""}),r("ds-visually-hidden",null)]),f.style=".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%;border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff);position:relative;z-index:1000}.ds-ribbon__oJU1eo{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-ribbon__oJU1eo__container{display:grid;grid-template-columns:8rem auto;align-items:center;justify-content:space-between;padding:0 var(--ds-spacing-small, 16px);max-width:120rem;margin:0 auto;height:3rem}@media (min-width: 30rem){.ds-ribbon__oJU1eo__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__oJU1eo__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__oJU1eo__container{grid-template-columns:auto auto}}.ds-ribbon__oJU1eo__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__oJU1eo__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__oJU1eo__mobile-toggle{display:none !important}}.ds-ribbon__oJU1eo__drawer-backdrop{position:fixed;inset:0;background-color:var(--ds-overlay-black-00);grid-column-end:-1;opacity:0;z-index:-1;pointer-events:none}@media (min-width: 60rem){.ds-ribbon__oJU1eo__drawer-backdrop{display:none}}.ds-ribbon__oJU1eo--drawer-open .ds-ribbon__oJU1eo__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__oJU1eo__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__oJU1eo__drawer-backdrop,.ds-ribbon__oJU1eo--drawer-open .ds-ribbon__oJU1eo__container .ds-ribbon__oJU1eo__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__oJU1eo--drawer-clicked .ds-ribbon__oJU1eo__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__oJU1eo--drawer-open .ds-ribbon__oJU1eo__drawer-backdrop{background-color:var(--ds-overlay-black-50);opacity:1;transition:background-color 0.1s 0.3s, opacity 0s 0s;z-index:999}.ds-ribbon__oJU1eo__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__oJU1eo__desktop-nav{display:block}}.ds-ribbon__oJU1eo__desktop-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;gap:var(--ds-spacing-medium, 24px);align-items:center}.ds-ribbon__oJU1eo__desktop-link-item{--ds-link-text-transform:uppercase;display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__oJU1eo__desktop-link{--ds-link-font-size:var(--ds-fontSize-12);white-space:nowrap}.ds-ribbon__oJU1eo__desktop-badge{font-size:var(--ds-fontSize-12);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none;position:absolute;top:0;right:100%}.ds-ribbon__oJU1eo__desktop-badge>*{display:flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;border-radius:1.25rem;padding:0 var(--ds-spacing-2xSmall, 0.5rem)}.ds-ribbon__oJU1eo__desktop-badge>* span{font-size:var(--ds-fontSize-12);line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__oJU1eo__drawer{position:absolute;top:0;right:0;bottom:0;width:calc(100% - var(--ds-spacing-small, 16px));background-color:var(--ds-bgColor-white, #fff);box-shadow:var(--ds-shadow-medium);padding-top:0;transform:translateX(100%);transition:transform 0.3s ease;overflow-y:auto;cursor:default}@media (min-width: 60rem){.ds-ribbon__oJU1eo__drawer{position:static;width:auto;max-width:none;background-color:transparent;box-shadow:none;padding-top:0;transform:none;transition:none;overflow-y:visible}}.ds-ribbon__oJU1eo--drawer-open .ds-ribbon__oJU1eo__drawer{transform:translateX(0%)}.ds-ribbon__oJU1eo__drawer-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;height:3rem;z-index:1;padding:var(--ds-spacing-small, 16px) var(--ds-spacing-medium, 24px);border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff)}@media (min-width: 60rem){.ds-ribbon__oJU1eo__drawer-header{display:none}}.ds-ribbon__oJU1eo__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__oJU1eo__drawer-branding{max-width:unset}}.ds-ribbon__oJU1eo__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__oJU1eo__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__oJU1eo__drawer-nav{padding:0}}.ds-ribbon__oJU1eo__top-scrim,.ds-ribbon__oJU1eo__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-ribbon__oJU1eo__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__oJU1eo__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.has-top-scrim .ds-ribbon__oJU1eo__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__oJU1eo__bottom-scrim{display:block}.ds-ribbon__oJU1eo__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__oJU1eo__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;--ds-link-text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__oJU1eo__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__oJU1eo__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__oJU1eo__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__oJU1eo__drawer-link{--ds-link-font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__oJU1eo__drawer-link{--ds-link-font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__oJU1eo__drawer-badge{font-size:var(--ds-fontSize-12);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none}@media (min-width: 60rem){.ds-ribbon__oJU1eo__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__oJU1eo__drawer-badge>*{display:flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;border-radius:1.25rem;padding:0 var(--ds-spacing-2xSmall, 0.5rem)}.ds-ribbon__oJU1eo__drawer-badge>* span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__oJU1eo--drawer-open) .ds-ribbon__oJU1eo__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__oJU1eo--drawer-open) .ds-ribbon__oJU1eo__drawer-backdrop{display:block}}:host(.ds-ribbon__oJU1eo--drawer-open) .ds-ribbon__oJU1eo__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__oJU1eo--drawer-open) .ds-ribbon__oJU1eo__drawer{transform:none}}";export{f as ds_ribbon}

package/dist/component-library/p-f4f53488.entry.js

@@ -0,0 +1 @@
+import{M as s,r as e,e as t,h as a,H as d}from"./p-DvpMvX1M.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as i}from"./p-COQJ4KuP.js";import{c}from"./p-DiXNcKIH.js";import{t as o,d as l}from"./p-CRB48Q9-.js";import"./p-SySZyjSj.js";const r=class extends(s(c("ds-step-content-base"))){constructor(s){super(),e(this,s)}get el(){return t(this)}dsOrientation="vertical";dsHeading="";dsHeadingColour;dsOrdinal;dsHiddenAssistiveText;dsFullWidth=!1;dsAriaCurrent=void 0;get DsStep(){return o("ds-step","ds-step-content-base",this.el)}get DsVisuallyHidden(){return o("ds-visually-hidden","ds-step-content-base",this.el)}get isVertical(){return"vertical"===this.dsOrientation}render(){const s=i("ds-step-content-base"),e=n({[`${s}__host--full-width`]:this.dsFullWidth}),t=n(s,{[`${s}--vertical`]:this.isVertical,[`${s}--full-width`]:this.dsFullWidth}),c=n(`${s}__heading`,"ds-heading-xs",{[`${s}__heading--vertical`]:this.isVertical}),o={...this.dsHeadingColour&&{color:this.dsHeadingColour}},l=n(`${s}__content`,"ds-bodytext-md",{}),r=n(`${s}__visually-hidden`),p={"aria-current":this.dsAriaCurrent};return a(d,{key:"a4b578452c6444484dbb2326663d59d6fec4756f",class:e},a("div",{key:"6b542f4eb6467fc80c2c4cbea46916d44c5f59d5",class:t},a("slot",{key:"fd2996c183ef30c17232da6eb957b19135a3fe32",name:"heading"}),!!this.dsHeading&&a("span",{key:"405501ecc67437587c9019a778a67c47b2f3f072",class:c,style:o,...p},void 0!==this.dsOrdinal&&a(this.DsVisuallyHidden,{key:"39a4ed9be7972e255d3b5d77b15ace717b9c9c0b",class:r,dsTag:"span"},this.dsOrdinal,". "),this.dsHeading,this.dsHiddenAssistiveText&&a(this.DsVisuallyHidden,{key:"3763f20e05886bc920bbda5d015267d8d14f9488",class:r,dsTag:"span"}," ",this.dsHiddenAssistiveText)),a("div",{key:"5fa8d2cdaa1cb9a8594ca71916124f5e767e7aeb",class:l},a("slot",{key:"5d4f89328a536aff75a628f60d94a5ab1d7e0d21",name:"content"}))))}};l([a("ds-visually-hidden",null)]),r.style=".ds-no-style-leak.sc-ds-step-content-base *.sc-ds-step-content-base{all:unset;box-sizing:border-box;display:block}.ds-step-content-base__oJU1eo__host--full-width.sc-ds-step-content-base-h{width:100%}.ds-step-content-base__oJU1eo.sc-ds-step-content-base{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;flex-direction:column;gap:var(--ds-spacing-xSmall);padding-block-end:0;padding-inline:var(--ds-spacing-2xSmall) var(--ds-spacing-medium)}.ds-step-content-base__oJU1eo--full-width.sc-ds-step-content-base{width:100%}.ds-step-content-base__oJU1eo--vertical.sc-ds-step-content-base{padding-block-end:var(--ds-spacing-medium);padding-inline:0}.ds-step-content-base__oJU1eo__heading.sc-ds-step-content-base{margin:0}.ds-step-content-base__oJU1eo__heading--vertical.sc-ds-step-content-base{padding:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall)) 0 0}.ds-step-content-base__oJU1eo__content.sc-ds-step-content-base{color:var(--ds-textColor-secondary)}.ds-step-content-base__oJU1eo__visually-hidden.sc-ds-step-content-base{display:contents}";export{r as ds_step_content_base}

package/dist/component-library/p-f7db0359.entry.js

@@ -0,0 +1 @@
+import{M as e,r as s,c as i,e as t,f as o,h as d,F as r}from"./p-DvpMvX1M.js";import{c}from"./p-BfTCfPZ1.js";import{b as h,i as a}from"./p-Dzq9qJk7.js";import{g as n,a as l,v as b}from"./p-KUgklVW-.js";import{t as _,a as u,d as k}from"./p-CRB48Q9-.js";import{c as x}from"./p-COQJ4KuP.js";import{a as g}from"./p-BIOMdsFj.js";import{d as p}from"./p-BVV0h2aD.js";import{c as v}from"./p-DiXNcKIH.js";import"./p-SySZyjSj.js";const f=class extends(e(v("ds-checkbox"),g,p)){constructor(e){super(),s(this,e),this.dsChange=i(this,"dsChange",7),this.dsFocus=i(this,"dsFocus",7),this.dsBlur=i(this,"dsBlur",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7)}checkboxGroup=null;inputElement;inheritedAttributes={};get el(){return t(this)}dsChange;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=this.getUniqueId();_dsName=this.dsId;setName(e){this._dsName=this.checkboxGroup?.dsName||e||this._dsName}get dsName(){return this._dsName}set dsName(e){this.setName(e)}dsValue=this.dsId;dsChecked=!1;dsLabel;dsAssistiveText;dsText;dsIndeterminate=!1;dsDisabled=!1;dsErrorText="";dsErrorsDisabled=!1;dsRequired=!1;dsOptional=!1;dsOptionalText;dsAriaLabel;dsAriaDescribedby;groupInvalid=!1;hasFocus=!1;wasInvalidOnBlur=!1;internalChecked=!1;initialChecked=!1;isPressingEnter=!1;get labelId(){return`${this.dsId}-label`}get inputValidityId(){return`${this.dsId}-validity`}get assistiveTextId(){return`${this.dsId}-assistive-text`}async setFocus(){this.inputElement?.focus()}async checkValidity(){return this.inputElement?.checkValidity()}getLegendText=()=>this.dsRequired?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 _("ds-checkbox-group","ds-checkbox",this.el)}getInheritedGroupErrorText=()=>{let e=this.el.closest(this.DsCheckboxGroupTag);for(;e;){if(e.dsErrorText)return e.dsErrorText;e=e.parentElement?.closest(this.DsCheckboxGroupTag)??null}return""};formResetCallback(){if(this.dsErrorText="",this.dsChecked=this.initialChecked,this.checkboxGroup=this.el.closest(this.DsCheckboxGroupTag),this.checkboxGroup){const e=this.getInheritedGroupErrorText();this.groupInvalid=!!e,this.dsErrorText=this.dsErrorText||e}}connectedCallback(){if(this.checkboxGroup=this.el.closest(this.DsCheckboxGroupTag),this.checkboxGroup){const e=this.getInheritedGroupErrorText();this.groupInvalid=!!e,this.dsErrorText=this.dsErrorText||e,this.dsErrorsDisabled=!0,this.checkboxGroup.dsDisabled&&(this.dsDisabled=!0),this.checkboxGroup.dsAllRequired&&(this.dsRequired=!0),this.checkboxGroup.dsForm&&(this.dsForm=this.checkboxGroup.dsForm),this.checkboxGroup.addEventListener("dsCheckboxGroupInvalidStateChange",this.updateGroupInvalidState),this.checkboxGroup.addEventListener("dsCheckboxGroupDisabledChange",this.updateDisabledState),this.checkboxGroup.addEventListener("dsCheckboxGroupAllRequiredChange",this.updateAllRequiredState),this.checkboxGroup.addEventListener("dsCheckboxGroupFormChange",this.updateFormState),this.checkboxGroup.addEventListener("dsCheckboxGroupNameChange",this.updateNameState),this.checkboxGroup.addEventListener("dsCheckboxGroupCheckedChange",this.updateCheckedFromGroup),this.checkboxGroup.childConnected()}}disconnectedCallback(){this.checkboxGroup&&(this.checkboxGroup.removeEventListener("dsCheckboxGroupInvalidStateChange",this.updateGroupInvalidState),this.checkboxGroup.removeEventListener("dsCheckboxGroupDisabledChange",this.updateDisabledState),this.checkboxGroup.removeEventListener("dsCheckboxGroupAllRequiredChange",this.updateAllRequiredState),this.checkboxGroup.removeEventListener("dsCheckboxGroupFormChange",this.updateFormState),this.checkboxGroup.removeEventListener("dsCheckboxGroupNameChange",this.updateNameState),this.checkboxGroup.removeEventListener("dsCheckboxGroupCheckedChange",this.updateCheckedFromGroup),this.checkboxGroup.childDisconnected()),this.checkboxGroup=null}handleInvalid=e=>{if(e.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const e in s)if(s[e]){this.dsSubmitInvalid.emit({flag:e,message:b(e)});break}};updateGroupInvalidState=e=>{this.groupInvalid=!!e.detail,this.dsErrorText=e.detail};updateDisabledState=e=>{this.dsDisabled=e.detail};updateAllRequiredState=e=>{this.dsRequired=e.detail};updateFormState=e=>{this.dsForm=e.detail};updateNameState=e=>{this.setName(e.detail),o(this)};updateCheckedFromGroup=e=>{this.dsChecked=e.detail};componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.setName(),this.inheritedAttributes={...a(this,this.el),...h(this.el,["aria-describedby","aria-invalid"])},this.initialChecked=this.dsChecked,this.internalChecked=this.dsChecked,this._setDisableEventEmits(!0)}componentDidLoad(){this.componentMounted()}ariaAttributeObserver(e,s,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:e},o(this)}dsCheckedObserver(e){this.internalChecked=e,this._setDisableEventEmits(!0)}internalCheckedObserver(e,s){const i=this.getShouldEmit([e!==s]);if(this.dsChecked!==e&&(this.dsChecked=e),this._setDisableEventEmits(!0),i&&this.dsChange.emit({checked:e,value:this.dsValue}),!this.wasInvalidOnBlur||this.groupInvalid||this.dsErrorsDisabled)return;const t=this.inputElement?.validity;for(const e in t)if(t[e]){this.dsValidity.emit({flag:e,message:b(e)});break}}handleInput=e=>{const s=e.target;this._setDisableEventEmits(!1),this.internalChecked=s.checked};handleKeyDown=e=>{"Enter"!==e.key||this.isPressingEnter||(this.isPressingEnter=!0)};handleKeyUp=e=>{"Enter"===e.key&&this.isPressingEnter&&(this.inputElement?.click(),this.isPressingEnter=!1)};handleFocus=()=>{this.hasFocus=!0,this.dsFocus.emit(this.dsId)};handleBlur=()=>{if(this.hasFocus=!1,this.dsBlur.emit(this.dsId),this.groupInvalid||this.dsErrorsDisabled)return;const e=this.inputElement?.validity;for(const s in e)if(e[s]){this.wasInvalidOnBlur="valid"!==s,this.dsValidity.emit({flag:s,message:b(s)});break}};renderCheckbox(e){const s=c(e,{[`${e}--disabled`]:this.dsDisabled,[`${e}--no-margin`]:!this.dsText}),i=c(`${e}__input`,{[`${e}__input--invalid`]:!!this.dsErrorText}),t=c(`${e}-error`,{[`${e}-error--visible`]:!!this.dsErrorText}),o=_("ds-input-validity","ds-checkbox",this.el),{"aria-label":h,"aria-describedby":a,"aria-invalid":n,...l}=this.inheritedAttributes,b=this.dsAriaDescribedby||a||[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" "),k=this.dsAriaLabel||h,x=this.dsErrorText?"true":n;return d(r,null,d("div",null,d("label",{id:this.labelId,class:s},d("input",{ref:e=>this.inputElement=e,type:"checkbox",class:i,id:this.dsId,name:this.dsName,form:this.dsForm,checked:this.internalChecked,indeterminate:this.dsIndeterminate,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onBlur:this.handleBlur,onFocus:this.handleFocus,onInvalid:this.handleInvalid,value:this.dsValue,disabled:this.dsDisabled,required:this.dsRequired,...u("aria-describedby",b),...u("aria-label",k),"aria-invalid":x,...l}),this.getCheckboxText())),!this.dsErrorsDisabled&&d("slot",{name:"validity"},d("div",{class:t},d(o,{id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}))))}renderFieldset(e){const s=c(`${e}-fieldset`),i=c(`${e}-fieldset__legend`),t=c(`${e}-fieldset__assistive-text`);return d("fieldset",{class:s},d("legend",{class:i},this.getLegendText()),this.dsAssistiveText&&d("small",{class:t,id:this.assistiveTextId},this.dsAssistiveText),this.renderCheckbox(e))}render(){const e=x("ds-checkbox");return this.dsLabel?this.renderFieldset(e):this.renderCheckbox(e)}static get formAssociated(){return!0}static get watchers(){return{"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}],dsChecked:[{dsCheckedObserver:0}],internalChecked:[{internalCheckedObserver:0}]}}};k([d("ds-input-validity",null)]),f.style=".ds-checkbox__oJU1eo-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__oJU1eo-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__oJU1eo-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__oJU1eo.sc-ds-checkbox{font-family:var(--ds-fontFamily-body);box-sizing:border-box;color:var(--ds-textColor-default);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;user-select:none;width:auto;padding:var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-4xSmall);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox{appearance:none;background-color:var(--ds-bgColor-white);border-radius:var(--ds-borderRadius-none);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall)}.ds-checkbox__oJU1eo__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__oJU1eo__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:hover,.ds-checkbox__oJU1eo__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__oJU1eo__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__oJU1eo__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__oJU1eo__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__oJU1eo__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__oJU1eo__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__oJU1eo__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__oJU1eo__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__oJU1eo__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__oJU1eo__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__oJU1eo__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__oJU1eo__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:not(.ds-checkbox__oJU1eo__input--invalid):checked,.ds-checkbox__oJU1eo__input.sc-ds-checkbox:not(.ds-checkbox__oJU1eo__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:not(.ds-checkbox__oJU1eo__input--invalid):checked:hover,.ds-checkbox__oJU1eo__input.sc-ds-checkbox:not(.ds-checkbox__oJU1eo__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:not(.ds-checkbox__oJU1eo__input--invalid):checked:active,.ds-checkbox__oJU1eo__input.sc-ds-checkbox:not(.ds-checkbox__oJU1eo__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:not(.ds-checkbox__oJU1eo__input--invalid):checked:disabled,.ds-checkbox__oJU1eo__input.sc-ds-checkbox:not(.ds-checkbox__oJU1eo__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__oJU1eo__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__oJU1eo__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__oJU1eo__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__oJU1eo__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__oJU1eo--no-margin.sc-ds-checkbox .ds-checkbox__oJU1eo__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__oJU1eo--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__oJU1eo__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__oJU1eo.sc-ds-checkbox:has(.ds-checkbox__oJU1eo__input:disabled){cursor:not-allowed}.ds-checkbox__oJU1eo-error.sc-ds-checkbox{display:flex}.ds-checkbox__oJU1eo-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/p-f8d58c48.entry.js

@@ -0,0 +1 @@
+import{r as s,h as e,H as t}from"./p-DvpMvX1M.js";const i=class{constructor(e){s(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(t,{key:"6bb136ab176c9661cc1856fda23350e79e754198",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"41ac7e000734e6afd140c3dfe415b0fb804870a6",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},e("path",{key:"b2b823fcec3ddca703267380429025d2408e33b1",d:"M175.96-95Q142-95 118.5-119.33T95-177.83Q95-212 118.86-236q23.85-24 57.35-24 34.33 0 59.06 24.04Q260-211.91 260-177.46 260-143 235.31-119t-59.35 24ZM743-95q0-134.09-50.5-251.54Q642-464 553.5-553 464-641 346.47-691.5T95-742v-114q158 0 295.88 59.39Q528.75-737.22 633-633q104.22 104.25 163.61 242.12Q856-253 856-95H743Zm-304 0q0-72-26.8-135.98Q385.4-294.96 339-344q-47-48-109.58-75.5T95-447v-113q96.26 0 179.13 36.5Q357-487 419.14-423.58q62.15 63.43 98 147.84Q553-191.33 553-95H439Z"})))}};export{i as ds_icon_rss_feed}

package/dist/component-library/p-f8e229f8.entry.js

@@ -0,0 +1 @@
+import{r as e,h as s,H as t}from"./p-DvpMvX1M.js";const a=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"6aa4a3f866d6cabd6592cf7a40db12f1e44c89cc",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"c9ee1a6c14033fe052f0244220ed3b24781785fe",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"5fd7a50e6d0ba3b0b40256f0d4af40cc5fb79c0e",d:"m730-124 148-148-42-42-76 76v-181h-60v181l-75.47-76L583-272l147 148ZM580 0v-60h300V0H580ZM143-143v-754h402l232 232v186h-94v-134.73H494V-803H237v566h283v94H143Zm94-94v-566 566Z"})))}};export{a as ds_icon_file_save}

package/dist/component-library/p-f8e2ff89.entry.js

@@ -0,0 +1 @@
+import{r as s,h as e,H as t}from"./p-DvpMvX1M.js";const a=class{constructor(e){s(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(t,{key:"c4c44cbb7457c2e14b789a9f3ba418e7f855e04d",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"c2451179828660b3df01ab8423cfa5563e506053",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},e("path",{key:"7a078a273a5c8f287ff747a2dcc682d1b6ac25f6",d:"M866-694v599H95v-771h599l172 172ZM479.76-254q43.24 0 73.74-30.26 30.5-30.27 30.5-73.5 0-43.24-30.26-73.74-30.27-30.5-73.5-30.5-43.24 0-73.74 30.26-30.5 30.27-30.5 73.5 0 43.24 30.26 73.74 30.27 30.5 73.5 30.5ZM242-575h358v-143H242v143Z"})))}};export{a as ds_icon_save_fill}

package/dist/component-library/p-f9157713.entry.js

@@ -0,0 +1 @@
+import{r as e,h as s,H as t}from"./p-DvpMvX1M.js";const d=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"dc5ef05b8452e11e9b12be5791a0b5dca888525a",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"3801b7c470ea89c8347c14c2d93f6abd26b5fd6b",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"9f79e732fad36880d1b8e38db3eece5dc6d6c5e1",d:"M169-145v-71h105l-5-5q-65-56-96.5-117.5T141-477q0-118 74.5-209.5T406-807v96q-76 23-123 88.5T236-477q0 59 22 102t60 75l24 15v-105h71v245H169Zm386-7v-97q77-23 123-88.5T724-483q0-44-22.5-90T645-655l-23-20v105h-72v-245h245v71H688l6 7q62 58 93.5 125T819-483q0 118-74 210T555-152Z"})))}};export{d as ds_icon_sync}

package/dist/component-library/p-fa85c040.entry.js

@@ -0,0 +1 @@
+import{r as s,h as e,H as t}from"./p-DvpMvX1M.js";const i=class{constructor(e){s(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(t,{key:"d23aa47aa457c65596e958c4f756ab60ade4d6fd",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"1a1677e498ddac6b88220476ed81e5916ff48121",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},e("path",{key:"fe3fe7038559d0970c52094c24c29694bd164070",d:"M135-57v-605h144v-74q0-85.19 58.37-144.59Q395.73-940 479.87-940q84.13 0 142.63 59.41Q681-821.19 681-736v74h145v605H135Zm345.17-225q31.83 0 54.33-22.03T557-357q0-30-22.67-54.5t-54.5-24.5q-31.83 0-54.33 24.5t-22.5 55q0 30.5 22.67 52.5t54.5 22ZM373-662h214v-73.77q0-46.73-30.65-77.98-30.64-31.25-76-31.25Q435-845 404-813.75q-31 31.25-31 77.98V-662Z"})))}};export{i as ds_icon_lock_fill}

package/dist/component-library/p-fc4801ee.entry.js

@@ -0,0 +1 @@
+import{r as s,h as t,H as d}from"./p-DvpMvX1M.js";const e=class{constructor(t){s(this,t)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return t(d,{key:"9f708bd769dfaf361d54c02371ff5d7d27c3711e",style:{display:"flex"},title:this.dsTitle},t("svg",{key:"9bfc6896a439625164a442251dca9db2e112bb3d",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},t("path",{key:"1a9d27586fcd5c371b6876e32d4df603bc27c6cb",d:"M184.78-421q-23.78 0-41.28-17.3T126-479.89Q126-505 143.37-522q17.38-17 41.77-17 23.46 0 41.66 16.89 18.2 16.9 18.2 41.5 0 24.61-18.22 42.11-18.21 17.5-42 17.5Zm295.83 0q-24.61 0-42.11-17.3T421-479.89Q421-505 438.3-522t41.59-17Q505-539 522-522.11q17 16.9 17 41.5 0 24.61-16.89 42.11-16.9 17.5-41.5 17.5Zm294.28 0q-24.82 0-42.35-17.3Q715-455.6 715-479.89 715-505 732.68-522q17.67-17 42.5-17 24.82 0 42.32 16.89 17.5 16.9 17.5 41.5 0 24.61-17.64 42.11T774.89-421Z"})))}};export{e as ds_icon_more_horiz}

package/dist/component-library/p-fcd4d6bf.entry.js

@@ -0,0 +1 @@
+import{M as s,r as e,c as t,e as a,h as d,F as r}from"./p-DvpMvX1M.js";import{t as n,d as c}from"./p-CRB48Q9-.js";import{c as i}from"./p-DiXNcKIH.js";import"./p-SySZyjSj.js";const o=class extends(s(i("ds-breadcrumbs-collapsible"))){constructor(s){super(),e(this,s),this.dsExpandButtonClick=t(this,"dsExpandButtonClick",7)}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)}handleDsIsHiddenChange(s){s.detail||s.target!==this.collapsibleTarget||requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}handleDsClick(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return d(r,{key:"2d26da2bd377439085286ed8844c511a3a099fce"},d(this.DsBreadcrumbsExpandButton,{key:"a46db9e7b9e7dec4e11831af8d1a0d5c32b859bd",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),d("slot",{key:"a7d7c45168a38525c5f92ac3246b95427e8c7aa9",onSlotchange:this.handleDefaultSlotChange}))}};c([d("ds-breadcrumbs-expand-button",null)]),o.style=":host{display:contents}";export{o as ds_breadcrumbs_collapsible}

package/dist/component-library/p-fd86e594.entry.js

@@ -0,0 +1 @@
+import{r as e,h as s,H as t}from"./p-DvpMvX1M.js";const a=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"d3c79126786c61d68b48058dbf984445d0ee6eca",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"2d1ed91fd2200fc1ba5c6da78c05c3ca0cac8897",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"6461c6235a2dbae2f328abab64c583e7077f103e",d:"M359-314h71v-332h-71v332Zm171 0h71v-332h-71v332ZM480.14-55Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Zm-.14-94q138 0 234.5-96.37T811-480q0-138-96.5-234.5t-235-96.5q-137.5 0-234 96.5t-96.5 235q0 137.5 96.37 234T480-149Zm0-331Z"})))}};export{a as ds_icon_pause_circle}

package/dist/component-library/p-fe090cb3.entry.js

@@ -0,0 +1 @@
+import{r as e,h as s,H as t}from"./p-DvpMvX1M.js";const d=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"83112c78706d4015d3d4877f7aabcce0e2f512bd",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"0772d6bf568cfd3d89b255926320e0dacda2394e",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"f6072d88a80b67dd2eae5ef43c9ccc477c2404c2",d:"m616-283 62-60-154-155.23V-689h-82v224.56L616-283ZM480.14-55Q392-55 314.62-88.37q-77.37-33.36-135.11-91.06-57.73-57.7-91.12-135.03Q55-391.78 55-479.89q0-88.11 33.58-165.6 33.59-77.48 91.02-134.91 57.43-57.43 134.82-91.52Q391.81-906 480-906q88.19 0 165.58 34.08 77.39 34.09 134.82 91.52 57.43 57.43 91.52 134.82Q906-568.19 906-480q0 88.19-34.08 165.58-34.09 77.39-91.52 134.82-57.43 57.43-134.77 91.02Q568.28-55 480.14-55ZM480-480Zm-.51 331Q616-149 713.5-245.5t97.5-234Q811-617 713.63-714t-233.62-97Q343-811 246-714.12 149-617.25 149-480q0 138 96.99 234.5t233.5 96.5Z"})))}};export{d as ds_icon_schedule}

package/dist/component-library/p-fe416436.entry.js

@@ -0,0 +1 @@
+import{r as s,h as e,H as t}from"./p-DvpMvX1M.js";const a=class{constructor(e){s(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(t,{key:"0faeb76400af2b78bcc029ff5d4cb111217f3821",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"cf25604572b013d79cf31812d369eccbe35044fd",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},e("path",{key:"2fa84b14e83577a9cd63a636249cdaaf596f0748",d:"M480-530 283-333l-67-67 264-264 264 264-67 67-197-197Z"})))}};export{a as ds_icon_keyboard_arrow_up}

package/dist/component-library/p-feeabbb7.entry.js

@@ -0,0 +1 @@
+import{r as s,h as e,H as t}from"./p-DvpMvX1M.js";const i=class{constructor(e){s(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(t,{key:"83321949c27ba1a1fbcdad0513b461ee368906ae",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"e203d3fcb919699690eda36394b81dd2d75af9c5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},e("path",{key:"5f669cb9a82607d74533cce48381d61acf108b43",d:"M337-860v-83h286v83H337Zm102 468h82v-232h-82v232Zm40.77 357q-80.24 0-150.18-30.34-69.94-30.34-122.27-82.5Q155-200 125-269.86q-30-69.85-30-150 0-80.14 30.09-150.09 30.09-69.96 82.41-122.47 52.33-52.5 122.27-83.04Q399.71-806 480-806q69 0 130.5 22.5T719-720l60-60 60 59-60 60q37 42 62 101t25 140q0 80.36-30.4 150.4t-82.87 122.07q-52.47 52.02-122.6 82.27Q560-35 479.77-35Zm.06-95Q602-130 686.5-213.83q84.5-83.83 84.5-206T686.67-626.5Q602.34-711 480.17-711T273.5-626.67Q189-542.34 189-420.17T273.33-214q84.33 84 206.5 84Zm.17-289Z"})))}};export{i as ds_icon_timer}

package/dist/component-library/p-ff7ae2ac.entry.js

@@ -0,0 +1 @@
+import{r as s,h as e,H as t}from"./p-DvpMvX1M.js";const a=class{constructor(e){s(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(t,{key:"d2dc47d1c70323794353583c05d8f62047eb60c4",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"7707b36eccee56ce5dfbe07249b960a5661504b9",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},e("path",{key:"6c06a52bfa084b4dae18a3695a5578a8788cc32b",d:"M645-433H135v-94h510L413-759l67-67 346 346-346 345-67-66 232-232Z"})))}};export{a as ds_icon_arrow_forward}

package/dist/component-library/p-ff82333d.entry.js

@@ -0,0 +1 @@
+import{M as r,r as s,e as a,h as e}from"./p-DvpMvX1M.js";import{c as t}from"./p-COQJ4KuP.js";import{t as d}from"./p-CRB48Q9-.js";import{c as i}from"./p-DiXNcKIH.js";import"./p-SySZyjSj.js";const c=class extends(r(i("ds-breadcrumbs-separator"))){constructor(r){super(),s(this,r)}get el(){return a(this)}dsIcon="chevron_forward";get DsIcon(){return d("ds-icon","ds-breadcrumbs-separator",this.el)}render(){const r=t("ds-breadcrumbs-separator");return e(this.DsIcon,{key:"242257334eca802e15dd4225e0e558bdecd1ce88",class:r,dsName:this.dsIcon,dsSize:"1rem"})}};c.style=".ds-breadcrumbs-separator__oJU1eo.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__oJU1eo.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}";export{c as ds_breadcrumbs_separator}

package/dist/components/ds-accordion.js

@@ -1 +1 @@
-import{p as o,M as d,c as t,h as e,t as s}from"./p-Clnflbiz.js";import{c as n}from"./p-BfTCfPZ1.js";import{t as r,d as i}from"./p-Duz7I_DQ.js";import{c as a}from"./p-C7gqnikf.js";import{a as c,i as l}from"./p-5l5qZ1Ad.js";import{g as _}from"./p-DdyM9c6W.js";import{c as b}from"./p-BNucxURn.js";import{d as h}from"./p-CFIMJWhN.js";import{d as p}from"./p-DGgJGxC8.js";import{d as u}from"./p-CQHlIDeK.js";import{d as g}from"./p-Db_yp4Ff.js";const y=o(class extends(d(b("ds-accordion",{stopRootTracking:!0}))){constructor(o){super(),!1!==o&&this.__registerHost(),this.dsToggle=t(this,"dsToggle",7)}inheritedAttributes={};get el(){return this}dsVariant="default";dsBorderAligned=!1;dsOpenByDefault=!1;dsId=this.getUniqueId();dsHeadingLevel=2;dsUseCloseButton=!1;dsCloseButtonLabel;dsHideContentBorders=!1;dsHideTopBorder=!1;dsHideRightBorder=!0;dsHideBottomBorder=!1;dsHideLeftBorder=!0;dsHeadingVariant="button";dsAriaDescribedBy;dsAriaLabelledBy;dsHeaderHasBackground="expanded";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 r("ds-button","ds-accordion",this.el)}get DsIcon(){return r("ds-icon","ds-accordion",this.el)}get close(){switch(_()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}componentWillLoad(){this.dsOpenByDefault&&(this.isExpanded=!0),this.inheritedAttributes={...l(this.el),...c(this,this.el)}}componentDidLoad(){this.componentMounted()}watchHandler(o){!o&&this.shouldMoveFocus&&this.headerButtonRef&&(this.headerButtonRef.focus(),this.shouldMoveFocus=!1),this.dsToggle.emit(o)}handleClick=o=>{const d=o.target.closest(`.${a("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(`.${a("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded;break}}};renderHeading(o){const d="button"===this.dsHeadingVariant?{role:"heading","aria-level":this.dsHeadingLevel}:{};return e("div",{class:n(o+"__title",{[o+"__title--with-background"]:"always"===this.dsHeaderHasBackground||"expanded"===this.dsHeaderHasBackground&&this.isExpanded,[o+"__title--border-aligned"]:this.dsBorderAligned,[o+"__title--hide-top-border"]:this.dsHideTopBorder,[o+"__title--hide-right-border"]:this.dsHideRightBorder,[o+"__title--hide-left-border"]:this.dsHideLeftBorder}),...d},"icon-button"===this.dsHeadingVariant&&e("div",{class:n(o+"__header-slot",`${o}__header-slot--${this.dsVariant}`,`${o}__header-slot--${this.dsHeadingVariant}`,{[o+"__header-slot--hide-top-border"]:this.dsHideTopBorder,[o+"__header-slot--hide-bottom-border"]:!this.isExpanded&&this.dsHideBottomBorder})},e("slot",{name:"header"})),e("div",{class:n(o+"__open-button-container")},e("button",{class:n(o+"__open-button",`${o}__open-button--${this.dsVariant}`,`${o}__open-button--${this.dsHeadingVariant}`,{[o+"__open-button--border-aligned"]:this.dsBorderAligned,[o+"__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"},e("span",{class:n(o+"__open-button__icon",`${o}__open-button__icon--${this.dsVariant}`),"aria-hidden":"true"},e(this.DsIcon,{dsSize:"1.5rem",dsName:this.isExpanded?"keyboard_arrow_up":"keyboard_arrow_down"})),"button"===this.dsHeadingVariant&&e("span",{class:n(o+"__open-button__header-slot",`${o}__open-button__header-slot--${this.dsVariant}`)},e("slot",{name:"header"})))))}render(){const o=a("ds-accordion");return e("div",{key:"b4bf9b3c93b32b3e897b86fe1a11393ce2935422",class:n(o,`${o}--${this.dsVariant}`,{[o+"--expanded"]:this.isExpanded}),...this.inheritedAttributes},e("div",{key:"8a6c1b4fee1a31e99a3263a39a6d9033415220ff",class:o+"__item"},this.renderHeading(o),e("div",{key:"c3e5be58e92e67905de1360e1be6a0513c61e8a6",id:this.dsId+"-panel",role:"region","aria-labelledby":this.dsId,class:n(o+"__panel",`${o}__panel--${this.dsVariant}`,{[o+"__panel--expanded"]:this.isExpanded,[o+"__panel--with-background"]:this.dsContentHasBackground,[o+"__panel--hide-right-border"]:this.dsHideRightBorder||this.dsHideContentBorders,[o+"__panel--hide-left-border"]:this.dsHideLeftBorder||this.dsHideContentBorders}),hidden:!this.isExpanded},e("div",{key:"52968968a33d30bf247616a7a52ac71b41fb92c5",class:n(o+"__content",{"ds-bodytext-lg":"default"===this.dsVariant,"ds-bodytext-md":"compact"===this.dsVariant,[o+"__content--border-aligned"]:this.dsBorderAligned,[o+"__content--with-background"]:this.dsContentHasBackground,[o+"__content--hide-bottom-border"]:this.dsHideBottomBorder||this.dsHideContentBorders,[o+"__content--has-close-button"]:this.dsUseCloseButton})},e("slot",{key:"5b21aec4e5ddbd947270edf88c158b0a25845473",name:"content"}),this.dsUseCloseButton&&e(this.DsButton,{key:"b5dcddc2f1d7cbcf7fc8c1508f05f2b480a8f475",id:this.dsId+"-close-button",class:o+"__close-button",dsVariant:"supplementary",dsColour:"black",dsIcon:"keyboard_arrow_up",dsIconPosition:"start",onClick:this.handleClick,onKeyDown:this.handleKeyDown,dsText:this.dsCloseButtonLabel||this.close,dsSize:"small",dsType:"button"})))))}static get watchers(){return{isExpanded:[{watchHandler:0}]}}static get style(){return'.ds-accordion__9el4Wy.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__9el4Wy__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__9el4Wy__title.sc-ds-accordion:not(.ds-accordion__9el4Wy__title--hide-top-border) .ds-accordion__9el4Wy__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__9el4Wy__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__9el4Wy__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__9el4Wy__title--border-aligned.ds-accordion__9el4Wy__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__9el4Wy__title--border-aligned.ds-accordion__9el4Wy__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__9el4Wy__title--with-background.sc-ds-accordion .ds-accordion__9el4Wy__open-button.sc-ds-accordion:not(.ds-accordion__9el4Wy__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__9el4Wy__title--with-background.sc-ds-accordion:has(.ds-accordion__9el4Wy__open-button.ds-accordion__9el4Wy__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__9el4Wy__title.sc-ds-accordion:has(.ds-accordion__9el4Wy__open-button:hover:not(.ds-accordion__9el4Wy__open-button--icon-button)) .ds-accordion__9el4Wy__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__9el4Wy__title.sc-ds-accordion:has(.ds-accordion__9el4Wy__open-button:active:not(.ds-accordion__9el4Wy__open-button--icon-button)) .ds-accordion__9el4Wy__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__9el4Wy__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__9el4Wy__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__9el4Wy__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__9el4Wy__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__9el4Wy__open-button-container.sc-ds-accordion{position:relative;width:auto}.ds-accordion__9el4Wy__open-button-container.sc-ds-accordion:has(.ds-accordion__9el4Wy__open-button:not(.ds-accordion__9el4Wy__open-button--icon-button)){width:100%}.ds-accordion__9el4Wy__open-button-container.sc-ds-accordion::after{content:"";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:1}.ds-accordion__9el4Wy__open-button-container.sc-ds-accordion:has(.ds-accordion__9el4Wy__open-button--border-aligned:not(.ds-accordion__9el4Wy__open-button--icon-button))::after{inset-inline:calc(-1 * var(--ds-spacing-small))}.ds-accordion__9el4Wy__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__9el4Wy__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__9el4Wy__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__9el4Wy__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__9el4Wy__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__9el4Wy__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__9el4Wy__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__9el4Wy__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__9el4Wy__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__9el4Wy__open-button--icon-button){padding-inline:0}.ds-accordion__9el4Wy__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__9el4Wy__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__9el4Wy__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__9el4Wy__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__9el4Wy__title--with-background.sc-ds-accordion .ds-accordion__9el4Wy__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__9el4Wy__open-button--icon-button)::before,.ds-accordion__9el4Wy__title--with-background.sc-ds-accordion .ds-accordion__9el4Wy__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__9el4Wy__open-button--icon-button)::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__9el4Wy__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__9el4Wy__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;height:100%;order:1}.ds-accordion__9el4Wy__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__9el4Wy__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__9el4Wy__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__9el4Wy__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__9el4Wy__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__9el4Wy__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__9el4Wy__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__9el4Wy__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__9el4Wy__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__9el4Wy__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__9el4Wy__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__9el4Wy__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__9el4Wy__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__9el4Wy.sc-ds-accordion-s>[slot=header],.ds-accordion__9el4Wy .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__9el4Wy__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__9el4Wy__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__9el4Wy__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__9el4Wy__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__9el4Wy__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__9el4Wy__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__9el4Wy__content--with-background.sc-ds-accordion::before,.ds-accordion__9el4Wy__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__9el4Wy__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}.ds-accordion__9el4Wy.sc-ds-accordion-s>div[slot=header][class*=toc],.ds-accordion__9el4Wy .sc-ds-accordion-s>div[slot=header][class*=toc]{display:flex;gap:var(--ds-spacing-2xSmall)}.ds-accordion__9el4Wy.sc-ds-accordion-s>ul[slot=content][class*=toc],.ds-accordion__9el4Wy .sc-ds-accordion-s>ul[slot=content][class*=toc]{display:flex;flex-direction:column;gap:var(--ds-spacing-small);list-style:none;margin-block:0;margin-inline:var(--ds-spacing-3xSmall) 0;padding:0}'}},[774,"ds-accordion",{dsVariant:[1,"ds-variant"],dsBorderAligned:[4,"ds-border-aligned"],dsOpenByDefault:[4,"ds-open-by-default"],dsId:[1,"ds-id"],dsHeadingLevel:[2,"ds-heading-level"],dsUseCloseButton:[4,"ds-use-close-button"],dsCloseButtonLabel:[1,"ds-close-button-label"],dsHideContentBorders:[4,"ds-hide-content-borders"],dsHideTopBorder:[4,"ds-hide-top-border"],dsHideRightBorder:[4,"ds-hide-right-border"],dsHideBottomBorder:[4,"ds-hide-bottom-border"],dsHideLeftBorder:[4,"ds-hide-left-border"],dsHeadingVariant:[1,"ds-heading-variant"],dsAriaDescribedBy:[1,"ds-aria-described-by"],dsAriaLabelledBy:[1,"ds-aria-labelled-by"],dsHeaderHasBackground:[1,"ds-header-has-background"],dsContentHasBackground:[4,"ds-content-has-background"],isExpanded:[32],setIsExpanded:[64]},void 0,{isExpanded:[{watchHandler:0}]}]);i([e("ds-icon",{dsName:""}),e("ds-button",null)]);const m=y,v=function(){"undefined"!=typeof customElements&&["ds-accordion","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((o=>{switch(o){case"ds-accordion":customElements.get(s(o))||customElements.define(s(o),y);break;case"ds-button":customElements.get(s(o))||h();break;case"ds-icon":customElements.get(s(o))||p();break;case"ds-spinner":customElements.get(s(o))||u();break;case"ds-visually-hidden":customElements.get(s(o))||g()}}))};export{m as DsAccordion,v as defineCustomElement}
+import{p as o,M as d,c as t,h as e,t as s}from"./p-CzSzVfDu.js";import{c as n}from"./p-BfTCfPZ1.js";import{t as r,d as i}from"./p-Duz7I_DQ.js";import{c as a}from"./p-BpJtDd1D.js";import{a as c,i as _}from"./p-5l5qZ1Ad.js";import{g as l}from"./p-DfjAeLrH.js";import{c as b}from"./p-CVitC9tk.js";import{d as h}from"./p-BoDGKrXH.js";import{d as p}from"./p-agL9TGQL.js";import{d as u}from"./p-d05qtkKx.js";import{d as g}from"./p-Eh5Ce9Mh.js";const m=o(class extends(d(b("ds-accordion",{stopRootTracking:!0}))){constructor(o){super(),!1!==o&&this.__registerHost(),this.dsToggle=t(this,"dsToggle",7)}inheritedAttributes={};get el(){return this}dsVariant="default";dsBorderAligned=!1;dsOpenByDefault=!1;dsId=this.getUniqueId();dsHeadingLevel=2;dsUseCloseButton=!1;dsCloseButtonLabel;dsHideContentBorders=!1;dsHideTopBorder=!1;dsHideRightBorder=!0;dsHideBottomBorder=!1;dsHideLeftBorder=!0;dsHeadingVariant="button";dsAriaDescribedBy;dsAriaLabelledBy;dsHeaderHasBackground="expanded";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 r("ds-button","ds-accordion",this.el)}get DsIcon(){return r("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)}}componentDidLoad(){this.componentMounted()}watchHandler(o){!o&&this.shouldMoveFocus&&this.headerButtonRef&&(this.headerButtonRef.focus(),this.shouldMoveFocus=!1),this.dsToggle.emit(o)}handleClick=o=>{const d=o.target.closest(`.${a("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(`.${a("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded;break}}};renderHeading(o){const d="button"===this.dsHeadingVariant?{role:"heading","aria-level":this.dsHeadingLevel}:{};return e("div",{class:n(o+"__title",{[o+"__title--with-background"]:"always"===this.dsHeaderHasBackground||"expanded"===this.dsHeaderHasBackground&&this.isExpanded,[o+"__title--border-aligned"]:this.dsBorderAligned,[o+"__title--hide-top-border"]:this.dsHideTopBorder,[o+"__title--hide-right-border"]:this.dsHideRightBorder,[o+"__title--hide-left-border"]:this.dsHideLeftBorder}),...d},"icon-button"===this.dsHeadingVariant&&e("div",{class:n(o+"__header-slot",`${o}__header-slot--${this.dsVariant}`,`${o}__header-slot--${this.dsHeadingVariant}`,{[o+"__header-slot--hide-top-border"]:this.dsHideTopBorder,[o+"__header-slot--hide-bottom-border"]:!this.isExpanded&&this.dsHideBottomBorder})},e("slot",{name:"header"})),e("div",{class:n(o+"__open-button-container")},e("button",{class:n(o+"__open-button",`${o}__open-button--${this.dsVariant}`,`${o}__open-button--${this.dsHeadingVariant}`,{[o+"__open-button--border-aligned"]:this.dsBorderAligned,[o+"__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"},e("span",{class:n(o+"__open-button__icon",`${o}__open-button__icon--${this.dsVariant}`),"aria-hidden":"true"},e(this.DsIcon,{dsSize:"1.5rem",dsName:this.isExpanded?"keyboard_arrow_up":"keyboard_arrow_down"})),"button"===this.dsHeadingVariant&&e("span",{class:n(o+"__open-button__header-slot",`${o}__open-button__header-slot--${this.dsVariant}`)},e("slot",{name:"header"})))))}render(){const o=a("ds-accordion");return e("div",{key:"b4bf9b3c93b32b3e897b86fe1a11393ce2935422",class:n(o,`${o}--${this.dsVariant}`,{[o+"--expanded"]:this.isExpanded}),...this.inheritedAttributes},e("div",{key:"8a6c1b4fee1a31e99a3263a39a6d9033415220ff",class:o+"__item"},this.renderHeading(o),e("div",{key:"c3e5be58e92e67905de1360e1be6a0513c61e8a6",id:this.dsId+"-panel",role:"region","aria-labelledby":this.dsId,class:n(o+"__panel",`${o}__panel--${this.dsVariant}`,{[o+"__panel--expanded"]:this.isExpanded,[o+"__panel--with-background"]:this.dsContentHasBackground,[o+"__panel--hide-right-border"]:this.dsHideRightBorder||this.dsHideContentBorders,[o+"__panel--hide-left-border"]:this.dsHideLeftBorder||this.dsHideContentBorders}),hidden:!this.isExpanded},e("div",{key:"52968968a33d30bf247616a7a52ac71b41fb92c5",class:n(o+"__content",{"ds-bodytext-lg":"default"===this.dsVariant,"ds-bodytext-md":"compact"===this.dsVariant,[o+"__content--border-aligned"]:this.dsBorderAligned,[o+"__content--with-background"]:this.dsContentHasBackground,[o+"__content--hide-bottom-border"]:this.dsHideBottomBorder||this.dsHideContentBorders,[o+"__content--has-close-button"]:this.dsUseCloseButton})},e("slot",{key:"5b21aec4e5ddbd947270edf88c158b0a25845473",name:"content"}),this.dsUseCloseButton&&e(this.DsButton,{key:"b5dcddc2f1d7cbcf7fc8c1508f05f2b480a8f475",id:this.dsId+"-close-button",class:o+"__close-button",dsVariant:"supplementary",dsColour:"black",dsIcon:"keyboard_arrow_up",dsIconPosition:"start",onClick:this.handleClick,onKeyDown:this.handleKeyDown,dsText:this.dsCloseButtonLabel||this.close,dsSize:"small",dsType:"button"})))))}static get watchers(){return{isExpanded:[{watchHandler:0}]}}static get style(){return'.ds-accordion__oJU1eo.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__oJU1eo__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__oJU1eo__title.sc-ds-accordion:not(.ds-accordion__oJU1eo__title--hide-top-border) .ds-accordion__oJU1eo__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__oJU1eo__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__oJU1eo__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__oJU1eo__title--border-aligned.ds-accordion__oJU1eo__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__oJU1eo__title--border-aligned.ds-accordion__oJU1eo__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__oJU1eo__title--with-background.sc-ds-accordion .ds-accordion__oJU1eo__open-button.sc-ds-accordion:not(.ds-accordion__oJU1eo__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__oJU1eo__title--with-background.sc-ds-accordion:has(.ds-accordion__oJU1eo__open-button.ds-accordion__oJU1eo__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__oJU1eo__title.sc-ds-accordion:has(.ds-accordion__oJU1eo__open-button:hover:not(.ds-accordion__oJU1eo__open-button--icon-button)) .ds-accordion__oJU1eo__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__oJU1eo__title.sc-ds-accordion:has(.ds-accordion__oJU1eo__open-button:active:not(.ds-accordion__oJU1eo__open-button--icon-button)) .ds-accordion__oJU1eo__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__oJU1eo__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__oJU1eo__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__oJU1eo__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__oJU1eo__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__oJU1eo__open-button-container.sc-ds-accordion{position:relative;width:auto}.ds-accordion__oJU1eo__open-button-container.sc-ds-accordion:has(.ds-accordion__oJU1eo__open-button:not(.ds-accordion__oJU1eo__open-button--icon-button)){width:100%}.ds-accordion__oJU1eo__open-button-container.sc-ds-accordion::after{content:"";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:1}.ds-accordion__oJU1eo__open-button-container.sc-ds-accordion:has(.ds-accordion__oJU1eo__open-button--border-aligned:not(.ds-accordion__oJU1eo__open-button--icon-button))::after{inset-inline:calc(-1 * var(--ds-spacing-small))}.ds-accordion__oJU1eo__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__oJU1eo__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__oJU1eo__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__oJU1eo__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__oJU1eo__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__oJU1eo__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__oJU1eo__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__oJU1eo__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__oJU1eo__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__oJU1eo__open-button--icon-button){padding-inline:0}.ds-accordion__oJU1eo__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__oJU1eo__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__oJU1eo__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__oJU1eo__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__oJU1eo__title--with-background.sc-ds-accordion .ds-accordion__oJU1eo__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__oJU1eo__open-button--icon-button)::before,.ds-accordion__oJU1eo__title--with-background.sc-ds-accordion .ds-accordion__oJU1eo__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__oJU1eo__open-button--icon-button)::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__oJU1eo__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__oJU1eo__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;height:100%;order:1}.ds-accordion__oJU1eo__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__oJU1eo__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__oJU1eo__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__oJU1eo__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__oJU1eo__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__oJU1eo__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__oJU1eo__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__oJU1eo__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__oJU1eo__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__oJU1eo__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__oJU1eo__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__oJU1eo__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__oJU1eo__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__oJU1eo.sc-ds-accordion-s>[slot=header],.ds-accordion__oJU1eo .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__oJU1eo__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__oJU1eo__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__oJU1eo__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__oJU1eo__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__oJU1eo__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__oJU1eo__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__oJU1eo__content--with-background.sc-ds-accordion::before,.ds-accordion__oJU1eo__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__oJU1eo__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}.ds-accordion__oJU1eo.sc-ds-accordion-s>div[slot=header][class*=toc],.ds-accordion__oJU1eo .sc-ds-accordion-s>div[slot=header][class*=toc]{display:flex;gap:var(--ds-spacing-2xSmall)}.ds-accordion__oJU1eo.sc-ds-accordion-s>ul[slot=content][class*=toc],.ds-accordion__oJU1eo .sc-ds-accordion-s>ul[slot=content][class*=toc]{display:flex;flex-direction:column;gap:var(--ds-spacing-small);list-style:none;margin-block:0;margin-inline:var(--ds-spacing-3xSmall) 0;padding:0}'}},[774,"ds-accordion",{dsVariant:[1,"ds-variant"],dsBorderAligned:[4,"ds-border-aligned"],dsOpenByDefault:[4,"ds-open-by-default"],dsId:[1,"ds-id"],dsHeadingLevel:[2,"ds-heading-level"],dsUseCloseButton:[4,"ds-use-close-button"],dsCloseButtonLabel:[1,"ds-close-button-label"],dsHideContentBorders:[4,"ds-hide-content-borders"],dsHideTopBorder:[4,"ds-hide-top-border"],dsHideRightBorder:[4,"ds-hide-right-border"],dsHideBottomBorder:[4,"ds-hide-bottom-border"],dsHideLeftBorder:[4,"ds-hide-left-border"],dsHeadingVariant:[1,"ds-heading-variant"],dsAriaDescribedBy:[1,"ds-aria-described-by"],dsAriaLabelledBy:[1,"ds-aria-labelled-by"],dsHeaderHasBackground:[1,"ds-header-has-background"],dsContentHasBackground:[4,"ds-content-has-background"],isExpanded:[32],setIsExpanded:[64]},void 0,{isExpanded:[{watchHandler:0}]}]);i([e("ds-icon",{dsName:""}),e("ds-button",null)]);const v=m,f=function(){"undefined"!=typeof customElements&&["ds-accordion","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((o=>{switch(o){case"ds-accordion":customElements.get(s(o))||customElements.define(s(o),m);break;case"ds-button":customElements.get(s(o))||h();break;case"ds-icon":customElements.get(s(o))||p();break;case"ds-spinner":customElements.get(s(o))||u();break;case"ds-visually-hidden":customElements.get(s(o))||g()}}))};export{v as DsAccordion,f as defineCustomElement}

package/dist/components/ds-action-list-divider.js

@@ -1 +1 @@
-import{p as s,H as e,h as i,t}from"./p-Clnflbiz.js";import{d}from"./p-Duz7I_DQ.js";import{d as r}from"./p-C7vwGuoj.js";const o=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}render(){return i("ds-divider",{key:"95cc93cebd41fb7e27bfdbb127d7a24fb1209275",dsVariant:"accessible",dsOrientation:"horizontal"})}},[2,"ds-action-list-divider"]);d([i("ds-divider",null)]);const n=o,c=function(){"undefined"!=typeof customElements&&["ds-action-list-divider","ds-divider"].forEach((s=>{switch(s){case"ds-action-list-divider":customElements.get(t(s))||customElements.define(t(s),o);break;case"ds-divider":customElements.get(t(s))||r()}}))};export{n as DsActionListDivider,c as defineCustomElement}
+import{p as s,H as e,h as t,t as d}from"./p-CzSzVfDu.js";import{d as i}from"./p-Duz7I_DQ.js";import{d as r}from"./p-Dl-20pSQ.js";const o=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}render(){return t("ds-divider",{key:"95cc93cebd41fb7e27bfdbb127d7a24fb1209275",dsVariant:"accessible",dsOrientation:"horizontal"})}},[2,"ds-action-list-divider"]);i([t("ds-divider",null)]);const n=o,c=function(){"undefined"!=typeof customElements&&["ds-action-list-divider","ds-divider"].forEach((s=>{switch(s){case"ds-action-list-divider":customElements.get(d(s))||customElements.define(d(s),o);break;case"ds-divider":customElements.get(d(s))||r()}}))};export{n as DsActionListDivider,c as defineCustomElement}

package/dist/components/ds-action-list-group-title.js

@@ -1 +1 @@
-import{p as t,M as s,h as i,d as o,t as l}from"./p-Clnflbiz.js";import{c as e}from"./p-C7gqnikf.js";import{c as a}from"./p-BNucxURn.js";const d=t(class extends(s(a("ds-action-list-group-title"))){constructor(t){super(),!1!==t&&this.__registerHost()}dsTitle;dsId=this.getUniqueId();render(){const t=e("ds-action-list-group-title");return i(o,{key:"1b283379ba11079f2189d151010b288869af58c5",id:this.dsId,class:t},this.dsTitle)}static get style(){return".ds-no-style-leak.sc-ds-action-list-group-title *.sc-ds-action-list-group-title{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-group-title-h{display:block}.ds-action-list-group-title__9el4Wy.sc-ds-action-list-group-title{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small) var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}"}},[514,"ds-action-list-group-title",{dsTitle:[1,"ds-title"],dsId:[1,"ds-id"]}]),n=d,r=function(){"undefined"!=typeof customElements&&["ds-action-list-group-title"].forEach((t=>{"ds-action-list-group-title"===t&&(customElements.get(l(t))||customElements.define(l(t),d))}))};export{n as DsActionListGroupTitle,r as defineCustomElement}
+import{p as t,M as s,h as i,d as o,t as l}from"./p-CzSzVfDu.js";import{c as e}from"./p-BpJtDd1D.js";import{c as a}from"./p-CVitC9tk.js";const d=t(class extends(s(a("ds-action-list-group-title"))){constructor(t){super(),!1!==t&&this.__registerHost()}dsTitle;dsId=this.getUniqueId();render(){const t=e("ds-action-list-group-title");return i(o,{key:"1b283379ba11079f2189d151010b288869af58c5",id:this.dsId,class:t},this.dsTitle)}static get style(){return".ds-no-style-leak.sc-ds-action-list-group-title *.sc-ds-action-list-group-title{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-group-title-h{display:block}.ds-action-list-group-title__oJU1eo.sc-ds-action-list-group-title{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small) var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}"}},[514,"ds-action-list-group-title",{dsTitle:[1,"ds-title"],dsId:[1,"ds-id"]}]),r=d,n=function(){"undefined"!=typeof customElements&&["ds-action-list-group-title"].forEach((t=>{"ds-action-list-group-title"===t&&(customElements.get(l(t))||customElements.define(l(t),d))}))};export{r as DsActionListGroupTitle,n as defineCustomElement}

package/dist/components/ds-action-list-item.js

@@ -1 +1 @@
-import{p as t,M as i,c as s,h as e,t as l}from"./p-Clnflbiz.js";import{c as o}from"./p-BfTCfPZ1.js";import{t as a,d}from"./p-Duz7I_DQ.js";import{c}from"./p-C7gqnikf.js";import{c as n}from"./p-Ccf9CXPb.js";import{c as r}from"./p-BNucxURn.js";import{d as m}from"./p-DGgJGxC8.js";const _=t(class extends(i(r("ds-action-list-item"))){constructor(t){super(),!1!==t&&this.__registerHost(),this.dsSelect=s(this,"dsSelect",7)}get el(){return this}buttonEl;dsId=this.getUniqueId();dsVariant="action";dsLabel;dsDescription;dsIcon;dsDisabled=!1;dsUnavailable=!1;dsSelected=!1;dsCloseOnSelect=!0;dsIndented=!1;dsSelect;tabIndex=-1;async setFocus(){this.buttonEl?.focus()}async setTabIndex(t){this.tabIndex=t}get role(){switch(this.dsVariant){case"single-select":return"menuitemradio";case"multi-select":return"menuitemcheckbox";default:return"menuitem"}}handleSelect(){if(!this.dsDisabled&&!this.dsUnavailable&&(this.dsSelect.emit({id:this.dsId,label:this.dsLabel,selected:"multi-select"!==this.dsVariant||!this.dsSelected,variant:this.dsVariant}),"multi-select"!==this.dsVariant&&("single-select"!==this.dsVariant||this.dsCloseOnSelect))){const t=n(this.el);t?.closeMenu()}}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleSelect())}renderIcon(t){if(!this.dsIcon||"multi-select"===this.dsVariant)return null;const i=a("ds-icon","ds-action-list-item",this.el);return e(i,{class:t+"__icon",dsName:this.dsIcon,dsSize:"1.25rem"})}renderSelector(t){if("single-select"===this.dsVariant){const i=a("ds-icon","ds-action-list-item",this.el);return e("span",{class:o(t+"__selector",{[t+"__selector--visible"]:this.dsSelected}),"aria-hidden":"true"},this.dsSelected&&e(i,{dsName:"check",dsSize:"1.25rem"}))}if("multi-select"===this.dsVariant){const i=a("ds-icon","ds-action-list-item",this.el);return e(i,{class:o(t+"__checkbox",{[t+"__checkbox--checked"]:this.dsSelected}),dsName:this.dsSelected?"check_box_fill":"check_box_outline_blank",dsSize:"1.25rem"})}return null}render(){const{role:t}=this,i=c("ds-action-list-item"),s=this.dsIndented&&!this.dsIcon&&"multi-select"!==this.dsVariant,l=o(i,`${i}--${this.dsVariant}`,{[i+"--disabled"]:this.dsDisabled,[i+"--unavailable"]:this.dsUnavailable,[i+"--indented"]:s});return e("button",{key:"b44aab1ecd6f0ffeba7d7302c6055032decc184e",ref:t=>this.buttonEl=t,class:l,role:t,"aria-checked":"menuitemcheckbox"===t||"menuitemradio"===t?this.dsSelected+"":void 0,"aria-disabled":this.dsDisabled||this.dsUnavailable?"true":void 0,disabled:this.dsDisabled,tabIndex:this.tabIndex,onClick:()=>this.handleSelect()},this.renderSelector(i),s&&e("span",{key:"1a6c5647dc6c3389a6cb86286545acd44e48f251",class:i+"__indent","aria-hidden":"true"}),this.renderIcon(i),e("span",{key:"96519a6456f4c91ee2a6fa01d83006f8897d653f",class:i+"__content"},e("span",{key:"47dbadf120d5a4e9eca1897e693234045eea9d32",class:i+"__label"},this.dsLabel),this.dsDescription&&e("span",{key:"933ba826149bef728bbddffeaf1c8aeea3ae5e0a",class:i+"__description"},this.dsDescription)))}static get style(){return".ds-no-style-leak.sc-ds-action-list-item *.sc-ds-action-list-item{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-item-h{display:contents}.ds-action-list-item__9el4Wy.sc-ds-action-list-item{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;gap:var(--ds-spacing-xSmall);width:100%;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small);background-color:var(--ds-bgColor-white);border:none;text-align:left;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);box-sizing:border-box;min-height:2.75rem;text-decoration:none}.ds-action-list-item__9el4Wy.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__9el4Wy--unavailable){background-color:var(--ds-bgColor-white-hover)}.ds-action-list-item__9el4Wy.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__9el4Wy--unavailable){background-color:var(--ds-bgColor-white-active)}.ds-action-list-item__9el4Wy.sc-ds-action-list-item:focus-visible:not(:disabled){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-action-list-item__9el4Wy.sc-ds-action-list-item:disabled,.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--unavailable.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--unavailable.sc-ds-action-list-item .ds-action-list-item__9el4Wy__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--unavailable.sc-ds-action-list-item .ds-action-list-item__9el4Wy__description.sc-ds-action-list-item{color:var(--ds-textColor-attention)}.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--action-danger.sc-ds-action-list-item{color:var(--ds-textColor-danger)}.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--action-danger.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__9el4Wy--unavailable){background-color:var(--ds-bgColor-danger)}.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--action-danger.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__9el4Wy--unavailable){background-color:var(--ds-bgColor-danger-hover)}.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--action-danger.sc-ds-action-list-item:disabled,.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--action-danger.ds-action-list-item__9el4Wy--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__9el4Wy__icon.sc-ds-action-list-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-action-list-item__9el4Wy__indent.sc-ds-action-list-item{flex-shrink:0;width:1.25rem}.ds-action-list-item__9el4Wy__content.sc-ds-action-list-item{display:flex;flex-direction:column;flex:1;min-width:0}.ds-action-list-item__9el4Wy__label.sc-ds-action-list-item{display:block}.ds-action-list-item__9el4Wy__description.sc-ds-action-list-item{display:block;color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-action-list-item__9el4Wy__selector.sc-ds-action-list-item{flex-shrink:0;width:1.25rem;display:flex;align-items:center;justify-content:center;visibility:hidden}.ds-action-list-item__9el4Wy__selector.ds-action-list-item__9el4Wy__selector--visible.sc-ds-action-list-item{visibility:visible}.ds-action-list-item__9el4Wy__checkbox.sc-ds-action-list-item{flex-shrink:0;color:var(--ds-iconColor-neutral)}.ds-action-list-item__9el4Wy__checkbox--checked.sc-ds-action-list-item{color:var(--ds-iconColor-primary)}[disabled].sc-ds-action-list-item-h .ds-action-list-item__9el4Wy__selector--visible.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__9el4Wy__selector--visible.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}button.sc-ds-action-list-item:disabled .ds-action-list-item__9el4Wy__checkbox.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__9el4Wy__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}"}},[514,"ds-action-list-item",{dsId:[1,"ds-id"],dsVariant:[1,"ds-variant"],dsLabel:[1,"ds-label"],dsDescription:[1,"ds-description"],dsIcon:[1,"ds-icon"],dsDisabled:[4,"ds-disabled"],dsUnavailable:[4,"ds-unavailable"],dsSelected:[1028,"ds-selected"],dsCloseOnSelect:[4,"ds-close-on-select"],dsIndented:[1028,"ds-indented"],tabIndex:[32],setFocus:[64],setTabIndex:[64]},[[0,"keydown","handleKeyDown"]]]);d([e("ds-icon",{dsName:""})]);const b=_,h=function(){"undefined"!=typeof customElements&&["ds-action-list-item","ds-icon"].forEach((t=>{switch(t){case"ds-action-list-item":customElements.get(l(t))||customElements.define(l(t),_);break;case"ds-icon":customElements.get(l(t))||m()}}))};export{b as DsActionListItem,h as defineCustomElement}
+import{p as t,M as i,c as s,h as e,t as o}from"./p-CzSzVfDu.js";import{c as a}from"./p-BfTCfPZ1.js";import{t as d,d as c}from"./p-Duz7I_DQ.js";import{c as l}from"./p-BpJtDd1D.js";import{c as n}from"./p-Ccf9CXPb.js";import{c as r}from"./p-CVitC9tk.js";import{d as m}from"./p-agL9TGQL.js";const _=t(class extends(i(r("ds-action-list-item"))){constructor(t){super(),!1!==t&&this.__registerHost(),this.dsSelect=s(this,"dsSelect",7)}get el(){return this}buttonEl;dsId=this.getUniqueId();dsVariant="action";dsLabel;dsDescription;dsIcon;dsDisabled=!1;dsUnavailable=!1;dsSelected=!1;dsCloseOnSelect=!0;dsIndented=!1;dsSelect;tabIndex=-1;async setFocus(){this.buttonEl?.focus()}async setTabIndex(t){this.tabIndex=t}get role(){switch(this.dsVariant){case"single-select":return"menuitemradio";case"multi-select":return"menuitemcheckbox";default:return"menuitem"}}handleSelect(){if(!this.dsDisabled&&!this.dsUnavailable&&(this.dsSelect.emit({id:this.dsId,label:this.dsLabel,selected:"multi-select"!==this.dsVariant||!this.dsSelected,variant:this.dsVariant}),"multi-select"!==this.dsVariant&&("single-select"!==this.dsVariant||this.dsCloseOnSelect))){const t=n(this.el);t?.closeMenu()}}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleSelect())}renderIcon(t){if(!this.dsIcon||"multi-select"===this.dsVariant)return null;const i=d("ds-icon","ds-action-list-item",this.el);return e(i,{class:t+"__icon",dsName:this.dsIcon,dsSize:"1.25rem"})}renderSelector(t){if("single-select"===this.dsVariant){const i=d("ds-icon","ds-action-list-item",this.el);return e("span",{class:a(t+"__selector",{[t+"__selector--visible"]:this.dsSelected}),"aria-hidden":"true"},this.dsSelected&&e(i,{dsName:"check",dsSize:"1.25rem"}))}if("multi-select"===this.dsVariant){const i=d("ds-icon","ds-action-list-item",this.el);return e(i,{class:a(t+"__checkbox",{[t+"__checkbox--checked"]:this.dsSelected}),dsName:this.dsSelected?"check_box_fill":"check_box_outline_blank",dsSize:"1.25rem"})}return null}render(){const{role:t}=this,i=l("ds-action-list-item"),s=this.dsIndented&&!this.dsIcon&&"multi-select"!==this.dsVariant,o=a(i,`${i}--${this.dsVariant}`,{[i+"--disabled"]:this.dsDisabled,[i+"--unavailable"]:this.dsUnavailable,[i+"--indented"]:s});return e("button",{key:"b44aab1ecd6f0ffeba7d7302c6055032decc184e",ref:t=>this.buttonEl=t,class:o,role:t,"aria-checked":"menuitemcheckbox"===t||"menuitemradio"===t?this.dsSelected+"":void 0,"aria-disabled":this.dsDisabled||this.dsUnavailable?"true":void 0,disabled:this.dsDisabled,tabIndex:this.tabIndex,onClick:()=>this.handleSelect()},this.renderSelector(i),s&&e("span",{key:"1a6c5647dc6c3389a6cb86286545acd44e48f251",class:i+"__indent","aria-hidden":"true"}),this.renderIcon(i),e("span",{key:"96519a6456f4c91ee2a6fa01d83006f8897d653f",class:i+"__content"},e("span",{key:"47dbadf120d5a4e9eca1897e693234045eea9d32",class:i+"__label"},this.dsLabel),this.dsDescription&&e("span",{key:"933ba826149bef728bbddffeaf1c8aeea3ae5e0a",class:i+"__description"},this.dsDescription)))}static get style(){return".ds-no-style-leak.sc-ds-action-list-item *.sc-ds-action-list-item{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-item-h{display:contents}.ds-action-list-item__oJU1eo.sc-ds-action-list-item{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;gap:var(--ds-spacing-xSmall);width:100%;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small);background-color:var(--ds-bgColor-white);border:none;text-align:left;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);box-sizing:border-box;min-height:2.75rem;text-decoration:none}.ds-action-list-item__oJU1eo.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__oJU1eo--unavailable){background-color:var(--ds-bgColor-white-hover)}.ds-action-list-item__oJU1eo.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__oJU1eo--unavailable){background-color:var(--ds-bgColor-white-active)}.ds-action-list-item__oJU1eo.sc-ds-action-list-item:focus-visible:not(:disabled){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-action-list-item__oJU1eo.sc-ds-action-list-item:disabled,.ds-action-list-item__oJU1eo.ds-action-list-item__oJU1eo--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__oJU1eo.ds-action-list-item__oJU1eo--unavailable.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__oJU1eo.ds-action-list-item__oJU1eo--unavailable.sc-ds-action-list-item .ds-action-list-item__oJU1eo__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__oJU1eo.ds-action-list-item__oJU1eo--unavailable.sc-ds-action-list-item .ds-action-list-item__oJU1eo__description.sc-ds-action-list-item{color:var(--ds-textColor-attention)}.ds-action-list-item__oJU1eo.ds-action-list-item__oJU1eo--action-danger.sc-ds-action-list-item{color:var(--ds-textColor-danger)}.ds-action-list-item__oJU1eo.ds-action-list-item__oJU1eo--action-danger.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__oJU1eo--unavailable){background-color:var(--ds-bgColor-danger)}.ds-action-list-item__oJU1eo.ds-action-list-item__oJU1eo--action-danger.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__oJU1eo--unavailable){background-color:var(--ds-bgColor-danger-hover)}.ds-action-list-item__oJU1eo.ds-action-list-item__oJU1eo--action-danger.sc-ds-action-list-item:disabled,.ds-action-list-item__oJU1eo.ds-action-list-item__oJU1eo--action-danger.ds-action-list-item__oJU1eo--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__oJU1eo__icon.sc-ds-action-list-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-action-list-item__oJU1eo__indent.sc-ds-action-list-item{flex-shrink:0;width:1.25rem}.ds-action-list-item__oJU1eo__content.sc-ds-action-list-item{display:flex;flex-direction:column;flex:1;min-width:0}.ds-action-list-item__oJU1eo__label.sc-ds-action-list-item{display:block}.ds-action-list-item__oJU1eo__description.sc-ds-action-list-item{display:block;color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-action-list-item__oJU1eo__selector.sc-ds-action-list-item{flex-shrink:0;width:1.25rem;display:flex;align-items:center;justify-content:center;visibility:hidden}.ds-action-list-item__oJU1eo__selector.ds-action-list-item__oJU1eo__selector--visible.sc-ds-action-list-item{visibility:visible}.ds-action-list-item__oJU1eo__checkbox.sc-ds-action-list-item{flex-shrink:0;color:var(--ds-iconColor-neutral)}.ds-action-list-item__oJU1eo__checkbox--checked.sc-ds-action-list-item{color:var(--ds-iconColor-primary)}[disabled].sc-ds-action-list-item-h .ds-action-list-item__oJU1eo__selector--visible.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__oJU1eo__selector--visible.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}button.sc-ds-action-list-item:disabled .ds-action-list-item__oJU1eo__checkbox.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__oJU1eo__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}"}},[514,"ds-action-list-item",{dsId:[1,"ds-id"],dsVariant:[1,"ds-variant"],dsLabel:[1,"ds-label"],dsDescription:[1,"ds-description"],dsIcon:[1,"ds-icon"],dsDisabled:[4,"ds-disabled"],dsUnavailable:[4,"ds-unavailable"],dsSelected:[1028,"ds-selected"],dsCloseOnSelect:[4,"ds-close-on-select"],dsIndented:[1028,"ds-indented"],tabIndex:[32],setFocus:[64],setTabIndex:[64]},[[0,"keydown","handleKeyDown"]]]);c([e("ds-icon",{dsName:""})]);const b=_,h=function(){"undefined"!=typeof customElements&&["ds-action-list-item","ds-icon"].forEach((t=>{switch(t){case"ds-action-list-item":customElements.get(o(t))||customElements.define(o(t),_);break;case"ds-icon":customElements.get(o(t))||m()}}))};export{b as DsActionListItem,h as defineCustomElement}

package/dist/components/ds-action-list.js

@@ -1 +1 @@
-import{p as t,M as s,h as i,d as e,t as n}from"./p-Clnflbiz.js";import{c as a}from"./p-C7gqnikf.js";import{f as l,t as o,a as r}from"./p-Duz7I_DQ.js";import{g as c}from"./p-DdyM9c6W.js";import{c as d}from"./p-BNucxURn.js";const h=l("ds-action-list"),u=t(class extends(s(d("ds-action-list"))){constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}dsRole="group";ariaLabel;ariaLabelledby;listId=h.next().value;get isStandalone(){return"menu"===this.dsRole}slotChangeHandler=()=>{this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling()};componentWillLoad(){this.updateAriaLabelling()}componentDidLoad(){this.componentMounted(),this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling();const t=this.el.querySelector("slot");t?.addEventListener("slotchange",this.slotChangeHandler)}disconnectedCallback(){const t=this.el.querySelector("slot");t?.removeEventListener("slotchange",this.slotChangeHandler)}updateAriaLabelling(){const t=o("ds-action-list-item","ds-action-list",this.el),s=this.el.querySelector(t),i=s?.dsVariant??s?.getAttribute("ds-variant")??"action";this.ariaLabel="single-select"===i?(()=>{switch(c()){case"fi":return"Valitse yksi";case"sv":return"Välj ett";default:return"Choose one"}})():"multi-select"===i?(()=>{switch(c()){case"fi":return"Monivalinta";case"sv":return"Välj flera";default:return"Choose multiple"}})():(()=>{switch(c()){case"fi":return"Toiminnallisuudet";case"sv":return"Åtgärder";default:return"Actions"}})();const e=o("ds-action-list-group-title","ds-action-list",this.el),n=this.el.querySelector(e);this.ariaLabelledby=n?.id?`${this.listId} ${n.id}`:void 0}langObserver(){this.updateAriaLabelling()}getFocusableItems(){return this.getFocusableItemsFromEl(this.el)}getFocusableItemsFromEl(t){if(!t)return[];const s=o("ds-action-list-item","ds-action-list",this.el);return Array.from(t.querySelectorAll(s)).filter((t=>!t.dsDisabled))}getSiblingLists(){const t=this.el.parentElement;if(!t)return[this.el];const s=o("ds-action-list","ds-action-list",this.el);return Array.from(t.querySelectorAll(":scope > "+s))}updateIndentation(){const t=o("ds-action-list-item","ds-action-list",this.el),s=Array.from(this.el.querySelectorAll(":scope > "+t)),i=s.some((t=>t.dsIcon&&"multi-select"!==t.dsVariant));for(const t of s)"multi-select"!==t.dsVariant&&(t.dsIndented=i&&!t.dsIcon)}updateRovingTabindex(t){const s=this.getFocusableItems(),i=t??s[0];for(const t of s)t.setTabIndex?.(t===i?0:-1)}handleItemSelect(t){const{variant:s,selected:i}=t.detail,e=o("ds-action-list-item","ds-action-list",this.el),n=Array.from(this.el.querySelectorAll(e));if("single-select"===s)for(const s of n)s.dsSelected=s===t.target&&i;else if("multi-select"===s){const s=n.find((s=>s===t.target));s&&(s.dsSelected=i)}}getCurrentItemIndex(t,s){return t.target?s.findIndex((s=>s===t.target||s.contains(t.target))):-1}handleKeyDown(t){const s=this.getFocusableItems();if(0===s.length)return;const i=this.getCurrentItemIndex(t,s);switch(t.key){case"ArrowDown":if(t.preventDefault(),i<s.length-1)s[i+1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[i+1]);else if(this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=t[s+1]??t[0];this.getFocusableItemsFromEl(i)[0]?.setFocus?.()}break;case"ArrowUp":if(t.preventDefault(),i>0)s[i-1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[i-1]);else if(this.isStandalone)s.at(-1)?.setFocus?.(),this.updateRovingTabindex(s.at(-1));else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=t[s-1]??t.at(-1),e=this.getFocusableItemsFromEl(i);e.at(-1)?.setFocus?.()}break;case"Home":if(t.preventDefault(),this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists()[0];this.getFocusableItemsFromEl(t)[0]?.setFocus?.()}break;case"End":if(t.preventDefault(),this.isStandalone)s.at(-1)?.setFocus?.(),this.updateRovingTabindex(s.at(-1));else{const t=this.getSiblingLists(),s=this.getFocusableItemsFromEl(t.at(-1));s.at(-1)?.setFocus?.()}break;default:if(1===t.key.length&&!t.ctrlKey&&!t.metaKey&&!t.altKey){t.preventDefault();const s=t.key.toLowerCase(),i=this.isStandalone?this.getFocusableItems():[].concat(...this.getSiblingLists().map((t=>this.getFocusableItemsFromEl(t)))),e=document.activeElement,n=i.findIndex((t=>t.contains(e))),a=[...i.slice(n+1),...i.slice(0,n+1)].find((t=>(t.dsLabel??t.getAttribute("ds-label")??"").trim().toLowerCase().startsWith(s)));a?.setFocus?.()}}}render(){const t=a("ds-action-list");return i(e,{key:"180bdac653b5e4ca78773ad3f88fa25e9af63083",id:this.listId,class:t,role:this.dsRole,...r("aria-label",this.ariaLabel),...r("aria-labelledby",this.ariaLabelledby)},i("slot",{key:"c585c41d8780fa8ed9c7362eefc1116e078646e8"}))}static get watchers(){return{lang:[{langObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-action-list *.sc-ds-action-list{all:unset;box-sizing:border-box;display:block}.ds-action-list__9el4Wy.sc-ds-action-list{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;list-style:none;margin:0;padding:0}"}},[774,"ds-action-list",{dsRole:[1,"ds-role"],ariaLabel:[32],ariaLabelledby:[32]},[[0,"dsSelect","handleItemSelect"],[0,"keydown","handleKeyDown"]],{lang:[{langObserver:0}]}]),f=u,m=function(){"undefined"!=typeof customElements&&["ds-action-list"].forEach((t=>{"ds-action-list"===t&&(customElements.get(n(t))||customElements.define(n(t),u))}))};export{f as DsActionList,m as defineCustomElement}
+import{p as t,M as s,h as i,d as e,t as n}from"./p-CzSzVfDu.js";import{c as a}from"./p-BpJtDd1D.js";import{f as o,t as l,a as r}from"./p-Duz7I_DQ.js";import{g as c}from"./p-DfjAeLrH.js";import{c as d}from"./p-CVitC9tk.js";const h=o("ds-action-list"),u=t(class extends(s(d("ds-action-list"))){constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}dsRole="group";ariaLabel;ariaLabelledby;listId=h.next().value;get isStandalone(){return"menu"===this.dsRole}slotChangeHandler=()=>{this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling()};componentWillLoad(){this.updateAriaLabelling()}componentDidLoad(){this.componentMounted(),this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling();const t=this.el.querySelector("slot");t?.addEventListener("slotchange",this.slotChangeHandler)}disconnectedCallback(){const t=this.el.querySelector("slot");t?.removeEventListener("slotchange",this.slotChangeHandler)}updateAriaLabelling(){const t=l("ds-action-list-item","ds-action-list",this.el),s=this.el.querySelector(t),i=s?.dsVariant??s?.getAttribute("ds-variant")??"action";this.ariaLabel="single-select"===i?(()=>{switch(c()){case"fi":return"Valitse yksi";case"sv":return"Välj ett";default:return"Choose one"}})():"multi-select"===i?(()=>{switch(c()){case"fi":return"Monivalinta";case"sv":return"Välj flera";default:return"Choose multiple"}})():(()=>{switch(c()){case"fi":return"Toiminnallisuudet";case"sv":return"Åtgärder";default:return"Actions"}})();const e=l("ds-action-list-group-title","ds-action-list",this.el),n=this.el.querySelector(e);this.ariaLabelledby=n?.id?`${this.listId} ${n.id}`:void 0}langObserver(){this.updateAriaLabelling()}getFocusableItems(){return this.getFocusableItemsFromEl(this.el)}getFocusableItemsFromEl(t){if(!t)return[];const s=l("ds-action-list-item","ds-action-list",this.el);return Array.from(t.querySelectorAll(s)).filter((t=>!t.dsDisabled))}getSiblingLists(){const t=this.el.parentElement;if(!t)return[this.el];const s=l("ds-action-list","ds-action-list",this.el);return Array.from(t.querySelectorAll(":scope > "+s))}updateIndentation(){const t=l("ds-action-list-item","ds-action-list",this.el),s=Array.from(this.el.querySelectorAll(":scope > "+t)),i=s.some((t=>t.dsIcon&&"multi-select"!==t.dsVariant));for(const t of s)"multi-select"!==t.dsVariant&&(t.dsIndented=i&&!t.dsIcon)}updateRovingTabindex(t){const s=this.getFocusableItems(),i=t??s[0];for(const t of s)t.setTabIndex?.(t===i?0:-1)}handleItemSelect(t){const{variant:s,selected:i}=t.detail,e=l("ds-action-list-item","ds-action-list",this.el),n=Array.from(this.el.querySelectorAll(e));if("single-select"===s)for(const s of n)s.dsSelected=s===t.target&&i;else if("multi-select"===s){const s=n.find((s=>s===t.target));s&&(s.dsSelected=i)}}getCurrentItemIndex(t,s){return t.target?s.findIndex((s=>s===t.target||s.contains(t.target))):-1}handleKeyDown(t){const s=this.getFocusableItems();if(0===s.length)return;const i=this.getCurrentItemIndex(t,s);switch(t.key){case"ArrowDown":if(t.preventDefault(),i<s.length-1)s[i+1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[i+1]);else if(this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=t[s+1]??t[0];this.getFocusableItemsFromEl(i)[0]?.setFocus?.()}break;case"ArrowUp":if(t.preventDefault(),i>0)s[i-1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[i-1]);else if(this.isStandalone)s.at(-1)?.setFocus?.(),this.updateRovingTabindex(s.at(-1));else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=t[s-1]??t.at(-1),e=this.getFocusableItemsFromEl(i);e.at(-1)?.setFocus?.()}break;case"Home":if(t.preventDefault(),this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists()[0];this.getFocusableItemsFromEl(t)[0]?.setFocus?.()}break;case"End":if(t.preventDefault(),this.isStandalone)s.at(-1)?.setFocus?.(),this.updateRovingTabindex(s.at(-1));else{const t=this.getSiblingLists(),s=this.getFocusableItemsFromEl(t.at(-1));s.at(-1)?.setFocus?.()}break;default:if(1===t.key.length&&!t.ctrlKey&&!t.metaKey&&!t.altKey){t.preventDefault();const s=t.key.toLowerCase(),i=this.isStandalone?this.getFocusableItems():[].concat(...this.getSiblingLists().map((t=>this.getFocusableItemsFromEl(t)))),e=document.activeElement,n=i.findIndex((t=>t.contains(e))),a=[...i.slice(n+1),...i.slice(0,n+1)].find((t=>(t.dsLabel??t.getAttribute("ds-label")??"").trim().toLowerCase().startsWith(s)));a?.setFocus?.()}}}render(){const t=a("ds-action-list");return i(e,{key:"180bdac653b5e4ca78773ad3f88fa25e9af63083",id:this.listId,class:t,role:this.dsRole,...r("aria-label",this.ariaLabel),...r("aria-labelledby",this.ariaLabelledby)},i("slot",{key:"c585c41d8780fa8ed9c7362eefc1116e078646e8"}))}static get watchers(){return{lang:[{langObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-action-list *.sc-ds-action-list{all:unset;box-sizing:border-box;display:block}.ds-action-list__oJU1eo.sc-ds-action-list{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;list-style:none;margin:0;padding:0}"}},[774,"ds-action-list",{dsRole:[1,"ds-role"],ariaLabel:[32],ariaLabelledby:[32]},[[0,"dsSelect","handleItemSelect"],[0,"keydown","handleKeyDown"]],{lang:[{langObserver:0}]}]),f=u,m=function(){"undefined"!=typeof customElements&&["ds-action-list"].forEach((t=>{"ds-action-list"===t&&(customElements.get(n(t))||customElements.define(n(t),u))}))};export{f as DsActionList,m as defineCustomElement}

package/dist/components/ds-action-menu.js

@@ -1 +1 @@
-import{p as s,M as t,c as n,h as e,t as i}from"./p-Clnflbiz.js";import{c as o}from"./p-BfTCfPZ1.js";import{t as a,l as d,d as r}from"./p-Duz7I_DQ.js";import{c}from"./p-C7gqnikf.js";import{s as l,p as u}from"./p-Ccf9CXPb.js";import{c as m}from"./p-BNucxURn.js";import{d as h}from"./p-CFIMJWhN.js";import{d as _}from"./p-DGgJGxC8.js";import{d as p}from"./p-CQHlIDeK.js";import{d as b}from"./p-Db_yp4Ff.js";const y=s(class extends(t(m("ds-action-menu",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost(),this.dsOpen=n(this,"dsOpen",7),this.dsClose=n(this,"dsClose",7)}get el(){return this}menuId;triggerWrapperRef;menuRef;dsId=this.getUniqueId();dsButtonText="";dsButtonVariant="secondary";dsButtonColour="blue";dsButtonSize="medium";dsIconOnly=!1;dsIcon="";dsAlign="start";dsPlacement="auto";dsMenuWidth;dsMenuMaxHeight;dsAriaLabel;dsDisabled=!1;dsOpen;dsClose;isOpen=!1;componentWillLoad(){this.menuId=this.dsId+"-menu",l(this.el,{closeMenu:()=>this.closeMenu()})}componentDidLoad(){this.componentMounted(),this.updateContext(),this.applyAnchorStyles()}componentDidRender(){this.applyAnchorStyles(),this.constrainMenuHeight()}applyAnchorStyles(){const s="--ds-action-menu-"+this.dsId;this.triggerWrapperRef?.style.setProperty("anchor-name",s),this.menuRef?.style.setProperty("position-anchor",s)}constrainMenuHeight(){if(!this.menuRef||this.dsMenuMaxHeight||!this.isOpen)return;const s=this.triggerWrapperRef?.getBoundingClientRect();if(!s)return;const t=this.menuRef.getBoundingClientRect(),n=globalThis.innerHeight;this.menuRef.style.maxHeight=Math.max(t.bottom<=s.top+1?s.top-8:n-s.bottom-8,120)+"px"}updateContext(){u(this.el,{closeMenu:()=>this.closeMenu()})}async open(){this.openMenu()}async close(){this.closeMenu()}async toggle(){this.isOpen?this.closeMenu():this.openMenu()}openMenu(s="first"){this.dsDisabled||this.isOpen||(this.isOpen=!0,this.dsOpen.emit(),this.updateContext(),requestAnimationFrame((()=>{"last"===s?this.focusLastItem():this.focusFirstItem()})))}closeMenu(s=!0){this.isOpen&&(this.isOpen=!1,this.dsClose.emit(),s&&this.el.querySelector(a("ds-button","ds-action-menu",this.el))?.setFocus?.())}focusFirstItem(){const s=a("ds-action-list-item","ds-action-menu",this.el),t=Array.from(this.el.querySelectorAll(s));t.find((s=>!s.dsDisabled))?.setFocus?.()}focusLastItem(){const s=a("ds-action-list-item","ds-action-menu",this.el);Array.from(this.el.querySelectorAll(s)).findLast((s=>!s.dsDisabled))?.setFocus?.()}handleClickOutside(s){this.isOpen&&(d(s,this.el)||this.closeMenu(!1))}handleKeyDown(s){if(this.isOpen)switch(s.key){case"Escape":s.preventDefault(),this.closeMenu();break;case"Tab":this.closeMenu(!1)}else{if(!this.triggerWrapperRef||!d(s,this.triggerWrapperRef))return;"ArrowDown"===s.key?(s.preventDefault(),this.openMenu("first")):"ArrowUp"===s.key&&(s.preventDefault(),this.openMenu("last"))}}handleTriggerClick=()=>{this.isOpen?this.closeMenu():this.openMenu()};renderTrigger(s){const t=a("ds-button","ds-action-menu",this.el),n=a("ds-icon","ds-action-menu",this.el),i=s+"__trigger";return this.dsIconOnly?e(t,{class:i,dsId:this.dsId,dsVariant:this.dsButtonVariant,dsColour:this.dsButtonColour,dsSize:this.dsButtonSize,dsIcon:this.dsIcon||"more_vert",dsAriaLabel:this.dsAriaLabel,dsActive:this.isOpen,dsDisabled:this.dsDisabled,dsAriaHaspopup:"menu",dsAriaExpanded:this.isOpen,dsAriaControls:this.menuId,onClick:this.handleTriggerClick}):e(t,{class:i,dsId:this.dsId,dsVariant:this.dsButtonVariant,dsColour:this.dsButtonColour,dsSize:this.dsButtonSize,dsText:this.dsButtonText,dsIcon:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down",dsIconPosition:"end",dsActive:this.isOpen,dsDisabled:this.dsDisabled,dsAriaHaspopup:"menu",dsAriaExpanded:this.isOpen,dsAriaControls:this.menuId,onClick:this.handleTriggerClick},this.dsIcon&&e(n,{slot:"prefix",dsName:this.dsIcon,dsAriaHidden:!0}))}render(){const s=c("ds-action-menu"),t={width:this.dsMenuWidth??"auto",maxHeight:this.dsMenuMaxHeight??"none"},n=o(s+"__menu",`${s}__menu--align-${this.dsAlign}`,`${s}__menu--placement-${this.dsPlacement}`);return e("div",{key:"24cf817df04fcd96eae36d8c8748f8ae42c38139",class:s},e("div",{key:"99e6fddaf4c1a32aaeedafaefa478b3eedf1f6f1",ref:s=>this.triggerWrapperRef=s,class:s+"__trigger-wrapper"},this.renderTrigger(s)),e("div",{key:"b5029059906d4094f7401fa44a807c6088b75c95",ref:s=>this.menuRef=s,id:this.menuId,role:"menu","aria-labelledby":this.dsId,class:n,style:t,hidden:!this.isOpen},e("slot",{key:"918606616d18aad41c71f1646a6a61c12e8d72ba"})))}static get style(){return".ds-no-style-leak.sc-ds-action-menu *.sc-ds-action-menu{all:unset;box-sizing:border-box;display:block}.sc-ds-action-menu-h{display:inline-block}.ds-action-menu__9el4Wy.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;position:relative}.ds-action-menu__9el4Wy__trigger-wrapper.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex}.ds-action-menu__9el4Wy__menu.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-action-menu__9el4Wy__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__9el4Wy__menu.sc-ds-action-menu{position:absolute;z-index:100;min-width:288px;background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);border-radius:var(--ds-borderRadius-none);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);font-family:var(--ds-fontFamily-body);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-borderColor-default) transparent}.ds-action-menu__9el4Wy__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__9el4Wy__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__9el4Wy__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__9el4Wy__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__9el4Wy__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__9el4Wy__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-auto.sc-ds-action-menu{inset-block:anchor(bottom) auto;position-try-order:most-height;position-try-fallbacks:--ds-action-menu-top-start, --ds-action-menu-top-end, --ds-action-menu-top-center}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-center.sc-ds-action-menu{inset-inline:anchor(center) auto}}@position-try --ds-action-menu-top-start{inset:auto auto anchor(top) anchor(left);margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-end{inset:auto anchor(right) anchor(top) auto;margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-center{inset:auto auto anchor(top) anchor(center);margin-block:0 var(--ds-spacing-3xSmall);transform:translateX(-50%)}"}},[774,"ds-action-menu",{dsId:[1,"ds-id"],dsButtonText:[1,"ds-button-text"],dsButtonVariant:[1,"ds-button-variant"],dsButtonColour:[1,"ds-button-colour"],dsButtonSize:[1,"ds-button-size"],dsIconOnly:[4,"ds-icon-only"],dsIcon:[1,"ds-icon"],dsAlign:[1,"ds-align"],dsPlacement:[1,"ds-placement"],dsMenuWidth:[1,"ds-menu-width"],dsMenuMaxHeight:[1,"ds-menu-max-height"],dsAriaLabel:[1,"ds-aria-label"],dsDisabled:[4,"ds-disabled"],isOpen:[32],open:[64],close:[64],toggle:[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]]]);r([e("ds-button",null),e("ds-icon",{dsName:""})]);const f=y,g=function(){"undefined"!=typeof customElements&&["ds-action-menu","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-action-menu":customElements.get(i(s))||customElements.define(i(s),y);break;case"ds-button":customElements.get(i(s))||h();break;case"ds-icon":customElements.get(i(s))||_();break;case"ds-spinner":customElements.get(i(s))||p();break;case"ds-visually-hidden":customElements.get(i(s))||b()}}))};export{f as DsActionMenu,g as defineCustomElement}
+import{p as s,M as t,c as n,h as o,t as e}from"./p-CzSzVfDu.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as a,l as d,d as r}from"./p-Duz7I_DQ.js";import{c}from"./p-BpJtDd1D.js";import{s as u,p as m}from"./p-Ccf9CXPb.js";import{c as l}from"./p-CVitC9tk.js";import{d as h}from"./p-BoDGKrXH.js";import{d as _}from"./p-agL9TGQL.js";import{d as p}from"./p-d05qtkKx.js";import{d as b}from"./p-Eh5Ce9Mh.js";const f=s(class extends(t(l("ds-action-menu",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost(),this.dsOpen=n(this,"dsOpen",7),this.dsClose=n(this,"dsClose",7)}get el(){return this}menuId;triggerWrapperRef;menuRef;dsId=this.getUniqueId();dsButtonText="";dsButtonVariant="secondary";dsButtonColour="blue";dsButtonSize="medium";dsIconOnly=!1;dsIcon="";dsAlign="start";dsPlacement="auto";dsMenuWidth;dsMenuMaxHeight;dsAriaLabel;dsDisabled=!1;dsOpen;dsClose;isOpen=!1;componentWillLoad(){this.menuId=this.dsId+"-menu",u(this.el,{closeMenu:()=>this.closeMenu()})}componentDidLoad(){this.componentMounted(),this.updateContext(),this.applyAnchorStyles()}componentDidRender(){this.applyAnchorStyles(),this.constrainMenuHeight()}applyAnchorStyles(){const s="--ds-action-menu-"+this.dsId;this.triggerWrapperRef?.style.setProperty("anchor-name",s),this.menuRef?.style.setProperty("position-anchor",s)}constrainMenuHeight(){if(!this.menuRef||this.dsMenuMaxHeight||!this.isOpen)return;const s=this.triggerWrapperRef?.getBoundingClientRect();if(!s)return;const t=this.menuRef.getBoundingClientRect(),n=globalThis.innerHeight;this.menuRef.style.maxHeight=Math.max(t.bottom<=s.top+1?s.top-8:n-s.bottom-8,120)+"px"}updateContext(){m(this.el,{closeMenu:()=>this.closeMenu()})}async open(){this.openMenu()}async close(){this.closeMenu()}async toggle(){this.isOpen?this.closeMenu():this.openMenu()}openMenu(s="first"){this.dsDisabled||this.isOpen||(this.isOpen=!0,this.dsOpen.emit(),this.updateContext(),requestAnimationFrame((()=>{"last"===s?this.focusLastItem():this.focusFirstItem()})))}closeMenu(s=!0){this.isOpen&&(this.isOpen=!1,this.dsClose.emit(),s&&this.el.querySelector(a("ds-button","ds-action-menu",this.el))?.setFocus?.())}focusFirstItem(){const s=a("ds-action-list-item","ds-action-menu",this.el),t=Array.from(this.el.querySelectorAll(s));t.find((s=>!s.dsDisabled))?.setFocus?.()}focusLastItem(){const s=a("ds-action-list-item","ds-action-menu",this.el);Array.from(this.el.querySelectorAll(s)).findLast((s=>!s.dsDisabled))?.setFocus?.()}handleClickOutside(s){this.isOpen&&(d(s,this.el)||this.closeMenu(!1))}handleKeyDown(s){if(this.isOpen)switch(s.key){case"Escape":s.preventDefault(),this.closeMenu();break;case"Tab":this.closeMenu(!1)}else{if(!this.triggerWrapperRef||!d(s,this.triggerWrapperRef))return;"ArrowDown"===s.key?(s.preventDefault(),this.openMenu("first")):"ArrowUp"===s.key&&(s.preventDefault(),this.openMenu("last"))}}handleTriggerClick=()=>{this.isOpen?this.closeMenu():this.openMenu()};renderTrigger(s){const t=a("ds-button","ds-action-menu",this.el),n=a("ds-icon","ds-action-menu",this.el),e=s+"__trigger";return this.dsIconOnly?o(t,{class:e,dsId:this.dsId,dsVariant:this.dsButtonVariant,dsColour:this.dsButtonColour,dsSize:this.dsButtonSize,dsIcon:this.dsIcon||"more_vert",dsAriaLabel:this.dsAriaLabel,dsActive:this.isOpen,dsDisabled:this.dsDisabled,dsAriaHaspopup:"menu",dsAriaExpanded:this.isOpen,dsAriaControls:this.menuId,onClick:this.handleTriggerClick}):o(t,{class:e,dsId:this.dsId,dsVariant:this.dsButtonVariant,dsColour:this.dsButtonColour,dsSize:this.dsButtonSize,dsText:this.dsButtonText,dsIcon:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down",dsIconPosition:"end",dsActive:this.isOpen,dsDisabled:this.dsDisabled,dsAriaHaspopup:"menu",dsAriaExpanded:this.isOpen,dsAriaControls:this.menuId,onClick:this.handleTriggerClick},this.dsIcon&&o(n,{slot:"prefix",dsName:this.dsIcon,dsAriaHidden:!0}))}render(){const s=c("ds-action-menu"),t={width:this.dsMenuWidth??"auto",maxHeight:this.dsMenuMaxHeight??"none"},n=i(s+"__menu",`${s}__menu--align-${this.dsAlign}`,`${s}__menu--placement-${this.dsPlacement}`);return o("div",{key:"24cf817df04fcd96eae36d8c8748f8ae42c38139",class:s},o("div",{key:"99e6fddaf4c1a32aaeedafaefa478b3eedf1f6f1",ref:s=>this.triggerWrapperRef=s,class:s+"__trigger-wrapper"},this.renderTrigger(s)),o("div",{key:"b5029059906d4094f7401fa44a807c6088b75c95",ref:s=>this.menuRef=s,id:this.menuId,role:"menu","aria-labelledby":this.dsId,class:n,style:t,hidden:!this.isOpen},o("slot",{key:"918606616d18aad41c71f1646a6a61c12e8d72ba"})))}static get style(){return".ds-no-style-leak.sc-ds-action-menu *.sc-ds-action-menu{all:unset;box-sizing:border-box;display:block}.sc-ds-action-menu-h{display:inline-block}.ds-action-menu__oJU1eo.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;position:relative}.ds-action-menu__oJU1eo__trigger-wrapper.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex}.ds-action-menu__oJU1eo__menu.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-action-menu__oJU1eo__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__oJU1eo__menu.sc-ds-action-menu{position:absolute;z-index:100;min-width:288px;background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);border-radius:var(--ds-borderRadius-none);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);font-family:var(--ds-fontFamily-body);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-borderColor-default) transparent}.ds-action-menu__oJU1eo__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__oJU1eo__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__oJU1eo__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__oJU1eo__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__oJU1eo__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__oJU1eo__menu.ds-action-menu__oJU1eo__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__oJU1eo__menu.ds-action-menu__oJU1eo__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__oJU1eo__menu.ds-action-menu__oJU1eo__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__oJU1eo__menu.ds-action-menu__oJU1eo__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__oJU1eo__menu.ds-action-menu__oJU1eo__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__oJU1eo__menu.ds-action-menu__oJU1eo__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__oJU1eo__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__oJU1eo__menu.ds-action-menu__oJU1eo__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__oJU1eo__menu.ds-action-menu__oJU1eo__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__oJU1eo__menu.ds-action-menu__oJU1eo__menu--placement-auto.sc-ds-action-menu{inset-block:anchor(bottom) auto;position-try-order:most-height;position-try-fallbacks:--ds-action-menu-top-start, --ds-action-menu-top-end, --ds-action-menu-top-center}.ds-action-menu__oJU1eo__menu.ds-action-menu__oJU1eo__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__oJU1eo__menu.ds-action-menu__oJU1eo__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__oJU1eo__menu.ds-action-menu__oJU1eo__menu--align-center.sc-ds-action-menu{inset-inline:anchor(center) auto}}@position-try --ds-action-menu-top-start{inset:auto auto anchor(top) anchor(left);margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-end{inset:auto anchor(right) anchor(top) auto;margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-center{inset:auto auto anchor(top) anchor(center);margin-block:0 var(--ds-spacing-3xSmall);transform:translateX(-50%)}"}},[774,"ds-action-menu",{dsId:[1,"ds-id"],dsButtonText:[1,"ds-button-text"],dsButtonVariant:[1,"ds-button-variant"],dsButtonColour:[1,"ds-button-colour"],dsButtonSize:[1,"ds-button-size"],dsIconOnly:[4,"ds-icon-only"],dsIcon:[1,"ds-icon"],dsAlign:[1,"ds-align"],dsPlacement:[1,"ds-placement"],dsMenuWidth:[1,"ds-menu-width"],dsMenuMaxHeight:[1,"ds-menu-max-height"],dsAriaLabel:[1,"ds-aria-label"],dsDisabled:[4,"ds-disabled"],isOpen:[32],open:[64],close:[64],toggle:[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]]]);r([o("ds-button",null),o("ds-icon",{dsName:""})]);const g=f,y=function(){"undefined"!=typeof customElements&&["ds-action-menu","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-action-menu":customElements.get(e(s))||customElements.define(e(s),f);break;case"ds-button":customElements.get(e(s))||h();break;case"ds-icon":customElements.get(e(s))||_();break;case"ds-spinner":customElements.get(e(s))||p();break;case"ds-visually-hidden":customElements.get(e(s))||b()}}))};export{g as DsActionMenu,y as defineCustomElement}

package/dist/components/ds-assistive-text.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-DxvDtOKJ.js";const t=o,p=s;export{t as DsAssistiveText,p as defineCustomElement}
+import{D as o,d as s}from"./p-BL2MRHnX.js";const p=o,r=s;export{p as DsAssistiveText,r as defineCustomElement}

package/dist/components/ds-backdrop.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-CcSv4ilj.js";const p=o,r=s;export{p as DsBackdrop,r as defineCustomElement}
+import{D as o,d as s}from"./p-D21LNAmj.js";const m=o,p=s;export{m as DsBackdrop,p as defineCustomElement}

package/dist/components/ds-badge.js

@@ -1 +1 @@
-import{p as s,M as d,h as e,t as a}from"./p-Clnflbiz.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as o}from"./p-C7gqnikf.js";import{t as r,d as c}from"./p-Duz7I_DQ.js";import{c as l}from"./p-BNucxURn.js";import{d as i}from"./p-Db_yp4Ff.js";const n=s(class extends(d(l("ds-badge"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsId=this.getUniqueId();dsText="";dsVariant="default";dsHiddenAssistiveText;dsAriaLabel;get DsVisuallyHidden(){return r("ds-visually-hidden","ds-badge",this.el)}componentDidLoad(){this.componentMounted()}render(){const s=o("ds-badge");return e("div",{key:"3ec5758a361a0846428fe91a878e1d2b97798065",class:t(s,`${s}--${this.dsVariant}`)},e("div",{key:"a2bebf576258c9b8ce1800bf00880e476654f2f9",class:s+"__content"},e("span",{key:"ceefcdd2ebdcb3bce08639f745169a393ac522d5",class:`ds-text-semibold-xs ${s}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},e("slot",{key:"22c6a74a84b4be7bf4cb16fd9983a7325dc8397a"},this.dsText,this.dsHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"3018012c3bae649649d63d5e2fa18faf01ca0a9c",dsTag:"span"},this.dsHiddenAssistiveText)))))}static get style(){return".ds-badge__9el4Wy.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__9el4Wy--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__9el4Wy--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__9el4Wy--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__9el4Wy--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__9el4Wy--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__9el4Wy--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__9el4Wy--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__9el4Wy--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__9el4Wy__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__9el4Wy__content__text.sc-ds-badge{white-space:nowrap}"}},[774,"ds-badge",{dsId:[1,"ds-id"],dsText:[1,"ds-text"],dsVariant:[1,"ds-variant"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsAriaLabel:[1,"ds-aria-label"]}]);c([e("ds-visually-hidden",null)]);const b=n,g=function(){"undefined"!=typeof customElements&&["ds-badge","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-badge":customElements.get(a(s))||customElements.define(a(s),n);break;case"ds-visually-hidden":customElements.get(a(s))||i()}}))};export{b as DsBadge,g as defineCustomElement}
+import{p as s,M as d,h as e,t as a}from"./p-CzSzVfDu.js";import{c as o}from"./p-BfTCfPZ1.js";import{c as t}from"./p-BpJtDd1D.js";import{t as r,d as c}from"./p-Duz7I_DQ.js";import{c as i}from"./p-CVitC9tk.js";import{d as n}from"./p-Eh5Ce9Mh.js";const l=s(class extends(d(i("ds-badge"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsId=this.getUniqueId();dsText="";dsVariant="default";dsHiddenAssistiveText;dsAriaLabel;get DsVisuallyHidden(){return r("ds-visually-hidden","ds-badge",this.el)}componentDidLoad(){this.componentMounted()}render(){const s=t("ds-badge");return e("div",{key:"3ec5758a361a0846428fe91a878e1d2b97798065",class:o(s,`${s}--${this.dsVariant}`)},e("div",{key:"a2bebf576258c9b8ce1800bf00880e476654f2f9",class:s+"__content"},e("span",{key:"ceefcdd2ebdcb3bce08639f745169a393ac522d5",class:`ds-text-semibold-xs ${s}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},e("slot",{key:"22c6a74a84b4be7bf4cb16fd9983a7325dc8397a"},this.dsText,this.dsHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"3018012c3bae649649d63d5e2fa18faf01ca0a9c",dsTag:"span"},this.dsHiddenAssistiveText)))))}static get style(){return".ds-badge__oJU1eo.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__oJU1eo--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__oJU1eo--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__oJU1eo--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__oJU1eo--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__oJU1eo--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__oJU1eo--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__oJU1eo--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__oJU1eo--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__oJU1eo__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__oJU1eo__content__text.sc-ds-badge{white-space:nowrap}"}},[774,"ds-badge",{dsId:[1,"ds-id"],dsText:[1,"ds-text"],dsVariant:[1,"ds-variant"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsAriaLabel:[1,"ds-aria-label"]}]);c([e("ds-visually-hidden",null)]);const b=l,g=function(){"undefined"!=typeof customElements&&["ds-badge","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-badge":customElements.get(a(s))||customElements.define(a(s),l);break;case"ds-visually-hidden":customElements.get(a(s))||n()}}))};export{b as DsBadge,g as defineCustomElement}

package/dist/components/ds-breadcrumb.js

@@ -1 +1 @@
-import{p as s,M as e,c as d,h as r,d as a,t}from"./p-Clnflbiz.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as n,d as c}from"./p-Duz7I_DQ.js";import{l}from"./p-DMddtiKs.js";import{c as o}from"./p-BNucxURn.js";import{c as b}from"./p-C7gqnikf.js";import{d as m}from"./p-Dr3urvIc.js";import{d as u}from"./p-DGgJGxC8.js";import{d as p}from"./p-bk8kTN87.js";import{d as h}from"./p-Db_yp4Ff.js";const f=s(class extends(e(o("ds-breadcrumb"),l)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=d(this,"dsClick",7),this.dsIsHiddenChange=d(this,"dsIsHiddenChange",7)}get el(){return 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 r("slot",null,r("span",{class:s+"__current-page","aria-current":"page"},this.dsText))}renderLinkCrumb(s){return r("slot",null,r(this.DsLink,{class:s+"__link",dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=b("ds-breadcrumb"),e=s+"__content";return r(a,{key:"435213281dcf42a5a8c2241ac51433628fff4a2c",role:"listitem"},r("div",{key:"619e26ebf7b0aadbdaefb4960d0ad93a3434b635",class:i(s,{[s+"--hidden"]:this.dsIsHidden})},r("div",{key:"e717c084111491d89572ee09312281f034460214",class:e},this.dsHasSeparator?r(this.DsBreadcrumbsSeparator,{dsIcon:this.dsSeparatorIcon}):null,this.dsIsCurrentPage?this.renderCurrentPageCrumb(e):this.renderLinkCrumb(e))))}static get watchers(){return{dsIsHidden:[{dsIsHiddenObserver:0}]}}static get style(){return".sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__9el4Wy.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__9el4Wy--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__9el4Wy__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__9el4Wy__content__link.sc-ds-breadcrumb{--ds-link-vertical-align:middle}.ds-breadcrumb__9el4Wy__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)}"}},[774,"ds-breadcrumb",{dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsText:[1,"ds-text"],dsIsCurrentPage:[4,"ds-is-current-page"],dsHasSeparator:[4,"ds-has-separator"],dsSeparatorIcon:[1,"ds-separator-icon"],dsIsHidden:[4,"ds-is-hidden"],setFocus:[64]},[[0,"click","handleClick"]],{dsIsHidden:[{dsIsHiddenObserver:0}]}]);c([r("ds-link",{dsText:""}),r("ds-breadcrumbs-separator",null)]);const g=f,_=function(){"undefined"!=typeof customElements&&["ds-breadcrumb","ds-breadcrumbs-separator","ds-icon","ds-link","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-breadcrumb":customElements.get(t(s))||customElements.define(t(s),f);break;case"ds-breadcrumbs-separator":customElements.get(t(s))||m();break;case"ds-icon":customElements.get(t(s))||u();break;case"ds-link":customElements.get(t(s))||p();break;case"ds-visually-hidden":customElements.get(t(s))||h()}}))};export{g as DsBreadcrumb,_ as defineCustomElement}
+import{p as s,M as e,c as d,h as r,d as t,t as a}from"./p-CzSzVfDu.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as n,d as o}from"./p-Duz7I_DQ.js";import{l as c}from"./p-DMddtiKs.js";import{c as l}from"./p-CVitC9tk.js";import{c as m}from"./p-BpJtDd1D.js";import{d as b}from"./p-Bxwq2Cfx.js";import{d as u}from"./p-agL9TGQL.js";import{d as p}from"./p-C6oq4vmn.js";import{d as h}from"./p-Eh5Ce9Mh.js";const f=s(class extends(e(l("ds-breadcrumb"),c)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=d(this,"dsClick",7),this.dsIsHiddenChange=d(this,"dsIsHiddenChange",7)}get el(){return 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 r("slot",null,r("span",{class:s+"__current-page","aria-current":"page"},this.dsText))}renderLinkCrumb(s){return r("slot",null,r(this.DsLink,{class:s+"__link",dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=m("ds-breadcrumb"),e=s+"__content";return r(t,{key:"435213281dcf42a5a8c2241ac51433628fff4a2c",role:"listitem"},r("div",{key:"619e26ebf7b0aadbdaefb4960d0ad93a3434b635",class:i(s,{[s+"--hidden"]:this.dsIsHidden})},r("div",{key:"e717c084111491d89572ee09312281f034460214",class:e},this.dsHasSeparator?r(this.DsBreadcrumbsSeparator,{dsIcon:this.dsSeparatorIcon}):null,this.dsIsCurrentPage?this.renderCurrentPageCrumb(e):this.renderLinkCrumb(e))))}static get watchers(){return{dsIsHidden:[{dsIsHiddenObserver:0}]}}static get style(){return".sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__oJU1eo.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__oJU1eo--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__oJU1eo__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__oJU1eo__content__link.sc-ds-breadcrumb{--ds-link-vertical-align:middle}.ds-breadcrumb__oJU1eo__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)}"}},[774,"ds-breadcrumb",{dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsText:[1,"ds-text"],dsIsCurrentPage:[4,"ds-is-current-page"],dsHasSeparator:[4,"ds-has-separator"],dsSeparatorIcon:[1,"ds-separator-icon"],dsIsHidden:[4,"ds-is-hidden"],setFocus:[64]},[[0,"click","handleClick"]],{dsIsHidden:[{dsIsHiddenObserver:0}]}]);o([r("ds-link",{dsText:""}),r("ds-breadcrumbs-separator",null)]);const g=f,_=function(){"undefined"!=typeof customElements&&["ds-breadcrumb","ds-breadcrumbs-separator","ds-icon","ds-link","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-breadcrumb":customElements.get(a(s))||customElements.define(a(s),f);break;case"ds-breadcrumbs-separator":customElements.get(a(s))||b();break;case"ds-icon":customElements.get(a(s))||u();break;case"ds-link":customElements.get(a(s))||p();break;case"ds-visually-hidden":customElements.get(a(s))||h()}}))};export{g as DsBreadcrumb,_ as defineCustomElement}

package/dist/components/ds-breadcrumbs-collapsible.js

@@ -1 +1 @@
-import{p as s,M as e,c as t,h as a,F as d,t as r}from"./p-Clnflbiz.js";import{t as n,d as c}from"./p-Duz7I_DQ.js";import{c as o}from"./p-BNucxURn.js";import{d as l}from"./p-CmPAcLM4.js";import{d as i}from"./p-Dr3urvIc.js";const b=s(class extends(e(o("ds-breadcrumbs-collapsible"))){constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsExpandButtonClick=t(this,"dsExpandButtonClick",7)}get el(){return 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)}handleDsIsHiddenChange(s){s.detail||s.target!==this.collapsibleTarget||requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}handleDsClick(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return a(d,{key:"2d26da2bd377439085286ed8844c511a3a099fce"},a(this.DsBreadcrumbsExpandButton,{key:"a46db9e7b9e7dec4e11831af8d1a0d5c32b859bd",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),a("slot",{key:"a7d7c45168a38525c5f92ac3246b95427e8c7aa9",onSlotchange:this.handleDefaultSlotChange}))}static get style(){return":host{display:contents}"}},[769,"ds-breadcrumbs-collapsible",{dsIsExpandButtonHidden:[4,"ds-is-expand-button-hidden"],dsSeparatorIcon:[1,"ds-separator-icon"],collapsibleTarget:[32]},[[0,"dsIsHiddenChange","handleDsIsHiddenChange"],[0,"dsClick","handleDsClick"]]]);c([a("ds-breadcrumbs-expand-button",null)]);const u=b,p=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs-collapsible","ds-breadcrumbs-expand-button","ds-breadcrumbs-separator"].forEach((s=>{switch(s){case"ds-breadcrumbs-collapsible":customElements.get(r(s))||customElements.define(r(s),b);break;case"ds-breadcrumbs-expand-button":customElements.get(r(s))||l();break;case"ds-breadcrumbs-separator":customElements.get(r(s))||i()}}))};export{u as DsBreadcrumbsCollapsible,p as defineCustomElement}
+import{p as s,M as e,c as t,h as a,F as d,t as r}from"./p-CzSzVfDu.js";import{t as n,d as c}from"./p-Duz7I_DQ.js";import{c as o}from"./p-CVitC9tk.js";import{d as i}from"./p-DlQF84ie.js";import{d as l}from"./p-Bxwq2Cfx.js";const b=s(class extends(e(o("ds-breadcrumbs-collapsible"))){constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsExpandButtonClick=t(this,"dsExpandButtonClick",7)}get el(){return 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)}handleDsIsHiddenChange(s){s.detail||s.target!==this.collapsibleTarget||requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}handleDsClick(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return a(d,{key:"2d26da2bd377439085286ed8844c511a3a099fce"},a(this.DsBreadcrumbsExpandButton,{key:"a46db9e7b9e7dec4e11831af8d1a0d5c32b859bd",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),a("slot",{key:"a7d7c45168a38525c5f92ac3246b95427e8c7aa9",onSlotchange:this.handleDefaultSlotChange}))}static get style(){return":host{display:contents}"}},[769,"ds-breadcrumbs-collapsible",{dsIsExpandButtonHidden:[4,"ds-is-expand-button-hidden"],dsSeparatorIcon:[1,"ds-separator-icon"],collapsibleTarget:[32]},[[0,"dsIsHiddenChange","handleDsIsHiddenChange"],[0,"dsClick","handleDsClick"]]]);c([a("ds-breadcrumbs-expand-button",null)]);const u=b,p=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs-collapsible","ds-breadcrumbs-expand-button","ds-breadcrumbs-separator"].forEach((s=>{switch(s){case"ds-breadcrumbs-collapsible":customElements.get(r(s))||customElements.define(r(s),b);break;case"ds-breadcrumbs-expand-button":customElements.get(r(s))||i();break;case"ds-breadcrumbs-separator":customElements.get(r(s))||l()}}))};export{u as DsBreadcrumbsCollapsible,p as defineCustomElement}

package/dist/components/ds-breadcrumbs-expand-button.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-CmPAcLM4.js";const m=o,p=s;export{m as DsBreadcrumbsExpandButton,p as defineCustomElement}
+import{D as o,d as s}from"./p-DlQF84ie.js";const p=o,r=s;export{p as DsBreadcrumbsExpandButton,r as defineCustomElement}

package/dist/components/ds-breadcrumbs-separator.js

@@ -1 +1 @@
-import{D as r,d as o}from"./p-Dr3urvIc.js";const s=r,p=o;export{s as DsBreadcrumbsSeparator,p as defineCustomElement}
+import{D as o,d as s}from"./p-Bxwq2Cfx.js";const p=o,r=s;export{p as DsBreadcrumbsSeparator,r as defineCustomElement}

package/dist/components/ds-breadcrumbs.js

@@ -1 +1 @@
-import{p as e,M as s,c as i,h as t,t as a}from"./p-Clnflbiz.js";import{c as r}from"./p-C7gqnikf.js";import{g as d}from"./p-DdyM9c6W.js";import{i as n}from"./p-C77HFMMS.js";import{c as l}from"./p-BNucxURn.js";const c=e(class extends(s(l("ds-breadcrumbs",{stopRootTracking:!0}))){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsSizeChange=i(this,"dsSizeChange",7)}isGreaterThanEqualMediumMediaQuery=n("medium");get el(){return this}dsSizeChange;dsAriaLabel;size="medium";get breadcrumb(){switch(d()){case"fi":return"Murupolku";case"sv":return"Brödsmulestig";default:return"Breadcrumb"}}sizeObserver(e){this.dsSizeChange.emit(e)}setSize=e=>{this.size=e.matches?"medium":"small"};connectedCallback(){this.isGreaterThanEqualMediumMediaQuery.addEventListener("change",this.setSize)}disconnectedCallback(){this.isGreaterThanEqualMediumMediaQuery.removeEventListener("change",this.setSize)}componentWillLoad(){this.size=this.isGreaterThanEqualMediumMediaQuery.matches?"medium":"small"}componentDidLoad(){this.componentMounted()}render(){const e=r("ds-breadcrumbs");return t("nav",{key:"22a95867dbb19a4a61ceda11747d93d6b93a6975",class:e,"aria-label":this.dsAriaLabel||this.breadcrumb},t("div",{key:"0dae673962ef4a04f360e13c85827a8b24872b2d",role:"list",class:e+"__breadcrumbs"},t("slot",{key:"499d355465dc30ef3c99b7756ae84e3d7b279c16"})))}static get watchers(){return{size:[{sizeObserver:0}]}}static get style(){return".ds-breadcrumbs__9el4Wy{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__9el4Wy{min-height:32px}}.ds-breadcrumbs__9el4Wy__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__9el4Wy__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}"}},[769,"ds-breadcrumbs",{dsAriaLabel:[1,"ds-aria-label"],size:[32]},void 0,{size:[{sizeObserver:0}]}]),m=c,b=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs"].forEach((e=>{"ds-breadcrumbs"===e&&(customElements.get(a(e))||customElements.define(a(e),c))}))};export{m as DsBreadcrumbs,b as defineCustomElement}
+import{p as e,M as s,c as i,h as t,t as r}from"./p-CzSzVfDu.js";import{c as a}from"./p-BpJtDd1D.js";import{g as d}from"./p-DfjAeLrH.js";import{i as n}from"./p-C77HFMMS.js";import{c as m}from"./p-CVitC9tk.js";const c=e(class extends(s(m("ds-breadcrumbs",{stopRootTracking:!0}))){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsSizeChange=i(this,"dsSizeChange",7)}isGreaterThanEqualMediumMediaQuery=n("medium");get el(){return this}dsSizeChange;dsAriaLabel;size="medium";get breadcrumb(){switch(d()){case"fi":return"Murupolku";case"sv":return"Brödsmulestig";default:return"Breadcrumb"}}sizeObserver(e){this.dsSizeChange.emit(e)}setSize=e=>{this.size=e.matches?"medium":"small"};connectedCallback(){this.isGreaterThanEqualMediumMediaQuery.addEventListener("change",this.setSize)}disconnectedCallback(){this.isGreaterThanEqualMediumMediaQuery.removeEventListener("change",this.setSize)}componentWillLoad(){this.size=this.isGreaterThanEqualMediumMediaQuery.matches?"medium":"small"}componentDidLoad(){this.componentMounted()}render(){const e=a("ds-breadcrumbs");return t("nav",{key:"22a95867dbb19a4a61ceda11747d93d6b93a6975",class:e,"aria-label":this.dsAriaLabel||this.breadcrumb},t("div",{key:"0dae673962ef4a04f360e13c85827a8b24872b2d",role:"list",class:e+"__breadcrumbs"},t("slot",{key:"499d355465dc30ef3c99b7756ae84e3d7b279c16"})))}static get watchers(){return{size:[{sizeObserver:0}]}}static get style(){return".ds-breadcrumbs__oJU1eo{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__oJU1eo{min-height:32px}}.ds-breadcrumbs__oJU1eo__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__oJU1eo__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}"}},[769,"ds-breadcrumbs",{dsAriaLabel:[1,"ds-aria-label"],size:[32]},void 0,{size:[{sizeObserver:0}]}]),l=c,o=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs"].forEach((e=>{"ds-breadcrumbs"===e&&(customElements.get(r(e))||customElements.define(r(e),c))}))};export{l as DsBreadcrumbs,o as defineCustomElement}

package/dist/components/ds-button.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-CFIMJWhN.js";const p=o,r=s;export{p as DsButton,r as defineCustomElement}
+import{D as o,d as r}from"./p-BoDGKrXH.js";const s=o,p=r;export{s as DsButton,p as defineCustomElement}