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

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

@@ -0,0 +1 @@
+import{r as e,h as s,H as t}from"./p-CooQbSxe.js";const i=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"c2ae0e49f670dba570f6ac73aad743338886044c",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"9b147286e4c2ef17fc519e1b5b46bd4be14703cb",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:"6f829d592952914e2b8b9f8b47a3d30ae170f5d7",d:"M480.61-126q-24.61 0-42.11-17.37-17.5-17.38-17.5-41.77 0-23.46 17.3-41.66 17.3-18.2 41.59-18.2Q505-245 522-226.78q17 18.21 17 42 0 23.78-16.89 41.28-16.9 17.5-41.5 17.5Zm0-295q-24.61 0-42.11-17.3T421-479.89Q421-505 438.3-522t41.59-17Q505-539 522-522.11q17 16.9 17 41.5 0 24.61-16.89 42.11-16.9 17.5-41.5 17.5Zm0-294q-24.61 0-42.11-17.68-17.5-17.67-17.5-42.5 0-24.82 17.3-42.32t41.59-17.5Q505-835 522-817.36t17 42.47q0 24.82-16.89 42.35-16.9 17.54-41.5 17.54Z"})))}};export{i as ds_icon_more_vert}

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

@@ -0,0 +1 @@
+import{r as s,h as t,H as e}from"./p-CooQbSxe.js";const a=class{constructor(t){s(this,t)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return t(e,{key:"2dad30e070a35b4e823d53197249da6421a99d1c",style:{display:"flex"},title:this.dsTitle},t("svg",{key:"12f10e9a9bebdf6f99f6094414201240cdc070c8",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:"daa63a77bd86d0efba8a1d37b8620f54d530248b",d:"M40-122v-122q0-40 22-75t60-52q63-28 129.18-45 66.19-17 133.82-17 43 0 85.5 6.67Q513-419.67 555-410v60q-50 17-85.5 60.5T434-191v69H40Zm454 0v-68q0-27.89 13.5-51.95Q521-266 546-280q38-19.5 78.5-28.25T707-317q43 0 83.5 9t77.5 28q25 13 39 37.37 14 24.37 14 52.63v68H494Zm213-244q-46.48 0-78.74-32.26T596-477q0-47.48 32.26-79.74T707-589q47.48 0 79.74 32.26T819-477q0 46.48-32.26 78.74T707-366ZM385-494q-73 0-124-51t-51-124q0-74 51-124.5T385-844q73 0 124.5 50.5T561-669q0 73-51.5 124T385-494Z"})))}};export{a as ds_icon_supervisor_account_fill}

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

@@ -0,0 +1 @@
+import{r as e,h as s,H as t}from"./p-CooQbSxe.js";const i=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"8242d7b1e71f87e8168a5c0e6bdc992efd5efe62",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"c86c7e5285b1f240365e54941887540aae9168c2",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:"f7440ee90dfcbcbd24b0f8054b8f8fb7256d5276",d:"M480-322 251-551l68-66 114 114v-323h94v323l114-114 68 66-229 229ZM135-135v-237h94v143h502v-143h95v237H135Z"})))}};export{i as ds_icon_download}

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

@@ -0,0 +1 @@
+import{r as e,h as s,H as t}from"./p-CooQbSxe.js";const i=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"066a12747d1bc7f30077f105d92dcc890c623c60",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"3450fa98e068e7c112536c93eaefe94edc3722a3",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:"a8808f0753a4cf8835598c99fac69f39f2f977ee",d:"m612-94-263-93L95-84v-695l254-87 263 92 254-103v695L612-94Zm-34-112v-484l-196-66v484l196 66Zm60 0 133-43v-492l-133 51v484Zm-449-15 133-51v-484l-133 44v491Zm449-469v484-484Zm-316-66v484-484Z"})))}};export{i as ds_icon_map}

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

@@ -0,0 +1 @@
+import{r as t,h as e,H as s}from"./p-CooQbSxe.js";const a=class{constructor(e){t(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(s,{key:"4b360cbfb88248224443255aad967d080f5761e6",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"4cb97bf40d7c65a5bea540966e885af8bdfe44b1",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:"2fd4a3357ee86fea249a8daa7c7a8cdbc06f84d2",d:"M795-93 526-361q-29 22.92-68.46 35.96Q418.08-312 372-312q-115.16 0-195.08-80Q97-472 97-585t80-193q80-80 193.5-80t193 80Q643-698 643-584.85q0 44.85-12.5 83.35Q618-463 593-429l270 268-68 68ZM371.35-406q74.9 0 126.28-52.25Q549-510.5 549-585t-51.52-126.75Q445.96-764 371.35-764q-75.43 0-127.89 52.25Q191-659.5 191-585t52.31 126.75Q295.62-406 371.35-406ZM269-556v-60h201v60H269Z"})))}};export{a as ds_icon_zoom_out}

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

@@ -0,0 +1 @@
+import{M as s,r as i,c as t,e,f as a,h as d}from"./p-CooQbSxe.js";import{t as r,i as h,d as l}from"./p-BGPSuOgq.js";import{c as o}from"./p-DzG--th-.js";import{b as n,i as c}from"./p-DfbgRyXR.js";import{i as p,d as m}from"./p-Bl3LA02B.js";import{a as b}from"./p-DOPPYBLc.js";import{c as u}from"./p-D3eLREEa.js";import"./p-FuUSt8fc.js";const g=class extends(s(u("ds-chip-group",{stopRootTracking:!0}),b)){constructor(s){super(),i(this,s),this.dsChipClick=t(this,"dsChipClick",7),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7),this.dsValidity=t(this,"dsValidity",7),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals)}inheritedAttributes={};get el(){return e(this)}internals;dsChipClick;dsSubmitInvalid;dsValidity;dsId=this.getUniqueId();dsName=this.dsId;dsLabel;dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsAssistiveText;dsErrorText;setItemsProp=(s,i)=>{this[s]=i?i<0?0:"_dsMinItems"===s&&void 0!==this.dsMaxItems&&i>this.dsMaxItems?this.dsMaxItems:"_dsMaxItems"===s&&void 0!==this.dsMinItems&&i<this.dsMinItems?this.dsMinItems:i:void 0};_dsMinItems;get dsMinItems(){return this._dsMinItems}set dsMinItems(s){this.setItemsProp("_dsMinItems",s)}_dsMaxItems;get dsMaxItems(){return this._dsMaxItems}set dsMaxItems(s){this.setItemsProp("_dsMaxItems",s)}childCount=0;get DsChipTag(){return r("ds-chip","ds-chip-group",this.el)}get DsGroupLabel(){return r("ds-group-label","ds-chip-group",this.el)}get DsInputValidity(){return r("ds-input-validity","ds-chip-group",this.el)}get childChips(){return Array.from(this.el.querySelectorAll(this.DsChipTag))}async checkValidity(){return this.internals?.checkValidity()}async childConnected(){this.childCount++}async childDisconnected(){this.childCount--}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage??""})};connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid)}setValidity({childCount:s=this.childCount,dsMinItems:i=this.dsMinItems,dsMaxItems:t=this.dsMaxItems}={}){void 0!==i&&s<i?this.internals?.setValidity({customError:!0},p(i-s)):void 0!==t&&s>t?this.internals?.setValidity({customError:!0},m(s-t)):this.internals?.setValidity({})}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...c(this,this.el),...n(this.el,["aria-labelledby"])},this.setValidity()}componentDidLoad(){this.componentMounted()}onAriaChanged(s,i,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:s},a(this)}dsNameObserver(s){this.childChips.forEach((i=>i.dsName=s))}childCountObserver(s){this.setValidity({childCount:s}),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}dsMinItemsObserver(s){this.setValidity({dsMinItems:s})}dsMaxItemsObserver(s){this.setValidity({dsMaxItems:s})}handleDsClick(s){this.childChips.includes(s.target)&&this.dsChipClick.emit(s.detail)}render(){const s=o("ds-chip-group"),i=`${this.dsId}-assistive-text`,{"aria-label":t,"aria-describedby":e,...a}=this.inheritedAttributes,r=this.dsAriaDescribedby||e||[!!this.dsAssistiveText&&i].filter(Boolean).join(" "),l=`${this.dsId}-error-text`;return d("div",{key:"4ababae35585e255c0a113e4841af4d9efe140a6",class:s,role:"group",...h("aria-label",this.dsAriaLabel||t||this.dsLabel),...h("aria-labelledby",this.dsAriaLabelledby),...h("aria-describedby",r),...h("aria-labelledby",this.dsErrorText&&l),...a},d(this.DsGroupLabel,{key:"cf458c09e8a31ada663516781096d5c373fa1d68",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:i},d("slot",{key:"62fce22b818aa90866628b942500742f37e07a88",name:"label"}),d("slot",{key:"1c716f1105fbe74d2a5e72a40f7237a586d46f12",name:"assistiveText"})),d("div",{key:"3f02a975d23cdec126b53c1c1ff1508b61ba0eb6",role:"list",class:`${s}__chips`},d("slot",{key:"63f1039a8aa2a5ec7cfd33f15052988a6c6dbf41"})),this.internals?.form&&this.internals?.validity.valid&&this.childChips.map((s=>d("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),d(this.DsInputValidity,{key:"98b5b3a5a46d4eab0847e98e0d74dab2b64e1e97",id:l,dsText:this.dsErrorText,dsType:"error"}))}static get formAssociated(){return!0}static get watchers(){return{"aria-describedby":[{onAriaChanged:0}],"aria-label":[{onAriaChanged:0}],dsName:[{dsNameObserver:0}],childCount:[{childCountObserver:0}],dsMinItems:[{dsMinItemsObserver:0}],dsMaxItems:[{dsMaxItemsObserver:0}]}}};l([d("ds-chip",{dsText:""}),d("ds-group-label",null),d("ds-input-validity",null)]),g.style=".ds-chip-group__b8qnxH__chips.sc-ds-chip-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";export{g as ds_chip_group}

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

@@ -0,0 +1 @@
+import{r as e,h as s,H as d}from"./p-CooQbSxe.js";const t=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(d,{key:"477243dcf175dc64f2deed5f8ef9dd7f231d0be3",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"4ce56c5da5bd2168deee9a82e73e0e6adbf05cb7",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:"a2c719e64cca783968413a042a51cc56c4060977","fill-rule":"evenodd","clip-rule":"evenodd",d:"M21 3C15 3 8.99998 2.99982 2.99998 3.00006C2.99999 9.00004 3.00007 15 2.99998 21C8.99999 21 15 21 21 21C21 15 21 9 21 3ZM17.1454 10.8527C17.0471 10.8623 16.9485 10.8673 16.8497 10.8677C15.7666 10.8679 14.7563 10.3219 14.163 9.41571V14.3601C14.163 16.3784 12.5269 18.0146 10.5086 18.0146C8.49029 18.0146 6.85414 16.3784 6.85414 14.3601C6.85414 12.3419 8.49029 10.7057 10.5086 10.7057C10.5849 10.7057 10.6594 10.7126 10.7344 10.7173V12.5181C10.6594 12.5091 10.5857 12.4954 10.5086 12.4954C9.47848 12.4954 8.64343 13.3305 8.64343 14.3606C8.64343 15.3907 9.47848 16.2257 10.5086 16.2257C11.5389 16.2257 12.4487 15.414 12.4487 14.3837L12.4667 5.98629H14.1896C14.352 7.53126 15.5978 8.73802 17.1471 8.85129V10.8527"})))}};export{t as ds_icon_tiktok}

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

@@ -0,0 +1 @@
+import{r as s,h as e,H as t}from"./p-CooQbSxe.js";const d=class{constructor(e){s(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(t,{key:"56ddd12cf6e311ad3b0d1a50c02818dfc5e65f52",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"e78fa347d77d637a8a518c35416470a3c363b5e3",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:"c2047812f0fbfc70a504d74739f6c6010bf576d7",d:"M41-193v-574l417 287L41-193Zm462 0v-574l417 287-417 287Z"})))}};export{d as ds_icon_fast_forward_fill}

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

