@iamproperty/components 7.6.4--beta1 → 7.6.4--beta3

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.6.4--beta1
+  * iamKey v7.6.4--beta3
   * Copyright 2022-2026 iamproperty
   */function r(s,t){i(s,t)}function i(s,t){let e;t.addEventListener("keyup",()=>{clearTimeout(e),e=setTimeout(function(){o(s,t.value)},500)}),t.addEventListener("change",()=>{clearTimeout(e),o(s,t.value)})}const o=function(s,t){Array.from(s.querySelectorAll(":scope > li")).forEach(e=>{const a=e.textContent.toLowerCase();e.classList.add("d-none"),a.includes(t.toLowerCase())&&e.classList.remove("d-none")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Filtered list",value:t})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"filterlist"});class n extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,a=document.createElement("template");a.innerHTML=`
     <style>

package/assets/js/components/form/form.component.js

@@ -0,0 +1,68 @@
+import { trackComponentRegistered } from '../_global.js';
+trackComponentRegistered('iam-tag');
+class iamTag extends HTMLElement {
+    constructor() {
+        super();
+        this.attachShadow({ mode: 'open' });
+        const template = document.createElement('template');
+        template.innerHTML = `
+    <div class="wrapper">
+      <slot></slot>
+    </div>
+    `;
+        this.shadowRoot.appendChild(template.content.cloneNode(true));
+    }
+    isFormValid(form) {
+        if (form.querySelector(':invalid'))
+            return false;
+        if (form.querySelector('.pwd-checker[data-strength="1"]') || form.querySelector('.pwd-checker[data-strength="2"]'))
+            return false;
+        if (form.querySelector('iam-multiselect[data-is-required][data-error]'))
+            return false;
+        return true;
+    }
+    ;
+    connectedCallback() {
+        const form = this.querySelector('form');
+        if (!form)
+            return false;
+        form.setAttribute('novalidate', 'true');
+        // Form validation
+        form.addEventListener('submit', (e) => {
+            var _a;
+            form.classList.add('was-validated');
+            if (!this.isFormValid(form)) {
+                console.log('hey2');
+                e.preventDefault();
+                (_a = form === null || form === void 0 ? void 0 : form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+            }
+        });
+        // conditional reveal required fields
+        Array.from(form.querySelectorAll('.conditional [required]')).forEach((input) => {
+            input.setAttribute('data-conditional-required', 'true');
+            input.removeAttribute('required');
+        });
+        // conditional reveal required fields (for fields inside of components like the address lookup)
+        Array.from(form.querySelectorAll('.conditional [data-required]')).forEach((input) => {
+            input.setAttribute('data-conditional-data-required', 'true');
+            input.removeAttribute('data-required');
+        });
+        form.addEventListener('change', () => {
+            Array.from(form.querySelectorAll('.conditional [data-conditional-required], .conditional [data-conditional-data-required]')).forEach((input) => {
+                input.removeAttribute('required');
+                input.removeAttribute('data-required');
+            });
+            Array.from(form.querySelectorAll('.conditional [data-conditional-required]')).forEach((input) => {
+                const conditionalStyles = window.getComputedStyle(input.closest('.conditional'));
+                if (conditionalStyles.getPropertyValue("display") == 'block')
+                    input.setAttribute('required', 'required');
+            });
+            Array.from(form.querySelectorAll('.conditional [data-conditional-data-required]')).forEach((input) => {
+                const conditionalStyles = window.getComputedStyle(input.closest('.conditional'));
+                if (conditionalStyles.getPropertyValue("display") == 'block')
+                    input.setAttribute('data-required', 'true');
+            });
+        });
+    }
+}
+export default iamTag;

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

@@ -0,0 +1,9 @@
+/*!
+  * iamKey v7.6.4--beta3
+  * Copyright 2022-2026 iamproperty
+  */const o=a=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:a})};o("iam-tag");class i extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.createElement("template");e.innerHTML=`
+    <div class="wrapper">
+      <slot></slot>
+    </div>
+    `,this.shadowRoot.appendChild(e.content.cloneNode(!0))}isFormValid(e){return!(e.querySelector(":invalid")||e.querySelector('.pwd-checker[data-strength="1"]')||e.querySelector('.pwd-checker[data-strength="2"]')||e.querySelector("iam-multiselect[data-is-required][data-error]"))}connectedCallback(){const e=this.querySelector("form");if(!e)return!1;e.setAttribute("novalidate","true"),e.addEventListener("submit",t=>{var r;e.classList.add("was-validated"),this.isFormValid(e)||(console.log("hey2"),t.preventDefault(),(r=e?.querySelector("input:invalid"))===null||r===void 0||r.scrollIntoView())}),Array.from(e.querySelectorAll(".conditional [required]")).forEach(t=>{t.setAttribute("data-conditional-required","true"),t.removeAttribute("required")}),Array.from(e.querySelectorAll(".conditional [data-required]")).forEach(t=>{t.setAttribute("data-conditional-data-required","true"),t.removeAttribute("data-required")}),e.addEventListener("change",()=>{Array.from(e.querySelectorAll(".conditional [data-conditional-required], .conditional [data-conditional-data-required]")).forEach(t=>{t.removeAttribute("required"),t.removeAttribute("data-required")}),Array.from(e.querySelectorAll(".conditional [data-conditional-required]")).forEach(t=>{window.getComputedStyle(t.closest(".conditional")).getPropertyValue("display")=="block"&&t.setAttribute("required","required")}),Array.from(e.querySelectorAll(".conditional [data-conditional-data-required]")).forEach(t=>{window.getComputedStyle(t.closest(".conditional")).getPropertyValue("display")=="block"&&t.setAttribute("data-required","true")})})}}export{i as default};
+//# sourceMappingURL=form.component.min.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.component.min.js","sources":["../_global.js","form.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","import { trackComponentRegistered } from '../_global.js';\ntrackComponentRegistered('iam-tag');\nclass iamTag extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <div class=\"wrapper\">\n      <slot></slot>\n    </div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    isFormValid(form) {\n        if (form.querySelector(':invalid'))\n            return false;\n        if (form.querySelector('.pwd-checker[data-strength=\"1\"]') || form.querySelector('.pwd-checker[data-strength=\"2\"]'))\n            return false;\n        if (form.querySelector('iam-multiselect[data-is-required][data-error]'))\n            return false;\n        return true;\n    }\n    ;\n    connectedCallback() {\n        const form = this.querySelector('form');\n        if (!form)\n            return false;\n        form.setAttribute('novalidate', 'true');\n        // Form validation\n        form.addEventListener('submit', (e) => {\n            var _a;\n            form.classList.add('was-validated');\n            if (!this.isFormValid(form)) {\n                console.log('hey2');\n                e.preventDefault();\n                (_a = form === null || form === void 0 ? void 0 : form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();\n            }\n        });\n        // conditional reveal required fields\n        Array.from(form.querySelectorAll('.conditional [required]')).forEach((input) => {\n            input.setAttribute('data-conditional-required', 'true');\n            input.removeAttribute('required');\n        });\n        // conditional reveal required fields (for fields inside of components like the address lookup)\n        Array.from(form.querySelectorAll('.conditional [data-required]')).forEach((input) => {\n            input.setAttribute('data-conditional-data-required', 'true');\n            input.removeAttribute('data-required');\n        });\n        form.addEventListener('change', () => {\n            Array.from(form.querySelectorAll('.conditional [data-conditional-required], .conditional [data-conditional-data-required]')).forEach((input) => {\n                input.removeAttribute('required');\n                input.removeAttribute('data-required');\n            });\n            Array.from(form.querySelectorAll('.conditional [data-conditional-required]')).forEach((input) => {\n                const conditionalStyles = window.getComputedStyle(input.closest('.conditional'));\n                if (conditionalStyles.getPropertyValue(\"display\") == 'block')\n                    input.setAttribute('required', 'required');\n            });\n            Array.from(form.querySelectorAll('.conditional [data-conditional-data-required]')).forEach((input) => {\n                const conditionalStyles = window.getComputedStyle(input.closest('.conditional'));\n                if (conditionalStyles.getPropertyValue(\"display\") == 'block')\n                    input.setAttribute('data-required', 'true');\n            });\n        });\n    }\n}\nexport default iamTag;\n"],"names":["trackComponentRegistered","componentName","iamTag","template","form","e","_a","input"],"mappings":";;;IAAO,MAAMA,EAA4BC,GAAkB,CAEvD,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAO,0BACP,QAASA,CACjB,CAAK,CACL,ECNAD,EAAyB,SAAS,EAClC,MAAME,UAAe,WAAY,CAC7B,aAAc,CACV,MAAK,EACL,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,EAClC,MAAMC,EAAW,SAAS,cAAc,UAAU,EAClDA,EAAS,UAAY;AAAA;AAAA;AAAA;AAAA,MAKrB,KAAK,WAAW,YAAYA,EAAS,QAAQ,UAAU,EAAI,CAAC,CAChE,CACA,YAAYC,EAAM,CAKd,MAJI,EAAAA,EAAK,cAAc,UAAU,GAE7BA,EAAK,cAAc,iCAAiC,GAAKA,EAAK,cAAc,iCAAiC,GAE7GA,EAAK,cAAc,+CAA+C,EAG1E,CAEA,mBAAoB,CAChB,MAAMA,EAAO,KAAK,cAAc,MAAM,EACtC,GAAI,CAACA,EACD,MAAO,GACXA,EAAK,aAAa,aAAc,MAAM,EAEtCA,EAAK,iBAAiB,SAAWC,GAAM,CACnC,IAAIC,EACJF,EAAK,UAAU,IAAI,eAAe,EAC7B,KAAK,YAAYA,CAAI,IACtB,QAAQ,IAAI,MAAM,EAClBC,EAAE,eAAc,GACfC,EAAiDF,GAAK,cAAc,eAAe,KAAO,MAAQE,IAAO,QAAkBA,EAAG,eAAc,EAErJ,CAAC,EAED,MAAM,KAAKF,EAAK,iBAAiB,yBAAyB,CAAC,EAAE,QAASG,GAAU,CAC5EA,EAAM,aAAa,4BAA6B,MAAM,EACtDA,EAAM,gBAAgB,UAAU,CACpC,CAAC,EAED,MAAM,KAAKH,EAAK,iBAAiB,8BAA8B,CAAC,EAAE,QAASG,GAAU,CACjFA,EAAM,aAAa,iCAAkC,MAAM,EAC3DA,EAAM,gBAAgB,eAAe,CACzC,CAAC,EACDH,EAAK,iBAAiB,SAAU,IAAM,CAClC,MAAM,KAAKA,EAAK,iBAAiB,yFAAyF,CAAC,EAAE,QAASG,GAAU,CAC5IA,EAAM,gBAAgB,UAAU,EAChCA,EAAM,gBAAgB,eAAe,CACzC,CAAC,EACD,MAAM,KAAKH,EAAK,iBAAiB,0CAA0C,CAAC,EAAE,QAASG,GAAU,CACnE,OAAO,iBAAiBA,EAAM,QAAQ,cAAc,CAAC,EACzD,iBAAiB,SAAS,GAAK,SACjDA,EAAM,aAAa,WAAY,UAAU,CACjD,CAAC,EACD,MAAM,KAAKH,EAAK,iBAAiB,+CAA+C,CAAC,EAAE,QAASG,GAAU,CACxE,OAAO,iBAAiBA,EAAM,QAAQ,cAAc,CAAC,EACzD,iBAAiB,SAAS,GAAK,SACjDA,EAAM,aAAa,gBAAiB,MAAM,CAClD,CAAC,CACL,CAAC,CACL,CACJ"}

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.6.4--beta1
+  * iamKey v7.6.4--beta3
   * Copyright 2022-2026 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class a extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const t=document.createElement("template");t.innerHTML=`
     <style>

package/assets/js/components/inline-edit/inline-edit.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.6.4--beta1
+  * iamKey v7.6.4--beta3
   * Copyright 2022-2026 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"inline edit"});class v extends HTMLElement{constructor(){super();const e=this.attachShadow({mode:"open"});document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const n=document.createElement("template");n.innerHTML=`
     <style class="styles">

