@uh-design-system/component-library 1.3.0-rc.9 → 1.3.0

package/dist/types/components/01-base-components/ds-button/ds-button.d.ts

@@ -34,6 +34,8 @@ export declare class DsButton extends DsButton_base {
     dsAriaDescribedby?: string;
     dsAriaExpanded?: boolean;
     dsAriaPressed?: boolean;
+    dsAriaControls?: string;
+    dsAriaHaspopup?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
     dsHiddenAssistiveText: string;
     dsActive: boolean;
     dsInInput: boolean;

package/dist/types/components.d.ts

@@ -300,6 +300,10 @@ export namespace Components {
           * @default false
          */
         "dsActive": boolean;
+        /**
+          * Passed to the `aria-controls` attribute of the `button` element.
+         */
+        "dsAriaControls"?: string;
         /**
           * Passed to the `aria-describedby` attribute of the `button` element.
          */
@@ -312,6 +316,10 @@ export namespace Components {
           * Passed to the `aria-expanded` attribute of the `button` element.
          */
         "dsAriaExpanded"?: boolean;
+        /**
+          * Passed to the `aria-haspopup` attribute of the `button` element.
+         */
+        "dsAriaHaspopup"?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
         /**
           * Passed to the `aria-label` attribute of the `button` element.
          */
@@ -9488,6 +9496,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "dsActive"?: boolean;
+        /**
+          * Passed to the `aria-controls` attribute of the `button` element.
+         */
+        "dsAriaControls"?: string;
         /**
           * Passed to the `aria-describedby` attribute of the `button` element.
          */
@@ -9500,6 +9512,10 @@ declare namespace LocalJSX {
           * Passed to the `aria-expanded` attribute of the `button` element.
          */
         "dsAriaExpanded"?: boolean;
+        /**
+          * Passed to the `aria-haspopup` attribute of the `button` element.
+         */
+        "dsAriaHaspopup"?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
         /**
           * Passed to the `aria-label` attribute of the `button` element.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uh-design-system/component-library",
-  "version": "1.3.0-rc.9",
+  "version": "1.3.0",
   "publishConfig": {
     "access": "public"
   },
@@ -110,5 +110,5 @@
     "ts-node": "^10.9.2"
   },
   "license": "MIT",
-  "gitHead": "63b672e779d2c140bf5e22049fd7ab6a4482c795"
+  "gitHead": "80c3cc93d8448306f459934a33ecf094a2c6a791"
 }

package/dist/component-library/p-09f4ea00.entry.js

@@ -1 +0,0 @@
-import{h as s,r as a,c as e,d}from"./p-BOC35Duk.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as o}from"./p-C0ZojNxk.js";import{i,d as n,t as r,e as l,a as c}from"./p-J5Ghj1_T.js";import{g as _}from"./p-ClygN-Rc.js";import{M as h,b as m}from"./p-CLNvzo86.js";import{i as b}from"./p-BW1GUsO7.js";const g=i("ds-modal"),p=class{constructor(s){a(this,s),this.dsModalClose=e(this,"dsModalClose")}get el(){return d(this)}RESIZE_THROTTLE_TIMEOUT=100;reducedMotionMediaQuery=window.matchMedia("(prefers-reduced-motion: reduce)");isGreaterThanEqualSmallMediaQuery=b("small");transitionTimeout=null;contentRef;contentSlotContainsElements=!1;dsModalClose;dsId=g.next().value;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(_()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}get warning(){switch(_()){case"fi":return"Varoitus";case"sv":return"Varning";default:return"Warning"}}get contentScrollArea(){switch(_()){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 r("ds-icon","ds-modal",this.el)}get DsButton(){return r("ds-button","ds-modal",this.el)}get DsBackdrop(){return r("ds-backdrop","ds-modal",this.el)}checkHeaderSlot(){this.hasHeaderSlot=null!==this.el.querySelector('[slot="header"]')}checkContentSlot(){const s=this.el.querySelectorAll('[slot="content"]');this.hasContentSlot=s.length>0,this.contentSlotContainsElements=Array.from(s).some((s=>s.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=l(this.calculateScrollableContentState,this.RESIZE_THROTTLE_TIMEOUT);setIsGreaterThanEqualSmall=s=>{this.isGreaterThanEqualSmall=s.matches};handleReducedMotionChange=s=>{s.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.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(s){s&&this.calculateScrollableContentState()}dsOpenObserver(s){this.transitionInProgress=!0;const a=()=>{s&&this.calculateScrollableContentState(),this.transitionInProgress=!1};this.reducedMotionMediaQuery.matches?requestAnimationFrame((()=>{a()})):this.transitionTimeout=setTimeout(a,s?h:m)}resizeListener(){this.throttledCalculateScrollableContentState()}handleBackdropClose=()=>{this.dsCloseable&&this.dsBackdropCloseable&&this.dsModalClose.emit()};handleCloseClick=()=>{this.transitionInProgress||this.dsModalClose.emit()};handleContentScroll=()=>{this.calculateScrollableContentState()};render(){const a=o("ds-modal"),e=t(a,{[`${a}--open`]:this.dsOpen,[`${a}--in`]:this.dsOpen&&this.transitionInProgress}),d=t(`${a}__container`,{[`${a}__container--${this.dsSize}`]:"auto"!==this.dsSize,[`${a}__container--scrollable`]:(this.dsOpen||this.transitionInProgress)&&this.dsScrollable}),i=t(`${a}__header`,{[`${a}__header--sticky`]:this.dsScrollable}),n=t(`${a}__header__heading`,"ds-heading-md"),r=t(`${a}__header__close-button`),l=t(`${a}__content`,"ds-bodytext-lg",{[`${a}__content--scrollable`]:this.dsScrollable,[`${a}__content--padded`]:this.contentSlotContainsElements}),_=t(`${a}__footer`,{[`${a}__footer--sticky`]:this.dsScrollable}),b=this.dsScrollable?this.contentScrollArea:void 0,g=this.dsScrollable?0:void 0;return s(this.DsBackdrop,{key:"ce2390bb345fb6ae67c8da4f9bfc5254ffab7110",id:this.dsId,dsDialogClasses:e,dsOpen:this.dsOpen,dsZIndex:this.dsBackdropZIndex,dsRole:"danger"===this.dsVariant?"alertdialog":"dialog",onDsBackdropClose:this.handleBackdropClose},s("div",{key:"e3e63833df6324239aa07c5a2a74da75ec12c574",class:`${a}__positioner`},s("div",{key:"1c1320facf3ef41ea311bc67ca92da53e0638012",class:d,style:{"--ds-modal-transition-in-duration":`${h}ms`,"--ds-modal-transition-out-duration":`${m}ms`}},s("slot",{key:"e96e98574621219a7418615b110113ee34a16989",name:"header",onSlotchange:()=>this.checkHeaderSlot()},!this.hasHeaderSlot&&s("div",{key:"ddda5d668ce1cd04d6004f6ac7671576098896f6",class:i},this.dsHeadingText&&s("span",{key:"bccc820304b24ca81964c6a336dd6b3bed990d15",role:"heading",tabIndex:-1,autoFocus:"heading"===this.dsAutoFocusTarget,"aria-level":this.dsHeadingLevel,class:n},this.icon&&s(this.DsIcon,{key:"f26e0662ae401ec68128bad6de1e8ae6fd4d1427",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}),s("span",{key:"4026cc726bf0b3235f992cccb0ea61a16ff21cf8",class:`${a}__header__heading__text`},this.dsHeadingText)),this.dsCloseable&&s(this.DsButton,{key:"40a3c9e712ef4897341ce6c7148ea6a35b812ed6",class:r,dsVariant:"supplementary",dsSize:"small",dsColour:"black",dsIcon:"close",dsAriaLabel:this.close,dsAutoFocus:"close-button"===this.dsAutoFocusTarget,onClick:this.handleCloseClick}))),s("div",{key:"dd728bec8194ca295980210ef3d7389f7a4d15d9",ref:s=>this.contentRef=s,class:l,...c("aria-label",b),...c("tabIndex",g),onScroll:this.handleContentScroll},this.dsScrollable&&this.hasContentSlot&&s("div",{key:"0393782107616406961417da860cc6cbc1d0774c",class:t(`${a}__content--scrollable__top-scrim`,{[`${a}__content--scrollable__top-scrim--open`]:this.scrollableContentState&&!this.scrollableContentState.atTop}),"aria-hidden":"true"}),s("slot",{key:"08193c19f178810401c43ab2be042aa8d9ba0789",name:"content",onSlotchange:()=>this.checkContentSlot()}),this.dsScrollable&&this.hasContentSlot&&s("div",{key:"7c9b268759c6e234e3f9ce4c808b7f92dc7e0898",class:t(`${a}__content--scrollable__bottom-scrim`,{[`${a}__content--scrollable__bottom-scrim--open`]:this.scrollableContentState&&!this.scrollableContentState.atBottom}),"aria-hidden":"true"})),s("div",{key:"52044f0dad463529c6705fbe4afa8c499b10dde7",class:_},s("slot",{key:"f7be42215a0f6dc27e9335f92ce138b736ee7224",name:"footer",onSlotchange:()=>this.checkFooterSlot()})))))}static get watchers(){return{hasContentSlot:["hasContentSlotObserver"],dsOpen:["dsOpenObserver"]}}};n([s("ds-backdrop",null),s("ds-button",null),s("ds-icon",{dsName:""})]),p.style=".ds-modal__JXNKsd{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__JXNKsd--open{overflow-y:auto}.ds-modal__JXNKsd__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__JXNKsd__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__JXNKsd__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__JXNKsd__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__JXNKsd__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__JXNKsd__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__JXNKsd__container--full{width:100%}@media (min-width: 30rem){.ds-modal__JXNKsd__container--small{width:480px}.ds-modal__JXNKsd__container--medium{width:640px}.ds-modal__JXNKsd__container--large{width:800px}}.ds-modal__JXNKsd__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__JXNKsd__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__JXNKsd__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__JXNKsd--open .ds-modal__JXNKsd__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__JXNKsd--in .ds-modal__JXNKsd__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__JXNKsd__container,.ds-modal__JXNKsd--in .ds-modal__JXNKsd__container{transition:none}}.ds-modal__JXNKsd__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__JXNKsd__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__JXNKsd__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__JXNKsd__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__JXNKsd__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__JXNKsd__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__JXNKsd__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__JXNKsd__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__JXNKsd__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__JXNKsd__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__JXNKsd__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__JXNKsd__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__JXNKsd__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__JXNKsd__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__JXNKsd__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__JXNKsd__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__JXNKsd__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__JXNKsd__content--scrollable__top-scrim,.ds-modal__JXNKsd__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__JXNKsd__content--scrollable__top-scrim--open,.ds-modal__JXNKsd__content--scrollable__bottom-scrim--open{display:block}.ds-modal__JXNKsd__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__JXNKsd__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__JXNKsd__content--scrollable:focus-visible .ds-modal__JXNKsd__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__JXNKsd__content--scrollable:focus-visible .ds-modal__JXNKsd__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__JXNKsd__footer{position:relative}.ds-modal__JXNKsd__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__JXNKsd__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__JXNKsd__footer:not(:empty)+.ds-modal__JXNKsd__content{border-block-end:0}.ds-modal__JXNKsd__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)}";export{p as ds_modal}

package/dist/component-library/p-1616617f.entry.js

@@ -1 +0,0 @@
-import{M as d,r as a,c as s,d as i,h as t}from"./p-BOC35Duk.js";import{c as r}from"./p-BfTCfPZ1.js";import{b as n,i as l}from"./p-DfbgRyXR.js";import{o,v as e}from"./p-BLJaOV3_.js";import{i as c,t as _,a as k,d as h}from"./p-J5Ghj1_T.js";import{l as b}from"./p-BQYsatiO.js";import{c as v}from"./p-C0ZojNxk.js";import"./p-ClygN-Rc.js";const p=c("visually-hidden-assistive-text"),g=class extends(d(b)){constructor(d){super(),a(this,d),this.dsClick=s(this,"dsClick")}inheritedAttributes={};linkEl;visuallyHiddenAssistiveTextId=p.next().value;get el(){return i(this)}dsText;dsVariant="primary";dsColour="blue";dsSize="medium";dsHideIcon=!1;dsIcon;dsIconPosition="end";dsTag="a";dsTabIndex;dsDisabled=!1;rel;icon="arrow_forward";get currentIcon(){return this.dsIcon?this.dsIcon:this.icon}get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}updateIcon(d){o(d)?(this.icon="arrow_outward",this.rel="noopener noreferrer"):(this.icon="arrow_forward",this.rel=void 0)}componentWillLoad(){this.inheritedAttributes={...l(this,this.el),...n(this.el)},this.updateIcon(this.dsTarget)}onTargetChanged(d){this.updateIcon(d)}handleKeyDown=d=>{switch(d.key){case" ":d.preventDefault(),this.linkEl?.click();break;case"Enter":"span"!==this.dsTag&&this.dsHref||this.linkEl?.click()}};render(){const d=v("ds-link-cta"),a=r(d,`${d}--${this.dsVariant}`,`${d}--${this.dsColour}`,`${d}--${this.dsSize}`,{[`${d}--no-text`]:!this.dsText||""===this.dsText.trim()}),s=r(`${d}__text`),i=r(`${d}__icon`,`${d}__icon--${this.dsIconPosition}`),n=_("ds-icon","ds-link-cta",this.el),l=_("ds-visually-hidden","ds-link-cta",this.el),{"aria-label":c,"aria-labelledby":h,...b}=this.inheritedAttributes,p=this.dsAriaLabel||c,g=this.dsAriaLabelledby||h,N=!this.dsHideIcon&&t(n,{key:"086d62b41b6250f61ebebfaf540e136c167b3568",dsName:this.currentIcon,class:i,dsCustomSize:"medium"===this.dsSize?"1.5rem":"1.25rem"});return t(this.dsTag,{key:"7edd2bdfd6d79c21c89e161c54a609c16fda0ddf",ref:d=>this.linkEl=d,part:"link",class:a,onKeyDown:this.handleKeyDown,tabindex:void 0!==this.dsTabIndex?this.dsTabIndex:"a"!==this.dsTag||this.dsHref?void 0:"0",...k("role","span"===this.dsTag?"link":void 0),...k("aria-disabled",this.dsDisabled?"true":void 0),...k("aria-label",p),...k("aria-labelledby",g),...b,...this.linkAttributes},"start"===this.dsIconPosition&&N,t("span",{key:"1b7906e92823a64ae64cc6a3bd09ddfd0d7bba94",class:s},this.dsText),"end"===this.dsIconPosition&&N,o(this.dsTarget)&&t(l,{key:"9d89b7b9dda2bc3c43ad03998d636c8d14148c8f",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},e()))}static get watchers(){return{dsTarget:["onTargetChanged"]}}};h([t("ds-icon",{dsName:""}),t("ds-visually-hidden",null)]),g.style=":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block;vertical-align:middle}.ds-link-cta__JXNKsd{width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center;cursor:pointer;user-select:none;--webkit-user-select:none}.ds-link-cta__JXNKsd[aria-disabled=true]{cursor:default;pointer-events:none;background-color:transparent !important;border-color:transparent !important;color:var(--ds-textColor-disabled-onLight) !important}.ds-link-cta__JXNKsd__text{padding:0 var(--ds-spacing-3xSmall, 4px);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:var(--ds-link-cta-text-decoration, underline);text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-cta__JXNKsd--no-text .ds-link-cta__JXNKsd__text{padding:0}.ds-link-cta__JXNKsd:has(.ds-link-cta__JXNKsd__spinner):not(.ds-link-cta__JXNKsd--small) .ds-link-cta__JXNKsd__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__JXNKsd--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__JXNKsd:has(.ds-link-cta__JXNKsd__text:empty){width:var(--ds-link-cta-min-height);aspect-ratio:1;padding-left:0;padding-right:0}.ds-link-cta__JXNKsd:has(.ds-link-cta__JXNKsd__text:empty) .ds-link-cta__JXNKsd__icon{margin:0}.ds-link-cta__JXNKsd:not(.ds-link-cta__JXNKsd--small):not(.ds-link-cta__JXNKsd--secondary):not(.ds-link-cta__JXNKsd--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__JXNKsd:not(.ds-link-cta__JXNKsd--small).ds-link-cta__JXNKsd--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__JXNKsd:not(.ds-link-cta__JXNKsd--small).ds-link-cta__JXNKsd--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__JXNKsd:not(.ds-link-cta__JXNKsd--small).ds-link-cta__JXNKsd--icon-only{padding-left:0;padding-right:0}.ds-link-cta__JXNKsd--small:not(.ds-link-cta__JXNKsd--secondary):not(.ds-link-cta__JXNKsd--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__JXNKsd--small.ds-link-cta__JXNKsd--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__JXNKsd--small.ds-link-cta__JXNKsd--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__JXNKsd--small.ds-link-cta__JXNKsd--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__JXNKsd--small .ds-link-cta__JXNKsd__icon{width:var(--ds-link-cta-icon-size, auto);height:var(--ds-link-cta-icon-size, 1rem)}.ds-link-cta__JXNKsd__icon--start{margin-right:var(--ds-spacing-3xSmall);margin-left:0}.ds-link-cta__JXNKsd__icon--end{margin-left:var(--ds-spacing-3xSmall);margin-right:0}.ds-link-cta__JXNKsd--no-text .ds-link-cta__JXNKsd__icon--start,.ds-link-cta__JXNKsd--no-text .ds-link-cta__JXNKsd__icon--end{margin:0}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--blue: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-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--blue{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-primary));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--black: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-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--black{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-black));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--white{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-white));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--blue: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-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--blue{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-secondary));border-color:var(--ds-borderColor-primary);color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--black: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-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--black{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-black);color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--white{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-white);color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--blue: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-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--blue{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--black: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-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--black{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--white{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}";export{g as ds_link_cta}

package/dist/component-library/p-20e1f465.entry.js

@@ -1 +0,0 @@
-import{h as d,r as s,d as a}from"./p-BOC35Duk.js";import{c as e}from"./p-BfTCfPZ1.js";import{i as t,d as i,t as r}from"./p-J5Ghj1_T.js";import{o}from"./p-BLJaOV3_.js";import{c}from"./p-C0ZojNxk.js";import{i as n,b as l}from"./p-DfbgRyXR.js";import"./p-ClygN-Rc.js";const _=t("ds-card"),h=class{constructor(d){s(this,d)}linkIcon="arrow_forward";inheritedAttributes={};cardId=_.next().value;get el(){return a(this)}dsLinkType="full";dsVariant="filled";dsHorizontal=!1;dsHeading;dsHeadingLevel=3;dsDescription;dsDescriptionClamp;dsUrl;dsUrlTarget="_self";dsEyebrow;dsSubtitle;dsTag;dsShowArrow=!0;dsFluidHeight=!1;hasImageSlot=!1;hasSubtitleSlot=!1;hasSlotContent=!0;isCardFocused=!1;componentWillLoad(){o(this.dsUrlTarget)&&(this.linkIcon="arrow_outward"),this.inheritedAttributes={...l(this.el,["aria-labelledby"]),...n(this,this.el)}}connectedCallback(){const d=null===this.el.querySelector('[slot="content"]'),s=null===this.el.querySelector('[slot="footer"]');d&&s&&(this.hasSlotContent=!1)}componentDidLoad(){this.checkImageSlot()}isSlottedElement(d){let s=d;for(;s&&s!==this.el;){if(s.hasAttribute("slot"))return!0;s=s.parentElement}return!1}handleFocusIn(d){this.isSlottedElement(d.target)||(this.isCardFocused=!0)}handleFocusOut(d){const s=d.relatedTarget;s&&this.el.contains(s)&&!this.isSlottedElement(s)||(this.isCardFocused=!1)}handleClick(){}handleKeydown(d){}checkImageSlot(){const d=this.el.querySelectorAll('[slot="image"]');this.hasImageSlot=d.length>0}checkSubtitleSlot(){const d=this.el.querySelectorAll('[slot="subtitle"]');this.hasSubtitleSlot=d.length>0}render(){const s=c("ds-card"),a=e(s,`${s}--${this.dsVariant}`,{[`${s}--link--full`]:"full"===this.dsLinkType,[`${s}--fluid-height`]:this.dsFluidHeight,[`${s}--focused`]:this.isCardFocused},this.dsHorizontal?`${s}--horizontal`:`${s}--vertical`,`${s}--link__${this.dsLinkType}`),t=e(`${s}__link`,{[`${s}__link--${this.dsLinkType}`]:!0}),i=`h${this.dsHeadingLevel}`,o=`${this.cardId}-heading`,n=r("ds-icon","ds-card",this.el),l=this.dsDescriptionClamp?this.dsDescriptionClamp.toString():"none";return d("article",{key:"4aca49b7685b06671358a4a979fc4a667a8f74fe",class:a,style:{"--description-line-clamp":l},"aria-labelledby":o,...this.inheritedAttributes},d("div",{key:"3656493bd5b4f0c3efb264c0028bc2dddddbdecd",class:`${s}__content`},d("div",{key:"6b77e3475f7c5b3b4371454ec552ae50ce33d0af",class:{[`${s}__content--top`]:!0,[`${s}__content--top--has-link`]:Boolean(this.dsUrl)}},d("div",{key:"e5a3e7d730a74c89efe0b1157d42569d8ee2b6e4",class:`${s}__heading-container`},this.dsHeading&&this.dsUrl&&"none"!==this.dsLinkType?d(i,{class:`${s}__heading`,id:o},d("a",{href:this.dsUrl,target:this.dsUrlTarget,class:t},d("slot",{name:"heading"},this.dsHeading))):d(i,{class:`${s}__heading`},d("slot",{name:"heading"},this.dsHeading)),this.dsTag&&this.hasImageSlot&&d("span",{key:"e77eca2ae3d8f06fda874b2d6872fb52f76356ef",class:`${s}__tag`},this.dsTag),this.dsEyebrow&&d("div",{key:"8b6dd6e0bc9bff919b83ba0f66baa18ff8dbc549",class:`${s}__eyebrow`},this.dsEyebrow),this.dsSubtitle&&d("div",{key:"8d9340ea810f0a1dd9bb620f4395d03e76371c79",class:`${s}__subtitle`},this.dsSubtitle),d("div",{key:"8c3eab74972c7e2ae2fb15284b451e2e012fe825",class:e(`${s}__slot-subtitle`,{[`${s}__slot-subtitle--hidden`]:!this.hasSubtitleSlot})},d("slot",{key:"4ca959be51c344e0aeaee632cbbbb6e7cb3ad3ef",name:"subtitle",onSlotchange:()=>this.checkSubtitleSlot()}))),this.dsUrl&&this.dsShowArrow&&"heading"!==this.dsLinkType&&d(n,{key:"1132097252cc13d430a5ab2f033c627c82c76628",dsSize:"2rem",class:`${s}__icon`,dsName:this.linkIcon})),this.dsDescription&&d("p",{key:"00c4b323a27577fe0a86083707952aed78d45c98",class:`${s}__description`},this.dsDescription)),d("div",{key:"74f038a7420ac390e0985fc0c17a12eb03802c41",class:e(`${s}__content--bottom`,{[`${s}__content--bottom--has-slot-content`]:this.hasSlotContent})},d("div",{key:"63f77dda6ad019d0cac08ba7fd02bdb5b4316ef7",class:`${s}__slot--content`},d("slot",{key:"45edff410ccae95620e2af87904198173e2d39e4",name:"content"})),d("div",{key:"a397ee8196c39e671e669c16ea09af21043ac2eb",class:`${s}__slot--footer`},d("slot",{key:"42b960398fbf2bfd01bb002277db033c3f5e4298",name:"footer"}))),d("div",{key:"1d2159b8fe99a68ca17f0505f144fdd1829fe877",class:{[`${s}__image-container`]:!0,[`${s}__image-container--has-image`]:this.hasImageSlot}},d("slot",{key:"5cb49383eb2f46625978789a6947323af8635e10",name:"image",onSlotchange:()=>this.checkImageSlot()})))}};i([d("ds-icon",{dsName:""})]),h.style='.sc-ds-card-h{display:block}.ds-card__JXNKsd.sc-ds-card{background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);display:flex;flex-direction:column;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);hyphens:auto;height:auto;min-height:var(--ds-spacing-layout-2xLarge, 8rem);position:relative}.ds-card__JXNKsd--fluid-height.sc-ds-card{height:100%}.ds-card__JXNKsd.ds-card__JXNKsd--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__JXNKsd.ds-card__JXNKsd--link--full.sc-ds-card:hover .ds-card__JXNKsd__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__JXNKsd.ds-card__JXNKsd--link--full.sc-ds-card:hover .ds-card__JXNKsd__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__JXNKsd.ds-card__JXNKsd--link--full.sc-ds-card:hover .ds-card__JXNKsd__link--heading.sc-ds-card{text-decoration:none}.ds-card__JXNKsd.ds-card__JXNKsd--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__JXNKsd.ds-card__JXNKsd--link--full.sc-ds-card:active .ds-card__JXNKsd__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__JXNKsd.ds-card__JXNKsd--link--full.sc-ds-card:active .ds-card__JXNKsd__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__JXNKsd.ds-card__JXNKsd--link--full.sc-ds-card:active .ds-card__JXNKsd__link--heading.sc-ds-card{text-decoration:none}.ds-card__JXNKsd.ds-card__JXNKsd--link--full.sc-ds-card:focus-within{box-shadow:false 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * -1)}.ds-card__JXNKsd.sc-ds-card .ds-card__JXNKsd__link--full.sc-ds-card:after{content:"";position:absolute;inset:0}.ds-card__JXNKsd--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__JXNKsd--horizontal.sc-ds-card{display:grid;grid-template:"image content" auto "image contentBottom" auto/auto 1fr}.ds-card__JXNKsd--horizontal.sc-ds-card .ds-card__JXNKsd__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__JXNKsd--horizontal.sc-ds-card .ds-card__JXNKsd__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__JXNKsd--horizontal.sc-ds-card .ds-card__JXNKsd__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__JXNKsd--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__JXNKsd__image-container.sc-ds-card{display:none}.ds-card__JXNKsd__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__JXNKsd.sc-ds-card:not(.ds-card__JXNKsd--vertical) .ds-card__JXNKsd__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__JXNKsd.sc-ds-card:not(.ds-card__JXNKsd--horizontal) .ds-card__JXNKsd__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__JXNKsd--link--full.sc-ds-card .ds-card__JXNKsd__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__JXNKsd__tag.sc-ds-card{background-color:var(--ds-bgColor-black);color:var(--ds-textColor-white);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);left:-10px;letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);min-height:24px;padding-block:1.5px;padding-inline:var(--ds-spacing-2xSmall);position:absolute;top:1rem;z-index:2}.ds-card__JXNKsd__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__JXNKsd__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__JXNKsd__content--top.sc-ds-card{align-items:flex-start;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;order:2;padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__JXNKsd__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__JXNKsd__content--bottom.sc-ds-card{order:4}.ds-card__JXNKsd__eyebrow.sc-ds-card{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-2xSmall);order:1}.ds-card__JXNKsd__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__JXNKsd__heading.sc-ds-card{align-items:center;color:var(--ds-textColor-default);display:flex;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold);margin:0;margin-bottom:var(--ds-spacing-3xSmall);justify-content:space-between;order:2;text-wrap:balance}.ds-card__JXNKsd__heading.sc-ds-card .ds-card__JXNKsd__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__JXNKsd__heading.sc-ds-card .ds-card__JXNKsd__link.sc-ds-card:not(.ds-card__JXNKsd__link--full):hover,.ds-card__JXNKsd__heading.sc-ds-card .ds-card__JXNKsd__link.sc-ds-card:not(.ds-card__JXNKsd__link--full):active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:13%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__JXNKsd__heading.sc-ds-card .ds-card__JXNKsd__link--heading.sc-ds-card{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__JXNKsd__heading.sc-ds-card .ds-card__JXNKsd__link--heading.sc-ds-card: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-card__JXNKsd__subtitle.sc-ds-card,.ds-card__JXNKsd__slot-subtitle.sc-ds-card{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__JXNKsd__description.sc-ds-card{-webkit-box-orient:vertical;-webkit-line-clamp:var(--description-line-clamp, "none");color:var(--ds-textColor-default);display:-webkit-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);letter-spacing:var(--ds-letterSpacing-wide);line-clamp:var(--description-line-clamp, "none");line-height:var(--ds-lineHeight-large);margin:0 0 var(--ds-spacing-small) 0;overflow:hidden;padding:0 var(--ds-spacing-small);text-wrap:pretty;order:3}.ds-card__JXNKsd__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__JXNKsd__slot-subtitle--hidden.sc-ds-card{display:none}';export{h as ds_card}

package/dist/component-library/p-2423eafa.entry.js

@@ -1 +0,0 @@
-import{h as s,r as t,d as e}from"./p-BOC35Duk.js";import{g as o}from"./p-ClygN-Rc.js";import{t as i,n as r,l as d,f as a,w as n}from"./p-h0uIiPB8.js";import{d as l,t as _}from"./p-J5Ghj1_T.js";import{c as g}from"./p-C0ZojNxk.js";const p={dsErrorTitle:n,dsErrorText:a,dsLoadingText:d,dsNoResultsTitle:r,dsNoResultsText:i},c=(s,t)=>t||p[s](),m=class{constructor(s){t(this,s)}get el(){return e(this)}dsLoading=!1;dsError=!1;dsNoResults=!1;dsErrorTitle;dsErrorText;dsLoadingText;dsNoResultsTitle;dsNoResultsText;texts=Object.fromEntries(Object.entries(p).map((([s,t])=>[s,t()])));setTexts(){this.texts={dsErrorTitle:c("dsErrorTitle",this.dsErrorTitle),dsErrorText:c("dsErrorText",this.dsErrorText),dsLoadingText:c("dsLoadingText",this.dsLoadingText),dsNoResultsTitle:c("dsNoResultsTitle",this.dsNoResultsTitle),dsNoResultsText:c("dsNoResultsText",this.dsNoResultsText)}}textPropObserver(s,t,e){this.texts={...this.texts,[e]:c(e,s)}}componentWillLoad(){this.setTexts()}handleLanguageChange(){this.setTexts()}render(){const t=_("ds-icon","ds-options-message",this.el),e=_("ds-spinner","ds-options-message",this.el),i=g("ds-options-message"),r=`${i}__error`,d=`${i}__loading`,a=`${i}__no-results`;return this.dsLoading||this.dsError||this.dsNoResults?s("div",null,s("div",{class:i},this.dsError?s("div",{class:r},s(t,{dsName:"warning",dsSize:"2rem",class:`${r}__icon`}),s("div",{class:`${r}__title`},this.texts.dsErrorTitle),s("div",{class:`${r}__text`},this.texts.dsErrorText)):this.dsLoading?s("div",{class:d},s(e,{dsSize:"large"}),s("div",{class:`${d}__text`},this.texts.dsLoadingText)):s("div",{class:a},s("div",{class:`${a}__title`,lang:o()},this.texts.dsNoResultsTitle),s("div",{class:`${a}__text`},this.texts.dsNoResultsText)))):null}static get watchers(){return{dsErrorTitle:["textPropObserver"],dsErrorText:["textPropObserver"],dsLoadingText:["textPropObserver"],dsNoResultsTitle:["textPropObserver"],dsNoResultsText:["textPropObserver"]}}};l([s("ds-icon",{dsName:""}),s("ds-spinner",null)]),m.style=".ds-options-message__JXNKsd.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__JXNKsd__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__JXNKsd__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__JXNKsd__error__title.sc-ds-options-message,.ds-options-message__JXNKsd__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__JXNKsd__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__JXNKsd__error__text.sc-ds-options-message,.ds-options-message__JXNKsd__loading__text.sc-ds-options-message,.ds-options-message__JXNKsd__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}.ds-options-message__JXNKsd__loading__text.sc-ds-options-message{padding-top:var(--ds-spacing-2xSmall);padding-bottom:var(--ds-spacing-large);text-align:center}";export{m as ds_options_message}

package/dist/component-library/p-32a6bcfa.entry.js

@@ -1 +0,0 @@
-import{M as s,r as t,d as i,h as a,H as e}from"./p-BOC35Duk.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as r}from"./p-C0ZojNxk.js";import{t as d,d as o}from"./p-J5Ghj1_T.js";import{p}from"./p-NaosgdgV.js";import"./p-B-jfWeRN.js";const l=class extends(s(p)){constructor(s){super(),t(this,s)}get el(){return i(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,a=s===t;switch(this.dsType){case"first":case"previous":return i;case"next":case"last":return a;default:return!1}}get DsLinkCta(){return d("ds-link-cta","ds-pagination-item",this.el)}render(){if(!this.paginationContext)return a(e,null);const s=r("ds-pagination-item"),t=n(s,`${s}--${this.dsType}`,{[`${s}--disabled`]:this.isDisabled}),i="span"===this.dsTag||!this.dsHref;return a(e,null,a(this.DsLinkCta,{class:t,dsVariant:"supplementary",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:i?void 0:this.dsHref,dsDisabled:this.isDisabled,dsTag:i?"span":"a"}))}};o([a("ds-link-cta",{dsText:""})]),l.style=".ds-pagination-item__JXNKsd.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__JXNKsd--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__JXNKsd--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__JXNKsd--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}";export{l as ds_pagination_item}

package/dist/component-library/p-57f338e4.entry.js

@@ -1 +0,0 @@
-import{h as s,r as e,d as t}from"./p-BOC35Duk.js";import{c as a}from"./p-C0ZojNxk.js";import{d,t as i}from"./p-J5Ghj1_T.js";const l=class{constructor(s){e(this,s)}get el(){return t(this)}dsLabel;dsAssistiveText;dsAssistiveTextId;get DsAssistiveText(){return i("ds-assistive-text","ds-group-label",this.el)}render(){const e=a("ds-group-label");return s("div",{key:"5a410391819265187bde8f354441709cccac494e",class:e},s("slot",{key:"60f078ead63cc6397101a757fc5d9983493838f4",name:"label"},this.dsLabel&&s("div",{key:"ae69749a578be207de9320a04a3d4c6c853a5467",class:`${e}__label`},this.dsLabel)),s("slot",{key:"0f28cefc8768993a34859ef4da0ac24f2809d045",name:"assistiveText"},this.dsAssistiveText&&s(this.DsAssistiveText,{key:"fc2ad90a44e57af475be7e9b0e2adf892943f268",dsId:this.dsAssistiveTextId,dsText:this.dsAssistiveText})))}};d([s("ds-assistive-text",null)]),l.style=".ds-group-label__JXNKsd__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-group-label__JXNKsd{display:flex;flex-direction:column}.ds-group-label__JXNKsd:empty{display:none}";export{l as ds_group_label}

package/dist/component-library/p-6a0d9f19.entry.js

@@ -1 +0,0 @@
-import{M as s,r as e,c as t,d,h as o}from"./p-BOC35Duk.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as a,d as l}from"./p-J5Ghj1_T.js";import{b as c,i as r}from"./p-DfbgRyXR.js";import{c as n}from"./p-C0ZojNxk.js";import{a as _}from"./p-LFJz26-O.js";import{b as v}from"./p-h0uIiPB8.js";import"./p-ClygN-Rc.js";const b=class extends(s(_)){constructor(s){super(),e(this,s),this.dsChange=t(this,"dsChange"),this.dsValidity=t(this,"dsValidity"),this.dsSubmitInvalid=t(this,"dsSubmitInvalid")}dsAriaDescribedby;dsAriaControls;inheritedAttributes={};get el(){return d(this)}dsChange;dsValidity;dsSubmitInvalid;dsId;dsLabel;dsPlaceholder;dsValue;dsIcon;dsName;dsForm;dsDisabled=!1;dsErrorText;dsFullWidth=!1;dsRequired=!1;value="";inputValidityId=`${this.dsId}-input-validity`;nativeSelectRef;get DsInputValidityTag(){return a("ds-input-validity","ds-select-native",this.el)}get DsIconTag(){return a("ds-icon","ds-select-native",this.el)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.value=this.dsValue||"",this.inheritedAttributes={...r(this,this.el),...c(this.el,["aria-controls"])}}componentDidLoad(){this.nativeSelectRef&&(this.nativeSelectRef.addEventListener("invalid",(s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:v()}),this.dsValidity.emit({flag:"customError",message:v()})})),this.nativeSelectRef.addEventListener("blur",(()=>{const s=this.nativeSelectRef.validity.valid;this.dsValidity.emit({flag:s?"valid":"customError",message:s?"":v()})})))}ariaAttributeObserver(s,e,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:s}}dsValueObserver(s){this.value=s||""}valueObserver(s){if(this.nativeSelectRef&&(this.nativeSelectRef.value!==s&&(this.nativeSelectRef.value=s),this.dsRequired)){const s=this.nativeSelectRef.validity.valid;this.dsValidity.emit({flag:s?"valid":"customError",message:s?"":v()})}}render(){const s=n("ds-select"),e=`${s}-native`,t=a("ds-control-label","ds-select-native",this.el),{"aria-controls":d,"aria-describedby":l,...c}=this.inheritedAttributes,r=this.dsAriaDescribedby??l,_=this.dsAriaControls??d??`${this.dsId}-listbox`;return o("div",{key:"bea31de32c0bc4f6f36bdee67df13dc1114cbe08"},o(t,{key:"509591a07bb3f0e3840b9e8f2134767a29f6fb88",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired},o("slot",{key:"ecca16624b57d72e5640cbaadd5e9ab4716d504c",name:"label"})),o("div",{key:"36ad8457a8730481846c613141336d566add1f35",class:i(`${e}`,{[`${s}--full-width`]:this.dsFullWidth,[`${e}--disabled`]:this.dsDisabled,[`${e}--invalid`]:!!this.dsErrorText})},o("div",{key:"be296cd4aa35e5b26429f8cd33d3d0311d274c97",class:`${e}__selected-text`,"aria-hidden":"true"},this.value&&this.nativeSelectRef?.selectedOptions[0]?.textContent||this.dsPlaceholder),o("select",{key:"8e61de2a2072a988d258b91bcffde3e03fca8509",ref:s=>{this.nativeSelectRef=s,s&&(s.value=this.value)},id:this.dsId,name:this.dsName,form:this.dsForm,class:`${e}__select`,disabled:this.dsDisabled,required:this.dsRequired,onChange:s=>{const e=s.target;this.value=e.value,this.dsChange.emit(e.value)},"aria-describedby":r,"aria-controls":_,...c},o("option",{key:"3fe79608e08f10f9c1164578ee01553bc2f5b808",value:"",disabled:!0,style:{display:this.dsRequired?"none":void 0},selected:!this.value},this.dsPlaceholder),o("slot",{key:"0454a5edc7ff125395b935b413e171b3685674ed",name:"native"})),o(this.DsIconTag,{key:"3ac21d46b4edfb53dd3bb51337dd5977945fae26",class:`${e}__dropdown-icon`,dsName:"keyboard_arrow_down"})),!!this.dsErrorText&&o(this.DsInputValidityTag,{key:"19f92019dd44cfcda54edf37c1828b1effbcf27b",id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}))}static get watchers(){return{"aria-describedby":["ariaAttributeObserver"],dsValue:["dsValueObserver"],value:["valueObserver"]}}};l([o("ds-icon",{dsName:""}),o("ds-control-label",null),o("ds-input-validity",null)]),b.style=".sc-ds-select-native-h{display:inline-block;width:100%}@media (min-width: 30rem){:not(:has(.ds-select__JXNKsd--full-width)).sc-ds-select-native-h{width:20rem}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select__JXNKsd-native.sc-ds-select-native,.ds-select__JXNKsd-custom.sc-ds-select-native{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select__JXNKsd-native__dropdown-icon.sc-ds-select-native,.ds-select__JXNKsd-custom__dropdown-icon.sc-ds-select-native{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__JXNKsd-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__JXNKsd-custom.sc-ds-select-native .ds-options__JXNKsd.sc-ds-select-native{display:block}.ds-select__JXNKsd-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__JXNKsd-custom-input-container.sc-ds-select-native:has(.ds-select__JXNKsd-custom__clear-button:hover) .ds-select__JXNKsd-custom.sc-ds-select-native{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__JXNKsd-custom.sc-ds-select-native:not(.ds-select__JXNKsd-custom--open,.ds-select__JXNKsd-custom--invalid.sc-ds-select-native,.ds-select__JXNKsd-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__JXNKsd-custom.sc-ds-select-native:active:not(.ds-select__JXNKsd-custom--open,.ds-select__JXNKsd-custom--invalid.sc-ds-select-native,.ds-select__JXNKsd-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__JXNKsd-custom--open.sc-ds-select-native,.ds-select__JXNKsd-custom.sc-ds-select-native: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-select__JXNKsd-custom--open.sc-ds-select-native:not(.ds-select__JXNKsd-custom--open--invalid,.ds-select__JXNKsd-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__JXNKsd-custom.sc-ds-select-native:focus-visible:not(.ds-select__JXNKsd-custom--open--invalid,.ds-select__JXNKsd-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__JXNKsd-custom--disabled.sc-ds-select-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__JXNKsd-custom--disabled.sc-ds-select-native .ds-select__JXNKsd-custom__dropdown-icon.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__JXNKsd-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__JXNKsd-custom--invalid.sc-ds-select-native:not(.ds-select__JXNKsd-custom--invalid--open,.ds-select__JXNKsd-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__JXNKsd-custom--invalid.sc-ds-select-native:not(.ds-select__JXNKsd-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__JXNKsd-custom__dropdown-icon--has-clear-button.sc-ds-select-native{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__JXNKsd-custom__selected-option.sc-ds-select-native{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall)}.ds-select__JXNKsd-custom--has-icon.sc-ds-select-native .ds-select__JXNKsd-custom__selected-option.sc-ds-select-native{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__JXNKsd-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__JXNKsd-custom__selected-option__text.sc-ds-select-native{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ds-textColor-default)}.ds-select__JXNKsd-custom__selected-option__text--none-selected.sc-ds-select-native{color:var(--ds-textColor-secondary)}.ds-select__JXNKsd-custom__selected-option__text--disabled.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight)}.ds-select__JXNKsd-custom.sc-ds-select-native input.sc-ds-select-native{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__JXNKsd-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__JXNKsd-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__JXNKsd-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__JXNKsd-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__JXNKsd-custom__clear-button.sc-ds-select-native{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__JXNKsd-custom__badge-container.sc-ds-select-native{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__JXNKsd-custom__options-container.sc-ds-select-native{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__JXNKsd-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__JXNKsd-custom__options-container__options.sc-ds-select-native{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__JXNKsd-custom__options-container__options__inner.sc-ds-select-native{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__JXNKsd-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__JXNKsd-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__JXNKsd-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__JXNKsd-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__JXNKsd-custom__options-container__options__inner__top-scrim.sc-ds-select-native{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__JXNKsd-custom__options-container__options__inner__top-scrim--dark.sc-ds-select-native{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__JXNKsd-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__JXNKsd-native.sc-ds-select-native:not(.ds-select__JXNKsd-native--invalid,.ds-select__JXNKsd-native--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__JXNKsd-native.sc-ds-select-native:has(.ds-select__JXNKsd-native__select:active):not(.ds-select__JXNKsd-native--invalid,.ds-select__JXNKsd-native--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__JXNKsd-native.sc-ds-select-native:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__JXNKsd-native--disabled.sc-ds-select-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__JXNKsd-native--disabled.sc-ds-select-native .ds-select__JXNKsd-native__dropdown-icon.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__JXNKsd-native--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__JXNKsd-native--invalid.sc-ds-select-native:not(.ds-select__JXNKsd-native--invalid--disabled):has(.ds-select__JXNKsd-native__select:active){background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__JXNKsd-native--invalid.sc-ds-select-native:not(.ds-select__JXNKsd-native--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__JXNKsd-native__selected-text.sc-ds-select-native{flex:1;padding:0 var(--ds-spacing-xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-select__JXNKsd-native__select.sc-ds-select-native{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1;appearance:none;border:none;outline:none;padding:0 var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);background-color:transparent;color:inherit;flex:1}.ds-select__JXNKsd-native__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__JXNKsd-native__select.sc-ds-select-native:disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}";export{b as ds_select_native}

package/dist/component-library/p-702f7801.entry.js

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

package/dist/component-library/p-712c86ac.entry.js

@@ -1 +0,0 @@
-import{M as s,r as i,c as t,d as e,f as d,h as n}from"./p-BOC35Duk.js";import{c as l}from"./p-BfTCfPZ1.js";import{b as o,i as r}from"./p-DfbgRyXR.js";import{o as a,v as h}from"./p-BLJaOV3_.js";import{i as c,t as _,a as k,d as f}from"./p-J5Ghj1_T.js";import{l as v}from"./p-BQYsatiO.js";import{a as b}from"./p-LFJz26-O.js";import{c as u}from"./p-C0ZojNxk.js";import"./p-ClygN-Rc.js";const m=c("visually-hidden-assistive-text"),g={"2xLarge":"1.375rem",xLarge:"1.25rem",large:"1.125rem",medium:"1rem",small:"0.875rem",xSmall:"0.75rem"},x=class extends(s(v,b)){constructor(s){super(),i(this,s),this.dsClick=t(this,"dsClick")}inheritedAttributes={};visuallyHiddenAssistiveTextId=m.next().value;get el(){return e(this)}linkRef;dsText;dsSize;dsVariant="inline";dsWeight="regular";dsIcon="";dsIconPosition="end";dsIconTitle;dsIconAriaLabel;dsIconHidden;dsIconAriaHidden;dsColour;dsTag="a";targetBlank=null;async setFocus(){this.linkRef?.focus()}async getLink(){return this.linkRef}get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.targetBlank?.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}setTargetBlank(s){this.targetBlank=a(s)?{icon:"open_in_new",rel:"noopener noreferrer"}:null}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...r(this,this.el),...o(this.el)},this.setTargetBlank(this.dsTarget)}onTargetChanged(s){this.setTargetBlank(s)}ariaLabelObserver(s){this.inheritedAttributes={...this.inheritedAttributes,"aria-label":s},d(this)}renderIcon(s,i=this.dsIcon,t=this.dsIconPosition){const e=l(`${s}__icon`,{[`${s}__icon--start-${this.dsVariant}`]:"start"===t,[`${s}__icon--end-${this.dsVariant}`]:"end"===t}),d=g[this.dsSize]??"1rem",o=_("ds-icon","ds-link",this.el);return n(o,{dsName:i,class:e,dsSize:d,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel,dsHidden:this.dsIconHidden,dsAriaHidden:this.dsIconAriaHidden})}renderSuffixIcon(s){return this.targetBlank?this.renderIcon(s,this.targetBlank.icon,"end"):this.dsIcon&&"end"===this.dsIconPosition?this.renderIcon(s):null}render(){const s=u("ds-link"),i=l(s,`${s}--${this.dsWeight}`,`${s}--${this.dsVariant}`,{[`${s}--${this.dsSize}`]:!!this.dsSize,[`${s}--colour-${this.dsColour}`]:!!this.dsColour}),t=_("ds-visually-hidden","ds-link",this.el),{"aria-label":e,"aria-labelledby":d,...o}=this.inheritedAttributes,r=this.dsAriaLabelledby||d;return n(this.dsTag,{key:"ce275927797fedae063d1df9e588b688a0268288",ref:s=>this.linkRef=s,part:"link",class:i,...k("aria-label",this.dsAriaLabel||e),...k("aria-labelledby",r),...o,...this.linkAttributes},n("slot",{key:"dfbd72718f44e0d722bb36dd80743748465560e9",name:"prefix"},this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(s)),this.dsText,n("slot",{key:"d4c01b72b5c3c8c0915d181dcff3e6b067b7080a",name:"suffix"},this.renderSuffixIcon(s)),a(this.dsTarget)&&n(t,{key:"ed5efb6ba22092114f5a31628faff9af0188712b",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},h()))}static get watchers(){return{dsTarget:["onTargetChanged"],"aria-label":["ariaLabelObserver"]}}};f([n("ds-icon",{dsName:""}),n("ds-visually-hidden",null)]),x.style=":host{display:inline}:host:has(.ds-link__JXNKsd--standalone){display:inline-block}.ds-link__JXNKsd: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-link__JXNKsd{box-sizing:border-box;display:inline;color:var(--ds-textColor-link);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link__JXNKsd--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__JXNKsd--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__JXNKsd--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__JXNKsd--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__JXNKsd--large{font-size:var(--ds-fontSize-18)}.ds-link__JXNKsd--medium{font-size:var(--ds-fontSize-16)}.ds-link__JXNKsd--small{font-size:var(--ds-fontSize-14)}.ds-link__JXNKsd--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__JXNKsd__icon{display:inline-block;vertical-align:-0.125em}.ds-link__JXNKsd__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__JXNKsd__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__JXNKsd__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__JXNKsd__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__JXNKsd:hover,.ds-link__JXNKsd:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__JXNKsd:hover{color:var(--ds-textColor-link-hover)}.ds-link__JXNKsd:active{color:var(--ds-textColor-link-active)}.ds-link__JXNKsd:visited{color:var(--ds-textColor-link-visited)}.ds-link__JXNKsd--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__JXNKsd--standalone:hover,.ds-link__JXNKsd--standalone:active{text-decoration-line:underline}.ds-link__JXNKsd--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__JXNKsd--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__JXNKsd--standalone:focus-visible{color:var(--ds-textColor-link)}.ds-link__JXNKsd--standalone:visited{color:var(--ds-textColor-link)}.ds-link__JXNKsd--colour-white{color:var(--ds-textColor-white)}.ds-link__JXNKsd--colour-white:hover,.ds-link__JXNKsd--colour-white:active,.ds-link__JXNKsd--colour-white:visited,.ds-link__JXNKsd--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__JXNKsd--colour-black{color:var(--ds-textColor-default)}.ds-link__JXNKsd--colour-black:hover,.ds-link__JXNKsd--colour-black:active,.ds-link__JXNKsd--colour-black:visited,.ds-link__JXNKsd--colour-black:focus-visible{color:var(--ds-textColor-default)}";export{x as ds_link}

package/dist/component-library/p-86e7b209.entry.js

@@ -1 +0,0 @@
-import{h as e,r as s,c as d,d as i}from"./p-BOC35Duk.js";import{c as t}from"./p-C0ZojNxk.js";import{d as r,a,t as o}from"./p-J5Ghj1_T.js";import{b as n,i as h}from"./p-DfbgRyXR.js";import{g as u}from"./p-ClygN-Rc.js";const _=class{constructor(e){s(this,e),this.dsLoad=d(this,"dsLoad"),this.dsError=d(this,"dsError")}inheritedAttributes={};dsSrc;dsType;dsAlt;dsPoster;dsAutoplay=!1;dsLoop=!1;dsMuted=!0;dsUseLazy=!0;dsAspectRatio="";dsFluid=!1;get el(){return i(this)}isLoading=!0;hasError=!1;errorMessage="";dsLoad;dsError;componentWillLoad(){this.inheritedAttributes={...h(this,this.el),...n(this.el,"video"===this.dsType?["aria-label"]:[])}}onSrcChange(){this.resetState()}onTypeChange(){this.resetState()}get defaultLoadError(){switch(u()){case"fi":return"Median lataus epäonnistui";case"sv":return"Media laddning misslyckades";default:return"Failed to load media"}}get loadAbortedError(){switch(u()){case"fi":return"Median lataus keskeytettiin";case"sv":return"Media laddning avbröts";default:return"Media loading aborted"}}get loadNetworkError(){switch(u()){case"fi":return"Verkkovirhe tapahtui";case"sv":return"Nätverksfel uppstod";default:return"Network error occurred"}}get loadDecodeError(){switch(u()){case"fi":return"Median dekoodaus epäonnistui";case"sv":return"Mediaavkodning misslyckades";default:return"Media decoding failed"}}get formatError(){switch(u()){case"fi":return"Median formaatti ei ole tuettu";case"sv":return"Mediaformatet stöds inte";default:return"Media format not supported"}}resetState(){this.isLoading=!0,this.hasError=!1,this.errorMessage=""}handleLoad=()=>{this.isLoading=!1,this.hasError=!1,this.dsLoad.emit()};handleError=e=>{this.isLoading=!1,this.hasError=!0;let s=this.defaultLoadError;const d=e.target;if(d.error)switch(d.error.code){case d.error.MEDIA_ERR_ABORTED:s=this.loadAbortedError;break;case d.error.MEDIA_ERR_NETWORK:s=this.loadNetworkError;break;case d.error.MEDIA_ERR_DECODE:s=this.loadDecodeError;break;case d.error.MEDIA_ERR_SRC_NOT_SUPPORTED:s=this.formatError}this.errorMessage=s,this.dsError.emit(s)};getYouTubeEmbedUrl(e){const s=[/(?:youtube\.com\/watch\?v=|youtube\.com\/embed\/|youtu\.be\/|youtube\.com\/v\/|youtube\.com\/watch\?.*?&v=)([^&\n?#]+)/,/youtube\.com\/embed\/([^?&\n]+)/,/youtube\.com\/v\/([^?&\n]+)/,/youtu\.be\/([^?&\n]+)/];for(const d of s){const s=e.match(d);if(s&&s[1])return`https://www.youtube.com/embed/${s[1]}`}return e.includes("youtube.com/embed/"),e}renderImage(){return e("img",{src:this.dsSrc,alt:this.dsAlt||"",class:"ds-media__image",onLoad:this.handleLoad,onError:this.handleError,loading:this.dsUseLazy?"lazy":"eager",...this.inheritedAttributes})}renderVideo(){return e("video",{src:this.dsSrc,poster:this.dsPoster,autoplay:this.dsAutoplay,loop:this.dsLoop,muted:this.dsMuted,class:"ds-media__video",onLoadedData:this.handleLoad,onError:this.handleError,preload:"metadata",...a("aria-label",this.dsAlt),...this.inheritedAttributes},"Your browser does not support the video tag.")}renderYouTube(){const s=this.getYouTubeEmbedUrl(this.dsSrc);return e("iframe",{src:s,class:"ds-media__youtube",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullScreen:!0,title:this.dsAlt,onLoad:this.handleLoad,onError:this.handleError,...this.inheritedAttributes})}renderLoadingState(){const s=o("ds-spinner","ds-media",this.el);return e(s,{dsSize:"2xLarge"})}renderErrorState(){const s=o("ds-icon","ds-media",this.el);return e("div",{class:"ds-media__error",role:"alert","aria-live":"polite"},e(s,{dsName:"warning",dsSize:"2rem",dsColour:"ds-bgColor-danger-bold"}),e("span",{class:"ds-media__error-text"},this.errorMessage))}renderMedia(){switch(this.dsType){case"image":return this.renderImage();case"video":return this.renderVideo();case"youtube":return this.renderYouTube();default:return null}}render(){const s=this.dsAspectRatio.split("/"),d=2===s.length?`${s[0]} / ${s[1]}`:this.dsAspectRatio,i=t("ds-media");return e("div",{key:"5f6f41714fa77e0e7ac0562532d426e8f50563d7",class:{[i]:!0,[`${i}--loading`]:this.isLoading,[`${i}--error`]:this.hasError,[`${i}--image`]:"image"===this.dsType,[`${i}--video`]:"video"===this.dsType,[`${i}--youtube`]:"youtube"===this.dsType,[`${i}--fluid`]:this.dsFluid},style:{"--ds-media-aspect-ratio":d}},this.isLoading&&this.renderLoadingState(),this.hasError&&this.renderErrorState(),!this.hasError&&this.renderMedia())}static get watchers(){return{dsSrc:["onSrcChange"],dsType:["onTypeChange"]}}};r([e("ds-spinner",null),e("ds-icon",{dsName:""})]),_.style=".ds-media__JXNKsd{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__JXNKsd .ds-media__image,.ds-media__JXNKsd .ds-media__video,.ds-media__JXNKsd .ds-media__youtube{width:100%;height:100%;object-fit:cover;display:block;max-height:var(--horizontal-image-max-height, auto);aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__JXNKsd .ds-media__image--fluid,.ds-media__JXNKsd .ds-media__video--fluid,.ds-media__JXNKsd .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__JXNKsd__youtube{border:none;object-fit:initial}.ds-media__JXNKsd--loading .ds-media__image,.ds-media__JXNKsd--loading .ds-media__video{opacity:0}.ds-media__JXNKsd--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__JXNKsd--error .ds-media__image,.ds-media__JXNKsd--error .ds-media__video{display:none}.ds-media__JXNKsd--error .ds-media__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:var(--ds-bgColor-secondary);color:var(--ds-bgColor-danger-bold);z-index:1;padding:16px;text-align:center}.ds-media__JXNKsd--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__JXNKsd--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__JXNKsd--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__JXNKsd--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__JXNKsd--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__JXNKsd--fluid{width:100%;height:100%}.ds-media__JXNKsd--fluid .ds-media__JXNKsd__image,.ds-media__JXNKsd--fluid .ds-media__JXNKsd__video,.ds-media__JXNKsd--fluid .ds-media__JXNKsd__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__JXNKsd{border-radius:2px}.ds-media__JXNKsd__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__JXNKsd__loading-text{font-size:12px}.ds-media__JXNKsd__error-icon{width:40px;height:40px}.ds-media__JXNKsd__error-text{font-size:12px}}";export{_ as ds_media}

package/dist/component-library/p-91a8c101.entry.js

@@ -1 +0,0 @@
-import{h as t,r as e,c as a,d as s,f as r,F as d}from"./p-BOC35Duk.js";import{c as i}from"./p-BfTCfPZ1.js";import{q as o,u as n,x as c,g as l,a as _,v as h}from"./p-h0uIiPB8.js";import{i as x,d as b,b as v,t as u,a as f}from"./p-J5Ghj1_T.js";import{b as g,i as N}from"./p-DfbgRyXR.js";import{c as J}from"./p-C0ZojNxk.js";import{a as X}from"./p-CLNvzo86.js";import"./p-ClygN-Rc.js";const K=x("ds-text-area"),y=class{constructor(t){e(this,t),this.dsChange=a(this,"dsChange"),this.dsInput=a(this,"dsInput"),this.dsSubmitInvalid=a(this,"dsSubmitInvalid"),this.dsValidity=a(this,"dsValidity")}inheritedAttributes={};textareaElement;assistiveTextId;visuallyHiddenAssistiveTextId;errorTextId;successTextId;get el(){return s(this)}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=K.next().value;dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsOptionalText;dsResizing="both";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsErrorText;dsSuccessText;dsAssistiveText;dsHiddenAssistiveText;dsCharacterLimit;dsFullWidth=!1;hasFocus=!1;textareaActive=!1;wasInvalidOnBlur=!1;characterCount=0;internalValue="";hiddenCharacterCountText="";setIds=()=>{this.assistiveTextId=`${this.dsId}-assistive-text`,this.visuallyHiddenAssistiveTextId=`${this.dsId}-visually-hidden-assistive-text`,this.errorTextId=`${this.dsId}-error-text`,this.successTextId=`${this.dsId}-success-text`};async setFocus(){const t=this.el.querySelector("textarea");t?.focus()}async checkValidity(){const t=this.el.querySelector("textarea");return t?.checkValidity()}async clearTextarea(){this.internalValue="",this.dsChange.emit({value:""});const t=this.el.querySelector("textarea");t&&(t.value="")}internalValueObserver(t){this.characterCount=t.length,this.validateCharacterCount(this.characterCount)}valueObserver(t){this.internalValue=t||"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(t,e,a){this.inheritedAttributes={...this.inheritedAttributes,[a]:t},r(this)}componentWillLoad(){this.inheritedAttributes={...N(this,this.el,["id"]),...g(this.el,["aria-invalid"])},this.setIds(),this.internalValue=this.dsValue||"",this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount)}componentDidLoad(){this.adjustTextareaHeight()}disconnectedCallback(){this.setHiddenCharacterCountText?.cancel()}setHiddenCharacterCountText=v((t=>{this.hiddenCharacterCountText=t}),X);validateCharacterCount=t=>{this.dsCharacterLimit&&(t>this.dsCharacterLimit?(this.setHiddenCharacterCountText(o(t-this.dsCharacterLimit)),this.textareaElement?.setCustomValidity(n())):(this.setHiddenCharacterCountText(c(this.dsCharacterLimit-t)),this.textareaElement?.setCustomValidity("")))};adjustTextareaHeight=()=>{"auto"===this.dsResizing&&this.textareaElement&&(this.textareaElement.style.height="auto",this.textareaElement.style.height=`${this.textareaElement.scrollHeight}px`)};getLabelText=()=>this.dsRequired?l(this.dsLabel):this.dsOptional?_(this.dsLabel,this.dsOptionalText):this.dsLabel;getValidityMessage=t=>"customError"===t?this.textareaElement?.validationMessage:h(t);handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.wasInvalidOnBlur="valid"!==e,this.dsValidity.emit({flag:e,message:this.getValidityMessage(e)});break}};handleInvalid=t=>{t.preventDefault();const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.dsSubmitInvalid.emit({flag:t,message:this.getValidityMessage(t)});break}};handleInput=t=>{if(this.internalValue=t.target.value,this.dsInput.emit({event:t,value:this.internalValue}),this.dsChange.emit({value:this.internalValue}),this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount),this.adjustTextareaHeight(),this.dsErrorText||this.wasInvalidOnBlur){const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.dsValidity.emit({flag:e,message:this.getValidityMessage(e)});break}}};handleTextareaContainerClick(){this.textareaElement.focus()}render(){const e=u("ds-input-validity","ds-text-area",this.el),a=u("ds-control-label","ds-text-area",this.el),s=u("ds-visually-hidden","ds-text-area",this.el),r=J("ds-text-area"),o=`${r}__container`,{"aria-label":n,"aria-labelledby":c,"aria-describedby":l,..._}=this.inheritedAttributes,h=this.dsAriaLabel||n,x=this.dsAriaLabelledby||c,b=this.dsAriaDescribedby||l;return t(d,{key:"5caad34ac2e3732d55e87b5945767ed01c3521b4"},t(a,{key:"6a8ded349393753bc5a88424befa54a6bcfeb76f",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},t("slot",{key:"cfcba0053931526e7f5b74d10cabbbef6a394016",name:"label"}),t("slot",{key:"90b7a4cc38ce1da2f9da4f3a2d04135a4c99ed4f",name:"assistiveText"})),t("div",{key:"fc02d274dd253063a6e487b7bfdfa70f2a5f347a",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class:i(o,{[`${o}--disabled`]:this.dsDisabled,[`${o}--readonly`]:this.dsReadonly,[`${o}--valid`]:!!this.dsSuccessText,[`${o}--invalid`]:!!this.dsErrorText,[`${o}--focus`]:this.hasFocus,[`${o}--active`]:!!this.textareaActive,[`${o}--full-width`]:this.dsFullWidth})},t("textarea",{key:"66fa7a7e784c0509fe1390887149d5031e427807",ref:t=>this.textareaElement=t,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,value:void 0!==this.dsValue?this.dsValue:this.internalValue,placeholder:this.dsPlaceholder,readonly:this.dsReadonly,required:this.dsRequired,class:i(`${r}__textarea`,`${r}__textarea--resize-${this.dsResizing}`,{[`${r}__textarea--full-width`]:this.dsFullWidth}),onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...f("aria-label",h),...f("aria-labelledby",x),...f("aria-describedby",b||i({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",..._})),t("div",{key:"89545adbf7f14879d7438131774f3361c41cb74a",class:i(`${r}__validity-container`,{[`${r}__validity-container--has-character-limit`]:!!this.dsCharacterLimit})},t("slot",{key:"047c1241597c48f6a732ada1664853a355735f5c",name:"validity"},t(e,{key:"ca48ee70a750e880cba99de069a5d8edd17ec930",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"assertive"},this.dsCharacterLimit&&t(s,{key:"c75337d65423c840c7bfa9100b6db5dc6c81909c",dsTag:"span"},this.hiddenCharacterCountText)),t(e,{key:"c701cf11d5a60c4ee53d53fd8f739c729792a9ba",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success"})),this.dsCharacterLimit&&t("div",{key:"e0e778c7c32cb3762b1239de9d16081c81370096",class:i(`${r}__character-count`,{[`${r}__character-count--over-limit`]:this.characterCount>this.dsCharacterLimit})},t("small",{key:"f53cb3c063cf32368af92dd1e7ab220321fd0786"},this.characterCount,"/",this.dsCharacterLimit))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:["internalValueObserver"],dsValue:["valueObserver"],dsCharacterLimit:["characterLimitObserver"],"aria-label":["ariaAttributeObserver"],"aria-labelledby":["ariaAttributeObserver"],"aria-describedby":["ariaAttributeObserver"]}}};b([t("ds-input-validity",null),t("ds-visually-hidden",null),t("ds-control-label",null)]),y.style=".sc-ds-text-area-h *.sc-ds-text-area,.ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__JXNKsd__container--full-width){width:100%}.ds-text-area__JXNKsd__container.sc-ds-text-area:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__JXNKsd__container.sc-ds-text-area:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__JXNKsd__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__JXNKsd__container.ds-text-area__JXNKsd__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__JXNKsd__container.ds-text-area__JXNKsd__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__JXNKsd__container.ds-text-area__JXNKsd__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__JXNKsd__container.ds-text-area__JXNKsd__container--invalid.ds-text-area__JXNKsd__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__JXNKsd__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__JXNKsd__container--valid.sc-ds-text-area:hover:not(.ds-text-area__JXNKsd__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__JXNKsd__container--valid.ds-text-area__JXNKsd__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__JXNKsd__container--readonly.sc-ds-text-area,.ds-text-area__JXNKsd__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__JXNKsd__container.sc-ds-text-area:focus-within:not(.ds-text-area__JXNKsd__container.ds-text-area__JXNKsd__container--invalid,.ds-text-area__JXNKsd__container.ds-text-area__JXNKsd__container--valid.sc-ds-text-area,.ds-text-area__JXNKsd__container.ds-text-area__JXNKsd__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__JXNKsd__container.sc-ds-text-area:hover:not(.ds-text-area__JXNKsd__container.ds-text-area__JXNKsd__container--disabled,.ds-text-area__JXNKsd__container.ds-text-area__JXNKsd__container--readonly.sc-ds-text-area,.ds-text-area__JXNKsd__container.ds-text-area__JXNKsd__container--active.sc-ds-text-area,.ds-text-area__JXNKsd__container.ds-text-area__JXNKsd__container--invalid.sc-ds-text-area,.ds-text-area__JXNKsd__container.ds-text-area__JXNKsd__container--valid.sc-ds-text-area,.ds-text-area__JXNKsd__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__JXNKsd__container.active.sc-ds-text-area:not(.ds-text-area__JXNKsd__container.ds-text-area__JXNKsd__container--disabled,.ds-text-area__JXNKsd__container.ds-text-area__JXNKsd__container--readonly.sc-ds-text-area,.ds-text-area__JXNKsd__container.ds-text-area__JXNKsd__container--invalid.sc-ds-text-area,.ds-text-area__JXNKsd__container.ds-text-area__JXNKsd__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__JXNKsd__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__JXNKsd__external-button.sc-ds-text-area,.ds-text-area__JXNKsd.sc-ds-text-area-s>[slot=suffix],.ds-text-area__JXNKsd .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__JXNKsd__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__JXNKsd__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__JXNKsd__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__JXNKsd__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__JXNKsd__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block}.ds-text-area__JXNKsd__textarea.sc-ds-text-area{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__JXNKsd__textarea.sc-ds-text-area::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-area__JXNKsd__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__JXNKsd__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__JXNKsd__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__JXNKsd__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__JXNKsd__textarea--resize-auto.sc-ds-text-area,.ds-text-area__JXNKsd__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__JXNKsd__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__JXNKsd__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__JXNKsd__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__JXNKsd__textarea--full-width.sc-ds-text-area{width:100%}";export{y as ds_text_area}

package/dist/component-library/p-92c2b2c0.entry.js

@@ -1 +0,0 @@
-import{M as s,r as d,c as a,d as t,f as o,h as r}from"./p-BOC35Duk.js";import{c as i}from"./p-BfTCfPZ1.js";import{c as e,b as l,i as n}from"./p-DfbgRyXR.js";import{i as _,t as c,a as g,d as h,o as b}from"./p-J5Ghj1_T.js";import{l as v}from"./p-BQYsatiO.js";import{c as u}from"./p-C0ZojNxk.js";import{o as f,v as k}from"./p-BLJaOV3_.js";import"./p-ClygN-Rc.js";const N=_("visually-hidden-assistive-text"),J=class extends(s(v)){constructor(s){super(),d(this,s),this.dsClick=a(this,"dsClick")}inheritedAttributes={};visuallyHiddenAssistiveTextId=N.next().value;get el(){return t(this)}dsIcon;dsText;dsSize;dsTarget="_self";dsIconTitle;dsIconAriaLabel;dsColour;dsTag="a";targetBlank=null;get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.targetBlank?.rel||this.dsRel,target:this.dsTarget}}setTargetBlank(s){this.targetBlank=f(s)?{icon:"open_in_new",rel:"noopener noreferrer"}:null}componentWillLoad(){this.inheritedAttributes={...l(this.el),...e(this.el,["lang"])},this.setTargetBlank(this.dsTarget)}onAriaChanged(s){this.inheritedAttributes={...this.inheritedAttributes,"aria-label":s},o(this)}get DsIcon(){return c("ds-icon","ds-link-logo",this.el)}render(){const s=u("ds-link-logo"),d=i(s,{[`${s}--${this.dsSize}`]:!!this.dsSize,[`${s}--colour-${this.dsColour}`]:!!this.dsColour}),a=c("ds-visually-hidden","ds-link-logo",this.el),{"aria-label":t,"aria-labelledby":o,...e}=this.inheritedAttributes,l=this.dsAriaLabelledby||o;return r(this.dsTag,{key:"3abab94743ec354a875a6679ef9242342a00e569",part:"link",class:d,...g("aria-label",this.dsAriaLabel||t),...g("aria-labelledby",l),...e,...this.linkAttributes},this.dsIcon&&r(this.DsIcon,{key:"59ccd27129174e60c34749cab224fcf18a3badea",dsName:this.dsIcon,dsSize:"2rem",dsRole:"img"}),this.dsText,f(this.dsTarget)&&r(a,{key:"786c3e0ed3d3a6929cd0d265a106b07064d78751",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},k()))}static get watchers(){return{"aria-label":["onAriaChanged"]}}};h([r("ds-icon",{dsName:""}),r("ds-link",{dsText:""})]),J.style=":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-logo__JXNKsd: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-link-logo__JXNKsd{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall, 0.5rem);color:var(--ds-textColor-default, #0c0c0c);cursor:pointer;font-family:var(--ds-fontFamily-headings);font-size:var(--ds-fontSize-14, 0.875rem);font-weight:var(--ds-fontWeight-bold, 700);letter-spacing:-0.04375rem;line-height:1;text-transform:uppercase}.ds-link-logo__JXNKsd:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__JXNKsd{font-size:var(--ds-fontSize-16, 1rem)}}";const X=class{constructor(s){d(this,s)}inheritedAttributes={};get el(){return t(this)}dsText="Label";dsIcon="";dsIconPosition="start";dsDownload;dsTarget;dsHref;dsColour="default";dsRole;dsAriaHidden;componentWillLoad(){this.inheritedAttributes={...n(this,this.el),...l(this.el)}}render(){const s=u("ds-tag"),d=i(s,`${s}--${this.dsColour}`,{[`${s}--link`]:!!this.dsHref}),a=c("ds-icon","ds-tag",this.el),t=c("ds-link","ds-tag",this.el),o=void 0!==this.dsAriaHidden?this.dsAriaHidden:!this.dsHref,e=this.dsRole??this.inheritedAttributes.role,l=b(this.inheritedAttributes,["aria-hidden","role"]);return r("div",{key:"82fd38de084dc237b9f901a815f241399c85c437",class:d,...l,"aria-hidden":o,role:e},r("slot",{key:"d1d377619907932d6a39eaf87f5693cf5fb89716",name:"prefix"},!this.dsHref&&this.dsIcon&&"start"===this.dsIconPosition?r(a,{dsName:this.dsIcon,dsSize:"1rem"}):null),r("slot",{key:"1db32c3a19b54497c897b91eb2a283fca4cb5ad6"},this.dsHref?r(t,{class:`${s}__link`,dsText:this.dsText,dsHref:this.dsHref,dsTarget:this.dsTarget,dsDownload:this.dsDownload,dsColour:"black"===this.dsColour?"white":"black",dsSize:"small",dsWeight:"semibold"}):r("span",{class:`${s}__text`},this.dsText)),r("slot",{key:"724ef29be5e3c757159f4da276d471980d7830b1",name:"suffix"},!this.dsHref&&this.dsIcon&&"end"===this.dsIconPosition?r(a,{dsName:this.dsIcon,dsSize:"1rem"}):null))}};h([r("ds-icon",{dsName:""}),r("ds-link",{dsText:""})]),X.style=".ds-tag__JXNKsd: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-tag__JXNKsd:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tag__JXNKsd{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-bgColor-neutral);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag__JXNKsd.ds-tag__JXNKsd--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__JXNKsd.ds-tag__JXNKsd--default:has(.ds-tag__JXNKsd__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__JXNKsd.ds-tag__JXNKsd--default:has(.ds-tag__JXNKsd__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__JXNKsd.ds-tag__JXNKsd--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__JXNKsd.ds-tag__JXNKsd--black:has(.ds-tag__JXNKsd__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__JXNKsd.ds-tag__JXNKsd--black:has(.ds-tag__JXNKsd__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__JXNKsd.ds-tag__JXNKsd--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__JXNKsd.ds-tag__JXNKsd--white:has(.ds-tag__JXNKsd__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__JXNKsd.ds-tag__JXNKsd--white:has(.ds-tag__JXNKsd__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__JXNKsd.ds-tag__JXNKsd--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__JXNKsd.ds-tag__JXNKsd--info:has(.ds-tag__JXNKsd__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__JXNKsd.ds-tag__JXNKsd--info:has(.ds-tag__JXNKsd__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__JXNKsd.ds-tag__JXNKsd--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__JXNKsd.ds-tag__JXNKsd--danger:has(.ds-tag__JXNKsd__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__JXNKsd.ds-tag__JXNKsd--danger:has(.ds-tag__JXNKsd__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__JXNKsd.ds-tag__JXNKsd--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__JXNKsd.ds-tag__JXNKsd--attention:has(.ds-tag__JXNKsd__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__JXNKsd.ds-tag__JXNKsd--attention:has(.ds-tag__JXNKsd__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__JXNKsd.ds-tag__JXNKsd--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__JXNKsd.ds-tag__JXNKsd--success:has(.ds-tag__JXNKsd__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__JXNKsd.ds-tag__JXNKsd--success:has(.ds-tag__JXNKsd__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__JXNKsd__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag__JXNKsd__link{display:contents}.ds-tag__JXNKsd__link::part(link):focus-visible{box-shadow:none;outline:none;outline-offset:none}";export{J as ds_link_logo,X as ds_tag}

package/dist/component-library/p-C0ZojNxk.js

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

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

@@ -1 +0,0 @@
-import{r,d as s,h as a}from"./p-BOC35Duk.js";import{c as e}from"./p-C0ZojNxk.js";import{t as d}from"./p-J5Ghj1_T.js";const t=class{constructor(s){r(this,s)}get el(){return s(this)}dsIcon="chevron_forward";get DsIcon(){return d("ds-icon","ds-breadcrumbs-separator",this.el)}render(){const r=e("ds-breadcrumbs-separator");return a(this.DsIcon,{key:"bbf4623bf36af49030aaa8d31a1e5b502576a65e",class:r,dsName:this.dsIcon,dsSize:"1rem"})}};t.style=".ds-breadcrumbs-separator__JXNKsd.sc-ds-breadcrumbs-separator{display:inline-block;line-height:var(--ds-lineHeight-large);vertical-align:middle;margin-left:var(--ds-spacing-3xSmall, 4px);margin-right:var(--ds-spacing-3xSmall, 4px)}@media (min-width: 60rem){.ds-breadcrumbs-separator__JXNKsd.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}";export{t as ds_breadcrumbs_separator}

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

@@ -1 +0,0 @@
-import{r as a,d as s,h as t}from"./p-BOC35Duk.js";import{c as i}from"./p-BfTCfPZ1.js";import{c as e}from"./p-C0ZojNxk.js";import{p as n}from"./p-h0uIiPB8.js";import{a as o,g as d,b as p,d as g,e as l,n as r,p as c,l as _,f as m,h}from"./p-CBYzOSxh.js";import{s as u,p as f}from"./p-B-jfWeRN.js";import"./p-ClygN-Rc.js";import"./p-J5Ghj1_T.js";const P=class{constructor(s){a(this,s)}get el(){return s(this)}dsCurrentPage=1;dsTotalPages=1;dsLayout="auto";dsVariant="medium";dsAriaLabel;texts={firstPage:m(),lastPage:_(),previousPage:c(),nextPage:r(),goToFirstPage:l(),goToLastPage:g(),goToPreviousPage:p(),goToNextPage:d(),currentPage:o(),ellipsis:n()};handleLanguageChange(){this.setTexts(),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.setTexts(),this.dsCurrentPageObserver(this.dsCurrentPage),this.dsTotalPagesObserver(this.dsTotalPages),this.storeContext()}componentDidLoad(){const a=this.el.shadowRoot;a&&a.querySelectorAll("slot").forEach((a=>{a.addEventListener("slotchange",(()=>this.updateContext()))})),this.updateContext()}componentDidUpdate(){this.updateContext()}storeContext(){const a=this.createContext();u(this.el,a)}updateContext(){const a=this.createContext();f(this.el,a)}createContext(){return{currentPage:this.dsCurrentPage,totalPages:this.dsTotalPages,variant:this.dsVariant,layout:this.dsLayout,isCompact:!1,texts:this.texts}}setTexts(){this.texts={firstPage:m(),lastPage:_(),previousPage:c(),nextPage:r(),goToFirstPage:l(),goToLastPage:g(),goToPreviousPage:p(),goToNextPage:d(),currentPage:o(),ellipsis:n()}}render(){const a=e("ds-pagination"),s=i(a,`${a}--${this.dsVariant}`,`${a}--${this.dsLayout}`),n="small"===this.dsVariant?"var(--ds-fontSize-16)":"var(--ds-fontSize-18)",o="small"===this.dsVariant?"var(--ds-spacing-large)":"calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall))";return t("nav",{key:"fcbeb675529beeb52a2c27e6f5fcb09ddcc52f8b",class:s,"aria-label":this.dsAriaLabel||h(),style:{"--ds-pagination-font-size":n,"--ds-link-cta-min-width":o}},t("div",{key:"699d264755dcd5c16162ba639c048e840ed3dd0a",class:`${a}__compact`},t("slot",{key:"589241b556ea75fa77f914d03f1a054e79646a2d",name:"compact"})),t("div",{key:"f29156aeab7e620e197383f351d9ea6dc8bf1502",class:`${a}__full`},t("slot",{key:"d75913ce14fa634e7a98526cd9442ba2cd20c207",name:"full"})))}static get watchers(){return{dsCurrentPage:["dsCurrentPageObserver"],dsTotalPages:["dsTotalPagesObserver"]}}};P.style=":host *,.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__JXNKsd{display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__JXNKsd__compact slot,.ds-pagination__JXNKsd__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__JXNKsd--compact .ds-pagination__JXNKsd__compact,.ds-pagination__JXNKsd--auto .ds-pagination__JXNKsd__compact{width:100%}@media (min-width: 30rem){.ds-pagination__JXNKsd--compact .ds-pagination__JXNKsd__compact,.ds-pagination__JXNKsd--auto .ds-pagination__JXNKsd__compact{width:auto}}.ds-pagination__JXNKsd--compact .ds-pagination__JXNKsd__compact slot,.ds-pagination__JXNKsd--auto .ds-pagination__JXNKsd__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__JXNKsd ::slotted([class*=pagination-page-info]){padding:0 var(--ds-spacing-small);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold, 600);text-align:center;align-self:center}.ds-pagination__JXNKsd--compact .ds-pagination__JXNKsd__full{display:none}.ds-pagination__JXNKsd--full .ds-pagination__JXNKsd__compact{display:none}.ds-pagination__JXNKsd--auto .ds-pagination__JXNKsd__full{display:none}@media (min-width: 60rem){.ds-pagination__JXNKsd--auto .ds-pagination__JXNKsd__full{display:contents}.ds-pagination__JXNKsd--auto .ds-pagination__JXNKsd__compact{display:none}}";export{P as ds_pagination}

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

@@ -1 +0,0 @@
-import{h as s,r as i,c as r,d as t}from"./p-BOC35Duk.js";import{c as e}from"./p-BfTCfPZ1.js";import{c as d,b as o}from"./p-DfbgRyXR.js";import{d as a,i as n,t as l}from"./p-J5Ghj1_T.js";import{c as b}from"./p-C0ZojNxk.js";import{v as h}from"./p-BLJaOV3_.js";import{d as c,g as _,o as m}from"./p-ClygN-Rc.js";import{a as p}from"./p-gPkqWfeS.js";class g{static async loadRibbonData(s){if(!s||""===s.trim())return null;try{const i=await fetch(s);if(!i.ok)throw new Error(`Failed to fetch data: ${i.status}`);const r=await i.json();if(r.v1?.ribbon)return r.v1.ribbon;throw new Error("Invalid data structure: expected v1.ribbon")}catch(s){return console.warn("Failed to load external ribbon data:",s),null}}}const u=p.v1.ribbon,w=class{constructor(s){i(this,s),this.dsDrawerToggle=r(this,"dsDrawerToggle")}inheritedAttributes={};get el(){return t(this)}drawerRef;mobileToggleRef;dsIcon;dsSiteName;dsHideBranding=!1;dsIconTitle;dsIconAriaLabel;dsLinks;dsBrandingUrls;dsMobileToggleText;dsCloseButtonText;dsNavAriaLabel;dsLogoAriaLabel;dsCloseButtonId=n("ds-button-drawer-close").next().value;dsMobileToggleId=n("ds-button-mobile-toggle").next().value;dsDataUrl="";isMobileDrawerOpen=!1;isMobileDrawerClicked=!1;loadedExternalData=null;lang=c;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,r="en")=>this.loadedExternalData.links[this.lang].map((s=>({id:s.id,href:s.href||"#",text:s.text,badge:s.badge?i.badgeTexts[s.badge][r]: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={...o(this.el),...d(this.el,["lang"])}}async componentDidLoad(){this.lang=_(),this.setupStoreListener(),this.dsDataUrl&&""!==this.dsDataUrl.trim()&&await this.loadExternalData()}async loadExternalData(){try{const s=await g.loadRibbonData(this.dsDataUrl);if(!s)throw new Error("No external data");this.loadedExternalData=s}catch{this.loadedExternalData=u}this.dsIcon||(this.icon=this.loadedExternalData?.config?.dsIcon),this.dsBrandingUrls||(this.brandingUrls=this.loadedExternalData?.brandingUrls)}setupStoreListener(){this.storeUnsubscribe=m("language",(s=>{s&&s!==this.lang&&(this.lang=s)}))}dsIconObserver(s){this.icon=s}dsBrandingUrlsObserver(s){this.brandingUrls=s}isMobileDrawerOpenObserver(s){this.dsDrawerToggle.emit(s),s?this.openMobileDrawer():this.closeMobileDrawer()}handleLanguageChange(s){this.lang=s.detail}handleKeyDown(s){if(this.isMobileDrawerOpen)return"Escape"===s.key?(s.preventDefault(),void this.closeMobileDrawer()):void("Tab"!==s.key||this.handleFocusTrap(s))}handleWindowResize(){clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout((()=>{this.updateScrollState()}),150)}resizeTimeout;storeUnsubscribe;handleMobileToggle=()=>{this.isMobileDrawerClicked=!0,this.isMobileDrawerOpen=!this.isMobileDrawerOpen};handleDrawerScroll=s=>{const i=s.target;if(!i)return;const r=i.scrollTop,t=i.scrollHeight-i.clientHeight;t<=0||(r<=1?(i.classList.remove("has-top-scrim"),i.classList.add("has-bottom-scrim")):r>=t-1?(i.classList.add("has-top-scrim"),i.classList.remove("has-bottom-scrim")):(i.classList.add("has-top-scrim"),i.classList.add("has-bottom-scrim")))};handleDrawerBackdropClick=s=>{s.target===s.currentTarget&&(this.isMobileDrawerOpen=!1)};getDrawerFocusableElements(){if(!this.drawerRef)return[];const s=[],i=this.drawerRef.querySelector(`#${this.dsCloseButtonId}`);i&&this.isFocusableElement(i)&&s.push(i);const r=this.drawerRef.querySelector(this.DsLinkLogo);if(r&&r.shadowRoot){const i=r.shadowRoot.querySelector("a");i&&this.isFocusableElement(i)&&s.push(i)}return this.drawerRef.querySelectorAll('[class*="drawer-link-item"]').forEach((i=>{const r=i.querySelector(this.DsLink);if(r&&r.shadowRoot){const i=r.shadowRoot.querySelector("a");i&&this.isFocusableElement(i)&&s.push(i)}})),s}isFocusableElement(s){if(!s||null===s.offsetParent)return!1;const i=s.tagName.toLowerCase();return["a","button"].includes(i)&&-1!==s.tabIndex}handleFocusTrap(s){const i=this.getDrawerFocusableElements();if(0===i.length)return;let r=document.activeElement;r&&r.shadowRoot&&r.shadowRoot.activeElement&&(r=r.shadowRoot.activeElement),this.el.shadowRoot&&this.el.shadowRoot.activeElement&&(r=this.el.shadowRoot.activeElement,r.shadowRoot&&r.shadowRoot.activeElement&&(r=r.shadowRoot.activeElement));const t=i.indexOf(r);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 r=s.scrollTop,t=1;r<=t?(this.drawerRef.classList.remove("has-top-scrim"),this.drawerRef.classList.add("has-bottom-scrim")):r>=i-t?(this.drawerRef.classList.add("has-top-scrim"),this.drawerRef.classList.remove("has-bottom-scrim")):(this.drawerRef.classList.add("has-top-scrim"),this.drawerRef.classList.add("has-bottom-scrim"))}}updateScrollState(){if(!this.isMobileDrawerOpen||!this.drawerRef)return;const s=this.drawerRef.scrollHeight-this.drawerRef.clientHeight;if(s<=0)return this.drawerRef.classList.remove("has-top-scrim","has-bottom-scrim"),void this.drawerRef.removeEventListener("scroll",this.handleDrawerScroll);this.setupScrollListener(this.drawerRef,s)}closeMobileDrawer(){this.isMobileDrawerOpen=!1,this.drawerRef&&this.drawerRef.removeEventListener("scroll",this.handleDrawerScroll);const s=this.mobileToggleRef?.querySelector("button");setTimeout((()=>{s?.focus()}),100)}getBrandingUrl(){const s=_()||"fi";return this.dsBrandingUrls?.[s]||this.brandingUrls?.[s]||u.brandingUrls?.[s]}renderBranding(){if(this.dsHideBranding)return null;const i=b("ds-ribbon"),r=this.getBrandingUrl();return s("div",{class:`${i}__branding`},s(this.DsLinkLogo,{dsHref:r,dsIcon:this.dsIcon||this.icon||u.config?.dsIcon,dsIconTitle:this.dsIconTitle,dsIconAriaLabel:this.dsIconAriaLabel,dsText:this.localizedSiteName,dsTarget:"_self",dsAriaLabel:this.localizedLogoAriaLabel}))}renderDesktopNavigation(){const i=this.localizedLinks;if(!i?.length)return null;const r=b("ds-ribbon");return s("div",{class:`${r}__desktop-nav`},s("ul",{class:`${r}__desktop-links`},i.filter((s=>!s.mobileOnly)).map((i=>s("li",{key:`desktop-${i.id}`,class:`${r}__desktop-link-item`},s(this.DsLink,{dsHref:i.href,dsText:i.text,dsTarget:i.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:`${r}__desktop-link`},i.badge&&s("span",{slot:"suffix"},s(this.DsVisuallyHidden,null," - ",i.badge))),i.badge&&s(this.DsTag,{dsText:i.badge,dsColour:"info",class:`${r}__desktop-badge`,dsAriaHidden:!0}),"_blank"===i.target&&s(this.DsVisuallyHidden,null,h()))))))}renderMobileNavigation(){const i=this.localizedLinks;if(!i?.length)return null;const r=b("ds-ribbon");return s("div",{class:`${r}__drawer-backdrop`,onClick:this.handleDrawerBackdropClick,...this.isMobileDrawerOpen?{}:{inert:!0}},s("div",{id:`${r}__drawer`,class:`${r}__drawer`,role:"dialog","aria-label":"Site navigation menu","aria-modal":"true","aria-hidden":this.isMobileDrawerOpen?"false":"true",ref:s=>this.drawerRef=s},this.renderDrawerHeader(),s("div",{class:`${r}__drawer-nav`},s("div",{class:`${r}__top-scrim`}),s("ul",{class:`${r}__drawer-links`},i.map((i=>s("li",{key:`mobile-${i.id}`,class:`${r}__drawer-link-item`},s(this.DsLink,{dsHref:i.href,dsText:i.text,dsTarget:i.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:`${r}__drawer-link`},i.badge&&s("span",{slot:"suffix"},s(this.DsVisuallyHidden,null," - ",i.badge))),i.badge&&s(this.DsTag,{dsText:i.badge,dsColour:"info",class:`${r}__drawer-badge`,"aria-hidden":"true"}),"_blank"===i.target&&s(this.DsVisuallyHidden,null,h()))))),s("div",{class:`${r}__bottom-scrim`}))))}renderDrawerHeader(){const i=b("ds-ribbon"),r=this.getBrandingUrl();return s("div",{class:`${i}__drawer-header`},s("div",{class:`${i}__drawer-branding`},s(this.DsLinkLogo,{dsHref:r,dsIcon:this.dsIcon||this.icon||u.config?.dsIcon,dsIconTitle:this.dsIconTitle,dsIconAriaLabel:this.dsIconAriaLabel,dsText:this.localizedSiteName,dsTarget:"_self",class:`${i}__drawer-branding-link`,"aria-label":this.localizedLogoAriaLabel})),s(this.DsButton,{dsId:this.dsCloseButtonId,dsType:"button",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsText:this.localizedCloseText,dsIcon:"close",dsIconPosition:"end",class:`${i}__drawer-close`,onClick:this.handleMobileToggle}))}renderMobileToggle(){const i=this.localizedLinks;if(!i?.length||!this.localizedSitesText||!this.localizedCloseText)return null;const r=b("ds-ribbon");return s(this.DsButton,{ref:s=>this.mobileToggleRef=s,id:this.dsMobileToggleId,class:`${r}__mobile-toggle`,dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsText:this.localizedSitesText,dsIcon:"keyboard_arrow_down",dsIconPosition:"end",onClick:this.handleMobileToggle,"aria-expanded":this.isMobileDrawerOpen?"true":"false","aria-controls":`${r}__drawer`,"aria-haspopup":"dialog"})}disconnectedCallback(){clearTimeout(this.resizeTimeout);const s=this.el.shadowRoot?.querySelector(`#${b("ds-ribbon")}__drawer`);s?.removeEventListener("scroll",this.handleDrawerScroll),this.storeUnsubscribe?.()}render(){const i=b("ds-ribbon"),r=e(i,{[`${i}--drawer-open`]:this.isMobileDrawerOpen,[`${i}--drawer-clicked`]:this.isMobileDrawerClicked});return s("div",{key:"18b5f3dfac4bedecf90a9d1768d020377ba4e514",class:r},s("nav",{key:"533c45faa3e5860f77e4c3f90be1281cd9ef8103","aria-label":this.localizedNavAriaLabel,...this.isMobileDrawerOpen?{inert:!0}:{}},s("div",{key:"aa7d2c12582a9d1f0ba48201b7fb0876bde4fb9c",class:`${i}__container`,...this.inheritedAttributes},this.renderBranding(),this.renderDesktopNavigation(),this.renderMobileToggle())),this.renderMobileNavigation())}static get watchers(){return{dsIcon:["dsIconObserver"],dsBrandingUrls:["dsBrandingUrlsObserver"],isMobileDrawerOpen:["isMobileDrawerOpenObserver"]}}};a([s("ds-link-logo",{dsHref:""}),s("ds-link",{dsText:""}),s("ds-button",null),s("ds-tag",{dsText:""}),s("ds-visually-hidden",null)]),w.style=":host *,.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__JXNKsd__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__JXNKsd__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__JXNKsd__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__JXNKsd__container{grid-template-columns:auto auto}}.ds-ribbon__JXNKsd__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__JXNKsd__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__JXNKsd__mobile-toggle{display:none}}.ds-ribbon__JXNKsd__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__JXNKsd__drawer-backdrop{display:none}}.ds-ribbon__JXNKsd--drawer-open .ds-ribbon__JXNKsd__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__JXNKsd__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__JXNKsd__drawer-backdrop,.ds-ribbon__JXNKsd--drawer-open .ds-ribbon__JXNKsd__container .ds-ribbon__JXNKsd__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__JXNKsd--drawer-clicked .ds-ribbon__JXNKsd__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__JXNKsd--drawer-open .ds-ribbon__JXNKsd__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__JXNKsd__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__JXNKsd__desktop-nav{display:block}}.ds-ribbon__JXNKsd__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__JXNKsd__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__JXNKsd__desktop-link{font-size:var(--ds-fontSize-12, 0.75rem);white-space:nowrap}.ds-ribbon__JXNKsd__desktop-badge{font-size:var(--ds-font-size-small, 12px);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__JXNKsd__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__JXNKsd__desktop-badge>* span{line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__JXNKsd__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__JXNKsd__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__JXNKsd--drawer-open .ds-ribbon__JXNKsd__drawer{transform:translateX(0%)}.ds-ribbon__JXNKsd__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__JXNKsd__drawer-header{display:none}}.ds-ribbon__JXNKsd__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__JXNKsd__drawer-branding{max-width:unset}}.ds-ribbon__JXNKsd__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__JXNKsd__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__JXNKsd__drawer-nav{padding:0}}.ds-ribbon__JXNKsd__top-scrim,.ds-ribbon__JXNKsd__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__JXNKsd__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__JXNKsd__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__JXNKsd__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__JXNKsd__bottom-scrim{display:block}.ds-ribbon__JXNKsd__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__JXNKsd__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__JXNKsd__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__JXNKsd__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__JXNKsd__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__JXNKsd__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__JXNKsd__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__JXNKsd__drawer-badge{font-size:var(--ds-font-size-small, 12px);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none}@media (min-width: 60rem){.ds-ribbon__JXNKsd__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__JXNKsd__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__JXNKsd__drawer-badge>* span{line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__JXNKsd--drawer-open) .ds-ribbon__JXNKsd__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__JXNKsd--drawer-open) .ds-ribbon__JXNKsd__drawer-backdrop{display:block}}:host(.ds-ribbon__JXNKsd--drawer-open) .ds-ribbon__JXNKsd__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__JXNKsd--drawer-open) .ds-ribbon__JXNKsd__drawer{transform:none}}";export{w as ds_ribbon}

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

@@ -1 +0,0 @@
-import{r as s,c as t,d as e,h as i,M as o,f as d,H as l}from"./p-BOC35Duk.js";import{c as r}from"./p-BfTCfPZ1.js";import{i as n,t as a,c,b as h,a as p,d as _}from"./p-J5Ghj1_T.js";import{c as u}from"./p-C0ZojNxk.js";import{b,i as v}from"./p-DfbgRyXR.js";import{S as m,F as g}from"./p-CLNvzo86.js";import{m as f,z as x,b as y,e as w,l as N,w as K,f as J,r as X,h as k}from"./p-h0uIiPB8.js";import{m as C}from"./p-BsHbsMaM.js";import"./p-ClygN-Rc.js";const O=n("ds-options"),S=class{constructor(e){s(this,e),this.dsEsc=t(this,"dsEsc"),this.dsActiveIndexChange=t(this,"dsActiveIndexChange")}get el(){return e(this)}optionsListRef;optionsListInnerRef;inheritedAttributes={};dsEsc;dsActiveIndexChange;dsId=O.next().value;dsSelectedValue;dsActiveIndex=0;dsLabelId;dsAriaMultiselectable;hasBottomScrim=!1;hasTopScrim=!1;onActiveIndexChange(s){this.scrollToActiveOption(s)}componentWillLoad(){this.inheritedAttributes={...v(this,this.el),...b(this.el,["aria-labelledby"])}}componentDidLoad(){this.updateScrimClasses()}componentDidUpdate(){this.updateScrimClasses()}handleScroll=()=>{this.updateScrimClasses()};updateScrimClasses=()=>{this.optionsListRef&&this.optionsListInnerRef&&(this.hasBottomScrim=!(Math.ceil(this.optionsListInnerRef.scrollTop+this.optionsListInnerRef.clientHeight)>=this.optionsListInnerRef.scrollHeight),this.hasTopScrim=this.optionsListInnerRef.scrollTop>0,this.optionsListRef.querySelectorAll(`.${u("ds-option-group")}__label`).forEach((s=>{const t=s.getBoundingClientRect(),e=this.optionsListRef.getBoundingClientRect();this.optionsListInnerRef.scrollTop>0&&t.top<=e.top&&t.bottom>e.top?s.classList.add(`${u("ds-option-group")}__label__shadow`):s.classList.remove(`${u("ds-option-group")}__label__shadow`)})))};get DsOptionTag(){return a("ds-option","ds-options",this.el)}getActiveOption(s){const t=Array.from(this.el.querySelectorAll(this.DsOptionTag));return!t.length||s<0||s>=t.length?null:t[s]}scrollToActiveOption=s=>{const t=this.getActiveOption(s);if(!t)return;const e=this.optionsListInnerRef?.getBoundingClientRect(),i=t.getBoundingClientRect();e&&i&&(this.hasBottomScrim&&i.bottom>e.bottom-m?this.optionsListInnerRef.scrollTop+=i.bottom-(e.bottom-m):this.hasTopScrim&&i.top<e.top+m&&(this.optionsListInnerRef.scrollTop-=e.top+m-i.top))};moveToNextEnabledOption(s,t){let e=this.dsActiveIndex,i=0;do{if(e="down"===t?(e+1)%s.length:(e-1+s.length)%s.length,i++,i>2*s.length)break}while(s[e].dsDisabled&&e!==this.dsActiveIndex);this.dsActiveIndex=e,this.dsActiveIndexChange.emit(this.dsActiveIndex)}handleKeyDown=s=>{const t=Array.from(this.el.querySelectorAll(this.DsOptionTag));if(t.length){if("ArrowDown"===s.key&&(s.preventDefault(),this.moveToNextEnabledOption(t,"down")),"ArrowUp"===s.key&&(s.preventDefault(),this.moveToNextEnabledOption(t,"up")),"Enter"===s.key||" "===s.key){s.preventDefault();const e=t[this.dsActiveIndex];e&&!e.dsDisabled&&e.click()}"Tab"===s.key&&(s.shiftKey||s.preventDefault(),this.dsEsc.emit({key:s.shiftKey?"Shift+Tab":"Tab"})),"Escape"===s.key&&(s.preventDefault(),this.dsEsc.emit({key:s.key}))}};render(){const s=u("ds-options");return i("div",{key:"b9f13d73371005bbf70f11583c18b012fa88f700",id:this.dsId,class:r(s,{"has-bottom-scrim":this.hasBottomScrim,"has-top-scrim":this.hasTopScrim}),role:"listbox",tabindex:0,onKeyDown:this.handleKeyDown,ref:s=>this.optionsListRef=s,onScroll:this.handleScroll,onFocus:this.updateScrimClasses,"aria-multiselectable":this.dsAriaMultiselectable?"true":"false","aria-label":this.dsAriaMultiselectable?f():void 0,"aria-labelledby":[this.dsLabelId,this.dsId].filter(Boolean).join(" "),...this.inheritedAttributes},i("div",{key:"8b01781bdee396e699773f00a005d5fa905b0697",class:`${s}__inner`,ref:s=>this.optionsListInnerRef=s,onScroll:this.handleScroll},i("div",{key:"8d11cd63f31bdfb7c20df01500898df7360ec973",class:`${s}__top-scrim`,"aria-hidden":"true"}),i("slot",{key:"b443551914771e71676171aacf6fecfc04b24cea"}),i("div",{key:"0f8b194e6b9c1890eb875890843edb14b634e6b7",class:`${s}__bottom-scrim`,"aria-hidden":"true"})))}static get watchers(){return{dsActiveIndex:["onActiveIndexChange"]}}};S.style=".ds-options__JXNKsd__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__JXNKsd.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__JXNKsd.sc-ds-options:focus{outline:none}.ds-options__JXNKsd__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__JXNKsd__top-scrim.sc-ds-options,.ds-options__JXNKsd__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__JXNKsd__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__JXNKsd__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__JXNKsd.has-top-scrim.sc-ds-options .ds-options__JXNKsd__top-scrim.sc-ds-options{display:block}.ds-options__JXNKsd.has-bottom-scrim.sc-ds-options .ds-options__JXNKsd__bottom-scrim.sc-ds-options{display:block}.ds-options__JXNKsd.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__JXNKsd.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";const $=n("ds-select"),I={dsPlaceholder:x},L=(s,t)=>t||I[s](),A=class extends(o(C)){constructor(e){super(),s(this,e),this.dsMultipleChange=t(this,"dsMultipleChange"),this.dsChange=t(this,"dsChange"),this.dsSubmitInvalid=t(this,"dsSubmitInvalid"),this.dsValidity=t(this,"dsValidity"),this.dsBlur=t(this,"dsBlur"),this.dsFocus=t(this,"dsFocus"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}inheritedAttributes={};get el(){return e(this)}internals;dsMultipleChange;dsChange;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsForm;dsId=$.next().value;dsName=this.dsId;dsLabel;dsPlaceholder;dsVariant="default";dsClearable=!0;dsDisabled=!1;dsErrorText="";dsIcon;dsValue=null;dsLoading=!1;dsLoadingText;dsOptionsError=!1;dsOptionsErrorTitle;dsOptionsErrorText;dsFullWidth=!1;dsRequired=!1;activeOption=null;selectedOptions=[];selectedOptionsLabel;isOpen=!1;activeIndex=null;hasFocus=!1;clearButtonRef;iconRef;badgeRef;badgeContainerOffset=null;texts={dsPlaceholder:x()};feedback=[];inputValidityId;get isNative(){return"native"===this.dsVariant}get isMultiple(){return"multiple"===this.dsVariant}getInputValidityId(){return this.inputValidityId||(this.inputValidityId=`${this.dsId}-validity`),this.inputValidityId}setTexts(){this.texts={dsPlaceholder:L("dsPlaceholder",this.dsPlaceholder)}}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};async checkValidity(){return this.internals?.checkValidity()}async getSelectedOption(){return 0===this.selectedOptions.length?null:(await this.getSelectedOptions())[0]}async getSelectedOptions(){return await Promise.all(this.selectedOptions?.map((async s=>({value:s.dsValue||null,label:await s.getLabel()||null,description:s.dsDescription||null}))))}connectedCallback(){this.internals?.form&&!this.isNative&&this.el.addEventListener("invalid",this.handleInvalid)}componentWillLoad(){this.setTexts(),this.inheritedAttributes={...v(this,this.el),...b(this.el,this.isNative?["aria-describedby","aria-controls","aria-haspopup"]:["aria-haspopup","aria-expanded","aria-disabled","aria-labelledby","aria-describedby","aria-controls","aria-activedescendant"])}}componentDidLoad(){this.isNative?this.internals?.setValidity({}):this.internals?.setValidity({valueMissing:this.dsRequired&&(!this.dsValue||Array.isArray(this.dsValue)&&0===this.dsValue.length)},y()),this.value=this.toValue(this.dsValue)}disconnectedCallback(){this.internals?.form&&!this.isNative&&this.el.addEventListener("invalid",this.handleInvalid),this.debouncedResetFeedback.cancel()}get DsIcon(){return a("ds-icon","ds-select",this.el)}get DsInputValidity(){return a("ds-input-validity","ds-select",this.el)}get DsOption(){return a("ds-option","ds-select",this.el)}get DsFeedback(){return a("ds-feedback","ds-select",this.el)}customSelectRef;nativeSelectRef;handleEscEvent(s){this.selectedOptions.length>0&&"Tab"===s.detail.key?this.clearButtonRef?.setFocus():["Escape","Shift+Tab"].includes(s.detail.key)&&this.customSelectRef?.focus()}handleLanguageChange(){this.setTexts()}onFocusIn(){this.hasFocus=!0}onFocusOut(s){const t=s&&"relatedTarget"in s?s.relatedTarget:null;(!t||!this.el.contains(t))&&(this.activeIndex=null,this.hasFocus=!1,this.isOpen=!1,this.isNative||this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}async handleOptionClick(s){s&&!s.dsDisabled&&(this.value=this.inValue(s.dsValue)&&this.isMultiple?this.withoutValue(s.dsValue):this.isMultiple?this.withValue(s.dsValue):this.toValue(s.dsValue),this.isMultiple||(this.activeIndex=null,this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus()))}toggleDropdown(){this.dsDisabled||(this.isOpen=!this.isOpen,this.isOpen||(this.activeIndex=null))}handleClearSelection(){if(this.dsDisabled)return;this.activeIndex=null,this.selectedOptions=[];const s=[...this.value];this.value=this.toValue(null),this.isOpen=!1,this.dsMultipleChange.emit({values:[],added:null,removed:s}),this.dsChange.emit(null),this.dsRequired&&this.dsValidity.emit({flag:"customError",message:this.internals?.validationMessage}),(this.customSelectRef||this.nativeSelectRef)?.focus()}handleKeyDown(s){"ArrowDown"!==s.key&&"ArrowUp"!==s.key&&"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.isOpen=!0,this.updateActiveIndex(),this.scrollToActiveOption(),window.requestAnimationFrame((()=>{const s=this.el.querySelector(`.${u("ds-options")}`);s?.focus()})))}scrollToActiveOption(){if(null===this.activeIndex)return;const s=this.el.querySelector(`.${u("ds-options")}`),t=s?.querySelectorAll(`.${u("ds-option")}`);if(!t||this.activeIndex>=t.length)return;const e=t[this.activeIndex];e&&window.requestAnimationFrame((()=>{e.focus(),e.scrollIntoView({behavior:"instant",block:"center"})}))}getBadgeContainerWidthOffset=async()=>{await c(this.clearButtonRef),await c(this.badgeRef);const s=this.clearButtonRef?.getBoundingClientRect().width||0,t=this.badgeRef?.getBoundingClientRect().width||0;this.badgeContainerOffset=s&&t?s+t:null};getAllOptions(){return Array.from(this.el.querySelectorAll(this.DsOption))}getFocusIndex(){const s=this.getAllOptions();if(""!==this.getValueItem(0)?.trim()){const t=s.findIndex((s=>String(s.dsValue)===String(this.getValueItem(0))));if(-1!==t)return t}return s.findIndex((s=>!s.dsDisabled))}updateActiveIndex(){const s=this.getFocusIndex();-1!==s&&(this.activeIndex=s)}activeIndexObserver(s){const t=this.getAllOptions();this.activeOption=null!==s?t[s]:null,t.forEach(((s,t)=>{s.dsActive=t===this.activeIndex,s.dsSelected=this.inValue(s.dsValue)}))}clearButtonRefObserver(){this.getBadgeContainerWidthOffset()}textPropObserver(s,t,e){this.texts={...this.texts,[e]:L(e,s)}}valueObserver(s){this.isNative||this.setSelectedOptionsFromValue(s)}dsValueObserver(s){this.value=this.toValue(s)}selectedOptionsObserver(s,t){const e=s.map((s=>s.dsValue)),i=t?.map((s=>s.dsValue))||[],o=i.filter((s=>!e.includes(s))),d=e.filter((s=>!i.includes(s))),l=o.length>0||d.length>0;t?.forEach((s=>s.dsSelected=!1)),s.forEach((s=>s.dsSelected=!0)),l&&(this.dsMultipleChange.emit({values:e,added:d,removed:o}),this.dsChange.emit(e[0]||null),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}hasFocusObserver(s){s?this.dsFocus.emit():this.dsBlur.emit()}resetFeedback=()=>{this.feedback=[],d(this)};debouncedResetFeedback=h(this.resetFeedback,g);appendFeedback=(s,t)=>{this.feedback=[...this.feedback,{key:s,message:t}],this.debouncedResetFeedback()};removeFeedback=s=>{this.feedback=this.feedback.filter((t=>t.key!==s))};getFeedbackMessage=()=>this.feedback.length>0?this.feedback[this.feedback.length-1]?.message:"";optionsMessagePropertyObserver(s,t,e){if(!s)return this.removeFeedback(e),void(0===this.feedback.length&&this.appendFeedback("default",w()));"dsLoading"===e&&s?this.appendFeedback(e,this.dsLoadingText||N()):"dsOptionsError"===e&&s&&this.appendFeedback(e,this.dsOptionsErrorText||`${K()} ${J()}`)}setSelectedOptionsFromValue=async s=>{if(!s||0===s.length)return void await this.setSelectedOptions([]);const t=this.getAllOptions().filter((t=>s.includes(t.dsValue)));0!==t.length?await this.setSelectedOptions(t):console.warn(`ds-select: No options found matching dsValues "${s.join(", ")}"`)};setSelectedOptions=async s=>{!this.isMultiple&&this.activeOption&&(this.activeOption.dsActive=!1),this.internals?.setValidity({valueMissing:this.dsRequired&&0===s.length},y()),this.selectedOptions=s,this.selectedOptionsLabel=s.length>0?(await Promise.all(s.map((s=>s.getLabel())))).join(", "):"",this.getBadgeContainerWidthOffset()};renderNativeSelect(){const s=a("ds-select-native","ds-select",this.el);return i(s,{dsId:this.dsId,dsLabel:this.dsLabel,dsPlaceholder:this.texts.dsPlaceholder,dsIcon:this.dsIcon,dsName:this.dsName||this.dsId,dsDisabled:this.dsDisabled,dsErrorText:this.dsErrorText,dsRequired:this.dsRequired,dsFullWidth:this.dsFullWidth,dsValue:this.getValueItem(0)||"",onDsChange:s=>{this.value=this.toValue(s.detail)},onDsValidity:s=>{this.dsValidity.emit(s.detail)},onDsSubmitInvalid:s=>{this.dsSubmitInvalid.emit(s.detail)},...this.inheritedAttributes},i("slot",{name:"label"}),i("slot",{name:"native"}))}renderCustomSelect(s){const t=0===this.selectedOptions.length,e=`${this.dsId}-label`,o=`${this.dsId}-badge`,d=`${this.dsId}-selected-option`,l=this.dsErrorText?this.getInputValidityId():void 0,n=`ds-select-options-${this.dsId}`,c=`${s}-custom`,h=a("ds-badge","ds-select",this.el),p=a("ds-button","ds-select",this.el),_=a("ds-options","ds-select",this.el),u=a("ds-options-message","ds-select",this.el),b=a("ds-control-label","ds-select",this.el),v=X(!0);return i("div",{style:{"--badge-container-offset":this.badgeContainerOffset?`${this.badgeContainerOffset}px`:void 0}},i(b,{dsId:e,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,onClick:()=>{this.customSelectRef?.focus(),this.toggleDropdown()}},i("slot",{name:"label"})),i("div",{class:`${c}-wrapper`},i("div",{class:`${c}-input-container`},i("div",{id:this.dsId,ref:s=>this.customSelectRef=s,class:r(`${c}`,{[`${s}--full-width`]:this.dsFullWidth,[`${c}--open`]:this.isOpen,[`${c}--none-selected`]:t,[`${c}--disabled`]:this.dsDisabled,[`${c}--invalid`]:!!this.dsErrorText,[`${c}--has-icon`]:!!this.dsIcon}),tabIndex:this.dsDisabled?-1:0,role:"combobox","aria-required":this.dsRequired?"true":"false","aria-haspopup":"listbox","aria-expanded":String(this.isOpen),"aria-disabled":String(this.dsDisabled),"aria-labelledby":this.isMultiple&&this.selectedOptions?.length>0?`${e} ${o}`:e,"aria-describedby":l,"aria-controls":n,"aria-activedescendant":null!==this.activeIndex?`${this.dsId}-option-${this.activeIndex}`:void 0,onClick:()=>{this.dsDisabled||this.toggleDropdown()},onKeyDown:s=>{this.dsDisabled||this.handleKeyDown(s)}},i("div",{class:`${c}__selected-option`},this.dsIcon&&i(this.DsIcon,{class:`${c}__selected-option__placeholder-icon`,dsName:this.dsIcon}),i("span",{id:d,class:r(`${c}__selected-option__text`,{[`${c}__selected-option__text--none-selected`]:t,[`${c}__selected-option__text--disabled`]:this.dsDisabled})},this.selectedOptionsLabel||this.texts.dsPlaceholder)),i(this.DsIcon,{ref:s=>{this.iconRef=s},class:{[`${c}__dropdown-icon`]:!0,[`${c}__dropdown-icon--has-clear-button`]:this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled},dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"})),this.isMultiple&&this.selectedOptions?.length>0&&i("div",{class:`${c}__badge-container`},i(h,{ref:s=>this.badgeRef=s,dsId:o,dsText:`${this.selectedOptions.length}`,dsHiddenAssistiveText:k()})),this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled&&i(p,{ref:s=>{this.clearButtonRef=s},class:`${c}__clear-button`,dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:v,dsIconAriaLabel:v,onClick:s=>{s.stopPropagation(),this.handleClearSelection()},onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),s.stopPropagation(),this.handleClearSelection())},dsAriaLabel:v,dsAriaDescribedby:d})),i("div",{id:n,class:{[`${c}__options-container`]:!0,[`${c}__options-container--open`]:this.isOpen},onClick:s=>{const t=s.target.closest(this.DsOption);this.handleOptionClick(t)}},i(u,{dsLoading:this.dsLoading,dsLoadingText:this.dsLoadingText,dsError:this.dsOptionsError,dsErrorTitle:this.dsOptionsErrorTitle,dsErrorText:this.dsOptionsErrorText}),i(_,{dsActiveIndex:this.activeIndex,onDsActiveIndexChange:s=>{this.activeIndex=s.detail},onDsEsc:()=>{this.isOpen=!1},dsLabelId:e,dsAriaMultiselectable:this.isMultiple},i("slot",null)))),this.internals?.form&&this.internals?.validity.valid&&this.selectedOptions.map((s=>i("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),!!this.dsErrorText&&i(this.DsInputValidity,{id:this.getInputValidityId(),dsText:this.dsErrorText,dsType:"error"}),i(this.DsFeedback,{dsSrOnly:!0,dsSrOnlyTag:"span"},this.getFeedbackMessage()))}render(){const s=u("ds-select");return i(l,{key:"5d6fdedf190b9040c1869ff2be4331fadb83f5f5",...p("name",this.isNative?void 0:this.dsName)},i("div",{key:"dec05e1fe41a47af1e678a013ad0db540c00d37a",tabIndex:-1},this.isNative?this.renderNativeSelect():this.renderCustomSelect(s)))}static get formAssociated(){return!0}static get watchers(){return{activeIndex:["activeIndexObserver"],clearButtonRef:["clearButtonRefObserver"],badgeRef:["clearButtonRefObserver"],dsPlaceholder:["textPropObserver"],value:["valueObserver"],dsValue:["dsValueObserver"],selectedOptions:["selectedOptionsObserver"],hasFocus:["hasFocusObserver"],dsLoading:["optionsMessagePropertyObserver"],dsOptionsError:["optionsMessagePropertyObserver"]}}};_([i("ds-select-native",null),i("ds-icon",{dsName:""}),i("ds-input-validity",null),i("ds-button",null),i("ds-options",null),i("ds-control-label",null),i("ds-feedback",null)]),A.style=".sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){:not(:has(.ds-select__JXNKsd--full-width)).sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__JXNKsd-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select__JXNKsd-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__JXNKsd-custom-wrapper.sc-ds-select{position:relative}.ds-select__JXNKsd-custom.sc-ds-select .ds-options__JXNKsd.sc-ds-select{display:block}.ds-select__JXNKsd-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__JXNKsd-custom-input-container.sc-ds-select:has(.ds-select__JXNKsd-custom__clear-button:hover) .ds-select__JXNKsd-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__JXNKsd-custom.sc-ds-select:not(.ds-select__JXNKsd-custom--open,.ds-select__JXNKsd-custom--invalid.sc-ds-select,.ds-select__JXNKsd-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__JXNKsd-custom.sc-ds-select:active:not(.ds-select__JXNKsd-custom--open,.ds-select__JXNKsd-custom--invalid.sc-ds-select,.ds-select__JXNKsd-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__JXNKsd-custom--open.sc-ds-select,.ds-select__JXNKsd-custom.sc-ds-select: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-select__JXNKsd-custom--open.sc-ds-select:not(.ds-select__JXNKsd-custom--open--invalid,.ds-select__JXNKsd-custom.sc-ds-select:focus-visible--invalid),.ds-select__JXNKsd-custom.sc-ds-select:focus-visible:not(.ds-select__JXNKsd-custom--open--invalid,.ds-select__JXNKsd-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__JXNKsd-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__JXNKsd-custom--disabled.sc-ds-select .ds-select__JXNKsd-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__JXNKsd-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__JXNKsd-custom--invalid.sc-ds-select:not(.ds-select__JXNKsd-custom--invalid--open,.ds-select__JXNKsd-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__JXNKsd-custom--invalid.sc-ds-select:not(.ds-select__JXNKsd-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__JXNKsd-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__JXNKsd-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall)}.ds-select__JXNKsd-custom--has-icon.sc-ds-select .ds-select__JXNKsd-custom__selected-option.sc-ds-select{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__JXNKsd-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__JXNKsd-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ds-textColor-default)}.ds-select__JXNKsd-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__JXNKsd-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__JXNKsd-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__JXNKsd-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__JXNKsd-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__JXNKsd-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__JXNKsd-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__JXNKsd-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__JXNKsd-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__JXNKsd-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__JXNKsd-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__JXNKsd-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__JXNKsd-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__JXNKsd-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__JXNKsd-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__JXNKsd-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__JXNKsd-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__JXNKsd-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__JXNKsd-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__JXNKsd-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}";export{S as ds_options,A as ds_select}