@uh-design-system/component-library 1.4.0 → 1.5.0

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

@@ -0,0 +1 @@
+import{r as t,h as s,H as e}from"./p-CekDlrI5.js";const l=class{constructor(s){t(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(e,{key:"179c2633843b0584919beb9efd6f38cc30115b88",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"4f6ed0eacaeed5cccd335d5f02f76b7bd588bcbd",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"f05af1297f23b4aad3bcfc2cb376a50381acd520",d:"m366-55-21-134q-13-4-29.5-13.5T288-221l-125 58L47-368l114-83q-1-6-1.5-14.5T159-480q0-6 .5-14.5T161-509L47-593l116-203 127 57q10-8 26-17t29-13l21-137h228l21 136q13 5 29.5 13.5T672-739l126-57 115 203-115 82q1 7 2 15.5t1 15.5q0 7-1 15t-2 15l115 82-116 205-126-58q-11 9-26.5 18.5T615-189L594-55H366Zm112-295q54 0 92-38t38-92q0-54-38-92t-92-38q-54 0-92 38t-38 92q0 54 38 92t92 38Z"})))}};export{l as ds_icon_settings_fill}

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

@@ -0,0 +1 @@
+import{r as s,h as e,H as t}from"./p-CekDlrI5.js";const i=class{constructor(e){s(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(t,{key:"ef165ebc4777ca7d4727a16c27bd59b5429dbbaf",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"df4fa63c873cdcab2ce25650cec4883253065992",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:"d25748458108f190c10f89d3fadd120b7ba76c8e",d:"m417-302 300-302-63-64-237 238-110-110-63 64 173 174ZM95-95v-771h771v771H95Z"})))}};export{i as ds_icon_check_box_fill}

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

@@ -0,0 +1 @@
+import{r as e,h as s,H as t}from"./p-CekDlrI5.js";const i=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"1e19b2e2f05b515fa9a657b837b83c1d080ec054",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"890f19ef9cf0878ac3b1123b40b31e3f7fcee408",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"177bcab573e39c6e8833b120af97b4e6ba5aadfb",d:"m209-217 102-174q-5 1-11 1.5t-11 .5q-68-6-112.5-55.5T132-560q0-73.35 50.82-123.67Q233.65-734 307-734q72 0 122.5 50.33Q480-633.35 480-560q0 21-5.25 41.5T460-480L309-217H209Zm388 0 101-174q-5 1-11 1.5t-11 .5q-68-6-112-55.5T520-560q0-73.35 50.33-123.67Q620.65-734 694-734q72 0 123 50.33 51 50.32 51 123.67 0 21-5.25 41.5T848-480L696-217h-99Z"})))}};export{i as ds_icon_format_quote_fill}

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

@@ -0,0 +1 @@
+import{r as e,h as s,H as a}from"./p-CekDlrI5.js";const t=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(a,{key:"81efc048d1a700e81a6b37f1c8ba5bd037a29e6d",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"a3c11fe2ba20f3aace888875233c29830c55bd4e",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"e534a8437fa862ae03753914d06317d5feaabfcd",d:"m147-79-68-68 130-130H95v-94h276v276h-94v-114L147-79Zm666 0L684-209v114h-95v-276h277v94H751l130 130-68 68ZM95-589v-95h114L79-813l68-68 130 130v-115h94v277H95Zm494 0v-277h95v115l130-131 68 68-131 130h115v95H589Z"})))}};export{t as ds_icon_zoom_in_map}

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

@@ -0,0 +1 @@
+import{r as e,h as s,H as t}from"./p-CekDlrI5.js";const a=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"6851d69aac135606b319de5683828fa1e3f12782",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"9050eaeb0612b231cf8485da56c61fe0adb2a94e",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"7bd7dfa284e75e99dd8cd05016039244a6ee288c",d:"m250-221-67-67 395-395H224v-94h515v514h-95v-353L250-221Z"})))}};export{a as ds_icon_arrow_outward}

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

@@ -0,0 +1 @@
+import{r as t,h as e,H as s}from"./p-CekDlrI5.js";const i=class{constructor(e){t(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(s,{key:"6b0dc66debf82424db49f76a1e8c8f5a08f888e3",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"78bef36016346221ac7286c00454f063629e5cd9",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:"fe0e6f9b35f1cd7f4789f420ae1d245e4ed2241e",d:"m634-432-77-76q21-44-12.5-69t-62.5-6l-70-71q15-8 33-12t35-4q71 0 120.5 49.5T650-500q0 16-4 36t-12 32Zm148 150-55-56q44-35 76.5-77t52.5-85q-52-110-150.5-175T490-740q-42 0-82 7t-59 16l-66-66q35-16 92.5-28T485-823q147 0 272 85t186 238q-25 66-67.5 121.5T782-282Zm25 227L653-207q-35 14-80 22t-93 8q-151 0-276.5-85.5T17-500q18-51 55-103t86-100L35-824l50-52 769 769-47 52ZM216-646q-36 29-66 68.5T104-500q52 111 153 175.5T488-260q27 0 55.5-3t44.5-11l-64-64q-8 4-20.5 6t-23.5 2q-70 0-120-49t-50-121q0-11 1.5-23t4.5-21L216-646Zm323 128Zm-137 69Z"})))}};export{i as ds_icon_visibility_off}

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

@@ -0,0 +1 @@
+import{r as s,h as e,H as i}from"./p-CekDlrI5.js";const t=class{constructor(e){s(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(i,{key:"dfff6c2a5a7f2993217c7553845d3d910372714e",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"4eb9e76919fa71c261e8936510c02d0845a718d7",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:"bccf33a0d4563a611ba53da88ea21d9d0ec1c2d4",d:"m18-107 462-799 462 799H18Zm466.18-132q13.4 0 23.61-10.39Q518-259.78 518-273.18q0-13.4-10.39-23.11-10.39-9.71-23.79-9.71-13.4 0-23.61 9.89Q450-286.22 450-272.82q0 13.4 10.39 23.61Q470.78-239 484.18-239ZM454-348h60v-216h-60v216Z"})))}};export{t as ds_icon_warning_fill}

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

@@ -0,0 +1 @@
+import{r as s,h as t,H as e}from"./p-CekDlrI5.js";const a=class{constructor(t){s(this,t)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return t(e,{key:"73427dee8592c3a0d3afcac82f5a857a3ff41b79",style:{display:"flex"},title:this.dsTitle},t("svg",{key:"eb5dc67d96f21b7e7b42b291f15b9b68821ab5cf",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},t("path",{key:"5260dbde70f655cacca19462b3727df70334d960",d:"M442-511 111-728v419h478v94H17v-691h851v335h-95v-157L442-511Zm0-87 331-213H111l331 213ZM798-47q-63 0-106-44.95T649-200v-224q0-38.04 26.76-65.02Q702.52-516 741.27-516q37.91 0 63.82 26.98Q831-462.04 831-424v230h-71v-233q0-11.2-4.5-19.6Q751-455 741-455t-15.5 8.4q-5.5 8.4-5.5 19.6v229q0 36.18 21.38 62.59Q762.75-109 797.88-109 831-109 851-134.5t20-59.5v-203h72v203q0 60.62-42 103.81Q859-47 798-47ZM111-728v-83 502-419Z"})))}};export{a as ds_icon_attach_email}

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

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

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

@@ -0,0 +1 @@
+import{r as e,h as s,H as i}from"./p-CekDlrI5.js";const d=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(i,{key:"e316d67e2919fbd8acafbe3e25fea3c5004d1bb0",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"d86b5139485ee4e392b47525adfe754095a03c14",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"51413ad66c3d48d34058178cf3602994c1f5eafc","fill-rule":"evenodd","clip-rule":"evenodd",d:"M21 3C15 3 9 2.99982 3 3.00006V21C9 21 15 21 21 21C21 15 21 9 21 3ZM5.77232 18.4286V9.83839H8.4442V18.4286H5.77232ZM5.55937 7.1183C5.55937 6.26652 6.25045 5.57143 7.10625 5.57143C7.95804 5.57143 8.65312 6.26652 8.65312 7.1183C8.65312 7.97411 7.96205 8.66518 7.10625 8.66518C6.25045 8.66518 5.55937 7.97009 5.55937 7.1183ZM15.7728 18.4286V14.25C15.7728 13.2536 15.7527 11.9719 14.3866 11.9719C12.9964 11.9719 12.7835 13.0567 12.7835 14.1777V18.4286H10.1156V9.83839H12.675V11.0116H12.7112C13.0688 10.3366 13.9406 9.62545 15.2384 9.62545C17.9384 9.62545 18.4406 11.4054 18.4406 13.7196V18.4286H15.7728Z"})))}};export{d as ds_icon_linkedin}

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

@@ -0,0 +1 @@
+import{r as e,h as s,H as t}from"./p-CekDlrI5.js";const a=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"df2d48a4f500e03084ea502f8a75d03d899ec427",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"217038daf6bfac9ebe060a99b51c521c1346267a",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"17af06289a642d19df3d9d9276fec75f49fede76",d:"M339.44-137q-33.87 0-58.16-24.12-24.28-24.13-24.28-58 0-33.88 24.12-57.38 24.13-23.5 58-23.5 33.88 0 57.38 23.34t23.5 57.22q0 33.87-23.34 58.16Q373.32-137 339.44-137Zm282.36 0q-33.88 0-57.84-24.12-23.96-24.13-23.96-58 0-33.88 23.95-57.38 23.96-23.5 57.6-23.5 34.05 0 57.75 23.34 23.7 23.34 23.7 57.22 0 33.87-23.66 58.16Q655.67-137 621.8-137ZM339.44-399q-33.87 0-58.16-23.95Q257-446.91 257-480.55 257-515 281.12-538q24.13-23 58-23 33.88 0 57.38 23.09t23.5 57.04q0 33.95-23.34 57.91Q373.32-399 339.44-399Zm282.36 0q-33.88 0-57.84-23.95Q540-446.91 540-480.55 540-515 563.95-538q23.96-23 57.6-23 34.05 0 57.75 23.09 23.7 23.09 23.7 57.04t-23.66 57.91Q655.67-399 621.8-399ZM339.44-660q-33.87 0-58.16-23.95Q257-707.91 257-741.55q0-34.05 24.12-57.75 24.13-23.7 58-23.7 33.88 0 57.38 23.66Q420-775.67 420-741.8q0 33.88-23.34 57.84T339.44-660Zm282.36 0q-33.88 0-57.84-23.95Q540-707.91 540-741.55q0-34.05 23.95-57.75 23.96-23.7 57.6-23.7 34.05 0 57.75 23.66Q703-775.67 703-741.8q0 33.88-23.66 57.84Q655.67-660 621.8-660Z"})))}};export{a as ds_icon_drag_indicator}

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

