@iamproperty/components 7.8.2--beta4 → 7.8.2--beta5

package/assets/js/components/card/card.component.min.js

@@ -1,7 +1,7 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta5
   * Copyright 2022-2026 iamproperty
-  */const h=(l,r,o)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:r}),o.forEach(a=>{l.addEventListener(a,function(n){const d={event:a,element:r,target:n.target};Object.keys(n.detail).forEach(p=>{const t=n.detail[p];d[p]=t}),window.dataLayer.push(d)})}),!0),u=`<div class="wrapper">
+  */const b=(l,r,o)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:r}),o.forEach(a=>{l.addEventListener(a,function(n){const d={event:a,element:r,target:n.target};Object.keys(n.detail).forEach(p=>{const t=n.detail[p];d[p]=t}),window.dataLayer.push(d)})}),!0),u=`<div class="wrapper">
   <div class="card__head" part="head">
     <slot name="head"></slot>
   </div>
@@ -17,18 +17,18 @@
   <div class="card__footer" part="footer">
     <slot name="footer"></slot>
   </div>
-</div>`,g=(l,r)=>{var o;return((o=l.shadowRoot)===null||o===void 0?void 0:o.querySelector(r))||null},v=l=>{l.classList.add("card");const r=g(l,".card__head"),o=g(l,".card__body"),a=g(l,".card__badges");if(l.hasAttribute("data-image")&&r?.insertAdjacentHTML("beforeend",`<img src="${l.getAttribute("data-image")||""}" alt="" loading="lazy" part="image" />`),l.hasAttribute("data-total")){const n=o?.querySelector(".card__total");n?n.innerHTML=l.getAttribute("data-total")||"":o?.insertAdjacentHTML("beforeend",`<div class="card__total">${l.getAttribute("data-total")||""}</div>`)}else l.querySelector('[slot="total-icon"]')&&o?.insertAdjacentHTML("beforeend",'<div class="card__total"><slot name="total-icon"></slot></div>');l.querySelector('[slot="badges"]')?a?.classList.remove("empty"):a?.classList.add("empty")};class f extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const r=document.createElement("template");r.innerHTML=`
+</div>`,g=(l,r)=>{var o;return((o=l.shadowRoot)===null||o===void 0?void 0:o.querySelector(r))||null},v=l=>{l.classList.add("card");const r=g(l,".card__head"),o=g(l,".card__body"),a=g(l,".card__badges");if(l.hasAttribute("data-image")&&r?.insertAdjacentHTML("beforeend",`<img src="${l.getAttribute("data-image")||""}" alt="" loading="lazy" part="image" />`),l.hasAttribute("data-total")){const n=o?.querySelector(".card__total");n?n.innerHTML=l.getAttribute("data-total")||"":o.insertAdjacentHTML("beforeend",`<div class="card__total">${l.getAttribute("data-total")||""}</div>`)}else l.querySelector('[slot="total-icon"]')&&o?.insertAdjacentHTML("beforeend",'<div class="card__total"><slot name="total-icon"></slot></div>');l.querySelector('[slot="badges"]')?a?.classList.remove("empty"):a?.classList.add("empty")};class f extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const r=document.createElement("template");r.innerHTML=`
     <style>
     *,*::before,*::after{box-sizing:border-box}:host{inset:auto;top:anchor(bottom) !important;left:anchor(left) !important;position:fixed;position-try-fallbacks:flip-block,flip-inline;width:max-content !important;min-width:max-content !important;max-width:max-content !important;height:min-content;max-height:var(--menu-max-height, min(100vh - 6rem));overflow:auto;border:none !important}:host(.menu--fill){width:anchor-size(width) !important;min-width:anchor-size(width) !important;max-width:anchor-size(width) !important}:host(:popover-open),:host([popover-open]){display:block}:host(:not([popover])){position:static;display:block}:host(.menu--sm){width:10rem;min-width:10rem !important;max-width:10rem !important}:host(.menu--md){width:15rem;min-width:15rem !important;max-width:15rem !important}:host(.menu--lg){width:20rem;min-width:20rem !important;max-width:20rem !important}:host(.menu--height-sm){max-height:12.5rem}:host(.menu--height-lg){max-height:25rem}::slotted(*:is(button,a,label,span,iam-button)){background:unset !important;border:unset !important;color:var(--colour-primary) !important;font-weight:inherit !important;font-family:inherit !important;font-size:1rem !important;line-height:1.1875rem !important;display:block !important;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding-block:var(--menu-item-padding, 0.5rem) !important;width:var(--menu-item-width, 100%) !important;max-width:var(--menu-item-width, 100%) !important;text-align:var(--menu-item-text-align, left) !important}::slotted(*:is(button,a,label,iam-button)){padding-inline:var(--menu-item-padding, 0.5rem);cursor:var(--menu-item-cursor, pointer) !important}::slotted(*:is(span):first-child){padding-top:0 !important;font-weight:700 !important}::slotted(*:is(button,a,label,span,iam-button):last-child){margin-bottom:0 !important}::slotted(*:is(label)){--radio-size: 1.25rem;--radio-inner-size: 0.75rem;--radio-inner-top: 0.75rem;--radio-inner-left: 0.75rem;--checkbox-tick-size: 0.75rem;--checkbox-inner-size: 0.625rem;--checkbox-inner-top: 0.375rem;--checkbox-inner-left: 0.5rem;padding-left:2.25rem}::slotted(*:is(button,a,label):is(.selected)){background:#e9f8fc !important;border-left:4px solid var(--colour-info) !important;border-radius:.25rem !important;padding-left:calc(var(--menu-item-padding, 0.5rem) - 4px) !important}@media(prefers-color-scheme: dark){::slotted(*:is(button,a,label):is(.selected):not(:hover,.hover)){color:#000 !important}}::slotted(*:is(button,a,label,iam-button):is(:hover,.hover,:focus,.focus)){background:var(--colour-light) !important;border-radius:.25rem !important}::slotted(*:is(button,a,label,iam-button):is(:active,.active)){background:#e0e0e0 !important;border-radius:.25rem !important}@media(prefers-color-scheme: dark){::slotted(*:is(button,a,label):is(:active,.active)){color:#000 !important}}::slotted(hr){height:1px !important;background-color:var(--menu-hr-border-color, var(--border-color, grey)) !important;width:100%;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding:0 !important}::slotted(iam-menu:not([popover])){border:none !important;border-radius:0 !important;box-shadow:none !important;padding:0;margin:0;width:auto}::slotted(iam-menu[popover]){top:anchor(top) !important;left:calc(anchor(right) + 1rem) !important}/*# sourceMappingURL=assets/css/components/menu.component.css.map */
 
     </style>
     <div class="menu--inner" part="inner">
       <slot></slot>
-    </div>`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){this.classList.add("dropdown");const r=this.hasAttribute("id")?this.getAttribute("id"):!1,o=document.querySelector(`[popovertarget="${r}"]`);let a=this.querySelectorAll(":scope > a, :scope > button, :scope > details > summary"),n=this.querySelectorAll("a, button");this.closest(".menu__wrapper")&&(n=this.shadowRoot.querySelector("slot").assignedElements({flatten:!0}),a=n),this.querySelectorAll("details");let d,p;r&&o&&(this.setAttribute("role","menu"),this.setAttribute("popover","auto"),this.style["position-anchor"]=`--${r}`,o?.setAttribute("aria-haspopup","true"),o==null||(o.style["anchor-name"]=`--${r}`),o?.setAttribute("aria-controls",r)),n.forEach((t,e)=>{t.setAttribute("role","menuitem"),t.setAttribute("tabindex","0"),e==0&&t.setAttribute("autofocus",!0)}),this.addEventListener("keydown",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest("a, button, summary")){const e=document.activeElement,i=Array.from(a).indexOf(e)-1,c=Array.from(a).indexOf(e)+1;switch(t.keyCode){case 27:e.closest("details")?(t.stopPropagation(),t.preventDefault(),e.closest("details").removeAttribute("open"),e.closest("details").querySelector(":scope summary").focus()):(t.stopPropagation(),o.focus());break;case 32:case 13:break;case 35:t.stopPropagation(),t.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(n)[n.length-1].focus();break;case 36:t.stopPropagation(),t.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(n)[0].focus();break;case 38:if(t.stopPropagation(),t.preventDefault(),Array.from(a).indexOf(e)>-1)Array.from(a)[i]!=null?Array.from(a)[i].focus():Array.from(a)[a.length-1].focus();else if(e.closest("details")){const s=e.closest("details").querySelectorAll("a, button, :scope details > summary");p=Array.from(s).indexOf(e)-1,Array.from(s)[p]!=null?Array.from(s)[p].focus():Array.from(s)[s.length-1].focus()}break;case 40:if(t.stopPropagation(),t.preventDefault(),Array.from(a).indexOf(e)>-1)Array.from(a)[c]!=null?Array.from(a)[c].focus():Array.from(a)[0].focus();else if(e.closest("details")){const s=e.closest("details").querySelectorAll("a, button, :scope details > summary");d=Array.from(s).indexOf(e)+1,Array.from(s)[d]!=null?Array.from(s)[d].focus():Array.from(s)[0].focus()}break}}}),this.addEventListener("toggle",t=>{var e,i,c,s;const m=new CustomEvent(t.newState,{detail:{id:this.getAttribute("id"),target:t.target}});this.dispatchEvent(m),this.closest(".menu__wrapper")&&n[0].focus(),this.hasAttribute("popover-open")&&(t.preventDefault(),this.removeAttribute("popover-open"),this.hidePopover()),this.matches(":popover-open")&&document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`)?((e=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||e===void 0||e.setAttribute("aria-pressed","true"),(i=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||i===void 0||i.classList.add("active")):((c=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||c===void 0||c.removeAttribute("aria-pressed"),(s=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||s===void 0||s.classList.remove("active"))}),this.addEventListener("click",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest("button:has(+ iam-menu:not([popover]))")){const e=t.target.closest("button:has(+ iam-menu)");e?.classList.toggle("open")}else if(t&&t.target instanceof HTMLElement&&t.target.closest("button.selectable")){const e=t.target.closest("button.selectable");this.hasAttribute("multiple")?e.classList.toggle("selected"):e?.classList.contains("selected")?this.querySelectorAll(".selected").forEach(i=>{i.classList.remove("selected")}):(this.querySelectorAll(".selected").forEach(i=>{i.classList.remove("selected")}),e.classList.add("selected"))}}),CSS.supports("top","anchor(top)")||document.addEventListener("click",t=>{if(t.originalTarget&&t.originalTarget.matches("[popovertarget]")){const e=t.originalTarget,i=e.getAttribute("popovertarget"),c=document.getElementById(i),s=e.getBoundingClientRect(),m=s.top,b=s.left;c.style.setProperty("top",m+"px"),c.style.setProperty("left",b+e.clientWidth+"px")}})}}const w=()=>document.body.getAttribute("data-assets-location")||"/assets";class y extends HTMLElement{constructor(){super();const r=this.attachShadow({mode:"open"});w();const o=document.createElement("template");o.innerHTML=`
+    </div>`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){this.classList.add("dropdown");const r=this.hasAttribute("id")?this.getAttribute("id"):!1,o=document.querySelector(`[popovertarget="${r}"]`);let a=this.querySelectorAll(":scope > a, :scope > button, :scope > details > summary"),n=this.querySelectorAll("a, button");this.closest(".menu__wrapper")&&(n=this.shadowRoot.querySelector("slot").assignedElements({flatten:!0}),a=n),this.querySelectorAll("details");let d,p;r&&o&&(this.setAttribute("role","menu"),this.setAttribute("popover","auto"),this.style["position-anchor"]=`--${r}`,o?.setAttribute("aria-haspopup","true"),o==null||(o.style["anchor-name"]=`--${r}`),o?.setAttribute("aria-controls",r)),n.forEach((t,e)=>{t.setAttribute("role","menuitem"),t.setAttribute("tabindex","0"),e==0&&t.setAttribute("autofocus",!0)}),this.addEventListener("keydown",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest("a, button, summary")){const e=document.activeElement,i=Array.from(a).indexOf(e)-1,c=Array.from(a).indexOf(e)+1;switch(t.keyCode){case 27:e.closest("details")?(t.stopPropagation(),t.preventDefault(),e.closest("details").removeAttribute("open"),e.closest("details").querySelector(":scope summary").focus()):(t.stopPropagation(),o.focus());break;case 32:case 13:break;case 35:t.stopPropagation(),t.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(n)[n.length-1].focus();break;case 36:t.stopPropagation(),t.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(n)[0].focus();break;case 38:if(t.stopPropagation(),t.preventDefault(),Array.from(a).indexOf(e)>-1)Array.from(a)[i]!=null?Array.from(a)[i].focus():Array.from(a)[a.length-1].focus();else if(e.closest("details")){const s=e.closest("details").querySelectorAll("a, button, :scope details > summary");p=Array.from(s).indexOf(e)-1,Array.from(s)[p]!=null?Array.from(s)[p].focus():Array.from(s)[s.length-1].focus()}break;case 40:if(t.stopPropagation(),t.preventDefault(),Array.from(a).indexOf(e)>-1)Array.from(a)[c]!=null?Array.from(a)[c].focus():Array.from(a)[0].focus();else if(e.closest("details")){const s=e.closest("details").querySelectorAll("a, button, :scope details > summary");d=Array.from(s).indexOf(e)+1,Array.from(s)[d]!=null?Array.from(s)[d].focus():Array.from(s)[0].focus()}break}}}),this.addEventListener("toggle",t=>{var e,i,c,s;const m=new CustomEvent(t.newState,{detail:{id:this.getAttribute("id"),target:t.target}});this.dispatchEvent(m),this.closest(".menu__wrapper")&&n[0].focus(),this.hasAttribute("popover-open")&&(t.preventDefault(),this.removeAttribute("popover-open"),this.hidePopover()),this.matches(":popover-open")&&document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`)?((e=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||e===void 0||e.setAttribute("aria-pressed","true"),(i=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||i===void 0||i.classList.add("active")):((c=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||c===void 0||c.removeAttribute("aria-pressed"),(s=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||s===void 0||s.classList.remove("active"))}),this.addEventListener("click",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest("button:has(+ iam-menu:not([popover]))")){const e=t.target.closest("button:has(+ iam-menu)");e?.classList.toggle("open")}else if(t&&t.target instanceof HTMLElement&&t.target.closest("button.selectable")){const e=t.target.closest("button.selectable");this.hasAttribute("multiple")?e.classList.toggle("selected"):e?.classList.contains("selected")?this.querySelectorAll(".selected").forEach(i=>{i.classList.remove("selected")}):(this.querySelectorAll(".selected").forEach(i=>{i.classList.remove("selected")}),e.classList.add("selected"))}}),CSS.supports("top","anchor(top)")||document.addEventListener("click",t=>{if(t.originalTarget&&t.originalTarget.matches("[popovertarget]")){const e=t.originalTarget,i=e.getAttribute("popovertarget"),c=document.getElementById(i),s=e.getBoundingClientRect(),m=s.top,h=s.left;c.style.setProperty("top",m+"px"),c.style.setProperty("left",h+e.clientWidth+"px")}})}}const w=()=>document.body.getAttribute("data-assets-location")||"/assets";class y extends HTMLElement{constructor(){super();const r=this.attachShadow({mode:"open"});w();const o=document.createElement("template");o.innerHTML=`
     <style>
     ${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
     
-    :host{position:relative;border-radius:var(--card-border-radius);margin-bottom:2rem;display:block}.wrapper{border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);position:relative;font-weight:bold;font-size:var(--card-fs);line-height:var(--card-lh);color:var(--colour-primary);min-height:100%;width:100%;text-align:left;display:flex;flex-direction:column;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:2px solid var(--outline-colour, --colour-canvas-2);outline-offset:-2px}.wrapper>*{width:100%;box-sizing:border-box}:host([class*=colour-]) .wrapper{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}:host-context(:is(a,label,button)){margin-bottom:0 !important}:host(.border-0){box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__head:has(img){min-height:var(--card-head-height);position:relative;overflow:hidden;background:rgba(0,0,0,.1);z-index:-1}.card__head:has(img)>img{position:absolute;top:0;left:0;margin:-2px;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:cover}.card__head:has(img):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--card-head-overlay)}.card__body{padding:var(--card-body-top-padding) var(--card-right-padding) var(--card-body-bottom-padding) var(--card-left-padding)}.card__footer{margin-top:auto;padding:var(--card-footer-top-padding, 0) var(--card-right-padding) var(--card-footer-bottom-padding, 0) var(--card-left-padding)}::slotted(i){font-size:1.5rem !important;margin:-3px var(--card-icon-right) 0 0 !important;vertical-align:middle !important}::slotted(i:not(.fa-light):not(.fa-bold)){font-weight:400 !important}::slotted(.badge){margin-bottom:.375rem !important}::slotted(span:not(.badge,.title)){display:block !important;font-weight:normal !important;font-size:var(--card-body-fs, 1rem) !important;line-height:var(--card-body-lh, inherit) !important;overflow-x:clip;text-overflow:ellipsis}::slotted(small){padding-top:var(--card-gap, 1rem) !important;display:block !important;font-weight:normal !important;padding-bottom:0 !important;color:var(--colour-body)}::slotted(span:not(.badge,.title):not([class*=pt-])){padding-top:var(--card-gap, 1.5rem) !important}::slotted(:is(a,button)[slot=footer]:not([class*=mb-])){margin-bottom:var(--card-footer-bottom-padding) !important}.card__body:has(.card__total){--card-head-top-padding: 1rem;--card-head-bottom-padding: 1.5rem}.card__total{font-size:3rem;line-height:3rem;padding-right:1rem;margin-top:.5rem}.card__total i{font-family:var(--fa-style-family, "Font Awesome 7 Pro");font-weight:var(--fa-style, 900);display:block !important;font-size:2.5rem !important;margin:.5rem 0 .5rem 0 !important}::slotted([slot=total-icon]){display:block !important;font-size:2.5rem !important;margin:.5rem 0 .5rem 0 !important;line-height:2.5rem}.card__head:has(img)~.card__badges{position:absolute;top:0;text-align:right;left:0;z-index:9}.card__badges:not(.empty){padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) var(--card-badges-bottom-padding, 0) var(--card-left-padding);margin-bottom:-1.5rem}.card__head:not(:has(img))~.card__badges{text-align:end}@layer elements{body:not(.js-enabled) dialog:not([open]):target{display:block}dialog,[popover]{--dialog-padding: 0.5rem;--mh-padding-inline: var(--dialog-padding);color:inherit;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);font-size:1rem;background:var(--dropdown-bg);margin-block:var(--dropdown-margin-block);padding:var(--dialog-padding);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-box-shadow)}dialog>*:last-child,[popover]>*:last-child{margin-bottom:0}dialog>:is(p):last-child,[popover]>:is(p):last-child{padding-bottom:0}dialog[open]:has(iam-modal){--modal-inner-dialog-display: contents;place-self:center}@media(prefers-color-scheme: light){dialog[open]:has(iam-modal){color-scheme:light;--colour-body: #595959;--colour-heading: var(--colour-primary-theme)}}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}dialog[open],[popover]:popover-open{display:flex;flex-direction:column}*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{overflow-y:auto;width:90vw;max-width:20.25rem;max-height:min(90vh,47rem);overscroll-behavior:contain}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:28.375rem;width:fit-content;max-width:46rem}}details.bg-light{margin-inline:calc(var(--dialog-padding)*-1);padding-inline:var(--dialog-padding)}}@layer elements{.dialog__wrapper{position:relative;display:inline-block;margin-bottom:calc(var(--btn-margin) - .25rem)}.dialog__wrapper:has(dialog[open],dialog:popover-open)>button{background:var(--colour-btn-secondary-bg-hover)}.dialog__wrapper:has(dialog[open],dialog:popover-open)>button:not(.btn-action){color:var(--colour-btn-secondary-hover)}.dialog__wrapper:has(dialog[open],dialog:popover-open)>button{filter:brightness(85%);transition:background .1s,color .1s;border-radius:1.5rem}.dialog__wrapper>.btn:first-child:not(.btn-compact):not([class*=fa-]):after{content:"";display:inline-block;margin-left:1em;height:1em;width:1em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}.dialog__wrapper>.btn:first-child[aria-expanded]:not([data-number]):after{transform:rotate(270deg)}.dialog__wrapper>.btn:first-child:has(+dialog[open]):not([data-number]):after{transform:rotate(270deg)}.dialog__wrapper>[popover]{display:var(--menu-display, none);position:fixed;top:anchor(bottom) !important;left:anchor(left) !important;position-try-fallbacks:flip-block,flip-inline !important;margin:0 0 0 .25rem;padding:.5rem}.dialog__wrapper>[popover]::backdrop{display:none}.dialog__wrapper>[popover]:popover-open{display:block !important}.dialog__wrapper:has([popover]:popover-open)>button{background-color:var(--colour)}.dialog__wrapper>:is(dialog[open],dialog:popover-open){left:0;margin-top:-1rem;top:100%;z-index:var(--index-floating);min-width:20rem;border-radius:1rem;width:20rem}@media screen and (min-width: 36em){.dialog__wrapper>:is(dialog[open],dialog:popover-open){width:20.9375rem}}@media screen and (min-width: 62em){.dialog__wrapper>:is(dialog[open],dialog:popover-open){width:22.5rem}}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list{width:fit-content !important;min-width:10rem !important;max-width:15rem !important;padding:var(--menu-padding, 0.5rem);margin:0;background:var(--menu-bg, canvas);border:var(--menu-border, 2px solid grey);overflow:auto;border:none !important;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.1)}@media screen and (min-width: 36em){.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list{width:max-content !important}}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list hr{height:1px !important;background-color:var(--menu-hr-border-color, var(--border-color, grey)) !important;width:100%;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding:0 !important}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .radio--tick{margin-right:0;padding-left:1.5rem;margin-bottom:0}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .radio--tick:before{left:0;font-size:1em;top:.75rem}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a{padding:.375rem}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a:not(:hover,:focus,:active){border-color:rgba(0,0,0,0)}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a{margin:0}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a:after{display:none}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action{background:unset;border:unset;color:var(--colour-primary);font-weight:inherit;font-family:inherit;font-size:1rem;line-height:1.1875rem;display:block;margin:var(--menu-item-margin, 0 0 0.25rem 0);padding-block:var(--menu-item-padding, 0.5rem);width:var(--menu-item-width, 100%);max-width:var(--menu-item-width, 100%);text-align:var(--menu-item-text-align, left)}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action:not(:hover,:focus,:active){border-color:rgba(0,0,0,0)}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action:is(:hover,:focus){background:var(--colour-light) !important;border-radius:.25rem !important}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action:is(:active){background:#e0e0e0 !important;border-radius:.25rem !important}.dialog__wrapper>:is(dialog[open],dialog:popover-open) :is(dialog[open],dialog:popover-open){display:contents}.dialog__wrapper.dialog__wrapper--right>:is(dialog[open],dialog:popover-open){right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>:is(dialog[open],dialog:popover-open){width:14.9375rem}.dialog__wrapper.dialog__wrapper--lg>:is(dialog[open],dialog:popover-open){width:19.9375rem}@media screen and (min-width: 36em){.dialog__wrapper.dialog__wrapper--sm-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--sm-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.5625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.25rem}}@media screen and (min-width: 62em){.dialog__wrapper.dialog__wrapper--md-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--md-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.5625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.375rem}}.dialog__wrapper :is(.empty,.individual){display:none}@supports selector(:has(*)){.dialog__wrapper :is(.empty,.individual){display:inline}}.dialog__wrapper:has(input:checked) .empty,.dialog__wrapper:not(:has(input:checked)) .individual,.dialog__wrapper:has(input:checked~input:checked) .individual,.dialog__wrapper:not(:has(input:checked~input:checked)) .multiple{display:none}}@layer elements{button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button:focus:not(:focus-visible){outline:0}:is(button,[type=button],[type=reset],[type=submit],[role=button]){-webkit-appearance:button;&:not(:disabled){cursor:pointer}}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 2px;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap;&:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}&:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}&:not(:last-child){margin-right:var(--btn-margin)}}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.btn-complete{--colour: var(--colour-success);--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn-complete,.btn.btn-complete:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem;&:before{content:"\uF00C";font-family:var(--fa-family-classic);margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn{&[class*=fa-]:before{content:var(--fa);font-family:var(--fa-family-classic)}&[class*=fa-after]{padding-right:4rem}&[class*=fa-after]:before{margin-right:0;margin-right:.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}&:not(.btn-compact):before{margin-right:1rem}i[class*=fa-]{--fa-width: 1em;font-family:var(--fa-family-classic);margin-right:1rem;line-height:1em;font-style:inherit;&:not(:first-child){margin-left:1rem;margin-right:0}}}.btn.btn--prompt{&:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active){&:after{margin-left:1.5rem;margin-right:-0.5rem}}.btn-filter{&:after{content:"\uF1DE";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:var(--fa-family-classic)}}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary);&:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:transparent;border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative;&:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}&.text-decoration-none:after{width:0%}&[class*=fa-]{margin-left:0;margin-right:.5rem}&[class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}&:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active){&:after{width:60% !important}}&:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}}@layer elements{.btn-action{--btn-border-width: 1px;--btn-padding-block: 0.3125rem /* 5px */;--btn-padding-inline: 0.3125rem /* 5px */;--btn-margin: 0.5rem;border-radius:.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem;&:not(.btn-primary){color:var(--colour-heading)}&:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}&.btn[class*=fa-]:before{content:var(--fa);margin-right:.375rem}&.icon-only{position:relative;text-indent:-300vw;overflow:hidden;min-width:1.75rem;&:before{position:absolute;left:0;top:0;min-width:1.75rem;text-align:center;text-indent:0;padding-inline:.25rem;line-height:1.85rem}}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) &,&:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;align-content:center;line-height:1 !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem;&:not(:last-child){margin-right:.5rem}&:before{content:var(--fa);position:absolute;display:block;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - .25rem);font-weight:900}[class*=fa-]:before{line-height:calc(var(--compact-size) - .25rem);@container style(--theme: dark){color:white}}&.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}&.btn-action{--compact-size: 2rem;font-size:1rem;&:before{font-size:1em;font-weight:400}}&.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:transparent;&:not([class*=colour-]){--colour: var(--colour-light)}}&.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour);&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}}&[data-number]{position:relative}&[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:white;letter-spacing:-0.1em;font-family:arial,sans-serif}}.btn-compact{&:is(.fa-left,.fa-chevron-left,.fa-right,.fa-chevron-right,.fa-up,.fa-chevron-up,.fa-down,.fa-chevron-down,.fa-plus,.fa-bars,.fa-edit,.fa-envelope,.fa-calendar){--iso-display: block;--iso-font-size: 1.5rem;--iso-border-radius: 50%;--iso-text-indent: -500px}}@container style(--font-body){.btn-compact{font-size:var(--iso-font-size, 0.6rem) !important;text-indent:var(--iso-text-indent, 0px);white-space:initial;&:not(.btn-action){border-radius:var(--iso-border-radius, 0.25rem) !important}&:before{display:var(--iso-display, none);font-family:monospace !important;content:var(--iso) !important}}}@container style(--fa-font-regular){.btn-compact{text-indent:-500px;font-size:1rem !important;&:not(.btn-action){border-radius:50% !important}&:before{font-family:"Font Awesome 7 Pro" !important;content:var(--fa) !important;display:block}}}}@layer elements{.btn[popovertarget]{position:relative;anchor-name:--button2;&>.fa-chevron-down{display:none}&:not(:has(i)):not(.no-icon):after{content:"";display:inline-block;margin-right:.25em;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}&[aria-pressed]:after{transform:rotate(270deg)}}.btn:has(select){position:relative;padding:0;max-width:fit-content;min-width:fit-content;width:fit-content;select{all:unset !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:calc(var(--btn-padding-inline) + 2rem) !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;outline:none;font-weight:inherit !important;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important;appearance:base-select !important}&:after{position:absolute;top:.625rem;right:1.5rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}}.btn-action:has(select){padding-block:0;padding-right:2rem;font-size:1em;select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important;font-size:1rem !important}&:after{top:.2rem;right:.5rem}}}@layer elements{.btn__group{display:flex;flex-direction:column;row-gap:var(--gap);reading-flow:source-order;margin-bottom:1.5rem;.btn-compact{max-width:fit-content;margin-inline:auto}}:where(.btn__group,iam-modal){reading-flow:source-order;.btn{margin-inline-end:0;width:100%;max-width:100%;text-align:center;white-space:normal;margin:0;&:not(:last-child){margin-right:0}}.btn-tertiary{max-width:fit-content;margin-block:0 !important;margin-inline:auto !important;order:3;reading-order:3}.btn-secondary{order:2;reading-order:2}.btn-primary{order:1;reading-order:1;margin:0;&:not(:last-child){margin:0}}}:is(iam-form,form) .btn__group{padding-top:1rem}@container (min-width: 36em){.btn__group{flex-direction:row;row-gap:0;gap:var(--gap);flex-wrap:wrap;.btn-tertiary{max-width:fit-content;margin-inline:0 !important;margin-block:auto;order:1}.btn-secondary{order:2}.btn-primary{order:3}.btn-compact{margin-inline:0;margin-block:auto}}:where(iam-modal,.btn__group){.btn{max-width:fit-content;white-space:nowrap;margin-block:auto}}.btn__group{.btn-tertiary{reading-order:1}.btn-secondary{reading-order:2}.btn-primary{reading-order:3}}iam-modal{.btn-tertiary{reading-order:3;order:1}.btn-secondary{order:2;reading-order:2}.btn-primary{order:3;reading-order:1}}.btn__group.text-end{justify-content:flex-end}:is(iam-form,form) .btn__group{justify-content:flex-end;padding-top:3rem}iam-modal .btn__group:last-child .btn,dialog .btn__group:last-child .btn{margin-bottom:0}}}:host(.prevent-hover){pointer-events:none}:host(.prevent-hover) *{pointer-events:all}:host(.show-icon){--card-right-padding: 3.5rem}:host(.show-icon) .card__body:before,:host(.show-icon) .card__body:after{content:"";display:var(--card-right-arrow-display, block);position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--card-icon-bg);border-radius:50%}:host(.show-icon) .card__body:after{background:var(--card-icon-colour);mask-image:var(--icon, var(--icon-arrow));mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon, var(--icon-arrow));-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}.card__body:has(.card__illustration){align-items:center;display:flex}.card__body:has(.card__illustration) .card__illustration{height:4rem;width:4rem;margin-right:1.5rem;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative}.card__body:has(.card__illustration) .card__illustration img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}:host([class*=colour-]){border-left:.75rem solid var(--colour, var(--colour-primary))}slot[name=secondary]{display:block;position:absolute;top:.5rem;right:0;margin:.5rem .5rem 0 0;z-index:999}::slotted([slot=secondary]:not(:hover,:focus,:active,.hover)){background:none !important;color:var(--colour-btn) !important}::slotted([slot=checkbox]){position:absolute !important;top:.5rem;right:.5rem;width:2rem;height:2rem;height:2.5rem;overflow:hidden}.menu__wrapper{position:absolute;right:1rem;bottom:2rem;width:3rem !important;left:auto;z-index:999}.menu__wrapper>.btn:before{content:"\uF142";font-family:var(--fa-family-classic)}::slotted([slot=btns]){border:none !important;margin:0 !important;display:block !important;width:fit-content}::slotted([slot=primary-action]){overflow:hidden;background-color:rgba(0,0,0,0);text-indent:-300%;position:absolute !important;inset:0;margin:0 !important;z-index:99;border:none}:host(:not(.prevent-hover)) ::slotted([slot=primary-action]:is(:hover,:focus,.hover)){outline:2px solid var(--hover-outline-colour);outline-offset:-2px;border-radius:var(--card-border-radius) !important}:host(.hasLink) slot[name=link]{position:absolute;display:block;inset:0;z-index:1}::slotted([slot=link]){position:absolute !important;display:block !important;inset:0 !important;z-index:1 !important;margin:0 !important;text-indent:-300% !important;overflow:hidden !important}::slotted([slot=link]):after{display:none !important}:host(.card--article){--card-head-height: 5rem;--card-fs: 1rem;--card-gap: 0.5rem;--card-body-top-padding: 1rem;--card-body-bottom-padding: 0.5rem;--card-left-padding: 0.5rem;--card-right-padding: 0.75rem;--card-right-arrow-display: none;--card-body-fs: 0.6875rem;--card-body-lh: 1rem;--card-footer-bottom-padding: 0.5rem!important;--card-badges-top-padding:0.5rem;--card-badges-bottom-padding: 0;--card-right-padding: 0.5rem;--card-left-padding: 0.5rem}::slotted(span:is(.duration):not([class*=pt-])){font-size:var(--card-fs) !important;line-height:var(--card-lh) !important;padding-top:0 !important}::slotted(span:is(.duration):not([class*=pt-])):before{content:"\uF017";font-family:var(--fa-family-classic);color:var(--colour-warning);padding-right:.25rem}/*# sourceMappingURL=assets/css/components/card.component.css.map */
+    :host{position:relative;border-radius:var(--card-border-radius);margin-bottom:2rem;display:block}.wrapper{border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);position:relative;font-weight:bold;font-size:var(--card-fs);line-height:var(--card-lh);color:var(--colour-primary);min-height:100%;width:100%;text-align:left;display:flex;flex-direction:column;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:2px solid var(--outline-colour, --colour-canvas-2);outline-offset:-2px}.wrapper>*{width:100%;box-sizing:border-box}:host([class*=colour-]) .wrapper{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}:host-context(:is(a,label,button)){margin-bottom:0 !important}:host(.border-0){box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__head:has(img){min-height:var(--card-head-height);position:relative;overflow:hidden;background:rgba(0,0,0,.1);z-index:-1}.card__head:has(img)>img{position:absolute;top:0;left:0;margin:-2px;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:cover}.card__head:has(img):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--card-head-overlay)}.card__body{padding:var(--card-body-top-padding) var(--card-right-padding) var(--card-body-bottom-padding) var(--card-left-padding)}.card__footer{margin-top:auto;padding:var(--card-footer-top-padding, 0) var(--card-right-padding) var(--card-footer-bottom-padding, 0) var(--card-left-padding)}::slotted(i){font-size:1.5rem !important;margin:-3px var(--card-icon-right) 0 0 !important;vertical-align:middle !important}::slotted(i:not(.fa-light):not(.fa-bold)){font-weight:400 !important}::slotted(.badge){margin-bottom:.375rem !important}::slotted(span:not(.badge,.title)){display:block !important;font-weight:normal !important;font-size:var(--card-body-fs, 1rem) !important;line-height:var(--card-body-lh, inherit) !important;overflow-x:clip;text-overflow:ellipsis}::slotted(small){padding-top:var(--card-gap, 1rem) !important;display:block !important;font-weight:normal !important;padding-bottom:0 !important;color:var(--colour-body)}::slotted(span:not(.badge,.title):not([class*=pt-])){padding-top:var(--card-gap, 1.5rem) !important}::slotted(:is(a,button)[slot=footer]:not([class*=mb-])){margin-bottom:var(--card-footer-bottom-padding) !important}.card__body:has(.card__total){--card-head-top-padding: 1rem;--card-head-bottom-padding: 1.5rem}.card__total{font-size:3rem;line-height:3rem;padding-right:1rem;margin-top:.5rem}.card__total i{font-family:var(--fa-style-family, "Font Awesome 7 Pro");font-weight:var(--fa-style, 900);display:block !important;font-size:2.5rem !important;margin:.5rem 0 .5rem 0 !important}::slotted([slot=total-icon]){display:block !important;font-size:2.5rem !important;margin:.5rem 0 .5rem 0 !important;line-height:2.5rem}.card__head:has(img)~.card__badges{position:absolute;top:0;text-align:right;left:0;z-index:9}.card__badges:not(.empty){padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) var(--card-badges-bottom-padding, 0) var(--card-left-padding);margin-bottom:-1.5rem}.card__head:not(:has(img))~.card__badges{text-align:end}@layer elements{body:not(.js-enabled) dialog:not([open]):target{display:block}dialog,[popover]{--dialog-padding: 0.5rem;--mh-padding-inline: var(--dialog-padding);color:inherit;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);font-size:1rem;background:var(--dropdown-bg);margin-block:var(--dropdown-margin-block);padding:var(--dialog-padding);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-box-shadow)}dialog>*:last-child,[popover]>*:last-child{margin-bottom:0}dialog>:is(p):last-child,[popover]>:is(p):last-child{padding-bottom:0}dialog[open]:has(iam-modal){--modal-inner-dialog-display: contents;place-self:center}@media(prefers-color-scheme: light){dialog[open]:has(iam-modal){color-scheme:light;--colour-body: #595959;--colour-heading: var(--colour-primary-theme)}}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open]:has(.modal--sm){min-width:20.9375rem;width:20.9375rem;max-width:20.9375rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]:has(.modal--sm){min-width:28.375rem;width:28.375rem;max-width:28.375rem}}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open]:has(.modal--lg){min-width:42.875rem;width:42.875rem;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]:has(.modal--lg){min-width:46rem;width:46rem;max-width:46rem}}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}dialog[open],[popover]:popover-open{display:flex;flex-direction:column}*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{overflow-y:auto;width:90vw;max-width:20.25rem;max-height:min(90vh,47rem);overscroll-behavior:contain}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:28.375rem;width:fit-content;max-width:46rem}}details.bg-light{margin-inline:calc(var(--dialog-padding)*-1);padding-inline:var(--dialog-padding)}}@layer elements{.dialog__wrapper{position:relative;display:inline-block;margin-bottom:calc(var(--btn-margin) - .25rem)}.dialog__wrapper:has(dialog[open],dialog:popover-open)>button{background:var(--colour-btn-secondary-bg-hover)}.dialog__wrapper:has(dialog[open],dialog:popover-open)>button:not(.btn-action){color:var(--colour-btn-secondary-hover)}.dialog__wrapper:has(dialog[open],dialog:popover-open)>button{filter:brightness(85%);transition:background .1s,color .1s;border-radius:1.5rem}.dialog__wrapper>.btn:first-child:not(.btn-compact):not([class*=fa-]):after{content:"";display:inline-block;margin-left:1em;height:1em;width:1em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}.dialog__wrapper>.btn:first-child[aria-expanded]:not([data-number]):after{transform:rotate(270deg)}.dialog__wrapper>.btn:first-child:has(+dialog[open]):not([data-number]):after{transform:rotate(270deg)}.dialog__wrapper>[popover]{display:var(--menu-display, none);position:fixed;top:anchor(bottom) !important;left:anchor(left) !important;position-try-fallbacks:flip-block,flip-inline !important;margin:0 0 0 .25rem;padding:.5rem}.dialog__wrapper>[popover]::backdrop{display:none}.dialog__wrapper>[popover]:popover-open{display:block !important}.dialog__wrapper:has([popover]:popover-open)>button{background-color:var(--colour)}.dialog__wrapper>:is(dialog[open],dialog:popover-open){left:0;margin-top:-1rem;top:100%;z-index:var(--index-floating);min-width:20rem;border-radius:1rem;width:20rem}@media screen and (min-width: 36em){.dialog__wrapper>:is(dialog[open],dialog:popover-open){width:20.9375rem}}@media screen and (min-width: 62em){.dialog__wrapper>:is(dialog[open],dialog:popover-open){width:22.5rem}}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list{width:fit-content !important;min-width:10rem !important;max-width:15rem !important;padding:var(--menu-padding, 0.5rem);margin:0;background:var(--menu-bg, canvas);border:var(--menu-border, 2px solid grey);overflow:auto;border:none !important;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.1)}@media screen and (min-width: 36em){.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list{width:max-content !important}}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list hr{height:1px !important;background-color:var(--menu-hr-border-color, var(--border-color, grey)) !important;width:100%;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding:0 !important}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .radio--tick{margin-right:0;padding-left:1.5rem;margin-bottom:0}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .radio--tick:before{left:0;font-size:1em;top:.75rem}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a{padding:.375rem}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a:not(:hover,:focus,:active){border-color:rgba(0,0,0,0)}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a{margin:0}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a:after{display:none}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action{background:unset;border:unset;color:var(--colour-primary);font-weight:inherit;font-family:inherit;font-size:1rem;line-height:1.1875rem;display:block;margin:var(--menu-item-margin, 0 0 0.25rem 0);padding-block:var(--menu-item-padding, 0.5rem);width:var(--menu-item-width, 100%);max-width:var(--menu-item-width, 100%);text-align:var(--menu-item-text-align, left)}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action:not(:hover,:focus,:active){border-color:rgba(0,0,0,0)}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action:is(:hover,:focus){background:var(--colour-light) !important;border-radius:.25rem !important}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action:is(:active){background:#e0e0e0 !important;border-radius:.25rem !important}.dialog__wrapper>:is(dialog[open],dialog:popover-open) :is(dialog[open],dialog:popover-open){display:contents}.dialog__wrapper.dialog__wrapper--right>:is(dialog[open],dialog:popover-open){right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>:is(dialog[open],dialog:popover-open){width:14.9375rem}.dialog__wrapper.dialog__wrapper--lg>:is(dialog[open],dialog:popover-open){width:19.9375rem}@media screen and (min-width: 36em){.dialog__wrapper.dialog__wrapper--sm-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--sm-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.5625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.25rem}}@media screen and (min-width: 62em){.dialog__wrapper.dialog__wrapper--md-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--md-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.5625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.375rem}}.dialog__wrapper :is(.empty,.individual){display:none}@supports selector(:has(*)){.dialog__wrapper :is(.empty,.individual){display:inline}}.dialog__wrapper:has(input:checked) .empty,.dialog__wrapper:not(:has(input:checked)) .individual,.dialog__wrapper:has(input:checked~input:checked) .individual,.dialog__wrapper:not(:has(input:checked~input:checked)) .multiple{display:none}}@layer elements{button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button:focus:not(:focus-visible){outline:0}:is(button,[type=button],[type=reset],[type=submit],[role=button]){-webkit-appearance:button;&:not(:disabled){cursor:pointer}}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 2px;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap;&:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}&:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}&:not(:last-child){margin-right:var(--btn-margin)}}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.btn-complete{--colour: var(--colour-success);--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn-complete,.btn.btn-complete:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem;&:before{content:"\uF00C";font-family:var(--fa-family-classic);margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn{&[class*=fa-]:before{content:var(--fa);font-family:var(--fa-family-classic)}&[class*=fa-after]{padding-right:4rem}&[class*=fa-after]:before{margin-right:0;margin-right:.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}&:not(.btn-compact):before{margin-right:1rem}i[class*=fa-]{--fa-width: 1em;font-family:var(--fa-family-classic);margin-right:1rem;line-height:1em;font-style:inherit;&:not(:first-child){margin-left:1rem;margin-right:0}}}.btn.btn--prompt{&:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active){&:after{margin-left:1.5rem;margin-right:-0.5rem}}.btn-filter{&:after{content:"\uF1DE";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:var(--fa-family-classic)}}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary);&:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:transparent;border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative;&:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}&.text-decoration-none:after{width:0%}&[class*=fa-]{margin-left:0;margin-right:.5rem}&[class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}&:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active){&:after{width:60% !important}}&:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}}@layer elements{.btn-action{--btn-border-width: 1px;--btn-padding-block: 0.3125rem /* 5px */;--btn-padding-inline: 0.3125rem /* 5px */;--btn-margin: 0.5rem;border-radius:.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem;&:not(.btn-primary){color:var(--colour-heading)}&:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}&.btn[class*=fa-]:before{content:var(--fa);margin-right:.375rem}&.icon-only{position:relative;text-indent:-300vw;overflow:hidden;min-width:1.75rem;&:before{position:absolute;left:0;top:0;min-width:1.75rem;text-align:center;text-indent:0;padding-inline:.25rem;line-height:1.85rem}}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) &,&:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;align-content:center;line-height:1 !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem;&:not(:last-child){margin-right:.5rem}&:before{content:var(--fa);position:absolute;display:block;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - .25rem);font-weight:900}[class*=fa-]:before{line-height:calc(var(--compact-size) - .25rem);@container style(--theme: dark){color:white}}&.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}&.btn-action{--compact-size: 2rem;font-size:1rem;&:before{font-size:1em;font-weight:400}}&.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:transparent;&:not([class*=colour-]){--colour: var(--colour-light)}}&.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour);&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}}&[data-number]{position:relative}&[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:white;letter-spacing:-0.1em;font-family:arial,sans-serif}}.btn-compact{&:is(.fa-left,.fa-chevron-left,.fa-right,.fa-chevron-right,.fa-up,.fa-chevron-up,.fa-down,.fa-chevron-down,.fa-plus,.fa-bars,.fa-edit,.fa-envelope,.fa-calendar){--iso-display: block;--iso-font-size: 1.5rem;--iso-border-radius: 50%;--iso-text-indent: -500px}}@container style(--font-body){.btn-compact{font-size:var(--iso-font-size, 0.6rem) !important;text-indent:var(--iso-text-indent, 0px);white-space:initial;&:not(.btn-action){border-radius:var(--iso-border-radius, 0.25rem) !important}&:before{display:var(--iso-display, none);font-family:monospace !important;content:var(--iso) !important}}}@container style(--fa-font-regular){.btn-compact{text-indent:-500px;font-size:1rem !important;&:not(.btn-action){border-radius:50% !important}&:before{font-family:"Font Awesome 7 Pro" !important;content:var(--fa) !important;display:block}}}}@layer elements{.btn[popovertarget]{position:relative;anchor-name:--button2;&>.fa-chevron-down{display:none}&:not(:has(i)):not(.no-icon):after{content:"";display:inline-block;margin-right:.25em;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}&[aria-pressed]:after{transform:rotate(270deg)}}.btn:has(select){position:relative;padding:0;max-width:fit-content;min-width:fit-content;width:fit-content;select{all:unset !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:calc(var(--btn-padding-inline) + 2rem) !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;outline:none;font-weight:inherit !important;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important;appearance:base-select !important}&:after{position:absolute;top:.625rem;right:1.5rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}}.btn-action:has(select){padding-block:0;padding-right:2rem;font-size:1em;select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important;font-size:1rem !important}&:after{top:.2rem;right:.5rem}}}@layer elements{.btn__group{display:flex;flex-direction:column;row-gap:var(--gap);reading-flow:source-order;margin-bottom:1.5rem;.btn-compact{max-width:fit-content;margin-inline:auto}}:where(.btn__group,iam-modal){reading-flow:source-order;.btn{margin-inline-end:0;width:100%;max-width:100%;text-align:center;white-space:normal;margin:0;&:not(:last-child){margin-right:0}}.btn-tertiary{max-width:fit-content;margin-block:0 !important;margin-inline:auto !important;order:3;reading-order:3}.btn-secondary{order:2;reading-order:2}.btn-primary{order:1;reading-order:1;margin:0;&:not(:last-child){margin:0}}}:is(iam-form,form) .btn__group{padding-top:1rem}@container (min-width: 36em){.btn__group{flex-direction:row;row-gap:0;gap:var(--gap);flex-wrap:wrap;.btn-tertiary{max-width:fit-content;margin-inline:0 !important;margin-block:auto;order:1}.btn-secondary{order:2}.btn-primary{order:3}.btn-compact{margin-inline:0;margin-block:auto}}:where(iam-modal,.btn__group){.btn{max-width:fit-content;white-space:nowrap;margin-block:auto}}.btn__group{.btn-tertiary{reading-order:1}.btn-secondary{reading-order:2}.btn-primary{reading-order:3}}iam-modal{.btn-tertiary{reading-order:3;order:1}.btn-secondary{order:2;reading-order:2}.btn-primary{order:3;reading-order:1}}.btn__group.text-end{justify-content:flex-end}:is(iam-form,form) .btn__group{justify-content:flex-end;padding-top:3rem}iam-modal .btn__group:last-child .btn,dialog .btn__group:last-child .btn{margin-bottom:0}}}:host(.prevent-hover){pointer-events:none}:host(.prevent-hover) *{pointer-events:all}:host(.show-icon){--card-right-padding: 3.5rem}:host(.show-icon) .card__body:before,:host(.show-icon) .card__body:after{content:"";display:var(--card-right-arrow-display, block);position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--card-icon-bg);border-radius:50%}:host(.show-icon) .card__body:after{background:var(--card-icon-colour);mask-image:var(--icon, var(--icon-arrow));mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon, var(--icon-arrow));-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}.card__body:has(.card__illustration){align-items:center;display:flex}.card__body:has(.card__illustration) .card__illustration{height:4rem;width:4rem;margin-right:1.5rem;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative}.card__body:has(.card__illustration) .card__illustration img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}:host([class*=colour-]){border-left:.75rem solid var(--colour, var(--colour-primary))}slot[name=secondary]{display:block;position:absolute;top:.5rem;right:0;margin:.5rem .5rem 0 0;z-index:999}::slotted([slot=secondary]:not(:hover,:focus,:active,.hover)){background:none !important;color:var(--colour-btn) !important}::slotted([slot=checkbox]){position:absolute !important;top:.5rem;right:.5rem;width:2rem;height:2rem;height:2.5rem;overflow:hidden}.menu__wrapper{position:absolute;right:1rem;bottom:2rem;width:3rem !important;left:auto;z-index:999}.menu__wrapper>.btn:before{content:"\uF142";font-family:var(--fa-family-classic)}::slotted([slot=btns]){border:none !important;margin:0 !important;display:block !important;width:fit-content}::slotted([slot=primary-action]){overflow:hidden;background-color:rgba(0,0,0,0);text-indent:-300%;position:absolute !important;inset:0;margin:0 !important;z-index:99;border:none}:host(:not(.prevent-hover)) ::slotted([slot=primary-action]:is(:hover,:focus,.hover)){outline:2px solid var(--hover-outline-colour);outline-offset:-2px;border-radius:var(--card-border-radius) !important}:host(.hasLink) slot[name=link]{position:absolute;display:block;inset:0;z-index:1}::slotted([slot=link]){position:absolute !important;display:block !important;inset:0 !important;z-index:1 !important;margin:0 !important;text-indent:-300% !important;overflow:hidden !important}::slotted([slot=link]):after{display:none !important}:host(.card--article){--card-head-height: 5rem;--card-fs: 1rem;--card-gap: 0.5rem;--card-body-top-padding: 1rem;--card-body-bottom-padding: 0.5rem;--card-left-padding: 0.5rem;--card-right-padding: 0.75rem;--card-right-arrow-display: none;--card-body-fs: 0.6875rem;--card-body-lh: 1rem;--card-footer-bottom-padding: 0.5rem!important;--card-badges-top-padding:0.5rem;--card-badges-bottom-padding: 0;--card-right-padding: 0.5rem;--card-left-padding: 0.5rem}::slotted(span:is(.duration):not([class*=pt-])){font-size:var(--card-fs) !important;line-height:var(--card-lh) !important;padding-top:0 !important}::slotted(span:is(.duration):not([class*=pt-])):before{content:"\uF017";font-family:var(--fa-family-classic);color:var(--colour-warning);padding-right:.25rem}/*# sourceMappingURL=assets/css/components/card.component.css.map */
 
     </style>
     ${u}
@@ -39,5 +39,5 @@
       <iam-menu class="dialog--fix dialog--list" id="actions" style="position-anchor: --anchor-el;" popover>
         <slot name="btns"></slot>
       </iam-menu>
-    </div>`,r.appendChild(t.content.cloneNode(!0)),typeof CSS>"u"||!CSS.supports("top","anchor(top)")){const e=r.querySelector('[popovertarget="actions"]'),i=r.querySelector("[popover]");e?.addEventListener("click",()=>{this.style.setProperty("overflow","visible"),this.style.setProperty("z-index","999999");const c=e.getBoundingClientRect(),s=c.top,m=c.left;i?.style.setProperty("display","block"),i?.style.setProperty("top",s+"px"),i?.style.setProperty("left",m-100+"px")}),document.addEventListener("scroll",()=>{i?.style.setProperty("display","none")})}}this.querySelectorAll('[slot="btns"]').forEach(t=>{t.classList.add("btn"),t.classList.add("btn-action")});const a=this.querySelector('[slot="checkbox"],[slot="secondary"]');a&&(a.addEventListener("mouseenter",()=>{this.classList.add("prevent-hover")}),a.addEventListener("mouseleave",()=>{this.classList.remove("prevent-hover")}));const n=r.querySelector(".menu__wrapper");n&&(n.addEventListener("mouseenter",()=>{this.classList.add("prevent-hover")}),n.addEventListener("mouseleave",()=>{this.classList.remove("prevent-hover")}));const d=this.querySelector('input[type="checkbox"]');d&&d.addEventListener("change",()=>{if(d.checked){const t=new CustomEvent("select-card",{detail:{"Card value":d.value,"input name":d.getAttribute("name")}});this.dispatchEvent(t)}else{const t=new CustomEvent("unselect-card",{detail:{"Card value":d.value,"input name":d.getAttribute("name")}});this.dispatchEvent(t)}});const p=this.querySelector('[slot="secondary"]');p&&p.addEventListener("click",()=>{const t=new CustomEvent("secondary-button-clicked",{detail:{Title:p.getAttribute("title")}});this.dispatchEvent(t)}),this.querySelectorAll('[slot="btns"]').forEach(t=>{t.addEventListener("click",()=>{const e=new CustomEvent("action-button-clicked",{detail:{Title:t.getAttribute("title")}});this.dispatchEvent(e)})}),this.querySelector('[slot="link"]')&&this.classList.add("hasLink"),h(this,"iam-card",["select-card","unselect-card","secondary-button-clicked","action-button-clicked"])}static get observedAttributes(){return["data-image"]}attributeChangedCallback(r,o,a){const n=this.shadowRoot;if(n)switch(r){case"data-total":{const d=n.querySelector(".card__total");d&&(d.innerHTML=a||"");break}case"data-image":{if(o!=a){const d=n.querySelector(".card__head img");d&&d.setAttribute("src",a||"")}break}}}}export{y as default};
+    </div>`,r.appendChild(t.content.cloneNode(!0)),typeof CSS>"u"||!CSS.supports("top","anchor(top)")){const e=r.querySelector('[popovertarget="actions"]'),i=r.querySelector("[popover]");e?.addEventListener("click",()=>{this.style.setProperty("overflow","visible"),this.style.setProperty("z-index","999999");const c=e.getBoundingClientRect(),s=c.top,m=c.left;i?.style.setProperty("display","block"),i?.style.setProperty("top",s+"px"),i?.style.setProperty("left",m-100+"px")}),document.addEventListener("scroll",()=>{i?.style.setProperty("display","none")})}}this.querySelectorAll('[slot="btns"]').forEach(t=>{t.classList.add("btn"),t.classList.add("btn-action")});const a=this.querySelector('[slot="checkbox"],[slot="secondary"]');a&&(a.addEventListener("mouseenter",()=>{this.classList.add("prevent-hover")}),a.addEventListener("mouseleave",()=>{this.classList.remove("prevent-hover")}));const n=r.querySelector(".menu__wrapper");n&&(n.addEventListener("mouseenter",()=>{this.classList.add("prevent-hover")}),n.addEventListener("mouseleave",()=>{this.classList.remove("prevent-hover")}));const d=this.querySelector('input[type="checkbox"]');d&&d.addEventListener("change",()=>{if(d.checked){const t=new CustomEvent("select-card",{detail:{"Card value":d.value,"input name":d.getAttribute("name")}});this.dispatchEvent(t)}else{const t=new CustomEvent("unselect-card",{detail:{"Card value":d.value,"input name":d.getAttribute("name")}});this.dispatchEvent(t)}});const p=this.querySelector('[slot="secondary"]');p&&p.addEventListener("click",()=>{const t=new CustomEvent("secondary-button-clicked",{detail:{Title:p.getAttribute("title")}});this.dispatchEvent(t)}),this.querySelectorAll('[slot="btns"]').forEach(t=>{t.addEventListener("click",()=>{const e=new CustomEvent("action-button-clicked",{detail:{Title:t.getAttribute("title")}});this.dispatchEvent(e)})}),this.querySelector('[slot="link"]')&&this.classList.add("hasLink"),b(this,"iam-card",["select-card","unselect-card","secondary-button-clicked","action-button-clicked"])}static get observedAttributes(){return["data-image"]}attributeChangedCallback(r,o,a){const n=this.shadowRoot;if(n)switch(r){case"data-total":{const d=n.querySelector(".card__total");d&&(d.innerHTML=a||"");break}case"data-image":{if(o!=a){const d=n.querySelector(".card__head img");d&&d.setAttribute("src",a||"")}break}}}}export{y as default};
 //# sourceMappingURL=card.component.min.js.map