@@ -0,0 +1 @@
+import{r as e,h as s,H as t}from"./p-CooQbSxe.js";const i=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"d170fa4fb621d0544b9d0854ef899b4fb237e451",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"afbe8f42c63ca991c9687e81e0ea85a7c90a46e1",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:"771c55d694083ad2ca03fbd0a7dd77141073f96d",d:"M226-190 59-356l67-66 100 99 179-180 66 68-245 245Zm0-320L59-676l67-66 100 99 179-180 66 68-245 245Zm298 237v-94h377v94H524Zm0-320v-94h377v94H524Z"})))}};export{i as ds_icon_checklist}

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

@@ -0,0 +1 @@
+import{r as e,h as s,H as t}from"./p-CooQbSxe.js";const d=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"b7c5697b67c6cef720ce311cd3bea6ea11d96d8a",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"e6d2f502c0f4869a4f69bce9bd1159f84305d9ae",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:"764a9c9fb447c93e8d4dabd1f2d3efead551ecb4",d:"M55-55v-851h851v691H215L55-55Zm185-344h313v-60H240v60Zm0-130h480v-60H240v60Zm0-130h480v-60H240v60Z"})))}};export{d as ds_icon_chat_fill}

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

@@ -0,0 +1 @@
+import{r as e,h as s}from"./p-CooQbSxe.js";import{c as d}from"./p-DzG--th-.js";const i=class{constructor(s){e(this,s)}dsTag="div";render(){const e=d("ds-visually-hidden");return s(this.dsTag,{key:"8d98eed2e5abe80102e59ad8e1a4e9f5d6169ea1",class:e},s("slot",{key:"06bc60ab50213322e16820eeb2c1de7527736de0"}))}};i.style=".sc-ds-visually-hidden-h{position:absolute}.ds-visually-hidden__b8qnxH.sc-ds-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";export{i as ds_visually_hidden}

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

@@ -0,0 +1 @@
+import{M as s,r as i,e as a,h as e,H as n}from"./p-CooQbSxe.js";import{c as t}from"./p-DzG--th-.js";import{p as l}from"./p-Bj1u_4Eh.js";import"./p-BibdIvHg.js";import"./p-BGPSuOgq.js";const r=class extends(s(l)){constructor(s){super(),i(this,s)}get el(){return a(this)}render(){const s=t("ds-pagination-ellipsis"),i=t(`ds-pagination-ellipsis-variant--${this.paginationContext?.variant||"medium"}`);return e(n,{key:"37dba82fa26a90751ed6df473e90be5f38cdeeb8",class:i},e("span",{key:"1f5af2af65bca8c1d8526819308792c7cc463084",class:s,role:"img","aria-label":this.paginationContext?.texts.ellipsis||"Ellipsis"},"…"))}};r.style=".sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__b8qnxH.sc-ds-pagination-ellipsis{min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-textColor-default);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));align-content:center;text-align:center;user-select:none}";export{r as ds_pagination_ellipsis}

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

@@ -0,0 +1 @@
+import{r as e,h as s,H as t}from"./p-CooQbSxe.js";const i=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"b0bfce9c97c6a03054e4b73dc013d0b5e6dac072",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"6134118126f319c0a6f1a642e3b8586175e850bc",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:"56bef048f99e52d6e2e6cfba36af2e5b6eb9bc1b",d:"M777-95q-108 0-230-59T319-319Q212-424 153.5-543.5T95-776v-90h272l51 224-138 126q24 37 49.5 69t53.5 61q32 32 66 58.5t71 46.5l135-137 211 49v274h-89Z"})))}};export{i as ds_icon_call_fill}

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

@@ -0,0 +1 @@
+import{M as s,r as a,e,h as t}from"./p-CooQbSxe.js";import{t as i,i as d,d as r}from"./p-BGPSuOgq.js";import{c as o}from"./p-DzG--th-.js";import{b as l,i as p}from"./p-DfbgRyXR.js";import{c}from"./p-D3eLREEa.js";import"./p-FuUSt8fc.js";const b=class extends(s(c("ds-tag-group",{stopRootTracking:!0}))){constructor(s){super(),a(this,s)}tagGroupId=this.getUniqueId();assistiveTextId=`${this.tagGroupId}-assistive-text`;inheritedAttributes={};get el(){return e(this)}dsLabel;dsAriaLabel;dsAssistiveText;componentWillLoad(){this.inheritedAttributes={...p(this,this.el),...l(this.el,["aria-describedby"])}}componentDidLoad(){this.componentMounted()}render(){const s=o("ds-tag-group"),a=i("ds-group-label","ds-tag-group",this.el),{"aria-label":e,...r}=this.inheritedAttributes,l=[!!this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return t("div",{key:"93e69af7a60b81016c7a69997777cff253a986de",class:s,role:"group",...d("aria-label",this.dsAriaLabel||e||this.dsLabel),...d("aria-describedby",l),...r},t(a,{key:"2ce0e160e00038d78b77695c933ebefea51173dd",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},t("slot",{key:"31f098eadee64a4cd8c0b0fff57bed507db44b57",name:"label"}),t("slot",{key:"9d8c753ffacf5a37b479ca0b5a573de7a98de121",name:"assistiveText"})),t("div",{key:"86d5172ba9cf167dde3619158906d66e0cf8fdda",role:"list",class:`${s}__tags`},t("slot",{key:"9caebfd8027b4683b59ced20e7f0cd297934bf52"})))}};r([t("ds-group-label",null)]),b.style=".ds-tag-group__b8qnxH__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";export{b as ds_tag_group}

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

@@ -0,0 +1 @@
+import{r as s,h as t,H as e}from"./p-CooQbSxe.js";const i=class{constructor(t){s(this,t)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return t(e,{key:"0b96d343fc7907bd8686b138b95343eb79923bfa",style:{display:"flex"},title:this.dsTitle},t("svg",{key:"12a4abf9f502110d97791760665487421b984cf4",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:"9957f41a4adc44f4944c44ccd117fd95d363444e",d:"M278-55q-59.93 0-101.46-41.54Q135-138.07 135-198v-564q0-60.34 41.54-102.17Q218.07-906 278-906h548v651q-21.5 0-34.25 17.19T779-198.06q0 22.56 12.75 39.31Q804.5-142 826-142v87H278Zm44-287h87v-477h-87v477Zm-44 200h428q-6.69-11.74-10.35-26.37Q692-183 692-197.88q0-16.12 3.88-30.19Q699.77-242.14 707-255H278q-24.2 0-40.1 16.25Q222-222.5 222-198.06q0 24.26 15.9 40.16Q253.8-142 278-142Z"})))}};export{i as ds_icon_book_2_fill}

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

@@ -0,0 +1 @@
+import{r as s,h as a,H as t}from"./p-CooQbSxe.js";const e=class{constructor(a){s(this,a)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return a(t,{key:"c5fc64dc0801f79024aa1a841a609c698aac70ab",style:{display:"flex"},title:this.dsTitle},a("svg",{key:"88a3814cbbccfc50f2258feaa74d20eef2670865",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},a("path",{key:"9b9c3ab9ae289060978b89580d9c512981658593",d:"M270-291h60v-60h-60v60Zm0-159h60v-60h-60v60Zm0-160h60v-60h-60v60Zm162 319h244v-60H432v60Zm0-159h244v-60H432v60Zm0-160h244v-60H432v60ZM95-95v-771h771v771H95Zm94-94h582v-582H189v582Zm0 0v-582 582Z"})))}};export{e as ds_icon_list_alt}

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