package/assets/js/components/input/input.component.js

@@ -54,15 +54,17 @@ class iamInput extends HTMLElement {
         };
         setIcon(inputType);
         const setCurrencyRules = () => {
+            let originalValue = input.value.replace(',', '');
+            input === null || input === void 0 ? void 0 : input.setAttribute('data-value', originalValue);
             input.setAttribute('type', 'text');
-            input === null || input === void 0 ? void 0 : input.setAttribute('data-value', input.value);
-            input.value = new Intl.NumberFormat("en-GB", {
+            originalValue = new Intl.NumberFormat("en-GB", {
                 style: "currency",
                 currency: "GBP",
-                minimumFractionDigits: Number.isInteger(input.value) ? 0 : 2,
-                maximumFractionDigits: Number.isInteger(input.value) ? 0 : 2,
+                minimumFractionDigits: Number.isInteger(originalValue) ? 0 : 2,
+                maximumFractionDigits: Number.isInteger(originalValue) ? 0 : 2,
                 trailingZeroDisplay: 'stripIfInteger' // Strip zeros if it's an integer
-            }).format(input.value).replace("£", "");
+            }).format(originalValue).replace("£", "");
+            input.value = originalValue;
         };
         // Currency type
         if (component === null || component === void 0 ? void 0 : component.hasAttribute('data-currency')) {

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.6.4--beta1
+  * iamKey v7.6.4--beta3
   * Copyright 2022-2026 iamproperty
   */const q=k=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:k})};q("iam-iamPrefix");class _ extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const s=document.createElement("template");s.innerHTML=`
     <style>
@@ -12,5 +12,5 @@
       <slot part="input-wrapper"></slot>
       <slot part="suffix"><slot name="suffix"></slot></slot>
     </div>
-    `,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){var s,u,c,p,f,h,m,v,x,b;const a=this,t=this.querySelector("input"),S=t?.hasAttribute("type")?t?.getAttribute("type"):"text",l=(s=this.shadowRoot)===null||s===void 0?void 0:s.querySelector('[part="prefix"]'),e=(u=this.shadowRoot)===null||u===void 0?void 0:u.querySelector('[part="suffix"]');this.closest("label")&&this.classList.add("mb-0");const A=i=>{switch(i){case"date":case"datetime-local":case"year":case"month":case"week":this.setAttribute("data-suffix-icon","calendar"),e?.setAttribute("role","button");break;case"time":this.setAttribute("data-suffix-icon","clock"),e?.setAttribute("role","button");break;default:this.removeAttribute("data-suffix-icon"),e?.removeAttribute("role");break}};A(S);const E=()=>{t.setAttribute("type","text"),t?.setAttribute("data-value",t.value),t.value=new Intl.NumberFormat("en-GB",{style:"currency",currency:"GBP",minimumFractionDigits:Number.isInteger(t.value)?0:2,maximumFractionDigits:Number.isInteger(t.value)?0:2,trailingZeroDisplay:"stripIfInteger"}).format(t.value).replace("\xA3","")};if(a?.hasAttribute("data-currency")){switch(a?.hasAttribute("data-currency")){case"dollar":a.setAttribute("data-prefix-icon","dollar-sign");break;case"euro":a.setAttribute("data-prefix-icon","euro-sign");break;default:a.setAttribute("data-prefix-icon","sterling-sign");break}E(),t?.addEventListener("focus",i=>{t.setAttribute("type","number"),t.value=t.getAttribute("data-value"),t.setAttribute("value",t.getAttribute("data-value"))}),t?.addEventListener("input",i=>{t?.setAttribute("data-value",t.value)}),t?.addEventListener("blur",i=>{E()})}if(t?.matches('[type="color"]')&&(this.insertAdjacentHTML("beforeend","<output></output>"),t.addEventListener("input",()=>{t.nextElementSibling.value=t.value})),this.hasAttribute("data-prefix-icon")&&(l==null||(l.className=`prefix fa-${this.hasAttribute("data-prefix-weight")?this.getAttribute("data-prefix-weight"):"regular"} fa-${this.getAttribute("data-prefix-icon")}`),(c=this.querySelector("input"))===null||c===void 0||c.classList.add("has-prefix")),this.hasAttribute("data-suffix-icon")&&(e==null||(e.className=`suffix fa-${this.hasAttribute("data-suffix-weight")?this.getAttribute("data-suffix-weight"):"regular"} fa-${this.getAttribute("data-suffix-icon")}`),(p=this.querySelector("input"))===null||p===void 0||p.classList.add("has-suffix")),!((f=this.shadowRoot.querySelector('[name="prefix"]'))===null||f===void 0)&&f.assignedElements().length&&((h=this.shadowRoot.querySelector('[name="prefix"]'))===null||h===void 0||h.classList.add("prefix"),(m=this.querySelector("input"))===null||m===void 0||m.classList.add("has-prefix")),!((v=this.shadowRoot.querySelector('[name="suffix"]'))===null||v===void 0)&&v.assignedElements().length&&((x=this.shadowRoot.querySelector('[name="suffix"]'))===null||x===void 0||x.classList.add("suffix"),(b=this.querySelector("input"))===null||b===void 0||b.classList.add("has-suffix")),this.querySelector("[data-change-type]")){const i=this.querySelector("[data-change-type]");i.addEventListener("change",()=>{t.setAttribute("type",i.value),A(i.value),this.getAttribute("data-suffix-icon")?(e==null||(e.className=`suffix fa-${this.hasAttribute("data-suffix-weight")?this.getAttribute("data-suffix-weight"):"regular"} fa-${this.getAttribute("data-suffix-icon")}`),t?.classList.add("has-suffix")):(e?.removeAttribute("class"),t?.classList.remove("has-suffix"))})}const L=(i,g)=>{const o=new Date(i.value).getUTCDay();g.includes(o)?i.setCustomValidity(""):i.setCustomValidity("That day of the week is not allowed")};if(t?.matches('[type="date"], [type="datetime-local"]')&&this.hasAttribute("data-allowed-days")){const i=JSON.parse(`[${this.getAttribute("data-allowed-days")}]`);L(t,i),t.addEventListener("input",()=>{L(t,i)})}if(e.addEventListener("click",function(){a?.querySelector('select[data-change-type][slot="suffix"]')||t.showPicker()}),l.addEventListener("click",function(){a?.querySelector('select[data-change-type][slot="prefix"]')||t.showPicker()}),a.hasAttribute("data-duplicate")){const i=a.getAttribute("data-duplicate"),g=document.querySelectorAll(`[name="${i}"], [id="${i}"]`);t.addEventListener("change",o=>{var r;if(t.closest("iam-modal"))return!1;if(t?.matches('[type="checkbox"]')&&(watchedInput!=null&&watchedInput.matches('[type="checkbox"]'))&&(watchedInput.checked=o.target.checked,!o.detail&&!(!((r=o.detail)===null||r===void 0)&&r.triggered))){const n=new CustomEvent("change",{detail:{triggered:!0}});watchedInput==null||watchedInput.dispatchEvent(n)}}),Array.from(g).forEach(o=>{o?.addEventListener("change",r=>{var n,y;if(t?.matches('[type="checkbox"]')&&o?.matches('[type="checkbox"]')&&(t.checked=r.target.checked,!r.detail&&!(!((n=r.detail)===null||n===void 0)&&n.triggered))){const d=new CustomEvent("change",{detail:{triggered:!0}});t?.dispatchEvent(d)}if(!t?.matches('[type="checkbox"]')&&o?.matches('[type="checkbox"]')){let d="";if(Array.from(document.querySelectorAll(`[name="${i}"]:checked`)).forEach(w=>{d+=(d==""?"":",")+w.value}),t.value=d,!r.detail&&!(!((y=r.detail)===null||y===void 0)&&y.triggered)){const w=new CustomEvent("change",{detail:{triggered:!0}});t?.dispatchEvent(w)}}})})}}}export{_ as default};
+    `,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){var s,c,u,p,f,h,m,v,x,b;const a=this,t=this.querySelector("input"),S=t?.hasAttribute("type")?t?.getAttribute("type"):"text",l=(s=this.shadowRoot)===null||s===void 0?void 0:s.querySelector('[part="prefix"]'),i=(c=this.shadowRoot)===null||c===void 0?void 0:c.querySelector('[part="suffix"]');this.closest("label")&&this.classList.add("mb-0");const A=e=>{switch(e){case"date":case"datetime-local":case"year":case"month":case"week":this.setAttribute("data-suffix-icon","calendar"),i?.setAttribute("role","button");break;case"time":this.setAttribute("data-suffix-icon","clock"),i?.setAttribute("role","button");break;default:this.removeAttribute("data-suffix-icon"),i?.removeAttribute("role");break}};A(S);const E=()=>{let e=t.value.replace(",","");t?.setAttribute("data-value",e),t.setAttribute("type","text"),e=new Intl.NumberFormat("en-GB",{style:"currency",currency:"GBP",minimumFractionDigits:Number.isInteger(e)?0:2,maximumFractionDigits:Number.isInteger(e)?0:2,trailingZeroDisplay:"stripIfInteger"}).format(e).replace("\xA3",""),t.value=e};if(a?.hasAttribute("data-currency")){switch(a?.hasAttribute("data-currency")){case"dollar":a.setAttribute("data-prefix-icon","dollar-sign");break;case"euro":a.setAttribute("data-prefix-icon","euro-sign");break;default:a.setAttribute("data-prefix-icon","sterling-sign");break}E(),t?.addEventListener("focus",e=>{t.setAttribute("type","number"),t.value=t.getAttribute("data-value"),t.setAttribute("value",t.getAttribute("data-value"))}),t?.addEventListener("input",e=>{t?.setAttribute("data-value",t.value)}),t?.addEventListener("blur",e=>{E()})}if(t?.matches('[type="color"]')&&(this.insertAdjacentHTML("beforeend","<output></output>"),t.addEventListener("input",()=>{t.nextElementSibling.value=t.value})),this.hasAttribute("data-prefix-icon")&&(l==null||(l.className=`prefix fa-${this.hasAttribute("data-prefix-weight")?this.getAttribute("data-prefix-weight"):"regular"} fa-${this.getAttribute("data-prefix-icon")}`),(u=this.querySelector("input"))===null||u===void 0||u.classList.add("has-prefix")),this.hasAttribute("data-suffix-icon")&&(i==null||(i.className=`suffix fa-${this.hasAttribute("data-suffix-weight")?this.getAttribute("data-suffix-weight"):"regular"} fa-${this.getAttribute("data-suffix-icon")}`),(p=this.querySelector("input"))===null||p===void 0||p.classList.add("has-suffix")),!((f=this.shadowRoot.querySelector('[name="prefix"]'))===null||f===void 0)&&f.assignedElements().length&&((h=this.shadowRoot.querySelector('[name="prefix"]'))===null||h===void 0||h.classList.add("prefix"),(m=this.querySelector("input"))===null||m===void 0||m.classList.add("has-prefix")),!((v=this.shadowRoot.querySelector('[name="suffix"]'))===null||v===void 0)&&v.assignedElements().length&&((x=this.shadowRoot.querySelector('[name="suffix"]'))===null||x===void 0||x.classList.add("suffix"),(b=this.querySelector("input"))===null||b===void 0||b.classList.add("has-suffix")),this.querySelector("[data-change-type]")){const e=this.querySelector("[data-change-type]");e.addEventListener("change",()=>{t.setAttribute("type",e.value),A(e.value),this.getAttribute("data-suffix-icon")?(i==null||(i.className=`suffix fa-${this.hasAttribute("data-suffix-weight")?this.getAttribute("data-suffix-weight"):"regular"} fa-${this.getAttribute("data-suffix-icon")}`),t?.classList.add("has-suffix")):(i?.removeAttribute("class"),t?.classList.remove("has-suffix"))})}const L=(e,g)=>{const o=new Date(e.value).getUTCDay();g.includes(o)?e.setCustomValidity(""):e.setCustomValidity("That day of the week is not allowed")};if(t?.matches('[type="date"], [type="datetime-local"]')&&this.hasAttribute("data-allowed-days")){const e=JSON.parse(`[${this.getAttribute("data-allowed-days")}]`);L(t,e),t.addEventListener("input",()=>{L(t,e)})}if(i.addEventListener("click",function(){a?.querySelector('select[data-change-type][slot="suffix"]')||t.showPicker()}),l.addEventListener("click",function(){a?.querySelector('select[data-change-type][slot="prefix"]')||t.showPicker()}),a.hasAttribute("data-duplicate")){const e=a.getAttribute("data-duplicate"),g=document.querySelectorAll(`[name="${e}"], [id="${e}"]`);t.addEventListener("change",o=>{var r;if(t.closest("iam-modal"))return!1;if(t?.matches('[type="checkbox"]')&&(watchedInput!=null&&watchedInput.matches('[type="checkbox"]'))&&(watchedInput.checked=o.target.checked,!o.detail&&!(!((r=o.detail)===null||r===void 0)&&r.triggered))){const n=new CustomEvent("change",{detail:{triggered:!0}});watchedInput==null||watchedInput.dispatchEvent(n)}}),Array.from(g).forEach(o=>{o?.addEventListener("change",r=>{var n,y;if(t?.matches('[type="checkbox"]')&&o?.matches('[type="checkbox"]')&&(t.checked=r.target.checked,!r.detail&&!(!((n=r.detail)===null||n===void 0)&&n.triggered))){const d=new CustomEvent("change",{detail:{triggered:!0}});t?.dispatchEvent(d)}if(!t?.matches('[type="checkbox"]')&&o?.matches('[type="checkbox"]')){let d="";if(Array.from(document.querySelectorAll(`[name="${e}"]:checked`)).forEach(w=>{d+=(d==""?"":",")+w.value}),t.value=d,!r.detail&&!(!((y=r.detail)===null||y===void 0)&&y.triggered)){const w=new CustomEvent("change",{detail:{triggered:!0}});t?.dispatchEvent(w)}}})})}}}export{_ as default};
 //# sourceMappingURL=input.component.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.component.min.js","sources":["../_global.js","input.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","import { trackComponentRegistered } from '../_global.js';\ntrackComponentRegistered('iam-iamPrefix');\nclass iamInput 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/input.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${loadCSS}\n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\">\n    <div class=\"wrapper\" part=\"wrapper\">\n      <span part=\"prefix\"><slot name=\"prefix\"></slot></span>\n      <slot part=\"input-wrapper\"></slot>\n      <slot part=\"suffix\"><slot name=\"suffix\"></slot></slot>\n    </div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;\n        const component = this;\n        const input = this.querySelector('input');\n        const inputType = (input === null || input === void 0 ? void 0 : input.hasAttribute('type')) ? input === null || input === void 0 ? void 0 : input.getAttribute('type') : 'text';\n        const prefixIcon = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('[part=\"prefix\"]');\n        const suffixIcon = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('[part=\"suffix\"]');\n        if (this.closest('label'))\n            this.classList.add('mb-0');\n        const setIcon = (inputType) => {\n            // Pre set the icons\n            switch (inputType) {\n                case \"date\":\n                case \"datetime-local\":\n                case \"year\":\n                case \"month\":\n                case \"week\":\n                    this.setAttribute('data-suffix-icon', 'calendar');\n                    suffixIcon === null || suffixIcon === void 0 ? void 0 : suffixIcon.setAttribute('role', 'button');\n                    break;\n                case \"time\":\n                    this.setAttribute('data-suffix-icon', 'clock');\n                    suffixIcon === null || suffixIcon === void 0 ? void 0 : suffixIcon.setAttribute('role', 'button');\n                    break;\n                default:\n                    this.removeAttribute('data-suffix-icon');\n                    suffixIcon === null || suffixIcon === void 0 ? void 0 : suffixIcon.removeAttribute('role');\n                    break;\n            }\n        };\n        setIcon(inputType);\n        const setCurrencyRules = () => {\n            input.setAttribute('type', 'text');\n            input === null || input === void 0 ? void 0 : input.setAttribute('data-value', input.value);\n            input.value = new Intl.NumberFormat(\"en-GB\", {\n                style: \"currency\",\n                currency: \"GBP\",\n                minimumFractionDigits: Number.isInteger(input.value) ? 0 : 2,\n                maximumFractionDigits: Number.isInteger(input.value) ? 0 : 2,\n                trailingZeroDisplay: 'stripIfInteger' // Strip zeros if it's an integer\n            }).format(input.value).replace(\"£\", \"\");\n        };\n        // Currency type\n        if (component === null || component === void 0 ? void 0 : component.hasAttribute('data-currency')) {\n            // Pre set the icons\n            switch (component === null || component === void 0 ? void 0 : component.hasAttribute('data-currency')) {\n                case \"dollar\":\n                    component.setAttribute('data-prefix-icon', 'dollar-sign');\n                    break;\n                case \"euro\":\n                    component.setAttribute('data-prefix-icon', 'euro-sign');\n                    break;\n                default:\n                    component.setAttribute('data-prefix-icon', 'sterling-sign');\n                    break;\n            }\n            setCurrencyRules();\n            input === null || input === void 0 ? void 0 : input.addEventListener('focus', (event) => {\n                input.setAttribute('type', 'number');\n                input.value = input.getAttribute('data-value');\n                input.setAttribute('value', input.getAttribute('data-value'));\n            });\n            input === null || input === void 0 ? void 0 : input.addEventListener('input', (event) => {\n                input === null || input === void 0 ? void 0 : input.setAttribute('data-value', input.value);\n            });\n            input === null || input === void 0 ? void 0 : input.addEventListener('blur', (event) => {\n                setCurrencyRules();\n            });\n        }\n        // Colour input field\n        if (input === null || input === void 0 ? void 0 : input.matches('[type=\"color\"]')) {\n            this.insertAdjacentHTML('beforeend', `<output></output>`);\n            input.addEventListener('input', () => {\n                input.nextElementSibling.value = input.value;\n            });\n        }\n        if (this.hasAttribute('data-prefix-icon')) {\n            prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.className = `prefix fa-${this.hasAttribute('data-prefix-weight') ? this.getAttribute('data-prefix-weight') : 'regular'} fa-${this.getAttribute('data-prefix-icon')}`;\n            (_c = this.querySelector('input')) === null || _c === void 0 ? void 0 : _c.classList.add('has-prefix');\n        }\n        if (this.hasAttribute('data-suffix-icon')) {\n            suffixIcon === null || suffixIcon === void 0 ? void 0 : suffixIcon.className = `suffix fa-${this.hasAttribute('data-suffix-weight') ? this.getAttribute('data-suffix-weight') : 'regular'} fa-${this.getAttribute('data-suffix-icon')}`;\n            (_d = this.querySelector('input')) === null || _d === void 0 ? void 0 : _d.classList.add('has-suffix');\n        }\n        if ((_e = this.shadowRoot.querySelector('[name=\"prefix\"]')) === null || _e === void 0 ? void 0 : _e.assignedElements().length) {\n            (_f = this.shadowRoot.querySelector('[name=\"prefix\"]')) === null || _f === void 0 ? void 0 : _f.classList.add('prefix');\n            (_g = this.querySelector('input')) === null || _g === void 0 ? void 0 : _g.classList.add('has-prefix');\n        }\n        if ((_h = this.shadowRoot.querySelector('[name=\"suffix\"]')) === null || _h === void 0 ? void 0 : _h.assignedElements().length) {\n            (_j = this.shadowRoot.querySelector('[name=\"suffix\"]')) === null || _j === void 0 ? void 0 : _j.classList.add('suffix');\n            (_k = this.querySelector('input')) === null || _k === void 0 ? void 0 : _k.classList.add('has-suffix');\n        }\n        // Change type\n        if (this.querySelector('[data-change-type]')) {\n            const select = this.querySelector('[data-change-type]');\n            select.addEventListener('change', () => {\n                input.setAttribute('type', select.value);\n                setIcon(select.value);\n                if (this.getAttribute('data-suffix-icon')) {\n                    suffixIcon === null || suffixIcon === void 0 ? void 0 : suffixIcon.className = `suffix fa-${this.hasAttribute('data-suffix-weight') ? this.getAttribute('data-suffix-weight') : 'regular'} fa-${this.getAttribute('data-suffix-icon')}`;\n                    input === null || input === void 0 ? void 0 : input.classList.add('has-suffix');\n                }\n                else {\n                    suffixIcon === null || suffixIcon === void 0 ? void 0 : suffixIcon.removeAttribute('class');\n                    input === null || input === void 0 ? void 0 : input.classList.remove('has-suffix');\n                }\n            });\n        }\n        // #region Date restrictions\n        const today = new Date();\n        function formatDate(date, type = \"date\") {\n            const year = date.getFullYear();\n            const month = String(date.getMonth() + 1).padStart(2, '0');\n            const day = String(date.getDate()).padStart(2, '0');\n            if (type == \"datetime-local\")\n                return `${year}-${month}-${day}T00:00:00`;\n            return `${year}-${month}-${day}`;\n        }\n        const checkDayAllowed = (input, allowedDays) => {\n            const day = new Date(input.value).getUTCDay();\n            if (allowedDays.includes(day))\n                input.setCustomValidity('');\n            else\n                input.setCustomValidity('That day of the week is not allowed');\n        };\n        if ((input === null || input === void 0 ? void 0 : input.matches('[type=\"date\"], [type=\"datetime-local\"]')) && this.hasAttribute('data-allowed-days')) {\n            const allowedDays = JSON.parse(`[${this.getAttribute('data-allowed-days')}]`);\n            checkDayAllowed(input, allowedDays);\n            input.addEventListener('input', () => { checkDayAllowed(input, allowedDays); });\n        }\n        // #endregion\n        suffixIcon.addEventListener('click', function () {\n            if (!(component === null || component === void 0 ? void 0 : component.querySelector('select[data-change-type][slot=\"suffix\"]')))\n                input.showPicker();\n        });\n        prefixIcon.addEventListener('click', function () {\n            if (!(component === null || component === void 0 ? void 0 : component.querySelector('select[data-change-type][slot=\"prefix\"]')))\n                input.showPicker();\n        });\n        // Duplicate input watches\n        if (component.hasAttribute('data-duplicate')) {\n            const id = component.getAttribute('data-duplicate');\n            const watchedInputs = document.querySelectorAll(`[name=\"${id}\"], [id=\"${id}\"]`);\n            input.addEventListener('change', (event) => {\n                var _a;\n                if (input.closest('iam-modal'))\n                    return false;\n                if ((input === null || input === void 0 ? void 0 : input.matches('[type=\"checkbox\"]')) && (watchedInput === null || watchedInput === void 0 ? void 0 : watchedInput.matches('[type=\"checkbox\"]'))) {\n                    watchedInput.checked = event.target.checked;\n                    if (!event.detail && !((_a = event.detail) === null || _a === void 0 ? void 0 : _a.triggered)) {\n                        const changeEvent = new CustomEvent('change', { detail: { triggered: true } });\n                        watchedInput === null || watchedInput === void 0 ? void 0 : watchedInput.dispatchEvent(changeEvent);\n                    }\n                }\n            });\n            Array.from(watchedInputs).forEach((watchedInput) => {\n                watchedInput === null || watchedInput === void 0 ? void 0 : watchedInput.addEventListener('change', (event) => {\n                    var _a, _b;\n                    // If both the duplicate input and the watched input are checkboxes\n                    if ((input === null || input === void 0 ? void 0 : input.matches('[type=\"checkbox\"]')) && (watchedInput === null || watchedInput === void 0 ? void 0 : watchedInput.matches('[type=\"checkbox\"]'))) {\n                        input.checked = event.target.checked;\n                        if (!event.detail && !((_a = event.detail) === null || _a === void 0 ? void 0 : _a.triggered)) {\n                            const changeEvent = new CustomEvent('change', { detail: { triggered: true } });\n                            input === null || input === void 0 ? void 0 : input.dispatchEvent(changeEvent);\n                        }\n                    }\n                    // if input is not a checkbox BUT the watched input is\n                    // Then we need to create the input's value\n                    if (!(input === null || input === void 0 ? void 0 : input.matches('[type=\"checkbox\"]')) && (watchedInput === null || watchedInput === void 0 ? void 0 : watchedInput.matches('[type=\"checkbox\"]'))) {\n                        let computedValue = '';\n                        Array.from(document.querySelectorAll(`[name=\"${id}\"]:checked`)).forEach((loopInput) => {\n                            computedValue += (computedValue == '' ? '' : ',') + loopInput.value;\n                        });\n                        input.value = computedValue;\n                        if (!event.detail && !((_b = event.detail) === null || _b === void 0 ? void 0 : _b.triggered)) {\n                            const changeEvent = new CustomEvent('change', { detail: { triggered: true } });\n                            input === null || input === void 0 ? void 0 : input.dispatchEvent(changeEvent);\n                        }\n                    }\n                });\n            });\n        }\n    }\n}\nexport default iamInput;\n"],"names":["trackComponentRegistered","componentName","iamInput","template","_a","_b","_c","_d","_e","_f","_g","_h","_j","_k","component","input","inputType","prefixIcon","suffixIcon","setIcon","setCurrencyRules","event","select","checkDayAllowed","allowedDays","day","id","watchedInputs","changeEvent","watchedInput","computedValue","loopInput"],"mappings":"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"}
