@uh-design-system/component-library 1.5.0 → 1.5.1-rc.0

package/dist/components/ds-ribbon.js

@@ -1 +1 @@
-import{p as s,M as i,c as e,h as t,t as r}from"./p-Be3z-48a.js";import{c as n}from"./p-BfTCfPZ1.js";import{b as o,i as a}from"./p-BecId8t2.js";import{e as d,t as l,d as b}from"./p-CjK5xiRo.js";import{c}from"./p-s-UO9MAI.js";import{v as h}from"./p-D4zEYXpj.js";import{d as _,g as m,o as p}from"./p-Cl5tN4CW.js";import{a as g}from"./p-gPkqWfeS.js";import{c as u}from"./p-C2cIITC9.js";import{d as w}from"./p-CNE-7ped.js";import{d as f}from"./p-CnF3gIOJ.js";import{d as G}from"./p-BFYsN4Q2.js";import{d as k}from"./p-BT7lh0sL.js";import{d as v}from"./p-DgEQMOgy.js";import{d as x}from"./p-C-6YNcRH.js";import{d as W}from"./p-CHZWXcUp.js";class y{static async loadRibbonData(s){if(!s||""===s.trim())return null;try{const i=await fetch(s);if(!i.ok)throw Error("Failed to fetch data: "+i.status);const e=await i.json();if(e.v1?.ribbon)return e.v1.ribbon;throw Error("Invalid data structure: expected v1.ribbon")}catch(s){return console.warn("Failed to load external ribbon data:",s),null}}}const Y=g.v1.ribbon,q=s(class extends(i(u("ds-ribbon"))){constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsDrawerToggle=e(this,"dsDrawerToggle",7)}inheritedAttributes={};get el(){return 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;lang=_;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]?((s,i,e="en")=>this.loadedExternalData.links[this.lang].map((s=>({id:s.id,href:s.href||"#",text:s.text,badge:s.badge?i.badgeTexts[s.badge][e]:void 0,target:s.target,mobileOnly:s.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),...o(this.el,["lang"])}}async loadExternalData(s){try{const i=await y.loadRibbonData(s);if(!i)throw Error("No external data");this.loadedExternalData=i}catch{this.loadedExternalData=Y}this.dsIcon||(this.icon=this.loadedExternalData?.config?.dsIcon),this.dsBrandingUrls||(this.brandingUrls=this.loadedExternalData?.brandingUrls)}componentDidLoad(){this.componentMounted(),this.lang=m(),this.setupStoreListener(),this.dsDataUrl&&""!==this.dsDataUrl.trim()&&this.loadExternalData(this.dsDataUrl)}setupStoreListener(){this.storeUnsubscribe=p("language",(s=>{s&&s!==this.lang&&(this.lang=s)}))}dsIconObserver(s){this.icon=s}dsBrandingUrlsObserver(s){this.brandingUrls=s}isMobileDrawerOpenObserver(s){this.dsDrawerToggle.emit(s),s?this.openMobileDrawer():this.closeMobileDrawer()}handleLanguageChange(s){this.lang=s.detail}handleKeyDown(s){if(this.isMobileDrawerOpen)return"Escape"===s.key?(s.preventDefault(),void this.closeMobileDrawer()):void("Tab"!==s.key||this.handleFocusTrap(s))}handleWindowResize(){clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout((()=>{this.updateScrollState()}),150)}resizeTimeout;storeUnsubscribe;handleMobileToggle=()=>{this.isMobileDrawerClicked=!0,this.isMobileDrawerOpen=!this.isMobileDrawerOpen};handleDrawerScroll=s=>{const i=s.target;if(!i)return;const e=i.scrollTop,t=i.scrollHeight-i.clientHeight;t<=0||(e<=1?(i.classList.remove("has-top-scrim"),i.classList.add("has-bottom-scrim")):e>=t-1?(i.classList.add("has-top-scrim"),i.classList.remove("has-bottom-scrim")):(i.classList.add("has-top-scrim"),i.classList.add("has-bottom-scrim")))};handleDrawerBackdropClick=s=>{s.target===s.currentTarget&&(this.isMobileDrawerOpen=!1)};getDrawerFocusableElements(){if(!this.drawerRef)return[];const s=[],i=this.drawerRef.querySelector("#"+this.dsCloseButtonId);i&&this.isFocusableElement(i)&&s.push(i);const e=this.drawerRef.querySelector(this.DsLinkLogo);if(e&&e.shadowRoot){const i=e.shadowRoot.querySelector("a");i&&this.isFocusableElement(i)&&s.push(i)}return this.drawerRef.querySelectorAll('[class*="drawer-link-item"]').forEach((i=>{const e=i.querySelector(this.DsLink);if(e&&e.shadowRoot){const i=e.shadowRoot.querySelector("a");i&&this.isFocusableElement(i)&&s.push(i)}})),s}isFocusableElement(s){if(!s||null===s.offsetParent)return!1;const i=s.tagName.toLowerCase();return["a","button"].includes(i)&&-1!==s.tabIndex}handleFocusTrap(s){const i=this.getDrawerFocusableElements();if(0===i.length)return;let e=document.activeElement;e&&e.shadowRoot&&e.shadowRoot.activeElement&&(e=e.shadowRoot.activeElement),this.el.shadowRoot&&this.el.shadowRoot.activeElement&&(e=this.el.shadowRoot.activeElement,e.shadowRoot&&e.shadowRoot.activeElement&&(e=e.shadowRoot.activeElement));const t=i.indexOf(e);if(s.shiftKey){const s=t<=0?i.length-1:t-1;i[s]?.focus()}else{const s=t>=i.length-1?0:t+1;i[s]?.focus()}s.preventDefault()}openMobileDrawer(){setTimeout((()=>{const s=this.el.shadowRoot?.querySelector("#"+this.dsCloseButtonId);if(s&&s.focus(),this.drawerRef){const s=this.drawerRef.scrollHeight-this.drawerRef.clientHeight;s>0&&this.setupScrollListener(this.drawerRef,s)}}),50)}setupScrollListener(s,i){if(s.removeEventListener("scroll",this.handleDrawerScroll),s.addEventListener("scroll",this.handleDrawerScroll,{passive:!0}),this.drawerRef){const e=s.scrollTop,t=1;e<=t?(this.drawerRef.classList.remove("has-top-scrim"),this.drawerRef.classList.add("has-bottom-scrim")):e>=i-t?(this.drawerRef.classList.add("has-top-scrim"),this.drawerRef.classList.remove("has-bottom-scrim")):(this.drawerRef.classList.add("has-top-scrim"),this.drawerRef.classList.add("has-bottom-scrim"))}}updateScrollState(){if(!this.isMobileDrawerOpen||!this.drawerRef)return;const s=this.drawerRef.scrollHeight-this.drawerRef.clientHeight;if(s<=0)return this.drawerRef.classList.remove("has-top-scrim","has-bottom-scrim"),void this.drawerRef.removeEventListener("scroll",this.handleDrawerScroll);this.setupScrollListener(this.drawerRef,s)}closeMobileDrawer(){this.isMobileDrawerOpen=!1,this.drawerRef&&this.drawerRef.removeEventListener("scroll",this.handleDrawerScroll);const s=this.mobileToggleRef?.querySelector("button");setTimeout((()=>{s?.focus()}),100)}getBrandingUrl(){const s=m()||"fi";return this.dsBrandingUrls?.[s]||this.brandingUrls?.[s]||Y.brandingUrls?.[s]}renderBranding(){if(this.dsHideBranding)return null;const s=c("ds-ribbon"),i=this.getBrandingUrl();return t("div",{class:s+"__branding"},t(this.DsLinkLogo,{dsHref:i,dsIcon:this.dsIcon||this.icon||Y.config?.dsIcon,dsIconTitle:this.dsIconTitle,dsIconAriaLabel:this.dsIconAriaLabel,dsText:this.localizedSiteName,dsTarget:"_self",dsAriaLabel:this.localizedLogoAriaLabel}))}renderDesktopNavigation(){const s=this.localizedLinks;if(!s?.length)return null;const i=c("ds-ribbon");return t("div",{class:i+"__desktop-nav"},t("ul",{class:i+"__desktop-links"},s.filter((s=>!s.mobileOnly)).map((s=>t("li",{key:"desktop-"+s.id,class:i+"__desktop-link-item"},t(this.DsLink,{dsHref:s.href,dsText:s.text,dsTarget:s.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:i+"__desktop-link"},s.badge&&t("span",{slot:"suffix"},t(this.DsVisuallyHidden,null," - ",s.badge))),s.badge&&t(this.DsTag,{dsText:s.badge,dsColour:"info",class:i+"__desktop-badge",dsAriaHidden:!0}),"_blank"===s.target&&t(this.DsVisuallyHidden,null,h()))))))}renderMobileNavigation(){const s=this.localizedLinks;if(!s?.length)return null;const i=c("ds-ribbon");return t("div",{class:i+"__drawer-backdrop",onClick:this.handleDrawerBackdropClick,...this.isMobileDrawerOpen?{}:{inert:!0}},t("div",{id:i+"__drawer",class:i+"__drawer",role:"dialog","aria-label":"Site navigation menu","aria-modal":"true","aria-hidden":this.isMobileDrawerOpen?"false":"true",ref:s=>this.drawerRef=s},this.renderDrawerHeader(),t("div",{class:i+"__drawer-nav"},t("div",{class:i+"__top-scrim"}),t("ul",{class:i+"__drawer-links"},s.map((s=>t("li",{key:"mobile-"+s.id,class:i+"__drawer-link-item"},t(this.DsLink,{dsHref:s.href,dsText:s.text,dsTarget:s.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:i+"__drawer-link"},s.badge&&t("span",{slot:"suffix"},t(this.DsVisuallyHidden,null," - ",s.badge))),s.badge&&t(this.DsTag,{dsText:s.badge,dsColour:"info",class:i+"__drawer-badge",dsAriaHidden:!0}),"_blank"===s.target&&t(this.DsVisuallyHidden,null,h()))))),t("div",{class:i+"__bottom-scrim"}))))}renderDrawerHeader(){const s=c("ds-ribbon"),i=this.getBrandingUrl();return t("div",{class:s+"__drawer-header"},t("div",{class:s+"__drawer-branding"},t(this.DsLinkLogo,{class:s+"__drawer-branding-link",dsHref:i,dsIcon:this.dsIcon||this.icon||Y.config?.dsIcon,dsIconTitle:this.dsIconTitle,dsIconAriaLabel:this.dsIconAriaLabel,dsText:this.localizedSiteName,dsTarget:"_self",dsAriaLabel:this.localizedLogoAriaLabel})),t(this.DsButton,{dsId:this.dsCloseButtonId,dsType:"button",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsText:this.localizedCloseText,dsIcon:"close",dsIconPosition:"end",class:s+"__drawer-close",onClick:this.handleMobileToggle}))}renderMobileToggle(){const s=this.localizedLinks;if(!s?.length||!this.localizedSitesText||!this.localizedCloseText)return null;const i=c("ds-ribbon");return t(this.DsButton,{ref:s=>this.mobileToggleRef=s,id:this.dsMobileToggleId,class:i+"__mobile-toggle",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsText:this.localizedSitesText,dsIcon:"keyboard_arrow_down",dsIconPosition:"end",onClick:this.handleMobileToggle,dsAriaExpanded:this.isMobileDrawerOpen,dsAriaControls:i+"__drawer",dsAriaHaspopup:"dialog"})}disconnectedCallback(){clearTimeout(this.resizeTimeout);const s=this.el.shadowRoot?.querySelector(`#${c("ds-ribbon")}__drawer`);s?.removeEventListener("scroll",this.handleDrawerScroll),this.storeUnsubscribe?.()}render(){const s=c("ds-ribbon"),i=n(s,{[s+"--drawer-open"]:this.isMobileDrawerOpen,[s+"--drawer-clicked"]:this.isMobileDrawerClicked});return t("div",{key:"8f7ee40a823225e28bdce30b3ad0b3eb0c643a3b",class:i},t("nav",{key:"520936251bb36aa51c490915095076153943207f","aria-label":this.localizedNavAriaLabel,...this.isMobileDrawerOpen?{inert:!0}:{}},t("div",{key:"652fd61e9baa53ae34b30cab8a9c1dbd14a1349d",class:s+"__container",...this.inheritedAttributes},this.renderBranding(),this.renderDesktopNavigation(),this.renderMobileToggle())),this.renderMobileNavigation())}static get watchers(){return{dsIcon:[{dsIconObserver:0}],dsBrandingUrls:[{dsBrandingUrlsObserver:0}],isMobileDrawerOpen:[{isMobileDrawerOpenObserver:0}]}}static get style(){return".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__GqWYnG{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-ribbon__GqWYnG__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__GqWYnG__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__GqWYnG__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__GqWYnG__container{grid-template-columns:auto auto}}.ds-ribbon__GqWYnG__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__GqWYnG__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__GqWYnG__mobile-toggle{display:none}}.ds-ribbon__GqWYnG__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__GqWYnG__drawer-backdrop{display:none}}.ds-ribbon__GqWYnG--drawer-open .ds-ribbon__GqWYnG__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__GqWYnG__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__GqWYnG__drawer-backdrop,.ds-ribbon__GqWYnG--drawer-open .ds-ribbon__GqWYnG__container .ds-ribbon__GqWYnG__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__GqWYnG--drawer-clicked .ds-ribbon__GqWYnG__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__GqWYnG--drawer-open .ds-ribbon__GqWYnG__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__GqWYnG__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__GqWYnG__desktop-nav{display:block}}.ds-ribbon__GqWYnG__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__GqWYnG__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__GqWYnG__desktop-link{font-size:var(--ds-fontSize-12);white-space:nowrap}.ds-ribbon__GqWYnG__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__GqWYnG__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__GqWYnG__desktop-badge>* span{font-size:var(--ds-fontSize-12);line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__GqWYnG__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__GqWYnG__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__GqWYnG--drawer-open .ds-ribbon__GqWYnG__drawer{transform:translateX(0%)}.ds-ribbon__GqWYnG__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__GqWYnG__drawer-header{display:none}}.ds-ribbon__GqWYnG__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__GqWYnG__drawer-branding{max-width:unset}}.ds-ribbon__GqWYnG__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__GqWYnG__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__GqWYnG__drawer-nav{padding:0}}.ds-ribbon__GqWYnG__top-scrim,.ds-ribbon__GqWYnG__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__GqWYnG__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__GqWYnG__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__GqWYnG__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__GqWYnG__bottom-scrim{display:block}.ds-ribbon__GqWYnG__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__GqWYnG__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__GqWYnG__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__GqWYnG__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__GqWYnG__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__GqWYnG__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__GqWYnG__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__GqWYnG__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__GqWYnG__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__GqWYnG__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__GqWYnG__drawer-badge>* span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__GqWYnG--drawer-open) .ds-ribbon__GqWYnG__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__GqWYnG--drawer-open) .ds-ribbon__GqWYnG__drawer-backdrop{display:block}}:host(.ds-ribbon__GqWYnG--drawer-open) .ds-ribbon__GqWYnG__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__GqWYnG--drawer-open) .ds-ribbon__GqWYnG__drawer{transform:none}}"}},[513,"ds-ribbon",{dsIcon:[1,"ds-icon"],dsSiteName:[1,"ds-site-name"],dsHideBranding:[4,"ds-hide-branding"],dsIconTitle:[1,"ds-icon-title"],dsIconAriaLabel:[1,"ds-icon-aria-label"],dsLinks:[16],dsBrandingUrls:[16],dsMobileToggleText:[1,"ds-mobile-toggle-text"],dsCloseButtonText:[1,"ds-close-button-text"],dsNavAriaLabel:[1,"ds-nav-aria-label"],dsLogoAriaLabel:[1,"ds-logo-aria-label"],dsCloseButtonId:[1,"ds-close-button-id"],dsMobileToggleId:[1,"ds-mobile-toggle-id"],dsDataUrl:[1,"ds-data-url"],isMobileDrawerOpen:[32],isMobileDrawerClicked:[32],loadedExternalData:[32],lang:[32],icon:[32],brandingUrls:[32]},[[16,"dsLanguageChange","handleLanguageChange"],[4,"keydown","handleKeyDown"],[9,"resize","handleWindowResize"]],{dsIcon:[{dsIconObserver:0}],dsBrandingUrls:[{dsBrandingUrlsObserver:0}],isMobileDrawerOpen:[{isMobileDrawerOpenObserver:0}]}]);b([t("ds-link-logo",{dsHref:""}),t("ds-link",{dsText:""}),t("ds-button",null),t("ds-tag",{dsText:""}),t("ds-visually-hidden",null)]);const T=q,C=function(){"undefined"!=typeof customElements&&["ds-ribbon","ds-button","ds-icon","ds-link","ds-link-logo","ds-spinner","ds-tag","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-ribbon":customElements.get(r(s))||customElements.define(r(s),q);break;case"ds-button":customElements.get(r(s))||w();break;case"ds-icon":customElements.get(r(s))||f();break;case"ds-link":customElements.get(r(s))||G();break;case"ds-link-logo":customElements.get(r(s))||k();break;case"ds-spinner":customElements.get(r(s))||v();break;case"ds-tag":customElements.get(r(s))||x();break;case"ds-visually-hidden":customElements.get(r(s))||W()}}))};export{T as DsRibbon,C as defineCustomElement}
+import{p as s,M as i,c as e,h as t,t as r}from"./p-BCnJbLHS.js";import{c as o}from"./p-BfTCfPZ1.js";import{b as n,i as a}from"./p-BecId8t2.js";import{e as d,t as l,d as b}from"./p-CjK5xiRo.js";import{c}from"./p-CuBQ8qa4.js";import{v as h}from"./p-ChZBd6WW.js";import{g as _,o as m}from"./p-D9BQuJsJ.js";import{a as p}from"./p-gPkqWfeS.js";import{c as g}from"./p-CuvcuGd4.js";import{d as u}from"./p-DNzo8rHP.js";import{d as f}from"./p-BpAUnD2-.js";import{d as w}from"./p-DiJOntcS.js";import{d as k}from"./p-cjuN-Hk_.js";import{d as v}from"./p-VmGMXr5q.js";import{d as x}from"./p-Bu6b8coG.js";import{d as j}from"./p-CQ-GEolF.js";class y{static async loadRibbonData(s){if(!s||""===s.trim())return null;try{const i=await fetch(s);if(!i.ok)throw Error("Failed to fetch data: "+i.status);const e=await i.json();if(e.v1?.ribbon)return e.v1.ribbon;throw Error("Invalid data structure: expected v1.ribbon")}catch(s){return console.warn("Failed to load external ribbon data:",s),null}}}const Y=p.v1.ribbon,T=s(class extends(i(g("ds-ribbon",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsDrawerToggle=e(this,"dsDrawerToggle",7)}inheritedAttributes={};get el(){return 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]?((s,i,e="en")=>this.loadedExternalData.links[this.lang].map((s=>({id:s.id,href:s.href||"#",text:s.text,badge:s.badge?i.badgeTexts[s.badge][e]:void 0,target:s.target,mobileOnly:s.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(s){try{const i=await y.loadRibbonData(s);if(!i)throw Error("No external data");this.loadedExternalData=i}catch{this.loadedExternalData=Y}this.dsIcon||(this.icon=this.loadedExternalData?.config?.dsIcon),this.dsBrandingUrls||(this.brandingUrls=this.loadedExternalData?.brandingUrls)}componentDidLoad(){this.componentMounted(),this.lang=_(),this.setupStoreListener(),this.dsDataUrl&&""!==this.dsDataUrl.trim()&&this.loadExternalData(this.dsDataUrl)}setupStoreListener(){this.storeUnsubscribe=m("language",(s=>{s&&s!==this.lang&&(this.lang=s)}))}dsIconObserver(s){this.icon=s}dsBrandingUrlsObserver(s){this.brandingUrls=s}isMobileDrawerOpenObserver(s){this.dsDrawerToggle.emit(s),s?this.openMobileDrawer():this.closeMobileDrawer()}handleKeyDown(s){if(this.isMobileDrawerOpen)return"Escape"===s.key?(s.preventDefault(),void this.closeMobileDrawer()):void("Tab"!==s.key||this.handleFocusTrap(s))}handleWindowResize(){clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout((()=>{this.updateScrollState()}),150)}resizeTimeout;storeUnsubscribe;handleMobileToggle=()=>{this.isMobileDrawerClicked=!0,this.isMobileDrawerOpen=!this.isMobileDrawerOpen};handleDrawerScroll=s=>{const i=s.target;if(!i)return;const e=i.scrollTop,t=i.scrollHeight-i.clientHeight;t<=0||(e<=1?(i.classList.remove("has-top-scrim"),i.classList.add("has-bottom-scrim")):e>=t-1?(i.classList.add("has-top-scrim"),i.classList.remove("has-bottom-scrim")):(i.classList.add("has-top-scrim"),i.classList.add("has-bottom-scrim")))};handleDrawerBackdropClick=s=>{s.target===s.currentTarget&&(this.isMobileDrawerOpen=!1)};getDrawerFocusableElements(){if(!this.drawerRef)return[];const s=[],i=this.drawerRef.querySelector("#"+this.dsCloseButtonId);i&&this.isFocusableElement(i)&&s.push(i);const e=this.drawerRef.querySelector(this.DsLinkLogo);if(e&&e.shadowRoot){const i=e.shadowRoot.querySelector("a");i&&this.isFocusableElement(i)&&s.push(i)}return this.drawerRef.querySelectorAll('[class*="drawer-link-item"]').forEach((i=>{const e=i.querySelector(this.DsLink);if(e&&e.shadowRoot){const i=e.shadowRoot.querySelector("a");i&&this.isFocusableElement(i)&&s.push(i)}})),s}isFocusableElement(s){if(!s||null===s.offsetParent)return!1;const i=s.tagName.toLowerCase();return["a","button"].includes(i)&&-1!==s.tabIndex}handleFocusTrap(s){const i=this.getDrawerFocusableElements();if(0===i.length)return;let e=document.activeElement;e&&e.shadowRoot&&e.shadowRoot.activeElement&&(e=e.shadowRoot.activeElement),this.el.shadowRoot&&this.el.shadowRoot.activeElement&&(e=this.el.shadowRoot.activeElement,e.shadowRoot&&e.shadowRoot.activeElement&&(e=e.shadowRoot.activeElement));const t=i.indexOf(e);if(s.shiftKey){const s=t<=0?i.length-1:t-1;i[s]?.focus()}else{const s=t>=i.length-1?0:t+1;i[s]?.focus()}s.preventDefault()}openMobileDrawer(){setTimeout((()=>{const s=this.el.shadowRoot?.querySelector("#"+this.dsCloseButtonId);if(s&&s.focus(),this.drawerRef){const s=this.drawerRef.scrollHeight-this.drawerRef.clientHeight;s>0&&this.setupScrollListener(this.drawerRef,s)}}),50)}setupScrollListener(s,i){if(s.removeEventListener("scroll",this.handleDrawerScroll),s.addEventListener("scroll",this.handleDrawerScroll,{passive:!0}),this.drawerRef){const e=s.scrollTop,t=1;e<=t?(this.drawerRef.classList.remove("has-top-scrim"),this.drawerRef.classList.add("has-bottom-scrim")):e>=i-t?(this.drawerRef.classList.add("has-top-scrim"),this.drawerRef.classList.remove("has-bottom-scrim")):(this.drawerRef.classList.add("has-top-scrim"),this.drawerRef.classList.add("has-bottom-scrim"))}}updateScrollState(){if(!this.isMobileDrawerOpen||!this.drawerRef)return;const s=this.drawerRef.scrollHeight-this.drawerRef.clientHeight;if(s<=0)return this.drawerRef.classList.remove("has-top-scrim","has-bottom-scrim"),void this.drawerRef.removeEventListener("scroll",this.handleDrawerScroll);this.setupScrollListener(this.drawerRef,s)}closeMobileDrawer(){this.isMobileDrawerOpen=!1,this.drawerRef&&this.drawerRef.removeEventListener("scroll",this.handleDrawerScroll);const s=this.mobileToggleRef?.querySelector("button");setTimeout((()=>{s?.focus()}),100)}getBrandingUrl(){const s=_()||"fi";return this.dsBrandingUrls?.[s]||this.brandingUrls?.[s]||Y.brandingUrls?.[s]}renderBranding(){if(this.dsHideBranding)return null;const s=c("ds-ribbon"),i=this.getBrandingUrl();return t("div",{class:s+"__branding"},t(this.DsLinkLogo,{dsHref:i,dsIcon:this.dsIcon||this.icon||Y.config?.dsIcon,dsIconTitle:this.dsIconTitle,dsIconAriaLabel:this.dsIconAriaLabel,dsText:this.localizedSiteName,dsTarget:"_self",dsAriaLabel:this.localizedLogoAriaLabel}))}renderDesktopNavigation(){const s=this.localizedLinks;if(!s?.length)return null;const i=c("ds-ribbon");return t("div",{class:i+"__desktop-nav"},t("ul",{class:i+"__desktop-links"},s.filter((s=>!s.mobileOnly)).map((s=>t("li",{key:"desktop-"+s.id,class:i+"__desktop-link-item"},t(this.DsLink,{dsHref:s.href,dsText:s.text,dsTarget:s.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:i+"__desktop-link"},s.badge&&t("span",{slot:"suffix"},t(this.DsVisuallyHidden,null," - ",s.badge))),s.badge&&t(this.DsTag,{dsText:s.badge,dsColour:"info",class:i+"__desktop-badge",dsAriaHidden:!0}),"_blank"===s.target&&t(this.DsVisuallyHidden,null,h()))))))}renderMobileNavigation(){const s=this.localizedLinks;if(!s?.length)return null;const i=c("ds-ribbon");return t("div",{class:i+"__drawer-backdrop",onClick:this.handleDrawerBackdropClick,...this.isMobileDrawerOpen?{}:{inert:!0}},t("div",{id:i+"__drawer",class:i+"__drawer",role:"dialog","aria-label":"Site navigation menu","aria-modal":"true","aria-hidden":this.isMobileDrawerOpen?"false":"true",ref:s=>this.drawerRef=s},this.renderDrawerHeader(),t("div",{class:i+"__drawer-nav"},t("div",{class:i+"__top-scrim"}),t("ul",{class:i+"__drawer-links"},s.map((s=>t("li",{key:"mobile-"+s.id,class:i+"__drawer-link-item"},t(this.DsLink,{dsHref:s.href,dsText:s.text,dsTarget:s.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:i+"__drawer-link"},s.badge&&t("span",{slot:"suffix"},t(this.DsVisuallyHidden,null," - ",s.badge))),s.badge&&t(this.DsTag,{dsText:s.badge,dsColour:"info",class:i+"__drawer-badge",dsAriaHidden:!0}),"_blank"===s.target&&t(this.DsVisuallyHidden,null,h()))))),t("div",{class:i+"__bottom-scrim"}))))}renderDrawerHeader(){const s=c("ds-ribbon"),i=this.getBrandingUrl();return t("div",{class:s+"__drawer-header"},t("div",{class:s+"__drawer-branding"},t(this.DsLinkLogo,{class:s+"__drawer-branding-link",dsHref:i,dsIcon:this.dsIcon||this.icon||Y.config?.dsIcon,dsIconTitle:this.dsIconTitle,dsIconAriaLabel:this.dsIconAriaLabel,dsText:this.localizedSiteName,dsTarget:"_self",dsAriaLabel:this.localizedLogoAriaLabel})),t(this.DsButton,{dsId:this.dsCloseButtonId,dsType:"button",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsText:this.localizedCloseText,dsIcon:"close",dsIconPosition:"end",class:s+"__drawer-close",onClick:this.handleMobileToggle}))}renderMobileToggle(){const s=this.localizedLinks;if(!s?.length||!this.localizedSitesText||!this.localizedCloseText)return null;const i=c("ds-ribbon");return t(this.DsButton,{ref:s=>this.mobileToggleRef=s,id:this.dsMobileToggleId,class:i+"__mobile-toggle",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsText:this.localizedSitesText,dsIcon:"keyboard_arrow_down",dsIconPosition:"end",onClick:this.handleMobileToggle,dsAriaExpanded:this.isMobileDrawerOpen,dsAriaControls:i+"__drawer",dsAriaHaspopup:"dialog"})}disconnectedCallback(){clearTimeout(this.resizeTimeout);const s=this.el.shadowRoot?.querySelector(`#${c("ds-ribbon")}__drawer`);s?.removeEventListener("scroll",this.handleDrawerScroll),this.storeUnsubscribe?.()}render(){const s=c("ds-ribbon"),i=o(s,{[s+"--drawer-open"]:this.isMobileDrawerOpen,[s+"--drawer-clicked"]:this.isMobileDrawerClicked});return t("div",{key:"55e49a1a78a5fbbe223918d2df5fc480be41e3c6",class:i},t("nav",{key:"46205034405d33329d9244965f10ce33fcdf8a5b","aria-label":this.localizedNavAriaLabel,...this.isMobileDrawerOpen?{inert:!0}:{}},t("div",{key:"ecffe3ec736a656cc606de7bab6e7e415f840daa",class:s+"__container",...this.inheritedAttributes},this.renderBranding(),this.renderDesktopNavigation(),this.renderMobileToggle())),this.renderMobileNavigation())}static get watchers(){return{dsIcon:[{dsIconObserver:0}],dsBrandingUrls:[{dsBrandingUrlsObserver:0}],isMobileDrawerOpen:[{isMobileDrawerOpenObserver:0}]}}static get style(){return".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__0Yjiso{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-ribbon__0Yjiso__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__0Yjiso__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__0Yjiso__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__0Yjiso__container{grid-template-columns:auto auto}}.ds-ribbon__0Yjiso__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__0Yjiso__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__0Yjiso__mobile-toggle{display:none}}.ds-ribbon__0Yjiso__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__0Yjiso__drawer-backdrop{display:none}}.ds-ribbon__0Yjiso--drawer-open .ds-ribbon__0Yjiso__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__0Yjiso__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__0Yjiso__drawer-backdrop,.ds-ribbon__0Yjiso--drawer-open .ds-ribbon__0Yjiso__container .ds-ribbon__0Yjiso__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__0Yjiso--drawer-clicked .ds-ribbon__0Yjiso__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__0Yjiso--drawer-open .ds-ribbon__0Yjiso__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__0Yjiso__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__0Yjiso__desktop-nav{display:block}}.ds-ribbon__0Yjiso__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__0Yjiso__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__0Yjiso__desktop-link{font-size:var(--ds-fontSize-12);white-space:nowrap}.ds-ribbon__0Yjiso__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__0Yjiso__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__0Yjiso__desktop-badge>* span{font-size:var(--ds-fontSize-12);line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__0Yjiso__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__0Yjiso__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__0Yjiso--drawer-open .ds-ribbon__0Yjiso__drawer{transform:translateX(0%)}.ds-ribbon__0Yjiso__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__0Yjiso__drawer-header{display:none}}.ds-ribbon__0Yjiso__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__0Yjiso__drawer-branding{max-width:unset}}.ds-ribbon__0Yjiso__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__0Yjiso__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__0Yjiso__drawer-nav{padding:0}}.ds-ribbon__0Yjiso__top-scrim,.ds-ribbon__0Yjiso__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__0Yjiso__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__0Yjiso__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__0Yjiso__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__0Yjiso__bottom-scrim{display:block}.ds-ribbon__0Yjiso__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__0Yjiso__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__0Yjiso__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__0Yjiso__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__0Yjiso__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__0Yjiso__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__0Yjiso__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__0Yjiso__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__0Yjiso__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__0Yjiso__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__0Yjiso__drawer-badge>* span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__0Yjiso--drawer-open) .ds-ribbon__0Yjiso__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__0Yjiso--drawer-open) .ds-ribbon__0Yjiso__drawer-backdrop{display:block}}:host(.ds-ribbon__0Yjiso--drawer-open) .ds-ribbon__0Yjiso__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__0Yjiso--drawer-open) .ds-ribbon__0Yjiso__drawer{transform:none}}"}},[513,"ds-ribbon",{dsIcon:[1,"ds-icon"],dsSiteName:[1,"ds-site-name"],dsHideBranding:[4,"ds-hide-branding"],dsIconTitle:[1,"ds-icon-title"],dsIconAriaLabel:[1,"ds-icon-aria-label"],dsLinks:[16],dsBrandingUrls:[16],dsMobileToggleText:[1,"ds-mobile-toggle-text"],dsCloseButtonText:[1,"ds-close-button-text"],dsNavAriaLabel:[1,"ds-nav-aria-label"],dsLogoAriaLabel:[1,"ds-logo-aria-label"],dsCloseButtonId:[1,"ds-close-button-id"],dsMobileToggleId:[1,"ds-mobile-toggle-id"],dsDataUrl:[1,"ds-data-url"],isMobileDrawerOpen:[32],isMobileDrawerClicked:[32],loadedExternalData:[32],icon:[32],brandingUrls:[32]},[[4,"keydown","handleKeyDown"],[9,"resize","handleWindowResize"]],{dsIcon:[{dsIconObserver:0}],dsBrandingUrls:[{dsBrandingUrlsObserver:0}],isMobileDrawerOpen:[{isMobileDrawerOpenObserver:0}]}]);b([t("ds-link-logo",{dsHref:""}),t("ds-link",{dsText:""}),t("ds-button",null),t("ds-tag",{dsText:""}),t("ds-visually-hidden",null)]);const z=T,D=function(){"undefined"!=typeof customElements&&["ds-ribbon","ds-button","ds-icon","ds-link","ds-link-logo","ds-spinner","ds-tag","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-ribbon":customElements.get(r(s))||customElements.define(r(s),T);break;case"ds-button":customElements.get(r(s))||u();break;case"ds-icon":customElements.get(r(s))||f();break;case"ds-link":customElements.get(r(s))||w();break;case"ds-link-logo":customElements.get(r(s))||k();break;case"ds-spinner":customElements.get(r(s))||v();break;case"ds-tag":customElements.get(r(s))||x();break;case"ds-visually-hidden":customElements.get(r(s))||j()}}))};export{z as DsRibbon,D as defineCustomElement}

package/dist/components/ds-select-native.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-D9laofKY.js";const a=o,p=s;export{a as DsSelectNative,p as defineCustomElement}
+import{D as o,d as s}from"./p-D1UcQBqG.js";const p=o,r=s;export{p as DsSelectNative,r as defineCustomElement}

package/dist/components/ds-select.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-DAcyNmGM.js";const m=o,p=s;export{m as DsSelect,p as defineCustomElement}
+import{D as o,d as s}from"./p-DmjoXVTk.js";const m=o,p=s;export{m as DsSelect,p as defineCustomElement}

package/dist/components/ds-spinner.js

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

package/dist/components/ds-store.js

@@ -1 +1 @@
-import{p as s,H as e,c as a,t}from"./p-Be3z-48a.js";import{d as g,i as n,s as u,g as r}from"./p-Cl5tN4CW.js";const o=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsLanguageChange=a(this,"dsLanguageChange",7)}dsLanguage=g;dsLanguageChange;componentWillLoad(){n({language:this.dsLanguage})}dsLanguageObserver(s){u(s),this.dsLanguageChange.emit(s)}async setLanguage(s){this.dsLanguage=s,u(s)}async getLanguage(){return r()}static get watchers(){return{dsLanguage:[{dsLanguageObserver:0}]}}},[512,"ds-store",{dsLanguage:[1537,"ds-language"],setLanguage:[64],getLanguage:[64]},void 0,{dsLanguage:[{dsLanguageObserver:0}]}]),d=o,c=function(){"undefined"!=typeof customElements&&["ds-store"].forEach((s=>{"ds-store"===s&&(customElements.get(t(s))||customElements.define(t(s),o))}))};export{d as DsStore,c as defineCustomElement}
+import{p as s,H as e,c as a,t as g}from"./p-BCnJbLHS.js";import{d as t,i as n,s as u,g as r}from"./p-D9BQuJsJ.js";const o=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsLanguageChange=a(this,"dsLanguageChange",7)}dsLanguage=t;dsLanguageChange;componentWillLoad(){n({language:this.dsLanguage})}dsLanguageObserver(s){u(s),this.dsLanguageChange.emit(s)}async setLanguage(s){this.dsLanguage=s,u(s)}async getLanguage(){return r()}static get watchers(){return{dsLanguage:[{dsLanguageObserver:0}]}}},[512,"ds-store",{dsLanguage:[1537,"ds-language"],setLanguage:[64],getLanguage:[64]},void 0,{dsLanguage:[{dsLanguageObserver:0}]}]),d=o,L=function(){"undefined"!=typeof customElements&&["ds-store"].forEach((s=>{"ds-store"===s&&(customElements.get(g(s))||customElements.define(g(s),o))}))};export{d as DsStore,L as defineCustomElement}

