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

@uh-design-system/component-library 1.7.0 → 1.7.1-rc.1

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

Files changed (2364) hide show

package/dist/components/ds-modal.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as a,M as e,c as s,h as t,t as o}from"./p-D6UlgeOO.js";import{c as d}from"./p-BfTCfPZ1.js";import{c as i}from"./p-D8YjFWWU.js";import{t as n,q as r,M as l,s as c,a as _,d as h}from"./p-C_0dwn2_.js";import{g as m}from"./p-DR0EKQJ8.js";import{i as p}from"./p-C77HFMMS.js";import{c as b}from"./p-Bmf5N-74.js";import{d as g}from"./p-Qn1TVqwT.js";import{d as u}from"./p-n9DkXIbZ.js";import{d as v}from"./p-DmnbW85q.js";import{d as f}from"./p-U8nzK7E7.js";import{d as k}from"./p-Cx1Ahh88.js";const A=a(class extends(e(b("ds-modal",{stopRootTracking:!0}))){constructor(a){super(),!1!==a&&this.__registerHost(),this.dsModalClose=s(this,"dsModalClose",7)}get el(){return this}RESIZE_THROTTLE_TIMEOUT=100;reducedMotionMediaQuery=globalThis.matchMedia("(prefers-reduced-motion: reduce)");isGreaterThanEqualSmallMediaQuery=p("small");transitionTimeout=null;contentRef;contentSlotContainsElements=!1;dsModalClose;dsId=this.getUniqueId();dsOpen=!1;dsCloseable=!0;dsVariant="default";dsIcon;dsIconAriaLabel;dsSize="medium";dsAutoFocusTarget="heading";dsScrollable=!1;dsHeadingText="";dsHeadingLevel=2;dsBackdropCloseable=!0;dsBackdropZIndex=9999;isGreaterThanEqualSmall=this.isGreaterThanEqualSmallMediaQuery.matches;transitionInProgress=!1;hasHeaderSlot=!1;hasContentSlot=!1;hasFooterSlot=!1;scrollableContentState=null;get close(){switch(m()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}get warning(){switch(m()){case"fi":return"Varoitus";case"sv":return"Varning";default:return"Warning"}}get contentScrollArea(){switch(m()){case"fi":return"Sisällön vieritysalue";case"sv":return"Innehållets scrollområde";default:return"Content scroll area"}}get icon(){return"danger"===this.dsVariant?{name:"report_fill",size:this.isGreaterThanEqualSmall?"1.75rem":"1.5rem",colour:"ds-iconColor-danger",ariaLabel:this.dsIconAriaLabel\|\|this.warning,ariaHidden:!1}:this.dsIcon?{name:this.dsIcon,size:this.isGreaterThanEqualSmall?"1.75rem":"1.5rem",colour:"ds-iconColor-primary",ariaLabel:this.dsIconAriaLabel,ariaHidden:!this.dsIconAriaLabel}:null}get DsIcon(){return n("ds-icon","ds-modal",this.el)}get DsButton(){return n("ds-button","ds-modal",this.el)}get DsBackdrop(){return n("ds-backdrop","ds-modal",this.el)}checkHeaderSlot(){this.hasHeaderSlot=null!==this.el.querySelector('[slot="header"]')}checkContentSlot(){const a=this.el.querySelectorAll('[slot="content"]');this.hasContentSlot=a.length>0,this.contentSlotContainsElements=Array.from(a).some((a=>a.childElementCount>0))}checkFooterSlot(){this.hasFooterSlot=null!==this.el.querySelector('[slot="footer"]')}calculateScrollableContentState=()=>{this.contentRef&&this.dsScrollable&&(this.scrollableContentState={atTop:0===this.contentRef.scrollTop,atBottom:this.contentRef.scrollTop+this.contentRef.clientHeight>=this.contentRef.scrollHeight})};throttledCalculateScrollableContentState=r(this.calculateScrollableContentState,this.RESIZE_THROTTLE_TIMEOUT);setIsGreaterThanEqualSmall=a=>{this.isGreaterThanEqualSmall=a.matches};handleReducedMotionChange=a=>{a.matches&&(this.transitionTimeout&&(clearTimeout(this.transitionTimeout),this.transitionTimeout=null),this.transitionInProgress=!1)};connectedCallback(){this.reducedMotionMediaQuery.addEventListener("change",this.handleReducedMotionChange),this.isGreaterThanEqualSmallMediaQuery.addEventListener("change",this.setIsGreaterThanEqualSmall)}componentDidLoad(){this.componentMounted(),this.checkHeaderSlot(),this.checkContentSlot(),this.checkFooterSlot(),this.calculateScrollableContentState()}disconnectedCallback(){this.transitionTimeout&&clearTimeout(this.transitionTimeout),this.reducedMotionMediaQuery.removeEventListener("change",this.handleReducedMotionChange),this.isGreaterThanEqualSmallMediaQuery.removeEventListener("change",this.setIsGreaterThanEqualSmall)}hasContentSlotObserver(a){a&&this.calculateScrollableContentState()}dsOpenObserver(a){this.transitionInProgress=!0;const e=()=>{a&&this.calculateScrollableContentState(),this.transitionInProgress=!1};this.reducedMotionMediaQuery.matches?requestAnimationFrame((()=>{e()})):this.transitionTimeout=setTimeout(e,a?l:c)}handleWindowResize(){this.throttledCalculateScrollableContentState()}handleBackdropClose=()=>{this.dsCloseable&&this.dsBackdropCloseable&&this.dsModalClose.emit()};handleCloseClick=()=>{this.transitionInProgress\|\|this.dsModalClose.emit()};handleContentScroll=()=>{this.calculateScrollableContentState()};render(){const a=i("ds-modal"),e=d(a,{[a+"--open"]:this.dsOpen,[a+"--in"]:this.dsOpen&&this.transitionInProgress}),s=d(a+"__container",{[`${a}__container--${this.dsSize}`]:"auto"!==this.dsSize,[a+"__container--scrollable"]:(this.dsOpen\|\|this.transitionInProgress)&&this.dsScrollable}),o=d(a+"__header",{[a+"__header--sticky"]:this.dsScrollable}),n=d(a+"__header__heading","ds-heading-md"),r=d(a+"__header__close-button"),h=d(a+"__content","ds-bodytext-lg",{[a+"__content--scrollable"]:this.dsScrollable,[a+"__content--padded"]:this.contentSlotContainsElements}),m=d(a+"__footer",{[a+"__footer--sticky"]:this.dsScrollable}),p=this.dsScrollable?this.contentScrollArea:void 0,b=this.dsScrollable?0:void 0;return t(this.DsBackdrop,{key:"5a6666dceafdd836c488dca0b4267f696fae96ad",id:this.dsId,dsDialogClasses:e,dsOpen:this.dsOpen,dsZIndex:this.dsBackdropZIndex,dsRole:"danger"===this.dsVariant?"alertdialog":"dialog",onDsBackdropClose:this.handleBackdropClose},t("div",{key:"b9e9259d7aa33542bdf96e1ba276ed47151de0f2",class:a+"__positioner"},t("div",{key:"8c735f1c2172140e23b6c7ebac8db2ff3eebd58b",class:s,style:{"--ds-modal-transition-in-duration":l+"ms","--ds-modal-transition-out-duration":c+"ms"}},t("slot",{key:"2a2ac105c16055684e8c4887d57d674dbcc691eb",name:"header",onSlotchange:()=>this.checkHeaderSlot()},!this.hasHeaderSlot&&t("div",{key:"cc388b665f36f1614d323aa264f736c273ca05ac",class:o},this.dsHeadingText&&t("span",{key:"771a827000c9a7c005929c23021214f1db6c279d",role:"heading",tabIndex:-1,autoFocus:"heading"===this.dsAutoFocusTarget,"aria-level":this.dsHeadingLevel,class:n},this.icon&&t(this.DsIcon,{key:"438b20796c92a99f08491f936d3d5f287f090ea2",class:a+"__header__heading__icon",dsAriaHidden:this.icon.ariaHidden,dsAriaLabel:this.icon.ariaLabel,dsSize:this.icon.size,dsName:this.icon.name,dsColour:this.icon.colour}),t("span",{key:"2d5c7996b8559cd495991cb0a459ca28e293cc6a",class:a+"__header__heading__text"},this.dsHeadingText)),this.dsCloseable&&t(this.DsButton,{key:"aa5ef6d2594b6064b9ae8a6ef005af68bcd449c1",class:r,dsVariant:"supplementary",dsSize:"small",dsColour:"black",dsIcon:"close",dsAriaLabel:this.close,dsAutoFocus:"close-button"===this.dsAutoFocusTarget,onClick:this.handleCloseClick}))),t("div",{key:"47e06142d21b5286e9853e5a369a1761159e1a4e",ref:a=>this.contentRef=a,class:h,..._("aria-label",p),..._("tabIndex",b),onScroll:this.handleContentScroll},this.dsScrollable&&this.hasContentSlot&&t("div",{key:"a5e145a50643d02dd801acb26e50a5486516e7f3",class:d(a+"__content--scrollable__top-scrim",{[a+"__content--scrollable__top-scrim--open"]:this.scrollableContentState&&!this.scrollableContentState.atTop}),"aria-hidden":"true"}),t("slot",{key:"45f6f1eecda2e9f1f8279ec0b3a274fcc187d9ab",name:"content",onSlotchange:()=>this.checkContentSlot()}),this.dsScrollable&&this.hasContentSlot&&t("div",{key:"f5b6cb6fe2fed931d6540607807dcce3387f7c71",class:d(a+"__content--scrollable__bottom-scrim",{[a+"__content--scrollable__bottom-scrim--open"]:this.scrollableContentState&&!this.scrollableContentState.atBottom}),"aria-hidden":"true"})),t("div",{key:"4e62c73d5bf7b60205d999803708af9ec11538e5",class:m},t("slot",{key:"68c2a8a0bd4be4a22ebe1cb728cabe3f1b5604c6",name:"footer",onSlotchange:()=>this.checkFooterSlot()})))))}static get watchers(){return{hasContentSlot:[{hasContentSlotObserver:0}],dsOpen:[{dsOpenObserver:0}]}}static get style(){return".ds-modal__pA2cRq{position:fixed;padding:0;border:0;margin:0;max-height:100vh;max-height:100dvh;min-height:100vh;min-height:100dvh;width:100vw;background-color:var(--ds-bgColor-transparent-onLight);overflow-y:hidden;inset:0}.ds-modal__pA2cRq--open{overflow-y:auto}.ds-modal__pA2cRq__positioner{pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;min-height:100dvh;padding-block:var(--ds-spacing-small) 0;margin-block:auto 0}@media (min-width: 30rem){.ds-modal__pA2cRq__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__pA2cRq__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__pA2cRq__container{pointer-events:auto;cursor:unset;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);scale:0.98;opacity:0;transform:translateY(0.75rem);transition:scale var(--ds-modal-transition-out-duration) ease-out, opacity var(--ds-modal-transition-out-duration) ease-out, transform var(--ds-modal-transition-out-duration) ease-out}@media (min-width: 30rem){.ds-modal__pA2cRq__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__pA2cRq__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__pA2cRq__container--full{width:100%}@media (min-width: 30rem){.ds-modal__pA2cRq__container--small{width:480px}.ds-modal__pA2cRq__container--medium{width:640px}.ds-modal__pA2cRq__container--large{width:800px}}.ds-modal__pA2cRq__container--scrollable{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh + calc(-1 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-1 * var(--ds-spacing-small)));min-height:calc(320px - 2 * var(--ds-spacing-small))}@media (min-width: 30rem){.ds-modal__pA2cRq__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-small)))}}@media (min-width: 60rem){.ds-modal__pA2cRq__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__pA2cRq--open .ds-modal__pA2cRq__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__pA2cRq--in .ds-modal__pA2cRq__container{transition:scale var(--ds-modal-transition-in-duration) ease-out, opacity var(--ds-modal-transition-in-duration) ease-out, transform var(--ds-modal-transition-in-duration) ease-out}@media (prefers-reduced-motion: reduce){.ds-modal__pA2cRq__container,.ds-modal__pA2cRq--in .ds-modal__pA2cRq__container{transition:none}}.ds-modal__pA2cRq__header{position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-spacing-2xSmall);padding-block:var(--ds-spacing-small);padding-inline:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__pA2cRq__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__pA2cRq__header--sticky{position:sticky;top:0;background-color:var(--ds-bgColor-white);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-modal__pA2cRq__header__heading: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-modal__pA2cRq__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__pA2cRq__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__pA2cRq__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__pA2cRq__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__pA2cRq__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__pA2cRq__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__pA2cRq__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__pA2cRq__content:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-modal__pA2cRq__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__pA2cRq__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__pA2cRq__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__pA2cRq__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__pA2cRq__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__pA2cRq__content--scrollable__top-scrim,.ds-modal__pA2cRq__content--scrollable__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-modal__pA2cRq__content--scrollable__top-scrim--open,.ds-modal__pA2cRq__content--scrollable__bottom-scrim--open{display:block}.ds-modal__pA2cRq__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__pA2cRq__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__pA2cRq__content--scrollable:focus-visible .ds-modal__pA2cRq__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__pA2cRq__content--scrollable:focus-visible .ds-modal__pA2cRq__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__pA2cRq__footer{position:relative}.ds-modal__pA2cRq__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__pA2cRq__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__pA2cRq__footer:not(:empty)+.ds-modal__pA2cRq__content{border-block-end:0}.ds-modal__pA2cRq__footer--sticky:not(:empty){position:sticky;bottom:0;background-color:var(--ds-bgColor-white);border-block-start:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}"}},[772,"ds-modal",{dsId:[1,"ds-id"],dsOpen:[4,"ds-open"],dsCloseable:[4,"ds-closeable"],dsVariant:[1,"ds-variant"],dsIcon:[1,"ds-icon"],dsIconAriaLabel:[1,"ds-icon-aria-label"],dsSize:[1,"ds-size"],dsAutoFocusTarget:[1,"ds-auto-focus-target"],dsScrollable:[4,"ds-scrollable"],dsHeadingText:[1,"ds-heading-text"],dsHeadingLevel:[2,"ds-heading-level"],dsBackdropCloseable:[4,"ds-backdrop-closeable"],dsBackdropZIndex:[2,"ds-backdrop-z-index"],isGreaterThanEqualSmall:[32],transitionInProgress:[32],hasHeaderSlot:[32],hasContentSlot:[32],hasFooterSlot:[32],scrollableContentState:[32]},[[9,"resize","handleWindowResize"]],{hasContentSlot:[{hasContentSlotObserver:0}],dsOpen:[{dsOpenObserver:0}]}]);h([t("ds-backdrop",null),t("ds-button",null),t("ds-icon",{dsName:""})]);const R=A,q=function(){"undefined"!=typeof customElements&&["ds-modal","ds-backdrop","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((a=>{switch(a){case"ds-modal":customElements.get(o(a))\|\|customElements.define(o(a),A);break;case"ds-backdrop":customElements.get(o(a))\|\|g();break;case"ds-button":customElements.get(o(a))\|\|u();break;case"ds-icon":customElements.get(o(a))\|\|v();break;case"ds-spinner":customElements.get(o(a))\|\|f();break;case"ds-visually-hidden":customElements.get(o(a))\|\|k()}}))};export{R as DsModal,q as defineCustomElement}
1	+ import{p as a,M as e,c as s,h as t,t as o}from"./p-BSJ7lj7t.js";import{c as d}from"./p-BfTCfPZ1.js";import{c as i}from"./p-B7wRJvcQ.js";import{t as n,q as r,M as l,s as c,a as _,d as h}from"./p-C_0dwn2_.js";import{g as m}from"./p-7kuqFS4m.js";import{i as p}from"./p-C77HFMMS.js";import{c as g}from"./p-CYq9Hn9P.js";import{d as b}from"./p-eUnTAY5j.js";import{d as u}from"./p-DnFcDWE2.js";import{d as v}from"./p-DBDtYogU.js";import{d as f}from"./p-DMUyIQhi.js";import{d as w}from"./p-D1avxCgt.js";const k=a(class extends(e(g("ds-modal",{stopRootTracking:!0}))){constructor(a){super(),!1!==a&&this.__registerHost(),this.dsModalClose=s(this,"dsModalClose",7)}get el(){return this}RESIZE_THROTTLE_TIMEOUT=100;reducedMotionMediaQuery=globalThis.matchMedia("(prefers-reduced-motion: reduce)");isGreaterThanEqualSmallMediaQuery=p("small");transitionTimeout=null;contentRef;contentSlotContainsElements=!1;dsModalClose;dsId=this.getUniqueId();dsOpen=!1;dsCloseable=!0;dsVariant="default";dsIcon;dsIconAriaLabel;dsSize="medium";dsAutoFocusTarget="heading";dsScrollable=!1;dsHeadingText="";dsHeadingLevel=2;dsBackdropCloseable=!0;dsBackdropZIndex=9999;isGreaterThanEqualSmall=this.isGreaterThanEqualSmallMediaQuery.matches;transitionInProgress=!1;hasHeaderSlot=!1;hasContentSlot=!1;hasFooterSlot=!1;scrollableContentState=null;get close(){switch(m()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}get warning(){switch(m()){case"fi":return"Varoitus";case"sv":return"Varning";default:return"Warning"}}get contentScrollArea(){switch(m()){case"fi":return"Sisällön vieritysalue";case"sv":return"Innehållets scrollområde";default:return"Content scroll area"}}get icon(){return"danger"===this.dsVariant?{name:"report_fill",size:this.isGreaterThanEqualSmall?"1.75rem":"1.5rem",colour:"ds-iconColor-danger",ariaLabel:this.dsIconAriaLabel\|\|this.warning,ariaHidden:!1}:this.dsIcon?{name:this.dsIcon,size:this.isGreaterThanEqualSmall?"1.75rem":"1.5rem",colour:"ds-iconColor-primary",ariaLabel:this.dsIconAriaLabel,ariaHidden:!this.dsIconAriaLabel}:null}get DsIcon(){return n("ds-icon","ds-modal",this.el)}get DsButton(){return n("ds-button","ds-modal",this.el)}get DsBackdrop(){return n("ds-backdrop","ds-modal",this.el)}checkHeaderSlot(){this.hasHeaderSlot=null!==this.el.querySelector('[slot="header"]')}checkContentSlot(){const a=this.el.querySelectorAll('[slot="content"]');this.hasContentSlot=a.length>0,this.contentSlotContainsElements=Array.from(a).some((a=>a.childElementCount>0))}checkFooterSlot(){this.hasFooterSlot=null!==this.el.querySelector('[slot="footer"]')}calculateScrollableContentState=()=>{this.contentRef&&this.dsScrollable&&(this.scrollableContentState={atTop:0===this.contentRef.scrollTop,atBottom:this.contentRef.scrollTop+this.contentRef.clientHeight>=this.contentRef.scrollHeight})};throttledCalculateScrollableContentState=r(this.calculateScrollableContentState,this.RESIZE_THROTTLE_TIMEOUT);setIsGreaterThanEqualSmall=a=>{this.isGreaterThanEqualSmall=a.matches};handleReducedMotionChange=a=>{a.matches&&(this.transitionTimeout&&(clearTimeout(this.transitionTimeout),this.transitionTimeout=null),this.transitionInProgress=!1)};connectedCallback(){this.reducedMotionMediaQuery.addEventListener("change",this.handleReducedMotionChange),this.isGreaterThanEqualSmallMediaQuery.addEventListener("change",this.setIsGreaterThanEqualSmall)}componentDidLoad(){this.componentMounted(),this.checkHeaderSlot(),this.checkContentSlot(),this.checkFooterSlot(),this.calculateScrollableContentState()}disconnectedCallback(){this.transitionTimeout&&clearTimeout(this.transitionTimeout),this.reducedMotionMediaQuery.removeEventListener("change",this.handleReducedMotionChange),this.isGreaterThanEqualSmallMediaQuery.removeEventListener("change",this.setIsGreaterThanEqualSmall)}hasContentSlotObserver(a){a&&this.calculateScrollableContentState()}dsOpenObserver(a){this.transitionInProgress=!0;const e=()=>{a&&this.calculateScrollableContentState(),this.transitionInProgress=!1};this.reducedMotionMediaQuery.matches?requestAnimationFrame((()=>{e()})):this.transitionTimeout=setTimeout(e,a?l:c)}handleWindowResize(){this.throttledCalculateScrollableContentState()}handleBackdropClose=()=>{this.dsCloseable&&this.dsBackdropCloseable&&this.dsModalClose.emit()};handleCloseClick=()=>{this.transitionInProgress\|\|this.dsModalClose.emit()};handleContentScroll=()=>{this.calculateScrollableContentState()};render(){const a=i("ds-modal"),e=d(a,{[a+"--open"]:this.dsOpen,[a+"--in"]:this.dsOpen&&this.transitionInProgress}),s=d(a+"__container",{[`${a}__container--${this.dsSize}`]:"auto"!==this.dsSize,[a+"__container--scrollable"]:(this.dsOpen\|\|this.transitionInProgress)&&this.dsScrollable}),o=d(a+"__header",{[a+"__header--sticky"]:this.dsScrollable}),n=d(a+"__header__heading","ds-heading-md"),r=d(a+"__header__close-button"),h=d(a+"__content","ds-bodytext-lg",{[a+"__content--scrollable"]:this.dsScrollable,[a+"__content--padded"]:this.contentSlotContainsElements}),m=d(a+"__footer",{[a+"__footer--sticky"]:this.dsScrollable}),p=this.dsScrollable?this.contentScrollArea:void 0,g=this.dsScrollable?0:void 0;return t(this.DsBackdrop,{key:"0efa4dc7e5b299275242e5c12f34ffbf98f44b0f",id:this.dsId,dsDialogClasses:e,dsOpen:this.dsOpen,dsZIndex:this.dsBackdropZIndex,dsRole:"danger"===this.dsVariant?"alertdialog":"dialog",onDsBackdropClose:this.handleBackdropClose},t("div",{key:"ca4ce0f949b40552e01a52a61ca0de2d88f81942",class:a+"__positioner"},t("div",{key:"1d637eca01a1f980ef5ea137bc45294d72d7d038",class:s,style:{"--ds-modal-transition-in-duration":l+"ms","--ds-modal-transition-out-duration":c+"ms"}},t("slot",{key:"8c9df307762556e823fee2930d37effb7dcdc52e",name:"header",onSlotchange:()=>this.checkHeaderSlot()},!this.hasHeaderSlot&&t("div",{key:"c49cb564d9578968e508d8dc601938fc5fde2c5d",class:o},this.dsHeadingText&&t("span",{key:"9577b3325a8733ec3de2a58af84d9a268c2485cf",role:"heading",tabIndex:-1,autoFocus:"heading"===this.dsAutoFocusTarget,"aria-level":this.dsHeadingLevel,class:n},this.icon&&t(this.DsIcon,{key:"f3167c552351acd906001d381758af3dcaa21e3c",class:a+"__header__heading__icon",dsAriaHidden:this.icon.ariaHidden,dsAriaLabel:this.icon.ariaLabel,dsSize:this.icon.size,dsName:this.icon.name,dsColour:this.icon.colour}),t("span",{key:"95a63ff5f74501d60ba255a6993969a3f30f584a",class:a+"__header__heading__text"},this.dsHeadingText)),this.dsCloseable&&t(this.DsButton,{key:"23778f6a4df24bcb2de162a3c07fc1583f16bf69",class:r,dsVariant:"supplementary",dsSize:"small",dsColour:"black",dsIcon:"close",dsAriaLabel:this.close,dsAutoFocus:"close-button"===this.dsAutoFocusTarget,onClick:this.handleCloseClick}))),t("div",{key:"eef6b285c82b16594dea4970d28984ab0ca25c7e",ref:a=>this.contentRef=a,class:h,..._("aria-label",p),..._("tabIndex",g),onScroll:this.handleContentScroll},this.dsScrollable&&this.hasContentSlot&&t("div",{key:"0c3704a1dfa48c5f8b144321f3b12eb6d5b78320",class:d(a+"__content--scrollable__top-scrim",{[a+"__content--scrollable__top-scrim--open"]:this.scrollableContentState&&!this.scrollableContentState.atTop}),"aria-hidden":"true"}),t("slot",{key:"1fa869f21f601685548ac28c24218b68425dfbc3",name:"content",onSlotchange:()=>this.checkContentSlot()}),this.dsScrollable&&this.hasContentSlot&&t("div",{key:"66a8687589204dbacd76298fbb5ceaca27494687",class:d(a+"__content--scrollable__bottom-scrim",{[a+"__content--scrollable__bottom-scrim--open"]:this.scrollableContentState&&!this.scrollableContentState.atBottom}),"aria-hidden":"true"})),t("div",{key:"9cfa82dac02e514034ec049c71d7ffae8c755548",class:m},t("slot",{key:"971ce428de30b4731a5a4805d82391d0b9d509ab",name:"footer",onSlotchange:()=>this.checkFooterSlot()})))))}static get watchers(){return{hasContentSlot:[{hasContentSlotObserver:0}],dsOpen:[{dsOpenObserver:0}]}}static get style(){return".ds-modal__0apwgA{position:fixed;padding:0;border:0;margin:0;max-height:100vh;max-height:100dvh;min-height:100vh;min-height:100dvh;width:100vw;background-color:var(--ds-bgColor-transparent-onLight);overflow-y:hidden;inset:0}.ds-modal__0apwgA--open{overflow-y:auto}.ds-modal__0apwgA__positioner{pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;min-height:100dvh;padding-block:var(--ds-spacing-small) 0;margin-block:auto 0}@media (min-width: 30rem){.ds-modal__0apwgA__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__0apwgA__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__0apwgA__container{pointer-events:auto;cursor:unset;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);scale:0.98;opacity:0;transform:translateY(0.75rem);transition:scale var(--ds-modal-transition-out-duration) ease-out, opacity var(--ds-modal-transition-out-duration) ease-out, transform var(--ds-modal-transition-out-duration) ease-out}@media (min-width: 30rem){.ds-modal__0apwgA__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__0apwgA__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__0apwgA__container--full{width:100%}@media (min-width: 30rem){.ds-modal__0apwgA__container--small{width:480px}.ds-modal__0apwgA__container--medium{width:640px}.ds-modal__0apwgA__container--large{width:800px}}.ds-modal__0apwgA__container--scrollable{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh + calc(-1 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-1 * var(--ds-spacing-small)));min-height:calc(320px - 2 * var(--ds-spacing-small))}@media (min-width: 30rem){.ds-modal__0apwgA__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-small)))}}@media (min-width: 60rem){.ds-modal__0apwgA__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__0apwgA--open .ds-modal__0apwgA__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__0apwgA--in .ds-modal__0apwgA__container{transition:scale var(--ds-modal-transition-in-duration) ease-out, opacity var(--ds-modal-transition-in-duration) ease-out, transform var(--ds-modal-transition-in-duration) ease-out}@media (prefers-reduced-motion: reduce){.ds-modal__0apwgA__container,.ds-modal__0apwgA--in .ds-modal__0apwgA__container{transition:none}}.ds-modal__0apwgA__header{position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-spacing-2xSmall);padding-block:var(--ds-spacing-small);padding-inline:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__0apwgA__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__0apwgA__header--sticky{position:sticky;top:0;background-color:var(--ds-bgColor-white);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-modal__0apwgA__header__heading: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-modal__0apwgA__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__0apwgA__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__0apwgA__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__0apwgA__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__0apwgA__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__0apwgA__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__0apwgA__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__0apwgA__content:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-modal__0apwgA__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__0apwgA__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__0apwgA__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__0apwgA__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__0apwgA__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__0apwgA__content--scrollable__top-scrim,.ds-modal__0apwgA__content--scrollable__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-modal__0apwgA__content--scrollable__top-scrim--open,.ds-modal__0apwgA__content--scrollable__bottom-scrim--open{display:block}.ds-modal__0apwgA__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__0apwgA__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__0apwgA__content--scrollable:focus-visible .ds-modal__0apwgA__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__0apwgA__content--scrollable:focus-visible .ds-modal__0apwgA__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__0apwgA__footer{position:relative}.ds-modal__0apwgA__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__0apwgA__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__0apwgA__footer:not(:empty)+.ds-modal__0apwgA__content{border-block-end:0}.ds-modal__0apwgA__footer--sticky:not(:empty){position:sticky;bottom:0;background-color:var(--ds-bgColor-white);border-block-start:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}"}},[772,"ds-modal",{dsId:[1,"ds-id"],dsOpen:[4,"ds-open"],dsCloseable:[4,"ds-closeable"],dsVariant:[1,"ds-variant"],dsIcon:[1,"ds-icon"],dsIconAriaLabel:[1,"ds-icon-aria-label"],dsSize:[1,"ds-size"],dsAutoFocusTarget:[1,"ds-auto-focus-target"],dsScrollable:[4,"ds-scrollable"],dsHeadingText:[1,"ds-heading-text"],dsHeadingLevel:[2,"ds-heading-level"],dsBackdropCloseable:[4,"ds-backdrop-closeable"],dsBackdropZIndex:[2,"ds-backdrop-z-index"],isGreaterThanEqualSmall:[32],transitionInProgress:[32],hasHeaderSlot:[32],hasContentSlot:[32],hasFooterSlot:[32],scrollableContentState:[32]},[[9,"resize","handleWindowResize"]],{hasContentSlot:[{hasContentSlotObserver:0}],dsOpen:[{dsOpenObserver:0}]}]);h([t("ds-backdrop",null),t("ds-button",null),t("ds-icon",{dsName:""})]);const A=k,x=function(){"undefined"!=typeof customElements&&["ds-modal","ds-backdrop","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((a=>{switch(a){case"ds-modal":customElements.get(o(a))\|\|customElements.define(o(a),k);break;case"ds-backdrop":customElements.get(o(a))\|\|b();break;case"ds-button":customElements.get(o(a))\|\|u();break;case"ds-icon":customElements.get(o(a))\|\|v();break;case"ds-spinner":customElements.get(o(a))\|\|f();break;case"ds-visually-hidden":customElements.get(o(a))\|\|w()}}))};export{A as DsModal,x as defineCustomElement}

package/dist/components/ds-notification.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as i,M as t,c as s,f as o,h as a,t as n}from"./p-~~D6UlgeOO~~.js";import{c as d}from"./p-BfTCfPZ1.js";import{c as e}from"./p-~~D8YjFWWU~~.js";import{t as r,o as c,d as l}from"./p-C_0dwn2_.js";import{i as f,a as h}from"./p-5l5qZ1Ad.js";import{g as b}from"./p-~~DR0EKQJ8~~.js";import{a as _,d as p}from"./p-~~DmnbW85q~~.js";import{c as u}from"./p-~~Bmf5N-74~~.js";import{d as m}from"./p-~~n9DkXIbZ~~.js";import{d as g}from"./p-~~U8nzK7E7~~.js";import{d as v}from"./p-~~Cx1Ahh88~~.js";const x=["neutral","neutralWhite","info","success","attention","danger"],A=["neutral","neutralWhite","info"],R=i(class extends(t(u("ds-notification",{stopRootTracking:!0}),_)){constructor(i){super(!1),!1!==i&&this.__registerHost(),this.dsDismiss=s(this,"dsDismiss",7)}dsAriaLabel;dsAriaLabelledby;dsRole;inheritedAttributes={};get el(){return this}dsDismiss;dsId=this.getUniqueId();variant="neutral";get dsVariant(){return this.variant}set dsVariant(i){x.includes(i)&&(this.variant=i)}dsDismissable=!1;dsDismissButtonHiddenAssistiveText;dsHeading;headingLevel=2;get dsHeadingLevel(){return this.headingLevel}set dsHeadingLevel(i){i<1\|\|(this.headingLevel=i)}_dsIcon;get dsIcon(){return this._dsIcon}set dsIcon(i){this._dsIcon=i&&(()=>A.includes(this.variant))()?i:this.variantIcon}dsDescription;dsDescriptionMaxWidth="550px";get variantIcon(){switch(this.variant){case"info":return"info_fill";case"success":return"check_circle_fill";case"attention":return"warning_fill";case"danger":return"report_fill";default:return"help_fill"}}get icon(){return this.dsIcon\|\|this.variantIcon}get DsIcon(){return r("ds-icon","ds-notification",this.el)}get DsButton(){return r("ds-button","ds-notification",this.el)}get DsVisuallyHidden(){return r("ds-visually-hidden","ds-notification",this.el)}get headingId(){return this.dsId+"-heading"}get close(){switch(b()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}get notification(){switch(b()){case"fi":return"Ilmoitus";case"sv":return"Meddelande";default:return"Notification"}}get ariaLabel(){return this.inheritedAttributes["aria-label"]?this.inheritedAttributes["aria-label"]:this.dsHeading&&this.dsDescription?void 0:this.notification}get ariaLabelledBy(){return this.inheritedAttributes["aria-labelledby"]?this.inheritedAttributes["aria-labelledby"]:this.dsHeading&&this.dsDescription?this.headingId:void 0}ariaAttributeObserver(i,t,s){this.inheritedAttributes={...this.inheritedAttributes,[s]:i},o(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...h(this,this.el),...f(this.el)}}componentDidLoad(){this.componentMounted()}handleDismissButtonClick=()=>{this.dsDismiss.emit()};render(){const i=e("ds-notification"),t=i+"__content",s=t+"__text",o=d(i,`${i}--${this.variant}`),n=this.dsAriaLabel??this.inheritedAttributes["aria-label"]??this.ariaLabel,r=this.dsAriaLabelledby??this.inheritedAttributes["aria-labelledby"]??this.ariaLabelledBy,l=this.dsRole??this.inheritedAttributes.role??"group",f=c(this.inheritedAttributes,["aria-labelledby","aria-label","role"]);return a("div",{key:"~~7b14408450830b5684feaae5112bb6d5ebd14ad0~~",class:o,id:this.dsId,role:l,"aria-label":n,"aria-labelledby":r,...f},a("div",{key:"~~0b217857db9473deb8d4170dde2210c44678f564~~",class:t},a("div",{key:"~~aa01e9f745e9e78816d5448cea369c917cd7e865~~",class:i+"__icon ds-p-3xs"},a(this.DsIcon,{key:"~~055972a856b67cd4189ed9278fdf19c49726d808~~",dsName:this.icon})),a("div",{key:"~~04111ec788f7957075685cb0fd27a62b68ac88cb~~",class:s},a("slot",{key:"~~bde8bbc11c6d996264495c269a7e9fe53dd10b88~~",name:"heading"},this.dsHeading&&a("div",{key:"~~a1e9acfc2eedddba7b91e3bd50c3db3ce39095a1~~",class:s+"__heading ds-text-semibold-lg",id:this.headingId,role:this.dsDescription?"heading":void 0,"aria-level":this.dsDescription?this.dsHeadingLevel:void 0},this.dsHeading)),a("slot",{key:"~~7b3a7679882494b12385180faa7b0372a4e27639~~",name:"description"},this.dsDescription&&a("div",{key:"~~b3528bf1e150bd89ca1fdc65906303f7a0ac45fe~~",class:s+"__description ds-text-regular-md",style:{"--ds-notification-description-max-width":this.dsDescriptionMaxWidth}},this.dsDescription)),a("slot",{key:"~~96f57e85be28e720d2cbb3d8e9dfb70e6cc2c701~~"})),this.dsDismissable&&a(this.DsButton,{key:"~~5aec0dbd01019afe590eb216e9e5041c5a5b5c1e~~",dsId:this.dsId+"-dismiss-button",dsIcon:"close",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsAriaLabelledby:[this.dsId+"-dismiss-button",r].filter(Boolean).join(" "),onClick:this.handleDismissButtonClick},a(this.DsVisuallyHidden,{key:"~~f9f222d9aab4de4a8fb68cad90c3c375434cd0d7~~",slot:"suffix",dsTag:"span"},this.dsDismissButtonHiddenAssistiveText\|\|this.close))))}static get watchers(){return{"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}]}}static get style(){return".sc-ds-notification-h{display:block;width:100%}.ds-~~notification__pA2cRq~~.sc-ds-notification{padding:var(--ds-spacing-xSmall, 12px)}.ds-~~notification__pA2cRq~~.ds-~~notification__pA2cRq~~--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-~~notification__pA2cRq~~.ds-~~notification__pA2cRq~~--neutral.sc-ds-notification .ds-~~notification__pA2cRq__icon~~.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-~~notification__pA2cRq~~.ds-~~notification__pA2cRq~~--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-~~notification__pA2cRq~~.ds-~~notification__pA2cRq~~--neutralWhite.sc-ds-notification .ds-~~notification__pA2cRq__icon~~.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-~~notification__pA2cRq~~.ds-~~notification__pA2cRq~~--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-~~notification__pA2cRq~~.ds-~~notification__pA2cRq~~--info.sc-ds-notification .ds-~~notification__pA2cRq__icon~~.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-~~notification__pA2cRq~~.ds-~~notification__pA2cRq~~--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-~~notification__pA2cRq~~.ds-~~notification__pA2cRq~~--success.sc-ds-notification .ds-~~notification__pA2cRq__icon~~.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-~~notification__pA2cRq~~.ds-~~notification__pA2cRq~~--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-~~notification__pA2cRq~~.ds-~~notification__pA2cRq~~--attention.sc-ds-notification .ds-~~notification__pA2cRq__icon~~.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-~~notification__pA2cRq~~.ds-~~notification__pA2cRq~~--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-~~notification__pA2cRq~~.ds-~~notification__pA2cRq~~--danger.sc-ds-notification .ds-~~notification__pA2cRq__icon~~.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-~~notification__pA2cRq__content~~.sc-ds-notification{display:flex;gap:var(--ds-spacing-2xSmall, 8px);max-width:1376px;margin:0 auto}.ds-~~notification__pA2cRq__content__text~~.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-~~notification__pA2cRq__content__text__heading~~.sc-ds-notification,.ds-~~notification__pA2cRq__content__text__description~~.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-~~notification__pA2cRq__content__text__description~~.sc-ds-notification{max-width:var(--ds-notification-description-max-width, 550px)}"}},[774,"ds-notification",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsRole:[1,"ds-role"],dsId:[1,"ds-id"],dsVariant:[6145,"ds-variant"],dsDismissable:[4,"ds-dismissable"],dsDismissButtonHiddenAssistiveText:[1,"ds-dismiss-button-hidden-assistive-text"],dsHeading:[1,"ds-heading"],dsHeadingLevel:[6146,"ds-heading-level"],dsIcon:[6145,"ds-icon"],dsDescription:[1,"ds-description"],dsDescriptionMaxWidth:[1,"ds-description-max-width"]},void 0,{"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}]}]);l([a("ds-icon",{dsName:""}),a("ds-button",null),a("ds-visually-hidden",null)]);const q=R,y=function(){"undefined"!=typeof customElements&&["ds-notification","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((i=>{switch(i){case"ds-notification":customElements.get(n(i))\|\|customElements.define(n(i),R);break;case"ds-button":customElements.get(n(i))\|\|m();break;case"ds-icon":customElements.get(n(i))\|\|p();break;case"ds-spinner":customElements.get(n(i))\|\|g();break;case"ds-visually-hidden":customElements.get(n(i))\|\|v()}}))};export{q as DsNotification,y as defineCustomElement}
1	+ import{p as i,M as t,c as s,f as a,h as o,t as d}from"./p-BSJ7lj7t.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as e}from"./p-B7wRJvcQ.js";import{t as r,o as c,d as l}from"./p-C_0dwn2_.js";import{i as f,a as h}from"./p-5l5qZ1Ad.js";import{g as _}from"./p-7kuqFS4m.js";import{a as g,d as p}from"./p-DBDtYogU.js";import{c as b}from"./p-CYq9Hn9P.js";import{d as u}from"./p-DnFcDWE2.js";import{d as m}from"./p-DMUyIQhi.js";import{d as v}from"./p-D1avxCgt.js";const x=["neutral","neutralWhite","info","success","attention","danger"],w=["neutral","neutralWhite","info"],A=i(class extends(t(b("ds-notification",{stopRootTracking:!0}),g)){constructor(i){super(!1),!1!==i&&this.__registerHost(),this.dsDismiss=s(this,"dsDismiss",7)}dsAriaLabel;dsAriaLabelledby;dsRole;inheritedAttributes={};get el(){return this}dsDismiss;dsId=this.getUniqueId();variant="neutral";get dsVariant(){return this.variant}set dsVariant(i){x.includes(i)&&(this.variant=i)}dsDismissable=!1;dsDismissButtonHiddenAssistiveText;dsHeading;headingLevel=2;get dsHeadingLevel(){return this.headingLevel}set dsHeadingLevel(i){i<1\|\|(this.headingLevel=i)}_dsIcon;get dsIcon(){return this._dsIcon}set dsIcon(i){this._dsIcon=i&&(()=>w.includes(this.variant))()?i:this.variantIcon}dsDescription;dsDescriptionMaxWidth="550px";get variantIcon(){switch(this.variant){case"info":return"info_fill";case"success":return"check_circle_fill";case"attention":return"warning_fill";case"danger":return"report_fill";default:return"help_fill"}}get icon(){return this.dsIcon\|\|this.variantIcon}get DsIcon(){return r("ds-icon","ds-notification",this.el)}get DsButton(){return r("ds-button","ds-notification",this.el)}get DsVisuallyHidden(){return r("ds-visually-hidden","ds-notification",this.el)}get headingId(){return this.dsId+"-heading"}get close(){switch(_()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}get notification(){switch(_()){case"fi":return"Ilmoitus";case"sv":return"Meddelande";default:return"Notification"}}get ariaLabel(){return this.inheritedAttributes["aria-label"]?this.inheritedAttributes["aria-label"]:this.dsHeading&&this.dsDescription?void 0:this.notification}get ariaLabelledBy(){return this.inheritedAttributes["aria-labelledby"]?this.inheritedAttributes["aria-labelledby"]:this.dsHeading&&this.dsDescription?this.headingId:void 0}ariaAttributeObserver(i,t,s){this.inheritedAttributes={...this.inheritedAttributes,[s]:i},a(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...h(this,this.el),...f(this.el)}}componentDidLoad(){this.componentMounted()}handleDismissButtonClick=()=>{this.dsDismiss.emit()};render(){const i=e("ds-notification"),t=i+"__content",s=t+"__text",a=n(i,`${i}--${this.variant}`),d=this.dsAriaLabel??this.inheritedAttributes["aria-label"]??this.ariaLabel,r=this.dsAriaLabelledby??this.inheritedAttributes["aria-labelledby"]??this.ariaLabelledBy,l=this.dsRole??this.inheritedAttributes.role??"group",f=c(this.inheritedAttributes,["aria-labelledby","aria-label","role"]);return o("div",{key:"bbdfb170d0710ad63eb2fd21ccdb95ad698b5452",class:a,id:this.dsId,role:l,"aria-label":d,"aria-labelledby":r,...f},o("div",{key:"52a0d213bf4a702855d04c5f9e54e94ecad35673",class:t},o("div",{key:"1d74a64cc5f8b663e085f357a0f465401caf759a",class:i+"__icon ds-p-3xs"},o(this.DsIcon,{key:"2901731a99302d4aa4d75483720b83e549c7673b",dsName:this.icon})),o("div",{key:"1830540c52433c0ed837fa4953524e62dddb02a0",class:s},o("slot",{key:"749a7637dfee626c682fc310205af5587911cf64",name:"heading"},this.dsHeading&&o("div",{key:"de0fa2d238ee27531c6373e77e3fa9a99f1ec476",class:s+"__heading ds-text-semibold-lg",id:this.headingId,role:this.dsDescription?"heading":void 0,"aria-level":this.dsDescription?this.dsHeadingLevel:void 0},this.dsHeading)),o("slot",{key:"7d18d70b3c4e05a2a2b4fd212eb01ebe06eb0de8",name:"description"},this.dsDescription&&o("div",{key:"6213231054ff65669916a64d05037ed015733ff6",class:s+"__description ds-text-regular-md",style:{"--ds-notification-description-max-width":this.dsDescriptionMaxWidth}},this.dsDescription)),o("slot",{key:"05838a337c7f5506ac76d098b57ed2521a1b76f1"})),this.dsDismissable&&o(this.DsButton,{key:"ab0d62abd9893dbaa0619b7c913693283346cf93",dsId:this.dsId+"-dismiss-button",dsIcon:"close",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsAriaLabelledby:[this.dsId+"-dismiss-button",r].filter(Boolean).join(" "),onClick:this.handleDismissButtonClick},o(this.DsVisuallyHidden,{key:"2cd7002ecac35dd97d012fd400de859e23d0ff0d",slot:"suffix",dsTag:"span"},this.dsDismissButtonHiddenAssistiveText\|\|this.close))))}static get watchers(){return{"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}]}}static get style(){return".sc-ds-notification-h{display:block;width:100%}.ds-notification__0apwgA.sc-ds-notification{padding:var(--ds-spacing-xSmall, 12px)}.ds-notification__0apwgA.ds-notification__0apwgA--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__0apwgA.ds-notification__0apwgA--neutral.sc-ds-notification .ds-notification__0apwgA__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__0apwgA.ds-notification__0apwgA--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__0apwgA.ds-notification__0apwgA--neutralWhite.sc-ds-notification .ds-notification__0apwgA__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__0apwgA.ds-notification__0apwgA--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__0apwgA.ds-notification__0apwgA--info.sc-ds-notification .ds-notification__0apwgA__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__0apwgA.ds-notification__0apwgA--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__0apwgA.ds-notification__0apwgA--success.sc-ds-notification .ds-notification__0apwgA__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__0apwgA.ds-notification__0apwgA--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__0apwgA.ds-notification__0apwgA--attention.sc-ds-notification .ds-notification__0apwgA__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__0apwgA.ds-notification__0apwgA--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__0apwgA.ds-notification__0apwgA--danger.sc-ds-notification .ds-notification__0apwgA__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__0apwgA__content.sc-ds-notification{display:flex;gap:var(--ds-spacing-2xSmall, 8px);max-width:1376px;margin:0 auto}.ds-notification__0apwgA__content__text.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-notification__0apwgA__content__text__heading.sc-ds-notification,.ds-notification__0apwgA__content__text__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__0apwgA__content__text__description.sc-ds-notification{max-width:var(--ds-notification-description-max-width, 550px)}"}},[774,"ds-notification",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsRole:[1,"ds-role"],dsId:[1,"ds-id"],dsVariant:[6145,"ds-variant"],dsDismissable:[4,"ds-dismissable"],dsDismissButtonHiddenAssistiveText:[1,"ds-dismiss-button-hidden-assistive-text"],dsHeading:[1,"ds-heading"],dsHeadingLevel:[6146,"ds-heading-level"],dsIcon:[6145,"ds-icon"],dsDescription:[1,"ds-description"],dsDescriptionMaxWidth:[1,"ds-description-max-width"]},void 0,{"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}]}]);l([o("ds-icon",{dsName:""}),o("ds-button",null),o("ds-visually-hidden",null)]);const y=A,C=function(){"undefined"!=typeof customElements&&["ds-notification","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((i=>{switch(i){case"ds-notification":customElements.get(d(i))\|\|customElements.define(d(i),A);break;case"ds-button":customElements.get(d(i))\|\|u();break;case"ds-icon":customElements.get(d(i))\|\|p();break;case"ds-spinner":customElements.get(d(i))\|\|m();break;case"ds-visually-hidden":customElements.get(d(i))\|\|v()}}))};export{y as DsNotification,C as defineCustomElement}

package/dist/components/ds-option-group.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as o,M as s,h as t,t as e}from"./p-~~D6UlgeOO~~.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as d}from"./p-C_0dwn2_.js";import{c as n}from"./p-~~D8YjFWWU~~.js";import{i as p,a as r}from"./p-5l5qZ1Ad.js";import{c as a}from"./p-~~Bmf5N-74~~.js";const l=o(class extends(s(a("ds-option-group"))){constructor(o){super(),!1!==o&&this.__registerHost()}inheritedAttributes={};get el(){return this}dsLabel;dsHidden=!1;dsMouseDownPreventDefault=!1;get DsOptionTag(){return d("ds-option","ds-option-group",this.el)}get groupId(){return"ds-option-group-label-"+this.dsLabel.replaceAll(/\s+/g,"-").toLowerCase()}async hasVisibleOptions(){return Array.from(this.el.querySelectorAll(this.DsOptionTag)).some((o=>!o.dsHidden))}componentWillLoad(){this.inheritedAttributes={...r(this,this.el),...p(this.el,["aria-labelledby"])}}handleMouseDown(o){this.dsMouseDownPreventDefault&&o.preventDefault()}render(){const o=n("ds-option-group");return t("div",{key:"~~52223bab5fbf6ebc5f2704df1fd6d8d5d1ae9175~~",class:i(""+o,{[o+"--hidden"]:this.dsHidden}),role:"group","aria-labelledby":this.groupId,...this.inheritedAttributes},t("div",{key:"~~7909f575ab855df82dac8957c46c42e14468e64c~~",class:o+"__label",id:this.groupId},this.dsLabel),t("slot",{key:"~~0102c6419e9cdbe821a284f573877673306c60e4~~"}))}static get style(){return".ds-option-~~group__pA2cRq~~.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-~~group__pA2cRq~~--hidden.sc-ds-option-group{display:none}.ds-option-~~group__pA2cRq~~.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-~~group__pA2cRq__label~~.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-~~group__pA2cRq__label__shadow~~.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}"}},[774,"ds-option-group",{dsLabel:[1,"ds-label"],dsHidden:[4,"ds-hidden"],dsMouseDownPreventDefault:[4,"ds-mouse-down-prevent-default"],hasVisibleOptions:[64]},[[0,"mousedown","handleMouseDown"]]]),u=l,c=function(){"undefined"!=typeof customElements&&["ds-option-group"].forEach((o=>{"ds-option-group"===o&&(customElements.get(e(o))\|\|customElements.define(e(o),l))}))};export{u as DsOptionGroup,c as defineCustomElement}
1	+ import{p as o,M as s,h as t,t as e}from"./p-BSJ7lj7t.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as d}from"./p-C_0dwn2_.js";import{c as n}from"./p-B7wRJvcQ.js";import{i as p,a as r}from"./p-5l5qZ1Ad.js";import{c as a}from"./p-CYq9Hn9P.js";const l=o(class extends(s(a("ds-option-group"))){constructor(o){super(),!1!==o&&this.__registerHost()}inheritedAttributes={};get el(){return this}dsLabel;dsHidden=!1;dsMouseDownPreventDefault=!1;get DsOptionTag(){return d("ds-option","ds-option-group",this.el)}get groupId(){return"ds-option-group-label-"+this.dsLabel.replaceAll(/\s+/g,"-").toLowerCase()}async hasVisibleOptions(){return Array.from(this.el.querySelectorAll(this.DsOptionTag)).some((o=>!o.dsHidden))}componentWillLoad(){this.inheritedAttributes={...r(this,this.el),...p(this.el,["aria-labelledby"])}}handleMouseDown(o){this.dsMouseDownPreventDefault&&o.preventDefault()}render(){const o=n("ds-option-group");return t("div",{key:"cb8a39b348628cc69fcc3e8c38e0058c41d202e8",class:i(""+o,{[o+"--hidden"]:this.dsHidden}),role:"group","aria-labelledby":this.groupId,...this.inheritedAttributes},t("div",{key:"253175c5064ec652da1f70919241c7792c3736b9",class:o+"__label",id:this.groupId},this.dsLabel),t("slot",{key:"3201be9059b13f94302a1263c8acfb3923937dee"}))}static get style(){return".ds-option-group__0apwgA.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__0apwgA--hidden.sc-ds-option-group{display:none}.ds-option-group__0apwgA.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__0apwgA__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__0apwgA__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}"}},[774,"ds-option-group",{dsLabel:[1,"ds-label"],dsHidden:[4,"ds-hidden"],dsMouseDownPreventDefault:[4,"ds-mouse-down-prevent-default"],hasVisibleOptions:[64]},[[0,"mousedown","handleMouseDown"]]]),u=l,c=function(){"undefined"!=typeof customElements&&["ds-option-group"].forEach((o=>{"ds-option-group"===o&&(customElements.get(e(o))\|\|customElements.define(e(o),l))}))};export{u as DsOptionGroup,c as defineCustomElement}

