@iamproperty/components 7.7.1--beta14 → 7.7.1--beta16

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta14
+  * iamKey v7.7.1--beta16
   * Copyright 2022-2026 iamproperty
   */const m=a=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:a})};m("iam-rank");class g extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const i=`@import "${document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets"}/css/components/rank.component.css";`,o=document.createElement("template");o.innerHTML=`
     <style>
@@ -362,7 +362,7 @@
     </div>
     `,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){var t,i;const o=this.hasAttribute("data-position")?this.getAttribute("data-position"):(t=this.textContent)===null||t===void 0?void 0:t.trim(),C=(i=this.shadowRoot)===null||i===void 0?void 0:i.querySelector(".title span");C==null||(C.innerHTML=this.hasAttribute("data-title")?this.getAttribute("data-title"):""),this.setAttribute("data-position",o)}}m("iam-rankings");class u 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>
-    @layer elements{:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4){margin-top:0;margin-bottom:0;font-family:var(--font-heading);font-style:normal;font-weight:bold;color:var(--colour-heading);clear:both;display:block;& [class*=fa-]{margin-right:.5rem}}:is(.h1,h1){font-size:var(--h1-fs);line-height:var(--h1-lh);padding-bottom:var(--h1-pb);font-weight:900}:is(h2,.h2){font-size:var(--h2-fs);line-height:var(--h2-lh);padding-bottom:var(--h2-pb);font-weight:900}:is(h3,.h3){font-size:var(--h3-fs);line-height:var(--h3-lh);padding-bottom:var(--h3-pb);max-width:var(--content-max-width)}:is(.h4,h4,.h5,h5,.h6,h6){font-size:var(--h4-fs);line-height:var(--h4-lh);padding-bottom:var(--h4-pb);max-width:var(--content-max-width)}p{margin-top:0;font-size:var(--body-fs);line-height:1.5rem;padding-bottom:3rem;max-width:var(--content-max-width);margin-bottom:0}p:has(+p){padding-bottom:1.5rem}:is(.lead,.strapline){font-size:1.125rem;line-height:1.75rem;padding-bottom:3rem;max-width:var(--content-max-width);font-weight:700}small,.small{font-size:.875rem;line-height:1.5rem;padding-bottom:2rem;max-width:var(--content-max-width);font-weight:normal}.x-small{font-size:.625rem;line-height:1.5rem;padding-bottom:1rem;max-width:var(--content-max-width);font-weight:normal}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}strong{font-weight:bolder;font-family:var(--font-heading);color:var(--colour-heading)}address{margin-bottom:1rem;font-style:normal;line-height:inherit}blockquote{margin:0;quotes:"\u201C" "\u201D" "\u2018" "\u2019";padding-bottom:3rem;overflow:hidden;& p{font-size:1.5rem;line-height:2rem;padding-bottom:0}& p:first-child:before{content:open-quote}& p:last-of-type:after{content:close-quote}& cite{font-size:1.125rem;line-height:2rem;padding-bottom:0;font-weight:bold;font-style:normal}}mark{padding:.1875em;background-color:yellow}.stat{font-size:4rem;line-height:4.5rem;font-weight:bold;color:var(--colour-heading);display:block;text-decoration:underline;text-underline-offset:.75rem;text-decoration-color:var(--colour-secondary);text-decoration-thickness:.25rem;margin-bottom:4rem}}@layer utilities{:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid):not(iam-table):not(.table__wrapper){padding-inline:var(--mh-padding-inline, 0);margin-inline:calc(var(--mh-padding-inline, 0)*-1)}:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid)::before{top:calc(100% - 1.5rem);bottom:0;left:0;right:0;height:1.5rem;position:sticky;display:block;background:linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2;margin-bottom:-1.5rem}:is(.mh-sm,.mh-md,.mh-lg,.mh-fluid){overflow:auto;overscroll-behavior:contain}:is(.mh-sm,.mh-md,.mh-lg,.mh-fluid)::before{content:""}.mh-sm{max-height:calc(var(--max-height-sm) - var(--mh-modifier, 0rem))}.mh-md{max-height:calc(var(--max-height-md) - var(--mh-modifier, 0rem))}.mh-lg{max-height:calc(var(--max-height-lg) - var(--mh-modifier, 0rem))}.mh-fluid{max-height:100%}@media screen and (min-width: 36em){:is(.mh-sm-sm,.mh-sm-md,.mh-sm-lg){overflow:auto;overscroll-behavior:contain}:is(.mh-sm-sm,.mh-sm-md,.mh-sm-lg)::before{content:""}.mh-sm-sm{max-height:calc(var(--max-height-sm) - var(--mh-modifier, 0rem))}.mh-sm-md{max-height:calc(var(--max-height-md) - var(--mh-modifier, 0rem))}.mh-sm-lg{max-height:calc(var(--max-height-lg) - var(--mh-modifier, 0rem))}}@media screen and (min-width: 62em){:is(.mh-md-sm,.mh-md-md,.mh-md-lg){overflow:auto;overscroll-behavior:contain}:is(.mh-md-sm,.mh-md-md,.mh-md-lg)::before{content:""}.mh-md-sm{max-height:calc(var(--max-height-sm) - var(--mh-modifier, 0rem))}.mh-md-md{max-height:calc(var(--max-height-md) - var(--mh-modifier, 0rem))}.mh-md-lg{max-height:calc(var(--max-height-lg) - var(--mh-modifier, 0rem))}}}:host{overflow:visible}*,*::before,*::after{box-sizing:border-box}.podium{display:flex;flex-direction:row;flex-wrap:nowrap;max-width:30rem;margin:auto;gap:1rem}.podium>div{flex-basis:30%;flex-grow:1;flex-shrink:1;order:1;position:relative;display:flex;align-items:flex-end;justify-content:center}.podium>div:nth-child(1){order:2}.podium>div:nth-child(3){order:3}.mh-md{display:contents}.mh-md:before{display:none}:host(.leaderboard-scroll) .mh-md{display:block;max-height:calc(var(--leaderboard-height, 25rem) - var(--mh-modifier, 0rem))}:host(.leaderboard-scroll) .mh-md:before{display:block}:host(.hide-podium) .podium{display:none}:host(.hide-leaderboard) .mh-md{display:none !important}/*# sourceMappingURL=assets/css/components/rankings.component.css.map */
+    @layer elements{:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4){margin-top:0;margin-bottom:0;font-family:var(--font-heading);font-style:normal;font-weight:bold;color:var(--colour-heading);clear:both;display:block;& [class*=fa-]{margin-right:.5rem}}:is(.h1,h1){font-size:var(--h1-fs);line-height:var(--h1-lh);padding-bottom:var(--h1-pb);font-weight:900}:is(h2,.h2){font-size:var(--h2-fs);line-height:var(--h2-lh);padding-bottom:var(--h2-pb);font-weight:900}:is(h3,.h3){font-size:var(--h3-fs);line-height:var(--h3-lh);padding-bottom:var(--h3-pb);max-width:var(--content-max-width)}:is(.h4,h4,.h5,h5,.h6,h6){font-size:var(--h4-fs);line-height:var(--h4-lh);padding-bottom:var(--h4-pb);max-width:var(--content-max-width)}p{margin-top:0;font-size:var(--body-fs);line-height:1.5rem;padding-bottom:3rem;max-width:var(--content-max-width);margin-bottom:0}p:has(+p){padding-bottom:1.5rem}p:empty{display:none}:is(.lead,.strapline){font-size:1.125rem;line-height:1.75rem;padding-bottom:3rem;max-width:var(--content-max-width);font-weight:700}small,.small{font-size:.875rem;line-height:1.5rem;padding-bottom:2rem;max-width:var(--content-max-width);font-weight:normal}.x-small{font-size:.625rem;line-height:1.5rem;padding-bottom:1rem;max-width:var(--content-max-width);font-weight:normal}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}strong{font-weight:bolder;font-family:var(--font-heading);color:var(--colour-heading)}address{margin-bottom:1rem;font-style:normal;line-height:inherit}blockquote{margin:0;quotes:"\u201C" "\u201D" "\u2018" "\u2019";padding-bottom:3rem;overflow:hidden;& p{font-size:1.5rem;line-height:2rem;padding-bottom:0}& p:first-child:before{content:open-quote}& p:last-of-type:after{content:close-quote}& cite{font-size:1.125rem;line-height:2rem;padding-bottom:0;font-weight:bold;font-style:normal}}mark{padding:.1875em;background-color:yellow}.stat{font-size:4rem;line-height:4.5rem;font-weight:bold;color:var(--colour-heading);display:block;text-decoration:underline;text-underline-offset:.75rem;text-decoration-color:var(--colour-secondary);text-decoration-thickness:.25rem;margin-bottom:4rem}}@layer utilities{:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid):not(iam-table):not(.table__wrapper){padding-inline:var(--mh-padding-inline, 0);margin-inline:calc(var(--mh-padding-inline, 0)*-1)}:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid)::before{top:calc(100% - 1.5rem);bottom:0;left:0;right:0;height:1.5rem;position:sticky;display:block;background:linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2;margin-bottom:-1.5rem}:is(.mh-sm,.mh-md,.mh-lg,.mh-fluid){overflow:auto;overscroll-behavior:contain}:is(.mh-sm,.mh-md,.mh-lg,.mh-fluid)::before{content:""}.mh-sm{max-height:calc(var(--max-height-sm) - var(--mh-modifier, 0rem))}.mh-md{max-height:calc(var(--max-height-md) - var(--mh-modifier, 0rem))}.mh-lg{max-height:calc(var(--max-height-lg) - var(--mh-modifier, 0rem))}.mh-fluid{max-height:100%}@media screen and (min-width: 36em){:is(.mh-sm-sm,.mh-sm-md,.mh-sm-lg){overflow:auto;overscroll-behavior:contain}:is(.mh-sm-sm,.mh-sm-md,.mh-sm-lg)::before{content:""}.mh-sm-sm{max-height:calc(var(--max-height-sm) - var(--mh-modifier, 0rem))}.mh-sm-md{max-height:calc(var(--max-height-md) - var(--mh-modifier, 0rem))}.mh-sm-lg{max-height:calc(var(--max-height-lg) - var(--mh-modifier, 0rem))}}@media screen and (min-width: 62em){:is(.mh-md-sm,.mh-md-md,.mh-md-lg){overflow:auto;overscroll-behavior:contain}:is(.mh-md-sm,.mh-md-md,.mh-md-lg)::before{content:""}.mh-md-sm{max-height:calc(var(--max-height-sm) - var(--mh-modifier, 0rem))}.mh-md-md{max-height:calc(var(--max-height-md) - var(--mh-modifier, 0rem))}.mh-md-lg{max-height:calc(var(--max-height-lg) - var(--mh-modifier, 0rem))}}}:host{overflow:visible}*,*::before,*::after{box-sizing:border-box}.podium{display:flex;flex-direction:row;flex-wrap:nowrap;max-width:30rem;margin:auto;gap:1rem}.podium>div{flex-basis:30%;flex-grow:1;flex-shrink:1;order:1;position:relative;display:flex;align-items:flex-end;justify-content:center}.podium>div:nth-child(1){order:2}.podium>div:nth-child(3){order:3}.mh-md{display:contents}.mh-md:before{display:none}:host(.leaderboard-scroll) .mh-md{display:block;max-height:calc(var(--leaderboard-height, 25rem) - var(--mh-modifier, 0rem))}:host(.leaderboard-scroll) .mh-md:before{display:block}:host(.hide-podium) .podium{display:none}:host(.hide-leaderboard) .mh-md{display:none !important}/*# sourceMappingURL=assets/css/components/rankings.component.css.map */
 
     </style>
     <div class="podium">
@@ -377,6 +377,6 @@
       </div>
     </div>
     <div class="mh-md" part="leaderboard"><slot></slot></div>
