@iamproperty/components 7.0.0 → 7.1.0--beta2

package/assets/js/modules/tabs.js

@@ -3,14 +3,14 @@ import { getSwipeDirection } from './helpers.js';
 export const createTabsLinks = function (tabsElement) {
     const details = tabsElement.querySelectorAll(':scope > details');
     const detailsORLinks = tabsElement.querySelectorAll(':scope > details, :scope > a');
-    let summaries = tabsElement.querySelectorAll(':scope > details > summary');
+    const summaries = tabsElement.querySelectorAll(':scope > details > summary');
     let tabLinks = tabsElement.querySelector(':scope > .tabs__links');
     if (tabsElement.shadowRoot && tabsElement.shadowRoot.querySelector('.tabs__links'))
         tabLinks = tabsElement.shadowRoot.querySelector('.tabs__links');
     if (!tabLinks) {
         tabLinks = document.createElement('div');
         tabLinks.classList.add('tabs__links');
-        let tabLinksWrapper = document.createElement('div');
+        const tabLinksWrapper = document.createElement('div');
         tabLinksWrapper.classList.add('tabs__links__wrapper');
         tabLinksWrapper.prepend(tabLinks);
         tabsElement.prepend(tabLinksWrapper);
@@ -20,8 +20,8 @@ export const createTabsLinks = function (tabsElement) {
     detailsORLinks.forEach((element, index) => {
         let button = document.createElement('button');
         if (element.matches('details')) {
-            let summary = element.querySelector(':scope > summary');
-            let isDisabled = summary.classList.contains('disabled');
+            const summary = element.querySelector(':scope > summary');
+            const isDisabled = summary.classList.contains('disabled');
             summary.classList.add('visually-hidden');
             if (element.hasAttribute('id'))
                 button.setAttribute('data-id', `${element.getAttribute('id')}`);
@@ -45,60 +45,40 @@ export const createTabsLinks = function (tabsElement) {
     });
 };
 export const setTabsEventHandlers = function (tabsElement) {
-    let details = tabsElement.querySelectorAll(':scope > details');
-    let summaries = tabsElement.querySelectorAll(':scope > details > summary');
+    const details = tabsElement.querySelectorAll(':scope > details');
+    const summaries = tabsElement.querySelectorAll(':scope > details > summary');
     let buttonWrapper = tabsElement.querySelector(':scope .tabs__links');
     let buttons = tabsElement.querySelectorAll(':scope .tabs__links > button');
     let nextButton = tabsElement.querySelector(':scope .tabs__next');
     var scrollTimeout;
-    let isScrolled = false;
-    let isClicked = false;
+    window.isClicked = false;
+    window.isScrolling = false;
     if (tabsElement.shadowRoot) {
         buttons = tabsElement.shadowRoot.querySelectorAll('.tabs__links > button');
         buttonWrapper = tabsElement.shadowRoot.querySelector('.tabs__links');
         nextButton = tabsElement.shadowRoot.querySelector(':scope .tabs__next');
     }
-    buttonWrapper.addEventListener('scroll', function (e) {
-        if (isClicked) {
-            isClicked = false;
-            return false;
-        }
-        clearTimeout(scrollTimeout);
-        let buttonToClick = buttons[0];
-        scrollTimeout = setTimeout(function () {
-            let closestOffset = Math.abs(buttonToClick.getBoundingClientRect().left);
-            buttons.forEach((button) => {
-                if (Math.abs(button.getBoundingClientRect().left) < closestOffset) {
-                    closestOffset = Math.abs(button.getBoundingClientRect().left);
-                    buttonToClick = button;
-                }
-            });
-            isScrolled = true;
-            buttonToClick.click();
-            buttonToClick.focus();
-        }, 100);
-    }, false);
     // Set the on click for the tab buttons, these will open the details box it matches too
     buttons.forEach((button) => {
-        button.addEventListener("click", (e) => {
+        button.addEventListener('click', (e) => {
             e.preventDefault();
-            isClicked = true;
+            if (window.isScrolling)
+                return;
+            if (!window.triggered)
+                window.isClicked = true;
             if (button.classList.contains('disabled'))
                 return false;
             buttons.forEach((buttonLoopItem) => {
-                let buttonPressed = buttonLoopItem == button ? true : false;
+                const buttonPressed = buttonLoopItem == button ? true : false;
                 buttonLoopItem.setAttribute('aria-pressed', buttonPressed);
             });
-            if (!isScrolled) {
-                buttonWrapper.scroll({
-                    top: 0,
-                    left: button.offsetLeft,
-                    behavior: 'smooth'
-                });
-            }
-            isScrolled = false;
+            buttonWrapper.scroll({
+                top: 0,
+                left: button.offsetLeft,
+                behavior: 'smooth',
+            });
             details.forEach((detail, detailsIndex) => {
-                let detailsOpen = button.getAttribute('data-index') == detailsIndex ? true : false;
+                const detailsOpen = button.getAttribute('data-index') == detailsIndex ? true : false;
                 if (detailsOpen)
                     detail.setAttribute('open', detailsOpen);
                 else
@@ -113,50 +93,78 @@ export const setTabsEventHandlers = function (tabsElement) {
             // Data layer Open Event
             window.dataLayer = window.dataLayer || [];
             window.dataLayer.push({
-                "event": "openTab",
-                "tabTitle": button.textContent
+                event: 'openTab',
+                tabTitle: button.textContent,
             });
         });
     });
+    buttonWrapper.addEventListener('scroll', (event) => {
+        if (window.isScrolling)
+            return;
+        clearTimeout(scrollTimeout);
+        window.isScrolling = true;
+    });
+    buttonWrapper.addEventListener('scrollend', (event) => {
+        window.isScrolling = false;
+        clearTimeout(scrollTimeout);
+        scrollTimeout = setTimeout(function () {
+            if (window.isClicked) {
+                window.isClicked = false;
+                return false;
+            }
+            let buttonToClick = buttons[0];
+            let closestOffset = Math.abs(buttonToClick.getBoundingClientRect().left);
+            buttons.forEach((button) => {
+                if (Math.abs(button.getBoundingClientRect().left) < closestOffset) {
+                    closestOffset = Math.abs(button.getBoundingClientRect().left);
+                    buttonToClick = button;
+                }
+            });
+            window.triggered = true;
+            buttonToClick.focus();
+            buttonToClick.click();
+            window.triggered = false;
+        }, 200);
+    });
     // Make sure we dont loose existing summary functionality
     summaries.forEach((summary, index) => {
-        summary.addEventListener("click", (e) => {
+        summary.addEventListener('click', (e) => {
             e.preventDefault();
             buttons[index].click();
         });
     });
-    nextButton.addEventListener("click", (e) => {
+    nextButton.addEventListener('click', (e) => {
         e.preventDefault();
-        let currentTab = buttonWrapper.querySelector('[aria-pressed="true"]');
-        let nextTab = currentTab.nextSibling;
+        const currentTab = buttonWrapper.querySelector('[aria-pressed="true"]');
+        const nextTab = currentTab.nextSibling;
         if (nextTab)
             nextTab.click();
     });
     if (tabsElement.classList.contains('tabs--guided')) {
-        var touchstartX = 0;
-        var touchstartY = 0;
-        var touchendX = 0;
-        var touchendY = 0;
+        let touchstartX = 0;
+        let touchstartY = 0;
+        let touchendX = 0;
+        let touchendY = 0;
         details.forEach((detail) => {
-            detail.addEventListener("touchstart", (event) => {
+            detail.addEventListener('touchstart', (event) => {
                 event.stopPropagation();
                 touchstartX = event.changedTouches[0].screenX;
                 touchstartY = event.changedTouches[0].screenY;
             });
-            detail.addEventListener("touchend", (event) => {
+            detail.addEventListener('touchend', (event) => {
                 event.stopPropagation();
                 touchendX = event.changedTouches[0].screenX;
                 touchendY = event.changedTouches[0].screenY;
-                let direction = getSwipeDirection(touchstartX, touchstartY, touchendX, touchendY);
-                let currentTab = buttonWrapper.querySelector('[aria-pressed="true"]');
+                const direction = getSwipeDirection(touchstartX, touchstartY, touchendX, touchendY);
+                const currentTab = buttonWrapper.querySelector('[aria-pressed="true"]');
+                const nextTab = currentTab.nextSibling;
+                const prevTab = currentTab.previousSibling;
                 switch (direction) {
                     case 'left':
-                        let nextTab = currentTab.nextSibling;
                         if (nextTab)
                             nextTab.click();
                         break;
                     case 'right':
-                        let prevTab = currentTab.previousSibling;
                         if (prevTab)
                             prevTab.click();
                         break;
@@ -168,10 +176,13 @@ export const setTabsEventHandlers = function (tabsElement) {
 export const openFirstTab = function (tabsElement) {
     if (!tabsElement.querySelector(':scope > details'))
         return false;
-    let details = tabsElement.querySelectorAll(':scope > details');
-    let buttons = tabsElement.shadowRoot.querySelectorAll('.tabs__links > button');
-    if (location.hash && tabsElement.shadowRoot.querySelector(`.tabs__links [data-id="${location.hash.replace('#', '')}"]`)) {
-        tabsElement.shadowRoot.querySelector(`[data-id="${location.hash.replace('#', '')}"]`).setAttribute('aria-pressed', true);
+    const details = tabsElement.querySelectorAll(':scope > details');
+    const buttons = tabsElement.shadowRoot.querySelectorAll('.tabs__links > button');
+    if (location.hash &&
+        tabsElement.shadowRoot.querySelector(`.tabs__links [data-id="${location.hash.replace('#', '')}"]`)) {
+        tabsElement.shadowRoot
+            .querySelector(`[data-id="${location.hash.replace('#', '')}"]`)
+            .setAttribute('aria-pressed', true);
         tabsElement.querySelector(`details[id="${location.hash.replace('#', '')}"]`).setAttribute('open', true);
     }
     else if (!tabsElement.querySelector(`details[open]`)) {

package/assets/js/modules/testimonial.js

@@ -1,6 +1,5 @@
-// @ts-nocheck
 function testimonial(testimonialElement) {
-    var scrollTimeout;
+    let scrollTimeout;
     const imagesCarousel = testimonialElement.querySelector('.testimonial__images');
     const itemCount = imagesCarousel.querySelectorAll('img').length;
     // If we only have 1 item lets not bother doing anything else
@@ -22,13 +21,13 @@ function testimonial(testimonialElement) {
             nextButton.setAttribute('disabled', true);
     };
     // On scroll we need to make sure the buttons get corrected and the next testimonial is shown
-    imagesCarousel.addEventListener('scroll', function (e) {
+    imagesCarousel.addEventListener('scroll', function () {
         clearTimeout(scrollTimeout);
         scrollTimeout = setTimeout(function () {
-            let scrollWidth = imagesCarousel.scrollWidth;
-            let scrollHeight = imagesCarousel.scrollHeight;
-            let scrollLeft = imagesCarousel.scrollLeft;
-            let scrollDown = imagesCarousel.scrollTop;
+            const scrollWidth = imagesCarousel.scrollWidth;
+            const scrollHeight = imagesCarousel.scrollHeight;
+            const scrollLeft = imagesCarousel.scrollLeft;
+            const scrollDown = imagesCarousel.scrollTop;
             let scrollTo = Math.round((scrollLeft / scrollWidth) * itemCount) + 1;
             // Change in scroll direction
             if (scrollLeft == 0 && scrollDown != 0)
@@ -39,13 +38,13 @@ function testimonial(testimonialElement) {
     }, false);
     // when the buttons are used we need to make sure the carousel scrolls to the correct place
     testimonialElement.addEventListener('click', function (e) {
-        for (var target = e.target; target && target != this; target = target.parentNode) {
+        for (let target = e.target; target && target != this; target = target.parentNode) {
             if (target.matches('[data-go]')) {
-                let scrollTo = parseInt(target.getAttribute('data-go'));
+                const scrollTo = parseInt(target.getAttribute('data-go'));
                 let scrollDown = 0;
                 let scrollLeft = 0;
-                let scrollWidth = imagesCarousel.scrollWidth;
-                let scrollHeight = imagesCarousel.scrollHeight;
+                const scrollWidth = imagesCarousel.scrollWidth;
+                const scrollHeight = imagesCarousel.scrollHeight;
                 if (scrollWidth > scrollHeight)
                     scrollLeft = Math.floor(scrollWidth * ((scrollTo - 1) / itemCount));
                 else
@@ -54,7 +53,7 @@ function testimonial(testimonialElement) {
                 imagesCarousel.scroll({
                     top: scrollDown,
                     left: scrollLeft,
-                    behavior: 'smooth'
+                    behavior: 'smooth',
                 });
                 break;
             }

package/assets/js/scripts.bundle.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.0.0
+  * iamKey v7.1.0--beta2
   * 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"),null),T=r=>{var e=function(t){var o=document.querySelector('label[for="'.concat(t.replace("#",""),'"]')),c=document.querySelector(t+" summary"),s=document.querySelector("dialog".concat(t)),n=document.querySelector("detail".concat(t));o instanceof HTMLElement?o.click():c instanceof HTMLElement?c.click():s instanceof HTMLElement?s.showModal():n instanceof HTMLElement&&n.addAttribute("open")};return 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,c)=>{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,t)=>{var o=a.closest("label");o.setAttribute("data-percent",a.getAttribute("value"))}),null},C=r=>(Array.from(r.querySelectorAll("dialog[open]")).forEach((e,a)=>{var t=e.closest(".dialog__wrapper");t||(e.removeAttribute("open"),e.showModal(),e.focus(),v(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(v(o),o.showModal(),o.focus(),!o.querySelector("iam-multi-step")){var c=o.offsetWidth;o.setAttribute("style","max-width: ".concat(c,"px;"))}Array.from(o.querySelectorAll("[data-duplicate]")).forEach((u,p)=>{var W=u.getAttribute("data-duplicate"),M=document.getElementById(W);if(u.checked!=M.checked){u.checked=M.checked;var J=new Event("change");u.dispatchEvent(J)}}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:t})}if(e&&e.target instanceof HTMLElement&&e.target.closest("button.dialog__close")){var s=e.target.closest("dialog[open]");e.preventDefault(),s.close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((u,p)=>{u.classList.remove("active")});var n=new CustomEvent("dialog-closed",{bubbles:!0,cancelable:!0,detail:{modalId:s.id}});e.target.dispatchEvent(n),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:s.getAttribute("id")})}if(e&&e.target instanceof HTMLElement&&e.target.closest('button[formmethod="dialog"]')){var i=e.target.closest("dialog[open]");Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((u,p)=>{u.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:i.getAttribute("id")})}if(e&&e.target instanceof HTMLElement&&e.target.closest("dialog[open]")){var l=e.target.closest("dialog[open]"),y=window.getComputedStyle(l);if(y.display==="contents"&&(l=l.parentNode.closest("dialog[open]")),!l.classList.contains("dialog--transactional")&&!l.classList.contains("dialog--acknowledgement")){var g=l.getBoundingClientRect();(e.clientX<g.left||e.clientX>g.right||e.clientY<g.top||e.clientY>g.bottom)&&(e.target.closest("dialog *")||l.close(),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:l.getAttribute("id")}))}}if(e&&e.target instanceof HTMLElement&&e.target.closest(".dialog__wrapper > button")){e.stopPropagation();var f=e.target.closest(".dialog__wrapper > button"),V=f.parentNode,E="openPopover",d=V.querySelector(":scope > dialog");if(document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]")!=d&&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((u,p)=>{u.removeAttribute("aria-expanded")}),d.hasAttribute("open"))d.close(),E="closePopover",d.removeAttribute("style"),f.removeAttribute("aria-expanded");else{d.show(),f.setAttribute("aria-expanded",!0);var L=f.getBoundingClientRect(),q=L.top,x=L.left;if(f.closest("iam-table")){var k=f.closest("iam-table").parentNode.getBoundingClientRect();q-=k.top,x-=k.left}d.classList.contains("dialog--fix")&&d.setAttribute("style","position:fixed;top: ".concat(q,"px; left: ").concat(x,"px; margin: 3rem 0 0 0;"))}var w=d.getBoundingClientRect(),O=w.bottom-window.scrollY,Y=window.innerHeight-window.scrollY;if(O>Y){var R=d.hasAttribute("style")?d.getAttribute("style")+" ":"";d.setAttribute("style",R+"transform: translate(0, calc(-100% - 4rem))"),w=d.getBoundingClientRect();var F=w.top-window.scrollY;F<100&&d.removeAttribute("style")}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:E,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((u,p)=>{u.removeAttribute("aria-expanded")}))}),null),v=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 H(){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),c=0;c<o.byteLength;c+=4){var s=o.getUint32(c),n=s.toString(16),i="00000000",l=(i+n).slice(-i.length);t.push(l)}return t.join("")})}var _=(r,e)=>{D(r).then(function(a){var t=new XMLHttpRequest;t.addEventListener("load",function(){var o=this.responseText.split(`
 `),c=a.slice(5).toUpperCase(),s=!1;for(var n in o)if(o[n].substring(0,35)==c){s=!0;break}var i=new CustomEvent("hibpCheck",{detail:s});e.dispatchEvent(i)}),t.open("GET","https://api.pwnedpasswords.com/range/"+a.substr(0,5)),t.send()})},B=r=>{function e(){if(Array.from(document.querySelectorAll("input[maxlength],textarea[maxlength]")).forEach((t,o)=>{t.parentElement,I(t)}),Array.from(document.querySelectorAll("label input")).forEach((t,o)=>{!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 c=o.getFullYear(),s=String(o.getMonth()+1).padStart(2,"0"),n=String(o.getDate()).padStart(2,"0");return"".concat(c,"-").concat(s,"-").concat(n)};var a=new Date;Array.from(document.querySelectorAll('input[type="date"]')).forEach((o,c)=>{var s=a;if(o.hasAttribute("data-start")&&(s.setDate(s.getDate()+parseInt(o.getAttribute("data-start"))),o.setAttribute("min",t(s))),o.hasAttribute("data-period")){var n=parseInt(o.getAttribute("data-period")),i=new Date;i.setDate(s.getDate()+n),o.setAttribute("max",t(i))}if(o.hasAttribute("data-allowed-days")){var l=JSON.parse("[".concat(o.getAttribute("data-allowed-days"),"]"));o.addEventListener("input",function(y){var g=new Date(this.value).getUTCDay();l.includes(g)?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.parentElement,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")),c=t.value;S(o,c)}}if(a&&a.target instanceof HTMLElement&&a.target.closest('dialog [type="radio"]')){var s=a.target.closest("dialog");a.target.closest('dialog [type="radio"]'),Array.from(s.querySelectorAll('[type="radio"][autofocus]')).forEach((n,i)=>{n.removeAttribute("autofocus")}),Array.from(s.querySelectorAll('[type="radio"]:checked')).forEach((n,i)=>{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")),c=t.getAttribute("data-change-type");if(t.setAttribute("data-change-type",o.getAttribute("type")),S(o,c),t.hasAttribute("data-alt-class")){var s=t.getAttribute("data-alt-class");t.setAttribute("data-alt-class",t.getAttribute("class")),t.setAttribute("class",s)}}})},I=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)},S=(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,c=e.hasAttribute("minlength")?e.getAttribute("minlength"):12,s=1,n=["Very weak","Weak","Average","Strong","Very strong"],i="";if(o.match(/(?=.*[0-9])/)&&(s+=1),o.match(/(?=.*[!,%,&,#,$,^,*,?,_,~,<,>,])/)&&(s+=1),o.match(/(?=.*[a-z])/)&&(s+=1),o.match(/(?=.*[A-Z])/)&&(s+=1),o.length<c&&(s=1,i="(must be at least ".concat(c," characters.)")),s>=3&&a=="no"){let l=function(y,g){y.detail?b(g,"danger"):b(g,"success"),g.removeEventListener("hibpCheck",l)};_(o,e),e.addEventListener("hibpCheck",function(y){l(y,e)})}else s>=3&&a=="danger"&&(s=3,i="(this password is very common)");t&&(s<=3?t.classList.add("invalid-feedback"):t.classList.remove("invalid-feedback"),t.setAttribute("data-strength",s),t.innerHTML="Password strength: ".concat(n[s-1]," ").concat(i))},N=()=>{document.addEventListener("change",r=>{r&&r.target instanceof HTMLElement&&r.target.closest("[data-change-events]")&&A(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]")&&A(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]")&&A(r.target,r.target.closest("[data-click-events]").getAttribute("data-click-events"))})},A=(r,e)=>{if(e||(e=r.parentNode.getAttribute("data-change-events")),!e)return!1;Array.from(JSON.parse(e)).forEach((a,t)=>{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,i)=>{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,i)=>{n.closest(".js-hide")||n.setAttribute("required","true")})}break;case"populate-form":j(r,e);break;case"dispatchEvent":var c=new Event(e.value);document.querySelector("".concat(e.target)).dispatchEvent(c);break;case"setAttribute":Array.from(document.querySelectorAll("".concat(e.target))).forEach(function(n,i){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,i){n.removeAttribute(e.attribute)});break;case"updateValue":document.querySelector("".concat(e.target)).value=e.value?e.value:"";var s=new Event("change");document.querySelector("".concat(e.target)).dispatchEvent(s);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((c,s)=>{document.getElementById(c)&&document.getElementById(c).tagName=="SPAN"&&(document.getElementById(c).innerHTML=t[c]),o.querySelector('select[name="'.concat(c,'"] [value="').concat(t[c],'"]'))?(o.querySelector('select[name="'.concat(c,'"]')).value=t[c],e.hasAttribute("data-lock-fields")&&(o.querySelector('select[name="'.concat(c,'"]')).disabled=!0)):o.querySelector('input[name="'.concat(c,'"][type="radio"][value="').concat(t[c],'"]'))?(Array.from(o.querySelectorAll('input[name="'.concat(c,'"][type="radio"]'))).forEach(function(n,i){n.disabled=!0}),o.querySelector('input[name="'.concat(c,'"][type="radio"][value="').concat(t[c],'"]')).checked=!0,o.querySelector('input[name="'.concat(c,'"][type="radio"][value="').concat(t[c],'"]')).disabled=!1):o.querySelector('input[name="'.concat(c,'"]'))&&(o.querySelector('input[name="'.concat(c,'"]')).value=t[c],e.hasAttribute("data-lock-fields")&&o.querySelector('input[name="'.concat(c,'"]')).setAttribute("readonly","true"))})};document.addEventListener("DOMContentLoaded",function(){H(),N(),h(document.body),T(),C(document.body),B(document.body)})});