package/dist/components/ds-option.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as s}from"./p-~~Dl2YwUy5~~.js";const p=o,r=s;export{p as DsOption,r as defineCustomElement}
1	+ import{D as o,d as p}from"./p-aCCpHzXk.js";const s=o,a=p;export{s as DsOption,a as defineCustomElement}

package/dist/components/ds-options-message.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as p}from"./p-~~C0PfLFpc~~.js";const s=o,r=p;export{s as DsOptionsMessage,r as defineCustomElement}
1	+ import{D as o,d as s}from"./p-HGS0qJYS.js";const p=o,r=s;export{p as DsOptionsMessage,r as defineCustomElement}

package/dist/components/ds-options.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as s}from"./p-~~CGBF5jH2~~.js";const p=o,r=s;export{p as DsOptions,r as defineCustomElement}
1	+ import{D as o,d as s}from"./p-DLvhBw5d.js";const p=o,r=s;export{p as DsOptions,r as defineCustomElement}

package/dist/components/ds-pagination-ellipsis.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as i,M as s,h as e,d as n,t ~~as a~~}from"./p-~~D6UlgeOO~~.js";import{c as t}from"./p-~~D8YjFWWU~~.js";import{p as l}from"./p-CQvcrgKy.js";const o=i(class extends(s(l)){constructor(i){super(!1),!1!==i&&this.__registerHost()}get el(){return this}render(){const i=t("ds-pagination-ellipsis"),s=t("ds-pagination-ellipsis-variant--"+(this.paginationContext?.variant\|\|"medium"));return e(n,{key:"~~502c97eb5def01ac6855f8c9ba7c072680cdecb4~~",class:s},e("span",{key:"~~e6e928d30830e155d4365cf7cf4197d08f3632b7~~",class:i,role:"img","aria-label":this.paginationContext?.texts.ellipsis\|\|"Ellipsis"},"…"))}static get style(){return".ds-no-style-leak.sc-ds-pagination-ellipsis *.sc-ds-pagination-ellipsis{all:unset;box-sizing:border-box;display:block}.sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-~~ellipsis__pA2cRq~~.sc-ds-pagination-ellipsis{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-pagination-ellipsis-colour, var(--ds-textColor-default));font-size:inherit;align-content:center;text-align:center;user-select:none}"}},[514,"ds-pagination-ellipsis",{context:[32]}]),r=o,c=function(){"undefined"!=typeof customElements&&["ds-pagination-ellipsis"].forEach((i=>{"ds-pagination-ellipsis"===i&&(customElements.get(a(i))\|\|customElements.define(a(i),o))}))};export{r as DsPaginationEllipsis,c as defineCustomElement}
1	+ import{p as i,M as s,h as a,d as n,t}from"./p-BSJ7lj7t.js";import{c as e}from"./p-B7wRJvcQ.js";import{p as l}from"./p-CQvcrgKy.js";const o=i(class extends(s(l)){constructor(i){super(!1),!1!==i&&this.__registerHost()}get el(){return this}render(){const i=e("ds-pagination-ellipsis"),s=e("ds-pagination-ellipsis-variant--"+(this.paginationContext?.variant\|\|"medium"));return a(n,{key:"4b98f1812f5aaee957f8638d2a4f4544c872c3d0",class:s},a("span",{key:"8b97d96483daffa7c3cb483d0e4cb5731056d1cf",class:i,role:"img","aria-label":this.paginationContext?.texts.ellipsis\|\|"Ellipsis"},"…"))}static get style(){return".ds-no-style-leak.sc-ds-pagination-ellipsis *.sc-ds-pagination-ellipsis{all:unset;box-sizing:border-box;display:block}.sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__0apwgA.sc-ds-pagination-ellipsis{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-pagination-ellipsis-colour, var(--ds-textColor-default));font-size:inherit;align-content:center;text-align:center;user-select:none}"}},[514,"ds-pagination-ellipsis",{context:[32]}]),r=o,c=function(){"undefined"!=typeof customElements&&["ds-pagination-ellipsis"].forEach((i=>{"ds-pagination-ellipsis"===i&&(customElements.get(t(i))\|\|customElements.define(t(i),o))}))};export{r as DsPaginationEllipsis,c as defineCustomElement}