@@ -0,0 +1 @@
+import{g as t}from"./p-CXzDhu-0.js";const e=(t,e,r=1)=>{const a=new Date(0);return a.setFullYear(t,e,r),a.setHours(0,0,0,0),a},r=t=>{if(!t)return null;const r=t.split("-");if(r.length<3)return null;let a,n,u;""===r[0]?(a=-parseInt(r[1],10),n=r[2],u=r[3]):(a=parseInt(r[0],10),n=r[1],u=r[2]);const s=parseInt(n,10),i=parseInt(u,10);return isNaN(a)||isNaN(s)||isNaN(i)?null:e(a,s-1,i)},a=t=>`${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,"0")}-${String(t.getDate()).padStart(2,"0")}`,n=t=>{if(!t)return"";const e=r(t);return e?`${e.getDate()}.${e.getMonth()+1}.${e.getFullYear()}`:""},u=t=>{if(!t)return null;const r=t.split(/[.\-/]/);if(3!==r.length)return null;let a,n,u;if(4!==r[0].length||isNaN(parseInt(r[0],10))?(a=parseInt(r[0],10),n=parseInt(r[1],10),u=parseInt(r[2],10)):(u=parseInt(r[0],10),n=parseInt(r[1],10),a=parseInt(r[2],10)),isNaN(a)||isNaN(n)||isNaN(u))return null;if(a<1||a>31||n<1||n>12)return null;const s=e(u,n-1,a);return s.getDate()!==a||s.getMonth()!==n-1||s.getFullYear()!==u?null:`${u.toString().padStart(4,"0")}-${n.toString().padStart(2,"0")}-${a.toString().padStart(2,"0")}`},s=(t,e)=>{const n=new Date(t);if(n.setHours(0,0,0,0),e.min){const t=r(e.min);if(t&&n<t)return!0}if(e.max){const t=r(e.max);if(t&&n>t)return!0}if(e.disabledDates&&e.disabledDates.length>0){const t=a(n);if(e.disabledDates.includes(t))return!0}return!1},i=(t,e)=>{if(!e)return!1;const a=r(e);if(!a)return!1;const n=new Date(t);return n.setHours(0,0,0,0),n.getTime()===a.getTime()},o=(t,r)=>{const a=e(t,r,1),n=e(t,r+1,0),u=(a.getDay()+6)%7,s=0===u?7:u,i=[],o=e(t,r,0).getDate();for(let a=s-1;a>=0;a--){const n=o-a;i.push({day:n,isCurrentMonth:!1,isToday:!1,date:e(t,r-1,n)})}const l=new Date;l.setHours(0,0,0,0);for(let a=1;a<=n.getDate();a++){const n=e(t,r,a);i.push({day:a,isCurrentMonth:!0,isToday:n.getTime()===l.getTime(),date:n})}const c=42-i.length;for(let a=1;a<=c;a++)i.push({day:a,isCurrentMonth:!1,isToday:!1,date:e(t,r+1,a)});return i},l=(t,e)=>{const r=(new Date).getFullYear(),a=e??r+100,n=[];for(let e=t??r-100;e<=a;e++)n.push(e);return n},c=(t,r,a)=>{const n=e(t,r+1,0).getDate();for(let u=1;u<=n;u++){const n=e(t,r,u);if(!s(n,a))return n}return null},f=(t,r,a)=>{for(let n=e(t,r+1,0).getDate();n>=1;n--){const u=e(t,r,n);if(!s(u,a))return u}return null},m=t=>{const e=new Date;if(e.setHours(0,0,0,0),!s(e,t))return e;if(t.min){const e=r(t.min);if(e&&!s(e,t))return e;if(e){const r=new Date(e);for(let e=0;e<365;e++)if(r.setDate(r.getDate()+1),!s(r,t))return new Date(r)}}if(t.max){const e=r(t.max);if(e&&!s(e,t))return e;if(e){const r=new Date(e);for(let e=0;e<365;e++)if(r.setDate(r.getDate()-1),!s(r,t))return new Date(r)}}return e};function d(t,r,a){const n=e(r,t+("prev"===a?-1:1));return{month:n.getMonth(),year:n.getFullYear()}}function k(t){switch(t){case"ArrowUp":return-7;case"ArrowDown":return 7;case"ArrowLeft":return-1;case"ArrowRight":return 1;default:return 0}}function p(t,e,r,a=365){const n=new Date(t),u=Math.sign(e);if(n.setDate(n.getDate()+e),!s(n,r))return n;for(let t=1;t<a;t++)if(n.setDate(n.getDate()+u),!s(n,r))return n;return null}function y(t){const e=t.key;if(["Backspace","Delete","Tab","Escape","Enter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e))return;if((t.ctrlKey||t.metaKey)&&["a","c","v","x"].includes(e.toLowerCase()))return;if(!/^[0-9.\-/]$/.test(e))return void t.preventDefault();const r=/^[.\-/]$/;if(r.test(e)){const e=t.target,a=e.selectionStart??0,n=e.value[a-1];(0===a&&0===e.selectionEnd||n&&r.test(n))&&t.preventDefault()}}const v=(e,r,a)=>{switch(t()){case"fi":return e;case"sv":return r;default:return a}},h=(t,e)=>{if(!e)return t;const r=e.getDate(),a=A()[e.getMonth()],n=e.getFullYear();return v(`${t}, valittu päivämäärä: ${r}. ${a} ${n}`,`${t}, valt datum: ${r} ${a} ${n}`,`${t}, selected date: ${r} ${a} ${n}`)},w=t=>h(v("Avaa päivämäärävalitsin","Öppna datumväljare","Open date picker"),t),b=t=>h(v("Sulje päivämäärävalitsin","Stäng datumväljare","Close date picker"),t),g=()=>v("Käytä muotoa pp.kk.vvvv","Använd formatet dd.mm.åååå","Use format dd.mm.yyyy"),$=()=>v("Tämä päivämäärä ei ole valittavissa.","Detta datum är inte tillgängligt.","This date is not available."),j=()=>v(["tammikuu","helmikuu","maaliskuu","huhtikuu","toukokuu","kesäkuu","heinäkuu","elokuu","syyskuu","lokakuu","marraskuu","joulukuu"],["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"],["January","February","March","April","May","June","July","August","September","October","November","December"]),D=()=>v(["ma","ti","ke","to","pe","la","su"],["må","ti","on","to","fr","lö","sö"],["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]),N=()=>v(["maanantai","tiistai","keskiviikko","torstai","perjantai","lauantai","sunnuntai"],["måndag","tisdag","onsdag","torsdag","fredag","lördag","söndag"],["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"]),A=()=>v(["tammikuuta","helmikuuta","maaliskuuta","huhtikuuta","toukokuuta","kesäkuuta","heinäkuuta","elokuuta","syyskuuta","lokakuuta","marraskuuta","joulukuuta"],["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"],["January","February","March","April","May","June","July","August","September","October","November","December"]),S=()=>v("Näytä tänään","Visa idag","Show today"),M=()=>v("Tyhjennä","Rensa","Clear"),I=()=>v("Edellinen kuukausi","Föregående månad","Previous month"),T=()=>v("Seuraava kuukausi","Nästa månad","Next month"),C=()=>v("Kuukausi","Månad","Month"),F=()=>v("Vuosi","År","Year"),J=()=>v("Valitse kuukausi","Välj månad","Select month"),V=()=>v("Valitse vuosi","Välj år","Select year");export{i as A,A as B,N as C,S as D,M as E,k as F,r as a,m as b,b as c,g as d,a as e,e as f,l as g,y as h,s as i,c as j,p as k,n as l,$ as m,d as n,w as o,u as p,f as q,j as r,o as s,J as t,C as u,V as v,I as w,T as x,F as y,D as z}

package/dist/components/ds-accordion.js

@@ -1 +1 @@
-import{p as o,H as d,c as t,h as s,t as n}from"./p-D7drWwKe.js";import{c as r}from"./p-BfTCfPZ1.js";import{i as e,t as i,d as a}from"./p-J5Ghj1_T.js";import{c}from"./p-DgTb4Jpc.js";import{a as _,i as l}from"./p-BecId8t2.js";import{g as b}from"./p-J7Ct1MQ0.js";import{d as h}from"./p-Dib6BujO.js";import{d as p}from"./p-BRKwvv98.js";import{d as u}from"./p-B9VvQC9G.js";import{d as g}from"./p-tTA4zhDH.js";const m=e("ds-accordion"),v=o(class extends d{constructor(o){super(),!1!==o&&this.__registerHost(),this.dsToggle=t(this,"dsToggle",7)}inheritedAttributes={};get el(){return this}dsVariant="default";dsBorderAligned=!1;dsOpenByDefault=!1;dsId=m.next().value;dsHeadingLevel=2;dsUseCloseButton=!1;dsCloseButtonLabel;dsHideContentBorders=!1;dsHideTopBorder=!1;dsHideRightBorder=!0;dsHideBottomBorder=!1;dsHideLeftBorder=!0;dsHeadingVariant="button";dsAriaDescribedBy;dsAriaLabelledBy;dsHeaderHasBackground="expanded";dsContentHasBackground=!0;isExpanded=!1;dsToggle;async setIsExpanded(o){this.isExpanded=o}headerButtonRef;shouldMoveFocus=!1;get ariaLabelledBy(){return[this.dsId,this.dsAriaLabelledBy].filter(Boolean).join(" ")}get DsButton(){return i("ds-button","ds-accordion",this.el)}get DsIcon(){return i("ds-icon","ds-accordion",this.el)}get close(){switch(b()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}componentWillLoad(){this.dsOpenByDefault&&(this.isExpanded=!0),this.inheritedAttributes={...l(this.el),..._(this,this.el)}}watchHandler(o){!o&&this.shouldMoveFocus&&this.headerButtonRef&&(this.headerButtonRef.focus(),this.shouldMoveFocus=!1),this.dsToggle.emit(o)}handleClick=o=>{const d=o.target.closest(`.${c("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded};handleKeyDown=o=>{switch(o.key){case"Enter":case" ":{o.preventDefault();const d=o.target.closest(`.${c("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded;break}}};renderHeading(o){const d="button"===this.dsHeadingVariant?{role:"heading","aria-level":this.dsHeadingLevel}:{};return s("div",{class:r(o+"__title",{[o+"__title--with-background"]:"always"===this.dsHeaderHasBackground||"expanded"===this.dsHeaderHasBackground&&this.isExpanded,[o+"__title--border-aligned"]:this.dsBorderAligned,[o+"__title--hide-top-border"]:this.dsHideTopBorder,[o+"__title--hide-right-border"]:this.dsHideRightBorder,[o+"__title--hide-left-border"]:this.dsHideLeftBorder}),...d},"icon-button"===this.dsHeadingVariant&&s("div",{class:r(o+"__header-slot",`${o}__header-slot--${this.dsVariant}`,`${o}__header-slot--${this.dsHeadingVariant}`,{[o+"__header-slot--hide-top-border"]:this.dsHideTopBorder,[o+"__header-slot--hide-bottom-border"]:!this.isExpanded&&this.dsHideBottomBorder})},s("slot",{name:"header"})),s("div",{class:r(o+"__open-button-container")},s("button",{class:r(o+"__open-button",`${o}__open-button--${this.dsVariant}`,`${o}__open-button--${this.dsHeadingVariant}`,{[o+"__open-button--border-aligned"]:this.dsBorderAligned,[o+"__open-button--hide-bottom-border"]:(()=>"button"===this.dsHeadingVariant?this.isExpanded&&!this.dsHideContentBorders||this.dsHideBottomBorder:(!this.dsHideContentBorders||this.dsHideBottomBorder)&&!this.isExpanded&&this.dsHideBottomBorder)()}),onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-expanded":this.isExpanded?"true":"false","aria-controls":this.dsId+"-panel","aria-describedby":this.dsAriaDescribedBy,"aria-labelledby":this.ariaLabelledBy,id:this.dsId,ref:o=>this.headerButtonRef=o,type:"button"},s("span",{class:r(o+"__open-button__icon",`${o}__open-button__icon--${this.dsVariant}`),"aria-hidden":"true"},s(this.DsIcon,{dsSize:"1.5rem",dsName:this.isExpanded?"keyboard_arrow_up":"keyboard_arrow_down"})),"button"===this.dsHeadingVariant&&s("span",{class:r(o+"__open-button__header-slot",`${o}__open-button__header-slot--${this.dsVariant}`)},s("slot",{name:"header"})))))}render(){const o=c("ds-accordion");return s("div",{key:"b7cc6ef132e65aa26faa5d7c2a8271f0362bfb14",class:r(o,`${o}--${this.dsVariant}`,{[o+"--expanded"]:this.isExpanded}),...this.inheritedAttributes},s("div",{key:"3ab729eceba8129e9a085298d9508db96e301868",class:o+"__item"},this.renderHeading(o),s("div",{key:"4f784f836397c8390886b90ecd06aac1d0efe7bc",id:this.dsId+"-panel",role:"region","aria-labelledby":this.dsId,class:r(o+"__panel",`${o}__panel--${this.dsVariant}`,{[o+"__panel--expanded"]:this.isExpanded,[o+"__panel--with-background"]:this.dsContentHasBackground,[o+"__panel--hide-right-border"]:this.dsHideRightBorder||this.dsHideContentBorders,[o+"__panel--hide-left-border"]:this.dsHideLeftBorder||this.dsHideContentBorders}),hidden:!this.isExpanded},s("div",{key:"33614a6e82bfee93c85d48219136a3946073281e",class:r(o+"__content",{"ds-bodytext-lg":"default"===this.dsVariant,"ds-bodytext-md":"compact"===this.dsVariant,[o+"__content--border-aligned"]:this.dsBorderAligned,[o+"__content--with-background"]:this.dsContentHasBackground,[o+"__content--hide-bottom-border"]:this.dsHideBottomBorder||this.dsHideContentBorders,[o+"__content--has-close-button"]:this.dsUseCloseButton})},s("slot",{key:"6fb4699c56d9e68e608ba3ee8b9d0cd9e1b8e204",name:"content"}),this.dsUseCloseButton&&s(this.DsButton,{key:"e1cee8daae139e312c12d9102dd5d400b7ee7940",id:this.dsId+"-close-button",class:o+"__close-button",dsVariant:"supplementary",dsColour:"black",dsIcon:"keyboard_arrow_up",dsIconPosition:"start",onClick:this.handleClick,onKeyDown:this.handleKeyDown,dsText:this.dsCloseButtonLabel||this.close,dsSize:"small",dsType:"button"})))))}static get watchers(){return{isExpanded:[{watchHandler:0}]}}static get style(){return'.ds-accordion__SPFJ1E.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__SPFJ1E__title.sc-ds-accordion{position:relative;display:flex;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__SPFJ1E__title.sc-ds-accordion:not(.ds-accordion__SPFJ1E__title--hide-top-border) .ds-accordion__SPFJ1E__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__SPFJ1E__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__SPFJ1E__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__SPFJ1E__title--border-aligned.ds-accordion__SPFJ1E__title--with-background.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__SPFJ1E__title--border-aligned.ds-accordion__SPFJ1E__title--with-background.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__SPFJ1E__title--with-background.sc-ds-accordion .ds-accordion__SPFJ1E__open-button.sc-ds-accordion:not(.ds-accordion__SPFJ1E__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__SPFJ1E__title--with-background.sc-ds-accordion:has(.ds-accordion__SPFJ1E__open-button.ds-accordion__SPFJ1E__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__SPFJ1E__title.sc-ds-accordion:has(.ds-accordion__SPFJ1E__open-button:hover:not(.ds-accordion__SPFJ1E__open-button--icon-button)) .ds-accordion__SPFJ1E__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__SPFJ1E__title.sc-ds-accordion:has(.ds-accordion__SPFJ1E__open-button:active:not(.ds-accordion__SPFJ1E__open-button--icon-button)) .ds-accordion__SPFJ1E__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__SPFJ1E__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__SPFJ1E__header-slot--icon-button.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__SPFJ1E__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__SPFJ1E__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__SPFJ1E__open-button-container.sc-ds-accordion{position:relative;width:auto}.ds-accordion__SPFJ1E__open-button-container.sc-ds-accordion:has(.ds-accordion__SPFJ1E__open-button:not(.ds-accordion__SPFJ1E__open-button--icon-button)){width:100%}.ds-accordion__SPFJ1E__open-button-container.sc-ds-accordion::after{content:"";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:1}.ds-accordion__SPFJ1E__open-button-container.sc-ds-accordion:has(.ds-accordion__SPFJ1E__open-button--border-aligned:not(.ds-accordion__SPFJ1E__open-button--icon-button))::after{inset-inline:calc(-1 * var(--ds-spacing-small))}.ds-accordion__SPFJ1E__open-button.sc-ds-accordion{all:unset;position:relative;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:row;gap:var(--ds-spacing-xSmall);width:100%;color:var(--ds-textColor-default);fill:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall)}.ds-accordion__SPFJ1E__open-button.sc-ds-accordion:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0)}.ds-accordion__SPFJ1E__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__SPFJ1E__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__SPFJ1E__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__SPFJ1E__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__SPFJ1E__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__SPFJ1E__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__SPFJ1E__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__SPFJ1E__open-button--icon-button){padding-inline:0}.ds-accordion__SPFJ1E__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__SPFJ1E__open-button--icon-button)::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__SPFJ1E__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__SPFJ1E__open-button--icon-button)::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__SPFJ1E__title--with-background.sc-ds-accordion .ds-accordion__SPFJ1E__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__SPFJ1E__open-button--icon-button)::before,.ds-accordion__SPFJ1E__title--with-background.sc-ds-accordion .ds-accordion__SPFJ1E__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__SPFJ1E__open-button--icon-button)::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__SPFJ1E__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__SPFJ1E__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;height:100%;order:1}.ds-accordion__SPFJ1E__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__SPFJ1E__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__SPFJ1E__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__SPFJ1E__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__SPFJ1E__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__SPFJ1E__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__SPFJ1E__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__SPFJ1E__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__SPFJ1E__panel.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__SPFJ1E__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__SPFJ1E__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__SPFJ1E__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__SPFJ1E__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__SPFJ1E.sc-ds-accordion-s>[slot=header],.ds-accordion__SPFJ1E .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__SPFJ1E__content.sc-ds-accordion{position:relative;color:var(--ds-textColor-default);padding:var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__SPFJ1E__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__SPFJ1E__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__SPFJ1E__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__SPFJ1E__content--border-aligned.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__SPFJ1E__content--border-aligned.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__SPFJ1E__content--with-background.sc-ds-accordion::before,.ds-accordion__SPFJ1E__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__SPFJ1E__close-button.sc-ds-accordion{display:flex;flex-direction:row;padding-block-start:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}.ds-accordion__SPFJ1E.sc-ds-accordion-s>div[slot=header][class*=toc],.ds-accordion__SPFJ1E .sc-ds-accordion-s>div[slot=header][class*=toc]{display:flex;gap:var(--ds-spacing-2xSmall)}.ds-accordion__SPFJ1E.sc-ds-accordion-s>ul[slot=content][class*=toc],.ds-accordion__SPFJ1E .sc-ds-accordion-s>ul[slot=content][class*=toc]{display:flex;flex-direction:column;gap:var(--ds-spacing-small);list-style:none;margin-block:0;margin-inline:var(--ds-spacing-3xSmall) 0;padding:0}'}},[774,"ds-accordion",{dsVariant:[1,"ds-variant"],dsBorderAligned:[4,"ds-border-aligned"],dsOpenByDefault:[4,"ds-open-by-default"],dsId:[1,"ds-id"],dsHeadingLevel:[2,"ds-heading-level"],dsUseCloseButton:[4,"ds-use-close-button"],dsCloseButtonLabel:[1,"ds-close-button-label"],dsHideContentBorders:[4,"ds-hide-content-borders"],dsHideTopBorder:[4,"ds-hide-top-border"],dsHideRightBorder:[4,"ds-hide-right-border"],dsHideBottomBorder:[4,"ds-hide-bottom-border"],dsHideLeftBorder:[4,"ds-hide-left-border"],dsHeadingVariant:[1,"ds-heading-variant"],dsAriaDescribedBy:[1,"ds-aria-described-by"],dsAriaLabelledBy:[1,"ds-aria-labelled-by"],dsHeaderHasBackground:[1,"ds-header-has-background"],dsContentHasBackground:[4,"ds-content-has-background"],isExpanded:[32],setIsExpanded:[64]},void 0,{isExpanded:[{watchHandler:0}]}]);a([s("ds-icon",{dsName:""}),s("ds-button",null)]);const S=v,E=function(){"undefined"!=typeof customElements&&["ds-accordion","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((o=>{switch(o){case"ds-accordion":customElements.get(n(o))||customElements.define(n(o),v);break;case"ds-button":customElements.get(n(o))||h();break;case"ds-icon":customElements.get(n(o))||p();break;case"ds-spinner":customElements.get(n(o))||u();break;case"ds-visually-hidden":customElements.get(n(o))||g()}}))};export{S as DsAccordion,E as defineCustomElement}
+import{p as o,M as d,c as n,h as t,t as s}from"./p-Be3z-48a.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as i,d as e}from"./p-CjK5xiRo.js";import{c as a}from"./p-s-UO9MAI.js";import{a as c,i as l}from"./p-BecId8t2.js";import{g as _}from"./p-Cl5tN4CW.js";import{c as b}from"./p-C2cIITC9.js";import{d as h}from"./p-CNE-7ped.js";import{d as p}from"./p-CnF3gIOJ.js";import{d as u}from"./p-DgEQMOgy.js";import{d as g}from"./p-CHZWXcUp.js";const G=o(class extends(d(b("ds-accordion"))){constructor(o){super(),!1!==o&&this.__registerHost(),this.dsToggle=n(this,"dsToggle",7)}inheritedAttributes={};get el(){return this}dsVariant="default";dsBorderAligned=!1;dsOpenByDefault=!1;dsId=this.getUniqueId();dsHeadingLevel=2;dsUseCloseButton=!1;dsCloseButtonLabel;dsHideContentBorders=!1;dsHideTopBorder=!1;dsHideRightBorder=!0;dsHideBottomBorder=!1;dsHideLeftBorder=!0;dsHeadingVariant="button";dsAriaDescribedBy;dsAriaLabelledBy;dsHeaderHasBackground="expanded";dsContentHasBackground=!0;isExpanded=!1;dsToggle;async setIsExpanded(o){this.isExpanded=o}headerButtonRef;shouldMoveFocus=!1;get ariaLabelledBy(){return[this.dsId,this.dsAriaLabelledBy].filter(Boolean).join(" ")}get DsButton(){return i("ds-button","ds-accordion",this.el)}get DsIcon(){return i("ds-icon","ds-accordion",this.el)}get close(){switch(_()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}componentWillLoad(){this.dsOpenByDefault&&(this.isExpanded=!0),this.inheritedAttributes={...l(this.el),...c(this,this.el)}}componentDidLoad(){this.componentMounted()}watchHandler(o){!o&&this.shouldMoveFocus&&this.headerButtonRef&&(this.headerButtonRef.focus(),this.shouldMoveFocus=!1),this.dsToggle.emit(o)}handleClick=o=>{const d=o.target.closest(`.${a("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded};handleKeyDown=o=>{switch(o.key){case"Enter":case" ":{o.preventDefault();const d=o.target.closest(`.${a("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded;break}}};renderHeading(o){const d="button"===this.dsHeadingVariant?{role:"heading","aria-level":this.dsHeadingLevel}:{};return t("div",{class:r(o+"__title",{[o+"__title--with-background"]:"always"===this.dsHeaderHasBackground||"expanded"===this.dsHeaderHasBackground&&this.isExpanded,[o+"__title--border-aligned"]:this.dsBorderAligned,[o+"__title--hide-top-border"]:this.dsHideTopBorder,[o+"__title--hide-right-border"]:this.dsHideRightBorder,[o+"__title--hide-left-border"]:this.dsHideLeftBorder}),...d},"icon-button"===this.dsHeadingVariant&&t("div",{class:r(o+"__header-slot",`${o}__header-slot--${this.dsVariant}`,`${o}__header-slot--${this.dsHeadingVariant}`,{[o+"__header-slot--hide-top-border"]:this.dsHideTopBorder,[o+"__header-slot--hide-bottom-border"]:!this.isExpanded&&this.dsHideBottomBorder})},t("slot",{name:"header"})),t("div",{class:r(o+"__open-button-container")},t("button",{class:r(o+"__open-button",`${o}__open-button--${this.dsVariant}`,`${o}__open-button--${this.dsHeadingVariant}`,{[o+"__open-button--border-aligned"]:this.dsBorderAligned,[o+"__open-button--hide-bottom-border"]:(()=>"button"===this.dsHeadingVariant?this.isExpanded&&!this.dsHideContentBorders||this.dsHideBottomBorder:(!this.dsHideContentBorders||this.dsHideBottomBorder)&&!this.isExpanded&&this.dsHideBottomBorder)()}),onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-expanded":this.isExpanded?"true":"false","aria-controls":this.dsId+"-panel","aria-describedby":this.dsAriaDescribedBy,"aria-labelledby":this.ariaLabelledBy,id:this.dsId,ref:o=>this.headerButtonRef=o,type:"button"},t("span",{class:r(o+"__open-button__icon",`${o}__open-button__icon--${this.dsVariant}`),"aria-hidden":"true"},t(this.DsIcon,{dsSize:"1.5rem",dsName:this.isExpanded?"keyboard_arrow_up":"keyboard_arrow_down"})),"button"===this.dsHeadingVariant&&t("span",{class:r(o+"__open-button__header-slot",`${o}__open-button__header-slot--${this.dsVariant}`)},t("slot",{name:"header"})))))}render(){const o=a("ds-accordion");return t("div",{key:"1a79a3a29b1837cb83898e38a8b4a675a24c4cf3",class:r(o,`${o}--${this.dsVariant}`,{[o+"--expanded"]:this.isExpanded}),...this.inheritedAttributes},t("div",{key:"f268e14d1eace0f1674aba518cb678086cff5ba9",class:o+"__item"},this.renderHeading(o),t("div",{key:"821be48cf853910c9f764fe3a7ac56acce8f2060",id:this.dsId+"-panel",role:"region","aria-labelledby":this.dsId,class:r(o+"__panel",`${o}__panel--${this.dsVariant}`,{[o+"__panel--expanded"]:this.isExpanded,[o+"__panel--with-background"]:this.dsContentHasBackground,[o+"__panel--hide-right-border"]:this.dsHideRightBorder||this.dsHideContentBorders,[o+"__panel--hide-left-border"]:this.dsHideLeftBorder||this.dsHideContentBorders}),hidden:!this.isExpanded},t("div",{key:"530b319ced7cb507ff83bb41bfbb92de935674b4",class:r(o+"__content",{"ds-bodytext-lg":"default"===this.dsVariant,"ds-bodytext-md":"compact"===this.dsVariant,[o+"__content--border-aligned"]:this.dsBorderAligned,[o+"__content--with-background"]:this.dsContentHasBackground,[o+"__content--hide-bottom-border"]:this.dsHideBottomBorder||this.dsHideContentBorders,[o+"__content--has-close-button"]:this.dsUseCloseButton})},t("slot",{key:"74d60fc517465d8d88483d7ff5337f0b3b1ae28e",name:"content"}),this.dsUseCloseButton&&t(this.DsButton,{key:"2b4614d52c3a6dcd2ea469f3760756fd314c23d6",id:this.dsId+"-close-button",class:o+"__close-button",dsVariant:"supplementary",dsColour:"black",dsIcon:"keyboard_arrow_up",dsIconPosition:"start",onClick:this.handleClick,onKeyDown:this.handleKeyDown,dsText:this.dsCloseButtonLabel||this.close,dsSize:"small",dsType:"button"})))))}static get watchers(){return{isExpanded:[{watchHandler:0}]}}static get style(){return'.ds-accordion__GqWYnG.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__GqWYnG__title.sc-ds-accordion{position:relative;display:flex;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__GqWYnG__title.sc-ds-accordion:not(.ds-accordion__GqWYnG__title--hide-top-border) .ds-accordion__GqWYnG__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__GqWYnG__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__GqWYnG__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__GqWYnG__title--border-aligned.ds-accordion__GqWYnG__title--with-background.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__GqWYnG__title--border-aligned.ds-accordion__GqWYnG__title--with-background.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__GqWYnG__title--with-background.sc-ds-accordion .ds-accordion__GqWYnG__open-button.sc-ds-accordion:not(.ds-accordion__GqWYnG__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__GqWYnG__title--with-background.sc-ds-accordion:has(.ds-accordion__GqWYnG__open-button.ds-accordion__GqWYnG__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__GqWYnG__title.sc-ds-accordion:has(.ds-accordion__GqWYnG__open-button:hover:not(.ds-accordion__GqWYnG__open-button--icon-button)) .ds-accordion__GqWYnG__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__GqWYnG__title.sc-ds-accordion:has(.ds-accordion__GqWYnG__open-button:active:not(.ds-accordion__GqWYnG__open-button--icon-button)) .ds-accordion__GqWYnG__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__GqWYnG__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__GqWYnG__header-slot--icon-button.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__GqWYnG__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__GqWYnG__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__GqWYnG__open-button-container.sc-ds-accordion{position:relative;width:auto}.ds-accordion__GqWYnG__open-button-container.sc-ds-accordion:has(.ds-accordion__GqWYnG__open-button:not(.ds-accordion__GqWYnG__open-button--icon-button)){width:100%}.ds-accordion__GqWYnG__open-button-container.sc-ds-accordion::after{content:"";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:1}.ds-accordion__GqWYnG__open-button-container.sc-ds-accordion:has(.ds-accordion__GqWYnG__open-button--border-aligned:not(.ds-accordion__GqWYnG__open-button--icon-button))::after{inset-inline:calc(-1 * var(--ds-spacing-small))}.ds-accordion__GqWYnG__open-button.sc-ds-accordion{all:unset;position:relative;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:row;gap:var(--ds-spacing-xSmall);width:100%;color:var(--ds-textColor-default);fill:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall)}.ds-accordion__GqWYnG__open-button.sc-ds-accordion:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0)}.ds-accordion__GqWYnG__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__GqWYnG__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__GqWYnG__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__GqWYnG__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__GqWYnG__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__GqWYnG__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__GqWYnG__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__GqWYnG__open-button--icon-button){padding-inline:0}.ds-accordion__GqWYnG__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__GqWYnG__open-button--icon-button)::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__GqWYnG__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__GqWYnG__open-button--icon-button)::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__GqWYnG__title--with-background.sc-ds-accordion .ds-accordion__GqWYnG__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__GqWYnG__open-button--icon-button)::before,.ds-accordion__GqWYnG__title--with-background.sc-ds-accordion .ds-accordion__GqWYnG__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__GqWYnG__open-button--icon-button)::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__GqWYnG__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__GqWYnG__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;height:100%;order:1}.ds-accordion__GqWYnG__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__GqWYnG__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__GqWYnG__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__GqWYnG__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__GqWYnG__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__GqWYnG__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__GqWYnG__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__GqWYnG__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__GqWYnG__panel.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__GqWYnG__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__GqWYnG__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__GqWYnG__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__GqWYnG__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__GqWYnG.sc-ds-accordion-s>[slot=header],.ds-accordion__GqWYnG .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__GqWYnG__content.sc-ds-accordion{position:relative;color:var(--ds-textColor-default);padding:var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__GqWYnG__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__GqWYnG__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__GqWYnG__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__GqWYnG__content--border-aligned.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__GqWYnG__content--border-aligned.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__GqWYnG__content--with-background.sc-ds-accordion::before,.ds-accordion__GqWYnG__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__GqWYnG__close-button.sc-ds-accordion{display:flex;flex-direction:row;padding-block-start:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}.ds-accordion__GqWYnG.sc-ds-accordion-s>div[slot=header][class*=toc],.ds-accordion__GqWYnG .sc-ds-accordion-s>div[slot=header][class*=toc]{display:flex;gap:var(--ds-spacing-2xSmall)}.ds-accordion__GqWYnG.sc-ds-accordion-s>ul[slot=content][class*=toc],.ds-accordion__GqWYnG .sc-ds-accordion-s>ul[slot=content][class*=toc]{display:flex;flex-direction:column;gap:var(--ds-spacing-small);list-style:none;margin-block:0;margin-inline:var(--ds-spacing-3xSmall) 0;padding:0}'}},[774,"ds-accordion",{dsVariant:[1,"ds-variant"],dsBorderAligned:[4,"ds-border-aligned"],dsOpenByDefault:[4,"ds-open-by-default"],dsId:[1,"ds-id"],dsHeadingLevel:[2,"ds-heading-level"],dsUseCloseButton:[4,"ds-use-close-button"],dsCloseButtonLabel:[1,"ds-close-button-label"],dsHideContentBorders:[4,"ds-hide-content-borders"],dsHideTopBorder:[4,"ds-hide-top-border"],dsHideRightBorder:[4,"ds-hide-right-border"],dsHideBottomBorder:[4,"ds-hide-bottom-border"],dsHideLeftBorder:[4,"ds-hide-left-border"],dsHeadingVariant:[1,"ds-heading-variant"],dsAriaDescribedBy:[1,"ds-aria-described-by"],dsAriaLabelledBy:[1,"ds-aria-labelled-by"],dsHeaderHasBackground:[1,"ds-header-has-background"],dsContentHasBackground:[4,"ds-content-has-background"],isExpanded:[32],setIsExpanded:[64]},void 0,{isExpanded:[{watchHandler:0}]}]);e([t("ds-icon",{dsName:""}),t("ds-button",null)]);const m=G,v=function(){"undefined"!=typeof customElements&&["ds-accordion","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((o=>{switch(o){case"ds-accordion":customElements.get(s(o))||customElements.define(s(o),G);break;case"ds-button":customElements.get(s(o))||h();break;case"ds-icon":customElements.get(s(o))||p();break;case"ds-spinner":customElements.get(s(o))||u();break;case"ds-visually-hidden":customElements.get(s(o))||g()}}))};export{m as DsAccordion,v as defineCustomElement}

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

@@ -1 +1 @@
-import{p as i,H as s,h as t,t as d}from"./p-D7drWwKe.js";import{c as r}from"./p-DgTb4Jpc.js";const e=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost()}render(){const i=r("ds-action-list-divider");return t("hr",{key:"f17c840f1522d906e1cbdf627b15b3933942586f",role:"separator",class:i,"aria-hidden":"true"})}static get style(){return".ds-no-style-leak.sc-ds-action-list-divider *.sc-ds-action-list-divider{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-divider-h{display:block}.ds-action-list-divider__SPFJ1E.sc-ds-action-list-divider{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);border:none;border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);margin:var(--ds-spacing-2xSmall) 0}"}},[2,"ds-action-list-divider"]),o=e,n=function(){"undefined"!=typeof customElements&&["ds-action-list-divider"].forEach((i=>{"ds-action-list-divider"===i&&(customElements.get(d(i))||customElements.define(d(i),e))}))};export{o as DsActionListDivider,n as defineCustomElement}
+import{p as i,H as s,h as t,t as d}from"./p-Be3z-48a.js";import{c as r}from"./p-s-UO9MAI.js";const e=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost()}render(){const i=r("ds-action-list-divider");return t("hr",{key:"f17c840f1522d906e1cbdf627b15b3933942586f",role:"separator",class:i,"aria-hidden":"true"})}static get style(){return".ds-no-style-leak.sc-ds-action-list-divider *.sc-ds-action-list-divider{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-divider-h{display:block}.ds-action-list-divider__GqWYnG.sc-ds-action-list-divider{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);border:none;border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);margin:var(--ds-spacing-2xSmall) 0}"}},[2,"ds-action-list-divider"]),o=e,n=function(){"undefined"!=typeof customElements&&["ds-action-list-divider"].forEach((i=>{"ds-action-list-divider"===i&&(customElements.get(d(i))||customElements.define(d(i),e))}))};export{o as DsActionListDivider,n as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as s,h as i,t as o}from"./p-D7drWwKe.js";import{c as l}from"./p-DgTb4Jpc.js";import{i as e}from"./p-J5Ghj1_T.js";const a=e("ds-action-list-group-title"),d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}dsTitle;dsId=a.next().value;render(){const t=l("ds-action-list-group-title");return i("span",{key:"4e452df1a41a7a87a1db538cd0de941ed6aa51cb",id:this.dsId,class:t},this.dsTitle)}static get style(){return".ds-no-style-leak.sc-ds-action-list-group-title *.sc-ds-action-list-group-title{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-group-title-h{display:block}.ds-action-list-group-title__SPFJ1E.sc-ds-action-list-group-title{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small) var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}"}},[514,"ds-action-list-group-title",{dsTitle:[1,"ds-title"],dsId:[1,"ds-id"]}]),r=d,n=function(){"undefined"!=typeof customElements&&["ds-action-list-group-title"].forEach((t=>{"ds-action-list-group-title"===t&&(customElements.get(o(t))||customElements.define(o(t),d))}))};export{r as DsActionListGroupTitle,n as defineCustomElement}
+import{p as t,H as s,h as i,t as o}from"./p-Be3z-48a.js";import{c as e}from"./p-s-UO9MAI.js";import{e as l}from"./p-CjK5xiRo.js";const a=l("ds-action-list-group-title"),d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}dsTitle;dsId=a.next().value;render(){const t=e("ds-action-list-group-title");return i("span",{key:"4e452df1a41a7a87a1db538cd0de941ed6aa51cb",id:this.dsId,class:t},this.dsTitle)}static get style(){return".ds-no-style-leak.sc-ds-action-list-group-title *.sc-ds-action-list-group-title{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-group-title-h{display:block}.ds-action-list-group-title__GqWYnG.sc-ds-action-list-group-title{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small) var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}"}},[514,"ds-action-list-group-title",{dsTitle:[1,"ds-title"],dsId:[1,"ds-id"]}]),n=d,r=function(){"undefined"!=typeof customElements&&["ds-action-list-group-title"].forEach((t=>{"ds-action-list-group-title"===t&&(customElements.get(o(t))||customElements.define(o(t),d))}))};export{n as DsActionListGroupTitle,r as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as i,c as s,h as e,t as o}from"./p-D7drWwKe.js";import{c as d}from"./p-BfTCfPZ1.js";import{i as a,t as l,d as c}from"./p-J5Ghj1_T.js";import{c as n}from"./p-DgTb4Jpc.js";import{c as r}from"./p-Ccf9CXPb.js";import{d as m}from"./p-BRKwvv98.js";const _=a("ds-action-list-item"),b=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.dsSelect=s(this,"dsSelect",7)}get el(){return this}buttonEl;dsId=_.next().value;dsVariant="action";dsLabel;dsDescription;dsIcon;dsDisabled=!1;dsUnavailable=!1;dsSelected=!1;dsCloseOnSelect=!0;dsIndented=!1;dsSelect;tabIndex=-1;async setFocus(){this.buttonEl?.focus()}async setTabIndex(t){this.tabIndex=t}get role(){switch(this.dsVariant){case"single-select":return"menuitemradio";case"multi-select":return"menuitemcheckbox";default:return"menuitem"}}handleSelect(){if(!this.dsDisabled&&!this.dsUnavailable&&(this.dsSelect.emit({id:this.dsId,label:this.dsLabel,selected:"multi-select"!==this.dsVariant||!this.dsSelected,variant:this.dsVariant}),"multi-select"!==this.dsVariant&&("single-select"!==this.dsVariant||this.dsCloseOnSelect))){const t=r(this.el);t?.closeMenu()}}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleSelect())}renderIcon(t){if(!this.dsIcon||"multi-select"===this.dsVariant)return null;const i=l("ds-icon","ds-action-list-item",this.el);return e(i,{class:t+"__icon",dsName:this.dsIcon,dsSize:"1.25rem"})}renderSelector(t){if("single-select"===this.dsVariant){const i=l("ds-icon","ds-action-list-item",this.el);return e("span",{class:d(t+"__selector",{[t+"__selector--visible"]:this.dsSelected}),"aria-hidden":"true"},this.dsSelected&&e(i,{dsName:"check",dsSize:"1.25rem"}))}if("multi-select"===this.dsVariant){const i=l("ds-icon","ds-action-list-item",this.el);return e(i,{class:d(t+"__checkbox",{[t+"__checkbox--checked"]:this.dsSelected}),dsName:this.dsSelected?"check_box_fill":"check_box_outline_blank",dsSize:"1.25rem"})}return null}render(){const{role:t}=this,i=n("ds-action-list-item"),s=this.dsIndented&&!this.dsIcon&&"multi-select"!==this.dsVariant,o=d(i,`${i}--${this.dsVariant}`,{[i+"--disabled"]:this.dsDisabled,[i+"--unavailable"]:this.dsUnavailable,[i+"--indented"]:s});return e("button",{key:"6e7ddd404aded454f0d4921ba8e37d73e06673d6",ref:t=>this.buttonEl=t,class:o,role:t,"aria-checked":"menuitemcheckbox"===t||"menuitemradio"===t?this.dsSelected?"true":"false":void 0,"aria-disabled":this.dsDisabled||this.dsUnavailable?"true":void 0,disabled:this.dsDisabled,tabIndex:this.tabIndex,onClick:()=>this.handleSelect()},this.renderSelector(i),s&&e("span",{key:"8442451065fe3204f89d6d1e73643978197ac176",class:i+"__indent","aria-hidden":"true"}),this.renderIcon(i),e("span",{key:"8fe826f125e3f854b30b4bf6c11fee71f0232835",class:i+"__content"},e("span",{key:"7477b91f881bdcc910313ead5e94942213a1e206",class:i+"__label"},this.dsLabel),this.dsDescription&&e("span",{key:"1a666e65603b5a1f274673e702e39b3323e63900",class:i+"__description"},this.dsDescription)))}static get style(){return".ds-no-style-leak.sc-ds-action-list-item *.sc-ds-action-list-item{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-item-h{display:contents}.ds-action-list-item__SPFJ1E.sc-ds-action-list-item{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;gap:var(--ds-spacing-xSmall);width:100%;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small);background-color:var(--ds-bgColor-white);border:none;text-align:left;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);box-sizing:border-box;min-height:2.75rem;text-decoration:none}.ds-action-list-item__SPFJ1E.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__SPFJ1E--unavailable){background-color:var(--ds-bgColor-white-hover)}.ds-action-list-item__SPFJ1E.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__SPFJ1E--unavailable){background-color:var(--ds-bgColor-white-active)}.ds-action-list-item__SPFJ1E.sc-ds-action-list-item:focus-visible:not(:disabled){box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1)}.ds-action-list-item__SPFJ1E.sc-ds-action-list-item:disabled,.ds-action-list-item__SPFJ1E.ds-action-list-item__SPFJ1E--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__SPFJ1E.ds-action-list-item__SPFJ1E--unavailable.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__SPFJ1E.ds-action-list-item__SPFJ1E--unavailable.sc-ds-action-list-item .ds-action-list-item__SPFJ1E__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__SPFJ1E.ds-action-list-item__SPFJ1E--unavailable.sc-ds-action-list-item .ds-action-list-item__SPFJ1E__description.sc-ds-action-list-item{color:var(--ds-textColor-attention)}.ds-action-list-item__SPFJ1E.ds-action-list-item__SPFJ1E--action-danger.sc-ds-action-list-item{color:var(--ds-textColor-danger)}.ds-action-list-item__SPFJ1E.ds-action-list-item__SPFJ1E--action-danger.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__SPFJ1E--unavailable){background-color:var(--ds-bgColor-danger)}.ds-action-list-item__SPFJ1E.ds-action-list-item__SPFJ1E--action-danger.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__SPFJ1E--unavailable){background-color:var(--ds-bgColor-danger-hover)}.ds-action-list-item__SPFJ1E.ds-action-list-item__SPFJ1E--action-danger.sc-ds-action-list-item:disabled,.ds-action-list-item__SPFJ1E.ds-action-list-item__SPFJ1E--action-danger.ds-action-list-item__SPFJ1E--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__SPFJ1E__icon.sc-ds-action-list-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-action-list-item__SPFJ1E__indent.sc-ds-action-list-item{flex-shrink:0;width:1.25rem}.ds-action-list-item__SPFJ1E__content.sc-ds-action-list-item{display:flex;flex-direction:column;flex:1;min-width:0}.ds-action-list-item__SPFJ1E__label.sc-ds-action-list-item{display:block}.ds-action-list-item__SPFJ1E__description.sc-ds-action-list-item{display:block;color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-action-list-item__SPFJ1E__selector.sc-ds-action-list-item{flex-shrink:0;width:1.25rem;display:flex;align-items:center;justify-content:center;visibility:hidden}.ds-action-list-item__SPFJ1E__selector.ds-action-list-item__SPFJ1E__selector--visible.sc-ds-action-list-item{visibility:visible}.ds-action-list-item__SPFJ1E__checkbox.sc-ds-action-list-item{flex-shrink:0;color:var(--ds-iconColor-neutral)}.ds-action-list-item__SPFJ1E__checkbox--checked.sc-ds-action-list-item{color:var(--ds-iconColor-primary)}[disabled].sc-ds-action-list-item-h .ds-action-list-item__SPFJ1E__selector--visible.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__SPFJ1E__selector--visible.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}button.sc-ds-action-list-item:disabled .ds-action-list-item__SPFJ1E__checkbox.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__SPFJ1E__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}"}},[514,"ds-action-list-item",{dsId:[1,"ds-id"],dsVariant:[1,"ds-variant"],dsLabel:[1,"ds-label"],dsDescription:[1,"ds-description"],dsIcon:[1,"ds-icon"],dsDisabled:[4,"ds-disabled"],dsUnavailable:[4,"ds-unavailable"],dsSelected:[1028,"ds-selected"],dsCloseOnSelect:[4,"ds-close-on-select"],dsIndented:[1028,"ds-indented"],tabIndex:[32],setFocus:[64],setTabIndex:[64]},[[0,"keydown","handleKeyDown"]]]);c([e("ds-icon",{dsName:""})]);const h=b,u=function(){"undefined"!=typeof customElements&&["ds-action-list-item","ds-icon"].forEach((t=>{switch(t){case"ds-action-list-item":customElements.get(o(t))||customElements.define(o(t),b);break;case"ds-icon":customElements.get(o(t))||m()}}))};export{h as DsActionListItem,u as defineCustomElement}
+import{p as t,H as i,c as s,h as e,t as n}from"./p-Be3z-48a.js";import{c as o}from"./p-BfTCfPZ1.js";import{e as d,t as a,d as l}from"./p-CjK5xiRo.js";import{c}from"./p-s-UO9MAI.js";import{c as r}from"./p-Ccf9CXPb.js";import{d as m}from"./p-CnF3gIOJ.js";const _=d("ds-action-list-item"),b=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.dsSelect=s(this,"dsSelect",7)}get el(){return this}buttonEl;dsId=_.next().value;dsVariant="action";dsLabel;dsDescription;dsIcon;dsDisabled=!1;dsUnavailable=!1;dsSelected=!1;dsCloseOnSelect=!0;dsIndented=!1;dsSelect;tabIndex=-1;async setFocus(){this.buttonEl?.focus()}async setTabIndex(t){this.tabIndex=t}get role(){switch(this.dsVariant){case"single-select":return"menuitemradio";case"multi-select":return"menuitemcheckbox";default:return"menuitem"}}handleSelect(){if(!this.dsDisabled&&!this.dsUnavailable&&(this.dsSelect.emit({id:this.dsId,label:this.dsLabel,selected:"multi-select"!==this.dsVariant||!this.dsSelected,variant:this.dsVariant}),"multi-select"!==this.dsVariant&&("single-select"!==this.dsVariant||this.dsCloseOnSelect))){const t=r(this.el);t?.closeMenu()}}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleSelect())}renderIcon(t){if(!this.dsIcon||"multi-select"===this.dsVariant)return null;const i=a("ds-icon","ds-action-list-item",this.el);return e(i,{class:t+"__icon",dsName:this.dsIcon,dsSize:"1.25rem"})}renderSelector(t){if("single-select"===this.dsVariant){const i=a("ds-icon","ds-action-list-item",this.el);return e("span",{class:o(t+"__selector",{[t+"__selector--visible"]:this.dsSelected}),"aria-hidden":"true"},this.dsSelected&&e(i,{dsName:"check",dsSize:"1.25rem"}))}if("multi-select"===this.dsVariant){const i=a("ds-icon","ds-action-list-item",this.el);return e(i,{class:o(t+"__checkbox",{[t+"__checkbox--checked"]:this.dsSelected}),dsName:this.dsSelected?"check_box_fill":"check_box_outline_blank",dsSize:"1.25rem"})}return null}render(){const{role:t}=this,i=c("ds-action-list-item"),s=this.dsIndented&&!this.dsIcon&&"multi-select"!==this.dsVariant,n=o(i,`${i}--${this.dsVariant}`,{[i+"--disabled"]:this.dsDisabled,[i+"--unavailable"]:this.dsUnavailable,[i+"--indented"]:s});return e("button",{key:"6e7ddd404aded454f0d4921ba8e37d73e06673d6",ref:t=>this.buttonEl=t,class:n,role:t,"aria-checked":"menuitemcheckbox"===t||"menuitemradio"===t?this.dsSelected?"true":"false":void 0,"aria-disabled":this.dsDisabled||this.dsUnavailable?"true":void 0,disabled:this.dsDisabled,tabIndex:this.tabIndex,onClick:()=>this.handleSelect()},this.renderSelector(i),s&&e("span",{key:"8442451065fe3204f89d6d1e73643978197ac176",class:i+"__indent","aria-hidden":"true"}),this.renderIcon(i),e("span",{key:"8fe826f125e3f854b30b4bf6c11fee71f0232835",class:i+"__content"},e("span",{key:"7477b91f881bdcc910313ead5e94942213a1e206",class:i+"__label"},this.dsLabel),this.dsDescription&&e("span",{key:"1a666e65603b5a1f274673e702e39b3323e63900",class:i+"__description"},this.dsDescription)))}static get style(){return".ds-no-style-leak.sc-ds-action-list-item *.sc-ds-action-list-item{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-item-h{display:contents}.ds-action-list-item__GqWYnG.sc-ds-action-list-item{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;gap:var(--ds-spacing-xSmall);width:100%;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small);background-color:var(--ds-bgColor-white);border:none;text-align:left;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);box-sizing:border-box;min-height:2.75rem;text-decoration:none}.ds-action-list-item__GqWYnG.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__GqWYnG--unavailable){background-color:var(--ds-bgColor-white-hover)}.ds-action-list-item__GqWYnG.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__GqWYnG--unavailable){background-color:var(--ds-bgColor-white-active)}.ds-action-list-item__GqWYnG.sc-ds-action-list-item:focus-visible:not(:disabled){box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1)}.ds-action-list-item__GqWYnG.sc-ds-action-list-item:disabled,.ds-action-list-item__GqWYnG.ds-action-list-item__GqWYnG--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__GqWYnG.ds-action-list-item__GqWYnG--unavailable.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__GqWYnG.ds-action-list-item__GqWYnG--unavailable.sc-ds-action-list-item .ds-action-list-item__GqWYnG__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__GqWYnG.ds-action-list-item__GqWYnG--unavailable.sc-ds-action-list-item .ds-action-list-item__GqWYnG__description.sc-ds-action-list-item{color:var(--ds-textColor-attention)}.ds-action-list-item__GqWYnG.ds-action-list-item__GqWYnG--action-danger.sc-ds-action-list-item{color:var(--ds-textColor-danger)}.ds-action-list-item__GqWYnG.ds-action-list-item__GqWYnG--action-danger.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__GqWYnG--unavailable){background-color:var(--ds-bgColor-danger)}.ds-action-list-item__GqWYnG.ds-action-list-item__GqWYnG--action-danger.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__GqWYnG--unavailable){background-color:var(--ds-bgColor-danger-hover)}.ds-action-list-item__GqWYnG.ds-action-list-item__GqWYnG--action-danger.sc-ds-action-list-item:disabled,.ds-action-list-item__GqWYnG.ds-action-list-item__GqWYnG--action-danger.ds-action-list-item__GqWYnG--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__GqWYnG__icon.sc-ds-action-list-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-action-list-item__GqWYnG__indent.sc-ds-action-list-item{flex-shrink:0;width:1.25rem}.ds-action-list-item__GqWYnG__content.sc-ds-action-list-item{display:flex;flex-direction:column;flex:1;min-width:0}.ds-action-list-item__GqWYnG__label.sc-ds-action-list-item{display:block}.ds-action-list-item__GqWYnG__description.sc-ds-action-list-item{display:block;color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-action-list-item__GqWYnG__selector.sc-ds-action-list-item{flex-shrink:0;width:1.25rem;display:flex;align-items:center;justify-content:center;visibility:hidden}.ds-action-list-item__GqWYnG__selector.ds-action-list-item__GqWYnG__selector--visible.sc-ds-action-list-item{visibility:visible}.ds-action-list-item__GqWYnG__checkbox.sc-ds-action-list-item{flex-shrink:0;color:var(--ds-iconColor-neutral)}.ds-action-list-item__GqWYnG__checkbox--checked.sc-ds-action-list-item{color:var(--ds-iconColor-primary)}[disabled].sc-ds-action-list-item-h .ds-action-list-item__GqWYnG__selector--visible.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__GqWYnG__selector--visible.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}button.sc-ds-action-list-item:disabled .ds-action-list-item__GqWYnG__checkbox.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__GqWYnG__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}"}},[514,"ds-action-list-item",{dsId:[1,"ds-id"],dsVariant:[1,"ds-variant"],dsLabel:[1,"ds-label"],dsDescription:[1,"ds-description"],dsIcon:[1,"ds-icon"],dsDisabled:[4,"ds-disabled"],dsUnavailable:[4,"ds-unavailable"],dsSelected:[1028,"ds-selected"],dsCloseOnSelect:[4,"ds-close-on-select"],dsIndented:[1028,"ds-indented"],tabIndex:[32],setFocus:[64],setTabIndex:[64]},[[0,"keydown","handleKeyDown"]]]);l([e("ds-icon",{dsName:""})]);const h=b,G=function(){"undefined"!=typeof customElements&&["ds-action-list-item","ds-icon"].forEach((t=>{switch(t){case"ds-action-list-item":customElements.get(n(t))||customElements.define(n(t),b);break;case"ds-icon":customElements.get(n(t))||m()}}))};export{h as DsActionListItem,G as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as s,h as i,d as e,t as n}from"./p-D7drWwKe.js";import{c as a}from"./p-DgTb4Jpc.js";import{t as l,a as o}from"./p-J5Ghj1_T.js";import{g as c}from"./p-J7Ct1MQ0.js";const r=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}dsRole="group";ariaLabel;ariaLabelledby;get isStandalone(){return"menu"===this.dsRole}slotChangeHandler=()=>{this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling()};componentWillLoad(){this.updateAriaLabelling()}componentDidLoad(){this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex();const t=this.el.querySelector("slot");t?.addEventListener("slotchange",this.slotChangeHandler)}disconnectedCallback(){const t=this.el.querySelector("slot");t?.removeEventListener("slotchange",this.slotChangeHandler)}updateAriaLabelling(){const t=l("ds-action-list-group-title","ds-action-list",this.el),s=this.el.querySelector(t);if(s){const t=s.querySelector("[id]");if(t?.id)return this.ariaLabel=void 0,void(this.ariaLabelledby=t.id)}const i=l("ds-action-list-item","ds-action-list",this.el),e=this.el.querySelector(i),n=e?.dsVariant??e?.getAttribute("ds-variant")??"action";this.ariaLabel="single-select"===n?(()=>{switch(c()){case"fi":return"Valitse yksi";case"sv":return"Välj ett";default:return"Choose one"}})():"multi-select"===n?(()=>{switch(c()){case"fi":return"Monivalinta";case"sv":return"Välj flera";default:return"Choose multiple"}})():(()=>{switch(c()){case"fi":return"Toiminnallisuudet";case"sv":return"Åtgärder";default:return"Actions"}})(),this.ariaLabelledby=void 0}handleLanguageChange(){this.updateAriaLabelling()}getFocusableItems(){return this.getFocusableItemsFromEl(this.el)}getFocusableItemsFromEl(t){const s=l("ds-action-list-item","ds-action-list",this.el);return Array.from(t.querySelectorAll(s)).filter((t=>!t.dsDisabled))}getSiblingLists(){const t=this.el.parentElement;if(!t)return[this.el];const s=l("ds-action-list","ds-action-list",this.el);return Array.from(t.querySelectorAll(":scope > "+s))}updateIndentation(){const t=l("ds-action-list-item","ds-action-list",this.el),s=Array.from(this.el.querySelectorAll(":scope > "+t)),i=s.some((t=>t.dsIcon&&"multi-select"!==t.dsVariant));s.forEach((t=>{"multi-select"!==t.dsVariant&&(t.dsIndented=i&&!t.dsIcon)}))}updateRovingTabindex(t){const s=this.getFocusableItems(),i=t??s[0];s.forEach((t=>{t.setTabIndex?.(t===i?0:-1)}))}handleItemSelect(t){const{variant:s,selected:i}=t.detail,e=l("ds-action-list-item","ds-action-list",this.el),n=Array.from(this.el.querySelectorAll(e));if("single-select"===s)n.forEach((s=>{s.dsSelected=s===t.target&&i}));else if("multi-select"===s){const s=n.find((s=>s===t.target));s&&(s.dsSelected=i)}}handleKeyDown(t){const s=this.getFocusableItems();if(0===s.length)return;const i=document.activeElement,e=s.findIndex((t=>t.contains(i)));switch(t.key){case"ArrowDown":if(t.preventDefault(),e<s.length-1)s[e+1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[e+1]);else if(this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=t[s+1]??t[0];this.getFocusableItemsFromEl(i)[0]?.setFocus?.()}break;case"ArrowUp":if(t.preventDefault(),e>0)s[e-1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[e-1]);else if(this.isStandalone)s[s.length-1].setFocus?.(),this.updateRovingTabindex(s[s.length-1]);else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=this.getFocusableItemsFromEl(t[s-1]??t[t.length-1]);i[i.length-1]?.setFocus?.()}break;case"Home":if(t.preventDefault(),this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists()[0];this.getFocusableItemsFromEl(t)[0]?.setFocus?.()}break;case"End":if(t.preventDefault(),this.isStandalone)s[s.length-1].setFocus?.(),this.updateRovingTabindex(s[s.length-1]);else{const t=this.getSiblingLists(),s=this.getFocusableItemsFromEl(t[t.length-1]);s[s.length-1]?.setFocus?.()}break;default:if(1===t.key.length&&!t.ctrlKey&&!t.metaKey&&!t.altKey){t.preventDefault();const s=t.key.toLowerCase(),i=this.isStandalone?this.getFocusableItems():[].concat(...this.getSiblingLists().map((t=>this.getFocusableItemsFromEl(t)))),e=document.activeElement,n=i.findIndex((t=>t.contains(e))),a=[...i.slice(n+1),...i.slice(0,n+1)].find((t=>(t.dsLabel??t.getAttribute("ds-label")??"").trim().toLowerCase().startsWith(s)));a?.setFocus?.()}}}render(){const t=a("ds-action-list");return i(e,{key:"416359e7c52d95866c31b064c1e28b905f39749f",class:t,role:this.dsRole,...o("aria-label",this.ariaLabel),...o("aria-labelledby",this.ariaLabelledby)},i("slot",{key:"23b828f825c333f6230f1d03dac7eead9c6ed3de"}))}static get style(){return".ds-no-style-leak.sc-ds-action-list *.sc-ds-action-list{all:unset;box-sizing:border-box;display:block}.ds-action-list__SPFJ1E.sc-ds-action-list{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;list-style:none;margin:0;padding:0}"}},[774,"ds-action-list",{dsRole:[1,"ds-role"],ariaLabel:[32],ariaLabelledby:[32]},[[16,"dsLanguageChange","handleLanguageChange"],[0,"dsSelect","handleItemSelect"],[0,"keydown","handleKeyDown"]]]),d=r,h=function(){"undefined"!=typeof customElements&&["ds-action-list"].forEach((t=>{"ds-action-list"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))};export{d as DsActionList,h as defineCustomElement}
+import{p as t,H as s,h as i,d as e,t as n}from"./p-Be3z-48a.js";import{c as a}from"./p-s-UO9MAI.js";import{t as l,i as o}from"./p-CjK5xiRo.js";import{g as c}from"./p-Cl5tN4CW.js";const r=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}dsRole="group";ariaLabel;ariaLabelledby;get isStandalone(){return"menu"===this.dsRole}slotChangeHandler=()=>{this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling()};componentWillLoad(){this.updateAriaLabelling()}componentDidLoad(){this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex();const t=this.el.querySelector("slot");t?.addEventListener("slotchange",this.slotChangeHandler)}disconnectedCallback(){const t=this.el.querySelector("slot");t?.removeEventListener("slotchange",this.slotChangeHandler)}updateAriaLabelling(){const t=l("ds-action-list-group-title","ds-action-list",this.el),s=this.el.querySelector(t);if(s){const t=s.querySelector("[id]");if(t?.id)return this.ariaLabel=void 0,void(this.ariaLabelledby=t.id)}const i=l("ds-action-list-item","ds-action-list",this.el),e=this.el.querySelector(i),n=e?.dsVariant??e?.getAttribute("ds-variant")??"action";this.ariaLabel="single-select"===n?(()=>{switch(c()){case"fi":return"Valitse yksi";case"sv":return"Välj ett";default:return"Choose one"}})():"multi-select"===n?(()=>{switch(c()){case"fi":return"Monivalinta";case"sv":return"Välj flera";default:return"Choose multiple"}})():(()=>{switch(c()){case"fi":return"Toiminnallisuudet";case"sv":return"Åtgärder";default:return"Actions"}})(),this.ariaLabelledby=void 0}handleLanguageChange(){this.updateAriaLabelling()}getFocusableItems(){return this.getFocusableItemsFromEl(this.el)}getFocusableItemsFromEl(t){const s=l("ds-action-list-item","ds-action-list",this.el);return Array.from(t.querySelectorAll(s)).filter((t=>!t.dsDisabled))}getSiblingLists(){const t=this.el.parentElement;if(!t)return[this.el];const s=l("ds-action-list","ds-action-list",this.el);return Array.from(t.querySelectorAll(":scope > "+s))}updateIndentation(){const t=l("ds-action-list-item","ds-action-list",this.el),s=Array.from(this.el.querySelectorAll(":scope > "+t)),i=s.some((t=>t.dsIcon&&"multi-select"!==t.dsVariant));s.forEach((t=>{"multi-select"!==t.dsVariant&&(t.dsIndented=i&&!t.dsIcon)}))}updateRovingTabindex(t){const s=this.getFocusableItems(),i=t??s[0];s.forEach((t=>{t.setTabIndex?.(t===i?0:-1)}))}handleItemSelect(t){const{variant:s,selected:i}=t.detail,e=l("ds-action-list-item","ds-action-list",this.el),n=Array.from(this.el.querySelectorAll(e));if("single-select"===s)n.forEach((s=>{s.dsSelected=s===t.target&&i}));else if("multi-select"===s){const s=n.find((s=>s===t.target));s&&(s.dsSelected=i)}}handleKeyDown(t){const s=this.getFocusableItems();if(0===s.length)return;const i=document.activeElement,e=s.findIndex((t=>t.contains(i)));switch(t.key){case"ArrowDown":if(t.preventDefault(),e<s.length-1)s[e+1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[e+1]);else if(this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=t[s+1]??t[0];this.getFocusableItemsFromEl(i)[0]?.setFocus?.()}break;case"ArrowUp":if(t.preventDefault(),e>0)s[e-1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[e-1]);else if(this.isStandalone)s[s.length-1].setFocus?.(),this.updateRovingTabindex(s[s.length-1]);else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=this.getFocusableItemsFromEl(t[s-1]??t[t.length-1]);i[i.length-1]?.setFocus?.()}break;case"Home":if(t.preventDefault(),this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists()[0];this.getFocusableItemsFromEl(t)[0]?.setFocus?.()}break;case"End":if(t.preventDefault(),this.isStandalone)s[s.length-1].setFocus?.(),this.updateRovingTabindex(s[s.length-1]);else{const t=this.getSiblingLists(),s=this.getFocusableItemsFromEl(t[t.length-1]);s[s.length-1]?.setFocus?.()}break;default:if(1===t.key.length&&!t.ctrlKey&&!t.metaKey&&!t.altKey){t.preventDefault();const s=t.key.toLowerCase(),i=this.isStandalone?this.getFocusableItems():[].concat(...this.getSiblingLists().map((t=>this.getFocusableItemsFromEl(t)))),e=document.activeElement,n=i.findIndex((t=>t.contains(e))),a=[...i.slice(n+1),...i.slice(0,n+1)].find((t=>(t.dsLabel??t.getAttribute("ds-label")??"").trim().toLowerCase().startsWith(s)));a?.setFocus?.()}}}render(){const t=a("ds-action-list");return i(e,{key:"416359e7c52d95866c31b064c1e28b905f39749f",class:t,role:this.dsRole,...o("aria-label",this.ariaLabel),...o("aria-labelledby",this.ariaLabelledby)},i("slot",{key:"23b828f825c333f6230f1d03dac7eead9c6ed3de"}))}static get style(){return".ds-no-style-leak.sc-ds-action-list *.sc-ds-action-list{all:unset;box-sizing:border-box;display:block}.ds-action-list__GqWYnG.sc-ds-action-list{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;list-style:none;margin:0;padding:0}"}},[774,"ds-action-list",{dsRole:[1,"ds-role"],ariaLabel:[32],ariaLabelledby:[32]},[[16,"dsLanguageChange","handleLanguageChange"],[0,"dsSelect","handleItemSelect"],[0,"keydown","handleKeyDown"]]]),d=r,h=function(){"undefined"!=typeof customElements&&["ds-action-list"].forEach((t=>{"ds-action-list"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))};export{d as DsActionList,h as defineCustomElement}

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

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

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

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

package/dist/components/ds-backdrop.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-tqBVNIvv.js";const t=o,p=s;export{t as DsBackdrop,p as defineCustomElement}
+import{D as o,d as s}from"./p-aZjDi3Pz.js";const a=o,p=s;export{a as DsBackdrop,p as defineCustomElement}

package/dist/components/ds-badge.js

@@ -1 +1 @@
-import{p as s,H as d,h as e,t as a}from"./p-D7drWwKe.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as o}from"./p-DgTb4Jpc.js";import{i as r,t as c,d as i}from"./p-J5Ghj1_T.js";import{d as n}from"./p-tTA4zhDH.js";const l=r("ds-badge"),b=s(class extends d{constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsId=l.next().value;dsText="";dsVariant="default";dsHiddenAssistiveText;dsAriaLabel;get DsVisuallyHidden(){return c("ds-visually-hidden","ds-badge",this.el)}render(){const s=o("ds-badge");return e("div",{key:"0b5952edb04767581882da7f90dcdab4f21898e4",class:t(s,`${s}--${this.dsVariant}`)},e("div",{key:"51e361f5d2675fa832b3bf701148f825f0e28051",class:s+"__content"},e("span",{key:"70a50201cf6f70566a6259af6f6eacb918414055",class:`ds-text-semibold-xs ${s}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},e("slot",{key:"b6a8cef352c1be691d0f96a01d4e9aa498b9cd73"},this.dsText,this.dsHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"ba35968b6ab35158cd186c5f3eb21477967da0ef",dsTag:"span"},this.dsHiddenAssistiveText)))))}static get style(){return".ds-badge__SPFJ1E.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__SPFJ1E--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__SPFJ1E--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__SPFJ1E--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__SPFJ1E--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__SPFJ1E--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__SPFJ1E--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__SPFJ1E--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__SPFJ1E--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__SPFJ1E__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__SPFJ1E__content__text.sc-ds-badge{white-space:nowrap}"}},[774,"ds-badge",{dsId:[1,"ds-id"],dsText:[1,"ds-text"],dsVariant:[1,"ds-variant"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsAriaLabel:[1,"ds-aria-label"]}]);i([e("ds-visually-hidden",null)]);const g=b,p=function(){"undefined"!=typeof customElements&&["ds-badge","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-badge":customElements.get(a(s))||customElements.define(a(s),b);break;case"ds-visually-hidden":customElements.get(a(s))||n()}}))};export{g as DsBadge,p as defineCustomElement}
+import{p as s,M as d,h as e,t as a}from"./p-Be3z-48a.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as o}from"./p-s-UO9MAI.js";import{t as r,d as c}from"./p-CjK5xiRo.js";import{c as n}from"./p-C2cIITC9.js";import{d as i}from"./p-CHZWXcUp.js";const l=s(class extends(d(n("ds-badge"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsId=this.getUniqueId();dsText="";dsVariant="default";dsHiddenAssistiveText;dsAriaLabel;get DsVisuallyHidden(){return r("ds-visually-hidden","ds-badge",this.el)}componentDidLoad(){this.componentMounted()}render(){const s=o("ds-badge");return e("div",{key:"b08749fbb3b12081fd30f1f8eb6f837d5574fc61",class:t(s,`${s}--${this.dsVariant}`)},e("div",{key:"f24dc33357b0c204a6371bd41d3dca73f6b924ed",class:s+"__content"},e("span",{key:"79e14788f16861a02fcbf72fb47c9b3b372edc74",class:`ds-text-semibold-xs ${s}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},e("slot",{key:"b6fc61084787a44eee082c63ee7ac3f3b15fc334"},this.dsText,this.dsHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"6cc3039896e761afd5c692a04201deae4a81f351",dsTag:"span"},this.dsHiddenAssistiveText)))))}static get style(){return".ds-badge__GqWYnG.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__GqWYnG--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__GqWYnG--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__GqWYnG--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__GqWYnG--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__GqWYnG--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__GqWYnG--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__GqWYnG--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__GqWYnG--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__GqWYnG__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__GqWYnG__content__text.sc-ds-badge{white-space:nowrap}"}},[774,"ds-badge",{dsId:[1,"ds-id"],dsText:[1,"ds-text"],dsVariant:[1,"ds-variant"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsAriaLabel:[1,"ds-aria-label"]}]);c([e("ds-visually-hidden",null)]);const b=l,g=function(){"undefined"!=typeof customElements&&["ds-badge","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-badge":customElements.get(a(s))||customElements.define(a(s),l);break;case"ds-visually-hidden":customElements.get(a(s))||i()}}))};export{b as DsBadge,g as defineCustomElement}