package/dist/components/ds-tab.js

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

package/dist/components/ds-tablist.js

@@ -1 +1 @@
-import{p as t,M as s,c as a,h as i,t as e}from"./p-Be3z-48a.js";import{c as r}from"./p-BfTCfPZ1.js";import{c as d}from"./p-s-UO9MAI.js";import{t as o,g as l,i as n,d as b}from"./p-CjK5xiRo.js";import{t as c}from"./p-Blsy5hx-.js";import{d as h}from"./p-CNE-7ped.js";import{d as _}from"./p-CnF3gIOJ.js";import{d as u}from"./p-DgEQMOgy.js";import{d as f}from"./p-1TzDHydH.js";import{d as G}from"./p-CHZWXcUp.js";const p=t(class extends(s(c)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.dsTabChange=a(this,"dsTabChange",7)}get el(){return this}RESIZE_THROTTLE_TIMEOUT=100;scrollableElement;backwardButtonElement;forwardButtonElement;dsTabChange;dsAriaLabel;dsAriaLabelledby;showBackwardButton=!1;showForwardButton=!1;get DsTab(){return o("ds-tab","ds-tablist",this.el)}get DsButton(){return o("ds-button","ds-tablist",this.el)}setButtonsVisibility=t=>{if(!t)return;const{scrollLeft:s,scrollWidth:a,clientWidth:i}=t;this.showBackwardButton=s>0,this.showForwardButton=Math.round(s+i)<a};throttledSetButtonsVisibility=l(this.setButtonsVisibility,this.RESIZE_THROTTLE_TIMEOUT);async tabConnected(){this.setButtonsVisibility(this.scrollableElement)}async tabDisconnected(){this.setButtonsVisibility(this.scrollableElement)}handleResize(){this.throttledSetButtonsVisibility(this.scrollableElement)}handleTabClick(t){t.stopPropagation(),t.detail.tabId!==this.context?.currentTab&&this.dsTabChange.emit(t.detail)}scrollTabIntoView=t=>{if(!this.scrollableElement)return;const s=t.querySelector('[role="tab"]');if(!s)return;const a=this.backwardButtonElement&&!this.backwardButtonElement.hidden?this.backwardButtonElement.offsetWidth:0,i=this.forwardButtonElement&&!this.forwardButtonElement.hidden?this.forwardButtonElement.offsetWidth:0,{left:e,right:r}=this.scrollableElement.getBoundingClientRect(),{left:d,right:o}=s.getBoundingClientRect();let l=this.scrollableElement.scrollLeft;d<e+a+16?l-=e+a+16-d:o>r-i-16&&(l+=o-(r-i-16)),this.scrollableElement.scrollTo({left:Math.max(0,Math.min(l,this.scrollableElement.scrollWidth-this.scrollableElement.clientWidth)),behavior:"auto"})};handleTabFocus(t){t.stopPropagation(),this.scrollTabIntoView(t.target)}handleKeyDown=t=>{t.stopPropagation();const s=t.target.closest(this.DsTab),a=Array.from(this.el.querySelectorAll(this.DsTab)),i=a.indexOf(s);if(-1===i)return;let e=0;switch(t.key){case"Enter":case" ":if(this.context?.currentTab===a[i].dsId)return;return void this.dsTabChange.emit({tabId:a[i].dsId,tabPanelId:a[i].dsTabPanelId});case"ArrowRight":e=(i+1)%a.length;break;case"ArrowLeft":e=(i-1+a.length)%a.length;break;case"Home":e=0;break;case"End":e=a.length-1;break;default:return}t.preventDefault(),t.stopPropagation(),a[e].setFocus()};handleScroll=t=>{this.setButtonsVisibility(t.target)};handleButtonClick=t=>{if(!this.scrollableElement)return;const s=.8*this.scrollableElement.clientWidth;this.scrollableElement.scrollTo({left:"backward"===t?this.scrollableElement.scrollLeft-s:this.scrollableElement.scrollLeft+s,behavior:"smooth"})};connectedCallback(){this.el.addEventListener("keydown",this.handleKeyDown)}componentDidLoad(){this.setButtonsVisibility(this.scrollableElement)}disconnectedCallback(){super.disconnectedCallback(),this.el.removeEventListener("keydown",this.handleKeyDown)}renderButton=t=>{const s=d("ds-tablist");return i(this.DsButton,{class:s+"__button__ds-button",onClick:()=>this.handleButtonClick(t),dsAriaHidden:!0,dsTabIndex:-1,dsVariant:"supplementary",dsColour:"black",dsIcon:"backward"===t?"chevron_backward":"chevron_forward"})};render(){const t=d("ds-tablist"),s=t+"__scrollable",a=t+"__button";return i("div",{key:"0b8939092cebd964f1d059c39e96356c9667b30b",class:t},i("div",{key:"95df4f0c08c9d7683b7ad33c619f6316a01645bd",ref:t=>this.scrollableElement=t,class:r(s,{[s+"--container"]:"container"===this.context?.variant,[s+"--line"]:"line"===this.context?.variant}),role:"tablist",...n("aria-label",this.dsAriaLabel),...n("aria-labelledby",this.dsAriaLabelledby),onScroll:this.handleScroll},i("slot",{key:"4f8a069e168c9de0387347d08c618abd0b6167a6"})),i("div",{key:"53fb3cbeca8828a5e8cb29252b62458902b2d292",ref:t=>this.backwardButtonElement=t,class:r(a,a+"--backward",{[a+"--container"]:"container"===this.context?.variant,[a+"--line"]:"line"===this.context?.variant}),"aria-hidden":"true",hidden:!this.showBackwardButton},this.renderButton("backward")),i("div",{key:"4a4b57eb33f521de240bb884252b0c557c03e7be",ref:t=>this.forwardButtonElement=t,class:r(a,a+"--forward",{[a+"--container"]:"container"===this.context?.variant,[a+"--line"]:"line"===this.context?.variant}),"aria-hidden":"true",hidden:!this.showForwardButton},this.renderButton("forward")))}static get style(){return'.ds-no-style-leak.sc-ds-tablist *.sc-ds-tablist{all:unset;box-sizing:border-box;display:block}.ds-tablist__GqWYnG.sc-ds-tablist{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__scrollable.sc-ds-tablist{display:flex;gap:var(--ds-spacing-2xSmall);overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__scrollable.sc-ds-tablist:focus,.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__scrollable--container.sc-ds-tablist{background:linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) left/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) right/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) top/100% var(--ds-borderWidth-hairline) no-repeat, linear-gradient(var(--ds-bgColor-neutralLight), var(--ds-bgColor-neutralLight)) top/100% calc(100% - var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__scrollable--line.sc-ds-tablist{background:linear-gradient(var(--ds-bgColor-transparent-onLight), var(--ds-bgColor-transparent-onLight)) top/100% calc(100% - 1 * var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button--backward.sc-ds-tablist{left:0}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button--forward.sc-ds-tablist{right:0}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button--line.sc-ds-tablist{border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button--container.ds-tablist__GqWYnG__button--backward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 calc(-1 * var(--ds-spacing-small)) 0 0)}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button--container.ds-tablist__GqWYnG__button--forward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 0 0 calc(-1 * var(--ds-spacing-small)))}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button[hidden].sc-ds-tablist{display:none}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button__ds-button.sc-ds-tablist{width:100%;height:100%}'}},[774,"ds-tablist",{dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],context:[32],showBackwardButton:[32],showForwardButton:[32],tabConnected:[64],tabDisconnected:[64]},[[9,"resize","handleResize"],[0,"dsTabClick","handleTabClick"],[0,"dsTabFocus","handleTabFocus"]]]);b([i("ds-tab",{dsId:"",dsTabPanelId:""}),i("ds-button",null)]);const v=p,m=function(){"undefined"!=typeof customElements&&["ds-tablist","ds-button","ds-icon","ds-spinner","ds-tab","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-tablist":customElements.get(e(t))||customElements.define(e(t),p);break;case"ds-button":customElements.get(e(t))||h();break;case"ds-icon":customElements.get(e(t))||_();break;case"ds-spinner":customElements.get(e(t))||u();break;case"ds-tab":customElements.get(e(t))||f();break;case"ds-visually-hidden":customElements.get(e(t))||G()}}))};export{v as DsTablist,m as defineCustomElement}
+import{p as s,M as t,c as a,h as i,t as e}from"./p-BCnJbLHS.js";import{c as o}from"./p-BfTCfPZ1.js";import{c as r}from"./p-CuBQ8qa4.js";import{t as d,g as l,i as n,d as b}from"./p-CjK5xiRo.js";import{t as c}from"./p-Blsy5hx-.js";import{c as h}from"./p-CuvcuGd4.js";import{d as _}from"./p-DNzo8rHP.js";import{d as u}from"./p-BpAUnD2-.js";import{d as f}from"./p-VmGMXr5q.js";import{d as p}from"./p-DKlxRvb4.js";import{d as v}from"./p-CQ-GEolF.js";const m=s(class extends(t(h("ds-tablist"),c)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsTabChange=a(this,"dsTabChange",7)}get el(){return this}RESIZE_THROTTLE_TIMEOUT=100;scrollableElement;backwardButtonElement;forwardButtonElement;dsTabChange;dsAriaLabel;dsAriaLabelledby;showBackwardButton=!1;showForwardButton=!1;get DsTab(){return d("ds-tab","ds-tablist",this.el)}get DsButton(){return d("ds-button","ds-tablist",this.el)}setButtonsVisibility=s=>{if(!s)return;const{scrollLeft:t,scrollWidth:a,clientWidth:i}=s;this.showBackwardButton=t>0,this.showForwardButton=Math.round(t+i)<a};throttledSetButtonsVisibility=l(this.setButtonsVisibility,this.RESIZE_THROTTLE_TIMEOUT);async tabConnected(){this.setButtonsVisibility(this.scrollableElement)}async tabDisconnected(){this.setButtonsVisibility(this.scrollableElement)}handleWindowResize(){this.throttledSetButtonsVisibility(this.scrollableElement)}handleDsTabClick(s){s.stopPropagation(),s.detail.tabId!==this.context?.currentTab&&this.dsTabChange.emit(s.detail)}scrollTabIntoView=s=>{if(!this.scrollableElement)return;const t=s.querySelector('[role="tab"]');if(!t)return;const a=this.backwardButtonElement&&!this.backwardButtonElement.hidden?this.backwardButtonElement.offsetWidth:0,i=this.forwardButtonElement&&!this.forwardButtonElement.hidden?this.forwardButtonElement.offsetWidth:0,{left:e,right:o}=this.scrollableElement.getBoundingClientRect(),{left:r,right:d}=t.getBoundingClientRect();let l=this.scrollableElement.scrollLeft;r<e+a+16?l-=e+a+16-r:d>o-i-16&&(l+=d-(o-i-16)),this.scrollableElement.scrollTo({left:Math.max(0,Math.min(l,this.scrollableElement.scrollWidth-this.scrollableElement.clientWidth)),behavior:"auto"})};handleDsTabFocus(s){s.stopPropagation(),this.scrollTabIntoView(s.target)}handleKeyDown=s=>{s.stopPropagation();const t=s.target.closest(this.DsTab),a=Array.from(this.el.querySelectorAll(this.DsTab)),i=t?a.indexOf(t):-1;if(-1===i)return;let e=0;switch(s.key){case"Enter":case" ":if(this.context?.currentTab===a[i].dsId)return;return void this.dsTabChange.emit({tabId:a[i].dsId,tabPanelId:a[i].dsTabPanelId});case"ArrowRight":e=(i+1)%a.length;break;case"ArrowLeft":e=(i-1+a.length)%a.length;break;case"Home":e=0;break;case"End":e=a.length-1;break;default:return}s.preventDefault(),s.stopPropagation(),a[e].setFocus()};handleScroll=s=>{this.setButtonsVisibility(s.target)};handleButtonClick=s=>{if(!this.scrollableElement)return;const t=.8*this.scrollableElement.clientWidth;this.scrollableElement.scrollTo({left:"backward"===s?this.scrollableElement.scrollLeft-t:this.scrollableElement.scrollLeft+t,behavior:"smooth"})};connectedCallback(){this.el.addEventListener("keydown",this.handleKeyDown)}componentDidLoad(){this.setButtonsVisibility(this.scrollableElement)}disconnectedCallback(){super.disconnectedCallback(),this.el.removeEventListener("keydown",this.handleKeyDown)}renderButton=s=>{const t=r("ds-tablist");return i(this.DsButton,{class:t+"__button__ds-button",onClick:()=>this.handleButtonClick(s),dsAriaHidden:!0,dsTabIndex:-1,dsVariant:"supplementary",dsColour:"black",dsIcon:"backward"===s?"chevron_backward":"chevron_forward"})};render(){const s=r("ds-tablist"),t=s+"__scrollable",a=s+"__button";return i("div",{key:"facb4e5c32ae467b6a5696fdfcb32ace65174167",class:s},i("div",{key:"e16066822780aa24e748ec7086b3aac920efd364",ref:s=>this.scrollableElement=s,class:o(t,{[t+"--container"]:"container"===this.context?.variant,[t+"--line"]:"line"===this.context?.variant}),role:"tablist",...n("aria-label",this.dsAriaLabel),...n("aria-labelledby",this.dsAriaLabelledby),onScroll:this.handleScroll},i("slot",{key:"460bd1c6016cdf0e6580d5982e9f4fd9137bd259"})),i("div",{key:"53c5fe325aacf605633dbe24ce86b43f779c8606",ref:s=>this.backwardButtonElement=s,class:o(a,a+"--backward",{[a+"--container"]:"container"===this.context?.variant,[a+"--line"]:"line"===this.context?.variant}),"aria-hidden":"true",hidden:!this.showBackwardButton},this.renderButton("backward")),i("div",{key:"fab24ecfa00273931d5623479ac2bc7a45777e1c",ref:s=>this.forwardButtonElement=s,class:o(a,a+"--forward",{[a+"--container"]:"container"===this.context?.variant,[a+"--line"]:"line"===this.context?.variant}),"aria-hidden":"true",hidden:!this.showForwardButton},this.renderButton("forward")))}static get style(){return'.ds-no-style-leak.sc-ds-tablist *.sc-ds-tablist{all:unset;box-sizing:border-box;display:block}.ds-tablist__0Yjiso.sc-ds-tablist{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-tablist__0Yjiso.sc-ds-tablist .ds-tablist__0Yjiso__scrollable.sc-ds-tablist{display:flex;gap:var(--ds-spacing-2xSmall);overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.ds-tablist__0Yjiso.sc-ds-tablist .ds-tablist__0Yjiso__scrollable.sc-ds-tablist:focus,.ds-tablist__0Yjiso.sc-ds-tablist .ds-tablist__0Yjiso__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__0Yjiso.sc-ds-tablist .ds-tablist__0Yjiso__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__0Yjiso.sc-ds-tablist .ds-tablist__0Yjiso__scrollable--container.sc-ds-tablist{background:linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) left/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) right/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) top/100% var(--ds-borderWidth-hairline) no-repeat, linear-gradient(var(--ds-bgColor-neutralLight), var(--ds-bgColor-neutralLight)) top/100% calc(100% - var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__0Yjiso.sc-ds-tablist .ds-tablist__0Yjiso__scrollable--line.sc-ds-tablist{background:linear-gradient(var(--ds-bgColor-transparent-onLight), var(--ds-bgColor-transparent-onLight)) top/100% calc(100% - 1 * var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__0Yjiso.sc-ds-tablist .ds-tablist__0Yjiso__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__0Yjiso.sc-ds-tablist .ds-tablist__0Yjiso__button--backward.sc-ds-tablist{left:0}.ds-tablist__0Yjiso.sc-ds-tablist .ds-tablist__0Yjiso__button--forward.sc-ds-tablist{right:0}.ds-tablist__0Yjiso.sc-ds-tablist .ds-tablist__0Yjiso__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__0Yjiso.sc-ds-tablist .ds-tablist__0Yjiso__button--line.sc-ds-tablist{border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-tablist__0Yjiso.sc-ds-tablist .ds-tablist__0Yjiso__button--container.ds-tablist__0Yjiso__button--backward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 calc(-1 * var(--ds-spacing-small)) 0 0)}.ds-tablist__0Yjiso.sc-ds-tablist .ds-tablist__0Yjiso__button--container.ds-tablist__0Yjiso__button--forward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 0 0 calc(-1 * var(--ds-spacing-small)))}.ds-tablist__0Yjiso.sc-ds-tablist .ds-tablist__0Yjiso__button[hidden].sc-ds-tablist{display:none}.ds-tablist__0Yjiso.sc-ds-tablist .ds-tablist__0Yjiso__button__ds-button.sc-ds-tablist{width:100%;height:100%}'}},[774,"ds-tablist",{dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],context:[32],showBackwardButton:[32],showForwardButton:[32],tabConnected:[64],tabDisconnected:[64]},[[9,"resize","handleWindowResize"],[0,"dsTabClick","handleDsTabClick"],[0,"dsTabFocus","handleDsTabFocus"]]]);b([i("ds-tab",{dsId:"",dsTabPanelId:""}),i("ds-button",null)]);const j=m,g=function(){"undefined"!=typeof customElements&&["ds-tablist","ds-button","ds-icon","ds-spinner","ds-tab","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-tablist":customElements.get(e(s))||customElements.define(e(s),m);break;case"ds-button":customElements.get(e(s))||_();break;case"ds-icon":customElements.get(e(s))||u();break;case"ds-spinner":customElements.get(e(s))||f();break;case"ds-tab":customElements.get(e(s))||p();break;case"ds-visually-hidden":customElements.get(e(s))||v()}}))};export{j as DsTablist,g as defineCustomElement}

