@iamproperty/components 7.7.1--beta19 → 7.7.1--beta21
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.
- package/assets/css/components/actionbar.component.css +1 -1
- package/assets/css/components/actionbar.component.css.map +1 -1
- package/assets/css/components/address-lookup.component.css +1 -1
- package/assets/css/components/address-lookup.component.css.map +1 -1
- package/assets/css/components/advanced-select.component.css +1 -1
- package/assets/css/components/advanced-select.component.css.map +1 -1
- package/assets/css/components/applied-filters.css +1 -1
- package/assets/css/components/applied-filters.css.map +1 -1
- package/assets/css/components/banner.component.css +1 -0
- package/assets/css/components/banner.component.css.map +1 -0
- package/assets/css/components/calendar.component.css +1 -1
- package/assets/css/components/calendar.component.css.map +1 -1
- package/assets/css/components/card.component.css +1 -1
- package/assets/css/components/card.component.css.map +1 -1
- package/assets/css/components/carousel.config.css +1 -1
- package/assets/css/components/carousel.config.css.map +1 -1
- package/assets/css/components/multiselect.css +1 -1
- package/assets/css/components/multiselect.css.map +1 -1
- package/assets/css/components/search.component.css +1 -1
- package/assets/css/components/search.component.css.map +1 -1
- package/assets/css/components/skeleton.component.css +1 -0
- package/assets/css/components/skeleton.component.css.map +1 -0
- package/assets/css/components/skeleton.global.css +1 -0
- package/assets/css/components/skeleton.global.css.map +1 -0
- package/assets/css/components/split-button.component.css +1 -1
- package/assets/css/components/split-button.component.css.map +1 -1
- package/assets/css/components/std-nav-standalone.component.css +1 -1
- package/assets/css/components/std-nav-standalone.component.css.map +1 -1
- package/assets/css/components/tabs.component.css +1 -1
- package/assets/css/components/tabs.component.css.map +1 -1
- package/assets/css/components/tabs.config.css +1 -1
- package/assets/css/components/tabs.config.css.map +1 -1
- package/assets/css/components/tag.component.css +1 -1
- package/assets/css/components/tag.component.css.map +1 -1
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/elements/badge-tag.css +1 -1
- package/assets/css/elements/badge-tag.css.map +1 -1
- package/assets/css/elements/dropdown.css +1 -1
- package/assets/css/elements/dropdown.css.map +1 -1
- package/assets/css/elements/spinner.css +1 -0
- package/assets/css/elements/spinner.css.map +1 -0
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/actionbar/actionbar.component.min.js +2 -2
- package/assets/js/components/address-lookup/address-lookup.component.min.js +2 -2
- package/assets/js/components/advanced-select/advanced-select.component.min.js +2 -2
- package/assets/js/components/applied-filters/applied-filters.component.min.js +2 -2
- package/assets/js/components/banner/banner.component.js +44 -0
- package/assets/js/components/banner/banner.component.min.js +20 -0
- package/assets/js/components/banner/banner.component.min.js.map +1 -0
- package/assets/js/components/barchart/barchart.component.min.js +1 -1
- package/assets/js/components/bento-grid/bento-grid.component.min.js +1 -1
- package/assets/js/components/bone/bone.component.js +20 -0
- package/assets/js/components/bone/bone.component.min.js +9 -0
- package/assets/js/components/bone/bone.component.min.js.map +1 -0
- package/assets/js/components/button/button.component.min.js +1 -1
- package/assets/js/components/calendar/calendar.component.min.js +2 -2
- package/assets/js/components/card/card.component.js +2 -0
- package/assets/js/components/card/card.component.min.js +5 -5
- package/assets/js/components/card/card.component.min.js.map +1 -1
- package/assets/js/components/carousel/carousel.component.min.js +1 -1
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +1 -1
- package/assets/js/components/config/config.component.min.js +1 -1
- package/assets/js/components/content/content.component.js +9 -5
- package/assets/js/components/content/content.component.min.js +3 -3
- package/assets/js/components/content/content.component.min.js.map +1 -1
- package/assets/js/components/darkmode/darkmode.component.min.js +1 -1
- package/assets/js/components/doughnutchart/doughnutchart.component.min.js +1 -1
- package/assets/js/components/fileupload/fileupload.component.min.js +1 -1
- package/assets/js/components/filter-card/filter-card.component.min.js +1 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/form/form.component.js +40 -1
- package/assets/js/components/form/form.component.min.js +3 -3
- package/assets/js/components/form/form.component.min.js.map +1 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.min.js +1 -1
- package/assets/js/components/input/input.component.min.js +1 -1
- package/assets/js/components/input-range/input-range.component.min.js +1 -1
- package/assets/js/components/marketing/marketing.component.min.js +1 -1
- package/assets/js/components/menu/menu.component.min.js +1 -1
- package/assets/js/components/milestone/milestone.component.min.js +1 -1
- package/assets/js/components/milestone-group/milestone-group.component.min.js +1 -1
- package/assets/js/components/modal/modal.component.min.js +1 -1
- package/assets/js/components/multi-step/multi-step.component.min.js +1 -1
- package/assets/js/components/multi-step-modal/multi-step-modal.component.min.js +1 -1
- package/assets/js/components/multiselect/multiselect.component.min.js +2 -2
- package/assets/js/components/nav/nav.component.min.js +1 -1
- package/assets/js/components/notification/notification.component.min.js +1 -1
- package/assets/js/components/pagination/pagination.component.min.js +1 -1
- package/assets/js/components/password/password.component.min.js +1 -1
- package/assets/js/components/popover/popover.component.min.js +1 -1
- package/assets/js/components/rank/rank.component.min.js +1 -1
- package/assets/js/components/rankings/rankings.component.min.js +1 -1
- package/assets/js/components/rating/rating.component.min.js +1 -1
- package/assets/js/components/record-card/record-card.component.min.js +1 -1
- package/assets/js/components/search/search.component.js +6 -2
- package/assets/js/components/search/search.component.min.js +5 -5
- package/assets/js/components/search/search.component.min.js.map +1 -1
- package/assets/js/components/skeleton/skeleton.component.js +34 -0
- package/assets/js/components/skeleton/skeleton.component.min.js +11 -0
- package/assets/js/components/skeleton/skeleton.component.min.js.map +1 -0
- package/assets/js/components/slider/slider.component.min.js +1 -1
- package/assets/js/components/split-button/split-button.component.min.js +2 -2
- package/assets/js/components/std-address-lookup/std-address-lookup.component.min.js +2 -2
- package/assets/js/components/std-nav/std-nav.component.min.js +1 -1
- package/assets/js/components/std-nav-standalone/std-nav-standalone.component.min.js +2 -2
- package/assets/js/components/table/table.component.min.js +1 -1
- package/assets/js/components/table-ajax/table-ajax.component.min.js +1 -1
- package/assets/js/components/table-basic/table-basic.component.min.js +1 -1
- package/assets/js/components/table-no-submit/table-no-submit.component.min.js +1 -1
- package/assets/js/components/table-submit/table-submit.component.min.js +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +4 -4
- package/assets/js/components/tabs/tabs.component.min.js.map +1 -1
- package/assets/js/components/tag/tag.component.min.js +2 -2
- package/assets/js/components/tooltip/tooltip.component.min.js +1 -1
- package/assets/js/components/video/video.component.min.js +1 -1
- package/assets/js/components/video-card/video-card.component.min.js +1 -1
- package/assets/js/components/video-modal/video-modal.component.min.js +1 -1
- package/assets/js/components/word-count/word-count.component.min.js +1 -1
- package/assets/js/modules/tabs.js +6 -2
- package/assets/js/scripts.bundle.js +1 -1
- package/assets/js/scripts.bundle.min.js +1 -1
- package/assets/sass/_components.scss +1 -0
- package/assets/sass/_elements.scss +1 -0
- package/assets/sass/components/banner.component.scss +100 -0
- package/assets/sass/components/card.component.scss +1 -1
- package/assets/sass/components/carousel.config.scss +27 -18
- package/assets/sass/components/search.component.scss +46 -1
- package/assets/sass/components/skeleton.component.scss +104 -0
- package/assets/sass/components/skeleton.global.scss +27 -0
- package/assets/sass/components/tabs.component.scss +1 -0
- package/assets/sass/components/tabs.config.scss +21 -0
- package/assets/sass/elements/badge-tag.css +2 -2
- package/assets/sass/elements/dropdown.css +0 -5
- package/assets/sass/elements/spinner.css +29 -0
- package/assets/sass/foundations/root.scss +7 -5
- package/assets/sass/utilities/shadow.css +4 -0
- package/assets/sass/utilities/text.css +6 -6
- package/assets/ts/components/banner/banner.component.ts +57 -0
- package/assets/ts/components/bone/bone.component.ts +25 -0
- package/assets/ts/components/card/card.component.ts +4 -0
- package/assets/ts/components/content/content.component.ts +14 -6
- package/assets/ts/components/form/form.component.ts +58 -1
- package/assets/ts/components/search/search.component.ts +7 -1
- package/assets/ts/components/skeleton/skeleton.component.ts +46 -0
- package/assets/ts/modules/tabs.ts +10 -2
- package/dist/components.es.js +443 -471
- package/dist/components.umd.js +149 -124
- package/package.json +1 -1
- package/src/components/Banner/Banner.vue +14 -29
- package/src/components/Skeleton/Bone.vue +19 -0
- package/src/components/Skeleton/Skeleton.vue +19 -0
- package/src/components/Banner/Banner.spec.js +0 -26
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/const L=t=>t.charAt(0).toUpperCase()+t.slice(1),q=t=>t.replace(/_/g," "),P=(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 n=r.querySelector(".chart__yaxis");n.innerHTML="",Array.from(r.querySelectorAll(':scope > input[type="checkbox"],:scope > input[type="radio"]')).map(i=>{i.remove()});const{xaxis:o}=v(t);return A(t,a),T(r,a,c),I(t,e),X(t,n),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"),n=r.querySelector("table");r.addEventListener("change",function(o){const i=o.target,l=new CustomEvent("view-change",{detail:{"data-dataset":i.getAttribute("data-dataset"),label:i.getAttribute("data-label"),checked:i.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")}),n.innerHTML=e.innerHTML,A(t,n),t.tagName=="IAM-DOUGHNUTCHART"&&H(r)})},B=function(t,r){const a=t.querySelector("table"),c=r.querySelector("table"),e=(l,d)=>{d.disconnect(),i.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}),i.observe(t,{attributes:!0})},n=(l,d)=>{d.disconnect(),i.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}),i.observe(t,{attributes:!0})},o=new MutationObserver(n),i=new MutationObserver(e);return o.observe(a,{characterData:!0,subtree:!0}),i.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(","):[],n=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:n}};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(n=>n.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 n=(e-r)/(a-r)*100,o=n,i=0;return c&&c!=0&&(i=(c-r)/(a-r)*100),r<0&&(i=Math.abs(r/(a-r)*100),e<0?(n=i-n,i=i-n,o=i):(n=n-i,o=n+i)),{percent:n,axis:o,bottom:i}},A=function(t,r){Array.from(r.querySelectorAll("tbody tr")).forEach(e=>{let n=0;Array.from(e.querySelectorAll("td:not(:first-child)")).forEach(o=>{const i=o.cloneNode(!0);Array.from(i.querySelectorAll("*")).forEach(h=>{h.remove()});const l=parseFloat(i.textContent.replace("\xA3","").replace("%","").replace(",",""));o.setAttribute("data-numeric",l),o.setAttribute("data-value",i.textContent),getComputedStyle(o).display!="none"&&(n+=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",n)});const{min:a,max:c}=v(t);Array.from(r.querySelectorAll("tbody tr")).forEach((e,n)=>{const o=e.querySelector("td:first-child, th:first-child")?e.querySelector("td:first-child, th:first-child").textContent:"";e.setAttribute("part","group");const i=(e.getAttribute("data-numeric")-a)/(c-a)*100;e.style.setProperty("--percent",`${i}%`),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",n+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 y=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">${y}</span>`),!h.hasAttribute("style")){const{percent:m,bottom:g,axis:p}=x(_,l,d,s);h.setAttribute("data-percent",m),h.setAttribute("style",`--bottom:${g}%;--percent:${m}%;--axis:${p}%;`)}})})},T=function(t,r,a){const c=`chart-${Date.now()+(Math.floor(Math.random()*100)+1)}`;let e;const n=Array.from(r.querySelectorAll("thead th"));return n.forEach((o,i)=>{i!=0&&(e=V(c,i,o.textContent,a,t,e)),i==50&&(n.length=i+1)}),!0};function V(t,r,a,c,e,n){var o;const i=document.createElement("input");i.setAttribute("name",`${t}-dataset-${r}`),i.setAttribute("id",`${t}-dataset-${r}`),i.setAttribute("data-dataset",`${r}`),i.setAttribute("data-label",`${a}`),i.checked=!0,i.setAttribute("type","checkbox"),r==1?e.prepend(i):e.insertBefore(i,n.nextSibling),n=i;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),n}const I=function(t,r){const{min:a,max:c,yaxis:e}=v(t);let{guidelines:n}=v(t);n.length||(n=e),r.innerHTML="";for(let o=0;o<n.length;o++){const i=parseFloat(n[o].replace("\xA3","").replace("%","").replace(",","")),{axis:l}=x(i,a,c);r.innerHTML+=`<div class="guideline" style="--percent:${l}%;">${e.indexOf(n[o])!=-1?`<span>${n[o]}</span>`:""}</div>`}},X=function(t,r){const{min:a,max:c,yaxis:e}=v(t);r.innerHTML="";for(let n=0;n<e.length;n++){const o=parseFloat(e[n].replace("\xA3","").replace("%","")),{axis:i}=x(o,a,c);r.innerHTML+=`<div class="axis__point" style="--percent:${i}%;"><span>${e[n]}</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,n)=>{let o="",i="",l=0,d=0;const b=e.querySelectorAll("td")[0].innerHTML;let y=0;const _=e.getAttribute("data-numeric");Array.from(e.querySelectorAll("td")).forEach((s,m)=>{const g=getComputedStyle(s).display;if(m!=0&&g!="none"){let p=s.getAttribute("data-numeric");p=p.replace("\xA3",""),p=p.replace("%",""),p=p.replace(",",""),p=Number.parseInt(p),d+=p,y++}}),Array.from(e.querySelectorAll("td")).forEach((s,m)=>{var g,p;const f=getComputedStyle(s).display;if(m!=0&&y==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>`,i+=`<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/>`:""}${(g=s.querySelector('[part="popover"]'))===null||g===void 0?void 0:g.innerHTML}</span>`;else if(m!=0){let u=s.getAttribute("data-numeric");const D=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,y),[S,M]=C(l+k,y),R=k>.5?1:0,F=["M 0 0",`L ${$?$.toFixed(0):0} ${z?z.toFixed(0):0}`,`A 100 100 0 ${R} 1 ${S?S.toFixed(0):0} ${M?M.toFixed(0):0}`,"L 0 0"].join(" ");o+=`<path d="${F}" style="${s.getAttribute("style")} --path-index: ${m};${D}"></path>`,i+=`<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">
|
|
5
5
|
<svg viewBox="-105 -105 210 210" preserveAspectRatio="none" style="--row-index: ${n+1};">${o}</svg>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/function v(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:c}=e,r=t.target.closest(".files button");for(let p=0;p<c.length;p++){const f=c[p];f.name!=r.getAttribute("data-file")&&i.items.add(f)}e.files=i.files;const m=new Event("change");e.dispatchEvent(m);const s=new CustomEvent("fileRemoved",{detail:{removedFile:r?.dataset.file}});l.dispatchEvent(s)}}),o.addEventListener("change",()=>{if(e.hasAttribute("multiple")){const i=[...e.files,...o.files],c=[],r=new DataTransfer;for(let m=0;m<i.length;m++){const s=i[m],p=s.size/1e3;!c.includes(s.name)&&(b==0||p<b)&&g(s.name)&&r.items.add(s),g(s.name)||u.classList.add("d-block"),p>b&&h.classList.add("d-block"),c.push(s.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],c=i.size/1e3;if(!g(i.name)){u.classList.add("d-block");const r=new DataTransfer;e.files=r.files}if(c>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 y 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=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/const p=a=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:a})},h=(a,t,o)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),o.forEach(e=>{a.addEventListener(e,function(i){const r={event:e,element:t,target:i.target};Object.keys(i.detail).forEach(d=>{const s=i.detail[d];r[d]=s}),window.dataLayer.push(r)})}),!0),g=`<div class="wrapper">
|
|
5
5
|
<div class="card__head" part="head">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/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=`
|
|
5
5
|
<style>
|
|
@@ -73,6 +73,43 @@ class iamForm extends HTMLElement {
|
|
|
73
73
|
element.value = "";
|
|
74
74
|
});
|
|
75
75
|
};
|
|
76
|
+
this.getCheckboxLimit = (element) => {
|
|
77
|
+
const limit = parseInt(element.getAttribute('data-checkbox-limit') || '10', 10);
|
|
78
|
+
return !isNaN(limit) && limit > 0 ? limit : 10;
|
|
79
|
+
};
|
|
80
|
+
this.limitCheckboxes = (event) => {
|
|
81
|
+
const target = (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLInputElement ? event.target : null;
|
|
82
|
+
const changedCheckbox = (target === null || target === void 0 ? void 0 : target.matches('input[type="checkbox"]')) ? target : null;
|
|
83
|
+
const checkboxLimitGroup = changedCheckbox === null || changedCheckbox === void 0 ? void 0 : changedCheckbox.closest('[data-checkbox-limit]');
|
|
84
|
+
const checkboxLimitGroups = checkboxLimitGroup
|
|
85
|
+
? [checkboxLimitGroup]
|
|
86
|
+
: [
|
|
87
|
+
...(this.hasAttribute('data-checkbox-limit') ? [this] : []),
|
|
88
|
+
...Array.from(this.querySelectorAll('[data-checkbox-limit]')),
|
|
89
|
+
];
|
|
90
|
+
checkboxLimitGroups.forEach((group) => {
|
|
91
|
+
const limit = this.getCheckboxLimit(group);
|
|
92
|
+
const checked = Array.from(group.querySelectorAll('input[type="checkbox"]:checked'));
|
|
93
|
+
const notChecked = Array.from(group.querySelectorAll('input[type="checkbox"]:not(:checked)'));
|
|
94
|
+
notChecked.forEach((checkbox) => {
|
|
95
|
+
checkbox.setAttribute('disabled', 'disabled');
|
|
96
|
+
});
|
|
97
|
+
if (checked.length < limit) {
|
|
98
|
+
notChecked.forEach((checkbox) => {
|
|
99
|
+
checkbox.removeAttribute('disabled');
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
if (checked.length <= limit)
|
|
103
|
+
return;
|
|
104
|
+
if ((changedCheckbox === null || changedCheckbox === void 0 ? void 0 : changedCheckbox.checked) && group.contains(changedCheckbox)) {
|
|
105
|
+
changedCheckbox.checked = false;
|
|
106
|
+
return;
|
|
107
|
+
}
|
|
108
|
+
checked.slice(limit).forEach((checkbox) => {
|
|
109
|
+
checkbox.checked = false;
|
|
110
|
+
});
|
|
111
|
+
});
|
|
112
|
+
};
|
|
76
113
|
this.attachShadow({ mode: 'open' });
|
|
77
114
|
const template = document.createElement('template');
|
|
78
115
|
template.innerHTML = `
|
|
@@ -124,7 +161,8 @@ class iamForm extends HTMLElement {
|
|
|
124
161
|
this.readonlyIf();
|
|
125
162
|
this.writeIf();
|
|
126
163
|
this.emptyIf();
|
|
127
|
-
|
|
164
|
+
this.limitCheckboxes();
|
|
165
|
+
form.addEventListener('change', (event) => {
|
|
128
166
|
this.showIf();
|
|
129
167
|
this.hideIf();
|
|
130
168
|
this.disabledIf();
|
|
@@ -133,6 +171,7 @@ class iamForm extends HTMLElement {
|
|
|
133
171
|
this.readonlyIf();
|
|
134
172
|
this.writeIf();
|
|
135
173
|
this.emptyIf();
|
|
174
|
+
this.limitCheckboxes(event);
|
|
136
175
|
Array.from(form.querySelectorAll('.conditional [data-conditional-required], .conditional [data-conditional-data-required]')).forEach((input) => {
|
|
137
176
|
input.removeAttribute('required');
|
|
138
177
|
input.removeAttribute('data-required');
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
|
-
*/const
|
|
4
|
+
*/const h=l=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:l})};h("iam-tag");class u extends HTMLElement{constructor(){super(),this.checkConditions=e=>{let t=!0;return JSON.parse(e).forEach(r=>{this.querySelector(`#${r.if}`).value!=r.equals&&(t=!1)}),t},this.showIf=()=>{Array.from(this.querySelectorAll("[data-show-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-show-if"))?e.classList.remove("d-none"):e.classList.add("d-none")})},this.hideIf=()=>{Array.from(this.querySelectorAll("[data-hide-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-hide-if"))?e.classList.add("d-none"):e.classList.remove("d-none")})},this.disabledIf=()=>{Array.from(this.querySelectorAll("[data-disabled-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-disabled-if"))?e.setAttribute("disabled","disabled"):e.removeAttribute("disabled")})},this.enabledIf=()=>{Array.from(this.querySelectorAll("[data-enabled-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-enabled-if"))?e.removeAttribute("disabled"):e.setAttribute("disabled","disabled")})},this.requiredIf=()=>{Array.from(this.querySelectorAll("[data-required-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-required-if"))?e.setAttribute("required","required"):e.removeAttribute("required")})},this.readonlyIf=()=>{Array.from(this.querySelectorAll("[data-readonly-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-readonly-if"))?e.setAttribute("readonly","readonly"):e.removeAttribute("readonly")})},this.writeIf=()=>{Array.from(this.querySelectorAll("[data-write-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-write-if"))?e.removeAttribute("readonly"):e.setAttribute("readonly","readonly")})},this.emptyIf=()=>{Array.from(this.querySelectorAll("[data-empty-if]")).forEach(e=>{this.checkConditions(e.getAttribute("data-empty-if"))&&(e.value="")})},this.getCheckboxLimit=e=>{const t=parseInt(e.getAttribute("data-checkbox-limit")||"10",10);return!isNaN(t)&&t>0?t:10},this.limitCheckboxes=e=>{const t=e?.target instanceof HTMLInputElement?e.target:null,r=t?.matches('input[type="checkbox"]')?t:null,c=r?.closest("[data-checkbox-limit]");(c?[c]:[...this.hasAttribute("data-checkbox-limit")?[this]:[],...Array.from(this.querySelectorAll("[data-checkbox-limit]"))]).forEach(o=>{const d=this.getCheckboxLimit(o),s=Array.from(o.querySelectorAll('input[type="checkbox"]:checked')),n=Array.from(o.querySelectorAll('input[type="checkbox"]:not(:checked)'));if(n.forEach(a=>{a.setAttribute("disabled","disabled")}),s.length<d&&n.forEach(a=>{a.removeAttribute("disabled")}),!(s.length<=d)){if(r?.checked&&o.contains(r)){r.checked=!1;return}s.slice(d).forEach(a=>{a.checked=!1})}})},this.attachShadow({mode:"open"});const i=document.createElement("template");i.innerHTML=`
|
|
5
5
|
<div class="wrapper">
|
|
6
6
|
<slot></slot>
|
|
7
7
|
</div>
|
|
8
|
-
`,this.shadowRoot.appendChild(
|
|
8
|
+
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}isFormValid(i){return!(i.querySelector(":invalid")||i.querySelector('.pwd-checker[data-strength="1"]')||i.querySelector('.pwd-checker[data-strength="2"]')||i.querySelector("iam-multiselect[data-is-required][data-error]"))}connectedCallback(){const i=this.querySelector("form");if(!i)return!1;i.setAttribute("novalidate","true"),i.addEventListener("submit",e=>{var t;i.classList.add("was-validated"),this.isFormValid(i)||(e.preventDefault(),(t=i?.querySelector("input:invalid"))===null||t===void 0||t.scrollIntoView())}),Array.from(i.querySelectorAll(".conditional [required]")).forEach(e=>{e.setAttribute("data-conditional-required","true"),e.removeAttribute("required")}),Array.from(i.querySelectorAll(".conditional [data-required]")).forEach(e=>{e.setAttribute("data-conditional-data-required","true"),e.removeAttribute("data-required")}),this.showIf(),this.hideIf(),this.disabledIf(),this.enabledIf(),this.requiredIf(),this.readonlyIf(),this.writeIf(),this.emptyIf(),this.limitCheckboxes(),i.addEventListener("change",e=>{this.showIf(),this.hideIf(),this.disabledIf(),this.enabledIf(),this.requiredIf(),this.readonlyIf(),this.writeIf(),this.emptyIf(),this.limitCheckboxes(e),Array.from(i.querySelectorAll(".conditional [data-conditional-required], .conditional [data-conditional-data-required]")).forEach(t=>{t.removeAttribute("required"),t.removeAttribute("data-required")}),Array.from(i.querySelectorAll(".conditional [data-conditional-required]")).forEach(t=>{window.getComputedStyle(t.closest(".conditional")).getPropertyValue("display")=="block"&&t.setAttribute("required","required")}),Array.from(i.querySelectorAll(".conditional [data-conditional-data-required]")).forEach(t=>{window.getComputedStyle(t.closest(".conditional")).getPropertyValue("display")=="block"&&t.setAttribute("data-required","true")})})}}export{u as default};
|
|
9
9
|
//# sourceMappingURL=form.component.min.js.map
|
|
@@ -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.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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"}
|
|
1
|
+
{"version":3,"file":"form.component.min.js","sources":["../_global.js","form.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n // Data layer Web component created\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'customElementRegistered',\n element: componentName,\n });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n // Data layer Web component created\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'customElementAdded',\n element: componentName,\n });\n trackEvents.forEach((eventName) => {\n component.addEventListener(eventName, function (event) {\n const eventDetails = {\n event: eventName,\n element: componentName,\n target: event.target,\n };\n Object.keys(event.detail).forEach((eventKey) => {\n const eventDetail = event.detail[eventKey];\n eventDetails[eventKey] = eventDetail;\n });\n window.dataLayer.push(eventDetails);\n });\n });\n return true;\n};\n","import { trackComponentRegistered } from '../_global';\ntrackComponentRegistered('iam-tag');\nclass iamForm extends HTMLElement {\n constructor() {\n super();\n this.checkConditions = (conditions) => {\n let meetsCondition = true;\n JSON.parse(conditions).forEach((condition) => {\n if (this.querySelector(`#${condition['if']}`).value != condition['equals'])\n meetsCondition = false;\n });\n return meetsCondition;\n };\n this.showIf = () => {\n Array.from(this.querySelectorAll('[data-show-if]')).forEach((element) => {\n if (!this.checkConditions(element.getAttribute('data-show-if')))\n element.classList.add('d-none');\n else\n element.classList.remove('d-none');\n });\n };\n this.hideIf = () => {\n Array.from(this.querySelectorAll('[data-hide-if]')).forEach((element) => {\n if (this.checkConditions(element.getAttribute('data-hide-if')))\n element.classList.add('d-none');\n else\n element.classList.remove('d-none');\n });\n };\n this.disabledIf = () => {\n Array.from(this.querySelectorAll('[data-disabled-if]')).forEach((element) => {\n if (this.checkConditions(element.getAttribute('data-disabled-if')))\n element.setAttribute('disabled', 'disabled');\n else\n element.removeAttribute('disabled');\n });\n };\n this.enabledIf = () => {\n Array.from(this.querySelectorAll('[data-enabled-if]')).forEach((element) => {\n if (!this.checkConditions(element.getAttribute('data-enabled-if')))\n element.setAttribute('disabled', 'disabled');\n else\n element.removeAttribute('disabled');\n });\n };\n this.requiredIf = () => {\n Array.from(this.querySelectorAll('[data-required-if]')).forEach((element) => {\n if (this.checkConditions(element.getAttribute('data-required-if')))\n element.setAttribute('required', 'required');\n else\n element.removeAttribute('required');\n });\n };\n this.readonlyIf = () => {\n Array.from(this.querySelectorAll('[data-readonly-if]')).forEach((element) => {\n if (this.checkConditions(element.getAttribute('data-readonly-if')))\n element.setAttribute('readonly', 'readonly');\n else\n element.removeAttribute('readonly');\n });\n };\n this.writeIf = () => {\n Array.from(this.querySelectorAll('[data-write-if]')).forEach((element) => {\n if (!this.checkConditions(element.getAttribute('data-write-if')))\n element.setAttribute('readonly', 'readonly');\n else\n element.removeAttribute('readonly');\n });\n };\n this.emptyIf = () => {\n Array.from(this.querySelectorAll('[data-empty-if]')).forEach((element) => {\n if (this.checkConditions(element.getAttribute('data-empty-if')))\n element.value = \"\";\n });\n };\n this.getCheckboxLimit = (element) => {\n const limit = parseInt(element.getAttribute('data-checkbox-limit') || '10', 10);\n return !isNaN(limit) && limit > 0 ? limit : 10;\n };\n this.limitCheckboxes = (event) => {\n const target = (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLInputElement ? event.target : null;\n const changedCheckbox = (target === null || target === void 0 ? void 0 : target.matches('input[type=\"checkbox\"]')) ? target : null;\n const checkboxLimitGroup = changedCheckbox === null || changedCheckbox === void 0 ? void 0 : changedCheckbox.closest('[data-checkbox-limit]');\n const checkboxLimitGroups = checkboxLimitGroup\n ? [checkboxLimitGroup]\n : [\n ...(this.hasAttribute('data-checkbox-limit') ? [this] : []),\n ...Array.from(this.querySelectorAll('[data-checkbox-limit]')),\n ];\n checkboxLimitGroups.forEach((group) => {\n const limit = this.getCheckboxLimit(group);\n const checked = Array.from(group.querySelectorAll('input[type=\"checkbox\"]:checked'));\n const notChecked = Array.from(group.querySelectorAll('input[type=\"checkbox\"]:not(:checked)'));\n notChecked.forEach((checkbox) => {\n checkbox.setAttribute('disabled', 'disabled');\n });\n if (checked.length < limit) {\n notChecked.forEach((checkbox) => {\n checkbox.removeAttribute('disabled');\n });\n }\n if (checked.length <= limit)\n return;\n if ((changedCheckbox === null || changedCheckbox === void 0 ? void 0 : changedCheckbox.checked) && group.contains(changedCheckbox)) {\n changedCheckbox.checked = false;\n return;\n }\n checked.slice(limit).forEach((checkbox) => {\n checkbox.checked = false;\n });\n });\n };\n this.attachShadow({ mode: 'open' });\n const template = document.createElement('template');\n template.innerHTML = `\n <div class=\"wrapper\">\n <slot></slot>\n </div>\n `;\n this.shadowRoot.appendChild(template.content.cloneNode(true));\n }\n isFormValid(form) {\n if (form.querySelector(':invalid'))\n return false;\n if (form.querySelector('.pwd-checker[data-strength=\"1\"]') || form.querySelector('.pwd-checker[data-strength=\"2\"]'))\n return false;\n if (form.querySelector('iam-multiselect[data-is-required][data-error]'))\n return false;\n return true;\n }\n ;\n connectedCallback() {\n const form = this.querySelector('form');\n if (!form)\n return false;\n form.setAttribute('novalidate', 'true');\n // Form validation\n form.addEventListener('submit', (e) => {\n var _a;\n form.classList.add('was-validated');\n if (!this.isFormValid(form)) {\n e.preventDefault();\n (_a = form === null || form === void 0 ? void 0 : form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();\n }\n });\n // conditional reveal required fields\n Array.from(form.querySelectorAll('.conditional [required]')).forEach((input) => {\n input.setAttribute('data-conditional-required', 'true');\n input.removeAttribute('required');\n });\n // conditional reveal required fields (for fields inside of components like the address lookup)\n Array.from(form.querySelectorAll('.conditional [data-required]')).forEach((input) => {\n input.setAttribute('data-conditional-data-required', 'true');\n input.removeAttribute('data-required');\n });\n this.showIf();\n this.hideIf();\n this.disabledIf();\n this.enabledIf();\n this.requiredIf();\n this.readonlyIf();\n this.writeIf();\n this.emptyIf();\n this.limitCheckboxes();\n form.addEventListener('change', (event) => {\n this.showIf();\n this.hideIf();\n this.disabledIf();\n this.enabledIf();\n this.requiredIf();\n this.readonlyIf();\n this.writeIf();\n this.emptyIf();\n this.limitCheckboxes(event);\n Array.from(form.querySelectorAll('.conditional [data-conditional-required], .conditional [data-conditional-data-required]')).forEach((input) => {\n input.removeAttribute('required');\n input.removeAttribute('data-required');\n });\n Array.from(form.querySelectorAll('.conditional [data-conditional-required]')).forEach((input) => {\n const conditionalStyles = window.getComputedStyle(input.closest('.conditional'));\n if (conditionalStyles.getPropertyValue(\"display\") == 'block')\n input.setAttribute('required', 'required');\n });\n Array.from(form.querySelectorAll('.conditional [data-conditional-data-required]')).forEach((input) => {\n const conditionalStyles = window.getComputedStyle(input.closest('.conditional'));\n if (conditionalStyles.getPropertyValue(\"display\") == 'block')\n input.setAttribute('data-required', 'true');\n });\n });\n }\n}\nexport default iamForm;\n"],"names":["trackComponentRegistered","componentName","iamForm","conditions","meetsCondition","condition","element","limit","event","target","changedCheckbox","checkboxLimitGroup","group","checked","notChecked","checkbox","template","form","_a","input"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/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=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/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=`
|
|
5
5
|
<style class="styles">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/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=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/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=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/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=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/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=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/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=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/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=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/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"),n=a.hasAttribute("id")?a.getAttribute("id"):"unknown";i?.showModal(),i?.focus();const d=new CustomEvent("modal-opened",{bubbles:!0,cancelable:!0,detail:{modalId:n}});a.dispatchEvent(d),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:n})},r=a=>{var o;const i=(o=a.shadowRoot)===null||o===void 0?void 0:o.querySelector("dialog"),n=a.hasAttribute("id")?a.getAttribute("id"):"unknown";i?.close();const d=new CustomEvent("modal-closed",{bubbles:!0,cancelable:!0,detail:{modalId:n}});a.dispatchEvent(d),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:n})},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=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/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=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/const A=p=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:p})},E=(p,n,c)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:n}),c.forEach(d=>{p.addEventListener(d,function(e){const i={event:d,element:n,target:e.target};Object.keys(e.detail).forEach(r=>{const b=e.detail[r];i[r]=b}),window.dataLayer.push(i)})}),!0);A("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=`
|
|
5
5
|
<style>
|