package/dist/components/ds-breadcrumb.js

@@ -1 +1 @@
-import{p as s,M as e,c as d,h as r,d as t,t as a}from"./p-D7drWwKe.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as n,d as c}from"./p-J5Ghj1_T.js";import{l}from"./p-DMddtiKs.js";import{c as o}from"./p-DgTb4Jpc.js";import{d as b}from"./p-BdA7fj28.js";import{d as m}from"./p-BRKwvv98.js";import{d as u}from"./p-3h1AY-Xk.js";import{d as p}from"./p-tTA4zhDH.js";const h=s(class extends(e(l)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=d(this,"dsClick",7),this.dsIsHiddenChange=d(this,"dsIsHiddenChange",7)}get el(){return this}dsIsHiddenChange;dsText="";dsIsCurrentPage=!1;dsHasSeparator=!0;dsSeparatorIcon;dsIsHidden=!1;isHiddenChanged=!1;get DsLink(){return n("ds-link","ds-breadcrumb",this.el)}get DsBreadcrumbsSeparator(){return n("ds-breadcrumbs-separator","ds-breadcrumb",this.el)}async setFocus(){await(this.el.querySelector(this.DsLink)?.setFocus())}dsIsHiddenObserver(){this.isHiddenChanged=!0}componentDidUpdate(){this.isHiddenChanged&&this.dsIsHiddenChange.emit(this.dsIsHidden),this.isHiddenChanged=!1}renderCurrentPageCrumb(s){return r("slot",null,r("span",{class:s+"__current-page","aria-current":"page"},this.dsText))}renderLinkCrumb(s){return r("slot",null,r(this.DsLink,{class:s+"__link",dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=o("ds-breadcrumb"),e=s+"__content";return r(t,{key:"25803662c47dfe56c8ba57c8f4630144d869ac65",role:"listitem"},r("div",{key:"2d6932977932da3af5fddbeb07e19ef7209021a1",class:i(s,{[s+"--hidden"]:this.dsIsHidden})},r("div",{key:"a631c7e8a8cfb5c2d4a0bbdd455d9191b9239883",class:e},this.dsHasSeparator?r(this.DsBreadcrumbsSeparator,{dsIcon:this.dsSeparatorIcon}):null,this.dsIsCurrentPage?this.renderCurrentPageCrumb(e):this.renderLinkCrumb(e))))}static get watchers(){return{dsIsHidden:[{dsIsHiddenObserver:0}]}}static get style(){return'.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__SPFJ1E.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__SPFJ1E--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__SPFJ1E__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__SPFJ1E__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__SPFJ1E__content__link.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-breadcrumb__SPFJ1E__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}'}},[774,"ds-breadcrumb",{dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsText:[1,"ds-text"],dsIsCurrentPage:[4,"ds-is-current-page"],dsHasSeparator:[4,"ds-has-separator"],dsSeparatorIcon:[1,"ds-separator-icon"],dsIsHidden:[4,"ds-is-hidden"],setFocus:[64]},[[0,"click","handleClick"]],{dsIsHidden:[{dsIsHiddenObserver:0}]}]);c([r("ds-link",{dsText:""}),r("ds-breadcrumbs-separator",null)]);const _=h,f=function(){"undefined"!=typeof customElements&&["ds-breadcrumb","ds-breadcrumbs-separator","ds-icon","ds-link","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-breadcrumb":customElements.get(a(s))||customElements.define(a(s),h);break;case"ds-breadcrumbs-separator":customElements.get(a(s))||b();break;case"ds-icon":customElements.get(a(s))||m();break;case"ds-link":customElements.get(a(s))||u();break;case"ds-visually-hidden":customElements.get(a(s))||p()}}))};export{_ as DsBreadcrumb,f as defineCustomElement}
+import{p as s,M as e,c as d,h as r,d as t,t as a}from"./p-Be3z-48a.js";import{c as n}from"./p-BfTCfPZ1.js";import{t as i,d as c}from"./p-CjK5xiRo.js";import{l}from"./p-DMddtiKs.js";import{c as o}from"./p-s-UO9MAI.js";import{d as b}from"./p-D1hfO0TD.js";import{d as m}from"./p-CnF3gIOJ.js";import{d as u}from"./p-BFYsN4Q2.js";import{d as p}from"./p-CHZWXcUp.js";const h=s(class extends(e(l)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=d(this,"dsClick",7),this.dsIsHiddenChange=d(this,"dsIsHiddenChange",7)}get el(){return this}dsIsHiddenChange;dsText="";dsIsCurrentPage=!1;dsHasSeparator=!0;dsSeparatorIcon;dsIsHidden=!1;isHiddenChanged=!1;get DsLink(){return i("ds-link","ds-breadcrumb",this.el)}get DsBreadcrumbsSeparator(){return i("ds-breadcrumbs-separator","ds-breadcrumb",this.el)}async setFocus(){await(this.el.querySelector(this.DsLink)?.setFocus())}dsIsHiddenObserver(){this.isHiddenChanged=!0}componentDidUpdate(){this.isHiddenChanged&&this.dsIsHiddenChange.emit(this.dsIsHidden),this.isHiddenChanged=!1}renderCurrentPageCrumb(s){return r("slot",null,r("span",{class:s+"__current-page","aria-current":"page"},this.dsText))}renderLinkCrumb(s){return r("slot",null,r(this.DsLink,{class:s+"__link",dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=o("ds-breadcrumb"),e=s+"__content";return r(t,{key:"25803662c47dfe56c8ba57c8f4630144d869ac65",role:"listitem"},r("div",{key:"2d6932977932da3af5fddbeb07e19ef7209021a1",class:n(s,{[s+"--hidden"]:this.dsIsHidden})},r("div",{key:"a631c7e8a8cfb5c2d4a0bbdd455d9191b9239883",class:e},this.dsHasSeparator?r(this.DsBreadcrumbsSeparator,{dsIcon:this.dsSeparatorIcon}):null,this.dsIsCurrentPage?this.renderCurrentPageCrumb(e):this.renderLinkCrumb(e))))}static get watchers(){return{dsIsHidden:[{dsIsHiddenObserver:0}]}}static get style(){return'.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__GqWYnG.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__GqWYnG--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__GqWYnG__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__GqWYnG__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__GqWYnG__content__link.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-breadcrumb__GqWYnG__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}'}},[774,"ds-breadcrumb",{dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsText:[1,"ds-text"],dsIsCurrentPage:[4,"ds-is-current-page"],dsHasSeparator:[4,"ds-has-separator"],dsSeparatorIcon:[1,"ds-separator-icon"],dsIsHidden:[4,"ds-is-hidden"],setFocus:[64]},[[0,"click","handleClick"]],{dsIsHidden:[{dsIsHiddenObserver:0}]}]);c([r("ds-link",{dsText:""}),r("ds-breadcrumbs-separator",null)]);const _=h,f=function(){"undefined"!=typeof customElements&&["ds-breadcrumb","ds-breadcrumbs-separator","ds-icon","ds-link","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-breadcrumb":customElements.get(a(s))||customElements.define(a(s),h);break;case"ds-breadcrumbs-separator":customElements.get(a(s))||b();break;case"ds-icon":customElements.get(a(s))||m();break;case"ds-link":customElements.get(a(s))||u();break;case"ds-visually-hidden":customElements.get(a(s))||p()}}))};export{_ as DsBreadcrumb,f as defineCustomElement}

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