package/assets/js/components/card/card.component.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.component.min.js","sources":["../_global.js","../../modules/card.module.js","../menu/menu.component.js","card.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","export const cardHTML = `<div class=\"wrapper\">\n  <div class=\"card__head\" part=\"head\">\n    <slot name=\"head\"></slot>\n  </div>\n  <div class=\"card__badges\"><slot name=\"badges\"></slot></div>\n  <slot name=\"checkbox\" class=\"activate-prevent-hover\"></slot>\n  <div class=\"card__body\" part=\"body\">\n    <slot></slot>\n    <slot name=\"secondary\" part=\"secondary\"></slot>\n  </div>\n  <div class=\"card__details\" part=\"details\">\n    <slot name=\"details\"></slot>\n  </div>\n  <div class=\"card__footer\" part=\"footer\">\n    <slot name=\"footer\"></slot>\n  </div>\n</div>`;\nconst getCardPart = (cardComponent, selector) => { var _a; return ((_a = cardComponent.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector)) || null; };\nexport const setupCard = (cardComponent) => {\n    cardComponent.classList.add('card');\n    const cardHead = getCardPart(cardComponent, '.card__head');\n    const cardBody = getCardPart(cardComponent, '.card__body');\n    const cardBadges = getCardPart(cardComponent, '.card__badges');\n    if (cardComponent.hasAttribute('data-image')) {\n        cardHead === null || cardHead === void 0 ? void 0 : cardHead.insertAdjacentHTML('beforeend', `<img src=\"${cardComponent.getAttribute('data-image') || ''}\" alt=\"\" loading=\"lazy\" part=\"image\" />`);\n    }\n    // Inset the HTML for the data total or icon fallback\n    if (cardComponent.hasAttribute('data-total')) {\n        const cardTotal = cardBody === null || cardBody === void 0 ? void 0 : cardBody.querySelector('.card__total');\n        if (!cardTotal)\n            cardBody === null || cardBody === void 0 ? void 0 : cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\">${cardComponent.getAttribute('data-total') || ''}</div>`);\n        else {\n            cardTotal.innerHTML = cardComponent.getAttribute('data-total') || '';\n        }\n    }\n    else if (cardComponent.querySelector('[slot=\"total-icon\"]')) {\n        cardBody === null || cardBody === void 0 ? void 0 : cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\"><slot name=\"total-icon\"></slot></div>`);\n    }\n    if (!cardComponent.querySelector('[slot=\"badges\"]')) {\n        cardBadges === null || cardBadges === void 0 ? void 0 : cardBadges.classList.add('empty');\n    }\n    else {\n        cardBadges === null || cardBadges === void 0 ? void 0 : cardBadges.classList.remove('empty');\n    }\n};\n","class iamMenu extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const menuCSS = `@import \"${assetLocation}/css/components/menu.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${menuCSS}\n    </style>\n    <div class=\"menu--inner\" part=\"inner\">\n      <slot></slot>\n    </div>`;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        this.classList.add('dropdown');\n        const menuID = this.hasAttribute('id') ? this.getAttribute('id') : false;\n        const menuButton = document.querySelector(`[popovertarget=\"${menuID}\"]`);\n        let topLevelmenuItems = this.querySelectorAll(':scope > a, :scope > button, :scope > details > summary');\n        let menuItems = this.querySelectorAll('a, button');\n        if (this.closest('.menu__wrapper')) {\n            menuItems = this.shadowRoot.querySelector('slot').assignedElements({ flatten: true });\n            topLevelmenuItems = menuItems;\n        }\n        const subMenus = this.querySelectorAll('details');\n        let subNextIndex;\n        let subPrevIndex;\n        // Set the needed CSS styles to connect the ID attribute to the anchor name\n        if (menuID && menuButton) {\n            this.setAttribute('role', 'menu');\n            this.setAttribute('popover', 'auto');\n            this.style['position-anchor'] = `--${menuID}`;\n            menuButton === null || menuButton === void 0 ? void 0 : menuButton.setAttribute('aria-haspopup', 'true');\n            menuButton === null || menuButton === void 0 ? void 0 : menuButton.style['anchor-name'] = `--${menuID}`;\n            menuButton === null || menuButton === void 0 ? void 0 : menuButton.setAttribute('aria-controls', menuID);\n        }\n        menuItems.forEach((item, index) => {\n            item.setAttribute('role', 'menuitem');\n            item.setAttribute('tabindex', '0');\n            if (index == 0) {\n                item.setAttribute('autofocus', true);\n            }\n        });\n        this.addEventListener('keydown', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('a, button, summary')) {\n                const activeItem = document.activeElement;\n                const prevIndex = Array.from(topLevelmenuItems).indexOf(activeItem) - 1;\n                const nextIndex = Array.from(topLevelmenuItems).indexOf(activeItem) + 1;\n                switch (event.keyCode // change to event.key to key to use the above variable\n                ) {\n                    case 27: // Esc\n                        if (activeItem.closest('details')) {\n                            event.stopPropagation();\n                            event.preventDefault();\n                            activeItem.closest('details').removeAttribute('open');\n                            activeItem.closest('details').querySelector(':scope summary').focus();\n                        }\n                        else {\n                            event.stopPropagation();\n                            menuButton.focus();\n                        }\n                        break;\n                    case 32: // Space\n                    case 13: // Enter\n                        break;\n                    case 35: // end\n                        event.stopPropagation();\n                        event.preventDefault();\n                        this.querySelector('details[open]').removeAttribute('open');\n                        Array.from(menuItems)[menuItems.length - 1].focus();\n                        break;\n                    case 36: // home\n                        event.stopPropagation();\n                        event.preventDefault();\n                        this.querySelector('details[open]').removeAttribute('open');\n                        Array.from(menuItems)[0].focus();\n                        break;\n                    case 38: // up\n                        event.stopPropagation();\n                        event.preventDefault();\n                        if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n                            if (Array.from(topLevelmenuItems)[prevIndex] != undefined)\n                                Array.from(topLevelmenuItems)[prevIndex].focus();\n                            else\n                                Array.from(topLevelmenuItems)[topLevelmenuItems.length - 1].focus();\n                        }\n                        else if (activeItem.closest('details')) {\n                            const subMenuItems = activeItem\n                                .closest('details')\n                                .querySelectorAll('a, button, :scope details > summary');\n                            subPrevIndex = Array.from(subMenuItems).indexOf(activeItem) - 1;\n                            if (Array.from(subMenuItems)[subPrevIndex] != undefined)\n                                Array.from(subMenuItems)[subPrevIndex].focus();\n                            else\n                                Array.from(subMenuItems)[subMenuItems.length - 1].focus();\n                        }\n                        break;\n                    case 40: // down\n                        event.stopPropagation();\n                        event.preventDefault();\n                        if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n                            if (Array.from(topLevelmenuItems)[nextIndex] != undefined)\n                                Array.from(topLevelmenuItems)[nextIndex].focus();\n                            else\n                                Array.from(topLevelmenuItems)[0].focus();\n                        }\n                        else if (activeItem.closest('details')) {\n                            const subMenuItems = activeItem\n                                .closest('details')\n                                .querySelectorAll('a, button, :scope details > summary');\n                            subNextIndex = Array.from(subMenuItems).indexOf(activeItem) + 1;\n                            if (Array.from(subMenuItems)[subNextIndex] != undefined)\n                                Array.from(subMenuItems)[subNextIndex].focus();\n                            else\n                                Array.from(subMenuItems)[0].focus();\n                        }\n                        break;\n                }\n            }\n        });\n        this.addEventListener('toggle', (e) => {\n            var _a, _b, _c, _d;\n            const updateEvent = new CustomEvent(e.newState, { detail: { id: this.getAttribute('id'), target: e.target } });\n            this.dispatchEvent(updateEvent);\n            // Fix the focus\n            if (this.closest('.menu__wrapper')) {\n                menuItems[0].focus();\n            }\n            if (this.hasAttribute('popover-open')) {\n                e.preventDefault();\n                this.removeAttribute('popover-open');\n                this.hidePopover();\n            }\n            if (this.matches(':popover-open') && document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) {\n                (_a = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-pressed', 'true');\n                (_b = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _b === void 0 ? void 0 : _b.classList.add('active');\n            }\n            else {\n                (_c = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _c === void 0 ? void 0 : _c.removeAttribute('aria-pressed');\n                (_d = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _d === void 0 ? void 0 : _d.classList.remove('active');\n            }\n        });\n        this.addEventListener('click', (event) => {\n            if (event &&\n                event.target instanceof HTMLElement &&\n                event.target.closest('button:has(+ iam-menu:not([popover]))')) {\n                const button = event.target.closest('button:has(+ iam-menu)');\n                button === null || button === void 0 ? void 0 : button.classList.toggle('open');\n            }\n            else if (event && event.target instanceof HTMLElement && event.target.closest('button.selectable')) {\n                const button = event.target.closest('button.selectable');\n                if (this.hasAttribute('multiple')) {\n                    button.classList.toggle('selected');\n                }\n                else if (button === null || button === void 0 ? void 0 : button.classList.contains('selected')) {\n                    this.querySelectorAll('.selected').forEach((item) => {\n                        item.classList.remove('selected');\n                    });\n                }\n                else {\n                    this.querySelectorAll('.selected').forEach((item) => {\n                        item.classList.remove('selected');\n                    });\n                    button.classList.add('selected');\n                }\n            }\n        });\n        // safari and firefox anchor fix for cards\n        if (!CSS.supports('top', 'anchor(top)')) {\n            document.addEventListener('click', (event) => {\n                if (event.originalTarget && event.originalTarget.matches('[popovertarget]')) {\n                    const button = event.originalTarget;\n                    const popoverID = button.getAttribute('popovertarget');\n                    const popover = document.getElementById(popoverID);\n                    const viewportOffset = button.getBoundingClientRect();\n                    const top = viewportOffset.top;\n                    const left = viewportOffset.left;\n                    popover.style.setProperty('top', top + 'px');\n                    popover.style.setProperty('left', left + button.clientWidth + 'px');\n                }\n            });\n        }\n    }\n}\nexport default iamMenu;\n","import { trackComponent } from '../_global';\nimport { cardHTML, setupCard } from '../../modules/card.module';\nimport iamMenu from '../menu/menu.component';\nconst getAssetLocation = () => document.body.getAttribute('data-assets-location') || '/assets';\nclass iamCard extends HTMLElement {\n    constructor() {\n        super();\n        const shadowRoot = this.attachShadow({ mode: 'open' });\n        const assetLocation = getAssetLocation();\n        const loadCSS = `@import \"${assetLocation}/css/components/card.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    \n    ${loadCSS}\n    </style>\n    ${cardHTML}\n    <slot name=\"link\"></slot>\n    <slot name=\"primary-action\"></slot>\n    `;\n        shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        const shadowRoot = this.shadowRoot;\n        const cardBody = shadowRoot === null || shadowRoot === void 0 ? void 0 : shadowRoot.querySelector('.card__body');\n        if (!shadowRoot)\n            return;\n        if (!window.customElements.get(`iam-menu`))\n            window.customElements.define(`iam-menu`, iamMenu);\n        setupCard(this);\n        // Add Illustration HTML\n        if (this.hasAttribute('data-illustration')) {\n            cardBody === null || cardBody === void 0 ? void 0 : cardBody.insertAdjacentHTML('afterbegin', `<div class=\"card__illustration\"><img src=\"${this.getAttribute('data-illustration')}\" alt=\"\" loading=\"lazy\" /></div>`);\n        }\n        // Add class that shows the right arrow icon\n        if (!this.querySelector('[slot=\"btns\"]') && !this.querySelector('[slot=\"secondary\"]') && !this.classList.contains('card--article') && !this.closest('.carousel--article-cards')) {\n            this.classList.add('show-icon');\n        }\n        // Secondary buttons and actions\n        // Add the dialog wrapper HTML\n        if (this.querySelector('[slot=\"btns\"]')) {\n            const menuTemplate = document.createElement('template');\n            menuTemplate.innerHTML = `<div class=\"menu__wrapper\">\n      <button class=\"btn btn-secondary btn-compact fa-ellipsis-vertical m-0\" popovertarget=\"actions\" style=\"anchor-name: --anchor-el;\" title=\"Further actions\" type=\"button\">Open further actions</button>\n      <iam-menu class=\"dialog--fix dialog--list\" id=\"actions\" style=\"position-anchor: --anchor-el;\" popover>\n        <slot name=\"btns\"></slot>\n      </iam-menu>\n    </div>`;\n            shadowRoot.appendChild(menuTemplate.content.cloneNode(true));\n            // safari and firefox anchor fix for cards\n            if (typeof CSS === 'undefined' || !CSS.supports('top', 'anchor(top)')) {\n                const actionButton = shadowRoot.querySelector('[popovertarget=\"actions\"]');\n                const actionPopover = shadowRoot.querySelector('[popover]');\n                actionButton === null || actionButton === void 0 ? void 0 : actionButton.addEventListener('click', () => {\n                    this.style.setProperty('overflow', 'visible');\n                    this.style.setProperty('z-index', '999999');\n                    const viewportOffset = actionButton.getBoundingClientRect();\n                    const top = viewportOffset.top;\n                    const left = viewportOffset.left;\n                    actionPopover === null || actionPopover === void 0 ? void 0 : actionPopover.style.setProperty('display', 'block');\n                    actionPopover === null || actionPopover === void 0 ? void 0 : actionPopover.style.setProperty('top', top + 'px');\n                    actionPopover === null || actionPopover === void 0 ? void 0 : actionPopover.style.setProperty('left', left - 100 + 'px');\n                });\n                document.addEventListener('scroll', () => {\n                    actionPopover === null || actionPopover === void 0 ? void 0 : actionPopover.style.setProperty('display', 'none');\n                });\n            }\n        }\n        // Make sure slotted buttons and links have correct button classes\n        this.querySelectorAll('[slot=\"btns\"]').forEach((button) => {\n            button.classList.add('btn');\n            button.classList.add('btn-action');\n        });\n        // Hide the default hover and focus states when interacting with the checkbox, dialog wrapper or secondary button\n        const preventHoverElement = this.querySelector('[slot=\"checkbox\"],[slot=\"secondary\"]');\n        if (preventHoverElement) {\n            preventHoverElement.addEventListener('mouseenter', () => {\n                this.classList.add('prevent-hover');\n            });\n            preventHoverElement.addEventListener('mouseleave', () => {\n                this.classList.remove('prevent-hover');\n            });\n        }\n        const menuWrapper = shadowRoot.querySelector('.menu__wrapper');\n        if (menuWrapper) {\n            menuWrapper.addEventListener('mouseenter', () => {\n                this.classList.add('prevent-hover');\n            });\n            menuWrapper.addEventListener('mouseleave', () => {\n                this.classList.remove('prevent-hover');\n            });\n        }\n        // Dispatch events of selecting checkboxes\n        const checkbox = this.querySelector('input[type=\"checkbox\"]');\n        if (checkbox) {\n            checkbox.addEventListener('change', () => {\n                if (checkbox.checked) {\n                    const customEvent = new CustomEvent('select-card', {\n                        detail: { 'Card value': checkbox.value, 'input name': checkbox.getAttribute('name') },\n                    });\n                    this.dispatchEvent(customEvent);\n                }\n                else {\n                    const customEvent = new CustomEvent('unselect-card', {\n                        detail: { 'Card value': checkbox.value, 'input name': checkbox.getAttribute('name') },\n                    });\n                    this.dispatchEvent(customEvent);\n                }\n            });\n        }\n        // Dispatch events of click onto secondary buttons\n        const secondaryBtn = this.querySelector('[slot=\"secondary\"]');\n        if (secondaryBtn) {\n            secondaryBtn.addEventListener('click', () => {\n                const customEvent = new CustomEvent('secondary-button-clicked', {\n                    detail: { Title: secondaryBtn.getAttribute('title') },\n                });\n                this.dispatchEvent(customEvent);\n            });\n        }\n        // Dispatch events of click onto action buttons\n        this.querySelectorAll('[slot=\"btns\"]').forEach((button) => {\n            button.addEventListener('click', () => {\n                const customEvent = new CustomEvent('action-button-clicked', {\n                    detail: { Title: button.getAttribute('title') },\n                });\n                this.dispatchEvent(customEvent);\n            });\n        });\n        if (this.querySelector('[slot=\"link\"]'))\n            this.classList.add('hasLink');\n        trackComponent(this, 'iam-card', [\n            'select-card',\n            'unselect-card',\n            'secondary-button-clicked',\n            'action-button-clicked',\n        ]);\n    }\n    static get observedAttributes() {\n        return ['data-image'];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        const shadowRoot = this.shadowRoot;\n        if (!shadowRoot)\n            return;\n        switch (attrName) {\n            case 'data-total': {\n                const cardTotal = shadowRoot.querySelector('.card__total');\n                if (cardTotal)\n                    cardTotal.innerHTML = newVal || '';\n                break;\n            }\n            case 'data-image': {\n                if (oldVal != newVal) {\n                    const cardHeadImg = shadowRoot.querySelector('.card__head img');\n                    if (cardHeadImg)\n                        cardHeadImg.setAttribute('src', newVal || '');\n                }\n                break;\n            }\n        }\n    }\n}\nexport default iamCard;\n"],"names":["trackComponent","component","componentName","trackEvents","eventName","event","eventDetails","eventKey","eventDetail","cardHTML","getCardPart","cardComponent","selector","_a","setupCard","cardHead","cardBody","cardBadges","cardTotal","iamMenu","template","menuID","menuButton","topLevelmenuItems","menuItems","subNextIndex","subPrevIndex","item","index","activeItem","prevIndex","nextIndex","subMenuItems","e","_b","_c","_d","updateEvent","button","popoverID","popover","viewportOffset","top","left","getAssetLocation","iamCard","shadowRoot","menuTemplate","actionButton","actionPopover","preventHoverElement","menuWrapper","checkbox","customEvent","secondaryBtn","attrName","oldVal","newVal","cardHeadImg"],"mappings":"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"}
+{"version":3,"file":"card.component.min.js","sources":["../_global.js","../../modules/card.module.js","../menu/menu.component.js","card.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","export const cardHTML = `<div class=\"wrapper\">\n  <div class=\"card__head\" part=\"head\">\n    <slot name=\"head\"></slot>\n  </div>\n  <div class=\"card__badges\"><slot name=\"badges\"></slot></div>\n  <slot name=\"checkbox\" class=\"activate-prevent-hover\"></slot>\n  <div class=\"card__body\" part=\"body\">\n    <slot></slot>\n    <slot name=\"secondary\" part=\"secondary\"></slot>\n  </div>\n  <div class=\"card__details\" part=\"details\">\n    <slot name=\"details\"></slot>\n  </div>\n  <div class=\"card__footer\" part=\"footer\">\n    <slot name=\"footer\"></slot>\n  </div>\n</div>`;\nconst getCardPart = (cardComponent, selector) => { var _a; return ((_a = cardComponent.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector)) || null; };\nexport const setupCard = (cardComponent) => {\n    cardComponent.classList.add('card');\n    const cardHead = getCardPart(cardComponent, '.card__head');\n    const cardBody = getCardPart(cardComponent, '.card__body');\n    const cardBadges = getCardPart(cardComponent, '.card__badges');\n    if (cardComponent.hasAttribute('data-image')) {\n        cardHead === null || cardHead === void 0 ? void 0 : cardHead.insertAdjacentHTML('beforeend', `<img src=\"${cardComponent.getAttribute('data-image') || ''}\" alt=\"\" loading=\"lazy\" part=\"image\" />`);\n    }\n    // Inset the HTML for the data total or icon fallback\n    if (cardComponent.hasAttribute('data-total')) {\n        const cardTotal = cardBody === null || cardBody === void 0 ? void 0 : cardBody.querySelector('.card__total');\n        if (!cardTotal)\n            cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\">${cardComponent.getAttribute('data-total') || ''}</div>`);\n        else {\n            cardTotal.innerHTML = cardComponent.getAttribute('data-total') || '';\n        }\n    }\n    else if (cardComponent.querySelector('[slot=\"total-icon\"]')) {\n        cardBody === null || cardBody === void 0 ? void 0 : cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\"><slot name=\"total-icon\"></slot></div>`);\n    }\n    if (!cardComponent.querySelector('[slot=\"badges\"]')) {\n        cardBadges === null || cardBadges === void 0 ? void 0 : cardBadges.classList.add('empty');\n    }\n    else {\n        cardBadges === null || cardBadges === void 0 ? void 0 : cardBadges.classList.remove('empty');\n    }\n};\n","class iamMenu extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const menuCSS = `@import \"${assetLocation}/css/components/menu.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${menuCSS}\n    </style>\n    <div class=\"menu--inner\" part=\"inner\">\n      <slot></slot>\n    </div>`;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        this.classList.add('dropdown');\n        const menuID = this.hasAttribute('id') ? this.getAttribute('id') : false;\n        const menuButton = document.querySelector(`[popovertarget=\"${menuID}\"]`);\n        let topLevelmenuItems = this.querySelectorAll(':scope > a, :scope > button, :scope > details > summary');\n        let menuItems = this.querySelectorAll('a, button');\n        if (this.closest('.menu__wrapper')) {\n            menuItems = this.shadowRoot.querySelector('slot').assignedElements({ flatten: true });\n            topLevelmenuItems = menuItems;\n        }\n        const subMenus = this.querySelectorAll('details');\n        let subNextIndex;\n        let subPrevIndex;\n        // Set the needed CSS styles to connect the ID attribute to the anchor name\n        if (menuID && menuButton) {\n            this.setAttribute('role', 'menu');\n            this.setAttribute('popover', 'auto');\n            this.style['position-anchor'] = `--${menuID}`;\n            menuButton === null || menuButton === void 0 ? void 0 : menuButton.setAttribute('aria-haspopup', 'true');\n            menuButton === null || menuButton === void 0 ? void 0 : menuButton.style['anchor-name'] = `--${menuID}`;\n            menuButton === null || menuButton === void 0 ? void 0 : menuButton.setAttribute('aria-controls', menuID);\n        }\n        menuItems.forEach((item, index) => {\n            item.setAttribute('role', 'menuitem');\n            item.setAttribute('tabindex', '0');\n            if (index == 0) {\n                item.setAttribute('autofocus', true);\n            }\n        });\n        this.addEventListener('keydown', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('a, button, summary')) {\n                const activeItem = document.activeElement;\n                const prevIndex = Array.from(topLevelmenuItems).indexOf(activeItem) - 1;\n                const nextIndex = Array.from(topLevelmenuItems).indexOf(activeItem) + 1;\n                switch (event.keyCode // change to event.key to key to use the above variable\n                ) {\n                    case 27: // Esc\n                        if (activeItem.closest('details')) {\n                            event.stopPropagation();\n                            event.preventDefault();\n                            activeItem.closest('details').removeAttribute('open');\n                            activeItem.closest('details').querySelector(':scope summary').focus();\n                        }\n                        else {\n                            event.stopPropagation();\n                            menuButton.focus();\n                        }\n                        break;\n                    case 32: // Space\n                    case 13: // Enter\n                        break;\n                    case 35: // end\n                        event.stopPropagation();\n                        event.preventDefault();\n                        this.querySelector('details[open]').removeAttribute('open');\n                        Array.from(menuItems)[menuItems.length - 1].focus();\n                        break;\n                    case 36: // home\n                        event.stopPropagation();\n                        event.preventDefault();\n                        this.querySelector('details[open]').removeAttribute('open');\n                        Array.from(menuItems)[0].focus();\n                        break;\n                    case 38: // up\n                        event.stopPropagation();\n                        event.preventDefault();\n                        if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n                            if (Array.from(topLevelmenuItems)[prevIndex] != undefined)\n                                Array.from(topLevelmenuItems)[prevIndex].focus();\n                            else\n                                Array.from(topLevelmenuItems)[topLevelmenuItems.length - 1].focus();\n                        }\n                        else if (activeItem.closest('details')) {\n                            const subMenuItems = activeItem\n                                .closest('details')\n                                .querySelectorAll('a, button, :scope details > summary');\n                            subPrevIndex = Array.from(subMenuItems).indexOf(activeItem) - 1;\n                            if (Array.from(subMenuItems)[subPrevIndex] != undefined)\n                                Array.from(subMenuItems)[subPrevIndex].focus();\n                            else\n                                Array.from(subMenuItems)[subMenuItems.length - 1].focus();\n                        }\n                        break;\n                    case 40: // down\n                        event.stopPropagation();\n                        event.preventDefault();\n                        if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n                            if (Array.from(topLevelmenuItems)[nextIndex] != undefined)\n                                Array.from(topLevelmenuItems)[nextIndex].focus();\n                            else\n                                Array.from(topLevelmenuItems)[0].focus();\n                        }\n                        else if (activeItem.closest('details')) {\n                            const subMenuItems = activeItem\n                                .closest('details')\n                                .querySelectorAll('a, button, :scope details > summary');\n                            subNextIndex = Array.from(subMenuItems).indexOf(activeItem) + 1;\n                            if (Array.from(subMenuItems)[subNextIndex] != undefined)\n                                Array.from(subMenuItems)[subNextIndex].focus();\n                            else\n                                Array.from(subMenuItems)[0].focus();\n                        }\n                        break;\n                }\n            }\n        });\n        this.addEventListener('toggle', (e) => {\n            var _a, _b, _c, _d;\n            const updateEvent = new CustomEvent(e.newState, { detail: { id: this.getAttribute('id'), target: e.target } });\n            this.dispatchEvent(updateEvent);\n            // Fix the focus\n            if (this.closest('.menu__wrapper')) {\n                menuItems[0].focus();\n            }\n            if (this.hasAttribute('popover-open')) {\n                e.preventDefault();\n                this.removeAttribute('popover-open');\n                this.hidePopover();\n            }\n            if (this.matches(':popover-open') && document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) {\n                (_a = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-pressed', 'true');\n                (_b = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _b === void 0 ? void 0 : _b.classList.add('active');\n            }\n            else {\n                (_c = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _c === void 0 ? void 0 : _c.removeAttribute('aria-pressed');\n                (_d = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _d === void 0 ? void 0 : _d.classList.remove('active');\n            }\n        });\n        this.addEventListener('click', (event) => {\n            if (event &&\n                event.target instanceof HTMLElement &&\n                event.target.closest('button:has(+ iam-menu:not([popover]))')) {\n                const button = event.target.closest('button:has(+ iam-menu)');\n                button === null || button === void 0 ? void 0 : button.classList.toggle('open');\n            }\n            else if (event && event.target instanceof HTMLElement && event.target.closest('button.selectable')) {\n                const button = event.target.closest('button.selectable');\n                if (this.hasAttribute('multiple')) {\n                    button.classList.toggle('selected');\n                }\n                else if (button === null || button === void 0 ? void 0 : button.classList.contains('selected')) {\n                    this.querySelectorAll('.selected').forEach((item) => {\n                        item.classList.remove('selected');\n                    });\n                }\n                else {\n                    this.querySelectorAll('.selected').forEach((item) => {\n                        item.classList.remove('selected');\n                    });\n                    button.classList.add('selected');\n                }\n            }\n        });\n        // safari and firefox anchor fix for cards\n        if (!CSS.supports('top', 'anchor(top)')) {\n            document.addEventListener('click', (event) => {\n                if (event.originalTarget && event.originalTarget.matches('[popovertarget]')) {\n                    const button = event.originalTarget;\n                    const popoverID = button.getAttribute('popovertarget');\n                    const popover = document.getElementById(popoverID);\n                    const viewportOffset = button.getBoundingClientRect();\n                    const top = viewportOffset.top;\n                    const left = viewportOffset.left;\n                    popover.style.setProperty('top', top + 'px');\n                    popover.style.setProperty('left', left + button.clientWidth + 'px');\n                }\n            });\n        }\n    }\n}\nexport default iamMenu;\n","import { trackComponent } from '../_global';\nimport { cardHTML, setupCard } from '../../modules/card.module';\nimport iamMenu from '../menu/menu.component';\nconst getAssetLocation = () => document.body.getAttribute('data-assets-location') || '/assets';\nclass iamCard extends HTMLElement {\n    constructor() {\n        super();\n        const shadowRoot = this.attachShadow({ mode: 'open' });\n        const assetLocation = getAssetLocation();\n        const loadCSS = `@import \"${assetLocation}/css/components/card.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    \n    ${loadCSS}\n    </style>\n    ${cardHTML}\n    <slot name=\"link\"></slot>\n    <slot name=\"primary-action\"></slot>\n    `;\n        shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        const shadowRoot = this.shadowRoot;\n        const cardBody = shadowRoot === null || shadowRoot === void 0 ? void 0 : shadowRoot.querySelector('.card__body');\n        if (!shadowRoot)\n            return;\n        if (!window.customElements.get(`iam-menu`))\n            window.customElements.define(`iam-menu`, iamMenu);\n        setupCard(this);\n        // Add Illustration HTML\n        if (this.hasAttribute('data-illustration')) {\n            cardBody === null || cardBody === void 0 ? void 0 : cardBody.insertAdjacentHTML('afterbegin', `<div class=\"card__illustration\"><img src=\"${this.getAttribute('data-illustration')}\" alt=\"\" loading=\"lazy\" /></div>`);\n        }\n        // Add class that shows the right arrow icon\n        if (!this.querySelector('[slot=\"btns\"]') && !this.querySelector('[slot=\"secondary\"]') && !this.classList.contains('card--article') && !this.closest('.carousel--article-cards')) {\n            this.classList.add('show-icon');\n        }\n        // Secondary buttons and actions\n        // Add the dialog wrapper HTML\n        if (this.querySelector('[slot=\"btns\"]')) {\n            const menuTemplate = document.createElement('template');\n            menuTemplate.innerHTML = `<div class=\"menu__wrapper\">\n      <button class=\"btn btn-secondary btn-compact fa-ellipsis-vertical m-0\" popovertarget=\"actions\" style=\"anchor-name: --anchor-el;\" title=\"Further actions\" type=\"button\">Open further actions</button>\n      <iam-menu class=\"dialog--fix dialog--list\" id=\"actions\" style=\"position-anchor: --anchor-el;\" popover>\n        <slot name=\"btns\"></slot>\n      </iam-menu>\n    </div>`;\n            shadowRoot.appendChild(menuTemplate.content.cloneNode(true));\n            // safari and firefox anchor fix for cards\n            if (typeof CSS === 'undefined' || !CSS.supports('top', 'anchor(top)')) {\n                const actionButton = shadowRoot.querySelector('[popovertarget=\"actions\"]');\n                const actionPopover = shadowRoot.querySelector('[popover]');\n                actionButton === null || actionButton === void 0 ? void 0 : actionButton.addEventListener('click', () => {\n                    this.style.setProperty('overflow', 'visible');\n                    this.style.setProperty('z-index', '999999');\n                    const viewportOffset = actionButton.getBoundingClientRect();\n                    const top = viewportOffset.top;\n                    const left = viewportOffset.left;\n                    actionPopover === null || actionPopover === void 0 ? void 0 : actionPopover.style.setProperty('display', 'block');\n                    actionPopover === null || actionPopover === void 0 ? void 0 : actionPopover.style.setProperty('top', top + 'px');\n                    actionPopover === null || actionPopover === void 0 ? void 0 : actionPopover.style.setProperty('left', left - 100 + 'px');\n                });\n                document.addEventListener('scroll', () => {\n                    actionPopover === null || actionPopover === void 0 ? void 0 : actionPopover.style.setProperty('display', 'none');\n                });\n            }\n        }\n        // Make sure slotted buttons and links have correct button classes\n        this.querySelectorAll('[slot=\"btns\"]').forEach((button) => {\n            button.classList.add('btn');\n            button.classList.add('btn-action');\n        });\n        // Hide the default hover and focus states when interacting with the checkbox, dialog wrapper or secondary button\n        const preventHoverElement = this.querySelector('[slot=\"checkbox\"],[slot=\"secondary\"]');\n        if (preventHoverElement) {\n            preventHoverElement.addEventListener('mouseenter', () => {\n                this.classList.add('prevent-hover');\n            });\n            preventHoverElement.addEventListener('mouseleave', () => {\n                this.classList.remove('prevent-hover');\n            });\n        }\n        const menuWrapper = shadowRoot.querySelector('.menu__wrapper');\n        if (menuWrapper) {\n            menuWrapper.addEventListener('mouseenter', () => {\n                this.classList.add('prevent-hover');\n            });\n            menuWrapper.addEventListener('mouseleave', () => {\n                this.classList.remove('prevent-hover');\n            });\n        }\n        // Dispatch events of selecting checkboxes\n        const checkbox = this.querySelector('input[type=\"checkbox\"]');\n        if (checkbox) {\n            checkbox.addEventListener('change', () => {\n                if (checkbox.checked) {\n                    const customEvent = new CustomEvent('select-card', {\n                        detail: { 'Card value': checkbox.value, 'input name': checkbox.getAttribute('name') },\n                    });\n                    this.dispatchEvent(customEvent);\n                }\n                else {\n                    const customEvent = new CustomEvent('unselect-card', {\n                        detail: { 'Card value': checkbox.value, 'input name': checkbox.getAttribute('name') },\n                    });\n                    this.dispatchEvent(customEvent);\n                }\n            });\n        }\n        // Dispatch events of click onto secondary buttons\n        const secondaryBtn = this.querySelector('[slot=\"secondary\"]');\n        if (secondaryBtn) {\n            secondaryBtn.addEventListener('click', () => {\n                const customEvent = new CustomEvent('secondary-button-clicked', {\n                    detail: { Title: secondaryBtn.getAttribute('title') },\n                });\n                this.dispatchEvent(customEvent);\n            });\n        }\n        // Dispatch events of click onto action buttons\n        this.querySelectorAll('[slot=\"btns\"]').forEach((button) => {\n            button.addEventListener('click', () => {\n                const customEvent = new CustomEvent('action-button-clicked', {\n                    detail: { Title: button.getAttribute('title') },\n                });\n                this.dispatchEvent(customEvent);\n            });\n        });\n        if (this.querySelector('[slot=\"link\"]'))\n            this.classList.add('hasLink');\n        trackComponent(this, 'iam-card', [\n            'select-card',\n            'unselect-card',\n            'secondary-button-clicked',\n            'action-button-clicked',\n        ]);\n    }\n    static get observedAttributes() {\n        return ['data-image'];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        const shadowRoot = this.shadowRoot;\n        if (!shadowRoot)\n            return;\n        switch (attrName) {\n            case 'data-total': {\n                const cardTotal = shadowRoot.querySelector('.card__total');\n                if (cardTotal)\n                    cardTotal.innerHTML = newVal || '';\n                break;\n            }\n            case 'data-image': {\n                if (oldVal != newVal) {\n                    const cardHeadImg = shadowRoot.querySelector('.card__head img');\n                    if (cardHeadImg)\n                        cardHeadImg.setAttribute('src', newVal || '');\n                }\n                break;\n            }\n        }\n    }\n}\nexport default iamCard;\n"],"names":["trackComponent","component","componentName","trackEvents","eventName","event","eventDetails","eventKey","eventDetail","cardHTML","getCardPart","cardComponent","selector","_a","setupCard","cardHead","cardBody","cardBadges","cardTotal","iamMenu","template","menuID","menuButton","topLevelmenuItems","menuItems","subNextIndex","subPrevIndex","item","index","activeItem","prevIndex","nextIndex","subMenuItems","e","_b","_c","_d","updateEvent","button","popoverID","popover","viewportOffset","top","left","getAssetLocation","iamCard","shadowRoot","menuTemplate","actionButton","actionPopover","preventHoverElement","menuWrapper","checkbox","customEvent","secondaryBtn","attrName","oldVal","newVal","cardHeadImg"],"mappings":"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"}

package/assets/js/components/carousel/carousel.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta5
   * Copyright 2022-2026 iamproperty
   */const y=g=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:g})};y("iam-carousel");class w extends HTMLElement{constructor(){var a;super(),this.generateThumbnailList=e=>{const t=[];return Array.from(e.querySelectorAll(":scope > :is(div,iam-card)")).forEach((i,o)=>{i.hasAttribute("data-thumbnail")&&(t[o]=i.getAttribute("data-thumbnail"))}),t},this.generatePipsHTML=(e,t)=>{const i=e.querySelectorAll(":scope > :is(div,iam-card)").length;let o="";for(let r=1;r<=i;r++){let c=null,m="";t.length&&t[r-1]?(m="has-thumbnail",c=`<img src="${t[r-1]}" alt="Slide ${r}" height="148"/>`):c=`Slide ${r}`,o+=`<button class="control-${r} ${m}" data-slide="${r}" ${r==1?"aria-current":""}>${c}</button>`}return o},this.progressPercent=(e,t)=>e/t*100+"%",this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const n=document.createElement("template");n.innerHTML=`
       <style>

package/assets/js/components/collapsible-side/collapsible-side.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta5
   * Copyright 2022-2026 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"collapsible side menu"});class c extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const o=document.createElement("template");o.innerHTML=`
     <style class="styles">

package/assets/js/components/config/config.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta5
   * Copyright 2022-2026 iamproperty
   *//*! js-cookie v3.0.7 | MIT */function k(m){for(var s=1;s<arguments.length;s++){var c=arguments[s];for(var l in c)l!=="__proto__"&&(m[l]=c[l])}return m}var B={read:function(m){return m[0]==='"'&&(m=m.slice(1,-1)),m.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(m){return encodeURIComponent(m).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function C(m,s){function c(t,a,o){if(!(typeof document>"u")){o=k({},s,o),typeof o.expires=="number"&&(o.expires=new Date(Date.now()+o.expires*864e5)),o.expires&&(o.expires=o.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var r="";for(var e in o)o[e]&&(r+="; "+e,o[e]!==!0&&(r+="="+o[e].split(";")[0]));return document.cookie=t+"="+m.write(a,t)+r}}function l(t){if(!(typeof document>"u"||arguments.length&&!t)){for(var a=document.cookie?document.cookie.split("; "):[],o={},r=0;r<a.length;r++){var e=a[r].split("="),n=e.slice(1).join("=");try{var i=decodeURIComponent(e[0]);if(i in o||(o[i]=m.read(n,i)),t===i)break}catch{}}return t?o[t]:o}}return Object.create({set:c,get:l,remove:function(t,a){c(t,"",k({},a,{expires:-1}))},withAttributes:function(t){return C(this.converter,k({},this.attributes,t))},withConverter:function(t){return C(k({},this.converter,t),this.attributes)}},{attributes:{value:Object.freeze(s)},converter:{value:Object.freeze(m)}})}var D=C(B,{path:"/"});const j=m=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:m})};var x=function(m,s,c,l){function t(a){return a instanceof c?a:new c(function(o){o(a)})}return new(c||(c=Promise))(function(a,o){function r(i){try{n(l.next(i))}catch(b){o(b)}}function e(i){try{n(l.throw(i))}catch(b){o(b)}}function n(i){i.done?a(i.value):t(i.value).then(r,e)}n((l=l.apply(m,s||[])).next())})};j("iam-config");class R extends HTMLElement{constructor(){var s,c;super(),this.getBucketsData=t=>{if(!t)return[];const a=[];return t.forEach(o=>{var r,e;typeof((r=o.attributes)===null||r===void 0?void 0:r.criteria)=="object"&&Array.isArray((e=o.attributes)===null||e===void 0?void 0:e.criteria)&&a.push(o)}),a},this.createBuckets=t=>(console.log(t),this.shadowRoot.querySelector("#buckets"),t?(t.forEach(a=>{this.createBucket(a)}),!0):!1),this.createBucket=t=>{const a=this.shadowRoot.querySelector("#buckets"),o=document.createElement("div");o.innerHTML=this.addBucketHTML(t),o.classList.add("bucket__wrapper"),a?.insertAdjacentElement("beforeend",o),this.createEditBucketsEvents(o);const r=o.querySelector(".criteria--container");return t.attributes&&(t.attributes.criteria.forEach(e=>{var n,i,b;const g=document.createElement("form");g.classList.add("criteria"),g.innerHTML=this.addCriteriaHTML(e.attributes),(n=g.querySelector('[name="attribute"]'))===null||n===void 0||(n.value=e.attributes.attribute),(i=g.querySelector('[name="rule"]'))===null||i===void 0||(i.value=e.attributes.rule),(b=g.querySelector('[name="match"]'))===null||b===void 0||(b.value=e.attributes.match),r?.appendChild(g)}),this.createForms(t.attributes.items,t.id)),o},this.addCriteriaHTML=t=>`<label>
       <span class="visually-hidden">Attribute</span>

package/assets/js/components/content/content.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta5
   * Copyright 2022-2026 iamproperty
   */const b=a=>{const t=["skeleton","bone","carousel","card","banner","notification"],n=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets";t.forEach(e=>{a.getElementsByTagName(`iam-${e}`).length!==0&&import(`${n}/js/components/${e}/${e}.component.min.js`).then(o=>{window.customElements.get(`iam-${e}`)||window.customElements.define(`iam-${e}`,o.default)}).catch(o=>{console.log(o.message)})})},f=a=>a.replaceAll(/<p>\[([^\]]+)\]<\/p>/g,'<span data-shortcode="$1"><iam-skeleton><iam-bone class="search"></iam-bone></iam-skeleton></span>'),h=(a,t)=>a.hasAttribute("data-title-tag")&&t?`<${a.getAttribute("data-title-tag")} class="${a.getAttribute("data-title-class")} iam-content--title">${t}</${a.getAttribute("data-title-tag")}>`:"",p=(a,t,n)=>{const e=a.getAttribute("data-transform");let o="";for(const s of a.attributes)o+=`${s.name}="${s.value}" `;return`<${e} ${o}>${t+n}</${e}>`},v=a=>{const t=document.createDocumentFragment();return Array.from(a.querySelectorAll(".wp-block-button")).forEach(n=>{const e=n.querySelector("a");e.setAttribute("class",n.getAttribute("class")),t.appendChild(e)}),t};class A extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const t=document.createElement("template");t.innerHTML=`
     <style>

package/assets/js/components/darkmode/darkmode.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta5
   * Copyright 2022-2026 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Dark mode button"});class i extends HTMLElement{constructor(){var e;super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const o=document.createElement("template");o.innerHTML=`
     <style>::slotted(.toggle):after{--icon: var(--icon-light);background:red;mask-image:var(--icon);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}::slotted(.toggle.dark-theme):after{--icon: var(--icon-dark)}/*# sourceMappingURL=assets/css/components/darkmode.component.css.map */

package/assets/js/components/doughnutchart/doughnutchart.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta5
   * Copyright 2022-2026 iamproperty
   */const L=t=>t.charAt(0).toUpperCase()+t.slice(1),q=t=>t.replace(/_/g," "),P=(t,r)=>{for(let a=1;a<=10;a++){if(t.hasAttribute(`data-colour-${a}`)){const c=t.getAttribute(`data-colour-${a}`);t.style.setProperty(`--chart-colour-${a}`,`var(--chart-colour-${c})`),t.style.setProperty(`--chart-colour-${a}-hover`,`var(--chart-colour-${c}-hover)`)}Array.from(r.querySelectorAll(`[data-colour-${a}]`)).forEach(c=>{const e=c.getAttribute(`data-colour-${a}`);c.style.setProperty(`--chart-colour-${a}`,`var(--chart-colour-${e})`),c.style.setProperty(`--chart-colour-${a}-hover`,`var(--chart-colour-${e}-hover)`)})}return!0},w=(t,r,a)=>{if(t.tagName=="IAM-DOUGHNUTCHART")return N(t,r,a),!0;const c=r.querySelector(".chart__key");c.innerHTML="";const e=r.querySelector(".chart__guidelines");e.innerHTML="";const n=r.querySelector(".chart__yaxis");n.innerHTML="",Array.from(r.querySelectorAll(':scope > input[type="checkbox"],:scope > input[type="radio"]')).map(i=>{i.remove()});const{xaxis:o}=v(t);return A(t,a),T(r,a,c),I(t,e),X(t,n),o&&K(r),!0},N=(t,r,a)=>{const c=r.querySelector(".chart__key");return c.innerHTML="",Array.from(r.querySelectorAll(':scope > input[type="checkbox"],:scope > input[type="radio"]')).map(e=>{e.remove()}),A(t,a),T(r,a,c),H(r),!0},j=function(t,r){const a=r.querySelector(".chart");a.addEventListener("mousemove",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("td:not(:first-child")){const l=o.target.closest("td:not(:first-child").getBoundingClientRect(),d=o.clientX-l.left,h=o.clientY-l.top;a.setAttribute("style",`--cursor-x: ${d}px; --cursor-y: ${h}px;`)}});const c=r.querySelectorAll("label");Array.from(c).forEach(o=>{r.querySelector(`input#${o.getAttribute("for")}`).checked?o.setAttribute("part","key-checked"):o.setAttribute("part","key-unchecked")});const e=t.querySelector("table"),n=r.querySelector("table");r.addEventListener("change",function(o){const i=o.target,l=new CustomEvent("view-change",{detail:{"data-dataset":i.getAttribute("data-dataset"),label:i.getAttribute("data-label"),checked:i.checked}});t.dispatchEvent(l),Array.from(c).forEach(d=>{var h;!((h=r.querySelector(`input#${d.getAttribute("for")}`))===null||h===void 0)&&h.checked?d.setAttribute("part","key-checked"):d.setAttribute("part","key-unchecked")}),n.innerHTML=e.innerHTML,A(t,n),t.tagName=="IAM-DOUGHNUTCHART"&&H(r)})},B=function(t,r){const a=t.querySelector("table"),c=r.querySelector("table"),e=(l,d)=>{d.disconnect(),i.disconnect();for(const h of l)(h.attributeName=="class"||h.type==="attributes"||h.type==="attributes")&&(c.innerHTML=a.innerHTML,w(t,r,c));d.observe(a,{characterData:!0,subtree:!0}),i.observe(t,{attributes:!0})},n=(l,d)=>{d.disconnect(),i.disconnect();for(const h of l)(h.type=="characterData"||h.type=="childList"&&h.addedNodes.length)&&(c.innerHTML=a.innerHTML,w(t,r,c));d.observe(a,{characterData:!0,subtree:!0}),i.observe(t,{attributes:!0})},o=new MutationObserver(n),i=new MutationObserver(e);return o.observe(a,{characterData:!0,subtree:!0}),i.observe(t,{attributes:!0}),!0};function C(t,r){r>1&&(t=t-.25);const a=Math.cos(2*Math.PI*t),c=Math.sin(2*Math.PI*t);return[a*100,c*100]}const v=function(t){const r=t.shadowRoot.querySelector(".chart__wrapper table"),a=t.hasAttribute("data-min")?t.getAttribute("data-min"):0,c=t.hasAttribute("data-max")?t.getAttribute("data-max"):U(t,r),e=t.hasAttribute("data-yaxis")?t.getAttribute("data-yaxis").split(","):[],n=t.hasAttribute("data-guidelines")?t.getAttribute("data-guidelines").split(","):[],o=t.hasAttribute("data-xaxis")?t.getAttribute("data-xaxis").split(","):null;return{min:a,max:c,yaxis:e,xaxis:o,guidelines:n}};function U(t,r){const a=t.classList.contains("chart--stacked")?"tbody tr":"tbody td:not(:first-child)",c=Array.from(r.querySelectorAll(a)).map(n=>n.getAttribute("data-numeric")),e=Math.max(...c);return Math.ceil(e)}const x=function(t,r,a,c){let e=String(t);e=e.replace("\xA3",""),e=e.replace("%",""),e=e.replace(",",""),e=Number.parseFloat(e);let n=(e-r)/(a-r)*100,o=n,i=0;return c&&c!=0&&(i=(c-r)/(a-r)*100),r<0&&(i=Math.abs(r/(a-r)*100),e<0?(n=i-n,i=i-n,o=i):(n=n-i,o=n+i)),{percent:n,axis:o,bottom:i}},A=function(t,r){Array.from(r.querySelectorAll("tbody tr")).forEach(e=>{let n=0;Array.from(e.querySelectorAll("td:not(:first-child)")).forEach(o=>{const i=o.cloneNode(!0);Array.from(i.querySelectorAll("*")).forEach(h=>{h.remove()});const l=parseFloat(i.textContent.replace("\xA3","").replace("%","").replace(",",""));o.setAttribute("data-numeric",l),o.setAttribute("data-value",i.textContent),getComputedStyle(o).display!="none"&&(n+=l),Array.from(o.querySelectorAll("a, button")).forEach((h,b)=>{b==0&&h.insertAdjacentHTML("beforeBegin","<hr/>"),h.classList.add("btn"),h.classList.add("btn-tertiary")})}),e.setAttribute("data-numeric",n)});const{min:a,max:c}=v(t);Array.from(r.querySelectorAll("tbody tr")).forEach((e,n)=>{const o=e.querySelector("td:first-child, th:first-child")?e.querySelector("td:first-child, th:first-child").textContent:"";e.setAttribute("part","group");const i=(e.getAttribute("data-numeric")-a)/(c-a)*100;e.style.setProperty("--percent",`${i}%`),Array.from(e.querySelectorAll("td:not([data-label])")).forEach((h,b)=>{b==0?h.setAttribute("part","xaxis-label"):h.setAttribute("part","value"),e.querySelectorAll("td").length>2&&h.setAttribute("data-label",r.querySelectorAll("thead th")[b].textContent)});const l=e.hasAttribute("data-min")?e.getAttribute("data-min"):a,d=e.hasAttribute("data-max")?e.getAttribute("data-max"):c;if(l<0){const h=Math.abs(l/(d-l)*100);t.setAttribute("style",`--min-bottom: ${h}%;`)}e.style.setProperty("--row-index",n+1),Array.from(e.querySelectorAll('td[data-numeric]:not([data-label="Min"]):not([data-label="Max"]):not(:first-child)')).forEach(h=>{if(getComputedStyle(h).display=="none")return;const y=h.innerHTML,_=Number.parseFloat(h.getAttribute("data-numeric")),s=Number.parseFloat(h.getAttribute("data-start"));if(h.querySelector("span[data-group]")||(h.innerHTML=`<span data-group="${o}" ${h.hasAttribute("data-label")?`data-label="${h.getAttribute("data-label")}"`:""} part="popover">${y}</span>`),!h.hasAttribute("style")){const{percent:m,bottom:g,axis:p}=x(_,l,d,s);h.setAttribute("data-percent",m),h.setAttribute("style",`--bottom:${g}%;--percent:${m}%;--axis:${p}%;`)}})})},T=function(t,r,a){const c=`chart-${Date.now()+(Math.floor(Math.random()*100)+1)}`;let e;const n=Array.from(r.querySelectorAll("thead th"));return n.forEach((o,i)=>{i!=0&&(e=V(c,i,o.textContent,a,t,e)),i==50&&(n.length=i+1)}),!0};function V(t,r,a,c,e,n){var o;const i=document.createElement("input");i.setAttribute("name",`${t}-dataset-${r}`),i.setAttribute("id",`${t}-dataset-${r}`),i.setAttribute("data-dataset",`${r}`),i.setAttribute("data-label",`${a}`),i.checked=!0,i.setAttribute("type","checkbox"),r==1?e.prepend(i):e.insertBefore(i,n.nextSibling),n=i;const l=document.createElement("label");l.setAttribute("class","key btn btn-action"),l.setAttribute("for",`${t}-dataset-${r}`),l.setAttribute("data-label",`${a}`),l.setAttribute("part","key");const d=(o=e.querySelector(`tbody tr td:nth-child(${r+1})`))===null||o===void 0?void 0:o.getAttribute("data-numeric");return l.setAttribute("data-numeric",d),l.innerHTML=`${a}`,c.append(l),n}const I=function(t,r){const{min:a,max:c,yaxis:e}=v(t);let{guidelines:n}=v(t);n.length||(n=e),r.innerHTML="";for(let o=0;o<n.length;o++){const i=parseFloat(n[o].replace("\xA3","").replace("%","").replace(",","")),{axis:l}=x(i,a,c);r.innerHTML+=`<div class="guideline" style="--percent:${l}%;">${e.indexOf(n[o])!=-1?`<span>${n[o]}</span>`:""}</div>`}},X=function(t,r){const{min:a,max:c,yaxis:e}=v(t);r.innerHTML="";for(let n=0;n<e.length;n++){const o=parseFloat(e[n].replace("\xA3","").replace("%","")),{axis:i}=x(o,a,c);r.innerHTML+=`<div class="axis__point" style="--percent:${i}%;"><span>${e[n]}</span></div>`}},K=function(t){const r=t.querySelector(".chart");let a=t.querySelector(".chart__xaxis");a||(a=document.createElement("div"),a.setAttribute("class","chart__xaxis")),r.prepend(a)},H=function(t){let r="";const a=t.querySelector(".chart");let c=t.querySelector(".doughnuts");c||(c=document.createElement("div"),c.setAttribute("class","doughnuts"),a.append(c)),Array.from(a.querySelectorAll("tbody tr")).forEach((e,n)=>{let o="",i="",l=0,d=0;const b=e.querySelectorAll("td")[0].innerHTML;let y=0;const _=e.getAttribute("data-numeric");Array.from(e.querySelectorAll("td")).forEach((s,m)=>{const g=getComputedStyle(s).display;if(m!=0&&g!="none"){let p=s.getAttribute("data-numeric");p=p.replace("\xA3",""),p=p.replace("%",""),p=p.replace(",",""),p=Number.parseInt(p),d+=p,y++}}),Array.from(e.querySelectorAll("td")).forEach((s,m)=>{var g,p;const f=getComputedStyle(s).display;if(m!=0&&y==1&&f!="none")o+=`<path d="M 0 0 L 100 0 A 100 100 0 1 1 100 -0.01 L 0 0" style="${s.getAttribute("style")} --path-index: ${m};"></path>`,i+=`<span class="h5 mb-0" part="popover">${L(q(s.getAttribute("data-label"))).trim()}<br/>${s.hasAttribute("data-second")?`${s.getAttribute("data-second-label")}: ${s.getAttribute("data-second")}<br/>`:""}${(g=s.querySelector('[part="popover"]'))===null||g===void 0?void 0:g.innerHTML}</span>`;else if(m!=0){let u=s.getAttribute("data-numeric");const D=f=="none"?"display: none;":"";u=u.replace("\xA3",""),u=u.replace("%",""),u=u.replace(",",""),u=Number.parseInt(u);const k=u/d,[$,z]=C(l,y),[S,M]=C(l+k,y),R=k>.5?1:0,F=["M 0 0",`L ${$?$.toFixed(0):0} ${z?z.toFixed(0):0}`,`A 100 100 0 ${R} 1 ${S?S.toFixed(0):0} ${M?M.toFixed(0):0}`,"L 0 0"].join(" ");o+=`<path d="${F}" style="${s.getAttribute("style")} --path-index: ${m};${D}"></path>`,i+=`<span class="h5 mb-0" part="popover">${L(q(s.getAttribute("data-label"))).trim()}<br/>${s.hasAttribute("data-second")?`${s.getAttribute("data-second-label")}: ${s.getAttribute("data-second")}<br/>`:""}${(p=s.querySelector('[part="popover"]'))===null||p===void 0?void 0:p.innerHTML}</span>`,f!="none"&&(l+=k)}}),r+=`<div class="doughnut">
   <svg viewBox="-105 -105 210 210" preserveAspectRatio="none" style="--row-index: ${n+1};">${o}</svg>

package/assets/js/components/fileupload/fileupload.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta5
   * Copyright 2022-2026 iamproperty
   */function v(l,a){const d=a.querySelector(".files"),n=a.querySelector(".drop-area"),e=l.querySelector("input"),b=l.hasAttribute("data-maxsize")?l.getAttribute("data-maxsize"):0,h=a.querySelector(".invalid-feedback.size"),u=a.querySelector(".invalid-feedback.ext"),o=e.cloneNode();n.append(o);const g=function(t){if(!e.hasAttribute("accept"))return!0;const i=t.split(".").pop();return!!e.getAttribute("accept").includes(i)};if(a.addEventListener("click",t=>{t&&t.target instanceof HTMLElement&&t.target.closest(".btn-primary")&&(u.classList.remove("d-block"),h.classList.remove("d-block"),(e.hasAttribute("multiple")?o:e).click())}),a.addEventListener("click",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest(".files button")){const i=new DataTransfer,{files:s}=e,r=t.target.closest(".files button");for(let p=0;p<s.length;p++){const f=s[p];f.name!=r.getAttribute("data-file")&&i.items.add(f)}e.files=i.files;const m=new Event("change");e.dispatchEvent(m);const c=new CustomEvent("fileRemoved",{detail:{removedFile:r?.dataset.file}});l.dispatchEvent(c)}}),o.addEventListener("change",()=>{if(e.hasAttribute("multiple")){const i=[...e.files,...o.files],s=[],r=new DataTransfer;for(let m=0;m<i.length;m++){const c=i[m],p=c.size/1e3;!s.includes(c.name)&&(b==0||p<b)&&g(c.name)&&r.items.add(c),g(c.name)||u.classList.add("d-block"),p>b&&h.classList.add("d-block"),s.push(c.name)}e.files=r.files}else e.files=o.files;const t=new Event("change");e.dispatchEvent(t)}),o.addEventListener("dragenter",()=>{o.classList.add("focus")}),o.addEventListener("dragleave",()=>{o.classList.remove("focus")}),o.addEventListener("drop",()=>{o.classList.remove("focus")}),e.addEventListener("change",()=>{if(e.files.length==1){const i=e.files[0],s=i.size/1e3;if(!g(i.name)){u.classList.add("d-block");const r=new DataTransfer;e.files=r.files}if(s>b){h.classList.add("d-block");const r=new DataTransfer;e.files=r.files}}d.innerHTML="";for(const i of e.files)d.innerHTML+=`<span class="file" part="file">${i.name} <button data-file="${i.name}" part="file__remove">Remove</button></span>`;const t=new CustomEvent("elementchange",{detail:{files:e.files}});if(l.dispatchEvent(t),e.files.length==0){const i=new CustomEvent("empty");l.dispatchEvent(i)}}),l.hasAttribute("data-filename")){const t=l.getAttribute("data-filename");t&&(d.innerHTML=`<span class="file" part="file">${t} <button data-file="${t}" part="file__remove">Remove</button></span>`)}}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"fileupload"});class y extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const a=document.createElement("template");a.innerHTML=`
     <style>

package/assets/js/components/filter-card/filter-card.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta4
+  * iamKey v7.8.2--beta5
   * Copyright 2022-2026 iamproperty
   */const h=o=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:o})},v=(o,t,a)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),a.forEach(e=>{o.addEventListener(e,function(r){const i={event:e,element:t,target:r.target};Object.keys(r.detail).forEach(d=>{const s=r.detail[d];i[d]=s}),window.dataLayer.push(i)})}),!0),g=`<div class="wrapper">
   <div class="card__head" part="head">
@@ -17,7 +17,7 @@
   <div class="card__footer" part="footer">
     <slot name="footer"></slot>
   </div>
-</div>`,m=(o,t)=>{var a;return((a=o.shadowRoot)===null||a===void 0?void 0:a.querySelector(t))||null},u=o=>{o.classList.add("card");const t=m(o,".card__head"),a=m(o,".card__body"),e=m(o,".card__badges");if(o.hasAttribute("data-image")&&t?.insertAdjacentHTML("beforeend",`<img src="${o.getAttribute("data-image")||""}" alt="" loading="lazy" part="image" />`),o.hasAttribute("data-total")){const r=a?.querySelector(".card__total");r?r.innerHTML=o.getAttribute("data-total")||"":a?.insertAdjacentHTML("beforeend",`<div class="card__total">${o.getAttribute("data-total")||""}</div>`)}else o.querySelector('[slot="total-icon"]')&&a?.insertAdjacentHTML("beforeend",'<div class="card__total"><slot name="total-icon"></slot></div>');o.querySelector('[slot="badges"]')?e?.classList.remove("empty"):e?.classList.add("empty")};var b=function(o,t,a,e){function r(i){return i instanceof a?i:new a(function(d){d(i)})}return new(a||(a=Promise))(function(i,d){function s(n){try{c(e.next(n))}catch(l){d(l)}}function p(n){try{c(e.throw(n))}catch(l){d(l)}}function c(n){n.done?i(n.value):r(n.value).then(s,p)}c((e=e.apply(o,t||[])).next())})};h("iam-filter-card");class f extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const t=document.createElement("template");t.innerHTML=`
+</div>`,m=(o,t)=>{var a;return((a=o.shadowRoot)===null||a===void 0?void 0:a.querySelector(t))||null},u=o=>{o.classList.add("card");const t=m(o,".card__head"),a=m(o,".card__body"),e=m(o,".card__badges");if(o.hasAttribute("data-image")&&t?.insertAdjacentHTML("beforeend",`<img src="${o.getAttribute("data-image")||""}" alt="" loading="lazy" part="image" />`),o.hasAttribute("data-total")){const r=a?.querySelector(".card__total");r?r.innerHTML=o.getAttribute("data-total")||"":a.insertAdjacentHTML("beforeend",`<div class="card__total">${o.getAttribute("data-total")||""}</div>`)}else o.querySelector('[slot="total-icon"]')&&a?.insertAdjacentHTML("beforeend",'<div class="card__total"><slot name="total-icon"></slot></div>');o.querySelector('[slot="badges"]')?e?.classList.remove("empty"):e?.classList.add("empty")};var b=function(o,t,a,e){function r(i){return i instanceof a?i:new a(function(d){d(i)})}return new(a||(a=Promise))(function(i,d){function s(n){try{c(e.next(n))}catch(l){d(l)}}function p(n){try{c(e.throw(n))}catch(l){d(l)}}function c(n){n.done?i(n.value):r(n.value).then(s,p)}c((e=e.apply(o,t||[])).next())})};h("iam-filter-card");class f extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const t=document.createElement("template");t.innerHTML=`
     <style>
     ${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
     

package/assets/js/components/filter-card/filter-card.component.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-card.component.min.js","sources":["../_global.js","../../modules/card.module.js","filter-card.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","export const cardHTML = `<div class=\"wrapper\">\n  <div class=\"card__head\" part=\"head\">\n    <slot name=\"head\"></slot>\n  </div>\n  <div class=\"card__badges\"><slot name=\"badges\"></slot></div>\n  <slot name=\"checkbox\" class=\"activate-prevent-hover\"></slot>\n  <div class=\"card__body\" part=\"body\">\n    <slot></slot>\n    <slot name=\"secondary\" part=\"secondary\"></slot>\n  </div>\n  <div class=\"card__details\" part=\"details\">\n    <slot name=\"details\"></slot>\n  </div>\n  <div class=\"card__footer\" part=\"footer\">\n    <slot name=\"footer\"></slot>\n  </div>\n</div>`;\nconst getCardPart = (cardComponent, selector) => { var _a; return ((_a = cardComponent.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector)) || null; };\nexport const setupCard = (cardComponent) => {\n    cardComponent.classList.add('card');\n    const cardHead = getCardPart(cardComponent, '.card__head');\n    const cardBody = getCardPart(cardComponent, '.card__body');\n    const cardBadges = getCardPart(cardComponent, '.card__badges');\n    if (cardComponent.hasAttribute('data-image')) {\n        cardHead === null || cardHead === void 0 ? void 0 : cardHead.insertAdjacentHTML('beforeend', `<img src=\"${cardComponent.getAttribute('data-image') || ''}\" alt=\"\" loading=\"lazy\" part=\"image\" />`);\n    }\n    // Inset the HTML for the data total or icon fallback\n    if (cardComponent.hasAttribute('data-total')) {\n        const cardTotal = cardBody === null || cardBody === void 0 ? void 0 : cardBody.querySelector('.card__total');\n        if (!cardTotal)\n            cardBody === null || cardBody === void 0 ? void 0 : cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\">${cardComponent.getAttribute('data-total') || ''}</div>`);\n        else {\n            cardTotal.innerHTML = cardComponent.getAttribute('data-total') || '';\n        }\n    }\n    else if (cardComponent.querySelector('[slot=\"total-icon\"]')) {\n        cardBody === null || cardBody === void 0 ? void 0 : cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\"><slot name=\"total-icon\"></slot></div>`);\n    }\n    if (!cardComponent.querySelector('[slot=\"badges\"]')) {\n        cardBadges === null || cardBadges === void 0 ? void 0 : cardBadges.classList.add('empty');\n    }\n    else {\n        cardBadges === null || cardBadges === void 0 ? void 0 : cardBadges.classList.remove('empty');\n    }\n};\n","var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport { trackComponent, trackComponentRegistered } from '../_global';\nimport { cardHTML, setupCard } from '../../modules/card.module';\ntrackComponentRegistered('iam-filter-card');\nclass iamFilerCard extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/filter-card.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    \n    ${loadCSS}\n    </style>\n    ${cardHTML}\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        return __awaiter(this, void 0, void 0, function* () {\n            // eslint-disable-next-line @typescript-eslint/no-this-alias\n            const cardComponent = this;\n            setupCard(cardComponent);\n            // Dispatch events of selecting checkboxes\n            const checkbox = cardComponent.parentElement.querySelector('input[type=\"checkbox\"]');\n            if (checkbox) {\n                checkbox.addEventListener('change', () => {\n                    if (checkbox.checked) {\n                        const customEvent = new CustomEvent('select-card', {\n                            detail: { 'Card value': checkbox.value, 'input name': checkbox.getAttribute('name') },\n                        });\n                        cardComponent.dispatchEvent(customEvent);\n                        cardComponent.classList.add('active');\n                    }\n                    else {\n                        const customEvent = new CustomEvent('unselect-card', {\n                            detail: { 'Card value': checkbox.value, 'input name': checkbox.getAttribute('name') },\n                        });\n                        cardComponent.dispatchEvent(customEvent);\n                        cardComponent.classList.remove('active');\n                    }\n                });\n            }\n            if (cardComponent.parentElement.matches('button')) {\n                const button = cardComponent.parentElement;\n                button.addEventListener('click', () => {\n                    if (!cardComponent.classList.contains('active')) {\n                        const customEvent = new CustomEvent('select-card', {\n                            detail: { 'button name': button.getAttribute('name') },\n                        });\n                        cardComponent.dispatchEvent(customEvent);\n                        cardComponent.classList.add('active');\n                    }\n                    else {\n                        const customEvent = new CustomEvent('unselect-card', {\n                            detail: { 'button name': button.getAttribute('name') },\n                        });\n                        cardComponent.dispatchEvent(customEvent);\n                        cardComponent.classList.remove('active');\n                    }\n                });\n            }\n            trackComponent(cardComponent, 'iam-filter-card', ['select-card', 'unselect-card']);\n        });\n    }\n    static get observedAttributes() {\n        return ['data-total'];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        var _a;\n        switch (attrName) {\n            case 'data-total': {\n                if (oldVal != newVal) {\n                    const cardBody = this.shadowRoot.querySelector('.card__body');\n                    if (!(cardBody === null || cardBody === void 0 ? void 0 : cardBody.querySelector('.card__total')))\n                        cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\">${newVal}</div>`);\n                    else {\n                        (_a = cardBody === null || cardBody === void 0 ? void 0 : cardBody.querySelector('.card__total')) === null || _a === void 0 ? void 0 : _a.innerHTML = newVal;\n                    }\n                }\n                break;\n            }\n        }\n    }\n}\nexport default iamFilerCard;\n"],"names":["trackComponentRegistered","componentName","trackComponent","component","trackEvents","eventName","event","eventDetails","eventKey","eventDetail","cardHTML","getCardPart","cardComponent","selector","_a","setupCard","cardHead","cardBody","cardBadges","cardTotal","__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","reject","fulfilled","step","e","rejected","result","iamFilerCard","template","checkbox","customEvent","button","attrName","oldVal","newVal"],"mappings":"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"}
+{"version":3,"file":"filter-card.component.min.js","sources":["../_global.js","../../modules/card.module.js","filter-card.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","export const cardHTML = `<div class=\"wrapper\">\n  <div class=\"card__head\" part=\"head\">\n    <slot name=\"head\"></slot>\n  </div>\n  <div class=\"card__badges\"><slot name=\"badges\"></slot></div>\n  <slot name=\"checkbox\" class=\"activate-prevent-hover\"></slot>\n  <div class=\"card__body\" part=\"body\">\n    <slot></slot>\n    <slot name=\"secondary\" part=\"secondary\"></slot>\n  </div>\n  <div class=\"card__details\" part=\"details\">\n    <slot name=\"details\"></slot>\n  </div>\n  <div class=\"card__footer\" part=\"footer\">\n    <slot name=\"footer\"></slot>\n  </div>\n</div>`;\nconst getCardPart = (cardComponent, selector) => { var _a; return ((_a = cardComponent.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector)) || null; };\nexport const setupCard = (cardComponent) => {\n    cardComponent.classList.add('card');\n    const cardHead = getCardPart(cardComponent, '.card__head');\n    const cardBody = getCardPart(cardComponent, '.card__body');\n    const cardBadges = getCardPart(cardComponent, '.card__badges');\n    if (cardComponent.hasAttribute('data-image')) {\n        cardHead === null || cardHead === void 0 ? void 0 : cardHead.insertAdjacentHTML('beforeend', `<img src=\"${cardComponent.getAttribute('data-image') || ''}\" alt=\"\" loading=\"lazy\" part=\"image\" />`);\n    }\n    // Inset the HTML for the data total or icon fallback\n    if (cardComponent.hasAttribute('data-total')) {\n        const cardTotal = cardBody === null || cardBody === void 0 ? void 0 : cardBody.querySelector('.card__total');\n        if (!cardTotal)\n            cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\">${cardComponent.getAttribute('data-total') || ''}</div>`);\n        else {\n            cardTotal.innerHTML = cardComponent.getAttribute('data-total') || '';\n        }\n    }\n    else if (cardComponent.querySelector('[slot=\"total-icon\"]')) {\n        cardBody === null || cardBody === void 0 ? void 0 : cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\"><slot name=\"total-icon\"></slot></div>`);\n    }\n    if (!cardComponent.querySelector('[slot=\"badges\"]')) {\n        cardBadges === null || cardBadges === void 0 ? void 0 : cardBadges.classList.add('empty');\n    }\n    else {\n        cardBadges === null || cardBadges === void 0 ? void 0 : cardBadges.classList.remove('empty');\n    }\n};\n","var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport { trackComponent, trackComponentRegistered } from '../_global';\nimport { cardHTML, setupCard } from '../../modules/card.module';\ntrackComponentRegistered('iam-filter-card');\nclass iamFilerCard extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/filter-card.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    \n    ${loadCSS}\n    </style>\n    ${cardHTML}\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        return __awaiter(this, void 0, void 0, function* () {\n            // eslint-disable-next-line @typescript-eslint/no-this-alias\n            const cardComponent = this;\n            setupCard(cardComponent);\n            // Dispatch events of selecting checkboxes\n            const checkbox = cardComponent.parentElement.querySelector('input[type=\"checkbox\"]');\n            if (checkbox) {\n                checkbox.addEventListener('change', () => {\n                    if (checkbox.checked) {\n                        const customEvent = new CustomEvent('select-card', {\n                            detail: { 'Card value': checkbox.value, 'input name': checkbox.getAttribute('name') },\n                        });\n                        cardComponent.dispatchEvent(customEvent);\n                        cardComponent.classList.add('active');\n                    }\n                    else {\n                        const customEvent = new CustomEvent('unselect-card', {\n                            detail: { 'Card value': checkbox.value, 'input name': checkbox.getAttribute('name') },\n                        });\n                        cardComponent.dispatchEvent(customEvent);\n                        cardComponent.classList.remove('active');\n                    }\n                });\n            }\n            if (cardComponent.parentElement.matches('button')) {\n                const button = cardComponent.parentElement;\n                button.addEventListener('click', () => {\n                    if (!cardComponent.classList.contains('active')) {\n                        const customEvent = new CustomEvent('select-card', {\n                            detail: { 'button name': button.getAttribute('name') },\n                        });\n                        cardComponent.dispatchEvent(customEvent);\n                        cardComponent.classList.add('active');\n                    }\n                    else {\n                        const customEvent = new CustomEvent('unselect-card', {\n                            detail: { 'button name': button.getAttribute('name') },\n                        });\n                        cardComponent.dispatchEvent(customEvent);\n                        cardComponent.classList.remove('active');\n                    }\n                });\n            }\n            trackComponent(cardComponent, 'iam-filter-card', ['select-card', 'unselect-card']);\n        });\n    }\n    static get observedAttributes() {\n        return ['data-total'];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        var _a;\n        switch (attrName) {\n            case 'data-total': {\n                if (oldVal != newVal) {\n                    const cardBody = this.shadowRoot.querySelector('.card__body');\n                    if (!(cardBody === null || cardBody === void 0 ? void 0 : cardBody.querySelector('.card__total')))\n                        cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\">${newVal}</div>`);\n                    else {\n                        (_a = cardBody === null || cardBody === void 0 ? void 0 : cardBody.querySelector('.card__total')) === null || _a === void 0 ? void 0 : _a.innerHTML = newVal;\n                    }\n                }\n                break;\n            }\n        }\n    }\n}\nexport default iamFilerCard;\n"],"names":["trackComponentRegistered","componentName","trackComponent","component","trackEvents","eventName","event","eventDetails","eventKey","eventDetail","cardHTML","getCardPart","cardComponent","selector","_a","setupCard","cardHead","cardBody","cardBadges","cardTotal","__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","reject","fulfilled","step","e","rejected","result","iamFilerCard","template","checkbox","customEvent","button","attrName","oldVal","newVal"],"mappings":"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"}