@iamproperty/components 5.1.0-beta4 → 5.1.0-beta5
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/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/actionbar/actionbar.component.min.js +1 -1
- package/assets/js/components/address-lookup/address-lookup.component.min.js +1 -1
- package/assets/js/components/applied-filters/applied-filters.component.min.js +1 -1
- package/assets/js/components/card/card.component.min.js +1 -1
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +1 -1
- package/assets/js/components/fileupload/fileupload.component.min.js +1 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- 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/search/search.component.js +1 -1
- package/assets/js/components/search/search.component.min.js +6 -6
- package/assets/js/components/search/search.component.min.js.map +1 -1
- package/assets/js/components/table/table.component.min.js +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +1 -1
- package/assets/js/dynamic.min.js +1 -1
- package/assets/js/scripts.bundle.js +1 -1
- package/assets/js/scripts.bundle.min.js +1 -1
- package/assets/ts/components/search/search.component.ts +1 -1
- package/dist/components.es.js +11 -11
- package/dist/components.umd.js +11 -11
- package/package.json +1 -1
package/dist/components.umd.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
(function(w,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],i):(w=typeof globalThis<"u"?globalThis:w||self,i(w.iamkey={},w.Vue))})(this,function(w,i){"use strict";const k=(o,e)=>{const t=o.__vccOpts||o;for(const[r,s]of e)t[r]=s;return t},st={name:"Logo",props:{id:{type:String,required:!1,default:"property"},path:{type:String,required:!1,default:"/svg/logo.svg"},desc:{type:String}},computed:{src:function(){return"#logo-"+this.id},className:function(){return"brand brand--"+this.id}}},lt=["xlink:href"],ct=["innerHTML"];function dt(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(l.className)},[(i.openBlock(),i.createElementBlock("svg",null,[i.createElementVNode("title",null,"iam "+i.toDisplayString(t.id),1),i.createElementVNode("use",{"xlink:href":t.path+l.src},null,8,lt)])),t.desc?(i.openBlock(),i.createElementBlock("span",{key:0,innerHTML:t.desc},null,8,ct)):i.createCommentVNode("",!0)],2)}const mt=k(st,[["render",dt]]);/*!
|
|
2
|
-
* iamKey v5.1.0-
|
|
2
|
+
* iamKey v5.1.0-beta5
|
|
3
3
|
* Copyright 2022-2023 iamproperty
|
|
4
4
|
*/const ut=function(o){return typeof o!="string"?!1:!isNaN(o)&&!isNaN(parseFloat(o))},ht=(o,e)=>String(o).padStart(e,"0"),pt=o=>o.charAt(0).toUpperCase()+o.slice(1),q=(o,e,t)=>e.split(/[\.\[\]\'\"]/).filter(r=>r).reduce((r,s)=>r?r[s]:t,o);var bt=function(o,e,t,r){function s(l){return l instanceof t?l:new t(function(a){a(l)})}return new(t||(t=Promise))(function(l,a){function n(m){try{c(r.next(m))}catch(u){a(u)}}function d(m){try{c(r.throw(m))}catch(u){a(u)}}function c(m){m.done?l(m.value):s(m.value).then(n,d)}c((r=r.apply(o,e||[])).next())})};const O=o=>{const e=Array.from(o.querySelectorAll("thead th"));Array.from(o.querySelectorAll("tbody tr")).forEach((t,r)=>{const s=Array.from(t.querySelectorAll("th, td")),l=["0","low","medium","high","unknown","n/a","pending","verified","due","overdue","incomplete","complete","completed","approval required","upcoming","requires approval","to do","on track","not started","warning","error"];s.forEach((a,n)=>{const d=e[n];if(typeof d<"u"){let c=document.createElement("div");c.innerHTML=d.innerHTML;let m=c.textContent||c.innerText||"";a.setAttribute("data-label",m),d.hasAttribute("data-td-class")&&a.setAttribute("class",d.getAttribute("data-td-class")),d.hasAttribute("data-format")&&(a.setAttribute("data-format",d.getAttribute("data-format")),a.innerHTML=j(d.getAttribute("data-format"),a.textContent.trim())),l.includes(a.textContent.trim().toLowerCase())&&a.setAttribute("data-content",a.textContent.trim().toLowerCase())}})})},ft=o=>{let e=0;return Array.from(o.querySelectorAll("tbody tr")).forEach((t,r)=>{let s=window.getComputedStyle(document.querySelector("html")),l=t.querySelector(":scope > *:last-child > *:first-child");if(l){l.classList.add("text-nowrap");let a=l.offsetWidth/parseFloat(s.fontSize);a+=1.7,e=e>a?e:a}}),e},gt=(o,e)=>{if(e.classList.contains(".table--fullwidth")&&!e.hasAttribute("data-expandable")||o.querySelectorAll("thead tr th").length<4&&!e.hasAttribute("data-expandable"))return!1;Array.from(o.querySelectorAll("thead tr")).forEach((t,r)=>{t.insertAdjacentHTML("afterbegin",'<th class="th--fixed expand-button-heading"></th>')}),Array.from(o.querySelectorAll("tbody tr")).forEach((t,r)=>{const s=t.getAttribute("data-view")==="full"?"aria-expanded":"";t.insertAdjacentHTML("afterbegin",`<td class="td--fixed td--expand"><button class="btn btn-compact btn-secondary" data-expand-button ${s}>Expand</button></td>`)})},yt=o=>{o.addEventListener("click",e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest("[data-expand-button]")){let t=e.target.closest("[data-expand-button]"),r=t.closest("tr");t.toggleAttribute("aria-expanded"),r.getAttribute("data-view")=="full"?r.setAttribute("data-view","default"):r.setAttribute("data-view","full"),t.blur()}})},I=(o,e)=>{let t=e.querySelector("[data-search]");if(!t)return!1;const r=t.getAttribute("id"),s=t.getAttribute("data-search").split(",");let l=t.parentNode,a={};s.forEach((n,d)=>{Array.from(o.querySelectorAll('td[data-label="'+n.trim()+'"]')).forEach((c,m)=>{c.querySelector(".td__content")?a[c.querySelector(".td__content").textContent]=c.querySelector(".td__content").textContent:a[c.textContent]=c.textContent})}),t.setAttribute("list",`${r}_list`),t.setAttribute("autocomplete","off"),l.querySelector("datalist")||(l.innerHTML+=`<datalist id="${r}_list"></datalist>`),l.querySelector("datalist").innerHTML=`${Object.keys(a).map(n=>`<option value="${n}"></option>`).join("")}`},vt=(o,e,t,r,s)=>{var l;let a=function(c,m=!1){if(e.classList.contains("processing"))return!1;if(c.type=="submit"&&(e.classList.add("processing"),Array.from(e.querySelectorAll("[data-duplicate]")).forEach((u,h)=>{const b=u.getAttribute("data-duplicate"),p=document.getElementById(b),f=document.querySelector(`[for="${b}"] iam-card`);if(p.checked!=u.checked)if(f){let y=new Event("click");f.dispatchEvent(y)}else p.checked=u.checked}),e.classList.remove("processing")),e.hasAttribute("data-ajax")){if(!m){let u=e.querySelector("[data-pagination]");u.value=1,r.setAttribute("data-page",1)}Y(o,e,t,r)}else e.hasAttribute("data-submit")?e.submit():(R(o,e,r),M(o,e));if(e.hasAttribute("data-ajax-post")){let u=new FormData(e),h=new URLSearchParams(u).toString();const b=new XMLHttpRequest;b.open("GET",`${window.location.href}?ajax=true&${h}`),b.send()}};e.addEventListener("keyup",c=>{clearTimeout(l),c&&c.target instanceof HTMLElement&&c.target.closest("[data-search]")&&(l=setTimeout(function(){a(c)},500))}),e.addEventListener("change",c=>{clearTimeout(l),c&&c.target instanceof HTMLElement&&c.target.closest("[data-sort]")&&(e.hasAttribute("data-submit")||W(o,e,s),a(c)),c&&c.target instanceof HTMLElement&&c.target.closest("[data-search]")&&a(c),c&&c.target instanceof HTMLElement&&c.target.closest("[data-filter][data-no-ajax]")?(R(o,e,r),M(o,e)):(c&&c.target instanceof HTMLElement&&c.target.closest("[data-filter]")&&c.target.closest("form .dialog__wrapper > dialog")||c&&c.target instanceof HTMLElement&&c.target.closest("[data-filter]")&&!c.target.closest("form dialog"))&&a(c),c&&c.target instanceof HTMLElement&&c.target.closest("[data-show]")&&a(c),c&&c.target instanceof HTMLElement&&c.target.closest("[data-mimic]")&&a(c)}),e.addEventListener("click",c=>{if(clearTimeout(l),c&&c.target instanceof HTMLElement&&c.target.closest('dialog button:not([type="button"])')&&c.target.closest('dialog button:not([type="button"])').closest("dialog").close(),c&&c.target instanceof HTMLElement&&c.target.closest(".dialog__close")&&(c.preventDefault(),c.stopPropagation()),c&&c.target instanceof HTMLElement&&c.target.closest("[data-clear]")){e.classList.add("processing"),Array.from(e.querySelectorAll(".applied-filters")).forEach((u,h)=>{u.innerHTML=""});let m=e.elements;for(let u=0;u<m.length;u++)switch(m[u].type.toLowerCase()?m[u].type.toLowerCase():"text"){case"text":case"password":case"textarea":m[u].value="";break;case"radio":case"checkbox":if(m[u].checked){let h=m[u],b=h.getAttribute("id"),p=document.querySelector(`[for="${b}"`);if(p.querySelector("iam-card")){let f=p.querySelector("iam-card"),y=new Event("click");f.dispatchEvent(y)}h.checked=!1}break;case"select-one":case"select-multi":m[u].selectedIndex=-1;break}e.classList.remove("processing"),e.hasAttribute("data-submit")||W(o,e,s),a(c)}}),e.addEventListener("submit",c=>{clearTimeout(l),e.hasAttribute("data-submit")||c.preventDefault(),a(c)}),e.addEventListener("force",c=>{a(c)}),e.addEventListener("paginate",c=>{a(c,!0)});let n=[],d=[];Array.from(e.querySelectorAll("[data-mimic]")).forEach((c,m)=>{let u=c.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${u}"]`)).forEach((h,b)=>{let p=h.closest("form");n.includes(p)||n.push(p),d.includes(u)||d.push(u)})}),n.forEach((c,m)=>{const u=function(){let h=[],b=new FormData(c);for(const[p,f]of b)document.querySelector(`[data-mimic="${p}"]`)&&!h.includes(p)?(h.push(p),document.querySelector(`[data-mimic="${p}"]`).value=f):document.querySelector(`[data-mimic="${p}"]`)&&(document.querySelector(`[data-mimic="${p}"]`).value+=","+f);for(const p of h){const f=new Event("force");e.dispatchEvent(f)}for(const p of d)if(!b.has(p)&&c.querySelector(`[name="${p}"]`)){document.querySelector(`[data-mimic="${p}"]`).value="";const f=new Event("force");e.dispatchEvent(f)}};c.addEventListener("force",h=>{u()}),c.addEventListener("change",h=>{u()})})},W=(o,e,t)=>{if(e.getAttribute("data-ajax"))return!1;let r=o.querySelector("tbody"),s=e.querySelector("[data-sort]"),l=s.querySelector(`option:nth-child(${s.selectedIndex+1})`),a=l.getAttribute("data-sort"),n=l.getAttribute("data-order"),d=l.getAttribute("data-format");if(!a)return r.innerHTML=t.innerHTML,O(o),!1;let c=[];["asc","desc","descending"].includes(n)||(c=n.split(","));let m=[];Array.from(r.querySelectorAll("tr")).forEach((h,b)=>{let p=h.querySelector('td[data-label="'+a+'"], th[data-label="'+a+'"]').textContent.trim();h.querySelector('[data-label="'+a+'"] .td__content')&&(p=h.querySelector('[data-label="'+a+'"] .td__content').textContent.trim()),c.length&&c.includes(p)&&(p=c.indexOf(p)),ut(p)&&(p=ht(p,10)),d&&d=="date"&&(p=new Date(p));const f={index:p,row:h};m.push(f)}),m.sort((h,b)=>h.index>b.index?1:-1),(n=="descending"||n=="desc")&&(m=m.reverse());let u="";m.forEach((h,b)=>{u+=h.row.outerHTML}),r.innerHTML=u},R=(o,e,t)=>{o.classList.remove("table--filtered");let r=G(e),s=[],l=0,a=e.querySelector("[data-pagination]")?parseInt(e.querySelector("[data-pagination]").value):1,n=e.querySelector("[data-show]")?parseInt(e.querySelector("[data-show]").value):15;if(Array.from(o.querySelectorAll("tbody tr")).forEach((c,m)=>{c.classList.remove("filtered"),c.classList.remove("filtered--matched"),c.classList.remove("filtered--show"),c.removeAttribute("data-filtered-by")}),e.querySelector("[data-search]")){let c=e.querySelector("[data-search]");e.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((m,u)=>{s.push({column:`${m.trim()}`,value:`${c.value}`})})}Array.from(e.querySelectorAll("[data-filter-count]")).forEach((c,m)=>{c.innerHTML="",c.parentNode.classList.remove("hover")});let d=0;Object.values(r).forEach((c,m)=>{typeof c=="object"&&Object.values(c).length?d+=Object.values(c).length:d++}),d&&Array.from(e.querySelectorAll("[data-filter-count]")).forEach((c,m)=>{c.innerHTML+=`(${d})`,c.parentNode.classList.add("hover")}),o.classList.add("table--filtered");for(const[c,m]of Object.entries(r))Array.from(o.querySelectorAll("tbody tr:not(.filtered)")).forEach((u,h)=>{let b=!1;m.forEach((p,f)=>{let y=u.querySelector(`[data-label="${c}"]`);if(p&&p=="$today")p=j("date",new Date);else if(p&&p=="$yesterday"){let _=new Date;_.setDate(_.getDate()-1),p=j("date",_)}else if(p&&(p=="$thisWeek"||p=="$lastWeek")){let _=new Date,x=new Date(_.setDate(_.getDate()-(_.getDay()-1))),A=new Date(_.setDate(_.getDate()-_.getDay()+7)),S=new Date(y.textContent.toLowerCase());if(_.setHours(0,0,0,0),x.setHours(0,0,0,0),A.setHours(0,0,0,0),S.setHours(0,0,0,0),p=="$thisWeek")b=S>=x&&S<=A;else{let E=new Date(x.setDate(x.getDate()-7)),C=new Date(A.setDate(A.getDate()-7));E.setHours(0,0,0,0),C.setHours(0,0,0,0),b=S>=E&&S<=C}}else if(p&&p=="$thisMonth"){let _=new Date,x=_.getFullYear(),A=_.getMonth();var v=new Date(x,A,1),g=new Date(x,A+1,0);let S=new Date(y.textContent.toLowerCase());v.setHours(0,0,0,0),g.setHours(0,0,0,0),S.setHours(0,0,0,0),b=S>=v&&S<=g}else if(p&&p=="$lastMonth"){let _=new Date,x=_.getFullYear(),A=_.getMonth();var T=new Date(x,A-1,1),L=new Date(x,A,0);let S=new Date(y.textContent.toLowerCase());T.setHours(0,0,0,0),L.setHours(0,0,0,0),S.setHours(0,0,0,0),b=S>=T&&S<=L}y&&y.textContent.toLowerCase().includes(p.toLowerCase())&&(b=!0)}),b||(u.classList.add("filtered"),u.setAttribute("data-filtered-by",c))});Array.from(o.querySelectorAll("tbody tr:not(.filtered)")).forEach((c,m)=>{let u=!(s.length>0&&s[0].value.length>=3);s.forEach((h,b)=>{let p=c.querySelector(`[data-label="${h.column}"]`);p&&h.value.length>=3&&p.textContent.toLowerCase().includes(h.value.toLowerCase())&&(u=!0)}),u||c.classList.add("filtered")}),Array.from(o.querySelectorAll("tbody tr:not(.filtered")).forEach((c,m)=>{l++,c.classList.add("filtered--matched"),Math.ceil(l/n)==parseInt(a)&&c.classList.add("filtered--show")}),t&&(t.setAttribute("data-total",l),t.setAttribute("data-show",n),t.setAttribute("data-page",a))},M=(o,e,t)=>{Array.from(e.querySelectorAll("[data-query]")).forEach((r,s)=>{let l=r.getAttribute("data-query"),a;if(l=="total")t.hasAttribute("data-total")?a=t.getAttribute("data-total"):a=(o.classList.contains("table--filtered"),o.querySelectorAll("tbody tr").length);else if(!l.includes(" == ")&&l.includes(" & ")){let n=l.split(" & "),d="";n.forEach(c=>{d+=`:not([data-filtered-by="${c}"])`}),a=Array.from(o.querySelectorAll(`tbody tr${d}`)).length}else if(!l.includes(" == "))a=Array.from(o.querySelectorAll(`tbody tr:not([data-filtered-by="${l}"])`)).length;else if(l.includes(" && ")){let n=l.split(" && ");a=Array.from(o.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d){let c=!0;for(const[m,u]of Object.entries(n)){let h=u.split(" == ");(!d.querySelector(`td[data-label="${h[0]}"]`)||d.querySelector(`td[data-label="${h[0]}"]`).textContent!=`${h[1]}`)&&(c=!1)}return c}).length}else{let n=l.split(" == ");a=Array.from(o.querySelectorAll(`tbody tr.filtered--matched td[data-label="${n[0]}"], tbody tr[data-filtered-by="${n[0]}"] td[data-label="${n[0]}"]`)).filter(function(d){return d.textContent===n[1]}).length}r.hasAttribute("data-total")?r.setAttribute("data-total",a):r.innerHTML=a})},wt=function(o,e,t,r){t.addEventListener("update-page",s=>{let l=e.querySelector("[data-pagination]"),a=s.detail.page;if(l.value=a,e.dispatchEvent(new Event("paginate")),r.setAttribute("data-page",a),o.hasAttribute("data-show-history")){const n=new URL(location);n.searchParams.set("page",a),history.pushState({type:"pagination",form:e.getAttribute("id"),page:a},"",n)}if(!r.hasAttribute("data-no-scroll")){const n=o.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:n,behavior:"smooth"})}}),t.addEventListener("update-show",s=>{let l=e.querySelector("[data-show]"),a=s.detail.show;l.value=a,r.setAttribute("data-show",a),e.dispatchEvent(new Event("submit"))})},At=(o,e)=>{if(!o)return!1;o.addEventListener("click",t=>{kt(e)})},kt=function(o){for(var e=[],t=o.getElementsByTagName("tr"),r=0;r<t.length;r++){for(var s=t[r].querySelectorAll("td,th"),l=[],a=0;a<s.length;a++)l.push(`"${s[a].textContent}"`);e.push(l.join(","))}e=e.join(`
|
|
5
5
|
`);let n=new Blob([e],{type:"text/csv"});var d=document.createElement("a");d.download="export.csv";var c=window.URL.createObjectURL(n);d.href=c,d.style.display="none",document.body.appendChild(d),d.click(),document.body.removeChild(d)},U=function(o,e,t,r){if(O(o),gt(o,r),M(o,e,r),r&&r.classList.contains("table--cta")){let s=function(){Array.from(o.querySelectorAll("tr")).forEach((a,n)=>{let d=a.offsetHeight;a.style.setProperty("--row-height",`${d}px`)})};const l=ft(o);r.style.setProperty("--cta-width",`${l}rem`),new ResizeObserver(s).observe(o)}},G=function(o){let e=new Object;return Array.from(o.querySelectorAll("[data-filter]")).forEach((t,r)=>{if(!(t.type=="radio"&&!t.checked)&&!(t.type=="checkbox"&&!t.checked)&&t&&t.value){let s=t.getAttribute("data-filter");e[s]||(e[s]=new Array),e[s].push(t.value)}}),e},Y=function(o,e,t,r){return bt(this,void 0,void 0,function*(){let s=new FormData(e),l=new URLSearchParams(s).toString(),a=o.querySelectorAll("thead tr th"),n=o.querySelector("tbody"),d=e.getAttribute("data-ajax");r.classList.add("table--loading");let c=G(e);Array.from(e.querySelectorAll("[data-filter-count]")).forEach((h,b)=>{h.innerHTML="",h.parentNode.classList.remove("hover")});let m=0;Object.values(c).forEach((h,b)=>{typeof h=="object"&&Object.values(h).length?m+=Object.values(h).length:m++}),m&&Array.from(e.querySelectorAll("[data-filter-count]")).forEach((h,b)=>{h.innerHTML+=`(${m})`,h.parentNode.classList.add("hover")}),window.controller||(window.controller=[]),window.controller[d]&&window.controller[d].abort(),window.controller[d]=new AbortController;const{signal:u}=controller[d];t.setAttribute("data-loading","true"),e.classList.add("processing");try{yield fetch(d+"?"+l,{signal:u,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"})}).then(h=>h.json()).then(h=>{let b=e.hasAttribute("data-schema")?e.getAttribute("data-schema"):"data",p=e.hasAttribute("data-schema-total")?e.getAttribute("data-schema-total"):"meta.total",f=e.hasAttribute("data-schema-page")?e.getAttribute("data-schema-page"):"meta.current_page",y=q(h,p,15),v=q(h,f,1),g=q(h,b),T=r.hasAttribute("data-empty-msg")?r.getAttribute("data-empty-msg"):"No results found";g?(n.innerHTML="",g.forEach((L,_)=>{var x=document.createElement("tr");a.forEach((A,S)=>{let E="";var C=document.createElement("td");if(C.setAttribute("data-label",A.innerText),A.getAttribute("data-output")){var P=A.getAttribute("data-output");E=P.replace(new RegExp(/{(.*?)}/,"gm"),function(Nr){return q(L,Nr.replace("{","").replace("}",""))})}if(A.hasAttribute("data-output-array")){var P=A.getAttribute("data-output");let zr=q(L,P.replace("{","").replace("}",""));E="",zr.forEach((it,Kr)=>{let Dr=A.getAttribute("data-output-array"),B="";if(A.hasAttribute("data-output-array-property")&&A.hasAttribute("data-output-array-transform")){const F=q(it,A.getAttribute("data-output-array-property")),Vr=JSON.parse(A.getAttribute("data-output-array-transform"))[F];B=Dr.replace(`{${A.getAttribute("data-output-array-property")}}`,Vr)}B=B.replace(new RegExp(/{(.*?)}/,"gm"),function(F){return q(it,F.replace("{","").replace("}",""))}),E+=B})}A.hasAttribute("data-transform")&&(E=JSON.parse(A.getAttribute("data-transform"))[E],!E&&A.hasAttribute("data-default")&&(E=A.getAttribute("data-default"))),C.innerHTML=E,x.appendChild(C)}),n.appendChild(x)}),I(o,e),r.setAttribute("data-total",parseInt(y)),r.setAttribute("data-page",parseInt(v)),U(o,e,t,r),Array.from(e.querySelectorAll("[data-ajax-query]")).forEach((L,_)=>{let x=q(h,L.getAttribute("data-ajax-query"),"");L.hasAttribute("data-total")?L.setAttribute("data-total",x):L.innerHTML=x}),parseInt(y)==0&&(n.innerHTML=`<tr><td colspan="100%"><span>${T}</span></td></tr>`),r.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:d,formData:l})):n.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>',t.removeAttribute("data-loading"),e.classList.remove("processing")})}catch(h){console.log(h)}})},j=(o,e)=>{switch(o){case"datetime":return new Date(e).toLocaleDateString("en-gb",{weekday:"short",year:"2-digit",month:"long",day:"numeric"})+" "+new Date(e).toLocaleTimeString("en-gb",{hour:"2-digit",minute:"2-digit"});case"date":return new Date(e).toLocaleDateString("en-gb",{year:"2-digit",month:"long",day:"numeric"});case"capitalise":return e=pt(e)}};class _t extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
<iam-pagination class="pagination--table" ${this.hasAttribute("data-page")?`data-page="${this.getAttribute("data-page")}"`:""} ></iam-pagination>
|
|
30
30
|
`,this.shadowRoot.appendChild(r.content.cloneNode(!0)),document.getElementById("tableExtras")||document.head.insertAdjacentHTML("beforeend",`<style id="tableExtras">*:has(>iam-table){container-type:inline-size}iam-table{--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}iam-table thead tr{background:var(--row-bg)}iam-table tbody tr{background:var(--row-bg)}iam-table tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238,238,238;--row-bg: var(--hover-background);background:var(--row-bg)}@media screen and (prefers-color-scheme: dark){iam-table tbody tr{--hover-background: var(--colour-canvas)}iam-table tbody tr:is(:hover,:focus-within,.hover){background:var(--row-bg)}}iam-table[data-expandable] [data-expand-button][aria-expanded]{background-color:rgba(0,0,0,0)}@container (width < 23.4375em){iam-table:not(.table--fullwidth) thead{display:none}iam-table:not(.table--fullwidth) tbody{display:block;overflow:visible}iam-table:not(.table--fullwidth) tbody tr td:first-child{padding-top:0}iam-table:not(.table--fullwidth) tr{display:block;position:relative;border:none;background:var(--row-bg);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem}iam-table:not(.table--fullwidth) tr+tr{margin-top:2rem}iam-table:not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}iam-table:not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}iam-table:not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}iam-table:not(.table--fullwidth) :is(td,th)[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--colour-heading);padding:0 0 0.375rem 0;margin-bottom:0;display:block;font-weight:bold}iam-table:not(.table--fullwidth) td:first-child::after{top:1.75rem !important}iam-table:not(.table--fullwidth) td::after{top:2.5rem}iam-table:not(.table--fullwidth) .td--fixed{padding-right:50%}iam-table:not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}iam-table:not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}iam-table:not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative}iam-table:not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important}iam-table:not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}iam-table:not(.table--fullwidth) [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:300 !important;font-size:1.75rem;line-height:var(--compact-size) !important}iam-table:not(.table--fullwidth) [data-expand-button][aria-expanded]:before{content:"";font-weight:900 !important}iam-table:not(.table--fullwidth) .dialog__wrapper{margin-top:-0.5rem;margin-left:-1rem;z-index:10}iam-table:not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child{display:block !important;position:static;width:100%;min-width:100%;margin-left:0;padding-left:0;text-align:left;min-height:0}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child:after{display:none}}@container (width > 23.4375em){iam-table.table--cta:not(.table--loading):has(tr:first-child td:first-child:last-child){padding-right:calc(var(--wrapper-padding) + 1.5rem)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>th:nth-last-child(2),iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>td:nth-last-child(2){padding-right:var(--cta-width)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem);cursor:default}@media screen and (prefers-color-scheme: dark){iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta){position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead{position:sticky;top:0;left:0;z-index:1;background-color:var(--row-bg)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--colour-primary)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody{position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:first-child td{border-top:0}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:last-child td{border-bottom:0}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content=upcoming]):after{content:"";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"";color:var(--colour-warning)}table :is([data-content=verified],[data-content=completed],[data-content=complete]):after{content:"";font-weight:normal;color:var(--colour-complete)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"";color:var(--colour-primary)}iam-table .table--filtered tbody tr:not(.filtered--show){display:none !important}iam-table table:not(.table--filtered):not(.table--ajax) tbody tr:nth-child(15)~tr{display:none}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.75rem !important;left:.25rem !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:auto;margin:0;margin-top:0rem}iam-table tr:has([type=checkbox]:checked){--row-bg: #E0E0E0}@media screen and (prefers-color-scheme: dark){iam-table tr:has([type=checkbox]:checked){--row-bg: #000000}}@container (width < 23.4375em){@media screen and (prefers-color-scheme: light){iam-table:has([slot=before]) iam-actionbar{background-color:#e6eaec}}iam-table:has([slot=before]) .actionbar__sticky+*{margin-top:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}iam-table.table--fullwidth:not([data-expandable]) th.expand-button-heading{display:none}iam-table.table--fullwidth:not([data-expandable]) td:has([data-expand-button]){display:none}@container (width > 23.4375em){iam-table:not([data-expandable]) th.expand-button-heading{display:none}iam-table:not([data-expandable]) td.td--expand{display:none}iam-table[data-expandable] [data-expand-button]{margin:0}iam-table[data-expandable] [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:500}iam-table[data-expandable] [data-expand-button][aria-expanded]:before{content:""}iam-table[data-expandable] tr:not(:has(p)) [data-expand-button]{display:none}iam-table[data-expandable] tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}@container (width < 23.4375em){iam-table:not(.table--fullwidth) .td--fixed+td:not(.td--fixed){border-top:none}}@container (width > 23.4375em){iam-table{--width-adjust: 0px}iam-table:has([type=checkbox]){--width-adjust: -1rem}iam-table .th--fixed{min-width:calc(4.5rem + var(--width-adjust));position:absolute;padding:0}iam-table .th--fixed:after{top:auto;left:0;content:"";position:absolute;width:100%;height:calc(var(--row-height) - 2px);background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed{position:absolute;position:absolute;left:auto;top:auto;z-index:3;padding:0.25rem 0 0 0;min-width:4.5rem;height:calc(var(--row-height) - 2px);text-align:left;background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed:has([open]){z-index:4}iam-table tr:is(:hover,:focus) .td--fixed{background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table tr:has([data-expand-button]){height:calc(4.625rem - 2px)}iam-table .th--fixed+th:not(.th--fixed),iam-table .td--fixed+td:not(.td--fixed){padding-left:calc(4.5rem + var(--width-adjust))}iam-table .th--fixed:not(.expand-button-heading)+.th--fixed+th:not(.th--fixed),iam-table .td--fixed:not(.td--expand)+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table[data-expandable] .th--fixed+.th--fixed+th:not(.th--fixed),iam-table[data-expandable] .td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed+.th--fixed,iam-table .td--fixed+.td--fixed{padding-left:calc(3.25rem + var(--width-adjust));min-width:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed:has(+.th--fixed),iam-table .td--fixed:has(+.td--fixed){min-width:calc(3.25rem + var(--width-adjust));z-index:5}iam-table .dialog__wrapper{z-index:10}iam-table .dialog__wrapper:has([open]){z-index:20}iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:before,iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:after{left:1.25rem !important}iam-table:not([data-expandable]) th.expand-button-heading+th{padding-left:0 !important}iam-table:not([data-expandable]) td.td--expand+td{padding-left:0 !important}iam-table:not([data-expandable]) th.expand-button-heading+.th--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}iam-table:not([data-expandable]) td.td--expand+.td--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}}/*# sourceMappingURL=assets/css/components/table.global.css.map */
|
|
31
31
|
</style>`)}connectedCallback(){const e=new URLSearchParams(window.location.search);this.hasAttribute("data-total")||this.setAttribute("data-total",this.querySelectorAll("table tbody tr").length),this.hasAttribute("data-page")||this.setAttribute("data-page",e.has("page")?e.get("page"):1),this.hasAttribute("data-show")||this.setAttribute("data-show",e.has("show")?e.get("show"):15),this.hasAttribute("data-increment")||this.setAttribute("data-increment",this.getAttribute("data-show"));let t=this.classList.toString();if(t=t.replace("table--cta",""),t=t.replace("table--loading",""),this.shadowRoot.querySelector(".table__wrapper").className+=` ${t}`,this.querySelector(".actionbar__sticky")&&this.shadowRoot.querySelector(".table__wrapper").classList.add("has-actionbar"),this.table=this.querySelector("table"),this.savedTableBody=this.table.querySelector("tbody").cloneNode(!0),this.pagination=this.shadowRoot.querySelector("iam-pagination"),this.pagination.setAttribute("data-total",this.getAttribute("data-total")),this.pagination.setAttribute("data-page",this.getAttribute("data-page")),this.pagination.setAttribute("data-show",this.getAttribute("data-show")),this.pagination.setAttribute("data-increment",this.getAttribute("data-show")),this.hasAttribute("data-page-jump")&&this.pagination.setAttribute("data-page-jump","true"),this.hasAttribute("data-per-page")&&this.pagination.setAttribute("data-per-page","true"),this.hasAttribute("data-item-count")&&this.pagination.setAttribute("data-item-count","true"),this.hasAttribute("data-loading")&&this.pagination.setAttribute("data-loading","true"),this.classList.contains("table--fullwidth")&&this.pagination.setAttribute("data-minimal","true"),this.classList.contains("table--cta")||this.shadowRoot.querySelector(".table--cta").classList.remove("table--cta"),this.form=document.createElement("form"),this.hasAttribute("data-filterby")?this.form=document.querySelector(`#${this.getAttribute("data-filterby")}`):this.table.parentNode.insertBefore(this.form,this.table.nextSibling),this.form.hasAttribute("data-ajax")&&this.table.classList.add("table--ajax"),I(this.table,this.form),this.form.querySelector("[data-pagination]")||(this.form.innerHTML+=`<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`),this.form.querySelector("[data-show]")||(this.form.innerHTML+=`<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`),yt(this.table),vt(this.table,this.form,this.pagination,this,this.savedTableBody),wt(this.table,this.form,this.pagination,this),At(this.shadowRoot.querySelector("[data-export]"),this.table),this.form.getAttribute("data-ajax"))Y(this.table,this.form,this.pagination,this);else{let r=function(l=1){return Math.floor(Math.random()*Date.now()*(l+1))};if(this.querySelector("iam-actionbar[data-selectall]")){const l=this.querySelector("iam-actionbar[data-selectall]");Array.from(this.table.querySelectorAll("thead tr")).forEach((a,n)=>{a.insertAdjacentHTML("afterbegin",'<th class="th--fixed"></th>')}),Array.from(this.table.querySelectorAll("tbody tr")).forEach((a,n)=>{let d=`row${r(n)}`;a.insertAdjacentHTML("afterbegin",`<td class="td--fixed selectrow"><input type="checkbox" name="row" id="${d}"/><label for="${d}"><span class="visually-hidden">Select row</span></label></td>`)}),this.table.addEventListener("change",a=>{if(a&&a.target instanceof HTMLElement&&a.target.closest(".selectrow input")){let n=this.table.querySelectorAll('.selectrow input[type="checkbox"]').length,d=this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;l.setAttribute("data-selected",n==d?"all":d)}}),l.addEventListener("selected",a=>{a.detail.selected=="0"?Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((n,d)=>{n.checked=!1}):a.detail.selected=="all"&&Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((n,d)=>{n.checked=!0})})}let s=-1;Array.from(this.table.querySelectorAll("tbody tr")).forEach((l,a)=>{if(l.querySelector(":scope > td > .dialog__wrapper")){let n=l.querySelector(":scope > td > .dialog__wrapper").parentNode;n.classList.add("td--fixed"),s=Array.from(n.parentNode.children).indexOf(n)}}),s!=-1&&(this.table.querySelector(`thead tr th:nth-child(${s+1})`).classList.add("th--fixed"),Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${s+1})`)).forEach((l,a)=>{l.classList.add("td--fixed")})),U(this.table,this.form,this.pagination,this),R(this.table,this.form,this),M(this.table,this.form)}this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll",r=>{this.table.querySelector("dialog[open]")&&(this.table.querySelector("dialog[open]").close(),this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"))})}static get observedAttributes(){return["data-total","data-page","data-show"]}attributeChangedCallback(e,t,r){switch(this.pagination=this.shadowRoot.querySelector("iam-pagination"),e){case"data-total":{t!=r&&this.pagination.setAttribute("data-total",r);break}case"data-show":{t!=r&&this.pagination.setAttribute("data-show",r);break}case"data-page":{t!=r&&this.pagination.setAttribute("data-page",r);break}}}}/*!
|
|
32
|
-
* iamKey v5.1.0-
|
|
32
|
+
* iamKey v5.1.0-beta5
|
|
33
33
|
* Copyright 2022-2023 iamproperty
|
|
34
34
|
*/let X=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
35
35
|
<style>
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
<div class="files"></div>
|
|
89
89
|
</div>
|
|
90
90
|
`,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){this.innerHTML+='<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';const e=this.shadowRoot.querySelector(".file-upload"),t=this.querySelector("input"),r=this.shadowRoot.querySelector(".helper-text");r.innerHTML=`${this.hasAttribute("data-maxsize")?`Max file size is ${this.getAttribute("data-maxsize")}kb. `:""}${t.hasAttribute("accept")?`Supported file types are ${t.getAttribute("accept")}`:""}`,ae(this,e)}}const re={name:"FileUpload",props:{maxfilesize:{type:Number,required:!1},maxfiles:{type:Number,required:!1}},mounted(){this.$nextTick(function(){window.customElements.get("iam-fileupload")||window.customElements.define("iam-fileupload",oe)})}};function ne(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("iam-fileupload",null,[i.renderSlot(o.$slots,"default")])}const ie=k(re,[["render",ne]]),$=(o,e)=>{const t=o[e];return t?typeof t=="function"?t():Promise.resolve(t):new Promise((r,s)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(s.bind(null,new Error("Unknown variable dynamic import: "+e)))})},Pr="",se={name:"Accordion",props:{},mounted(){this.$nextTick(function(){$(Object.assign({"../../../assets/js/components/accordion/accordion.component.js":()=>Promise.resolve().then(()=>Jo),"../../../assets/js/components/accordion/accordion.component.min.js":()=>Promise.resolve().then(()=>tr)}),"../../../assets/js/components/accordion/accordion.component.js").then(o=>{window.customElements.get("iam-accordion")||window.customElements.define("iam-accordion",o.default)}).catch(o=>{console.log(o.message)})})}},le={ref:"wrapper"};function ce(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("iam-accordion",le,[i.renderSlot(o.$slots,"default")],512)}const de=k(se,[["render",ce]]),me={name:"AccordionItem",props:{title:{type:String,required:!0},titlecolour:{type:String,required:!1},badge:{type:[Number,String],required:!1},badgecolour:{type:String,required:!1,default:"light"},lazy:{type:Boolean,required:!1}},computed:{createID(){return o=>`${Et(o)}`}},data(){return{show:!this.lazy}}},ue=["id"],he=["classList"];function pe(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("details",{id:l.createID(t.title)},[i.createElementVNode("summary",{classList:`${t.titlecolour?`bg-${t.titlecolour}`:""}`},[i.createTextVNode(i.toDisplayString(t.title),1),t.badge?(i.openBlock(),i.createElementBlock("span",{key:0,class:i.normalizeClass(`badge bg-${t.badgecolour}`)},i.toDisplayString(t.badge),3)):i.createCommentVNode("",!0)],8,he),i.renderSlot(o.$slots,"default")],8,ue)}const be=k(me,[["render",pe]]),fe={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1},background:{type:String,default:"light",required:!1}}},ge={class:"container"},ye={class:"row"},ve={class:"col-sm-6"},we={class:"pt-5 pb-3 px-4"},Ae={class:"col-sm-6 col-md-5 ms-auto"},ke=["src"];function _e(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("div",ge,[i.createElementVNode("div",{class:i.normalizeClass("bg-"+t.background+" mb-4")},[i.createElementVNode("div",ye,[i.createElementVNode("div",ve,[i.createElementVNode("div",we,[i.createElementVNode("h2",null,i.toDisplayString(t.title),1),i.renderSlot(o.$slots,"default")])]),i.createElementVNode("div",Ae,[t.image?(i.openBlock(),i.createElementBlock("img",{key:0,src:t.image,alt:"",class:"h-100 w-100 object-cover"},null,8,ke)):i.createCommentVNode("",!0)])])],2)])}const xe=k(fe,[["render",_e]]),Le={name:"Card",mounted(){this.$nextTick(function(){$(Object.assign({"../../../assets/js/components/card/card.component.js":()=>Promise.resolve().then(()=>ar),"../../../assets/js/components/card/card.component.min.js":()=>Promise.resolve().then(()=>rr)}),"../../../assets/js/components/card/card.component.js").then(o=>{window.customElements.get("iam-card")||window.customElements.define("iam-card",o.default)}).catch(o=>{console.log(o.message)})})}};function Se(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("iam-card",null,[i.renderSlot(o.$slots,"default")])}const K=k(Le,[["render",Se]]);function Ee(o){var e;let t=o.querySelector(".carousel__inner"),r=o.querySelectorAll(".carousel__item").length;o.getAttribute("data-cols");let s=o.getAttribute("data-sm-cols"),l=o.getAttribute("data-md-cols");o.querySelector(".carousel__controls a").setAttribute("aria-current",!0),t.addEventListener("scroll",function(a){clearTimeout(e),e=setTimeout(function(){let n=t.clientWidth,d=t.scrollWidth,c=t.scrollLeft,m=Math.round(c/d*r)+1,u=o.querySelector(".carousel__item:last-child").offsetLeft;Array.from(o.querySelectorAll(".carousel__controls a")).forEach((h,b)=>{h.removeAttribute("aria-current")}),o.querySelector(".control-"+m).setAttribute("aria-current",!0),m==1?o.querySelector(".btn-prev").setAttribute("disabled","disabled"):o.querySelector(".btn-prev").removeAttribute("disabled"),t.scrollLeft+n>u?o.querySelector(".btn-next").setAttribute("disabled","disabled"):o.querySelector(".btn-next").removeAttribute("disabled")},100)},!1),o.addEventListener("click",function(a){for(var n=a.target;n&&n!=this;n=n.parentNode)if(n.matches(".carousel__controls a")){a.preventDefault(),Array.from(o.querySelectorAll(".carousel__controls a")).forEach((c,m)=>{c.removeAttribute("aria-current")}),n.setAttribute("aria-current",!0);const d=document.querySelector(n.getAttribute("href"));t.scroll({top:0,left:d.offsetLeft,behavior:"smooth"});break}},!1),o.addEventListener("click",function(a){for(var n=a.target;n&&n!=this;n=n.parentNode)if(n.matches(".btn-next, .btn-prev")){a.preventDefault();let d=n.classList.contains("btn-prev")?t.scrollLeft-t.clientWidth:t.scrollLeft+t.clientWidth;t.scroll({top:0,left:d,behavior:"smooth"});break}},!1),r==1&&o.classList.add("hide-btns"),s>=r&&o.classList.add("hide-sm-btns"),l>=r&&o.classList.add("hide-md-btns")}const Fr="",qe={components:{Card:K},name:"Carousel",data(){return{id:null}},props:{items:{type:Array,required:!1},cols:{type:Number,required:!1,default:1},smcols:{type:Number,required:!1,default:1},mdcols:{type:Number,required:!1,default:3},gap:{type:Number,required:!1,default:4},cardtype:{type:String,required:!1},cardclass:{type:String,required:!1},btntype:{type:String,required:!1},titleclass:{type:String,required:!1},ctatext:{type:String,required:!1},hidectatext:{type:Boolean,required:!1,default:!1},colclass:{type:String,required:!1},type:{type:String,required:!1}},computed:{content(){return o=>`${o.image?`<img src="${o.image}" alt="" />`:""}${o.content?o.content:""}`}},mounted(){this.id=this._uid,this.$nextTick(function(){Ee(this.$refs.wrapper)})}},$e=["id","data-cols","data-sm-cols","data-md-cols"],Te={class:"carousel__wrapper"},Ce={class:"carousel__inner"},Me=["id"],He=["innerHTML","id"],Be=["href"],Re=i.createElementVNode("button",{class:"btn btn-prev","data-go":"0",disabled:""},"Prev",-1),je=i.createElementVNode("button",{class:"btn btn-next","data-go":"2"},"Next",-1);function Ne(o,e,t,r,s,l){const a=i.resolveComponent("Card");return i.openBlock(),i.createElementBlock("div",{class:"container carousel",id:"carousel"+s.id,ref:"wrapper","data-cols":t.cols,"data-sm-cols":t.smcols,"data-md-cols":t.mdcols},[i.renderSlot(o.$slots,"default"),i.createElementVNode("div",Te,[i.createElementVNode("div",Ce,[t.type=="card"?(i.openBlock(),i.createElementBlock("div",{key:0,class:i.normalizeClass(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap?`g-${t.gap}`:""}`)},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(t.items,(n,d)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(`col carousel__item${t.colclass?` ${t.colclass}`:""}`),key:d,id:"carousel"+s.id+"slide"+(d+1)},[i.createVNode(a,i.mergeProps(n,{class:t.cardclass,type:t.cardtype,btnyype:t.btntype,titleclass:t.titleclass,ctatext:t.ctatext,hidectatext:t.hidectatext}),null,16,["class","type","btnyype","titleclass","ctatext","hidectatext"])],10,Me))),128))],2)):i.createCommentVNode("",!0),t.type!="card"?(i.openBlock(),i.createElementBlock("div",{key:1,class:i.normalizeClass(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap?`g-${t.gap}`:""}`)},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(t.items,(n,d)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(`col carousel__item${t.colclass?` ${t.colclass}`:""}`),key:d,innerHTML:l.content(n),id:"carousel"+s.id+"slide"+(d+1)},null,10,He))),128))],2)):i.createCommentVNode("",!0)]),i.createElementVNode("div",{class:i.normalizeClass(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(t.items,(n,d)=>(i.openBlock(),i.createElementBlock("a",{key:d,href:"#carousel"+s.id+"slide"+(d+1),class:i.normalizeClass(`control-${d+1}`)},"Slide "+i.toDisplayString(d+1),11,Be))),128))],2),Re,je])],8,$e)}const ze=k(qe,[["render",Ne]]);/*!
|
|
91
|
-
* iamKey v5.1.0-
|
|
91
|
+
* iamKey v5.1.0-beta5
|
|
92
92
|
* Copyright 2022-2023 iamproperty
|
|
93
93
|
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class De extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
94
94
|
<style>
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
</picture>
|
|
113
113
|
</div>
|
|
114
114
|
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){this.classList.add("loaded");const e=this.shadowRoot.querySelector("picture"),t=this.shadowRoot.querySelector("picture source");this.hasAttribute("image")?t.setAttribute("srcset",this.getAttribute("image")):e.remove()}}const Ve=Object.freeze(Object.defineProperty({__proto__:null,default:De},Symbol.toStringTag,{value:"Module"})),Pe={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}},mounted(){this.$nextTick(function(){$(Object.assign({"../../../assets/js/components/header/header.component.js":()=>Promise.resolve().then(()=>ir),"../../../assets/js/components/header/header.component.min.js":()=>Promise.resolve().then(()=>Ve)}),"../../../assets/js/components/header/header.component.js").then(o=>{window.customElements.get("iam-header")||window.customElements.define("iam-header",o.default)}).catch(o=>{console.log(o.message)})})}},Fe=["image"],Oe=["innerHTML"];function Ie(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("iam-header",{class:"bg-secondary",image:t.image},[i.renderSlot(o.$slots,"breadcrumb"),t.title?(i.openBlock(),i.createElementBlock("h1",{key:0,innerHTML:t.title},null,8,Oe)):i.createCommentVNode("",!0),i.renderSlot(o.$slots,"default")],8,Fe)}const We=k(Pe,[["render",Ie]]);function Ue(o){var e;const t=o.querySelector(".testimonial__images"),r=t.querySelectorAll("img").length;if(r==1)return!1;o.classList.add("testimonial--multi");const s=function(l){const a=o.querySelector(".btn-next"),n=o.querySelector(".btn-prev");a.setAttribute("data-go",l+1),n.setAttribute("data-go",l-1),a.removeAttribute("disabled"),n.removeAttribute("disabled"),l==1?n.setAttribute("disabled",!0):l==r&&a.setAttribute("disabled",!0)};t.addEventListener("scroll",function(l){clearTimeout(e),e=setTimeout(function(){let a=t.scrollWidth,n=t.scrollHeight,d=t.scrollLeft,c=t.scrollTop,m=Math.round(d/a*r)+1;d==0&&c!=0&&(m=Math.round(c/n*r)+1),o.setAttribute("data-show",m),s(m)},300)},!1),o.addEventListener("click",function(l){for(var a=l.target;a&&a!=this;a=a.parentNode)if(a.matches("[data-go]")){let n=parseInt(a.getAttribute("data-go")),d=0,c=0,m=t.scrollWidth,u=t.scrollHeight;m>u?c=Math.floor(m*((n-1)/r)):d=Math.floor(u*((n-1)/r)),t.scroll({top:d,left:c,behavior:"smooth"});break}},!1)}const Or="",Ge={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){Ue(this.$refs.wrapper)}},Ye={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},Xe={class:"row"},Ke={class:"col-md-5 position-relative"},Je={class:"testimonial__images"},Qe=["src"],Ze=i.createElementVNode("div",{class:"testimonial__controls"},[i.createElementVNode("button",{"data-go":"0",disabled:"",class:"btn-prev"},"Previous"),i.createElementVNode("button",{"data-go":"2",class:"btn-next"},"Next")],-1),ta={class:"col-md-7"},ea=i.createElementVNode("h2",null,"What our customers think…",-1),aa={class:"testimonial__content"},oa=["innerHTML"],ra=["innerHTML"],na={class:"testimonial__after"},ia=i.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1);function sa(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("div",Ye,[i.createElementVNode("div",{class:i.normalizeClass("bg-"+t.background)},[i.createElementVNode("div",Xe,[i.createElementVNode("div",Ke,[i.createElementVNode("div",Je,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(t.items,(a,n)=>(i.openBlock(),i.createElementBlock("img",{key:n,src:a.image?a.image:"data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",alt:"",class:i.normalizeClass("h-100 w-100 object-cover"+(a.image?"":" opacity-0"))},null,10,Qe))),128))]),Ze]),i.createElementVNode("div",ta,[ea,i.createElementVNode("div",aa,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(t.items,(a,n)=>(i.openBlock(),i.createElementBlock("blockquote",{key:n,class:i.normalizeClass(a.class)},[i.createElementVNode("div",{innerHTML:a.quote},null,8,oa),i.createElementVNode("cite",{innerHTML:a.cite},null,8,ra)],2))),128))]),i.createElementVNode("div",na,[i.renderSlot(o.$slots,"default")])])]),ia],2)],512)}const la=k(Ge,[["render",sa]]),Ir="",ca={name:"Timeline",props:{image:{type:String,required:!1}}},da={class:"timeline"},ma={class:"timeline__content"},ua=["src"];function ha(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("div",da,[i.createElementVNode("div",ma,[i.renderSlot(o.$slots,"default")]),t.image?(i.openBlock(),i.createElementBlock("img",{key:0,src:t.image,alt:""},null,8,ua)):i.createCommentVNode("",!0)])}const pa=k(ca,[["render",ha]]),Wr="",ba={components:{Input:z},name:"PropertySearchbar",props:{formaction:{type:String,required:!1},formmethod:{type:String,required:!1},location:{type:String,required:!1},locations:{type:Array,required:!1},distances:{type:Array,required:!1,default(){return[{value:"0.25",display:"+¼ mi"},{value:"0.5",display:"+½ mi"},{value:"1",display:"+1 mi"},{value:"2",display:"+2 mi"},{value:"3",display:"+3 mi"},{value:"4",display:"+4 mi"},{value:"5",display:"+5 mi"}]}},pricemin:{type:Array,required:!1,default(){return[{value:"0",display:"No min"},{value:"50000",display:"£50k min"},{value:"75000",display:"£75k min"},{value:"100000",display:"£100k min"},{value:"150000",display:"£150k min"},{value:"200000",display:"£200k min"},{value:"250000",display:"£250k min"}]}},pricemax:{type:Array,required:!1,default(){return[{value:"any",display:"No max"},{value:"50000",display:"£50k max"},{value:"75000",display:"£75k max"},{value:"100000",display:"£100k max"},{value:"150000",display:"£150k max"},{value:"200000",display:"£200k max"},{value:"250000",display:"£250k max"}]}},bedsmin:{type:Array,required:!1,default(){return[{value:"any",display:"No min"},{value:"0",display:"Studio min"},{value:"1",display:"1 bed min"},{value:"2",display:"2 beds min"},{value:"3",display:"3 beds min"},{value:"4",display:"4 beds min"},{value:"5",display:"5 beds min"},{value:"6",display:"6 beds min"}]}},bedsmax:{type:Array,required:!1,default(){return[{value:"any",display:"No max"},{value:"0",display:"Studio max"},{value:"1",display:"1 bed max"},{value:"2",display:"2 beds max"},{value:"3",display:"3 beds max"},{value:"4",display:"4 beds max"},{value:"5",display:"5 beds max"},{value:"6",display:"6 beds max"}]}},propertytypes:{type:Array,required:!1,default(){return[{value:"all",display:"Show all"},{value:"Bungalow",display:"Bungalow"},{value:"Character Property",display:"Character Property"},{value:"Commercial Property",display:"Commercial Property"},{value:"Flat / Apartment",display:"Flat / Apartment"},{value:"Garage / Parking",display:"Garage / Parking"},{value:"Guest House / Hotel",display:"Guest House / Hotel"},{value:"House",display:"House"},{value:"House / Flat Share",display:"House / Flat Share"},{value:"Land",display:"Land"},{value:"Mobile / Park Home",display:"Mobile / Park Home"},{value:"Private Halls",display:"Private Halls"},{value:"Retirement Property",display:"Retirement Property"}]}}},data(){return{locationSave:""}},methods:{locationKeyup:function(o){this.$emit("locationKeyup",o)}},computed:{locationSet:{get(){return this.locationSave?this.locationSave:this.location},set(o){this.locationSave=o,this.$emit("input",o)}},locationsList(){return()=>this.locations?this.locations:[{value:"Newcastle"}]}}},fa={class:"container",ref:"wrapper"},ga={class:"property-searchbar"},ya=["action","method"],va={class:"col-12 col-md-3"},wa={class:"col-12 col-md"},Aa=i.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1),ka={class:"row","data-input-range":""},_a={class:"col-12 col-md"},xa=i.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1),La={class:"row","data-input-range":""},Sa={class:"col-12 col-md-2"},Ea=i.createElementVNode("div",{class:"col-12 col-md mw-md-fit-content d-flex property-searchbar__btn"},[i.createElementVNode("button",{class:"btn w-100 me-0",type:"submit",value:"submit"},"Search")],-1);function qa(o,e,t,r,s,l){const a=i.resolveComponent("Input");return i.openBlock(),i.createElementBlock("div",fa,[i.renderSlot(o.$slots,"default"),i.createElementVNode("div",ga,[i.createElementVNode("form",{class:"row",action:t.formaction,method:t.formmethod},[i.createElementVNode("fieldset",va,[i.createVNode(a,{inputClass:"input--locations",modelValue:l.locationSet,"onUpdate:modelValue":e[0]||(e[0]=n=>l.locationSet=n),label:"Location",id:"location",options:l.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:e[1]||(e[1]=n=>l.locationKeyup(...arguments)),ref:"search"},null,8,["modelValue","options"]),i.createVNode(a,{class:"select--miles",label:"Miles",id:"miles",type:"select",options:t.distances},null,8,["options"])]),i.createElementVNode("fieldset",wa,[Aa,i.createElementVNode("div",ka,[i.createVNode(a,{class:"col-6",label:"Minimum price",id:"price-min","data-min":"true",type:"select",options:t.pricemin},null,8,["options"]),i.createVNode(a,{class:"col-6",label:"Maximum price",id:"price-max","data-max":"true",type:"select",options:t.pricemax},null,8,["options"])])]),i.createElementVNode("fieldset",_a,[xa,i.createElementVNode("div",La,[i.createVNode(a,{class:"col-6",label:"Minimum beds",id:"beds-min","data-min":"true",type:"select",options:t.bedsmin},null,8,["options"]),i.createVNode(a,{class:"col-6",label:"Maximum beds",id:"beds-max","data-max":"true",type:"select",options:t.bedsmax},null,8,["options"])])]),i.createElementVNode("fieldset",Sa,[i.createVNode(a,{label:"Property type",id:"property-type",type:"select",options:t.propertytypes},null,8,["options"])]),Ea],8,ya)]),i.renderSlot(o.$slots,"after")],512)}const $a=k(ba,[["render",qa]]),Ta={components:{},name:"Nav",mounted(){this.$nextTick(function(){$(Object.assign({"../../../assets/js/components/nav/nav.component.js":()=>Promise.resolve().then(()=>lr),"../../../assets/js/components/nav/nav.component.min.js":()=>Promise.resolve().then(()=>cr)}),"../../../assets/js/components/nav/nav.component.js").then(o=>{window.customElements.get("iam-nav")||window.customElements.define("iam-nav",o.default)}).catch(o=>{console.log(o.message)})})},methods:{}},Ca={ref:"wrapper"};function Ma(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("iam-nav",Ca,[i.renderSlot(o.$slots,"default")],512)}const Ha=k(Ta,[["render",Ma]]),Ur="",Ba={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},Ra={class:"container"},ja=["aria-label"],Na={key:0,class:"h6 stepper__start"},za={class:"list-unstyled"},Da={class:"h6 stepper__end"};function Va(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("div",Ra,[i.createElementVNode("nav",{class:"stepper","aria-label":t.label?t.label:"Progress"},[t.label?(i.openBlock(),i.createElementBlock("span",Na,i.toDisplayString(t.label),1)):i.createCommentVNode("",!0),i.createElementVNode("ol",za,[i.renderSlot(o.$slots,"default")]),i.createElementVNode("span",Da,i.toDisplayString(t.endlabel),1)],8,ja)])}const Pa=k(Ba,[["render",Va]]),Gr="",Fa={name:"Snapshot",props:{items:{type:Array,required:!0}}},Oa={class:"container snapshot",ref:"wrapper"},Ia={class:"row"},Wa=["href"],Ua={class:"lead snapshot__title"},Ga={class:"stat"};function Ya(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("div",Oa,[i.renderSlot(o.$slots,"default"),i.createElementVNode("div",Ia,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(t.items,(a,n)=>(i.openBlock(),i.createElementBlock("div",{class:"col",key:n},[a.link?(i.openBlock(),i.createElementBlock("a",{key:0,href:a.link},"View "+i.toDisplayString(a.title),9,Wa)):i.createCommentVNode("",!0),i.createElementVNode("div",{class:i.normalizeClass(`snapshot__item ${a.bg?"bg-"+a.bg:""}`)},[i.createElementVNode("span",Ua,i.toDisplayString(a.title),1),i.createElementVNode("span",Ga,i.toDisplayString(a.number),1)],2)]))),128))])],512)}const Xa=k(Fa,[["render",Ya]]),Ka={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},Ja=["href","aria-current"],Qa={key:0,class:"visually-hidden"};function Za(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("li",null,[i.createElementVNode("a",{href:t.url,class:i.normalizeClass(`${t.status?"bg-"+t.status:""}${typeof t.current<"u"?"current":""}`),"aria-current":typeof t.current<"u"?"step":!1},[i.createElementVNode("span",null,[i.renderSlot(o.$slots,"default")]),t.status?(i.openBlock(),i.createElementBlock("em",Qa," - status: "+i.toDisplayString(t.status),1)):i.createCommentVNode("",!0)],10,Ja)])}const to=k(Ka,[["render",Za]]),Yr="",eo={name:"Tabs",mounted(){this.$nextTick(function(){$(Object.assign({"../../../assets/js/components/tabs/tabs.component.js":()=>Promise.resolve().then(()=>br),"../../../assets/js/components/tabs/tabs.component.min.js":()=>Promise.resolve().then(()=>Ar)}),"../../../assets/js/components/tabs/tabs.component.js").then(o=>{window.customElements.get("iam-tabs")||window.customElements.define("iam-tabs",o.default)}).catch(o=>{console.log(o.message)})})}},ao={ref:"wrapper"};function oo(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("iam-tabs",ao,[i.renderSlot(o.$slots,"default")],512)}const ro=k(eo,[["render",oo]]),no={name:"Tab",props:{title:{type:String,required:!0},lazy:{type:Boolean,required:!1},disabled:{type:Boolean,required:!1}},data(){return{show:!this.lazy,isDisabled:!!this.disabled}}},io={class:"tab"},so=["innerHTML"];function lo(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("details",io,[i.createElementVNode("summary",{innerHTML:t.title,class:i.normalizeClass({disabled:s.isDisabled})},null,10,so),i.renderSlot(o.$slots,"default")])}const co=k(no,[["render",lo]]);let J=N.props;J.fields.required=!1;const mo={components:{Table:N,Input:z},data(){return{itemsData:[...this.items]}},methods:{submitForm:function(o){console.log(this);const e=new FormData(o.target);let t=new Date;const r=t.getFullYear();let s=t.getMonth()+1,l=t.getDate();l<10&&(l="0"+l),s<10&&(s="0"+s),t=l+"/"+s+"/"+r,this.itemsData.unshift({date_added:t,user:e.get("user"),note:e.get("addNote")}),this.$emit("formSubmitted",o)}},name:"NoteFeed",props:{user:{type:String,required:!0},...J,title:{type:String,required:!1},method:{type:String,required:!1,default:"post"},action:{type:String,required:!1}}},uo={class:"container note-feed mb-2"},ho=["innerHTML"],po=["action","method"],bo=["value"],fo=i.createElementVNode("button",{class:"btn btn-tertiary"},"Submit note",-1);function go(o,e,t,r,s,l){const a=i.resolveComponent("Table"),n=i.resolveComponent("Input");return i.openBlock(),i.createElementBlock("div",uo,[t.title?(i.openBlock(),i.createElementBlock("span",{key:0,class:"h3",innerHTML:t.title},null,8,ho)):i.createCommentVNode("",!0),i.createVNode(a,i.mergeProps({fields:[{key:"date_added"},{key:"user"},{key:"note"}],items:s.itemsData},o.$props,{class:"mb-0"}),null,16,["items"]),i.createElementVNode("form",{action:t.action,method:t.method,onSubmit:e[0]||(e[0]=i.withModifiers(d=>l.submitForm(...arguments),["prevent"]))},[i.createElementVNode("input",{type:"hidden",value:t.user,name:"user"},null,8,bo),i.createVNode(n,{id:"addNote",type:"textarea",label:"Add note",required:"",class:"mw-100"}),fo],40,po)])}const yo=k(mo,[["render",go]]);/*!
|
|
115
|
-
* iamKey v5.1.0-
|
|
115
|
+
* iamKey v5.1.0-beta5
|
|
116
116
|
* Copyright 2022-2023 iamproperty
|
|
117
117
|
*/function vo(o,e){function t(r,s){let l=!1,a=s.getAttribute("name");a.includes("[]")&&(a=a.replace("[]",`[${s.value}]`));let n=r.querySelector(`[data-name="${a}"]`);n&&s.getAttribute("type")=="checkbox"&&(l=!s.checked);let d=s.getAttribute("data-filter-text");if(n||(n=document.createElement("button"),r.appendChild(n)),n.setAttribute("type","button"),n.classList.add("filter"),n.setAttribute("data-name",a),n.innerHTML=d.replace("$value",s.value),(!s.value||l)&&n.remove(),s.parentNode.closest("[data-filter-text]")){let c=s.parentNode.closest("[data-filter-text]"),m=!0;if(a="",c.querySelectorAll("input").forEach((u,h)=>{let b=u.getAttribute("name");if(a+=`${h!=0?",":""}${b}`,r.querySelector(`[data-name="${b}"]`)&&r.querySelector(`[data-name="${b}"]`).remove(),u.value){let p=document.createElement("button");p.setAttribute("type","button"),p.classList.add("filter"),p.setAttribute("data-name",b),p.innerHTML=d.replace("$value",u.value),r.appendChild(p)}else m=!1}),r.querySelector(`[data-name="${a}"]`)&&r.querySelector(`[data-name="${a}"]`).remove(),m){let u=c.getAttribute("data-filter-text");c.querySelectorAll("input").forEach((b,p)=>{let f=b.getAttribute("name");r.querySelector(`[data-name="${f}"]`)&&r.querySelector(`[data-name="${f}"]`).remove(),u=u.replace(`$${p+1}`,b.value)});let h=document.createElement("button");h.setAttribute("type","button"),h.classList.add("filter"),h.setAttribute("data-name",a),h.innerHTML=u,r.appendChild(h)}}}Array.from(o.querySelectorAll('input[type="checkbox"]:checked')).forEach((r,s)=>{t(e,r)}),Array.from(o.querySelectorAll("input[data-filter-text]")).forEach((r,s)=>{r.addEventListener("change",function(l){t(e,r),l.stopPropagation()})}),o.addEventListener("change",function(r){if(r&&r.target instanceof HTMLElement&&r.target.closest("input[data-filter-text]")){let s=r.target.closest("input[data-filter-text]");t(e,s)}}),e.addEventListener("click",function(r){if(r&&r.target instanceof HTMLElement&&r.target.closest(".filter")){let a=r.target.closest(".filter"),n=a.getAttribute("data-name").split(",");for(var s=0;s<n.length;s++){let d=n[s],c=`[name="${d}"]`;d.match(/\[(.*)\]/)&&(d.replace(/\[(.*)\]/,"[]"),c=`[value="${d.replace(/.*\[(.*)\]/,"$1")}"]`);let m=o.querySelectorAll(c);for(var l=0;l<m.length;l++){let u=m[l];if(u.getAttribute("type")!="radio"&&u.getAttribute("type")!="checkbox")u.value="";else{u.checked=!1;var r=new Event("force");o.hasAttribute("data-nosubmit")||u.closest("form").dispatchEvent(r)}}}a.remove()}},!1)}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Applied Filters"});let wo=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`;let r=this.classList.toString();const s=document.createElement("template");s.innerHTML=`
|
|
118
118
|
<style>
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
<div class="applied-filters ${r}"></div>
|
|
125
125
|
<slot></slot>
|
|
126
126
|
`,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){vo(this,this.shadowRoot.querySelector(".applied-filters"))}};window.customElements.get("iam-applied-filters")||window.customElements.define("iam-applied-filters",wo);const Ao={name:"Header"};function ko(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("iam-applied-filters",null,[i.renderSlot(o.$slots,"default")])}const _o=k(Ao,[["render",ko]]);/*!
|
|
127
|
-
* iamKey v5.1.0-
|
|
127
|
+
* iamKey v5.1.0-beta5
|
|
128
128
|
* Copyright 2022-2023 iamproperty
|
|
129
129
|
*/function xo(o,e){Lo(o,e)}function Lo(o,e){var t;e.addEventListener("keyup",r=>{clearTimeout(t),t=setTimeout(function(){Q(o,e.value)},500)}),e.addEventListener("change",r=>{clearTimeout(t),Q(o,e.value)})}const Q=function(o,e){Array.from(o.querySelectorAll(":scope > li")).forEach((t,r)=>{let s=t.textContent.toLowerCase();t.classList.add("d-none"),s.includes(e.toLowerCase())&&t.classList.remove("d-none")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Filtered list",value:e})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"filterlist"});class So extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
130
130
|
<style>
|
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
${this.hasAttribute("data-dismiss")?'<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>':""}
|
|
167
167
|
</div>
|
|
168
168
|
`,this.shadowRoot.appendChild(a.content.cloneNode(!0)),document.getElementById("notificationHolder")||document.head.insertAdjacentHTML("beforeend",`<style id="notificationHolder">${s}</style>`)}connectedCallback(){const e=this.shadowRoot.querySelector("[data-dismiss-button]"),t=this.hasAttribute("data-status")?this.getAttribute("data-status"):"white";this.hasAttribute("data-type")?this.classList.add(`bg-${t}`):this.classList.add(`colour-${t}`);const r=this;if(!this.querySelector("i"))switch(t){case"danger":this.innerHTML+='<i class="fa-solid fa-circle-exclamation" aria-hidden="true" slot="icon"></i>';break;case"warning":this.innerHTML+='<i class="fa-solid fa-triangle-exclamation" aria-hidden="true" slot="icon"></i>';break;case"success":this.innerHTML+='<i class="fa-solid fa-check-circle" aria-hidden="true" slot="icon"></i>';break;default:this.innerHTML+='<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>'}To(r),e&&e.addEventListener("click",function(s){D(r)},!1)}}const Ho={name:"Notification",props:{},created(){this.$nextTick(function(){window.customElements.get("iam-notification")||window.customElements.define("iam-notification",Mo)})}};function Bo(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("iam-notification",null,[i.renderSlot(o.$slots,"default")])}const Ro=k(Ho,[["render",Bo]]),jo={name:"Actionbar",props:{},mounted(){this.$nextTick(function(){$(Object.assign({"../../../assets/js/components/actionbar/actionbar.component.js":()=>Promise.resolve().then(()=>Sr),"../../../assets/js/components/actionbar/actionbar.component.min.js":()=>Promise.resolve().then(()=>Cr)}),"../../../assets/js/components/actionbar/actionbar.component.js").then(o=>{window.customElements.get("iam-actionbar")||window.customElements.define("iam-actionbar",o.default)}).catch(o=>{console.log(o.message)})})}};function No(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("iam-actionbar",null,[i.renderSlot(o.$slots,"default")])}const zo=k(jo,[["render",No]]),Do={name:"Pagination",props:{},computed:{},created(){this.$nextTick(function(){window.customElements.get("iam-pagination")||window.customElements.define("iam-pagination",X)})},updated(){}};function Vo(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("iam-pagination")}const Po=k(Do,[["render",Vo]]),Fo={name:"Address Lookup",mounted(){this.$nextTick(function(){$(Object.assign({"../../../assets/js/components/address-lookup/address-lookup.component.js":()=>Promise.resolve().then(()=>Br),"../../../assets/js/components/address-lookup/address-lookup.component.min.js":()=>Promise.resolve().then(()=>jr)}),"../../../assets/js/components/address-lookup/address-lookup.component.js").then(o=>{window.customElements.get("iam-address-lookup")||window.customElements.define("iam-address-lookup",o.default)}).catch(o=>{console.log(o.message)})})}};function Oo(o,e,t,r,s,l){return i.openBlock(),i.createElementBlock("iam-address-lookup",null,[i.renderSlot(o.$slots,"default")])}const Io=k(Fo,[["render",Oo]]);/*!
|
|
169
|
-
* iamKey v5.1.0-
|
|
169
|
+
* iamKey v5.1.0-beta5
|
|
170
170
|
* Copyright 2022-2023 iamproperty
|
|
171
171
|
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"collapsible side menu"});class Wo extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
172
172
|
<style class="styles">
|
|
@@ -200,7 +200,7 @@
|
|
|
200
200
|
<slot></slot>
|
|
201
201
|
</div>
|
|
202
202
|
`,this.shadowRoot.appendChild(l.content.cloneNode(!0)),document.getElementById("accordionGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="accordionGlobal">${s}</style>`)}connectedCallback(){Xo(this)}}const Jo=Object.freeze(Object.defineProperty({__proto__:null,default:Ko},Symbol.toStringTag,{value:"Module"}));/*!
|
|
203
|
-
* iamKey v5.1.0-
|
|
203
|
+
* iamKey v5.1.0-beta5
|
|
204
204
|
* Copyright 2022-2023 iamproperty
|
|
205
205
|
*/function Qo(o){let e=o.querySelectorAll("details"),t=o.querySelectorAll("summary");if(e.forEach(r=>{r.classList.add("accordion-item")}),t.forEach(r=>{r.classList.add("accordion-header"),r.classList.add("accordion-button"),r.classList.add("h4")}),!o.classList.contains("accordion--keep-open")){const r=o.querySelectorAll(":scope > details");r.forEach(s=>{s.addEventListener("click",()=>{r.forEach(l=>{l!==s&&l.removeAttribute("open")})})})}}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"accordion"});class Zo extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
206
206
|
<style>
|
|
@@ -231,7 +231,7 @@
|
|
|
231
231
|
${this.hasAttribute("data-cta")?`<div class="card__footer"><span class="link">${this.getAttribute("data-cta")}</span></div>`:""}
|
|
232
232
|
</div>
|
|
233
233
|
`,this.shadowRoot.appendChild(a.content.cloneNode(!0)),document.getElementById("cardGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="cardGlobal">${l}</style>`)}connectedCallback(){this.classList.add("loaded");const e=this.parentNode.closest("a, button, label"),t=this.shadowRoot.querySelector(".card");e.setAttribute("tabindex","-1"),e.matches("label[for]")&&(document.getElementById(e.getAttribute("for")).checked?t.classList.add("checked"):t.classList.remove("checked")),this.addEventListener("click",r=>{let s=new Event("click");t.dispatchEvent(s)}),t.addEventListener("click",r=>{if(e.matches("label[for]")){r.stopPropagation(),r.preventDefault();const s=document.getElementById(e.getAttribute("for")),l=s.getAttribute("name"),a=s.getAttribute("id");Array.from(document.querySelectorAll(`[name="${l}"][type="radio"]:not([id="${a}"])`)).forEach((c,m)=>{document.querySelector(`[for="${c.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),e.click(),s.checked?t.classList.add("checked"):t.classList.remove("checked")}}),this.addEventListener("inactive",r=>{t.classList.remove("checked")}),t.addEventListener("keydown",r=>{switch(r.keyCode){case 32:case 13:if(e.matches("label[for]")){r.stopPropagation(),r.preventDefault();const s=document.getElementById(e.getAttribute("for")),l=s.getAttribute("name"),a=s.getAttribute("id");Array.from(document.querySelectorAll(`[name="${l}"]:not([id="${a}"])`)).forEach((c,m)=>{document.querySelector(`[for="${c.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),e.click(),s.checked?t.classList.add("checked"):t.classList.remove("checked")}else e.click();break}})}static get observedAttributes(){return["data-total","class"]}attributeChangedCallback(e,t,r){switch(e){case"data-total":{this.shadowRoot.querySelector(".card__total")&&(this.shadowRoot.querySelector(".card__total").innerHTML=r);break}case"class":{let s=this.classList.toString();this.querySelector('[class*="fa-"]')&&(s+=" card--has-icon"),this.shadowRoot.querySelector(".card").setAttribute("class",`card ${s}`);break}}}}const ar=Object.freeze(Object.defineProperty({__proto__:null,default:er},Symbol.toStringTag,{value:"Module"}));/*!
|
|
234
|
-
* iamKey v5.1.0-
|
|
234
|
+
* iamKey v5.1.0-beta5
|
|
235
235
|
* Copyright 2022-2023 iamproperty
|
|
236
236
|
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Card"});class or extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.querySelector('[class*="fa-"]')&&this.classList.add("card--has-icon");let e=this.classList.toString();const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",r=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,s=document.createElement("template");s.innerHTML=`
|
|
237
237
|
<style>
|
|
@@ -315,7 +315,7 @@
|
|
|
315
315
|
</div>
|
|
316
316
|
</div>
|
|
317
317
|
</dialog>`);let n=this.shadowRoot.querySelector("#search-button"),d=this.shadowRoot.querySelector("#search-close"),c=this.shadowRoot.querySelector("#search-dialog");this.hasAttribute("data-search-open")&&(c.setAttribute("open","open"),this.classList.add("search-open"),n.setAttribute("aria-expanded",!0)),n.addEventListener("click",m=>{c.setAttribute("open","open"),this.classList.add("search-open"),n.setAttribute("aria-expanded",!0)}),d.addEventListener("click",m=>{c.removeAttribute("open"),this.classList.remove("search-open"),n.removeAttribute("aria-expanded")})}}}const lr=Object.freeze(Object.defineProperty({__proto__:null,default:sr},Symbol.toStringTag,{value:"Module"}));/*!
|
|
318
|
-
* iamKey v5.1.0-
|
|
318
|
+
* iamKey v5.1.0-beta5
|
|
319
319
|
* Copyright 2022-2023 iamproperty
|
|
320
320
|
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"nav"});const cr=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super();const e=this.attachShadow({mode:"open"}),t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",r=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,s=document.createElement("template");s.innerHTML=`
|
|
321
321
|
<style class="styles">
|
|
@@ -379,7 +379,7 @@
|
|
|
379
379
|
<slot></slot>
|
|
380
380
|
</div>
|
|
381
381
|
`,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){let e=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${e}`),hr(this)}}const br=Object.freeze(Object.defineProperty({__proto__:null,default:pr},Symbol.toStringTag,{value:"Module"}));/*!
|
|
382
|
-
* iamKey v5.1.0-
|
|
382
|
+
* iamKey v5.1.0-beta5
|
|
383
383
|
* Copyright 2022-2023 iamproperty
|
|
384
384
|
*/const fr=function(o){o.querySelectorAll(":scope > details");const e=o.querySelectorAll(":scope > details, :scope > a");o.querySelectorAll(":scope > details > summary");let t=o.querySelector(":scope > .tabs__links");if(o.shadowRoot&&o.shadowRoot.querySelector(".tabs__links")&&(t=o.shadowRoot.querySelector(".tabs__links")),!t){t=document.createElement("div"),t.classList.add("tabs__links");let s=document.createElement("div");s.classList.add("tabs__links__wrapper"),s.prepend(t),o.prepend(s)}let r=0;e.forEach((s,l)=>{let a=document.createElement("button");if(s.matches("details")){let n=s.querySelector(":scope > summary"),d=n.classList.contains("disabled");n.classList.add("visually-hidden"),s.hasAttribute("id")&&a.setAttribute("data-id",`${s.getAttribute("id")}`),s.hasAttribute("open")&&a.setAttribute("aria-pressed",!0),a.innerHTML=`${n.innerText}`,a.classList.add("link"),a.setAttribute("data-index",r),s.setAttribute("tabindex","-1"),d&&a.classList.add("disabled"),r++}else s.matches("a")&&(a=s);a.classList.add("link"),t.appendChild(a)})},gr=function(o){let e=o.querySelectorAll(":scope > details"),t=o.querySelectorAll(":scope > details > summary"),r=o.querySelectorAll(":scope .tabs__links > button");o.shadowRoot&&(r=o.shadowRoot.querySelectorAll(".tabs__links > button")),r.forEach(s=>{s.addEventListener("click",l=>{if(l.preventDefault(),s.classList.contains("disabled"))return!1;r.forEach(a=>{let n=a==s;a.setAttribute("aria-pressed",n)}),e.forEach((a,n)=>{let d=s.getAttribute("data-index")==n;d?a.setAttribute("open",d):a.removeAttribute("open")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:s.textContent})})}),t.forEach((s,l)=>{s.addEventListener("click",a=>{a.preventDefault(),r[l].click()})})},yr=function(o){if(!o.querySelector(":scope > details"))return!1;let e=o.querySelectorAll(":scope > details"),t=o.shadowRoot.querySelectorAll(".tabs__links > button");location.hash&&o.shadowRoot.querySelector(`.tabs__links [data-id="${location.hash.replace("#","")}"]`)?(o.shadowRoot.querySelector(`[data-id="${location.hash.replace("#","")}"]`).setAttribute("aria-pressed",!0),o.querySelector(`details[id="${location.hash.replace("#","")}"]`).setAttribute("open",!0)):o.querySelector("details[open]")||(e[0].setAttribute("open",!0),t[0].setAttribute("aria-pressed",!0))},vr=function(o){fr(o),gr(o),yr(o)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});class wr extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
385
385
|
<style>
|
|
@@ -447,7 +447,7 @@
|
|
|
447
447
|
</div>
|
|
448
448
|
</div>
|
|
449
449
|
`,this.shadowRoot.appendChild(l.content.cloneNode(!0)),document.getElementById("actionbarGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="actionbarGlobal">${s}</style>`)}connectedCallback(){let e=this;const t=this.shadowRoot.querySelector(".actionbar__wrapper");if(this.hasAttribute("data-selectall")){t.insertAdjacentHTML("afterbegin",'<div class="selectall pb-0"><input type="checkbox" name="selectall" id="selectall"><label for="selectall" class="m-0">Select all</label></div>');let a=this.shadowRoot.querySelector(".selectall");this.hasAttribute("data-selected")&&tt(a,this.getAttribute("data-selected")),a.addEventListener("change",d=>{d&&d.target instanceof HTMLElement&&d.target.closest("input")&&(d.target.closest("input").checked?this.setAttribute("data-selected","all"):this.setAttribute("data-selected",0))});let n=this.querySelector("button[data-cancel]");n&&n.addEventListener("click",d=>{this.setAttribute("data-selected",0)})}if(this.hasAttribute("data-select-watch")){const a=document.getElementById(this.getAttribute("data-select-watch"));a.setAttribute("data-select-container","true"),Array.from(a.querySelectorAll('input[type="checkbox"]')).forEach((n,d)=>{n.parentElement.setAttribute("slot","checkbox")}),a.addEventListener("change",n=>{if(n&&n.target instanceof HTMLElement&&n.target.closest('[type="checkbox"]')){let d=a.querySelectorAll('input[type="checkbox"]').length,c=a.querySelectorAll('input[type="checkbox"]:checked').length;e.setAttribute("data-selected",d==c?"all":c),n.target.closest('[type="checkbox"]'),c?Array.from(a.querySelectorAll('input[type="checkbox"]')).forEach((m,u)=>{m.closest("iam-card")&&m.closest("iam-card").setAttribute("data-selected","true")}):Array.from(a.querySelectorAll('input[type="checkbox"]')).forEach((m,u)=>{m.closest("iam-card")&&m.closest("iam-card").removeAttribute("data-selected")})}})}if(this.hasAttribute("data-switchviews")){let a="";this.getAttribute("data-switchviews").split(",").forEach((c,m)=>{let u="fa-grid-2";c=="list"?u="fa-grip-lines":c=="small"&&(u="fa-bars"),a+=`<button class="btn btn-action btn-compact mb-0 fa-regular ${u}">${c}</button>`}),t.insertAdjacentHTML("afterbegin",`<div class="views m-0">${a}</div>`),this.shadowRoot.querySelector(".views").addEventListener("click",c=>{if(c&&c.target instanceof HTMLElement&&c.target.closest(".btn-action")){let m=c.target.closest(".btn-action");this.setAttribute("data-view",m.textContent);const u=new CustomEvent("switch-view",{detail:{view:m.textContent}});this.dispatchEvent(u)}})}const r=this.shadowRoot.querySelector(".actionbar--search");this.hasAttribute("data-search")&&this.getAttribute("data-search")=="show"&&r.classList.add("show");const s=this.shadowRoot.querySelector("button[data-search]");this.shadowRoot.addEventListener("click",a=>{a&&a.target instanceof HTMLElement&&a.target.closest("button[data-search]")&&(r.classList.toggle("show"),s.toggleAttribute("aria-expanded"))}),r.addEventListener("keyup",a=>{const n=new CustomEvent("search-keyup",{detail:{search:r.querySelector("input").value}});this.dispatchEvent(n)}),r.addEventListener("change",a=>{const n=new CustomEvent("search-change",{detail:{search:r.querySelector("input").value}});this.dispatchEvent(n)}),r.addEventListener("click",a=>{if(a&&a.target instanceof HTMLElement&&a.target.closest("button.suffix")){const n=new CustomEvent("search-submit",{detail:{search:r.querySelector("input").value}});this.dispatchEvent(n)}}),Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((a,n)=>{_r(a)});function l(){const a=t.scrollWidth,n=document.documentElement.scrollWidth;let d=750,c=16,m=e.hasAttribute("data-switchviews")?144:210,u=1;n>=992&&n<=1280?u=n/1280:n>=576&&n<=1280?u=n/768:n<576&&(u=n/375),a>=992&&a<=1280?d=d*u:a>=576&&a<=1280?d=450*u:a<576&&(d=m*u),c=c*u,a<576?Array.from(e.querySelectorAll(":scope > .btn:not(.js-updated)")).forEach((h,b)=>{h.className=h.className.replace(" btn-compact"," _btn-compact"),h.classList.add("btn-compact"),h.classList.add("js-updated")}):Array.from(e.querySelectorAll(":scope > .btn.js-updated")).forEach((h,b)=>{h.classList.remove("btn-compact"),h.classList.remove("js-updated"),h.className=h.className.replace(" _btn-compact"," btn-compact")}),Array.from(e.querySelectorAll("[slot]")).forEach((h,b)=>{h.getAttribute("slot")=="overflow"&&h.removeAttribute("slot"),h.getAttribute("slot")=="selected-overflow"&&h.setAttribute("slot","selected")}),Array.from(e.querySelectorAll(".show")).forEach((h,b)=>{h.classList.remove("show")}),Array.from(e.shadowRoot.querySelectorAll(".safe-area")).forEach((h,b)=>{let p="overflow";h.querySelector("slot").hasAttribute("name")&&h.querySelector("slot").getAttribute("name")=="selected"&&(p="selected-overflow");let f=h.querySelector("slot").assignedElements(),y=44*u;e.hasAttribute("data-search")&&(y+=44*u);for(let g=0;g<f.length;g++)!f[g].classList.contains("btn-action")&&!f[g].classList.contains("dialog__wrapper")&&(y+=f[g].offsetWidth,y+=c);for(let g=0;g<f.length;g++)if(f[g].classList.contains("dialog__wrapper")&&(f[g].classList.add("show"),y+=f[g].offsetWidth,y+=c/2,y-c/2>d)){f[g].classList.remove("show");break}for(let g=0;g<f.length;g++)if(f[g].classList.contains("btn-action")&&(f[g].classList.add("show"),y+=f[g].offsetWidth,y+=c/2,y-c/2>d)){f[g].classList.remove("show");break}let v=h.querySelector(".dialog-overflow");v&&v.classList.add("d-none");for(let g=0;g<f.length;g++)(f[g].classList.contains("btn-action")||f[g].classList.contains("dialog__wrapper"))&&(f[g].classList.contains("show")||(f[g].setAttribute("slot",p),v&&v.classList.remove("d-none")))})}l(),new ResizeObserver(l).observe(t)}static get observedAttributes(){return["data-selected"]}attributeChangedCallback(e,t,r){switch(e){case"data-selected":{let s=this.shadowRoot.querySelector(".selectall");s&&tt(s,r);const l=new CustomEvent("selected",{detail:{selected:r}});if(this.dispatchEvent(l),r=="all"&&this.hasAttribute("data-select-watch")){const a=document.getElementById(this.getAttribute("data-select-watch"));Array.from(a.querySelectorAll('input[type="checkbox"]')).forEach((n,d)=>{n.checked=!0,n.closest("iam-card")&&n.closest("iam-card").setAttribute("data-selected","true")})}if(r=="0"&&this.hasAttribute("data-select-watch")){const a=document.getElementById(this.getAttribute("data-select-watch"));Array.from(a.querySelectorAll('input[type="checkbox"]')).forEach((n,d)=>{n.checked=!1,n.closest("iam-card")&&n.closest("iam-card").removeAttribute("data-selected","true")})}break}}}}const Sr=Object.freeze(Object.defineProperty({__proto__:null,default:Lr},Symbol.toStringTag,{value:"Module"}));/*!
|
|
450
|
-
* iamKey v5.1.0-
|
|
450
|
+
* iamKey v5.1.0-beta5
|
|
451
451
|
* Copyright 2022-2023 iamproperty
|
|
452
452
|
*/const Er=function(o){typeof window.player<"u"&&typeof window.player.pauseVideo=="function"&&window.player.pauseVideo();var e=o.getAttribute("data-id"),t=o.getAttribute("id");if(typeof t>"u"||t==null){var r=String.fromCharCode(65+Math.floor(Math.random()*26));t=r+Date.now(),o.setAttribute("id",t)}function s(){window.player=new YT.Player(t,{height:"100%",width:"100%",videoId:e,playerVars:{modestbranding:1,playsinline:1,rel:0,showinfo:0},events:{onReady:l,onStateChange:n}})}s();function l(d){d.target.playVideo()}var a=!1;function n(d){if(d.data==YT.PlayerState.PLAYING&&!a){var c=document.getElementById(t);c.classList.add("player-ready"),a=!0}}},qr=o=>(Array.from(o.querySelectorAll("dialog[open]")).forEach((e,t)=>{e.closest(".dialog__wrapper")||(e.removeAttribute("open"),e.showModal(),e.focus(),et(e))}),o.addEventListener("click",e=>{if(e.target.tagName=="IAM-ACTIONBAR")return!1;if(e&&e.target instanceof HTMLElement&&e.target.closest("[data-modal]")){const s=e.target.closest("[data-modal]"),l=s.hasAttribute("data-modal")?s.getAttribute("data-modal"):s.getAttribute("data-filter"),a=document.querySelector(`dialog#${l}`);et(a),a.showModal(),a.focus();let n=a.offsetWidth;a.setAttribute("style",`max-width: ${n}px;`),Array.from(a.querySelectorAll("[data-duplicate]")).forEach((d,c)=>{const m=d.getAttribute("data-duplicate"),u=document.getElementById(m);if(d.checked!=u.checked){d.checked=u.checked;let h=new Event("change");d.dispatchEvent(h)}}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:l})}if(e&&e.target instanceof HTMLElement&&e.target.closest("button.dialog__close")){const s=e.target.closest("dialog[open]");e.preventDefault(),s.close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((l,a)=>{l.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:s.getAttribute("id")})}if(e&&e.target instanceof HTMLElement&&e.target.closest('button[formmethod="dialog"]')){const s=e.target.closest("dialog[open]");Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((l,a)=>{l.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:s.getAttribute("id")})}if(e&&e.target instanceof HTMLElement&&e.target.closest("dialog[open]")){let s=e.target.closest("dialog[open]");var t=window.getComputedStyle(s);if(t.display==="contents"&&(s=s.parentNode.closest("dialog[open]")),!s.querySelector(":scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child")||s.classList.contains("dialog--multi")){const l=s.getBoundingClientRect();(e.clientX<l.left||e.clientX>l.right||e.clientY<l.top||e.clientY>l.bottom)&&(e.target.closest('input[type="radio"]')||s.close(),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:s.getAttribute("id")}))}}if(e&&e.target instanceof HTMLElement&&e.target.closest(".dialog__wrapper > button")){e.stopPropagation();let s=e.target.closest(".dialog__wrapper > button"),l=e.target.closest(".dialog__wrapper > button").parentNode,a="openPopover",n=l.querySelector(":scope > dialog");if(document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]")!=n&&document.querySelector("*:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((u,h)=>{u.removeAttribute("aria-expanded")}),n.hasAttribute("open"))n.close(),a="closePopover",n.removeAttribute("style"),s.removeAttribute("aria-expanded");else{n.show(),s.setAttribute("aria-expanded",!0);var r=s.getBoundingClientRect();let u=r.top,h=r.left;if(s.closest("iam-table")){let b=s.closest("iam-table").parentNode.getBoundingClientRect();u-=b.top,h-=b.left}n.classList.contains("dialog--fix")&&n.setAttribute("style",`position:fixed;top: ${u}px; left: ${h}px; margin: 3rem 0 0 0;`)}let d=n.getBoundingClientRect(),c=d.bottom-window.scrollY,m=window.innerHeight-window.scrollY;if(c>m){let u=n.hasAttribute("style")?n.getAttribute("style")+" ":"";n.setAttribute("style",u+"transform: translate(0, calc(-100% - 4rem))"),d=n.getBoundingClientRect(),d.top-window.scrollY<100&&n.removeAttribute("style")}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:a,id:s.textContent})}e&&e.target instanceof HTMLElement&&!e.target.closest("dialog[open]")&&!e.target.closest(".dialog__wrapper > button")&&(document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]")&&document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach((s,l)=>{s.removeAttribute("aria-expanded")}))}),null),et=o=>{o.querySelector(":scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child")&&!o.classList.contains("dialog--multi")&&o.addEventListener("cancel",t=>{t.preventDefault()});let e=o.querySelector(".youtube-embed a");if(e&&Er(e),o.classList.contains("dialog--multi")&&!o.querySelector(":scope > .steps")&&$r(o),!o.querySelector(":scope > .mh-lg")&&!o.classList.contains("dialog--multi")){o.innerHTML=`<div class="mh-lg">${o.innerHTML}</div>`;let t=o.querySelector(".mh-lg"),r=o.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");if(r){let s=r.previousSibling;t.before(r),s&&r.before(s)}}o.querySelector(":scope > button:first-child")||o.insertAdjacentHTML("afterbegin",'<button class="dialog__close">Close</button>')},$r=o=>{let e="",t=Array.from(o.querySelectorAll("fieldset[data-title]")),r=o.querySelector("form");t.forEach((a,n)=>{e+=`<button data-title="${a.getAttribute("data-title")}" type="button" class="${n==0?"active":""}" tabindex="-1">${a.getAttribute("data-title")}</button>`;const d=document.createElement("div");if(d.classList.add("btn--wrapper"),a.appendChild(d),n!=0&&(d.innerHTML+=`<button data-title="${t[n-1].getAttribute("data-title")}" class="btn btn-secondary mb-0" data-previous type="button">Previous</button>`),n!=t.length-1&&(d.innerHTML+=`<button data-title="${t[n+1].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="button">Next</button>`),n==t.length-1)if(r&&r.querySelector(':scope > button[type="submit"]')){let c=r.querySelector(':scope > button[type="submit"]');c.classList.add("mb-0"),d.insertAdjacentElement("beforeend",c)}else d.innerHTML+=`<button data-title="${t[n].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="submit">Submit</button>`}),o.insertAdjacentHTML("afterbegin",`<div class="steps bg-primary">${e}</div>`);let s=Array.from(o.querySelectorAll("fieldset.was-validated"));for(let a=0;a<s.length;a++){let n=s[a],d=n.getAttribute("data-title");if(n.querySelector(".is-invalid")){Array.from(o.querySelectorAll(`[data-title="${d}"]`)).forEach((c,m)=>{c.classList.add("active")});break}else Array.from(o.querySelectorAll(`[data-title="${d}"]`)).forEach((c,m)=>{c.classList.add("valid")})}o.addEventListener("invalid",function(){return function(a){a.preventDefault()}}(),!0);function l(a){const n=o.querySelector("fieldset.active")?o.querySelector("fieldset.active"):o.querySelector("fieldset[data-title]"),d=n.getAttribute("data-title");let c=!0;if(n.classList.add("was-validated"),Array.from(n.querySelectorAll("input")).forEach((h,b)=>{h.checkValidity()||(c=!1)}),c?Array.from(o.querySelectorAll(`[data-title="${d}"]`)).forEach((h,b)=>{h.classList.add("valid")}):Array.from(o.querySelectorAll(`[data-title="${d}"]`)).forEach((h,b)=>{h.classList.remove("valid")}),c||!a.hasAttribute("data-next")){const h=o.querySelector(`fieldset[data-title="${a.getAttribute("data-title")}"]`),b=o.querySelector(`.steps button[data-title="${a.getAttribute("data-title")}"]`);Array.from(o.querySelectorAll("button")).forEach((p,f)=>{p.classList.remove("active")}),Array.from(o.querySelectorAll("fieldset")).forEach((p,f)=>{p.classList.remove("active")}),b.classList.add("active"),h.classList.add("active")}let m=Array.from(o.querySelectorAll("fieldset")).length,u=Array.from(o.querySelectorAll("fieldset.valid")).length;o.style.setProperty("--progress",`${u/(m-1)*100}%`)}o.addEventListener("keydown",a=>{if(a&&a.target instanceof HTMLElement&&a.target.closest("button")){const n=a.target.closest("button");a.keyCode==13&&n.getAttribute("type")!="submit"&&(a.preventDefault(),l(n))}a&&a.target instanceof HTMLElement&&a.target.closest("input")&&(a.target.closest("input").classList.remove("is-invalid"),a.keyCode==13&&a.preventDefault())}),o.addEventListener("click",a=>{if(a&&a.target instanceof HTMLElement&&a.target.closest('button[type="submit"]'))a.target.closest("form").classList.add("was-validated");else if(a&&a.target instanceof HTMLElement&&a.target.closest("button[data-title]")){const n=a.target.closest("button[data-title]");l(n)}return null})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"action bar"});function at(o,e){o&&e=="all"?(o.querySelector("input").indeterminate=!1,o.querySelector("input").checked=!0,o.querySelector("label").textContent="Select all"):o&&e==0?(o.querySelector("input").indeterminate=!1,o.querySelector("input").checked=!1,o.querySelector("label").textContent="Select all"):o&&e?(o.querySelector("input").indeterminate=!0,o.querySelector("input").checked=!1,o.querySelector("label").textContent=`${e} item${e>1?"s":""} selected`):o&&(o.querySelector("input").checked=!1,o.querySelector("input").indeterminate=!1,o.querySelector("label").textContent="Select all")}class Tr extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
453
453
|
<style>
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"name": "iamproperty"
|
|
6
6
|
},
|
|
7
7
|
"private": false,
|
|
8
|
-
"version": "5.1.0-
|
|
8
|
+
"version": "5.1.0-beta5",
|
|
9
9
|
"scripts": {
|
|
10
10
|
"bootstrap": "copyfiles -u 2 node_modules/bootstrap/**/* assets/bootstrap",
|
|
11
11
|
"dev": "npm run copy && node local_modules/delete-assets.js && vite --host",
|