@uh-design-system/component-library 1.3.0-rc.8 → 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.8",
+  "version": "1.3.0",
   "publishConfig": {
     "access": "public"
   },
@@ -110,5 +110,5 @@
     "ts-node": "^10.9.2"
   },
   "license": "MIT",
-  "gitHead": "b6cbccd5553baac57d32e2de6515f82df936b6ca"
+  "gitHead": "80c3cc93d8448306f459934a33ecf094a2c6a791"
 }

package/dist/component-library/p-149cca23.entry.js

@@ -1 +0,0 @@
-import{M as s,r as o,c as a,d as t,f as r,h as d}from"./p-Drf28bhP.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 x}from"./p-Bvrn9SsD.js";import{c as v}from"./p-DOCjrE2r.js";import{o as u,v as f}from"./p-BcvA5o-o.js";import"./p-Di_1NYQP.js";const k=_("visually-hidden-assistive-text"),Y=class extends(s(x)){constructor(s){super(),o(this,s),this.dsClick=a(this,"dsClick")}inheritedAttributes={};visuallyHiddenAssistiveTextId=k.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=u(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},r(this)}get DsIcon(){return c("ds-icon","ds-link-logo",this.el)}render(){const s=v("ds-link-logo"),o=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":r,...e}=this.inheritedAttributes,l=this.dsAriaLabelledby||r;return d(this.dsTag,{key:"3abab94743ec354a875a6679ef9242342a00e569",part:"link",class:o,...g("aria-label",this.dsAriaLabel||t),...g("aria-labelledby",l),...e,...this.linkAttributes},this.dsIcon&&d(this.DsIcon,{key:"59ccd27129174e60c34749cab224fcf18a3badea",dsName:this.dsIcon,dsSize:"2rem",dsRole:"img"}),this.dsText,u(this.dsTarget)&&d(a,{key:"786c3e0ed3d3a6929cd0d265a106b07064d78751",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},f()))}static get watchers(){return{"aria-label":["onAriaChanged"]}}};h([d("ds-icon",{dsName:""}),d("ds-link",{dsText:""})]),Y.style=":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-logo__Yxqs6o: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__Yxqs6o{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__Yxqs6o:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__Yxqs6o{font-size:var(--ds-fontSize-16, 1rem)}}";const q=class{constructor(s){o(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=v("ds-tag"),o=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),r=void 0!==this.dsAriaHidden?this.dsAriaHidden:!this.dsHref,e=this.dsRole??this.inheritedAttributes.role,l=b(this.inheritedAttributes,["aria-hidden","role"]);return d("div",{key:"82fd38de084dc237b9f901a815f241399c85c437",class:o,...l,"aria-hidden":r,role:e},d("slot",{key:"d1d377619907932d6a39eaf87f5693cf5fb89716",name:"prefix"},!this.dsHref&&this.dsIcon&&"start"===this.dsIconPosition?d(a,{dsName:this.dsIcon,dsSize:"1rem"}):null),d("slot",{key:"1db32c3a19b54497c897b91eb2a283fca4cb5ad6"},this.dsHref?d(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"}):d("span",{class:`${s}__text`},this.dsText)),d("slot",{key:"724ef29be5e3c757159f4da276d471980d7830b1",name:"suffix"},!this.dsHref&&this.dsIcon&&"end"===this.dsIconPosition?d(a,{dsName:this.dsIcon,dsSize:"1rem"}):null))}};h([d("ds-icon",{dsName:""}),d("ds-link",{dsText:""})]),q.style=".ds-tag__Yxqs6o: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__Yxqs6o: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__Yxqs6o{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__Yxqs6o.ds-tag__Yxqs6o--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--default:has(.ds-tag__Yxqs6o__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--default:has(.ds-tag__Yxqs6o__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--black:has(.ds-tag__Yxqs6o__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--black:has(.ds-tag__Yxqs6o__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--white:has(.ds-tag__Yxqs6o__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--white:has(.ds-tag__Yxqs6o__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--info:has(.ds-tag__Yxqs6o__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--info:has(.ds-tag__Yxqs6o__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--danger:has(.ds-tag__Yxqs6o__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--danger:has(.ds-tag__Yxqs6o__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--attention:has(.ds-tag__Yxqs6o__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--attention:has(.ds-tag__Yxqs6o__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--success:has(.ds-tag__Yxqs6o__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__Yxqs6o.ds-tag__Yxqs6o--success:has(.ds-tag__Yxqs6o__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__Yxqs6o__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__Yxqs6o__link{display:contents}.ds-tag__Yxqs6o__link::part(link):focus-visible{box-shadow:none;outline:none;outline-offset:none}";export{Y as ds_link_logo,q as ds_tag}

package/dist/component-library/p-17a8099b.entry.js

@@ -1 +0,0 @@
-import{r as s,h,H as v}from"./p-Drf28bhP.js";const t=class{constructor(h){s(this,h)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return h(v,{key:"3ac29284886491b2569cb7bbcdfa452e0d0ff0cf",style:{display:"flex"},title:this.dsTitle},h("svg",{key:"731286b96ddb91703a970ddba68ce0a7ff5a2084",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},h("path",{key:"dd470a77f2148e471cd70890f7a1b84015188baa",d:"M95-95v-771h771v771H95Zm94-94h132v-132H189v132Zm226 0h130v-132H415v132Zm225 0h131v-132H640v132ZM189-415h132v-130H189v130Zm226 0h130v-130H415v130Zm225 0h131v-130H640v130ZM189-640h132v-131H189v131Zm226 0h130v-131H415v131Zm225 0h131v-131H640v131Z"})))}};export{t as ds_icon_grid_on}

package/dist/component-library/p-1a6e2594.entry.js

@@ -1 +0,0 @@
-import{r as h,h as e,H as s}from"./p-Drf28bhP.js";const v=class{constructor(e){h(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(s,{key:"7572e2d103a70666efc727031e1b5adf392010f7",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"f2ff8eabee2f1186b82dd8551e2b5954e43a50c2",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},e("path",{key:"e0438a112a3cce02cfa4c3f0429bb016f48ed34d",d:"M353-448h37v-83h62l23-24v-75l-23-23h-99v205Zm37-120v-48h48v48h-48Zm122 120h98l23-24v-158l-23-23h-98v205Zm37-37v-131h47v131h-47Zm129 37h37v-83h50v-37h-50v-48h50v-37h-87v205ZM192-192v-731h731v731H192Zm94-94h542v-542H286v542ZM37-37v-731h95v636h636v95H37Zm249-791v542-542Z"})))}};export{v as ds_icon_picture_as_pdf}

package/dist/component-library/p-21e04311.entry.js

@@ -1 +0,0 @@
-import{h as s,r as e,d as t}from"./p-Drf28bhP.js";import{c as a}from"./p-DOCjrE2r.js";import{d as i,t as d}from"./p-J5Ghj1_T.js";const l=class{constructor(s){e(this,s)}get el(){return t(this)}dsLabel;dsAssistiveText;dsAssistiveTextId;get DsAssistiveText(){return d("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})))}};i([s("ds-assistive-text",null)]),l.style=".ds-group-label__Yxqs6o__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__Yxqs6o{display:flex;flex-direction:column}.ds-group-label__Yxqs6o:empty{display:none}";export{l as ds_group_label}

package/dist/component-library/p-28e27145.entry.js

@@ -1 +0,0 @@
-import{r,d as s,h as a}from"./p-Drf28bhP.js";import{c as e}from"./p-DOCjrE2r.js";import{t}from"./p-J5Ghj1_T.js";const i=class{constructor(s){r(this,s)}get el(){return s(this)}dsIcon="chevron_forward";get DsIcon(){return t("ds-icon","ds-breadcrumbs-separator",this.el)}render(){const r=e("ds-breadcrumbs-separator");return a(this.DsIcon,{key:"bbf4623bf36af49030aaa8d31a1e5b502576a65e",class:r,dsName:this.dsIcon,dsSize:"1rem"})}};i.style=".ds-breadcrumbs-separator__Yxqs6o.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__Yxqs6o.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}";export{i as ds_breadcrumbs_separator}

package/dist/component-library/p-33cbf22d.entry.js

@@ -1 +0,0 @@
-import{M as o,r as t,d as s,f as n,h as d}from"./p-Drf28bhP.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-DOCjrE2r.js";import{a as x}from"./p-AMaSS0ZB.js";const c=u("ds-button"),q=class extends(o(x)){constructor(o){super(),t(this,o)}inheritedAttributes={};buttonEl;pressedKeys=new Set;get el(){return s(this)}dsForm;dsId=c.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((o=>{if(o.nodeType===Node.ELEMENT_NODE){const t=o;return!t.hasAttribute("slot")||""===t.getAttribute("slot")}return o.nodeType===Node.TEXT_NODE&&o.textContent?.trim().length>0}))}dsTextObserver(o){this.text=o||this.dsValue}dsValueObserver(o){this.dsText||(this.text=o)}dsActiveObserver(o){this.isActive=o}ariaAttributeObserver(o,t,s){this.inheritedAttributes={...this.inheritedAttributes,[s]:o},n(this)}handleKeyDown=o=>{if(!o.repeat)switch(o.key){case"Enter":case" ":this.pressedKeys.add(o.key),this.isActive=!0}};handleKeyUp=o=>{switch(o.key){case"Enter":case" ":this.pressedKeys.delete(o.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=o=>{const t=r(`${o}__icon`),s="small"===this.dsSize?"1.25rem":void 0,n=a("ds-icon","ds-button",this.el);return d(n,{class:t,dsName:this.dsIcon,dsCustomSize:s,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel})};renderButton=()=>{const o=l("ds-button"),t=r(`${o} ${o}--${this.dsVariant} ${o}--${this.dsColour} ${o}--${this.dsSize}`,{[`${o}--icon-start`]:this.dsIcon&&"start"===this.dsIconPosition&&this.hasContent,[`${o}--icon-end`]:this.dsIcon&&"end"===this.dsIconPosition&&this.hasContent,[`${o}--icon-only`]:this.dsIcon&&!this.hasContent,[`${o}--full-width`]:this.dsFullWidth,[`${o}--disabled`]:this.dsDisabled,[`${o}--${this.dsColour}--active`]:this.isActive,[`${o}--in-input`]:this.dsInInput}),s=a("ds-spinner","ds-button",this.el),n=a("ds-visually-hidden","ds-button",this.el),{role:b,"aria-label":_,"aria-labelledby":u,"aria-describedby":e,"aria-disabled":x,"aria-expanded":c,"aria-pressed":q,...Y}=this.inheritedAttributes,p=this.dsRole??b,h=this.dsAriaLabel||_,v=this.dsAriaLabelledby||u,g=this.dsAriaDescribedby||e;let y;void 0!==this.dsAriaDisabled?"string"==typeof this.dsAriaDisabled?(console.warn("dsAriaDisabled should be a boolean, not a string. String support will be deprecated."),y=this.dsAriaDisabled):y=this.dsAriaDisabled?"true":"false":x&&(y=x);const m=void 0!==this.dsAriaExpanded?this.dsAriaExpanded?"true":"false":c,C=void 0!==this.dsAriaPressed?this.dsAriaPressed?"true":"false":q;return d("button",{ref:o=>this.buttonEl=o,class:t,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",p),...i("aria-disabled",y),...i("aria-label",h),...i("aria-labelledby",v),...i("aria-describedby",g),...i("aria-expanded",m),...i("aria-pressed",C),...Y},d("slot",{name:"prefix"},!this.dsLoading&&this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(o),this.dsLoading&&d(s,{class:`${o}__spinner`,dsHiddenAssistiveText:this.dsSpinnerHiddenText,dsColour:this.getSpinnerColour(),dsSize:"medium"===this.dsSize?"medium":null,dsCustomSize:"small"===this.dsSize?"1.25rem":null})),this.hasContent&&d("span",{class:`${o}__value`},d("slot",null,this.text,this.dsHiddenAssistiveText&&d(n,{dsTag:"span"},this.dsHiddenAssistiveText))),d("slot",{name:"suffix"},this.dsIcon&&"end"===this.dsIconPosition&&this.renderIcon(o)))};render(){const o=this.renderButton();return this.dsUseSpinner?d("div",{"aria-live":"polite"},o):o}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([d("ds-icon",{dsName:""}),d("ds-spinner",null),d("ds-visually-hidden",null)]),q.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__Yxqs6o--full-width){width:100%}.ds-button__Yxqs6o.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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--supplementary) .ds-button__Yxqs6o__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__Yxqs6o--supplementary.sc-ds-button:has(.ds-button__Yxqs6o__spinner) .ds-button__Yxqs6o__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__Yxqs6o__icon.sc-ds-button{height:1.5rem}.ds-button__Yxqs6o.sc-ds-button:has(.ds-button__Yxqs6o__spinner):not(.ds-button__Yxqs6o--small) .ds-button__Yxqs6o__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__Yxqs6o__spinner.sc-ds-button{display:flex}.ds-button__Yxqs6o--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--small):not(.ds-button__Yxqs6o--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--small).ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--small).ds-button__Yxqs6o--icon-only{padding-left:0;padding-right:0}.ds-button__Yxqs6o--small.ds-button__Yxqs6o--icon-start.sc-ds-button,.ds-button__Yxqs6o--small.ds-button__Yxqs6o--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__Yxqs6o--small.sc-ds-button:not(.ds-button__Yxqs6o--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__Yxqs6o--small.ds-button__Yxqs6o--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__Yxqs6o--small.ds-button__Yxqs6o--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__Yxqs6o--small.sc-ds-button .ds-button__Yxqs6o__icon.sc-ds-button{height:auto}.ds-button__Yxqs6o--icon-start.sc-ds-button:not(.ds-button__Yxqs6o--small) .ds-button__Yxqs6o__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__Yxqs6o--icon-end.sc-ds-button:not(.ds-button__Yxqs6o--small) .ds-button__Yxqs6o__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.sc-ds-button{width:auto;height:100%;aspect-ratio:1/1}";export{q as ds_button}

package/dist/component-library/p-4cf0eddb.entry.js

@@ -1 +0,0 @@
-import{M as s,r as t,d as i,h as a,H as n}from"./p-Drf28bhP.js";import{c as r}from"./p-BfTCfPZ1.js";import{c as e}from"./p-DOCjrE2r.js";import{t as o,d}from"./p-J5Ghj1_T.js";import{p}from"./p-fGP8PwXU.js";import"./p-B-jfWeRN.js";const g=class extends(s(p)){constructor(s){super(),t(this,s)}get el(){return i(this)}dsPage;dsHref;dsIsCurrent;dsTag;get isCurrent(){return void 0!==this.dsIsCurrent?this.dsIsCurrent:!!this.paginationContext&&this.dsPage===this.paginationContext.currentPage}get DsLinkCta(){return o("ds-link-cta","ds-pagination-page",this.el)}render(){if(!this.paginationContext)return a(n,null);const s=e("ds-pagination-page"),t=r(s,{[`${s}--current`]:this.isCurrent}),i="span"===this.dsTag||this.isCurrent||!this.dsHref,o={class:t,dsVariant:this.isCurrent?"primary":"supplementary",dsSize:this.paginationContext.variant,dsTag:i?"span":"a",dsHref:i?void 0:this.dsHref,"aria-current":this.isCurrent?"page":void 0,dsText:String(this.dsPage),dsHideIcon:!0},d=e(`ds-pagination-page-variant--${this.paginationContext.variant}`);return a(n,{class:d},a(this.DsLinkCta,{...o}))}};d([a("ds-link-cta",{dsText:""})]),g.style=".sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__Yxqs6o.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__Yxqs6o--current.sc-ds-pagination-page{pointer-events:none;--ds-link-cta-bg-color:var(--ds-bgColor-primary);--ds-link-cta-text-color:var(--ds-textColor-white)}";export{g as ds_pagination_page}

package/dist/component-library/p-55f6a299.entry.js

@@ -1 +0,0 @@
-import{M as s,r as t,d as i,h as a,H as e}from"./p-Drf28bhP.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as r}from"./p-DOCjrE2r.js";import{t as d,d as o}from"./p-J5Ghj1_T.js";import{p}from"./p-fGP8PwXU.js";import"./p-B-jfWeRN.js";const h=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:""})]),h.style=".ds-pagination-item__Yxqs6o.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__Yxqs6o--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__Yxqs6o--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__Yxqs6o--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}";export{h as ds_pagination_item}

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

@@ -1 +0,0 @@
-import{M as a,r as s,c as i,d as o,h as t}from"./p-Drf28bhP.js";import{c as r}from"./p-BfTCfPZ1.js";import{b as d,i as n}from"./p-DfbgRyXR.js";import{o as l,v as e}from"./p-BcvA5o-o.js";import{i as c,t as _,a as k,d as h}from"./p-J5Ghj1_T.js";import{l as b}from"./p-Bvrn9SsD.js";import{c as v}from"./p-DOCjrE2r.js";import"./p-Di_1NYQP.js";const x=c("visually-hidden-assistive-text"),p=class extends(a(b)){constructor(a){super(),s(this,a),this.dsClick=i(this,"dsClick")}inheritedAttributes={};linkEl;visuallyHiddenAssistiveTextId=x.next().value;get el(){return o(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(a){l(a)?(this.icon="arrow_outward",this.rel="noopener noreferrer"):(this.icon="arrow_forward",this.rel=void 0)}componentWillLoad(){this.inheritedAttributes={...n(this,this.el),...d(this.el)},this.updateIcon(this.dsTarget)}onTargetChanged(a){this.updateIcon(a)}handleKeyDown=a=>{switch(a.key){case" ":a.preventDefault(),this.linkEl?.click();break;case"Enter":"span"!==this.dsTag&&this.dsHref||this.linkEl?.click()}};render(){const a=v("ds-link-cta"),s=r(a,`${a}--${this.dsVariant}`,`${a}--${this.dsColour}`,`${a}--${this.dsSize}`,{[`${a}--no-text`]:!this.dsText||""===this.dsText.trim()}),i=r(`${a}__text`),o=r(`${a}__icon`,`${a}__icon--${this.dsIconPosition}`),d=_("ds-icon","ds-link-cta",this.el),n=_("ds-visually-hidden","ds-link-cta",this.el),{"aria-label":c,"aria-labelledby":h,...b}=this.inheritedAttributes,x=this.dsAriaLabel||c,p=this.dsAriaLabelledby||h,g=!this.dsHideIcon&&t(d,{key:"086d62b41b6250f61ebebfaf540e136c167b3568",dsName:this.currentIcon,class:o,dsCustomSize:"medium"===this.dsSize?"1.5rem":"1.25rem"});return t(this.dsTag,{key:"7edd2bdfd6d79c21c89e161c54a609c16fda0ddf",ref:a=>this.linkEl=a,part:"link",class:s,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",x),...k("aria-labelledby",p),...b,...this.linkAttributes},"start"===this.dsIconPosition&&g,t("span",{key:"1b7906e92823a64ae64cc6a3bd09ddfd0d7bba94",class:i},this.dsText),"end"===this.dsIconPosition&&g,l(this.dsTarget)&&t(n,{key:"9d89b7b9dda2bc3c43ad03998d636c8d14148c8f",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},e()))}static get watchers(){return{dsTarget:["onTargetChanged"]}}};h([t("ds-icon",{dsName:""}),t("ds-visually-hidden",null)]),p.style=":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block;vertical-align:middle}.ds-link-cta__Yxqs6o{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__Yxqs6o[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__Yxqs6o__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__Yxqs6o--no-text .ds-link-cta__Yxqs6o__text{padding:0}.ds-link-cta__Yxqs6o:has(.ds-link-cta__Yxqs6o__spinner):not(.ds-link-cta__Yxqs6o--small) .ds-link-cta__Yxqs6o__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__Yxqs6o--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__Yxqs6o:has(.ds-link-cta__Yxqs6o__text:empty){width:var(--ds-link-cta-min-height);aspect-ratio:1;padding-left:0;padding-right:0}.ds-link-cta__Yxqs6o:has(.ds-link-cta__Yxqs6o__text:empty) .ds-link-cta__Yxqs6o__icon{margin:0}.ds-link-cta__Yxqs6o:not(.ds-link-cta__Yxqs6o--small):not(.ds-link-cta__Yxqs6o--secondary):not(.ds-link-cta__Yxqs6o--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__Yxqs6o:not(.ds-link-cta__Yxqs6o--small).ds-link-cta__Yxqs6o--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__Yxqs6o:not(.ds-link-cta__Yxqs6o--small).ds-link-cta__Yxqs6o--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__Yxqs6o:not(.ds-link-cta__Yxqs6o--small).ds-link-cta__Yxqs6o--icon-only{padding-left:0;padding-right:0}.ds-link-cta__Yxqs6o--small:not(.ds-link-cta__Yxqs6o--secondary):not(.ds-link-cta__Yxqs6o--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__Yxqs6o--small.ds-link-cta__Yxqs6o--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__Yxqs6o--small.ds-link-cta__Yxqs6o--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__Yxqs6o--small.ds-link-cta__Yxqs6o--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__Yxqs6o--small .ds-link-cta__Yxqs6o__icon{width:var(--ds-link-cta-icon-size, auto);height:var(--ds-link-cta-icon-size, 1rem)}.ds-link-cta__Yxqs6o__icon--start{margin-right:var(--ds-spacing-3xSmall);margin-left:0}.ds-link-cta__Yxqs6o__icon--end{margin-left:var(--ds-spacing-3xSmall);margin-right:0}.ds-link-cta__Yxqs6o--no-text .ds-link-cta__Yxqs6o__icon--start,.ds-link-cta__Yxqs6o--no-text .ds-link-cta__Yxqs6o__icon--end{margin:0}.ds-link-cta__Yxqs6o.ds-link-cta__Yxqs6o--primary.ds-link-cta__Yxqs6o--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__Yxqs6o.ds-link-cta__Yxqs6o--primary.ds-link-cta__Yxqs6o--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__Yxqs6o.ds-link-cta__Yxqs6o--primary.ds-link-cta__Yxqs6o--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__Yxqs6o.ds-link-cta__Yxqs6o--primary.ds-link-cta__Yxqs6o--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__Yxqs6o.ds-link-cta__Yxqs6o--primary.ds-link-cta__Yxqs6o--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__Yxqs6o.ds-link-cta__Yxqs6o--primary.ds-link-cta__Yxqs6o--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__Yxqs6o.ds-link-cta__Yxqs6o--primary.ds-link-cta__Yxqs6o--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__Yxqs6o.ds-link-cta__Yxqs6o--primary.ds-link-cta__Yxqs6o--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__Yxqs6o.ds-link-cta__Yxqs6o--primary.ds-link-cta__Yxqs6o--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__Yxqs6o.ds-link-cta__Yxqs6o--primary.ds-link-cta__Yxqs6o--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__Yxqs6o.ds-link-cta__Yxqs6o--primary.ds-link-cta__Yxqs6o--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__Yxqs6o.ds-link-cta__Yxqs6o--primary.ds-link-cta__Yxqs6o--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__Yxqs6o.ds-link-cta__Yxqs6o--secondary.ds-link-cta__Yxqs6o--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__Yxqs6o.ds-link-cta__Yxqs6o--secondary.ds-link-cta__Yxqs6o--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__Yxqs6o.ds-link-cta__Yxqs6o--secondary.ds-link-cta__Yxqs6o--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__Yxqs6o.ds-link-cta__Yxqs6o--secondary.ds-link-cta__Yxqs6o--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__Yxqs6o.ds-link-cta__Yxqs6o--secondary.ds-link-cta__Yxqs6o--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__Yxqs6o.ds-link-cta__Yxqs6o--secondary.ds-link-cta__Yxqs6o--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__Yxqs6o.ds-link-cta__Yxqs6o--secondary.ds-link-cta__Yxqs6o--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__Yxqs6o.ds-link-cta__Yxqs6o--secondary.ds-link-cta__Yxqs6o--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__Yxqs6o.ds-link-cta__Yxqs6o--secondary.ds-link-cta__Yxqs6o--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__Yxqs6o.ds-link-cta__Yxqs6o--secondary.ds-link-cta__Yxqs6o--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__Yxqs6o.ds-link-cta__Yxqs6o--secondary.ds-link-cta__Yxqs6o--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__Yxqs6o.ds-link-cta__Yxqs6o--secondary.ds-link-cta__Yxqs6o--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-link-cta__Yxqs6o.ds-link-cta__Yxqs6o--supplementary.ds-link-cta__Yxqs6o--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__Yxqs6o.ds-link-cta__Yxqs6o--supplementary.ds-link-cta__Yxqs6o--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__Yxqs6o.ds-link-cta__Yxqs6o--supplementary.ds-link-cta__Yxqs6o--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__Yxqs6o.ds-link-cta__Yxqs6o--supplementary.ds-link-cta__Yxqs6o--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__Yxqs6o.ds-link-cta__Yxqs6o--supplementary.ds-link-cta__Yxqs6o--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__Yxqs6o.ds-link-cta__Yxqs6o--supplementary.ds-link-cta__Yxqs6o--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__Yxqs6o.ds-link-cta__Yxqs6o--supplementary.ds-link-cta__Yxqs6o--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__Yxqs6o.ds-link-cta__Yxqs6o--supplementary.ds-link-cta__Yxqs6o--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__Yxqs6o.ds-link-cta__Yxqs6o--supplementary.ds-link-cta__Yxqs6o--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__Yxqs6o.ds-link-cta__Yxqs6o--supplementary.ds-link-cta__Yxqs6o--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__Yxqs6o.ds-link-cta__Yxqs6o--supplementary.ds-link-cta__Yxqs6o--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__Yxqs6o.ds-link-cta__Yxqs6o--supplementary.ds-link-cta__Yxqs6o--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}";export{p as ds_link_cta}

package/dist/component-library/p-704a8912.entry.js

@@ -1 +0,0 @@
-import{M as i,r as t,c as o,d as s,f as a,h as n}from"./p-Drf28bhP.js";import{c as d}from"./p-BfTCfPZ1.js";import{c as r}from"./p-DOCjrE2r.js";import{i as e,t as c,o as l,d as f}from"./p-J5Ghj1_T.js";import{b as h,i as _}from"./p-DfbgRyXR.js";import{g as b}from"./p-Di_1NYQP.js";import{a as u}from"./p-AMaSS0ZB.js";const g=e("ds-notification"),x=["neutral","neutralWhite","info","success","attention","danger"],v=["neutral","neutralWhite","info"],p=class extends(i(u)){constructor(i){super(),t(this,i),this.dsDismiss=o(this,"dsDismiss")}dsAriaLabel;dsAriaLabelledby;dsRole;inheritedAttributes={};get el(){return s(this)}dsDismiss;dsId=g.next().value;variant="neutral";get dsVariant(){return this.variant}set dsVariant(i){x.includes(i)&&(this.variant=i)}dsDismissable=!1;dsDismissButtonHiddenAssistiveText;dsHeading;headingLevel=2;get dsHeadingLevel(){return this.headingLevel}set dsHeadingLevel(i){i<1||(this.headingLevel=i)}icon;get dsIcon(){return this.icon}set dsIcon(i){this.icon=i&&v.includes(this.variant)?i:this.variantIcon}dsDescription;get variantIcon(){switch(this.variant){case"info":return"info_fill";case"success":return"check_circle_fill";case"attention":return"warning_fill";case"danger":return"report_fill";default:return"help_fill"}}get DsIcon(){return c("ds-icon","ds-notification",this.el)}get DsButton(){return c("ds-button","ds-notification",this.el)}get DsVisuallyHidden(){return c("ds-visually-hidden","ds-notification",this.el)}get headingId(){return`${this.dsId}-heading`}get close(){switch(b()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}get notification(){switch(b()){case"fi":return"Ilmoitus";case"sv":return"Meddelande";default:return"Notification"}}get ariaLabel(){return this.inheritedAttributes["aria-label"]?this.inheritedAttributes["aria-label"]:this.dsHeading&&this.dsDescription?void 0:this.notification}get ariaLabelledBy(){return this.inheritedAttributes["aria-labelledby"]?this.inheritedAttributes["aria-labelledby"]:this.dsHeading&&this.dsDescription?this.headingId:void 0}ariaAttributeObserver(i,t,o){this.inheritedAttributes={...this.inheritedAttributes,[o]:i},a(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={..._(this,this.el),...h(this.el)}}handleDismissButtonClick=()=>{this.dsDismiss.emit()};render(){const i=r("ds-notification"),t=`${i}__content`,o=d(i,`${i}--${this.variant}`),s=this.dsAriaLabel??this.inheritedAttributes["aria-label"]??this.ariaLabel,a=this.dsAriaLabelledby??this.inheritedAttributes["aria-labelledby"]??this.ariaLabelledBy,e=this.dsRole??this.inheritedAttributes.role??"group",c=l(this.inheritedAttributes,["aria-labelledby","aria-label","role"]);return n("div",{key:"8e201a083dfe245b8a0c068244ef5db036c7aad7",class:o,id:this.dsId,role:e,"aria-label":s,"aria-labelledby":a,...c},this.dsIcon&&n("div",{key:"e06d5dc944970dc13497d1beb1089a52df5cf299",class:`${i}__icon ds-p-3xs`},n(this.DsIcon,{key:"b1e09f5319d6374513abb03432f03386c689e536",dsName:this.dsIcon})),n("div",{key:"6d43cafde7ce462412340bb4d25c6f598a300333",class:t},n("slot",{key:"645b319fd933c6d58add473be09144bc7a888bd9",name:"heading"},this.dsHeading&&n("div",{key:"0261cac112dce957d9ad9969e1631587861ef50e",class:`${t}__heading ds-text-semibold-lg`,id:this.headingId,role:this.dsDescription?"heading":void 0,"aria-level":this.dsDescription?this.dsHeadingLevel:void 0},this.dsHeading)),n("slot",{key:"6b32236fbbbc653bc14f90de968c0c5576e4672f",name:"description"},this.dsDescription&&n("div",{key:"6b599192a3b6508823add351655d0b17e2d4a002",class:`${t}__description ds-text-regular-md`},this.dsDescription)),n("slot",{key:"41939acae081c9c78e27ea9811822661be74d3cb"})),this.dsDismissable&&n(this.DsButton,{key:"5dbf763231f0adf9f818148a0528f347c2ca5e7b",dsId:`${this.dsId}-dismiss-button`,dsIcon:"close",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsAriaLabelledby:[`${this.dsId}-dismiss-button`,a].filter(Boolean).join(" "),onClick:this.handleDismissButtonClick},n(this.DsVisuallyHidden,{key:"80fb85513aaa132ff6928769fc19b89a58998431",slot:"suffix",dsTag:"span"},this.dsDismissButtonHiddenAssistiveText||this.close)))}static get watchers(){return{"aria-label":["ariaAttributeObserver"],"aria-labelledby":["ariaAttributeObserver"]}}};f([n("ds-icon",{dsName:""}),n("ds-button",null),n("ds-visually-hidden",null)]),p.style=".sc-ds-notification-h{display:block;width:100%}.ds-notification__Yxqs6o.sc-ds-notification{display:flex;padding:var(--ds-spacing-xSmall, 12px);gap:var(--ds-spacing-2xSmall, 8px)}.ds-notification__Yxqs6o.ds-notification__Yxqs6o--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__Yxqs6o.ds-notification__Yxqs6o--neutral.sc-ds-notification .ds-notification__Yxqs6o__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__Yxqs6o.ds-notification__Yxqs6o--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__Yxqs6o.ds-notification__Yxqs6o--neutralWhite.sc-ds-notification .ds-notification__Yxqs6o__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__Yxqs6o.ds-notification__Yxqs6o--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__Yxqs6o.ds-notification__Yxqs6o--info.sc-ds-notification .ds-notification__Yxqs6o__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__Yxqs6o.ds-notification__Yxqs6o--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__Yxqs6o.ds-notification__Yxqs6o--success.sc-ds-notification .ds-notification__Yxqs6o__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__Yxqs6o.ds-notification__Yxqs6o--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__Yxqs6o.ds-notification__Yxqs6o--attention.sc-ds-notification .ds-notification__Yxqs6o__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__Yxqs6o.ds-notification__Yxqs6o--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__Yxqs6o.ds-notification__Yxqs6o--danger.sc-ds-notification .ds-notification__Yxqs6o__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__Yxqs6o__content.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-notification__Yxqs6o__content__heading.sc-ds-notification,.ds-notification__Yxqs6o__content__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__Yxqs6o__content__description.sc-ds-notification{max-width:550px}";export{p as ds_notification}

package/dist/component-library/p-737ba3d3.entry.js

@@ -1 +0,0 @@
-import{h as s,r as d,d as a}from"./p-Drf28bhP.js";import{c as e}from"./p-BfTCfPZ1.js";import{c as o}from"./p-DOCjrE2r.js";import{i as r,d as t,t as c}from"./p-J5Ghj1_T.js";const l=r("ds-badge"),i=class{constructor(s){d(this,s)}get el(){return a(this)}dsId=l.next().value;dsText="";dsVariant="default";dsHiddenAssistiveText;dsAriaLabel;get DsVisuallyHidden(){return c("ds-visually-hidden","ds-badge",this.el)}render(){const d=o("ds-badge");return s("div",{key:"2aa22f658c39c44efe1d5e83584e79e9d9c4eb05",class:e(d,`${d}--${this.dsVariant}`)},s("div",{key:"fc36b32e0501a61de1933731c1f7fe96f2c968fa",class:`${d}__content`},s("span",{key:"63eac6f120bdddd4be86e81f3510628628ff7b4b",class:`ds-text-semibold-xs ${d}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},s("slot",{key:"1c023a1f0181782ecf2117baca1de07f03e2efc5"},this.dsText,this.dsHiddenAssistiveText&&s(this.DsVisuallyHidden,{key:"35fbdc7886a8283697c0080462fa6a995bc8cbe6",dsTag:"span"},this.dsHiddenAssistiveText)))))}};t([s("ds-visually-hidden",null)]),i.style=".ds-badge__Yxqs6o.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__Yxqs6o--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__Yxqs6o--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__Yxqs6o--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__Yxqs6o--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__Yxqs6o--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__Yxqs6o--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__Yxqs6o--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__Yxqs6o--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__Yxqs6o__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__Yxqs6o__content__text.sc-ds-badge{white-space:nowrap}";export{i as ds_badge}

package/dist/component-library/p-760d8a72.entry.js

@@ -1 +0,0 @@
-import{M as s,r,c as e,d,h as t,H as a}from"./p-Drf28bhP.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as n,d as c}from"./p-J5Ghj1_T.js";import{l as o}from"./p-Bvrn9SsD.js";import{c as l}from"./p-DOCjrE2r.js";const b=class extends(s(o)){constructor(s){super(),r(this,s),this.dsClick=e(this,"dsClick"),this.dsIsHiddenChange=e(this,"dsIsHiddenChange")}get el(){return d(this)}dsIsHiddenChange;dsText="";dsIsCurrentPage=!1;dsHasSeparator=!0;dsSeparatorIcon;dsIsHidden=!1;isHiddenChanged=!1;get DsLink(){return n("ds-link","ds-breadcrumb",this.el)}get DsBreadcrumbsSeparator(){return n("ds-breadcrumbs-separator","ds-breadcrumb",this.el)}async setFocus(){await(this.el.querySelector(this.DsLink)?.setFocus())}dsIsHiddenObserver(){this.isHiddenChanged=!0}componentDidUpdate(){this.isHiddenChanged&&this.dsIsHiddenChange.emit(this.dsIsHidden),this.isHiddenChanged=!1}renderCurrentPageCrumb(s){return t("slot",null,t("span",{class:`${s}__current-page`,"aria-current":"page"},this.dsText))}renderLinkCrumb(s){return t("slot",null,t(this.DsLink,{class:`${s}__link`,dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=l("ds-breadcrumb"),r=`${s}__content`;return t(a,{key:"aa5c44d823e07ba18d53f28ab685d87901fdd7b6",role:"listitem"},t("div",{key:"3c70014f2a347c9eccefa1dfa8d0cdb010ccc714",class:i(s,{[`${s}--hidden`]:this.dsIsHidden})},t("div",{key:"4f3a2475eeb27d7be0cf935249f8da1aa747187c",class:r},this.dsHasSeparator?t(this.DsBreadcrumbsSeparator,{dsIcon:this.dsSeparatorIcon}):null,this.dsIsCurrentPage?this.renderCurrentPageCrumb(r):this.renderLinkCrumb(r))))}static get watchers(){return{dsIsHidden:["dsIsHiddenObserver"]}}};c([t("ds-link",{dsText:""}),t("ds-breadcrumbs-separator",null)]),b.style='.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__Yxqs6o.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__Yxqs6o--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__Yxqs6o__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__Yxqs6o__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__Yxqs6o__content__link.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-breadcrumb__Yxqs6o__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}';export{b as ds_breadcrumb}

package/dist/component-library/p-863d5b8b.entry.js

@@ -1 +0,0 @@
-import{h as s,r as i,c as r,d as t}from"./p-Drf28bhP.js";import{c as e}from"./p-BfTCfPZ1.js";import{c as o,b as a}from"./p-DfbgRyXR.js";import{d as n,i as d,t as l}from"./p-J5Ghj1_T.js";import{c as b}from"./p-DOCjrE2r.js";import{v as h}from"./p-BcvA5o-o.js";import{d as c,g as _,o as m}from"./p-Di_1NYQP.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,x=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=d("ds-button-drawer-close").next().value;dsMobileToggleId=d("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={...a(this.el),...o(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"]}}};n([s("ds-link-logo",{dsHref:""}),s("ds-link",{dsText:""}),s("ds-button",null),s("ds-tag",{dsText:""}),s("ds-visually-hidden",null)]),x.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__Yxqs6o__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__Yxqs6o__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__Yxqs6o__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__Yxqs6o__container{grid-template-columns:auto auto}}.ds-ribbon__Yxqs6o__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__Yxqs6o__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__Yxqs6o__mobile-toggle{display:none}}.ds-ribbon__Yxqs6o__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__Yxqs6o__drawer-backdrop{display:none}}.ds-ribbon__Yxqs6o--drawer-open .ds-ribbon__Yxqs6o__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__Yxqs6o__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__Yxqs6o__drawer-backdrop,.ds-ribbon__Yxqs6o--drawer-open .ds-ribbon__Yxqs6o__container .ds-ribbon__Yxqs6o__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__Yxqs6o--drawer-clicked .ds-ribbon__Yxqs6o__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__Yxqs6o--drawer-open .ds-ribbon__Yxqs6o__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__Yxqs6o__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__Yxqs6o__desktop-nav{display:block}}.ds-ribbon__Yxqs6o__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__Yxqs6o__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__Yxqs6o__desktop-link{font-size:var(--ds-fontSize-12, 0.75rem);white-space:nowrap}.ds-ribbon__Yxqs6o__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__Yxqs6o__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__Yxqs6o__desktop-badge>* span{line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__Yxqs6o__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__Yxqs6o__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__Yxqs6o--drawer-open .ds-ribbon__Yxqs6o__drawer{transform:translateX(0%)}.ds-ribbon__Yxqs6o__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__Yxqs6o__drawer-header{display:none}}.ds-ribbon__Yxqs6o__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__Yxqs6o__drawer-branding{max-width:unset}}.ds-ribbon__Yxqs6o__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__Yxqs6o__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__Yxqs6o__drawer-nav{padding:0}}.ds-ribbon__Yxqs6o__top-scrim,.ds-ribbon__Yxqs6o__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__Yxqs6o__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__Yxqs6o__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__Yxqs6o__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__Yxqs6o__bottom-scrim{display:block}.ds-ribbon__Yxqs6o__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__Yxqs6o__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__Yxqs6o__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__Yxqs6o__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__Yxqs6o__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__Yxqs6o__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__Yxqs6o__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__Yxqs6o__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__Yxqs6o__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__Yxqs6o__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__Yxqs6o__drawer-badge>* span{line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__Yxqs6o--drawer-open) .ds-ribbon__Yxqs6o__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__Yxqs6o--drawer-open) .ds-ribbon__Yxqs6o__drawer-backdrop{display:block}}:host(.ds-ribbon__Yxqs6o--drawer-open) .ds-ribbon__Yxqs6o__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__Yxqs6o--drawer-open) .ds-ribbon__Yxqs6o__drawer{transform:none}}";export{x as ds_ribbon}

package/dist/component-library/p-8fe86448.entry.js

@@ -1 +0,0 @@
-import{M as i,r as s,c as t,d as r,h as o}from"./p-Drf28bhP.js";import{c as e}from"./p-BfTCfPZ1.js";import{b as a,i as d}from"./p-DfbgRyXR.js";import{o as n,v as l}from"./p-BcvA5o-o.js";import{i as h,t as c,a as w,d as f}from"./p-J5Ghj1_T.js";import{l as _}from"./p-Bvrn9SsD.js";import{a as m}from"./p-AMaSS0ZB.js";import{c as b}from"./p-DOCjrE2r.js";import{i as k}from"./p-BW1GUsO7.js";import"./p-Di_1NYQP.js";const v=h("visually-hidden-assistive-text"),x=class extends(i(_,m)){constructor(i){super(),s(this,i),this.dsClick=t(this,"dsClick")}inheritedAttributes={};isGreaterThanEqualSmallMediaQuery=k("small");defaultIcon="arrow_forward";visuallyHiddenAssistiveTextId=v.next().value;get el(){return r(this)}dsText;dsIconPosition="start";dsTag="a";dsFullWidth=!1;dsIcon=this.defaultIcon;rel;icon=this.defaultIcon;iconSize=this.isGreaterThanEqualSmallMediaQuery.matches?"2rem":"1.5rem";get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}setIconSize=i=>{this.iconSize=i.matches?"2rem":"1.5rem"};connectedCallback(){this.isGreaterThanEqualSmallMediaQuery.addEventListener("change",this.setIconSize)}disconnectedCallback(){this.isGreaterThanEqualSmallMediaQuery.removeEventListener("change",this.setIconSize)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...d(this,this.el),...a(this.el)},n(this.dsTarget)?(this.icon="arrow_outward",this.rel="noopener noreferrer"):(this.icon=this.dsIcon,this.rel=void 0)}render(){const i=b("ds-link-with-arrow"),s=e(i,{[`${i}--full-width`]:this.dsFullWidth}),t=e(`${i}__icon`,{[`${i}__icon--start`]:"start"===this.dsIconPosition,[`${i}__icon--end`]:"end"===this.dsIconPosition}),r=c("ds-icon","ds-link-with-arrow",this.el),a=c("ds-visually-hidden","ds-link-with-arrow",this.el),{"aria-label":d,"aria-labelledby":h,...f}=this.inheritedAttributes,_=this.dsAriaLabelledby||h;return o(this.dsTag,{key:"f21b6cb610111277a568ac956bf37da2ed42ba99",class:s,...w("aria-label",this.dsAriaLabel||d),...w("aria-labelledby",_),...f,...this.linkAttributes},o("slot",{key:"a2e14c8803fd07526c70b588d16d34a5bfeb5f6d",name:"prefix"},"start"===this.dsIconPosition&&o(r,{key:"a0d47ac0083b4c8bdbc7048a47399b2fc86a3ba1",dsName:this.icon,class:t,dsSize:this.iconSize})),this.dsText,o("slot",{key:"7ef2ed72c2be70368037890b08eca98ac9b6620e",name:"suffix"},"end"===this.dsIconPosition&&o(r,{key:"34f75073a3a6070b6f1a52111ea979cb16d78058",dsName:this.icon,class:t,dsSize:this.iconSize})),n(this.dsTarget)&&o(a,{key:"2ca87d27991682014d9ba33be711527f18ec0592",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},l()))}};f([o("ds-icon",{dsName:""}),o("ds-visually-hidden",null)]),x.style=":host{display:inline-block}:host:has(.ds-link-with-arrow__Yxqs6o--full-width){width:100%}.ds-link-with-arrow__Yxqs6o: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-with-arrow__Yxqs6o{display:inline-flex;align-items:center;color:var(--ds-textColor-link);letter-spacing:var(--ds-letterSpacing-wide);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-16);text-decoration-line:none}@media (min-width: 30rem){.ds-link-with-arrow__Yxqs6o{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__Yxqs6o--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__Yxqs6o__icon{display:inline-flex;flex-shrink:0;width:2rem;height:2rem;line-height:0;align-items:center;justify-content:center;color:var(--ds-textColor-white);background-color:var(--ds-bgColor-primary)}@media (min-width: 30rem){.ds-link-with-arrow__Yxqs6o__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__Yxqs6o__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__Yxqs6o__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__Yxqs6o__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__Yxqs6o__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__Yxqs6o:hover,.ds-link-with-arrow__Yxqs6o:active{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-with-arrow__Yxqs6o:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__Yxqs6o:active,.ds-link-with-arrow__Yxqs6o:focus-visible{color:var(--ds-textColor-link-active)}";export{x as ds_link_with_arrow}

package/dist/component-library/p-9703d467.entry.js

@@ -1 +0,0 @@
-import{r as h,h as e,H as s}from"./p-Drf28bhP.js";const t=class{constructor(e){h(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(s,{key:"7a7d6caf953994f9138a7e9b21b82eab641e26ea",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"19d583e06311b644639e92b00a7b48ad22c64347",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},e("path",{key:"3b6d2280624848c6440e4a391e0e7a1ef1c43004",d:"M434-394v-92h92v92h-92Zm-160 0v-92h92v92h-92Zm320 0v-92h92v92h-92ZM434-234v-92h92v92h-92Zm-160 0v-92h92v92h-92Zm320 0v-92h92v92h-92ZM95-55v-791h150.2v-60H327v60h306v-60h82.2v60H866v791H95Zm94-94h582v-421H189v421Z"})))}};export{t as ds_icon_calendar_month_fill}

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

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

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

@@ -1 +0,0 @@
-import{r as t}from"./p-Drf28bhP.js";const r=r=>class extends r{constructor(r){super(),t(this,r)}value=null;withValue(t){return this.value?this.value.includes(t)?this.value:[...this.value,t]:[t]}withoutValue(t){return this.value.includes(t)?this.value.filter((r=>r!==t)):this.value}withoutValues(t){return this.value?.filter((r=>!t.includes(r)))||this.value}inValue(t){return this.value?.includes(t)||!1}toValue(t){return t?Array.isArray(t)?t:[t]:null}getValueItem(t){return this.value?.[t]||null}};export{r as m}

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

@@ -1 +0,0 @@
-import{h as s,r as t,d as e}from"./p-Drf28bhP.js";import{g as o}from"./p-Di_1NYQP.js";import{t as i,n as r,l as d,f as a,w as n}from"./p-B4cBPRL4.js";import{d as l,t as _}from"./p-J5Ghj1_T.js";import{c as g}from"./p-DOCjrE2r.js";const p={dsErrorTitle:n,dsErrorText:a,dsLoadingText:d,dsNoResultsTitle:r,dsNoResultsText:i},x=(s,t)=>t||p[s](),c=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:x("dsErrorTitle",this.dsErrorTitle),dsErrorText:x("dsErrorText",this.dsErrorText),dsLoadingText:x("dsLoadingText",this.dsLoadingText),dsNoResultsTitle:x("dsNoResultsTitle",this.dsNoResultsTitle),dsNoResultsText:x("dsNoResultsText",this.dsNoResultsText)}}textPropObserver(s,t,e){this.texts={...this.texts,[e]:x(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)]),c.style=".ds-options-message__Yxqs6o.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__Yxqs6o__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__Yxqs6o__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__Yxqs6o__error__title.sc-ds-options-message,.ds-options-message__Yxqs6o__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__Yxqs6o__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__Yxqs6o__error__text.sc-ds-options-message,.ds-options-message__Yxqs6o__loading__text.sc-ds-options-message,.ds-options-message__Yxqs6o__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}.ds-options-message__Yxqs6o__loading__text.sc-ds-options-message{padding-top:var(--ds-spacing-2xSmall);padding-bottom:var(--ds-spacing-large);text-align:center}";export{c as ds_options_message}

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

@@ -1 +0,0 @@
-import{h as s,r as d,d as a}from"./p-Drf28bhP.js";import{c as e}from"./p-BfTCfPZ1.js";import{i as t,d as o,t as i}from"./p-J5Ghj1_T.js";import{o as r}from"./p-BcvA5o-o.js";import{c}from"./p-DOCjrE2r.js";import{i as n,b as l}from"./p-DfbgRyXR.js";import"./p-Di_1NYQP.js";const _=t("ds-card"),h=class{constructor(s){d(this,s)}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(){r(this.dsUrlTarget)&&(this.linkIcon="arrow_outward"),this.inheritedAttributes={...l(this.el,["aria-labelledby"]),...n(this,this.el)}}connectedCallback(){const s=null===this.el.querySelector('[slot="content"]'),d=null===this.el.querySelector('[slot="footer"]');s&&d&&(this.hasSlotContent=!1)}componentDidLoad(){this.checkImageSlot()}isSlottedElement(s){let d=s;for(;d&&d!==this.el;){if(d.hasAttribute("slot"))return!0;d=d.parentElement}return!1}handleFocusIn(s){this.isSlottedElement(s.target)||(this.isCardFocused=!0)}handleFocusOut(s){const d=s.relatedTarget;d&&this.el.contains(d)&&!this.isSlottedElement(d)||(this.isCardFocused=!1)}handleClick(){}handleKeydown(s){}checkImageSlot(){const s=this.el.querySelectorAll('[slot="image"]');this.hasImageSlot=s.length>0}checkSubtitleSlot(){const s=this.el.querySelectorAll('[slot="subtitle"]');this.hasSubtitleSlot=s.length>0}render(){const d=c("ds-card"),a=e(d,`${d}--${this.dsVariant}`,{[`${d}--link--full`]:"full"===this.dsLinkType,[`${d}--fluid-height`]:this.dsFluidHeight,[`${d}--focused`]:this.isCardFocused},this.dsHorizontal?`${d}--horizontal`:`${d}--vertical`,`${d}--link__${this.dsLinkType}`),t=e(`${d}__link`,{[`${d}__link--${this.dsLinkType}`]:!0}),o=`h${this.dsHeadingLevel}`,r=`${this.cardId}-heading`,n=i("ds-icon","ds-card",this.el),l=this.dsDescriptionClamp?this.dsDescriptionClamp.toString():"none";return s("article",{key:"4aca49b7685b06671358a4a979fc4a667a8f74fe",class:a,style:{"--description-line-clamp":l},"aria-labelledby":r,...this.inheritedAttributes},s("div",{key:"3656493bd5b4f0c3efb264c0028bc2dddddbdecd",class:`${d}__content`},s("div",{key:"6b77e3475f7c5b3b4371454ec552ae50ce33d0af",class:{[`${d}__content--top`]:!0,[`${d}__content--top--has-link`]:Boolean(this.dsUrl)}},s("div",{key:"e5a3e7d730a74c89efe0b1157d42569d8ee2b6e4",class:`${d}__heading-container`},this.dsHeading&&this.dsUrl&&"none"!==this.dsLinkType?s(o,{class:`${d}__heading`,id:r},s("a",{href:this.dsUrl,target:this.dsUrlTarget,class:t},s("slot",{name:"heading"},this.dsHeading))):s(o,{class:`${d}__heading`},s("slot",{name:"heading"},this.dsHeading)),this.dsTag&&this.hasImageSlot&&s("span",{key:"e77eca2ae3d8f06fda874b2d6872fb52f76356ef",class:`${d}__tag`},this.dsTag),this.dsEyebrow&&s("div",{key:"8b6dd6e0bc9bff919b83ba0f66baa18ff8dbc549",class:`${d}__eyebrow`},this.dsEyebrow),this.dsSubtitle&&s("div",{key:"8d9340ea810f0a1dd9bb620f4395d03e76371c79",class:`${d}__subtitle`},this.dsSubtitle),s("div",{key:"8c3eab74972c7e2ae2fb15284b451e2e012fe825",class:e(`${d}__slot-subtitle`,{[`${d}__slot-subtitle--hidden`]:!this.hasSubtitleSlot})},s("slot",{key:"4ca959be51c344e0aeaee632cbbbb6e7cb3ad3ef",name:"subtitle",onSlotchange:()=>this.checkSubtitleSlot()}))),this.dsUrl&&this.dsShowArrow&&"heading"!==this.dsLinkType&&s(n,{key:"1132097252cc13d430a5ab2f033c627c82c76628",dsSize:"2rem",class:`${d}__icon`,dsName:this.linkIcon})),this.dsDescription&&s("p",{key:"00c4b323a27577fe0a86083707952aed78d45c98",class:`${d}__description`},this.dsDescription)),s("div",{key:"74f038a7420ac390e0985fc0c17a12eb03802c41",class:e(`${d}__content--bottom`,{[`${d}__content--bottom--has-slot-content`]:this.hasSlotContent})},s("div",{key:"63f77dda6ad019d0cac08ba7fd02bdb5b4316ef7",class:`${d}__slot--content`},s("slot",{key:"45edff410ccae95620e2af87904198173e2d39e4",name:"content"})),s("div",{key:"a397ee8196c39e671e669c16ea09af21043ac2eb",class:`${d}__slot--footer`},s("slot",{key:"42b960398fbf2bfd01bb002277db033c3f5e4298",name:"footer"}))),s("div",{key:"1d2159b8fe99a68ca17f0505f144fdd1829fe877",class:{[`${d}__image-container`]:!0,[`${d}__image-container--has-image`]:this.hasImageSlot}},s("slot",{key:"5cb49383eb2f46625978789a6947323af8635e10",name:"image",onSlotchange:()=>this.checkImageSlot()})))}};o([s("ds-icon",{dsName:""})]),h.style='.sc-ds-card-h{display:block}.ds-card__Yxqs6o.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__Yxqs6o--fluid-height.sc-ds-card{height:100%}.ds-card__Yxqs6o.ds-card__Yxqs6o--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__Yxqs6o.ds-card__Yxqs6o--link--full.sc-ds-card:hover .ds-card__Yxqs6o__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__Yxqs6o.ds-card__Yxqs6o--link--full.sc-ds-card:hover .ds-card__Yxqs6o__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__Yxqs6o.ds-card__Yxqs6o--link--full.sc-ds-card:hover .ds-card__Yxqs6o__link--heading.sc-ds-card{text-decoration:none}.ds-card__Yxqs6o.ds-card__Yxqs6o--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__Yxqs6o.ds-card__Yxqs6o--link--full.sc-ds-card:active .ds-card__Yxqs6o__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__Yxqs6o.ds-card__Yxqs6o--link--full.sc-ds-card:active .ds-card__Yxqs6o__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__Yxqs6o.ds-card__Yxqs6o--link--full.sc-ds-card:active .ds-card__Yxqs6o__link--heading.sc-ds-card{text-decoration:none}.ds-card__Yxqs6o.ds-card__Yxqs6o--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__Yxqs6o.sc-ds-card .ds-card__Yxqs6o__link--full.sc-ds-card:after{content:"";position:absolute;inset:0}.ds-card__Yxqs6o--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__Yxqs6o--horizontal.sc-ds-card{display:grid;grid-template:"image content" auto "image contentBottom" auto/auto 1fr}.ds-card__Yxqs6o--horizontal.sc-ds-card .ds-card__Yxqs6o__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__Yxqs6o--horizontal.sc-ds-card .ds-card__Yxqs6o__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__Yxqs6o--horizontal.sc-ds-card .ds-card__Yxqs6o__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__Yxqs6o--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__Yxqs6o__image-container.sc-ds-card{display:none}.ds-card__Yxqs6o__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__Yxqs6o.sc-ds-card:not(.ds-card__Yxqs6o--vertical) .ds-card__Yxqs6o__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__Yxqs6o.sc-ds-card:not(.ds-card__Yxqs6o--horizontal) .ds-card__Yxqs6o__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__Yxqs6o--link--full.sc-ds-card .ds-card__Yxqs6o__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__Yxqs6o__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__Yxqs6o__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__Yxqs6o__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__Yxqs6o__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__Yxqs6o__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__Yxqs6o__content--bottom.sc-ds-card{order:4}.ds-card__Yxqs6o__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__Yxqs6o__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__Yxqs6o__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__Yxqs6o__heading.sc-ds-card .ds-card__Yxqs6o__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__Yxqs6o__heading.sc-ds-card .ds-card__Yxqs6o__link.sc-ds-card:not(.ds-card__Yxqs6o__link--full):hover,.ds-card__Yxqs6o__heading.sc-ds-card .ds-card__Yxqs6o__link.sc-ds-card:not(.ds-card__Yxqs6o__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__Yxqs6o__heading.sc-ds-card .ds-card__Yxqs6o__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__Yxqs6o__heading.sc-ds-card .ds-card__Yxqs6o__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__Yxqs6o__subtitle.sc-ds-card,.ds-card__Yxqs6o__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__Yxqs6o__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__Yxqs6o__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__Yxqs6o__slot-subtitle--hidden.sc-ds-card{display:none}';export{h as ds_card}

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

@@ -1 +0,0 @@
-import{h as t,r as e,c as a,d as s,f as r,F as i}from"./p-Drf28bhP.js";import{c as d}from"./p-BfTCfPZ1.js";import{q as o,u as n,x as c,g as l,a as _,v as x}from"./p-B4cBPRL4.js";import{i as h,d as b,b as v,t as u,a as f}from"./p-J5Ghj1_T.js";import{b as g,i as q}from"./p-DfbgRyXR.js";import{c as Y}from"./p-DOCjrE2r.js";import{a as y}from"./p-CLNvzo86.js";import"./p-Di_1NYQP.js";const m=h("ds-text-area"),p=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=m.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={...q(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}),y);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:x(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=Y("ds-text-area"),o=`${r}__container`,{"aria-label":n,"aria-labelledby":c,"aria-describedby":l,..._}=this.inheritedAttributes,x=this.dsAriaLabel||n,h=this.dsAriaLabelledby||c,b=this.dsAriaDescribedby||l;return t(i,{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:d(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:d(`${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",x),...f("aria-labelledby",h),...f("aria-describedby",b||d({[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:d(`${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:d(`${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)]),p.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__Yxqs6o__container--full-width){width:100%}.ds-text-area__Yxqs6o__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__Yxqs6o__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__Yxqs6o__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__Yxqs6o__container.ds-text-area__Yxqs6o__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__Yxqs6o__container.ds-text-area__Yxqs6o__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__Yxqs6o__container.ds-text-area__Yxqs6o__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__Yxqs6o__container.ds-text-area__Yxqs6o__container--invalid.ds-text-area__Yxqs6o__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__Yxqs6o__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__Yxqs6o__container--valid.sc-ds-text-area:hover:not(.ds-text-area__Yxqs6o__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__Yxqs6o__container--valid.ds-text-area__Yxqs6o__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__Yxqs6o__container--readonly.sc-ds-text-area,.ds-text-area__Yxqs6o__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__Yxqs6o__container.sc-ds-text-area:focus-within:not(.ds-text-area__Yxqs6o__container.ds-text-area__Yxqs6o__container--invalid,.ds-text-area__Yxqs6o__container.ds-text-area__Yxqs6o__container--valid.sc-ds-text-area,.ds-text-area__Yxqs6o__container.ds-text-area__Yxqs6o__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__Yxqs6o__container.sc-ds-text-area:hover:not(.ds-text-area__Yxqs6o__container.ds-text-area__Yxqs6o__container--disabled,.ds-text-area__Yxqs6o__container.ds-text-area__Yxqs6o__container--readonly.sc-ds-text-area,.ds-text-area__Yxqs6o__container.ds-text-area__Yxqs6o__container--active.sc-ds-text-area,.ds-text-area__Yxqs6o__container.ds-text-area__Yxqs6o__container--invalid.sc-ds-text-area,.ds-text-area__Yxqs6o__container.ds-text-area__Yxqs6o__container--valid.sc-ds-text-area,.ds-text-area__Yxqs6o__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__Yxqs6o__container.active.sc-ds-text-area:not(.ds-text-area__Yxqs6o__container.ds-text-area__Yxqs6o__container--disabled,.ds-text-area__Yxqs6o__container.ds-text-area__Yxqs6o__container--readonly.sc-ds-text-area,.ds-text-area__Yxqs6o__container.ds-text-area__Yxqs6o__container--invalid.sc-ds-text-area,.ds-text-area__Yxqs6o__container.ds-text-area__Yxqs6o__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__Yxqs6o__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__Yxqs6o__external-button.sc-ds-text-area,.ds-text-area__Yxqs6o.sc-ds-text-area-s>[slot=suffix],.ds-text-area__Yxqs6o .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__Yxqs6o__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__Yxqs6o__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__Yxqs6o__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__Yxqs6o__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__Yxqs6o__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block}.ds-text-area__Yxqs6o__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__Yxqs6o__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__Yxqs6o__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__Yxqs6o__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__Yxqs6o__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__Yxqs6o__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__Yxqs6o__textarea--resize-auto.sc-ds-text-area,.ds-text-area__Yxqs6o__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__Yxqs6o__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__Yxqs6o__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__Yxqs6o__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__Yxqs6o__textarea--full-width.sc-ds-text-area{width:100%}";export{p as ds_text_area}

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

@@ -1 +0,0 @@
-import{h as e,r as s,c as i,d as t}from"./p-Drf28bhP.js";import{c as d}from"./p-DOCjrE2r.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-Di_1NYQP.js";const _=class{constructor(e){s(this,e),this.dsLoad=i(this,"dsLoad"),this.dsError=i(this,"dsError")}inheritedAttributes={};dsSrc;dsType;dsAlt;dsPoster;dsAutoplay=!1;dsLoop=!1;dsMuted=!0;dsUseLazy=!0;dsAspectRatio="";dsFluid=!1;get el(){return t(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 i=e.target;if(i.error)switch(i.error.code){case i.error.MEDIA_ERR_ABORTED:s=this.loadAbortedError;break;case i.error.MEDIA_ERR_NETWORK:s=this.loadNetworkError;break;case i.error.MEDIA_ERR_DECODE:s=this.loadDecodeError;break;case i.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 i of s){const s=e.match(i);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("/"),i=2===s.length?`${s[0]} / ${s[1]}`:this.dsAspectRatio,t=d("ds-media");return e("div",{key:"5f6f41714fa77e0e7ac0562532d426e8f50563d7",class:{[t]:!0,[`${t}--loading`]:this.isLoading,[`${t}--error`]:this.hasError,[`${t}--image`]:"image"===this.dsType,[`${t}--video`]:"video"===this.dsType,[`${t}--youtube`]:"youtube"===this.dsType,[`${t}--fluid`]:this.dsFluid},style:{"--ds-media-aspect-ratio":i}},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__Yxqs6o{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__Yxqs6o .ds-media__image,.ds-media__Yxqs6o .ds-media__video,.ds-media__Yxqs6o .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__Yxqs6o .ds-media__image--fluid,.ds-media__Yxqs6o .ds-media__video--fluid,.ds-media__Yxqs6o .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__Yxqs6o__youtube{border:none;object-fit:initial}.ds-media__Yxqs6o--loading .ds-media__image,.ds-media__Yxqs6o--loading .ds-media__video{opacity:0}.ds-media__Yxqs6o--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__Yxqs6o--error .ds-media__image,.ds-media__Yxqs6o--error .ds-media__video{display:none}.ds-media__Yxqs6o--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__Yxqs6o--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__Yxqs6o--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__Yxqs6o--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__Yxqs6o--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__Yxqs6o--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__Yxqs6o--fluid{width:100%;height:100%}.ds-media__Yxqs6o--fluid .ds-media__Yxqs6o__image,.ds-media__Yxqs6o--fluid .ds-media__Yxqs6o__video,.ds-media__Yxqs6o--fluid .ds-media__Yxqs6o__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__Yxqs6o{border-radius:2px}.ds-media__Yxqs6o__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__Yxqs6o__loading-text{font-size:12px}.ds-media__Yxqs6o__error-icon{width:40px;height:40px}.ds-media__Yxqs6o__error-text{font-size:12px}}";export{_ as ds_media}

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

@@ -1 +0,0 @@
-import{M as s,r as i,c as t,d as e,f as o,h as n}from"./p-Drf28bhP.js";import{c as l}from"./p-BfTCfPZ1.js";import{b as r,i as a}from"./p-DfbgRyXR.js";import{o as d,v as h}from"./p-BcvA5o-o.js";import{i as c,t as _,a as x,d as k}from"./p-J5Ghj1_T.js";import{l as f}from"./p-Bvrn9SsD.js";import{a as v}from"./p-AMaSS0ZB.js";import{c as b}from"./p-DOCjrE2r.js";import"./p-Di_1NYQP.js";const u=c("visually-hidden-assistive-text"),m={"2xLarge":"1.375rem",xLarge:"1.25rem",large:"1.125rem",medium:"1rem",small:"0.875rem",xSmall:"0.75rem"},g=class extends(s(f,v)){constructor(s){super(),i(this,s),this.dsClick=t(this,"dsClick")}inheritedAttributes={};visuallyHiddenAssistiveTextId=u.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=d(s)?{icon:"open_in_new",rel:"noopener noreferrer"}:null}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...a(this,this.el),...r(this.el)},this.setTargetBlank(this.dsTarget)}onTargetChanged(s){this.setTargetBlank(s)}ariaLabelObserver(s){this.inheritedAttributes={...this.inheritedAttributes,"aria-label":s},o(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}),o=m[this.dsSize]??"1rem",r=_("ds-icon","ds-link",this.el);return n(r,{dsName:i,class:e,dsSize:o,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=b("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":o,...r}=this.inheritedAttributes,a=this.dsAriaLabelledby||o;return n(this.dsTag,{key:"ce275927797fedae063d1df9e588b688a0268288",ref:s=>this.linkRef=s,part:"link",class:i,...x("aria-label",this.dsAriaLabel||e),...x("aria-labelledby",a),...r,...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)),d(this.dsTarget)&&n(t,{key:"ed5efb6ba22092114f5a31628faff9af0188712b",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},h()))}static get watchers(){return{dsTarget:["onTargetChanged"],"aria-label":["ariaLabelObserver"]}}};k([n("ds-icon",{dsName:""}),n("ds-visually-hidden",null)]),g.style=":host{display:inline}:host:has(.ds-link__Yxqs6o--standalone){display:inline-block}.ds-link__Yxqs6o: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__Yxqs6o{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__Yxqs6o--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__Yxqs6o--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__Yxqs6o--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__Yxqs6o--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__Yxqs6o--large{font-size:var(--ds-fontSize-18)}.ds-link__Yxqs6o--medium{font-size:var(--ds-fontSize-16)}.ds-link__Yxqs6o--small{font-size:var(--ds-fontSize-14)}.ds-link__Yxqs6o--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__Yxqs6o__icon{display:inline-block;vertical-align:-0.125em}.ds-link__Yxqs6o__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__Yxqs6o__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__Yxqs6o__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__Yxqs6o__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__Yxqs6o:hover,.ds-link__Yxqs6o:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__Yxqs6o:hover{color:var(--ds-textColor-link-hover)}.ds-link__Yxqs6o:active{color:var(--ds-textColor-link-active)}.ds-link__Yxqs6o:visited{color:var(--ds-textColor-link-visited)}.ds-link__Yxqs6o--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__Yxqs6o--standalone:hover,.ds-link__Yxqs6o--standalone:active{text-decoration-line:underline}.ds-link__Yxqs6o--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__Yxqs6o--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__Yxqs6o--standalone:focus-visible{color:var(--ds-textColor-link)}.ds-link__Yxqs6o--standalone:visited{color:var(--ds-textColor-link)}.ds-link__Yxqs6o--colour-white{color:var(--ds-textColor-white)}.ds-link__Yxqs6o--colour-white:hover,.ds-link__Yxqs6o--colour-white:active,.ds-link__Yxqs6o--colour-white:visited,.ds-link__Yxqs6o--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__Yxqs6o--colour-black{color:var(--ds-textColor-default)}.ds-link__Yxqs6o--colour-black:hover,.ds-link__Yxqs6o--colour-black:active,.ds-link__Yxqs6o--colour-black:visited,.ds-link__Yxqs6o--colour-black:focus-visible{color:var(--ds-textColor-default)}";export{g as ds_link}

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

@@ -1 +0,0 @@
-import{r as a,d as s,h as t}from"./p-Drf28bhP.js";import{c as i}from"./p-BfTCfPZ1.js";import{c as o}from"./p-DOCjrE2r.js";import{p as e}from"./p-B4cBPRL4.js";import{a as n,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-Cv-J8Eqq.js";import{s as x,p as f}from"./p-B-jfWeRN.js";import"./p-Di_1NYQP.js";import"./p-J5Ghj1_T.js";const u=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:n(),ellipsis:e()};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();x(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:n(),ellipsis:e()}}render(){const a=o("ds-pagination"),s=i(a,`${a}--${this.dsVariant}`,`${a}--${this.dsLayout}`),e="small"===this.dsVariant?"var(--ds-fontSize-16)":"var(--ds-fontSize-18)",n="small"===this.dsVariant?"var(--ds-spacing-large)":"calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall))";return t("nav",{key:"fcbeb675529beeb52a2c27e6f5fcb09ddcc52f8b",class:s,"aria-label":this.dsAriaLabel||h(),style:{"--ds-pagination-font-size":e,"--ds-link-cta-min-width":n}},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"]}}};u.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__Yxqs6o{display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__Yxqs6o__compact slot,.ds-pagination__Yxqs6o__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__Yxqs6o--compact .ds-pagination__Yxqs6o__compact,.ds-pagination__Yxqs6o--auto .ds-pagination__Yxqs6o__compact{width:100%}@media (min-width: 30rem){.ds-pagination__Yxqs6o--compact .ds-pagination__Yxqs6o__compact,.ds-pagination__Yxqs6o--auto .ds-pagination__Yxqs6o__compact{width:auto}}.ds-pagination__Yxqs6o--compact .ds-pagination__Yxqs6o__compact slot,.ds-pagination__Yxqs6o--auto .ds-pagination__Yxqs6o__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__Yxqs6o ::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__Yxqs6o--compact .ds-pagination__Yxqs6o__full{display:none}.ds-pagination__Yxqs6o--full .ds-pagination__Yxqs6o__compact{display:none}.ds-pagination__Yxqs6o--auto .ds-pagination__Yxqs6o__full{display:none}@media (min-width: 60rem){.ds-pagination__Yxqs6o--auto .ds-pagination__Yxqs6o__full{display:contents}.ds-pagination__Yxqs6o--auto .ds-pagination__Yxqs6o__compact{display:none}}";export{u as ds_pagination}

package/dist/component-library/p-eb198a91.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-Drf28bhP.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-DOCjrE2r.js";import{b,i as v}from"./p-DfbgRyXR.js";import{S as m,F as g}from"./p-CLNvzo86.js";import{m as x,z as f,b as y,e as w,l as q,w as Y,f as k,r as C,h as O}from"./p-B4cBPRL4.js";import{m as S}from"./p-_WHkCWjy.js";import"./p-Di_1NYQP.js";const $=n("ds-options"),I=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=$.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?x():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"]}}};I.style=".ds-options__Yxqs6o__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__Yxqs6o.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__Yxqs6o.sc-ds-options:focus{outline:none}.ds-options__Yxqs6o__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__Yxqs6o__top-scrim.sc-ds-options,.ds-options__Yxqs6o__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__Yxqs6o__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__Yxqs6o__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__Yxqs6o.has-top-scrim.sc-ds-options .ds-options__Yxqs6o__top-scrim.sc-ds-options{display:block}.ds-options__Yxqs6o.has-bottom-scrim.sc-ds-options .ds-options__Yxqs6o__bottom-scrim.sc-ds-options{display:block}.ds-options__Yxqs6o.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__Yxqs6o.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";const L=n("ds-select"),A={dsPlaceholder:f},D=(s,t)=>t||A[s](),T=class extends(o(S)){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=L.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:f()};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:D("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]:D(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||q()):"dsOptionsError"===e&&s&&this.appendFeedback(e,this.dsOptionsErrorText||`${Y()} ${k()}`)}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=C(!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:O()})),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)]),T.style=".sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){:not(:has(.ds-select__Yxqs6o--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__Yxqs6o-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__Yxqs6o-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__Yxqs6o-custom-wrapper.sc-ds-select{position:relative}.ds-select__Yxqs6o-custom.sc-ds-select .ds-options__Yxqs6o.sc-ds-select{display:block}.ds-select__Yxqs6o-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__Yxqs6o-custom-input-container.sc-ds-select:has(.ds-select__Yxqs6o-custom__clear-button:hover) .ds-select__Yxqs6o-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__Yxqs6o-custom.sc-ds-select:not(.ds-select__Yxqs6o-custom--open,.ds-select__Yxqs6o-custom--invalid.sc-ds-select,.ds-select__Yxqs6o-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__Yxqs6o-custom.sc-ds-select:active:not(.ds-select__Yxqs6o-custom--open,.ds-select__Yxqs6o-custom--invalid.sc-ds-select,.ds-select__Yxqs6o-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__Yxqs6o-custom--open.sc-ds-select,.ds-select__Yxqs6o-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__Yxqs6o-custom--open.sc-ds-select:not(.ds-select__Yxqs6o-custom--open--invalid,.ds-select__Yxqs6o-custom.sc-ds-select:focus-visible--invalid),.ds-select__Yxqs6o-custom.sc-ds-select:focus-visible:not(.ds-select__Yxqs6o-custom--open--invalid,.ds-select__Yxqs6o-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__Yxqs6o-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__Yxqs6o-custom--disabled.sc-ds-select .ds-select__Yxqs6o-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__Yxqs6o-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__Yxqs6o-custom--invalid.sc-ds-select:not(.ds-select__Yxqs6o-custom--invalid--open,.ds-select__Yxqs6o-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__Yxqs6o-custom--invalid.sc-ds-select:not(.ds-select__Yxqs6o-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__Yxqs6o-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__Yxqs6o-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__Yxqs6o-custom--has-icon.sc-ds-select .ds-select__Yxqs6o-custom__selected-option.sc-ds-select{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__Yxqs6o-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__Yxqs6o-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ds-textColor-default)}.ds-select__Yxqs6o-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__Yxqs6o-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__Yxqs6o-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__Yxqs6o-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__Yxqs6o-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__Yxqs6o-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__Yxqs6o-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__Yxqs6o-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__Yxqs6o-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__Yxqs6o-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__Yxqs6o-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__Yxqs6o-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__Yxqs6o-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__Yxqs6o-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__Yxqs6o-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__Yxqs6o-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__Yxqs6o-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__Yxqs6o-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__Yxqs6o-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__Yxqs6o-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{I as ds_options,T as ds_select}