-    `,this.shadowRoot.appendChild(t.content.cloneNode(!0)),document.getElementById("rankingsGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="rankingsGlobal">@layer elements{:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4){margin-top:0;margin-bottom:0;font-family:var(--font-heading);font-style:normal;font-weight:bold;color:var(--colour-heading);clear:both;display:block;& [class*=fa-]{margin-right:.5rem}}:is(.h1,h1){font-size:var(--h1-fs);line-height:var(--h1-lh);padding-bottom:var(--h1-pb);font-weight:900}:is(h2,.h2){font-size:var(--h2-fs);line-height:var(--h2-lh);padding-bottom:var(--h2-pb);font-weight:900}:is(h3,.h3){font-size:var(--h3-fs);line-height:var(--h3-lh);padding-bottom:var(--h3-pb);max-width:var(--content-max-width)}:is(.h4,h4,.h5,h5,.h6,h6){font-size:var(--h4-fs);line-height:var(--h4-lh);padding-bottom:var(--h4-pb);max-width:var(--content-max-width)}p{margin-top:0;font-size:var(--body-fs);line-height:1.5rem;padding-bottom:3rem;max-width:var(--content-max-width);margin-bottom:0}p:has(+p){padding-bottom:1.5rem}:is(.lead,.strapline){font-size:1.125rem;line-height:1.75rem;padding-bottom:3rem;max-width:var(--content-max-width);font-weight:700}small,.small{font-size:.875rem;line-height:1.5rem;padding-bottom:2rem;max-width:var(--content-max-width);font-weight:normal}.x-small{font-size:.625rem;line-height:1.5rem;padding-bottom:1rem;max-width:var(--content-max-width);font-weight:normal}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}strong{font-weight:bolder;font-family:var(--font-heading);color:var(--colour-heading)}address{margin-bottom:1rem;font-style:normal;line-height:inherit}blockquote{margin:0;quotes:"\u201C" "\u201D" "\u2018" "\u2019";padding-bottom:3rem;overflow:hidden;& p{font-size:1.5rem;line-height:2rem;padding-bottom:0}& p:first-child:before{content:open-quote}& p:last-of-type:after{content:close-quote}& cite{font-size:1.125rem;line-height:2rem;padding-bottom:0;font-weight:bold;font-style:normal}}mark{padding:.1875em;background-color:yellow}.stat{font-size:4rem;line-height:4.5rem;font-weight:bold;color:var(--colour-heading);display:block;text-decoration:underline;text-underline-offset:.75rem;text-decoration-color:var(--colour-secondary);text-decoration-thickness:.25rem;margin-bottom:4rem}}*,*::before,*::after{box-sizing:border-box}iam-rankings table{display:block;width:calc(100% - 2rem);font-weight:normal;counter-reset:countItem;overflow:visible;margin-inline:1rem}iam-rankings thead{display:none}iam-rankings tbody{display:contents}iam-rankings :is(td,th){font-weight:normal}iam-rankings td{font-size:1.75rem;color:var(--colour-heading)}iam-rankings tr.current{background-color:var(--colour-light)}iam-rankings tr.current :is(td,th){font-weight:bolder}iam-rankings tr{display:flex;width:100%;position:relative;z-index:1}iam-rankings tr:before{counter-increment:countItem;content:counter(countItem) ".";font-size:2rem;line-height:2.5rem;font-weight:bolder;color:var(--colour-primary);width:3rem;text-align:center;margin-top:.5rem}iam-rankings tr>*:first-child{width:100%;margin-right:0;padding-right:0}iam-rankings tr>*:last-child{position:absolute;top:0;right:0}iam-rankings tr progress{width:100%;height:1rem}iam-rankings tr progress::-webkit-progress-bar{background-color:rgba(0,0,0,0);border-radius:0}iam-rankings tr progress::-webkit-progress-value{background-color:var(--colour, var(--colour-info));border-radius:0}iam-rankings tr:has(iam-rank):before{opacity:0}iam-rankings tr:has(iam-rank) iam-rank{position:absolute;top:0;left:0;width:2rem}iam-rankings tr:has(+tr.highlighted){border:none !important}iam-rankings tr.highlighted{background:var(--colour-info);margin-block:1rem}iam-rankings tr.highlighted:after{content:"";position:absolute;inset:0;display:block;background:var(--colour-info);z-index:-1;margin:-0.75rem;border-radius:.5rem;box-shadow:0px 6px 12px rgba(0,0,0,.11)}iam-rankings tr:nth-child(1) progress{--colour: var(--wider-colour-7)}iam-rankings tr:nth-child(1) progress{--colour: var(--chart-colour-1)}iam-rankings tr:nth-child(2) progress{--colour: var(--chart-colour-2)}iam-rankings tr:nth-child(3) progress{--colour: var(--chart-colour-3)}iam-rankings tr:nth-child(4) progress{--colour: var(--chart-colour-4)}iam-rankings tr:nth-child(5) progress{--colour: var(--chart-colour-5)}iam-rankings tr:nth-child(6) progress{--colour: var(--chart-colour-6)}iam-rankings tr:nth-child(7) progress{--colour: var(--chart-colour-7)}iam-rankings tr:nth-child(8) progress{--colour: var(--chart-colour-8)}iam-rankings tr:nth-child(9) progress{--colour: var(--chart-colour-9)}iam-rankings tr:nth-child(10) progress{--colour: var(--chart-colour-10)}iam-rankings.hide-progress progress{display:none}iam-rankings.hide-value tbody td{display:none}/*# sourceMappingURL=assets/css/components/rankings.global.css.map */
+    `,this.shadowRoot.appendChild(t.content.cloneNode(!0)),document.getElementById("rankingsGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="rankingsGlobal">@layer elements{:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4){margin-top:0;margin-bottom:0;font-family:var(--font-heading);font-style:normal;font-weight:bold;color:var(--colour-heading);clear:both;display:block;& [class*=fa-]{margin-right:.5rem}}:is(.h1,h1){font-size:var(--h1-fs);line-height:var(--h1-lh);padding-bottom:var(--h1-pb);font-weight:900}:is(h2,.h2){font-size:var(--h2-fs);line-height:var(--h2-lh);padding-bottom:var(--h2-pb);font-weight:900}:is(h3,.h3){font-size:var(--h3-fs);line-height:var(--h3-lh);padding-bottom:var(--h3-pb);max-width:var(--content-max-width)}:is(.h4,h4,.h5,h5,.h6,h6){font-size:var(--h4-fs);line-height:var(--h4-lh);padding-bottom:var(--h4-pb);max-width:var(--content-max-width)}p{margin-top:0;font-size:var(--body-fs);line-height:1.5rem;padding-bottom:3rem;max-width:var(--content-max-width);margin-bottom:0}p:has(+p){padding-bottom:1.5rem}p:empty{display:none}:is(.lead,.strapline){font-size:1.125rem;line-height:1.75rem;padding-bottom:3rem;max-width:var(--content-max-width);font-weight:700}small,.small{font-size:.875rem;line-height:1.5rem;padding-bottom:2rem;max-width:var(--content-max-width);font-weight:normal}.x-small{font-size:.625rem;line-height:1.5rem;padding-bottom:1rem;max-width:var(--content-max-width);font-weight:normal}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}strong{font-weight:bolder;font-family:var(--font-heading);color:var(--colour-heading)}address{margin-bottom:1rem;font-style:normal;line-height:inherit}blockquote{margin:0;quotes:"\u201C" "\u201D" "\u2018" "\u2019";padding-bottom:3rem;overflow:hidden;& p{font-size:1.5rem;line-height:2rem;padding-bottom:0}& p:first-child:before{content:open-quote}& p:last-of-type:after{content:close-quote}& cite{font-size:1.125rem;line-height:2rem;padding-bottom:0;font-weight:bold;font-style:normal}}mark{padding:.1875em;background-color:yellow}.stat{font-size:4rem;line-height:4.5rem;font-weight:bold;color:var(--colour-heading);display:block;text-decoration:underline;text-underline-offset:.75rem;text-decoration-color:var(--colour-secondary);text-decoration-thickness:.25rem;margin-bottom:4rem}}*,*::before,*::after{box-sizing:border-box}iam-rankings table{display:block;width:calc(100% - 2rem);font-weight:normal;counter-reset:countItem;overflow:visible;margin-inline:1rem}iam-rankings thead{display:none}iam-rankings tbody{display:contents}iam-rankings :is(td,th){font-weight:normal}iam-rankings td{font-size:1.75rem;color:var(--colour-heading)}iam-rankings tr.current{background-color:var(--colour-light)}iam-rankings tr.current :is(td,th){font-weight:bolder}iam-rankings tr{display:flex;width:100%;position:relative;z-index:1}iam-rankings tr:before{counter-increment:countItem;content:counter(countItem) ".";font-size:2rem;line-height:2.5rem;font-weight:bolder;color:var(--colour-primary);width:3rem;text-align:center;margin-top:.5rem}iam-rankings tr>*:first-child{width:100%;margin-right:0;padding-right:0}iam-rankings tr>*:last-child{position:absolute;top:0;right:0}iam-rankings tr progress{width:100%;height:1rem}iam-rankings tr progress::-webkit-progress-bar{background-color:rgba(0,0,0,0);border-radius:0}iam-rankings tr progress::-webkit-progress-value{background-color:var(--colour, var(--colour-info));border-radius:0}iam-rankings tr:has(iam-rank):before{opacity:0}iam-rankings tr:has(iam-rank) iam-rank{position:absolute;top:0;left:0;width:2rem}iam-rankings tr:has(+tr.highlighted){border:none !important}iam-rankings tr.highlighted{background:var(--colour-info);margin-block:1rem}iam-rankings tr.highlighted:after{content:"";position:absolute;inset:0;display:block;background:var(--colour-info);z-index:-1;margin:-0.75rem;border-radius:.5rem;box-shadow:0px 6px 12px rgba(0,0,0,.11)}iam-rankings tr:nth-child(1) progress{--colour: var(--wider-colour-7)}iam-rankings tr:nth-child(1) progress{--colour: var(--chart-colour-1)}iam-rankings tr:nth-child(2) progress{--colour: var(--chart-colour-2)}iam-rankings tr:nth-child(3) progress{--colour: var(--chart-colour-3)}iam-rankings tr:nth-child(4) progress{--colour: var(--chart-colour-4)}iam-rankings tr:nth-child(5) progress{--colour: var(--chart-colour-5)}iam-rankings tr:nth-child(6) progress{--colour: var(--chart-colour-6)}iam-rankings tr:nth-child(7) progress{--colour: var(--chart-colour-7)}iam-rankings tr:nth-child(8) progress{--colour: var(--chart-colour-8)}iam-rankings tr:nth-child(9) progress{--colour: var(--chart-colour-9)}iam-rankings tr:nth-child(10) progress{--colour: var(--chart-colour-10)}iam-rankings.hide-progress progress{display:none}iam-rankings.hide-value tbody td{display:none}/*# sourceMappingURL=assets/css/components/rankings.global.css.map */
 </style>`)}connectedCallback(){var t,i,o,C,l,r;const s=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector(".first-position"),n=(i=this.shadowRoot)===null||i===void 0?void 0:i.querySelector(".second-position"),d=(o=this.shadowRoot)===null||o===void 0?void 0:o.querySelector(".third-position");s?.setAttribute("data-title",(C=this.querySelector("tbody tr:nth-child(1) :is(td,th):nth-child(1)"))===null||C===void 0?void 0:C.textContent),n?.setAttribute("data-title",(l=this.querySelector("tbody tr:nth-child(2) :is(td,th):nth-child(1)"))===null||l===void 0?void 0:l.textContent),d?.setAttribute("data-title",(r=this.querySelector("tbody tr:nth-child(3) :is(td,th):nth-child(1)"))===null||r===void 0?void 0:r.textContent);const f=this.hasAttribute("data-max")?this.getAttribute("data-max"):100;if(this.querySelectorAll("tbody tr").forEach(e=>{var h,p,L;const c=(p=(h=e.querySelector("td:last-child"))===null||h===void 0?void 0:h.textContent)===null||p===void 0?void 0:p.trim();e.querySelector(":first-child progress")||(L=e.querySelector(":first-child"))===null||L===void 0||(L.innerHTML+=`<progress max="${f}" value="${c}"></progress>`)}),!this.classList.contains("hide-gold")){const e=this.querySelector("tbody tr th");e?.insertAdjacentHTML("afterbegin",'<iam-rank class="rank--medal first-position">1st</iam-rank>')}window.customElements.get("iam-rank")||window.customElements.define("iam-rank",g)}}export{u as default};
 //# sourceMappingURL=rankings.component.min.js.map

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta14
+  * iamKey v7.7.1--beta16
   * Copyright 2022-2026 iamproperty
   */const p=n=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:n})};p("iam-rating");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=`
     <style>

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

@@ -1,25 +1,27 @@
 /*!
-  * iamKey v7.7.1--beta14
+  * iamKey v7.7.1--beta16
   * Copyright 2022-2026 iamproperty
-  */const h=o=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:o})},p=(o,a,r)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:a}),r.forEach(t=>{o.addEventListener(t,function(e){const d={event:t,element:a,target:e.target};Object.keys(e.detail).forEach(i=>{const c=e.detail[i];d[i]=c}),window.dataLayer.push(d)})}),!0),g=`<div class="card__head" part="head">
-  <slot name="head"></slot>
-</div>
-<div class="card__badges"><slot name="badges"></slot></div>
-<slot name="checkbox" class="activate-prevent-hover"></slot>
-<div class="card__body" part="body">
-  <slot></slot>
-  <slot name="secondary" part="secondary"></slot>
-</div>
-<div class="card__details" part="details">
-  <slot name="details"></slot>
-</div>
-<div class="card__footer" part="footer">
-  <slot name="footer"></slot>
+  */const h=o=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:o})},p=(o,a,r)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:a}),r.forEach(t=>{o.addEventListener(t,function(e){const d={event:t,element:a,target:e.target};Object.keys(e.detail).forEach(i=>{const c=e.detail[i];d[i]=c}),window.dataLayer.push(d)})}),!0),g=`<div class="wrapper">
+  <div class="card__head" part="head">
+    <slot name="head"></slot>
+  </div>
+  <div class="card__badges"><slot name="badges"></slot></div>
+  <slot name="checkbox" class="activate-prevent-hover"></slot>
+  <div class="card__body" part="body">
+    <slot></slot>
+    <slot name="secondary" part="secondary"></slot>
+  </div>
+  <div class="card__details" part="details">
+    <slot name="details"></slot>
+  </div>
+  <div class="card__footer" part="footer">
+    <slot name="footer"></slot>
+  </div>
 </div>`,u=o=>{var a;o.classList.add("card");const r=o.shadowRoot.querySelector(".card__head"),t=o.shadowRoot.querySelector(".card__body");o.hasAttribute("data-image")&&(r.innerHTML+=`<img src="${o.getAttribute("data-image")}" alt="" loading="lazy" part="image" />`),o.hasAttribute("data-total")?t?.querySelector(".card__total")?(a=t?.querySelector(".card__total"))===null||a===void 0||(a.innerHTML=o.getAttribute("data-total")):t.insertAdjacentHTML("beforeend",`<div class="card__total">${o.getAttribute("data-total")}</div>`):o.querySelector('[slot="total-icon"]')&&t.insertAdjacentHTML("beforeend",'<div class="card__total"><slot name="total-icon"></slot></div>'),o.querySelector('[slot="badges"]')?o.shadowRoot.querySelector(".card__badges").classList.remove("empty"):o.shadowRoot.querySelector(".card__badges").classList.add("empty")};var b=function(o,a,r,t){function e(d){return d instanceof r?d:new r(function(i){i(d)})}return new(r||(r=Promise))(function(d,i){function c(n){try{s(t.next(n))}catch(l){i(l)}}function m(n){try{s(t.throw(n))}catch(l){i(l)}}function s(n){n.done?d(n.value):e(n.value).then(c,m)}s((t=t.apply(o,a||[])).next())})};h("iam-record-card");class f 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>
     ${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
     
-    :host{--card-icon-right: 1rem;--card-head-top-padding: 2rem;--card-head-bottom-padding: 2rem;--card-footer-bottom-padding: 1.5rem;--card-head-height: 6rem;box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);position:relative;font-weight:bold;font-size:1.125rem;line-height:1.5rem;color:var(--colour-primary);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;margin-bottom:2rem}:host>*{width:100%;box-sizing:border-box}: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__body{padding:var(--card-head-top-padding) var(--card-right-padding) var(--card-head-bottom-padding) var(--card-left-padding)}.card__footer{margin-top:0;padding:0 var(--card-right-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)){display:block !important;font-weight:normal !important;font-size:1rem !important}::slotted(small){padding-top:1rem !important;display:block !important;font-weight:normal !important;padding-bottom:0 !important;color:var(--colour-body)}::slotted(span:not(.badge):not([class*=pt-])){padding-top:1.5rem !important}::slotted(:is(a,button)[slot=footer]){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:left;left:0;z-index:9}.card__badges:not(.empty){padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) 0 var(--card-left-padding);margin-bottom:-1.5rem}.card__head:not(:has(img))~.card__badges{text-align:end}:host{--card-head-height: 9rem;--card-right-padding: 1rem;background:rgba(0,0,0,0) !important;position:relative}:host(:is(:hover,:focus,.hover)){--hover-outline-colour-default: var(--colour, var(--colour-primary));outline:2px solid var(--hover-outline-colour, var(--hover-outline-colour-default));outline-offset:-2px}:host([data-record]) .card__head:before{font-family:var(--record-icon-font, "Font Awesome 7 Pro");font-weight:normal;font-size:1.5rem;content:var(--record-icon);display:block;position:absolute;top:auto;left:50%;bottom:0;background-color:var(--record-colour);border-radius:50%;height:4rem;line-height:4rem;width:4rem;text-align:center;transform:translate(-50%, 0)}:host([data-initials]:before){content:data-initials;display:block}:host([data-initials]) .card__head:before{display:none !important}:host([data-initials]):before{font-family:var(--font-body);font-weight:normal;font-size:2rem;content:attr(data-initials);display:block;position:absolute;top:var(--card-head-height);left:50%;bottom:0;background-color:var(--record-colour);border-radius:50%;height:4rem;margin-top:-4rem;line-height:4rem;width:4rem;text-align:center;transform:translate(-50%, 0)}.card__head{background:rgba(0,0,0,0) !important;position:relative;min-height:var(--card-head-height)}.card__head .card__avatar{display:block;position:absolute;top:auto;left:50%;bottom:0;border-radius:50%;height:4rem;line-height:4rem;width:4rem;text-align:center;transform:translate(-50%, 0);margin:0;object-fit:cover}.card__badges{position:absolute;top:0;text-align:left;left:0;z-index:9}.card__body{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow:hidden;padding-bottom:0;margin-bottom:0}.card__details{padding:0 var(--card-right-padding) 1.5rem var(--card-left-padding)}::slotted(span:not(.badge)){display:block !important;font-weight:normal !important;font-size:.875rem !important;line-height:1.5rem !important}::slotted(span:not(.badge):not([class*=pt-])){padding-top:1rem !important}::slotted(*:not(.badge)){display:block !important;font-weight:normal !important;font-size:.875rem !important;line-height:1.5rem !important}:host([data-initials]){--record-content: attr(data-initials);--record-colour: var(--wider-colour-2)}:host([data-record=business]){--record-icon: '\\f54f';--record-colour: var(--wider-colour-2)}:host([data-record=page]){--record-icon: '\\f15c';--record-colour: var(--wider-colour-3)}:host([data-record=contact]){--record-icon: '\\f2b9';--record-colour: var(--wider-colour-4)}:host([data-record=lettings]){--record-icon: '\\E003';--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-5)}:host([data-record=sales]){--record-icon: '\\E004';--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-7)}:host([data-record=landlord]){--record-icon: '\\E001';--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-8)}:host([data-record=contractor]){--record-icon: '\\f82c';--record-colour: var(--wider-colour-9)}:host([data-record=vendor]){--record-icon: '\\E002';--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-13)}:host([data-record=tenant]){--record-icon: '\\e1b0';--record-colour: var(--wider-colour-6)}:host([data-record=sales-applicant]){--record-icon: '\\E006';--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-10)}/*# sourceMappingURL=assets/css/components/record-card.component.css.map */
+    :host{--card-icon-right: 1rem;--card-head-top-padding: 2rem;--card-head-bottom-padding: 2rem;--card-footer-bottom-padding: 1.5rem;--card-head-height: 6rem;border-radius:var(--card-border-radius);margin-bottom:2rem}.wrapper{border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);position:relative;font-weight:bold;font-size:1.125rem;line-height:1.5rem;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-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__body{padding:var(--card-head-top-padding) var(--card-right-padding) var(--card-head-bottom-padding) var(--card-left-padding)}.card__footer{margin-top:0;padding:0 var(--card-right-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)){display:block !important;font-weight:normal !important;font-size:1rem !important}::slotted(small){padding-top:1rem !important;display:block !important;font-weight:normal !important;padding-bottom:0 !important;color:var(--colour-body)}::slotted(span:not(.badge):not([class*=pt-])){padding-top:1.5rem !important}::slotted(:is(a,button)[slot=footer]){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:left;left:0;z-index:9}.card__badges:not(.empty){padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) 0 var(--card-left-padding);margin-bottom:-1.5rem}.card__head:not(:has(img))~.card__badges{text-align:end}:host{--card-head-height: 9rem;--card-right-padding: 1rem;background:rgba(0,0,0,0) !important;position:relative}:host(:is(:hover,:focus,.hover)){--hover-outline-colour-default: var(--colour, var(--colour-primary));outline:2px solid var(--hover-outline-colour, var(--hover-outline-colour-default));outline-offset:-2px}:host([data-record]) .card__head:before{font-family:var(--record-icon-font, "Font Awesome 7 Pro");font-weight:normal;font-size:1.5rem;content:var(--record-icon);display:block;position:absolute;top:auto;left:50%;bottom:0;background-color:var(--record-colour);border-radius:50%;height:4rem;line-height:4rem;width:4rem;text-align:center;transform:translate(-50%, 0)}:host([data-initials]:before){content:data-initials;display:block}:host([data-initials]) .card__head:before{display:none !important}:host([data-initials]):before{font-family:var(--font-body);font-weight:normal;font-size:2rem;content:attr(data-initials);display:block;position:absolute;top:var(--card-head-height);left:50%;bottom:0;background-color:var(--record-colour);border-radius:50%;height:4rem;margin-top:-4rem;line-height:4rem;width:4rem;text-align:center;transform:translate(-50%, 0)}.card__head{background:rgba(0,0,0,0) !important;position:relative;min-height:var(--card-head-height)}.card__head .card__avatar{display:block;position:absolute;top:auto;left:50%;bottom:0;border-radius:50%;height:4rem;line-height:4rem;width:4rem;text-align:center;transform:translate(-50%, 0);margin:0;object-fit:cover}.card__badges{position:absolute;top:0;text-align:left;left:0;z-index:9}.card__body{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow:hidden;padding-bottom:0;margin-bottom:0}.card__details{padding:0 var(--card-right-padding) 1.5rem var(--card-left-padding)}::slotted(span:not(.badge)){display:block !important;font-weight:normal !important;font-size:.875rem !important;line-height:1.5rem !important}::slotted(span:not(.badge):not([class*=pt-])){padding-top:1rem !important}::slotted(*:not(.badge)){display:block !important;font-weight:normal !important;font-size:.875rem !important;line-height:1.5rem !important}:host([data-initials]){--record-content: attr(data-initials);--record-colour: var(--wider-colour-2)}:host([data-record=business]){--record-icon: '\\f54f';--record-colour: var(--wider-colour-2)}:host([data-record=page]){--record-icon: '\\f15c';--record-colour: var(--wider-colour-3)}:host([data-record=contact]){--record-icon: '\\f2b9';--record-colour: var(--wider-colour-4)}:host([data-record=lettings]){--record-icon: '\\E003';--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-5)}:host([data-record=sales]){--record-icon: '\\E004';--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-7)}:host([data-record=landlord]){--record-icon: '\\E001';--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-8)}:host([data-record=contractor]){--record-icon: '\\f82c';--record-colour: var(--wider-colour-9)}:host([data-record=vendor]){--record-icon: '\\E002';--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-13)}:host([data-record=tenant]){--record-icon: '\\e1b0';--record-colour: var(--wider-colour-6)}:host([data-record=sales-applicant]){--record-icon: '\\E006';--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-10)}/*# sourceMappingURL=assets/css/components/record-card.component.css.map */
 
     </style>
     ${g}

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

@@ -1 +1 @@
-{"version":3,"file":"record-card.component.min.js","sources":["../_global.js","../../modules/card.module.js","record-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=\"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>`;\nexport const setupCard = (cardComponent) => {\n    var _a;\n    cardComponent.classList.add('card');\n    const cardHead = cardComponent.shadowRoot.querySelector('.card__head');\n    const cardBody = cardComponent.shadowRoot.querySelector('.card__body');\n    if (cardComponent.hasAttribute('data-image')) {\n        cardHead.innerHTML += `<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        if (!(cardBody === null || cardBody === void 0 ? void 0 : cardBody.querySelector('.card__total')))\n            cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\">${cardComponent.getAttribute('data-total')}</div>`);\n        else {\n            (_a = cardBody === null || cardBody === void 0 ? void 0 : cardBody.querySelector('.card__total')) === null || _a === void 0 ? void 0 : _a.innerHTML = cardComponent.getAttribute('data-total');\n        }\n    }\n    else if (cardComponent.querySelector('[slot=\"total-icon\"]')) {\n        cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\"><slot name=\"total-icon\"></slot></div>`);\n    }\n    if (!cardComponent.querySelector('[slot=\"badges\"]')) {\n        cardComponent.shadowRoot.querySelector('.card__badges').classList.add('empty');\n    }\n    else {\n        cardComponent.shadowRoot.querySelector('.card__badges').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-record-card');\nclass iamRecordCard 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/record-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            const cardHead = this.shadowRoot.querySelector('.card__head');\n            setupCard(this);\n            Array.from(this.querySelectorAll(':scope > *:not([slot])')).forEach((element) => {\n                element.setAttribute('slot', 'details');\n            });\n            if (this.hasAttribute('data-avatar')) {\n                cardHead.innerHTML += `<img src=\"${this.getAttribute('data-avatar')}\" alt=\"\" loading=\"lazy\" class=\"card__avatar\" part=\"avatar\" />`;\n            }\n            trackComponent(this, 'iam-record-card', []);\n        });\n    }\n    static get observedAttributes() {\n        return ['data-image'];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        switch (attrName) {\n            case 'data-image': {\n                if (oldVal != newVal) {\n                    const cardHeadImg = this.shadowRoot.querySelector('.card__head img');\n                    if (cardHeadImg)\n                        cardHeadImg.setAttribute('src', newVal);\n                }\n                break;\n            }\n            case 'data-avatar': {\n                if (oldVal != newVal) {\n                    const cardHeadImg = this.shadowRoot.querySelector('.card__avatar');\n                    if (cardHeadImg)\n                        cardHeadImg.setAttribute('src', newVal);\n                }\n                break;\n            }\n        }\n    }\n}\nexport default iamRecordCard;\n"],"names":["trackComponentRegistered","componentName","trackComponent","component","trackEvents","eventName","event","eventDetails","eventKey","eventDetail","cardHTML","setupCard","cardComponent","_a","cardHead","cardBody","__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","reject","fulfilled","step","e","rejected","result","iamRecordCard","template","element","attrName","oldVal","newVal","cardHeadImg"],"mappings":"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"}
+{"version":3,"file":"record-card.component.min.js","sources":["../_global.js","../../modules/card.module.js","record-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>`;\nexport const setupCard = (cardComponent) => {\n    var _a;\n    cardComponent.classList.add('card');\n    const cardHead = cardComponent.shadowRoot.querySelector('.card__head');\n    const cardBody = cardComponent.shadowRoot.querySelector('.card__body');\n    if (cardComponent.hasAttribute('data-image')) {\n        cardHead.innerHTML += `<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        if (!(cardBody === null || cardBody === void 0 ? void 0 : cardBody.querySelector('.card__total')))\n            cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\">${cardComponent.getAttribute('data-total')}</div>`);\n        else {\n            (_a = cardBody === null || cardBody === void 0 ? void 0 : cardBody.querySelector('.card__total')) === null || _a === void 0 ? void 0 : _a.innerHTML = cardComponent.getAttribute('data-total');\n        }\n    }\n    else if (cardComponent.querySelector('[slot=\"total-icon\"]')) {\n        cardBody.insertAdjacentHTML('beforeend', `<div class=\"card__total\"><slot name=\"total-icon\"></slot></div>`);\n    }\n    if (!cardComponent.querySelector('[slot=\"badges\"]')) {\n        cardComponent.shadowRoot.querySelector('.card__badges').classList.add('empty');\n    }\n    else {\n        cardComponent.shadowRoot.querySelector('.card__badges').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-record-card');\nclass iamRecordCard 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/record-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            const cardHead = this.shadowRoot.querySelector('.card__head');\n            setupCard(this);\n            Array.from(this.querySelectorAll(':scope > *:not([slot])')).forEach((element) => {\n                element.setAttribute('slot', 'details');\n            });\n            if (this.hasAttribute('data-avatar')) {\n                cardHead.innerHTML += `<img src=\"${this.getAttribute('data-avatar')}\" alt=\"\" loading=\"lazy\" class=\"card__avatar\" part=\"avatar\" />`;\n            }\n            trackComponent(this, 'iam-record-card', []);\n        });\n    }\n    static get observedAttributes() {\n        return ['data-image'];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        switch (attrName) {\n            case 'data-image': {\n                if (oldVal != newVal) {\n                    const cardHeadImg = this.shadowRoot.querySelector('.card__head img');\n                    if (cardHeadImg)\n                        cardHeadImg.setAttribute('src', newVal);\n                }\n                break;\n            }\n            case 'data-avatar': {\n                if (oldVal != newVal) {\n                    const cardHeadImg = this.shadowRoot.querySelector('.card__avatar');\n                    if (cardHeadImg)\n                        cardHeadImg.setAttribute('src', newVal);\n                }\n                break;\n            }\n        }\n    }\n}\nexport default iamRecordCard;\n"],"names":["trackComponentRegistered","componentName","trackComponent","component","trackEvents","eventName","event","eventDetails","eventKey","eventDetail","cardHTML","setupCard","cardComponent","_a","cardHead","cardBody","__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","reject","fulfilled","step","e","rejected","result","iamRecordCard","template","element","attrName","oldVal","newVal","cardHeadImg"],"mappings":"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"}