package/dist/components/ds-pagination-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,M as t,h as i,d as e,t as a}from"./p-~~D6UlgeOO~~.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as d}from"./p-~~D8YjFWWU~~.js";import{t as r,d as o}from"./p-C_0dwn2_.js";import{p as c}from"./p-CQvcrgKy.js";import{d as l}from"./p-~~DmnbW85q~~.js";import{d as p}from"./p-~~B83urHcE~~.js";import{d as h}from"./p-~~Cx1Ahh88~~.js";const m=s(class extends(t(c)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsType;dsText;dsIcon;dsHref;dsDisabled;dsTag;get iconName(){return this.dsIcon?this.dsIcon:{first:"first_page",previous:"chevron_backward",next:"chevron_forward",last:"last_page"}[this.dsType]}get text(){return this.dsText?this.dsText:this.paginationContext?{first:this.paginationContext.texts.firstPage,previous:this.paginationContext.texts.previousPage,next:this.paginationContext.texts.nextPage,last:this.paginationContext.texts.lastPage}[this.dsType]:""}get isCompact(){return this.paginationContext?.isCompact??!1}get ariaLabel(){if(this.paginationContext&&this.isCompact)return{first:this.paginationContext.texts.goToFirstPage,previous:this.paginationContext.texts.goToPreviousPage,next:this.paginationContext.texts.goToNextPage,last:this.paginationContext.texts.goToLastPage}[this.dsType]}get isDisabled(){if(void 0!==this.dsDisabled)return this.dsDisabled;if(!this.paginationContext)return!1;const{currentPage:s,totalPages:t}=this.paginationContext,i=1===s,e=s===t;switch(this.dsType){case"first":case"previous":return i;case"next":case"last":return e;default:return!1}}get DsLinkCta(){return r("ds-link-cta","ds-pagination-item",this.el)}render(){if(!this.paginationContext)return i(e,null);const s=d("ds-pagination-item"),t=n(s,`${s}--${this.dsType}`,{[s+"--disabled"]:this.isDisabled}),a="span"===this.dsTag\|\|!this.dsHref;return i(e,null,i(this.DsLinkCta,{class:t,dsVariant:"supplementary",dsColour:this.paginationContext.colour,dsSize:this.paginationContext.variant,dsAriaLabel:this.ariaLabel,dsText:this.isCompact?"":this.text,dsIcon:this.iconName,dsHideIcon:!1,dsIconPosition:"first"===this.dsType\|\|"previous"===this.dsType?"start":"end",dsHref:a?void 0:this.dsHref,dsDisabled:this.isDisabled,dsTag:a?"span":"a",dsTabIndex:this.isDisabled?"-1":void 0}))}static get style(){return".ds-pagination-~~item__pA2cRq~~.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-~~item__pA2cRq~~--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-~~item__pA2cRq~~--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-~~item__pA2cRq~~--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}"}},[514,"ds-pagination-item",{dsType:[1,"ds-type"],dsText:[1,"ds-text"],dsIcon:[1,"ds-icon"],dsHref:[1,"ds-href"],dsDisabled:[4,"ds-disabled"],dsTag:[1,"ds-tag"],context:[32]}]);o([i("ds-link-cta",{dsText:""})]);const u=m,g=function(){"undefined"!=typeof customElements&&["ds-pagination-item","ds-icon","ds-link-cta","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-pagination-item":customElements.get(a(s))\|\|customElements.define(a(s),m);break;case"ds-icon":customElements.get(a(s))\|\|l();break;case"ds-link-cta":customElements.get(a(s))\|\|p();break;case"ds-visually-hidden":customElements.get(a(s))\|\|h()}}))};export{u as DsPaginationItem,g as defineCustomElement}
1	+ import{p as s,M as t,h as i,d as e,t as a}from"./p-BSJ7lj7t.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as d}from"./p-B7wRJvcQ.js";import{t as r,d as o}from"./p-C_0dwn2_.js";import{p as c}from"./p-CQvcrgKy.js";import{d as l}from"./p-DBDtYogU.js";import{d as p}from"./p-DHG8PIkJ.js";import{d as h}from"./p-D1avxCgt.js";const m=s(class extends(t(c)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsType;dsText;dsIcon;dsHref;dsDisabled;dsTag;get iconName(){return this.dsIcon?this.dsIcon:{first:"first_page",previous:"chevron_backward",next:"chevron_forward",last:"last_page"}[this.dsType]}get text(){return this.dsText?this.dsText:this.paginationContext?{first:this.paginationContext.texts.firstPage,previous:this.paginationContext.texts.previousPage,next:this.paginationContext.texts.nextPage,last:this.paginationContext.texts.lastPage}[this.dsType]:""}get isCompact(){return this.paginationContext?.isCompact??!1}get ariaLabel(){if(this.paginationContext&&this.isCompact)return{first:this.paginationContext.texts.goToFirstPage,previous:this.paginationContext.texts.goToPreviousPage,next:this.paginationContext.texts.goToNextPage,last:this.paginationContext.texts.goToLastPage}[this.dsType]}get isDisabled(){if(void 0!==this.dsDisabled)return this.dsDisabled;if(!this.paginationContext)return!1;const{currentPage:s,totalPages:t}=this.paginationContext,i=1===s,e=s===t;switch(this.dsType){case"first":case"previous":return i;case"next":case"last":return e;default:return!1}}get DsLinkCta(){return r("ds-link-cta","ds-pagination-item",this.el)}render(){if(!this.paginationContext)return i(e,null);const s=d("ds-pagination-item"),t=n(s,`${s}--${this.dsType}`,{[s+"--disabled"]:this.isDisabled}),a="span"===this.dsTag\|\|!this.dsHref;return i(e,null,i(this.DsLinkCta,{class:t,dsVariant:"supplementary",dsColour:this.paginationContext.colour,dsSize:this.paginationContext.variant,dsAriaLabel:this.ariaLabel,dsText:this.isCompact?"":this.text,dsIcon:this.iconName,dsHideIcon:!1,dsIconPosition:"first"===this.dsType\|\|"previous"===this.dsType?"start":"end",dsHref:a?void 0:this.dsHref,dsDisabled:this.isDisabled,dsTag:a?"span":"a",dsTabIndex:this.isDisabled?"-1":void 0}))}static get style(){return".ds-pagination-item__0apwgA.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-item__0apwgA--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__0apwgA--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__0apwgA--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}"}},[514,"ds-pagination-item",{dsType:[1,"ds-type"],dsText:[1,"ds-text"],dsIcon:[1,"ds-icon"],dsHref:[1,"ds-href"],dsDisabled:[4,"ds-disabled"],dsTag:[1,"ds-tag"],context:[32]}]);o([i("ds-link-cta",{dsText:""})]);const g=m,u=function(){"undefined"!=typeof customElements&&["ds-pagination-item","ds-icon","ds-link-cta","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-pagination-item":customElements.get(a(s))\|\|customElements.define(a(s),m);break;case"ds-icon":customElements.get(a(s))\|\|l();break;case"ds-link-cta":customElements.get(a(s))\|\|p();break;case"ds-visually-hidden":customElements.get(a(s))\|\|h()}}))};export{g as DsPaginationItem,u as defineCustomElement}

