@iamproperty/components 7.8.2--beta3 → 7.8.2--beta5

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

@@ -1,188 +1,79 @@
 import { trackComponentRegistered } from '../_global';
-trackComponentRegistered('iam-tag');
+import { isFormValid, showIf, hideIf, disabledIf, enabledIf, requiredIf, readonlyIf, writeIf, emptyIf, limitCheckboxes } from '../../modules/form';
+trackComponentRegistered('iam-form');
 class iamForm extends HTMLElement {
     constructor() {
         super();
-        this.checkConditions = (conditions) => {
-            let meetsCondition = true;
-            JSON.parse(conditions).forEach((condition) => {
-                if (this.querySelector(`#${condition['if']}`).value != condition['equals'])
-                    meetsCondition = false;
-            });
-            return meetsCondition;
-        };
-        this.showIf = () => {
-            Array.from(this.querySelectorAll('[data-show-if]')).forEach((element) => {
-                if (!this.checkConditions(element.getAttribute('data-show-if')))
-                    element.classList.add('d-none');
-                else
-                    element.classList.remove('d-none');
-            });
-        };
-        this.hideIf = () => {
-            Array.from(this.querySelectorAll('[data-hide-if]')).forEach((element) => {
-                if (this.checkConditions(element.getAttribute('data-hide-if')))
-                    element.classList.add('d-none');
-                else
-                    element.classList.remove('d-none');
-            });
-        };
-        this.disabledIf = () => {
-            Array.from(this.querySelectorAll('[data-disabled-if]')).forEach((element) => {
-                if (this.checkConditions(element.getAttribute('data-disabled-if')))
-                    element.setAttribute('disabled', 'disabled');
-                else
-                    element.removeAttribute('disabled');
-            });
-        };
-        this.enabledIf = () => {
-            Array.from(this.querySelectorAll('[data-enabled-if]')).forEach((element) => {
-                if (!this.checkConditions(element.getAttribute('data-enabled-if')))
-                    element.setAttribute('disabled', 'disabled');
-                else
-                    element.removeAttribute('disabled');
-            });
-        };
-        this.requiredIf = () => {
-            Array.from(this.querySelectorAll('[data-required-if]')).forEach((element) => {
-                if (this.checkConditions(element.getAttribute('data-required-if')))
-                    element.setAttribute('required', 'required');
-                else
-                    element.removeAttribute('required');
-            });
-        };
-        this.readonlyIf = () => {
-            Array.from(this.querySelectorAll('[data-readonly-if]')).forEach((element) => {
-                if (this.checkConditions(element.getAttribute('data-readonly-if')))
-                    element.setAttribute('readonly', 'readonly');
-                else
-                    element.removeAttribute('readonly');
-            });
-        };
-        this.writeIf = () => {
-            Array.from(this.querySelectorAll('[data-write-if]')).forEach((element) => {
-                if (!this.checkConditions(element.getAttribute('data-write-if')))
-                    element.setAttribute('readonly', 'readonly');
-                else
-                    element.removeAttribute('readonly');
-            });
-        };
-        this.emptyIf = () => {
-            Array.from(this.querySelectorAll('[data-empty-if]')).forEach((element) => {
-                if (this.checkConditions(element.getAttribute('data-empty-if')))
-                    element.value = "";
-            });
-        };
-        this.getCheckboxLimit = (element) => {
-            const limit = parseInt(element.getAttribute('data-checkbox-limit') || '10', 10);
-            return !isNaN(limit) && limit > 0 ? limit : 10;
-        };
-        this.limitCheckboxes = (event) => {
-            const target = (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLInputElement ? event.target : null;
-            const changedCheckbox = (target === null || target === void 0 ? void 0 : target.matches('input[type="checkbox"]')) ? target : null;
-            const checkboxLimitGroup = changedCheckbox === null || changedCheckbox === void 0 ? void 0 : changedCheckbox.closest('[data-checkbox-limit]');
-            const checkboxLimitGroups = checkboxLimitGroup
-                ? [checkboxLimitGroup]
-                : [
-                    ...(this.hasAttribute('data-checkbox-limit') ? [this] : []),
-                    ...Array.from(this.querySelectorAll('[data-checkbox-limit]')),
-                ];
-            checkboxLimitGroups.forEach((group) => {
-                const limit = this.getCheckboxLimit(group);
-                const checked = Array.from(group.querySelectorAll('input[type="checkbox"]:checked'));
-                const notChecked = Array.from(group.querySelectorAll('input[type="checkbox"]:not(:checked)'));
-                notChecked.forEach((checkbox) => {
-                    checkbox.setAttribute('disabled', 'disabled');
-                });
-                if (checked.length < limit) {
-                    notChecked.forEach((checkbox) => {
-                        checkbox.removeAttribute('disabled');
-                    });
-                }
-                if (checked.length <= limit)
-                    return;
-                if ((changedCheckbox === null || changedCheckbox === void 0 ? void 0 : changedCheckbox.checked) && group.contains(changedCheckbox)) {
-                    changedCheckbox.checked = false;
-                    return;
-                }
-                checked.slice(limit).forEach((checkbox) => {
-                    checkbox.checked = false;
-                });
-            });
-        };
-        this.attachShadow({ mode: 'open' });
+        const shadowRoot = this.attachShadow({ mode: 'open' });
         const template = document.createElement('template');
         template.innerHTML = `
     <div class="wrapper">
       <slot></slot>
     </div>
     `;
-        this.shadowRoot.appendChild(template.content.cloneNode(true));
+        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');
+        var _a;
+        const form = (_a = this.querySelector('form')) !== null && _a !== void 0 ? _a : this;
         if (!form)
-            return false;
+            return;
         form.setAttribute('novalidate', 'true');
         // Form validation
-        form.addEventListener('submit', (e) => {
+        form.addEventListener('submit', (event) => {
             var _a;
             form.classList.add('was-validated');
-            if (!this.isFormValid(form)) {
-                e.preventDefault();
-                (_a = form === null || form === void 0 ? void 0 : form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+            if (!isFormValid(form)) {
+                event.preventDefault();
+                (_a = form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
             }
         });
         // conditional reveal required fields
-        Array.from(form.querySelectorAll('.conditional [required]')).forEach((input) => {
+        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) => {
+        form.querySelectorAll('.conditional [data-required]').forEach((input) => {
             input.setAttribute('data-conditional-data-required', 'true');
             input.removeAttribute('data-required');
         });
-        this.showIf();
-        this.hideIf();
-        this.disabledIf();
-        this.enabledIf();
-        this.requiredIf();
-        this.readonlyIf();
-        this.writeIf();
-        this.emptyIf();
-        this.limitCheckboxes();
+        showIf(this);
+        hideIf(this);
+        disabledIf(this);
+        enabledIf(this);
+        requiredIf(this);
+        readonlyIf(this);
+        writeIf(this);
+        emptyIf(this);
+        limitCheckboxes(null, this);
         form.addEventListener('change', (event) => {
-            this.showIf();
-            this.hideIf();
-            this.disabledIf();
-            this.enabledIf();
-            this.requiredIf();
-            this.readonlyIf();
-            this.writeIf();
-            this.emptyIf();
-            this.limitCheckboxes(event);
-            Array.from(form.querySelectorAll('.conditional [data-conditional-required], .conditional [data-conditional-data-required]')).forEach((input) => {
+            showIf(this);
+            hideIf(this);
+            disabledIf(this);
+            enabledIf(this);
+            requiredIf(this);
+            readonlyIf(this);
+            writeIf(this);
+            emptyIf(this);
+            limitCheckboxes(event, form);
+            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'));
+            form.querySelectorAll('.conditional [data-conditional-required]').forEach((input) => {
+                const conditionalElement = input.closest('.conditional');
+                if (!conditionalElement)
+                    return;
+                const conditionalStyles = window.getComputedStyle(conditionalElement);
                 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'));
+            form.querySelectorAll('.conditional [data-conditional-data-required]').forEach((input) => {
+                const conditionalElement = input.closest('.conditional');
+                if (!conditionalElement)
+                    return;
+                const conditionalStyles = window.getComputedStyle(conditionalElement);
                 if (conditionalStyles.getPropertyValue("display") == 'block')
                     input.setAttribute('data-required', 'true');
             });

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

@@ -1,9 +1,9 @@
 /*!
-  * iamKey v7.8.2--beta3
+  * iamKey v7.8.2--beta5
   * Copyright 2022-2026 iamproperty
-  */const h=l=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:l})};h("iam-tag");class u extends HTMLElement{constructor(){super(),this.checkConditions=e=>{let t=!0;return JSON.parse(e).forEach(r=>{this.querySelector(`#${r.if}`).value!=r.equals&&(t=!1)}),t},this.showIf=()=>{Array.from(this.querySelectorAll("[data-show-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-show-if"))?e.classList.remove("d-none"):e.classList.add("d-none")})},this.hideIf=()=>{Array.from(this.querySelectorAll("[data-hide-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-hide-if"))?e.classList.add("d-none"):e.classList.remove("d-none")})},this.disabledIf=()=>{Array.from(this.querySelectorAll("[data-disabled-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-disabled-if"))?e.setAttribute("disabled","disabled"):e.removeAttribute("disabled")})},this.enabledIf=()=>{Array.from(this.querySelectorAll("[data-enabled-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-enabled-if"))?e.removeAttribute("disabled"):e.setAttribute("disabled","disabled")})},this.requiredIf=()=>{Array.from(this.querySelectorAll("[data-required-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-required-if"))?e.setAttribute("required","required"):e.removeAttribute("required")})},this.readonlyIf=()=>{Array.from(this.querySelectorAll("[data-readonly-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-readonly-if"))?e.setAttribute("readonly","readonly"):e.removeAttribute("readonly")})},this.writeIf=()=>{Array.from(this.querySelectorAll("[data-write-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-write-if"))?e.removeAttribute("readonly"):e.setAttribute("readonly","readonly")})},this.emptyIf=()=>{Array.from(this.querySelectorAll("[data-empty-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-empty-if"))&&(e.value="")})},this.getCheckboxLimit=e=>{const t=parseInt(e.getAttribute("data-checkbox-limit")||"10",10);return!isNaN(t)&&t>0?t:10},this.limitCheckboxes=e=>{const t=e?.target instanceof HTMLInputElement?e.target:null,r=t?.matches('input[type="checkbox"]')?t:null,c=r?.closest("[data-checkbox-limit]");(c?[c]:[...this.hasAttribute("data-checkbox-limit")?[this]:[],...Array.from(this.querySelectorAll("[data-checkbox-limit]"))]).forEach(o=>{const d=this.getCheckboxLimit(o),s=Array.from(o.querySelectorAll('input[type="checkbox"]:checked')),n=Array.from(o.querySelectorAll('input[type="checkbox"]:not(:checked)'));if(n.forEach(a=>{a.setAttribute("disabled","disabled")}),s.length<d&&n.forEach(a=>{a.removeAttribute("disabled")}),!(s.length<=d)){if(r?.checked&&o.contains(r)){r.checked=!1;return}s.slice(d).forEach(a=>{a.checked=!1})}})},this.attachShadow({mode:"open"});const i=document.createElement("template");i.innerHTML=`
+  */const E=t=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:t})},w=t=>JSON.parse(t||"[]"),g=(t,e)=>t.querySelector(`#${e}`),L=t=>!(t.querySelector(":invalid")||t.querySelector('.pwd-checker[data-strength="1"]')||t.querySelector('.pwd-checker[data-strength="2"]')||t.querySelector("iam-multiselect[data-is-required][data-error]")),l=(t,e)=>{let i=!0;return w(t).forEach(r=>{const a=g(e,r.if);a?.value!=r.equals&&(i=!1)}),i},f=t=>{t.querySelectorAll("[data-show-if]").forEach(e=>{l(e.getAttribute("data-show-if"),t)?e.classList.remove("d-none"):e.classList.add("d-none")})},b=t=>{t.querySelectorAll("[data-hide-if]").forEach(e=>{l(e.getAttribute("data-hide-if"),t)?e.classList.add("d-none"):e.classList.remove("d-none")})},y=t=>{t.querySelectorAll("[data-disabled-if]").forEach(e=>{l(e.getAttribute("data-disabled-if"),t)?e.setAttribute("disabled","disabled"):e.removeAttribute("disabled")})},A=t=>{t.querySelectorAll("[data-enabled-if]").forEach(e=>{l(e.getAttribute("data-enabled-if"),t)?e.removeAttribute("disabled"):e.setAttribute("disabled","disabled")})},q=t=>{t.querySelectorAll("[data-required-if]").forEach(e=>{l(e.getAttribute("data-required-if"),t)?e.setAttribute("required","required"):e.removeAttribute("required")})},v=t=>{t.querySelectorAll("[data-readonly-if]").forEach(e=>{l(e.getAttribute("data-readonly-if"),t)?e.setAttribute("readonly","readonly"):e.removeAttribute("readonly")})},m=t=>{t.querySelectorAll("[data-write-if]").forEach(e=>{l(e.getAttribute("data-write-if"),t)?e.removeAttribute("readonly"):e.setAttribute("readonly","readonly")})},S=t=>{t.querySelectorAll("[data-empty-if]").forEach(e=>{l(e.getAttribute("data-empty-if"),t)&&(e.value="")})},x=t=>{const e=parseInt(t.getAttribute("data-checkbox-limit")||"10",10);return!isNaN(e)&&e>0?e:10},k=(t,e)=>{console.log(t);const i=t?.target instanceof HTMLInputElement?t.target:null,r=i?.matches('input[type="checkbox"]')?i:null,a=r?.closest("[data-checkbox-limit]");(a?[a]:[...e.hasAttribute("data-checkbox-limit")?[e]:[],...Array.from(e.querySelectorAll("[data-checkbox-limit]"))]).forEach(o=>{const s=x(o),n=Array.from(o.querySelectorAll('input[type="checkbox"]:checked')),h=Array.from(o.querySelectorAll('input[type="checkbox"]:not(:checked)'));if(h.forEach(d=>{d.setAttribute("disabled","disabled")}),n.length<s){h.forEach(d=>{d.removeAttribute("disabled")});return}if(n.length==s){const d={element:o.hasAttribute("id")?`#${o.getAttribute("id")}`:"",limit:s},p=new CustomEvent("checkbox-limit-reached",{detail:d});e.dispatchEvent(p);const u=window;u.dataLayer=u.dataLayer||[],u.dataLayer.push(Object.assign({event:"checkbox-limit-reached"},d));return}if(r?.checked&&o.contains(r)){r.checked=!1;return}n.slice(s).forEach(d=>{d.checked=!1})})};E("iam-form");class C extends HTMLElement{constructor(){super();const e=this.attachShadow({mode:"open"}),i=document.createElement("template");i.innerHTML=`
     <div class="wrapper">
       <slot></slot>
     </div>