package/assets/js/components/search/search.component.js

@@ -23,29 +23,24 @@ class iamSearch extends HTMLElement {
         const assetLocation = document.body.hasAttribute('data-assets-location')
             ? document.body.getAttribute('data-assets-location')
             : '/assets';
+        const loadCSS = `@import "${assetLocation}/css/components/search.component.css";`;
         const template = document.createElement('template');
         template.innerHTML = `
     <style>
-    input {
-      background: red;
-    }
-    input:not(.is-invalid):not(:invalid) {
-      background: none!important;
-    }
-    .optional-text {
-      display: none;
-    } 
-    .js-hide {
-      display: none !important;
-    }
+    ${loadCSS}
     </style>
     <link rel="stylesheet" href="https://kit.fontawesome.com/8bd0fca975.css" crossorigin="anonymous" />
-    <slot></slot>
+    <span class="wrapper"><span class="input__wrapper"><slot></slot></span><span class="suffix fa-regular fa-search"></span></span>
+    <slot name="datalist"></slot>
     `;
         this.shadowRoot.appendChild(template.content.cloneNode(true));
     }
     connectedCallback() {
         return __awaiter(this, void 0, void 0, function* () {
+            // Make the datalist a dropdown
+            this.classList.add('dropdown__wrapper');
+            if (this.querySelector('label'))
+                this.classList.add('has-label');
             // eslint-disable-next-line @typescript-eslint/no-this-alias
             const searchWrapper = this;
             const inputField = this.querySelector('input');
@@ -111,6 +106,7 @@ class iamSearch extends HTMLElement {
                         signal: signal,
                         method: 'get',
                         credentials: 'same-origin',
+                        mode: 'no-cors',
                         headers: new Headers({
                             'Content-Type': 'application/json',
                             Accept: 'application/json',

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

@@ -1,24 +1,15 @@
 /*!
-  * iamKey v7.7.1--beta14
+  * iamKey v7.7.1--beta16
   * Copyright 2022-2026 iamproperty
-  *//*! js-cookie v3.0.5 | MIT */function w(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var u in a)t[u]=a[u]}return t}var R={read:function(t){return t[0]==='"'&&(t=t.slice(1,-1)),t.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(t){return encodeURIComponent(t).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function E(t,e){function a(i,d,n){if(!(typeof document>"u")){n=w({},e,n),typeof n.expires=="number"&&(n.expires=new Date(Date.now()+n.expires*864e5)),n.expires&&(n.expires=n.expires.toUTCString()),i=encodeURIComponent(i).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var f="";for(var r in n)n[r]&&(f+="; "+r,n[r]!==!0&&(f+="="+n[r].split(";")[0]));return document.cookie=i+"="+t.write(d,i)+f}}function u(i){if(!(typeof document>"u"||arguments.length&&!i)){for(var d=document.cookie?document.cookie.split("; "):[],n={},f=0;f<d.length;f++){var r=d[f].split("="),o=r.slice(1).join("=");try{var c=decodeURIComponent(r[0]);if(n[c]=t.read(o,c),i===c)break}catch{}}return i?n[i]:n}}return Object.create({set:a,get:u,remove:function(i,d){a(i,"",w({},d,{expires:-1}))},withAttributes:function(i){return E(this.converter,w({},this.attributes,i))},withConverter:function(i){return E(w({},this.converter,i),this.attributes)}},{attributes:{value:Object.freeze(e)},converter:{value:Object.freeze(t)}})}var M=E(R,{path:"/"});const S=t=>t.replace(/ /g,"_"),j=function(t){return t=t.toLowerCase(),t=S(t),t=t.replace(/\W/g,""),t},g=(t,e,a)=>e.split(/[\.\[\]\'\"]/).filter(u=>u).reduce((u,i)=>u?u[i]:a,t),k=t=>Array.isArray(t)||t!==null&&["function","object"].includes(typeof t);function U(t,e,a,u=!1){let i=-1;a.closest(".datalist__wrapper")&&a.closest(".datalist__wrapper"),e.setAttribute("data-list",e.getAttribute("list")),e.setAttribute("list",""),e.hasAttribute("placeholder")&&e.setAttribute("data-placeholder",e.getAttribute("placeholder")),e.hasAttribute("placeholder")&&e.setAttribute("data-original-placeholder",e.getAttribute("placeholder")),e.addEventListener("focus",function(){e.value!=""&&(e.setAttribute("placeholder",e.value),e.setAttribute("data-value",e.value)),e.value=""}),e.addEventListener("blur",function(){e.hasAttribute("data-value")&&(e.value=e.getAttribute("data-value")),e.hasAttribute("data-placeholder")&&e.setAttribute("placeholder",e.getAttribute("data-placeholder"))});for(const o of a.options)o.innerHTML==""&&(o.innerHTML=o.value);a.addEventListener("click",function(o){var c;if(o&&o.target instanceof HTMLElement&&o.target.closest("option")){const s=o.target.closest("option"),l=((c=s.textContent)===null||c===void 0?void 0:c.trim())||s.value,p=t.querySelector('input[type="hidden"]');p&&(p.value=s.value,p.setAttribute("value",s.value)),e.value=l,e.setAttribute("data-value",l),e.setAttribute("placeholder",l),typeof window.triggerDynamicEvent=="function"&&window.triggerDynamicEvent(e);for(const h of a.options)h.classList.remove("active");s.classList.add("active"),setTimeout(()=>{t.dispatchEvent(new CustomEvent("update-value",{detail:{value:s.value,text:l}}))},0)}}),e.addEventListener("input",function(){if(e.removeAttribute("data-value"),i=-1,t.tagName!="IAM-ADDRESS-LOOKUP"){const o=e.value.toUpperCase();for(const c of a.options)(c.textContent||c.value).toUpperCase().indexOf(o)>-1?(c.style.display="block",c.classList.remove("hide")):(c.style.display="none",c.classList.add("hide"))}}),t.addEventListener("keydown",function(o){o.keyCode==40?(i++,d(a.options)):o.keyCode==38?(i--,d(a.options)):o.keyCode==13&&(o.preventDefault(),i>-1&&a.options&&a.options[i].click())});function d(o){if(!o)return!1;n(o),i>=o.length&&(i=0),i<0&&(i=o.length-1),o[i].classList.add("active")}function n(o){if(!o)return!1;for(let c=0;c<o.length;c++)o[c].classList.remove("active")}e.closest("label").insertAdjacentHTML("beforeend",'<button class="empty btn btn-action" type="button"><i class="fa-light fa-times me-0"></i></button>');const f=()=>{const o=t.querySelector('input[type="hidden"]');o&&(o.value="",o.setAttribute("value","")),e.removeAttribute("placeholder"),e.hasAttribute("data-original-placeholder")&&e.setAttribute("placeholder",e.getAttribute("data-original-placeholder")),e.removeAttribute("data-value"),e.value="";for(const s of a.options)s.classList.remove("active"),s.classList.remove("hide"),s.removeAttribute("style");const c=new CustomEvent("close-button-pressed");t.dispatchEvent(c),t.dispatchEvent(new CustomEvent("update-value",{detail:{value:"",text:""}}))};(t.querySelector(".empty")?t.querySelector(".empty"):t.shadowRoot.querySelector(".empty")).addEventListener("click",function(o){f()}),t.addEventListener("empty",function(o){f()})}var T=function(t,e,a,u){function i(d){return d instanceof a?d:new a(function(n){n(d)})}return new(a||(a=Promise))(function(d,n){function f(c){try{o(u.next(c))}catch(s){n(s)}}function r(c){try{o(u.throw(c))}catch(s){n(s)}}function o(c){c.done?d(c.value):i(c.value).then(f,r)}o((u=u.apply(t,e||[])).next())})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Search"});class $ extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const e=document.createElement("template");e.innerHTML=`
+  *//*! js-cookie v3.0.5 | MIT */function w(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var d in o)t[d]=o[d]}return t}var C={read:function(t){return t[0]==='"'&&(t=t.slice(1,-1)),t.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(t){return encodeURIComponent(t).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function A(t,e){function o(n,u,i){if(!(typeof document>"u")){i=w({},e,i),typeof i.expires=="number"&&(i.expires=new Date(Date.now()+i.expires*864e5)),i.expires&&(i.expires=i.expires.toUTCString()),n=encodeURIComponent(n).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var l="";for(var r in i)i[r]&&(l+="; "+r,i[r]!==!0&&(l+="="+i[r].split(";")[0]));return document.cookie=n+"="+t.write(u,n)+l}}function d(n){if(!(typeof document>"u"||arguments.length&&!n)){for(var u=document.cookie?document.cookie.split("; "):[],i={},l=0;l<u.length;l++){var r=u[l].split("="),f=r.slice(1).join("=");try{var m=decodeURIComponent(r[0]);if(i[m]=t.read(f,m),n===m)break}catch{}}return n?i[n]:i}}return Object.create({set:o,get:d,remove:function(n,u){o(n,"",w({},u,{expires:-1}))},withAttributes:function(n){return A(this.converter,w({},this.attributes,n))},withConverter:function(n){return A(w({},this.converter,n),this.attributes)}},{attributes:{value:Object.freeze(e)},converter:{value:Object.freeze(t)}})}var q=A(C,{path:"/"});const T=t=>t.replace(/ /g,"_"),R=function(t){return t=t.toLowerCase(),t=T(t),t=t.replace(/\W/g,""),t},x=(t,e,o)=>e.split(/[\.\[\]\'\"]/).filter(d=>d).reduce((d,n)=>d?d[n]:o,t),_=t=>Array.isArray(t)||t!==null&&["function","object"].includes(typeof t);function M(t,e,o,d=!1){var n,u,i;let l=-1;(o.closest(".datalist__wrapper")?o.closest(".datalist__wrapper"):o).setAttribute("slot","datalist"),t.querySelector(".suffix")&&((n=t.querySelector(".suffix"))===null||n===void 0||n.setAttribute("slot","suffix"),(u=t.shadowRoot.querySelector(".suffix"))===null||u===void 0||(u.innerHTML='<slot name="suffix"></slot>'),(i=t.shadowRoot.querySelector(".suffix"))===null||i===void 0||(i.classList="")),e.setAttribute("data-list",e.getAttribute("list")),e.setAttribute("list",""),e.hasAttribute("placeholder")&&e.setAttribute("data-placeholder",e.getAttribute("placeholder")),e.hasAttribute("placeholder")&&e.setAttribute("data-original-placeholder",e.getAttribute("placeholder"));const f=()=>{e.value==""?(t.classList.add("has-empty-input"),e.classList.add("empty")):(t.classList.remove("has-empty-input"),e.classList.remove("empty"))};f(),e.addEventListener("focus",function(){e.value!=""&&(e.setAttribute("placeholder",e.value),e.setAttribute("data-value",e.value)),e.value=""}),e.addEventListener("blur",function(){e.hasAttribute("data-value")&&(e.value=e.getAttribute("data-value")),e.hasAttribute("data-placeholder")&&e.setAttribute("placeholder",e.getAttribute("data-placeholder"))});for(const a of o.options)a.innerHTML==""&&(a.innerHTML=a.value);o.addEventListener("click",function(a){var p;if(a&&a.target instanceof HTMLElement&&a.target.closest("option")){const h=a.target.closest("option"),g=((p=h.textContent)===null||p===void 0?void 0:p.trim())||h.value,b=t.querySelector('input[type="hidden"]');b&&(b.value=h.value,b.setAttribute("value",h.value)),e.value=g,e.setAttribute("data-value",g),e.setAttribute("placeholder",g),typeof window.triggerDynamicEvent=="function"&&window.triggerDynamicEvent(e);for(const v of o.options)v.classList.remove("active");h.classList.add("active"),f(),setTimeout(()=>{t.dispatchEvent(new CustomEvent("update-value",{detail:{value:h.value,text:g}}))},0)}}),e.addEventListener("input",function(){if(e.removeAttribute("data-value"),l=-1,f(),t.tagName!="IAM-ADDRESS-LOOKUP"){const a=e.value.toUpperCase();for(const p of o.options)(p.textContent||p.value).toUpperCase().indexOf(a)>-1?(p.style.display="block",p.classList.remove("hide")):(p.style.display="none",p.classList.add("hide"))}}),t.addEventListener("keydown",function(a){a.keyCode==40?(l++,m(o.options)):a.keyCode==38?(l--,m(o.options)):a.keyCode==13&&(a.preventDefault(),l>-1&&o.options&&o.options[l].click())});function m(a){if(!a)return!1;s(a),l>=a.length&&(l=0),l<0&&(l=a.length-1),a[l].classList.add("active")}function s(a){if(!a)return!1;for(let p=0;p<a.length;p++)a[p].classList.remove("active")}e.closest(".input__wrapper")?e.closest(".input__wrapper").insertAdjacentHTML("beforeend",'<button class="clear-search btn btn-action" type="button"><i class="fa-light fa-times me-0"></i></button>'):t.shadowRoot.querySelector(".input__wrapper")&&(console.log(t.shadowRoot.querySelector(".input__wrapper")),t.shadowRoot.querySelector(".input__wrapper").insertAdjacentHTML("beforeend",'<button class="clear-search btn btn-action" type="button"><i class="fa-light fa-times me-0"></i></button>'));const c=()=>{const a=t.querySelector('input[type="hidden"]');a&&(a.value="",a.setAttribute("value","")),e.removeAttribute("placeholder"),e.hasAttribute("data-original-placeholder")&&e.setAttribute("placeholder",e.getAttribute("data-original-placeholder")),e.removeAttribute("data-value"),e.value="",e.classList.add("empty");for(const h of o.options)h.classList.remove("active"),h.classList.remove("hide"),h.removeAttribute("style");const p=new CustomEvent("close-button-pressed");t.dispatchEvent(p),t.dispatchEvent(new CustomEvent("update-value",{detail:{value:"",text:""}})),f()};(t.querySelector(".clear-search")?t.querySelector(".clear-search"):t.shadowRoot.querySelector(".clear-search")).addEventListener("click",function(a){c()}),t.addEventListener("empty",function(a){c()})}var E=function(t,e,o,d){function n(u){return u instanceof o?u:new o(function(i){i(u)})}return new(o||(o=Promise))(function(u,i){function l(m){try{f(d.next(m))}catch(s){i(s)}}function r(m){try{f(d.throw(m))}catch(s){i(s)}}function f(m){m.done?u(m.value):n(m.value).then(l,r)}f((d=d.apply(t,e||[])).next())})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Search"});class $ extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const e=document.createElement("template");e.innerHTML=`
     <style>
-    input {
-      background: red;
-    }
-    input:not(.is-invalid):not(:invalid) {
-      background: none!important;
-    }
-    .optional-text {
-      display: none;
-    } 
-    .js-hide {
-      display: none !important;
-    }
+    @layer elements{:is(label:not(.tag),.label){font-size:1.125rem;line-height:1.3125rem;margin-bottom:.5rem;font-weight:normal;color:var(--colour-heading);display:block;&>iam-rating{margin-top:.25rem !important}&.label--sm{--input-max-width: 15rem}}}@layer elements{input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none !important}::-moz-focus-inner{padding:0;border-style:none}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;font-weight:normal;line-height:inherit}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-moz-color-swatch{border-radius:0;border:none}::-webkit-color-swatch{border-radius:0;border:none}::file-selector-button{font:inherit;-webkit-appearance:button}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),output){display:block;width:100%;display:block;width:100%;padding:var(--input-padding-block, 0.75rem) var(--input-padding-inline, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-heading);background-color:var(--colour-canvas-2);background-clip:padding-box;border:2px solid var(--colour-primary);appearance:none;border-radius:.5rem;margin-bottom:1.5rem;min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px)}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),output):is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),output):is(:focus,.focus):not(:disabled):not(:invalid){box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),output):disabled{background-color:#ccd6d8;opacity:.4;cursor:not-allowed}input[type=color]{padding:0 !important;max-width:3rem !important}[disabled] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),output,select:not(.select--minimal,.btn)){background-color:#ccd6d8;opacity:.4;cursor:not-allowed;pointer-events:none}[disabled] label{cursor:not-allowed;pointer-events:none}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range])){max-width:var(--input-max-width)}}@layer elements{select,optgroup{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}select{text-transform:none;word-wrap:normal}select:disabled{opacity:1}select:not(.select--minimal,.btn){background:var(--icon-select) right var(--input-padding-block, 0.75rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat,linear-gradient(to left, var(--colour-primary-theme), var(--colour-primary-theme) 100%) right top/calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)) calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.8rem) + var(--input-lh, 1.25rem)) no-repeat,linear-gradient(to right, var(--colour-canvas-2), var(--colour-canvas-2));padding-right:calc(var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem) + var(--input-lh, 1.25rem)) !important}select:not(.select--minimal,.btn) option{font-size:1.2em}select:not(.select--minimal,.btn){box-shadow:inset -2px 0px 0px var(--colour-primary-theme);max-width:var(--select-max-width)}select:not(.select--minimal,.btn)[multiple],select:not(.select--minimal,.btn)[size]:not([size="1"]){background:none;max-height:none !important}select:not(.select--minimal,.btn):disabled{background-color:gray;border-color:#000}select:not(.select--minimal,.btn):-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 inherit}div:has(>select){margin-bottom:1.5rem}div:has(>select) select{margin-bottom:0 !important}.select--minimal{all:unset;font-size:inherit;line-height:inherit;background:none;border:2px solid rgba(0,0,0,0);display:inline-block;padding:.4em calc(1em + .8ch) .4rem var(--select-padding-left, 0.4em) !important;font-weight:normal !important;margin:-0.4em 0 !important;border-radius:.25em;color:var(--colour-body);height:auto;cursor:pointer;font-family:var(--font-body) !important}.select--minimal option{background-color:var(--colour-canvas);padding-left:1em;font-size:inherit;line-height:inherit}.select--minimal:hover{background:var(--colour-light)}.select--minimal:is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0;box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}*:has(>.select--minimal){position:relative;display:inline-block !important;width:auto !important;font-size:inherit !important;line-height:1 !important;padding:0 !important;margin:0 !important;font-family:var(--font-body) !important}*:has(>.select--minimal):after{font-size:.8em;line-height:1em;content:"\uF078";font-family:"Font Awesome 7 Pro";position:absolute;top:40%;transform:translate(0, -50%);right:.8ch;pointer-events:none;color:var(--colour-body)}select:not(.select--minimal,.btn){width:100%;display:block;width:100%;padding:var(--input-padding-block, 0.75rem) var(--input-padding-inline, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-heading);background-color:var(--colour-canvas-2);background-clip:padding-box;border:2px solid var(--colour-primary);border-radius:.5rem;margin-bottom:1.5rem;min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px)}select:not(.select--minimal,.btn):is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0}select:not(.select--minimal,.btn):is(:focus,.focus):not(:disabled):not(:invalid){box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}select:not(.select--minimal,.btn):disabled{background-color:#ccd6d8;opacity:.4;cursor:not-allowed}[disabled] select:not(.select--minimal,.btn){background-color:#ccd6d8;opacity:.4;cursor:not-allowed;pointer-events:none}@media(hover: hover){select{appearance:base-select !important}}select::picker-icon{display:none}select::picker(select){appearance:base-select}select option::checkmark{display:none}select selectedcontent span{display:none}select[multiple]{border-radius:.35rem}select[multiple]::-webkit-scrollbar{width:.7rem}select[multiple]::-webkit-scrollbar *{background-color:rgba(0,0,0,0)}select[multiple]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:.35rem}}@layer elements{textarea{--textarea-height-scale: 3;margin:0;font-family:inherit;resize:vertical;display:block;width:100%;display:block;width:100%;padding:var(--input-padding-block, 0.75rem) var(--input-padding-inline, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-heading);background-color:var(--colour-canvas-2);background-clip:padding-box;border:2px solid var(--colour-primary);appearance:none;border-radius:.5rem;margin-bottom:1.5rem;max-height:100%;&:not([rows]){min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)*var(--textarea-height-scale) + 4px) !important}&[rows="1"]{--textarea-height-scale: 1}&[rows="2"]{--textarea-height-scale: 2}&:is([rows="2"],[rows="2"]){min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)*var(--textarea-height-scale) + 4px) !important}&:is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0}&:is(:focus,.focus):not(:disabled):not(:invalid){box-shadow:0 0 0 .1rem rgba(30, 190, 230, 0.25)}&:disabled{background-color:#ccd6d8;opacity:.4;cursor:not-allowed}}[disabled] textarea{background-color:#ccd6d8;opacity:.4;cursor:not-allowed;pointer-events:none}label:not(.tag):has(textarea){display:block;margin-bottom:1.5rem;max-width:var(--input-max-width);textarea{margin-top:.5rem;margin-bottom:0 !important}}}@layer elements{fieldset{min-width:0;padding:0;margin:0;border:0}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[disabled] label{cursor:not-allowed;pointer-events:none}fieldset{width:100%;position:relative}legend{font-family:var(--font-heading);font-style:normal;font-weight:var(--heading-weight);line-height:2rem;color:var(--colour-heading);margin:0;clear:both;display:block;float:none;font-size:var(--h4-fs);line-height:var(--heading-lh);padding-bottom:.5rem;max-width:var(--content-max-width);min-width:100%}div:has(>label:first-child):has(>input){position:relative;max-width:var(--input-max-width);margin-bottom:1.5rem}div:has(>label:first-child):has(>input) input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),div:has(>label:first-child):has(>input) output,div:has(>label:first-child):has(>input) .prefix,div:has(>label:first-child):has(>input) .suffix{margin-bottom:0 !important}div:has(>label:first-child):has(>input){display:flex;flex-wrap:wrap;align-items:center}div:has(>label:first-child):has(>input)>*:not(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range])):not(output):not(.prefix):not(.suffix){flex-shrink:0;width:100%}div:has(>label:first-child):has(>input) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),output){flex-shrink:1;flex-grow:1;width:0}div:has(>label:first-child):has(>input) input~*:not(output){order:5;margin-top:.5rem}*:has(>:is(.form-control-sm,.input--sm)){--input-fs: 0.875rem;--input-lh: 1rem;--input-padding-block: 0.625rem;--input-padding-inline: 0.875rem}*:has(>:is(.form-control-lg,.input--lg)){--input-fs: 1.5rem;--input-lh: 1.8125rem;--input-padding-block: 1.25rem;--input-padding-inline: 1.375rem}*:has(>label:first-child):has(>input):has(>:is(.form-control-inline,.input--inline)) label{flex-shrink:0;white-space:nowrap;width:fit-content !important;margin:0;margin-inline-end:1rem}*:has(>input[readonly]){position:relative;max-width:var(--input-max-width)}*:has(>input[readonly]):after{font-family:var(--fa-family-classic);font-weight:300;content:"\uF023";position:absolute;font-size:var(--input-lh, 1.25rem);height:var(--input-lh, 1.25rem);width:var(--input-lh, 1.25rem);top:auto !important;bottom:calc(var(--input-padding-block, 0.75rem) + 2px);right:calc(var(--input-padding-block, 1rem) + 2px);text-align:center}@supports selector(:has(*)){.suffix~:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=date]):not([type=time]),output),:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=date]):not([type=time]),output):has(~.suffix){order:1;border-start-end-radius:0 !important;border-end-end-radius:0 !important}:is(input):has(~iam-password-indicator){border-start-end-radius:0 !important;border-end-end-radius:0 !important}label:has(.suffix) input{border-start-end-radius:0 !important;border-end-end-radius:0 !important}}.was-validated *:not(button):is(:invalid,.is-invalid,[aria-invalid]):not(.is-valid)+label,.was-validated label:has(*:not(button):is(:invalid,.is-invalid,[aria-invalid]):not(.is-valid)){--colour-check-border: var(--colour-danger);--colour-check-bg: #fcebec;border-color:var(--colour-danger)}.was-validated *:not(button):is(:invalid,.is-invalid,[aria-invalid],:-internal-autofill-selected){border-color:var(--colour-danger) !important}.was-validated select:not(.btn):is(:invalid,.is-invalid,[aria-invalid],:-internal-autofill-selected){background:var(--icon-select) right var(--input-padding-block, 0.75rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat,linear-gradient(to left, var(--colour-primary-theme), var(--colour-primary-theme) 100%) right top/calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)) calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.8rem) + var(--input-lh, 1.25rem)) no-repeat,var(--icon-error) right var(--input-padding-block, 3.5rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat;padding-right:6rem !important}.was-validated input:is(:invalid,.is-invalid,[aria-invalid],:-internal-autofill-selected){background-image:var(--icon-error);background-repeat:no-repeat;background-position:right var(--input-padding-inline, 1rem) center;background-size:var(--input-lh, 1.25rem) var(--input-lh, 1.25rem);padding-right:calc(var(--input-lh, 1.25rem) + var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem)) !important}.was-validated *:not(button):is(:valid,.is-valid):not(.is-invalid){border-color:var(--colour-complete)}.was-validated input:is(:valid,.is-valid):not(:is(:invalid,.is-invalid)){background-image:var(--icon-tick);background-repeat:no-repeat;background-position:right var(--input-padding-inline, 1rem) center;background-size:var(--input-lh, 1.25rem) var(--input-lh, 1.25rem);padding-right:calc(var(--input-lh, 1.25rem) + var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem)) !important}.invalid-feedback{color:var(--colour-danger);margin-top:.5rem;background-image:var(--icon-error);background-repeat:no-repeat;background-position:left top 1px;background-size:var(--input-fs, 1rem) var(--input-fs, 1rem);padding-left:calc(var(--input-fs, 1rem) + .5rem);display:none}iam-address-lookup:has([required]){--req-display: none}.was-validated :is(:invalid,.is-invalid)~.invalid-feedback{display:block}.was-validated iam-address-lookup:has([required]:invalid){--error-border: var(--colour-danger);--error-bg: var(--icon-error);--error-display: block;--error-hide: none}@supports selector(:has(*)){input:is([type=radio],[type=checkbox]){position:absolute;top:0;left:0;opacity:0;height:0;width:0;margin:0;pointer-events:none}:is(div,fieldset,label:not(.tag)):has(>input:is([type=radio],[type=checkbox])):not(:has(label input)){position:relative;margin-bottom:1.5rem}:is(div,fieldset,label:not(.tag)):has(>input[type=radio]){--border-radius: 50%;--outline-width: 0.5rem}:is(div,fieldset,label:not(.tag)):has(>input[type=checkbox]){--border-radius: 0.25rem;--outline-width: 0.25rem}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)),label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)){--tick-colour: transparent;color:var(--colour-heading);position:relative;font-size:1rem;line-height:1.25rem;padding-left:2.5rem;padding-top:.625rem;padding-bottom:.625rem;margin-bottom:1.5rem;margin-right:1.5rem;cursor:pointer}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):has(+span),label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):has(+span){margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):has(+input),label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):has(+input){margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):last-child,label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):last-child{margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):before,label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):before{content:"";border:2px solid var(--colour-check-border, var(--colour-primary));background:var(--colour-check-bg, transparent);border-radius:var(--border-radius);height:var(--radio-size, 1.5rem);width:var(--radio-size, 1.5rem);display:inline-block;position:absolute;top:.5rem;left:var(--outline-width)}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)).btn:before,label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)).btn:before{opacity:0}input[type=radio]+label:not(:has(>iam-card)):after,label:not(.tag):has(input[type=radio]):not(:has(>iam-card)):after{content:"" !important;background:var(--colour-info);border-radius:var(--border-radius);height:.875rem;width:.875rem;height:var(--radio-inner-size, 0.875rem);width:var(--radio-inner-size, 0.875rem);display:none;position:absolute;top:var(--radio-inner-top, 0.8125rem);left:var(--radio-inner-left, calc(0.3125rem + var(--outline-width)))}input[type=radio]+label:not(:has(>iam-card)).radio--tick:before,label:not(.tag):has(input[type=radio]):not(:has(>iam-card)).radio--tick:before{content:"\uF00C";position:absolute;font-size:1.5em;line-height:1;color:var(--tick-colour);font-family:var(--fa-family-classic);background:none !important;border:none !important;outline:none !important;left:.25rem}input[type=radio]+label:not(:has(>iam-card)).radio--tick:after,label:not(.tag):has(input[type=radio]):not(:has(>iam-card)).radio--tick:after{display:none}@media(forced-colors: active){input:is([type=radio],[type=checkbox]):not(:checked)+label.radio--tick:not(:has(>iam-card)):before,label:has(input:is([type=radio],[type=checkbox]):not(:checked)).radio--tick:not(:has(>iam-card)):before{display:none}}:is(div,fieldset):has(>:is(input[type=radio],input[type=checkbox]):nth-of-type(2)) label:not(.tag):not(:has(>iam-card)){margin-bottom:0rem}fieldset:has(label>input:is([type=radio],[type=checkbox])) label{margin-bottom:0 !important}fieldset:has(label>input:is([type=radio],[type=checkbox])){margin-bottom:1.5rem}input:is([type=radio],[type=checkbox]):checked+label,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked){--tick-colour: var(--colour-info)}input:is([type=radio],[type=checkbox]):checked+label:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked):before{border-color:var(--colour-info)}input:is([type=radio],[type=checkbox]):checked+label:after,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked):after{display:inline-block}input:is([type=radio],[type=checkbox]):checked+label iam-card,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked) iam-card{--colour: var(--colour, var(--colour-info))}input[type=checkbox]:not([disabled]):checked+label:before,label:not(.tag):has(input[type=checkbox]:not([disabled]):checked):before{background:var(--colour-info) !important}input[type=checkbox]:checked+label:not(:has(>iam-card)):after,label:not(.tag):has(input[type=checkbox]:checked):after{content:"\uF00C";position:absolute;font-size:var(--checkbox-tick-size, 1em);line-height:1;color:var(--colour-primary-theme);font-family:var(--fa-family-classic);font-weight:bold;height:var(--checkbox-inner-size, 1.5rem);width:var(--checkbox-inner-size, 1.5rem);line-height:1.625rem;background:none !important;border:none !important;outline:none !important;top:var(--checkbox-inner-top, 0.5rem);left:var(--checkbox-inner-left, var(--outline-width));text-align:center}input[type=checkbox]:indeterminate+label:before,label:not(.tag):has(input[type=checkbox]:indeterminate):before{background:var(--colour-info) !important;border-color:var(--colour-info) !important}input[type=checkbox]:indeterminate+label:after,label:not(.tag):has(input[type=checkbox]:indeterminate):after{content:"\uF068";position:absolute;font-size:var(--checkbox-tick-size, 1em);line-height:1;color:var(--colour-primary-theme);font-family:var(--fa-family-classic);font-weight:bold;height:var(--checkbox-inner-size, 1.5rem);width:var(--checkbox-inner-size, 1.5rem);line-height:1.625rem;background:none !important;border:none !important;outline:none !important;top:var(--checkbox-inner-top, 0.5rem);left:var(--checkbox-inner-left, var(--outline-width));text-align:center}input:is([type=radio],[type=checkbox]):checked:is(:focus,:hover,.focus)+label,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked:is(:focus,:hover,.focus)){--tick-colour: var(--colour-info)}input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)+label,input:is([type=radio],[type=checkbox])+label.hover,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)){--tick-colour: var(--colour-muted)}input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)+label:before,input:is([type=radio],[type=checkbox])+label.hover:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)):before{background:var(--colour-check-bg, light-dark(var(--colour-light), #444444));outline:var(--outline-width) solid light-dark(var(--colour-light), #444444)}input:is([type=radio],[type=checkbox]):is(:active,.active)+label,input:is([type=radio],[type=checkbox])+label.active,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:active,.active)){--tick-colour: var(--colour-light)}input:is([type=radio],[type=checkbox]):is(:active,.active)+label:before,input:is([type=radio],[type=checkbox])+label.active:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:active,.active)):before{background:var(--colour-check-bg, #e0e0e0);outline:var(--outline-width) solid #e0e0e0}input:is([type=radio],[type=checkbox]):disabled+label,label:not(.tag):has(input:is([type=radio],[type=checkbox]):disabled){opacity:.4;cursor:not-allowed}input:is([type=radio],[type=checkbox]):disabled+label>iam-card,label:not(.tag):has(input:is([type=radio],[type=checkbox]):disabled)>iam-card{pointer-events:none}input:is([type=radio],[type=checkbox]):disabled+label:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):disabled):before{background-color:none !important;outline:none !important;border-color:var(--colour-primary) !important}input[type=radio][disabled]:checked+label:after,label:not(.tag):has(input[type=radio][disabled]:checked):after{background-color:var(--colour-primary) !important}input[type=checkbox][disabled]:checked+label:before,label:not(.tag):has(input[type=checkbox][disabled]:checked):before{background:#e0e0e0 !important;border-color:#e0e0e0 !important}}.conditional{display:none}input:checked+.conditional,input:checked+label+.conditional,label:has(:checked)+.conditional,.was-validated .conditional:has(input[required]:invalid),.was-validated .conditional:focus-within{display:block;clear:both}input:not([class*=conditional-input-]):nth-of-type(1):checked~.conditional-1,input:not([class*=conditional-input-]):nth-of-type(2):checked~.conditional-2,input:not([class*=conditional-input-]):nth-of-type(3):checked~.conditional-3,input:not([class*=conditional-input-]):nth-of-type(4):checked~.conditional-4,input:not([class*=conditional-input-]):nth-of-type(5):checked~.conditional-5,input.conditional-input-1:checked~.conditional-1,input.conditional-input-2:checked~.conditional-2,input.conditional-input-3:checked~.conditional-3,input.conditional-input-4:checked~.conditional-4,input.conditional-input-5:checked~.conditional-5,label:has(input.conditional-input-1:checked)~.conditional-1,label:has(input.conditional-input-2:checked)~.conditional-2,label:has(input.conditional-input-3:checked)~.conditional-3,label:has(input.conditional-input-4:checked)~.conditional-4,label:has(input.conditional-input-5:checked)~.conditional-5{display:block;clear:both}iam-fileupload input{display:none}:is(label:not(.tag),.label):has(:is(input,select,textarea)){display:block;margin-bottom:1.5rem;max-width:var(--input-max-width)}:is(label:not(.tag),.label):has(:is(input,select,textarea)) :is(input:not([type=range]),select){margin-top:.5rem;margin-bottom:0 !important}:is(label:not(.tag),.label):has(:is(input,select,textarea)) :is(input,select)~span:not(:is(.suffix,.prefix,.invalid-feedback)),:is(label:not(.tag),.label):has(:is(input,select,textarea)) span:has(>:is(input,select))~span:not(:is(.suffix,.prefix,.invalid-feedback)),:is(label:not(.tag),.label):has(:is(input,select,textarea)) .hint-text{all:initial;font-family:var(--font-body);color:var(--colour-body);margin-top:.5rem;display:block;line-height:1.2}:is(label:not(.tag),.label):has(:is(input,select,textarea)) .invalid-feedback{font-size:1rem;font-weight:normal;line-height:1.2}:is(label:not(.tag),.label):has(:is(input,select,textarea)) span:has(:is(input,select)){display:flex;width:100%}:is(label:not(.tag),.label):has(:is(input,select,textarea)) :is(.suffix,.prefix):not(.mt-0){margin:.5rem 0 0 0 !important}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select)),.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid){margin-bottom:1.5rem}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select)):has(:is(:invalid,.is-invalid)):after,.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid):has(:is(:invalid,.is-invalid)):after{content:"This field is required";color:var(--colour-danger);margin-top:.5rem;background-image:var(--icon-error);background-repeat:no-repeat;background-position:left top 1px;background-size:var(--input-fs, 1rem) var(--input-fs, 1rem);padding-left:calc(var(--input-fs, 1rem) + .5rem);display:block;width:100%;font-size:1rem;line-height:1.2}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select))[data-error]:has(:is(:invalid,.is-invalid)):after,.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid)[data-error]:has(:is(:invalid,.is-invalid)):after{content:attr(data-error) !important}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select)).error-nowrap:after,.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid).error-nowrap:after{white-space:nowrap}input[type=range]{--track-size: 0.5rem;--track-colour: var(--colour-light);--thumb-colour: var(--colour-info);--thumb-size: 1.5rem;width:100%;background:rgba(0,0,0,0);cursor:pointer;margin-top:2rem;margin-bottom:2rem;height:2rem;border-radius:50%;accent-color:var(--thumb-colour);-webkit-appearance:none;appearance:none}*:has(>input[type=range]){position:relative;padding-bottom:6rem;max-width:var(--input-max-width)}label input[type=range]{position:absolute;top:1.5rem;left:0}input[type=range]::-webkit-slider-runnable-track{background:var(--track-colour);height:var(--track-size);border-radius:.5rem}input[type=range]::-moz-range-track{background:var(--track-colour);height:var(--track-size);border-radius:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-0.5rem;background-color:var(--thumb-colour);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:relative;z-index:99;pointer-events:all}input[type=range]::-moz-range-thumb{border:none;background-color:var(--thumb-colour);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:relative;z-index:99;pointer-events:all}input[type=range]:focus{outline:none}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus::-webkit-slider-thumb{outline:.5rem solid rgba(30,190,231,.2)}input[type=range]:active::-webkit-slider-thumb{outline:.5rem solid rgba(30,190,231,.4)}input[type=range]:hover::-moz-range-thumb,input[type=range]:focus::-moz-range-thumb{outline:.5rem solid rgba(30,190,231,.2)}input[type=range]:focus::-moz-range-thumb{outline:.5rem solid rgba(30,190,231,.4)}iam-slider input::-webkit-outer-spin-button,iam-slider input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:is(input[type=date],input[type=datetime-local],input[type=year],input[type=month],input[type=week],input[type=time]){position:relative;margin-right:-3rem;padding-right:3rem !important;background-position:right 4rem center;border-radius:.5rem !important}::-webkit-calendar-picker-indicator{background:rgba(0,0,0,0);bottom:0;color:rgba(0,0,0,0);cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto;order:3;z-index:98}::-webkit-datetime-edit{position:relative;z-index:99;max-width:fit-content}.input__wrapper{margin-top:.5rem;display:block;position:relative}.input__wrapper input{margin:0 !important}.clear-search{display:var(--error-hide, block);position:absolute;top:50%;transform:translate(0, -50%);right:.5rem;margin:0;aspect-ratio:1/1}.clear-search:not(:hover,:focus){border-color:rgba(0,0,0,0) !important;background-color:rgba(0,0,0,0) !important}.input__wrapper:has(input[disabled],input.empty) .clear-search{display:none}.input__wrapper:has(input:is([name$=Alt]):not([data-value],[data-placeholder])) .clear-search{display:none}}@layer elements{.dropdown__wrapper{position:relative;display:block;label{position:relative}input{padding-right:3rem}label:after,.hint-text{position:absolute;top:100%}label[for=use]:after{top:var(--checkbox-inner-top, 0.5rem)}}.was-validated .dropdown__wrapper label:has(:is(input:not([type=radio]):not([type=checkbox]),select)),.dropdown__wrapper.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select)){input{background:none !important}&:has(:invalid,.is-invalid) .hint-text{display:none}}.dark-theme .dropdown__wrapper datalist{color-scheme:dark}.dropdown__wrapper:is(:focus-within,:has(*:active),:active) datalist{display:block;&:empty{display:block !important}}:is(.dropdown,datalist,[popover]),select::picker(select){border-top:none;border:none !important;font-size:1rem;background:var(--dropdown-bg);margin-block:var(--dropdown-margin-block);padding:var(--dropdown-padding);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-box-shadow)}:is(.dropdown,datalist):empty,select::picker(select):empty{display:none !important}:is(.dropdown,datalist){overflow-y:auto;width:100%;max-width:var(--input-max-width, 50rem);z-index:100;max-height:25rem;overflow:auto;&:before{display:none}}datalist{position:absolute;top:100%;left:0;&:empty{display:block !important}&:empty:before{content:"No results found";background-color:white;padding:1rem .5rem;color:var(--colour-primary) !important;font-weight:inherit !important;font-family:inherit !important;font-size:1rem !important;line-height:1.1875rem !important;padding-block:var(--menu-item-padding, 1rem) !important;display:block}}[popover]{top:calc(anchor(top) + anchor-size(height));left:anchor(left)}:is(.dropdown,datalist,select) option,.dropdown__option:not([slot=checked]){background:var(--dropdown-bg);cursor:pointer;background:unset !important;border:unset !important;color:var(--option-color) !important;font-weight:inherit !important;font-family:inherit !important;font-size:1rem !important;line-height:1.5rem !important;margin:0;padding:var(--option-padding) !important;width:100% !important;max-width:100% !important;text-align:left !important;border-radius:var(--option-border-radius) !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;overflow:clip;&:not(:last-child){margin:0 0 .25rem 0 !important}&:is(:hover,:focus){background:var(--option-bg-hover) !important;color:var(--option-color-hover) !important}&:is(:active,.active,:checked){border-left:var(--option-border-left-active) !important;background:var(--option-bg-active) !important}&:after{content:attr(data-after)}}:is(.dropdown,datalist,select,[popover]) 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}:is(.dropdown,datalist,select,[popover]) *:last-child{margin-bottom:0}:is(.dropdown,datalist,select,[popover]) :is(p):last-child{padding-bottom:0}:is(.dropdown,datalist,[popover]) :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){font-size:1rem !important;line-height:1.1875rem !important;padding-bottom:.5rem;font-weight:700}:is(iam-tag,iam-multiselect):has(label:not([slot=checked])){--display-panel: block}:is(iam-tag,iam-multiselect):has(label[slot=checked]){--display-button: block}:is(iam-tag,iam-multiselect)[data-single] .tag[slot=checked],:is(iam-tag,iam-multiselect)[data-single] .tag[slot=checked] *{pointer-events:none !important}@container style(--theme: dark){:host :is(.tag,.badge):not([slot=checked]){color:var(--colour-heading)}}.dropdown__option[slot=checked]{order:var(--order, 1)}}@layer elements{:is(.prefix,.suffix){display:none}:is(.prefix,.suffix){--fa-display: flex;display:flex;flex-direction:column;justify-content:center;align-items:center;width:auto;padding:0 .75rem;font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-body);background-color:var(--colour-primary-theme);border:2px solid var(--colour-primary);color:var(--colour-white);margin:0 !important;border-end-start-radius:.5rem;border-start-start-radius:.5rem;min-width:calc(2.75rem + 4px);overflow:hidden;white-space:nowrap;text-align:center;text-overflow:ellipsis;position:relative;height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px)}@supports(height: stretch){:is(.prefix,.suffix){height:stretch}}:is(.prefix,.suffix){flex-shrink:0}:is(.prefix,.suffix):after{display:inline-block;max-width:1.25rem}:is(.prefix,.suffix)[class*=fa-]{width:calc(2.75rem + 4px);padding-inline:0}:is(.prefix,.suffix) select{position:absolute;inset:0;opacity:0;cursor:pointer}:is(.prefix,.suffix) span{display:none}:is(.prefix,.suffix) select:has(option:nth-child(1):checked)~span:nth-of-type(1),:is(.prefix,.suffix) select:has(option:nth-child(2):checked)~span:nth-of-type(2),:is(.prefix,.suffix) select:has(option:nth-child(3):checked)~span:nth-of-type(3),:is(.prefix,.suffix) select:has(option:nth-child(4):checked)~span:nth-of-type(4),:is(.prefix,.suffix) select:has(option:nth-child(5):checked)~span:nth-of-type(5),:is(.prefix,.suffix) select:has(option:nth-child(6):checked)~span:nth-of-type(6),:is(.prefix,.suffix) select:has(option:nth-child(7):checked)~span:nth-of-type(7),:is(.prefix,.suffix) select:has(option:nth-child(8):checked)~span:nth-of-type(8),:is(.prefix,.suffix) select:has(option:nth-child(9):checked)~span:nth-of-type(9),:is(.prefix,.suffix) select:has(option:nth-child(10):checked)~span:nth-of-type(10){display:block}:is(.prefix,.suffix) select~span:after{content:" \uF078";font-family:var(--fa-family-classic);font-size:.8em;display:inline-block;padding-left:1em}:is(.prefix,.suffix) select:focus-visible~span:after{content:"\uF077"}@container style(--font-body){:is(.prefix,.suffix)::before{content:var(--iso) !important}}@container style(--fa-font-regular){:is(.prefix,.suffix)::before{content:var(--fa) !important}}.prefix{border-right:none}.suffix{border-left:none;border-end-start-radius:0;border-start-start-radius:0;border-start-end-radius:.5rem !important;border-end-end-radius:.5rem !important;order:2}.prefix span{display:none}.prefix span small{font-size:.8em}.prefix~:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output){border-end-start-radius:0 !important;border-start-start-radius:0 !important}}:host{display:block;margin-top:.5rem}.wrapper{display:flex;width:100%}.wrapper .input__wrapper{flex-grow:1;position:relative;margin-top:0 !important}.wrapper .suffix{flex-grow:0}:host(.has-label) .wrapper{display:contents !important}:host(.has-label) .suffix{display:none}:host(.has-empty-input) .clear-search{display:none !important}::slotted(input){border-start-end-radius:0 !important;border-end-end-radius:0 !important;margin-top:0 !important}::slotted(label){border-start-end-radius:0 !important;border-end-end-radius:0 !important;margin-top:0 !important}::slotted(button){margin-top:0 !important}/*# sourceMappingURL=assets/css/components/search.component.css.map */
+
     </style>
     <link rel="stylesheet" href="https://kit.fontawesome.com/8bd0fca975.css" crossorigin="anonymous" />
-    <slot></slot>
-    `,this.shadowRoot.appendChild(e.content.cloneNode(!0))}connectedCallback(){return T(this,void 0,void 0,function*(){const e=this,a=this.querySelector("input"),u=this.hasAttribute("data-value-schema")?this.getAttribute("data-value-schema"):"value",i=this.hasAttribute("data-display-schema")?this.getAttribute("data-display-schema"):"label",d=this.hasAttribute("data-schema")?this.getAttribute("data-schema"):"";let n=this.querySelector("datalist"),f=0;e.hasAttribute("data-url")&&(f=3);const r=a.cloneNode();if(r.setAttribute("name",`${a.getAttribute("name")}Alt`),a.removeAttribute("data-change-events"),r.removeAttribute("id"),a.after(r),a.setAttribute("type","hidden"),!n){n=document.createElement("datalist");const s=j("list");n.setAttribute("id",s),e.appendChild(n),r.setAttribute("list",s)}U(this,r,n,!1);function o(){const s=n.querySelector(`option[value="${r.value}" i]`),l=n.querySelector(`option[value*="${r.value}" i]`);s?(a.value=s.getAttribute("data-actual-value"),console.log(a),r.value=s.getAttribute("data-actual-value"),r.classList.remove("is-invalid"),r.closest("label").removeAttribute("data-error")):r.value.length>=f&&!l?(r.classList.add("is-invalid"),r.closest("label").setAttribute("data-error","No results returned"),n.innerHTML=""):(r.classList.remove("is-invalid"),r.closest("label").removeAttribute("data-error"))}const c=s=>T(this,void 0,void 0,function*(){let l=this.getAttribute("data-url");l+=`${encodeURI(s)}`,window.controller||(window.controller=[]),window.controller[l]&&window.controller[l].abort(),window.controller[l]=new AbortController;const{signal:p}=controller[l];try{yield fetch(l,{signal:p,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":M.get("XSRF-TOKEN")})}).then(h=>h.json()).then(h=>{let L="";const b=g(h,d,"");if(k(b)&&typeof b.forEach=="function")b.forEach(v=>{const m=g(v,u,""),A=g(v,i,"").replace(`
-`,", ");n.querySelector(`option[data-actual-value="${m}"]`)||(L+=`<option value="${A}" data-actual-value="${m}">${A}</option>`)});else if(typeof b=="object")for(const[v,m]of Object.entries(b))k(m)&&typeof m.forEach=="function"&&m.forEach(A=>{const y=g(A,u,""),C=g(A,i,"").replace(`
-`,", ");n.querySelector(`option[data-actual-value="${y}"]`)||(L+=`<option value="${v}: ${C}" data-actual-value='${y}'>${v}: ${C}</option>`)});n.innerHTML+=L;const x=s.toUpperCase();for(const v of n.options)v.value.toUpperCase().indexOf(x)>-1?(v.style.display="block",v.classList.remove("hide")):(v.style.display="none",v.classList.add("hide"));return e.classList.add("was-validated"),o(),h})}catch(h){console.log(h)}});n.addEventListener("click",function(s){if(s&&s.target instanceof HTMLElement&&s.target.closest("option")){const l=s.target.closest("option"),p=l?.hasAttribute("data-actual-value")?l?.getAttribute("data-actual-value"):l?.getAttribute("data-value");a.value=p;const h=new CustomEvent("value-change",{detail:{value:p}});e.dispatchEvent(h)}}),this.addEventListener("close-button-pressed",function(s){n.innerHTML="",a==null||(a.value=""),e.classList.remove("was-validated"),r.classList.remove("is-invalid"),r.closest("label").removeAttribute("data-error")}),e.hasAttribute("data-url")?r.addEventListener("input",()=>{r.value.length<f&&(n.innerHTML=""),r.value.length==f&&c(r.value)}):r.addEventListener("input",()=>{o()}),e.hasAttribute("data-prevent-submit")&&e.closest("form").addEventListener("submit",l=>{l.preventDefault()})})}}export{$ as default};
+    <span class="wrapper"><span class="input__wrapper"><slot></slot></span><span class="suffix fa-regular fa-search"></span></span>
+    <slot name="datalist"></slot>
+    `,this.shadowRoot.appendChild(e.content.cloneNode(!0))}connectedCallback(){return E(this,void 0,void 0,function*(){this.classList.add("dropdown__wrapper"),this.querySelector("label")&&this.classList.add("has-label");const e=this,o=this.querySelector("input"),d=this.hasAttribute("data-value-schema")?this.getAttribute("data-value-schema"):"value",n=this.hasAttribute("data-display-schema")?this.getAttribute("data-display-schema"):"label",u=this.hasAttribute("data-schema")?this.getAttribute("data-schema"):"";let i=this.querySelector("datalist"),l=0;e.hasAttribute("data-url")&&(l=3);const r=o.cloneNode();if(r.setAttribute("name",`${o.getAttribute("name")}Alt`),o.removeAttribute("data-change-events"),r.removeAttribute("id"),o.after(r),o.setAttribute("type","hidden"),!i){i=document.createElement("datalist");const s=R("list");i.setAttribute("id",s),e.appendChild(i),r.setAttribute("list",s)}M(this,r,i,!1);function f(){const s=i.querySelector(`option[value="${r.value}" i]`),c=i.querySelector(`option[value*="${r.value}" i]`);s?(o.value=s.getAttribute("data-actual-value"),console.log(o),r.value=s.getAttribute("data-actual-value"),r.classList.remove("is-invalid"),r.closest("label").removeAttribute("data-error")):r.value.length>=l&&!c?(r.classList.add("is-invalid"),r.closest("label").setAttribute("data-error","No results returned"),i.innerHTML=""):(r.classList.remove("is-invalid"),r.closest("label").removeAttribute("data-error"))}const m=s=>E(this,void 0,void 0,function*(){let c=this.getAttribute("data-url");c+=`${encodeURI(s)}`,window.controller||(window.controller=[]),window.controller[c]&&window.controller[c].abort(),window.controller[c]=new AbortController;const{signal:y}=controller[c];try{yield fetch(c,{signal:y,method:"get",credentials:"same-origin",mode:"no-cors",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":q.get("XSRF-TOKEN")})}).then(a=>a.json()).then(a=>{let p="";const h=x(a,u,"");if(_(h)&&typeof h.forEach=="function")h.forEach(b=>{const v=x(b,d,""),k=x(b,n,"").replace(`
+`,", ");i.querySelector(`option[data-actual-value="${v}"]`)||(p+=`<option value="${k}" data-actual-value="${v}">${k}</option>`)});else if(typeof h=="object")for(const[b,v]of Object.entries(h))_(v)&&typeof v.forEach=="function"&&v.forEach(k=>{const z=x(k,d,""),L=x(k,n,"").replace(`
+`,", ");i.querySelector(`option[data-actual-value="${z}"]`)||(p+=`<option value="${b}: ${L}" data-actual-value='${z}'>${b}: ${L}</option>`)});i.innerHTML+=p;const g=s.toUpperCase();for(const b of i.options)b.value.toUpperCase().indexOf(g)>-1?(b.style.display="block",b.classList.remove("hide")):(b.style.display="none",b.classList.add("hide"));return e.classList.add("was-validated"),f(),a})}catch(a){console.log(a)}});i.addEventListener("click",function(s){if(s&&s.target instanceof HTMLElement&&s.target.closest("option")){const c=s.target.closest("option"),y=c?.hasAttribute("data-actual-value")?c?.getAttribute("data-actual-value"):c?.getAttribute("data-value");o.value=y;const a=new CustomEvent("value-change",{detail:{value:y}});e.dispatchEvent(a)}}),this.addEventListener("close-button-pressed",function(s){i.innerHTML="",o==null||(o.value=""),e.classList.remove("was-validated"),r.classList.remove("is-invalid"),r.closest("label").removeAttribute("data-error")}),e.hasAttribute("data-url")?r.addEventListener("input",()=>{r.value.length<l&&(i.innerHTML=""),r.value.length==l&&m(r.value)}):r.addEventListener("input",()=>{f()}),e.hasAttribute("data-prevent-submit")&&e.closest("form").addEventListener("submit",c=>{c.preventDefault()})})}}export{$ as default};
 //# sourceMappingURL=search.component.min.js.map