@@ -1 +1 @@
-import{p as s,H as e,c as t,h as d,F as a,t as r}from"./p-D7drWwKe.js";import{t as n,d as c}from"./p-J5Ghj1_T.js";import{d as o}from"./p-CTBLJr5M.js";import{d as i}from"./p-BdA7fj28.js";const b=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsExpandButtonClick=t(this,"dsExpandButtonClick",7)}get el(){return this}dsExpandButtonClick;dsIsExpandButtonHidden=!1;dsSeparatorIcon;collapsibleTarget=null;get DsBreadcrumb(){return n("ds-breadcrumb","ds-breadcrumbs-collapsible",this.el)}get DsBreadcrumbsExpandButton(){return n("ds-breadcrumbs-expand-button","ds-breadcrumbs-collapsible",this.el)}dsIsHiddenChangeListener(s){s.detail||s.target!==this.collapsibleTarget||requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}dsClickListener(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return d(a,{key:"6c33c1954b52afe65a0c83e97c1a2a70a4977a78"},d(this.DsBreadcrumbsExpandButton,{key:"8507f3df6f6e9941f1104529f77ad101df4f8c05",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),d("slot",{key:"7cd48b130da55341ba29d24b7bfb85281c22b27c",onSlotchange:this.handleDefaultSlotChange}))}static get style(){return":host{display:contents}"}},[769,"ds-breadcrumbs-collapsible",{dsIsExpandButtonHidden:[4,"ds-is-expand-button-hidden"],dsSeparatorIcon:[1,"ds-separator-icon"],collapsibleTarget:[32]},[[0,"dsIsHiddenChange","dsIsHiddenChangeListener"],[0,"dsClick","dsClickListener"]]]);c([d("ds-breadcrumbs-expand-button",null)]);const l=b,u=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs-collapsible","ds-breadcrumbs-expand-button","ds-breadcrumbs-separator"].forEach((s=>{switch(s){case"ds-breadcrumbs-collapsible":customElements.get(r(s))||customElements.define(r(s),b);break;case"ds-breadcrumbs-expand-button":customElements.get(r(s))||o();break;case"ds-breadcrumbs-separator":customElements.get(r(s))||i()}}))};export{l as DsBreadcrumbsCollapsible,u as defineCustomElement}
+import{p as s,H as e,c as t,h as d,F as a,t as r}from"./p-Be3z-48a.js";import{t as n,d as c}from"./p-CjK5xiRo.js";import{d as o}from"./p-IVodMeQ0.js";import{d as i}from"./p-D1hfO0TD.js";const b=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsExpandButtonClick=t(this,"dsExpandButtonClick",7)}get el(){return this}dsExpandButtonClick;dsIsExpandButtonHidden=!1;dsSeparatorIcon;collapsibleTarget=null;get DsBreadcrumb(){return n("ds-breadcrumb","ds-breadcrumbs-collapsible",this.el)}get DsBreadcrumbsExpandButton(){return n("ds-breadcrumbs-expand-button","ds-breadcrumbs-collapsible",this.el)}dsIsHiddenChangeListener(s){s.detail||s.target!==this.collapsibleTarget||requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}dsClickListener(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return d(a,{key:"6c33c1954b52afe65a0c83e97c1a2a70a4977a78"},d(this.DsBreadcrumbsExpandButton,{key:"8507f3df6f6e9941f1104529f77ad101df4f8c05",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),d("slot",{key:"7cd48b130da55341ba29d24b7bfb85281c22b27c",onSlotchange:this.handleDefaultSlotChange}))}static get style(){return":host{display:contents}"}},[769,"ds-breadcrumbs-collapsible",{dsIsExpandButtonHidden:[4,"ds-is-expand-button-hidden"],dsSeparatorIcon:[1,"ds-separator-icon"],collapsibleTarget:[32]},[[0,"dsIsHiddenChange","dsIsHiddenChangeListener"],[0,"dsClick","dsClickListener"]]]);c([d("ds-breadcrumbs-expand-button",null)]);const l=b,u=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs-collapsible","ds-breadcrumbs-expand-button","ds-breadcrumbs-separator"].forEach((s=>{switch(s){case"ds-breadcrumbs-collapsible":customElements.get(r(s))||customElements.define(r(s),b);break;case"ds-breadcrumbs-expand-button":customElements.get(r(s))||o();break;case"ds-breadcrumbs-separator":customElements.get(r(s))||i()}}))};export{l as DsBreadcrumbsCollapsible,u as defineCustomElement}

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

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

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

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