-    `,this.shadowRoot.appendChild(i.content.cloneNode(!0))}isFormValid(i){return!(i.querySelector(":invalid")||i.querySelector('.pwd-checker[data-strength="1"]')||i.querySelector('.pwd-checker[data-strength="2"]')||i.querySelector("iam-multiselect[data-is-required][data-error]"))}connectedCallback(){const i=this.querySelector("form");if(!i)return!1;i.setAttribute("novalidate","true"),i.addEventListener("submit",e=>{var t;i.classList.add("was-validated"),this.isFormValid(i)||(e.preventDefault(),(t=i?.querySelector("input:invalid"))===null||t===void 0||t.scrollIntoView())}),Array.from(i.querySelectorAll(".conditional [required]")).forEach(e=>{e.setAttribute("data-conditional-required","true"),e.removeAttribute("required")}),Array.from(i.querySelectorAll(".conditional [data-required]")).forEach(e=>{e.setAttribute("data-conditional-data-required","true"),e.removeAttribute("data-required")}),this.showIf(),this.hideIf(),this.disabledIf(),this.enabledIf(),this.requiredIf(),this.readonlyIf(),this.writeIf(),this.emptyIf(),this.limitCheckboxes(),i.addEventListener("change",e=>{this.showIf(),this.hideIf(),this.disabledIf(),this.enabledIf(),this.requiredIf(),this.readonlyIf(),this.writeIf(),this.emptyIf(),this.limitCheckboxes(e),Array.from(i.querySelectorAll(".conditional [data-conditional-required], .conditional [data-conditional-data-required]")).forEach(t=>{t.removeAttribute("required"),t.removeAttribute("data-required")}),Array.from(i.querySelectorAll(".conditional [data-conditional-required]")).forEach(t=>{window.getComputedStyle(t.closest(".conditional")).getPropertyValue("display")=="block"&&t.setAttribute("required","required")}),Array.from(i.querySelectorAll(".conditional [data-conditional-data-required]")).forEach(t=>{window.getComputedStyle(t.closest(".conditional")).getPropertyValue("display")=="block"&&t.setAttribute("data-required","true")})})}}export{u as default};
+    `,e.appendChild(i.content.cloneNode(!0))}connectedCallback(){var e;const i=(e=this.querySelector("form"))!==null&&e!==void 0?e:this;i&&(i.setAttribute("novalidate","true"),i.addEventListener("submit",r=>{var a;i.classList.add("was-validated"),L(i)||(r.preventDefault(),(a=i.querySelector("input:invalid"))===null||a===void 0||a.scrollIntoView())}),i.querySelectorAll(".conditional [required]").forEach(r=>{r.setAttribute("data-conditional-required","true"),r.removeAttribute("required")}),i.querySelectorAll(".conditional [data-required]").forEach(r=>{r.setAttribute("data-conditional-data-required","true"),r.removeAttribute("data-required")}),f(this),b(this),y(this),A(this),q(this),v(this),m(this),S(this),k(null,this),i.addEventListener("change",r=>{f(this),b(this),y(this),A(this),q(this),v(this),m(this),S(this),k(r,i),i.querySelectorAll(".conditional [data-conditional-required], .conditional [data-conditional-data-required]").forEach(a=>{a.removeAttribute("required"),a.removeAttribute("data-required")}),i.querySelectorAll(".conditional [data-conditional-required]").forEach(a=>{const c=a.closest(".conditional");if(!c)return;window.getComputedStyle(c).getPropertyValue("display")=="block"&&a.setAttribute("required","required")}),i.querySelectorAll(".conditional [data-conditional-data-required]").forEach(a=>{const c=a.closest(".conditional");if(!c)return;window.getComputedStyle(c).getPropertyValue("display")=="block"&&a.setAttribute("data-required","true")})}))}}export{C as default};
 //# sourceMappingURL=form.component.min.js.map

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

