@iamproperty/components 3.7.7 → 3.7.8--beta-2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/components/card.css +1 -1
- package/assets/css/components/card.css.map +1 -1
- package/assets/css/components/forms.css +1 -1
- package/assets/css/components/forms.css.map +1 -1
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/bundle.js +2 -0
- package/assets/js/components/accordion/accordion.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.js +36 -12
- package/assets/js/components/card/card.component.min.js +5 -5
- package/assets/js/components/card/card.component.min.js.map +1 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/header/header.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/table/table.component.min.js +4 -4
- package/assets/js/components/table/table.component.min.js.map +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +1 -1
- package/assets/js/dynamic.js +2 -0
- package/assets/js/dynamic.min.js +5 -5
- package/assets/js/dynamic.min.js.map +1 -1
- package/assets/js/flat-components.js +2 -0
- package/assets/js/modules/dialogs.js +2 -1
- package/assets/js/modules/inputs.js +62 -0
- package/assets/js/modules/table.js +0 -1
- package/assets/js/scripts.bundle.js +13 -13
- package/assets/js/scripts.bundle.js.map +1 -1
- package/assets/js/scripts.bundle.min.js +2 -2
- package/assets/js/scripts.bundle.min.js.map +1 -1
- package/assets/sass/_forms.scss +3 -3
- package/assets/sass/components/card.scss +26 -3
- package/assets/sass/components/forms.scss +497 -113
- package/assets/sass/foundations/links.scss +6 -2
- package/assets/sass/foundations/reboot.scss +3 -3
- package/assets/ts/bundle.ts +2 -0
- package/assets/ts/components/card/card.component.ts +55 -13
- package/assets/ts/dynamic.ts +2 -0
- package/assets/ts/flat-components.ts +2 -0
- package/assets/ts/modules/dialogs.ts +2 -1
- package/assets/ts/modules/inputs.ts +88 -0
- package/assets/ts/modules/table.ts +1 -1
- package/dist/components.es.js +845 -840
- package/dist/components.umd.js +30 -27
- package/package.json +1 -1
- package/src/components/Input/Input.vue +11 -7
- package/src/components/Input/README.md +1 -3
- package/src/components/Table/Table.vue +1 -1
package/dist/components.umd.js
CHANGED
|
@@ -1,12 +1,15 @@
|
|
|
1
|
-
(function(b,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(b=typeof globalThis<"u"?globalThis:b||self,e(b.iamkey={},b.Vue))})(this,function(b,e){"use strict";const _=(a,o)=>{const t=a.__vccOpts||a;for(const[r,
|
|
1
|
+
(function(b,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(b=typeof globalThis<"u"?globalThis:b||self,e(b.iamkey={},b.Vue))})(this,function(b,e){"use strict";const _=(a,o)=>{const t=a.__vccOpts||a;for(const[r,s]of o)t[r]=s;return t},Y={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}}},Z=["xlink:href"],J=["innerHTML"];function X(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(i.className)},[(e.openBlock(),e.createElementBlock("svg",null,[e.createElementVNode("title",null,"iam "+e.toDisplayString(t.id),1),e.createElementVNode("use",{"xlink:href":t.path+i.src},null,8,Z)])),t.desc?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:t.desc},null,8,J)):e.createCommentVNode("",!0)],2)}const R=_(Y,[["render",X]]);/*!
|
|
2
|
+
* iamKey v3.7.8--beta-2
|
|
3
|
+
* Copyright 2022-2023 iamproperty
|
|
4
|
+
*/const Q=function(a){return typeof a!="string"?!1:!isNaN(a)&&!isNaN(parseFloat(a))},ee=(a,o)=>String(a).padStart(o,"0"),te=a=>a.charAt(0).toUpperCase()+a.slice(1),x=function(a,o){if(!a.getAttribute("data-pages"))return!1;a.getAttribute("data-page")||a.setAttribute("data-page",1);let t=a.getAttribute("data-page"),r=a.getAttribute("data-pages"),s=a.getAttribute("data-total"),i=a.getAttribute("data-show"),n=a.getAttribute("data-increment");if(r<=1)return o.innerHTML="",!1;let d="";for(let l=1;l<=r;l++)l==t?d+=`<li class="page-item active" aria-current="page"><span class="page-link">${l}</span></li>`:d+=`<li class="page-item"><a href="?page=${l}" class="page-link" data-page="${l}">${l}</a></li>`;return o.innerHTML=`<ul class="pagination mb-0 d-none d-sm-flex">
|
|
2
5
|
${t==1?'<li class="page-item disabled"><span class="page-link">Previous</span></li>':`<li class="page-item"><a href="?page=${parseInt(t)-1}" class="page-link" data-page="${parseInt(t)-1}">Previous</a></li>`}
|
|
3
|
-
${
|
|
6
|
+
${d}
|
|
4
7
|
${t==r?'<li class="page-item disabled"><span class="page-link">Next</span></li>':`<li class="page-item"><a href="?page=${parseInt(t)+1}" class="page-link" data-page="${parseInt(t)+1}">Next</a></li>`}
|
|
5
8
|
</ul>`,o.innerHTML+=`<div class="d-sm-none text-center">
|
|
6
|
-
<span class="d-block pb-2">You've viewed ${i} of ${
|
|
9
|
+
<span class="d-block pb-2">You've viewed ${i} of ${s} results</span>
|
|
7
10
|
<a href="?show=${parseInt(i)+parseInt(n)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(i)+parseInt(n)}">Load more results</a>
|
|
8
|
-
</div>`,!0};var oe=globalThis&&globalThis.__awaiter||function(a,o,t,r){function l(i){return i instanceof t?i:new t(function(n){n(i)})}return new(t||(t=Promise))(function(i,n){function c(h){try{s(r.next(h))}catch(m){n(m)}}function d(h){try{s(r.throw(h))}catch(m){n(m)}}function s(h){h.done?i(h.value):l(h.value).then(c,d)}s((r=r.apply(a,o||[])).next())})};const P=a=>{const o=Array.from(a.querySelectorAll("thead th"));Array.from(a.querySelectorAll("tbody tr")).forEach((r,l)=>{const i=Array.from(r.querySelectorAll("th, td")),n=["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"];i.forEach((c,d)=>{const s=o[d];if(typeof s<"u"){let h=document.createElement("div");h.innerHTML=s.innerHTML;let m=h.textContent||h.innerText||"";c.setAttribute("data-label",m),s.hasAttribute("data-td-class")&&c.setAttribute("class",s.getAttribute("data-td-class")),s.hasAttribute("data-format")&&(c.setAttribute("data-format",s.getAttribute("data-format")),c.innerHTML=V(s.getAttribute("data-format"),c.textContent.trim())),n.includes(c.textContent.trim().toLowerCase())&&c.setAttribute("data-content",c.textContent.trim().toLowerCase())}})})},re=a=>{let o=0;return Array.from(a.querySelectorAll("tbody tr")).forEach((t,r)=>{let l=window.getComputedStyle(document.querySelector("html")),i=t.querySelector(":scope > *:last-child > *:first-child");if(i){i.classList.add("text-nowrap");let n=i.offsetWidth/parseFloat(l.fontSize);n+=1.7,o=o>n?o:n}}),o},ne=a=>{if(a.closest(".table--fullwidth")||a.querySelectorAll("thead tr th").length<4)return!1;Array.from(a.querySelectorAll("tbody tr")).forEach((o,t)=>{let r=o.querySelector(":scope > :is(td,th):first-child"),l=r.textContent;if(l!="")r.innerHTML=`<span class="td__content">${l}</span><button type="button" class="d-none">${l}</button>`;else{let i=o.querySelector(":scope > :is(td,th):nth-child(2)"),n=i.textContent;i.innerHTML=`<span class="td__content">${n}</span><button type="button" class="d-none">${n}</button>`}})},ie=a=>{a.addEventListener("click",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("tr > :is(td,th):first-child button")){let t=o.target.closest("tr > :is(td,th):first-child button"),r=t.parentNode.closest("tr");r.getAttribute("data-view")=="full"?r.setAttribute("data-view","default"):r.setAttribute("data-view","full"),t.blur()}})},F=(a,o)=>{let t=o.querySelector("[data-search]");if(!t)return!1;const r=t.getAttribute("id"),l=t.getAttribute("data-search").split(",");let i=t.parentNode,n={};l.forEach((c,d)=>{Array.from(a.querySelectorAll('td[data-label="'+c.trim()+'"]')).forEach((s,h)=>{s.querySelector(".td__content")?n[s.querySelector(".td__content").textContent]=s.querySelector(".td__content").textContent:n[s.textContent]=s.textContent})}),t.setAttribute("list",`${r}_list`),t.setAttribute("autocomplete","off"),i.querySelector("datalist")||(i.innerHTML+=`<datalist id="${r}_list"></datalist>`),i.querySelector("datalist").innerHTML=`${Object.keys(n).map(c=>`<option value="${c}"></option>`).join("")}`},se=(a,o,t,r,l)=>{var i;let n=function(s=!1){if(o.hasAttribute("data-ajax")){if(!s){let h=o.querySelector("[data-pagination]");h.value=1,r.setAttribute("data-page",1)}O(a,o,t,r)}else o.hasAttribute("data-submit")?o.submit():(v(a,o,r),N(r,t),B(a,o))};o.addEventListener("keyup",s=>{clearTimeout(i),s&&s.target instanceof HTMLElement&&s.target.closest("[data-search]")&&(i=setTimeout(function(){n()},500))}),o.addEventListener("change",s=>{clearTimeout(i),s&&s.target instanceof HTMLElement&&s.target.closest("[data-sort]")&&(o.hasAttribute("data-submit")||I(a,o,l),n()),s&&s.target instanceof HTMLElement&&s.target.closest("[data-search]")&&n(),s&&s.target instanceof HTMLElement&&s.target.closest("[data-filter][data-no-ajax]")?(v(a,o,r),N(r,t),B(a,o)):(s&&s.target instanceof HTMLElement&&s.target.closest("[data-filter]")&&s.target.closest("form .dialog__wrapper > dialog")||s&&s.target instanceof HTMLElement&&s.target.closest("[data-filter]")&&!s.target.closest("form dialog"))&&n(),s&&s.target instanceof HTMLElement&&s.target.closest("[data-show]")&&n(),s&&s.target instanceof HTMLElement&&s.target.closest("[data-mimic]")&&n()}),o.addEventListener("click",s=>{clearTimeout(i),s&&s.target instanceof HTMLElement&&s.target.closest('dialog button:not([type="button"])')&&s.target.closest('dialog button:not([type="button"])').closest("dialog").close(),s&&s.target instanceof HTMLElement&&s.target.closest(".dialog__close")&&(s.preventDefault(),s.stopPropagation()),s&&s.target instanceof HTMLElement&&s.target.closest("[data-clear]")&&(o.reset(),o.hasAttribute("data-submit")||I(a,o,l),n())}),o.addEventListener("submit",s=>{clearTimeout(i),o.hasAttribute("data-submit")||s.preventDefault(),n()}),o.addEventListener("force",s=>{n()}),o.addEventListener("paginate",s=>{n(!0)});let c=[],d=[];Array.from(o.querySelectorAll("[data-mimic]")).forEach((s,h)=>{let m=s.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${m}"]`)).forEach((f,p)=>{let u=f.closest("form");c.includes(u)||c.push(u),d.includes(m)||d.push(m)})}),c.forEach((s,h)=>{const m=function(){let f=[],p=new FormData(s);for(const[u,w]of p)document.querySelector(`[data-mimic="${u}"]`)&&!f.includes(u)?(f.push(u),document.querySelector(`[data-mimic="${u}"]`).value=w):document.querySelector(`[data-mimic="${u}"]`)&&(document.querySelector(`[data-mimic="${u}"]`).value+=","+w);for(const u of f){const w=new Event("force");o.dispatchEvent(w)}for(const u of d)if(!p.has(u)&&s.querySelector(`[name="${u}"]`)){document.querySelector(`[data-mimic="${u}"]`).value="";const w=new Event("force");o.dispatchEvent(w)}};s.addEventListener("force",f=>{m()}),s.addEventListener("change",f=>{m()})})},I=(a,o,t)=>{if(o.getAttribute("data-ajax"))return!1;let r=a.querySelector("tbody"),l=o.querySelector("[data-sort]"),i=l.querySelector(`option:nth-child(${l.selectedIndex+1})`),n=i.getAttribute("data-sort"),c=i.getAttribute("data-order"),d=i.getAttribute("data-format");if(!n)return r.innerHTML=t.innerHTML,P(a),!1;let s=[];["asc","desc","descending"].includes(c)||(s=c.split(","));let h=[];Array.from(r.querySelectorAll("tr")).forEach((f,p)=>{let u=f.querySelector('td[data-label="'+n+'"], th[data-label="'+n+'"]').textContent.trim();f.querySelector('[data-label="'+n+'"] .td__content')&&(u=f.querySelector('[data-label="'+n+'"] .td__content').textContent.trim()),s.length&&s.includes(u)&&(u=s.indexOf(u)),ee(u)&&(u=te(u,10)),d&&d=="date"&&(u=new Date(u));const w={index:u,row:f};h.push(w)}),h.sort((f,p)=>f.index>p.index?1:-1),(c=="descending"||c=="desc")&&(h=h.reverse());let m="";h.forEach((f,p)=>{m+=f.row.outerHTML}),r.innerHTML=m},v=(a,o,t)=>{a.classList.remove("table--filtered");let r=[],l=[],i=0,n=o.querySelector("[data-pagination]")?parseInt(o.querySelector("[data-pagination]").value):1,c=o.querySelector("[data-show]")?parseInt(o.querySelector("[data-show]").value):15;if(Array.from(a.querySelectorAll("tbody tr")).forEach((s,h)=>{s.classList.remove("filtered"),s.classList.remove("filtered--matched"),s.classList.remove("filtered--show"),s.removeAttribute("data-filtered-by")}),Array.from(o.querySelectorAll("[data-filter]")).forEach((s,h)=>{if(!(s.type=="radio"&&!s.checked)&&!(s.type=="checkbox"&&!s.checked)){if(s.getAttribute("data-filter")=="multi")for(const[m,f]of Object.entries(JSON.parse(s.value)))r[s.getAttribute("data-filter")].push(f);else if(s&&s.value){let m=s.getAttribute("data-filter");r[m]||(r[m]=new Array),r[m].push(s.value)}}}),o.querySelector("[data-search]")){let s=o.querySelector("[data-search]");o.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((m,f)=>{l.push({column:`${m.trim()}`,value:`${s.value}`})})}Array.from(o.querySelectorAll("[data-filter-count]")).forEach((s,h)=>{s.innerHTML=""}),r.length&&Array.from(o.querySelectorAll("[data-filter-count]")).forEach((s,h)=>{s.innerHTML+=`(${r.length})`}),a.classList.add("table--filtered");for(const[s,h]of Object.entries(r))Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((m,f)=>{let p=!1;h.forEach((u,w)=>{let E=m.querySelector(`[data-label="${s}"]`);if(u&&u=="$today")u=V("date",new Date);else if(u&&u=="$yesterday"){let k=new Date;k.setDate(k.getDate()-1),u=V("date",k)}else if(u&&(u=="$thisWeek"||u=="$lastWeek")){let k=new Date,y=new Date(k.setDate(k.getDate()-(k.getDay()-1))),A=new Date(k.setDate(k.getDate()-k.getDay()+7)),g=new Date(E.textContent.toLowerCase());if(k.setHours(0,0,0,0),y.setHours(0,0,0,0),A.setHours(0,0,0,0),g.setHours(0,0,0,0),u=="$thisWeek")p=g>=y&&g<=A;else{let L=new Date(y.setDate(y.getDate()-7)),x=new Date(A.setDate(A.getDate()-7));L.setHours(0,0,0,0),x.setHours(0,0,0,0),p=g>=L&&g<=x}}else if(u&&u=="$thisMonth"){let k=new Date,y=k.getFullYear(),A=k.getMonth();var $=new Date(y,A,1),C=new Date(y,A+1,0);let g=new Date(E.textContent.toLowerCase());$.setHours(0,0,0,0),C.setHours(0,0,0,0),g.setHours(0,0,0,0),p=g>=$&&g<=C}else if(u&&u=="$lastMonth"){let k=new Date,y=k.getFullYear(),A=k.getMonth();var S=new Date(y,A-1,1),D=new Date(y,A,0);let g=new Date(E.textContent.toLowerCase());S.setHours(0,0,0,0),D.setHours(0,0,0,0),g.setHours(0,0,0,0),p=g>=S&&g<=D}E&&E.textContent.toLowerCase().includes(u.toLowerCase())&&(p=!0)}),p||(m.classList.add("filtered"),m.setAttribute("data-filtered-by",s))});Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((s,h)=>{let m=!(l.length>0&&l[0].value.length>=3);l.forEach((f,p)=>{let u=s.querySelector(`[data-label="${f.column}"]`);u&&f.value.length>=3&&u.textContent.toLowerCase().includes(f.value.toLowerCase())&&(m=!0)}),m||s.classList.add("filtered")}),Array.from(a.querySelectorAll("tbody tr:not(.filtered")).forEach((s,h)=>{i++,s.classList.add("filtered--matched"),Math.ceil(i/c)==parseInt(n)&&s.classList.add("filtered--show")}),t&&(t.setAttribute("data-page",n),t.setAttribute("data-pages",Math.ceil(i/c)),t.setAttribute("data-total",i),t.setAttribute("data-show",c))},B=(a,o,t)=>{Array.from(o.querySelectorAll("[data-query]")).forEach((l,i)=>{let n=l.getAttribute("data-query"),c;if(n=="total")t.hasAttribute("data-total")?c=t.getAttribute("data-total"):c=(a.classList.contains("table--filtered"),a.querySelectorAll("tbody tr").length);else if(!n.includes(" == ")&&n.includes(" & ")){let d=n.split(" & "),s="";d.forEach(h=>{s+=`:not([data-filtered-by="${h}"])`}),c=Array.from(a.querySelectorAll(`tbody tr${s}`)).length}else if(!n.includes(" == "))c=Array.from(a.querySelectorAll(`tbody tr:not([data-filtered-by="${n}"])`)).length;else if(n.includes(" && ")){let d=n.split(" && ");c=Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).filter(function(s){let h=!0;for(const[m,f]of Object.entries(d)){let p=f.split(" == ");(!s.querySelector(`td[data-label="${p[0]}"]`)||s.querySelector(`td[data-label="${p[0]}"]`).textContent!=`${p[1]}`)&&(h=!1)}return h}).length}else{let d=n.split(" == ");c=Array.from(a.querySelectorAll(`tbody tr.filtered--matched td[data-label="${d[0]}"], tbody tr[data-filtered-by="${d[0]}"] td[data-label="${d[0]}"]`)).filter(function(s){return s.textContent===d[1]}).length}l.hasAttribute("data-total")?l.setAttribute("data-total",c):l.innerHTML=c})},le=function(a,o,t,r){t.addEventListener("click",l=>{if(l&&l.target instanceof HTMLElement&&l.target.closest("[data-page]")){l.preventDefault();let i=o.querySelector("[data-pagination]"),n=l.target.closest("[data-page]").getAttribute("data-page");if(i.value=n,r.setAttribute("data-page",n),o.dispatchEvent(new Event("paginate")),a.hasAttribute("data-show-history")){const s=new URL(location);s.searchParams.set("page",n),history.pushState({type:"pagination",form:o.getAttribute("id"),page:n},"",s)}const c=-250,d=a.getBoundingClientRect().top+window.pageYOffset+c;window.scrollTo({top:d,behavior:"smooth"})}if(l&&l.target instanceof HTMLElement&&l.target.closest("[data-show]")){l.preventDefault();let i=o.querySelector("[data-show]"),n=l.target.closest("[data-show]").getAttribute("data-show");i.value=n,r.setAttribute("data-show",n),o.dispatchEvent(new Event("submit"))}})},ce=(a,o)=>{if(!a)return!1;a.addEventListener("click",t=>{de(o)})},de=function(a){for(var o=[],t=a.getElementsByTagName("tr"),r=0;r<t.length;r++){for(var l=t[r].querySelectorAll("td,th"),i=[],n=0;n<l.length;n++)i.push(`"${l[n].textContent}"`);o.push(i.join(","))}o=o.join(`
|
|
9
|
-
`);let
|
|
11
|
+
</div>`,!0};var ae=function(a,o,t,r){function s(i){return i instanceof t?i:new t(function(n){n(i)})}return new(t||(t=Promise))(function(i,n){function d(m){try{c(r.next(m))}catch(u){n(u)}}function l(m){try{c(r.throw(m))}catch(u){n(u)}}function c(m){m.done?i(m.value):s(m.value).then(d,l)}c((r=r.apply(a,o||[])).next())})};const P=a=>{const o=Array.from(a.querySelectorAll("thead th"));Array.from(a.querySelectorAll("tbody tr")).forEach((t,r)=>{const s=Array.from(t.querySelectorAll("th, td")),i=["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((n,d)=>{const l=o[d];if(typeof l<"u"){let c=document.createElement("div");c.innerHTML=l.innerHTML;let m=c.textContent||c.innerText||"";n.setAttribute("data-label",m),l.hasAttribute("data-td-class")&&n.setAttribute("class",l.getAttribute("data-td-class")),l.hasAttribute("data-format")&&(n.setAttribute("data-format",l.getAttribute("data-format")),n.innerHTML=T(l.getAttribute("data-format"),n.textContent.trim())),i.includes(n.textContent.trim().toLowerCase())&&n.setAttribute("data-content",n.textContent.trim().toLowerCase())}})})},oe=a=>{let o=0;return Array.from(a.querySelectorAll("tbody tr")).forEach((t,r)=>{let s=window.getComputedStyle(document.querySelector("html")),i=t.querySelector(":scope > *:last-child > *:first-child");if(i){i.classList.add("text-nowrap");let n=i.offsetWidth/parseFloat(s.fontSize);n+=1.7,o=o>n?o:n}}),o},re=a=>{if(a.closest(".table--fullwidth")||a.querySelectorAll("thead tr th").length<4)return!1;Array.from(a.querySelectorAll("tbody tr")).forEach((o,t)=>{let r=o.querySelector(":scope > :is(td,th):first-child"),s=r.textContent;if(s!="")r.innerHTML=`<span class="td__content">${s}</span><button type="button" class="d-none">${s}</button>`;else{let i=o.querySelector(":scope > :is(td,th):nth-child(2)"),n=i.textContent;i.innerHTML=`<span class="td__content">${n}</span><button type="button" class="d-none">${n}</button>`}})},ne=a=>{a.addEventListener("click",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("tr > :is(td,th):first-child button")){let t=o.target.closest("tr > :is(td,th):first-child button"),r=t.parentNode.closest("tr");r.getAttribute("data-view")=="full"?r.setAttribute("data-view","default"):r.setAttribute("data-view","full"),t.blur()}})},I=(a,o)=>{let t=o.querySelector("[data-search]");if(!t)return!1;const r=t.getAttribute("id"),s=t.getAttribute("data-search").split(",");let i=t.parentNode,n={};s.forEach((d,l)=>{Array.from(a.querySelectorAll('td[data-label="'+d.trim()+'"]')).forEach((c,m)=>{c.querySelector(".td__content")?n[c.querySelector(".td__content").textContent]=c.querySelector(".td__content").textContent:n[c.textContent]=c.textContent})}),t.setAttribute("list",`${r}_list`),t.setAttribute("autocomplete","off"),i.querySelector("datalist")||(i.innerHTML+=`<datalist id="${r}_list"></datalist>`),i.querySelector("datalist").innerHTML=`${Object.keys(n).map(d=>`<option value="${d}"></option>`).join("")}`},ie=(a,o,t,r,s)=>{var i;let n=function(c=!1){if(o.hasAttribute("data-ajax")){if(!c){let m=o.querySelector("[data-pagination]");m.value=1,r.setAttribute("data-page",1)}O(a,o,t,r)}else o.hasAttribute("data-submit")?o.submit():(V(a,o,r),x(r,t),v(a,o))};o.addEventListener("keyup",c=>{clearTimeout(i),c&&c.target instanceof HTMLElement&&c.target.closest("[data-search]")&&(i=setTimeout(function(){n()},500))}),o.addEventListener("change",c=>{clearTimeout(i),c&&c.target instanceof HTMLElement&&c.target.closest("[data-sort]")&&(o.hasAttribute("data-submit")||F(a,o,s),n()),c&&c.target instanceof HTMLElement&&c.target.closest("[data-search]")&&n(),c&&c.target instanceof HTMLElement&&c.target.closest("[data-filter][data-no-ajax]")?(V(a,o,r),x(r,t),v(a,o)):(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"))&&n(),c&&c.target instanceof HTMLElement&&c.target.closest("[data-show]")&&n(),c&&c.target instanceof HTMLElement&&c.target.closest("[data-mimic]")&&n()}),o.addEventListener("click",c=>{clearTimeout(i),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]")&&(o.reset(),o.hasAttribute("data-submit")||F(a,o,s),n())}),o.addEventListener("submit",c=>{clearTimeout(i),o.hasAttribute("data-submit")||c.preventDefault(),n()}),o.addEventListener("force",c=>{n()}),o.addEventListener("paginate",c=>{n(!0)});let d=[],l=[];Array.from(o.querySelectorAll("[data-mimic]")).forEach((c,m)=>{let u=c.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${u}"]`)).forEach((h,f)=>{let p=h.closest("form");d.includes(p)||d.push(p),l.includes(u)||l.push(u)})}),d.forEach((c,m)=>{const u=function(){let h=[],f=new FormData(c);for(const[p,g]of f)document.querySelector(`[data-mimic="${p}"]`)&&!h.includes(p)?(h.push(p),document.querySelector(`[data-mimic="${p}"]`).value=g):document.querySelector(`[data-mimic="${p}"]`)&&(document.querySelector(`[data-mimic="${p}"]`).value+=","+g);for(const p of h){const g=new Event("force");o.dispatchEvent(g)}for(const p of l)if(!f.has(p)&&c.querySelector(`[name="${p}"]`)){document.querySelector(`[data-mimic="${p}"]`).value="";const g=new Event("force");o.dispatchEvent(g)}};c.addEventListener("force",h=>{u()}),c.addEventListener("change",h=>{u()})})},F=(a,o,t)=>{if(o.getAttribute("data-ajax"))return!1;let r=a.querySelector("tbody"),s=o.querySelector("[data-sort]"),i=s.querySelector(`option:nth-child(${s.selectedIndex+1})`),n=i.getAttribute("data-sort"),d=i.getAttribute("data-order"),l=i.getAttribute("data-format");if(!n)return r.innerHTML=t.innerHTML,P(a),!1;let c=[];["asc","desc","descending"].includes(d)||(c=d.split(","));let m=[];Array.from(r.querySelectorAll("tr")).forEach((h,f)=>{let p=h.querySelector('td[data-label="'+n+'"], th[data-label="'+n+'"]').textContent.trim();h.querySelector('[data-label="'+n+'"] .td__content')&&(p=h.querySelector('[data-label="'+n+'"] .td__content').textContent.trim()),c.length&&c.includes(p)&&(p=c.indexOf(p)),Q(p)&&(p=ee(p,10)),l&&l=="date"&&(p=new Date(p));const g={index:p,row:h};m.push(g)}),m.sort((h,f)=>h.index>f.index?1:-1),(d=="descending"||d=="desc")&&(m=m.reverse());let u="";m.forEach((h,f)=>{u+=h.row.outerHTML}),r.innerHTML=u},V=(a,o,t)=>{a.classList.remove("table--filtered");let r=[],s=[],i=0,n=o.querySelector("[data-pagination]")?parseInt(o.querySelector("[data-pagination]").value):1,d=o.querySelector("[data-show]")?parseInt(o.querySelector("[data-show]").value):15;if(Array.from(a.querySelectorAll("tbody tr")).forEach((l,c)=>{l.classList.remove("filtered"),l.classList.remove("filtered--matched"),l.classList.remove("filtered--show"),l.removeAttribute("data-filtered-by")}),Array.from(o.querySelectorAll("[data-filter]")).forEach((l,c)=>{if(!(l.type=="radio"&&!l.checked)&&!(l.type=="checkbox"&&!l.checked)){if(l.getAttribute("data-filter")=="multi")for(const[m,u]of Object.entries(JSON.parse(l.value)))r[l.getAttribute("data-filter")].push(u);else if(l&&l.value){let m=l.getAttribute("data-filter");r[m]||(r[m]=new Array),r[m].push(l.value)}}}),o.querySelector("[data-search]")){let l=o.querySelector("[data-search]");o.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((c,m)=>{s.push({column:`${c.trim()}`,value:`${l.value}`})})}Array.from(o.querySelectorAll("[data-filter-count]")).forEach((l,c)=>{l.innerHTML=""}),r.length&&Array.from(o.querySelectorAll("[data-filter-count]")).forEach((l,c)=>{l.innerHTML+=`(${r.length})`}),a.classList.add("table--filtered");for(const[l,c]of Object.entries(r))Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((m,u)=>{let h=!1;c.forEach((f,p)=>{let g=m.querySelector(`[data-label="${l}"]`);if(f&&f=="$today")f=T("date",new Date);else if(f&&f=="$yesterday"){let k=new Date;k.setDate(k.getDate()-1),f=T("date",k)}else if(f&&(f=="$thisWeek"||f=="$lastWeek")){let k=new Date,A=new Date(k.setDate(k.getDate()-(k.getDay()-1))),y=new Date(k.setDate(k.getDate()-k.getDay()+7)),w=new Date(g.textContent.toLowerCase());if(k.setHours(0,0,0,0),A.setHours(0,0,0,0),y.setHours(0,0,0,0),w.setHours(0,0,0,0),f=="$thisWeek")h=w>=A&&w<=y;else{let S=new Date(A.setDate(A.getDate()-7)),L=new Date(y.setDate(y.getDate()-7));S.setHours(0,0,0,0),L.setHours(0,0,0,0),h=w>=S&&w<=L}}else if(f&&f=="$thisMonth"){let k=new Date,A=k.getFullYear(),y=k.getMonth();var N=new Date(A,y,1),$=new Date(A,y+1,0);let w=new Date(g.textContent.toLowerCase());N.setHours(0,0,0,0),$.setHours(0,0,0,0),w.setHours(0,0,0,0),h=w>=N&&w<=$}else if(f&&f=="$lastMonth"){let k=new Date,A=k.getFullYear(),y=k.getMonth();var B=new Date(A,y-1,1),E=new Date(A,y,0);let w=new Date(g.textContent.toLowerCase());B.setHours(0,0,0,0),E.setHours(0,0,0,0),w.setHours(0,0,0,0),h=w>=B&&w<=E}g&&g.textContent.toLowerCase().includes(f.toLowerCase())&&(h=!0)}),h||(m.classList.add("filtered"),m.setAttribute("data-filtered-by",l))});Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((l,c)=>{let m=!(s.length>0&&s[0].value.length>=3);s.forEach((u,h)=>{let f=l.querySelector(`[data-label="${u.column}"]`);f&&u.value.length>=3&&f.textContent.toLowerCase().includes(u.value.toLowerCase())&&(m=!0)}),m||l.classList.add("filtered")}),Array.from(a.querySelectorAll("tbody tr:not(.filtered")).forEach((l,c)=>{i++,l.classList.add("filtered--matched"),Math.ceil(i/d)==parseInt(n)&&l.classList.add("filtered--show")}),t&&(t.setAttribute("data-page",n),t.setAttribute("data-pages",Math.ceil(i/d)),t.setAttribute("data-total",i),t.setAttribute("data-show",d))},v=(a,o,t)=>{Array.from(o.querySelectorAll("[data-query]")).forEach((r,s)=>{let i=r.getAttribute("data-query"),n;if(i=="total")t.hasAttribute("data-total")?n=t.getAttribute("data-total"):n=(a.classList.contains("table--filtered"),a.querySelectorAll("tbody tr").length);else if(!i.includes(" == ")&&i.includes(" & ")){let d=i.split(" & "),l="";d.forEach(c=>{l+=`:not([data-filtered-by="${c}"])`}),n=Array.from(a.querySelectorAll(`tbody tr${l}`)).length}else if(!i.includes(" == "))n=Array.from(a.querySelectorAll(`tbody tr:not([data-filtered-by="${i}"])`)).length;else if(i.includes(" && ")){let d=i.split(" && ");n=Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).filter(function(l){let c=!0;for(const[m,u]of Object.entries(d)){let h=u.split(" == ");(!l.querySelector(`td[data-label="${h[0]}"]`)||l.querySelector(`td[data-label="${h[0]}"]`).textContent!=`${h[1]}`)&&(c=!1)}return c}).length}else{let d=i.split(" == ");n=Array.from(a.querySelectorAll(`tbody tr.filtered--matched td[data-label="${d[0]}"], tbody tr[data-filtered-by="${d[0]}"] td[data-label="${d[0]}"]`)).filter(function(l){return l.textContent===d[1]}).length}r.hasAttribute("data-total")?r.setAttribute("data-total",n):r.innerHTML=n})},se=function(a,o,t,r){t.addEventListener("click",s=>{if(s&&s.target instanceof HTMLElement&&s.target.closest("[data-page]")){s.preventDefault();let i=o.querySelector("[data-pagination]"),n=s.target.closest("[data-page]").getAttribute("data-page");if(i.value=n,r.setAttribute("data-page",n),o.dispatchEvent(new Event("paginate")),a.hasAttribute("data-show-history")){const c=new URL(location);c.searchParams.set("page",n),history.pushState({type:"pagination",form:o.getAttribute("id"),page:n},"",c)}const d=-250,l=a.getBoundingClientRect().top+window.pageYOffset+d;window.scrollTo({top:l,behavior:"smooth"})}if(s&&s.target instanceof HTMLElement&&s.target.closest("[data-show]")){s.preventDefault();let i=o.querySelector("[data-show]"),n=s.target.closest("[data-show]").getAttribute("data-show");i.value=n,r.setAttribute("data-show",n),o.dispatchEvent(new Event("submit"))}})},le=(a,o)=>{if(!a)return!1;a.addEventListener("click",t=>{ce(o)})},ce=function(a){for(var o=[],t=a.getElementsByTagName("tr"),r=0;r<t.length;r++){for(var s=t[r].querySelectorAll("td,th"),i=[],n=0;n<s.length;n++)i.push(`"${s[n].textContent}"`);o.push(i.join(","))}o=o.join(`
|
|
12
|
+
`);let d=new Blob([o],{type:"text/csv"});var l=document.createElement("a");l.download="export.csv";var c=window.URL.createObjectURL(d);l.href=c,l.style.display="none",document.body.appendChild(l),l.click(),document.body.removeChild(l)},j=function(a,o,t,r){if(P(a),re(a),v(a,o,r),r&&r.classList.contains("table--cta")){let s=function(){Array.from(a.querySelectorAll("tr")).forEach((n,d)=>{let l=n.offsetHeight;n.style.setProperty("--row-height",`${l}px`)})};const i=oe(a);r.style.setProperty("--cta-width",`${i}rem`),new ResizeObserver(s).observe(a)}},O=function(a,o,t,r){return ae(this,void 0,void 0,function*(){const s=(u,h,f)=>h.split(/[\.\[\]\'\"]/).filter(p=>p).reduce((p,g)=>p?p[g]:f,u);let i=new FormData(o),n=new URLSearchParams(i).toString(),d=a.querySelectorAll("thead tr th"),l=a.querySelector("tbody"),c=o.getAttribute("data-ajax");r.classList.add("table--loading"),window.controller||(window.controller=[]),window.controller[c]&&window.controller[c].abort(),window.controller[c]=new AbortController;const{signal:m}=controller[c];try{yield fetch(c+"?"+n,{signal:m,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"})}).then(u=>u.json()).then(u=>{let h=o.hasAttribute("data-schema")?o.getAttribute("data-schema"):"data",f=o.hasAttribute("data-schema-total")?o.getAttribute("data-schema-total"):"meta.total",p=o.hasAttribute("data-schema-page")?o.getAttribute("data-schema-page"):"meta.current_page",g=s(u,f,1),N=s(u,p,1),$=s(u,h),B=r.hasAttribute("data-empty-msg")?r.getAttribute("data-empty-msg"):"No results found";if($?(l.innerHTML="",$.forEach((E,k)=>{var A=document.createElement("tr");d.forEach((y,w)=>{let S="";var L=document.createElement("td");if(L.setAttribute("data-label",y.innerText),y.getAttribute("data-output")){var D=y.getAttribute("data-output");S=D.replace(new RegExp(/{(.*?)}/,"gm"),function(or){return s(E,or.replace("{","").replace("}",""))})}if(y.hasAttribute("data-output-array")){var D=y.getAttribute("data-output");let rr=s(E,D.replace("{","").replace("}",""));S="",rr.forEach((K,br)=>{let nr=y.getAttribute("data-output-array"),C="";if(y.hasAttribute("data-output-array-property")&&y.hasAttribute("data-output-array-transform")){const z=s(K,y.getAttribute("data-output-array-property")),ir=JSON.parse(y.getAttribute("data-output-array-transform"))[z];C=nr.replace(`{${y.getAttribute("data-output-array-property")}}`,ir)}C=C.replace(new RegExp(/{(.*?)}/,"gm"),function(z){return s(K,z.replace("{","").replace("}",""))}),S+=C})}y.hasAttribute("data-transform")&&(S=JSON.parse(y.getAttribute("data-transform"))[S],!S&&y.hasAttribute("data-default")&&(S=y.getAttribute("data-default"))),L.innerHTML=S,A.appendChild(L)}),l.appendChild(A)}),I(a,o),r.setAttribute("data-total",parseInt(g)),r.setAttribute("data-page",parseInt(N)),r.setAttribute("data-pages",Math.ceil(r.getAttribute("data-total")/r.getAttribute("data-show"))),j(a,o,t,r),x(r,t),parseInt(g)==0&&(l.innerHTML=`<tr><td colspan="100%"><span>${B}</span></td></tr>`),r.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:c,formData:n})):l.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>',o.hasAttribute("data-ajax-post")){const E=new XMLHttpRequest;E.open("GET",`${window.location.href}?ajax=true&${n}`),E.send()}})}catch(u){console.log(u)}})},T=(a,o)=>{switch(a){case"datetime":return new Date(o).toLocaleDateString("en-gb",{weekday:"short",year:"2-digit",month:"long",day:"numeric"})+" "+new Date(o).toLocaleTimeString("en-gb",{hour:"2-digit",minute:"2-digit"});case"date":return new Date(o).toLocaleDateString("en-gb",{year:"2-digit",month:"long",day:"numeric"});case"capitalise":return o=te(o)}};class de extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
10
13
|
<style>
|
|
11
14
|
@import "${t}";
|
|
12
15
|
|
|
@@ -28,10 +31,10 @@
|
|
|
28
31
|
</div>
|
|
29
32
|
</div>
|
|
30
33
|
<div class="table__pagination"></div>
|
|
31
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){const o=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",o.has("page")?o.get("page"):1),this.hasAttribute("data-show")||this.setAttribute("data-show",15),this.hasAttribute("data-increment")||this.setAttribute("data-increment",15),this.setAttribute("data-pages",Math.ceil(this.getAttribute("data-total")/this.getAttribute("data-show")));let t=this.classList.toString();t=t.replace("table--cta",""),t=t.replace("table--loading",""),this.shadowRoot.querySelector(".table__wrapper").className+=` ${t}`,this.table=this.querySelector("table"),this.savedTableBody=this.table.querySelector("tbody").cloneNode(!0),this.pagination=this.shadowRoot.querySelector(".table__pagination"),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"),F(this.table,this.form),this.form.querySelector("[data-page]")||(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" />`),ie(this.table),se(this.table,this.form,this.pagination,this,this.savedTableBody),le(this.table,this.form,this.pagination,this),ce(this.shadowRoot.querySelector("[data-export]"),this.table),this.form.getAttribute("data-ajax")?O(this.table,this.form,this.pagination,this):(j(this.table,this.form,this.pagination,this),v(this.table,this.form,this),N(this,this.pagination),B(this.table,this.form)),this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll",l=>{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-pages","data-page","data-show"]}attributeChangedCallback(o,t,r){}}const ue=a=>a.charAt(0).toUpperCase()+a.slice(1),he=a=>a.replace(/_/g," "),fe=a=>a.replace(/ /g,"_"),pe=function(a){return a=a.toLowerCase(),a=fe(a),a=a.replace(/\W/g,""),a},be={name:"Table",props:{items:{type:Array,required:!1},fields:{type:Array,required:!1}},computed:{cellHeading(){return a=>`${ue(he(a))}`}},created(){this.$nextTick(function(){window.customElements.get("iam-table")||window.customElements.define("iam-table",me)})},updated(){}},ye={key:0},ge={key:0},_e=["data-row-id"],ke=["innerHTML"];function we(a,o,t,r,l,i){return e.openBlock(),e.createElementBlock("iam-table",null,[t.fields?(e.openBlock(),e.createElementBlock("table",ye,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fields,n=>(e.openBlock(),e.createElementBlock("th",{key:n.key},e.toDisplayString(i.cellHeading(n.key)),1))),128))])]),t.items?(e.openBlock(),e.createElementBlock("tbody",ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,c)=>(e.openBlock(),e.createElementBlock("tr",{key:c,"data-row-id":n.rowid},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.fromEntries(Object.entries(n).filter(([d])=>d!=="rowid")),(d,s)=>(e.openBlock(),e.createElementBlock("td",{key:s,innerHTML:d},null,8,ke))),128))],8,_e))),128))])):e.createCommentVNode("",!0)])):e.renderSlot(a.$slots,"default",{key:1})])}const M=_(be,[["render",we]]),Ae={name:"Input",props:{value:{type:String,required:!1},id:{type:String,required:!0},name:{type:String,required:!1},list:{type:String,required:!1},label:{type:String,required:!1},labelclass:{type:String,required:!1},inputclass:{type:String,required:!1},type:{type:String,required:!1,default:"text"},size:{type:String,required:!1},errormsg:{type:String,required:!1},options:{type:Array,required:!1},prefix:{type:String,required:!1},prefixClass:{type:String,required:!1},suffix:{type:String,required:!1},suffixClass:{type:String,required:!1},title:{type:String,required:!1},hint:{type:String,required:!1},multiple:{type:String,required:!1}},computed:{displayLabel(){return()=>this.$attrs.multiple?this.label+'<span class="small d-block text-body font-body fw-normal">Hold down the Ctrl (windows) or Command (Mac) button to select multiple options.</span>':this.hint?this.label+`<span class="small d-block text-body font-body fw-normal">${this.hint}</span>`:this.label},wrapperClass(){return()=>{switch(this.type){case"radio":case"checkbox":return"form-check";case"radio-btn":case"checkbox-btn":return!1;default:return"form-control__wrapper"}}},needPattern(){return()=>{if(this.pattern)return this.pattern;switch(this.type){case"datetime-local":return"[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}"}return!1}},needsLabel(){return()=>{switch(this.type){case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":return!1;default:return!0}}},isInput(){return()=>{switch(this.type){case"textarea":case"select":case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":case"range":case"color":return!1;default:return!0}}},allowDatalist(){return()=>{switch(this.type){case"select":case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":return!1;default:return!0}}},hasOptions(){return()=>{if(this.list)return this.list;if(this.options)return this.id+"-list"}},inputVal:{get(){return this.value==null&&this.options!=null&&this.type=="select"?this.$attrs.multiple?[]:this.options[0].value:this.value},set(a){this.$emit("input",a)}}},mounted(){this.$nextTick(function(){let a=this.$refs.wrapper;if(a.parentNode&&a.parentNode.classList.contains("form-check")||a.classList.length==0){const o=document.createDocumentFragment();Array.from(a.childNodes).forEach(t=>o.appendChild(t)),a.parentNode.insertBefore(o,a),a.parentNode.removeChild(a)}})},methods:{inputKeyup(a){this.$emit("keyupEvent",a)},clickEvent(){this.$emit("bus")}}},Se=["for","innerHTML","title"],Ee=["innerHTML"],Le=["innerHTML"],xe=["type","name","id","pattern","list"],qe=["type","name","id","pattern"],$e={key:5,class:"input-group"},Ne=["type","name","id","pattern","list"],ve={class:"input-group-text border-0 col-2 col-sm-1 px-0"},Be={key:6,class:"input-group"},Ce=["type","name","id","pattern","list"],Te={class:"input-group-text flex-fill"},Ve=["type","name","id","pattern"],Me=["value"],He=["id"],De=["value"],ze=["type","name","id"],Re=["for","innerHTML"],Pe=["type","name","id"],Fe=["for","innerHTML"],Ie=["innerHTML"];function je(a,o,t,r,l,i){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(i.wrapperClass()),ref:"wrapper"},[i.needsLabel()?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(`form-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:i.displayLabel(),title:t.title},null,10,Se)):e.createCommentVNode("",!0),t.prefix?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(`prefix ${this.prefixClass} ${t.size?`prefix-${t.size}`:""}`),innerHTML:t.prefix,role:"presentation"},null,10,Ee)):e.createCommentVNode("",!0),t.suffix?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(`suffix ${this.suffixClass} ${t.size?`suffix-${t.size}`:""}`),innerHTML:t.suffix,role:"presentation"},null,10,Le)):e.createCommentVNode("",!0),i.isInput()?e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({key:3,"onUpdate:modelValue":o[0]||(o[0]=n=>i.inputVal=n),class:`form-control${t.size?` form-control-${t.size}`:""}${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:i.needPattern(),list:i.hasOptions()},a.$attrs,{onKeyup:o[1]||(o[1]=(...n)=>i.inputKeyup&&i.inputKeyup(...n))}),null,16,xe)),[[e.vModelDynamic,i.inputVal]]):e.createCommentVNode("",!0),t.type=="textarea"?e.withDirectives((e.openBlock(),e.createElementBlock("textarea",e.mergeProps({key:4,"onUpdate:modelValue":o[2]||(o[2]=n=>i.inputVal=n),class:`form-control${t.size?` form-control-${t.size}`:""}${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:i.needPattern()},a.$attrs),null,16,qe)),[[e.vModelText,i.inputVal]]):e.createCommentVNode("",!0),t.type=="range"?(e.openBlock(),e.createElementBlock("div",$e,[e.withDirectives(e.createElementVNode("input",e.mergeProps({"onUpdate:modelValue":o[3]||(o[3]=n=>i.inputVal=n),class:`form-range${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:i.needPattern(),list:i.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Ne),[[e.vModelDynamic,i.inputVal]]),e.createElementVNode("output",ve,e.toDisplayString(t.value),1)])):e.createCommentVNode("",!0),t.type=="color"?(e.openBlock(),e.createElementBlock("div",Be,[e.withDirectives(e.createElementVNode("input",e.mergeProps({"onUpdate:modelValue":o[4]||(o[4]=n=>i.inputVal=n),class:`form-control form-control-color${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:i.needPattern(),list:i.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Ce),[[e.vModelDynamic,i.inputVal]]),e.createElementVNode("output",Te,e.toDisplayString(t.value?a.vale:"#000000"),1)])):e.createCommentVNode("",!0),t.type=="select"?e.withDirectives((e.openBlock(),e.createElementBlock("select",e.mergeProps({key:7,"onUpdate:modelValue":o[5]||(o[5]=n=>i.inputVal=n),class:`form-select${t.size?` form-select-${t.size}`:""}${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.id,id:t.id,pattern:i.needPattern()},a.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(n,c)=>(e.openBlock(),e.createElementBlock("option",{key:c,value:n.value},e.toDisplayString(n.display?n.display:n.value),9,Me))),128))],16,Ve)),[[e.vModelSelect,i.inputVal]]):e.createCommentVNode("",!0),i.allowDatalist()?(e.openBlock(),e.createElementBlock("datalist",{key:8,id:t.id+"-list"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(n,c)=>(e.openBlock(),e.createElementBlock("option",{key:c,value:n.value},e.toDisplayString(n.value),9,De))),128))],8,He)):e.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(e.openBlock(),e.createElementBlock("input",e.mergeProps({key:9,class:"form-check-input",type:t.type,name:t.name?t.name:t.id,id:t.id},a.$attrs),null,16,ze)):e.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(e.openBlock(),e.createElementBlock("label",{key:10,class:e.normalizeClass(`form-label form-check-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label},null,10,Re)):e.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(e.openBlock(),e.createElementBlock("input",e.mergeProps({key:11,class:`btn-check${t.inputclass?` ${t.inputclass}`:""}`,type:t.type.replace("-btn",""),autocomplete:"off",name:t.name?t.name:t.id,id:t.id},a.$attrs),null,16,Pe)):e.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(e.openBlock(),e.createElementBlock("label",{key:12,class:e.normalizeClass(`btn${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label,onClick:o[6]||(o[6]=(...n)=>i.clickEvent&&i.clickEvent(...n))},null,10,Fe)):e.createCommentVNode("",!0),t.errormsg?(e.openBlock(),e.createElementBlock("p",{key:13,class:"invalid-feedback mb-0",innerHTML:t.errormsg},null,8,Ie)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")],2)}const q=_(Ae,[["render",je]]),Oe={components:{Input:q},name:"FileUploads",props:{id:{type:String,required:!0},inputcolclass:{type:String,required:!1},maxfilesize:{type:Number,required:!1},maxfiles:{type:Number,required:!1}}},We={class:"multiple-file-uploads mb-4"},Ue={class:"row"},Ge={class:"col-12 col-md me-auto"},Ke=e.createElementVNode("div",{class:"col mw-fit-content"},[e.createElementVNode("button",{type:"button",class:"btn btn-tertiary me-0","data-delete":""},"Delete")],-1),Qe=["data-maxfiles"];function Ye(a,o,t,r,l,i){const n=e.resolveComponent("Input");return e.openBlock(),e.createElementBlock("div",We,[e.createElementVNode("div",Ue,[e.createElementVNode("div",{class:e.normalizeClass(`${t.inputcolclass?t.inputcolclass:"col-12 col-sm-4"}`)},[e.createVNode(n,{type:"file",id:t.id,name:`${t.id}[]`,label:"Add new file",labelclass:"d-none",class:"form-control-inline col",required:"","data-filesize":t.maxfilesize},null,8,["id","name","data-filesize"])],2),e.createElementVNode("div",Ge,[e.renderSlot(a.$slots,"default")]),Ke]),e.createElementVNode("button",{type:"button",class:"btn btn-secondary me-0","data-add":"","data-maxfiles":t.maxfiles},"+ Add file",8,Qe)])}const Ze=_(Oe,[["render",Ye]]);/*!
|
|
32
|
-
* iamKey v3.7.
|
|
34
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){const o=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",o.has("page")?o.get("page"):1),this.hasAttribute("data-show")||this.setAttribute("data-show",15),this.hasAttribute("data-increment")||this.setAttribute("data-increment",15),this.setAttribute("data-pages",Math.ceil(this.getAttribute("data-total")/this.getAttribute("data-show")));let t=this.classList.toString();t=t.replace("table--cta",""),t=t.replace("table--loading",""),this.shadowRoot.querySelector(".table__wrapper").className+=` ${t}`,this.table=this.querySelector("table"),this.savedTableBody=this.table.querySelector("tbody").cloneNode(!0),this.pagination=this.shadowRoot.querySelector(".table__pagination"),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-page]")||(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" />`),ne(this.table),ie(this.table,this.form,this.pagination,this,this.savedTableBody),se(this.table,this.form,this.pagination,this),le(this.shadowRoot.querySelector("[data-export]"),this.table),this.form.getAttribute("data-ajax")?O(this.table,this.form,this.pagination,this):(j(this.table,this.form,this.pagination,this),V(this.table,this.form,this),x(this,this.pagination),v(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-pages","data-page","data-show"]}attributeChangedCallback(o,t,r){}}const me=a=>a.charAt(0).toUpperCase()+a.slice(1),ue=a=>a.replace(/_/g," "),he=a=>a.replace(/ /g,"_"),pe=function(a){return a=a.toLowerCase(),a=he(a),a=a.replace(/\W/g,""),a},fe={name:"Table",props:{items:{type:Array,required:!1},fields:{type:Array,required:!1}},computed:{cellHeading(){return a=>`${me(ue(a))}`}},created(){this.$nextTick(function(){window.customElements.get("iam-table")||window.customElements.define("iam-table",de)})},updated(){}},be={key:0},ye={key:0},ge=["data-row-id"],_e=["innerHTML"];function ke(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-table",null,[t.fields?(e.openBlock(),e.createElementBlock("table",be,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fields,n=>(e.openBlock(),e.createElementBlock("th",{key:n.key},e.toDisplayString(i.cellHeading(n.key)),1))),128))])]),t.items?(e.openBlock(),e.createElementBlock("tbody",ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,d)=>(e.openBlock(),e.createElementBlock("tr",{key:d,"data-row-id":n.rowid},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.fromEntries(Object.entries(n).filter(([l])=>l!=="rowid")),(l,c)=>(e.openBlock(),e.createElementBlock("td",{key:c,innerHTML:l},null,8,_e))),128))],8,ge))),128))])):e.createCommentVNode("",!0)])):e.renderSlot(a.$slots,"default",{key:1})])}const M=_(fe,[["render",ke]]),we={name:"Input",props:{value:{type:String,required:!1},id:{type:String,required:!0},name:{type:String,required:!1},list:{type:String,required:!1},label:{type:String,required:!1},labelclass:{type:String,required:!1},inputclass:{type:String,required:!1},type:{type:String,required:!1,default:"text"},size:{type:String,required:!1},errormsg:{type:String,required:!1},options:{type:Array,required:!1},prefix:{type:String,required:!1},prefixClass:{type:String,required:!1},suffix:{type:String,required:!1},pattern:{type:String,required:!1},suffixClass:{type:String,required:!1},title:{type:String,required:!1},hint:{type:String,required:!1},multiple:{type:String,required:!1}},computed:{displayLabel(){return()=>this.$attrs.multiple?this.label+'<span class="small d-block text-body font-body fw-normal">Hold down the Ctrl (windows) or Command (Mac) button to select multiple options.</span>':this.hint?this.label+`<span class="small d-block text-body font-body fw-normal">${this.hint}</span>`:this.label},wrapperClass(){return()=>{switch(this.type){case"radio":case"checkbox":return"form-check";case"radio-btn":case"checkbox-btn":return!1;default:return"form-control__wrapper"}}},needPattern(){return()=>{if(this.pattern)return this.pattern;switch(this.type){case"datetime-local":return"[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}"}return"(.*?)"}},needsLabel(){return()=>{switch(this.type){case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":return!1;default:return!0}}},isInput(){return()=>{switch(this.type){case"textarea":case"select":case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":case"range":case"color":return!1;default:return!0}}},allowDatalist(){return()=>{switch(this.type){case"select":case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":return!1;default:return!0}}},hasOptions(){return()=>{if(this.list)return this.list;if(this.options)return this.id+"-list"}},inputVal:{get(){return this.value==null&&this.options!=null&&this.type=="select"?this.$attrs.multiple?[]:this.options[0].value:this.value},set(a){this.$emit("input",a)}}},mounted(){this.$nextTick(function(){let a=this.$refs.wrapper;if(a.parentNode&&a.parentNode.classList.contains("form-check")||a.classList.length==0){const o=document.createDocumentFragment();Array.from(a.childNodes).forEach(t=>o.appendChild(t)),a.parentNode.insertBefore(o,a),a.parentNode.removeChild(a)}})},methods:{inputKeyup(a){this.$emit("keyupEvent",a)},clickEvent(){this.$emit("bus")}}},Ae=["for","innerHTML","title"],Se=["innerHTML"],Ee=["innerHTML"],Le=["type","name","id","pattern","list"],qe=["type","name","id","pattern"],$e={key:5,class:"input-group"},xe=["type","name","id","pattern","list"],ve={class:"input-group-text border-0 col-2 col-sm-1 px-0"},Ne={key:6,class:"input-group"},Be=["type","name","id","pattern","list"],Ce={class:"input-group-text flex-fill"},Ve=["type","name","id","pattern"],Te=["value"],Me=["type","name","id"],He=["for","innerHTML"],De=["type","name","id"],ze=["for","innerHTML"],Re=["innerHTML"],Pe=["id"],Ie=["value"];function Fe(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(i.wrapperClass()),ref:"wrapper"},[i.needsLabel()?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(`form-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:i.displayLabel(),title:t.title},null,10,Ae)):e.createCommentVNode("",!0),t.prefix?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(`prefix ${this.prefixClass} ${t.size?`prefix-${t.size}`:""}`),innerHTML:t.prefix,role:"presentation"},null,10,Se)):e.createCommentVNode("",!0),t.suffix?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(`suffix ${this.suffixClass} ${t.size?`suffix-${t.size}`:""}`),innerHTML:t.suffix,role:"presentation"},null,10,Ee)):e.createCommentVNode("",!0),i.isInput()?e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({key:3,"onUpdate:modelValue":o[0]||(o[0]=n=>i.inputVal=n),class:`form-control${t.size?` form-control-${t.size}`:""}${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:i.needPattern(),list:i.hasOptions()},a.$attrs,{onKeyup:o[1]||(o[1]=(...n)=>i.inputKeyup&&i.inputKeyup(...n))}),null,16,Le)),[[e.vModelDynamic,i.inputVal]]):e.createCommentVNode("",!0),t.type=="textarea"?e.withDirectives((e.openBlock(),e.createElementBlock("textarea",e.mergeProps({key:4,"onUpdate:modelValue":o[2]||(o[2]=n=>i.inputVal=n),class:`form-control${t.size?` form-control-${t.size}`:""}${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:i.needPattern()},a.$attrs),null,16,qe)),[[e.vModelText,i.inputVal]]):e.createCommentVNode("",!0),t.type=="range"?(e.openBlock(),e.createElementBlock("div",$e,[e.withDirectives(e.createElementVNode("input",e.mergeProps({"onUpdate:modelValue":o[3]||(o[3]=n=>i.inputVal=n),class:`form-range${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:i.needPattern(),list:i.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,xe),[[e.vModelDynamic,i.inputVal]]),e.createElementVNode("output",ve,e.toDisplayString(t.value),1)])):e.createCommentVNode("",!0),t.type=="color"?(e.openBlock(),e.createElementBlock("div",Ne,[e.withDirectives(e.createElementVNode("input",e.mergeProps({"onUpdate:modelValue":o[4]||(o[4]=n=>i.inputVal=n),class:`form-control form-control-color${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:i.needPattern(),list:i.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Be),[[e.vModelDynamic,i.inputVal]]),e.createElementVNode("output",Ce,e.toDisplayString(t.value?a.vale:"#000000"),1)])):e.createCommentVNode("",!0),t.type=="select"?e.withDirectives((e.openBlock(),e.createElementBlock("select",e.mergeProps({key:7,"onUpdate:modelValue":o[5]||(o[5]=n=>i.inputVal=n),class:`form-select${t.size?` form-select-${t.size}`:""}${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.id,id:t.id,pattern:i.needPattern()},a.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(n,d)=>(e.openBlock(),e.createElementBlock("option",{key:d,value:n.value},e.toDisplayString(n.display?n.display:n.value),9,Te))),128))],16,Ve)),[[e.vModelSelect,i.inputVal]]):e.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(e.openBlock(),e.createElementBlock("input",e.mergeProps({key:8,class:"form-check-input",type:t.type,name:t.name?t.name:t.id,id:t.id},a.$attrs),null,16,Me)):e.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(e.openBlock(),e.createElementBlock("label",{key:9,class:e.normalizeClass(`form-label form-check-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label},null,10,He)):e.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(e.openBlock(),e.createElementBlock("input",e.mergeProps({key:10,class:`btn-check${t.inputclass?` ${t.inputclass}`:""}`,type:t.type.replace("-btn",""),autocomplete:"off",name:t.name?t.name:t.id,id:t.id},a.$attrs),null,16,De)):e.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(e.openBlock(),e.createElementBlock("label",{key:11,class:e.normalizeClass(`btn${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label,onClick:o[6]||(o[6]=(...n)=>i.clickEvent&&i.clickEvent(...n))},null,10,ze)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default"),t.errormsg?(e.openBlock(),e.createElementBlock("span",{key:12,class:"invalid-feedback mb-0",innerHTML:t.errormsg},null,8,Re)):e.createCommentVNode("",!0),i.allowDatalist()?(e.openBlock(),e.createElementBlock("datalist",{key:13,id:t.id+"-list"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(n,d)=>(e.openBlock(),e.createElementBlock("option",{key:d,value:n.value},e.toDisplayString(n.value),9,Ie))),128))],8,Pe)):e.createCommentVNode("",!0)],2)}const q=_(we,[["render",Fe]]),je={components:{Input:q},name:"FileUploads",props:{id:{type:String,required:!0},inputcolclass:{type:String,required:!1},maxfilesize:{type:Number,required:!1},maxfiles:{type:Number,required:!1}}},Oe={class:"multiple-file-uploads mb-4"},Ue={class:"row"},We={class:"col-12 col-md me-auto"},Ge=e.createElementVNode("div",{class:"col mw-fit-content"},[e.createElementVNode("button",{type:"button",class:"btn btn-tertiary me-0","data-delete":""},"Delete")],-1),Ke=["data-maxfiles"];function Ye(a,o,t,r,s,i){const n=e.resolveComponent("Input");return e.openBlock(),e.createElementBlock("div",Oe,[e.createElementVNode("div",Ue,[e.createElementVNode("div",{class:e.normalizeClass(`${t.inputcolclass?t.inputcolclass:"col-12 col-sm-4"}`)},[e.createVNode(n,{type:"file",id:t.id,name:`${t.id}[]`,label:"Add new file",labelclass:"d-none",class:"form-control-inline col",required:"","data-filesize":t.maxfilesize},null,8,["id","name","data-filesize"])],2),e.createElementVNode("div",We,[e.renderSlot(a.$slots,"default")]),Ge]),e.createElementVNode("button",{type:"button",class:"btn btn-secondary me-0","data-add":"","data-maxfiles":t.maxfiles},"+ Add file",8,Ke)])}const Ze=_(je,[["render",Ye]]);/*!
|
|
35
|
+
* iamKey v3.7.8--beta-2
|
|
33
36
|
* Copyright 2022-2023 iamproperty
|
|
34
|
-
*/function Je(a){let o=a.querySelectorAll("details"),t=a.querySelectorAll("summary");if(o.forEach(r=>{r.classList.add("accordion-item")}),t.forEach(r=>{r.classList.add("accordion-header"),r.classList.add("accordion-button"),r.classList.add("h4")}),!a.classList.contains("accordion--keep-open")){const r=a.querySelectorAll(":scope > details");r.forEach(
|
|
37
|
+
*/function Je(a){let o=a.querySelectorAll("details"),t=a.querySelectorAll("summary");if(o.forEach(r=>{r.classList.add("accordion-item")}),t.forEach(r=>{r.classList.add("accordion-header"),r.classList.add("accordion-button"),r.classList.add("h4")}),!a.classList.contains("accordion--keep-open")){const r=a.querySelectorAll(":scope > details");r.forEach(s=>{s.addEventListener("click",()=>{r.forEach(i=>{i!==s&&i.removeAttribute("open")})})})}}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"accordion"});let Xe=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
35
38
|
<style>
|
|
36
39
|
@import "${t}";
|
|
37
40
|
\uFEFF:is(.accordion,iam-accordion){--accordion-indent: 0.75rem;--accordion-right-padding: 3rem;--accordion-y-padding: 1rem;--accordion-icon-size: 1.875rem;--accordion-icon-top: 0.75rem}@media screen and (min-width: 62em){:is(.accordion,iam-accordion){--accordion-right-padding: 6rem;--accordion-y-padding: 2rem;--accordion-icon-size: 3rem;--accordion-icon-top: 1.25rem}}.accordion-header{padding:var(--accordion-y-padding) var(--accordion-right-padding) var(--accordion-y-padding) var(--accordion-indent);color:var(--colour-heading);text-align:left;background-color:rgba(0,0,0,0);overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;--marker-bg: var(--colour-secondary);cursor:pointer;position:relative;max-width:100%}@media(prefers-reduced-motion: reduce){.accordion-header{transition:none}}.accordion-header .badge{vertical-align:bottom;margin-left:.5em;margin-right:.5em;margin-bottom:.1em}.accordion-header:before,.accordion-header:after{content:"";position:absolute;right:var(--accordion-indent);top:var(--accordion-icon-top);margin-top:var(--accordion-icon-size-half);width:var(--accordion-icon-size);height:var(--accordion-icon-size)}.accordion-header:before{text-indent:100%;white-space:nowrap;overflow:hidden;background:var(--marker-bg);border-radius:100%}.accordion-header::after{background:currentColor;mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transition:transform .2s ease-in-out;transform:rotate(90deg)}@media(prefers-reduced-motion: reduce){.accordion-header::after{transition:none}}@media(forced-colors: active){.accordion-header::after{content:"►";mask-image:none;-webkit-mask-image:none}}.accordion-header:hover,.accordion-header:focus{--marker-bg: var(--colour-warning);color:var(--colour-hover)}.accordion-header:hover{z-index:var(--index-focus)}.accordion-header:focus{z-index:var(--index-focus);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}[open]>summary>.accordion-header{color:var(--colour-heading);background-color:rgba(0,0,0,0)}[open]>summary>.accordion-header::after{transform:rotate(-90deg)}.accordion-header[class*=bg-] .accordion-button{border-bottom:1px solid var(--colour-border);margin-bottom:-1px}.accordion-header[class*=bg-] .accordion-button:before{background:none !important}.accordion-header[class*=bg-]:hover .accordion-button{opacity:.8}.accordion-header[class*=bg-]+.accordion-body{padding-top:2rem}.accordion-header{margin-bottom:0}.accordion-item{background-color:rgba(0,0,0,0);border-bottom:1px solid var(--colour-border);margin-bottom:2rem}.accordion-item:first-of-type{border-top:1px solid var(--colour-border)}.accordion-item+.accordion-item{margin-top:-2rem}.accordion-item summary~*{text-align:left;padding:0 var(--accordion-indent)}.accordion--straight>details>summary:not([class*=bg-])>.accordion-button,.accordion--straight>details>.accordion-item summary~*{padding-left:0 !important}.accordion--straight .accordion-item summary~*{padding-right:0 !important}.accordion .accordion:first-child{padding-top:1rem}.accordion .accordion:last-child{padding-bottom:2rem}.accordion .accordion .accordion-button{padding:1rem 3rem 1rem var(--accordion-indent)}.accordion .accordion .accordion-button:before,.accordion .accordion .accordion-button:after{top:.75rem;height:2rem;width:2rem;right:.5rem}.accordion .accordion .accordion-button:before{background-color:var(--colour-light)}/*# sourceMappingURL=assets/css/components/accordion.css.map */
|
|
@@ -41,13 +44,13 @@
|
|
|
41
44
|
<div class="accordion">
|
|
42
45
|
<slot></slot>
|
|
43
46
|
</div>
|
|
44
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){Je(this)}};const sr="";window.customElements.get("iam-accordion")||window.customElements.define("iam-accordion",Xe);const
|
|
45
|
-
* iamKey v3.7.
|
|
47
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){Je(this)}};const sr="";window.customElements.get("iam-accordion")||window.customElements.define("iam-accordion",Xe);const Qe={name:"Accordion",props:{},mounted(){}},et={ref:"wrapper"};function tt(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-accordion",et,[e.renderSlot(a.$slots,"default")],512)}const at=_(Qe,[["render",tt]]),ot={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 a=>`${pe(a)}`}},data(){return{show:!this.lazy}}},rt=["id"],nt=["classList"];function it(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("details",{id:i.createID(t.title)},[e.createElementVNode("summary",{classList:`${t.titlecolour?`bg-${t.titlecolour}`:""}`},[e.createTextVNode(e.toDisplayString(t.title),1),t.badge?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(`badge bg-${t.badgecolour}`)},e.toDisplayString(t.badge),3)):e.createCommentVNode("",!0)],8,nt),e.renderSlot(a.$slots,"default")],8,rt)}const st=_(ot,[["render",it]]),lt={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1},background:{type:String,default:"light",required:!1}}},ct={class:"container"},dt={class:"row"},mt={class:"col-sm-6"},ut={class:"pt-5 pb-3 px-4"},ht={class:"col-sm-6 col-md-5 ms-auto"},pt=["src"];function ft(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("div",ct,[e.createElementVNode("div",{class:e.normalizeClass("bg-"+t.background+" mb-4")},[e.createElementVNode("div",dt,[e.createElementVNode("div",mt,[e.createElementVNode("div",ut,[e.createElementVNode("h2",null,e.toDisplayString(t.title),1),e.renderSlot(a.$slots,"default")])]),e.createElementVNode("div",ht,[t.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.image,alt:"",class:"h-100 w-100 object-cover"},null,8,pt)):e.createCommentVNode("",!0)])])],2)])}const bt=_(lt,[["render",ft]]);/*!
|
|
48
|
+
* iamKey v3.7.8--beta-2
|
|
46
49
|
* Copyright 2022-2023 iamproperty
|
|
47
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Card"});class
|
|
50
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Card"});let yt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.querySelector('[class*="fa-"]')&&this.classList.add("card--has-icon");let o=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=`
|
|
48
51
|
<style>
|
|
49
52
|
@import "${r}";
|
|
50
|
-
.card{--card-icon-right: 1rem;box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);position:relative;font-weight:bold;font-size:1.125rem;line-height:1.5rem;color:var(--colour-primary);min-height:100%;width:100%;text-align:left;display:block;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);outline-offset:-1px}.card.border-0{box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__body{position:relative;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1}.card:before,.card:after{content:"";position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--colour-warning);border-radius:50%}.card:after{background:var(--colour-primary-theme);mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}.card:is(:hover,:focus,.hover){--card-icon-right: 0.5rem;outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card:not([class*=colour-]):is(:hover,:focus,.hover):before{background:var(--colour-primary-theme)}.card:not([class*=colour-]):is(:hover,:focus,.hover):after{background:#fff}.card:is(:active,.active){--card-icon-right: 0.5rem;outline:none}.card:is(:active,.active):before{background:var(--colour-warning)}.card:is(:active,.active):after{background:var(--colour-primary)}.card:is(:active){background:#fcfcfc}.card span{display:block;font-weight:bold;padding-top:1.5rem;font-size:1rem}.card:has(.card__illustration) .card__body{align-items:center;display:flex}.card:has(.card__illustration) .card__body .card__illustration{height:4rem;width:4rem;margin-right:1.5rem;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative}.card:has(.card__illustration) .card__body .card__illustration img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}::slotted(i){font-size:1.5rem;margin:-3px var(--card-icon-right) 0 0;font-weight:400;vertical-align:middle}::slotted(span){display:block;font-weight:normal;padding-top:1.5rem;font-size:1rem}.card[class*=colour-],.card--filter{border-left:0.75rem solid var(--colour, var(--colour-primary))}.card--filter{--top-padding: 1.5rem;--right-padding: 1rem;--bottom-padding: 1.5rem;--left-padding: 1rem}.card--filter:has(.card__total) .card__body{align-items:center;display:flex}.card--filter:before,.card--filter:after{display:none}.card--filter:is(:hover,:focus,.hover){outline:none
|
|
53
|
+
.card{--card-icon-right: 1rem;box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);position:relative;font-weight:bold;font-size:1.125rem;line-height:1.5rem;color:var(--colour-primary);min-height:100%;width:100%;text-align:left;display:block;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);outline-offset:-1px}.card.border-0{box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__body{position:relative;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1}.card:before,.card:after{content:"";position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--colour-warning);border-radius:50%}.card:after{background:var(--colour-primary-theme);mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}.card:is(:hover,:focus,.hover){--card-icon-right: 0.5rem;outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card:not([class*=colour-]):is(:hover,:focus,.hover):before{background:var(--colour-primary-theme)}.card:not([class*=colour-]):is(:hover,:focus,.hover):after{background:#fff}.card:is(:active,.active){--card-icon-right: 0.5rem;outline:none}.card:is(:active,.active):before{background:var(--colour-warning)}.card:is(:active,.active):after{background:var(--colour-primary)}.card:is(:active){background:#fcfcfc}.card span{display:block;font-weight:bold;padding-top:1.5rem;font-size:1rem}.card:has(.card__illustration) .card__body{align-items:center;display:flex}.card:has(.card__illustration) .card__body .card__illustration{height:4rem;width:4rem;margin-right:1.5rem;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative}.card:has(.card__illustration) .card__body .card__illustration img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}::slotted(i){font-size:1.5rem;margin:-3px var(--card-icon-right) 0 0;font-weight:400;vertical-align:middle}::slotted(span){display:block;font-weight:normal;padding-top:1.5rem;font-size:1rem}.card[class*=colour-],.card--filter{border-left:0.75rem solid var(--colour, var(--colour-primary))}.card--filter{--top-padding: 1.5rem;--right-padding: 1rem;--bottom-padding: 1.5rem;--left-padding: 1rem}.card--filter:has(.card__total) .card__body{align-items:center;display:flex}.card--filter:before,.card--filter:after{display:none}.card--filter:is(:hover,:focus,.hover){outline:none}.card--filter:is(:hover,:focus,.hover) .card__body{background:#eee}.card--filter:is(:active,.active) .card__body{background:#e0e0e0}.card--filter:is(:checked,.checked){outline:2px solid var(--colour, var(--colour-info));outline-offset:-2px}.card--filter:is(:checked,.checked) .card__body{background:#e0e0e0}.card--filter.card--has-icon{--bottom-padding: 1rem;border:none}.card--filter .icon{font-size:1.125rem !important;height:1.125rem !important;margin:0 0 .5rem 0 !important;font-weight:400 !important;display:block !important}.card--filter .card__total{font-size:3rem;line-height:3rem;padding-right:1rem}@media screen and (prefers-color-scheme: dark){.card--filter .card__body{background:none !important}.card--filter:is(:hover,:focus,.hover,:active,.active):not(:checked,.checked){outline:2px solid var(--colour, var(--colour-primary)) !important;outline-offset:-2px}}.card--filter ::slotted(i){display:block !important;font-size:1.125rem !important;margin:0 0 .5rem 0 !important}.card:has(.card__head) .card__head{padding-bottom:0;padding-top:27%;position:relative;overflow:hidden;background:rgba(0,0,0,.1);z-index:-1}.card:has(.card__head) .card__head>img{position:absolute;top:0;left:0;width:102%;height:102%;object-fit:cover}.card.card--lg-image:has(.card__head) .card__head{padding-top:55%}.card:has(.card__footer):after{display:none}.card:has(.card__footer) .card__footer{position:relative;background:#fff;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1;display:block}/*# sourceMappingURL=assets/css/components/card.css.map */
|
|
51
54
|
|
|
52
55
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
53
56
|
</style>
|
|
@@ -60,10 +63,10 @@
|
|
|
60
63
|
</div>
|
|
61
64
|
${this.hasAttribute("data-cta")?`<div class="card__footer"><span class="link">${this.getAttribute("data-cta")}</span></div>`:""}
|
|
62
65
|
</div>
|
|
63
|
-
`,this.shadowRoot.appendChild(
|
|
64
|
-
* iamKey v3.7.
|
|
66
|
+
`,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){this.classList.add("loaded");const o=this.parentNode.closest("a, button, label"),t=this.shadowRoot.querySelector(".card");o.setAttribute("tabindex","-1"),o.matches("label[for]")&&(document.getElementById(o.getAttribute("for")).checked?t.classList.add("checked"):t.classList.remove("checked")),t.addEventListener("click",r=>{if(o.matches("label[for]")){r.stopPropagation(),r.preventDefault();const s=document.getElementById(o.getAttribute("for")),i=s.getAttribute("name"),n=s.getAttribute("id");Array.from(document.querySelectorAll(`[name="${i}"]:not([id="${n}"])`)).forEach((d,l)=>{document.querySelector(`[for="${d.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),o.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(o.matches("label[for]")){r.stopPropagation(),r.preventDefault();const s=document.getElementById(o.getAttribute("for")),i=s.getAttribute("name"),n=s.getAttribute("id");Array.from(document.querySelectorAll(`[name="${i}"]:not([id="${n}"])`)).forEach((d,l)=>{document.querySelector(`[for="${d.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),o.click(),s.checked?t.classList.add("checked"):t.classList.remove("checked")}else o.click();break}})}static get observedAttributes(){return["data-total","class"]}attributeChangedCallback(o,t,r){switch(o){case"data-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 gt={name:"Card",mounted(){this.$nextTick(function(){window.customElements.get("iam-card")||window.customElements.define("iam-card",yt)})}};function _t(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-card",null,[e.renderSlot(a.$slots,"default")])}const U=_(gt,[["render",_t]]);function kt(a){var o;let t=a.querySelector(".carousel__inner"),r=a.querySelectorAll(".carousel__item").length;a.getAttribute("data-cols");let s=a.getAttribute("data-sm-cols"),i=a.getAttribute("data-md-cols");a.querySelector(".carousel__controls a").classList.add("active"),t.addEventListener("scroll",function(n){clearTimeout(o),o=setTimeout(function(){let d=t.clientWidth,l=t.scrollWidth,c=t.scrollLeft,m=Math.round(c/l*r)+1,u=a.querySelector(".carousel__item:last-child").offsetLeft;Array.from(a.querySelectorAll(".carousel__controls a")).forEach((h,f)=>{h.classList.remove("active")}),a.querySelector(".control-"+m).classList.add("active"),m==1?a.querySelector(".btn-prev").setAttribute("disabled","disabled"):a.querySelector(".btn-prev").removeAttribute("disabled"),t.scrollLeft+d>u?a.querySelector(".btn-next").setAttribute("disabled","disabled"):a.querySelector(".btn-next").removeAttribute("disabled")},100)},!1),a.addEventListener("click",function(n){for(var d=n.target;d&&d!=this;d=d.parentNode)if(d.matches(".carousel__controls a")){n.preventDefault(),Array.from(a.querySelectorAll(".carousel__controls a")).forEach((c,m)=>{c.classList.remove("active")}),d.classList.add("active");const l=document.querySelector(d.getAttribute("href"));t.scroll({top:0,left:l.offsetLeft,behavior:"smooth"});break}},!1),a.addEventListener("click",function(n){for(var d=n.target;d&&d!=this;d=d.parentNode)if(d.matches(".btn-next, .btn-prev")){n.preventDefault();let l=d.classList.contains("btn-prev")?t.scrollLeft-t.clientWidth:t.scrollLeft+t.clientWidth;t.scroll({top:0,left:l,behavior:"smooth"});break}},!1),r==1&&a.classList.add("hide-btns"),s>=r&&a.classList.add("hide-sm-btns"),i>=r&&a.classList.add("hide-md-btns")}const lr="",wt={components:{Card:U},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 a=>`${a.image?`<img src="${a.image}" alt="" />`:""}${a.content?a.content:""}`}},mounted(){this.id=this._uid,this.$nextTick(function(){kt(this.$refs.wrapper)})}},At=["id","data-cols","data-sm-cols","data-md-cols"],St={class:"carousel__wrapper"},Et={class:"carousel__inner"},Lt=["id"],qt=["innerHTML","id"],$t=["href"],xt=e.createElementVNode("button",{class:"btn btn-prev","data-go":"0",disabled:""},"Prev",-1),vt=e.createElementVNode("button",{class:"btn btn-next","data-go":"2"},"Next",-1);function Nt(a,o,t,r,s,i){const n=e.resolveComponent("Card");return e.openBlock(),e.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},[e.renderSlot(a.$slots,"default"),e.createElementVNode("div",St,[e.createElementVNode("div",Et,[t.type=="card"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap?`g-${t.gap}`:""}`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(d,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`col carousel__item${t.colclass?` ${t.colclass}`:""}`),key:l,id:"carousel"+s.id+"slide"+(l+1)},[e.createVNode(n,e.mergeProps(d,{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,Lt))),128))],2)):e.createCommentVNode("",!0),t.type!="card"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap?`g-${t.gap}`:""}`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(d,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`col carousel__item${t.colclass?` ${t.colclass}`:""}`),key:l,innerHTML:i.content(d),id:"carousel"+s.id+"slide"+(l+1)},null,10,qt))),128))],2)):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:e.normalizeClass(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(d,l)=>(e.openBlock(),e.createElementBlock("a",{key:l,href:"#carousel"+s.id+"slide"+(l+1),class:e.normalizeClass(`control-${l+1}`)},"Slide "+e.toDisplayString(l+1),11,$t))),128))],2),xt,vt])],8,At)}const Bt=_(wt,[["render",Nt]]);/*!
|
|
67
|
+
* iamKey v3.7.8--beta-2
|
|
65
68
|
* Copyright 2022-2023 iamproperty
|
|
66
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class
|
|
69
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class Ct extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
67
70
|
<style>
|
|
68
71
|
@import "${t}";
|
|
69
72
|
.header-banner{background:linear-gradient(180deg, var(--colour-secondary) 0, var(--colour-info) 100%);margin-bottom:2rem;position:relative;overflow:hidden;max-width:100% !important}@media screen and (min-width: 62em){.header-banner{min-height:29.375rem}}.header-banner>.container{padding-bottom:0;position:relative}.header-banner .breadcrumb{margin-top:1.5rem;margin-bottom:-0.5rem}@media screen and (min-width: 62em){.header-banner .breadcrumb{position:absolute;top:0;left:3.75rem}}.header-banner__inner{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: var(--colour-canvas);color:var(--colour-body);background:#fff;padding:2rem;margin:1.875rem 0;position:relative;z-index:var(--index-above)}.header-banner__inner .text-primary{color:var(--colour-primary) !important}@media screen and (min-width: 62em){.header-banner__inner{max-width:37.5rem;margin:7rem 0 5rem 0;padding:3.5rem 4rem}}.header-banner__inner>*:last-child{padding-bottom:0;margin-bottom:0}.header-banner picture img{display:none}@media screen and (min-width: 62em){.header-banner picture img{display:block;position:absolute;top:-0.5%;left:40%;height:101%;object-fit:cover;width:60%;pointer-events:none}}::slotted(.breadcrumb){margin-top:1.5rem !important;margin-bottom:-0.5rem !important}@media screen and (min-width: 62em){::slotted(.breadcrumb){position:absolute !important;top:0 !important;left:5.25rem !important}}::slotted(*:last-child){padding-bottom:0 !important;margin-bottom:0 !important}/*# sourceMappingURL=assets/css/components/header.css.map */
|
|
@@ -84,10 +87,10 @@
|
|
|
84
87
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" lazy="" />
|
|
85
88
|
</picture>
|
|
86
89
|
</div>
|
|
87
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){this.classList.add("loaded");const o=this.shadowRoot.querySelector("picture"),t=this.shadowRoot.querySelector("picture source");this.hasAttribute("image")?t.setAttribute("srcset",this.getAttribute("image")):o.remove()}}const Vt={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}},mounted(){this.$nextTick(function(){window.customElements.get("iam-header")||window.customElements.define("iam-header",Tt)})}},Mt=["image"],Ht=["innerHTML"];function Dt(a,o,t,r,l,i){return e.openBlock(),e.createElementBlock("iam-header",{class:"bg-secondary",image:t.image},[e.renderSlot(a.$slots,"breadcrumb"),t.title?(e.openBlock(),e.createElementBlock("h1",{key:0,innerHTML:t.title},null,8,Ht)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")],8,Mt)}const zt=_(Vt,[["render",Dt]]);function Rt(a){var o;const t=a.querySelector(".testimonial__images"),r=t.querySelectorAll("img").length;if(r==1)return!1;a.classList.add("testimonial--multi");const l=function(i){const n=a.querySelector(".btn-next"),c=a.querySelector(".btn-prev");n.setAttribute("data-go",i+1),c.setAttribute("data-go",i-1),n.removeAttribute("disabled"),c.removeAttribute("disabled"),i==1?c.setAttribute("disabled",!0):i==r&&n.setAttribute("disabled",!0)};t.addEventListener("scroll",function(i){clearTimeout(o),o=setTimeout(function(){let n=t.scrollWidth,c=t.scrollHeight,d=t.scrollLeft,s=t.scrollTop,h=Math.round(d/n*r)+1;d==0&&s!=0&&(h=Math.round(s/c*r)+1),a.setAttribute("data-show",h),l(h)},300)},!1),a.addEventListener("click",function(i){for(var n=i.target;n&&n!=this;n=n.parentNode)if(n.matches("[data-go]")){let c=parseInt(n.getAttribute("data-go")),d=0,s=0,h=t.scrollWidth,m=t.scrollHeight;h>m?s=Math.floor(h*((c-1)/r)):d=Math.floor(m*((c-1)/r)),t.scroll({top:d,left:s,behavior:"smooth"});break}},!1)}const cr="",Pt={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){Rt(this.$refs.wrapper)}},Ft={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},It={class:"row"},jt={class:"col-md-5 position-relative"},Ot={class:"testimonial__images"},Wt=["src"],Ut=e.createElementVNode("div",{class:"testimonial__controls"},[e.createElementVNode("button",{"data-go":"0",disabled:"",class:"btn-prev"},"Previous"),e.createElementVNode("button",{"data-go":"2",class:"btn-next"},"Next")],-1),Gt={class:"col-md-7"},Kt=e.createElementVNode("h2",null,"What our customers think…",-1),Qt={class:"testimonial__content"},Yt=["innerHTML"],Zt=["innerHTML"],Jt={class:"testimonial__after"},Xt=e.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1);function ea(a,o,t,r,l,i){return e.openBlock(),e.createElementBlock("div",Ft,[e.createElementVNode("div",{class:e.normalizeClass("bg-"+t.background)},[e.createElementVNode("div",It,[e.createElementVNode("div",jt,[e.createElementVNode("div",Ot,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,c)=>(e.openBlock(),e.createElementBlock("img",{key:c,src:n.image?n.image:"data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",alt:"",class:e.normalizeClass("h-100 w-100 object-cover"+(n.image?"":" opacity-0"))},null,10,Wt))),128))]),Ut]),e.createElementVNode("div",Gt,[Kt,e.createElementVNode("div",Qt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,c)=>(e.openBlock(),e.createElementBlock("blockquote",{key:c,class:e.normalizeClass(n.class)},[e.createElementVNode("div",{innerHTML:n.quote},null,8,Yt),e.createElementVNode("cite",{innerHTML:n.cite},null,8,Zt)],2))),128))]),e.createElementVNode("div",Jt,[e.renderSlot(a.$slots,"default")])])]),Xt],2)],512)}const ta=_(Pt,[["render",ea]]),dr="",aa={components:{Input:q},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(a){this.$emit("locationKeyup",a)}},computed:{locationSet:{get(){return this.locationSave?this.locationSave:this.location},set(a){this.locationSave=a,this.$emit("input",a)}},locationsList(){return()=>this.locations?this.locations:[{value:"Newcastle"}]}}},oa={class:"container",ref:"wrapper"},ra={class:"property-searchbar"},na=["action","method"],ia={class:"col-12 col-md-3"},sa={class:"col-12 col-md"},la=e.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1),ca={class:"row","data-input-range":""},da={class:"col-12 col-md"},ma=e.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1),ua={class:"row","data-input-range":""},ha={class:"col-12 col-md-2"},fa=e.createElementVNode("div",{class:"col-12 col-md mw-md-fit-content d-flex property-searchbar__btn"},[e.createElementVNode("button",{class:"btn w-100 me-0",type:"submit",value:"submit"},"Search")],-1);function pa(a,o,t,r,l,i){const n=e.resolveComponent("Input");return e.openBlock(),e.createElementBlock("div",oa,[e.renderSlot(a.$slots,"default"),e.createElementVNode("div",ra,[e.createElementVNode("form",{class:"row",action:t.formaction,method:t.formmethod},[e.createElementVNode("fieldset",ia,[e.createVNode(n,{inputClass:"input--locations",modelValue:i.locationSet,"onUpdate:modelValue":o[0]||(o[0]=c=>i.locationSet=c),label:"Location",id:"location",options:i.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:o[1]||(o[1]=c=>i.locationKeyup(...arguments)),ref:"search"},null,8,["modelValue","options"]),e.createVNode(n,{class:"select--miles",label:"Miles",id:"miles",type:"select",options:t.distances},null,8,["options"])]),e.createElementVNode("fieldset",sa,[la,e.createElementVNode("div",ca,[e.createVNode(n,{class:"col-6",label:"Minimum price",id:"price-min","data-min":"true",type:"select",options:t.pricemin},null,8,["options"]),e.createVNode(n,{class:"col-6",label:"Maximum price",id:"price-max","data-max":"true",type:"select",options:t.pricemax},null,8,["options"])])]),e.createElementVNode("fieldset",da,[ma,e.createElementVNode("div",ua,[e.createVNode(n,{class:"col-6",label:"Minimum beds",id:"beds-min","data-min":"true",type:"select",options:t.bedsmin},null,8,["options"]),e.createVNode(n,{class:"col-6",label:"Maximum beds",id:"beds-max","data-max":"true",type:"select",options:t.bedsmax},null,8,["options"])])]),e.createElementVNode("fieldset",ha,[e.createVNode(n,{label:"Property type",id:"property-type",type:"select",options:t.propertytypes},null,8,["options"])]),fa],8,na)]),e.renderSlot(a.$slots,"after")],512)}const ba=_(aa,[["render",pa]]),ya=a=>{Array.from(a.querySelectorAll("details")).forEach((o,t)=>{o.addEventListener("mouseenter",function(r){window.matchMedia("(min-width: 62em)").matches&&o.setAttribute("open","true")},!1),o.addEventListener("mouseleave",function(r){window.matchMedia("(min-width: 62em)").matches&&o.removeAttribute("open")},!1)}),"IntersectionObserver"in window&&new IntersectionObserver(([t])=>t.target.classList.toggle("is-stuck",t.intersectionRatio<1),{threshold:[1]}).observe(a)},mr="",ga={components:{Input:q,Logo:R},name:"Nav",props:{logo:{type:String,required:!1},logotext:{type:String,required:!1},logopath:{type:String,required:!1},search:{type:String,required:!1},btnlink:{type:String,required:!1},btntext:{type:String,required:!1},propertylink:{type:String,required:!1},movebutlerlink:{type:String,required:!1},iamsoldlink:{type:String,required:!1}},data(){return{locationSave:""}},methods:{subIsActive(a){return(Array.isArray(a)?a:[a]).some(t=>this.$route.path.indexOf(t)===0)}},computed:{hasLogoSlot(){return!!this.$slots.logo},hasSecondarySlot(){return!!this.$slots.secondary},hasSearchSlot(){return!!this.$slots.search},hasAccountSlot(){return!!this.$slots.account},isMarketplace(){return!1}},mounted(){this.$nextTick(function(){ya(this.$refs.wrapper)})}},_a=e.createElementVNode("input",{type:"checkbox",name:"showMenu",id:"showMenu",class:"d-none"},null,-1),ka=e.createElementVNode("input",{type:"checkbox",name:"showSearch",id:"showSearch",class:"d-none"},null,-1),wa=e.createElementVNode("input",{type:"checkbox",name:"showAccount",id:"showAccount",class:"d-none"},null,-1),Aa={class:"nav__mobile-bar"},Sa={class:"container"},Ea={class:"row"},La={key:0,class:"col mw-md-fit-content nav__logo"},xa={key:1,class:"col mw-md-fit-content nav__logo"},qa={href:"/",class:"text-decoration-none mb-0"},$a=e.createElementVNode("div",{class:"col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn"},[e.createElementVNode("label",{for:"showMenu"},"Menu")],-1),Na={class:"nav__inner"},va={class:"container"},Ba={class:"row"},Ca={key:0,class:"col mw-md-fit-content nav__logo"},Ta={key:1,class:"col mw-md-fit-content nav__logo"},Va={href:"/",class:"text-decoration-none mb-0"},Ma={key:2,class:"col mw-fit-content nav__search-btn flex-row align-items-center"},Ha=[e.createElementVNode("label",{for:"showSearch"},[e.createElementVNode("svg",{class:"icon",viewBox:"0 0 32 32"},[e.createElementVNode("title",null,"Search"),e.createElementVNode("ellipse",{cx:"14.92",cy:"13.81",rx:"11.92",ry:"11.81",class:"icon__outline"}),e.createElementVNode("line",{x1:"22.68",y1:"22.75",x2:"30",y2:"30",class:"icon__outline"})])],-1)],Da=e.createElementVNode("div",{class:"col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn"},[e.createElementVNode("label",{for:"showMenu"},"Menu")],-1),za={class:"col-12 col-md nav__menu ms-auto flex-row align-items-center"},Ra={key:3,class:"col nav__account-btn flex-row align-items-center"},Pa=[e.createElementVNode("label",{for:"showAccount"},[e.createElementVNode("svg",{class:"icon",viewBox:"0 0 28 28"},[e.createElementVNode("path",{d:"M14,28a13.861,13.861,0,0,1-9.268-3.533l-.023.047-.721-.738L3.62,23.4l.012-.023a14,14,0,1,1,20.735,0l.012.023-.367.377-.722.738-.024-.045A13.855,13.855,0,0,1,14,28Zm0-9.58a10.5,10.5,0,0,0-1.368.092c-.085.012-.17.03-.252.047-.061.013-.124.026-.187.037l-.077.013c-.266.047-.54.095-.8.165-.108.029-.215.065-.318.1-.063.022-.125.043-.188.063l-.08.026c-.223.071-.454.144-.671.234-.125.05-.245.11-.362.168l-.146.072-.045.021c-.208.1-.423.2-.623.312-.131.074-.257.158-.379.239l-.106.07-.068.044c-.176.114-.359.232-.528.359-.137.1-.267.218-.393.327l-.054.047c-.174.15-.355.306-.519.47-.132.134-.258.277-.38.416l-.018.021c-.16.184-.3.35-.437.527-.12.161-.23.33-.337.494-.076.117-.146.238-.214.356a12.495,12.495,0,0,0,17.109,0l-.022-.037c-.061-.1-.125-.212-.192-.315-.1-.156-.214-.333-.338-.5-.141-.188-.293-.363-.436-.526-.113-.13-.253-.292-.4-.438-.161-.162-.337-.314-.517-.468l-.08-.069c-.118-.1-.24-.209-.368-.307-.183-.137-.379-.264-.568-.387l-.026-.017-.106-.07c-.125-.083-.251-.166-.381-.24-.207-.118-.429-.222-.643-.322l-.024-.011-.152-.074c-.116-.057-.235-.116-.356-.165-.214-.087-.438-.159-.656-.229l-.1-.031c-.066-.021-.132-.043-.2-.066-.1-.035-.2-.07-.309-.1-.264-.07-.538-.118-.8-.165l-.078-.014c-.063-.011-.126-.024-.187-.037-.082-.017-.167-.035-.252-.047A10.483,10.483,0,0,0,14,18.421Zm0-1.473a11.871,11.871,0,0,1,1.54.1c.1.013.192.033.284.052.069.014.139.028.209.04.34.058.672.118,1,.2.14.036.278.082.412.127l.151.05c.309.1.587.188.859.3.148.059.293.127.433.194l.13.061c.306.142.553.266.775.389.188.107.368.22.535.328.26.166.489.322.7.478.156.117.316.244.49.389.209.176.412.361.622.567.156.154.3.293.43.443.209.23.4.472.542.657l.051.066c.1.134.21.272.308.416.021.031.045.061.068.09a1.267,1.267,0,0,1,.085.117,12.525,12.525,0,1,0-19.24,0c.026-.04.056-.078.084-.114s.05-.064.073-.1c.1-.141.2-.278.3-.409l.046-.059c.2-.264.378-.478.555-.672.137-.152.281-.3.417-.43.215-.21.422-.4.635-.578.18-.15.332-.271.479-.381.208-.155.433-.31.709-.486.174-.111.346-.219.526-.319.274-.153.55-.285.783-.393l.112-.053c.144-.069.293-.14.445-.2.282-.113.578-.208.864-.3l.159-.052c.132-.044.265-.088.4-.124.331-.087.675-.148,1-.2.068-.012.137-.026.2-.039.094-.019.191-.039.288-.052A11.827,11.827,0,0,1,14,16.948Z",transform:"translate(0 -0.001)"}),e.createElementVNode("path",{d:"M5.2,10.4a5.2,5.2,0,1,1,5.2-5.2A5.206,5.206,0,0,1,5.2,10.4Zm0-8.915A3.714,3.714,0,1,0,8.915,5.2,3.719,3.719,0,0,0,5.2,1.486Z",transform:"translate(8.8 4.8)"})]),e.createElementVNode("span",null,"My account")],-1)],Fa={key:4,class:"col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"},Ia=["href","innerHTML"],ja={key:0,class:"nav__menu--secondary"},Oa={class:"container"},Wa={key:1,class:"nav__menu--search"},Ua={class:"bg-gradient pt-4"},Ga={class:"container"},Ka={key:0,class:"nav__menu--account"},Qa={class:"container"},Ya={class:"row mb-4"},Za={key:0,class:"col mw-md-fit-content nav__logo"},Ja={key:1,class:"col mw-md-fit-content nav__logo"},Xa={href:"/",class:"text-decoration-none mb-0"},eo=e.createElementVNode("div",{class:"col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn"},[e.createElementVNode("label",{for:"showAccount"},"Account")],-1),to={class:"container"},ao=e.createElementVNode("span",{class:"nav__bg"},null,-1);function oo(a,o,t,r,l,i){const n=e.resolveComponent("Logo");return e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(`nav${i.hasSecondarySlot?" has-secondary":""}`),ref:"wrapper"},[_a,ka,wa,e.createElementVNode("div",Aa,[e.createElementVNode("div",Sa,[e.createElementVNode("div",Ea,[i.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",La,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",xa,[e.createElementVNode("a",qa,[e.createVNode(n,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),$a])])]),e.createElementVNode("div",Na,[e.createElementVNode("div",va,[e.createElementVNode("div",Ba,[i.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",Ca,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",Ta,[e.createElementVNode("a",Va,[e.createVNode(n,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),i.hasSearchSlot?(e.openBlock(),e.createElementBlock("div",Ma,Ha)):e.createCommentVNode("",!0),Da,e.createElementVNode("div",za,[e.renderSlot(a.$slots,"default")]),i.hasAccountSlot?(e.openBlock(),e.createElementBlock("div",Ra,Pa)):e.createCommentVNode("",!0),t.btnlink?(e.openBlock(),e.createElementBlock("div",Fa,[e.createElementVNode("a",{href:t.btnlink,class:"btn me-0",innerHTML:t.btntext},null,8,Ia)])):e.createCommentVNode("",!0)])]),i.hasSecondarySlot?(e.openBlock(),e.createElementBlock("div",ja,[e.createElementVNode("div",Oa,[e.renderSlot(a.$slots,"secondary")])])):e.createCommentVNode("",!0),i.hasSearchSlot?(e.openBlock(),e.createElementBlock("div",Wa,[e.createElementVNode("div",Ua,[e.createElementVNode("div",Ga,[e.renderSlot(a.$slots,"search")])])])):e.createCommentVNode("",!0)]),i.hasAccountSlot?(e.openBlock(),e.createElementBlock("div",Ka,[e.createElementVNode("div",Qa,[e.createElementVNode("div",Ya,[i.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",Za,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",Ja,[e.createElementVNode("a",Xa,[e.createVNode(n,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),eo])]),e.createElementVNode("div",to,[e.renderSlot(a.$slots,"account")])])):e.createCommentVNode("",!0),ao],2)}const ro=_(ga,[["render",oo]]),fr="",no={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},io={class:"container"},so=["aria-label"],lo={key:0,class:"h6 stepper__start"},co={class:"list-unstyled"},mo={class:"h6 stepper__end"};function uo(a,o,t,r,l,i){return e.openBlock(),e.createElementBlock("div",io,[e.createElementVNode("nav",{class:"stepper","aria-label":t.label?t.label:"Progress"},[t.label?(e.openBlock(),e.createElementBlock("span",lo,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),e.createElementVNode("ol",co,[e.renderSlot(a.$slots,"default")]),e.createElementVNode("span",mo,e.toDisplayString(t.endlabel),1)],8,so)])}const ho=_(no,[["render",uo]]),fo={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},po=["href","aria-current"],bo={key:0,class:"visually-hidden"};function yo(a,o,t,r,l,i){return e.openBlock(),e.createElementBlock("li",null,[e.createElementVNode("a",{href:t.url,class:e.normalizeClass(`${t.status?"bg-"+t.status:""}${typeof t.current<"u"?"current":""}`),"aria-current":typeof t.current<"u"},[e.createElementVNode("span",null,[e.renderSlot(a.$slots,"default")]),t.status?(e.openBlock(),e.createElementBlock("em",bo," - status: "+e.toDisplayString(t.status),1)):e.createCommentVNode("",!0)],10,po)])}const go=_(fo,[["render",yo]]);/*!
|
|
88
|
-
* iamKey v3.7.
|
|
90
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){this.classList.add("loaded");const o=this.shadowRoot.querySelector("picture"),t=this.shadowRoot.querySelector("picture source");this.hasAttribute("image")?t.setAttribute("srcset",this.getAttribute("image")):o.remove()}}const Vt={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}},mounted(){this.$nextTick(function(){window.customElements.get("iam-header")||window.customElements.define("iam-header",Ct)})}},Tt=["image"],Mt=["innerHTML"];function Ht(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-header",{class:"bg-secondary",image:t.image},[e.renderSlot(a.$slots,"breadcrumb"),t.title?(e.openBlock(),e.createElementBlock("h1",{key:0,innerHTML:t.title},null,8,Mt)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")],8,Tt)}const Dt=_(Vt,[["render",Ht]]);function zt(a){var o;const t=a.querySelector(".testimonial__images"),r=t.querySelectorAll("img").length;if(r==1)return!1;a.classList.add("testimonial--multi");const s=function(i){const n=a.querySelector(".btn-next"),d=a.querySelector(".btn-prev");n.setAttribute("data-go",i+1),d.setAttribute("data-go",i-1),n.removeAttribute("disabled"),d.removeAttribute("disabled"),i==1?d.setAttribute("disabled",!0):i==r&&n.setAttribute("disabled",!0)};t.addEventListener("scroll",function(i){clearTimeout(o),o=setTimeout(function(){let n=t.scrollWidth,d=t.scrollHeight,l=t.scrollLeft,c=t.scrollTop,m=Math.round(l/n*r)+1;l==0&&c!=0&&(m=Math.round(c/d*r)+1),a.setAttribute("data-show",m),s(m)},300)},!1),a.addEventListener("click",function(i){for(var n=i.target;n&&n!=this;n=n.parentNode)if(n.matches("[data-go]")){let d=parseInt(n.getAttribute("data-go")),l=0,c=0,m=t.scrollWidth,u=t.scrollHeight;m>u?c=Math.floor(m*((d-1)/r)):l=Math.floor(u*((d-1)/r)),t.scroll({top:l,left:c,behavior:"smooth"});break}},!1)}const cr="",Rt={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){zt(this.$refs.wrapper)}},Pt={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},It={class:"row"},Ft={class:"col-md-5 position-relative"},jt={class:"testimonial__images"},Ot=["src"],Ut=e.createElementVNode("div",{class:"testimonial__controls"},[e.createElementVNode("button",{"data-go":"0",disabled:"",class:"btn-prev"},"Previous"),e.createElementVNode("button",{"data-go":"2",class:"btn-next"},"Next")],-1),Wt={class:"col-md-7"},Gt=e.createElementVNode("h2",null,"What our customers think…",-1),Kt={class:"testimonial__content"},Yt=["innerHTML"],Zt=["innerHTML"],Jt={class:"testimonial__after"},Xt=e.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1);function Qt(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("div",Pt,[e.createElementVNode("div",{class:e.normalizeClass("bg-"+t.background)},[e.createElementVNode("div",It,[e.createElementVNode("div",Ft,[e.createElementVNode("div",jt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,d)=>(e.openBlock(),e.createElementBlock("img",{key:d,src:n.image?n.image:"data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",alt:"",class:e.normalizeClass("h-100 w-100 object-cover"+(n.image?"":" opacity-0"))},null,10,Ot))),128))]),Ut]),e.createElementVNode("div",Wt,[Gt,e.createElementVNode("div",Kt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,d)=>(e.openBlock(),e.createElementBlock("blockquote",{key:d,class:e.normalizeClass(n.class)},[e.createElementVNode("div",{innerHTML:n.quote},null,8,Yt),e.createElementVNode("cite",{innerHTML:n.cite},null,8,Zt)],2))),128))]),e.createElementVNode("div",Jt,[e.renderSlot(a.$slots,"default")])])]),Xt],2)],512)}const ea=_(Rt,[["render",Qt]]),dr="",ta={components:{Input:q},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(a){this.$emit("locationKeyup",a)}},computed:{locationSet:{get(){return this.locationSave?this.locationSave:this.location},set(a){this.locationSave=a,this.$emit("input",a)}},locationsList(){return()=>this.locations?this.locations:[{value:"Newcastle"}]}}},aa={class:"container",ref:"wrapper"},oa={class:"property-searchbar"},ra=["action","method"],na={class:"col-12 col-md-3"},ia={class:"col-12 col-md"},sa=e.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1),la={class:"row","data-input-range":""},ca={class:"col-12 col-md"},da=e.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1),ma={class:"row","data-input-range":""},ua={class:"col-12 col-md-2"},ha=e.createElementVNode("div",{class:"col-12 col-md mw-md-fit-content d-flex property-searchbar__btn"},[e.createElementVNode("button",{class:"btn w-100 me-0",type:"submit",value:"submit"},"Search")],-1);function pa(a,o,t,r,s,i){const n=e.resolveComponent("Input");return e.openBlock(),e.createElementBlock("div",aa,[e.renderSlot(a.$slots,"default"),e.createElementVNode("div",oa,[e.createElementVNode("form",{class:"row",action:t.formaction,method:t.formmethod},[e.createElementVNode("fieldset",na,[e.createVNode(n,{inputClass:"input--locations",modelValue:i.locationSet,"onUpdate:modelValue":o[0]||(o[0]=d=>i.locationSet=d),label:"Location",id:"location",options:i.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:o[1]||(o[1]=d=>i.locationKeyup(...arguments)),ref:"search"},null,8,["modelValue","options"]),e.createVNode(n,{class:"select--miles",label:"Miles",id:"miles",type:"select",options:t.distances},null,8,["options"])]),e.createElementVNode("fieldset",ia,[sa,e.createElementVNode("div",la,[e.createVNode(n,{class:"col-6",label:"Minimum price",id:"price-min","data-min":"true",type:"select",options:t.pricemin},null,8,["options"]),e.createVNode(n,{class:"col-6",label:"Maximum price",id:"price-max","data-max":"true",type:"select",options:t.pricemax},null,8,["options"])])]),e.createElementVNode("fieldset",ca,[da,e.createElementVNode("div",ma,[e.createVNode(n,{class:"col-6",label:"Minimum beds",id:"beds-min","data-min":"true",type:"select",options:t.bedsmin},null,8,["options"]),e.createVNode(n,{class:"col-6",label:"Maximum beds",id:"beds-max","data-max":"true",type:"select",options:t.bedsmax},null,8,["options"])])]),e.createElementVNode("fieldset",ua,[e.createVNode(n,{label:"Property type",id:"property-type",type:"select",options:t.propertytypes},null,8,["options"])]),ha],8,ra)]),e.renderSlot(a.$slots,"after")],512)}const fa=_(ta,[["render",pa]]),ba=a=>{Array.from(a.querySelectorAll("details")).forEach((o,t)=>{o.addEventListener("mouseenter",function(r){window.matchMedia("(min-width: 62em)").matches&&o.setAttribute("open","true")},!1),o.addEventListener("mouseleave",function(r){window.matchMedia("(min-width: 62em)").matches&&o.removeAttribute("open")},!1)}),"IntersectionObserver"in window&&new IntersectionObserver(([t])=>t.target.classList.toggle("is-stuck",t.intersectionRatio<1),{threshold:[1]}).observe(a)},mr="",ya={components:{Input:q,Logo:R},name:"Nav",props:{logo:{type:String,required:!1},logotext:{type:String,required:!1},logopath:{type:String,required:!1},search:{type:String,required:!1},btnlink:{type:String,required:!1},btntext:{type:String,required:!1},propertylink:{type:String,required:!1},movebutlerlink:{type:String,required:!1},iamsoldlink:{type:String,required:!1}},data(){return{locationSave:""}},methods:{subIsActive(a){return(Array.isArray(a)?a:[a]).some(t=>this.$route.path.indexOf(t)===0)}},computed:{hasLogoSlot(){return!!this.$slots.logo},hasSecondarySlot(){return!!this.$slots.secondary},hasSearchSlot(){return!!this.$slots.search},hasAccountSlot(){return!!this.$slots.account},isMarketplace(){return!1}},mounted(){this.$nextTick(function(){ba(this.$refs.wrapper)})}},ga=e.createElementVNode("input",{type:"checkbox",name:"showMenu",id:"showMenu",class:"d-none"},null,-1),_a=e.createElementVNode("input",{type:"checkbox",name:"showSearch",id:"showSearch",class:"d-none"},null,-1),ka=e.createElementVNode("input",{type:"checkbox",name:"showAccount",id:"showAccount",class:"d-none"},null,-1),wa={class:"nav__mobile-bar"},Aa={class:"container"},Sa={class:"row"},Ea={key:0,class:"col mw-md-fit-content nav__logo"},La={key:1,class:"col mw-md-fit-content nav__logo"},qa={href:"/",class:"text-decoration-none mb-0"},$a=e.createElementVNode("div",{class:"col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn"},[e.createElementVNode("label",{for:"showMenu"},"Menu")],-1),xa={class:"nav__inner"},va={class:"container"},Na={class:"row"},Ba={key:0,class:"col mw-md-fit-content nav__logo"},Ca={key:1,class:"col mw-md-fit-content nav__logo"},Va={href:"/",class:"text-decoration-none mb-0"},Ta={key:2,class:"col mw-fit-content nav__search-btn flex-row align-items-center"},Ma=[e.createElementVNode("label",{for:"showSearch"},[e.createElementVNode("svg",{class:"icon",viewBox:"0 0 32 32"},[e.createElementVNode("title",null,"Search"),e.createElementVNode("ellipse",{cx:"14.92",cy:"13.81",rx:"11.92",ry:"11.81",class:"icon__outline"}),e.createElementVNode("line",{x1:"22.68",y1:"22.75",x2:"30",y2:"30",class:"icon__outline"})])],-1)],Ha=e.createElementVNode("div",{class:"col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn"},[e.createElementVNode("label",{for:"showMenu"},"Menu")],-1),Da={class:"col-12 col-md nav__menu ms-auto flex-row align-items-center"},za={key:3,class:"col nav__account-btn flex-row align-items-center"},Ra=[e.createElementVNode("label",{for:"showAccount"},[e.createElementVNode("svg",{class:"icon",viewBox:"0 0 28 28"},[e.createElementVNode("path",{d:"M14,28a13.861,13.861,0,0,1-9.268-3.533l-.023.047-.721-.738L3.62,23.4l.012-.023a14,14,0,1,1,20.735,0l.012.023-.367.377-.722.738-.024-.045A13.855,13.855,0,0,1,14,28Zm0-9.58a10.5,10.5,0,0,0-1.368.092c-.085.012-.17.03-.252.047-.061.013-.124.026-.187.037l-.077.013c-.266.047-.54.095-.8.165-.108.029-.215.065-.318.1-.063.022-.125.043-.188.063l-.08.026c-.223.071-.454.144-.671.234-.125.05-.245.11-.362.168l-.146.072-.045.021c-.208.1-.423.2-.623.312-.131.074-.257.158-.379.239l-.106.07-.068.044c-.176.114-.359.232-.528.359-.137.1-.267.218-.393.327l-.054.047c-.174.15-.355.306-.519.47-.132.134-.258.277-.38.416l-.018.021c-.16.184-.3.35-.437.527-.12.161-.23.33-.337.494-.076.117-.146.238-.214.356a12.495,12.495,0,0,0,17.109,0l-.022-.037c-.061-.1-.125-.212-.192-.315-.1-.156-.214-.333-.338-.5-.141-.188-.293-.363-.436-.526-.113-.13-.253-.292-.4-.438-.161-.162-.337-.314-.517-.468l-.08-.069c-.118-.1-.24-.209-.368-.307-.183-.137-.379-.264-.568-.387l-.026-.017-.106-.07c-.125-.083-.251-.166-.381-.24-.207-.118-.429-.222-.643-.322l-.024-.011-.152-.074c-.116-.057-.235-.116-.356-.165-.214-.087-.438-.159-.656-.229l-.1-.031c-.066-.021-.132-.043-.2-.066-.1-.035-.2-.07-.309-.1-.264-.07-.538-.118-.8-.165l-.078-.014c-.063-.011-.126-.024-.187-.037-.082-.017-.167-.035-.252-.047A10.483,10.483,0,0,0,14,18.421Zm0-1.473a11.871,11.871,0,0,1,1.54.1c.1.013.192.033.284.052.069.014.139.028.209.04.34.058.672.118,1,.2.14.036.278.082.412.127l.151.05c.309.1.587.188.859.3.148.059.293.127.433.194l.13.061c.306.142.553.266.775.389.188.107.368.22.535.328.26.166.489.322.7.478.156.117.316.244.49.389.209.176.412.361.622.567.156.154.3.293.43.443.209.23.4.472.542.657l.051.066c.1.134.21.272.308.416.021.031.045.061.068.09a1.267,1.267,0,0,1,.085.117,12.525,12.525,0,1,0-19.24,0c.026-.04.056-.078.084-.114s.05-.064.073-.1c.1-.141.2-.278.3-.409l.046-.059c.2-.264.378-.478.555-.672.137-.152.281-.3.417-.43.215-.21.422-.4.635-.578.18-.15.332-.271.479-.381.208-.155.433-.31.709-.486.174-.111.346-.219.526-.319.274-.153.55-.285.783-.393l.112-.053c.144-.069.293-.14.445-.2.282-.113.578-.208.864-.3l.159-.052c.132-.044.265-.088.4-.124.331-.087.675-.148,1-.2.068-.012.137-.026.2-.039.094-.019.191-.039.288-.052A11.827,11.827,0,0,1,14,16.948Z",transform:"translate(0 -0.001)"}),e.createElementVNode("path",{d:"M5.2,10.4a5.2,5.2,0,1,1,5.2-5.2A5.206,5.206,0,0,1,5.2,10.4Zm0-8.915A3.714,3.714,0,1,0,8.915,5.2,3.719,3.719,0,0,0,5.2,1.486Z",transform:"translate(8.8 4.8)"})]),e.createElementVNode("span",null,"My account")],-1)],Pa={key:4,class:"col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"},Ia=["href","innerHTML"],Fa={key:0,class:"nav__menu--secondary"},ja={class:"container"},Oa={key:1,class:"nav__menu--search"},Ua={class:"bg-gradient pt-4"},Wa={class:"container"},Ga={key:0,class:"nav__menu--account"},Ka={class:"container"},Ya={class:"row mb-4"},Za={key:0,class:"col mw-md-fit-content nav__logo"},Ja={key:1,class:"col mw-md-fit-content nav__logo"},Xa={href:"/",class:"text-decoration-none mb-0"},Qa=e.createElementVNode("div",{class:"col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn"},[e.createElementVNode("label",{for:"showAccount"},"Account")],-1),eo={class:"container"},to=e.createElementVNode("span",{class:"nav__bg"},null,-1);function ao(a,o,t,r,s,i){const n=e.resolveComponent("Logo");return e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(`nav${i.hasSecondarySlot?" has-secondary":""}`),ref:"wrapper"},[ga,_a,ka,e.createElementVNode("div",wa,[e.createElementVNode("div",Aa,[e.createElementVNode("div",Sa,[i.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",Ea,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",La,[e.createElementVNode("a",qa,[e.createVNode(n,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),$a])])]),e.createElementVNode("div",xa,[e.createElementVNode("div",va,[e.createElementVNode("div",Na,[i.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",Ba,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",Ca,[e.createElementVNode("a",Va,[e.createVNode(n,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),i.hasSearchSlot?(e.openBlock(),e.createElementBlock("div",Ta,Ma)):e.createCommentVNode("",!0),Ha,e.createElementVNode("div",Da,[e.renderSlot(a.$slots,"default")]),i.hasAccountSlot?(e.openBlock(),e.createElementBlock("div",za,Ra)):e.createCommentVNode("",!0),t.btnlink?(e.openBlock(),e.createElementBlock("div",Pa,[e.createElementVNode("a",{href:t.btnlink,class:"btn me-0",innerHTML:t.btntext},null,8,Ia)])):e.createCommentVNode("",!0)])]),i.hasSecondarySlot?(e.openBlock(),e.createElementBlock("div",Fa,[e.createElementVNode("div",ja,[e.renderSlot(a.$slots,"secondary")])])):e.createCommentVNode("",!0),i.hasSearchSlot?(e.openBlock(),e.createElementBlock("div",Oa,[e.createElementVNode("div",Ua,[e.createElementVNode("div",Wa,[e.renderSlot(a.$slots,"search")])])])):e.createCommentVNode("",!0)]),i.hasAccountSlot?(e.openBlock(),e.createElementBlock("div",Ga,[e.createElementVNode("div",Ka,[e.createElementVNode("div",Ya,[i.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",Za,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",Ja,[e.createElementVNode("a",Xa,[e.createVNode(n,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),Qa])]),e.createElementVNode("div",eo,[e.renderSlot(a.$slots,"account")])])):e.createCommentVNode("",!0),to],2)}const oo=_(ya,[["render",ao]]),pr="",ro={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},no={class:"container"},io=["aria-label"],so={key:0,class:"h6 stepper__start"},lo={class:"list-unstyled"},co={class:"h6 stepper__end"};function mo(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("div",no,[e.createElementVNode("nav",{class:"stepper","aria-label":t.label?t.label:"Progress"},[t.label?(e.openBlock(),e.createElementBlock("span",so,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),e.createElementVNode("ol",lo,[e.renderSlot(a.$slots,"default")]),e.createElementVNode("span",co,e.toDisplayString(t.endlabel),1)],8,io)])}const uo=_(ro,[["render",mo]]),ho={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},po=["href","aria-current"],fo={key:0,class:"visually-hidden"};function bo(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("li",null,[e.createElementVNode("a",{href:t.url,class:e.normalizeClass(`${t.status?"bg-"+t.status:""}${typeof t.current<"u"?"current":""}`),"aria-current":typeof t.current<"u"},[e.createElementVNode("span",null,[e.renderSlot(a.$slots,"default")]),t.status?(e.openBlock(),e.createElementBlock("em",fo," - status: "+e.toDisplayString(t.status),1)):e.createCommentVNode("",!0)],10,po)])}const yo=_(ho,[["render",bo]]);/*!
|
|
91
|
+
* iamKey v3.7.8--beta-2
|
|
89
92
|
* Copyright 2022-2023 iamproperty
|
|
90
|
-
*/const
|
|
93
|
+
*/const go=function(a){const o=a.querySelectorAll(":scope > details");a.querySelectorAll(":scope > details > summary");let t=a.querySelector(":scope > .tabs__links");a.shadowRoot&&a.shadowRoot.querySelector(".tabs__links")&&(t=a.shadowRoot.querySelector(".tabs__links")),t||(t=document.createElement("div"),t.classList.add("tabs__links"),a.prepend(t)),o.forEach((r,s)=>{let i=r.querySelector(":scope > summary");i.classList.add("visually-hidden");let n=document.createElement("button");r.hasAttribute("id")&&(n=document.createElement("a"),n.setAttribute("href",`#${r.getAttribute("id")}`)),r.hasAttribute("open")&&n.setAttribute("aria-pressed",!0),n.innerHTML=`${i.innerText}`,n.classList.add("link"),n.setAttribute("data-index",s),n.setAttribute("tabindex","-1"),t.appendChild(n)})},_o=function(a){let o=a.querySelectorAll(":scope > details"),t=a.querySelectorAll(":scope > details > summary"),r=a.querySelectorAll(":scope .tabs__links > .link");a.shadowRoot&&(r=a.shadowRoot.querySelectorAll(".tabs__links > .link")),r.forEach(s=>{s.addEventListener("click",i=>{i.preventDefault(),r.forEach(n=>{let d=n==s;n.setAttribute("aria-pressed",d)}),o.forEach((n,d)=>{let l=s.getAttribute("data-index")==d;l?n.setAttribute("open",l):n.removeAttribute("open")}),s.hasAttribute("href")&&history.pushState(void 0,void 0,s.getAttribute("href")),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:s.textContent})})}),t.forEach((s,i)=>{s.addEventListener("focus",n=>{r.forEach(d=>{d.classList.remove("focus")}),r[i].classList.add("focus")}),s.addEventListener("click",n=>{n.preventDefault(),r[i].click()})})},ko=function(a){let o=a.querySelectorAll(":scope > details"),t=a.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");a.shadowRoot&&(t=a.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")),location.hash&&a.querySelector(`.tabs__links [href="${location.hash}"]`)?(a.querySelector(`[href="${location.hash}"]`).setAttribute("open",!0),a.querySelector(`details[id="${location.hash.replace("#","")}"]`).setAttribute("open",!0)):a.querySelector("details[open]")||(o[0].setAttribute("open",!0),t[0].setAttribute("aria-pressed",!0))},wo=function(a){go(a),_o(a),ko(a)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});class Ao extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
91
94
|
<style>
|
|
92
95
|
@import "${t}";
|
|
93
96
|
|
|
@@ -101,10 +104,10 @@
|
|
|
101
104
|
<div class="tabs__links"></div>
|
|
102
105
|
<slot></slot>
|
|
103
106
|
</div>
|
|
104
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){let o=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${o}`),
|
|
105
|
-
* iamKey v3.7.
|
|
107
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){let o=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${o}`),wo(this)}}const fr="";window.customElements.get("iam-tabs")||window.customElements.define("iam-tabs",Ao);const So={name:"Tabs"},Eo={ref:"wrapper"};function Lo(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-tabs",Eo,[e.renderSlot(a.$slots,"default")],512)}const qo=_(So,[["render",Lo]]),$o={name:"Tab",props:{title:{type:String,required:!0},lazy:{type:Boolean,required:!1}},data(){return{show:!this.lazy}},watch:{show(a,o){console.log(a)}}},xo={class:"tab"},vo=["innerHTML"];function No(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("details",xo,[e.createElementVNode("summary",{innerHTML:t.title},null,8,vo),e.renderSlot(a.$slots,"default")])}const Bo=_($o,[["render",No]]);let W=M.props;W.fields.required=!1;const Co={components:{Table:M,Input:q},data(){return{itemsData:[...this.items]}},methods:{submitForm:function(a){console.log(this);const o=new FormData(a.target);let t=new Date;const r=t.getFullYear();let s=t.getMonth()+1,i=t.getDate();i<10&&(i="0"+i),s<10&&(s="0"+s),t=i+"/"+s+"/"+r,this.itemsData.unshift({date_added:t,user:o.get("user"),note:o.get("addNote")}),this.$emit("formSubmitted",a)}},name:"NoteFeed",props:{user:{type:String,required:!0},...W,title:{type:String,required:!1},method:{type:String,required:!1,default:"post"},action:{type:String,required:!1}}},Vo={class:"container note-feed mb-2"},To=["innerHTML"],Mo=["action","method"],Ho=["value"],Do=e.createElementVNode("button",{class:"btn btn-tertiary"},"Submit note",-1);function zo(a,o,t,r,s,i){const n=e.resolveComponent("Table"),d=e.resolveComponent("Input");return e.openBlock(),e.createElementBlock("div",Vo,[t.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:"h3",innerHTML:t.title},null,8,To)):e.createCommentVNode("",!0),e.createVNode(n,e.mergeProps({fields:[{key:"date_added"},{key:"user"},{key:"note"}],items:s.itemsData},a.$props,{class:"mb-0"}),null,16,["items"]),e.createElementVNode("form",{action:t.action,method:t.method,onSubmit:o[0]||(o[0]=e.withModifiers(l=>i.submitForm(...arguments),["prevent"]))},[e.createElementVNode("input",{type:"hidden",value:t.user,name:"user"},null,8,Ho),e.createVNode(d,{id:"addNote",type:"textarea",label:"Add note",required:"",class:"mw-100"}),Do],40,Mo)])}const Ro=_(Co,[["render",zo]]);/*!
|
|
108
|
+
* iamKey v3.7.8--beta-2
|
|
106
109
|
* Copyright 2022-2023 iamproperty
|
|
107
|
-
*/function
|
|
110
|
+
*/function Po(a,o){function t(r,s){let i=!1,n=s.getAttribute("name");n.includes("[]")&&(n=n.replace("[]",`[${s.value}]`));let d=r.querySelector(`[data-name="${n}"]`);d&&s.getAttribute("type")=="checkbox"&&(i=!0);let l=s.getAttribute("data-filter-text");if(d||(d=document.createElement("button"),r.appendChild(d)),d.setAttribute("type","button"),d.classList.add("filter"),d.setAttribute("data-name",n),d.innerHTML=l.replace("$value",s.value),(!s.value||i)&&d.remove(),s.parentNode.closest("[data-filter-text]")){let c=s.parentNode.closest("[data-filter-text]"),m=!0;if(n="",c.querySelectorAll("input").forEach((u,h)=>{let f=u.getAttribute("name");if(n+=`${h!=0?",":""}${f}`,r.querySelector(`[data-name="${f}"]`)&&r.querySelector(`[data-name="${f}"]`).remove(),u.value){let p=document.createElement("button");p.setAttribute("type","button"),p.classList.add("filter"),p.setAttribute("data-name",f),p.innerHTML=l.replace("$value",u.value),r.appendChild(p)}else m=!1}),r.querySelector(`[data-name="${n}"]`)&&r.querySelector(`[data-name="${n}"]`).remove(),m){let u=c.getAttribute("data-filter-text");c.querySelectorAll("input").forEach((f,p)=>{let g=f.getAttribute("name");r.querySelector(`[data-name="${g}"]`)&&r.querySelector(`[data-name="${g}"]`).remove(),u=u.replace(`$${p+1}`,f.value)});let h=document.createElement("button");h.setAttribute("type","button"),h.classList.add("filter"),h.setAttribute("data-name",n),h.innerHTML=u,r.appendChild(h)}}}Array.from(a.querySelectorAll('input[type="checkbox"]:checked')).forEach((r,s)=>{t(o,r)}),a.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(o,s)}},!1),o.addEventListener("click",function(r){if(r&&r.target instanceof HTMLElement&&r.target.closest(".filter")){let n=r.target.closest(".filter"),d=n.getAttribute("data-name").split(",");for(var s=0;s<d.length;s++){let l=d[s],c=`[name="${l}"]`;l.match(/\[(.*)\]/)&&(l.replace(/\[(.*)\]/,"[]"),c=`[value="${l.replace(/.*\[(.*)\]/,"$1")}"]`);let m=a.querySelectorAll(c);for(var i=0;i<m.length;i++){let u=m[i];if(u.getAttribute("type")!="radio"&&u.getAttribute("type")!="checkbox")u.value="";else{u.checked=!1;var r=new Event("force");u.closest("form").dispatchEvent(r)}}}n.remove()}},!1)}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Applied Filters"});class Io extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`;let r=this.classList.toString();const s=document.createElement("template");s.innerHTML=`
|
|
108
111
|
<style>
|
|
109
112
|
@import "${t}";
|
|
110
113
|
.applied-filters:not(.applied-filters--compact):not(:empty):before{content:"Applied filters";font-weight:bold;font-size:1.125rem;line-height:1.375rem;color:var(--colour-header);margin-bottom:1rem;display:block}.applied-filters:not(:empty){margin-bottom:1rem}::slotted(*:last-child){margin-bottom:0}.applied-filters .filter{border:1px solid var(--colour-border);padding:1rem 1.5rem 1rem 1.5rem;background:rgba(0,0,0,0);margin-right:.5rem !important;margin-bottom:.5rem !important;line-height:1.5rem;white-space:nowrap}.applied-filters .filter:after{content:"";display:inline-block;height:1.25rem;width:1.25rem;padding:0;margin-left:1.5rem;margin-bottom:-0.25rem;border:none;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-close);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-close);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}.applied-filters--compact .filter{background-color:var(--colour-light);border:none;padding:0.625rem;line-height:1rem;border-radius:0.3125rem}.applied-filters--compact .filter:after{margin-left:0.625rem;height:1rem;width:1rem;margin-bottom:-0.1rem}/*# sourceMappingURL=assets/css/components/applied-filters.css.map */
|
|
@@ -113,10 +116,10 @@
|
|
|
113
116
|
</style>
|
|
114
117
|
<div class="applied-filters ${r}"></div>
|
|
115
118
|
<slot></slot>
|
|
116
|
-
`,this.shadowRoot.appendChild(
|
|
117
|
-
* iamKey v3.7.
|
|
119
|
+
`,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){Po(this,this.shadowRoot.querySelector(".applied-filters"))}}window.customElements.get("iam-applied-filters")||window.customElements.define("iam-applied-filters",Io);const Fo={name:"Header"};function jo(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-applied-filters",null,[e.renderSlot(a.$slots,"default")])}const Oo=_(Fo,[["render",jo]]);/*!
|
|
120
|
+
* iamKey v3.7.8--beta-2
|
|
118
121
|
* Copyright 2022-2023 iamproperty
|
|
119
|
-
*/function Uo(a,o){
|
|
122
|
+
*/function Uo(a,o){Wo(a,o)}function Wo(a,o){var t;o.addEventListener("keyup",r=>{clearTimeout(t),t=setTimeout(function(){G(a,o.value)},500)}),o.addEventListener("change",r=>{clearTimeout(t),G(a,o.value)})}const G=function(a,o){Array.from(a.querySelectorAll(":scope > li")).forEach((t,r)=>{let s=t.textContent.toLowerCase();t.classList.add("d-none"),s.includes(o.toLowerCase())&&t.classList.remove("d-none")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Filtered list",value:o})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"filterlist"});class Go extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
120
123
|
<style>
|
|
121
124
|
@import "${t}";
|
|
122
125
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
@@ -143,7 +146,7 @@
|
|
|
143
146
|
<div class="list__wrapper">
|
|
144
147
|
<slot></slot>
|
|
145
148
|
</div>
|
|
146
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){let o=this.classList.toString();this.shadowRoot.querySelector(".list__wrapper").setAttribute("class",`list__wrapper ${o}`),this.querySelector("i.fa-search")||(this.innerHTML+='<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'),Uo(this.querySelector("ul"),this.shadowRoot.querySelector("#search"))}}window.customElements.get("iam-filterlist")||window.customElements.define("iam-filterlist",
|
|
149
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){let o=this.classList.toString();this.shadowRoot.querySelector(".list__wrapper").setAttribute("class",`list__wrapper ${o}`),this.querySelector("i.fa-search")||(this.innerHTML+='<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'),Uo(this.querySelector("ul"),this.shadowRoot.querySelector("#search"))}}window.customElements.get("iam-filterlist")||window.customElements.define("iam-filterlist",Go);const Ko={name:"Filter list"};function Yo(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-filterlist",null,[e.renderSlot(a.$slots,"default")])}const Zo=_(Ko,[["render",Yo]]);function Jo(a){if(a.hasAttribute("data-type")&&a.getAttribute("data-type")=="toast"){let t=document.querySelector(".notification__holder");t||(t=document.createElement("div"),t.classList.add("notification__holder"),t.classList.add("container"),document.querySelector("body").appendChild(t)),a.closest(".notification__holder")||t.appendChild(a)}if(a.setAttribute("role","alert"),a.addEventListener("click",function(t){event&&event.target instanceof HTMLElement&&event.target.closest("[data-dismiss-button]")&&(t.preventDefault(),H(a))},!1),a.hasAttribute("data-timeout")){let t=a.getAttribute("data-timeout");var o=new Xo(function(){H(a)},t);a.addEventListener("mouseenter",r=>{o.pause()}),a.addEventListener("mouseleave",r=>{o.resume()})}}function Xo(a,o){var t,r,s=o;this.pause=function(){window.clearTimeout(t),s-=new Date-r},this.resume=function(){r=new Date,window.clearTimeout(t),t=window.setTimeout(a,s)},this.resume()}const H=function(a){a.classList.add("d-none")};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Notification"});class Qo extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`,r=`@import "${o}/css/components/notification.css";`,s=this.querySelectorAll("a,button");Array.from(s).forEach((n,d)=>{n.setAttribute("slot","btns"),n.classList.add("link")}),(s.length||this.hasAttribute("data-dismiss"))&&this.classList.add("notification--dismissable");const i=document.createElement("template");i.innerHTML=`
|
|
147
150
|
<style>
|
|
148
151
|
@import "${t}";
|
|
149
152
|
${r}
|
|
@@ -152,7 +155,7 @@
|
|
|
152
155
|
|
|
153
156
|
<div class="notification">
|
|
154
157
|
<div class="notification__icon"><slot name="icon"></slot></div>
|
|
155
|
-
<div class="notification__inner"><div class="notification__text"><slot></slot></div>${
|
|
158
|
+
<div class="notification__inner"><div class="notification__text"><slot></slot></div>${s.length?'<div class="notification__btns"><slot name="btns"></slot></div>':""}</div>
|
|
156
159
|
${this.hasAttribute("data-dismiss")?'<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>':""}
|
|
157
160
|
</div>
|
|
158
|
-
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){const o=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>'}Jo(r),o&&o.addEventListener("click",function(
|
|
161
|
+
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){const o=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>'}Jo(r),o&&o.addEventListener("click",function(s){H(r)},!1)}}const er={name:"Notification",props:{},created(){this.$nextTick(function(){window.customElements.get("iam-notification")||window.customElements.define("iam-notification",Qo)})}};function tr(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-notification",null,[e.renderSlot(a.$slots,"default")])}const ar=_(er,[["render",tr]]);b.Accordion=at,b.AccordionItem=st,b.AppliedFilters=Oo,b.Banner=bt,b.Card=U,b.Carousel=Bt,b.FileUploads=Ze,b.Filterlist=Zo,b.Header=Dt,b.Input=q,b.Logo=R,b.Nav=oo,b.NoteFeed=Ro,b.Notification=ar,b.PropertySearchbar=fa,b.Step=yo,b.Stepper=uo,b.Tab=Bo,b.Table=M,b.Tabs=qo,b.Testimonial=ea,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
|