@@ -0,0 +1 @@
+import{r as s,h as e,H as t}from"./p-CooQbSxe.js";const i=class{constructor(e){s(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(t,{key:"8c97d2927a6a76006a65d937d5bfc7a413d74c76",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"36402e0ac7b033892a7eb664131d09c1ec1d2cef",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:"ca1db6bbd29092b22399be45d89d54178f785f3d",d:"M620-527q24.5 0 42.25-17.75T680-587q0-24.5-17.75-42.25T620-647q-24.5 0-41.75 17.4Q561-612.21 561-587.35q0 24.85 17.21 42.6T620-527Zm-280 0q24.5 0 41.75-17.4Q399-561.79 399-586.65q0-24.85-17.21-42.6T340-647q-24.5 0-42.25 17.75T280-587q0 24.5 17.75 42.25T340-527Zm140.17 110Q413-417 358.5-379.5T278-280h67q20-37 57.05-57t79-20q41.95 0 78.45 20.5T617-280h65q-25-63-79.83-100-54.82-37-122-37Zm-.12 362Q392-55 314.5-88 237-121 179-179T88-314.45q-33-77.44-33-165.5Q55-568 88-645.5q33-77.5 90.84-135.55 57.85-58.06 135.36-91.5Q391.72-906 479.86-906t165.76 33.37q77.62 33.37 135.59 91.29 57.98 57.92 91.39 135.54Q906-568.17 906-479.92q0 88.2-33.45 165.68-33.44 77.48-91.5 135.36Q723-121 645.55-88q-77.44 33-165.5 33Z"})))}};export{i as ds_icon_sentiment_dissatisfied_fill}

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

@@ -0,0 +1 @@
+import{r as e,h as s,H as t}from"./p-CooQbSxe.js";const i=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"d4ac996140fb4eb295cf7e779c1364285ef45080",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"09c86e208a5196b794c1a2222aa0ed4556260e80",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:"15069ed906eecafe50193fa8a6404f461cc1fc5a",d:"M351-95v-591l-90 90-66-66 203-203 204 203-66 66-90-90v281q29-24 64.5-42t91.5-18q14 0 35 3.5t38 7.5l-89-90 66-66 204 204-204 203-66-66 91-91q-14-3-35-6.5t-43-3.5q-51 0-93.5 30T446-254v159h-95Z"})))}};export{i as ds_icon_fork_right}

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

@@ -0,0 +1 @@
+import{r as h,h as v,H as e}from"./p-CooQbSxe.js";const s=class{constructor(v){h(this,v)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return v(e,{key:"528a6f0706c7ff2d84e88798fe717bd059c32e91",style:{display:"flex"},title:this.dsTitle},v("svg",{key:"3c544462ac2490e1109f78f39cb2bcf550d5457d",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},v("path",{key:"ae43fb13ef3fb408d2dbd90cff56b65be85cc582",d:"M771-602v-169H602v-95h264v264h-95ZM95-95v-263h94v169h169v94H95Zm0-338v-94h94v94H95Zm0-169v-95h94v95H95Zm0-169v-95h94v95H95Zm169 0v-95h95v95h-95ZM433-95v-94h94v94h-94Zm0-676v-95h94v95h-94ZM602-95v-94h95v94h-95Zm169 0v-94h95v94h-95Zm0-169v-95h95v95h-95Zm0-169v-94h95v94h-95Z"})))}};export{s as ds_icon_resize}

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

@@ -0,0 +1 @@
+import{M as t,r as e,c as a,e as s,f as r,h as i,F as d}from"./p-CooQbSxe.js";import{c as o}from"./p-BfTCfPZ1.js";import{q as n,u as l,x as c,g as _,a as x,v as b}from"./p-Bl3LA02B.js";import{a as h,t as v,i as u,d as f}from"./p-BGPSuOgq.js";import{b as g,i as H}from"./p-DfbgRyXR.js";import{c as q}from"./p-DzG--th-.js";import{a as y}from"./p-CLNvzo86.js";import{c as p}from"./p-D3eLREEa.js";import"./p-FuUSt8fc.js";const m=class extends(t(p("ds-text-area",{stopRootTracking:!0}))){constructor(t){super(),e(this,t),this.dsChange=a(this,"dsChange",7),this.dsInput=a(this,"dsInput",7),this.dsSubmitInvalid=a(this,"dsSubmitInvalid",7),this.dsValidity=a(this,"dsValidity",7)}inheritedAttributes={};textareaElement;get el(){return s(this)}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=this.getUniqueId();dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsOptionalText;dsResizing="both";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsErrorText;dsSuccessText;dsAssistiveText;dsHiddenAssistiveText;dsCharacterLimit;dsFullWidth=!1;hasFocus=!1;textareaActive=!1;wasInvalidOnBlur=!1;characterCount=0;internalValue="";hiddenCharacterCountText="";get assistiveTextId(){return`${this.dsId}-assistive-text`}get visuallyHiddenAssistiveTextId(){return`${this.dsId}-visually-hidden-assistive-text`}get errorTextId(){return`${this.dsId}-error-text`}get successTextId(){return`${this.dsId}-success-text`}async setFocus(){const t=this.el.querySelector("textarea");t?.focus()}async checkValidity(){const t=this.el.querySelector("textarea");return t?.checkValidity()}async clearTextarea(){this.internalValue="";const t=this.el.querySelector("textarea");t&&(t.value="")}internalValueObserver(t){this.characterCount=t.length,this.validateCharacterCount(this.characterCount)}valueObserver(t){this.internalValue=t||"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(t,e,a){this.inheritedAttributes={...this.inheritedAttributes,[a]:t},r(this)}componentWillLoad(){this.inheritedAttributes={...H(this,this.el,["id"]),...g(this.el,["aria-invalid"])},this.internalValue=this.dsValue||"",this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount)}componentDidLoad(){this.componentMounted(),this.adjustTextareaHeight()}disconnectedCallback(){this.setHiddenCharacterCountText?.cancel()}setHiddenCharacterCountText=h((t=>{this.hiddenCharacterCountText=t}),y);validateCharacterCount=t=>{this.dsCharacterLimit&&(t>this.dsCharacterLimit?(this.setHiddenCharacterCountText(n(t-this.dsCharacterLimit)),this.textareaElement?.setCustomValidity(l())):(this.setHiddenCharacterCountText(c(this.dsCharacterLimit-t)),this.textareaElement?.setCustomValidity("")))};adjustTextareaHeight=()=>{"auto"===this.dsResizing&&this.textareaElement&&(this.textareaElement.style.height="auto",this.textareaElement.style.height=`${this.textareaElement.scrollHeight}px`)};getLabelText=()=>this.dsRequired?_(this.dsLabel):this.dsOptional?x(this.dsLabel,this.dsOptionalText):this.dsLabel;getValidityMessage=t=>"customError"===t?this.textareaElement?.validationMessage:b(t);handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.wasInvalidOnBlur="valid"!==e,this.dsValidity.emit({flag:e,message:this.getValidityMessage(e)});break}};handleInvalid=t=>{t.preventDefault();const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.dsSubmitInvalid.emit({flag:t,message:this.getValidityMessage(t)});break}};handleInput=t=>{if(this.internalValue=t.target.value,this.dsInput.emit({event:t,value:this.internalValue}),this.dsChange.emit({value:this.internalValue}),this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount),this.adjustTextareaHeight(),this.dsErrorText||this.wasInvalidOnBlur){const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.dsValidity.emit({flag:e,message:this.getValidityMessage(e)});break}}};handleTextareaContainerClick(){this.textareaElement.focus()}render(){const t=v("ds-input-validity","ds-text-area",this.el),e=v("ds-control-label","ds-text-area",this.el),a=v("ds-visually-hidden","ds-text-area",this.el),s=q("ds-text-area"),r=`${s}__container`,{"aria-label":n,"aria-labelledby":l,"aria-describedby":c,..._}=this.inheritedAttributes,x=this.dsAriaLabel||n,b=this.dsAriaLabelledby||l,h=this.dsAriaDescribedby||c;return i(d,{key:"b612b6fe3103f53e0b64d915805f75e9796ac8fb"},i(e,{key:"02bd38ed0325a311736df8cb30470a197acb5a22",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},i("slot",{key:"46190e215c00cfeff75b7322d308cca9999cbe13",name:"label"}),i("slot",{key:"f796438f25c4dc05ad15239f1c5fa023db382088",name:"assistiveText"})),i("div",{key:"5fca9a68236653b672417beaa5d0d8602a3da5b1",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class:o(r,{[`${r}--disabled`]:this.dsDisabled,[`${r}--readonly`]:this.dsReadonly,[`${r}--valid`]:!!this.dsSuccessText,[`${r}--invalid`]:!!this.dsErrorText,[`${r}--focus`]:this.hasFocus,[`${r}--active`]:!!this.textareaActive,[`${r}--full-width`]:this.dsFullWidth})},i("textarea",{key:"b253e00fba6be195003abe91fb25953a7c211d35",ref:t=>this.textareaElement=t,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,value:void 0!==this.dsValue?this.dsValue:this.internalValue,placeholder:this.dsPlaceholder,readonly:this.dsReadonly,required:this.dsRequired,class:o(`${s}__textarea`,`${s}__textarea--resize-${this.dsResizing}`,{[`${s}__textarea--full-width`]:this.dsFullWidth}),onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...u("aria-label",x),...u("aria-labelledby",b),...u("aria-describedby",h||o({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",..._})),i("div",{key:"c3e2ddb162f2b08f5ef36362af7c178515172a80",class:o(`${s}__validity-container`,{[`${s}__validity-container--has-character-limit`]:!!this.dsCharacterLimit})},i("slot",{key:"03881d01b433caade0562f09639f17a3c06b1d59",name:"validity"},i(t,{key:"8b3198a9b6803341fe297374baa9ff0d3d4b3a9b",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"},this.dsCharacterLimit&&i(a,{key:"436b39e47d7a10b99b72226571f5a51940088a59",dsTag:"span"},this.hiddenCharacterCountText)),i(t,{key:"3976c6acf0ba732fa5486e6d164172370b03735c",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success",dsAriaLive:"polite"})),this.dsCharacterLimit&&i("div",{key:"b728310d7e83472bbbac2c949e353720bcbd9eac",class:o(`${s}__character-count`,{[`${s}__character-count--over-limit`]:this.characterCount>this.dsCharacterLimit})},i("small",{key:"04355fc32cfe659475b58a24d16aa66ed1f7132d"},this.characterCount,"/",this.dsCharacterLimit))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}}};f([i("ds-input-validity",null),i("ds-visually-hidden",null),i("ds-control-label",null)]),m.style=".ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__b8qnxH__container--full-width){width:100%}.ds-text-area__b8qnxH.sc-ds-text-area{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-area__b8qnxH__container.sc-ds-text-area:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__b8qnxH__container.sc-ds-text-area:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__b8qnxH__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__b8qnxH__container.ds-text-area__b8qnxH__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__b8qnxH__container.ds-text-area__b8qnxH__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__b8qnxH__container.ds-text-area__b8qnxH__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__b8qnxH__container.ds-text-area__b8qnxH__container--invalid.ds-text-area__b8qnxH__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__b8qnxH__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__b8qnxH__container--valid.sc-ds-text-area:hover:not(.ds-text-area__b8qnxH__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__b8qnxH__container--valid.ds-text-area__b8qnxH__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__b8qnxH__container--readonly.sc-ds-text-area,.ds-text-area__b8qnxH__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__b8qnxH__container.sc-ds-text-area:focus-within:not(.ds-text-area__b8qnxH__container.ds-text-area__b8qnxH__container--invalid,.ds-text-area__b8qnxH__container.ds-text-area__b8qnxH__container--valid.sc-ds-text-area,.ds-text-area__b8qnxH__container.ds-text-area__b8qnxH__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__b8qnxH__container.sc-ds-text-area:hover:not(.ds-text-area__b8qnxH__container.ds-text-area__b8qnxH__container--disabled,.ds-text-area__b8qnxH__container.ds-text-area__b8qnxH__container--readonly.sc-ds-text-area,.ds-text-area__b8qnxH__container.ds-text-area__b8qnxH__container--active.sc-ds-text-area,.ds-text-area__b8qnxH__container.ds-text-area__b8qnxH__container--invalid.sc-ds-text-area,.ds-text-area__b8qnxH__container.ds-text-area__b8qnxH__container--valid.sc-ds-text-area,.ds-text-area__b8qnxH__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__b8qnxH__container.active.sc-ds-text-area:not(.ds-text-area__b8qnxH__container.ds-text-area__b8qnxH__container--disabled,.ds-text-area__b8qnxH__container.ds-text-area__b8qnxH__container--readonly.sc-ds-text-area,.ds-text-area__b8qnxH__container.ds-text-area__b8qnxH__container--invalid.sc-ds-text-area,.ds-text-area__b8qnxH__container.ds-text-area__b8qnxH__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__b8qnxH__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__b8qnxH__external-button.sc-ds-text-area,.ds-text-area__b8qnxH.sc-ds-text-area-s>[slot=suffix],.ds-text-area__b8qnxH .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__b8qnxH__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__b8qnxH__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__b8qnxH__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__b8qnxH__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__b8qnxH__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__b8qnxH__textarea.sc-ds-text-area{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__b8qnxH__textarea.sc-ds-text-area::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-area__b8qnxH__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__b8qnxH__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__b8qnxH__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__b8qnxH__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__b8qnxH__textarea--resize-auto.sc-ds-text-area,.ds-text-area__b8qnxH__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__b8qnxH__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__b8qnxH__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__b8qnxH__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__b8qnxH__textarea--full-width.sc-ds-text-area{width:100%}";export{m as ds_text_area}

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

