@iamproperty/components 7.5.1--beta9 → 7.5.1--beta11

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

@@ -1,10 +1,10 @@
 /*!
-  * iamKey v7.5.1--beta9
+  * iamKey v7.5.1--beta11
   * Copyright 2022-2025 iamproperty
-  */const k=(t,a,i,n)=>{const r=Math.tan(.375*Math.PI),s=window.innerWidth||document.body.clientWidth,o=Math.max(1,Math.floor(.01*s)),d=i-t,e=n-a,c=Math.abs(d/e),l=Math.abs(e/d);if(Math.abs(d)>o||Math.abs(e)>o){if(l<=r)return d<0?"left":"right";if(c<=r)return e<0?"top":"bottom"}else return"tap"},w=function(t){const a=t.querySelectorAll(":scope > details, :scope > a");let i=t.querySelector(":scope > .tabs__links"),n=t.querySelector(":scope .tabs__dropdown");if(t.shadowRoot&&t.shadowRoot.querySelector(".tabs__links")&&(i=t.shadowRoot.querySelector(".tabs__links")),!i){i=document.createElement("div"),i.classList.add("tabs__links");const s=document.createElement("div");s.classList.add("tabs__links__wrapper"),s.prepend(i),t.prepend(s)}n||(n=document.createElement("select"),n.classList.add("tabs__dropdown"),t.prepend(n));let r=0;a.forEach(s=>{let o=document.createElement("button");const d=document.createElement("option");if(s.matches("details")){const e=s.querySelector(":scope > summary"),c=e.classList.contains("disabled");e.classList.add("visually-hidden"),s.hasAttribute("id")&&o.setAttribute("data-id",`${s.getAttribute("id")}`),s.hasAttribute("open")&&o.setAttribute("aria-pressed",!0),o.innerHTML=`${e.innerText}`,o.classList.add("link"),o.setAttribute("data-index",r),o.setAttribute("part","tab-link"),d.innerHTML=`${e.innerText}`,d.value=e.innerText.replace(/\s+/g,"-").toLowerCase(),d.setAttribute("data-index",r),s.setAttribute("tabindex","-1"),c&&o.classList.add("disabled"),r++}else s.matches("a")&&(o=s);o.classList.add("link"),i.appendChild(o),n.appendChild(d)})},y=function(t){const a=t.querySelectorAll(":scope > details"),i=t.querySelectorAll(":scope > details > summary");let n=t.querySelector(":scope .tabs__links"),r=t.querySelectorAll(":scope .tabs__links > button");const s=t.querySelector(":scope .tabs__dropdown");let o=t.querySelector(":scope .tabs__next"),d;if(window.isClicked=!1,window.isScrolling=!1,t.shadowRoot&&(r=t.shadowRoot.querySelectorAll(".tabs__links > button"),n=t.shadowRoot.querySelector(".tabs__links"),o=t.shadowRoot.querySelector(".tabs__next")),r.forEach(e=>{e.addEventListener("click",c=>{if(c.preventDefault(),window.isClicked=!0,e.classList.contains("disabled"))return!1;r.forEach(l=>{const m=l==e;l.setAttribute("aria-pressed",m)}),n.scroll({top:0,left:e.offsetLeft,behavior:"smooth"}),f(a,e),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:e.textContent}),e.matches(":last-child")?o?.setAttribute("disabled","disabled"):o?.removeAttribute("disabled")}),_(a,s)}),n.addEventListener("scrollend",()=>{clearTimeout(d),d=setTimeout(function(){let e=r[0],c=Math.abs(e.getBoundingClientRect().left);if(r.forEach(l=>{Math.abs(l.getBoundingClientRect().left)<c&&(c=Math.abs(l.getBoundingClientRect().left),e=l)}),window.isClicked)return window.isClicked=!1,!1;e.click(),e.focus()},500)}),i.forEach((e,c)=>{e.addEventListener("click",l=>{l.preventDefault(),r[c].click()})}),o?.addEventListener("click",e=>{e.preventDefault();const l=n.querySelector('[aria-pressed="true"]').nextSibling;l&&l.click()}),t.classList.contains("tabs--guided")){let e=0,c=0,l=0,m=0;a.forEach(p=>{p.addEventListener("touchstart",b=>{b.stopPropagation(),e=b.changedTouches[0].screenX,c=b.changedTouches[0].screenY}),p.addEventListener("touchend",b=>{b.stopPropagation(),l=b.changedTouches[0].screenX,m=b.changedTouches[0].screenY;const g=k(e,c,l,m),u=n.querySelector('[aria-pressed="true"]'),h=u.nextSibling,v=u.previousSibling;switch(g){case"left":h&&h.click();break;case"right":v&&v.click();break}})})}},f=function(t,a){t.forEach((i,n)=>{const r=a.getAttribute("data-index")==n;r?i.setAttribute("open",r):i.removeAttribute("open")})},_=function(t,a){a.addEventListener("change",i=>{i.preventDefault();const n=a.options[a.selectedIndex];f(t,n),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:n.innerText})})},x=function(t){if(!t.querySelector(":scope > details"))return!1;const a=t.querySelectorAll(":scope > details"),i=t.shadowRoot.querySelectorAll(".tabs__links > button");location.hash&&t.shadowRoot.querySelector(`.tabs__links [data-id="${location.hash.replace("#","")}"]`)?(t.shadowRoot.querySelector(`[data-id="${location.hash.replace("#","")}"]`).setAttribute("aria-pressed",!0),t.querySelector(`details[id="${location.hash.replace("#","")}"]`).setAttribute("open",!0)):t.querySelector("details[open]")||(a[0].setAttribute("open",!0),i[0].setAttribute("aria-pressed",!0))},z=function(t){w(t),y(t),x(t)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});class L 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=`
+  */const k=(t,o,i,a)=>{const r=Math.tan(.375*Math.PI),s=window.innerWidth||document.body.clientWidth,n=Math.max(1,Math.floor(.01*s)),d=i-t,e=a-o,c=Math.abs(d/e),l=Math.abs(e/d);if(Math.abs(d)>n||Math.abs(e)>n){if(l<=r)return d<0?"left":"right";if(c<=r)return e<0?"top":"bottom"}else return"tap"},w=function(t){const o=t.querySelectorAll(":scope > details, :scope > a");let i=t.querySelector(":scope > .tabs__links"),a=t.querySelector(":scope .tabs__dropdown");if(t.shadowRoot&&t.shadowRoot.querySelector(".tabs__links")&&(i=t.shadowRoot.querySelector(".tabs__links")),!i){i=document.createElement("div"),i.classList.add("tabs__links");const s=document.createElement("div");s.classList.add("tabs__links__wrapper"),s.prepend(i),t.prepend(s)}a||(a=document.createElement("select"),a.classList.add("tabs__dropdown"),t.prepend(a));let r=0;o.forEach(s=>{let n=document.createElement("button");const d=document.createElement("option");if(s.matches("details")){const e=s.querySelector(":scope > summary"),c=e.classList.contains("disabled");e.classList.add("visually-hidden"),s.hasAttribute("id")&&n.setAttribute("data-id",`${s.getAttribute("id")}`),s.hasAttribute("open")&&n.setAttribute("aria-pressed",!0),n.innerHTML=`${e.innerText}`,n.classList.add("link"),n.setAttribute("data-index",r),n.setAttribute("part","tab-link"),d.innerHTML=`${e.innerText}`,d.value=e.innerText.replace(/\s+/g,"-").toLowerCase(),d.setAttribute("data-index",r),s.setAttribute("tabindex","-1"),c&&n.classList.add("disabled"),r++}else s.matches("a")&&(n=s);n.classList.add("link"),i.appendChild(n),a.appendChild(d)})},y=function(t){const o=t.querySelectorAll(":scope > details"),i=t.querySelectorAll(":scope > details > summary");let a=t.querySelector(":scope .tabs__links"),r=t.querySelectorAll(":scope .tabs__links > button");const s=t.querySelector(":scope .tabs__dropdown");let n=t.querySelector(":scope .tabs__next"),d;if(window.isClicked=!1,window.isScrolling=!1,t.shadowRoot&&(r=t.shadowRoot.querySelectorAll(".tabs__links > button"),a=t.shadowRoot.querySelector(".tabs__links"),n=t.shadowRoot.querySelector(".tabs__next")),r.forEach(e=>{e.addEventListener("click",c=>{if(c.preventDefault(),window.isClicked=!0,e.classList.contains("disabled"))return!1;r.forEach(l=>{const m=l==e;l.setAttribute("aria-pressed",m)}),a.scroll({top:0,left:e.offsetLeft,behavior:"smooth"}),f(o,e),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:e.textContent}),e.matches(":last-child")?n?.setAttribute("disabled","disabled"):n?.removeAttribute("disabled")}),_(o,s)}),a.addEventListener("scrollend",()=>{clearTimeout(d),d=setTimeout(function(){let e=r[0],c=Math.abs(e.getBoundingClientRect().left);if(r.forEach(l=>{Math.abs(l.getBoundingClientRect().left)<c&&(c=Math.abs(l.getBoundingClientRect().left),e=l)}),window.isClicked)return window.isClicked=!1,!1;e.click(),e.focus()},500)}),i.forEach((e,c)=>{e.addEventListener("click",l=>{l.preventDefault(),r[c].click()})}),n?.addEventListener("click",e=>{e.preventDefault();const l=a.querySelector('[aria-pressed="true"]').nextSibling;l&&l.click()}),t.classList.contains("tabs--guided")){let e=0,c=0,l=0,m=0;o.forEach(p=>{p.addEventListener("touchstart",b=>{b.stopPropagation(),e=b.changedTouches[0].screenX,c=b.changedTouches[0].screenY}),p.addEventListener("touchend",b=>{b.stopPropagation(),l=b.changedTouches[0].screenX,m=b.changedTouches[0].screenY;const g=k(e,c,l,m),u=a.querySelector('[aria-pressed="true"]'),h=u.nextSibling,v=u.previousSibling;switch(g){case"left":h&&h.click();break;case"right":v&&v.click();break}})})}},f=function(t,o){t.forEach((i,a)=>{const r=o.getAttribute("data-index")==a;r?i.setAttribute("open",r):i.removeAttribute("open")})},_=function(t,o){o.addEventListener("change",i=>{i.preventDefault();const a=o.options[o.selectedIndex];f(t,a),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:a.innerText})})},x=function(t){if(!t.querySelector(":scope > details"))return!1;const o=t.querySelectorAll(":scope > details"),i=t.shadowRoot.querySelectorAll(".tabs__links > button");location.hash&&t.shadowRoot.querySelector(`.tabs__links [data-id="${location.hash.replace("#","")}"]`)?(t.shadowRoot.querySelector(`[data-id="${location.hash.replace("#","")}"]`).setAttribute("aria-pressed",!0),t.querySelector(`details[id="${location.hash.replace("#","")}"]`).setAttribute("open",!0)):t.querySelector("details[open]")||(o[0].setAttribute("open",!0),i[0].setAttribute("aria-pressed",!0))},z=function(t){w(t),y(t),x(t)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});class L 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>
     
-    @layer elements{a{color:var(--link-color);text-decoration:underline}a:hover{color:var(--link-hover-color)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}a{color:var(--colour-link)}a:is(:hover,:focus,.hover,:focus-within){color:var(--colour-hover)}a:is(:active,.active){color:var(--colour-active)}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))),.link{background-color:rgba(0,0,0,0);text-decoration:none;display:inline-block;border:none;color:var(--colour-link);margin:0 1.5rem 1.5rem 0;padding:0;font-size:1.125rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:500}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))):not(.text-decoration-none):after,.link:not(.text-decoration-none):after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))) [class*=fa-],.link [class*=fa-]{margin-left:0;margin-right:.5rem}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))) [class*=fa-]:not(:first-child),.link [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))):not([disabled]):is(:hover,:focus,.hover,:active,.active,:focus-within):after,.link:not([disabled]):is(:hover,:focus,.hover,:active,.active,:focus-within):after{width:60%}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card)))[disabled],.link[disabled]{opacity:.4;cursor:not-allowed}p a:not(.btn),ul a:not(.btn),ol a:not(.btn),dd a:not(.btn),.body a:not(.btn),table:not(.table--email) td a:not(.btn){min-height:none;display:inline;margin:0;text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:.125rem;font-size:inherit}p a:not(.btn):after,ul a:not(.btn):after,ol a:not(.btn):after,dd a:not(.btn):after,.body a:not(.btn):after,table:not(.table--email) td a:not(.btn):after{display:none}p a:not(.btn) [class*=fa-],ul a:not(.btn) [class*=fa-],ol a:not(.btn) [class*=fa-],dd a:not(.btn) [class*=fa-],.body a:not(.btn) [class*=fa-],table:not(.table--email) td a:not(.btn) [class*=fa-]{margin:0;display:inline;--fa-display: inline}p a:not(.btn) [class*=fa-]:after,ul a:not(.btn) [class*=fa-]:after,ol a:not(.btn) [class*=fa-]:after,dd a:not(.btn) [class*=fa-]:after,.body a:not(.btn) [class*=fa-]:after,table:not(.table--email) td a:not(.btn) [class*=fa-]:after{content:"\xA0"}p a:not(.btn):not([disabled]):is(:hover,:focus,.hover,:focus-within),ul a:not(.btn):not([disabled]):is(:hover,:focus,.hover,:focus-within),ol a:not(.btn):not([disabled]):is(:hover,:focus,.hover,:focus-within),dd a:not(.btn):not([disabled]):is(:hover,:focus,.hover,:focus-within),.body a:not(.btn):not([disabled]):is(:hover,:focus,.hover,:focus-within),table:not(.table--email) td a:not(.btn):not([disabled]):is(:hover,:focus,.hover,:focus-within){color:var(--colour-hover);text-decoration:none}p a:not(.btn):not([disabled]):is(:active,.active),ul a:not(.btn):not([disabled]):is(:active,.active),ol a:not(.btn):not([disabled]):is(:active,.active),dd a:not(.btn):not([disabled]):is(:active,.active),.body a:not(.btn):not([disabled]):is(:active,.active),table:not(.table--email) td a:not(.btn):not([disabled]):is(:active,.active){color:var(--colour-active);text-decoration:none;filter:brightness(85%)}:is(a,button,label):has(.card,iam-card){border:none;background:none;padding:0;display:flex;margin-bottom:1.5rem;outline:none !important;text-decoration:none}:is(a,button,label):has(.card,iam-card):before{display:none}:is(a,button,label):has(.card,iam-card):not([class*=col]){margin:0 0 1.5rem 0}:is(a,button,label):has(.card,iam-card):not(.d-inline-block):not([class*=col]){width:100%}:is(a,button,label):has(.card,iam-card) iam-card{width:100%}}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]){position:relative}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]):before{content:"";display:block;background-color:var(--video-btn-colour, var(--colour-success));height:3rem;width:3rem;position:absolute;top:calc(50% - 1.5rem);left:calc(50% - 1.5rem);z-index:2;border-radius:1.5rem}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]):after{--icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/></svg>");content:"";display:block;height:1rem;width:1rem;position:absolute;top:calc(50% - .5rem);left:calc(50% - .4rem);z-index:5;background:var(--colour-primary-theme);mask-image:var(--icon);mask-size:80%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon);-webkit-mask-size:80%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]):is(:hover,:focus){--video-btn-colour: var(--colour-canvas)}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]):is(:active){--video-btn-colour: color-mix(in oklab, var(--colour-success), #000000 20%) !important}iam-collapsible-side>*{padding-left:1.5rem}@media screen and (min-width: 36em){iam-collapsible-side>*{padding-left:2.5rem}}@media screen and (min-width: 62em){iam-collapsible-side>*{padding-left:var(--container-padding-x-md)}}iam-collapsible-side hr{border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important}.vertical-tabs [class*=link],iam-collapsible-side [class*=link]{display:block !important;line-height:1.25rem !important;padding:1rem 1.5rem 1rem 1.5rem !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important;text-decoration:none !important;border-bottom:2px solid var(--colour-border) !important;border-right:2px solid var(--colour-border) !important;margin-right:-2.5rem !important;z-index:2}.vertical-tabs [class*=link]::after,iam-collapsible-side [class*=link]::after{display:none !important}.vertical-tabs [class*=link] i,iam-collapsible-side [class*=link] i{margin-right:0.5rem !important}@media screen and (min-width: 36em){.vertical-tabs [class*=link],iam-collapsible-side [class*=link]{padding-left:1.5rem !important}}@media screen and (min-width: 62em){.vertical-tabs [class*=link],iam-collapsible-side [class*=link]{padding-left:var(--container-padding-x-md) !important}}.vertical-tabs a:hover,.vertical-tabs a:focus,.vertical-tabs a[aria-expanded],iam-collapsible-side a:hover,iam-collapsible-side a:focus,iam-collapsible-side a[aria-expanded]{background-color:var(--colour-activeLink) !important}.vertical-tabs [class*=active],iam-collapsible-side [class*=active]{background-color:var(--colour-activeLink) !important;border-right-color:var(--colour-activeLinkBorder) !important;border-right-width:3px !important}.vertical-tabs .parent,iam-collapsible-side .parent{margin:0 !important;padding:0 !important;list-style:none}.vertical-tabs .parent li:first-of-type,iam-collapsible-side .parent li:first-of-type{cursor:pointer}.vertical-tabs .parent li:first-of-type a,iam-collapsible-side .parent li:first-of-type a{padding-right:2.5rem !important}.vertical-tabs .parent li:first-of-type a::before,iam-collapsible-side .parent li:first-of-type a::before{position:absolute;display:block;content:"\uF055";font-family:"Font Awesome 6 Pro";right:20px;font-weight:300}.vertical-tabs .parent li:not(:first-of-type),iam-collapsible-side .parent li:not(:first-of-type){display:none}.vertical-tabs .parent li:not(:first-of-type) a,iam-collapsible-side .parent li:not(:first-of-type) a{background-color:var(--colour-light) !important;padding-left:5.625rem !important}.vertical-tabs .parent.reveal li:first-of-type a::before,iam-collapsible-side .parent.reveal li:first-of-type a::before{content:"\uF056";font-weight:500}.vertical-tabs .parent.reveal li:not(:first-of-type),iam-collapsible-side .parent.reveal li:not(:first-of-type){display:block}@media screen and (min-width: 36em){.vertical-tabs .parent li:not(:first-of-type) a,iam-collapsible-side .parent li:not(:first-of-type) a{padding-left:5.625rem !important}}@layer elements{*,*::before,*::after{box-sizing:border-box}button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[role=button]{cursor:pointer}button:focus:not(:focus-visible){outline:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 0.125rem;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:500;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}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}.btn:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.btn:not(:last-child){margin-right:var(--btn-margin)}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.colour-success{--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success:before,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active):before{content:"\uF00C";font-family:"Font Awesome 6 Pro";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:"Font Awesome 6 Pro";line-height:1em}.btn.btn[class*=fa-after]{padding-right:4rem}.btn.btn[class*=fa-after]:before{margin-right:0;margin-right:0.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}.btn:not(.btn-compact):before{margin-right:1rem}.btn i[class*=fa-]{font-family:"Font Awesome 6 Pro";margin-right:1rem;line-height:1em;font-style:inherit}.btn i[class*=fa-]: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:after,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active):after{margin-left:1.5rem;margin-right:-0.5rem}.btn:has(select){position:relative;padding-right:3.5rem}.btn:has(select) select{all:unset !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:3.5rem !important;margin-right:-3.5rem !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;max-width:100% !important;outline:none;font-weight:500;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important}.btn:has(select) select option{padding:0;text-align:left;color:var(--colour-primary)}.btn:has(select):after{position:absolute;top:0.625rem;right:2rem;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:has(select).active:after{transform:rotate(-90deg)}.btn:has(select:focus):after{transform:rotate(-90deg)}.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:"Font Awesome 6 Pro"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.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:rgba(0,0,0,0);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}.btn.btn-tertiary:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}.btn.btn-tertiary.text-decoration-none:after{width:0%}.btn.btn-tertiary [class*=fa-]{margin-left:0;margin-right:.5rem}.btn.btn-tertiary [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}.btn.btn-tertiary:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action{border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action: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-action,.btn-action.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) .btn-action,.btn-action: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}.btn:has(select){padding-block:0;padding-right:2rem}.btn:has(select) select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important}.btn:has(select):after{top:.2rem;right:0.5rem}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem}.btn-compact:not(:last-child){margin-right:0.5rem}.btn-compact{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;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.btn-compact:before{content:var(--fa);position:absolute;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - 0.25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - 0.25rem)}@container style(--theme: dark){.btn-compact[class*=fa-]:before{color:#fff}}.btn-compact.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}.btn-compact.btn-action{--compact-size: 2rem;font-size:1rem}.btn-compact.btn-action:before{font-size:1em;font-weight:400}.btn-compact.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:rgba(0,0,0,0)}.btn-compact.btn-secondary:not([class*=colour-]){--colour: var(--colour-light)}.btn-compact.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)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse):is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}.btn-compact[data-number]{position:relative}.btn-compact[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:#fff;letter-spacing:-0.1em;font-family:arial,sans-serif}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-inverted) !important;color:var(--colour-inverted)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme) !important}}*:not(main):has(>iam-tabs){container-type:inline-size}iam-tabs{--colour-tab-underline: var(--colour-info)}iam-tabs details:not([open]){padding-bottom:0}iam-tabs .tabs__dropdown{display:none;width:fit-content}iam-tabs:is(.tabs--dropdown) .tabs__dropdown{display:block}iam-tabs:is(.tabs--dropdown)::part(wrapper){display:none}@container (min-width: 62em){iam-tabs:is(.tabs--dropdown) .tabs__dropdown{display:none}iam-tabs:is(.tabs--dropdown)::part(wrapper){display:block}}iam-tabs::part(next-button){display:none}@container (width > 62em){iam-tabs.tabs--guided::part(next-button){position:absolute;top:9.375rem;right:0;display:block}}iam-tabs.tabs--guided::part(next-button):not(:hover){background:var(--colour-success)}.tabs:not(.admin-panel){position:relative}.tabs:not(.admin-panel) .tabs__links__wrapper{position:relative;margin:0 auto 2rem}.tabs:not(.admin-panel) .tabs__links__wrapper:after{content:"";left:50%;position:relative;height:1px;width:100vw;background-color:var(--colour-border);transform:translate(-50%, 0);display:block;clear:both}.tabs.admin-panel .tabs__links__wrapper:after{display:none}.tabs:not(.admin-panel) .tabs__links{-webkit-mask-image:linear-gradient(to right, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to right, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.tabs__links{scroll-snap-type:x mandatory;padding-bottom:3px;position:relative;display:flex;flex-wrap:nowrap;width:auto;margin:0 -1.5rem;overflow-y:clip;overflow-x:auto}.tabs__links::-webkit-scrollbar{display:none}.tabs__links .link{white-space:nowrap;scroll-snap-align:start;scroll-margin-left:var(--container-padding)}.tabs__links .link:not(.text-decoration-none):not(.btn){--is-current: 0;font-weight:bold;font-family:var(--font-heading);font-size:1.125rem;cursor:pointer;margin:0;padding:1.5rem 1.5rem .5rem 1.5rem;display:inline-block}.tabs__links .link:not(.text-decoration-none):not(.btn).disabled{cursor:not-allowed;opacity:.4}.tabs__links .link:not(.text-decoration-none):not(.btn):last-child{margin-inline-end:0}.tabs__links .link:not(.text-decoration-none):not(.btn):after{position:absolute;content:"";bottom:0;left:50%;height:3px;width:100%;transform:translate(-50%, 0) scale(0, 0);background:var(--colour-tab-underline, var(--colour-info));transition:transform .4s}.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):hover:after,.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):focus:after,.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled).focus:after{transform:translate(-50%, 0) scale(0.6, 1)}.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):is([aria-pressed=true],:active,.current,.active):after{transform:translate(-50%, 0) scale(1, 1)}.tabs__links .link:not(.text-decoration-none):not(.btn):is([aria-pressed=true],.current){pointer-events:none;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary-theme) !important}@media(min-width: 576px){.tabs__links .link:not(.text-decoration-none):not(.btn){padding:2rem 2rem .5rem 2rem}.tabs__links__wrapper{margin:0 auto 2.5rem}}.admin-panel :is(.admin-panel__links,.tabs__links){padding:0;margin:calc(var(--padding-top)*-1) calc(var(--padding-x)*-1) var(--padding-top) calc(var(--padding-x)*-1);border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;display:flex;flex-direction:column;border-bottom:1px solid var(--colour-border);overflow:hidden;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary)}.admin-panel :is(.admin-panel__links,.tabs__links):after{display:none}@media screen and (min-width: 36em){.admin-panel :is(.admin-panel__links,.tabs__links){flex-direction:row}}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn){margin:0;padding:1rem var(--padding-x);width:100%;position:relative;text-align:left;flex-grow:1;--gradient-direction: -90deg;background-color:var(--colour-success)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not([class*=bg-]){background-image:linear-gradient(var(--gradient-direction), var(--colour-info) 0, transparent 100%)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):is(.current,[aria-pressed=true]){color:var(--colour-primary-theme)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not(.current,[aria-pressed=true]){background:var(--colour-canvas-2) !important}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):after{display:none}@media screen and (min-width: 36em){.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn){margin:0}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not(:first-child){border-left:1px solid var(--colour-border) !important}}.admin-panel :is(.admin-panel__links,.tabs__links) .link:is(.current,[aria-pressed=true]){pointer-events:none}@media screen and (min-width: 36em){:host(.tabs--inline) .tabs__links{margin:0;justify-content:center}:host(.tabs--inline) .tabs__links__wrapper:after{width:100%}}:host{background:rgba(0,0,0,0)}/*# sourceMappingURL=assets/css/components/tabs.component.css.map */
+    @layer elements{a{color:var(--link-color);text-decoration:underline}a:hover{color:var(--link-hover-color)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}a{color:var(--colour-link)}a:is(:hover,:focus,.hover,:focus-within){color:var(--colour-hover)}a:is(:active,.active){color:var(--colour-active)}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))),.link{background-color:rgba(0,0,0,0);text-decoration:none;display:inline-block;border:none;color:var(--colour-link);margin:0 1.5rem 1.5rem 0;padding:0;font-size:1.125rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:500}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))):not(.text-decoration-none):after,.link:not(.text-decoration-none):after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))):not(.text-decoration-none).text-underline-plain:after,.link:not(.text-decoration-none).text-underline-plain:after{background:currentColor}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))) [class*=fa-],.link [class*=fa-]{margin-left:0;margin-right:.5rem}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))) [class*=fa-]:not(:first-child),.link [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))):not([disabled]):is(:hover,:focus,.hover,:active,.active,:focus-within):after,.link:not([disabled]):is(:hover,:focus,.hover,:active,.active,:focus-within):after{width:60%}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card)))[disabled],.link[disabled]{opacity:.4;cursor:not-allowed}p a:not(.btn):not(.link),ul a:not(.btn):not(.link),ol a:not(.btn):not(.link),dd a:not(.btn):not(.link),.body a:not(.btn):not(.link),table:not(.table--email) td a:not(.btn):not(.link){min-height:none;display:inline;margin:0;text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:.125rem;font-size:inherit}p a:not(.btn):not(.link):after,ul a:not(.btn):not(.link):after,ol a:not(.btn):not(.link):after,dd a:not(.btn):not(.link):after,.body a:not(.btn):not(.link):after,table:not(.table--email) td a:not(.btn):not(.link):after{display:none}p a:not(.btn):not(.link) [class*=fa-],ul a:not(.btn):not(.link) [class*=fa-],ol a:not(.btn):not(.link) [class*=fa-],dd a:not(.btn):not(.link) [class*=fa-],.body a:not(.btn):not(.link) [class*=fa-],table:not(.table--email) td a:not(.btn):not(.link) [class*=fa-]{margin:0;display:inline;--fa-display: inline}p a:not(.btn):not(.link) [class*=fa-]:after,ul a:not(.btn):not(.link) [class*=fa-]:after,ol a:not(.btn):not(.link) [class*=fa-]:after,dd a:not(.btn):not(.link) [class*=fa-]:after,.body a:not(.btn):not(.link) [class*=fa-]:after,table:not(.table--email) td a:not(.btn):not(.link) [class*=fa-]:after{content:"\xA0"}p a:not(.btn):not(.link):not([disabled]):is(:hover,:focus,.hover,:focus-within),ul a:not(.btn):not(.link):not([disabled]):is(:hover,:focus,.hover,:focus-within),ol a:not(.btn):not(.link):not([disabled]):is(:hover,:focus,.hover,:focus-within),dd a:not(.btn):not(.link):not([disabled]):is(:hover,:focus,.hover,:focus-within),.body a:not(.btn):not(.link):not([disabled]):is(:hover,:focus,.hover,:focus-within),table:not(.table--email) td a:not(.btn):not(.link):not([disabled]):is(:hover,:focus,.hover,:focus-within){color:var(--colour-hover);text-decoration:none}p a:not(.btn):not(.link):not([disabled]):is(:active,.active),ul a:not(.btn):not(.link):not([disabled]):is(:active,.active),ol a:not(.btn):not(.link):not([disabled]):is(:active,.active),dd a:not(.btn):not(.link):not([disabled]):is(:active,.active),.body a:not(.btn):not(.link):not([disabled]):is(:active,.active),table:not(.table--email) td a:not(.btn):not(.link):not([disabled]):is(:active,.active){color:var(--colour-active);text-decoration:none;filter:brightness(85%)}:is(a,button,label):has(.card,iam-card){border:none;background:none;padding:0;display:flex;margin-bottom:1.5rem;outline:none !important;text-decoration:none}:is(a,button,label):has(.card,iam-card):before{display:none}:is(a,button,label):has(.card,iam-card):not([class*=col]){margin:0 0 1.5rem 0}:is(a,button,label):has(.card,iam-card):not(.d-inline-block):not([class*=col]){width:100%}:is(a,button,label):has(.card,iam-card) iam-card{width:100%}}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]){position:relative}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]):before{content:"";display:block;background-color:var(--video-btn-colour, var(--colour-success));height:3rem;width:3rem;position:absolute;top:calc(50% - 1.5rem);left:calc(50% - 1.5rem);z-index:2;border-radius:1.5rem}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]):after{--icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/></svg>");content:"";display:block;height:1rem;width:1rem;position:absolute;top:calc(50% - .5rem);left:calc(50% - .4rem);z-index:5;background:var(--colour-primary-theme);mask-image:var(--icon);mask-size:80%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon);-webkit-mask-size:80%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]):is(:hover,:focus){--video-btn-colour: var(--colour-canvas)}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]):is(:active){--video-btn-colour: color-mix(in oklab, var(--colour-success), #000000 20%) !important}iam-collapsible-side>*{padding-left:1.5rem}@media screen and (min-width: 36em){iam-collapsible-side>*{padding-left:2.5rem}}@media screen and (min-width: 62em){iam-collapsible-side>*{padding-left:var(--container-padding-x-md)}}iam-collapsible-side hr{border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important}.vertical-tabs [class*=link],iam-collapsible-side [class*=link]{display:block !important;line-height:1.25rem !important;padding:1rem 1.5rem 1rem 1.5rem !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important;text-decoration:none !important;border-bottom:2px solid var(--colour-border) !important;border-right:2px solid var(--colour-border) !important;margin-right:-2.5rem !important;z-index:2}.vertical-tabs [class*=link]::after,iam-collapsible-side [class*=link]::after{display:none !important}.vertical-tabs [class*=link] i,iam-collapsible-side [class*=link] i{margin-right:0.5rem !important}@media screen and (min-width: 36em){.vertical-tabs [class*=link],iam-collapsible-side [class*=link]{padding-left:1.5rem !important}}@media screen and (min-width: 62em){.vertical-tabs [class*=link],iam-collapsible-side [class*=link]{padding-left:var(--container-padding-x-md) !important}}.vertical-tabs a:hover,.vertical-tabs a:focus,.vertical-tabs a[aria-expanded],iam-collapsible-side a:hover,iam-collapsible-side a:focus,iam-collapsible-side a[aria-expanded]{background-color:var(--colour-activeLink) !important}.vertical-tabs [class*=active],iam-collapsible-side [class*=active]{background-color:var(--colour-activeLink) !important;border-right-color:var(--colour-activeLinkBorder) !important;border-right-width:3px !important}.vertical-tabs .parent,iam-collapsible-side .parent{margin:0 !important;padding:0 !important;list-style:none}.vertical-tabs .parent li:first-of-type,iam-collapsible-side .parent li:first-of-type{cursor:pointer}.vertical-tabs .parent li:first-of-type a,iam-collapsible-side .parent li:first-of-type a{padding-right:2.5rem !important}.vertical-tabs .parent li:first-of-type a::before,iam-collapsible-side .parent li:first-of-type a::before{position:absolute;display:block;content:"\uF055";font-family:"Font Awesome 6 Pro";right:20px;font-weight:300}.vertical-tabs .parent li:not(:first-of-type),iam-collapsible-side .parent li:not(:first-of-type){display:none}.vertical-tabs .parent li:not(:first-of-type) a,iam-collapsible-side .parent li:not(:first-of-type) a{background-color:var(--colour-light) !important;padding-left:5.625rem !important}.vertical-tabs .parent.reveal li:first-of-type a::before,iam-collapsible-side .parent.reveal li:first-of-type a::before{content:"\uF056";font-weight:500}.vertical-tabs .parent.reveal li:not(:first-of-type),iam-collapsible-side .parent.reveal li:not(:first-of-type){display:block}@media screen and (min-width: 36em){.vertical-tabs .parent li:not(:first-of-type) a,iam-collapsible-side .parent li:not(:first-of-type) a{padding-left:5.625rem !important}}@layer elements{*,*::before,*::after{box-sizing:border-box}button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[role=button]{cursor:pointer}button:focus:not(:focus-visible){outline:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 0.125rem;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:500;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}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}.btn:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.btn:not(:last-child){margin-right:var(--btn-margin)}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.colour-success{--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success:before,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active):before{content:"\uF00C";font-family:"Font Awesome 6 Pro";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:"Font Awesome 6 Pro";line-height:1em}.btn.btn[class*=fa-after]{padding-right:4rem}.btn.btn[class*=fa-after]:before{margin-right:0;margin-right:0.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}.btn:not(.btn-compact):before{margin-right:1rem}.btn i[class*=fa-]{font-family:"Font Awesome 6 Pro";margin-right:1rem;line-height:1em;font-style:inherit}.btn i[class*=fa-]: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:after,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active):after{margin-left:1.5rem;margin-right:-0.5rem}.btn:has(select){position:relative;padding-right:3.5rem}.btn:has(select) select{all:unset !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:3.5rem !important;margin-right:-3.5rem !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;max-width:100% !important;outline:none;font-weight:500;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important}.btn:has(select) select option{padding:0;text-align:left;color:var(--colour-primary)}.btn:has(select):after{position:absolute;top:0.625rem;right:2rem;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:has(select).active:after{transform:rotate(-90deg)}.btn:has(select:focus):after{transform:rotate(-90deg)}.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:"Font Awesome 6 Pro"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.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:rgba(0,0,0,0);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}.btn.btn-tertiary:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}.btn.btn-tertiary.text-decoration-none:after{width:0%}.btn.btn-tertiary [class*=fa-]{margin-left:0;margin-right:.5rem}.btn.btn-tertiary [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}.btn.btn-tertiary:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action{border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action: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-action,.btn-action.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) .btn-action,.btn-action: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}.btn:has(select){padding-block:0;padding-right:2rem}.btn:has(select) select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important}.btn:has(select):after{top:.2rem;right:0.5rem}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem}.btn-compact:not(:last-child){margin-right:0.5rem}.btn-compact{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;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.btn-compact:before{content:var(--fa);position:absolute;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - 0.25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - 0.25rem)}@container style(--theme: dark){.btn-compact[class*=fa-]:before{color:#fff}}.btn-compact.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}.btn-compact.btn-action{--compact-size: 2rem;font-size:1rem}.btn-compact.btn-action:before{font-size:1em;font-weight:400}.btn-compact.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:rgba(0,0,0,0)}.btn-compact.btn-secondary:not([class*=colour-]){--colour: var(--colour-light)}.btn-compact.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)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse):is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}.btn-compact[data-number]{position:relative}.btn-compact[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:#fff;letter-spacing:-0.1em;font-family:arial,sans-serif}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-inverted) !important;color:var(--colour-inverted)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme) !important}}.btn[popovertarget]{position:relative;anchor-name:--button2}.btn[popovertarget]>.fa-chevron-down{display:none}.btn[popovertarget]:after{content:"";display:inline-block;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)}.btn[popovertarget][aria-pressed]:after{transform:rotate(270deg)}*:not(main):has(>iam-tabs){container-type:inline-size}iam-tabs{--colour-tab-underline: var(--colour-info)}iam-tabs details:not([open]){padding-bottom:0}iam-tabs .tabs__dropdown{display:none;width:fit-content}iam-tabs:is(.tabs--dropdown) .tabs__dropdown{display:block}iam-tabs:is(.tabs--dropdown)::part(wrapper){display:none}@container (min-width: 62em){iam-tabs:is(.tabs--dropdown) .tabs__dropdown{display:none}iam-tabs:is(.tabs--dropdown)::part(wrapper){display:block}}iam-tabs::part(next-button){display:none}@container (width > 62em){iam-tabs.tabs--guided::part(next-button){position:absolute;top:9.375rem;right:0;display:block}}iam-tabs.tabs--guided::part(next-button):not(:hover){background:var(--colour-success)}.tabs:not(.admin-panel){position:relative}.tabs:not(.admin-panel) .tabs__links__wrapper{position:relative;margin:0 auto 2rem}.tabs:not(.admin-panel) .tabs__links__wrapper:after{content:"";left:50%;position:relative;height:1px;width:100vw;background-color:var(--colour-border);transform:translate(-50%, 0);display:block;clear:both}.tabs.admin-panel .tabs__links__wrapper:after{display:none}.tabs:not(.admin-panel) .tabs__links{-webkit-mask-image:linear-gradient(to right, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to right, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.tabs__links{scroll-snap-type:x mandatory;padding-bottom:3px;position:relative;display:flex;flex-wrap:nowrap;width:auto;margin:0 -1.5rem;overflow-y:clip;overflow-x:auto}.tabs__links::-webkit-scrollbar{display:none}.tabs__links .link{white-space:nowrap;scroll-snap-align:start;scroll-margin-left:var(--container-padding)}.tabs__links .link:not(.text-decoration-none):not(.btn){--is-current: 0;font-weight:bold;font-family:var(--font-heading);font-size:1.125rem;cursor:pointer;margin:0;padding:1.5rem 1.5rem .5rem 1.5rem;display:inline-block}.tabs__links .link:not(.text-decoration-none):not(.btn).disabled{cursor:not-allowed;opacity:.4}.tabs__links .link:not(.text-decoration-none):not(.btn):last-child{margin-inline-end:0}.tabs__links .link:not(.text-decoration-none):not(.btn):after{position:absolute;content:"";bottom:0;left:50%;height:3px;width:100%;transform:translate(-50%, 0) scale(0, 0);background:var(--colour-tab-underline, var(--colour-info));transition:transform .4s}.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):hover:after,.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):focus:after,.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled).focus:after{transform:translate(-50%, 0) scale(0.6, 1)}.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):is([aria-pressed=true],:active,.current,.active):after{transform:translate(-50%, 0) scale(1, 1)}.tabs__links .link:not(.text-decoration-none):not(.btn):is([aria-pressed=true],.current){pointer-events:none;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary-theme) !important}@media(min-width: 576px){.tabs__links .link:not(.text-decoration-none):not(.btn){padding:2rem 2rem .5rem 2rem}.tabs__links__wrapper{margin:0 auto 2.5rem}}.admin-panel :is(.admin-panel__links,.tabs__links){padding:0;margin:calc(var(--padding-top)*-1) calc(var(--padding-x)*-1) var(--padding-top) calc(var(--padding-x)*-1);border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;display:flex;flex-direction:column;border-bottom:1px solid var(--colour-border);overflow:hidden;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary)}.admin-panel :is(.admin-panel__links,.tabs__links):after{display:none}@media screen and (min-width: 36em){.admin-panel :is(.admin-panel__links,.tabs__links){flex-direction:row}}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn){margin:0;padding:1rem var(--padding-x);width:100%;position:relative;text-align:left;flex-grow:1;--gradient-direction: -90deg;background-color:var(--colour-success)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not([class*=bg-]){background-image:linear-gradient(var(--gradient-direction), var(--colour-info) 0, transparent 100%)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):is(.current,[aria-pressed=true]){color:var(--colour-primary-theme)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not(.current,[aria-pressed=true]){background:var(--colour-canvas-2) !important}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):after{display:none}@media screen and (min-width: 36em){.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn){margin:0}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not(:first-child){border-left:1px solid var(--colour-border) !important}}.admin-panel :is(.admin-panel__links,.tabs__links) .link:is(.current,[aria-pressed=true]){pointer-events:none}@media screen and (min-width: 36em){:host(.tabs--inline) .tabs__links{margin:0;justify-content:center}:host(.tabs--inline) .tabs__links__wrapper:after{width:100%}}:host{background:rgba(0,0,0,0)}/*# sourceMappingURL=assets/css/components/tabs.component.css.map */
 
 
     :host(.admin-panel){
@@ -23,5 +23,5 @@
       <slot></slot>
       <button part="next-button" class="btn btn-secondary btn-sm btn-compact fa-regular fa-chevron-right tabs__next">Next</button>
     </div>
-    `,this.shadowRoot.appendChild(a.content.cloneNode(!0))}connectedCallback(){const a=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${a}`),z(this)}}export{L as default};
+    `,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){const o=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${o}`),z(this)}}export{L as default};
 //# sourceMappingURL=tabs.component.min.js.map

