@iamproperty/components 7.7.1--beta12 → 7.7.1--beta14

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

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

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta12
+  * iamKey v7.7.1--beta14
   * Copyright 2022-2026 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Dark mode button"});class i extends HTMLElement{constructor(){var e;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>::slotted(.toggle):after{--icon: var(--icon-light);background:red;mask-image:var(--icon);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}::slotted(.toggle.dark-theme):after{--icon: var(--icon-dark)}/*# sourceMappingURL=assets/css/components/darkmode.component.css.map */

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta12
+  * iamKey v7.7.1--beta14
   * Copyright 2022-2026 iamproperty
   */const L=t=>t.charAt(0).toUpperCase()+t.slice(1),q=t=>t.replace(/_/g," "),R=(t,r)=>{for(let a=1;a<=10;a++){if(t.hasAttribute(`data-colour-${a}`)){const c=t.getAttribute(`data-colour-${a}`);t.style.setProperty(`--chart-colour-${a}`,`var(--chart-colour-${c})`),t.style.setProperty(`--chart-colour-${a}-hover`,`var(--chart-colour-${c}-hover)`)}Array.from(r.querySelectorAll(`[data-colour-${a}]`)).forEach(c=>{const e=c.getAttribute(`data-colour-${a}`);c.style.setProperty(`--chart-colour-${a}`,`var(--chart-colour-${e})`),c.style.setProperty(`--chart-colour-${a}-hover`,`var(--chart-colour-${e}-hover)`)})}return!0},w=(t,r,a)=>{if(t.tagName=="IAM-DOUGHNUTCHART")return N(t,r,a),!0;const c=r.querySelector(".chart__key");c.innerHTML="";const e=r.querySelector(".chart__guidelines");e.innerHTML="";const i=r.querySelector(".chart__yaxis");i.innerHTML="",Array.from(r.querySelectorAll(':scope > input[type="checkbox"],:scope > input[type="radio"]')).map(n=>{n.remove()});const{xaxis:o}=v(t);return A(t,a),T(r,a,c),I(t,e),X(t,i),o&&K(r),!0},N=(t,r,a)=>{const c=r.querySelector(".chart__key");return c.innerHTML="",Array.from(r.querySelectorAll(':scope > input[type="checkbox"],:scope > input[type="radio"]')).map(e=>{e.remove()}),A(t,a),T(r,a,c),H(r),!0},j=function(t,r){const a=r.querySelector(".chart");a.addEventListener("mousemove",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("td:not(:first-child")){const l=o.target.closest("td:not(:first-child").getBoundingClientRect(),d=o.clientX-l.left,h=o.clientY-l.top;a.setAttribute("style",`--cursor-x: ${d}px; --cursor-y: ${h}px;`)}});const c=r.querySelectorAll("label");Array.from(c).forEach(o=>{r.querySelector(`input#${o.getAttribute("for")}`).checked?o.setAttribute("part","key-checked"):o.setAttribute("part","key-unchecked")});const e=t.querySelector("table"),i=r.querySelector("table");r.addEventListener("change",function(o){const n=o.target,l=new CustomEvent("view-change",{detail:{"data-dataset":n.getAttribute("data-dataset"),label:n.getAttribute("data-label"),checked:n.checked}});t.dispatchEvent(l),Array.from(c).forEach(d=>{var h;!((h=r.querySelector(`input#${d.getAttribute("for")}`))===null||h===void 0)&&h.checked?d.setAttribute("part","key-checked"):d.setAttribute("part","key-unchecked")}),i.innerHTML=e.innerHTML,A(t,i),t.tagName=="IAM-DOUGHNUTCHART"&&H(r)})},B=function(t,r){const a=t.querySelector("table"),c=r.querySelector("table"),e=(l,d)=>{d.disconnect(),n.disconnect();for(const h of l)(h.attributeName=="class"||h.type==="attributes"||h.type==="attributes")&&(c.innerHTML=a.innerHTML,w(t,r,c));d.observe(a,{characterData:!0,subtree:!0}),n.observe(t,{attributes:!0})},i=(l,d)=>{d.disconnect(),n.disconnect();for(const h of l)(h.type=="characterData"||h.type=="childList"&&h.addedNodes.length)&&(c.innerHTML=a.innerHTML,w(t,r,c));d.observe(a,{characterData:!0,subtree:!0}),n.observe(t,{attributes:!0})},o=new MutationObserver(i),n=new MutationObserver(e);return o.observe(a,{characterData:!0,subtree:!0}),n.observe(t,{attributes:!0}),!0};function C(t,r){r>1&&(t=t-.25);const a=Math.cos(2*Math.PI*t),c=Math.sin(2*Math.PI*t);return[a*100,c*100]}const v=function(t){const r=t.shadowRoot.querySelector(".chart__wrapper table"),a=t.hasAttribute("data-min")?t.getAttribute("data-min"):0,c=t.hasAttribute("data-max")?t.getAttribute("data-max"):U(t,r),e=t.hasAttribute("data-yaxis")?t.getAttribute("data-yaxis").split(","):[],i=t.hasAttribute("data-guidelines")?t.getAttribute("data-guidelines").split(","):[],o=t.hasAttribute("data-xaxis")?t.getAttribute("data-xaxis").split(","):null;return{min:a,max:c,yaxis:e,xaxis:o,guidelines:i}};function U(t,r){const a=t.classList.contains("chart--stacked")?"tbody tr":"tbody td:not(:first-child)",c=Array.from(r.querySelectorAll(a)).map(i=>i.getAttribute("data-numeric")),e=Math.max(...c);return Math.ceil(e)}const x=function(t,r,a,c){let e=String(t);e=e.replace("\xA3",""),e=e.replace("%",""),e=e.replace(",",""),e=Number.parseFloat(e);let i=(e-r)/(a-r)*100,o=i,n=0;return c&&c!=0&&(n=(c-r)/(a-r)*100),r<0&&(n=Math.abs(r/(a-r)*100),e<0?(i=n-i,n=n-i,o=n):(i=i-n,o=i+n)),{percent:i,axis:o,bottom:n}},A=function(t,r){Array.from(r.querySelectorAll("tbody tr")).forEach(e=>{let i=0;Array.from(e.querySelectorAll("td:not(:first-child)")).forEach(o=>{const n=o.cloneNode(!0);Array.from(n.querySelectorAll("*")).forEach(h=>{h.remove()});const l=parseFloat(n.textContent.replace("\xA3","").replace("%","").replace(",",""));o.setAttribute("data-numeric",l),o.setAttribute("data-value",n.textContent),getComputedStyle(o).display!="none"&&(i+=l),Array.from(o.querySelectorAll("a, button")).forEach((h,b)=>{b==0&&h.insertAdjacentHTML("beforeBegin","<hr/>"),h.classList.add("btn"),h.classList.add("btn-tertiary")})}),e.setAttribute("data-numeric",i)});const{min:a,max:c}=v(t);Array.from(r.querySelectorAll("tbody tr")).forEach((e,i)=>{const o=e.querySelector("td:first-child, th:first-child")?e.querySelector("td:first-child, th:first-child").textContent:"";e.setAttribute("part","group");const n=(e.getAttribute("data-numeric")-a)/(c-a)*100;e.style.setProperty("--percent",`${n}%`),Array.from(e.querySelectorAll("td:not([data-label])")).forEach((h,b)=>{b==0?h.setAttribute("part","xaxis-label"):h.setAttribute("part","value"),e.querySelectorAll("td").length>2&&h.setAttribute("data-label",r.querySelectorAll("thead th")[b].textContent)});const l=e.hasAttribute("data-min")?e.getAttribute("data-min"):a,d=e.hasAttribute("data-max")?e.getAttribute("data-max"):c;if(l<0){const h=Math.abs(l/(d-l)*100);t.setAttribute("style",`--min-bottom: ${h}%;`)}e.style.setProperty("--row-index",i+1),Array.from(e.querySelectorAll('td[data-numeric]:not([data-label="Min"]):not([data-label="Max"]):not(:first-child)')).forEach(h=>{if(getComputedStyle(h).display=="none")return;const g=h.innerHTML,_=Number.parseFloat(h.getAttribute("data-numeric")),s=Number.parseFloat(h.getAttribute("data-start"));if(h.querySelector("span[data-group]")||(h.innerHTML=`<span data-group="${o}" ${h.hasAttribute("data-label")?`data-label="${h.getAttribute("data-label")}"`:""} part="popover">${g}</span>`),!h.hasAttribute("style")){const{percent:m,bottom:y,axis:p}=x(_,l,d,s);h.setAttribute("data-percent",m),h.setAttribute("style",`--bottom:${y}%;--percent:${m}%;--axis:${p}%;`)}})})},T=function(t,r,a){const c=`chart-${Date.now()+(Math.floor(Math.random()*100)+1)}`;let e;const i=Array.from(r.querySelectorAll("thead th"));return i.forEach((o,n)=>{n!=0&&(e=V(c,n,o.textContent,a,t,e)),n==50&&(i.length=n+1)}),!0};function V(t,r,a,c,e,i){var o;const n=document.createElement("input");n.setAttribute("name",`${t}-dataset-${r}`),n.setAttribute("id",`${t}-dataset-${r}`),n.setAttribute("data-dataset",`${r}`),n.setAttribute("data-label",`${a}`),n.checked=!0,n.setAttribute("type","checkbox"),r==1?e.prepend(n):e.insertBefore(n,i.nextSibling),i=n;const l=document.createElement("label");l.setAttribute("class","key btn btn-action"),l.setAttribute("for",`${t}-dataset-${r}`),l.setAttribute("data-label",`${a}`),l.setAttribute("part","key");const d=(o=e.querySelector(`tbody tr td:nth-child(${r+1})`))===null||o===void 0?void 0:o.getAttribute("data-numeric");return l.setAttribute("data-numeric",d),l.innerHTML=`${a}`,c.append(l),i}const I=function(t,r){const{min:a,max:c,yaxis:e}=v(t);let{guidelines:i}=v(t);i.length||(i=e),r.innerHTML="";for(let o=0;o<i.length;o++){const n=parseFloat(i[o].replace("\xA3","").replace("%","").replace(",","")),{axis:l}=x(n,a,c);r.innerHTML+=`<div class="guideline" style="--percent:${l}%;">${e.indexOf(i[o])!=-1?`<span>${i[o]}</span>`:""}</div>`}},X=function(t,r){const{min:a,max:c,yaxis:e}=v(t);r.innerHTML="";for(let i=0;i<e.length;i++){const o=parseFloat(e[i].replace("\xA3","").replace("%","")),{axis:n}=x(o,a,c);r.innerHTML+=`<div class="axis__point" style="--percent:${n}%;"><span>${e[i]}</span></div>`}},K=function(t){const r=t.querySelector(".chart");let a=t.querySelector(".chart__xaxis");a||(a=document.createElement("div"),a.setAttribute("class","chart__xaxis")),r.prepend(a)},H=function(t){let r="";const a=t.querySelector(".chart");let c=t.querySelector(".doughnuts");c||(c=document.createElement("div"),c.setAttribute("class","doughnuts"),a.append(c)),Array.from(a.querySelectorAll("tbody tr")).forEach((e,i)=>{let o="",n="",l=0,d=0;const b=e.querySelectorAll("td")[0].innerHTML;let g=0;const _=e.getAttribute("data-numeric");Array.from(e.querySelectorAll("td")).forEach((s,m)=>{const y=getComputedStyle(s).display;if(m!=0&&y!="none"){let p=s.getAttribute("data-numeric");p=p.replace("\xA3",""),p=p.replace("%",""),p=p.replace(",",""),p=Number.parseInt(p),d+=p,g++}}),Array.from(e.querySelectorAll("td")).forEach((s,m)=>{var y,p;const f=getComputedStyle(s).display;if(m!=0&&g==1&&f!="none")o+=`<path d="M 0 0 L 100 0 A 100 100 0 1 1 100 -0.01 L 0 0" style="${s.getAttribute("style")} --path-index: ${m};"></path>`,n+=`<span class="h5 mb-0" part="popover">${L(q(s.getAttribute("data-label"))).trim()}<br/>${s.hasAttribute("data-second")?`${s.getAttribute("data-second-label")}: ${s.getAttribute("data-second")}<br/>`:""}${(y=s.querySelector('[part="popover"]'))===null||y===void 0?void 0:y.innerHTML}</span>`;else if(m!=0){let u=s.getAttribute("data-numeric");const F=f=="none"?"display: none;":"";u=u.replace("\xA3",""),u=u.replace("%",""),u=u.replace(",",""),u=Number.parseInt(u);const k=u/d,[$,z]=C(l,g),[S,M]=C(l+k,g),P=k>.5?1:0,D=["M 0 0",`L ${$?$.toFixed(0):0} ${z?z.toFixed(0):0}`,`A 100 100 0 ${P} 1 ${S?S.toFixed(0):0} ${M?M.toFixed(0):0}`,"L 0 0"].join(" ");o+=`<path d="${D}" style="${s.getAttribute("style")} --path-index: ${m};${F}"></path>`,n+=`<span class="h5 mb-0" part="popover">${L(q(s.getAttribute("data-label"))).trim()}<br/>${s.hasAttribute("data-second")?`${s.getAttribute("data-second-label")}: ${s.getAttribute("data-second")}<br/>`:""}${(p=s.querySelector('[part="popover"]'))===null||p===void 0?void 0:p.innerHTML}</span>`,f!="none"&&(l+=k)}}),r+=`<div class="doughnut">
   <svg viewBox="-105 -105 210 210" preserveAspectRatio="none" style="--row-index: ${i+1};">${o}</svg>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta12
+  * iamKey v7.7.1--beta14
   * Copyright 2022-2026 iamproperty
   */function f(l,a){const d=a.querySelector(".files"),n=a.querySelector(".drop-area"),e=l.querySelector("input"),b=l.hasAttribute("data-maxsize")?l.getAttribute("data-maxsize"):0,h=a.querySelector(".invalid-feedback.size"),u=a.querySelector(".invalid-feedback.ext"),o=e.cloneNode();n.append(o);const g=function(t){if(!e.hasAttribute("accept"))return!0;const i=t.split(".").pop();return!!e.getAttribute("accept").includes(i)};if(a.addEventListener("click",t=>{t&&t.target instanceof HTMLElement&&t.target.closest(".btn-primary")&&(u.classList.remove("d-block"),h.classList.remove("d-block"),(e.hasAttribute("multiple")?o:e).click())}),a.addEventListener("click",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest(".files button")){const i=new DataTransfer,{files:s}=e,r=t.target.closest(".files button");for(let p=0;p<s.length;p++){const v=s[p];v.name!=r.getAttribute("data-file")&&i.items.add(v)}e.files=i.files;const m=new Event("change");e.dispatchEvent(m);const c=new CustomEvent("fileRemoved",{detail:{removedFile:r?.dataset.file}});l.dispatchEvent(c)}}),o.addEventListener("change",()=>{if(e.hasAttribute("multiple")){const i=[...e.files,...o.files],s=[],r=new DataTransfer;for(let m=0;m<i.length;m++){const c=i[m],p=c.size/1e3;!s.includes(c.name)&&(b==0||p<b)&&g(c.name)&&r.items.add(c),g(c.name)||u.classList.add("d-block"),p>b&&h.classList.add("d-block"),s.push(c.name)}e.files=r.files}else e.files=o.files;const t=new Event("change");e.dispatchEvent(t)}),o.addEventListener("dragenter",()=>{o.classList.add("focus")}),o.addEventListener("dragleave",()=>{o.classList.remove("focus")}),o.addEventListener("drop",()=>{o.classList.remove("focus")}),e.addEventListener("change",()=>{if(e.files.length==1){const i=e.files[0],s=i.size/1e3;if(!g(i.name)){u.classList.add("d-block");const r=new DataTransfer;e.files=r.files}if(s>b){h.classList.add("d-block");const r=new DataTransfer;e.files=r.files}}d.innerHTML="";for(const i of e.files)d.innerHTML+=`<span class="file" part="file">${i.name} <button data-file="${i.name}" part="file__remove">Remove</button></span>`;const t=new CustomEvent("elementchange",{detail:{files:e.files}});if(l.dispatchEvent(t),e.files.length==0){const i=new CustomEvent("empty");l.dispatchEvent(i)}}),l.hasAttribute("data-filename")){const t=l.getAttribute("data-filename");t&&(d.innerHTML=`<span class="file" part="file">${t} <button data-file="${t}" part="file__remove">Remove</button></span>`)}}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"fileupload"});class k 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/filter-card/filter-card.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta12
+  * iamKey v7.7.1--beta14
   * Copyright 2022-2026 iamproperty
   */const h=a=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:a})},p=(a,t,o)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),o.forEach(e=>{a.addEventListener(e,function(d){const r={event:e,element:t,target:d.target};Object.keys(d.detail).forEach(i=>{const s=d.detail[i];r[i]=s}),window.dataLayer.push(r)})}),!0),g=`<div class="card__head" part="head">
   <slot name="head"></slot>

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

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

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

@@ -59,6 +59,20 @@ class iamForm extends HTMLElement {
                     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 = `
@@ -108,6 +122,8 @@ class iamForm extends HTMLElement {
         this.enabledIf();
         this.requiredIf();
         this.readonlyIf();
+        this.writeIf();
+        this.emptyIf();
         form.addEventListener('change', () => {
             this.showIf();
             this.hideIf();
@@ -115,6 +131,8 @@ class iamForm extends HTMLElement {
             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');

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

@@ -1,9 +1,9 @@
 /*!
-  * iamKey v7.7.1--beta12
+  * iamKey v7.7.1--beta14
   * Copyright 2022-2026 iamproperty
-  */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.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)||(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(),t.addEventListener("change",()=>{this.showIf(),this.hideIf(),this.disabledIf(),this.enabledIf(),this.requiredIf(),this.readonlyIf(),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};
+    `,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

@@ -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.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        form.addEventListener('change', () => {\n            this.showIf();\n            this.hideIf();\n            this.disabledIf();\n            this.enabledIf();\n            this.requiredIf();\n            this.readonlyIf();\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":"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"}
+{"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":"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"}

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

@@ -1,9 +1,9 @@
 /*!
-  * iamKey v7.7.1--beta12
+  * iamKey v7.7.1--beta14
   * 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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta12
+  * iamKey v7.7.1--beta14
   * 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.7.1--beta12
+  * iamKey v7.7.1--beta14
   * 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.7.1--beta12
+  * iamKey v7.7.1--beta14
   * 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.7.1--beta12
+  * iamKey v7.7.1--beta14
   * 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.7.1--beta12
+  * iamKey v7.7.1--beta14
   * 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.7.1--beta12
+  * iamKey v7.7.1--beta14
   * 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.7.1--beta12
+  * iamKey v7.7.1--beta14
   * 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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta12
+  * iamKey v7.7.1--beta14
   * 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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta12
+  * iamKey v7.7.1--beta14
   * Copyright 2022-2026 iamproperty
   */const g=c=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:c})},y=(c,e,u)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:e}),u.forEach(l=>{c.addEventListener(l,function(i){const n={event:l,element:e,target:i.target};Object.keys(i.detail).forEach(d=>{const t=i.detail[d];n[d]=t}),window.dataLayer.push(n)})}),!0);g("iam-multi-step");class h extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const e=document.createElement("template");e.innerHTML=`
     <style>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta12
+  * iamKey v7.7.1--beta14
   * 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>