+{"version":3,"file":"input.component.min.js","sources":["../_global.js","input.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","import { trackComponentRegistered } from '../_global.js';\ntrackComponentRegistered('iam-iamPrefix');\nclass iamInput 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/input.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${loadCSS}\n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\">\n    <div class=\"wrapper\" part=\"wrapper\">\n      <span part=\"prefix\"><slot name=\"prefix\"></slot></span>\n      <slot part=\"input-wrapper\"></slot>\n      <slot part=\"suffix\"><slot name=\"suffix\"></slot></slot>\n    </div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;\n        const component = this;\n        const input = this.querySelector('input');\n        const inputType = (input === null || input === void 0 ? void 0 : input.hasAttribute('type')) ? input === null || input === void 0 ? void 0 : input.getAttribute('type') : 'text';\n        const prefixIcon = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('[part=\"prefix\"]');\n        const suffixIcon = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('[part=\"suffix\"]');\n        if (this.closest('label'))\n            this.classList.add('mb-0');\n        const setIcon = (inputType) => {\n            // Pre set the icons\n            switch (inputType) {\n                case \"date\":\n                case \"datetime-local\":\n                case \"year\":\n                case \"month\":\n                case \"week\":\n                    this.setAttribute('data-suffix-icon', 'calendar');\n                    suffixIcon === null || suffixIcon === void 0 ? void 0 : suffixIcon.setAttribute('role', 'button');\n                    break;\n                case \"time\":\n                    this.setAttribute('data-suffix-icon', 'clock');\n                    suffixIcon === null || suffixIcon === void 0 ? void 0 : suffixIcon.setAttribute('role', 'button');\n                    break;\n                default:\n                    this.removeAttribute('data-suffix-icon');\n                    suffixIcon === null || suffixIcon === void 0 ? void 0 : suffixIcon.removeAttribute('role');\n                    break;\n            }\n        };\n        setIcon(inputType);\n        const setCurrencyRules = () => {\n            let originalValue = input.value.replace(',', '');\n            input === null || input === void 0 ? void 0 : input.setAttribute('data-value', originalValue);\n            input.setAttribute('type', 'text');\n            originalValue = new Intl.NumberFormat(\"en-GB\", {\n                style: \"currency\",\n                currency: \"GBP\",\n                minimumFractionDigits: Number.isInteger(originalValue) ? 0 : 2,\n                maximumFractionDigits: Number.isInteger(originalValue) ? 0 : 2,\n                trailingZeroDisplay: 'stripIfInteger' // Strip zeros if it's an integer\n            }).format(originalValue).replace(\"£\", \"\");\n            input.value = originalValue;\n        };\n        // Currency type\n        if (component === null || component === void 0 ? void 0 : component.hasAttribute('data-currency')) {\n            // Pre set the icons\n            switch (component === null || component === void 0 ? void 0 : component.hasAttribute('data-currency')) {\n                case \"dollar\":\n                    component.setAttribute('data-prefix-icon', 'dollar-sign');\n                    break;\n                case \"euro\":\n                    component.setAttribute('data-prefix-icon', 'euro-sign');\n                    break;\n                default:\n                    component.setAttribute('data-prefix-icon', 'sterling-sign');\n                    break;\n            }\n            setCurrencyRules();\n            input === null || input === void 0 ? void 0 : input.addEventListener('focus', (event) => {\n                input.setAttribute('type', 'number');\n                input.value = input.getAttribute('data-value');\n                input.setAttribute('value', input.getAttribute('data-value'));\n            });\n            input === null || input === void 0 ? void 0 : input.addEventListener('input', (event) => {\n                input === null || input === void 0 ? void 0 : input.setAttribute('data-value', input.value);\n            });\n            input === null || input === void 0 ? void 0 : input.addEventListener('blur', (event) => {\n                setCurrencyRules();\n            });\n        }\n        // Colour input field\n        if (input === null || input === void 0 ? void 0 : input.matches('[type=\"color\"]')) {\n            this.insertAdjacentHTML('beforeend', `<output></output>`);\n            input.addEventListener('input', () => {\n                input.nextElementSibling.value = input.value;\n            });\n        }\n        if (this.hasAttribute('data-prefix-icon')) {\n            prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.className = `prefix fa-${this.hasAttribute('data-prefix-weight') ? this.getAttribute('data-prefix-weight') : 'regular'} fa-${this.getAttribute('data-prefix-icon')}`;\n            (_c = this.querySelector('input')) === null || _c === void 0 ? void 0 : _c.classList.add('has-prefix');\n        }\n        if (this.hasAttribute('data-suffix-icon')) {\n            suffixIcon === null || suffixIcon === void 0 ? void 0 : suffixIcon.className = `suffix fa-${this.hasAttribute('data-suffix-weight') ? this.getAttribute('data-suffix-weight') : 'regular'} fa-${this.getAttribute('data-suffix-icon')}`;\n            (_d = this.querySelector('input')) === null || _d === void 0 ? void 0 : _d.classList.add('has-suffix');\n        }\n        if ((_e = this.shadowRoot.querySelector('[name=\"prefix\"]')) === null || _e === void 0 ? void 0 : _e.assignedElements().length) {\n            (_f = this.shadowRoot.querySelector('[name=\"prefix\"]')) === null || _f === void 0 ? void 0 : _f.classList.add('prefix');\n            (_g = this.querySelector('input')) === null || _g === void 0 ? void 0 : _g.classList.add('has-prefix');\n        }\n        if ((_h = this.shadowRoot.querySelector('[name=\"suffix\"]')) === null || _h === void 0 ? void 0 : _h.assignedElements().length) {\n            (_j = this.shadowRoot.querySelector('[name=\"suffix\"]')) === null || _j === void 0 ? void 0 : _j.classList.add('suffix');\n            (_k = this.querySelector('input')) === null || _k === void 0 ? void 0 : _k.classList.add('has-suffix');\n        }\n        // Change type\n        if (this.querySelector('[data-change-type]')) {\n            const select = this.querySelector('[data-change-type]');\n            select.addEventListener('change', () => {\n                input.setAttribute('type', select.value);\n                setIcon(select.value);\n                if (this.getAttribute('data-suffix-icon')) {\n                    suffixIcon === null || suffixIcon === void 0 ? void 0 : suffixIcon.className = `suffix fa-${this.hasAttribute('data-suffix-weight') ? this.getAttribute('data-suffix-weight') : 'regular'} fa-${this.getAttribute('data-suffix-icon')}`;\n                    input === null || input === void 0 ? void 0 : input.classList.add('has-suffix');\n                }\n                else {\n                    suffixIcon === null || suffixIcon === void 0 ? void 0 : suffixIcon.removeAttribute('class');\n                    input === null || input === void 0 ? void 0 : input.classList.remove('has-suffix');\n                }\n            });\n        }\n        // #region Date restrictions\n        const today = new Date();\n        function formatDate(date, type = \"date\") {\n            const year = date.getFullYear();\n            const month = String(date.getMonth() + 1).padStart(2, '0');\n            const day = String(date.getDate()).padStart(2, '0');\n            if (type == \"datetime-local\")\n                return `${year}-${month}-${day}T00:00:00`;\n            return `${year}-${month}-${day}`;\n        }\n        const checkDayAllowed = (input, allowedDays) => {\n            const day = new Date(input.value).getUTCDay();\n            if (allowedDays.includes(day))\n                input.setCustomValidity('');\n            else\n                input.setCustomValidity('That day of the week is not allowed');\n        };\n        if ((input === null || input === void 0 ? void 0 : input.matches('[type=\"date\"], [type=\"datetime-local\"]')) && this.hasAttribute('data-allowed-days')) {\n            const allowedDays = JSON.parse(`[${this.getAttribute('data-allowed-days')}]`);\n            checkDayAllowed(input, allowedDays);\n            input.addEventListener('input', () => { checkDayAllowed(input, allowedDays); });\n        }\n        // #endregion\n        suffixIcon.addEventListener('click', function () {\n            if (!(component === null || component === void 0 ? void 0 : component.querySelector('select[data-change-type][slot=\"suffix\"]')))\n                input.showPicker();\n        });\n        prefixIcon.addEventListener('click', function () {\n            if (!(component === null || component === void 0 ? void 0 : component.querySelector('select[data-change-type][slot=\"prefix\"]')))\n                input.showPicker();\n        });\n        // Duplicate input watches\n        if (component.hasAttribute('data-duplicate')) {\n            const id = component.getAttribute('data-duplicate');\n            const watchedInputs = document.querySelectorAll(`[name=\"${id}\"], [id=\"${id}\"]`);\n            input.addEventListener('change', (event) => {\n                var _a;\n                if (input.closest('iam-modal'))\n                    return false;\n                if ((input === null || input === void 0 ? void 0 : input.matches('[type=\"checkbox\"]')) && (watchedInput === null || watchedInput === void 0 ? void 0 : watchedInput.matches('[type=\"checkbox\"]'))) {\n                    watchedInput.checked = event.target.checked;\n                    if (!event.detail && !((_a = event.detail) === null || _a === void 0 ? void 0 : _a.triggered)) {\n                        const changeEvent = new CustomEvent('change', { detail: { triggered: true } });\n                        watchedInput === null || watchedInput === void 0 ? void 0 : watchedInput.dispatchEvent(changeEvent);\n                    }\n                }\n            });\n            Array.from(watchedInputs).forEach((watchedInput) => {\n                watchedInput === null || watchedInput === void 0 ? void 0 : watchedInput.addEventListener('change', (event) => {\n                    var _a, _b;\n                    // If both the duplicate input and the watched input are checkboxes\n                    if ((input === null || input === void 0 ? void 0 : input.matches('[type=\"checkbox\"]')) && (watchedInput === null || watchedInput === void 0 ? void 0 : watchedInput.matches('[type=\"checkbox\"]'))) {\n                        input.checked = event.target.checked;\n                        if (!event.detail && !((_a = event.detail) === null || _a === void 0 ? void 0 : _a.triggered)) {\n                            const changeEvent = new CustomEvent('change', { detail: { triggered: true } });\n                            input === null || input === void 0 ? void 0 : input.dispatchEvent(changeEvent);\n                        }\n                    }\n                    // if input is not a checkbox BUT the watched input is\n                    // Then we need to create the input's value\n                    if (!(input === null || input === void 0 ? void 0 : input.matches('[type=\"checkbox\"]')) && (watchedInput === null || watchedInput === void 0 ? void 0 : watchedInput.matches('[type=\"checkbox\"]'))) {\n                        let computedValue = '';\n                        Array.from(document.querySelectorAll(`[name=\"${id}\"]:checked`)).forEach((loopInput) => {\n                            computedValue += (computedValue == '' ? '' : ',') + loopInput.value;\n                        });\n                        input.value = computedValue;\n                        if (!event.detail && !((_b = event.detail) === null || _b === void 0 ? void 0 : _b.triggered)) {\n                            const changeEvent = new CustomEvent('change', { detail: { triggered: true } });\n                            input === null || input === void 0 ? void 0 : input.dispatchEvent(changeEvent);\n                        }\n                    }\n                });\n            });\n        }\n    }\n}\nexport default iamInput;\n"],"names":["trackComponentRegistered","componentName","iamInput","template","_a","_b","_c","_d","_e","_f","_g","_h","_j","_k","component","input","inputType","prefixIcon","suffixIcon","setIcon","setCurrencyRules","originalValue","event","select","checkDayAllowed","allowedDays","day","id","watchedInputs","changeEvent","watchedInput","computedValue","loopInput"],"mappings":"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"}