package/assets/js/components/tooltip/tooltip.component.js

@@ -0,0 +1,68 @@
+import { trackComponentRegistered } from '../_global.js';
+trackComponentRegistered('iam-tooltip');
+class iamTooltip extends HTMLElement {
+    constructor() {
+        super();
+        this.attachShadow({ mode: 'open' });
+        const assetLocation = document.body.hasAttribute('data-assets-location')
+            ? document.body.getAttribute('data-assets-location')
+            : '/assets';
+        const loadCSS = `@import "${assetLocation}/css/components/popover.component.css";`;
+        const template = document.createElement('template');
+        template.innerHTML = `
+    <style>
+    ${loadCSS}
+    </style>
+    <slot></slot>
+    <div class="tooltip__anchor">
+    </div>
+    <div class="tooltip__content" id="tooltip"></div>
+    `;
+        this.shadowRoot.appendChild(template.content.cloneNode(true));
+    }
+    connectedCallback() {
+        var _a, _b, _c;
+        const contentWrapper = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.tooltip__content');
+        const anchor = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.tooltip__anchor');
+        if (this.hasAttribute('data-heading'))
+            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.innerHTML += `<strong>${this.getAttribute('data-heading')}</strong>`;
+        contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.innerHTML += this.getAttribute('title');
+        this.removeAttribute('title');
+        contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'auto');
+        this === null || this === void 0 ? void 0 : this.addEventListener('mouseenter', (event) => {
+            contentWrapper.showPopover();
+        });
+        this === null || this === void 0 ? void 0 : this.addEventListener('mouseleave', (event) => {
+            if (!(contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.contains('show-popover')))
+                contentWrapper.hidePopover();
+        });
+        // Check if th component sets the tooltip open by default
+        if (this.classList.contains('show-popover')) {
+            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.add('show-popover');
+            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'manual'); // Switch popover type first before showing popover
+            contentWrapper.showPopover();
+        }
+        this === null || this === void 0 ? void 0 : this.addEventListener('click', (event) => {
+            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.toggle('show-popover');
+            if (contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.contains('show-popover')) {
+                contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'manual'); // Switch popover type first before showing popover
+                contentWrapper.showPopover();
+            }
+            else {
+                contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'auto');
+                contentWrapper.hidePopover();
+            }
+        });
+        // Used for documentation
+        (_c = this === null || this === void 0 ? void 0 : this.parentNode) === null || _c === void 0 ? void 0 : _c.addEventListener('update', (event) => {
+            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'auto');
+            contentWrapper.hidePopover();
+            setTimeout(() => {
+                contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.add('show-popover');
+                contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'manual'); // Switch popover type first before showing popover
+                contentWrapper.showPopover();
+            }, 100);
+        });
+    }
+}
+export default iamTooltip;

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

