npm - @iamproperty/components - Versions diffs - 7.7.1--beta11 → 7.7.1--beta13 - Mend

@iamproperty/components 7.7.1--beta11 → 7.7.1--beta13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (84) hide show

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

@@ -19,14 +19,60 @@ class iamForm extends HTMLElement {
                     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')))
+                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.attachShadow({ mode: 'open' });
         const template = document.createElement('template');
         template.innerHTML = `
@@ -56,7 +102,6 @@ class iamForm extends HTMLElement {
             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();
             }
@@ -71,7 +116,23 @@ class iamForm extends HTMLElement {
             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();
         form.addEventListener('change', () => {
+            this.showIf();
+            this.hideIf();
+            this.disabledIf();
+            this.enabledIf();
+            this.requiredIf();
+            this.readonlyIf();
+            this.writeIf();
+            this.emptyIf();
             Array.from(form.querySelectorAll('.conditional [data-conditional-required], .conditional [data-conditional-data-required]')).forEach((input) => {
                 input.removeAttribute('required');
                 input.removeAttribute('data-required');
@@ -87,14 +148,6 @@ class iamForm extends HTMLElement {
                     input.setAttribute('data-required', 'true');
             });
         });
-        // #region if
-        this.showIf();
-        this.disabledIf();
-        form.addEventListener('change', (e) => {
-            this.showIf();
-            this.disabledIf();
-        });
-        // #endregion
     }
 }
 export default iamForm;

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

@@ -1,9 +1,9 @@
 /*!
-  * iamKey v7.7.1--beta11
+  * iamKey v7.7.1--beta13
   * Copyright 2022-2026 iamproperty
-  */const o=a=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:a})};o("iam-tag");class d extends HTMLElement{constructor(){super(),this.checkConditions=e=>{let r=!0;return JSON.parse(e).forEach(i=>{this.querySelector(`#${i.if}`).value!=i.equals&&(r=!1)}),r},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.disabledIf=()=>{Array.from(this.querySelectorAll("[data-disabled-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-disabled-if"))?e.removeAttribute("disabled"):e.setAttribute("disabled","disabled")})},this.attachShadow({mode:"open"});const t=document.createElement("template");t.innerHTML=`
+  */const d=i=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:i})};d("iam-tag");class o extends HTMLElement{constructor(){super(),this.checkConditions=e=>{let r=!0;return JSON.parse(e).forEach(a=>{this.querySelector(`#${a.if}`).value!=a.equals&&(r=!1)}),r},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.attachShadow({mode:"open"});const t=document.createElement("template");t.innerHTML=`
     <div class="wrapper">
       <slot></slot>
     </div>
-    `,this.shadowRoot.appendChild(t.content.cloneNode(!0))}isFormValid(t){return!(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]"))}connectedCallback(){const t=this.querySelector("form");if(!t)return!1;t.setAttribute("novalidate","true"),t.addEventListener("submit",e=>{var r;t.classList.add("was-validated"),this.isFormValid(t)||(console.log("hey2"),e.preventDefault(),(r=t?.querySelector("input:invalid"))===null||r===void 0||r.scrollIntoView())}),Array.from(t.querySelectorAll(".conditional [required]")).forEach(e=>{e.setAttribute("data-conditional-required","true"),e.removeAttribute("required")}),Array.from(t.querySelectorAll(".conditional [data-required]")).forEach(e=>{e.setAttribute("data-conditional-data-required","true"),e.removeAttribute("data-required")}),t.addEventListener("change",()=>{Array.from(t.querySelectorAll(".conditional [data-conditional-required], .conditional [data-conditional-data-required]")).forEach(e=>{e.removeAttribute("required"),e.removeAttribute("data-required")}),Array.from(t.querySelectorAll(".conditional [data-conditional-required]")).forEach(e=>{window.getComputedStyle(e.closest(".conditional")).getPropertyValue("display")=="block"&&e.setAttribute("required","required")}),Array.from(t.querySelectorAll(".conditional [data-conditional-data-required]")).forEach(e=>{window.getComputedStyle(e.closest(".conditional")).getPropertyValue("display")=="block"&&e.setAttribute("data-required","true")})}),this.showIf(),this.disabledIf(),t.addEventListener("change",e=>{this.showIf(),this.disabledIf()})}}export{d as default};
+    `,this.shadowRoot.appendChild(t.content.cloneNode(!0))}isFormValid(t){return!(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]"))}connectedCallback(){const t=this.querySelector("form");if(!t)return!1;t.setAttribute("novalidate","true"),t.addEventListener("submit",e=>{var r;t.classList.add("was-validated"),this.isFormValid(t)||(e.preventDefault(),(r=t?.querySelector("input:invalid"))===null||r===void 0||r.scrollIntoView())}),Array.from(t.querySelectorAll(".conditional [required]")).forEach(e=>{e.setAttribute("data-conditional-required","true"),e.removeAttribute("required")}),Array.from(t.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(),t.addEventListener("change",()=>{this.showIf(),this.hideIf(),this.disabledIf(),this.enabledIf(),this.requiredIf(),this.readonlyIf(),this.writeIf(),this.emptyIf(),Array.from(t.querySelectorAll(".conditional [data-conditional-required], .conditional [data-conditional-data-required]")).forEach(e=>{e.removeAttribute("required"),e.removeAttribute("data-required")}),Array.from(t.querySelectorAll(".conditional [data-conditional-required]")).forEach(e=>{window.getComputedStyle(e.closest(".conditional")).getPropertyValue("display")=="block"&&e.setAttribute("required","required")}),Array.from(t.querySelectorAll(".conditional [data-conditional-data-required]")).forEach(e=>{window.getComputedStyle(e.closest(".conditional")).getPropertyValue("display")=="block"&&e.setAttribute("data-required","true")})})}}export{o as default};
 //# sourceMappingURL=form.component.min.js.map

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

	@@ -1 +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.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.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 // #region if\n this.showIf();\n this.disabledIf();\n form.addEventListener('change', (e) => {\n this.showIf();\n this.disabledIf();\n });\n // #endregion\n }\n}\nexport default iamForm;\n"],"names":["trackComponentRegistered","componentName","iamForm","conditions","meetsCondition","condition","element","template","form","_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,UAAgB,WAAY,CAC9B,aAAc,CACV,MAAK,EACL,KAAK,gBAAmBC,GAAe,CACnC,IAAIC,EAAiB,GACrB,YAAK,MAAMD,CAAU,EAAE,QAASE,GAAc,CACtC,KAAK,cAAc,IAAIA,EAAU,EAAK,EAAE,EAAE,OAASA,EAAU,SAC7DD,EAAiB,GACzB,CAAC,EACMA,CACX,EACA,KAAK,OAAS,IAAM,CAChB,MAAM,KAAK,KAAK,iBAAiB,gBAAgB,CAAC,EAAE,QAASE,GAAY,CAChE,KAAK,gBAAgBA,EAAQ,aAAa,cAAc,CAAC,EAG1DA,EAAQ,UAAU,OAAO,QAAQ,EAFjCA,EAAQ,UAAU,IAAI,QAAQ,CAGtC,CAAC,CACL,EACA,KAAK,WAAa,IAAM,CACpB,MAAM,KAAK,KAAK,iBAAiB,oBAAoB,CAAC,EAAE,QAASA,GAAY,CACpE,KAAK,gBAAgBA,EAAQ,aAAa,kBAAkB,CAAC,EAG9DA,EAAQ,gBAAgB,UAAU,EAFlCA,EAAQ,aAAa,WAAY,UAAU,CAGnD,CAAC,CACL,EACA,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,SAAW,GAAM,CACnC,IAAIC,EACJD,EAAK,UAAU,IAAI,eAAe,EAC7B,KAAK,YAAYA,CAAI,IACtB,QAAQ,IAAI,MAAM,EAClB,EAAE,eAAc,GACfC,EAAiDD,GAAK,cAAc,eAAe,KAAO,MAAQC,IAAO,QAAkBA,EAAG,eAAc,EAErJ,CAAC,EAED,MAAM,KAAKD,EAAK,iBAAiB,yBAAyB,CAAC,EAAE,QAASE,GAAU,CAC5EA,EAAM,aAAa,4BAA6B,MAAM,EACtDA,EAAM,gBAAgB,UAAU,CACpC,CAAC,EAED,MAAM,KAAKF,EAAK,iBAAiB,8BAA8B,CAAC,EAAE,QAASE,GAAU,CACjFA,EAAM,aAAa,iCAAkC,MAAM,EAC3DA,EAAM,gBAAgB,eAAe,CACzC,CAAC,EACDF,EAAK,iBAAiB,SAAU,IAAM,CAClC,MAAM,KAAKA,EAAK,iBAAiB,yFAAyF,CAAC,EAAE,QAASE,GAAU,CAC5IA,EAAM,gBAAgB,UAAU,EAChCA,EAAM,gBAAgB,eAAe,CACzC,CAAC,EACD,MAAM,KAAKF,EAAK,iBAAiB,0CAA0C,CAAC,EAAE,QAASE,GAAU,CACnE,OAAO,iBAAiBA,EAAM,QAAQ,cAAc,CAAC,EACzD,iBAAiB,SAAS,GAAK,SACjDA,EAAM,aAAa,WAAY,UAAU,CACjD,CAAC,EACD,MAAM,KAAKF,EAAK,iBAAiB,+CAA+C,CAAC,EAAE,QAASE,GAAU,CACxE,OAAO,iBAAiBA,EAAM,QAAQ,cAAc,CAAC,EACzD,iBAAiB,SAAS,GAAK,SACjDA,EAAM,aAAa,gBAAiB,MAAM,CAClD,CAAC,CACL,CAAC,EAED,KAAK,OAAM,EACX,KAAK,WAAU,EACfF,EAAK,iBAAiB,SAAW,GAAM,CACnC,KAAK,OAAM,EACX,KAAK,WAAU,CACnB,CAAC,CAEL,CACJ"}
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.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 form.addEventListener('change', () => {\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 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","template","form","_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,UAAgB,WAAY,CAC9B,aAAc,CACV,MAAK,EACL,KAAK,gBAAmBC,GAAe,CACnC,IAAIC,EAAiB,GACrB,YAAK,MAAMD,CAAU,EAAE,QAASE,GAAc,CACtC,KAAK,cAAc,IAAIA,EAAU,EAAK,EAAE,EAAE,OAASA,EAAU,SAC7DD,EAAiB,GACzB,CAAC,EACMA,CACX,EACA,KAAK,OAAS,IAAM,CAChB,MAAM,KAAK,KAAK,iBAAiB,gBAAgB,CAAC,EAAE,QAASE,GAAY,CAChE,KAAK,gBAAgBA,EAAQ,aAAa,cAAc,CAAC,EAG1DA,EAAQ,UAAU,OAAO,QAAQ,EAFjCA,EAAQ,UAAU,IAAI,QAAQ,CAGtC,CAAC,CACL,EACA,KAAK,OAAS,IAAM,CAChB,MAAM,KAAK,KAAK,iBAAiB,gBAAgB,CAAC,EAAE,QAASA,GAAY,CACjE,KAAK,gBAAgBA,EAAQ,aAAa,cAAc,CAAC,EACzDA,EAAQ,UAAU,IAAI,QAAQ,EAE9BA,EAAQ,UAAU,OAAO,QAAQ,CACzC,CAAC,CACL,EACA,KAAK,WAAa,IAAM,CACpB,MAAM,KAAK,KAAK,iBAAiB,oBAAoB,CAAC,EAAE,QAASA,GAAY,CACrE,KAAK,gBAAgBA,EAAQ,aAAa,kBAAkB,CAAC,EAC7DA,EAAQ,aAAa,WAAY,UAAU,EAE3CA,EAAQ,gBAAgB,UAAU,CAC1C,CAAC,CACL,EACA,KAAK,UAAY,IAAM,CACnB,MAAM,KAAK,KAAK,iBAAiB,mBAAmB,CAAC,EAAE,QAASA,GAAY,CACnE,KAAK,gBAAgBA,EAAQ,aAAa,iBAAiB,CAAC,EAG7DA,EAAQ,gBAAgB,UAAU,EAFlCA,EAAQ,aAAa,WAAY,UAAU,CAGnD,CAAC,CACL,EACA,KAAK,WAAa,IAAM,CACpB,MAAM,KAAK,KAAK,iBAAiB,oBAAoB,CAAC,EAAE,QAASA,GAAY,CACrE,KAAK,gBAAgBA,EAAQ,aAAa,kBAAkB,CAAC,EAC7DA,EAAQ,aAAa,WAAY,UAAU,EAE3CA,EAAQ,gBAAgB,UAAU,CAC1C,CAAC,CACL,EACA,KAAK,WAAa,IAAM,CACpB,MAAM,KAAK,KAAK,iBAAiB,oBAAoB,CAAC,EAAE,QAASA,GAAY,CACrE,KAAK,gBAAgBA,EAAQ,aAAa,kBAAkB,CAAC,EAC7DA,EAAQ,aAAa,WAAY,UAAU,EAE3CA,EAAQ,gBAAgB,UAAU,CAC1C,CAAC,CACL,EACA,KAAK,QAAU,IAAM,CACjB,MAAM,KAAK,KAAK,iBAAiB,iBAAiB,CAAC,EAAE,QAASA,GAAY,CACjE,KAAK,gBAAgBA,EAAQ,aAAa,eAAe,CAAC,EAG3DA,EAAQ,gBAAgB,UAAU,EAFlCA,EAAQ,aAAa,WAAY,UAAU,CAGnD,CAAC,CACL,EACA,KAAK,QAAU,IAAM,CACjB,MAAM,KAAK,KAAK,iBAAiB,iBAAiB,CAAC,EAAE,QAASA,GAAY,CAClE,KAAK,gBAAgBA,EAAQ,aAAa,eAAe,CAAC,IAC1DA,EAAQ,MAAQ,GACxB,CAAC,CACL,EACA,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,SAAW,GAAM,CACnC,IAAIC,EACJD,EAAK,UAAU,IAAI,eAAe,EAC7B,KAAK,YAAYA,CAAI,IACtB,EAAE,eAAc,GACfC,EAAiDD,GAAK,cAAc,eAAe,KAAO,MAAQC,IAAO,QAAkBA,EAAG,eAAc,EAErJ,CAAC,EAED,MAAM,KAAKD,EAAK,iBAAiB,yBAAyB,CAAC,EAAE,QAASE,GAAU,CAC5EA,EAAM,aAAa,4BAA6B,MAAM,EACtDA,EAAM,gBAAgB,UAAU,CACpC,CAAC,EAED,MAAM,KAAKF,EAAK,iBAAiB,8BAA8B,CAAC,EAAE,QAASE,GAAU,CACjFA,EAAM,aAAa,iCAAkC,MAAM,EAC3DA,EAAM,gBAAgB,eAAe,CACzC,CAAC,EACD,KAAK,OAAM,EACX,KAAK,OAAM,EACX,KAAK,WAAU,EACf,KAAK,UAAS,EACd,KAAK,WAAU,EACf,KAAK,WAAU,EACf,KAAK,QAAO,EACZ,KAAK,QAAO,EACZF,EAAK,iBAAiB,SAAU,IAAM,CAClC,KAAK,OAAM,EACX,KAAK,OAAM,EACX,KAAK,WAAU,EACf,KAAK,UAAS,EACd,KAAK,WAAU,EACf,KAAK,WAAU,EACf,KAAK,QAAO,EACZ,KAAK,QAAO,EACZ,MAAM,KAAKA,EAAK,iBAAiB,yFAAyF,CAAC,EAAE,QAASE,GAAU,CAC5IA,EAAM,gBAAgB,UAAU,EAChCA,EAAM,gBAAgB,eAAe,CACzC,CAAC,EACD,MAAM,KAAKF,EAAK,iBAAiB,0CAA0C,CAAC,EAAE,QAASE,GAAU,CACnE,OAAO,iBAAiBA,EAAM,QAAQ,cAAc,CAAC,EACzD,iBAAiB,SAAS,GAAK,SACjDA,EAAM,aAAa,WAAY,UAAU,CACjD,CAAC,EACD,MAAM,KAAKF,EAAK,iBAAiB,+CAA+C,CAAC,EAAE,QAASE,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 CHANGED Viewed

@@ -1,9 +1,9 @@
 /*!
-  * iamKey v7.7.1--beta11
+  * iamKey v7.7.1--beta13
   * 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>
-    @layer elements{.container{display:block;margin-left:auto;margin-right:auto;container-type:inline-size;width:100%}.container:not([class*=col-]){grid-column:container !important;padding:var(--container-padding)}.container:not(:has(.row)):has([class*=col-]){display:grid;grid-template-columns:[content-start col-1-start] 1fr [col-1-end col-2-start] 1fr [col-2-end col-3-start] 1fr [col-3-end col-4-start] 1fr [col-4-end col-5-start] 1fr [col-5-end col-6-start] 1fr [col-6-end col-7-start] 1fr [col-7-end col-8-start] 1fr [col-8-end col-9-start] 1fr [col-9-end col-10-start] 1fr [col-10-end col-11-start] 1fr [col-11-end col-12-start] 1fr [col-12-end content-end];column-gap:1rem}.container [class*=col-span-]:not([class*=-col-span-]):not(:first-child){--col-start: auto}@media screen and (min-width: 36em){.container [class*=sm-col-span-]:not(:first-child){--col-start: auto}}@media screen and (min-width: 62em){.container [class*=md-col-span-]:not(:first-child){--col-start: auto}}.container:not(.container-fluid){max-width:var(--container-max-width)}.container .container:not(.container-xs-breakout){padding-left:0;padding-right:0;padding-bottom:0;padding-top:0}.container[class*=bg-]{padding-top:3rem;padding-bottom:2rem}.container[class*=bg-]+.container:not([class*=bg-]){padding-top:2rem}.container:before{display:table;clear:both;content:""}.container:after{display:table;clear:both;content:""}.container.container-xs-breakout{margin-left:-1.25rem;margin-right:-1.25rem;width:calc(100% + 2.5rem)}@media screen and (min-width: 36em){.container.container-xs-breakout{margin-left:auto;margin-right:auto;width:100%}}:host .container{display:block;margin-left:auto;margin-right:auto;padding:var(--container-padding);width:100%}main>.row{padding-bottom:1rem}main>.row[class*=bg-]{padding-top:3rem;padding-bottom:2rem}main>.row[class*=bg-]+:is(.row,.container):not([class*=bg-]){padding-top:2rem}}@layer elements{.admin-panel{--padding-x: 1.5rem;--padding-top: 1rem;--padding-bottom: 1rem;--mh-modifier: 4.5rem;--mh-padding-inline: var(--padding-x);display:block;padding:var(--padding-top) var(--padding-x) var(--padding-bottom) var(--padding-x);box-shadow:0px 6px 12px rgba(0, 0, 0, 0.11);background-color:var(--colour-canvas-2);border-radius:.5rem;margin-bottom:1.5rem;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);overflow:hidden;&:has(:is([class*=cols-],[class*=col-start-],[class*=col-end-],[class*=col-span-])){display:grid;>*{grid-column:var(--col-start, col-1-start)/var(--col-end, col-12-end)}}&:empty{display:none}>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.admin-panel__heading):not(.lead):first-child{--gradient-direction: -90deg !important;background-color:var(--colour-success);&:not([class*=bg-]){color:var(--colour-primary-theme);background-image:linear-gradient(var(--gradient-direction), var(--colour-info) 0, transparent 100%)}margin:calc(var(--padding-top)*-1) calc(var(--padding-x)*-1) var(--padding-top) calc(var(--padding-x)*-1);display:block;border-top-left-radius:.5rem;border-top-right-radius:.5rem}>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(.lead):first-child,.admin-panel__heading>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(.lead){font-size:1.125rem;line-height:1.5rem;font-weight:bold;padding:1rem 1.5rem;max-width:unset}>:is(.admin-panel__heading):first-child{display:flex !important;flex-wrap:wrap;gap:1rem;align-items:center;padding:1rem 1.5rem;>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){padding:0;margin-inline-end:auto}.btn{--btn-margin: 0;margin-bottom:0}.dialog__wrapper+.btn{--btn-margin: 0.25rem;margin-inline-end:0}@media(prefers-color-scheme: light){.btn-action,.dialog__wrapper{--colour-canvas-2: #ffffff;--colour-heading: var(--colour-primary);--colour-btn-action-hover-bg: var(--colour-light);--colour-btn-hover: var(--colour-primary);--colour-border: #d8d8d8}}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax,.iam-table){margin:0 0 2rem 0;padding:0;box-shadow:none;background:none}&>*:not([class*=mb-]):not(.btn__group):last-child{margin-bottom:0 !important}&>*:is(p):last-child{padding-bottom:0 !important}& p{max-width:100%;padding-bottom:1.5rem}&>:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid){overflow:auto;&:before{top:100% !important}}&>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(.lead):first-child+:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid){padding-top:var(--padding-top);margin-top:calc(var(--padding-top)*-1)}&>:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid):last-child{padding-bottom:var(--padding-bottom);margin-bottom:calc(var(--padding-bottom)*-1) !important;&>*:not([class*=mb-]):last-child{margin-bottom:0 !important}&>*:is(p):last-child{padding-bottom:0 !important}}&>iam-pagination{margin-top:-1rem}&:has(.mh-fluid){max-height:100%;display:flex;flex-direction:column}&.grid{display:grid !important;grid-template-columns:subgrid !important;>*:not(:first-child){grid-column:var(--col-start, col-1-start)/var(--col-end, col-12-end)}}&>hr{margin-inline:calc(var(--padding-x)*-1)}}@container style(--theme: dark){.admin-panel{background-color:var(--colour-canvas-2);color:var(--colour-body);.bg-white{background-color:transparent !important;color:var(--white) !important}}}[class*=col].admin-panel:first-child:last-child:not(:has(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid)){min-height:calc(100% - 1.5rem)}.admin-panel:has(iam-actionbar){&>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(.lead):first-child{margin-bottom:0}iam-actionbar{background:var(--colour-canvas);margin-inline:calc(var(--padding-x)*-1);margin-bottom:var(--padding-top);&:first-child{margin-top:calc(var(--padding-top)*-1)}&:not(:first-child){border-radius:0}}&>:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax){overflow:visible;&:first-child{margin-top:calc(var(--padding-top)*-1)}iam-actionbar{margin-top:0 !important;border-radius:0;box-shadow:none}}}details.admin-panel{summary:after{content:"\uF077";font-weight:bold;margin-left:0;height:2rem;width:2rem;text-align:center;line-height:2rem;margin-right:-0.5rem}summary:not(:has(.btn:hover)):hover:after{background:var(--colour-light);border-radius:50%}summary:not(:has(.btn:hover)):active:after{background:var(--colour-light);filter:brightness(85%);border-radius:50%}}details.admin-panel:not([open]){padding-bottom:0;summary:first-child{margin-bottom:0}summary:after{content:"\uF078"}}.admin-panel__footer:last-child{background-color:var(--wider-colour);padding-top:var(--padding-top);margin-inline:calc(var(--padding-x)*-1);padding-inline:var(--padding-x);padding-bottom:0;&>*:last-child{margin-bottom:0;padding-bottom:var(--padding-bottom);align-self:center}}.admin-panel__footer:not([class*=mb-]):last-child{margin-bottom:calc(var(--padding-bottom)*-1) !important}.sub-panel{background:var(--colour-canvas);padding:var(--spacer-1);border:1px solid var(--colour-border);border-radius:.25rem;font-weight:normal;margin-bottom:1rem;&>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){font-size:1rem;line-height:1;margin-bottom:0;padding-bottom:.5rem;font-weight:normal}strong{font-weight:normal}.logo{height:1.5rem;width:1.5rem;object-fit:contain;padding:0;margin:0 auto .25rem auto;display:block}}}*,*::before,*::after{box-sizing:border-box}.container{box-sizing:border-box;position:relative;z-index:4}:host{padding-top:0 !important;display:block !important}:host .container{padding-bottom:var(--padding-bottom) !important}.header-banner{padding-top:var(--padding-top);max-width:120rem;margin-inline:auto;display:block;position:relative;height:auto}.header-banner>.picture-overflow{overflow:hidden;position:absolute;inset:0;z-index:3}.header-banner>.picture-overflow picture{display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;overflow:hidden;min-height:25rem;max-height:25rem}.header-banner>.picture-overflow picture img{display:block;position:absolute;z-index:1;inset:0;object-fit:cover;object-position:50% 50%;width:100%;height:100%}.header-banner>.picture-overflow picture:after{content:"";display:block;position:absolute;z-index:2;inset:0;background:linear-gradient(300deg, rgb(30, 190, 230) 0%, rgb(0, 49, 60) 100%);opacity:.85}:host(.header--contain) .header-banner{padding-bottom:2rem}:host(.header--contain) .header-banner>picture{max-height:100%}::slotted(.breadcrumb){margin-top:1.5rem !important;margin-bottom:-0.5rem !important}@media screen and (min-width: 62em){::slotted(.breadcrumb){position:absolute !important;top:0 !important;left:5.25rem !important}}:host(.has-breadcrumbs) .header-banner{padding-top:1rem}:host(.has-breadcrumbs) ::slotted(.breadcrumbs){margin-bottom:2rem !important}slot[name=badge]{display:block;position:absolute;top:0;left:0}:host(.has-panel) [name=panel]{display:block;text-align:center;margin-bottom:1rem;max-height:fit-content}::slotted([slot=panel]){color-scheme:light !important;--colour-heading: var(--colour-primary-theme);--colour-body: var(--colour-primary-theme);--colour-underline: var(--colour-secondary-theme);color:var(--colour-primary-theme)}::slotted(img[slot=panel]){max-width:4.75rem !important}:host(.has-panel) slot[name=panel]{container-type:inline-size;anchor-name:--anchor}:host(.has-panel) slot[name=badge]{position-anchor:--anchor;top:calc(anchor(top) + 1rem);left:calc(anchor(left) + 1rem);z-index:999}@media screen and (min-width: 62em){:host(.has-panel) .container{display:grid;column-gap:var(--gap);grid-template-columns:repeat(12, 1fr)}:host(.has-panel) slot:not([name]){display:block;grid-column-start:1;grid-column-end:7}:host(.has-panel) slot[name=before]{display:block;grid-column-start:1;grid-column-end:13}:host(.has-panel) slot[name=panel]{display:block;grid-column-start:8;grid-column-end:13}:host(.has-panel) .admin-panel{text-align:center}}:host(.has-toolbox){--padding-bottom: 1rem!important;margin-bottom:4rem !important}:host(.has-toolbox) [name=toolbox]{display:flex;flex-wrap:wrap;text-align:center;margin-bottom:-3rem;width:fit-content;margin-inline:auto;gap:.5rem}::slotted([slot=toolbox]){margin:0 !important;color-scheme:light !important;--colour-heading: var(--colour-primary-theme);--colour-body: var(--colour-primary-theme);--colour-underline: var(--colour-secondary-theme);color:var(--colour-primary-theme)}::slotted(hr[slot=toolbox]){display:inline-block;vertical-align:top !important;margin-top:-0.25rem !important;margin-bottom:-0.25rem !important;background-color:var(--colour-muted) !important;width:1px !important;height:2.5rem !important}.gradient-overflow{overflow:hidden;position:absolute;inset:0;z-index:2}.gradient-background{position:absolute;left:75%;top:50%;transform:translate(-50%, -50%);width:54rem;aspect-ratio:1/1}/*# sourceMappingURL=assets/css/components/header.component.css.map */
+    @layer elements{.container{display:block;margin-left:auto;margin-right:auto;container-type:inline-size;width:100%}.container:not([class*=col-]){grid-column:container !important;padding:var(--container-padding)}.container:not(:has(.row)):has([class*=col-]){display:grid;grid-template-columns:[content-start col-1-start] 1fr [col-1-end col-2-start] 1fr [col-2-end col-3-start] 1fr [col-3-end col-4-start] 1fr [col-4-end col-5-start] 1fr [col-5-end col-6-start] 1fr [col-6-end col-7-start] 1fr [col-7-end col-8-start] 1fr [col-8-end col-9-start] 1fr [col-9-end col-10-start] 1fr [col-10-end col-11-start] 1fr [col-11-end col-12-start] 1fr [col-12-end content-end];column-gap:1rem}.container [class*=col-span-]:not([class*=-col-span-]):not(:first-child){--col-start: auto}@media screen and (min-width: 36em){.container [class*=sm-col-span-]:not(:first-child){--col-start: auto}}@media screen and (min-width: 62em){.container [class*=md-col-span-]:not(:first-child){--col-start: auto}}.container:not(.container-fluid){max-width:var(--container-max-width)}.container .container:not(.container-xs-breakout){padding-left:0;padding-right:0;padding-bottom:0;padding-top:0}.container[class*=bg-]{padding-top:3rem;padding-bottom:2rem}.container[class*=bg-]+.container:not([class*=bg-]){padding-top:2rem}.container:before{display:table;clear:both;content:""}.container:after{display:table;clear:both;content:""}.container.container-xs-breakout{margin-left:-1.25rem;margin-right:-1.25rem;width:calc(100% + 2.5rem)}@media screen and (min-width: 36em){.container.container-xs-breakout{margin-left:auto;margin-right:auto;width:100%}}:host .container{display:block;margin-left:auto;margin-right:auto;padding:var(--container-padding);width:100%}main>.row{padding-bottom:1rem}main>.row[class*=bg-]{padding-top:3rem;padding-bottom:2rem}main>.row[class*=bg-]+:is(.row,.container):not([class*=bg-]){padding-top:2rem}}@layer elements{.admin-panel{--padding-x: 1.5rem;--padding-top: 1rem;--padding-bottom: 1rem;--mh-modifier: 4.5rem;--mh-padding-inline: var(--padding-x);display:block;padding:var(--padding-top) var(--padding-x) var(--padding-bottom) var(--padding-x);box-shadow:0px 6px 12px rgba(0, 0, 0, 0.11);background-color:var(--colour-canvas-2);border-radius:.5rem;margin-bottom:1.5rem;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);overflow:hidden;&:has(:is([class*=cols-],[class*=col-start-],[class*=col-end-],[class*=col-span-])){display:grid;>*{grid-column:var(--col-start, col-1-start)/var(--col-end, col-12-end)}}&:empty{display:none}>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.admin-panel__heading):not(.lead):first-child{--gradient-direction: -90deg !important;background-color:var(--colour-success);&:not([class*=bg-]){color:var(--colour-primary-theme);background-image:linear-gradient(var(--gradient-direction), var(--colour-info) 0, transparent 100%)}margin:calc(var(--padding-top)*-1) calc(var(--padding-x)*-1) var(--padding-top) calc(var(--padding-x)*-1);display:block;border-top-left-radius:.5rem;border-top-right-radius:.5rem}>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(.lead):first-child,.admin-panel__heading>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(.lead){font-size:1.125rem;line-height:1.5rem;font-weight:bold;padding:1rem 1.5rem;max-width:unset}>:is(.admin-panel__heading):first-child{display:flex !important;flex-wrap:wrap;gap:1rem;align-items:center;padding:1rem 1.5rem;>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){padding:0;margin-inline-end:auto}.btn{--btn-margin: 0;margin-bottom:0}.dialog__wrapper+.btn{--btn-margin: 0.25rem;margin-inline-end:0}@media(prefers-color-scheme: light){.btn-action,.dialog__wrapper{--colour-canvas-2: #ffffff;--colour-heading: var(--colour-primary);--colour-btn-action-hover-bg: var(--colour-light);--colour-btn-hover: var(--colour-primary);--colour-border: #d8d8d8}}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax,.iam-table){margin:0 0 2rem 0;padding:0;box-shadow:none;background:none}&>*:not([class*=mb-]):not(.btn__group):last-child{margin-bottom:0 !important}&>*:is(p):last-child{padding-bottom:0 !important}& p{max-width:100%;padding-bottom:1.5rem}&>:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid){overflow:auto;&:before{top:100% !important}}&>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(.lead):first-child+:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid){padding-top:var(--padding-top);margin-top:calc(var(--padding-top)*-1)}&>:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid):last-child{padding-bottom:var(--padding-bottom);margin-bottom:calc(var(--padding-bottom)*-1) !important;&>*:not([class*=mb-]):last-child{margin-bottom:0 !important}&>*:is(p):last-child{padding-bottom:0 !important}}&>iam-pagination{margin-top:-1rem}&:has(.mh-fluid){max-height:100%;display:flex;flex-direction:column}&.grid{display:grid !important;grid-template-columns:subgrid !important;>*:not(:first-child){grid-column:var(--col-start, col-1-start)/var(--col-end, col-12-end)}}&>hr{margin-inline:calc(var(--padding-x)*-1)}}@container style(--theme: dark){.admin-panel{background-color:var(--colour-canvas-2);color:var(--colour-body);.bg-white{background-color:transparent !important;color:var(--white) !important}}}[class*=col].admin-panel:first-child:last-child:not(:has(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid)){min-height:calc(100% - 1.5rem)}.admin-panel:has(iam-actionbar){&>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(.lead):first-child{margin-bottom:0}iam-actionbar{background:var(--colour-canvas);margin-inline:calc(var(--padding-x)*-1);margin-bottom:var(--padding-top);&:first-child{margin-top:calc(var(--padding-top)*-1)}&:not(:first-child){border-radius:0}}&>:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax){overflow:visible;&:first-child{margin-top:calc(var(--padding-top)*-1)}iam-actionbar{margin-top:0 !important;border-radius:0;box-shadow:none}}}details.admin-panel{summary:after{content:"\uF077";font-weight:bold;margin-left:0;height:2rem;width:2rem;text-align:center;line-height:2rem;margin-right:-0.5rem}summary:not(:has(.btn:hover)):hover:after{background:var(--colour-light);border-radius:50%}summary:not(:has(.btn:hover)):active:after{background:var(--colour-light);filter:brightness(85%);border-radius:50%}}details.admin-panel:not([open]){padding-bottom:0;summary:first-child{margin-bottom:0}summary:after{content:"\uF078"}}.admin-panel__footer:last-child{background-color:var(--wider-colour);padding-top:var(--padding-top);margin-inline:calc(var(--padding-x)*-1);padding-inline:var(--padding-x);padding-bottom:0;&>*:last-child{margin-bottom:0;padding-bottom:var(--padding-bottom);align-self:center}}.admin-panel__footer:not([class*=mb-]):last-child{margin-bottom:calc(var(--padding-bottom)*-1) !important}.sub-panel{background:var(--colour-canvas);padding:var(--spacer-1);border:1px solid var(--colour-border);border-radius:.25rem;font-weight:normal;margin-bottom:1rem;display:block;&>:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){font-size:1rem;line-height:1;margin-bottom:0;padding-bottom:.5rem;font-weight:normal}strong{font-weight:normal}.logo{height:1.5rem;width:1.5rem;object-fit:contain;padding:0;margin:0 auto .25rem auto;display:block}}}*,*::before,*::after{box-sizing:border-box}.container{box-sizing:border-box;position:relative;z-index:4}:host{padding-top:0 !important;display:block !important}:host .container{padding-bottom:var(--padding-bottom) !important}.header-banner{padding-top:var(--padding-top);max-width:120rem;margin-inline:auto;display:block;position:relative;height:auto}.header-banner>.picture-overflow{overflow:hidden;position:absolute;inset:0;z-index:3}.header-banner>.picture-overflow picture{display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;overflow:hidden;min-height:25rem;max-height:25rem}.header-banner>.picture-overflow picture img{display:block;position:absolute;z-index:1;inset:0;object-fit:cover;object-position:50% 50%;width:100%;height:100%}.header-banner>.picture-overflow picture:after{content:"";display:block;position:absolute;z-index:2;inset:0;background:linear-gradient(300deg, rgb(30, 190, 230) 0%, rgb(0, 49, 60) 100%);opacity:.85}:host(.header--contain) .header-banner{padding-bottom:2rem}:host(.header--contain) .header-banner>picture{max-height:100%}::slotted(.breadcrumb){margin-top:1.5rem !important;margin-bottom:-0.5rem !important}@media screen and (min-width: 62em){::slotted(.breadcrumb){position:absolute !important;top:0 !important;left:5.25rem !important}}:host(.has-breadcrumbs) .header-banner{padding-top:1rem}:host(.has-breadcrumbs) ::slotted(.breadcrumbs){margin-bottom:2rem !important}slot[name=badge]{display:block;position:absolute;top:0;left:0}:host(.has-panel) [name=panel]{display:block;text-align:center;margin-bottom:1rem;max-height:fit-content}::slotted([slot=panel]){color-scheme:light !important;--colour-heading: var(--colour-primary-theme);--colour-body: var(--colour-primary-theme);--colour-underline: var(--colour-secondary-theme);color:var(--colour-primary-theme)}::slotted(img[slot=panel]){max-width:4.75rem !important}:host(.has-panel) slot[name=panel]{container-type:inline-size;anchor-name:--anchor}:host(.has-panel) slot[name=badge]{position-anchor:--anchor;top:calc(anchor(top) + 1rem);left:calc(anchor(left) + 1rem);z-index:999}@media screen and (min-width: 62em){:host(.has-panel) .container{display:grid;column-gap:var(--gap);grid-template-columns:repeat(12, 1fr)}:host(.has-panel) slot:not([name]){display:block;grid-column-start:1;grid-column-end:7}:host(.has-panel) slot[name=before]{display:block;grid-column-start:1;grid-column-end:13}:host(.has-panel) slot[name=panel]{display:block;grid-column-start:8;grid-column-end:13}:host(.has-panel) .admin-panel{text-align:center}}:host(.has-toolbox){--padding-bottom: 1rem!important;margin-bottom:4rem !important}:host(.has-toolbox) [name=toolbox]{display:flex;flex-wrap:wrap;text-align:center;margin-bottom:-3rem;width:fit-content;margin-inline:auto;gap:.5rem}::slotted([slot=toolbox]){margin:0 !important;color-scheme:light !important;--colour-heading: var(--colour-primary-theme);--colour-body: var(--colour-primary-theme);--colour-underline: var(--colour-secondary-theme);color:var(--colour-primary-theme)}::slotted(hr[slot=toolbox]){display:inline-block;vertical-align:top !important;margin-top:-0.25rem !important;margin-bottom:-0.25rem !important;background-color:var(--colour-muted) !important;width:1px !important;height:2.5rem !important}.gradient-overflow{overflow:hidden;position:absolute;inset:0;z-index:2}.gradient-background{position:absolute;left:75%;top:50%;transform:translate(-50%, -50%);width:54rem;aspect-ratio:1/1}/*# sourceMappingURL=assets/css/components/header.component.css.map */
     </style>
     <div class="header-banner">

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta11
+  * iamKey v7.7.1--beta13
   * 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 CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta11
+  * iamKey v7.7.1--beta13
   * 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 CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta11
+  * iamKey v7.7.1--beta13
   * 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 CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta11
+  * iamKey v7.7.1--beta13
   * 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 CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta11
+  * iamKey v7.7.1--beta13
   * 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 CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta11
+  * iamKey v7.7.1--beta13
   * 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 CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta11
+  * iamKey v7.7.1--beta13
   * 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.min.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta11
+  * iamKey v7.7.1--beta13
   * Copyright 2022-2026 iamproperty
   */const w=a=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:a})},y=a=>{var o;const i=(o=a.shadowRoot)===null||o===void 0?void 0:o.querySelector("dialog"),r=a.hasAttribute("id")?a.getAttribute("id"):"unknown";i?.showModal(),i?.focus();const d=new CustomEvent("modal-opened",{bubbles:!0,cancelable:!0,detail:{modalId:r}});a.dispatchEvent(d),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:r})},n=a=>{var o;const i=(o=a.shadowRoot)===null||o===void 0?void 0:o.querySelector("dialog"),r=a.hasAttribute("id")?a.getAttribute("id"):"unknown";i?.close();const d=new CustomEvent("modal-closed",{bubbles:!0,cancelable:!0,detail:{modalId:r}});a.dispatchEvent(d),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:r})},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 o=document.createElement("template");o.innerHTML=`
     <style>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta11
+  * iamKey v7.7.1--beta13
   * 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 CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta11
+  * iamKey v7.7.1--beta13
   * Copyright 2022-2026 iamproperty
   */const z=b=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:b})},E=(b,n,c)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:n}),c.forEach(d=>{b.addEventListener(d,function(e){const i={event:d,element:n,target:e.target};Object.keys(e.detail).forEach(r=>{const p=e.detail[r];i[r]=p}),window.dataLayer.push(i)})}),!0);z("iam-multi-step-modal");class _ 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>