package/assets/js/components/input-range/input-range.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.6.4--beta1
+  * iamKey v7.6.4--beta3
   * Copyright 2022-2026 iamproperty
   */const o=s=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:s})};o("iam-iamPrefix");class i 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>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.6.4--beta1
+  * iamKey v7.6.4--beta3
   * Copyright 2022-2026 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Marketing"});class e extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const t=document.createElement("template");t.innerHTML=`
     <style>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.6.4--beta1
+  * iamKey v7.6.4--beta3
   * Copyright 2022-2026 iamproperty
   */class u extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const n=document.createElement("template");n.innerHTML=`
     <style>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.6.4--beta1
+  * iamKey v7.6.4--beta3
   * Copyright 2022-2026 iamproperty
   */const l=t=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:t})},m=(t,n,a)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:n}),a.forEach(e=>{t.addEventListener(e,function(s){const d={event:e,element:n,target:s.target};Object.keys(s.detail).forEach(o=>{const i=s.detail[o];d[o]=i}),window.dataLayer.push(d)})}),!0),p=function(t){const n=t.dataset.status;if(!n)return;const a=t.shadowRoot.querySelector(".milestone-wrap"),e=document.createElement("span");e.setAttribute("part","status"),e.classList.add("milestone-status"),e.innerHTML=`${n} Step`,n==="Current"&&t.classList.add("current"),a.insertAdjacentElement("afterbegin",e)},u=function(t){const n=t.shadowRoot.querySelector(".task-wrap"),a=t.dataset.items?JSON.parse(t.dataset.items):[];a.length&&(a.forEach(e=>{const s=document.createElement("details"),d=document.createElement("summary"),o=document.createElement("div"),i=document.createElement("p");o.classList.add("task-details"),d.innerHTML=e.name,e.date_completed&&d.classList.add("complete"),s.appendChild(d),e.description&&(i.innerHTML=e.description,o.appendChild(i)),e.actions.length&&o.appendChild(h(e.actions,d)),s.appendChild(o),n.insertAdjacentElement("beforeend",s),s.addEventListener("click",()=>{s?.hasAttribute("open")?r("milestone-item-closed",e.name,t):r("milestone-item-opened",e.name,t)})}),t.appendChild(n))},r=function(t,n,a){const e=new CustomEvent(t,{detail:{title:n}});a.dispatchEvent(e)},h=function(t,n){const a=document.createElement("ul"),e=t.length,d=t.filter(o=>o.date_completed).length||0;if(!(e<1))return n.innerHTML+=` (${d}/${e})`,t.forEach(o=>{const i=document.createElement("li"),c=document.createElement("span");o.date_completed&&(i.classList.add("complete"),c.classList.add("action-date"),c.innerHTML=o.date_completed),i.innerHTML=o.action,i.appendChild(c),a.appendChild(i)}),a},w=function(t){p(t),u(t)};l("iam-milestone");class L extends HTMLElement{constructor(){var n;super(),this.attachShadow({mode:"open"});const a=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${a}/css/core.min.css`,s=document.createElement("template");s.innerHTML=`
     <style>

package/assets/js/components/milestone-group/milestone-group.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.6.4--beta1
+  * iamKey v7.6.4--beta3
   * Copyright 2022-2026 iamproperty
   */const r=t=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:t})},l=(t,s,e)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:s}),e.forEach(n=>{t.addEventListener(n,function(o){const a={event:n,element:s,target:o.target};Object.keys(o.detail).forEach(i=>{const d=o.detail[i];a[i]=d}),window.dataLayer.push(a)})}),!0),u=function(t){if(!t.dataset.showAllToggle)return;const e=document.createElement("button");e.innerHTML="Show next steps",e.classList.add("btn","btn-tertiary","show-all-toggle"),t.appendChild(e),e.addEventListener("click",()=>{t.classList.contains("show-all")?(e.innerHTML="Show next steps",t.classList.remove("show-all"),c("hide-future-items",t)):(e.innerHTML="Hide next steps",t.classList.add("show-all"),c("show-future-items",t))})},c=function(t,s){const e=new CustomEvent(t,{});s.dispatchEvent(e)},h=function(t){u(t)};r("iam-milestone-group");class m extends HTMLElement{constructor(){var s;super();const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",n=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,o=document.createElement("template");o.innerHTML=`
     <style>