package/dist/components/ds-tabpanel.js

@@ -1 +1 @@
-import{p as d,M as a,h as s,t as e}from"./p-Be3z-48a.js";import{c as n}from"./p-s-UO9MAI.js";import{t}from"./p-Blsy5hx-.js";import{c as i}from"./p-BfTCfPZ1.js";const l=d(class extends(a(t)){constructor(d){super(!1),!1!==d&&this.__registerHost()}get el(){return this}dsId;dsTabId;dsPadded=!0;render(){const d=n("ds-tabpanel");return s("div",{key:"4cc70db3ba4838fa67c1986e43ad49e08826ae64",id:this.dsId,class:i(d,{[d+"--container"]:"container"===this.context?.variant,[d+"--padded"]:this.dsPadded}),role:"tabpanel",hidden:this.context?.currentTabPanel!==this.dsId,"aria-labelledby":this.dsTabId},s("slot",{key:"57d406d1c0311824c2ea622009dfc937e1da39da"}))}static get style(){return".ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__GqWYnG.sc-ds-tabpanel{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-tabpanel__GqWYnG--container.sc-ds-tabpanel{border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tabpanel__GqWYnG--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__GqWYnG--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__GqWYnG--container.ds-tabpanel__GqWYnG--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__GqWYnG--container.ds-tabpanel__GqWYnG--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__GqWYnG[hidden].sc-ds-tabpanel{display:none}"}},[774,"ds-tabpanel",{dsId:[1,"ds-id"],dsTabId:[1,"ds-tab-id"],dsPadded:[4,"ds-padded"],context:[32]}]),r=l,o=function(){"undefined"!=typeof customElements&&["ds-tabpanel"].forEach((d=>{"ds-tabpanel"===d&&(customElements.get(e(d))||customElements.define(e(d),l))}))};export{r as DsTabpanel,o as defineCustomElement}
+import{p as a,M as d,h as s,t as e}from"./p-BCnJbLHS.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as n}from"./p-CuBQ8qa4.js";import{t as i}from"./p-Blsy5hx-.js";import{c as l}from"./p-CuvcuGd4.js";const o=a(class extends(d(l("ds-tabpanel"),i)){constructor(a){super(!1),!1!==a&&this.__registerHost()}get el(){return this}dsId;dsTabId;dsPadded=!0;render(){const a=n("ds-tabpanel");return s("div",{key:"0381cf5fbffeaa9715ded94760d23a38af385edf",id:this.dsId,class:t(a,{[a+"--container"]:"container"===this.context?.variant,[a+"--padded"]:this.dsPadded}),role:"tabpanel",hidden:this.context?.currentTabPanel!==this.dsId,"aria-labelledby":this.dsTabId},s("slot",{key:"7973c2edf975b23ac583c5fa16682e428ff2f0aa"}))}static get style(){return".ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__0Yjiso.sc-ds-tabpanel{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-tabpanel__0Yjiso--container.sc-ds-tabpanel{border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tabpanel__0Yjiso--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__0Yjiso--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__0Yjiso--container.ds-tabpanel__0Yjiso--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__0Yjiso--container.ds-tabpanel__0Yjiso--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__0Yjiso[hidden].sc-ds-tabpanel{display:none}"}},[774,"ds-tabpanel",{dsId:[1,"ds-id"],dsTabId:[1,"ds-tab-id"],dsPadded:[4,"ds-padded"],context:[32]}]),r=o,p=function(){"undefined"!=typeof customElements&&["ds-tabpanel"].forEach((a=>{"ds-tabpanel"===a&&(customElements.get(e(a))||customElements.define(e(a),o))}))};export{r as DsTabpanel,p as defineCustomElement}

package/dist/components/ds-tabs.js

@@ -1 +1 @@
-import{p as s,M as t,h as a,t as e}from"./p-Be3z-48a.js";import{c as n}from"./p-s-UO9MAI.js";import{s as r,p as d}from"./p-DwNDSxxH.js";import{c as o}from"./p-C2cIITC9.js";const i=s(class extends(t(o("ds-tabs"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsCurrentTab;dsCurrentTabPanel;dsVariant="container";handleTabChange(s){s.stopPropagation()}createContext=()=>({currentTab:this.dsCurrentTab,currentTabPanel:this.dsCurrentTabPanel,variant:this.dsVariant});storeContext=()=>{const s=this.createContext();r(this.el,s)};updateContext=()=>{const s=this.createContext();d(this.el,s)};componentWillLoad(){this.storeContext()}componentDidLoad(){this.componentMounted()}componentDidUpdate(){this.updateContext()}render(){const s=n("ds-tabs");return a("div",{key:"a6821a48fca0e99284e97cadaa5def29dc0d4c08",class:s},a("slot",{key:"2261f98a9d22f2e75de26831da740c3834bf0e60"}))}static get style(){return".ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__GqWYnG.sc-ds-tabs{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}"}},[774,"ds-tabs",{dsCurrentTab:[1,"ds-current-tab"],dsCurrentTabPanel:[1,"ds-current-tab-panel"],dsVariant:[1,"ds-variant"]},[[0,"dsTabChange","handleTabChange"]]]),c=i,b=function(){"undefined"!=typeof customElements&&["ds-tabs"].forEach((s=>{"ds-tabs"===s&&(customElements.get(e(s))||customElements.define(e(s),i))}))};export{c as DsTabs,b as defineCustomElement}
+import{p as s,M as t,h as a,t as e}from"./p-BCnJbLHS.js";import{c as n}from"./p-CuBQ8qa4.js";import{s as r,p as o}from"./p-DwNDSxxH.js";import{c as d}from"./p-CuvcuGd4.js";const i=s(class extends(t(d("ds-tabs",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsCurrentTab;dsCurrentTabPanel;dsVariant="container";handleDsTabChange(s){s.stopPropagation()}createContext=()=>({currentTab:this.dsCurrentTab,currentTabPanel:this.dsCurrentTabPanel,variant:this.dsVariant});storeContext=()=>{const s=this.createContext();r(this.el,s)};updateContext=()=>{const s=this.createContext();o(this.el,s)};componentWillLoad(){this.storeContext()}componentDidLoad(){this.componentMounted()}componentDidUpdate(){this.updateContext()}render(){const s=n("ds-tabs");return a("div",{key:"d052d2965d38dbfa76d202898b11acd55d45d16a",class:s},a("slot",{key:"2c87cb659baf883da5525579609aeb2a4b76949e"}))}static get style(){return".ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__0Yjiso.sc-ds-tabs{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}"}},[774,"ds-tabs",{dsCurrentTab:[1,"ds-current-tab"],dsCurrentTabPanel:[1,"ds-current-tab-panel"],dsVariant:[1,"ds-variant"]},[[0,"dsTabChange","handleDsTabChange"]]]),b=i,c=function(){"undefined"!=typeof customElements&&["ds-tabs"].forEach((s=>{"ds-tabs"===s&&(customElements.get(e(s))||customElements.define(e(s),i))}))};export{b as DsTabs,c as defineCustomElement}

package/dist/components/ds-tag-group.js

@@ -1 +1 @@
-import{p as s,M as a,h as t,t as e}from"./p-Be3z-48a.js";import{t as i,i as d,d as r}from"./p-CjK5xiRo.js";import{c as o}from"./p-s-UO9MAI.js";import{i as l,a as c}from"./p-BecId8t2.js";import{c as p}from"./p-C2cIITC9.js";import{d as n}from"./p-BOO0cxNU.js";import{d as b}from"./p-D0DZWdHw.js";const m=s(class extends(a(p("ds-tag-group"))){constructor(s){super(),!1!==s&&this.__registerHost()}tagGroupId=this.getUniqueId();assistiveTextId=this.tagGroupId+"-assistive-text";inheritedAttributes={};get el(){return this}dsLabel;dsAriaLabel;dsAssistiveText;componentWillLoad(){this.inheritedAttributes={...c(this,this.el),...l(this.el,["aria-describedby"])}}componentDidLoad(){this.componentMounted()}render(){const s=o("ds-tag-group"),a=i("ds-group-label","ds-tag-group",this.el),{"aria-label":e,...r}=this.inheritedAttributes,l=[!!this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return t("div",{key:"129731b5b4b29b94575ae740aba998a78a622f00",class:s,role:"group",...d("aria-label",this.dsAriaLabel||e||this.dsLabel),...d("aria-describedby",l),...r},t(a,{key:"436a24aec6cdf8db27f06d4b20efa37a2c9d2378",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},t("slot",{key:"3bea651b7810c3c2cf75fc3b276cd172d976d692",name:"label"}),t("slot",{key:"c4fb8aaa76ec0a7d5ae88d4d6ddb65f473792a28",name:"assistiveText"})),t("div",{key:"c6850ce8f6f4acd1fdd9c8c53b65e0c7e7161b6d",role:"list",class:s+"__tags"},t("slot",{key:"28413e1d102f55cd14685a678761b3088d98faeb"})))}static get style(){return".ds-tag-group__GqWYnG__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}"}},[774,"ds-tag-group",{dsLabel:[1,"ds-label"],dsAriaLabel:[1,"ds-aria-label"],dsAssistiveText:[1,"ds-assistive-text"]}]);r([t("ds-group-label",null)]);const g=m,u=function(){"undefined"!=typeof customElements&&["ds-tag-group","ds-assistive-text","ds-group-label"].forEach((s=>{switch(s){case"ds-tag-group":customElements.get(e(s))||customElements.define(e(s),m);break;case"ds-assistive-text":customElements.get(e(s))||n();break;case"ds-group-label":customElements.get(e(s))||b()}}))};export{g as DsTagGroup,u as defineCustomElement}
+import{p as s,M as e,h as t,t as a}from"./p-BCnJbLHS.js";import{t as i,i as d,d as o}from"./p-CjK5xiRo.js";import{c as r}from"./p-CuBQ8qa4.js";import{i as l,a as c}from"./p-BecId8t2.js";import{c as p}from"./p-CuvcuGd4.js";import{d as n}from"./p-N8wVVQD4.js";import{d as b}from"./p-BgQoJKKD.js";const g=s(class extends(e(p("ds-tag-group",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost()}tagGroupId=this.getUniqueId();assistiveTextId=this.tagGroupId+"-assistive-text";inheritedAttributes={};get el(){return this}dsLabel;dsAriaLabel;dsAssistiveText;componentWillLoad(){this.inheritedAttributes={...c(this,this.el),...l(this.el,["aria-describedby"])}}componentDidLoad(){this.componentMounted()}render(){const s=r("ds-tag-group"),e=i("ds-group-label","ds-tag-group",this.el),{"aria-label":a,...o}=this.inheritedAttributes,l=[!!this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return t("div",{key:"93e69af7a60b81016c7a69997777cff253a986de",class:s,role:"group",...d("aria-label",this.dsAriaLabel||a||this.dsLabel),...d("aria-describedby",l),...o},t(e,{key:"2ce0e160e00038d78b77695c933ebefea51173dd",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},t("slot",{key:"31f098eadee64a4cd8c0b0fff57bed507db44b57",name:"label"}),t("slot",{key:"9d8c753ffacf5a37b479ca0b5a573de7a98de121",name:"assistiveText"})),t("div",{key:"86d5172ba9cf167dde3619158906d66e0cf8fdda",role:"list",class:s+"__tags"},t("slot",{key:"9caebfd8027b4683b59ced20e7f0cd297934bf52"})))}static get style(){return".ds-tag-group__0Yjiso__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}"}},[774,"ds-tag-group",{dsLabel:[1,"ds-label"],dsAriaLabel:[1,"ds-aria-label"],dsAssistiveText:[1,"ds-assistive-text"]}]);o([t("ds-group-label",null)]);const m=g,u=function(){"undefined"!=typeof customElements&&["ds-tag-group","ds-assistive-text","ds-group-label"].forEach((s=>{switch(s){case"ds-tag-group":customElements.get(a(s))||customElements.define(a(s),g);break;case"ds-assistive-text":customElements.get(a(s))||n();break;case"ds-group-label":customElements.get(a(s))||b()}}))};export{m as DsTagGroup,u as defineCustomElement}

package/dist/components/ds-tag.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-C-6YNcRH.js";const p=o,r=s;export{p as DsTag,r as defineCustomElement}
+import{D as o,d as s}from"./p-Bu6b8coG.js";const p=o,r=s;export{p as DsTag,r as defineCustomElement}

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

@@ -1 +1 @@
-import{p as e,M as t,c as a,f as s,h as r,F as i,t as d}from"./p-Be3z-48a.js";import{c as n}from"./p-BfTCfPZ1.js";import{A as o,B as l,C as c,g as _,a as h,v as x}from"./p-B4X_51nl.js";import{f as b,t as v,i as u,d as G}from"./p-CjK5xiRo.js";import{i as f,a as m}from"./p-BecId8t2.js";import{c as g}from"./p-s-UO9MAI.js";import{b as y}from"./p-BT1Kxodd.js";import{c as W}from"./p-C2cIITC9.js";import{d as p}from"./p-BOO0cxNU.js";import{d as q}from"./p-CjJCI40n.js";import{d as Y}from"./p-DMnoiqYh.js";import{d as C}from"./p-CnF3gIOJ.js";import{d as k}from"./p-CiEWj4rx.js";import{d as w}from"./p-CHZWXcUp.js";const T=e(class extends(t(W("ds-text-area"))){constructor(e){super(),!1!==e&&this.__registerHost(),this.dsChange=a(this,"dsChange",7),this.dsInput=a(this,"dsInput",7),this.dsSubmitInvalid=a(this,"dsSubmitInvalid",7),this.dsValidity=a(this,"dsValidity",7)}inheritedAttributes={};textareaElement;get el(){return this}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=this.getUniqueId();dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsOptionalText;dsResizing="both";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsErrorText;dsSuccessText;dsAssistiveText;dsHiddenAssistiveText;dsCharacterLimit;dsFullWidth=!1;hasFocus=!1;textareaActive=!1;wasInvalidOnBlur=!1;characterCount=0;internalValue="";hiddenCharacterCountText="";get assistiveTextId(){return this.dsId+"-assistive-text"}get visuallyHiddenAssistiveTextId(){return this.dsId+"-visually-hidden-assistive-text"}get errorTextId(){return this.dsId+"-error-text"}get successTextId(){return this.dsId+"-success-text"}async setFocus(){const e=this.el.querySelector("textarea");e?.focus()}async checkValidity(){const e=this.el.querySelector("textarea");return e?.checkValidity()}async clearTextarea(){this.internalValue="";const e=this.el.querySelector("textarea");e&&(e.value="")}internalValueObserver(e){this.characterCount=e.length,this.validateCharacterCount(this.characterCount)}valueObserver(e){this.internalValue=e||"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(e,t,a){this.inheritedAttributes={...this.inheritedAttributes,[a]:e},s(this)}componentWillLoad(){this.inheritedAttributes={...m(this,this.el,["id"]),...f(this.el,["aria-invalid"])},this.internalValue=this.dsValue||"",this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount)}componentDidLoad(){this.componentMounted(),this.adjustTextareaHeight()}disconnectedCallback(){this.setHiddenCharacterCountText?.cancel()}setHiddenCharacterCountText=b((e=>{this.hiddenCharacterCountText=e}),y);validateCharacterCount=e=>{this.dsCharacterLimit&&(e>this.dsCharacterLimit?(this.setHiddenCharacterCountText(o(e-this.dsCharacterLimit)),this.textareaElement?.setCustomValidity(l())):(this.setHiddenCharacterCountText(c(this.dsCharacterLimit-e)),this.textareaElement?.setCustomValidity("")))};adjustTextareaHeight=()=>{"auto"===this.dsResizing&&this.textareaElement&&(this.textareaElement.style.height="auto",this.textareaElement.style.height=this.textareaElement.scrollHeight+"px")};getLabelText=()=>this.dsRequired?_(this.dsLabel):this.dsOptional?h(this.dsLabel,this.dsOptionalText):this.dsLabel;getValidityMessage=e=>"customError"===e?this.textareaElement?.validationMessage:x(e);handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.wasInvalidOnBlur="valid"!==t,this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}};handleInvalid=e=>{e.preventDefault();const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.dsSubmitInvalid.emit({flag:e,message:this.getValidityMessage(e)});break}};handleInput=e=>{if(this.internalValue=e.target.value,this.dsInput.emit({event:e,value:this.internalValue}),this.dsChange.emit({value:this.internalValue}),this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount),this.adjustTextareaHeight(),this.dsErrorText||this.wasInvalidOnBlur){const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}}};handleTextareaContainerClick(){this.textareaElement.focus()}render(){const e=v("ds-input-validity","ds-text-area",this.el),t=v("ds-control-label","ds-text-area",this.el),a=v("ds-visually-hidden","ds-text-area",this.el),s=g("ds-text-area"),d=s+"__container",{"aria-label":o,"aria-labelledby":l,"aria-describedby":c,..._}=this.inheritedAttributes,h=this.dsAriaLabel||o,x=this.dsAriaLabelledby||l,b=this.dsAriaDescribedby||c;return r(i,{key:"e591094b6775f22391f60ddf12c6205e3c76149d"},r(t,{key:"f5199602d1981896a54d8f29e916c39f286a29f7",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},r("slot",{key:"270ac42a2309dce6fe8cd8dbbe1350a5e50d9f56",name:"label"}),r("slot",{key:"25f5f6cedda6f3e2568822769ba05cefde0d9253",name:"assistiveText"})),r("div",{key:"91a7f0cbe65d434890c7c9d20c585b0d7dbe551f",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class:n(d,{[d+"--disabled"]:this.dsDisabled,[d+"--readonly"]:this.dsReadonly,[d+"--valid"]:!!this.dsSuccessText,[d+"--invalid"]:!!this.dsErrorText,[d+"--focus"]:this.hasFocus,[d+"--active"]:!!this.textareaActive,[d+"--full-width"]:this.dsFullWidth})},r("textarea",{key:"7e7b129e4cb8e7b5bdb69776ca5c353c5339fa58",ref:e=>this.textareaElement=e,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,value:void 0!==this.dsValue?this.dsValue:this.internalValue,placeholder:this.dsPlaceholder,readonly:this.dsReadonly,required:this.dsRequired,class:n(s+"__textarea",`${s}__textarea--resize-${this.dsResizing}`,{[s+"__textarea--full-width"]:this.dsFullWidth}),onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...u("aria-label",h),...u("aria-labelledby",x),...u("aria-describedby",b||n({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",..._})),r("div",{key:"a7359297033e98437ca5e9595e933052ceda6403",class:n(s+"__validity-container",{[s+"__validity-container--has-character-limit"]:!!this.dsCharacterLimit})},r("slot",{key:"822b85ca8bc02e48181d2dd4bbf1ac254e0ac9ef",name:"validity"},r(e,{key:"80a7b31ae4e5178a93ac3ab07b9b9ecff98b8bbf",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"},this.dsCharacterLimit&&r(a,{key:"4ddd88740cc9a6e11d7eeacd6298bf5984792c7f",dsTag:"span"},this.hiddenCharacterCountText)),r(e,{key:"3918a844e278289d8de831e38948af93a3153bcb",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success",dsAriaLive:"polite"})),this.dsCharacterLimit&&r("div",{key:"29f1beb8414bd40d47333806038d6e4ce050f8e2",class:n(s+"__character-count",{[s+"__character-count--over-limit"]:this.characterCount>this.dsCharacterLimit})},r("small",{key:"7119a45fb774e72e4fd40c7e36273c4407db40bc"},this.characterCount,"/",this.dsCharacterLimit))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__GqWYnG__container--full-width){width:100%}.ds-text-area__GqWYnG.sc-ds-text-area{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-area__GqWYnG__container.sc-ds-text-area: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-text-area__GqWYnG__container.sc-ds-text-area:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__GqWYnG__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.ds-text-area__GqWYnG__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__GqWYnG__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__GqWYnG__container--valid.sc-ds-text-area:hover:not(.ds-text-area__GqWYnG__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__GqWYnG__container--valid.ds-text-area__GqWYnG__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__GqWYnG__container--readonly.sc-ds-text-area,.ds-text-area__GqWYnG__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__GqWYnG__container.sc-ds-text-area:focus-within:not(.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--valid.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__GqWYnG__container.sc-ds-text-area:hover:not(.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--disabled,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--readonly.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--active.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--valid.sc-ds-text-area,.ds-text-area__GqWYnG__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__GqWYnG__container.active.sc-ds-text-area:not(.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--disabled,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--readonly.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__GqWYnG__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__GqWYnG__external-button.sc-ds-text-area,.ds-text-area__GqWYnG.sc-ds-text-area-s>[slot=suffix],.ds-text-area__GqWYnG .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__GqWYnG__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__GqWYnG__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__GqWYnG__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__GqWYnG__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__GqWYnG__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__GqWYnG__textarea.sc-ds-text-area{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__GqWYnG__textarea.sc-ds-text-area::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-area__GqWYnG__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__GqWYnG__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__GqWYnG__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__GqWYnG__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__GqWYnG__textarea--resize-auto.sc-ds-text-area,.ds-text-area__GqWYnG__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__GqWYnG__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__GqWYnG__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__GqWYnG__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__GqWYnG__textarea--full-width.sc-ds-text-area{width:100%}"}},[838,"ds-text-area",{dsForm:[1,"ds-form"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsDisabled:[4,"ds-disabled"],dsOptional:[4,"ds-optional"],dsRequired:[4,"ds-required"],dsReadonly:[4,"ds-readonly"],dsValue:[1,"ds-value"],dsOptionalText:[1,"ds-optional-text"],dsResizing:[1,"ds-resizing"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsErrorText:[1,"ds-error-text"],dsSuccessText:[1,"ds-success-text"],dsAssistiveText:[1,"ds-assistive-text"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsCharacterLimit:[2,"ds-character-limit"],dsFullWidth:[4,"ds-full-width"],hasFocus:[32],textareaActive:[32],wasInvalidOnBlur:[32],characterCount:[32],internalValue:[32],hiddenCharacterCountText:[32],setFocus:[64],checkValidity:[64],clearTextarea:[64]},void 0,{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}]);G([r("ds-input-validity",null),r("ds-visually-hidden",null),r("ds-control-label",null)]);const z=T,A=function(){"undefined"!=typeof customElements&&["ds-text-area","ds-assistive-text","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-text-area":customElements.get(d(e))||customElements.define(d(e),T);break;case"ds-assistive-text":customElements.get(d(e))||p();break;case"ds-control-label":customElements.get(d(e))||q();break;case"ds-feedback":customElements.get(d(e))||Y();break;case"ds-icon":customElements.get(d(e))||C();break;case"ds-input-validity":customElements.get(d(e))||k();break;case"ds-visually-hidden":customElements.get(d(e))||w()}}))};export{z as DsTextArea,A as defineCustomElement}
+import{p as e,M as t,c as s,f as a,h as i,F as r,t as d}from"./p-BCnJbLHS.js";import{c as o}from"./p-BfTCfPZ1.js";import{A as n,B as l,C as c,g as _,a as h,v as b}from"./p-C30smpZ6.js";import{f as x,t as v,i as u,d as f}from"./p-CjK5xiRo.js";import{i as m,a as g}from"./p-BecId8t2.js";import{c as j}from"./p-CuBQ8qa4.js";import{b as y}from"./p-BT1Kxodd.js";import{c as p}from"./p-CuvcuGd4.js";import{d as Y}from"./p-N8wVVQD4.js";import{d as C}from"./p-CYo__nAg.js";import{d as k}from"./p-BDScyDOZ.js";import{d as w}from"./p-BpAUnD2-.js";import{d as T}from"./p-BzbA7_KT.js";import{d as A}from"./p-CQ-GEolF.js";const z=e(class extends(t(p("ds-text-area",{stopRootTracking:!0}))){constructor(e){super(),!1!==e&&this.__registerHost(),this.dsChange=s(this,"dsChange",7),this.dsInput=s(this,"dsInput",7),this.dsSubmitInvalid=s(this,"dsSubmitInvalid",7),this.dsValidity=s(this,"dsValidity",7)}inheritedAttributes={};textareaElement;get el(){return this}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=this.getUniqueId();dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsOptionalText;dsResizing="both";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsErrorText;dsSuccessText;dsAssistiveText;dsHiddenAssistiveText;dsCharacterLimit;dsFullWidth=!1;hasFocus=!1;textareaActive=!1;wasInvalidOnBlur=!1;characterCount=0;internalValue="";hiddenCharacterCountText="";get assistiveTextId(){return this.dsId+"-assistive-text"}get visuallyHiddenAssistiveTextId(){return this.dsId+"-visually-hidden-assistive-text"}get errorTextId(){return this.dsId+"-error-text"}get successTextId(){return this.dsId+"-success-text"}async setFocus(){const e=this.el.querySelector("textarea");e?.focus()}async checkValidity(){const e=this.el.querySelector("textarea");return e?.checkValidity()}async clearTextarea(){this.internalValue="";const e=this.el.querySelector("textarea");e&&(e.value="")}internalValueObserver(e){this.characterCount=e.length,this.validateCharacterCount(this.characterCount)}valueObserver(e){this.internalValue=e||"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(e,t,s){this.inheritedAttributes={...this.inheritedAttributes,[s]:e},a(this)}componentWillLoad(){this.inheritedAttributes={...g(this,this.el,["id"]),...m(this.el,["aria-invalid"])},this.internalValue=this.dsValue||"",this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount)}componentDidLoad(){this.componentMounted(),this.adjustTextareaHeight()}disconnectedCallback(){this.setHiddenCharacterCountText?.cancel()}setHiddenCharacterCountText=x((e=>{this.hiddenCharacterCountText=e}),y);validateCharacterCount=e=>{this.dsCharacterLimit&&(e>this.dsCharacterLimit?(this.setHiddenCharacterCountText(n(e-this.dsCharacterLimit)),this.textareaElement?.setCustomValidity(l())):(this.setHiddenCharacterCountText(c(this.dsCharacterLimit-e)),this.textareaElement?.setCustomValidity("")))};adjustTextareaHeight=()=>{"auto"===this.dsResizing&&this.textareaElement&&(this.textareaElement.style.height="auto",this.textareaElement.style.height=this.textareaElement.scrollHeight+"px")};getLabelText=()=>this.dsRequired?_(this.dsLabel):this.dsOptional?h(this.dsLabel,this.dsOptionalText):this.dsLabel;getValidityMessage=e=>"customError"===e?this.textareaElement?.validationMessage:b(e);handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.wasInvalidOnBlur="valid"!==t,this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}};handleInvalid=e=>{e.preventDefault();const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.dsSubmitInvalid.emit({flag:e,message:this.getValidityMessage(e)});break}};handleInput=e=>{if(this.internalValue=e.target.value,this.dsInput.emit({event:e,value:this.internalValue}),this.dsChange.emit({value:this.internalValue}),this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount),this.adjustTextareaHeight(),this.dsErrorText||this.wasInvalidOnBlur){const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}}};handleTextareaContainerClick(){this.textareaElement.focus()}render(){const e=v("ds-input-validity","ds-text-area",this.el),t=v("ds-control-label","ds-text-area",this.el),s=v("ds-visually-hidden","ds-text-area",this.el),a=j("ds-text-area"),d=a+"__container",{"aria-label":n,"aria-labelledby":l,"aria-describedby":c,..._}=this.inheritedAttributes,h=this.dsAriaLabel||n,b=this.dsAriaLabelledby||l,x=this.dsAriaDescribedby||c;return i(r,{key:"b612b6fe3103f53e0b64d915805f75e9796ac8fb"},i(t,{key:"02bd38ed0325a311736df8cb30470a197acb5a22",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},i("slot",{key:"46190e215c00cfeff75b7322d308cca9999cbe13",name:"label"}),i("slot",{key:"f796438f25c4dc05ad15239f1c5fa023db382088",name:"assistiveText"})),i("div",{key:"5fca9a68236653b672417beaa5d0d8602a3da5b1",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class:o(d,{[d+"--disabled"]:this.dsDisabled,[d+"--readonly"]:this.dsReadonly,[d+"--valid"]:!!this.dsSuccessText,[d+"--invalid"]:!!this.dsErrorText,[d+"--focus"]:this.hasFocus,[d+"--active"]:!!this.textareaActive,[d+"--full-width"]:this.dsFullWidth})},i("textarea",{key:"b253e00fba6be195003abe91fb25953a7c211d35",ref:e=>this.textareaElement=e,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,value:void 0!==this.dsValue?this.dsValue:this.internalValue,placeholder:this.dsPlaceholder,readonly:this.dsReadonly,required:this.dsRequired,class:o(a+"__textarea",`${a}__textarea--resize-${this.dsResizing}`,{[a+"__textarea--full-width"]:this.dsFullWidth}),onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...u("aria-label",h),...u("aria-labelledby",b),...u("aria-describedby",x||o({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",..._})),i("div",{key:"c3e2ddb162f2b08f5ef36362af7c178515172a80",class:o(a+"__validity-container",{[a+"__validity-container--has-character-limit"]:!!this.dsCharacterLimit})},i("slot",{key:"03881d01b433caade0562f09639f17a3c06b1d59",name:"validity"},i(e,{key:"8b3198a9b6803341fe297374baa9ff0d3d4b3a9b",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"},this.dsCharacterLimit&&i(s,{key:"436b39e47d7a10b99b72226571f5a51940088a59",dsTag:"span"},this.hiddenCharacterCountText)),i(e,{key:"3976c6acf0ba732fa5486e6d164172370b03735c",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success",dsAriaLive:"polite"})),this.dsCharacterLimit&&i("div",{key:"b728310d7e83472bbbac2c949e353720bcbd9eac",class:o(a+"__character-count",{[a+"__character-count--over-limit"]:this.characterCount>this.dsCharacterLimit})},i("small",{key:"04355fc32cfe659475b58a24d16aa66ed1f7132d"},this.characterCount,"/",this.dsCharacterLimit))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__0Yjiso__container--full-width){width:100%}.ds-text-area__0Yjiso.sc-ds-text-area{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-area__0Yjiso__container.sc-ds-text-area: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-text-area__0Yjiso__container.sc-ds-text-area:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__0Yjiso__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__0Yjiso__container.ds-text-area__0Yjiso__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__0Yjiso__container.ds-text-area__0Yjiso__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__0Yjiso__container.ds-text-area__0Yjiso__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__0Yjiso__container.ds-text-area__0Yjiso__container--invalid.ds-text-area__0Yjiso__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__0Yjiso__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__0Yjiso__container--valid.sc-ds-text-area:hover:not(.ds-text-area__0Yjiso__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__0Yjiso__container--valid.ds-text-area__0Yjiso__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__0Yjiso__container--readonly.sc-ds-text-area,.ds-text-area__0Yjiso__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__0Yjiso__container.sc-ds-text-area:focus-within:not(.ds-text-area__0Yjiso__container.ds-text-area__0Yjiso__container--invalid,.ds-text-area__0Yjiso__container.ds-text-area__0Yjiso__container--valid.sc-ds-text-area,.ds-text-area__0Yjiso__container.ds-text-area__0Yjiso__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__0Yjiso__container.sc-ds-text-area:hover:not(.ds-text-area__0Yjiso__container.ds-text-area__0Yjiso__container--disabled,.ds-text-area__0Yjiso__container.ds-text-area__0Yjiso__container--readonly.sc-ds-text-area,.ds-text-area__0Yjiso__container.ds-text-area__0Yjiso__container--active.sc-ds-text-area,.ds-text-area__0Yjiso__container.ds-text-area__0Yjiso__container--invalid.sc-ds-text-area,.ds-text-area__0Yjiso__container.ds-text-area__0Yjiso__container--valid.sc-ds-text-area,.ds-text-area__0Yjiso__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__0Yjiso__container.active.sc-ds-text-area:not(.ds-text-area__0Yjiso__container.ds-text-area__0Yjiso__container--disabled,.ds-text-area__0Yjiso__container.ds-text-area__0Yjiso__container--readonly.sc-ds-text-area,.ds-text-area__0Yjiso__container.ds-text-area__0Yjiso__container--invalid.sc-ds-text-area,.ds-text-area__0Yjiso__container.ds-text-area__0Yjiso__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__0Yjiso__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__0Yjiso__external-button.sc-ds-text-area,.ds-text-area__0Yjiso.sc-ds-text-area-s>[slot=suffix],.ds-text-area__0Yjiso .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__0Yjiso__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__0Yjiso__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__0Yjiso__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__0Yjiso__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__0Yjiso__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__0Yjiso__textarea.sc-ds-text-area{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__0Yjiso__textarea.sc-ds-text-area::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-area__0Yjiso__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__0Yjiso__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__0Yjiso__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__0Yjiso__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__0Yjiso__textarea--resize-auto.sc-ds-text-area,.ds-text-area__0Yjiso__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__0Yjiso__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__0Yjiso__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__0Yjiso__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__0Yjiso__textarea--full-width.sc-ds-text-area{width:100%}"}},[838,"ds-text-area",{dsForm:[1,"ds-form"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsDisabled:[4,"ds-disabled"],dsOptional:[4,"ds-optional"],dsRequired:[4,"ds-required"],dsReadonly:[4,"ds-readonly"],dsValue:[1,"ds-value"],dsOptionalText:[1,"ds-optional-text"],dsResizing:[1,"ds-resizing"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsErrorText:[1,"ds-error-text"],dsSuccessText:[1,"ds-success-text"],dsAssistiveText:[1,"ds-assistive-text"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsCharacterLimit:[2,"ds-character-limit"],dsFullWidth:[4,"ds-full-width"],hasFocus:[32],textareaActive:[32],wasInvalidOnBlur:[32],characterCount:[32],internalValue:[32],hiddenCharacterCountText:[32],setFocus:[64],checkValidity:[64],clearTextarea:[64]},void 0,{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}]);f([i("ds-input-validity",null),i("ds-visually-hidden",null),i("ds-control-label",null)]);const L=z,O=function(){"undefined"!=typeof customElements&&["ds-text-area","ds-assistive-text","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-text-area":customElements.get(d(e))||customElements.define(d(e),z);break;case"ds-assistive-text":customElements.get(d(e))||Y();break;case"ds-control-label":customElements.get(d(e))||C();break;case"ds-feedback":customElements.get(d(e))||k();break;case"ds-icon":customElements.get(d(e))||w();break;case"ds-input-validity":customElements.get(d(e))||T();break;case"ds-visually-hidden":customElements.get(d(e))||A()}}))};export{L as DsTextArea,O as defineCustomElement}

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

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

package/dist/components/ds-versioned-css-variables.js

@@ -1 +1 @@
-import{p as e,M as a,h as t,d as l,t as r}from"./p-Be3z-48a.js";import{c as d}from"./p-C2cIITC9.js";const s=e(class extends(a(d("ds-versioned-css-variables"))){constructor(e){super(),!1!==e&&this.__registerHost()}componentDidLoad(){this.componentMounted()}render(){return t(l,{key:"ef3cd2a4438ea0dc63be82f78420888b84009085"},t("slot",{key:"7bcb80476873517e955e73f7a7d9cf1a72e3086a"}))}static get style(){return".sc-ds-versioned-css-variables:root,.sc-ds-versioned-css-variables-h{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px;--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-smallPlus:45rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem;--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem;--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#007cad;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#e13d37;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115;--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-overlay-black-00);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-05);--ds-bgColor-white-active:var(--ds-palette-black-10);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-05);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-10);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-15);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-30);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-bgColor-neutral-bold:var(--ds-palette-black-60);--ds-bgColor-neutral-bold-hover:var(--ds-palette-black-70);--ds-bgColor-neutral-bold-active:var(--ds-palette-black-80);--ds-bgColor-info-bold:var(--ds-palette-blue-60);--ds-bgColor-info-bold-hover:var(--ds-palette-blue-70);--ds-bgColor-info-bold-active:var(--ds-palette-blue-80);--ds-bgColor-attention-bold:var(--ds-palette-yellow-40);--ds-bgColor-attention-bold-hover:var(--ds-palette-yellow-50);--ds-bgColor-attention-bold-active:var(--ds-palette-yellow-60);--ds-bgColor-danger-bold:var(--ds-palette-red-60);--ds-bgColor-danger-bold-hover:var(--ds-palette-red-70);--ds-bgColor-danger-bold-active:var(--ds-palette-red-80);--ds-bgColor-success-bold:var(--ds-palette-green-60);--ds-bgColor-success-bold-hover:var(--ds-palette-green-70);--ds-bgColor-success-bold-active:var(--ds-palette-green-80);--ds-bgColor-backdrop:var(--ds-overlay-black-50);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-60);--ds-borderColor-success:var(--ds-palette-green-60);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-60);--ds-borderColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-default:var(--ds-palette-black-95);--ds-iconColor-default-hover:var(--ds-palette-black-80);--ds-iconColor-default-active:var(--ds-palette-black-70);--ds-iconColor-neutral:var(--ds-palette-black-50);--ds-iconColor-neutral-hover:var(--ds-palette-black-60);--ds-iconColor-neutral-active:var(--ds-palette-black-70);--ds-iconColor-white:var(--ds-palette-white);--ds-iconColor-white-hover:var(--ds-palette-black-05);--ds-iconColor-white-active:var(--ds-palette-black-10);--ds-iconColor-primary:var(--ds-palette-mainBlue-70);--ds-iconColor-primary-active:var(--ds-palette-mainBlue-80);--ds-iconColor-primary-hover:var(--ds-palette-mainBlue-90);--ds-iconColor-info:var(--ds-palette-blue-60);--ds-iconColor-info-hover:var(--ds-palette-blue-70);--ds-iconColor-info-active:var(--ds-palette-blue-80);--ds-iconColor-danger:var(--ds-palette-red-60);--ds-iconColor-danger-hover:var(--ds-palette-red-70);--ds-iconColor-danger-active:var(--ds-palette-red-80);--ds-iconColor-success:var(--ds-palette-green-60);--ds-iconColor-success-hover:var(--ds-palette-green-70);--ds-iconColor-success-active:var(--ds-palette-green-80);--ds-iconColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-attention-hover:var(--ds-palette-yellow-70);--ds-iconColor-attention-active:var(--ds-palette-yellow-80);--ds-iconColor-disabled-onLight:var(--ds-palette-black-40);--ds-iconColor-disabled-onDark:var(--ds-overlay-white-40);--ds-fontFamily-heading:'Open Sans', sans-serif;--ds-fontFamily-body:'Open Sans', sans-serif;--ds-fontSize-12:12px;--ds-fontSize-14:14px;--ds-fontSize-16:16px;--ds-fontSize-18:18px;--ds-fontSize-20:20px;--ds-fontSize-22:22px;--ds-fontSize-24:24px;--ds-fontSize-26:26px;--ds-fontSize-30:30px;--ds-fontSize-32:32px;--ds-fontSize-36:36px;--ds-fontSize-40:40px;--ds-fontSize-48:48px;--ds-fontSize-56:56px;--ds-fontSize-64:64px;--ds-fontWeight-regular:400;--ds-fontWeight-semibold:600;--ds-fontWeight-semiboldPlus:650;--ds-fontWeight-bold:700;--ds-letterSpacing-xTight:var(--ds-letterSpacing, -2px);--ds-letterSpacing-tight:var(--ds-letterSpacing, -1.4px);--ds-letterSpacing-normal:var(--ds-letterSpacing, -0.4px);--ds-letterSpacing-wide:var(--ds-letterSpacing, 0px);--ds-letterSpacing-xWide:var(--ds-letterSpacing, 0.4px);--ds-lineHeight-small:var(--ds-lineHeight, 1);--ds-lineHeight-medium:var(--ds-lineHeight, 1.2);--ds-lineHeight-large:var(--ds-lineHeight, 1.5);--ds-lineHeight-xLarge:var(--ds-lineHeight, 1.75);--ds-fontWidth-normal:100%;--ds-fontWidth-condense:90%;--ds-number-style:proportional-figures}@supports (font-variation-settings: normal){.sc-ds-versioned-css-variables:root,.sc-ds-versioned-css-variables-h{--ds-fontFamily-heading:'Open Sans Variable', sans-serif;--ds-fontFamily-body:'Open Sans Variable', sans-serif}}.sc-ds-versioned-css-variables-h{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px;--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-smallPlus:45rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem;--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem;--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#007cad;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#e13d37;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115;--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-overlay-black-00);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-05);--ds-bgColor-white-active:var(--ds-palette-black-10);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-05);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-10);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-15);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-30);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-bgColor-neutral-bold:var(--ds-palette-black-60);--ds-bgColor-neutral-bold-hover:var(--ds-palette-black-70);--ds-bgColor-neutral-bold-active:var(--ds-palette-black-80);--ds-bgColor-info-bold:var(--ds-palette-blue-60);--ds-bgColor-info-bold-hover:var(--ds-palette-blue-70);--ds-bgColor-info-bold-active:var(--ds-palette-blue-80);--ds-bgColor-attention-bold:var(--ds-palette-yellow-40);--ds-bgColor-attention-bold-hover:var(--ds-palette-yellow-50);--ds-bgColor-attention-bold-active:var(--ds-palette-yellow-60);--ds-bgColor-danger-bold:var(--ds-palette-red-60);--ds-bgColor-danger-bold-hover:var(--ds-palette-red-70);--ds-bgColor-danger-bold-active:var(--ds-palette-red-80);--ds-bgColor-success-bold:var(--ds-palette-green-60);--ds-bgColor-success-bold-hover:var(--ds-palette-green-70);--ds-bgColor-success-bold-active:var(--ds-palette-green-80);--ds-bgColor-backdrop:var(--ds-overlay-black-50);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-60);--ds-borderColor-success:var(--ds-palette-green-60);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-60);--ds-borderColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-default:var(--ds-palette-black-95);--ds-iconColor-default-hover:var(--ds-palette-black-80);--ds-iconColor-default-active:var(--ds-palette-black-70);--ds-iconColor-neutral:var(--ds-palette-black-50);--ds-iconColor-neutral-hover:var(--ds-palette-black-60);--ds-iconColor-neutral-active:var(--ds-palette-black-70);--ds-iconColor-white:var(--ds-palette-white);--ds-iconColor-white-hover:var(--ds-palette-black-05);--ds-iconColor-white-active:var(--ds-palette-black-10);--ds-iconColor-primary:var(--ds-palette-mainBlue-70);--ds-iconColor-primary-active:var(--ds-palette-mainBlue-80);--ds-iconColor-primary-hover:var(--ds-palette-mainBlue-90);--ds-iconColor-info:var(--ds-palette-blue-60);--ds-iconColor-info-hover:var(--ds-palette-blue-70);--ds-iconColor-info-active:var(--ds-palette-blue-80);--ds-iconColor-danger:var(--ds-palette-red-60);--ds-iconColor-danger-hover:var(--ds-palette-red-70);--ds-iconColor-danger-active:var(--ds-palette-red-80);--ds-iconColor-success:var(--ds-palette-green-60);--ds-iconColor-success-hover:var(--ds-palette-green-70);--ds-iconColor-success-active:var(--ds-palette-green-80);--ds-iconColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-attention-hover:var(--ds-palette-yellow-70);--ds-iconColor-attention-active:var(--ds-palette-yellow-80);--ds-iconColor-disabled-onLight:var(--ds-palette-black-40);--ds-iconColor-disabled-onDark:var(--ds-overlay-white-40);--ds-fontFamily-heading:'Open Sans', sans-serif;--ds-fontFamily-body:'Open Sans', sans-serif;--ds-fontSize-12:12px;--ds-fontSize-14:14px;--ds-fontSize-16:16px;--ds-fontSize-18:18px;--ds-fontSize-20:20px;--ds-fontSize-22:22px;--ds-fontSize-24:24px;--ds-fontSize-26:26px;--ds-fontSize-30:30px;--ds-fontSize-32:32px;--ds-fontSize-36:36px;--ds-fontSize-40:40px;--ds-fontSize-48:48px;--ds-fontSize-56:56px;--ds-fontSize-64:64px;--ds-fontWeight-regular:400;--ds-fontWeight-semibold:600;--ds-fontWeight-semiboldPlus:650;--ds-fontWeight-bold:700;--ds-letterSpacing-xTight:var(--ds-letterSpacing, -2px);--ds-letterSpacing-tight:var(--ds-letterSpacing, -1.4px);--ds-letterSpacing-normal:var(--ds-letterSpacing, -0.4px);--ds-letterSpacing-wide:var(--ds-letterSpacing, 0px);--ds-letterSpacing-xWide:var(--ds-letterSpacing, 0.4px);--ds-lineHeight-small:var(--ds-lineHeight, 1);--ds-lineHeight-medium:var(--ds-lineHeight, 1.2);--ds-lineHeight-large:var(--ds-lineHeight, 1.5);--ds-lineHeight-xLarge:var(--ds-lineHeight, 1.75);--ds-fontWidth-normal:100%;--ds-fontWidth-condense:90%;--ds-number-style:proportional-figures;display:contents}@supports (font-variation-settings: normal){.sc-ds-versioned-css-variables-h{--ds-fontFamily-heading:'Open Sans Variable', sans-serif;--ds-fontFamily-body:'Open Sans Variable', sans-serif}}"}},[262,"ds-versioned-css-variables"]),o=s,i=function(){"undefined"!=typeof customElements&&["ds-versioned-css-variables"].forEach((e=>{"ds-versioned-css-variables"===e&&(customElements.get(r(e))||customElements.define(r(e),s))}))};export{o as DsVersionedCssVariables,i as defineCustomElement}
+import{p as e,M as a,h as t,d as l,t as r}from"./p-BCnJbLHS.js";import{c as d}from"./p-CuvcuGd4.js";const s=e(class extends(a(d("ds-versioned-css-variables"))){constructor(e){super(),!1!==e&&this.__registerHost()}get el(){return this}componentDidLoad(){this.componentMounted()}render(){return t(l,{key:"234946e0823167987ec67ab4ead2dc4e3a895c3b"},t("slot",{key:"8dfa46aee5728895ed2de8ddeb9f9fdcc7eeafbc"}))}static get style(){return".sc-ds-versioned-css-variables:root,.sc-ds-versioned-css-variables-h{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px;--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-smallPlus:45rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem;--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem;--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#007cad;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#e13d37;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115;--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-overlay-black-00);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-05);--ds-bgColor-white-active:var(--ds-palette-black-10);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-05);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-10);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-15);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-30);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-bgColor-neutral-bold:var(--ds-palette-black-60);--ds-bgColor-neutral-bold-hover:var(--ds-palette-black-70);--ds-bgColor-neutral-bold-active:var(--ds-palette-black-80);--ds-bgColor-info-bold:var(--ds-palette-blue-60);--ds-bgColor-info-bold-hover:var(--ds-palette-blue-70);--ds-bgColor-info-bold-active:var(--ds-palette-blue-80);--ds-bgColor-attention-bold:var(--ds-palette-yellow-40);--ds-bgColor-attention-bold-hover:var(--ds-palette-yellow-50);--ds-bgColor-attention-bold-active:var(--ds-palette-yellow-60);--ds-bgColor-danger-bold:var(--ds-palette-red-60);--ds-bgColor-danger-bold-hover:var(--ds-palette-red-70);--ds-bgColor-danger-bold-active:var(--ds-palette-red-80);--ds-bgColor-success-bold:var(--ds-palette-green-60);--ds-bgColor-success-bold-hover:var(--ds-palette-green-70);--ds-bgColor-success-bold-active:var(--ds-palette-green-80);--ds-bgColor-backdrop:var(--ds-overlay-black-50);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-60);--ds-borderColor-success:var(--ds-palette-green-60);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-60);--ds-borderColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-default:var(--ds-palette-black-95);--ds-iconColor-default-hover:var(--ds-palette-black-80);--ds-iconColor-default-active:var(--ds-palette-black-70);--ds-iconColor-neutral:var(--ds-palette-black-50);--ds-iconColor-neutral-hover:var(--ds-palette-black-60);--ds-iconColor-neutral-active:var(--ds-palette-black-70);--ds-iconColor-white:var(--ds-palette-white);--ds-iconColor-white-hover:var(--ds-palette-black-05);--ds-iconColor-white-active:var(--ds-palette-black-10);--ds-iconColor-primary:var(--ds-palette-mainBlue-70);--ds-iconColor-primary-active:var(--ds-palette-mainBlue-80);--ds-iconColor-primary-hover:var(--ds-palette-mainBlue-90);--ds-iconColor-info:var(--ds-palette-blue-60);--ds-iconColor-info-hover:var(--ds-palette-blue-70);--ds-iconColor-info-active:var(--ds-palette-blue-80);--ds-iconColor-danger:var(--ds-palette-red-60);--ds-iconColor-danger-hover:var(--ds-palette-red-70);--ds-iconColor-danger-active:var(--ds-palette-red-80);--ds-iconColor-success:var(--ds-palette-green-60);--ds-iconColor-success-hover:var(--ds-palette-green-70);--ds-iconColor-success-active:var(--ds-palette-green-80);--ds-iconColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-attention-hover:var(--ds-palette-yellow-70);--ds-iconColor-attention-active:var(--ds-palette-yellow-80);--ds-iconColor-disabled-onLight:var(--ds-palette-black-40);--ds-iconColor-disabled-onDark:var(--ds-overlay-white-40);--ds-fontFamily-heading:'Open Sans', sans-serif;--ds-fontFamily-body:'Open Sans', sans-serif;--ds-fontSize-12:12px;--ds-fontSize-14:14px;--ds-fontSize-16:16px;--ds-fontSize-18:18px;--ds-fontSize-20:20px;--ds-fontSize-22:22px;--ds-fontSize-24:24px;--ds-fontSize-26:26px;--ds-fontSize-30:30px;--ds-fontSize-32:32px;--ds-fontSize-36:36px;--ds-fontSize-40:40px;--ds-fontSize-48:48px;--ds-fontSize-56:56px;--ds-fontSize-64:64px;--ds-fontWeight-regular:400;--ds-fontWeight-semibold:600;--ds-fontWeight-semiboldPlus:650;--ds-fontWeight-bold:700;--ds-letterSpacing-xTight:var(--ds-letterSpacing, -2px);--ds-letterSpacing-tight:var(--ds-letterSpacing, -1.4px);--ds-letterSpacing-normal:var(--ds-letterSpacing, -0.4px);--ds-letterSpacing-wide:var(--ds-letterSpacing, 0px);--ds-letterSpacing-xWide:var(--ds-letterSpacing, 0.4px);--ds-lineHeight-small:var(--ds-lineHeight, 1);--ds-lineHeight-medium:var(--ds-lineHeight, 1.2);--ds-lineHeight-large:var(--ds-lineHeight, 1.5);--ds-lineHeight-xLarge:var(--ds-lineHeight, 1.75);--ds-fontWidth-normal:100%;--ds-fontWidth-condense:90%;--ds-number-style:proportional-figures}@supports (font-variation-settings: normal){.sc-ds-versioned-css-variables:root,.sc-ds-versioned-css-variables-h{--ds-fontFamily-heading:'Open Sans Variable', sans-serif;--ds-fontFamily-body:'Open Sans Variable', sans-serif}}.sc-ds-versioned-css-variables-h{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px;--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-smallPlus:45rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem;--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem;--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#007cad;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#e13d37;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115;--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-overlay-black-00);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-05);--ds-bgColor-white-active:var(--ds-palette-black-10);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-05);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-10);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-15);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-30);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-bgColor-neutral-bold:var(--ds-palette-black-60);--ds-bgColor-neutral-bold-hover:var(--ds-palette-black-70);--ds-bgColor-neutral-bold-active:var(--ds-palette-black-80);--ds-bgColor-info-bold:var(--ds-palette-blue-60);--ds-bgColor-info-bold-hover:var(--ds-palette-blue-70);--ds-bgColor-info-bold-active:var(--ds-palette-blue-80);--ds-bgColor-attention-bold:var(--ds-palette-yellow-40);--ds-bgColor-attention-bold-hover:var(--ds-palette-yellow-50);--ds-bgColor-attention-bold-active:var(--ds-palette-yellow-60);--ds-bgColor-danger-bold:var(--ds-palette-red-60);--ds-bgColor-danger-bold-hover:var(--ds-palette-red-70);--ds-bgColor-danger-bold-active:var(--ds-palette-red-80);--ds-bgColor-success-bold:var(--ds-palette-green-60);--ds-bgColor-success-bold-hover:var(--ds-palette-green-70);--ds-bgColor-success-bold-active:var(--ds-palette-green-80);--ds-bgColor-backdrop:var(--ds-overlay-black-50);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-60);--ds-borderColor-success:var(--ds-palette-green-60);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-60);--ds-borderColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-default:var(--ds-palette-black-95);--ds-iconColor-default-hover:var(--ds-palette-black-80);--ds-iconColor-default-active:var(--ds-palette-black-70);--ds-iconColor-neutral:var(--ds-palette-black-50);--ds-iconColor-neutral-hover:var(--ds-palette-black-60);--ds-iconColor-neutral-active:var(--ds-palette-black-70);--ds-iconColor-white:var(--ds-palette-white);--ds-iconColor-white-hover:var(--ds-palette-black-05);--ds-iconColor-white-active:var(--ds-palette-black-10);--ds-iconColor-primary:var(--ds-palette-mainBlue-70);--ds-iconColor-primary-active:var(--ds-palette-mainBlue-80);--ds-iconColor-primary-hover:var(--ds-palette-mainBlue-90);--ds-iconColor-info:var(--ds-palette-blue-60);--ds-iconColor-info-hover:var(--ds-palette-blue-70);--ds-iconColor-info-active:var(--ds-palette-blue-80);--ds-iconColor-danger:var(--ds-palette-red-60);--ds-iconColor-danger-hover:var(--ds-palette-red-70);--ds-iconColor-danger-active:var(--ds-palette-red-80);--ds-iconColor-success:var(--ds-palette-green-60);--ds-iconColor-success-hover:var(--ds-palette-green-70);--ds-iconColor-success-active:var(--ds-palette-green-80);--ds-iconColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-attention-hover:var(--ds-palette-yellow-70);--ds-iconColor-attention-active:var(--ds-palette-yellow-80);--ds-iconColor-disabled-onLight:var(--ds-palette-black-40);--ds-iconColor-disabled-onDark:var(--ds-overlay-white-40);--ds-fontFamily-heading:'Open Sans', sans-serif;--ds-fontFamily-body:'Open Sans', sans-serif;--ds-fontSize-12:12px;--ds-fontSize-14:14px;--ds-fontSize-16:16px;--ds-fontSize-18:18px;--ds-fontSize-20:20px;--ds-fontSize-22:22px;--ds-fontSize-24:24px;--ds-fontSize-26:26px;--ds-fontSize-30:30px;--ds-fontSize-32:32px;--ds-fontSize-36:36px;--ds-fontSize-40:40px;--ds-fontSize-48:48px;--ds-fontSize-56:56px;--ds-fontSize-64:64px;--ds-fontWeight-regular:400;--ds-fontWeight-semibold:600;--ds-fontWeight-semiboldPlus:650;--ds-fontWeight-bold:700;--ds-letterSpacing-xTight:var(--ds-letterSpacing, -2px);--ds-letterSpacing-tight:var(--ds-letterSpacing, -1.4px);--ds-letterSpacing-normal:var(--ds-letterSpacing, -0.4px);--ds-letterSpacing-wide:var(--ds-letterSpacing, 0px);--ds-letterSpacing-xWide:var(--ds-letterSpacing, 0.4px);--ds-lineHeight-small:var(--ds-lineHeight, 1);--ds-lineHeight-medium:var(--ds-lineHeight, 1.2);--ds-lineHeight-large:var(--ds-lineHeight, 1.5);--ds-lineHeight-xLarge:var(--ds-lineHeight, 1.75);--ds-fontWidth-normal:100%;--ds-fontWidth-condense:90%;--ds-number-style:proportional-figures;display:contents}@supports (font-variation-settings: normal){.sc-ds-versioned-css-variables-h{--ds-fontFamily-heading:'Open Sans Variable', sans-serif;--ds-fontFamily-body:'Open Sans Variable', sans-serif}}"}},[262,"ds-versioned-css-variables"]),o=s,i=function(){"undefined"!=typeof customElements&&["ds-versioned-css-variables"].forEach((e=>{"ds-versioned-css-variables"===e&&(customElements.get(r(e))||customElements.define(r(e),s))}))};export{o as DsVersionedCssVariables,i as defineCustomElement}

package/dist/components/ds-visually-hidden.js

@@ -1 +1 @@
-import{D as o,d as p}from"./p-CHZWXcUp.js";const s=o,r=p;export{s as DsVisuallyHidden,r as defineCustomElement}
+import{D as o,d as s}from"./p-CQ-GEolF.js";const p=o,r=s;export{p as DsVisuallyHidden,r as defineCustomElement}

package/dist/components/index.js

@@ -1 +1 @@
-export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-Be3z-48a.js";export{a as appData}from"./p-gPkqWfeS.js";export{c as componentOnReady}from"./p-CjK5xiRo.js";export{c as calculatePaginationPages}from"./p-Bxh7NuqD.js";
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BCnJbLHS.js";export{a as appData}from"./p-gPkqWfeS.js";export{c as componentOnReady}from"./p-CjK5xiRo.js";export{c as calculatePaginationPages}from"./p-Cjmmu5oF.js";

package/dist/components/p-4HcOzLa1.js

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

package/dist/components/p-7eCt9DvX.js

@@ -0,0 +1 @@
+import{p as s,M as r,h as a,t as e}from"./p-BCnJbLHS.js";import{c as t}from"./p-CuBQ8qa4.js";import{t as d}from"./p-CjK5xiRo.js";import{c}from"./p-CuvcuGd4.js";const i=s(class extends(r(c("ds-breadcrumbs-separator"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsIcon="chevron_forward";get DsIcon(){return d("ds-icon","ds-breadcrumbs-separator",this.el)}render(){const s=t("ds-breadcrumbs-separator");return a(this.DsIcon,{key:"242257334eca802e15dd4225e0e558bdecd1ce88",class:s,dsName:this.dsIcon,dsSize:"1rem"})}static get style(){return".ds-breadcrumbs-separator__0Yjiso.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__0Yjiso.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}"}},[514,"ds-breadcrumbs-separator",{dsIcon:[1,"ds-icon"]}]);function o(){"undefined"!=typeof customElements&&["ds-breadcrumbs-separator"].forEach((s=>{"ds-breadcrumbs-separator"===s&&(customElements.get(e(s))||customElements.define(e(s),i))}))}export{i as D,o as d}

package/dist/components/p-9eKIWsD7.js

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