@iamproperty/components 7.2.2--beta3 → 7.3.0

package/assets/js/scripts.bundle.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.2.2--beta3
+  * iamKey v7.3.0
   * Copyright 2022-2025 iamproperty
   */(function(h){typeof define=="function"&&define.amd?define(h):h()})(function(){"use strict";var h=r=>{r.classList.add("js-enabled"),(navigator.userAgent.indexOf("MSIE")!==-1||navigator.appVersion.indexOf("Trident/")>0)&&r.classList.add("ie")},C=r=>{var e=function(t){var o=document.querySelector('label[for="'.concat(t.replace("#",""),'"]')),i=document.querySelector(t+" summary"),c=document.querySelector("dialog".concat(t)),n=document.querySelector("detail".concat(t));o instanceof HTMLElement?o.click():i instanceof HTMLElement?i.click():c instanceof HTMLElement?c.showModal():n instanceof HTMLElement&&n.addAttribute("open")};location.hash&&e(location.hash),window.addEventListener("hashchange",function(){e(location.hash)},!1),addEventListener("popstate",a=>{if(a&&a.state&&a.state.type&&a.state.type=="pagination"){var t=document.querySelector("#".concat(a.state.form)),o=document.querySelector("#".concat(a.state.form," [data-pagination]"));o?o.value=a.state.page:t.innerHTML+='<input name="page" type="hidden" data-pagination="true" value="'.concat(a.state.page,'" />'),t.dispatchEvent(new Event("submit"))}}),document.addEventListener("submit",a=>{if(a&&a.target instanceof HTMLElement&&a.target.matches("form")){var t=a.target;Array.from(t.querySelectorAll("[data-password-type]")).forEach(o=>{o.setAttribute("type","password")}),(t.querySelector(":invalid")||t.querySelector('.pwd-checker[data-strength="1"]')||t.querySelector('.pwd-checker[data-strength="2"]'))&&(t.classList.add("was-validated"),a.preventDefault()),t.querySelector("iam-multiselect[data-is-required][data-error]")&&(t.classList.add("was-validated"),a.preventDefault())}}),document.addEventListener("keydown",a=>{a.key==="Escape"&&document.querySelector(".dialog--transactional[open], .dialog--acknowledgement[open]")&&(a.preventDefault(),a.stopPropagation())}),Array.from(document.querySelectorAll("label progress")).forEach(a=>{var t=a.closest("label");t.setAttribute("data-percent",a.getAttribute("value"))})},H=r=>(Array.from(r.querySelectorAll("dialog[open]")).forEach(e=>{var a=e.closest(".dialog__wrapper");a||(e.removeAttribute("open"),e.showModal(),e.focus(),E(e))}),r.addEventListener("click",e=>{if(e.target.tagName=="IAM-ACTIONBAR")return!1;if(e&&e.target instanceof HTMLElement&&e.target.closest("[data-modal]")){var a=e.target.closest("[data-modal]"),t=a.hasAttribute("data-modal")?a.getAttribute("data-modal"):a.getAttribute("data-filter"),o=document.querySelector("dialog#".concat(t));if(E(o),o.showModal(),o.focus(),!o.querySelector("iam-multi-step")){var i=o.offsetWidth;o.setAttribute("style","max-width: ".concat(i,"px;"))}Array.from(o.querySelectorAll("[data-duplicate]")).forEach(g=>{var X=g.getAttribute("data-duplicate"),M=document.getElementById(X);if(g.checked!=M.checked){g.checked=M.checked;var z=new Event("change");g.dispatchEvent(z)}}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:t})}if(e&&e.target instanceof HTMLElement&&e.target.closest("button.dialog__close")){var c=e.target.closest("dialog[open]");e.preventDefault(),c.close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach(g=>{g.classList.remove("active")});var n=new CustomEvent("dialog-closed",{bubbles:!0,cancelable:!0,detail:{modalId:c.id}});e.target.dispatchEvent(n),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:c.getAttribute("id")})}if(e&&e.target instanceof HTMLElement&&e.target.closest('button[formmethod="dialog"]')){var l=e.target.closest("dialog[open]");Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach(g=>{g.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:l.getAttribute("id")})}if(e&&e.target instanceof HTMLElement&&e.target.closest("dialog[open]")){var s=e.target.closest("dialog[open]"),d=window.getComputedStyle(s);if(d.display==="contents"&&(s=s.parentNode.closest("dialog[open]")),!s.classList.contains("dialog--transactional")&&!s.classList.contains("dialog--acknowledgement")){var u=s.getBoundingClientRect();(e.clientX<u.left||e.clientX>u.right||e.clientY<u.top||e.clientY>u.bottom)&&(e.target.closest("dialog *")||s.close(),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:s.getAttribute("id")}))}}if(e&&e.target instanceof HTMLElement&&e.target.closest(".dialog__wrapper > button")){e.stopPropagation();var f=e.target.closest(".dialog__wrapper > button"),F=f.parentNode,S="openPopover",y=F.querySelector(":scope > dialog");if(document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]")!=y&&f.closest("dialog[open]")!=document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach(g=>{g.removeAttribute("aria-expanded")}),y.hasAttribute("open"))y.close(),S="closePopover",y.removeAttribute("style"),f.removeAttribute("aria-expanded");else{y.show(),f.setAttribute("aria-expanded",!0);var q=f.getBoundingClientRect(),k=q.top,T=q.left;if(f.closest("iam-table")){var x=f.closest("iam-table").parentNode.getBoundingClientRect();k-=x.top,T-=x.left}y.classList.contains("dialog--fix")&&y.setAttribute("style","position:fixed;top: ".concat(k,"px; left: ").concat(T,"px; margin: 3rem 0 0 0;"))}var A=y.getBoundingClientRect(),W=A.bottom-window.scrollY,G=window.innerHeight-window.scrollY;if(W>G){var J=y.hasAttribute("style")?y.getAttribute("style")+" ":"";y.setAttribute("style",J+"transform: translate(0, calc(-100% - 4rem))"),A=y.getBoundingClientRect();var U=A.top-window.scrollY;U<100&&y.removeAttribute("style")}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:S,id:f.textContent})}e&&e.target instanceof HTMLElement&&!e.target.closest("dialog[open]")&&!e.target.closest(".dialog__wrapper > button")&&(document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]")&&document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach(g=>{g.removeAttribute("aria-expanded")}))}),null),E=r=>{if(!r.querySelector(":scope .mh-lg")&&!r.querySelector("iam-multi-step")){r.innerHTML='<div class="mh-lg">'.concat(r.innerHTML,"</div>");var e=r.querySelector(".mh-lg"),a=r.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");if(a){var t=a.previousSibling;e.before(a),t&&a.before(t)}}r.querySelector(":scope > button:first-child")||r.insertAdjacentHTML("afterbegin",'<button class="dialog__close">Close</button>')};function I(){window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Pageview",pageTitle:document.title}),document.addEventListener("click",r=>{var e=r.target.closest("[open] summary");if(e)window.dataLayer.push({event:"closeDetails",detailsTitle:e.textContent||""});else{var a=r.target.closest("summary"),t=r.target.closest("a"),o=r.target.closest("button");a&&window.dataLayer.push({event:"openDetails",detailsTitle:a.textContent||""}),t&&window.dataLayer.push({event:"linkClicked",linkText:t.hasAttribute("title")?t.getAttribute("title")||"":t.textContent||"",class:t.hasAttribute("class")&&t.getAttribute("class")||"",href:t.getAttribute("href")||""}),o&&window.dataLayer.push({event:"buttonClicked",buttonText:o.textContent||"",class:o.hasAttribute("class")&&o.getAttribute("class")||""})}})}function D(r){var e=new TextEncoder("utf-8").encode(r);return crypto.subtle.digest("SHA-1",e).then(function(a){for(var t=[],o=new DataView(a),i=0;i<o.byteLength;i+=4){var c=o.getUint32(i),n=c.toString(16),l="00000000",s=(l+n).slice(-l.length);t.push(s)}return t.join("")})}var B=(r,e)=>{D(r).then(function(a){var t=new XMLHttpRequest;t.addEventListener("load",function(){var o=this.responseText.split(`
 `),i=a.slice(5).toUpperCase(),c=!1;for(var n in o)if(o[n].substring(0,35)==i){c=!0;break}var l=new CustomEvent("hibpCheck",{detail:c});e.dispatchEvent(l)}),t.open("GET","https://api.pwnedpasswords.com/range/"+a.substr(0,5)),t.send()})},V=r=>{function e(){if(Array.from(document.querySelectorAll("input[maxlength],textarea[maxlength]")).forEach(t=>{t.parentElement,N(t)}),Array.from(document.querySelectorAll("label input")).forEach(t=>{!t.closest("label").querySelector(".optional-text")&&!t.hasAttribute("required")&&(t.parentNode.tagName.toLowerCase()=="span"?t.parentElement.insertAdjacentHTML("beforebegin",'<span class="optional-text"></span>'):t.insertAdjacentHTML("beforebegin",'<span class="optional-text"></span>'))}),document.querySelector('input[type="date"]')){let t=function(o){var i=o.getFullYear(),c=String(o.getMonth()+1).padStart(2,"0"),n=String(o.getDate()).padStart(2,"0");return"".concat(i,"-").concat(c,"-").concat(n)};var a=new Date;Array.from(document.querySelectorAll('input[type="date"]')).forEach(o=>{var i=a;if(o.hasAttribute("data-start")&&(i.setDate(i.getDate()+parseInt(o.getAttribute("data-start"))),o.setAttribute("min",t(i))),o.hasAttribute("data-period")){var c=parseInt(o.getAttribute("data-period")),n=new Date;n.setDate(i.getDate()+c),o.setAttribute("max",t(n))}if(o.hasAttribute("data-allowed-days")){var l=JSON.parse("[".concat(o.getAttribute("data-allowed-days"),"]"));o.addEventListener("input",function(){var s=new Date(this.value).getUTCDay();l.includes(s)?o.setCustomValidity(""):o.setCustomValidity("That day of the week is not allowed")})}})}}document.readyState==="complete"&&e(),document.onreadystatechange=()=>{document.readyState==="complete"&&e()},r.addEventListener("input",a=>{if(a&&a.target instanceof HTMLElement&&a.target.closest("input,textarea,select")){var t=a.target.closest("input,textarea,select");t.hasAttribute("type")&&t.getAttribute("type")=="color"&&(t.nextElementSibling.value=t.value),t.hasAttribute("maxlength")&&t.nextElementSibling&&t.nextElementSibling.setAttribute("data-count",t.value.length),t.hasAttribute("data-strength-checker")&&b(t)}}),r.addEventListener("change",a=>{if(a&&a.target instanceof HTMLElement&&a.target.closest("select")){var t=a.target.closest("select");if(t.hasAttribute("data-change-type")&&t.hasAttribute("data-input")){var o=document.getElementById(t.getAttribute("data-input")),i=t.value;L(o,i)}}if(a&&a.target instanceof HTMLElement&&a.target.closest('dialog [type="radio"]')){var c=a.target.closest("dialog");Array.from(c.querySelectorAll('[type="radio"][autofocus]')).forEach(n=>{n.removeAttribute("autofocus")}),Array.from(c.querySelectorAll('[type="radio"]:checked')).forEach(n=>{n.setAttribute("autofocus",!0)})}}),r.addEventListener("click",a=>{if(a&&a.target instanceof HTMLElement&&a.target.closest("[data-change-type][data-input]:not(select)")){var t=a.target.closest("[data-change-type]"),o=document.getElementById(t.getAttribute("data-input")),i=t.getAttribute("data-change-type");if(t.setAttribute("data-change-type",o.getAttribute("type")),L(o,i),t.hasAttribute("data-alt-class")){var c=t.getAttribute("data-alt-class");t.setAttribute("data-alt-class",t.getAttribute("class")),t.setAttribute("class",c)}}})},N=r=>{var e=r.parentElement,a=r.getAttribute("maxlength");e.style.setProperty("--maxlength",a);var t=r.nextElementSibling;(!t||t&&t.classList.contains("invalid-feedback"))&&(t=document.createElement("span"),e.insertBefore(t,r.nextSibling)),t.setAttribute("data-count",r.value.length)},L=(r,e)=>{r.hasAttribute("type")&&r.getAttribute("type")=="password"&&r.setAttribute("data-password-type",!0),r.setAttribute("type",e)},b=function(e){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"no",t=document.getElementById(e.getAttribute("data-strength-checker")),o=e.value,i=e.hasAttribute("minlength")?e.getAttribute("minlength"):12,c=1,n=["Very weak","Weak","Average","Strong","Very strong"],l="";if(o.match(/(?=.*[0-9])/)&&(c+=1),o.match(/(?=.*[!,%,&,#,$,^,*,?,_,~,<,>,])/)&&(c+=1),o.match(/(?=.*[a-z])/)&&(c+=1),o.match(/(?=.*[A-Z])/)&&(c+=1),o.length<i&&(c=1,l="(must be at least ".concat(i," characters.)")),c>=3&&a=="no"){let s=function(d,u){d.detail?b(u,"danger"):b(u,"success"),u.removeEventListener("hibpCheck",s)};B(o,e),e.addEventListener("hibpCheck",function(d){s(d,e)})}else c>=3&&a=="danger"&&(c=3,l="(this password is very common)");t&&(c<=3?t.classList.add("invalid-feedback"):t.classList.remove("invalid-feedback"),t.setAttribute("data-strength",c),t.innerHTML="Password strength: ".concat(n[c-1]," ").concat(l))},Y=()=>{document.addEventListener("change",r=>{r&&r.target instanceof HTMLElement&&r.target.closest("[data-change-events]")&&v(r.target,r.target.closest("[data-change-events]").getAttribute("data-change-events"))}),document.addEventListener("keyup",r=>{r&&r.target instanceof HTMLElement&&r.target.closest("[data-change-events]")&&v(r.target,r.target.closest("[data-change-events]").getAttribute("data-change-events"))}),document.addEventListener("click",r=>{r&&r.target instanceof HTMLElement&&r.target.closest("[data-click-events]")&&v(r.target,r.target.closest("[data-click-events]").getAttribute("data-click-events"))})},v=(r,e)=>{if(e||(e=r.parentNode.getAttribute("data-change-events")),!e)return!1;Array.from(JSON.parse(e)).forEach(a=>{P(r,a)})},P=(r,e)=>{if("matches"in e)return e.matches=="any"||r.value==e.matches?m(r,e,"if"):m(r,e,"else"),!1;if("in-list"in e){var a=document.querySelector("".concat(e["in-list"],' option[value="').concat(r.value,'"]'));return document.querySelector("".concat(e["in-list"],' option[value="').concat(r.value,'"]'))?m(a,e,"if"):m(a,e,"else"),!1}else"event"in e&&m(r,e,"event")},m=(r,e,a)=>{if(!(a in e))return!1;switch(e[a]){case"hide":if(document.querySelector(e.target)){var t=document.querySelector(e.target);t.classList.add("js-hide"),Array.from(t.querySelectorAll("[data-required]")).forEach(n=>{n.removeAttribute("required")})}break;case"show":if(document.querySelector(e.target)){var o=document.querySelector(e.target);o.classList.remove("js-hide"),Array.from(o.querySelectorAll("[data-required]")).forEach(n=>{n.closest(".js-hide")||n.setAttribute("required","true")})}break;case"populate-form":j(r,e);break;case"dispatchEvent":var i=new Event(e.value);document.querySelector("".concat(e.target)).dispatchEvent(i);break;case"setAttribute":Array.from(document.querySelectorAll("".concat(e.target))).forEach(function(n){n.setAttribute(e.attribute,e.value)});break;case"focus":document.querySelector("".concat(e.target)).focus();break;case"removeAttribute":Array.from(document.querySelectorAll("".concat(e.target))).forEach(function(n){n.removeAttribute(e.attribute)});break;case"updateValue":document.querySelector("".concat(e.target)).value=e.value?e.value:"";var c=new Event("change");document.querySelector("".concat(e.target)).dispatchEvent(c);break;case"submitForm":document.querySelector("".concat(e.target)).submit();break;case"openLink":document.querySelector("".concat(e.target)).value&&(window.location.href=document.querySelector("".concat(e.target)).value);break}},j=function(e,a){var t=JSON.parse(e.getAttribute("data-values")),o=document.querySelector(a.target);if(!t)return!1;Object.keys(t).forEach(i=>{document.getElementById(i)&&document.getElementById(i).tagName=="SPAN"&&(document.getElementById(i).innerHTML=t[i]),o.querySelector('select[name="'.concat(i,'"] [value="').concat(t[i],'"]'))?(o.querySelector('select[name="'.concat(i,'"]')).value=t[i],e.hasAttribute("data-lock-fields")&&(o.querySelector('select[name="'.concat(i,'"]')).disabled=!0)):o.querySelector('input[name="'.concat(i,'"][type="radio"][value="').concat(t[i],'"]'))?(Array.from(o.querySelectorAll('input[name="'.concat(i,'"][type="radio"]'))).forEach(function(c){c.disabled=!0}),o.querySelector('input[name="'.concat(i,'"][type="radio"][value="').concat(t[i],'"]')).checked=!0,o.querySelector('input[name="'.concat(i,'"][type="radio"][value="').concat(t[i],'"]')).disabled=!1):o.querySelector('input[name="'.concat(i,'"]'))&&(o.querySelector('input[name="'.concat(i,'"]')).value=t[i],e.hasAttribute("data-lock-fields")&&o.querySelector('input[name="'.concat(i,'"]')).setAttribute("readonly","true"))})},p=function(r,e,a,t){function o(i){return i instanceof a?i:new a(function(c){c(i)})}return new(a||(a=Promise))(function(i,c){function n(d){try{s(t.next(d))}catch(u){c(u)}}function l(d){try{s(t.throw(d))}catch(u){c(u)}}function s(d){d.done?i(d.value):o(d.value).then(n,l)}s((t=t.apply(r,e||[])).next())})},_=r=>p(void 0,void 0,void 0,function*(){document.querySelector(".youtube-link[data-youtube]")&&!document.body.classList.contains("youtubeLoaded")&&(yield w()),setTimeout(()=>p(void 0,void 0,void 0,function*(){document.querySelector(".youtube-link[data-youtube]")&&!document.body.classList.contains("youtubeLoaded")&&(yield w())}),"2000"),r.addEventListener("click",e=>p(void 0,void 0,void 0,function*(){var a=e.target.closest(".youtube-link[data-youtube]");if(a||(a=e.target.closest(".vimeo-link[data-vimeo]")),a&&a.hasAttribute("data-youtube")){e.preventDefault(),document.body.classList.contains("youtubeLoaded")||(yield w());var t="youtube-"+a.getAttribute("data-youtube");document.getElementById("".concat(t,"-dialog"))||document.body.insertAdjacentHTML("beforeend",'<dialog id="'.concat(t,'-dialog"><div class="embed" id="').concat(t,'"></div></dialog>'));var o=document.getElementById("".concat(t,"-dialog")),i=document.getElementById(t),c=new CustomEvent("play-video",{detail:{"Video Type":"YoutTube",ID:a.getAttribute("data-youtube")}});a.dispatchEvent(c),window.dataLayer.push(c.detail),R(i,a.getAttribute("data-youtube")),o.showModal(),o.addEventListener("close",()=>{window.player[i.getAttribute("id")]&&typeof window.player[i.getAttribute("id")].pauseVideo=="function"&&window.player[i.getAttribute("id")].pauseVideo();var f=new CustomEvent("close-video",{detail:{"Video Type":"YoutTube",ID:a.getAttribute("data-youtube")}});a.dispatchEvent(f),window.dataLayer.push(f.detail)})}else if(a&&a.hasAttribute("data-vimeo")){e.preventDefault();var n="vimeo-"+a.getAttribute("data-youtube");document.getElementById("".concat(n,"-dialog"))||document.body.insertAdjacentHTML("beforeend",'<dialog id="'.concat(n,'-dialog"><div class="embed" id="').concat(n,'"></div></dialog>'));var l=document.getElementById("".concat(n,"-dialog")),s=document.getElementById(n),d=a.getAttribute("data-vimeo"),u=new CustomEvent("play-video",{detail:{"Video Type":"Vimeo",ID:d}});a.dispatchEvent(u),window.dataLayer.push(u.detail),s.querySelector("iframe")||(s.innerHTML='<iframe src="https://player.vimeo.com/video/'.concat(d,'?autoplay=1" width="100%" height="100%" frameborder="0" allow="autoplay; encrypted-media" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>')),l.showModal(),l.addEventListener("close",()=>{s.innerHTML="";var f=new CustomEvent("close-video",{detail:{"Video Type":"Vimeo",ID:a.getAttribute("data-vimeo")}});a.dispatchEvent(f),window.dataLayer.push(f.detail)})}}))}),w=()=>p(void 0,void 0,void 0,function*(){return new Promise((r,e)=>{var a=new Image;a.onload=function(){var t=document.createElement("script");t.src="https://www.youtube.com/iframe_api";var o=document.getElementsByTagName("script")[0];o.parentNode.insertBefore(t,o),document.body.classList.add("youtubeLoaded"),r(!0)},a.onerror=function(){e(!1)},a.src="https://youtube.com/favicon.ico"})}),R=(r,e)=>p(void 0,void 0,void 0,function*(){typeof window.player>"u"&&(window.player=[]);var a=r.getAttribute("id");if(typeof window.player[a]<"u"&&typeof window.player[a].pauseVideo=="function")return window.player[a].playVideo(),!1;window.player[a]=new YT.Player(a,{height:"100%",width:"100%",videoId:e,playerVars:{modestbranding:1,playsinline:1,rel:0,showinfo:0},events:{onReady:t,onStateChange:i}});function t(c){c.target.playVideo()}var o=!1;function i(c){if(c.data==YT.PlayerState.PLAYING&&!o){var n=document.getElementById(a);n.classList.add("player-ready"),o=!0}}}),O=function(r,e,a,t){function o(i){return i instanceof a?i:new a(function(c){c(i)})}return new(a||(a=Promise))(function(i,c){function n(d){try{s(t.next(d))}catch(u){c(u)}}function l(d){try{s(t.throw(d))}catch(u){c(u)}}function s(d){d.done?i(d.value):o(d.value).then(n,l)}s((t=t.apply(r,e||[])).next())})};document.addEventListener("DOMContentLoaded",()=>O(void 0,void 0,void 0,function*(){I(),Y(),h(document.body),C(),H(document.body),V(document.body),_(document.body)}))});

package/assets/js/scripts.bundle.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.2.2--beta3
+  * iamKey v7.3.0
   * Copyright 2022-2025 iamproperty
   */
 !function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";var e=e=>{if(!e.querySelector(":scope .mh-lg")&&!e.querySelector("iam-multi-step")){e.innerHTML='<div class="mh-lg">'.concat(e.innerHTML,"</div>");var t=e.querySelector(".mh-lg"),a=e.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");if(a){var o=a.previousSibling;t.before(a),o&&a.before(o)}}e.querySelector(":scope > button:first-child")||e.insertAdjacentHTML("afterbegin",'<button class="dialog__close">Close</button>')},t=(e,t)=>{(function(e){var t=new TextEncoder("utf-8").encode(e);return crypto.subtle.digest("SHA-1",t).then((function(e){for(var t=[],a=new DataView(e),o=0;o<a.byteLength;o+=4){var n=("00000000"+a.getUint32(o).toString(16)).slice(-8);t.push(n)}return t.join("")}))})(e).then((function(e){var a=new XMLHttpRequest;a.addEventListener("load",(function(){var a=this.responseText.split("\n"),o=e.slice(5).toUpperCase(),n=!1;for(var r in a)if(a[r].substring(0,35)==o){n=!0;break}var i=new CustomEvent("hibpCheck",{detail:n});t.dispatchEvent(i)})),a.open("GET","https://api.pwnedpasswords.com/range/"+e.substr(0,5)),a.send()}))},a=e=>{function t(){if(Array.from(document.querySelectorAll("input[maxlength],textarea[maxlength]")).forEach((e=>{e.parentElement,o(e)})),Array.from(document.querySelectorAll("label input")).forEach((e=>{!e.closest("label").querySelector(".optional-text")&&!e.hasAttribute("required")&&("span"==e.parentNode.tagName.toLowerCase()?e.parentElement.insertAdjacentHTML("beforebegin",'<span class="optional-text"></span>'):e.insertAdjacentHTML("beforebegin",'<span class="optional-text"></span>'))})),document.querySelector('input[type="date"]')){let t=function(e){var t=e.getFullYear(),a=String(e.getMonth()+1).padStart(2,"0"),o=String(e.getDate()).padStart(2,"0");return"".concat(t,"-").concat(a,"-").concat(o)};var e=new Date;Array.from(document.querySelectorAll('input[type="date"]')).forEach((a=>{var o=e;if(a.hasAttribute("data-start")&&(o.setDate(o.getDate()+parseInt(a.getAttribute("data-start"))),a.setAttribute("min",t(o))),a.hasAttribute("data-period")){var n=parseInt(a.getAttribute("data-period")),r=new Date;r.setDate(o.getDate()+n),a.setAttribute("max",t(r))}if(a.hasAttribute("data-allowed-days")){var i=JSON.parse("[".concat(a.getAttribute("data-allowed-days"),"]"));a.addEventListener("input",(function(){var e=new Date(this.value).getUTCDay();i.includes(e)?a.setCustomValidity(""):a.setCustomValidity("That day of the week is not allowed")}))}}))}}"complete"===document.readyState&&t(),document.onreadystatechange=()=>{"complete"===document.readyState&&t()},e.addEventListener("input",(e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest("input,textarea,select")){var t=e.target.closest("input,textarea,select");t.hasAttribute("type")&&"color"==t.getAttribute("type")&&(t.nextElementSibling.value=t.value),t.hasAttribute("maxlength")&&t.nextElementSibling&&t.nextElementSibling.setAttribute("data-count",t.value.length),t.hasAttribute("data-strength-checker")&&r(t)}})),e.addEventListener("change",(e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest("select")){var t=e.target.closest("select");if(t.hasAttribute("data-change-type")&&t.hasAttribute("data-input")){var a=document.getElementById(t.getAttribute("data-input")),o=t.value;n(a,o)}}if(e&&e.target instanceof HTMLElement&&e.target.closest('dialog [type="radio"]')){var r=e.target.closest("dialog");Array.from(r.querySelectorAll('[type="radio"][autofocus]')).forEach((e=>{e.removeAttribute("autofocus")})),Array.from(r.querySelectorAll('[type="radio"]:checked')).forEach((e=>{e.setAttribute("autofocus",!0)}))}})),e.addEventListener("click",(e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest("[data-change-type][data-input]:not(select)")){var t=e.target.closest("[data-change-type]"),a=document.getElementById(t.getAttribute("data-input")),o=t.getAttribute("data-change-type");if(t.setAttribute("data-change-type",a.getAttribute("type")),n(a,o),t.hasAttribute("data-alt-class")){var r=t.getAttribute("data-alt-class");t.setAttribute("data-alt-class",t.getAttribute("class")),t.setAttribute("class",r)}}}))},o=e=>{var t=e.parentElement,a=e.getAttribute("maxlength");t.style.setProperty("--maxlength",a);var o=e.nextElementSibling;(!o||o&&o.classList.contains("invalid-feedback"))&&(o=document.createElement("span"),t.insertBefore(o,e.nextSibling)),o.setAttribute("data-count",e.value.length)},n=(e,t)=>{e.hasAttribute("type")&&"password"==e.getAttribute("type")&&e.setAttribute("data-password-type",!0),e.setAttribute("type",t)},r=function(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"no",o=document.getElementById(e.getAttribute("data-strength-checker")),n=e.value,i=e.hasAttribute("minlength")?e.getAttribute("minlength"):12,c=1,d="";if(n.match(/(?=.*[0-9])/)&&(c+=1),n.match(/(?=.*[!,%,&,#,$,^,*,?,_,~,<,>,])/)&&(c+=1),n.match(/(?=.*[a-z])/)&&(c+=1),n.match(/(?=.*[A-Z])/)&&(c+=1),n.length<i&&(c=1,d="(must be at least ".concat(i," characters.)")),c>=3&&"no"==a){let a=function(e,t){e.detail?r(t,"danger"):r(t,"success"),t.removeEventListener("hibpCheck",a)};t(n,e),e.addEventListener("hibpCheck",(function(t){a(t,e)}))}else c>=3&&"danger"==a&&(c=3,d="(this password is very common)");o&&(c<=3?o.classList.add("invalid-feedback"):o.classList.remove("invalid-feedback"),o.setAttribute("data-strength",c),o.innerHTML="Password strength: ".concat(["Very weak","Weak","Average","Strong","Very strong"][c-1]," ").concat(d))},i=(e,t)=>{if(t||(t=e.parentNode.getAttribute("data-change-events")),!t)return!1;Array.from(JSON.parse(t)).forEach((t=>{c(e,t)}))},c=(e,t)=>{if("matches"in t)return"any"==t.matches||e.value==t.matches?d(e,t,"if"):d(e,t,"else"),!1;if("in-list"in t){var a=document.querySelector("".concat(t["in-list"],' option[value="').concat(e.value,'"]'));return document.querySelector("".concat(t["in-list"],' option[value="').concat(e.value,'"]'))?d(a,t,"if"):d(a,t,"else"),!1}"event"in t&&d(e,t,"event")},d=(e,t,a)=>{if(!(a in t))return!1;switch(t[a]){case"hide":if(document.querySelector(t.target)){var o=document.querySelector(t.target);o.classList.add("js-hide"),Array.from(o.querySelectorAll("[data-required]")).forEach((e=>{e.removeAttribute("required")}))}break;case"show":if(document.querySelector(t.target)){var n=document.querySelector(t.target);n.classList.remove("js-hide"),Array.from(n.querySelectorAll("[data-required]")).forEach((e=>{e.closest(".js-hide")||e.setAttribute("required","true")}))}break;case"populate-form":l(e,t);break;case"dispatchEvent":var r=new Event(t.value);document.querySelector("".concat(t.target)).dispatchEvent(r);break;case"setAttribute":Array.from(document.querySelectorAll("".concat(t.target))).forEach((function(e){e.setAttribute(t.attribute,t.value)}));break;case"focus":document.querySelector("".concat(t.target)).focus();break;case"removeAttribute":Array.from(document.querySelectorAll("".concat(t.target))).forEach((function(e){e.removeAttribute(t.attribute)}));break;case"updateValue":document.querySelector("".concat(t.target)).value=t.value?t.value:"";var i=new Event("change");document.querySelector("".concat(t.target)).dispatchEvent(i);break;case"submitForm":document.querySelector("".concat(t.target)).submit();break;case"openLink":document.querySelector("".concat(t.target)).value&&(window.location.href=document.querySelector("".concat(t.target)).value)}},l=function(e,t){var a=JSON.parse(e.getAttribute("data-values")),o=document.querySelector(t.target);if(!a)return!1;Object.keys(a).forEach((t=>{document.getElementById(t)&&"SPAN"==document.getElementById(t).tagName&&(document.getElementById(t).innerHTML=a[t]),o.querySelector('select[name="'.concat(t,'"] [value="').concat(a[t],'"]'))?(o.querySelector('select[name="'.concat(t,'"]')).value=a[t],e.hasAttribute("data-lock-fields")&&(o.querySelector('select[name="'.concat(t,'"]')).disabled=!0)):o.querySelector('input[name="'.concat(t,'"][type="radio"][value="').concat(a[t],'"]'))?(Array.from(o.querySelectorAll('input[name="'.concat(t,'"][type="radio"]'))).forEach((function(e){e.disabled=!0})),o.querySelector('input[name="'.concat(t,'"][type="radio"][value="').concat(a[t],'"]')).checked=!0,o.querySelector('input[name="'.concat(t,'"][type="radio"][value="').concat(a[t],'"]')).disabled=!1):o.querySelector('input[name="'.concat(t,'"]'))&&(o.querySelector('input[name="'.concat(t,'"]')).value=a[t],e.hasAttribute("data-lock-fields")&&o.querySelector('input[name="'.concat(t,'"]')).setAttribute("readonly","true"))}))},s=function(e,t,a,o){return new(a||(a=Promise))((function(n,r){function i(e){try{d(o.next(e))}catch(e){r(e)}}function c(e){try{d(o.throw(e))}catch(e){r(e)}}function d(e){e.done?n(e.value):function(e){return e instanceof a?e:new a((function(t){t(e)}))}(e.value).then(i,c)}d((o=o.apply(e,t||[])).next())}))},u=()=>s(void 0,void 0,void 0,(function*(){return new Promise(((e,t)=>{var a=new Image;a.onload=function(){var t=document.createElement("script");t.src="https://www.youtube.com/iframe_api";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(t,a),document.body.classList.add("youtubeLoaded"),e(!0)},a.onerror=function(){t(!1)},a.src="https://youtube.com/favicon.ico"}))}));document.addEventListener("DOMContentLoaded",(()=>{return t=void 0,o=void 0,r=function*(){var t,o;window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Pageview",pageTitle:document.title}),document.addEventListener("click",(e=>{var t=e.target.closest("[open] summary");if(t)window.dataLayer.push({event:"closeDetails",detailsTitle:t.textContent||""});else{var a=e.target.closest("summary"),o=e.target.closest("a"),n=e.target.closest("button");a&&window.dataLayer.push({event:"openDetails",detailsTitle:a.textContent||""}),o&&window.dataLayer.push({event:"linkClicked",linkText:o.hasAttribute("title")?o.getAttribute("title")||"":o.textContent||"",class:o.hasAttribute("class")&&o.getAttribute("class")||"",href:o.getAttribute("href")||""}),n&&window.dataLayer.push({event:"buttonClicked",buttonText:n.textContent||"",class:n.hasAttribute("class")&&n.getAttribute("class")||""})}})),document.addEventListener("change",(e=>{e&&e.target instanceof HTMLElement&&e.target.closest("[data-change-events]")&&i(e.target,e.target.closest("[data-change-events]").getAttribute("data-change-events"))})),document.addEventListener("keyup",(e=>{e&&e.target instanceof HTMLElement&&e.target.closest("[data-change-events]")&&i(e.target,e.target.closest("[data-change-events]").getAttribute("data-change-events"))})),document.addEventListener("click",(e=>{e&&e.target instanceof HTMLElement&&e.target.closest("[data-click-events]")&&i(e.target,e.target.closest("[data-click-events]").getAttribute("data-click-events"))})),(o=document.body).classList.add("js-enabled"),(-1!==navigator.userAgent.indexOf("MSIE")||navigator.appVersion.indexOf("Trident/")>0)&&o.classList.add("ie"),t=function(e){var t=document.querySelector('label[for="'.concat(e.replace("#",""),'"]')),a=document.querySelector(e+" summary"),o=document.querySelector("dialog".concat(e)),n=document.querySelector("detail".concat(e));t instanceof HTMLElement?t.click():a instanceof HTMLElement?a.click():o instanceof HTMLElement?o.showModal():n instanceof HTMLElement&&n.addAttribute("open")},location.hash&&t(location.hash),window.addEventListener("hashchange",(function(){t(location.hash)}),!1),addEventListener("popstate",(e=>{if(e&&e.state&&e.state.type&&"pagination"==e.state.type){var t=document.querySelector("#".concat(e.state.form)),a=document.querySelector("#".concat(e.state.form," [data-pagination]"));a?a.value=e.state.page:t.innerHTML+='<input name="page" type="hidden" data-pagination="true" value="'.concat(e.state.page,'" />'),t.dispatchEvent(new Event("submit"))}})),document.addEventListener("submit",(e=>{if(e&&e.target instanceof HTMLElement&&e.target.matches("form")){var t=e.target;Array.from(t.querySelectorAll("[data-password-type]")).forEach((e=>{e.setAttribute("type","password")})),(t.querySelector(":invalid")||t.querySelector('.pwd-checker[data-strength="1"]')||t.querySelector('.pwd-checker[data-strength="2"]'))&&(t.classList.add("was-validated"),e.preventDefault()),t.querySelector("iam-multiselect[data-is-required][data-error]")&&(t.classList.add("was-validated"),e.preventDefault())}})),document.addEventListener("keydown",(e=>{"Escape"===e.key&&document.querySelector(".dialog--transactional[open], .dialog--acknowledgement[open]")&&(e.preventDefault(),e.stopPropagation())})),Array.from(document.querySelectorAll("label progress")).forEach((e=>{e.closest("label").setAttribute("data-percent",e.getAttribute("value"))})),(t=>{Array.from(t.querySelectorAll("dialog[open]")).forEach((t=>{t.closest(".dialog__wrapper")||(t.removeAttribute("open"),t.showModal(),t.focus(),e(t))})),t.addEventListener("click",(t=>{if("IAM-ACTIONBAR"==t.target.tagName)return!1;if(t&&t.target instanceof HTMLElement&&t.target.closest("[data-modal]")){var a=t.target.closest("[data-modal]"),o=a.hasAttribute("data-modal")?a.getAttribute("data-modal"):a.getAttribute("data-filter"),n=document.querySelector("dialog#".concat(o));if(e(n),n.showModal(),n.focus(),!n.querySelector("iam-multi-step")){var r=n.offsetWidth;n.setAttribute("style","max-width: ".concat(r,"px;"))}Array.from(n.querySelectorAll("[data-duplicate]")).forEach((e=>{var t=e.getAttribute("data-duplicate"),a=document.getElementById(t);if(e.checked!=a.checked){e.checked=a.checked;var o=new Event("change");e.dispatchEvent(o)}})),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:o})}if(t&&t.target instanceof HTMLElement&&t.target.closest("button.dialog__close")){var i=t.target.closest("dialog[open]");t.preventDefault(),i.close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((e=>{e.classList.remove("active")}));var c=new CustomEvent("dialog-closed",{bubbles:!0,cancelable:!0,detail:{modalId:i.id}});t.target.dispatchEvent(c),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:i.getAttribute("id")})}if(t&&t.target instanceof HTMLElement&&t.target.closest('button[formmethod="dialog"]')){var d=t.target.closest("dialog[open]");Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((e=>{e.classList.remove("active")})),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:d.getAttribute("id")})}if(t&&t.target instanceof HTMLElement&&t.target.closest("dialog[open]")){var l=t.target.closest("dialog[open]");if("contents"===window.getComputedStyle(l).display&&(l=l.parentNode.closest("dialog[open]")),!l.classList.contains("dialog--transactional")&&!l.classList.contains("dialog--acknowledgement")){var s=l.getBoundingClientRect();(t.clientX<s.left||t.clientX>s.right||t.clientY<s.top||t.clientY>s.bottom)&&(t.target.closest("dialog *")||l.close(),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:l.getAttribute("id")}))}}if(t&&t.target instanceof HTMLElement&&t.target.closest(".dialog__wrapper > button")){t.stopPropagation();var u=t.target.closest(".dialog__wrapper > button"),g="openPopover",p=u.parentNode.querySelector(":scope > dialog");if(document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]")!=p&&u.closest("dialog[open]")!=document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((e=>{e.removeAttribute("aria-expanded")})),p.hasAttribute("open"))p.close(),g="closePopover",p.removeAttribute("style"),u.removeAttribute("aria-expanded");else{p.show(),u.setAttribute("aria-expanded",!0);var m=u.getBoundingClientRect(),y=m.top,v=m.left;if(u.closest("iam-table")){var f=u.closest("iam-table").parentNode.getBoundingClientRect();y-=f.top,v-=f.left}p.classList.contains("dialog--fix")&&p.setAttribute("style","position:fixed;top: ".concat(y,"px; left: ").concat(v,"px; margin: 3rem 0 0 0;"))}var b=p.getBoundingClientRect();if(b.bottom-window.scrollY>window.innerHeight-window.scrollY){var h=p.hasAttribute("style")?p.getAttribute("style")+" ":"";p.setAttribute("style",h+"transform: translate(0, calc(-100% - 4rem))"),(b=p.getBoundingClientRect()).top-window.scrollY<100&&p.removeAttribute("style")}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:g,id:u.textContent})}t&&t.target instanceof HTMLElement&&!t.target.closest("dialog[open]")&&!t.target.closest(".dialog__wrapper > button")&&(document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]")&&document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach((e=>{e.removeAttribute("aria-expanded")})))}))})(document.body),a(document.body),(e=>{s(void 0,void 0,void 0,(function*(){document.querySelector(".youtube-link[data-youtube]")&&!document.body.classList.contains("youtubeLoaded")&&(yield u()),setTimeout((()=>s(void 0,void 0,void 0,(function*(){document.querySelector(".youtube-link[data-youtube]")&&!document.body.classList.contains("youtubeLoaded")&&(yield u())}))),"2000"),e.addEventListener("click",(e=>s(void 0,void 0,void 0,(function*(){var t=e.target.closest(".youtube-link[data-youtube]");if(t||(t=e.target.closest(".vimeo-link[data-vimeo]")),t&&t.hasAttribute("data-youtube")){e.preventDefault(),document.body.classList.contains("youtubeLoaded")||(yield u());var a="youtube-"+t.getAttribute("data-youtube");document.getElementById("".concat(a,"-dialog"))||document.body.insertAdjacentHTML("beforeend",'<dialog id="'.concat(a,'-dialog"><div class="embed" id="').concat(a,'"></div></dialog>'));var o=document.getElementById("".concat(a,"-dialog")),n=document.getElementById(a),r=new CustomEvent("play-video",{detail:{"Video Type":"YoutTube",ID:t.getAttribute("data-youtube")}});t.dispatchEvent(r),window.dataLayer.push(r.detail),((e,t)=>{s(void 0,void 0,void 0,(function*(){typeof window.player>"u"&&(window.player=[]);var a=e.getAttribute("id");if(typeof window.player[a]<"u"&&"function"==typeof window.player[a].pauseVideo)return window.player[a].playVideo(),!1;window.player[a]=new YT.Player(a,{height:"100%",width:"100%",videoId:t,playerVars:{modestbranding:1,playsinline:1,rel:0,showinfo:0},events:{onReady:function(e){e.target.playVideo()},onStateChange:function(e){e.data!=YT.PlayerState.PLAYING||o||(document.getElementById(a).classList.add("player-ready"),o=!0)}}});var o=!1}))})(n,t.getAttribute("data-youtube")),o.showModal(),o.addEventListener("close",(()=>{window.player[n.getAttribute("id")]&&"function"==typeof window.player[n.getAttribute("id")].pauseVideo&&window.player[n.getAttribute("id")].pauseVideo();var e=new CustomEvent("close-video",{detail:{"Video Type":"YoutTube",ID:t.getAttribute("data-youtube")}});t.dispatchEvent(e),window.dataLayer.push(e.detail)}))}else if(t&&t.hasAttribute("data-vimeo")){e.preventDefault();var i="vimeo-"+t.getAttribute("data-youtube");document.getElementById("".concat(i,"-dialog"))||document.body.insertAdjacentHTML("beforeend",'<dialog id="'.concat(i,'-dialog"><div class="embed" id="').concat(i,'"></div></dialog>'));var c=document.getElementById("".concat(i,"-dialog")),d=document.getElementById(i),l=t.getAttribute("data-vimeo"),g=new CustomEvent("play-video",{detail:{"Video Type":"Vimeo",ID:l}});t.dispatchEvent(g),window.dataLayer.push(g.detail),d.querySelector("iframe")||(d.innerHTML='<iframe src="https://player.vimeo.com/video/'.concat(l,'?autoplay=1" width="100%" height="100%" frameborder="0" allow="autoplay; encrypted-media" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>')),c.showModal(),c.addEventListener("close",(()=>{d.innerHTML="";var e=new CustomEvent("close-video",{detail:{"Video Type":"Vimeo",ID:t.getAttribute("data-vimeo")}});t.dispatchEvent(e),window.dataLayer.push(e.detail)}))}}))))}))})(document.body)},new((n=void 0)||(n=Promise))((function(e,a){function i(e){try{d(r.next(e))}catch(e){a(e)}}function c(e){try{d(r.throw(e))}catch(e){a(e)}}function d(t){t.done?e(t.value):function(e){return e instanceof n?e:new n((function(t){t(e)}))}(t.value).then(i,c)}d((r=r.apply(t,o||[])).next())}));var t,o,n,r}))}));

package/assets/sass/_functions/variables.scss

@@ -760,8 +760,6 @@ $ut-mh-lg-px: 600;
 $ut-mh-lg: #{rem($ut-mh-lg-px)};
 // #endregion
 
-
-
 $chart-colour-1: map.get($wider-colours, '3') !default;
 $chart-colour-2: map.get($wider-colours, '4') !default;
 $chart-colour-3: map.get($wider-colours, '5') !default;
@@ -789,4 +787,3 @@ $chart-colors: map.merge(
   ),
   $chart-colors
 );
-

package/assets/sass/components/actionbar.component.scss

@@ -359,9 +359,8 @@ slot[name='selectall'] {
   position: relative;
 }
 
-:host([data-filter-columns][data-columns-shown="0"]) .actionbar__wrapper + .no-columns,
-:host([data-filter-columns-save][data-columns-shown="0"]) .actionbar__wrapper + .no-columns {
-
+:host([data-filter-columns][data-columns-shown='0']) .actionbar__wrapper + .no-columns,
+:host([data-filter-columns-save][data-columns-shown='0']) .actionbar__wrapper + .no-columns {
   display: flex;
   padding: 2rem 2rem 0 2rem;
   text-align: center;

package/assets/sass/components/bento-grid.global.scss

@@ -201,7 +201,6 @@ iam-bento-grid {
 iam-bento-grid {
   @container (width > 54em) {
     details {
-
       overflow: hidden;
 
       summary {

package/assets/sass/components/charts.module.scss

@@ -2,8 +2,6 @@
 
 @use '../_func' as *;
 
-
-
 $chart-colour-1-hover: map.get($wider-colours-hover, '3') !default;
 $chart-colour-2-hover: map.get($wider-colours-hover, '4') !default;
 $chart-colour-3-hover: map.get($wider-colours-hover, '5') !default;

package/assets/sass/components/menu.component.scss

@@ -1,17 +1,36 @@
+@use '../_func.scss' as *;
+
 :host {
+  //all: unset;
   inset: auto;
-  top: anchor(top);
-  left: calc(anchor(right) + var(--menu-offset, 0.25rem));
+  top: anchor(bottom);
+  left: anchor(left);
   position: fixed;
   position-try-fallbacks: flip-block, flip-inline;
   width: max-content;
-  min-width: calc(anchor-size(width) + 2rem);
 
-  max-height: var(--menu-max-height, min-contents);
+  height: min-content;
+  max-height: var(--menu-max-height, min(100vh - 6rem));
   background: var(--menu-bg, canvas);
   margin: var(--menu-margin, 0);
-  padding: var(--menu-padding, 0.25rem);
+  padding: var(--menu-padding, 0.5rem);
   border: var(--menu-border, 2px solid grey);
+  overflow: auto;
+
+  border: none !important;
+  border-radius: 0.5rem;
+  box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.1);
+}
+
+:host(.menu--fill) {
+  width: anchor-size(width);
+  min-width: anchor-size(width);
+  max-width: anchor-size(width);
+}
+
+:host(:popover-open),
+:host([popover-open]) {
+  display: block;
 }
 
 :host(:not([popover])) {
@@ -19,61 +38,133 @@
   display: block;
 }
 
-.menu--inner {
-  display: contents;
+:host(.menu--sm) {
+  width: rem(160);
+}
+:host(.menu--md) {
+  width: rem(240);
+}
+:host(.menu--lg) {
+  width: rem(320);
 }
 
-::slotted(*:not(iam-menu)) {
+:host(.menu--height-sm) {
+  max-height: rem(200);
+}
+:host(.menu--height-lg) {
+  max-height: rem(400);
+}
+
+::slotted(*:is(button, a, label, span)) {
   //all: unset !important;
   background: unset !important;
   border: unset !important;
-  color: inherit !important;
+  color: var(--colour-primary) !important;
   font-weight: inherit !important;
   font-family: inherit !important;
   font-size: 1rem !important;
+  line-height: rem(19) !important;
   display: block !important;
   margin: var(--menu-item-margin, 0 0 0.25rem 0) !important;
-  padding: var(--menu-item-padding, 0) !important;
+  padding-block: var(--menu-item-padding, 0.5rem) !important;
   width: var(--menu-item-width, 100%) !important;
+  max-width: var(--menu-item-width, 100%) !important;
   text-align: var(--menu-item-text-align, left) !important;
+}
+
+::slotted(*:is(button, a, label)) {
+  padding-inline: var(--menu-item-padding, 0.5rem);
   cursor: var(--menu-item-cursor, pointer) !important;
 }
 
-::slotted(details) {
-  margin: 0 !important;
-  padding: 0 !important;
+::slotted(*:is(span):first-child) {
+  padding-top: 0 !important;
+  font-weight: 700 !important;
 }
-::slotted(*:not(iam-menu):not([class*='fa-'])):before {
-  display: none !important;
+
+::slotted(*:is(button, a, label, span):last-child) {
+  margin-bottom: 0 !important;
 }
-::slotted(*[class*='fa-']):before {
-  font-family: var(--fa-font-family, 'Font Awesome 6 Pro');
+
+// Radio buttons
+
+::slotted(*:is(label)) {
+  --radio-size: #{rem(20)};
+  --radio-inner-size: #{rem(12)};
+  --radio-inner-top: #{rem(12)};
+  --radio-inner-left: #{rem(12)};
+
+  --checkbox-tick-size: #{rem(12)};
+  --checkbox-inner-size: #{rem(10)};
+  --checkbox-inner-top: #{rem(6)};
+  --checkbox-inner-left: #{rem(8)};
+  padding-left: rem(36) !important;
 }
-::slotted(*:not(iam-menu)):after {
-  display: none !important;
+
+// States
+
+::slotted(*:is(button, a, label):is(.selected)) {
+  background: #e9f8fc !important;
+  border-left: 4px solid var(--colour-info) !important;
+  border-radius: 0.25rem !important;
+
+  
+  padding-left: calc(var(--menu-item-padding, 0.5rem) - 4px)!important;
 }
 
-::slotted(*:not(iam-menu):focus) {
-  color: var(--menuFocusColor, LinkText) !important;
+@media (prefers-color-scheme: dark) {
+
+  ::slotted(*:is(button, a, label):is(.selected):not(:hover, .hover)) {
+  
+    color: black!important;
+  }
 }
-::slotted(*:not(iam-menu):not(details):hover) {
-  color: var(--menuHoverColor, LinkText) !important;
+
+::slotted(*:is(button, a, label):is(:hover, .hover, :focus, .focus)) {
+  //all: unset !important;
+  background: var(--colour-light) !important;
+  border-radius: 0.25rem !important;
+}
+
+::slotted(*:is(button, a, label):is(:active, .active)) {
+  background: rgba(224, 224, 224, 1) !important;
+  border-radius: 0.25rem !important;
 }
-::slotted(*:not(iam-menu):not(details):active) {
-  color: var(--menuActiveColor, ActiveText) !important;
+
+@media (prefers-color-scheme: dark) {
+
+  ::slotted(*:is(button, a, label):is(:active, .active)) {
+  
+    color: black!important;
+  }
 }
 
 ::slotted(hr) {
-  height: 2px !important;
+  height: 1px !important;
   background-color: var(--menu-hr-border-color, var(--border-color, grey)) !important;
-  margin-left: calc(var(--menu-padding, 0.25rem) * -1) !important;
-  margin-right: calc(var(--menu-padding, 0.25rem) * -1) !important;
-  width: calc(100% + var(--menu-padding, 0.25rem) * 2) !important;
-  margin-top: var(--menu-hr-margin, 0.75rem) !important;
-  margin-bottom: var(--menu-hr-margin, 1rem) !important;
+  width: 100%;
+  margin: var(--menu-item-margin, 0 0 0.25rem 0) !important;
   padding: 0 !important;
 }
 
+// #region sub menu
+::slotted(iam-menu:not([popover])) {
+  border: none !important;
+  border-radius: 0 !important;
+  box-shadow: none !important;
+  padding: 0;
+  margin: 0;
+  width: auto;
+}
+
+::slotted(iam-menu[popover]) {
+  top: anchor(top);
+  left: calc(anchor(right) + 1rem);
+}
+// #endregion
+
+/*
+
 ::slotted([popovertarget]):before {
   text-align: center;
   display: inline-block !important;
@@ -99,3 +190,4 @@
   -webkit-mask-position: 50% 50%;
   z-index: 2;
 }
+*/

package/assets/sass/components/menu.scss

@@ -5,17 +5,78 @@ $mobileOnly: 'false' !default;
 $darkMode: 'true' !default;
 
 @include layer('components', $layers) {
-  $menuPadding: 1rem !default;
-  $menuBorder: none !default;
-  $menuBorderRadius: 1rem !default;
-  $menuBoxShadow: 0px 2px 9px rgba(0, 0, 0, 0.1) !default;
+  $menuPadding: 0.5rem !default;
 
   iam-menu:defined {
     --menu-padding: #{$menuPadding};
     --border-color: var(--colour-border);
     --menu-item-margin: 0 0 0.5rem 0;
-    border: #{$menuBorder};
-    border-radius: #{$menuBorderRadius};
-    box-shadow: #{$menuBoxShadow};
   }
+
+  iam-menu i {
+    width: 1.25rem;
+  }
+
+  // #region sub menu
+
+  iam-menu > button:has(+ iam-menu) {
+    position: relative;
+
+    &:after {
+      content: '';
+      height: var(--btn-line-height);
+      width: rem(16);
+      height: rem(16);
+      display: inline-block;
+      background: currentColor;
+      mask-image: var(--icon-arrow);
+      mask-size: 100%;
+      mask-repeat: no-repeat;
+      mask-position: 50% 50%;
+      -webkit-mask-image: var(--icon-arrow);
+      -webkit-mask-size: 100%;
+      -webkit-mask-repeat: no-repeat;
+      -webkit-mask-position: 50% 50%;
+      vertical-align: bottom;
+
+      position: absolute;
+      top: calc(50% - 0.5rem);
+      right: 0.5rem;
+    }
+  }
+
+  iam-menu > button:has(+ iam-menu:not([popover])) {
+    &:after {
+      rotate: 90deg;
+    }
+  }
+
+  iam-menu > button.open:has(+ iam-menu:not([popover])) {
+    position: relative;
+
+    &:after {
+      top: calc(50% - 0.5rem);
+      right: 0.5rem;
+      rotate: 270deg;
+    }
+  }
+
+  iam-menu > button:has(+ iam-menu:popover-open) {
+    position: relative;
+
+    &:after {
+      top: calc(50% - 0.5rem);
+      right: 0.5rem;
+      rotate: 180deg;
+    }
+  }
+
+  iam-menu > button:not(.open) + iam-menu:not([popover]) {
+    display: none;
+  }
+
+  iam-menu > button + iam-menu:not([popover]) > *:is(button, a, label) {
+    padding-left: 2rem;
+  }
+  // #endregion
 }

package/assets/sass/components/rank.component.scss

@@ -10,9 +10,7 @@
   box-sizing: border-box;
 }
 
-
 :host {
-
   display: block;
   text-align: center;
   margin-bottom: 2rem;
@@ -21,7 +19,6 @@
 }
 
 .rank {
-
   position: relative;
   display: flex;
 
@@ -39,11 +36,11 @@
   .position {
     margin: 0;
     padding: 0;
-    line-height: 1!important;
+    line-height: 1 !important;
   }
-  
+
   .position:after {
-    content: var(--rank-sub-text, "Your rank");
+    content: var(--rank-sub-text, 'Your rank');
     display: block;
     font-size: rem(map.get($heading-sizes, 'lead_fs'));
     line-height: 1;
@@ -61,11 +58,9 @@
   }
 }
 
-
-:host([data-position="1st"]),
-:host([data-position="2nd"]),
-:host([data-position="3rd"]) {
-
+:host([data-position='1st']),
+:host([data-position='2nd']),
+:host([data-position='3rd']) {
   .rank {
     border-width: 0;
     overflow: hidden;
@@ -76,22 +71,19 @@
   }
 }
 
-:host([data-position="1st"]) {
-
+:host([data-position='1st']) {
   .rank {
-
-    background: #FFEE56;
+    background: #ffee56;
   }
-  
+
   .rank svg:nth-child(1) {
     display: block;
   }
 }
 
-:host([data-position="2nd"]) {
-
+:host([data-position='2nd']) {
   .rank {
-    background: #EDEDED;
+    background: #ededed;
   }
 
   .rank svg:nth-child(2) {
@@ -99,13 +91,12 @@
   }
 }
 
-:host([data-position="3rd"]) {
-
+:host([data-position='3rd']) {
   .rank {
-    background: #FFE798;
+    background: #ffe798;
   }
 
   .rank svg:nth-child(3) {
     display: block;
   }
-}
+}

package/assets/sass/components/rankings.component.scss

@@ -1,8 +1,6 @@
 @use 'sass:map';
 @use '../_func.scss' as *;
 
-
-
 @use '../elements/type.scss' as *;
 
 @include max-height();
@@ -14,7 +12,6 @@
 }
 
 .podium {
-
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -29,7 +26,6 @@
     order: 1;
 
     iam-rank {
-
       margin: 0;
       width: 100%;
     }
@@ -48,14 +44,12 @@
     }
   }
 
-
   > div:nth-child(1) {
     order: 2;
     padding: 0;
   }
 
   > div:nth-child(2) {
-    
     padding: 1rem 1rem 0 0;
   }
 
@@ -63,4 +57,4 @@
     order: 3;
     padding: 1rem 0 0 1rem;
   }
-}
+}

package/assets/sass/components/rankings.global.scss

@@ -11,7 +11,6 @@
 }
 
 iam-rankings {
-
   table {
     display: block;
     width: 100%;
@@ -25,14 +24,14 @@ iam-rankings {
     display: contents;
   }
 
-  :is(td,th) {
+  :is(td, th) {
     font-weight: normal;
   }
 
   tr.current {
     background-color: var(--colour-light);
   }
-  tr.current :is(td,th) {
+  tr.current :is(td, th) {
     font-weight: bolder;
   }
 
@@ -40,11 +39,10 @@ iam-rankings {
     display: flex;
     width: 100%;
     position: relative;
-    
 
     &:before {
       counter-increment: countItem; /* Increment the value of section counter by 1 */
-      content: counter(countItem)".";
+      content: counter(countItem) '.';
       font-size: rem(32);
       line-height: rem(40);
       font-weight: bolder;
@@ -68,17 +66,13 @@ iam-rankings {
 
     progress {
       width: 100%;
-      height: 1rem ;
+      height: 1rem;
     }
   }
 
-
   @each $index, $value in $chart-colors {
-    tr:nth-child(#{$index}) progress{
+    tr:nth-child(#{$index}) progress {
       --colour: var(--chart-colour-#{$index}, #{$value});
     }
-    
   }
-
-
-}
+}