package/assets/js/components/modal/modal.component.js

@@ -36,7 +36,7 @@ class iamModal extends HTMLElement {
         var _a, _b, _c, _d, _e, _f;
         const originalDialog = this.querySelector('dialog');
         const id = this.hasAttribute('id') ? this.getAttribute('id') : originalDialog === null || originalDialog === void 0 ? void 0 : originalDialog.getAttribute('id');
-        const dialog = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('dialog');
+        let dialog = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('dialog');
         const closeButton = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('[data-close]');
         const cancelButton = (_c = this.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('[data-cancel]');
         const agreedButton = this.querySelector('button[slot="agreed-button"]') ? this.querySelector('button[slot="agreed-button"]') : (_d = this.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('[data-agreed]');

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.6.4--beta1
+  * iamKey v7.6.4--beta3
   * Copyright 2022-2026 iamproperty
   */const w=d=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:d})},y=(d,a)=>{var i;const e=(i=a.shadowRoot)===null||i===void 0?void 0:i.querySelector("dialog");e?.showModal(),e?.focus();const c=new CustomEvent("modal-opened",{bubbles:!0,cancelable:!0,detail:{modalId:d}});a.dispatchEvent(c),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:d})},r=(d,a)=>{var i;const e=(i=a.shadowRoot)===null||i===void 0?void 0:i.querySelector("dialog");e?.close();const c=new CustomEvent("modal-closed",{bubbles:!0,cancelable:!0,detail:{modalId:d}});a.dispatchEvent(c),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:d})},k='<button class="btn btn-compact btn-secondary fa-xmark-large" data-close>Close</button>';w("iam-card");class x 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>