@@ -0,0 +1,14 @@
+/*!
+  * iamKey v7.5.1--beta11
+  * Copyright 2022-2025 iamproperty
+  */const a=r=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:r})};a("iam-tooltip");class s 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>
+    *,*::before,*::after{box-sizing:border-box}@layer components{:host{display:inline;position:relative;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:.2em;overflow-anchor:none;cursor:pointer}.tooltip__anchor{anchor-name:--anchor;position:absolute;display:block;inset:0;height:100%;width:100%;min-width:1rem;left:auto;right:0}:host(:empty) .tooltip__anchor{height:1rem;width:1rem}:host(:empty) .tooltip__anchor:after{font-family:"Font Awesome 6 Pro";font-weight:900;content:"\uF059";display:block;margin:0;line-height:1;color:var(--colour-primary);position:absolute;top:50%;left:50%;translate:-50% -50%}.tooltip__content{position:fixed;position-anchor:--anchor;position-area:center end;position-try-fallbacks:bottom span-all,top span-all,start;container-type:anchored;max-width:16.875rem;background:var(--colour-primary);color:var(--colour-white);padding:1.5rem;border:none;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.11);margin:.75rem;overflow:visible}.tooltip__content>strong:first-child{display:block;padding-bottom:1rem;color:inherit}@media screen and (min-width: 36em){.tooltip__content{max-width:20.9375rem}}@media screen and (min-width: 62em){.tooltip__content{max-width:22.5rem}}.tooltip__content::after{content:"";position:absolute;bottom:50%;left:-0.45rem;transform:translate(-50%, 0);border-width:.5rem;border-style:solid;border-color:rgba(0,0,0,0) var(--colour-primary) rgba(0,0,0,0) rgba(0,0,0,0);margin-bottom:-0.5rem}@container anchored(fallback: top span-all){.tooltip__content::after{left:50%;bottom:auto;top:100%;border-color:var(--colour-primary) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);margin-bottom:-1px}}@container anchored(fallback: bottom span-all){.tooltip__content::after{top:auto;bottom:100%;left:50%;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--colour-primary) rgba(0,0,0,0);margin-bottom:-1px}}@container anchored(fallback: start){.tooltip__content::after{display:none}}}/*# sourceMappingURL=assets/css/components/tooltip.component.css.map */
+
+    </style>
+    <slot></slot>
+    <div class="tooltip__anchor">
+    </div>
+    <div class="tooltip__content" id="tooltip"></div>
+    `,this.shadowRoot.appendChild(t.content.cloneNode(!0))}connectedCallback(){var t,e,i;const o=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip__content");(e=this.shadowRoot)===null||e===void 0||e.querySelector(".tooltip__anchor"),this.hasAttribute("data-heading")&&(o==null||(o.innerHTML+=`<strong>${this.getAttribute("data-heading")}</strong>`)),o==null||(o.innerHTML+=this.getAttribute("title")),this.removeAttribute("title"),o?.setAttribute("popover","auto"),this===null||this===void 0||this.addEventListener("mouseenter",n=>{o.showPopover()}),this===null||this===void 0||this.addEventListener("mouseleave",n=>{o?.classList.contains("show-popover")||o.hidePopover()}),this.classList.contains("show-popover")&&(o?.classList.add("show-popover"),o?.setAttribute("popover","manual"),o.showPopover()),this===null||this===void 0||this.addEventListener("click",n=>{o?.classList.toggle("show-popover"),o?.classList.contains("show-popover")?(o?.setAttribute("popover","manual"),o.showPopover()):(o?.setAttribute("popover","auto"),o.hidePopover())}),(i=this===null||this===void 0?void 0:this.parentNode)===null||i===void 0||i.addEventListener("update",n=>{o?.setAttribute("popover","auto"),o.hidePopover(),setTimeout(()=>{o?.classList.add("show-popover"),o?.setAttribute("popover","manual"),o.showPopover()},100)})}}export{s as default};
+//# sourceMappingURL=tooltip.component.min.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.component.min.js","sources":["../_global.js","tooltip.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","import { trackComponentRegistered } from '../_global.js';\ntrackComponentRegistered('iam-tooltip');\nclass iamTooltip 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/popover.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${loadCSS}\n    </style>\n    <slot></slot>\n    <div class=\"tooltip__anchor\">\n    </div>\n    <div class=\"tooltip__content\" id=\"tooltip\"></div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        var _a, _b, _c;\n        const contentWrapper = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.tooltip__content');\n        const anchor = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.tooltip__anchor');\n        if (this.hasAttribute('data-heading'))\n            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.innerHTML += `<strong>${this.getAttribute('data-heading')}</strong>`;\n        contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.innerHTML += this.getAttribute('title');\n        this.removeAttribute('title');\n        contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'auto');\n        this === null || this === void 0 ? void 0 : this.addEventListener('mouseenter', (event) => {\n            contentWrapper.showPopover();\n        });\n        this === null || this === void 0 ? void 0 : this.addEventListener('mouseleave', (event) => {\n            if (!(contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.contains('show-popover')))\n                contentWrapper.hidePopover();\n        });\n        // Check if th component sets the tooltip open by default\n        if (this.classList.contains('show-popover')) {\n            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.add('show-popover');\n            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'manual'); // Switch popover type first before showing popover\n            contentWrapper.showPopover();\n        }\n        this === null || this === void 0 ? void 0 : this.addEventListener('click', (event) => {\n            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.toggle('show-popover');\n            if (contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.contains('show-popover')) {\n                contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'manual'); // Switch popover type first before showing popover\n                contentWrapper.showPopover();\n            }\n            else {\n                contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'auto');\n                contentWrapper.hidePopover();\n            }\n        });\n        // Used for documentation\n        (_c = this === null || this === void 0 ? void 0 : this.parentNode) === null || _c === void 0 ? void 0 : _c.addEventListener('update', (event) => {\n            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'auto');\n            contentWrapper.hidePopover();\n            setTimeout(() => {\n                contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.add('show-popover');\n                contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'manual'); // Switch popover type first before showing popover\n                contentWrapper.showPopover();\n            }, 100);\n        });\n    }\n}\nexport default iamTooltip;\n"],"names":["trackComponentRegistered","componentName","iamTooltip","template","_a","_b","_c","contentWrapper","event"],"mappings":";;;IAAO,MAAMA,EAA4BC,GAAkB,CAEvD,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAO,0BACP,QAASA,CACjB,CAAK,CACL,ECNAD,EAAyB,aAAa,EACtC,MAAME,UAAmB,WAAY,CACjC,aAAc,CACV,MAAK,EACL,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,EACZ,SAAS,KAAK,aAAa,sBAAsB,GACjE,SAAS,KAAK,aAAa,sBAAsB,EAGvD,MAAMC,EAAW,SAAS,cAAc,UAAU,EAClDA,EAAS,UAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MASrB,KAAK,WAAW,YAAYA,EAAS,QAAQ,UAAU,EAAI,CAAC,CAChE,CACA,mBAAoB,CAChB,IAAIC,EAAIC,EAAIC,EACZ,MAAMC,GAAkBH,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,mBAAmB,GACvGC,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,cAAc,kBAAkB,EAC1G,KAAK,aAAa,cAAc,IAChCE,GAAmB,OAA6CA,EAAe,WAAa,WAAW,KAAK,aAAa,cAAc,CAAC,cAC5IA,GAAmB,OAA6CA,EAAe,WAAa,KAAK,aAAa,OAAO,GACrH,KAAK,gBAAgB,OAAO,EACoCA,GAAe,aAAa,UAAW,MAAM,EAC7G,OAAS,MAAQ,OAAS,QAAkB,KAAK,iBAAiB,aAAeC,GAAU,CACvFD,EAAe,YAAW,CAC9B,CAAC,EACD,OAAS,MAAQ,OAAS,QAAkB,KAAK,iBAAiB,aAAeC,GAAU,CACjBD,GAAe,UAAU,SAAS,cAAc,GAClHA,EAAe,YAAW,CAClC,CAAC,EAEG,KAAK,UAAU,SAAS,cAAc,IAC0BA,GAAe,UAAU,IAAI,cAAc,EAC3CA,GAAe,aAAa,UAAW,QAAQ,EAC/GA,EAAe,YAAW,GAE9B,OAAS,MAAQ,OAAS,QAAkB,KAAK,iBAAiB,QAAUC,GAAU,CAClBD,GAAe,UAAU,OAAO,cAAc,EAC1CA,GAAe,UAAU,SAAS,cAAc,GAChDA,GAAe,aAAa,UAAW,QAAQ,EAC/GA,EAAe,YAAW,IAGsCA,GAAe,aAAa,UAAW,MAAM,EAC7GA,EAAe,YAAW,EAElC,CAAC,GAEAD,EAAK,OAAS,MAAQ,OAAS,OAAS,OAAS,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,iBAAiB,SAAWE,GAAU,CAC7ED,GAAe,aAAa,UAAW,MAAM,EAC7GA,EAAe,YAAW,EAC1B,WAAW,IAAM,CACmDA,GAAe,UAAU,IAAI,cAAc,EAC3CA,GAAe,aAAa,UAAW,QAAQ,EAC/GA,EAAe,YAAW,CAC9B,EAAG,GAAG,CACV,CAAC,CACL,CACJ"}

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.5.1--beta9
+  * iamKey v7.5.1--beta11
   * Copyright 2022-2025 iamproperty
   */const p=o=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:o})},h=(o,t,e)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),e.forEach(a=>{o.addEventListener(a,function(d){const r={event:a,element:t,target:d.target};Object.keys(d.detail).forEach(i=>{const n=d.detail[i];r[i]=n}),window.dataLayer.push(r)})}),!0),b=`<div class="card__head" part="head">
   <slot name="head"></slot>