@@ -0,0 +1 @@
+import{r as s,c as a}from"./p-CooQbSxe.js";import{d as e,i as g,s as t,g as n}from"./p-FuUSt8fc.js";const r=class{constructor(e){s(this,e),this.dsLanguageChange=a(this,"dsLanguageChange",7)}dsLanguage=e;dsLanguageChange;componentWillLoad(){g({language:this.dsLanguage})}dsLanguageObserver(s){t(s),this.dsLanguageChange.emit(s)}async setLanguage(s){this.dsLanguage=s,t(s)}async getLanguage(){return n()}static get watchers(){return{dsLanguage:[{dsLanguageObserver:0}]}}};export{r as ds_store}

package/dist/components/ds-accordion.js

@@ -1 +1 @@
-import{p as o,M as d,c as t,h as i,t as s}from"./p-wqrxZQr-.js";import{c as n}from"./p-BfTCfPZ1.js";import{t as r,d as e}from"./p-CjK5xiRo.js";import{c as a}from"./p-DO6FdToF.js";import{a as c,i as _}from"./p-BecId8t2.js";import{g as l}from"./p-DBY__RGi.js";import{c as b}from"./p-CouvoOWw.js";import{d as h}from"./p-jM7QTYKQ.js";import{d as p}from"./p-DeGJGa99.js";import{d as u}from"./p-BKhFBe1m.js";import{d as g}from"./p-DZ87FvA3.js";const m=o(class extends(d(b("ds-accordion",{stopRootTracking:!0}))){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=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 r("ds-button","ds-accordion",this.el)}get DsIcon(){return r("ds-icon","ds-accordion",this.el)}get close(){switch(l()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}componentWillLoad(){this.dsOpenByDefault&&(this.isExpanded=!0),this.inheritedAttributes={..._(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 i("div",{class:n(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&&i("div",{class:n(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})},i("slot",{name:"header"})),i("div",{class:n(o+"__open-button-container")},i("button",{class:n(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"},i("span",{class:n(o+"__open-button__icon",`${o}__open-button__icon--${this.dsVariant}`),"aria-hidden":"true"},i(this.DsIcon,{dsSize:"1.5rem",dsName:this.isExpanded?"keyboard_arrow_up":"keyboard_arrow_down"})),"button"===this.dsHeadingVariant&&i("span",{class:n(o+"__open-button__header-slot",`${o}__open-button__header-slot--${this.dsVariant}`)},i("slot",{name:"header"})))))}render(){const o=a("ds-accordion");return i("div",{key:"481989a210862e9fd3de916261c2bfae779b1ca3",class:n(o,`${o}--${this.dsVariant}`,{[o+"--expanded"]:this.isExpanded}),...this.inheritedAttributes},i("div",{key:"3b347e0f3cc39275614d3c36fd8d78abfc01cf2d",class:o+"__item"},this.renderHeading(o),i("div",{key:"4b68f600d43bfd03fe18652520bb1f47572c552b",id:this.dsId+"-panel",role:"region","aria-labelledby":this.dsId,class:n(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},i("div",{key:"35f65b2ef7acfc61ad40f2abff0b01edcc5d9843",class:n(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})},i("slot",{key:"99be0fa07b1af287f2147a078a1ba24f3be8b24c",name:"content"}),this.dsUseCloseButton&&i(this.DsButton,{key:"97bde80f2e150480ff73efbdb268b8c01c9f81f8",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__bQiYWO.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__bQiYWO__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__bQiYWO__title.sc-ds-accordion:not(.ds-accordion__bQiYWO__title--hide-top-border) .ds-accordion__bQiYWO__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__bQiYWO__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__bQiYWO__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__bQiYWO__title--border-aligned.ds-accordion__bQiYWO__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__bQiYWO__title--border-aligned.ds-accordion__bQiYWO__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__bQiYWO__title--with-background.sc-ds-accordion .ds-accordion__bQiYWO__open-button.sc-ds-accordion:not(.ds-accordion__bQiYWO__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__bQiYWO__title--with-background.sc-ds-accordion:has(.ds-accordion__bQiYWO__open-button.ds-accordion__bQiYWO__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__bQiYWO__title.sc-ds-accordion:has(.ds-accordion__bQiYWO__open-button:hover:not(.ds-accordion__bQiYWO__open-button--icon-button)) .ds-accordion__bQiYWO__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__bQiYWO__title.sc-ds-accordion:has(.ds-accordion__bQiYWO__open-button:active:not(.ds-accordion__bQiYWO__open-button--icon-button)) .ds-accordion__bQiYWO__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__bQiYWO__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__bQiYWO__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__bQiYWO__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__bQiYWO__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__bQiYWO__open-button-container.sc-ds-accordion{position:relative;width:auto}.ds-accordion__bQiYWO__open-button-container.sc-ds-accordion:has(.ds-accordion__bQiYWO__open-button:not(.ds-accordion__bQiYWO__open-button--icon-button)){width:100%}.ds-accordion__bQiYWO__open-button-container.sc-ds-accordion::after{content:"";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:1}.ds-accordion__bQiYWO__open-button-container.sc-ds-accordion:has(.ds-accordion__bQiYWO__open-button--border-aligned:not(.ds-accordion__bQiYWO__open-button--icon-button))::after{inset-inline:calc(-1 * var(--ds-spacing-small))}.ds-accordion__bQiYWO__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__bQiYWO__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__bQiYWO__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__bQiYWO__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__bQiYWO__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__bQiYWO__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__bQiYWO__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__bQiYWO__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__bQiYWO__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__bQiYWO__open-button--icon-button){padding-inline:0}.ds-accordion__bQiYWO__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__bQiYWO__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__bQiYWO__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__bQiYWO__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__bQiYWO__title--with-background.sc-ds-accordion .ds-accordion__bQiYWO__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__bQiYWO__open-button--icon-button)::before,.ds-accordion__bQiYWO__title--with-background.sc-ds-accordion .ds-accordion__bQiYWO__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__bQiYWO__open-button--icon-button)::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__bQiYWO__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__bQiYWO__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;height:100%;order:1}.ds-accordion__bQiYWO__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__bQiYWO__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__bQiYWO__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__bQiYWO__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__bQiYWO__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__bQiYWO__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__bQiYWO__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__bQiYWO__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__bQiYWO__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__bQiYWO__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__bQiYWO__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__bQiYWO__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__bQiYWO__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__bQiYWO.sc-ds-accordion-s>[slot=header],.ds-accordion__bQiYWO .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__bQiYWO__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__bQiYWO__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__bQiYWO__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__bQiYWO__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__bQiYWO__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__bQiYWO__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__bQiYWO__content--with-background.sc-ds-accordion::before,.ds-accordion__bQiYWO__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__bQiYWO__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__bQiYWO.sc-ds-accordion-s>div[slot=header][class*=toc],.ds-accordion__bQiYWO .sc-ds-accordion-s>div[slot=header][class*=toc]{display:flex;gap:var(--ds-spacing-2xSmall)}.ds-accordion__bQiYWO.sc-ds-accordion-s>ul[slot=content][class*=toc],.ds-accordion__bQiYWO .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([i("ds-icon",{dsName:""}),i("ds-button",null)]);const v=m,f=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),m);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{v as DsAccordion,f as defineCustomElement}
+import{p as o,M as d,c as t,h as n,t as s}from"./p-BC-tqTRl.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as i,d as e}from"./p-ChKb-Fx7.js";import{c as a}from"./p-D15smIrY.js";import{a as c,i as l}from"./p-BecId8t2.js";import{g as _}from"./p-Bi-Ax0Qy.js";import{c as b}from"./p-DBGsd7zx.js";import{d as h}from"./p-yEftCSCR.js";import{d as p}from"./p-B5A05z7H.js";import{d as u}from"./p-DQg8hVZM.js";import{d as g}from"./p-zfU6YBeC.js";const x=o(class extends(d(b("ds-accordion",{stopRootTracking:!0}))){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=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 n("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&&n("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})},n("slot",{name:"header"})),n("div",{class:r(o+"__open-button-container")},n("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"},n("span",{class:r(o+"__open-button__icon",`${o}__open-button__icon--${this.dsVariant}`),"aria-hidden":"true"},n(this.DsIcon,{dsSize:"1.5rem",dsName:this.isExpanded?"keyboard_arrow_up":"keyboard_arrow_down"})),"button"===this.dsHeadingVariant&&n("span",{class:r(o+"__open-button__header-slot",`${o}__open-button__header-slot--${this.dsVariant}`)},n("slot",{name:"header"})))))}render(){const o=a("ds-accordion");return n("div",{key:"481989a210862e9fd3de916261c2bfae779b1ca3",class:r(o,`${o}--${this.dsVariant}`,{[o+"--expanded"]:this.isExpanded}),...this.inheritedAttributes},n("div",{key:"3b347e0f3cc39275614d3c36fd8d78abfc01cf2d",class:o+"__item"},this.renderHeading(o),n("div",{key:"4b68f600d43bfd03fe18652520bb1f47572c552b",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},n("div",{key:"35f65b2ef7acfc61ad40f2abff0b01edcc5d9843",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})},n("slot",{key:"99be0fa07b1af287f2147a078a1ba24f3be8b24c",name:"content"}),this.dsUseCloseButton&&n(this.DsButton,{key:"97bde80f2e150480ff73efbdb268b8c01c9f81f8",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__b8qnxH.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__b8qnxH__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__b8qnxH__title.sc-ds-accordion:not(.ds-accordion__b8qnxH__title--hide-top-border) .ds-accordion__b8qnxH__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__b8qnxH__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__b8qnxH__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__b8qnxH__title--border-aligned.ds-accordion__b8qnxH__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__b8qnxH__title--border-aligned.ds-accordion__b8qnxH__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__b8qnxH__title--with-background.sc-ds-accordion .ds-accordion__b8qnxH__open-button.sc-ds-accordion:not(.ds-accordion__b8qnxH__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__b8qnxH__title--with-background.sc-ds-accordion:has(.ds-accordion__b8qnxH__open-button.ds-accordion__b8qnxH__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__b8qnxH__title.sc-ds-accordion:has(.ds-accordion__b8qnxH__open-button:hover:not(.ds-accordion__b8qnxH__open-button--icon-button)) .ds-accordion__b8qnxH__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__b8qnxH__title.sc-ds-accordion:has(.ds-accordion__b8qnxH__open-button:active:not(.ds-accordion__b8qnxH__open-button--icon-button)) .ds-accordion__b8qnxH__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__b8qnxH__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__b8qnxH__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__b8qnxH__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__b8qnxH__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__b8qnxH__open-button-container.sc-ds-accordion{position:relative;width:auto}.ds-accordion__b8qnxH__open-button-container.sc-ds-accordion:has(.ds-accordion__b8qnxH__open-button:not(.ds-accordion__b8qnxH__open-button--icon-button)){width:100%}.ds-accordion__b8qnxH__open-button-container.sc-ds-accordion::after{content:"";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:1}.ds-accordion__b8qnxH__open-button-container.sc-ds-accordion:has(.ds-accordion__b8qnxH__open-button--border-aligned:not(.ds-accordion__b8qnxH__open-button--icon-button))::after{inset-inline:calc(-1 * var(--ds-spacing-small))}.ds-accordion__b8qnxH__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__b8qnxH__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__b8qnxH__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__b8qnxH__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__b8qnxH__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__b8qnxH__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__b8qnxH__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__b8qnxH__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__b8qnxH__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__b8qnxH__open-button--icon-button){padding-inline:0}.ds-accordion__b8qnxH__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__b8qnxH__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__b8qnxH__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__b8qnxH__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__b8qnxH__title--with-background.sc-ds-accordion .ds-accordion__b8qnxH__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__b8qnxH__open-button--icon-button)::before,.ds-accordion__b8qnxH__title--with-background.sc-ds-accordion .ds-accordion__b8qnxH__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__b8qnxH__open-button--icon-button)::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__b8qnxH__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__b8qnxH__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;height:100%;order:1}.ds-accordion__b8qnxH__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__b8qnxH__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__b8qnxH__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__b8qnxH__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__b8qnxH__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__b8qnxH__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__b8qnxH__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__b8qnxH__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__b8qnxH__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__b8qnxH__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__b8qnxH__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__b8qnxH__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__b8qnxH__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__b8qnxH.sc-ds-accordion-s>[slot=header],.ds-accordion__b8qnxH .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__b8qnxH__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__b8qnxH__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__b8qnxH__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__b8qnxH__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__b8qnxH__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__b8qnxH__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__b8qnxH__content--with-background.sc-ds-accordion::before,.ds-accordion__b8qnxH__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__b8qnxH__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__b8qnxH.sc-ds-accordion-s>div[slot=header][class*=toc],.ds-accordion__b8qnxH .sc-ds-accordion-s>div[slot=header][class*=toc]{display:flex;gap:var(--ds-spacing-2xSmall)}.ds-accordion__b8qnxH.sc-ds-accordion-s>ul[slot=content][class*=toc],.ds-accordion__b8qnxH .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([n("ds-icon",{dsName:""}),n("ds-button",null)]);const m=x,f=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),x);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,f 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-wqrxZQr-.js";import{c as r}from"./p-DO6FdToF.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__bQiYWO.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-BC-tqTRl.js";import{c as r}from"./p-D15smIrY.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__b8qnxH.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,M as s,h as i,t as o}from"./p-wqrxZQr-.js";import{c as l}from"./p-DO6FdToF.js";import{c as e}from"./p-CouvoOWw.js";const d=t(class extends(s(e("ds-action-list-group-title"))){constructor(t){super(),!1!==t&&this.__registerHost()}dsTitle;dsId=this.getUniqueId();render(){const t=l("ds-action-list-group-title");return i("span",{key:"7329cc0f5c6fdf50b044cc748f7665df5436d342",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__bQiYWO.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"]}]),a=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{a as DsActionListGroupTitle,r as defineCustomElement}
+import{p as t,M as s,h as i,d as o,t as l}from"./p-BC-tqTRl.js";import{c as e}from"./p-D15smIrY.js";import{c as a}from"./p-DBGsd7zx.js";const d=t(class extends(s(a("ds-action-list-group-title"))){constructor(t){super(),!1!==t&&this.__registerHost()}dsTitle;dsId=this.getUniqueId();render(){const t=e("ds-action-list-group-title");return i(o,{key:"1b283379ba11079f2189d151010b288869af58c5",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__b8qnxH.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(l(t))||customElements.define(l(t),d))}))};export{r as DsActionListGroupTitle,n as defineCustomElement}

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

@@ -1 +1 @@
-import{p as i,M as t,c as s,h as e,t as o}from"./p-wqrxZQr-.js";import{c as d}from"./p-BfTCfPZ1.js";import{t as a,d as c}from"./p-CjK5xiRo.js";import{c as l}from"./p-DO6FdToF.js";import{c as n}from"./p-Ccf9CXPb.js";import{c as r}from"./p-CouvoOWw.js";import{d as b}from"./p-DeGJGa99.js";const m=i(class extends(t(r("ds-action-list-item"))){constructor(i){super(),!1!==i&&this.__registerHost(),this.dsSelect=s(this,"dsSelect",7)}get el(){return this}buttonEl;dsId=this.getUniqueId();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(i){this.tabIndex=i}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 i=n(this.el);i?.closeMenu()}}handleKeyDown(i){"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.handleSelect())}renderIcon(i){if(!this.dsIcon||"multi-select"===this.dsVariant)return null;const t=a("ds-icon","ds-action-list-item",this.el);return e(t,{class:i+"__icon",dsName:this.dsIcon,dsSize:"1.25rem"})}renderSelector(i){if("single-select"===this.dsVariant){const t=a("ds-icon","ds-action-list-item",this.el);return e("span",{class:d(i+"__selector",{[i+"__selector--visible"]:this.dsSelected}),"aria-hidden":"true"},this.dsSelected&&e(t,{dsName:"check",dsSize:"1.25rem"}))}if("multi-select"===this.dsVariant){const t=a("ds-icon","ds-action-list-item",this.el);return e(t,{class:d(i+"__checkbox",{[i+"__checkbox--checked"]:this.dsSelected}),dsName:this.dsSelected?"check_box_fill":"check_box_outline_blank",dsSize:"1.25rem"})}return null}render(){const{role:i}=this,t=l("ds-action-list-item"),s=this.dsIndented&&!this.dsIcon&&"multi-select"!==this.dsVariant,o=d(t,`${t}--${this.dsVariant}`,{[t+"--disabled"]:this.dsDisabled,[t+"--unavailable"]:this.dsUnavailable,[t+"--indented"]:s});return e("button",{key:"ec5fe94ab49975a45fff00013c6ea96a80eddac4",ref:i=>this.buttonEl=i,class:o,role:i,"aria-checked":"menuitemcheckbox"===i||"menuitemradio"===i?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(t),s&&e("span",{key:"54b5be6b6d930fde87a4a6c8d80a6d145136697f",class:t+"__indent","aria-hidden":"true"}),this.renderIcon(t),e("span",{key:"e57a842adef5e1c3f0d3579cec25a483bd3782d6",class:t+"__content"},e("span",{key:"8eb1c0a34fec3fc912aee2e4625a842d118f0b9a",class:t+"__label"},this.dsLabel),this.dsDescription&&e("span",{key:"fed3cd25e3032b9397f1f926b8d40cd25f0f51c9",class:t+"__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__bQiYWO.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__bQiYWO.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__bQiYWO--unavailable){background-color:var(--ds-bgColor-white-hover)}.ds-action-list-item__bQiYWO.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__bQiYWO--unavailable){background-color:var(--ds-bgColor-white-active)}.ds-action-list-item__bQiYWO.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__bQiYWO.sc-ds-action-list-item:disabled,.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--unavailable.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--unavailable.sc-ds-action-list-item .ds-action-list-item__bQiYWO__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--unavailable.sc-ds-action-list-item .ds-action-list-item__bQiYWO__description.sc-ds-action-list-item{color:var(--ds-textColor-attention)}.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--action-danger.sc-ds-action-list-item{color:var(--ds-textColor-danger)}.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--action-danger.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__bQiYWO--unavailable){background-color:var(--ds-bgColor-danger)}.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--action-danger.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__bQiYWO--unavailable){background-color:var(--ds-bgColor-danger-hover)}.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--action-danger.sc-ds-action-list-item:disabled,.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--action-danger.ds-action-list-item__bQiYWO--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__bQiYWO__icon.sc-ds-action-list-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-action-list-item__bQiYWO__indent.sc-ds-action-list-item{flex-shrink:0;width:1.25rem}.ds-action-list-item__bQiYWO__content.sc-ds-action-list-item{display:flex;flex-direction:column;flex:1;min-width:0}.ds-action-list-item__bQiYWO__label.sc-ds-action-list-item{display:block}.ds-action-list-item__bQiYWO__description.sc-ds-action-list-item{display:block;color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-action-list-item__bQiYWO__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__bQiYWO__selector.ds-action-list-item__bQiYWO__selector--visible.sc-ds-action-list-item{visibility:visible}.ds-action-list-item__bQiYWO__checkbox.sc-ds-action-list-item{flex-shrink:0;color:var(--ds-iconColor-neutral)}.ds-action-list-item__bQiYWO__checkbox--checked.sc-ds-action-list-item{color:var(--ds-iconColor-primary)}[disabled].sc-ds-action-list-item-h .ds-action-list-item__bQiYWO__selector--visible.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__bQiYWO__selector--visible.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}button.sc-ds-action-list-item:disabled .ds-action-list-item__bQiYWO__checkbox.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__bQiYWO__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 _=m,h=function(){"undefined"!=typeof customElements&&["ds-action-list-item","ds-icon"].forEach((i=>{switch(i){case"ds-action-list-item":customElements.get(o(i))||customElements.define(o(i),m);break;case"ds-icon":customElements.get(o(i))||b()}}))};export{_ as DsActionListItem,h as defineCustomElement}
+import{p as t,M as i,c as s,h as e,t as n}from"./p-BC-tqTRl.js";import{c as o}from"./p-BfTCfPZ1.js";import{t as d,d as a}from"./p-ChKb-Fx7.js";import{c}from"./p-D15smIrY.js";import{c as l}from"./p-Ccf9CXPb.js";import{c as r}from"./p-DBGsd7zx.js";import{d as b}from"./p-B5A05z7H.js";const m=t(class extends(i(r("ds-action-list-item"))){constructor(t){super(),!1!==t&&this.__registerHost(),this.dsSelect=s(this,"dsSelect",7)}get el(){return this}buttonEl;dsId=this.getUniqueId();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=l(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=d("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=d("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=d("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:"ec5fe94ab49975a45fff00013c6ea96a80eddac4",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:"54b5be6b6d930fde87a4a6c8d80a6d145136697f",class:i+"__indent","aria-hidden":"true"}),this.renderIcon(i),e("span",{key:"e57a842adef5e1c3f0d3579cec25a483bd3782d6",class:i+"__content"},e("span",{key:"8eb1c0a34fec3fc912aee2e4625a842d118f0b9a",class:i+"__label"},this.dsLabel),this.dsDescription&&e("span",{key:"fed3cd25e3032b9397f1f926b8d40cd25f0f51c9",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__b8qnxH.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__b8qnxH.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__b8qnxH--unavailable){background-color:var(--ds-bgColor-white-hover)}.ds-action-list-item__b8qnxH.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__b8qnxH--unavailable){background-color:var(--ds-bgColor-white-active)}.ds-action-list-item__b8qnxH.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__b8qnxH.sc-ds-action-list-item:disabled,.ds-action-list-item__b8qnxH.ds-action-list-item__b8qnxH--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__b8qnxH.ds-action-list-item__b8qnxH--unavailable.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__b8qnxH.ds-action-list-item__b8qnxH--unavailable.sc-ds-action-list-item .ds-action-list-item__b8qnxH__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__b8qnxH.ds-action-list-item__b8qnxH--unavailable.sc-ds-action-list-item .ds-action-list-item__b8qnxH__description.sc-ds-action-list-item{color:var(--ds-textColor-attention)}.ds-action-list-item__b8qnxH.ds-action-list-item__b8qnxH--action-danger.sc-ds-action-list-item{color:var(--ds-textColor-danger)}.ds-action-list-item__b8qnxH.ds-action-list-item__b8qnxH--action-danger.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__b8qnxH--unavailable){background-color:var(--ds-bgColor-danger)}.ds-action-list-item__b8qnxH.ds-action-list-item__b8qnxH--action-danger.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__b8qnxH--unavailable){background-color:var(--ds-bgColor-danger-hover)}.ds-action-list-item__b8qnxH.ds-action-list-item__b8qnxH--action-danger.sc-ds-action-list-item:disabled,.ds-action-list-item__b8qnxH.ds-action-list-item__b8qnxH--action-danger.ds-action-list-item__b8qnxH--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__b8qnxH__icon.sc-ds-action-list-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-action-list-item__b8qnxH__indent.sc-ds-action-list-item{flex-shrink:0;width:1.25rem}.ds-action-list-item__b8qnxH__content.sc-ds-action-list-item{display:flex;flex-direction:column;flex:1;min-width:0}.ds-action-list-item__b8qnxH__label.sc-ds-action-list-item{display:block}.ds-action-list-item__b8qnxH__description.sc-ds-action-list-item{display:block;color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-action-list-item__b8qnxH__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__b8qnxH__selector.ds-action-list-item__b8qnxH__selector--visible.sc-ds-action-list-item{visibility:visible}.ds-action-list-item__b8qnxH__checkbox.sc-ds-action-list-item{flex-shrink:0;color:var(--ds-iconColor-neutral)}.ds-action-list-item__b8qnxH__checkbox--checked.sc-ds-action-list-item{color:var(--ds-iconColor-primary)}[disabled].sc-ds-action-list-item-h .ds-action-list-item__b8qnxH__selector--visible.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__b8qnxH__selector--visible.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}button.sc-ds-action-list-item:disabled .ds-action-list-item__b8qnxH__checkbox.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__b8qnxH__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"]]]);a([e("ds-icon",{dsName:""})]);const _=m,h=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),m);break;case"ds-icon":customElements.get(n(t))||b()}}))};export{_ as DsActionListItem,h as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,M as s,h as i,d as e,t as n}from"./p-wqrxZQr-.js";import{c as a}from"./p-DO6FdToF.js";import{t as o,i as l}from"./p-CjK5xiRo.js";import{g as r}from"./p-DBY__RGi.js";import{c}from"./p-CouvoOWw.js";const d=t(class extends(s(c("ds-action-list"))){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.componentMounted(),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=o("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=o("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(r()){case"fi":return"Valitse yksi";case"sv":return"Välj ett";default:return"Choose one"}})():"multi-select"===n?(()=>{switch(r()){case"fi":return"Monivalinta";case"sv":return"Välj flera";default:return"Choose multiple"}})():(()=>{switch(r()){case"fi":return"Toiminnallisuudet";case"sv":return"Åtgärder";default:return"Actions"}})(),this.ariaLabelledby=void 0}langObserver(){this.updateAriaLabelling()}getFocusableItems(){return this.getFocusableItemsFromEl(this.el)}getFocusableItemsFromEl(t){const s=o("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=o("ds-action-list","ds-action-list",this.el);return Array.from(t.querySelectorAll(":scope > "+s))}updateIndentation(){const t=o("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=o("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:"941336de0f24b28977b35ec657b4cce17dd46006",class:t,role:this.dsRole,...l("aria-label",this.ariaLabel),...l("aria-labelledby",this.ariaLabelledby)},i("slot",{key:"c0859b15f2e3e0b62c5cb02bdf57ef71b2e026d3"}))}static get watchers(){return{lang:[{langObserver:0}]}}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__bQiYWO.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]},[[0,"dsSelect","handleItemSelect"],[0,"keydown","handleKeyDown"]],{lang:[{langObserver:0}]}]),h=d,u=function(){"undefined"!=typeof customElements&&["ds-action-list"].forEach((t=>{"ds-action-list"===t&&(customElements.get(n(t))||customElements.define(n(t),d))}))};export{h as DsActionList,u as defineCustomElement}
+import{p as t,M as s,h as i,d as e,t as a}from"./p-BC-tqTRl.js";import{c as n}from"./p-D15smIrY.js";import{e as l,t as o,i as r}from"./p-ChKb-Fx7.js";import{g as c}from"./p-Bi-Ax0Qy.js";import{c as h}from"./p-DBGsd7zx.js";const d=l("ds-action-list"),u=t(class extends(s(h("ds-action-list"))){constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}dsRole="group";ariaLabel;ariaLabelledby;listId=d.next().value;get isStandalone(){return"menu"===this.dsRole}slotChangeHandler=()=>{this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling()};componentWillLoad(){this.updateAriaLabelling()}componentDidLoad(){this.componentMounted(),this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling();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=o("ds-action-list-item","ds-action-list",this.el),s=this.el.querySelector(t),i=s?.dsVariant??s?.getAttribute("ds-variant")??"action";this.ariaLabel="single-select"===i?(()=>{switch(c()){case"fi":return"Valitse yksi";case"sv":return"Välj ett";default:return"Choose one"}})():"multi-select"===i?(()=>{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"}})();const e=o("ds-action-list-group-title","ds-action-list",this.el),a=this.el.querySelector(e);this.ariaLabelledby=a?.id?`${this.listId} ${a.id}`:void 0}langObserver(){this.updateAriaLabelling()}getFocusableItems(){return this.getFocusableItemsFromEl(this.el)}getFocusableItemsFromEl(t){const s=o("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=o("ds-action-list","ds-action-list",this.el);return Array.from(t.querySelectorAll(":scope > "+s))}updateIndentation(){const t=o("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=o("ds-action-list-item","ds-action-list",this.el),a=Array.from(this.el.querySelectorAll(e));if("single-select"===s)a.forEach((s=>{s.dsSelected=s===t.target&&i}));else if("multi-select"===s){const s=a.find((s=>s===t.target));s&&(s.dsSelected=i)}}getCurrentItemIndex(t,s){return t.target?s.findIndex((s=>s===t.target||s.contains(t.target))):-1}handleKeyDown(t){const s=this.getFocusableItems();if(0===s.length)return;const i=this.getCurrentItemIndex(t,s);switch(t.key){case"ArrowDown":if(t.preventDefault(),i<s.length-1)s[i+1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[i+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(),i>0)s[i-1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[i-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,a=i.findIndex((t=>t.contains(e))),n=[...i.slice(a+1),...i.slice(0,a+1)].find((t=>(t.dsLabel??t.getAttribute("ds-label")??"").trim().toLowerCase().startsWith(s)));n?.setFocus?.()}}}render(){const t=n("ds-action-list");return i(e,{key:"a172146138a1c3c7aa2a69ea5f76f66d3eb3738b",id:this.listId,class:t,role:this.dsRole,...r("aria-label",this.ariaLabel),...r("aria-labelledby",this.ariaLabelledby)},i("slot",{key:"c5be4a565da7e56a7fa724062473586870098b30"}))}static get watchers(){return{lang:[{langObserver:0}]}}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__b8qnxH.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]},[[0,"dsSelect","handleItemSelect"],[0,"keydown","handleKeyDown"]],{lang:[{langObserver:0}]}]),m=u,b=function(){"undefined"!=typeof customElements&&["ds-action-list"].forEach((t=>{"ds-action-list"===t&&(customElements.get(a(t))||customElements.define(a(t),u))}))};export{m as DsActionList,b as defineCustomElement}

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

@@ -1 +1 @@
-import{p as s,M as t,c as n,h as i,t as e}from"./p-wqrxZQr-.js";import{c as o}from"./p-BfTCfPZ1.js";import{t as a,d}from"./p-CjK5xiRo.js";import{c}from"./p-DO6FdToF.js";import{s as r,p as m}from"./p-Ccf9CXPb.js";import{c as u}from"./p-CouvoOWw.js";import{d as l}from"./p-jM7QTYKQ.js";import{d as h}from"./p-DeGJGa99.js";import{d as _}from"./p-BKhFBe1m.js";import{d as b}from"./p-DZ87FvA3.js";const p=s(class extends(t(u("ds-action-menu",{stopRootTracking:!0}))){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=this.getUniqueId();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",r(this.el,{closeMenu:()=>this.closeMenu()})}componentDidLoad(){this.componentMounted(),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(a("ds-button","ds-action-menu",this.el))?.setFocus?.())}focusFirstItem(){const s=a("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=a("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=a("ds-button","ds-action-menu",this.el),n=a("ds-icon","ds-action-menu",this.el),e=s+"__trigger";return this.dsIconOnly?i(t,{class:e,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}):i(t,{class:e,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&&i(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 i("div",{key:"67cb741f6da8f7a9a34a8b7c3033b39b11599c2a",class:s},i("div",{key:"0f677cd75f841c823e7a9f277c4ad36b50e35e29",ref:s=>this.triggerWrapperRef=s,class:s+"__trigger-wrapper"},this.renderTrigger(s)),i("div",{key:"41fe6991c9a0ef88c73c6afe3e06642ccf067d42",ref:s=>this.menuRef=s,id:this.menuId,role:"menu","aria-labelledby":this.dsId,class:n,style:t,hidden:!this.isOpen},i("slot",{key:"bc500117c0451ccd97b7525d897a5e32b7f07fb4"})))}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__bQiYWO.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__bQiYWO__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__bQiYWO__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__bQiYWO__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__bQiYWO__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__bQiYWO__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__bQiYWO__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__bQiYWO__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__bQiYWO__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__bQiYWO__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__bQiYWO__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__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__bQiYWO__menu.ds-action-menu__bQiYWO__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__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"]]]);d([i("ds-button",null),i("ds-icon",{dsName:""})]);const f=p,g=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(e(s))||customElements.define(e(s),p);break;case"ds-button":customElements.get(e(s))||l();break;case"ds-icon":customElements.get(e(s))||h();break;case"ds-spinner":customElements.get(e(s))||_();break;case"ds-visually-hidden":customElements.get(e(s))||b()}}))};export{f as DsActionMenu,g as defineCustomElement}
+import{p as n,M as s,c as t,h as e,t as i}from"./p-BC-tqTRl.js";import{c as o}from"./p-BfTCfPZ1.js";import{t as a,g as d,d as r}from"./p-ChKb-Fx7.js";import{c}from"./p-D15smIrY.js";import{s as m,p as u}from"./p-Ccf9CXPb.js";import{c as l}from"./p-DBGsd7zx.js";import{d as h}from"./p-yEftCSCR.js";import{d as _}from"./p-B5A05z7H.js";import{d as b}from"./p-DQg8hVZM.js";import{d as p}from"./p-zfU6YBeC.js";const f=n(class extends(s(l("ds-action-menu",{stopRootTracking:!0}))){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=this.getUniqueId();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.componentMounted(),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(a("ds-button","ds-action-menu",this.el))?.setFocus?.())}focusFirstItem(){const n=a("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=a("ds-action-list-item","ds-action-menu",this.el);Array.from(this.el.querySelectorAll(n)).findLast((n=>!n.dsDisabled))?.setFocus?.()}handleClickOutside(n){this.isOpen&&(d(n,this.el)||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||!d(n,this.triggerWrapperRef))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=a("ds-button","ds-action-menu",this.el),t=a("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=c("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:"22df98ccfe575071ea132197a57f1d37fcce58d1",class:n},e("div",{key:"200e6c81d8ccf1dc1cb36a2c279551b439016e6c",ref:n=>this.triggerWrapperRef=n,class:n+"__trigger-wrapper"},this.renderTrigger(n)),e("div",{key:"d9443def9271be5689c7e8e6f53037fe868ade7f",ref:n=>this.menuRef=n,id:this.menuId,role:"menu","aria-labelledby":this.dsId,class:t,style:s,hidden:!this.isOpen},e("slot",{key:"d80220edb4c461f863c35daa52aa94f6486d40b8"})))}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__b8qnxH.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__b8qnxH__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__b8qnxH__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__b8qnxH__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__b8qnxH__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__b8qnxH__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__b8qnxH__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__b8qnxH__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__b8qnxH__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__b8qnxH__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__b8qnxH__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__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__b8qnxH__menu.ds-action-menu__b8qnxH__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__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 x=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))||h();break;case"ds-icon":customElements.get(i(n))||_();break;case"ds-spinner":customElements.get(i(n))||b();break;case"ds-visually-hidden":customElements.get(i(n))||p()}}))};export{x as DsActionMenu,g as defineCustomElement}

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

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

package/dist/components/ds-backdrop.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-BklHjjLf.js";const j=o,p=s;export{j as DsBackdrop,p as defineCustomElement}
+import{D as o,d as s}from"./p-ZVoFRz4G.js";const p=o,r=s;export{p as DsBackdrop,r as defineCustomElement}

package/dist/components/ds-badge.js

@@ -1 +1 @@
-import{p as s,M as d,h as e,t as a}from"./p-wqrxZQr-.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as o}from"./p-DO6FdToF.js";import{t as r,d as i}from"./p-CjK5xiRo.js";import{c}from"./p-CouvoOWw.js";import{d as n}from"./p-DZ87FvA3.js";const l=s(class extends(d(c("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:"3ec5758a361a0846428fe91a878e1d2b97798065",class:t(s,`${s}--${this.dsVariant}`)},e("div",{key:"a2bebf576258c9b8ce1800bf00880e476654f2f9",class:s+"__content"},e("span",{key:"ceefcdd2ebdcb3bce08639f745169a393ac522d5",class:`ds-text-semibold-xs ${s}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},e("slot",{key:"22c6a74a84b4be7bf4cb16fd9983a7325dc8397a"},this.dsText,this.dsHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"3018012c3bae649649d63d5e2fa18faf01ca0a9c",dsTag:"span"},this.dsHiddenAssistiveText)))))}static get style(){return".ds-badge__bQiYWO.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__bQiYWO--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__bQiYWO--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__bQiYWO--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__bQiYWO--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__bQiYWO--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__bQiYWO--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__bQiYWO--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__bQiYWO--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__bQiYWO__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__bQiYWO__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 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))||n()}}))};export{b as DsBadge,g as defineCustomElement}
+import{p as s,M as d,h as e,t as a}from"./p-BC-tqTRl.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as o}from"./p-D15smIrY.js";import{t as r,d as n}from"./p-ChKb-Fx7.js";import{c}from"./p-DBGsd7zx.js";import{d as i}from"./p-zfU6YBeC.js";const l=s(class extends(d(c("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:"3ec5758a361a0846428fe91a878e1d2b97798065",class:t(s,`${s}--${this.dsVariant}`)},e("div",{key:"a2bebf576258c9b8ce1800bf00880e476654f2f9",class:s+"__content"},e("span",{key:"ceefcdd2ebdcb3bce08639f745169a393ac522d5",class:`ds-text-semibold-xs ${s}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},e("slot",{key:"22c6a74a84b4be7bf4cb16fd9983a7325dc8397a"},this.dsText,this.dsHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"3018012c3bae649649d63d5e2fa18faf01ca0a9c",dsTag:"span"},this.dsHiddenAssistiveText)))))}static get style(){return".ds-badge__b8qnxH.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__b8qnxH--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__b8qnxH--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__b8qnxH--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__b8qnxH--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__b8qnxH--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__b8qnxH--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__b8qnxH--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__b8qnxH--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__b8qnxH__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__b8qnxH__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"]}]);n([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 a,t}from"./p-wqrxZQr-.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as n,d as c}from"./p-CjK5xiRo.js";import{l as o}from"./p-DMddtiKs.js";import{c as l}from"./p-CouvoOWw.js";import{c as b}from"./p-DO6FdToF.js";import{d as m}from"./p-DdnK0pe9.js";import{d as u}from"./p-DeGJGa99.js";import{d as p}from"./p-HEydQtjV.js";import{d as h}from"./p-DZ87FvA3.js";const f=s(class extends(e(l("ds-breadcrumb"),o)){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=b("ds-breadcrumb"),e=s+"__content";return r(a,{key:"435213281dcf42a5a8c2241ac51433628fff4a2c",role:"listitem"},r("div",{key:"619e26ebf7b0aadbdaefb4960d0ad93a3434b635",class:i(s,{[s+"--hidden"]:this.dsIsHidden})},r("div",{key:"e717c084111491d89572ee09312281f034460214",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__bQiYWO.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__bQiYWO--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__bQiYWO__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__bQiYWO__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__bQiYWO__content__link.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-breadcrumb__bQiYWO__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 _=f,g=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(t(s))||customElements.define(t(s),f);break;case"ds-breadcrumbs-separator":customElements.get(t(s))||m();break;case"ds-icon":customElements.get(t(s))||u();break;case"ds-link":customElements.get(t(s))||p();break;case"ds-visually-hidden":customElements.get(t(s))||h()}}))};export{_ as DsBreadcrumb,g as defineCustomElement}
+import{p as s,M as e,c as r,h as d,d as t,t as a}from"./p-BC-tqTRl.js";import{c as n}from"./p-BfTCfPZ1.js";import{t as i,d as c}from"./p-ChKb-Fx7.js";import{l}from"./p-DMddtiKs.js";import{c as o}from"./p-DBGsd7zx.js";import{c as b}from"./p-D15smIrY.js";import{d as m}from"./p-DTb_zJiS.js";import{d as u}from"./p-B5A05z7H.js";import{d as p}from"./p-CPSmGQPe.js";import{d as h}from"./p-zfU6YBeC.js";const f=s(class extends(e(o("ds-breadcrumb"),l)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=r(this,"dsClick",7),this.dsIsHiddenChange=r(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 d("slot",null,d("span",{class:s+"__current-page","aria-current":"page"},this.dsText))}renderLinkCrumb(s){return d("slot",null,d(this.DsLink,{class:s+"__link",dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=b("ds-breadcrumb"),e=s+"__content";return d(t,{key:"435213281dcf42a5a8c2241ac51433628fff4a2c",role:"listitem"},d("div",{key:"619e26ebf7b0aadbdaefb4960d0ad93a3434b635",class:n(s,{[s+"--hidden"]:this.dsIsHidden})},d("div",{key:"e717c084111491d89572ee09312281f034460214",class:e},this.dsHasSeparator?d(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__b8qnxH.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__b8qnxH--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__b8qnxH__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__b8qnxH__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__b8qnxH__content__link.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-breadcrumb__b8qnxH__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([d("ds-link",{dsText:""}),d("ds-breadcrumbs-separator",null)]);const _=f,g=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),f);break;case"ds-breadcrumbs-separator":customElements.get(a(s))||m();break;case"ds-icon":customElements.get(a(s))||u();break;case"ds-link":customElements.get(a(s))||p();break;case"ds-visually-hidden":customElements.get(a(s))||h()}}))};export{_ as DsBreadcrumb,g as defineCustomElement}

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

@@ -1 +1 @@
-import{p as s,M as e,c as t,h as a,F as d,t as r}from"./p-wqrxZQr-.js";import{t as n,d as o}from"./p-CjK5xiRo.js";import{c}from"./p-CouvoOWw.js";import{d as i}from"./p-D5IRYO2h.js";import{d as l}from"./p-DdnK0pe9.js";const b=s(class extends(e(c("ds-breadcrumbs-collapsible"))){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)}handleDsIsHiddenChange(s){s.detail||s.target!==this.collapsibleTarget||requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}handleDsClick(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return a(d,{key:"c6550453dc2f679ad9a7902e7503309e87693ac9"},a(this.DsBreadcrumbsExpandButton,{key:"eb6bf9f451492d1d52e6d0fd0aaf07b4f0aa39fa",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),a("slot",{key:"9aebf3b18996530ca640b3006213ad42e59dca69",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","handleDsIsHiddenChange"],[0,"dsClick","handleDsClick"]]]);o([a("ds-breadcrumbs-expand-button",null)]);const u=b,p=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))||i();break;case"ds-breadcrumbs-separator":customElements.get(r(s))||l()}}))};export{u as DsBreadcrumbsCollapsible,p as defineCustomElement}
+import{p as s,M as e,c as t,h as a,F as d,t as r}from"./p-BC-tqTRl.js";import{t as n,d as c}from"./p-ChKb-Fx7.js";import{c as o}from"./p-DBGsd7zx.js";import{d as i}from"./p-CBK_Ltt4.js";import{d as l}from"./p-DTb_zJiS.js";const b=s(class extends(e(o("ds-breadcrumbs-collapsible"))){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)}handleDsIsHiddenChange(s){s.detail||s.target!==this.collapsibleTarget||requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}handleDsClick(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return a(d,{key:"c6550453dc2f679ad9a7902e7503309e87693ac9"},a(this.DsBreadcrumbsExpandButton,{key:"eb6bf9f451492d1d52e6d0fd0aaf07b4f0aa39fa",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),a("slot",{key:"9aebf3b18996530ca640b3006213ad42e59dca69",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","handleDsIsHiddenChange"],[0,"dsClick","handleDsClick"]]]);c([a("ds-breadcrumbs-expand-button",null)]);const u=b,p=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))||i();break;case"ds-breadcrumbs-separator":customElements.get(r(s))||l()}}))};export{u as DsBreadcrumbsCollapsible,p as defineCustomElement}

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

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

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

@@ -1 +1 @@
-import{D as o,d as p}from"./p-DdnK0pe9.js";const s=o,r=p;export{s as DsBreadcrumbsSeparator,r as defineCustomElement}
+import{D as o,d as s}from"./p-DTb_zJiS.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,M as s,c as i,h as r,t}from"./p-wqrxZQr-.js";import{c as a}from"./p-DO6FdToF.js";import{g as d}from"./p-DBY__RGi.js";import{i as c}from"./p-BW1GUsO7.js";import{c as n}from"./p-CouvoOWw.js";const m=e(class extends(s(n("ds-breadcrumbs",{stopRootTracking:!0}))){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsSizeChange=i(this,"dsSizeChange",7)}isGreaterThanEqualMediumMediaQuery=c("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=a("ds-breadcrumbs");return r("nav",{key:"e32aef7356741b82d0e7c6aee97461a9337dcba3",class:e,"aria-label":this.dsAriaLabel||this.breadcrumb},r("div",{key:"6cc12974c7488895f8ad34c15cdcc9283380716d",role:"list",class:e+"__breadcrumbs"},r("slot",{key:"06819bff6f1fe52d8d82d7b388450ea894f1140c"})))}static get watchers(){return{size:[{sizeObserver:0}]}}static get style(){return".ds-breadcrumbs__bQiYWO{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__bQiYWO{min-height:32px}}.ds-breadcrumbs__bQiYWO__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__bQiYWO__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}]}]),l=m,o=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs"].forEach((e=>{"ds-breadcrumbs"===e&&(customElements.get(t(e))||customElements.define(t(e),m))}))};export{l as DsBreadcrumbs,o as defineCustomElement}
+import{p as e,M as s,c as i,h as t,t as r}from"./p-BC-tqTRl.js";import{c as a}from"./p-D15smIrY.js";import{g as d}from"./p-Bi-Ax0Qy.js";import{i as n}from"./p-BW1GUsO7.js";import{c}from"./p-DBGsd7zx.js";const m=e(class extends(s(c("ds-breadcrumbs",{stopRootTracking:!0}))){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=a("ds-breadcrumbs");return t("nav",{key:"e32aef7356741b82d0e7c6aee97461a9337dcba3",class:e,"aria-label":this.dsAriaLabel||this.breadcrumb},t("div",{key:"6cc12974c7488895f8ad34c15cdcc9283380716d",role:"list",class:e+"__breadcrumbs"},t("slot",{key:"06819bff6f1fe52d8d82d7b388450ea894f1140c"})))}static get watchers(){return{size:[{sizeObserver:0}]}}static get style(){return".ds-breadcrumbs__b8qnxH{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__b8qnxH{min-height:32px}}.ds-breadcrumbs__b8qnxH__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__b8qnxH__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}]}]),l=m,b=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs"].forEach((e=>{"ds-breadcrumbs"===e&&(customElements.get(r(e))||customElements.define(r(e),m))}))};export{l as DsBreadcrumbs,b as defineCustomElement}

package/dist/components/ds-button.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-jM7QTYKQ.js";const p=o,r=s;export{p as DsButton,r as defineCustomElement}
+import{D as o,d as s}from"./p-yEftCSCR.js";const t=o,p=s;export{t as DsButton,p as defineCustomElement}