@@ -21,7 +21,7 @@
         </div>
       </div>
     </dialog>
-    `,this.shadowRoot.appendChild(a.content.cloneNode(!0))}connectedCallback(){var a,i,e,c,m,b;const o=this.querySelector("dialog"),n=this.hasAttribute("id")?this.getAttribute("id"):o?.getAttribute("id"),l=(a=this.shadowRoot)===null||a===void 0?void 0:a.querySelector("dialog"),p=(i=this.shadowRoot)===null||i===void 0?void 0:i.querySelector("[data-close]"),g=(e=this.shadowRoot)===null||e===void 0?void 0:e.querySelector("[data-cancel]"),h=this.querySelector('button[slot="agreed-button"]')?this.querySelector('button[slot="agreed-button"]'):(c=this.shadowRoot)===null||c===void 0?void 0:c.querySelector("[data-agreed]"),v=this.hasAttribute("data-type")?this.getAttribute("data-type"):"passive",u=()=>{const t=new CustomEvent("agreed",{detail:{modalId:n}});this.dispatchEvent(t),r(n,this)};document.addEventListener("click",t=>{(t.target.matches(`[command="show-modal"][commandfor="${n}"]`)||t.target.matches(`[data-modal="${n}"]`))&&y(n,this)}),document.addEventListener("click",t=>{t.target.matches(`[command="close"][commandfor="${n}"]`)&&r(n,this)}),o?.addEventListener("command",t=>{event.command=="show-modal"&&t.preventDefault()}),o?.addEventListener("command",t=>{t.preventDefault(),event.command=="close"&&r(n,this)}),o?.addEventListener("close",t=>{t.preventDefault(),r(n,this)}),o&&Array.from(o?.querySelectorAll("[slot]")).forEach(t=>{this.moveBefore(t,o)}),p?.addEventListener("click",()=>{r(n,this)}),g?.addEventListener("click",()=>{r(n,this)}),h?.addEventListener("click",()=>{u()}),this.addEventListener("close-modal",()=>{r(n,this)}),o?.addEventListener("submit",t=>{t.submitter&&t.submitter.hasAttribute("formmethod")&&t.submitter.getAttribute("formmethod")=="dialog"?r(n,this):u()}),Array.from(this.querySelectorAll('button[type="submit"]')).forEach(t=>{t.addEventListener("click",f=>{!t.closest("form")&&!t.hasAttribute("formmethod")&&u()})}),this.addEventListener("click",t=>{if(window.getComputedStyle(l).display==="contents"&&(l=l.parentNode.closest("dialog[open]")),v!="transactional"&&v!="acknowledgement"){const s=l.getBoundingClientRect();(t.clientX<s.left||t.clientX>s.right||t.clientY<s.top||t.clientY>s.bottom)&&(t.target.closest("dialog *")||r(n,this))}}),v=="transactional"&&((b=(m=this.shadowRoot)===null||m===void 0?void 0:m.querySelector(".scroll"))===null||b===void 0||b.insertAdjacentHTML("afterbegin",`<i class="fa-light fa-circle" aria-hidden="true">
+    `,this.shadowRoot.appendChild(a.content.cloneNode(!0))}connectedCallback(){var a,i,e,c,m,b;const o=this.querySelector("dialog"),n=this.hasAttribute("id")?this.getAttribute("id"):o?.getAttribute("id");let l=(a=this.shadowRoot)===null||a===void 0?void 0:a.querySelector("dialog");const p=(i=this.shadowRoot)===null||i===void 0?void 0:i.querySelector("[data-close]"),g=(e=this.shadowRoot)===null||e===void 0?void 0:e.querySelector("[data-cancel]"),h=this.querySelector('button[slot="agreed-button"]')?this.querySelector('button[slot="agreed-button"]'):(c=this.shadowRoot)===null||c===void 0?void 0:c.querySelector("[data-agreed]"),v=this.hasAttribute("data-type")?this.getAttribute("data-type"):"passive",u=()=>{const t=new CustomEvent("agreed",{detail:{modalId:n}});this.dispatchEvent(t),r(n,this)};document.addEventListener("click",t=>{(t.target.matches(`[command="show-modal"][commandfor="${n}"]`)||t.target.matches(`[data-modal="${n}"]`))&&y(n,this)}),document.addEventListener("click",t=>{t.target.matches(`[command="close"][commandfor="${n}"]`)&&r(n,this)}),o?.addEventListener("command",t=>{event.command=="show-modal"&&t.preventDefault()}),o?.addEventListener("command",t=>{t.preventDefault(),event.command=="close"&&r(n,this)}),o?.addEventListener("close",t=>{t.preventDefault(),r(n,this)}),o&&Array.from(o?.querySelectorAll("[slot]")).forEach(t=>{this.moveBefore(t,o)}),p?.addEventListener("click",()=>{r(n,this)}),g?.addEventListener("click",()=>{r(n,this)}),h?.addEventListener("click",()=>{u()}),this.addEventListener("close-modal",()=>{r(n,this)}),o?.addEventListener("submit",t=>{t.submitter&&t.submitter.hasAttribute("formmethod")&&t.submitter.getAttribute("formmethod")=="dialog"?r(n,this):u()}),Array.from(this.querySelectorAll('button[type="submit"]')).forEach(t=>{t.addEventListener("click",f=>{!t.closest("form")&&!t.hasAttribute("formmethod")&&u()})}),this.addEventListener("click",t=>{if(window.getComputedStyle(l).display==="contents"&&(l=l.parentNode.closest("dialog[open]")),v!="transactional"&&v!="acknowledgement"){const s=l.getBoundingClientRect();(t.clientX<s.left||t.clientX>s.right||t.clientY<s.top||t.clientY>s.bottom)&&(t.target.closest("dialog *")||r(n,this))}}),v=="transactional"&&((b=(m=this.shadowRoot)===null||m===void 0?void 0:m.querySelector(".scroll"))===null||b===void 0||b.insertAdjacentHTML("afterbegin",`<i class="fa-light fa-circle" aria-hidden="true">
           <i class="fa-regular fa-${this.hasAttribute("data-icon")?this.getAttribute("data-icon"):"info"}" aria-hidden="true"></i>
         </i>`))}}export{x as default};
 //# sourceMappingURL=modal.component.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal.component.min.js","sources":["../_global.js","../../modules/modal.js","modal.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 openModal = (id, modal) => {\n    var _a;\n    const dialog = (_a = modal.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('dialog');\n    dialog === null || dialog === void 0 ? void 0 : dialog.showModal();\n    dialog === null || dialog === void 0 ? void 0 : dialog.focus();\n    const closeEvent = new CustomEvent('modal-opened', {\n        bubbles: true,\n        cancelable: true,\n        detail: { modalId: id },\n    });\n    modal.dispatchEvent(closeEvent);\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'openModal',\n        id: id,\n    });\n};\nexport const closeModal = (id, modal) => {\n    var _a;\n    const dialog = (_a = modal.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('dialog');\n    dialog === null || dialog === void 0 ? void 0 : dialog.close();\n    const closeEvent = new CustomEvent('modal-closed', {\n        bubbles: true,\n        cancelable: true,\n        detail: { modalId: id },\n    });\n    modal.dispatchEvent(closeEvent);\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'closeModal',\n        id: id,\n    });\n};\nexport const closeButtonHtml = `<button class=\"btn btn-compact btn-secondary fa-xmark-large\" data-close>Close</button>`;\n","import { trackComponentRegistered } from '../_global.js';\nimport { openModal, closeModal, closeButtonHtml } from '../../modules/modal.js';\ntrackComponentRegistered('iam-card');\nclass iamModal 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/modal.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    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\" />\n    <dialog>\n      ${closeButtonHtml}\n      <div class=\"scroll\">\n        <slot></slot>\n        <div class=\"btn__group\">\n          <button class=\"btn btn-secondary\" data-cancel>${this.hasAttribute('data-cancel-text') ? this.getAttribute('data-cancel-text') : 'Cancel'}</button>\n          <slot name=\"agreed-button\">\n            <button class=\"btn btn-primary\" data-agreed>${this.hasAttribute('data-agreed-text') ? this.getAttribute('data-agreed-text') : 'Submit'}</button>\n          </slot>\n        </div>\n      </div>\n    </dialog>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        var _a, _b, _c, _d, _e, _f;\n        const originalDialog = this.querySelector('dialog');\n        const id = this.hasAttribute('id') ? this.getAttribute('id') : originalDialog === null || originalDialog === void 0 ? void 0 : originalDialog.getAttribute('id');\n        const dialog = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('dialog');\n        const closeButton = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('[data-close]');\n        const cancelButton = (_c = this.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('[data-cancel]');\n        const agreedButton = this.querySelector('button[slot=\"agreed-button\"]') ? this.querySelector('button[slot=\"agreed-button\"]') : (_d = this.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('[data-agreed]');\n        const modalType = this.hasAttribute('data-type') ? this.getAttribute('data-type') : 'passive';\n        const agreed = () => {\n            const agreedEvent = new CustomEvent('agreed', {\n                detail: { modalId: id },\n            });\n            this.dispatchEvent(agreedEvent);\n            closeModal(id, this);\n        };\n        document.addEventListener('click', (e) => {\n            if (e.target.matches(`[command=\"show-modal\"][commandfor=\"${id}\"]`) || e.target.matches(`[data-modal=\"${id}\"]`)) {\n                openModal(id, this);\n            }\n        });\n        document.addEventListener('click', (e) => {\n            if (e.target.matches(`[command=\"close\"][commandfor=\"${id}\"]`)) {\n                closeModal(id, this);\n            }\n        });\n        // Disable the original event \n        originalDialog === null || originalDialog === void 0 ? void 0 : originalDialog.addEventListener('command', (e) => {\n            if (event.command == \"show-modal\") {\n                e.preventDefault();\n            }\n        });\n        originalDialog === null || originalDialog === void 0 ? void 0 : originalDialog.addEventListener('command', (e) => {\n            e.preventDefault();\n            if (event.command == \"close\") {\n                closeModal(id, this);\n            }\n        });\n        originalDialog === null || originalDialog === void 0 ? void 0 : originalDialog.addEventListener('close', (e) => {\n            e.preventDefault();\n            closeModal(id, this);\n        });\n        // Move the submit button so that the slot functionality works\n        if (originalDialog) {\n            Array.from(originalDialog === null || originalDialog === void 0 ? void 0 : originalDialog.querySelectorAll('[slot]')).forEach((element) => {\n                this.moveBefore(element, originalDialog);\n            });\n        }\n        closeButton === null || closeButton === void 0 ? void 0 : closeButton.addEventListener('click', () => {\n            closeModal(id, this);\n        });\n        cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.addEventListener('click', () => {\n            closeModal(id, this);\n        });\n        agreedButton === null || agreedButton === void 0 ? void 0 : agreedButton.addEventListener('click', () => {\n            agreed();\n        });\n        this.addEventListener('close-modal', () => {\n            closeModal(id, this);\n        });\n        // Hijack the default form submission \n        originalDialog === null || originalDialog === void 0 ? void 0 : originalDialog.addEventListener('submit', (e) => {\n            if (e.submitter && e.submitter.hasAttribute('formmethod') && e.submitter.getAttribute('formmethod') == \"dialog\") {\n                closeModal(id, this);\n            }\n            else {\n                agreed();\n            }\n        });\n        Array.from(this.querySelectorAll('button[type=\"submit\"]')).forEach((button) => {\n            button.addEventListener('click', (e) => {\n                if (!button.closest('form') && !button.hasAttribute('formmethod')) {\n                    agreed();\n                }\n            });\n        });\n        // Add click event on backdrop\n        this.addEventListener('click', (event) => {\n            // Small fix to make sure the dialog isn't a dialog inside of a dialog.\n            const style = window.getComputedStyle(dialog);\n            if (style.display === 'contents')\n                dialog = dialog.parentNode.closest('dialog[open]');\n            // Dont allow the backdrop to be clicked when transactional\n            if (modalType != 'transactional' && modalType != 'acknowledgement') {\n                const dialogDimensions = dialog.getBoundingClientRect();\n                if (event.clientX < dialogDimensions.left ||\n                    event.clientX > dialogDimensions.right ||\n                    event.clientY < dialogDimensions.top ||\n                    event.clientY > dialogDimensions.bottom) {\n                    if (!event.target.closest('dialog *'))\n                        closeModal(id, this); // Weird bug when interacting with radio input fields within dialogs cuases it to close\n                }\n            }\n        });\n        if (modalType == 'transactional') {\n            (_f = (_e = this.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.scroll')) === null || _f === void 0 ? void 0 : _f.insertAdjacentHTML('afterbegin', `<i class=\"fa-light fa-circle\" aria-hidden=\"true\">\n          <i class=\"fa-regular fa-${this.hasAttribute('data-icon') ? this.getAttribute('data-icon') : 'info'}\" aria-hidden=\"true\"></i>\n        </i>`);\n        }\n    }\n}\nexport default iamModal;\n"],"names":["trackComponentRegistered","componentName","openModal","id","modal","_a","dialog","closeEvent","closeModal","closeButtonHtml","iamModal","template","_b","_c","_d","_e","_f","originalDialog","closeButton","cancelButton","agreedButton","modalType","agreed","agreedEvent","e","element","button","event","dialogDimensions"],"mappings":";;;IAAO,MAAMA,EAA4BC,GAAkB,CAEvD,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAO,0BACP,QAASA,CACjB,CAAK,CACL,ECPaC,EAAY,CAACC,EAAIC,IAAU,CACpC,IAAIC,EACJ,MAAMC,GAAUD,EAAKD,EAAM,cAAgB,MAAQC,IAAO,OAAS,OAASA,EAAG,cAAc,QAAQ,EACrDC,GAAO,UAAS,EAChBA,GAAO,MAAK,EAC5D,MAAMC,EAAa,IAAI,YAAY,eAAgB,CAC/C,QAAS,GACT,WAAY,GACZ,OAAQ,CAAE,QAASJ,CAAE,CAC7B,CAAK,EACDC,EAAM,cAAcG,CAAU,EAC9B,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAO,YACP,GAAIJ,CACZ,CAAK,CACL,EACaK,EAAa,CAACL,EAAIC,IAAU,CACrC,IAAIC,EACJ,MAAMC,GAAUD,EAAKD,EAAM,cAAgB,MAAQC,IAAO,OAAS,OAASA,EAAG,cAAc,QAAQ,EACrDC,GAAO,MAAK,EAC5D,MAAMC,EAAa,IAAI,YAAY,eAAgB,CAC/C,QAAS,GACT,WAAY,GACZ,OAAQ,CAAE,QAASJ,CAAE,CAC7B,CAAK,EACDC,EAAM,cAAcG,CAAU,EAC9B,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAO,aACP,GAAIJ,CACZ,CAAK,CACL,EACaM,EAAkB,yFC/B/BT,EAAyB,UAAU,EACnC,MAAMU,UAAiB,WAAY,CAC/B,aAAc,CACV,MAAK,EACL,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,EACZ,SAAS,KAAK,aAAa,sBAAsB,GACjE,SAAS,KAAK,aAAa,sBAAsB,EAGvD,MAAMC,EAAW,SAAS,cAAc,UAAU,EAClDA,EAAS,UAAY;AAAA;AAAA,MAEvB,KAAK,aAAa,KAAK,EAAI,YAAY,KAAK,aAAa,KAAK,CAAC,KAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMtEF,CAAe;AAAA;AAAA;AAAA;AAAA,0DAImC,KAAK,aAAa,kBAAkB,EAAI,KAAK,aAAa,kBAAkB,EAAI,QAAQ;AAAA;AAAA,0DAExF,KAAK,aAAa,kBAAkB,EAAI,KAAK,aAAa,kBAAkB,EAAI,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,MAM1I,KAAK,WAAW,YAAYE,EAAS,QAAQ,UAAU,EAAI,CAAC,CAChE,CACA,mBAAoB,CAChB,IAAIN,EAAIO,EAAIC,EAAIC,EAAIC,EAAIC,EACxB,MAAMC,EAAiB,KAAK,cAAc,QAAQ,EAC5Cd,EAAK,KAAK,aAAa,IAAI,EAAI,KAAK,aAAa,IAAI,EAAoEc,GAAe,aAAa,IAAI,EACzJX,GAAUD,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,QAAQ,EAC9Fa,GAAeN,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,cAAc,EACzGO,GAAgBN,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,eAAe,EAC3GO,EAAe,KAAK,cAAc,8BAA8B,EAAI,KAAK,cAAc,8BAA8B,GAAKN,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,eAAe,EACrNO,EAAY,KAAK,aAAa,WAAW,EAAI,KAAK,aAAa,WAAW,EAAI,UAC9EC,EAAS,IAAM,CACjB,MAAMC,EAAc,IAAI,YAAY,SAAU,CAC1C,OAAQ,CAAE,QAASpB,CAAE,CACrC,CAAa,EACD,KAAK,cAAcoB,CAAW,EAC9Bf,EAAWL,EAAI,IAAI,CACvB,EACA,SAAS,iBAAiB,QAAUqB,GAAM,EAClCA,EAAE,OAAO,QAAQ,sCAAsCrB,CAAE,IAAI,GAAKqB,EAAE,OAAO,QAAQ,gBAAgBrB,CAAE,IAAI,IACzGD,EAAUC,EAAI,IAAI,CAE1B,CAAC,EACD,SAAS,iBAAiB,QAAUqB,GAAM,CAClCA,EAAE,OAAO,QAAQ,iCAAiCrB,CAAE,IAAI,GACxDK,EAAWL,EAAI,IAAI,CAE3B,CAAC,EAE+Dc,GAAe,iBAAiB,UAAYO,GAAM,CAC1G,MAAM,SAAW,cACjBA,EAAE,eAAc,CAExB,CAAC,EAC+DP,GAAe,iBAAiB,UAAYO,GAAM,CAC9GA,EAAE,eAAc,EACZ,MAAM,SAAW,SACjBhB,EAAWL,EAAI,IAAI,CAE3B,CAAC,EAC+Dc,GAAe,iBAAiB,QAAUO,GAAM,CAC5GA,EAAE,eAAc,EAChBhB,EAAWL,EAAI,IAAI,CACvB,CAAC,EAEGc,GACA,MAAM,KAAqEA,GAAe,iBAAiB,QAAQ,CAAC,EAAE,QAASQ,GAAY,CACvI,KAAK,WAAWA,EAASR,CAAc,CAC3C,CAAC,EAEqDC,GAAY,iBAAiB,QAAS,IAAM,CAClGV,EAAWL,EAAI,IAAI,CACvB,CAAC,EAC2DgB,GAAa,iBAAiB,QAAS,IAAM,CACrGX,EAAWL,EAAI,IAAI,CACvB,CAAC,EAC2DiB,GAAa,iBAAiB,QAAS,IAAM,CACrGE,EAAM,CACV,CAAC,EACD,KAAK,iBAAiB,cAAe,IAAM,CACvCd,EAAWL,EAAI,IAAI,CACvB,CAAC,EAE+Dc,GAAe,iBAAiB,SAAWO,GAAM,CACzGA,EAAE,WAAaA,EAAE,UAAU,aAAa,YAAY,GAAKA,EAAE,UAAU,aAAa,YAAY,GAAK,SACnGhB,EAAWL,EAAI,IAAI,EAGnBmB,EAAM,CAEd,CAAC,EACD,MAAM,KAAK,KAAK,iBAAiB,uBAAuB,CAAC,EAAE,QAASI,GAAW,CAC3EA,EAAO,iBAAiB,QAAUF,GAAM,CAChC,CAACE,EAAO,QAAQ,MAAM,GAAK,CAACA,EAAO,aAAa,YAAY,GAC5DJ,EAAM,CAEd,CAAC,CACL,CAAC,EAED,KAAK,iBAAiB,QAAUK,GAAU,CAMtC,GAJc,OAAO,iBAAiBrB,CAAM,EAClC,UAAY,aAClBA,EAASA,EAAO,WAAW,QAAQ,cAAc,GAEjDe,GAAa,iBAAmBA,GAAa,kBAAmB,CAChE,MAAMO,EAAmBtB,EAAO,sBAAqB,GACjDqB,EAAM,QAAUC,EAAiB,MACjCD,EAAM,QAAUC,EAAiB,OACjCD,EAAM,QAAUC,EAAiB,KACjCD,EAAM,QAAUC,EAAiB,UAC5BD,EAAM,OAAO,QAAQ,UAAU,GAChCnB,EAAWL,EAAI,IAAI,EAE/B,CACJ,CAAC,EACGkB,GAAa,mBACZL,GAAMD,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,SAAS,KAAO,MAAQC,IAAO,QAAkBA,EAAG,mBAAmB,aAAc;AAAA,oCAChJ,KAAK,aAAa,WAAW,EAAI,KAAK,aAAa,WAAW,EAAI,MAAM;AAAA,aAC/F,EAET,CACJ"}