package/dist/components/ds-pagination-page-info.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as n,M as t,h as e,d as i,t as s}from"./p-~~D6UlgeOO~~.js";import{c as a}from"./p-~~D8YjFWWU~~.js";import{p as o}from"./p-CQvcrgKy.js";const r=n(class extends(t(o)){constructor(n){super(!1),!1!==n&&this.__registerHost()}get el(){return this}render(){if(!this.paginationContext)return e(i,null);const n=a("ds-pagination-page-info"),{currentPage:t,totalPages:s}=this.paginationContext;return e(i,null,e("span",{class:n},t," / ",s))}static get style(){return".ds-no-style-leak.sc-ds-pagination-page-info *.sc-ds-pagination-page-info{all:unset;box-sizing:border-box;display:block}.sc-ds-pagination-page-info-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-page-~~info__pA2cRq~~.sc-ds-pagination-page-info{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);padding:0;font-size:inherit;font-weight:var(--ds-fontWeight-semibold);text-align:center;align-self:center;white-space:nowrap}"}},[514,"ds-pagination-page-info",{context:[32]}]),p=r,l=function(){"undefined"!=typeof customElements&&["ds-pagination-page-info"].forEach((n=>{"ds-pagination-page-info"===n&&(customElements.get(s(n))\|\|customElements.define(s(n),r))}))};export{p as DsPaginationPageInfo,l as defineCustomElement}
1	+ import{p as n,M as t,h as i,d as e,t as s}from"./p-BSJ7lj7t.js";import{c as a}from"./p-B7wRJvcQ.js";import{p as o}from"./p-CQvcrgKy.js";const r=n(class extends(t(o)){constructor(n){super(!1),!1!==n&&this.__registerHost()}get el(){return this}render(){if(!this.paginationContext)return i(e,null);const n=a("ds-pagination-page-info"),{currentPage:t,totalPages:s}=this.paginationContext;return i(e,null,i("span",{class:n},t," / ",s))}static get style(){return".ds-no-style-leak.sc-ds-pagination-page-info *.sc-ds-pagination-page-info{all:unset;box-sizing:border-box;display:block}.sc-ds-pagination-page-info-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-page-info__0apwgA.sc-ds-pagination-page-info{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);padding:0;font-size:inherit;font-weight:var(--ds-fontWeight-semibold);text-align:center;align-self:center;white-space:nowrap}"}},[514,"ds-pagination-page-info",{context:[32]}]),p=r,l=function(){"undefined"!=typeof customElements&&["ds-pagination-page-info"].forEach((n=>{"ds-pagination-page-info"===n&&(customElements.get(s(n))\|\|customElements.define(s(n),r))}))};export{p as DsPaginationPageInfo,l as defineCustomElement}

package/dist/components/ds-pagination-page.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,M as a,h as t,d as i,t as e}from"./p-~~D6UlgeOO~~.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as r}from"./p-~~D8YjFWWU~~.js";import{t as d,d as c}from"./p-C_0dwn2_.js";import{p as o}from"./p-CQvcrgKy.js";import{d as l}from"./p-~~DmnbW85q~~.js";import{d as p}from"./p-~~B83urHcE~~.js";import{d as g}from"./p-~~Cx1Ahh88~~.js";const h=s(class extends(a(o)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsPage;dsHref;dsIsCurrent;dsAriaLabel;dsTag;get isCurrent(){return void 0!==this.dsIsCurrent?this.dsIsCurrent:!!this.paginationContext&&this.dsPage===this.paginationContext.currentPage}get ariaLabel(){if(""!==this.dsAriaLabel)return null==this.dsAriaLabel?this.paginationContext?.texts.pageNumber(this.dsPage):this.dsAriaLabel}get DsLinkCta(){return d("ds-link-cta","ds-pagination-page",this.el)}render(){if(!this.paginationContext)return t(i,null);const s=r("ds-pagination-page"),a=n(s,{[s+"--current"]:this.isCurrent}),e="span"===this.dsTag\|\|this.isCurrent\|\|!this.dsHref,d=r("ds-link-cta"),c={class:a,dsVariant:"supplementary",dsColour:this.paginationContext.colour,dsSize:this.paginationContext.variant,dsTag:e?"span":"a",dsHref:e?void 0:this.dsHref,"aria-current":this.isCurrent?"page":void 0,dsText:this.dsPage+"",dsAriaLabel:this.ariaLabel,dsHideIcon:!0};return t(i,null,this.isCurrent?t("span",{class:`${a} ${d}--${this.paginationContext.colour}`,"aria-current":"page",~~"aria-label":~~this.ariaLabel},t("span",{class:d+"__text"},this.dsPage+"")):t(this.DsLinkCta,{...c}))}static get style(){return".sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-~~page__pA2cRq~~.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-~~page__pA2cRq~~--current.sc-ds-pagination-page{align-items:center;background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white);display:inline-flex;font-weight:var(--ds-fontWeight-semibold);justify-content:center;min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));pointer-events:none}.ds-pagination-~~page__pA2cRq~~--current.ds-link-~~cta__pA2cRq~~--black.sc-ds-pagination-page{background-color:var(--ds-bgColor-black)}.ds-pagination-~~page__pA2cRq~~--current.ds-link-~~cta__pA2cRq~~--white.sc-ds-pagination-page{background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default)}.ds-pagination-~~page__pA2cRq~~--current.sc-ds-pagination-page .ds-link-~~cta__pA2cRq__text~~.sc-ds-pagination-page{letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:0}"}},[514,"ds-pagination-page",{dsPage:[2,"ds-page"],dsHref:[1,"ds-href"],dsIsCurrent:[4,"ds-is-current"],dsAriaLabel:[1,"ds-aria-label"],dsTag:[1,"ds-tag"],context:[32]}]);c([t("ds-link-cta",{dsText:""})]);const m=h,u=function(){"undefined"!=typeof customElements&&["ds-pagination-page","ds-icon","ds-link-cta","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-pagination-page":customElements.get(e(s))\|\|customElements.define(e(s),h);break;case"ds-icon":customElements.get(e(s))\|\|l();break;case"ds-link-cta":customElements.get(e(s))\|\|p();break;case"ds-visually-hidden":customElements.get(e(s))\|\|g()}}))};export{m as DsPaginationPage,u as defineCustomElement}
1	+ import{p as s,M as a,h as t,d as i,t as n}from"./p-BSJ7lj7t.js";import{c as e}from"./p-BfTCfPZ1.js";import{c as r}from"./p-B7wRJvcQ.js";import{t as d,d as l}from"./p-C_0dwn2_.js";import{p as o}from"./p-CQvcrgKy.js";import{d as g}from"./p-DBDtYogU.js";import{d as p}from"./p-DHG8PIkJ.js";import{d as c}from"./p-D1avxCgt.js";const h=s(class extends(a(o)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsPage;dsHref;dsIsCurrent;dsAriaLabel;dsTag;get isCurrent(){return void 0!==this.dsIsCurrent?this.dsIsCurrent:!!this.paginationContext&&this.dsPage===this.paginationContext.currentPage}get ariaLabel(){if(""!==this.dsAriaLabel)return null==this.dsAriaLabel?this.paginationContext?.texts.pageNumber(this.dsPage):this.dsAriaLabel}get DsLinkCta(){return d("ds-link-cta","ds-pagination-page",this.el)}get DsVisuallyHidden(){return d("ds-visually-hidden","ds-pagination-page",this.el)}render(){if(!this.paginationContext)return t(i,null);const s=r("ds-pagination-page"),a=e(s,{[s+"--current"]:this.isCurrent}),n="span"===this.dsTag\|\|this.isCurrent\|\|!this.dsHref,d=r("ds-link-cta"),l={class:a,dsVariant:"supplementary",dsColour:this.paginationContext.colour,dsSize:this.paginationContext.variant,dsTag:n?"span":"a",dsHref:n?void 0:this.dsHref,"aria-current":this.isCurrent?"page":void 0,dsText:this.dsPage+"",dsAriaLabel:this.ariaLabel,dsHideIcon:!0};return t(i,null,this.isCurrent?t("span",{class:`${a} ${d}--${this.paginationContext.colour}`},t(this.DsVisuallyHidden,{dsTag:"span","aria-current":"page"},this.ariaLabel),t("span",{class:d+"__text","aria-hidden":"true"},this.dsPage+"")):t(this.DsLinkCta,{...l}))}static get style(){return".sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__0apwgA.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__0apwgA--current.sc-ds-pagination-page{align-items:center;background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white);display:inline-flex;font-weight:var(--ds-fontWeight-semibold);justify-content:center;min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));pointer-events:none}.ds-pagination-page__0apwgA--current.ds-link-cta__0apwgA--black.sc-ds-pagination-page{background-color:var(--ds-bgColor-black)}.ds-pagination-page__0apwgA--current.ds-link-cta__0apwgA--white.sc-ds-pagination-page{background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default)}.ds-pagination-page__0apwgA--current.sc-ds-pagination-page .ds-link-cta__0apwgA__text.sc-ds-pagination-page{letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:0}"}},[514,"ds-pagination-page",{dsPage:[2,"ds-page"],dsHref:[1,"ds-href"],dsIsCurrent:[4,"ds-is-current"],dsAriaLabel:[1,"ds-aria-label"],dsTag:[1,"ds-tag"],context:[32]}]);l([t("ds-link-cta",{dsText:""}),t("ds-visually-hidden",null)]);const u=h,m=function(){"undefined"!=typeof customElements&&["ds-pagination-page","ds-icon","ds-link-cta","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-pagination-page":customElements.get(n(s))\|\|customElements.define(n(s),h);break;case"ds-icon":customElements.get(n(s))\|\|g();break;case"ds-link-cta":customElements.get(n(s))\|\|p();break;case"ds-visually-hidden":customElements.get(n(s))\|\|c()}}))};export{u as DsPaginationPage,m as defineCustomElement}