package/dist/components/ds-breadcrumbs.js

@@ -1 +1 @@
-import{p as e,H as s,c as i,h as a,t}from"./p-D7drWwKe.js";import{c as r}from"./p-DgTb4Jpc.js";import{g as d}from"./p-J7Ct1MQ0.js";import{i as n}from"./p-BW1GUsO7.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsSizeChange=i(this,"dsSizeChange",7)}isGreaterThanEqualMediumMediaQuery=n("medium");get el(){return this}dsSizeChange;dsAriaLabel;size="medium";get breadcrumb(){switch(d()){case"fi":return"Murupolku";case"sv":return"Brödsmulestig";default:return"Breadcrumb"}}sizeObserver(e){this.dsSizeChange.emit(e)}setSize=e=>{this.size=e.matches?"medium":"small"};connectedCallback(){this.isGreaterThanEqualMediumMediaQuery.addEventListener("change",this.setSize)}disconnectedCallback(){this.isGreaterThanEqualMediumMediaQuery.removeEventListener("change",this.setSize)}componentWillLoad(){this.size=this.isGreaterThanEqualMediumMediaQuery.matches?"medium":"small"}render(){const e=r("ds-breadcrumbs");return a("nav",{key:"32200ea636a5e0b12dd1b2aff968063aa9a292b1",class:e,"aria-label":this.dsAriaLabel||this.breadcrumb},a("div",{key:"b68af73fe06dadfbbdbcc1327cc79e7896497fff",role:"list",class:e+"__breadcrumbs"},a("slot",{key:"2d7af502821d4760b5e3d48a6132035d6df7435a"})))}static get watchers(){return{size:[{sizeObserver:0}]}}static get style(){return".ds-breadcrumbs__SPFJ1E{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__SPFJ1E{min-height:32px}}.ds-breadcrumbs__SPFJ1E__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__SPFJ1E__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}"}},[769,"ds-breadcrumbs",{dsAriaLabel:[1,"ds-aria-label"],size:[32]},void 0,{size:[{sizeObserver:0}]}]),m=l,c=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs"].forEach((e=>{"ds-breadcrumbs"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))};export{m as DsBreadcrumbs,c as defineCustomElement}
+import{p as e,M as s,c as i,h as a,t}from"./p-Be3z-48a.js";import{c as r}from"./p-s-UO9MAI.js";import{g as d}from"./p-Cl5tN4CW.js";import{i as n}from"./p-BW1GUsO7.js";import{c as m}from"./p-C2cIITC9.js";const l=e(class extends(s(m("ds-breadcrumbs"))){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsSizeChange=i(this,"dsSizeChange",7)}isGreaterThanEqualMediumMediaQuery=n("medium");get el(){return this}dsSizeChange;dsAriaLabel;size="medium";get breadcrumb(){switch(d()){case"fi":return"Murupolku";case"sv":return"Brödsmulestig";default:return"Breadcrumb"}}sizeObserver(e){this.dsSizeChange.emit(e)}setSize=e=>{this.size=e.matches?"medium":"small"};connectedCallback(){this.isGreaterThanEqualMediumMediaQuery.addEventListener("change",this.setSize)}disconnectedCallback(){this.isGreaterThanEqualMediumMediaQuery.removeEventListener("change",this.setSize)}componentWillLoad(){this.size=this.isGreaterThanEqualMediumMediaQuery.matches?"medium":"small"}componentDidLoad(){this.componentMounted()}render(){const e=r("ds-breadcrumbs");return a("nav",{key:"7a439e6d24817a7d9f314e8435de435a987fae9f",class:e,"aria-label":this.dsAriaLabel||this.breadcrumb},a("div",{key:"b43944527ac9b6102090598b31695c39f9e0f405",role:"list",class:e+"__breadcrumbs"},a("slot",{key:"7b2d19de1a6ebab460e24cb71fe55eaf0abefa17"})))}static get watchers(){return{size:[{sizeObserver:0}]}}static get style(){return".ds-breadcrumbs__GqWYnG{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__GqWYnG{min-height:32px}}.ds-breadcrumbs__GqWYnG__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__GqWYnG__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}"}},[769,"ds-breadcrumbs",{dsAriaLabel:[1,"ds-aria-label"],size:[32]},void 0,{size:[{sizeObserver:0}]}]),c=l,b=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs"].forEach((e=>{"ds-breadcrumbs"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))};export{c as DsBreadcrumbs,b as defineCustomElement}