+{"version":3,"file":"modal.component.min.js","sources":["../_global.js","../../modules/modal.js","modal.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 openModal = (id, modal) => {\n    var _a;\n    const dialog = (_a = modal.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('dialog');\n    dialog === null || dialog === void 0 ? void 0 : dialog.showModal();\n    dialog === null || dialog === void 0 ? void 0 : dialog.focus();\n    const closeEvent = new CustomEvent('modal-opened', {\n        bubbles: true,\n        cancelable: true,\n        detail: { modalId: id },\n    });\n    modal.dispatchEvent(closeEvent);\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'openModal',\n        id: id,\n    });\n};\nexport const closeModal = (id, modal) => {\n    var _a;\n    const dialog = (_a = modal.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('dialog');\n    dialog === null || dialog === void 0 ? void 0 : dialog.close();\n    const closeEvent = new CustomEvent('modal-closed', {\n        bubbles: true,\n        cancelable: true,\n        detail: { modalId: id },\n    });\n    modal.dispatchEvent(closeEvent);\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'closeModal',\n        id: id,\n    });\n};\nexport const closeButtonHtml = `<button class=\"btn btn-compact btn-secondary fa-xmark-large\" data-close>Close</button>`;\n","import { trackComponentRegistered } from '../_global.js';\nimport { openModal, closeModal, closeButtonHtml } from '../../modules/modal.js';\ntrackComponentRegistered('iam-card');\nclass iamModal 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/modal.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    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\" />\n    <dialog>\n      ${closeButtonHtml}\n      <div class=\"scroll\">\n        <slot></slot>\n        <div class=\"btn__group\">\n          <button class=\"btn btn-secondary\" data-cancel>${this.hasAttribute('data-cancel-text') ? this.getAttribute('data-cancel-text') : 'Cancel'}</button>\n          <slot name=\"agreed-button\">\n            <button class=\"btn btn-primary\" data-agreed>${this.hasAttribute('data-agreed-text') ? this.getAttribute('data-agreed-text') : 'Submit'}</button>\n          </slot>\n        </div>\n      </div>\n    </dialog>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        var _a, _b, _c, _d, _e, _f;\n        const originalDialog = this.querySelector('dialog');\n        const id = this.hasAttribute('id') ? this.getAttribute('id') : originalDialog === null || originalDialog === void 0 ? void 0 : originalDialog.getAttribute('id');\n        let dialog = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('dialog');\n        const closeButton = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('[data-close]');\n        const cancelButton = (_c = this.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('[data-cancel]');\n        const agreedButton = this.querySelector('button[slot=\"agreed-button\"]') ? this.querySelector('button[slot=\"agreed-button\"]') : (_d = this.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('[data-agreed]');\n        const modalType = this.hasAttribute('data-type') ? this.getAttribute('data-type') : 'passive';\n        const agreed = () => {\n            const agreedEvent = new CustomEvent('agreed', {\n                detail: { modalId: id },\n            });\n            this.dispatchEvent(agreedEvent);\n            closeModal(id, this);\n        };\n        document.addEventListener('click', (e) => {\n            if (e.target.matches(`[command=\"show-modal\"][commandfor=\"${id}\"]`) || e.target.matches(`[data-modal=\"${id}\"]`)) {\n                openModal(id, this);\n            }\n        });\n        document.addEventListener('click', (e) => {\n            if (e.target.matches(`[command=\"close\"][commandfor=\"${id}\"]`)) {\n                closeModal(id, this);\n            }\n        });\n        // Disable the original event \n        originalDialog === null || originalDialog === void 0 ? void 0 : originalDialog.addEventListener('command', (e) => {\n            if (event.command == \"show-modal\") {\n                e.preventDefault();\n            }\n        });\n        originalDialog === null || originalDialog === void 0 ? void 0 : originalDialog.addEventListener('command', (e) => {\n            e.preventDefault();\n            if (event.command == \"close\") {\n                closeModal(id, this);\n            }\n        });\n        originalDialog === null || originalDialog === void 0 ? void 0 : originalDialog.addEventListener('close', (e) => {\n            e.preventDefault();\n            closeModal(id, this);\n        });\n        // Move the submit button so that the slot functionality works\n        if (originalDialog) {\n            Array.from(originalDialog === null || originalDialog === void 0 ? void 0 : originalDialog.querySelectorAll('[slot]')).forEach((element) => {\n                this.moveBefore(element, originalDialog);\n            });\n        }\n        closeButton === null || closeButton === void 0 ? void 0 : closeButton.addEventListener('click', () => {\n            closeModal(id, this);\n        });\n        cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.addEventListener('click', () => {\n            closeModal(id, this);\n        });\n        agreedButton === null || agreedButton === void 0 ? void 0 : agreedButton.addEventListener('click', () => {\n            agreed();\n        });\n        this.addEventListener('close-modal', () => {\n            closeModal(id, this);\n        });\n        // Hijack the default form submission \n        originalDialog === null || originalDialog === void 0 ? void 0 : originalDialog.addEventListener('submit', (e) => {\n            if (e.submitter && e.submitter.hasAttribute('formmethod') && e.submitter.getAttribute('formmethod') == \"dialog\") {\n                closeModal(id, this);\n            }\n            else {\n                agreed();\n            }\n        });\n        Array.from(this.querySelectorAll('button[type=\"submit\"]')).forEach((button) => {\n            button.addEventListener('click', (e) => {\n                if (!button.closest('form') && !button.hasAttribute('formmethod')) {\n                    agreed();\n                }\n            });\n        });\n        // Add click event on backdrop\n        this.addEventListener('click', (event) => {\n            // Small fix to make sure the dialog isn't a dialog inside of a dialog.\n            const style = window.getComputedStyle(dialog);\n            if (style.display === 'contents')\n                dialog = dialog.parentNode.closest('dialog[open]');\n            // Dont allow the backdrop to be clicked when transactional\n            if (modalType != 'transactional' && modalType != 'acknowledgement') {\n                const dialogDimensions = dialog.getBoundingClientRect();\n                if (event.clientX < dialogDimensions.left ||\n                    event.clientX > dialogDimensions.right ||\n                    event.clientY < dialogDimensions.top ||\n                    event.clientY > dialogDimensions.bottom) {\n                    if (!event.target.closest('dialog *'))\n                        closeModal(id, this); // Weird bug when interacting with radio input fields within dialogs cuases it to close\n                }\n            }\n        });\n        if (modalType == 'transactional') {\n            (_f = (_e = this.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.scroll')) === null || _f === void 0 ? void 0 : _f.insertAdjacentHTML('afterbegin', `<i class=\"fa-light fa-circle\" aria-hidden=\"true\">\n          <i class=\"fa-regular fa-${this.hasAttribute('data-icon') ? this.getAttribute('data-icon') : 'info'}\" aria-hidden=\"true\"></i>\n        </i>`);\n        }\n    }\n}\nexport default iamModal;\n"],"names":["trackComponentRegistered","componentName","openModal","id","modal","_a","dialog","closeEvent","closeModal","closeButtonHtml","iamModal","template","_b","_c","_d","_e","_f","originalDialog","closeButton","cancelButton","agreedButton","modalType","agreed","agreedEvent","e","element","button","event","dialogDimensions"],"mappings":"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"}

package/assets/js/components/multi-step/multi-step.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.6.4--beta1
+  * iamKey v7.6.4--beta3
   * Copyright 2022-2026 iamproperty
   */const g=c=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:c})},y=(c,e,u)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:e}),u.forEach(l=>{c.addEventListener(l,function(i){const n={event:l,element:e,target:i.target};Object.keys(i.detail).forEach(d=>{const t=i.detail[d];n[d]=t}),window.dataLayer.push(n)})}),!0);g("iam-multi-step");class h 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>

package/assets/js/components/multi-step-modal/multi-step-modal.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.6.4--beta1
+  * iamKey v7.6.4--beta3
   * Copyright 2022-2026 iamproperty
   */const A=p=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:p})},E=(p,i,c)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:i}),c.forEach(l=>{p.addEventListener(l,function(e){const r={event:l,element:i,target:e.target};Object.keys(e.detail).forEach(a=>{const m=e.detail[a];r[a]=m}),window.dataLayer.push(r)})}),!0);A("iam-multi-step-modal");class S extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const i=document.createElement("template");i.innerHTML=`
     <style>