package/assets/js/components/word-count/word-count.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.5.1--beta9
+  * iamKey v7.5.1--beta11
   * Copyright 2022-2025 iamproperty
   */const o=i=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:i})};o("iam-word-count");class n 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/modules/advanced-select.js

@@ -15,6 +15,11 @@ function advancedSelect(advancedSelect, displayInputField, datalist, isSearch =
         }
         displayInputField.value = '';
     });
+    displayInputField.addEventListener('keyup', function () {
+        if (displayInputField.value != "") {
+            displayInputField.setAttribute('data-value', displayInputField.value);
+        }
+    });
     displayInputField.addEventListener('blur', function () {
         if (displayInputField.hasAttribute('data-value')) {
             displayInputField.value = displayInputField.getAttribute('data-value');
@@ -93,6 +98,7 @@ function advancedSelect(advancedSelect, displayInputField, datalist, isSearch =
         .closest('label')
         .insertAdjacentHTML('beforeend', '<button class="empty btn btn-action" type="button"><i class="fa-light fa-times me-0"></i></button>');
     const emptyField = () => {
+        displayInputField.removeAttribute('placeholder');
         if (displayInputField.hasAttribute('data-original-placeholder'))
             displayInputField.setAttribute('placeholder', displayInputField.getAttribute('data-original-placeholder'));
         displayInputField.removeAttribute('data-value');

package/assets/js/modules/applied-filters.js

@@ -1,5 +1,4 @@
 function createAppliedFilters(container, filters) {
-    var _a;
     const dialog = container.closest('dialog');
     const addFilterButton = (filters, input, setFilter = false) => {
         let shouldRemoveFilter = false;
@@ -98,6 +97,8 @@ function createAppliedFilters(container, filters) {
         });
     });
     const filterClicked = (filter) => {
+        if (!(filter === null || filter === void 0 ? void 0 : filter.hasAttribute('data-name')))
+            return false;
         const names = filter.getAttribute('data-name').split(',');
         for (let t = 0; t < names.length; t++) {
             const name = names[t];
@@ -128,6 +129,8 @@ function createAppliedFilters(container, filters) {
             const filter = event.target.closest('.filter');
             const filterName = filter.getAttribute('data-name');
             filterClicked(filter);
+            const clickedEvent = new CustomEvent('filter-clicked', { 'detail': filterName });
+            container.dispatchEvent(clickedEvent);
             // If you clicked on the filter on the parent component we want to tell the child component which filter to copy
             if (container.querySelector('dialog iam-applied-filters')) {
                 const event = new CustomEvent('filter', { 'detail': filterName });
@@ -144,9 +147,12 @@ function createAppliedFilters(container, filters) {
         checkForChecked(true);
     });
     if (dialog) {
+        const primaryButton = container.querySelector('.btn-primary') ? container.querySelector('.btn-primary') : container.shadowRoot.querySelector('.btn-primary');
         // Force the filters inside of the dialog to effect the filters above
-        (_a = container.querySelector('.btn-primary')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', (e) => {
+        primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.addEventListener('click', (e) => {
             const event = new CustomEvent('update');
+            const submitEvent = new CustomEvent('submit');
+            container.dispatchEvent(submitEvent);
             if (container.parentElement.closest('iam-applied-filters'))
                 container.parentElement.closest('iam-applied-filters').dispatchEvent(event);
             if (container.parentElement && container.parentElement.closest('iam-applied-filters') && !container.parentElement.closest('iam-applied-filters').closest('dialog')) {