package/dist/components/ds-pagination.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as a,M as t,h as s,t as i}from"./p-~~D6UlgeOO~~.js";import{c as e}from"./p-BfTCfPZ1.js";import{c as o}from"./p-~~D8YjFWWU~~.js";import{z as n}from"./p-~~C1qByCId~~.js";import{p as r,a as p,g as d,b as c,d as l,e as g,n as _,f as m,l as u,h as f,i as h}from"./p-~~x7XJfpdj~~.js";import{s as b,p as v}from"./p-DfchP10K.js";import{c as P}from"./p-~~Bmf5N-74~~.js";const y=a(class extends(t(P("ds-pagination",{stopRootTracking:!0}))){constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}get el(){return this}dsCurrentPage=1;dsTotalPages=1;dsLayout="auto";dsVariant="medium";dsColour="blue";dsAriaLabel;get texts(){return{firstPage:f(),lastPage:u(),previousPage:m(),nextPage:_(),goToFirstPage:g(),goToLastPage:l(),goToPreviousPage:c(),goToNextPage:d(),currentPage:p(),ellipsis:n(),pageNumber:a=>r(a)}}configurationPropertyObserver(){this.updateContext()}dsCurrentPageObserver(a){(a<1\|\|a>this.dsTotalPages)&&console.warn(`ds-pagination: dsCurrentPage (${a}) is out of range. Should be between 1 and ${this.dsTotalPages}`),this.updateContext()}dsTotalPagesObserver(a){a<1&&console.warn(`ds-pagination: dsTotalPages (${a}) should be at least 1`),this.updateContext()}componentWillLoad(){this.dsCurrentPageObserver(this.dsCurrentPage),this.dsTotalPagesObserver(this.dsTotalPages),this.storeContext()}componentDidLoad(){this.componentMounted(),this.updateContext()}componentDidUpdate(){this.updateContext()}storeContext(){const a=this.createContext();b(this.el,a)}updateContext(){const a=this.createContext();v(this.el,a)}createContext(){return{currentPage:this.dsCurrentPage,totalPages:this.dsTotalPages,variant:this.dsVariant,colour:this.dsColour,layout:this.dsLayout,isCompact:!1,texts:this.texts}}render(){const a=o("ds-pagination"),t=e(a,`${a}--${this.dsVariant}`,`${a}--${this.dsLayout}`,`${a}--${this.dsColour}`),i="small"===this.dsVariant?"var(--ds-fontSize-16)":"var(--ds-fontSize-18)",n="small"===this.dsVariant?"var(--ds-spacing-large)":"calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall))";return s("nav",{key:"~~d6f4c55f6c76f7228be599b82e374afdcd5e65e3~~",class:t,"aria-label":this.dsAriaLabel\|\|h(),style:{"--ds-pagination-font-size":i,"--ds-link-cta-min-width":n}},s("div",{key:"~~0e90d104d1c4de83daf87f68991585b185c1338a~~",class:a+"__compact"},s("slot",{key:"~~2b596870f3b8d3b646ba7e1fecca3bc5f923da86~~",name:"compact",onSlotchange:()=>this.updateContext()})),s("div",{key:"~~da211a880cbfef874fb8c5a9ea26261659ac1a63~~",class:a+"__full"},s("slot",{key:"~~33a17c2b208424df85efe1c204d4c98fcbe15b78~~",name:"full",onSlotchange:()=>this.updateContext()})))}static get watchers(){return{lang:[{configurationPropertyObserver:0}],dsColour:[{configurationPropertyObserver:0}],dsVariant:[{configurationPropertyObserver:0}],dsCurrentPage:[{dsCurrentPageObserver:0}],dsTotalPages:[{dsTotalPagesObserver:0}]}}static get style(){return".ds-no-style-leak {all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%}@media (min-width: 30rem){:host{width:auto}}.ds-~~pagination__pA2cRq~~{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;justify-content:center;font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-~~pagination__pA2cRq__compact~~ slot,.ds-~~pagination__pA2cRq__full~~ slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-~~pagination__pA2cRq~~--compact .ds-~~pagination__pA2cRq__compact~~,.ds-~~pagination__pA2cRq~~--auto .ds-~~pagination__pA2cRq__compact~~{width:100%}@media (min-width: 30rem){.ds-~~pagination__pA2cRq~~--compact .ds-~~pagination__pA2cRq__compact~~,.ds-~~pagination__pA2cRq~~--auto .ds-~~pagination__pA2cRq__compact~~{width:auto}}.ds-~~pagination__pA2cRq~~--compact .ds-~~pagination__pA2cRq__compact~~ slot,.ds-~~pagination__pA2cRq~~--auto .ds-~~pagination__pA2cRq__compact~~ slot{display:grid;grid-template-columns:min-content min-content auto min-content min-content;gap:var(--ds-spacing-3xSmall);align-items:center;width:100%}.ds-~~pagination__pA2cRq~~ ::slotted([class=pagination-page-info]){padding:0 var(--ds-spacing-small);font-weight:var(--ds-fontWeight-semibold);text-align:center;align-self:center;white-space:nowrap}.ds-~~pagination__pA2cRq~~--white{--ds-pagination-ellipsis-colour:var(--ds-textColor-white)}.ds-~~pagination__pA2cRq~~--white ::slotted([class*=pagination-page-info]){color:var(--ds-textColor-white)}.ds-~~pagination__pA2cRq~~--compact .ds-~~pagination__pA2cRq__full~~{display:none}.ds-~~pagination__pA2cRq~~--full .ds-~~pagination__pA2cRq__compact~~{display:none}.ds-~~pagination__pA2cRq~~--auto .ds-~~pagination__pA2cRq__full~~{display:none}@media (min-width: 60rem){.ds-~~pagination__pA2cRq~~--auto .ds-~~pagination__pA2cRq__full~~{display:contents}.ds-~~pagination__pA2cRq~~--auto .ds-~~pagination__pA2cRq__compact~~{display:none}}"}},[769,"ds-pagination",{dsCurrentPage:[2,"ds-current-page"],dsTotalPages:[2,"ds-total-pages"],dsLayout:[1,"ds-layout"],dsVariant:[1,"ds-variant"],dsColour:[1,"ds-colour"],dsAriaLabel:[1,"ds-aria-label"]},void 0,{lang:[{configurationPropertyObserver:0}],dsColour:[{configurationPropertyObserver:0}],dsVariant:[{configurationPropertyObserver:0}],dsCurrentPage:[{dsCurrentPageObserver:0}],dsTotalPages:[{dsTotalPagesObserver:0}]}]),A=y,q=function(){"undefined"!=typeof customElements&&["ds-pagination"].forEach((a=>{"ds-pagination"===a&&(customElements.get(i(a))\|\|customElements.define(i(a),y))}))};export{A as DsPagination,q as defineCustomElement}
1	+ import{p as a,M as t,h as s,t as i}from"./p-BSJ7lj7t.js";import{c as o}from"./p-BfTCfPZ1.js";import{c as e}from"./p-B7wRJvcQ.js";import{z as n}from"./p-CmQIGox1.js";import{p as r,a as p,g as d,b as g,d as l,e as c,n as _,f as m,l as u,h as f,i as h}from"./p-zPjz4jpA.js";import{s as w,p as b}from"./p-DfchP10K.js";import{c as v}from"./p-CYq9Hn9P.js";const P=a(class extends(t(v("ds-pagination",{stopRootTracking:!0}))){constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}get el(){return this}dsCurrentPage=1;dsTotalPages=1;dsLayout="auto";dsVariant="medium";dsColour="blue";dsAriaLabel;get texts(){return{firstPage:f(),lastPage:u(),previousPage:m(),nextPage:_(),goToFirstPage:c(),goToLastPage:l(),goToPreviousPage:g(),goToNextPage:d(),currentPage:p(),ellipsis:n(),pageNumber:a=>r(a)}}configurationPropertyObserver(){this.updateContext()}dsCurrentPageObserver(a){(a<1\|\|a>this.dsTotalPages)&&console.warn(`ds-pagination: dsCurrentPage (${a}) is out of range. Should be between 1 and ${this.dsTotalPages}`),this.updateContext()}dsTotalPagesObserver(a){a<1&&console.warn(`ds-pagination: dsTotalPages (${a}) should be at least 1`),this.updateContext()}componentWillLoad(){this.dsCurrentPageObserver(this.dsCurrentPage),this.dsTotalPagesObserver(this.dsTotalPages),this.storeContext()}componentDidLoad(){this.componentMounted(),this.updateContext()}componentDidUpdate(){this.updateContext()}storeContext(){const a=this.createContext();w(this.el,a)}updateContext(){const a=this.createContext();b(this.el,a)}createContext(){return{currentPage:this.dsCurrentPage,totalPages:this.dsTotalPages,variant:this.dsVariant,colour:this.dsColour,layout:this.dsLayout,isCompact:!1,texts:this.texts}}render(){const a=e("ds-pagination"),t=o(a,`${a}--${this.dsVariant}`,`${a}--${this.dsLayout}`,`${a}--${this.dsColour}`),i="small"===this.dsVariant?"var(--ds-fontSize-16)":"var(--ds-fontSize-18)",n="small"===this.dsVariant?"var(--ds-spacing-large)":"calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall))";return s("nav",{key:"a518e5c01b64c3570ce8d3f02bc3bc19e439290e",class:t,"aria-label":this.dsAriaLabel\|\|h(),style:{"--ds-pagination-font-size":i,"--ds-link-cta-min-width":n}},s("div",{key:"393205559cdf4ac61b2e5f7b7bb123a2cdcc7b10",class:a+"__compact"},s("slot",{key:"48f399ce3a2513054ea4a0105a6a70d82cbca872",name:"compact",onSlotchange:()=>this.updateContext()})),s("div",{key:"2b1c91c0094ff9dea34cc35375f3d827a44bcce1",class:a+"__full"},s("slot",{key:"f5d91f5ae1d998a9824df9c47a3c93b3e210010f",name:"full",onSlotchange:()=>this.updateContext()})))}static get watchers(){return{lang:[{configurationPropertyObserver:0}],dsColour:[{configurationPropertyObserver:0}],dsVariant:[{configurationPropertyObserver:0}],dsCurrentPage:[{dsCurrentPageObserver:0}],dsTotalPages:[{dsTotalPagesObserver:0}]}}static get style(){return".ds-no-style-leak {all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%}@media (min-width: 30rem){:host{width:auto}}.ds-pagination__0apwgA{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;justify-content:center;font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__0apwgA__compact slot,.ds-pagination__0apwgA__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__0apwgA--compact .ds-pagination__0apwgA__compact,.ds-pagination__0apwgA--auto .ds-pagination__0apwgA__compact{width:100%}@media (min-width: 30rem){.ds-pagination__0apwgA--compact .ds-pagination__0apwgA__compact,.ds-pagination__0apwgA--auto .ds-pagination__0apwgA__compact{width:auto}}.ds-pagination__0apwgA--compact .ds-pagination__0apwgA__compact slot,.ds-pagination__0apwgA--auto .ds-pagination__0apwgA__compact slot{display:grid;grid-template-columns:min-content min-content auto min-content min-content;gap:var(--ds-spacing-3xSmall);align-items:center;width:100%}.ds-pagination__0apwgA ::slotted([class=pagination-page-info]){padding:0 var(--ds-spacing-small);font-weight:var(--ds-fontWeight-semibold);text-align:center;align-self:center;white-space:nowrap}.ds-pagination__0apwgA--white{--ds-pagination-ellipsis-colour:var(--ds-textColor-white)}.ds-pagination__0apwgA--white ::slotted([class*=pagination-page-info]){color:var(--ds-textColor-white)}.ds-pagination__0apwgA--compact .ds-pagination__0apwgA__full{display:none}.ds-pagination__0apwgA--full .ds-pagination__0apwgA__compact{display:none}.ds-pagination__0apwgA--auto .ds-pagination__0apwgA__full{display:none}@media (min-width: 60rem){.ds-pagination__0apwgA--auto .ds-pagination__0apwgA__full{display:contents}.ds-pagination__0apwgA--auto .ds-pagination__0apwgA__compact{display:none}}"}},[769,"ds-pagination",{dsCurrentPage:[2,"ds-current-page"],dsTotalPages:[2,"ds-total-pages"],dsLayout:[1,"ds-layout"],dsVariant:[1,"ds-variant"],dsColour:[1,"ds-colour"],dsAriaLabel:[1,"ds-aria-label"]},void 0,{lang:[{configurationPropertyObserver:0}],dsColour:[{configurationPropertyObserver:0}],dsVariant:[{configurationPropertyObserver:0}],dsCurrentPage:[{dsCurrentPageObserver:0}],dsTotalPages:[{dsTotalPagesObserver:0}]}]),y=P,A=function(){"undefined"!=typeof customElements&&["ds-pagination"].forEach((a=>{"ds-pagination"===a&&(customElements.get(i(a))\|\|customElements.define(i(a),P))}))};export{y as DsPagination,A as defineCustomElement}