@@ -1 +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';\ntrackComponentRegistered('iam-tag');\nclass iamForm extends HTMLElement {\n    constructor() {\n        super();\n        this.checkConditions = (conditions) => {\n            let meetsCondition = true;\n            JSON.parse(conditions).forEach((condition) => {\n                if (this.querySelector(`#${condition['if']}`).value != condition['equals'])\n                    meetsCondition = false;\n            });\n            return meetsCondition;\n        };\n        this.showIf = () => {\n            Array.from(this.querySelectorAll('[data-show-if]')).forEach((element) => {\n                if (!this.checkConditions(element.getAttribute('data-show-if')))\n                    element.classList.add('d-none');\n                else\n                    element.classList.remove('d-none');\n            });\n        };\n        this.hideIf = () => {\n            Array.from(this.querySelectorAll('[data-hide-if]')).forEach((element) => {\n                if (this.checkConditions(element.getAttribute('data-hide-if')))\n                    element.classList.add('d-none');\n                else\n                    element.classList.remove('d-none');\n            });\n        };\n        this.disabledIf = () => {\n            Array.from(this.querySelectorAll('[data-disabled-if]')).forEach((element) => {\n                if (this.checkConditions(element.getAttribute('data-disabled-if')))\n                    element.setAttribute('disabled', 'disabled');\n                else\n                    element.removeAttribute('disabled');\n            });\n        };\n        this.enabledIf = () => {\n            Array.from(this.querySelectorAll('[data-enabled-if]')).forEach((element) => {\n                if (!this.checkConditions(element.getAttribute('data-enabled-if')))\n                    element.setAttribute('disabled', 'disabled');\n                else\n                    element.removeAttribute('disabled');\n            });\n        };\n        this.requiredIf = () => {\n            Array.from(this.querySelectorAll('[data-required-if]')).forEach((element) => {\n                if (this.checkConditions(element.getAttribute('data-required-if')))\n                    element.setAttribute('required', 'required');\n                else\n                    element.removeAttribute('required');\n            });\n        };\n        this.readonlyIf = () => {\n            Array.from(this.querySelectorAll('[data-readonly-if]')).forEach((element) => {\n                if (this.checkConditions(element.getAttribute('data-readonly-if')))\n                    element.setAttribute('readonly', 'readonly');\n                else\n                    element.removeAttribute('readonly');\n            });\n        };\n        this.writeIf = () => {\n            Array.from(this.querySelectorAll('[data-write-if]')).forEach((element) => {\n                if (!this.checkConditions(element.getAttribute('data-write-if')))\n                    element.setAttribute('readonly', 'readonly');\n                else\n                    element.removeAttribute('readonly');\n            });\n        };\n        this.emptyIf = () => {\n            Array.from(this.querySelectorAll('[data-empty-if]')).forEach((element) => {\n                if (this.checkConditions(element.getAttribute('data-empty-if')))\n                    element.value = \"\";\n            });\n        };\n        this.getCheckboxLimit = (element) => {\n            const limit = parseInt(element.getAttribute('data-checkbox-limit') || '10', 10);\n            return !isNaN(limit) && limit > 0 ? limit : 10;\n        };\n        this.limitCheckboxes = (event) => {\n            const target = (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLInputElement ? event.target : null;\n            const changedCheckbox = (target === null || target === void 0 ? void 0 : target.matches('input[type=\"checkbox\"]')) ? target : null;\n            const checkboxLimitGroup = changedCheckbox === null || changedCheckbox === void 0 ? void 0 : changedCheckbox.closest('[data-checkbox-limit]');\n            const checkboxLimitGroups = checkboxLimitGroup\n                ? [checkboxLimitGroup]\n                : [\n                    ...(this.hasAttribute('data-checkbox-limit') ? [this] : []),\n                    ...Array.from(this.querySelectorAll('[data-checkbox-limit]')),\n                ];\n            checkboxLimitGroups.forEach((group) => {\n                const limit = this.getCheckboxLimit(group);\n                const checked = Array.from(group.querySelectorAll('input[type=\"checkbox\"]:checked'));\n                const notChecked = Array.from(group.querySelectorAll('input[type=\"checkbox\"]:not(:checked)'));\n                notChecked.forEach((checkbox) => {\n                    checkbox.setAttribute('disabled', 'disabled');\n                });\n                if (checked.length < limit) {\n                    notChecked.forEach((checkbox) => {\n                        checkbox.removeAttribute('disabled');\n                    });\n                }\n                if (checked.length <= limit)\n                    return;\n                if ((changedCheckbox === null || changedCheckbox === void 0 ? void 0 : changedCheckbox.checked) && group.contains(changedCheckbox)) {\n                    changedCheckbox.checked = false;\n                    return;\n                }\n                checked.slice(limit).forEach((checkbox) => {\n                    checkbox.checked = false;\n                });\n            });\n        };\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                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        this.showIf();\n        this.hideIf();\n        this.disabledIf();\n        this.enabledIf();\n        this.requiredIf();\n        this.readonlyIf();\n        this.writeIf();\n        this.emptyIf();\n        this.limitCheckboxes();\n        form.addEventListener('change', (event) => {\n            this.showIf();\n            this.hideIf();\n            this.disabledIf();\n            this.enabledIf();\n            this.requiredIf();\n            this.readonlyIf();\n            this.writeIf();\n            this.emptyIf();\n            this.limitCheckboxes(event);\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 iamForm;\n"],"names":["trackComponentRegistered","componentName","iamForm","conditions","meetsCondition","condition","element","limit","event","target","changedCheckbox","checkboxLimitGroup","group","checked","notChecked","checkbox","template","form","_a","input"],"mappings":"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"}
+{"version":3,"file":"form.component.min.js","sources":["../_global.js","../../modules/form.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","const getConditions = (conditions) => JSON.parse(conditions || '[]');\nconst getFormControl = (form, id) => form.querySelector(`#${id}`);\nexport const 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};\nexport const checkConditions = (conditions, form) => {\n    let meetsCondition = true;\n    getConditions(conditions).forEach((condition) => {\n        const input = getFormControl(form, condition.if);\n        if ((input === null || input === void 0 ? void 0 : input.value) != condition.equals)\n            meetsCondition = false;\n    });\n    return meetsCondition;\n};\nexport const showIf = (form) => {\n    form.querySelectorAll('[data-show-if]').forEach((element) => {\n        if (!checkConditions(element.getAttribute('data-show-if'), form))\n            element.classList.add('d-none');\n        else\n            element.classList.remove('d-none');\n    });\n};\nexport const hideIf = (form) => {\n    form.querySelectorAll('[data-hide-if]').forEach((element) => {\n        if (checkConditions(element.getAttribute('data-hide-if'), form))\n            element.classList.add('d-none');\n        else\n            element.classList.remove('d-none');\n    });\n};\nexport const disabledIf = (form) => {\n    form.querySelectorAll('[data-disabled-if]').forEach((element) => {\n        if (checkConditions(element.getAttribute('data-disabled-if'), form))\n            element.setAttribute('disabled', 'disabled');\n        else\n            element.removeAttribute('disabled');\n    });\n};\nexport const enabledIf = (form) => {\n    form.querySelectorAll('[data-enabled-if]').forEach((element) => {\n        if (!checkConditions(element.getAttribute('data-enabled-if'), form))\n            element.setAttribute('disabled', 'disabled');\n        else\n            element.removeAttribute('disabled');\n    });\n};\nexport const requiredIf = (form) => {\n    form.querySelectorAll('[data-required-if]').forEach((element) => {\n        if (checkConditions(element.getAttribute('data-required-if'), form))\n            element.setAttribute('required', 'required');\n        else\n            element.removeAttribute('required');\n    });\n};\nexport const readonlyIf = (form) => {\n    form.querySelectorAll('[data-readonly-if]').forEach((element) => {\n        if (checkConditions(element.getAttribute('data-readonly-if'), form))\n            element.setAttribute('readonly', 'readonly');\n        else\n            element.removeAttribute('readonly');\n    });\n};\nexport const writeIf = (form) => {\n    form.querySelectorAll('[data-write-if]').forEach((element) => {\n        if (!checkConditions(element.getAttribute('data-write-if'), form))\n            element.setAttribute('readonly', 'readonly');\n        else\n            element.removeAttribute('readonly');\n    });\n};\nexport const emptyIf = (form) => {\n    form.querySelectorAll('[data-empty-if]').forEach((element) => {\n        if (checkConditions(element.getAttribute('data-empty-if'), form))\n            element.value = \"\";\n    });\n};\nexport const getCheckboxLimit = (element) => {\n    const limit = parseInt(element.getAttribute('data-checkbox-limit') || '10', 10);\n    return !isNaN(limit) && limit > 0 ? limit : 10;\n};\nexport const limitCheckboxes = (event, root) => {\n    console.log(event);\n    const target = (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLInputElement ? event.target : null;\n    const changedCheckbox = (target === null || target === void 0 ? void 0 : target.matches('input[type=\"checkbox\"]')) ? target : null;\n    const checkboxLimitGroup = changedCheckbox === null || changedCheckbox === void 0 ? void 0 : changedCheckbox.closest('[data-checkbox-limit]');\n    const checkboxLimitGroups = checkboxLimitGroup\n        ? [checkboxLimitGroup]\n        : [\n            ...(root.hasAttribute('data-checkbox-limit') ? [root] : []),\n            ...Array.from(root.querySelectorAll('[data-checkbox-limit]')),\n        ];\n    checkboxLimitGroups.forEach((group) => {\n        const limit = getCheckboxLimit(group);\n        const checked = Array.from(group.querySelectorAll('input[type=\"checkbox\"]:checked'));\n        const notChecked = Array.from(group.querySelectorAll('input[type=\"checkbox\"]:not(:checked)'));\n        notChecked.forEach((checkbox) => {\n            checkbox.setAttribute('disabled', 'disabled');\n        });\n        if (checked.length < limit) {\n            notChecked.forEach((checkbox) => {\n                checkbox.removeAttribute('disabled');\n            });\n            return;\n        }\n        if (checked.length == limit) {\n            // Data layer Web component created\n            const eventDetails = { element: group.hasAttribute('id') ? `#${group.getAttribute('id')}` : '', limit: limit };\n            const changeEvent = new CustomEvent('checkbox-limit-reached', { detail: eventDetails });\n            root.dispatchEvent(changeEvent);\n            const formWindow = window;\n            formWindow.dataLayer = formWindow.dataLayer || [];\n            formWindow.dataLayer.push(Object.assign({ 'event': 'checkbox-limit-reached' }, eventDetails));\n            return;\n        }\n        if ((changedCheckbox === null || changedCheckbox === void 0 ? void 0 : changedCheckbox.checked) && group.contains(changedCheckbox)) {\n            changedCheckbox.checked = false;\n            return;\n        }\n        checked.slice(limit).forEach((checkbox) => {\n            checkbox.checked = false;\n        });\n    });\n};\n","import { trackComponentRegistered } from '../_global';\nimport { isFormValid, showIf, hideIf, disabledIf, enabledIf, requiredIf, readonlyIf, writeIf, emptyIf, limitCheckboxes } from '../../modules/form';\ntrackComponentRegistered('iam-form');\nclass iamForm extends HTMLElement {\n    constructor() {\n        super();\n        const shadowRoot = this.attachShadow({ mode: 'open' });\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <div class=\"wrapper\">\n      <slot></slot>\n    </div>\n    `;\n        shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        var _a;\n        const form = (_a = this.querySelector('form')) !== null && _a !== void 0 ? _a : this;\n        if (!form)\n            return;\n        form.setAttribute('novalidate', 'true');\n        // Form validation\n        form.addEventListener('submit', (event) => {\n            var _a;\n            form.classList.add('was-validated');\n            if (!isFormValid(form)) {\n                event.preventDefault();\n                (_a = form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();\n            }\n        });\n        // conditional reveal required fields\n        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        form.querySelectorAll('.conditional [data-required]').forEach((input) => {\n            input.setAttribute('data-conditional-data-required', 'true');\n            input.removeAttribute('data-required');\n        });\n        showIf(this);\n        hideIf(this);\n        disabledIf(this);\n        enabledIf(this);\n        requiredIf(this);\n        readonlyIf(this);\n        writeIf(this);\n        emptyIf(this);\n        limitCheckboxes(null, this);\n        form.addEventListener('change', (event) => {\n            showIf(this);\n            hideIf(this);\n            disabledIf(this);\n            enabledIf(this);\n            requiredIf(this);\n            readonlyIf(this);\n            writeIf(this);\n            emptyIf(this);\n            limitCheckboxes(event, form);\n            form.querySelectorAll('.conditional [data-conditional-required], .conditional [data-conditional-data-required]').forEach((input) => {\n                input.removeAttribute('required');\n                input.removeAttribute('data-required');\n            });\n            form.querySelectorAll('.conditional [data-conditional-required]').forEach((input) => {\n                const conditionalElement = input.closest('.conditional');\n                if (!conditionalElement)\n                    return;\n                const conditionalStyles = window.getComputedStyle(conditionalElement);\n                if (conditionalStyles.getPropertyValue(\"display\") == 'block')\n                    input.setAttribute('required', 'required');\n            });\n            form.querySelectorAll('.conditional [data-conditional-data-required]').forEach((input) => {\n                const conditionalElement = input.closest('.conditional');\n                if (!conditionalElement)\n                    return;\n                const conditionalStyles = window.getComputedStyle(conditionalElement);\n                if (conditionalStyles.getPropertyValue(\"display\") == 'block')\n                    input.setAttribute('data-required', 'true');\n            });\n        });\n    }\n}\nexport default iamForm;\n"],"names":["trackComponentRegistered","componentName","getConditions","conditions","getFormControl","form","id","isFormValid","checkConditions","meetsCondition","condition","input","showIf","element","hideIf","disabledIf","enabledIf","requiredIf","readonlyIf","writeIf","emptyIf","getCheckboxLimit","limit","limitCheckboxes","event","root","target","changedCheckbox","checkboxLimitGroup","group","checked","notChecked","checkbox","eventDetails","changeEvent","formWindow","iamForm","shadowRoot","template","_a","conditionalElement"],"mappings":"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"}

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

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

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

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

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta3
+  * iamKey v7.8.2--beta5
   * 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>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.8.2--beta3