package/dist/components/ds-button.js

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

package/dist/components/ds-card.js

@@ -1 +1 @@
-import{p as d,H as e,h as t,t as s}from"./p-D7drWwKe.js";import{c as a}from"./p-BfTCfPZ1.js";import{i,t as r,d as n}from"./p-J5Ghj1_T.js";import{o,v as c}from"./p-CRw90huu.js";import{c as l}from"./p-DgTb4Jpc.js";import{a as h,i as _}from"./p-BecId8t2.js";import{d as f}from"./p-BRKwvv98.js";import{d as g}from"./p-tTA4zhDH.js";const m=i("ds-card"),p=d(class extends e{constructor(d){super(),!1!==d&&this.__registerHost()}linkIcon="arrow_forward";inheritedAttributes={};cardId=m.next().value;get el(){return this}dsLinkType="full";dsVariant="filled";dsHorizontal=!1;dsHeading;dsHeadingLevel=3;dsDescription;dsDescriptionClamp;dsDescriptionMaxWidth="none";dsUrl;dsUrlTarget="_self";dsEyebrow;dsSubtitle;dsTag;dsShowArrow=!0;dsFluidHeight=!1;hasImageSlot=!1;hasSubtitleSlot=!1;hasSlotContent=!0;isCardFocused=!1;componentWillLoad(){o(this.dsUrlTarget)&&(this.linkIcon="arrow_outward"),this.inheritedAttributes={..._(this.el,["aria-labelledby"]),...h(this,this.el)}}connectedCallback(){const d=null===this.el.querySelector('[slot="content"]'),e=null===this.el.querySelector('[slot="footer"]');d&&e&&(this.hasSlotContent=!1)}componentDidLoad(){this.checkImageSlot()}isSlottedElement(d){let e=d;for(;e&&e!==this.el;){if(e.hasAttribute("slot"))return!0;e=e.parentElement}return!1}handleFocusIn(d){this.isSlottedElement(d.target)||(this.isCardFocused=!0)}handleFocusOut(d){const e=d.relatedTarget;e&&this.el.contains(e)&&!this.isSlottedElement(e)||(this.isCardFocused=!1)}handleClick(){}handleKeydown(d){}checkImageSlot(){const d=this.el.querySelectorAll('[slot="image"]');this.hasImageSlot=d.length>0}checkSubtitleSlot(){const d=this.el.querySelectorAll('[slot="subtitle"]');this.hasSubtitleSlot=d.length>0}render(){const d=l("ds-card"),e=a(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}`),s=a(d+"__link",{[`${d}__link--${this.dsLinkType}`]:!0}),i="h"+this.dsHeadingLevel,n=this.cardId+"-heading",h=r("ds-icon","ds-card",this.el),_=r("ds-visually-hidden","ds-card",this.el);return t("article",{key:"fc9ea3131fae176552872efa2702ce3a1093fb59",class:e,style:{"--description-line-clamp":this.dsDescriptionClamp?""+this.dsDescriptionClamp:"none"},"aria-labelledby":n,...this.inheritedAttributes},t("div",{key:"11a74e7d4a0dbecc6a82fd20c1c2718a9e5220d7",class:d+"__content"},t("div",{key:"56a0eb6fd24688ff3609c0f74bd9e3c7ff63285b",class:{[d+"__content--top"]:!0,[d+"__content--top--has-link"]:!!this.dsUrl}},t("div",{key:"9fc2f633e739ee22e01dc9efba397d8c29152c36",class:d+"__heading-container"},this.dsUrl&&"none"!==this.dsLinkType?t(i,{class:d+"__heading",id:n},t("a",{href:this.dsUrl,target:this.dsUrlTarget,class:s},t("slot",{name:"heading"},this.dsHeading),o(this.dsUrlTarget)&&t(_,{dsTag:"span"},c()))):t(i,{class:d+"__heading"},t("slot",{name:"heading"},this.dsHeading)),this.dsTag&&this.hasImageSlot&&t("span",{key:"cef4fa8c42e5b8174e0870092086255353cde89c",class:d+"__tag"},this.dsTag),this.dsEyebrow&&t("div",{key:"61bd2b134a7321b645579236f2024221fd5b7fba",class:d+"__eyebrow"},this.dsEyebrow),this.dsSubtitle&&t("div",{key:"136978f0b0fdb9f1de0e1827bee1a29725fa7e47",class:d+"__subtitle"},this.dsSubtitle),t("div",{key:"9e958f257dd6e1cba55536d76fedb139d3f375e0",class:a(d+"__slot-subtitle",{[d+"__slot-subtitle--hidden"]:!this.hasSubtitleSlot})},t("slot",{key:"2822a1eaaa013abbcc713512972ae9ba72845811",name:"subtitle",onSlotchange:()=>this.checkSubtitleSlot()}))),this.dsUrl&&this.dsShowArrow&&"heading"!==this.dsLinkType&&t(h,{key:"fc96c023ab6434c1f9556487ce2626f470a96557",dsSize:"2rem",class:d+"__icon",dsName:this.linkIcon})),this.dsDescription&&t("p",{key:"4ae570461ae03371141238fa340728fc4371573b",class:d+"__description",style:{"--ds-card-description-max-width":this.dsDescriptionMaxWidth}},this.dsDescription)),t("div",{key:"c7dadca86ac1dc379c25fc018c2f070693ab8199",class:a(d+"__content--bottom",{[d+"__content--bottom--has-slot-content"]:this.hasSlotContent})},t("div",{key:"4c780ce7598fcc6bc115383738e46dba6834f66a",class:d+"__slot--content"},t("slot",{key:"9650ba762386fbe0c154a8ce108eb086e6cffb33",name:"content"})),t("div",{key:"4506acbee6ac2340ece8ad9e3d7abe70563624dd",class:d+"__slot--footer"},t("slot",{key:"d241d23ca7fd1b5e4d18d17f78511eef72c9b57c",name:"footer"}))),t("div",{key:"ec30879cf27196a899f25fc448f02bb44043fad9",class:{[d+"__image-container"]:!0,[d+"__image-container--has-image"]:this.hasImageSlot}},t("slot",{key:"8a1a5ee9a4f8cae2475e804a6bebccbbeaa3ea9a",name:"image",onSlotchange:()=>this.checkImageSlot()})))}static get style(){return'.ds-heading-2xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-40);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing, -1.2px);font-stretch:var(--ds-fontWidth-condense);line-height:48px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading-2xl.sc-ds-card{font-size:var(--ds-fontSize-56);letter-spacing:var(--ds-letterSpacing-tight);line-height:64px}}.ds-heading-xl--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-condense);text-transform:none}@media (min-width: 60rem){.ds-heading-xl.sc-ds-card{font-size:var(--ds-fontSize-48);line-height:52px}}.ds-heading-lg--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-lg.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-lg.sc-ds-card{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}.ds-heading-md--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-md.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-md.sc-ds-card{font-size:var(--ds-fontSize-24);line-height:24px}}.ds-heading-sm--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-sm.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-sm.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-heading-xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:18px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-xs.sc-ds-card{font-size:var(--ds-fontSize-18);line-height:20px}}.ds-heading-2xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-2xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:16px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-2xs.sc-ds-card{font-size:var(--ds-fontSize-16);line-height:18px}}.sc-ds-card-h{display:block}.ds-card__SPFJ1E.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__SPFJ1E--fluid-height.sc-ds-card{height:100%}.ds-card__SPFJ1E.ds-card__SPFJ1E--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__SPFJ1E.ds-card__SPFJ1E--link--full.sc-ds-card:hover .ds-card__SPFJ1E__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__SPFJ1E.ds-card__SPFJ1E--link--full.sc-ds-card:hover .ds-card__SPFJ1E__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__SPFJ1E.ds-card__SPFJ1E--link--full.sc-ds-card:hover .ds-card__SPFJ1E__link--heading.sc-ds-card{text-decoration:none}.ds-card__SPFJ1E.ds-card__SPFJ1E--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__SPFJ1E.ds-card__SPFJ1E--link--full.sc-ds-card:active .ds-card__SPFJ1E__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__SPFJ1E.ds-card__SPFJ1E--link--full.sc-ds-card:active .ds-card__SPFJ1E__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__SPFJ1E.ds-card__SPFJ1E--link--full.sc-ds-card:active .ds-card__SPFJ1E__link--heading.sc-ds-card{text-decoration:none}.ds-card__SPFJ1E.ds-card__SPFJ1E--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__SPFJ1E.sc-ds-card .ds-card__SPFJ1E__link--full.sc-ds-card:after{content:"";position:absolute;inset:0}.ds-card__SPFJ1E--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__SPFJ1E--horizontal.sc-ds-card{display:grid;grid-template:"image content" auto "image contentBottom" auto/auto 1fr}.ds-card__SPFJ1E--horizontal.sc-ds-card .ds-card__SPFJ1E__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__SPFJ1E--horizontal.sc-ds-card .ds-card__SPFJ1E__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__SPFJ1E--horizontal.sc-ds-card .ds-card__SPFJ1E__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__SPFJ1E--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__SPFJ1E__image-container.sc-ds-card{display:none}.ds-card__SPFJ1E__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__SPFJ1E.sc-ds-card:not(.ds-card__SPFJ1E--vertical) .ds-card__SPFJ1E__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__SPFJ1E.sc-ds-card:not(.ds-card__SPFJ1E--horizontal) .ds-card__SPFJ1E__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__SPFJ1E--link--full.sc-ds-card .ds-card__SPFJ1E__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__SPFJ1E__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__SPFJ1E__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__SPFJ1E__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__SPFJ1E__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__SPFJ1E__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__SPFJ1E__content--bottom.sc-ds-card{order:4}.ds-card__SPFJ1E__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__SPFJ1E__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__SPFJ1E__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__SPFJ1E__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-card__SPFJ1E__heading.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-card__SPFJ1E__heading.sc-ds-card{align-items:center;display:flex;margin:0;margin-bottom:var(--ds-spacing-3xSmall);justify-content:space-between;order:2;text-wrap:balance}.ds-card__SPFJ1E__heading.sc-ds-card .ds-card__SPFJ1E__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__SPFJ1E__heading.sc-ds-card .ds-card__SPFJ1E__link.sc-ds-card:not(.ds-card__SPFJ1E__link--full):hover,.ds-card__SPFJ1E__heading.sc-ds-card .ds-card__SPFJ1E__link.sc-ds-card:not(.ds-card__SPFJ1E__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__SPFJ1E__heading.sc-ds-card .ds-card__SPFJ1E__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__SPFJ1E__heading.sc-ds-card .ds-card__SPFJ1E__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__SPFJ1E__subtitle.sc-ds-card,.ds-card__SPFJ1E__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__SPFJ1E__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;max-width:var(--ds-card-description-max-width, none)}.ds-card__SPFJ1E__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__SPFJ1E__slot-subtitle--hidden.sc-ds-card{display:none}'}},[774,"ds-card",{dsLinkType:[1,"ds-link-type"],dsVariant:[1,"ds-variant"],dsHorizontal:[4,"ds-horizontal"],dsHeading:[1,"ds-heading"],dsHeadingLevel:[2,"ds-heading-level"],dsDescription:[1,"ds-description"],dsDescriptionClamp:[2,"ds-description-clamp"],dsDescriptionMaxWidth:[1,"ds-description-max-width"],dsUrl:[1,"ds-url"],dsUrlTarget:[1,"ds-url-target"],dsEyebrow:[1,"ds-eyebrow"],dsSubtitle:[1,"ds-subtitle"],dsTag:[1,"ds-tag"],dsShowArrow:[4,"ds-show-arrow"],dsFluidHeight:[4,"ds-fluid-height"],hasImageSlot:[32],hasSubtitleSlot:[32],hasSlotContent:[32],isCardFocused:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"],[2,"click","handleClick"],[2,"keydown","handleKeydown"]]]);n([t("ds-icon",{dsName:""}),t("ds-visually-hidden",null)]);const v=p,u=function(){"undefined"!=typeof customElements&&["ds-card","ds-icon","ds-visually-hidden"].forEach((d=>{switch(d){case"ds-card":customElements.get(s(d))||customElements.define(s(d),p);break;case"ds-icon":customElements.get(s(d))||f();break;case"ds-visually-hidden":customElements.get(s(d))||g()}}))};export{v as DsCard,u as defineCustomElement}
+import{p as d,M as t,h as s,t as e}from"./p-Be3z-48a.js";import{c as a}from"./p-BfTCfPZ1.js";import{t as i,d as n}from"./p-CjK5xiRo.js";import{o as r,v as o}from"./p-D4zEYXpj.js";import{c}from"./p-s-UO9MAI.js";import{a as l,i as h}from"./p-BecId8t2.js";import{c as _}from"./p-C2cIITC9.js";import{d as f}from"./p-CnF3gIOJ.js";import{d as g}from"./p-CHZWXcUp.js";const m=d(class extends(t(_("ds-card"))){constructor(d){super(),!1!==d&&this.__registerHost()}linkIcon="arrow_forward";inheritedAttributes={};cardId=this.getUniqueId();get el(){return this}dsLinkType="full";dsVariant="filled";dsHorizontal=!1;dsHeading;dsHeadingLevel=3;dsDescription;dsDescriptionClamp;dsDescriptionMaxWidth="none";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={...h(this.el,["aria-labelledby"]),...l(this,this.el)}}connectedCallback(){const d=null===this.el.querySelector('[slot="content"]'),t=null===this.el.querySelector('[slot="footer"]');d&&t&&(this.hasSlotContent=!1)}componentDidLoad(){this.componentMounted(),this.checkImageSlot()}isSlottedElement(d){let t=d;for(;t&&t!==this.el;){if(t.hasAttribute("slot"))return!0;t=t.parentElement}return!1}handleFocusIn(d){this.isSlottedElement(d.target)||(this.isCardFocused=!0)}handleFocusOut(d){const t=d.relatedTarget;t&&this.el.contains(t)&&!this.isSlottedElement(t)||(this.isCardFocused=!1)}handleClick(){}handleKeydown(d){}checkImageSlot(){const d=this.el.querySelectorAll('[slot="image"]');this.hasImageSlot=d.length>0}checkSubtitleSlot(){const d=this.el.querySelectorAll('[slot="subtitle"]');this.hasSubtitleSlot=d.length>0}render(){const d=c("ds-card"),t=a(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}`),e=a(d+"__link",{[`${d}__link--${this.dsLinkType}`]:!0}),n="h"+this.dsHeadingLevel,l=this.cardId+"-heading",h=i("ds-icon","ds-card",this.el),_=i("ds-visually-hidden","ds-card",this.el);return s("article",{key:"2d1791ded132fe0555b0da15fd65dd80852e3b6f",class:t,style:{"--description-line-clamp":this.dsDescriptionClamp?""+this.dsDescriptionClamp:"none"},"aria-labelledby":l,...this.inheritedAttributes},s("div",{key:"e5e0c69a95b9ae7ffe13947b05281228ce621f23",class:d+"__content"},s("div",{key:"3f852d0e6a15f3cd06851ff93735555fe62a83be",class:{[d+"__content--top"]:!0,[d+"__content--top--has-link"]:!!this.dsUrl}},s("div",{key:"82d318b9df697613d65ec7fbcb97979697539d8c",class:d+"__heading-container"},this.dsUrl&&"none"!==this.dsLinkType?s(n,{class:d+"__heading",id:l},s("a",{href:this.dsUrl,target:this.dsUrlTarget,class:e},s("slot",{name:"heading"},this.dsHeading),r(this.dsUrlTarget)&&s(_,{dsTag:"span"},o()))):s(n,{class:d+"__heading"},s("slot",{name:"heading"},this.dsHeading)),this.dsTag&&this.hasImageSlot&&s("span",{key:"b3c42ce29e5bac045d61b6e5928de4e750e5b7c9",class:d+"__tag"},this.dsTag),this.dsEyebrow&&s("div",{key:"0953630b76867f8d1192c3bec394de66de222b52",class:d+"__eyebrow"},this.dsEyebrow),this.dsSubtitle&&s("div",{key:"e01ac46bfd6023d67a629b3f60560c4cc1f0e86c",class:d+"__subtitle"},this.dsSubtitle),s("div",{key:"10fa359e507bb3f3414fce207ab6886883190fc2",class:a(d+"__slot-subtitle",{[d+"__slot-subtitle--hidden"]:!this.hasSubtitleSlot})},s("slot",{key:"6acc8c509822e413ac1471f6cd8d51a7231898a8",name:"subtitle",onSlotchange:()=>this.checkSubtitleSlot()}))),this.dsUrl&&this.dsShowArrow&&"heading"!==this.dsLinkType&&s(h,{key:"843b9fab2fe7b9d216134d9405f68c941c60ad09",dsSize:"2rem",class:d+"__icon",dsName:this.linkIcon})),this.dsDescription&&s("p",{key:"ea6fb67e2dfe971bcfda82406bc3d7d51026ad39",class:d+"__description",style:{"--ds-card-description-max-width":this.dsDescriptionMaxWidth}},this.dsDescription)),s("div",{key:"4014a8121fe0a2aeab83a4ec1a7b6cc581a7b4bb",class:a(d+"__content--bottom",{[d+"__content--bottom--has-slot-content"]:this.hasSlotContent})},s("div",{key:"f8ec649a229fa8f9e7ff79f3bff55d4b3a927d24",class:d+"__slot--content"},s("slot",{key:"96c2d0fe15945e3361940c876d364caf08c0a400",name:"content"})),s("div",{key:"96b5fc73d537f06f5dc26a4272adb5e7a5e4bf86",class:d+"__slot--footer"},s("slot",{key:"58792731bfcf10898b016ac0955e5e06b0e21838",name:"footer"}))),s("div",{key:"c94713daa390c7cd69c5043a02bea796623c2a1a",class:{[d+"__image-container"]:!0,[d+"__image-container--has-image"]:this.hasImageSlot}},s("slot",{key:"6c9b6abc479e96825bba2aec084c3d0edb36bd3d",name:"image",onSlotchange:()=>this.checkImageSlot()})))}static get style(){return'.ds-heading-2xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-40);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing, -1.2px);font-stretch:var(--ds-fontWidth-condense);line-height:48px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading-2xl.sc-ds-card{font-size:var(--ds-fontSize-56);letter-spacing:var(--ds-letterSpacing-tight);line-height:64px}}.ds-heading-xl--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-condense);text-transform:none}@media (min-width: 60rem){.ds-heading-xl.sc-ds-card{font-size:var(--ds-fontSize-48);line-height:52px}}.ds-heading-lg--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-lg.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-lg.sc-ds-card{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}.ds-heading-md--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-md.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-md.sc-ds-card{font-size:var(--ds-fontSize-24);line-height:24px}}.ds-heading-sm--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-sm.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-sm.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-heading-xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:18px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-xs.sc-ds-card{font-size:var(--ds-fontSize-18);line-height:20px}}.ds-heading-2xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-2xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:16px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-2xs.sc-ds-card{font-size:var(--ds-fontSize-16);line-height:18px}}.sc-ds-card-h{display:block}.ds-card__GqWYnG.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__GqWYnG--fluid-height.sc-ds-card{height:100%}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:hover .ds-card__GqWYnG__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:hover .ds-card__GqWYnG__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:hover .ds-card__GqWYnG__link--heading.sc-ds-card{text-decoration:none}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:active .ds-card__GqWYnG__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:active .ds-card__GqWYnG__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:active .ds-card__GqWYnG__link--heading.sc-ds-card{text-decoration:none}.ds-card__GqWYnG.ds-card__GqWYnG--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__GqWYnG.sc-ds-card .ds-card__GqWYnG__link--full.sc-ds-card:after{content:"";position:absolute;inset:0}.ds-card__GqWYnG--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__GqWYnG--horizontal.sc-ds-card{display:grid;grid-template:"image content" auto "image contentBottom" auto/auto 1fr}.ds-card__GqWYnG--horizontal.sc-ds-card .ds-card__GqWYnG__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__GqWYnG--horizontal.sc-ds-card .ds-card__GqWYnG__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__GqWYnG--horizontal.sc-ds-card .ds-card__GqWYnG__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__GqWYnG--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__GqWYnG__image-container.sc-ds-card{display:none}.ds-card__GqWYnG__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__GqWYnG.sc-ds-card:not(.ds-card__GqWYnG--vertical) .ds-card__GqWYnG__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__GqWYnG.sc-ds-card:not(.ds-card__GqWYnG--horizontal) .ds-card__GqWYnG__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__GqWYnG--link--full.sc-ds-card .ds-card__GqWYnG__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__GqWYnG__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__GqWYnG__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__GqWYnG__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__GqWYnG__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__GqWYnG__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__GqWYnG__content--bottom.sc-ds-card{order:4}.ds-card__GqWYnG__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__GqWYnG__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__GqWYnG__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__GqWYnG__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-card__GqWYnG__heading.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-card__GqWYnG__heading.sc-ds-card{align-items:center;display:flex;margin:0;margin-bottom:var(--ds-spacing-3xSmall);justify-content:space-between;order:2;text-wrap:balance}.ds-card__GqWYnG__heading.sc-ds-card .ds-card__GqWYnG__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__GqWYnG__heading.sc-ds-card .ds-card__GqWYnG__link.sc-ds-card:not(.ds-card__GqWYnG__link--full):hover,.ds-card__GqWYnG__heading.sc-ds-card .ds-card__GqWYnG__link.sc-ds-card:not(.ds-card__GqWYnG__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__GqWYnG__heading.sc-ds-card .ds-card__GqWYnG__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__GqWYnG__heading.sc-ds-card .ds-card__GqWYnG__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__GqWYnG__subtitle.sc-ds-card,.ds-card__GqWYnG__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__GqWYnG__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;max-width:var(--ds-card-description-max-width, none)}.ds-card__GqWYnG__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__GqWYnG__slot-subtitle--hidden.sc-ds-card{display:none}'}},[774,"ds-card",{dsLinkType:[1,"ds-link-type"],dsVariant:[1,"ds-variant"],dsHorizontal:[4,"ds-horizontal"],dsHeading:[1,"ds-heading"],dsHeadingLevel:[2,"ds-heading-level"],dsDescription:[1,"ds-description"],dsDescriptionClamp:[2,"ds-description-clamp"],dsDescriptionMaxWidth:[1,"ds-description-max-width"],dsUrl:[1,"ds-url"],dsUrlTarget:[1,"ds-url-target"],dsEyebrow:[1,"ds-eyebrow"],dsSubtitle:[1,"ds-subtitle"],dsTag:[1,"ds-tag"],dsShowArrow:[4,"ds-show-arrow"],dsFluidHeight:[4,"ds-fluid-height"],hasImageSlot:[32],hasSubtitleSlot:[32],hasSlotContent:[32],isCardFocused:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"],[2,"click","handleClick"],[2,"keydown","handleKeydown"]]]);n([s("ds-icon",{dsName:""}),s("ds-visually-hidden",null)]);const p=m,v=function(){"undefined"!=typeof customElements&&["ds-card","ds-icon","ds-visually-hidden"].forEach((d=>{switch(d){case"ds-card":customElements.get(e(d))||customElements.define(e(d),m);break;case"ds-icon":customElements.get(e(d))||f();break;case"ds-visually-hidden":customElements.get(e(d))||g()}}))};export{p as DsCard,v as defineCustomElement}