package/dist/components/ds-radio-button-group.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,M as t,c as i,h as e,d as o,t as d}from"./p-~~D6UlgeOO~~.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as a,a as n,d as l}from"./p-C_0dwn2_.js";import{d as h}from"./p-VfYMKfsX.js";import{i as c,a as u}from"./p-5l5qZ1Ad.js";import{g as b,h as m}from"./p-~~C1qByCId~~.js";import{c as p}from"./p-~~D8YjFWWU~~.js";import{c as f}from"./p-~~Bmf5N-74~~.js";import{d as g}from"./p-~~BDKjQmuJ~~.js";import{d as v}from"./p-~~DmnbW85q~~.js";import{d as y}from"./p-~~sqmZYkaj~~.js";import{d as x}from"./p-~~Cx1Ahh88~~.js";const _=s(class extends(t(f("ds-radio-button-group",{stopRootTracking:!0}),h)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsRadioButtonGroupValueChange=i(this,"dsRadioButtonGroupValueChange",7),this.dsRadioButtonGroupInvalidStateChange=i(this,"dsRadioButtonGroupInvalidStateChange",7),this.dsChange=i(this,"dsChange",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7),this.internals=this.attachInternals()}generatedId=this.getUniqueId();fieldsetId=this.generatedId;legendId=this.generatedId+"-legend";errorTextId=this.generatedId+"-error";assistiveTextId=this.generatedId+"-assistive-text";childBlurTimeout=null;inheritedAttributes={};get el(){return this}internals;dsRadioButtonGroupValueChange;dsRadioButtonGroupInvalidStateChange;dsChange;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsAssistiveText;dsValue;dsDirection="vertical";dsErrorText="";dsRequired=!1;dsName;focusedChildRadioButton;wasInvalidOnBlur=!1;async setFocus(){this.getEnabledRadios()?.[0]?.setFocus()}async checkValidity(){return this.internals?.checkValidity()}get DsRadioButtonTag(){return a("ds-radio-button","ds-radio-button-group",this.el)}getLegendText=()=>{if("boolean"!=typeof this.dsLabel)return this.dsRequired?b(this.dsLabel):this.dsLabel};getRadios=()=>Array.from(this.el.querySelectorAll(this.DsRadioButtonTag));getEnabledRadios=()=>this.getRadios().filter((s=>!s.dsDisabled));updateRadios=s=>{this.getRadios().forEach(s)};updateFocusableRadioButton=()=>{const s=this.getEnabledRadios();if(!s.length)return;let t=null;for(const i of s){const s=i.dsValue===this.dsValue;i.setFocusable(s),s&&(t=i)}t\|\|s[0].setFocusable(!0)};formResetCallback(){this.dsErrorText="",this.dsRequired?this.internals?.setValidity({valueMissing:!0},m(),this.getRadios()?.[0]?.querySelector("input")??void 0):this.internals?.setValidity({})}connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid),this.childBlurTimeout&&clearTimeout(this.childBlurTimeout),this.childBlurTimeout=null}async childConnected(){this.updateFocusableRadioButton(),this.syncErrorAriaDescribedby()}async childDisconnected(){this.updateFocusableRadioButton(),this.syncErrorAriaDescribedby()}syncErrorAriaDescribedby=()=>{this.updateRadios(((s,t)=>{0===t&&this.dsErrorText?s.setAttribute("aria-describedby",this.errorTextId):0===t&&s.removeAttribute("aria-describedby")}))};handleInvalid=async s=>{s.preventDefault(),this.getEnabledRadios()?.[0]?.setFocus(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage??""})};componentWillLoad(){this.inheritedAttributes={...u(this,this.el),...c(this.el,["aria-labelledby"])},this.updateFocusableRadioButton(),this._setDisableEventEmits(!0)}componentDidLoad(){this.componentMounted(),this.updateRadios((s=>{s.dsErrorsDisabled=!0,this.dsForm&&(s.dsForm=this.dsForm),this.dsName&&(s.dsName=this.dsName)})),this.syncErrorAriaDescribedby(),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},m(),this.getRadios()?.[0]?.querySelector("input")??void 0)}async getValue(){return this.dsValue}errorObserver(s){this.syncErrorAriaDescribedby(),this.dsRadioButtonGroupInvalidStateChange.emit(s)}dsValueObserver(s){this.dsRadioButtonGroupValueChange.emit(s);const t=this.getShouldEmit();this._setDisableEventEmits(!0),t&&this.dsChange.emit({value:s}),this.dsRequired&&this.internals?.setValidity({valueMissing:!s},m(),this.getRadios()?.[0]?.querySelector("input")??void 0),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}focusedChildRadioButtonObserver(s){s\|\|(this.wasInvalidOnBlur=!this.internals?.validity.valid,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}dsFormAssociatedPropObserver(s,t,i){this.updateRadios((t=>{t[i]=s}))}handleDsCheck(s){s.stopPropagation();const t=s.target;this._setDisableEventEmits(!1),this.dsValue=t.dsValue,this.dsRadioButtonGroupValueChange.emit(this.dsValue),this.updateFocusableRadioButton()}handleDsFocus(s){this.focusedChildRadioButton=s.detail}handleDsBlur(s){this.childBlurTimeout=setTimeout((()=>{s.detail===this.focusedChildRadioButton&&(this.focusedChildRadioButton=void 0)}),0)}async handleKeyDown(s){if(!["ArrowUp","ArrowLeft","ArrowDown","ArrowRight"].includes(s.key))return;const t=this.getEnabledRadios(),i=s.target.closest(this.DsRadioButtonTag);if(!i\|\|!t.includes(i))return;s.preventDefault();const e=t.indexOf(i);let o=e;["ArrowUp","ArrowLeft"].includes(s.key)&&(o=0===e?t.length-1:e-1),["ArrowDown","ArrowRight"].includes(s.key)&&(o=(e+1)%t.length);const d=t[o];d.setFocus(),await d.setDisableEventEmits(!1),d.setChecked()}render(){const s=p("ds-radio-button-group"),t=r(s),i=r(s+"__legend"),d=r(s+"__assistive-text"),l=r(s+"__radio-buttons-slot",{[s+"__radio-buttons-slot--horizontal"]:"horizontal"===this.dsDirection}),h=r(s+"__error"),c=a("ds-input-validity","ds-radio-button-group",this.el),{"aria-describedby":u,...b}=this.inheritedAttributes,m=[this.dsLabel&&this.legendId,this.dsErrorText&&this.errorTextId].filter(Boolean).join(" "),f=[u,this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return e(o,{key:"~~4d32dcbb25a83e86c134dbc6780457ca4f2374d8~~","data-invalid":!!this.dsErrorText\|\|void 0},e("fieldset",{key:"~~f594d5cf8ce980225d31faf51ec8a396fbaefba3~~",id:this.fieldsetId,class:t,name:this.dsName,form:this.dsForm,...n("aria-labelledby",m),...n("aria-describedby",f),...b},e("legend",{key:"~~6691a598f5f96aef5536411278db980215b2c5a9~~",id:this.legendId,class:i},this.getLegendText()),this.dsAssistiveText&&e("small",{key:"~~4ba1eb67b85ede643e86fed2a1ec9989fc7e52a3~~",class:d,id:this.assistiveTextId},this.dsAssistiveText),e("div",{key:"~~fd380a18824662d6b24ec7d55b90d348c48ecbd1~~",class:l},e("slot",{key:"~~5644e7383517863ebc6bb3a6c514cbce726ec4c2~~"})),e("div",{key:"~~e30dac91fc3373b0c1ec22f1442cde23242c4043~~",class:h},e(c,{key:"~~30fb83a033c44668873ee7a70744bfbc06d2d0cd~~",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"}))))}static get formAssociated(){return!0}static get watchers(){return{dsErrorText:[{errorObserver:0}],dsValue:[{dsValueObserver:0}],focusedChildRadioButton:[{focusedChildRadioButtonObserver:0}],dsForm:[{dsFormAssociatedPropObserver:0}],dsName:[{dsFormAssociatedPropObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-radio-button-group *.sc-ds-radio-button-group{all:unset;box-sizing:border-box;display:block}.ds-radio-button-~~group__pA2cRq~~.sc-ds-radio-button-group{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-~~group__pA2cRq__radio~~-buttons-slot.sc-ds-radio-button-group{display:inline-flex;flex-direction:column}.ds-radio-button-~~group__pA2cRq__radio~~-buttons-slot--horizontal.sc-ds-radio-button-group{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-~~group__pA2cRq__legend~~.sc-ds-radio-button-group{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-~~group__pA2cRq__assistive~~-text.sc-ds-radio-button-group{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}"}},[838,"ds-radio-button-group",{dsForm:[1,"ds-form"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsValue:[1025,"ds-value"],dsDirection:[1,"ds-direction"],dsErrorText:[1025,"ds-error-text"],dsRequired:[4,"ds-required"],dsName:[1,"ds-name"],focusedChildRadioButton:[32],wasInvalidOnBlur:[32],setDisableEventEmits:[64],setFocus:[64],checkValidity:[64],childConnected:[64],childDisconnected:[64],getValue:[64]},[[0,"dsCheck","handleDsCheck"],[0,"dsFocus","handleDsFocus"],[0,"dsBlur","handleDsBlur"],[0,"keydown","handleKeyDown"]],{dsErrorText:[{errorObserver:0}],dsValue:[{dsValueObserver:0}],focusedChildRadioButton:[{focusedChildRadioButtonObserver:0}],dsForm:[{dsFormAssociatedPropObserver:0}],dsName:[{dsFormAssociatedPropObserver:0}]}]);l([e("ds-input-validity",null)]);const C=_,k=function(){"undefined"!=typeof customElements&&["ds-radio-button-group","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-radio-button-group":customElements.get(d(s))\|\|customElements.define(d(s),_);break;case"ds-feedback":customElements.get(d(s))\|\|g();break;case"ds-icon":customElements.get(d(s))\|\|v();break;case"ds-input-validity":customElements.get(d(s))\|\|y();break;case"ds-visually-hidden":customElements.get(d(s))\|\|x()}}))};export{C as DsRadioButtonGroup,k as defineCustomElement}
1	+ import{p as s,M as t,c as i,h as e,d as o,t as d}from"./p-BSJ7lj7t.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as a,a as n,d as l}from"./p-C_0dwn2_.js";import{d as h}from"./p-VfYMKfsX.js";import{i as c,a as u}from"./p-5l5qZ1Ad.js";import{g as b,h as f}from"./p-CmQIGox1.js";import{c as m}from"./p-B7wRJvcQ.js";import{c as p}from"./p-CYq9Hn9P.js";import{d as g}from"./p-BZbGKMFO.js";import{d as v}from"./p-DBDtYogU.js";import{d as y}from"./p-CATYercs.js";import{d as x}from"./p-D1avxCgt.js";const w=s(class extends(t(p("ds-radio-button-group",{stopRootTracking:!0}),h)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsRadioButtonGroupValueChange=i(this,"dsRadioButtonGroupValueChange",7),this.dsRadioButtonGroupInvalidStateChange=i(this,"dsRadioButtonGroupInvalidStateChange",7),this.dsChange=i(this,"dsChange",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7),this.internals=this.attachInternals()}generatedId=this.getUniqueId();fieldsetId=this.generatedId;legendId=this.generatedId+"-legend";errorTextId=this.generatedId+"-error";assistiveTextId=this.generatedId+"-assistive-text";childBlurTimeout=null;inheritedAttributes={};get el(){return this}internals;dsRadioButtonGroupValueChange;dsRadioButtonGroupInvalidStateChange;dsChange;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsAssistiveText;dsValue;dsDirection="vertical";dsErrorText="";dsRequired=!1;dsName;focusedChildRadioButton;wasInvalidOnBlur=!1;async setFocus(){this.getEnabledRadios()?.[0]?.setFocus()}async checkValidity(){return this.internals?.checkValidity()}get DsRadioButtonTag(){return a("ds-radio-button","ds-radio-button-group",this.el)}getLegendText=()=>{if("boolean"!=typeof this.dsLabel)return this.dsRequired?b(this.dsLabel):this.dsLabel};getRadios=()=>Array.from(this.el.querySelectorAll(this.DsRadioButtonTag));getEnabledRadios=()=>this.getRadios().filter((s=>!s.dsDisabled));updateRadios=s=>{this.getRadios().forEach(s)};updateFocusableRadioButton=()=>{const s=this.getEnabledRadios();if(!s.length)return;let t=null;for(const i of s){const s=i.dsValue===this.dsValue;i.setFocusable(s),s&&(t=i)}t\|\|s[0].setFocusable(!0)};formResetCallback(){this.dsErrorText="",this.dsRequired?this.internals?.setValidity({valueMissing:!0},f(),this.getRadios()?.[0]?.querySelector("input")??void 0):this.internals?.setValidity({})}connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid),this.childBlurTimeout&&clearTimeout(this.childBlurTimeout),this.childBlurTimeout=null}async childConnected(){this.updateFocusableRadioButton(),this.syncErrorAriaDescribedby()}async childDisconnected(){this.updateFocusableRadioButton(),this.syncErrorAriaDescribedby()}syncErrorAriaDescribedby=()=>{this.updateRadios(((s,t)=>{0===t&&this.dsErrorText?s.setAttribute("aria-describedby",this.errorTextId):0===t&&s.removeAttribute("aria-describedby")}))};handleInvalid=async s=>{s.preventDefault(),this.getEnabledRadios()?.[0]?.setFocus(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage??""})};componentWillLoad(){this.inheritedAttributes={...u(this,this.el),...c(this.el,["aria-labelledby"])},this.updateFocusableRadioButton(),this._setDisableEventEmits(!0)}componentDidLoad(){this.componentMounted(),this.updateRadios((s=>{s.dsErrorsDisabled=!0,this.dsForm&&(s.dsForm=this.dsForm),this.dsName&&(s.dsName=this.dsName)})),this.syncErrorAriaDescribedby(),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},f(),this.getRadios()?.[0]?.querySelector("input")??void 0)}async getValue(){return this.dsValue}errorObserver(s){this.syncErrorAriaDescribedby(),this.dsRadioButtonGroupInvalidStateChange.emit(s)}dsValueObserver(s){this.dsRadioButtonGroupValueChange.emit(s);const t=this.getShouldEmit();this._setDisableEventEmits(!0),t&&this.dsChange.emit({value:s}),this.dsRequired&&this.internals?.setValidity({valueMissing:!s},f(),this.getRadios()?.[0]?.querySelector("input")??void 0),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}focusedChildRadioButtonObserver(s){s\|\|(this.wasInvalidOnBlur=!this.internals?.validity.valid,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}dsFormAssociatedPropObserver(s,t,i){this.updateRadios((t=>{t[i]=s}))}handleDsCheck(s){s.stopPropagation();const t=s.target;this._setDisableEventEmits(!1),this.dsValue=t.dsValue,this.dsRadioButtonGroupValueChange.emit(this.dsValue),this.updateFocusableRadioButton()}handleDsFocus(s){this.focusedChildRadioButton=s.detail}handleDsBlur(s){this.childBlurTimeout=setTimeout((()=>{s.detail===this.focusedChildRadioButton&&(this.focusedChildRadioButton=void 0)}),0)}async handleKeyDown(s){if(!["ArrowUp","ArrowLeft","ArrowDown","ArrowRight"].includes(s.key))return;const t=this.getEnabledRadios(),i=s.target.closest(this.DsRadioButtonTag);if(!i\|\|!t.includes(i))return;s.preventDefault();const e=t.indexOf(i);let o=e;["ArrowUp","ArrowLeft"].includes(s.key)&&(o=0===e?t.length-1:e-1),["ArrowDown","ArrowRight"].includes(s.key)&&(o=(e+1)%t.length);const d=t[o];d.setFocus(),await d.setDisableEventEmits(!1),d.setChecked()}render(){const s=m("ds-radio-button-group"),t=r(s),i=r(s+"__legend"),d=r(s+"__assistive-text"),l=r(s+"__radio-buttons-slot",{[s+"__radio-buttons-slot--horizontal"]:"horizontal"===this.dsDirection}),h=r(s+"__error"),c=a("ds-input-validity","ds-radio-button-group",this.el),{"aria-describedby":u,...b}=this.inheritedAttributes,f=[this.dsLabel&&this.legendId,this.dsErrorText&&this.errorTextId].filter(Boolean).join(" "),p=[u,this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return e(o,{key:"41ad8c6d09371ef46f6ba0ddd51b85565b821372","data-invalid":!!this.dsErrorText\|\|void 0},e("fieldset",{key:"0521117891f95890b2b2946820b08dfac970537a",id:this.fieldsetId,class:t,name:this.dsName,form:this.dsForm,...n("aria-labelledby",f),...n("aria-describedby",p),...b},e("legend",{key:"2d7215a87bce2fe963311221c856a5d9a85cfab3",id:this.legendId,class:i},this.getLegendText()),this.dsAssistiveText&&e("small",{key:"0ba374b6ed85b2c645db82b8c08f946c6111c765",class:d,id:this.assistiveTextId},this.dsAssistiveText),e("div",{key:"c52515a1ff7746c72fdd278b71e3fe8a126182f6",class:l},e("slot",{key:"a7de3efdd0377695fe52227af3e53c17f101ca44"})),e("div",{key:"e39736946c56183ed0780624afd66620e703b9a2",class:h},e(c,{key:"c672fd6e892e9fd89f63a785b9e7c3a835a6db64",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"}))))}static get formAssociated(){return!0}static get watchers(){return{dsErrorText:[{errorObserver:0}],dsValue:[{dsValueObserver:0}],focusedChildRadioButton:[{focusedChildRadioButtonObserver:0}],dsForm:[{dsFormAssociatedPropObserver:0}],dsName:[{dsFormAssociatedPropObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-radio-button-group *.sc-ds-radio-button-group{all:unset;box-sizing:border-box;display:block}.ds-radio-button-group__0apwgA.sc-ds-radio-button-group{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__0apwgA__radio-buttons-slot.sc-ds-radio-button-group{display:inline-flex;flex-direction:column}.ds-radio-button-group__0apwgA__radio-buttons-slot--horizontal.sc-ds-radio-button-group{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__0apwgA__legend.sc-ds-radio-button-group{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__0apwgA__assistive-text.sc-ds-radio-button-group{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}"}},[838,"ds-radio-button-group",{dsForm:[1,"ds-form"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsValue:[1025,"ds-value"],dsDirection:[1,"ds-direction"],dsErrorText:[1025,"ds-error-text"],dsRequired:[4,"ds-required"],dsName:[1,"ds-name"],focusedChildRadioButton:[32],wasInvalidOnBlur:[32],setDisableEventEmits:[64],setFocus:[64],checkValidity:[64],childConnected:[64],childDisconnected:[64],getValue:[64]},[[0,"dsCheck","handleDsCheck"],[0,"dsFocus","handleDsFocus"],[0,"dsBlur","handleDsBlur"],[0,"keydown","handleKeyDown"]],{dsErrorText:[{errorObserver:0}],dsValue:[{dsValueObserver:0}],focusedChildRadioButton:[{focusedChildRadioButtonObserver:0}],dsForm:[{dsFormAssociatedPropObserver:0}],dsName:[{dsFormAssociatedPropObserver:0}]}]);l([e("ds-input-validity",null)]);const _=w,C=function(){"undefined"!=typeof customElements&&["ds-radio-button-group","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-radio-button-group":customElements.get(d(s))\|\|customElements.define(d(s),w);break;case"ds-feedback":customElements.get(d(s))\|\|g();break;case"ds-icon":customElements.get(d(s))\|\|v();break;case"ds-input-validity":customElements.get(d(s))\|\|y();break;case"ds-visually-hidden":customElements.get(d(s))\|\|x()}}))};export{_ as DsRadioButtonGroup,C as defineCustomElement}

package/dist/components/ds-radio-button.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,M as s,c as i,f as d,h as o,F as r,t as e}from"./p-D6UlgeOO.js";import{c as a}from"./p-BfTCfPZ1.js";import{i as n,a as c}from"./p-5l5qZ1Ad.js";import{v as l,g as b}from"./p-C1qByCId.js";import{t as u,a as _,d as h}from"./p-C_0dwn2_.js";import{c as p}from"./p-D8YjFWWU.js";import{a as v,d as g}from"./p-DmnbW85q.js";import{d as f}from"./p-VfYMKfsX.js";import{c as m}from"./p-Bmf5N-74.js";import{d as A}from"./p-BDKjQmuJ.js";import{d as R}from"./p-sqmZYkaj.js";import{d as q}from"./p-Cx1Ahh88.js";const C=t(class extends(s(m("ds-radio-button"),v,f)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.dsChange=i(this,"dsChange",3),this.dsCheck=i(this,"dsCheck",7),this.dsFocus=i(this,"dsFocus",7),this.dsBlur=i(this,"dsBlur",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7)}dsAriaLabel;dsAriaDescribedby;radioGroup=null;inputElement;inheritedAttributes={};get el(){return this}dsChange;dsCheck;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=this.getUniqueId();_dsName=this.dsId;setName(t){this._dsName=this.radioGroup?.dsName\|\|t\|\|this._dsName}get dsName(){return this._dsName}set dsName(t){this.setName(t)}dsErrorsDisabled=!1;dsValue=this.dsId;dsLabel;dsAssistiveText;dsText;dsRequired=!1;dsDisabled=!1;dsChecked=!1;dsErrorText="";focusable=!0;groupInvalid=!1;initialChecked=!1;errorTextId=this.dsId+"-error";assistiveTextId=this.dsId+"-assistive-text";async setFocus(){this.inputElement.focus()}async setFocusable(t){this.focusable=t}async setChecked(){this.dsChecked=!0,this.dsCheck.emit()}async checkValidity(){return this.inputElement?.checkValidity()}dsCheckedObserver(t){const s=this.getShouldEmit();this._setDisableEventEmits(!0),s&&this.dsChange.emit({checked:t,value:this.dsValue});const i=this.inputElement?.validity;for(const t in i)if(i[t]){this.dsValidity.emit({flag:t,message:l(t)});break}}ariaAttributeObserver(t,s,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:t},d(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.setName(),this.radioGroup&&this.updateCheckedState(),this.inheritedAttributes={...c(this,this.el),...n(this.el,["aria-invalid"])},this.initialChecked=this.dsChecked,this._setDisableEventEmits(!0)}componentDidLoad(){this.componentMounted()}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText)}connectedCallback(){this.radioGroup=this.el.closest(u("ds-radio-button-group","ds-radio-button",this.el)),this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText,this.radioGroup.addEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.addEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState),this.radioGroup.childConnected())}disconnectedCallback(){this.radioGroup&&(this.radioGroup.removeEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.removeEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState),this.radioGroup.childDisconnected()),this.radioGroup=null}handleInvalid=t=>{if(t.preventDefault(),this.groupInvalid\|\|this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsSubmitInvalid.emit({flag:t,message:l(t)});break}};updateCheckedState=async()=>{this.radioGroup&&(this.dsChecked=this.dsValue===await this.radioGroup.getValue())};updateGroupInvalidState=t=>{this.groupInvalid=!!t.detail,this.dsErrorText=t.detail};handleInput=()=>{this._setDisableEventEmits(!1),this.setChecked()};handleFocus=()=>{this.dsFocus.emit(this.dsId)};handleBlur=()=>{if(this.dsBlur.emit(this.dsId),this.groupInvalid\|\|this.dsErrorsDisabled)return;const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.dsValidity.emit({flag:s,message:l(s)});break}};getLegendText=()=>this.dsRequired?b(this.dsLabel):this.dsLabel;renderRadioIcon(t){const s=t+"__icon",i=a(s+"__outer-circle",{[s+"__outer-circle--checked"]:this.dsChecked}),d=a(s+"__inner-circle");return o("slot",{name:"icon"},o("div",{class:s,"aria-hidden":"true"},o("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("rect",{width:"24",height:"24",rx:"12",fill:"white"}),o("circle",{class:i,cx:"12",cy:"12",r:"10",fill:"white",stroke:"#005A94","stroke-width":"2"}),this.dsChecked&&o("circle",{class:d,cx:"12",cy:"12",r:"6",fill:"#005A94"}))))}renderRadioButton(t){const s=a(""+t,{[t+"--disabled"]:this.dsDisabled,[t+"--invalid"]:!!this.dsErrorText}),i=a(t+"__input-container"),d=a(t+"__input"),e=a(t+"__text"),n=this.focusable?0:-1,c=u("ds-input-validity","ds-radio-button",this.el),l=u("ds-visually-hidden","ds-radio-button",this.el),{"aria-label":b,"aria-describedby":h,"aria-invalid":p,...v}=this.inheritedAttributes,g=this.dsAriaDescribedby??h,f=this.dsErrorText?"true":p;return o(r,null,o("div",null,o("label",{class:s},o(l,{class:i,dsTag:"span"},o("input",{ref:t=>this.inputElement=t,type:"radio",class:d,id:this.dsId,name:this.dsName,form:this.dsForm,value:this.dsValue,disabled:this.dsDisabled,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,checked:this.dsChecked,tabIndex:n,required:this.dsRequired,..._("aria-label",this.dsAriaLabel??b),..._("aria-describedby",g),..._("aria-invalid",f),...v})),this.renderRadioIcon(t),o("span",{class:e},o("slot",null,this.dsText)))),!this.dsErrorsDisabled&&o("slot",{name:"validity"},o("div",{class:t+"__validity"},o(c,{id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"}))))}renderFieldset(t){const s=a(t+"-fieldset"),i=a(t+"-fieldset__legend"),d=a(t+"-fieldset__assistive-text"),r=[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return o("fieldset",{class:s,..._("aria-describedby",r)},o("legend",{class:i},o("slot",{name:"legend"},this.getLegendText())),this.dsAssistiveText&&o("small",{class:d,id:this.assistiveTextId},o("slot",{name:"assistiveText"},this.dsAssistiveText)),this.renderRadioButton(t))}render(){const t=p("ds-radio-button");return this.dsLabel?this.renderFieldset(t):this.renderRadioButton(t)}static get formAssociated(){return!0}static get watchers(){return{dsChecked:[{dsCheckedObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}}static get style(){return".ds-radio-button__pA2cRq.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__pA2cRq--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__pA2cRq.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__pA2cRq__icon.sc-ds-radio-button{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0.5)}.ds-radio-button__pA2cRq__input-container.sc-ds-radio-button{display:contents}.ds-radio-button__pA2cRq__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__pA2cRq__text.sc-ds-radio-button{margin-top:10px;padding-right:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-radio-button__pA2cRq__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__pA2cRq__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__pA2cRq__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__pA2cRq.sc-ds-radio-button:hover:not(.ds-radio-button__pA2cRq--disabled):not(.ds-radio-button__pA2cRq--invalid) .ds-radio-button__pA2cRq__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__pA2cRq.sc-ds-radio-button:hover:not(.ds-radio-button__pA2cRq--disabled):not(.ds-radio-button__pA2cRq--invalid) .ds-radio-button__pA2cRq__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__pA2cRq.sc-ds-radio-button:hover:not(.ds-radio-button__pA2cRq--disabled):not(.ds-radio-button__pA2cRq--invalid) .ds-radio-button__pA2cRq__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__pA2cRq.sc-ds-radio-button:active:not(.ds-radio-button__pA2cRq--disabled):not(.ds-radio-button__pA2cRq--invalid) .ds-radio-button__pA2cRq__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__pA2cRq.sc-ds-radio-button:active:not(.ds-radio-button__pA2cRq--disabled):not(.ds-radio-button__pA2cRq--invalid) .ds-radio-button__pA2cRq__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__pA2cRq.sc-ds-radio-button:active:not(.ds-radio-button__pA2cRq--disabled):not(.ds-radio-button__pA2cRq--invalid) .ds-radio-button__pA2cRq__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__pA2cRq--disabled.sc-ds-radio-button .ds-radio-button__pA2cRq__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__pA2cRq--disabled.sc-ds-radio-button .ds-radio-button__pA2cRq__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__pA2cRq--disabled.sc-ds-radio-button .ds-radio-button__pA2cRq__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__pA2cRq--invalid.sc-ds-radio-button .ds-radio-button__pA2cRq__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__pA2cRq--invalid.sc-ds-radio-button .ds-radio-button__pA2cRq__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__pA2cRq--invalid.sc-ds-radio-button .ds-radio-button__pA2cRq__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__pA2cRq--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__pA2cRq--disabled) .ds-radio-button__pA2cRq__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__pA2cRq--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__pA2cRq--disabled) .ds-radio-button__pA2cRq__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__pA2cRq--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__pA2cRq--disabled) .ds-radio-button__pA2cRq__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__pA2cRq--invalid.sc-ds-radio-button:active:not(.ds-radio-button__pA2cRq--disabled) .ds-radio-button__pA2cRq__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__pA2cRq--invalid.sc-ds-radio-button:active:not(.ds-radio-button__pA2cRq--disabled) .ds-radio-button__pA2cRq__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__pA2cRq--invalid.sc-ds-radio-button:active:not(.ds-radio-button__pA2cRq--disabled) .ds-radio-button__pA2cRq__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__pA2cRq-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__pA2cRq-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button__pA2cRq-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}"}},[838,"ds-radio-button",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsAriaLabel:[1,"ds-aria-label"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[6145,"ds-name"],dsErrorsDisabled:[4,"ds-errors-disabled"],dsValue:[1,"ds-value"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsText:[1,"ds-text"],dsRequired:[4,"ds-required"],dsDisabled:[4,"ds-disabled"],dsChecked:[1028,"ds-checked"],dsErrorText:[1025,"ds-error-text"],focusable:[32],groupInvalid:[32],setDisableEventEmits:[64],setFocus:[64],setFocusable:[64],setChecked:[64],checkValidity:[64]},void 0,{dsChecked:[{dsCheckedObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}]);h([o("ds-visually-hidden",null),o("ds-input-validity",null)]);const k=C,y=function(){"undefined"!=typeof customElements&&["ds-radio-button","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-radio-button":customElements.get(e(t))\|\|customElements.define(e(t),C);break;case"ds-feedback":customElements.get(e(t))\|\|A();break;case"ds-icon":customElements.get(e(t))\|\|g();break;case"ds-input-validity":customElements.get(e(t))\|\|R();break;case"ds-visually-hidden":customElements.get(e(t))\|\|q()}}))};export{k as DsRadioButton,y as defineCustomElement}
1	+ import{p as t,M as s,c as i,f as d,h as o,F as a,t as r}from"./p-BSJ7lj7t.js";import{c as e}from"./p-BfTCfPZ1.js";import{i as n,a as l}from"./p-5l5qZ1Ad.js";import{v as c,g as b}from"./p-CmQIGox1.js";import{t as u,a as _,d as h}from"./p-C_0dwn2_.js";import{c as g}from"./p-B7wRJvcQ.js";import{a as p,d as v}from"./p-DBDtYogU.js";import{d as f}from"./p-VfYMKfsX.js";import{c as w}from"./p-CYq9Hn9P.js";import{d as m}from"./p-BZbGKMFO.js";import{d as A}from"./p-CATYercs.js";import{d as C}from"./p-D1avxCgt.js";const k=t(class extends(s(w("ds-radio-button"),p,f)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.dsChange=i(this,"dsChange",3),this.dsCheck=i(this,"dsCheck",7),this.dsFocus=i(this,"dsFocus",7),this.dsBlur=i(this,"dsBlur",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7)}dsAriaLabel;dsAriaDescribedby;radioGroup=null;inputElement;inheritedAttributes={};get el(){return this}dsChange;dsCheck;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=this.getUniqueId();_dsName=this.dsId;setName(t){this._dsName=this.radioGroup?.dsName\|\|t\|\|this._dsName}get dsName(){return this._dsName}set dsName(t){this.setName(t)}dsErrorsDisabled=!1;dsValue=this.dsId;dsLabel;dsAssistiveText;dsText;dsRequired=!1;dsDisabled=!1;dsChecked=!1;dsErrorText="";focusable=!0;groupInvalid=!1;initialChecked=!1;errorTextId=this.dsId+"-error";assistiveTextId=this.dsId+"-assistive-text";async setFocus(){this.inputElement.focus()}async setFocusable(t){this.focusable=t}async setChecked(){this.dsChecked=!0,this.dsCheck.emit()}async checkValidity(){return this.inputElement?.checkValidity()}dsCheckedObserver(t){const s=this.getShouldEmit();this._setDisableEventEmits(!0),s&&this.dsChange.emit({checked:t,value:this.dsValue});const i=this.inputElement?.validity;for(const t in i)if(i[t]){this.dsValidity.emit({flag:t,message:c(t)});break}}ariaAttributeObserver(t,s,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:t},d(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.setName(),this.radioGroup&&this.updateCheckedState(),this.inheritedAttributes={...l(this,this.el),...n(this.el,["aria-invalid"])},this.initialChecked=this.dsChecked,this._setDisableEventEmits(!0)}componentDidLoad(){this.componentMounted()}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText)}connectedCallback(){this.radioGroup=this.el.closest(u("ds-radio-button-group","ds-radio-button",this.el)),this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText,this.radioGroup.addEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.addEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState),this.radioGroup.childConnected())}disconnectedCallback(){this.radioGroup&&(this.radioGroup.removeEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.removeEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState),this.radioGroup.childDisconnected()),this.radioGroup=null}handleInvalid=t=>{if(t.preventDefault(),this.groupInvalid\|\|this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsSubmitInvalid.emit({flag:t,message:c(t)});break}};updateCheckedState=async()=>{this.radioGroup&&(this.dsChecked=this.dsValue===await this.radioGroup.getValue())};updateGroupInvalidState=t=>{this.groupInvalid=!!t.detail,this.dsErrorText=t.detail};handleInput=()=>{this._setDisableEventEmits(!1),this.setChecked()};handleFocus=()=>{this.dsFocus.emit(this.dsId)};handleBlur=()=>{if(this.dsBlur.emit(this.dsId),this.groupInvalid\|\|this.dsErrorsDisabled)return;const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.dsValidity.emit({flag:s,message:c(s)});break}};getLegendText=()=>this.dsRequired?b(this.dsLabel):this.dsLabel;renderRadioIcon(t){const s=t+"__icon",i=e(s+"__outer-circle",{[s+"__outer-circle--checked"]:this.dsChecked}),d=e(s+"__inner-circle");return o("slot",{name:"icon"},o("div",{class:s,"aria-hidden":"true"},o("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("rect",{width:"24",height:"24",rx:"12",fill:"white"}),o("circle",{class:i,cx:"12",cy:"12",r:"10",fill:"white",stroke:"#005A94","stroke-width":"2"}),this.dsChecked&&o("circle",{class:d,cx:"12",cy:"12",r:"6",fill:"#005A94"}))))}renderRadioButton(t){const s=e(""+t,{[t+"--disabled"]:this.dsDisabled,[t+"--invalid"]:!!this.dsErrorText}),i=e(t+"__input-container"),d=e(t+"__input"),r=e(t+"__text"),n=this.focusable?0:-1,l=u("ds-input-validity","ds-radio-button",this.el),c=u("ds-visually-hidden","ds-radio-button",this.el),{"aria-label":b,"aria-describedby":h,"aria-invalid":g,...p}=this.inheritedAttributes,v=this.dsAriaDescribedby??h,f=this.dsErrorText?"true":g;return o(a,null,o("div",null,o("label",{class:s},o(c,{class:i,dsTag:"span"},o("input",{ref:t=>this.inputElement=t,type:"radio",class:d,id:this.dsId,name:this.dsName,form:this.dsForm,value:this.dsValue,disabled:this.dsDisabled,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,checked:this.dsChecked,tabIndex:n,required:this.dsRequired,..._("aria-label",this.dsAriaLabel??b),..._("aria-describedby",v),..._("aria-invalid",f),...p})),this.renderRadioIcon(t),o("span",{class:r},o("slot",null,this.dsText)))),!this.dsErrorsDisabled&&o("slot",{name:"validity"},o("div",{class:t+"__validity"},o(l,{id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"}))))}renderFieldset(t){const s=e(t+"-fieldset"),i=e(t+"-fieldset__legend"),d=e(t+"-fieldset__assistive-text"),a=[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return o("fieldset",{class:s,..._("aria-describedby",a)},o("legend",{class:i},o("slot",{name:"legend"},this.getLegendText())),this.dsAssistiveText&&o("small",{class:d,id:this.assistiveTextId},o("slot",{name:"assistiveText"},this.dsAssistiveText)),this.renderRadioButton(t))}render(){const t=g("ds-radio-button");return this.dsLabel?this.renderFieldset(t):this.renderRadioButton(t)}static get formAssociated(){return!0}static get watchers(){return{dsChecked:[{dsCheckedObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}}static get style(){return".ds-radio-button__0apwgA.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__0apwgA--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__0apwgA.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__0apwgA__icon.sc-ds-radio-button{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0.5)}.ds-radio-button__0apwgA__input-container.sc-ds-radio-button{display:contents}.ds-radio-button__0apwgA__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__0apwgA__text.sc-ds-radio-button{margin-top:10px;padding-right:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-radio-button__0apwgA__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__0apwgA__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__0apwgA__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__0apwgA.sc-ds-radio-button:hover:not(.ds-radio-button__0apwgA--disabled):not(.ds-radio-button__0apwgA--invalid) .ds-radio-button__0apwgA__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__0apwgA.sc-ds-radio-button:hover:not(.ds-radio-button__0apwgA--disabled):not(.ds-radio-button__0apwgA--invalid) .ds-radio-button__0apwgA__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__0apwgA.sc-ds-radio-button:hover:not(.ds-radio-button__0apwgA--disabled):not(.ds-radio-button__0apwgA--invalid) .ds-radio-button__0apwgA__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__0apwgA.sc-ds-radio-button:active:not(.ds-radio-button__0apwgA--disabled):not(.ds-radio-button__0apwgA--invalid) .ds-radio-button__0apwgA__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__0apwgA.sc-ds-radio-button:active:not(.ds-radio-button__0apwgA--disabled):not(.ds-radio-button__0apwgA--invalid) .ds-radio-button__0apwgA__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__0apwgA.sc-ds-radio-button:active:not(.ds-radio-button__0apwgA--disabled):not(.ds-radio-button__0apwgA--invalid) .ds-radio-button__0apwgA__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__0apwgA--disabled.sc-ds-radio-button .ds-radio-button__0apwgA__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__0apwgA--disabled.sc-ds-radio-button .ds-radio-button__0apwgA__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__0apwgA--disabled.sc-ds-radio-button .ds-radio-button__0apwgA__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__0apwgA--invalid.sc-ds-radio-button .ds-radio-button__0apwgA__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__0apwgA--invalid.sc-ds-radio-button .ds-radio-button__0apwgA__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__0apwgA--invalid.sc-ds-radio-button .ds-radio-button__0apwgA__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__0apwgA--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__0apwgA--disabled) .ds-radio-button__0apwgA__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__0apwgA--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__0apwgA--disabled) .ds-radio-button__0apwgA__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__0apwgA--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__0apwgA--disabled) .ds-radio-button__0apwgA__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__0apwgA--invalid.sc-ds-radio-button:active:not(.ds-radio-button__0apwgA--disabled) .ds-radio-button__0apwgA__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__0apwgA--invalid.sc-ds-radio-button:active:not(.ds-radio-button__0apwgA--disabled) .ds-radio-button__0apwgA__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__0apwgA--invalid.sc-ds-radio-button:active:not(.ds-radio-button__0apwgA--disabled) .ds-radio-button__0apwgA__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__0apwgA-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__0apwgA-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button__0apwgA-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}"}},[838,"ds-radio-button",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsAriaLabel:[1,"ds-aria-label"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[6145,"ds-name"],dsErrorsDisabled:[4,"ds-errors-disabled"],dsValue:[1,"ds-value"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsText:[1,"ds-text"],dsRequired:[4,"ds-required"],dsDisabled:[4,"ds-disabled"],dsChecked:[1028,"ds-checked"],dsErrorText:[1025,"ds-error-text"],focusable:[32],groupInvalid:[32],setDisableEventEmits:[64],setFocus:[64],setFocusable:[64],setChecked:[64],checkValidity:[64]},void 0,{dsChecked:[{dsCheckedObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}]);h([o("ds-visually-hidden",null),o("ds-input-validity",null)]);const y=k,x=function(){"undefined"!=typeof customElements&&["ds-radio-button","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-radio-button":customElements.get(r(t))\|\|customElements.define(r(t),k);break;case"ds-feedback":customElements.get(r(t))\|\|m();break;case"ds-icon":customElements.get(r(t))\|\|v();break;case"ds-input-validity":customElements.get(r(t))\|\|A();break;case"ds-visually-hidden":customElements.get(r(t))\|\|C()}}))};export{y as DsRadioButton,x as defineCustomElement}

package/dist/components/ds-ribbon.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,M as i,c as e,h as t,t as r}from"./p-D6UlgeOO.js";import{c as o}from"./p-BfTCfPZ1.js";import{b as n,i as d}from"./p-5l5qZ1Ad.js";import{f as a,t as l,d as c}from"./p-C_0dwn2_.js";import{c as b}from"./p-D8YjFWWU.js";import{v as p}from"./p-DdGx5L7t.js";import{g as h,o as _}from"./p-DR0EKQJ8.js";import{a as m}from"./p-gPkqWfeS.js";import{c as g}from"./p-Bmf5N-74.js";import{d as u}from"./p-n9DkXIbZ.js";import{d as f}from"./p-DmnbW85q.js";import{d as w}from"./p-mhIG5IbL.js";import{d as k}from"./p-DKSxy4fa.js";import{d as v}from"./p-U8nzK7E7.js";import{d as x}from"./p-DEuRHSdk.js";import{d as A}from"./p-Cx1Ahh88.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 R=m.v1.ribbon,q=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=a("ds-button-drawer-close").next().value;dsMobileToggleId=a("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={...d(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=R}this.dsIcon\|\|(this.icon=this.loadedExternalData?.config?.dsIcon),this.dsBrandingUrls\|\|(this.brandingUrls=this.loadedExternalData?.brandingUrls)}componentDidLoad(){this.componentMounted(),this.lang=h(),this.setupStoreListener(),this.dsDataUrl&&""!==this.dsDataUrl.trim()&&this.loadExternalData(this.dsDataUrl)}setupStoreListener(){this.storeUnsubscribe=_("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","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?.shadowRoot){const i=e.shadowRoot.querySelector("a");i&&this.isFocusableElement(i)&&s.push(i)}const t=this.drawerRef.querySelectorAll('[class="drawer-link-item"]');for(const i of t){const e=i.querySelector(this.DsLink);if(e){const i=e.querySelector("a");i&&this.isFocusableElement(i)&&s.push(i)}}return s}isFocusableElement(s){if(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?.shadowRoot?.activeElement&&(e=e.shadowRoot.activeElement),this.el.shadowRoot?.activeElement&&(e=this.el.shadowRoot.activeElement,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","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=h()\|\|"fi";return this.dsBrandingUrls?.[s]\|\|this.brandingUrls?.[s]\|\|R.brandingUrls?.[s]}renderBranding(){if(this.dsHideBranding)return null;const s=b("ds-ribbon"),i=this.getBrandingUrl();return t("div",{class:s+"__branding"},t(this.DsLinkLogo,{dsHref:i,dsIcon:this.dsIcon\|\|this.icon\|\|R.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=b("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,p()))))))}renderMobileNavigation(){const s=this.localizedLinks;if(!s?.length)return null;const i=b("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,p()))))),t("div",{class:i+"__bottom-scrim"}))))}renderDrawerHeader(){const s=b("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\|\|R.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=b("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(`#${b("ds-ribbon")}__drawer`);s?.removeEventListener("scroll",this.handleDrawerScroll),this.storeUnsubscribe?.()}render(){const s=b("ds-ribbon"),i=o(s,{[s+"--drawer-open"]:this.isMobileDrawerOpen,[s+"--drawer-clicked"]:this.isMobileDrawerClicked});return t("div",{key:"12d219dfc716e0f7f0cfd88aec98b0f5d21c07e3",class:i},t("nav",{key:"d0369baded6629bb0ce8277a0cab60df23d7ccaa","aria-label":this.localizedNavAriaLabel,...this.isMobileDrawerOpen?{inert:!0}:{}},t("div",{key:"9955c946fcafd302f8cd8d81b894e2226cafb235",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__pA2cRq{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-ribbon__pA2cRq__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__pA2cRq__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__pA2cRq__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__pA2cRq__container{grid-template-columns:auto auto}}.ds-ribbon__pA2cRq__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__pA2cRq__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__pA2cRq__mobile-toggle{display:none !important}}.ds-ribbon__pA2cRq__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__pA2cRq__drawer-backdrop{display:none}}.ds-ribbon__pA2cRq--drawer-open .ds-ribbon__pA2cRq__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__pA2cRq__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__pA2cRq__drawer-backdrop,.ds-ribbon__pA2cRq--drawer-open .ds-ribbon__pA2cRq__container .ds-ribbon__pA2cRq__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__pA2cRq--drawer-clicked .ds-ribbon__pA2cRq__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__pA2cRq--drawer-open .ds-ribbon__pA2cRq__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__pA2cRq__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__pA2cRq__desktop-nav{display:block}}.ds-ribbon__pA2cRq__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__pA2cRq__desktop-link-item{--ds-link-text-transform:uppercase;display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__pA2cRq__desktop-link{--ds-link-font-size:var(--ds-fontSize-12);white-space:nowrap}.ds-ribbon__pA2cRq__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__pA2cRq__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__pA2cRq__desktop-badge> span{font-size:var(--ds-fontSize-12);line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__pA2cRq__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__pA2cRq__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__pA2cRq--drawer-open .ds-ribbon__pA2cRq__drawer{transform:translateX(0%)}.ds-ribbon__pA2cRq__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__pA2cRq__drawer-header{display:none}}.ds-ribbon__pA2cRq__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__pA2cRq__drawer-branding{max-width:unset}}.ds-ribbon__pA2cRq__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__pA2cRq__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__pA2cRq__drawer-nav{padding:0}}.ds-ribbon__pA2cRq__top-scrim,.ds-ribbon__pA2cRq__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__pA2cRq__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__pA2cRq__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__pA2cRq__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__pA2cRq__bottom-scrim{display:block}.ds-ribbon__pA2cRq__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__pA2cRq__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;--ds-link-text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__pA2cRq__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__pA2cRq__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__pA2cRq__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__pA2cRq__drawer-link{--ds-link-font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__pA2cRq__drawer-link{--ds-link-font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__pA2cRq__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__pA2cRq__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__pA2cRq__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__pA2cRq__drawer-badge> span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__pA2cRq--drawer-open) .ds-ribbon__pA2cRq__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__pA2cRq--drawer-open) .ds-ribbon__pA2cRq__drawer-backdrop{display:block}}:host(.ds-ribbon__pA2cRq--drawer-open) .ds-ribbon__pA2cRq__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__pA2cRq--drawer-open) .ds-ribbon__pA2cRq__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}]}]);c([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,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),q);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))\|\|A()}}))};export{T as DsRibbon,D as defineCustomElement}
1	+ import{p as s,M as i,c as e,h as t,t as r}from"./p-BSJ7lj7t.js";import{c as a}from"./p-BfTCfPZ1.js";import{b as o,i as n}from"./p-5l5qZ1Ad.js";import{f as d,t as l,d as b}from"./p-C_0dwn2_.js";import{c}from"./p-B7wRJvcQ.js";import{v as p}from"./p-fs048WbO.js";import{g as h,o as _}from"./p-7kuqFS4m.js";import{a as m}from"./p-gPkqWfeS.js";import{c as g}from"./p-CYq9Hn9P.js";import{d as w}from"./p-DnFcDWE2.js";import{d as u}from"./p-DBDtYogU.js";import{d as f}from"./p-9vuZcwJk.js";import{d as k}from"./p-BmQhIqdb.js";import{d as v}from"./p-DMUyIQhi.js";import{d as x}from"./p-CQgK_oLf.js";import{d as A}from"./p-D1avxCgt.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 T=m.v1.ribbon,D=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={...n(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=T}this.dsIcon\|\|(this.icon=this.loadedExternalData?.config?.dsIcon),this.dsBrandingUrls\|\|(this.brandingUrls=this.loadedExternalData?.brandingUrls)}componentDidLoad(){this.componentMounted(),this.lang=h(),this.setupStoreListener(),this.dsDataUrl&&""!==this.dsDataUrl.trim()&&this.loadExternalData(this.dsDataUrl)}setupStoreListener(){this.storeUnsubscribe=_("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","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?.shadowRoot){const i=e.shadowRoot.querySelector("a");i&&this.isFocusableElement(i)&&s.push(i)}const t=this.drawerRef.querySelectorAll('[class="drawer-link-item"]');for(const i of t){const e=i.querySelector(this.DsLink);if(e){const i=e.querySelector("a");i&&this.isFocusableElement(i)&&s.push(i)}}return s}isFocusableElement(s){if(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?.shadowRoot?.activeElement&&(e=e.shadowRoot.activeElement),this.el.shadowRoot?.activeElement&&(e=this.el.shadowRoot.activeElement,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","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=h()\|\|"fi";return this.dsBrandingUrls?.[s]\|\|this.brandingUrls?.[s]\|\|T.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\|\|T.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,p()))))))}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,p()))))),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\|\|T.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=a(s,{[s+"--drawer-open"]:this.isMobileDrawerOpen,[s+"--drawer-clicked"]:this.isMobileDrawerClicked});return t("div",{key:"cec3c50ccfd1861c3f71d786f2c828472555ff09",class:i},t("nav",{key:"a9816e02b9f5e4b212936f4406e31f9269f81a5b","aria-label":this.localizedNavAriaLabel,...this.isMobileDrawerOpen?{inert:!0}:{}},t("div",{key:"23af17bec0fc3bc353a5427cc4726f367781d27c",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__0apwgA{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-ribbon__0apwgA__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__0apwgA__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__0apwgA__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__0apwgA__container{grid-template-columns:auto auto}}.ds-ribbon__0apwgA__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__0apwgA__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__0apwgA__mobile-toggle{display:none !important}}.ds-ribbon__0apwgA__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__0apwgA__drawer-backdrop{display:none}}.ds-ribbon__0apwgA--drawer-open .ds-ribbon__0apwgA__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__0apwgA__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__0apwgA__drawer-backdrop,.ds-ribbon__0apwgA--drawer-open .ds-ribbon__0apwgA__container .ds-ribbon__0apwgA__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__0apwgA--drawer-clicked .ds-ribbon__0apwgA__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__0apwgA--drawer-open .ds-ribbon__0apwgA__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__0apwgA__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__0apwgA__desktop-nav{display:block}}.ds-ribbon__0apwgA__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__0apwgA__desktop-link-item{--ds-link-text-transform:uppercase;display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__0apwgA__desktop-link{--ds-link-font-size:var(--ds-fontSize-12);white-space:nowrap}.ds-ribbon__0apwgA__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__0apwgA__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__0apwgA__desktop-badge> span{font-size:var(--ds-fontSize-12);line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__0apwgA__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__0apwgA__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__0apwgA--drawer-open .ds-ribbon__0apwgA__drawer{transform:translateX(0%)}.ds-ribbon__0apwgA__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__0apwgA__drawer-header{display:none}}.ds-ribbon__0apwgA__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__0apwgA__drawer-branding{max-width:unset}}.ds-ribbon__0apwgA__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__0apwgA__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__0apwgA__drawer-nav{padding:0}}.ds-ribbon__0apwgA__top-scrim,.ds-ribbon__0apwgA__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__0apwgA__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__0apwgA__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__0apwgA__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__0apwgA__bottom-scrim{display:block}.ds-ribbon__0apwgA__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__0apwgA__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;--ds-link-text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__0apwgA__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__0apwgA__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__0apwgA__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__0apwgA__drawer-link{--ds-link-font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__0apwgA__drawer-link{--ds-link-font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__0apwgA__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__0apwgA__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__0apwgA__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__0apwgA__drawer-badge> span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__0apwgA--drawer-open) .ds-ribbon__0apwgA__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__0apwgA--drawer-open) .ds-ribbon__0apwgA__drawer-backdrop{display:block}}:host(.ds-ribbon__0apwgA--drawer-open) .ds-ribbon__0apwgA__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__0apwgA--drawer-open) .ds-ribbon__0apwgA__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=D,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),D);break;case"ds-button":customElements.get(r(s))\|\|w();break;case"ds-icon":customElements.get(r(s))\|\|u();break;case"ds-link":customElements.get(r(s))\|\|f();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))\|\|A()}}))};export{z as DsRibbon,C as defineCustomElement}

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

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