+  * iamKey v7.8.2--beta5
   * 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.8.2--beta3
+  * iamKey v7.8.2--beta5
   * 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.8.2--beta3
+  * iamKey v7.8.2--beta5
   * 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.8.2--beta3
+  * iamKey v7.8.2--beta5
   * 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.8.2--beta3
+  * iamKey v7.8.2--beta5
   * 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

@@ -13,7 +13,7 @@ class iamModal extends HTMLElement {
         template.innerHTML = `
     <style>
     ${this.hasAttribute('css') ? `@import "${this.getAttribute('css')}";` : ``}
-    
+
     ${loadCSS}
     </style>
     <link rel="stylesheet" href="https://kit.fontawesome.com/8bd0fca975.css" crossorigin="anonymous" />
@@ -35,6 +35,7 @@ class iamModal extends HTMLElement {
     }
     connectedCallback() {
         var _a, _b, _c, _d, _e, _f;
+        const hasDialogParent = this.closest('dialog[id]');
         const originalDialog = this.querySelector('dialog');
         const id = this.hasAttribute('id') ? this.getAttribute('id') : originalDialog === null || originalDialog === void 0 ? void 0 : originalDialog.getAttribute('id');
         let dialog = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('dialog');
@@ -42,6 +43,8 @@ class iamModal extends HTMLElement {
         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]');
         const modalType = this.hasAttribute('data-type') ? this.getAttribute('data-type') : 'passive';
+        if (hasDialogParent)
+            this.classList.add('has-parent-dialog');
         const agreed = (close = true) => {
             const agreedEvent = new CustomEvent('agreed', {
                 detail: { modalId: id },
@@ -60,7 +63,7 @@ class iamModal extends HTMLElement {
                 closeModal(this);
             }
         });
-        // Disable the original event 
+        // Disable the original event
         originalDialog === null || originalDialog === void 0 ? void 0 : originalDialog.addEventListener('command', (e) => {
             if (event.command == "show-modal") {
                 e.preventDefault();
@@ -94,15 +97,17 @@ class iamModal extends HTMLElement {
         this.addEventListener('close-modal', () => {
             closeModal(this);
         });
-        // Hijack the default form submission 
-        originalDialog === null || originalDialog === void 0 ? void 0 : originalDialog.addEventListener('submit', (e) => {
-            if (e.submitter && e.submitter.hasAttribute('formmethod') && e.submitter.getAttribute('formmethod') == "dialog") {
-                closeModal(this);
-            }
-            else {
-                agreed(false);
-            }
-        });
+        // Hijack the default form submission
+        if (!hasDialogParent) {
+            originalDialog === null || originalDialog === void 0 ? void 0 : originalDialog.addEventListener('submit', (e) => {
+                if (e.submitter && e.submitter.hasAttribute('formmethod') && e.submitter.getAttribute('formmethod') == "dialog") {
+                    closeModal(this);
+                }
+                else {
+                    agreed(false);
+                }
+            });
+        }
         Array.from(this.querySelectorAll('button[type="submit"]')).forEach((button) => {
             button.addEventListener('click', (e) => {
                 if (!button.closest('form') && !button.hasAttribute('formmethod')) {