package/dist/components/ds-select.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as s}from"./p-~~BxYYHG_c~~.js";const p=o,r=s;export{p as DsSelect,r as defineCustomElement}
1	+ import{D as o,d as s}from"./p-BCjDYz_J.js";const p=o,r=s;export{p as DsSelect,r as defineCustomElement}

package/dist/components/ds-spinner.js CHANGED Viewed

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

package/dist/components/ds-step-base.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as s}from"./p-~~BSgIM1ZP~~.js";const p=o,r=s;export{p as DsStepBase,r as defineCustomElement}
1	+ import{D as o,d as r}from"./p-6r_Wjebo.js";const s=o,p=r;export{s as DsStepBase,p as defineCustomElement}

package/dist/components/ds-step-bullet-base.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as p}from"./p-~~vWpZ8Bua~~.js";const s=o,a=p;export{s as DsStepBulletBase,a as defineCustomElement}
1	+ import{D as o,d as s}from"./p-E3i0GemJ.js";const m=o,p=s;export{m as DsStepBulletBase,p as defineCustomElement}

package/dist/components/ds-step-bullet.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,M as e,h as t,t as r}from"./p-~~D6UlgeOO~~.js";import{c as o}from"./p-~~Bmf5N-74~~.js";import{s as d}from"./p-CmfoB2I_.js";import{t as i,d as l}from"./p-C_0dwn2_.js";import{d as n}from"./p-~~DmnbW85q~~.js";import{d as a}from"./p-~~vWpZ8Bua~~.js";const u=s(class extends(e(o("ds-step-bullet"),d)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsSize="medium";dsShowLine=!0;get DsStep(){return i("ds-step","ds-step-bullet",this.el)}get DsStepBulletBase(){return i("ds-step-bullet-base","ds-step-bullet",this.el)}get ordinal(){return this.context?.ordinal??1}get orientation(){return this.context?.orientation??"vertical"}get phase(){return this.context?.phase??"static"}get isSmall(){return"small"===this.dsSize}get text(){return""+this.ordinal}get sharedProps(){return{dsOrientation:this.orientation,dsSize:this.dsSize}}get lineProps(){const s=this.dsShowLine?{dsLineWidth:"hairline"}:{dsLineWidth:"none"};switch(this.phase){case"incomplete":case"current":return{...s,...this.dsShowLine&&{dsLineColour:"var(--ds-borderColor-light)"}};default:return{...s,...this.dsShowLine&&{dsLineColour:"var(--ds-borderColor-primary)"},...this.dsShowLine&&{dsLineWidth:"thin"}}}}get sizeProps(){switch(this.phase){case"incomplete":return this.isSmall?{dsIcon:"fiber_manual_record",dsIconColour:"neutral",dsBorderWidth:"none"}:{dsText:this.text,dsTextColour:"var(--ds-textColor-secondary)",dsFillColour:"var(--ds-bgColor-white)",dsBorderColour:"var(--ds-borderColor-default)",dsBorderWidth:"thin"};case"complete":return this.isSmall?{dsIcon:"check_circle_fill",dsIconColour:"primary",dsBorderWidth:"none"}:{dsIcon:"check",dsIconColour:"primary",dsFillColour:"var(--ds-bgColor-secondary-hover)",dsBorderColour:"var(--ds-borderColor-primary)",dsBorderWidth:"thin"};default:return this.isSmall?{dsIcon:"fiber_manual_record_fill",dsIconColour:"primary",dsBorderWidth:"none"}:{dsText:this.text,dsTextColour:"var(--ds-textColor-white)",dsFillColour:"var(--ds-bgColor-primary)",dsBorderWidth:"none"}}}get bulletProps(){return{...this.sharedProps,...this.lineProps,...this.sizeProps}}render(){return t(this.DsStepBulletBase,{key:"~~a62501301642df7c2aed85a005db622ad8bb226a~~",...this.bulletProps})}static get style(){return".sc-ds-step-bullet-h{display:contents}"}},[514,"ds-step-bullet",{dsSize:[1,"ds-size"],dsShowLine:[4,"ds-show-line"],context:[32]}]);l([t("ds-step-bullet-base",null)]);const h=u,c=function(){"undefined"!=typeof customElements&&["ds-step-bullet","ds-icon","ds-step-bullet-base"].forEach((s=>{switch(s){case"ds-step-bullet":customElements.get(r(s))\|\|customElements.define(r(s),u);break;case"ds-icon":customElements.get(r(s))\|\|n();break;case"ds-step-bullet-base":customElements.get(r(s))\|\|a()}}))};export{h as DsStepBullet,c as defineCustomElement}
1	+ import{p as s,M as e,h as t,t as r}from"./p-BSJ7lj7t.js";import{c as o}from"./p-CYq9Hn9P.js";import{s as d}from"./p-CmfoB2I_.js";import{t as i,d as l}from"./p-C_0dwn2_.js";import{d as n}from"./p-DBDtYogU.js";import{d as a}from"./p-E3i0GemJ.js";const u=s(class extends(e(o("ds-step-bullet"),d)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsSize="medium";dsShowLine=!0;get DsStep(){return i("ds-step","ds-step-bullet",this.el)}get DsStepBulletBase(){return i("ds-step-bullet-base","ds-step-bullet",this.el)}get ordinal(){return this.context?.ordinal??1}get orientation(){return this.context?.orientation??"vertical"}get phase(){return this.context?.phase??"static"}get isSmall(){return"small"===this.dsSize}get text(){return""+this.ordinal}get sharedProps(){return{dsOrientation:this.orientation,dsSize:this.dsSize}}get lineProps(){const s=this.dsShowLine?{dsLineWidth:"hairline"}:{dsLineWidth:"none"};switch(this.phase){case"incomplete":case"current":return{...s,...this.dsShowLine&&{dsLineColour:"var(--ds-borderColor-light)"}};default:return{...s,...this.dsShowLine&&{dsLineColour:"var(--ds-borderColor-primary)"},...this.dsShowLine&&{dsLineWidth:"thin"}}}}get sizeProps(){switch(this.phase){case"incomplete":return this.isSmall?{dsIcon:"fiber_manual_record",dsIconColour:"neutral",dsBorderWidth:"none"}:{dsText:this.text,dsTextColour:"var(--ds-textColor-secondary)",dsFillColour:"var(--ds-bgColor-white)",dsBorderColour:"var(--ds-borderColor-default)",dsBorderWidth:"thin"};case"complete":return this.isSmall?{dsIcon:"check_circle_fill",dsIconColour:"primary",dsBorderWidth:"none"}:{dsIcon:"check",dsIconColour:"primary",dsFillColour:"var(--ds-bgColor-secondary-hover)",dsBorderColour:"var(--ds-borderColor-primary)",dsBorderWidth:"thin"};default:return this.isSmall?{dsIcon:"fiber_manual_record_fill",dsIconColour:"primary",dsBorderWidth:"none"}:{dsText:this.text,dsTextColour:"var(--ds-textColor-white)",dsFillColour:"var(--ds-bgColor-primary)",dsBorderWidth:"none"}}}get bulletProps(){return{...this.sharedProps,...this.lineProps,...this.sizeProps}}render(){return t(this.DsStepBulletBase,{key:"6ff2f93632411e0c11ac1f48d4c4da82e8d957d9",...this.bulletProps})}static get style(){return".sc-ds-step-bullet-h{display:contents}"}},[514,"ds-step-bullet",{dsSize:[1,"ds-size"],dsShowLine:[4,"ds-show-line"],context:[32]}]);l([t("ds-step-bullet-base",null)]);const c=u,h=function(){"undefined"!=typeof customElements&&["ds-step-bullet","ds-icon","ds-step-bullet-base"].forEach((s=>{switch(s){case"ds-step-bullet":customElements.get(r(s))\|\|customElements.define(r(s),u);break;case"ds-icon":customElements.get(r(s))\|\|n();break;case"ds-step-bullet-base":customElements.get(r(s))\|\|a()}}))};export{c as DsStepBullet,h as defineCustomElement}

package/dist/components/ds-step-content-base.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as s,d as o}from"./p-~~DwKsNYC_~~.js";const p=s,r=o;export{p as DsStepContentBase,r as defineCustomElement}
1	+ import{D as o,d as s}from"./p-6M9w3b_P.js";const p=o,r=s;export{p as DsStepContentBase,r as defineCustomElement}

package/dist/components/ds-step-content.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,M as e,h as s,t as n}from"./p-~~D6UlgeOO~~.js";import{c as d}from"./p-~~Bmf5N-74~~.js";import{s as i}from"./p-CmfoB2I_.js";import{t as r,d as o}from"./p-C_0dwn2_.js";import{g as a}from"./p-~~DR0EKQJ8~~.js";import{d as c}from"./p-~~DwKsNYC_~~.js";import{d as l}from"./p-~~Cx1Ahh88~~.js";const p=t(class extends(e(d("ds-step-content"),i)){constructor(t){super(!1),!1!==t&&this.__registerHost()}get el(){return this}dsHeading="";dsFullWidth=!1;get DsStepContentBase(){return r("ds-step-content-base","ds-step-content",this.el)}get ordinal(){return this.context?.ordinal??1}get orientation(){return this.context?.orientation??"vertical"}get phase(){return this.context?.phase??"static"}get stepCompleted(){switch(a()){case"fi":return"(vaihe suoritettu)";case"sv":return"(steg slutfört)";default:return"(step completed)"}}get isCompleted(){return"complete"===this.phase}get isVertical(){return"vertical"===this.orientation}get headingColour(){return"incomplete"===this.phase?"var(--ds-textColor-secondary)":"var(--ds-textColor-default)"}render(){return s(this.DsStepContentBase,{key:"~~63a95baa13529efd8c142391031ffc31c8ca98f5~~",dsOrientation:this.orientation,dsHeading:this.dsHeading,dsHeadingColour:this.headingColour,dsOrdinal:this.ordinal,dsFullWidth:this.dsFullWidth,dsHiddenAssistiveText:this.isCompleted?this.stepCompleted:void 0,dsAriaCurrent:"current"===this.phase?"step":void 0},s("slot",{key:"~~6b29a2e935c1c65d113c271cbff9c40bbfb2cbca~~",name:"heading",slot:"heading"}),s("slot",{key:"~~010976cdcd833565366d481779c38d502d1b8929~~",name:"content",slot:"content"}))}static get style(){return".sc-ds-step-content-h{display:contents}"}},[774,"ds-step-content",{dsHeading:[1,"ds-heading"],dsFullWidth:[4,"ds-full-width"],context:[32]}]);o([s("ds-step-content-base",null)]);const u=p,h=function(){"undefined"!=typeof customElements&&["ds-step-content","ds-step-content-base","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-step-content":customElements.get(n(t))\|\|customElements.define(n(t),p);break;case"ds-step-content-base":customElements.get(n(t))\|\|c();break;case"ds-visually-hidden":customElements.get(n(t))\|\|l()}}))};export{u as DsStepContent,h as defineCustomElement}
1	+ import{p as t,M as e,h as s,t as n}from"./p-BSJ7lj7t.js";import{c as i}from"./p-CYq9Hn9P.js";import{s as d}from"./p-CmfoB2I_.js";import{t as o,d as r}from"./p-C_0dwn2_.js";import{g as a}from"./p-7kuqFS4m.js";import{d as c}from"./p-6M9w3b_P.js";import{d as l}from"./p-D1avxCgt.js";const u=t(class extends(e(i("ds-step-content"),d)){constructor(t){super(!1),!1!==t&&this.__registerHost()}get el(){return this}dsHeading="";dsFullWidth=!1;get DsStepContentBase(){return o("ds-step-content-base","ds-step-content",this.el)}get ordinal(){return this.context?.ordinal??1}get orientation(){return this.context?.orientation??"vertical"}get phase(){return this.context?.phase??"static"}get stepCompleted(){switch(a()){case"fi":return"(vaihe suoritettu)";case"sv":return"(steg slutfört)";default:return"(step completed)"}}get isCompleted(){return"complete"===this.phase}get isVertical(){return"vertical"===this.orientation}get headingColour(){return"incomplete"===this.phase?"var(--ds-textColor-secondary)":"var(--ds-textColor-default)"}async setFocus(){await(this.el.querySelector(this.DsStepContentBase)?.setFocus())}render(){return s(this.DsStepContentBase,{key:"12924ff92817d4ebf5c8664ef57b16635822f957",dsOrientation:this.orientation,dsHeading:this.dsHeading,dsHeadingColour:this.headingColour,dsOrdinal:this.ordinal,dsFullWidth:this.dsFullWidth,dsHiddenAssistiveText:this.isCompleted?this.stepCompleted:void 0,dsAriaCurrent:"current"===this.phase?"step":void 0},s("slot",{key:"54f7b35d92f83d73277bea21d162944a62cff693",name:"heading",slot:"heading"}),s("slot",{key:"d9c3257e90769b2491783672cf6e44af56908d42",name:"content",slot:"content"}))}static get style(){return".sc-ds-step-content-h{display:contents}"}},[774,"ds-step-content",{dsHeading:[1,"ds-heading"],dsFullWidth:[4,"ds-full-width"],context:[32],setFocus:[64]}]);r([s("ds-step-content-base",null)]);const p=u,h=function(){"undefined"!=typeof customElements&&["ds-step-content","ds-step-content-base","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-step-content":customElements.get(n(t))\|\|customElements.define(n(t),u);break;case"ds-step-content-base":customElements.get(n(t))\|\|c();break;case"ds-visually-hidden":customElements.get(n(t))\|\|l()}}))};export{p as DsStepContent,h as defineCustomElement}