@iamproperty/components 3.7.8 → 3.7.9-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/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 +2 -1
- package/assets/js/components/card/card.component.min.js +2 -2
- 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 +10 -10
- 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.min.js +1 -1
- package/assets/js/modules/table.js +49 -31
- 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/ts/components/accordion/README.md +15 -0
- package/assets/ts/components/applied-filters/README.md +15 -0
- package/assets/ts/components/card/README.md +15 -0
- package/assets/ts/components/card/card.component.ts +2 -2
- package/assets/ts/components/fileupload/README.md +15 -0
- package/assets/ts/components/filterlist/README.md +15 -0
- package/assets/ts/components/header/README.md +16 -3
- package/assets/ts/components/notification/README.md +15 -0
- package/assets/ts/components/pagination/README.md +15 -0
- package/assets/ts/components/table/README.md +15 -0
- package/assets/ts/components/tabs/README.md +15 -0
- package/assets/ts/modules/table.ts +67 -44
- package/dist/components.es.js +1035 -1097
- package/dist/components.umd.js +43 -43
- package/package.json +1 -1
- package/src/components/Card/Card.vue +8 -4
package/dist/components.umd.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
(function(
|
|
2
|
-
* iamKey v3.7.
|
|
1
|
+
(function(y,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(y=typeof globalThis<"u"?globalThis:y||self,e(y.iamkey={},y.Vue))})(this,function(y,e){"use strict";const k=(a,o)=>{const t=a.__vccOpts||a;for(const[r,s]of o)t[r]=s;return t},X={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}}},J=["xlink:href"],Q=["innerHTML"];function ee(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,J)])),t.desc?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:t.desc},null,8,Q)):e.createCommentVNode("",!0)],2)}const P=k(X,[["render",ee]]);/*!
|
|
2
|
+
* iamKey v3.7.9-beta-2
|
|
3
3
|
* Copyright 2022-2023 iamproperty
|
|
4
|
-
*/const
|
|
4
|
+
*/const te=function(a){return typeof a!="string"?!1:!isNaN(a)&&!isNaN(parseFloat(a))},ae=(a,o)=>String(a).padStart(o,"0"),oe=a=>a.charAt(0).toUpperCase()+a.slice(1),$=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 l="";for(let d=1;d<=r;d++)d==t?l+=`<li class="page-item active" aria-current="page"><span class="page-link">${d}</span></li>`:l+=`<li class="page-item"><a href="?page=${d}" class="page-link" data-page="${d}">${d}</a></li>`;return o.innerHTML=`<ul class="pagination mb-0 d-none d-sm-flex">
|
|
5
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>`}
|
|
6
|
-
${
|
|
6
|
+
${l}
|
|
7
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>`}
|
|
8
8
|
</ul>`,o.innerHTML+=`<div class="d-sm-none text-center">
|
|
9
9
|
<span class="d-block pb-2">You've viewed ${i} of ${s} results</span>
|
|
10
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>
|
|
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 c(m){try{d(r.next(m))}catch(u){n(u)}}function l(m){try{d(r.throw(m))}catch(u){n(u)}}function d(m){m.done?i(m.value):s(m.value).then(c,l)}d((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,c)=>{const l=o[c];if(typeof l<"u"){let d=document.createElement("div");d.innerHTML=l.innerHTML;let m=d.textContent||d.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=V(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()}})},F=(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((c,l)=>{Array.from(a.querySelectorAll('td[data-label="'+c.trim()+'"]')).forEach((d,m)=>{d.querySelector(".td__content")?n[d.querySelector(".td__content").textContent]=d.querySelector(".td__content").textContent:n[d.textContent]=d.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("")}`},ie=(a,o,t,r,s)=>{var i;let n=function(d=!1){if(o.hasAttribute("data-ajax")){if(!d){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():(T(a,o,r),v(r,t),q(a,o))};o.addEventListener("keyup",d=>{clearTimeout(i),d&&d.target instanceof HTMLElement&&d.target.closest("[data-search]")&&(i=setTimeout(function(){n()},500))}),o.addEventListener("change",d=>{clearTimeout(i),d&&d.target instanceof HTMLElement&&d.target.closest("[data-sort]")&&(o.hasAttribute("data-submit")||I(a,o,s),n()),d&&d.target instanceof HTMLElement&&d.target.closest("[data-search]")&&n(),d&&d.target instanceof HTMLElement&&d.target.closest("[data-filter][data-no-ajax]")?(T(a,o,r),v(r,t),q(a,o)):(d&&d.target instanceof HTMLElement&&d.target.closest("[data-filter]")&&d.target.closest("form .dialog__wrapper > dialog")||d&&d.target instanceof HTMLElement&&d.target.closest("[data-filter]")&&!d.target.closest("form dialog"))&&n(),d&&d.target instanceof HTMLElement&&d.target.closest("[data-show]")&&n(),d&&d.target instanceof HTMLElement&&d.target.closest("[data-mimic]")&&n()}),o.addEventListener("click",d=>{clearTimeout(i),d&&d.target instanceof HTMLElement&&d.target.closest('dialog button:not([type="button"])')&&d.target.closest('dialog button:not([type="button"])').closest("dialog").close(),d&&d.target instanceof HTMLElement&&d.target.closest(".dialog__close")&&(d.preventDefault(),d.stopPropagation()),d&&d.target instanceof HTMLElement&&d.target.closest("[data-clear]")&&(o.reset(),o.hasAttribute("data-submit")||I(a,o,s),n())}),o.addEventListener("submit",d=>{clearTimeout(i),o.hasAttribute("data-submit")||d.preventDefault(),n()}),o.addEventListener("force",d=>{n()}),o.addEventListener("paginate",d=>{n(!0)});let c=[],l=[];Array.from(o.querySelectorAll("[data-mimic]")).forEach((d,m)=>{let u=d.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${u}"]`)).forEach((h,p)=>{let f=h.closest("form");c.includes(f)||c.push(f),l.includes(u)||l.push(u)})}),c.forEach((d,m)=>{const u=function(){let h=[],p=new FormData(d);for(const[f,g]of p)document.querySelector(`[data-mimic="${f}"]`)&&!h.includes(f)?(h.push(f),document.querySelector(`[data-mimic="${f}"]`).value=g):document.querySelector(`[data-mimic="${f}"]`)&&(document.querySelector(`[data-mimic="${f}"]`).value+=","+g);for(const f of h){const g=new Event("force");o.dispatchEvent(g)}for(const f of l)if(!p.has(f)&&d.querySelector(`[name="${f}"]`)){document.querySelector(`[data-mimic="${f}"]`).value="";const g=new Event("force");o.dispatchEvent(g)}};d.addEventListener("force",h=>{u()}),d.addEventListener("change",h=>{u()})})},I=(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"),c=i.getAttribute("data-order"),l=i.getAttribute("data-format");if(!n)return r.innerHTML=t.innerHTML,P(a),!1;let d=[];["asc","desc","descending"].includes(c)||(d=c.split(","));let m=[];Array.from(r.querySelectorAll("tr")).forEach((h,p)=>{let f=h.querySelector('td[data-label="'+n+'"], th[data-label="'+n+'"]').textContent.trim();h.querySelector('[data-label="'+n+'"] .td__content')&&(f=h.querySelector('[data-label="'+n+'"] .td__content').textContent.trim()),d.length&&d.includes(f)&&(f=d.indexOf(f)),Q(f)&&(f=ee(f,10)),l&&l=="date"&&(f=new Date(f));const g={index:f,row:h};m.push(g)}),m.sort((h,p)=>h.index>p.index?1:-1),(c=="descending"||c=="desc")&&(m=m.reverse());let u="";m.forEach((h,p)=>{u+=h.row.outerHTML}),r.innerHTML=u},T=(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,c=o.querySelector("[data-show]")?parseInt(o.querySelector("[data-show]").value):15;if(Array.from(a.querySelectorAll("tbody tr")).forEach((l,d)=>{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,d)=>{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((d,m)=>{s.push({column:`${d.trim()}`,value:`${l.value}`})})}Array.from(o.querySelectorAll("[data-filter-count]")).forEach((l,d)=>{l.innerHTML=""}),r.length&&Array.from(o.querySelectorAll("[data-filter-count]")).forEach((l,d)=>{l.innerHTML+=`(${r.length})`}),a.classList.add("table--filtered");for(const[l,d]of Object.entries(r))Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((m,u)=>{let h=!1;d.forEach((p,f)=>{let g=m.querySelector(`[data-label="${l}"]`);if(p&&p=="$today")p=V("date",new Date);else if(p&&p=="$yesterday"){let k=new Date;k.setDate(k.getDate()-1),p=V("date",k)}else if(p&&(p=="$thisWeek"||p=="$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),p=="$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(p&&p=="$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(p&&p=="$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(p.toLowerCase())&&(h=!0)}),h||(m.classList.add("filtered"),m.setAttribute("data-filtered-by",l))});Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((l,d)=>{let m=!(s.length>0&&s[0].value.length>=3);s.forEach((u,h)=>{let p=l.querySelector(`[data-label="${u.column}"]`);p&&u.value.length>=3&&p.textContent.toLowerCase().includes(u.value.toLowerCase())&&(m=!0)}),m||l.classList.add("filtered")}),Array.from(a.querySelectorAll("tbody tr:not(.filtered")).forEach((l,d)=>{i++,l.classList.add("filtered--matched"),Math.ceil(i/c)==parseInt(n)&&l.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))},q=(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 c=i.split(" & "),l="";c.forEach(d=>{l+=`:not([data-filtered-by="${d}"])`}),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 c=i.split(" && ");n=Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).filter(function(l){let d=!0;for(const[m,u]of Object.entries(c)){let h=u.split(" == ");(!l.querySelector(`td[data-label="${h[0]}"]`)||l.querySelector(`td[data-label="${h[0]}"]`).textContent!=`${h[1]}`)&&(d=!1)}return d}).length}else{let c=i.split(" == ");n=Array.from(a.querySelectorAll(`tbody tr.filtered--matched td[data-label="${c[0]}"], tbody tr[data-filtered-by="${c[0]}"] td[data-label="${c[0]}"]`)).filter(function(l){return l.textContent===c[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 d=new URL(location);d.searchParams.set("page",n),history.pushState({type:"pagination",form:o.getAttribute("id"),page:n},"",d)}const c=-250,l=a.getBoundingClientRect().top+window.pageYOffset+c;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
|
|
11
|
+
</div>`,!0};var re=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 l(u){try{c(r.next(u))}catch(p){n(p)}}function d(u){try{c(r.throw(u))}catch(p){n(p)}}function c(u){u.done?i(u.value):s(u.value).then(l,d)}c((r=r.apply(a,o||[])).next())})};const F=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,l)=>{const d=o[l];if(typeof d<"u"){let c=document.createElement("div");c.innerHTML=d.innerHTML;let u=c.textContent||c.innerText||"";n.setAttribute("data-label",u),d.hasAttribute("data-td-class")&&n.setAttribute("class",d.getAttribute("data-td-class")),d.hasAttribute("data-format")&&(n.setAttribute("data-format",d.getAttribute("data-format")),n.innerHTML=C(d.getAttribute("data-format"),n.textContent.trim())),i.includes(n.textContent.trim().toLowerCase())&&n.setAttribute("data-content",n.textContent.trim().toLowerCase())}})})},ne=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},ie=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>`}})},se=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((l,d)=>{Array.from(a.querySelectorAll('td[data-label="'+l.trim()+'"]')).forEach((c,u)=>{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(l=>`<option value="${l}"></option>`).join("")}`},le=(a,o,t,r,s)=>{var i;let n=function(c=!1){if(o.hasAttribute("data-ajax")){if(!c){let u=o.querySelector("[data-pagination]");u.value=1,r.setAttribute("data-page",1)}W(a,o,t,r)}else o.hasAttribute("data-submit")?o.submit():(T(a,o,r),$(r,t),v(a,o));if(o.hasAttribute("data-ajax-post")){let u=new FormData(o),p=new URLSearchParams(u).toString();const m=new XMLHttpRequest;m.open("GET",`${window.location.href}?ajax=true&${p}`),m.send()}};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")||j(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]")?(T(a,o,r),$(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")||j(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 l=[],d=[];Array.from(o.querySelectorAll("[data-mimic]")).forEach((c,u)=>{let p=c.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${p}"]`)).forEach((m,h)=>{let f=m.closest("form");l.includes(f)||l.push(f),d.includes(p)||d.push(p)})}),l.forEach((c,u)=>{const p=function(){let m=[],h=new FormData(c);for(const[f,_]of h)document.querySelector(`[data-mimic="${f}"]`)&&!m.includes(f)?(m.push(f),document.querySelector(`[data-mimic="${f}"]`).value=_):document.querySelector(`[data-mimic="${f}"]`)&&(document.querySelector(`[data-mimic="${f}"]`).value+=","+_);for(const f of m){const _=new Event("force");o.dispatchEvent(_)}for(const f of d)if(!h.has(f)&&c.querySelector(`[name="${f}"]`)){document.querySelector(`[data-mimic="${f}"]`).value="";const _=new Event("force");o.dispatchEvent(_)}};c.addEventListener("force",m=>{p()}),c.addEventListener("change",m=>{p()})})},j=(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"),l=i.getAttribute("data-order"),d=i.getAttribute("data-format");if(!n)return r.innerHTML=t.innerHTML,F(a),!1;let c=[];["asc","desc","descending"].includes(l)||(c=l.split(","));let u=[];Array.from(r.querySelectorAll("tr")).forEach((m,h)=>{let f=m.querySelector('td[data-label="'+n+'"], th[data-label="'+n+'"]').textContent.trim();m.querySelector('[data-label="'+n+'"] .td__content')&&(f=m.querySelector('[data-label="'+n+'"] .td__content').textContent.trim()),c.length&&c.includes(f)&&(f=c.indexOf(f)),te(f)&&(f=ae(f,10)),d&&d=="date"&&(f=new Date(f));const _={index:f,row:m};u.push(_)}),u.sort((m,h)=>m.index>h.index?1:-1),(l=="descending"||l=="desc")&&(u=u.reverse());let p="";u.forEach((m,h)=>{p+=m.row.outerHTML}),r.innerHTML=p},T=(a,o,t)=>{a.classList.remove("table--filtered");let r=U(o),s=[],i=0,n=o.querySelector("[data-pagination]")?parseInt(o.querySelector("[data-pagination]").value):1,l=o.querySelector("[data-show]")?parseInt(o.querySelector("[data-show]").value):15;if(Array.from(a.querySelectorAll("tbody tr")).forEach((d,c)=>{d.classList.remove("filtered"),d.classList.remove("filtered--matched"),d.classList.remove("filtered--show"),d.removeAttribute("data-filtered-by")}),o.querySelector("[data-search]")){let d=o.querySelector("[data-search]");o.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((c,u)=>{s.push({column:`${c.trim()}`,value:`${d.value}`})})}Array.from(o.querySelectorAll("[data-filter-count]")).forEach((d,c)=>{d.innerHTML=""}),Object.keys(r).length&&Array.from(o.querySelectorAll("[data-filter-count]")).forEach((d,c)=>{d.innerHTML+=`(${Object.keys(r).length})`}),a.classList.add("table--filtered");for(const[d,c]of Object.entries(r))Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((u,p)=>{let m=!1;c.forEach((h,f)=>{let _=u.querySelector(`[data-label="${d}"]`);if(h&&h=="$today")h=C("date",new Date);else if(h&&h=="$yesterday"){let g=new Date;g.setDate(g.getDate()-1),h=C("date",g)}else if(h&&(h=="$thisWeek"||h=="$lastWeek")){let g=new Date,A=new Date(g.setDate(g.getDate()-(g.getDay()-1))),w=new Date(g.setDate(g.getDate()-g.getDay()+7)),b=new Date(_.textContent.toLowerCase());if(g.setHours(0,0,0,0),A.setHours(0,0,0,0),w.setHours(0,0,0,0),b.setHours(0,0,0,0),h=="$thisWeek")m=b>=A&&b<=w;else{let H=new Date(A.setDate(A.getDate()-7)),S=new Date(w.setDate(w.getDate()-7));H.setHours(0,0,0,0),S.setHours(0,0,0,0),m=b>=H&&b<=S}}else if(h&&h=="$thisMonth"){let g=new Date,A=g.getFullYear(),w=g.getMonth();var E=new Date(A,w,1),x=new Date(A,w+1,0);let b=new Date(_.textContent.toLowerCase());E.setHours(0,0,0,0),x.setHours(0,0,0,0),b.setHours(0,0,0,0),m=b>=E&&b<=x}else if(h&&h=="$lastMonth"){let g=new Date,A=g.getFullYear(),w=g.getMonth();var L=new Date(A,w-1,1),N=new Date(A,w,0);let b=new Date(_.textContent.toLowerCase());L.setHours(0,0,0,0),N.setHours(0,0,0,0),b.setHours(0,0,0,0),m=b>=L&&b<=N}_&&_.textContent.toLowerCase().includes(h.toLowerCase())&&(m=!0)}),m||(u.classList.add("filtered"),u.setAttribute("data-filtered-by",d))});Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((d,c)=>{let u=!(s.length>0&&s[0].value.length>=3);s.forEach((p,m)=>{let h=d.querySelector(`[data-label="${p.column}"]`);h&&p.value.length>=3&&h.textContent.toLowerCase().includes(p.value.toLowerCase())&&(u=!0)}),u||d.classList.add("filtered")}),Array.from(a.querySelectorAll("tbody tr:not(.filtered")).forEach((d,c)=>{i++,d.classList.add("filtered--matched"),Math.ceil(i/l)==parseInt(n)&&d.classList.add("filtered--show")}),t&&(t.setAttribute("data-page",n),t.setAttribute("data-pages",Math.ceil(i/l)),t.setAttribute("data-total",i),t.setAttribute("data-show",l))},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 l=i.split(" & "),d="";l.forEach(c=>{d+=`:not([data-filtered-by="${c}"])`}),n=Array.from(a.querySelectorAll(`tbody tr${d}`)).length}else if(!i.includes(" == "))n=Array.from(a.querySelectorAll(`tbody tr:not([data-filtered-by="${i}"])`)).length;else if(i.includes(" && ")){let l=i.split(" && ");n=Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d){let c=!0;for(const[u,p]of Object.entries(l)){let m=p.split(" == ");(!d.querySelector(`td[data-label="${m[0]}"]`)||d.querySelector(`td[data-label="${m[0]}"]`).textContent!=`${m[1]}`)&&(c=!1)}return c}).length}else{let l=i.split(" == ");n=Array.from(a.querySelectorAll(`tbody tr.filtered--matched td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(d){return d.textContent===l[1]}).length}r.hasAttribute("data-total")?r.setAttribute("data-total",n):r.innerHTML=n})},ce=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 l=-250,d=a.getBoundingClientRect().top+window.pageYOffset+l;window.scrollTo({top:d,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"))}})},de=(a,o)=>{if(!a)return!1;a.addEventListener("click",t=>{me(o)})},me=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 l=new Blob([o],{type:"text/csv"});var d=document.createElement("a");d.download="export.csv";var c=window.URL.createObjectURL(l);d.href=c,d.style.display="none",document.body.appendChild(d),d.click(),document.body.removeChild(d)},O=function(a,o,t,r){if(F(a),ie(a),v(a,o,r),r&&r.classList.contains("table--cta")){let s=function(){Array.from(a.querySelectorAll("tr")).forEach((n,l)=>{let d=n.offsetHeight;n.style.setProperty("--row-height",`${d}px`)})};const i=ne(a);r.style.setProperty("--cta-width",`${i}rem`),new ResizeObserver(s).observe(a)}},U=function(a){let o=new Object;return Array.from(a.querySelectorAll("[data-filter]")).forEach((t,r)=>{if(!(t.type=="radio"&&!t.checked)&&!(t.type=="checkbox"&&!t.checked)&&t&&t.value){let s=t.getAttribute("data-filter");o[s]||(o[s]=new Array),o[s].push(t.value)}}),o},W=function(a,o,t,r){return re(this,void 0,void 0,function*(){const s=(m,h,f)=>h.split(/[\.\[\]\'\"]/).filter(_=>_).reduce((_,E)=>_?_[E]:f,m);let i=new FormData(o),n=new URLSearchParams(i).toString(),l=a.querySelectorAll("thead tr th"),d=a.querySelector("tbody"),c=o.getAttribute("data-ajax");r.classList.add("table--loading");let u=U(o);Array.from(o.querySelectorAll("[data-filter-count]")).forEach((m,h)=>{m.innerHTML=""}),Object.keys(u).length&&Array.from(o.querySelectorAll("[data-filter-count]")).forEach((m,h)=>{m.innerHTML+=`(${Object.keys(u).length})`}),window.controller||(window.controller=[]),window.controller[c]&&window.controller[c].abort(),window.controller[c]=new AbortController;const{signal:p}=controller[c];try{yield fetch(c+"?"+n,{signal:p,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"})}).then(m=>m.json()).then(m=>{let h=o.hasAttribute("data-schema")?o.getAttribute("data-schema"):"data",f=o.hasAttribute("data-schema-total")?o.getAttribute("data-schema-total"):"meta.total",_=o.hasAttribute("data-schema-page")?o.getAttribute("data-schema-page"):"meta.current_page",E=s(m,f,1),x=s(m,_,1),L=s(m,h),N=r.hasAttribute("data-empty-msg")?r.getAttribute("data-empty-msg"):"No results found";L?(d.innerHTML="",L.forEach((g,A)=>{var w=document.createElement("tr");l.forEach((b,H)=>{let S="";var D=document.createElement("td");if(D.setAttribute("data-label",b.innerText),b.getAttribute("data-output")){var z=b.getAttribute("data-output");S=z.replace(new RegExp(/{(.*?)}/,"gm"),function(or){return s(g,or.replace("{","").replace("}",""))})}if(b.hasAttribute("data-output-array")){var z=b.getAttribute("data-output");let rr=s(g,z.replace("{","").replace("}",""));S="",rr.forEach((Z,br)=>{let nr=b.getAttribute("data-output-array"),B="";if(b.hasAttribute("data-output-array-property")&&b.hasAttribute("data-output-array-transform")){const R=s(Z,b.getAttribute("data-output-array-property")),ir=JSON.parse(b.getAttribute("data-output-array-transform"))[R];B=nr.replace(`{${b.getAttribute("data-output-array-property")}}`,ir)}B=B.replace(new RegExp(/{(.*?)}/,"gm"),function(R){return s(Z,R.replace("{","").replace("}",""))}),S+=B})}b.hasAttribute("data-transform")&&(S=JSON.parse(b.getAttribute("data-transform"))[S],!S&&b.hasAttribute("data-default")&&(S=b.getAttribute("data-default"))),D.innerHTML=S,w.appendChild(D)}),d.appendChild(w)}),I(a,o),r.setAttribute("data-total",parseInt(E)),r.setAttribute("data-page",parseInt(x)),r.setAttribute("data-pages",Math.ceil(r.getAttribute("data-total")/r.getAttribute("data-show"))),O(a,o,t,r),$(r,t),Array.from(o.querySelectorAll("[data-ajax-query]")).forEach((g,A)=>{let w=s(m,g.getAttribute("data-ajax-query"),"");g.hasAttribute("data-total")?g.setAttribute("data-total",w):g.innerHTML=w}),parseInt(E)==0&&(d.innerHTML=`<tr><td colspan="100%"><span>${N}</span></td></tr>`),r.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:c,formData:n})):d.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>'})}catch(m){console.log(m)}})},C=(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=oe(o)}};class ue 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=`
|
|
13
13
|
<style>
|
|
14
14
|
@import "${t}";
|
|
15
15
|
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
</div>
|
|
32
32
|
</div>
|
|
33
33
|
<div class="table__pagination"></div>
|
|
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"),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" />`),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),T(this.table,this.form,this),v(this,this.pagination),q(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,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(([l])=>l!=="rowid")),(l,d)=>(e.openBlock(),e.createElementBlock("td",{key:d,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"],$e=["type","name","id","pattern"],ve={key:5,class:"input-group"},qe=["type","name","id","pattern","list"],xe={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"},Te=["type","name","id","pattern"],Ve=["value"],Me=["type","name","id"],He=["for","innerHTML"],De=["type","name","id"],ze=["for","innerHTML"],Re=["innerHTML"],Pe=["id"],Fe=["value"];function Ie(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,$e)),[[e.vModelText,i.inputVal]]):e.createCommentVNode("",!0),t.type=="range"?(e.openBlock(),e.createElementBlock("div",ve,[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,qe),[[e.vModelDynamic,i.inputVal]]),e.createElementVNode("output",xe,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,c)=>(e.openBlock(),e.createElementBlock("option",{key:c,value:n.value},e.toDisplayString(n.display?n.display:n.value),9,Ve))),128))],16,Te)),[[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,c)=>(e.openBlock(),e.createElementBlock("option",{key:c,value:n.value},e.toDisplayString(n.value),9,Fe))),128))],8,Pe)):e.createCommentVNode("",!0)],2)}const x=_(we,[["render",Ie]]);function je(a,o){const t=o.querySelector(".files"),r=o.querySelector(".drop-area"),s=a.querySelector("input"),i=a.hasAttribute("data-maxsize")?a.getAttribute("data-maxsize"):0,n=s.cloneNode();r.append(n),o.addEventListener("click",c=>{c&&c.target instanceof HTMLElement&&c.target.closest(".btn-primary")&&(c.target.closest(".btn-primary"),(s.hasAttribute("multiple")?n:s).click())}),o.addEventListener("click",c=>{if(c&&c.target instanceof HTMLElement&&c.target.closest(".files button")){const l=new DataTransfer,{files:d}=s,m=c.target.closest(".files button");for(let h=0;h<d.length;h++){const p=d[h];p.name!=m.getAttribute("data-file")&&l.items.add(p)}s.files=l.files;const u=new Event("change");s.dispatchEvent(u)}}),n.addEventListener("change",c=>{if(s.hasAttribute("multiple")){const d=[...s.files,...n.files];let m=[];const u=new DataTransfer;for(let h=0;h<d.length;h++){const p=d[h],f=p.size/1e3;!m.includes(p.name)&&(i==0||f<i)&&u.items.add(p),m.push(p.name)}s.files=u.files}else s.files=n.files;const l=new Event("change");s.dispatchEvent(l)}),n.addEventListener("dragenter",c=>{n.classList.add("focus")}),n.addEventListener("dragleave",c=>{n.classList.remove("focus")}),n.addEventListener("drop",c=>{n.classList.remove("focus")}),s.addEventListener("change",c=>{t.innerHTML="";for(const l of s.files)t.innerHTML+=`<span class="file">${l.name} <button data-file="${l.name}">Remove</button></span>`})}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"fileupload"});class Oe 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/fileupload.css";`,s=document.createElement("template");s.innerHTML=`
|
|
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" />`),se(this.table),le(this.table,this.form,this.pagination,this,this.savedTableBody),ce(this.table,this.form,this.pagination,this),de(this.shadowRoot.querySelector("[data-export]"),this.table),this.form.getAttribute("data-ajax")?W(this.table,this.form,this.pagination,this):(O(this.table,this.form,this.pagination,this),T(this.table,this.form,this),$(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 he=a=>a.charAt(0).toUpperCase()+a.slice(1),pe=a=>a.replace(/_/g," "),fe=a=>a.replace(/ /g,"_"),be=function(a){return a=a.toLowerCase(),a=fe(a),a=a.replace(/\W/g,""),a},ye={name:"Table",props:{items:{type:Array,required:!1},fields:{type:Array,required:!1}},computed:{cellHeading(){return a=>`${he(pe(a))}`}},created(){this.$nextTick(function(){window.customElements.get("iam-table")||window.customElements.define("iam-table",ue)})},updated(){}},ge={key:0},_e={key:0},ke=["data-row-id"],we=["innerHTML"];function Ae(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-table",null,[t.fields?(e.openBlock(),e.createElementBlock("table",ge,[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",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,l)=>(e.openBlock(),e.createElementBlock("tr",{key:l,"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,c)=>(e.openBlock(),e.createElementBlock("td",{key:c,innerHTML:d},null,8,we))),128))],8,ke))),128))])):e.createCommentVNode("",!0)])):e.renderSlot(a.$slots,"default",{key:1})])}const V=k(ye,[["render",Ae]]),Se={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")}}},Ee=["for","innerHTML","title"],Le=["innerHTML"],$e=["innerHTML"],ve=["type","name","id","pattern","list"],qe=["type","name","id","pattern"],xe={key:5,class:"input-group"},Ne=["type","name","id","pattern","list"],Be={class:"input-group-text border-0 col-2 col-sm-1 px-0"},Te={key:6,class:"input-group"},Ce=["type","name","id","pattern","list"],Ve={class:"input-group-text flex-fill"},Me=["type","name","id","pattern"],He=["value"],De=["type","name","id"],ze=["for","innerHTML"],Re=["type","name","id"],Pe=["for","innerHTML"],Fe=["innerHTML"],Ie=["id"],je=["value"];function Oe(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,Ee)):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,Le)):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,$e)):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,ve)),[[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",xe,[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",Be,e.toDisplayString(t.value),1)])):e.createCommentVNode("",!0),t.type=="color"?(e.openBlock(),e.createElementBlock("div",Te,[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",Ve,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,l)=>(e.openBlock(),e.createElementBlock("option",{key:l,value:n.value},e.toDisplayString(n.display?n.display:n.value),9,He))),128))],16,Me)),[[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,De)):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,ze)):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,Re)):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,Pe)):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,Fe)):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,l)=>(e.openBlock(),e.createElementBlock("option",{key:l,value:n.value},e.toDisplayString(n.value),9,je))),128))],8,Ie)):e.createCommentVNode("",!0)],2)}const q=k(Se,[["render",Oe]]);function Ue(a,o){const t=o.querySelector(".files"),r=o.querySelector(".drop-area"),s=a.querySelector("input"),i=a.hasAttribute("data-maxsize")?a.getAttribute("data-maxsize"):0,n=s.cloneNode();r.append(n),o.addEventListener("click",l=>{l&&l.target instanceof HTMLElement&&l.target.closest(".btn-primary")&&(l.target.closest(".btn-primary"),(s.hasAttribute("multiple")?n:s).click())}),o.addEventListener("click",l=>{if(l&&l.target instanceof HTMLElement&&l.target.closest(".files button")){const d=new DataTransfer,{files:c}=s,u=l.target.closest(".files button");for(let m=0;m<c.length;m++){const h=c[m];h.name!=u.getAttribute("data-file")&&d.items.add(h)}s.files=d.files;const p=new Event("change");s.dispatchEvent(p)}}),n.addEventListener("change",l=>{if(s.hasAttribute("multiple")){const c=[...s.files,...n.files];let u=[];const p=new DataTransfer;for(let m=0;m<c.length;m++){const h=c[m],f=h.size/1e3;!u.includes(h.name)&&(i==0||f<i)&&p.items.add(h),u.push(h.name)}s.files=p.files}else s.files=n.files;const d=new Event("change");s.dispatchEvent(d)}),n.addEventListener("dragenter",l=>{n.classList.add("focus")}),n.addEventListener("dragleave",l=>{n.classList.remove("focus")}),n.addEventListener("drop",l=>{n.classList.remove("focus")}),s.addEventListener("change",l=>{t.innerHTML="";for(const d of s.files)t.innerHTML+=`<span class="file">${d.name} <button data-file="${d.name}">Remove</button></span>`})}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"fileupload"});class We 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/fileupload.css";`,s=document.createElement("template");s.innerHTML=`
|
|
35
35
|
<style>
|
|
36
36
|
@import "${t}";
|
|
37
37
|
${r}
|
|
@@ -46,10 +46,10 @@
|
|
|
46
46
|
<slot></slot>
|
|
47
47
|
<div class="files"></div>
|
|
48
48
|
</div>
|
|
49
|
-
`,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){this.innerHTML+='<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';const o=this.shadowRoot.querySelector(".file-upload"),t=this.querySelector("input"),r=this.shadowRoot.querySelector(".helper-text");r.innerHTML=`${this.hasAttribute("data-maxsize")?`Max file size is ${this.getAttribute("data-maxsize")}kb. `:""}${t.hasAttribute("accept")?`Supported file types are ${t.getAttribute("accept")}`:""}`,
|
|
50
|
-
* iamKey v3.7.
|
|
49
|
+
`,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){this.innerHTML+='<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';const o=this.shadowRoot.querySelector(".file-upload"),t=this.querySelector("input"),r=this.shadowRoot.querySelector(".helper-text");r.innerHTML=`${this.hasAttribute("data-maxsize")?`Max file size is ${this.getAttribute("data-maxsize")}kb. `:""}${t.hasAttribute("accept")?`Supported file types are ${t.getAttribute("accept")}`:""}`,Ue(this,o)}}const Ge={name:"FileUpload",props:{maxfilesize:{type:Number,required:!1},maxfiles:{type:Number,required:!1}},mounted(){this.$nextTick(function(){window.customElements.get("iam-fileupload")||window.customElements.define("iam-fileupload",We)})}};function Ke(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-fileupload",null,[e.renderSlot(a.$slots,"default")])}const Ye=k(Ge,[["render",Ke]]);/*!
|
|
50
|
+
* iamKey v3.7.9-beta-2
|
|
51
51
|
* Copyright 2022-2023 iamproperty
|
|
52
|
-
*/function
|
|
52
|
+
*/function Ze(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=`
|
|
53
53
|
<style>
|
|
54
54
|
@import "${t}";
|
|
55
55
|
\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 */
|
|
@@ -59,29 +59,10 @@
|
|
|
59
59
|
<div class="accordion">
|
|
60
60
|
<slot></slot>
|
|
61
61
|
</div>
|
|
62
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){
|
|
63
|
-
* iamKey v3.7.
|
|
62
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){Ze(this)}};const sr="";window.customElements.get("iam-accordion")||window.customElements.define("iam-accordion",Xe);const Je={name:"Accordion",props:{},mounted(){}},Qe={ref:"wrapper"};function et(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-accordion",Qe,[e.renderSlot(a.$slots,"default")],512)}const tt=k(Je,[["render",et]]),at={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=>`${be(a)}`}},data(){return{show:!this.lazy}}},ot=["id"],rt=["classList"];function nt(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,rt),e.renderSlot(a.$slots,"default")],8,ot)}const it=k(at,[["render",nt]]),st={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1},background:{type:String,default:"light",required:!1}}},lt={class:"container"},ct={class:"row"},dt={class:"col-sm-6"},mt={class:"pt-5 pb-3 px-4"},ut={class:"col-sm-6 col-md-5 ms-auto"},ht=["src"];function pt(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("div",lt,[e.createElementVNode("div",{class:e.normalizeClass("bg-"+t.background+" mb-4")},[e.createElementVNode("div",ct,[e.createElementVNode("div",dt,[e.createElementVNode("div",mt,[e.createElementVNode("h2",null,e.toDisplayString(t.title),1),e.renderSlot(a.$slots,"default")])]),e.createElementVNode("div",ut,[t.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.image,alt:"",class:"h-100 w-100 object-cover"},null,8,ht)):e.createCommentVNode("",!0)])])],2)])}const ft=k(st,[["render",pt]]),bt={name:"Card",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>ar).then(a=>{window.customElements.get("iam-card")||window.customElements.define("iam-card",a.default)}).catch(a=>{console.log(a.message)})})}};function yt(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-card",null,[e.renderSlot(a.$slots,"default")])}const G=k(bt,[["render",yt]]);function gt(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 l=t.clientWidth,d=t.scrollWidth,c=t.scrollLeft,u=Math.round(c/d*r)+1,p=a.querySelector(".carousel__item:last-child").offsetLeft;Array.from(a.querySelectorAll(".carousel__controls a")).forEach((m,h)=>{m.classList.remove("active")}),a.querySelector(".control-"+u).classList.add("active"),u==1?a.querySelector(".btn-prev").setAttribute("disabled","disabled"):a.querySelector(".btn-prev").removeAttribute("disabled"),t.scrollLeft+l>p?a.querySelector(".btn-next").setAttribute("disabled","disabled"):a.querySelector(".btn-next").removeAttribute("disabled")},100)},!1),a.addEventListener("click",function(n){for(var l=n.target;l&&l!=this;l=l.parentNode)if(l.matches(".carousel__controls a")){n.preventDefault(),Array.from(a.querySelectorAll(".carousel__controls a")).forEach((c,u)=>{c.classList.remove("active")}),l.classList.add("active");const d=document.querySelector(l.getAttribute("href"));t.scroll({top:0,left:d.offsetLeft,behavior:"smooth"});break}},!1),a.addEventListener("click",function(n){for(var l=n.target;l&&l!=this;l=l.parentNode)if(l.matches(".btn-next, .btn-prev")){n.preventDefault();let d=l.classList.contains("btn-prev")?t.scrollLeft-t.clientWidth:t.scrollLeft+t.clientWidth;t.scroll({top:0,left:d,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="",_t={components:{Card:G},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(){gt(this.$refs.wrapper)})}},kt=["id","data-cols","data-sm-cols","data-md-cols"],wt={class:"carousel__wrapper"},At={class:"carousel__inner"},St=["id"],Et=["innerHTML","id"],Lt=["href"],$t=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 qt(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",wt,[e.createElementVNode("div",At,[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,(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`col carousel__item${t.colclass?` ${t.colclass}`:""}`),key:d,id:"carousel"+s.id+"slide"+(d+1)},[e.createVNode(n,e.mergeProps(l,{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,St))),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,(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`col carousel__item${t.colclass?` ${t.colclass}`:""}`),key:d,innerHTML:i.content(l),id:"carousel"+s.id+"slide"+(d+1)},null,10,Et))),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,(l,d)=>(e.openBlock(),e.createElementBlock("a",{key:d,href:"#carousel"+s.id+"slide"+(d+1),class:e.normalizeClass(`control-${d+1}`)},"Slide "+e.toDisplayString(d+1),11,Lt))),128))],2),$t,vt])],8,kt)}const xt=k(_t,[["render",qt]]);/*!
|
|
63
|
+
* iamKey v3.7.9-beta-2
|
|
64
64
|
* Copyright 2022-2023 iamproperty
|
|
65
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"
|
|
66
|
-
<style>
|
|
67
|
-
@import "${r}";
|
|
68
|
-
.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 */
|
|
69
|
-
|
|
70
|
-
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
71
|
-
</style>
|
|
72
|
-
<div class="card ${o}" tabindex="0" role="button">
|
|
73
|
-
${this.hasAttribute("data-image")?`<div class="card__head"><img src="${this.getAttribute("data-image")}" alt="" loading="lazy" /></div>`:""}
|
|
74
|
-
<div class="card__body">
|
|
75
|
-
${this.classList.contains("card--filter")&&this.hasAttribute("data-total")?`<div class="card__total">${this.getAttribute("data-total")}</div>`:""}
|
|
76
|
-
${this.hasAttribute("data-illustration")?`<div class="card__illustration"><img src="${this.getAttribute("data-illustration")}" alt="" loading="lazy" /></div>`:""}
|
|
77
|
-
<slot></slot>
|
|
78
|
-
</div>
|
|
79
|
-
${this.hasAttribute("data-cta")?`<div class="card__footer"><span class="link">${this.getAttribute("data-cta")}</span></div>`:""}
|
|
80
|
-
</div>
|
|
81
|
-
`,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((c,l)=>{document.querySelector(`[for="${c.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((c,l)=>{document.querySelector(`[for="${c.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 ft={name:"Card",mounted(){this.$nextTick(function(){window.customElements.get("iam-card")||window.customElements.define("iam-card",pt)})}};function bt(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-card",null,[e.renderSlot(a.$slots,"default")])}const U=_(ft,[["render",bt]]);function yt(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 c=t.clientWidth,l=t.scrollWidth,d=t.scrollLeft,m=Math.round(d/l*r)+1,u=a.querySelector(".carousel__item:last-child").offsetLeft;Array.from(a.querySelectorAll(".carousel__controls a")).forEach((h,p)=>{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+c>u?a.querySelector(".btn-next").setAttribute("disabled","disabled"):a.querySelector(".btn-next").removeAttribute("disabled")},100)},!1),a.addEventListener("click",function(n){for(var c=n.target;c&&c!=this;c=c.parentNode)if(c.matches(".carousel__controls a")){n.preventDefault(),Array.from(a.querySelectorAll(".carousel__controls a")).forEach((d,m)=>{d.classList.remove("active")}),c.classList.add("active");const l=document.querySelector(c.getAttribute("href"));t.scroll({top:0,left:l.offsetLeft,behavior:"smooth"});break}},!1),a.addEventListener("click",function(n){for(var c=n.target;c&&c!=this;c=c.parentNode)if(c.matches(".btn-next, .btn-prev")){n.preventDefault();let l=c.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 nr="",gt={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(){yt(this.$refs.wrapper)})}},_t=["id","data-cols","data-sm-cols","data-md-cols"],kt={class:"carousel__wrapper"},wt={class:"carousel__inner"},At=["id"],St=["innerHTML","id"],Et=["href"],Lt=e.createElementVNode("button",{class:"btn btn-prev","data-go":"0",disabled:""},"Prev",-1),$t=e.createElementVNode("button",{class:"btn btn-next","data-go":"2"},"Next",-1);function vt(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",kt,[e.createElementVNode("div",wt,[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,(c,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(c,{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,At))),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,(c,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`col carousel__item${t.colclass?` ${t.colclass}`:""}`),key:l,innerHTML:i.content(c),id:"carousel"+s.id+"slide"+(l+1)},null,10,St))),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,(c,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,Et))),128))],2),Lt,$t])],8,_t)}const qt=_(gt,[["render",vt]]);/*!
|
|
82
|
-
* iamKey v3.7.8
|
|
83
|
-
* Copyright 2022-2023 iamproperty
|
|
84
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class xt 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=`
|
|
65
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class Nt 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=`
|
|
85
66
|
<style>
|
|
86
67
|
@import "${t}";
|
|
87
68
|
.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 */
|
|
@@ -102,10 +83,10 @@
|
|
|
102
83
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" lazy="" />
|
|
103
84
|
</picture>
|
|
104
85
|
</div>
|
|
105
|
-
`,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 Nt={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",xt)})}},Bt=["image"],Ct=["innerHTML"];function Tt(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,Ct)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")],8,Bt)}const Vt=_(Nt,[["render",Tt]]);function Mt(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"),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,l=t.scrollLeft,d=t.scrollTop,m=Math.round(l/n*r)+1;l==0&&d!=0&&(m=Math.round(d/c*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 c=parseInt(n.getAttribute("data-go")),l=0,d=0,m=t.scrollWidth,u=t.scrollHeight;m>u?d=Math.floor(m*((c-1)/r)):l=Math.floor(u*((c-1)/r)),t.scroll({top:l,left:d,behavior:"smooth"});break}},!1)}const ir="",Ht={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){Mt(this.$refs.wrapper)}},Dt={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},zt={class:"row"},Rt={class:"col-md-5 position-relative"},Pt={class:"testimonial__images"},Ft=["src"],It=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),jt={class:"col-md-7"},Ot=e.createElementVNode("h2",null,"What our customers think…",-1),Ut={class:"testimonial__content"},Wt=["innerHTML"],Gt=["innerHTML"],Kt={class:"testimonial__after"},Yt=e.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1);function Zt(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("div",Dt,[e.createElementVNode("div",{class:e.normalizeClass("bg-"+t.background)},[e.createElementVNode("div",zt,[e.createElementVNode("div",Rt,[e.createElementVNode("div",Pt,[(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,Ft))),128))]),It]),e.createElementVNode("div",jt,[Ot,e.createElementVNode("div",Ut,[(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,Wt),e.createElementVNode("cite",{innerHTML:n.cite},null,8,Gt)],2))),128))]),e.createElementVNode("div",Kt,[e.renderSlot(a.$slots,"default")])])]),Yt],2)],512)}const Jt=_(Ht,[["render",Zt]]),sr="",Xt={components:{Input:x},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"}]}}},Qt={class:"container",ref:"wrapper"},ea={class:"property-searchbar"},ta=["action","method"],aa={class:"col-12 col-md-3"},oa={class:"col-12 col-md"},ra=e.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1),na={class:"row","data-input-range":""},ia={class:"col-12 col-md"},sa=e.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1),la={class:"row","data-input-range":""},ca={class:"col-12 col-md-2"},da=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 ma(a,o,t,r,s,i){const n=e.resolveComponent("Input");return e.openBlock(),e.createElementBlock("div",Qt,[e.renderSlot(a.$slots,"default"),e.createElementVNode("div",ea,[e.createElementVNode("form",{class:"row",action:t.formaction,method:t.formmethod},[e.createElementVNode("fieldset",aa,[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",oa,[ra,e.createElementVNode("div",na,[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",ia,[sa,e.createElementVNode("div",la,[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",ca,[e.createVNode(n,{label:"Property type",id:"property-type",type:"select",options:t.propertytypes},null,8,["options"])]),da],8,ta)]),e.renderSlot(a.$slots,"after")],512)}const ua=_(Xt,[["render",ma]]),ha=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)},lr="",pa={components:{Input:x,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(){ha(this.$refs.wrapper)})}},fa=e.createElementVNode("input",{type:"checkbox",name:"showMenu",id:"showMenu",class:"d-none"},null,-1),ba=e.createElementVNode("input",{type:"checkbox",name:"showSearch",id:"showSearch",class:"d-none"},null,-1),ya=e.createElementVNode("input",{type:"checkbox",name:"showAccount",id:"showAccount",class:"d-none"},null,-1),ga={class:"nav__mobile-bar"},_a={class:"container"},ka={class:"row"},wa={key:0,class:"col mw-md-fit-content nav__logo"},Aa={key:1,class:"col mw-md-fit-content nav__logo"},Sa={href:"/",class:"text-decoration-none mb-0"},Ea=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),La={class:"nav__inner"},$a={class:"container"},va={class:"row"},qa={key:0,class:"col mw-md-fit-content nav__logo"},xa={key:1,class:"col mw-md-fit-content nav__logo"},Na={href:"/",class:"text-decoration-none mb-0"},Ba={key:2,class:"col mw-fit-content nav__search-btn flex-row align-items-center"},Ca=[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)],Ta=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),Va={class:"col-12 col-md nav__menu ms-auto flex-row align-items-center"},Ma={key:3,class:"col nav__account-btn flex-row align-items-center"},Ha=[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)],Da={key:4,class:"col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"},za=["href","innerHTML"],Ra={key:0,class:"nav__menu--secondary"},Pa={class:"container"},Fa={key:1,class:"nav__menu--search"},Ia={class:"bg-gradient pt-4"},ja={class:"container"},Oa={key:0,class:"nav__menu--account"},Ua={class:"container"},Wa={class:"row mb-4"},Ga={key:0,class:"col mw-md-fit-content nav__logo"},Ka={key:1,class:"col mw-md-fit-content nav__logo"},Ya={href:"/",class:"text-decoration-none mb-0"},Za=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),Ja={class:"container"},Xa=e.createElementVNode("span",{class:"nav__bg"},null,-1);function Qa(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"},[fa,ba,ya,e.createElementVNode("div",ga,[e.createElementVNode("div",_a,[e.createElementVNode("div",ka,[i.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",wa,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",Aa,[e.createElementVNode("a",Sa,[e.createVNode(n,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),Ea])])]),e.createElementVNode("div",La,[e.createElementVNode("div",$a,[e.createElementVNode("div",va,[i.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",qa,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",xa,[e.createElementVNode("a",Na,[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",Ba,Ca)):e.createCommentVNode("",!0),Ta,e.createElementVNode("div",Va,[e.renderSlot(a.$slots,"default")]),i.hasAccountSlot?(e.openBlock(),e.createElementBlock("div",Ma,Ha)):e.createCommentVNode("",!0),t.btnlink?(e.openBlock(),e.createElementBlock("div",Da,[e.createElementVNode("a",{href:t.btnlink,class:"btn me-0",innerHTML:t.btntext},null,8,za)])):e.createCommentVNode("",!0)])]),i.hasSecondarySlot?(e.openBlock(),e.createElementBlock("div",Ra,[e.createElementVNode("div",Pa,[e.renderSlot(a.$slots,"secondary")])])):e.createCommentVNode("",!0),i.hasSearchSlot?(e.openBlock(),e.createElementBlock("div",Fa,[e.createElementVNode("div",Ia,[e.createElementVNode("div",ja,[e.renderSlot(a.$slots,"search")])])])):e.createCommentVNode("",!0)]),i.hasAccountSlot?(e.openBlock(),e.createElementBlock("div",Oa,[e.createElementVNode("div",Ua,[e.createElementVNode("div",Wa,[i.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",Ga,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",Ka,[e.createElementVNode("a",Ya,[e.createVNode(n,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),Za])]),e.createElementVNode("div",Ja,[e.renderSlot(a.$slots,"account")])])):e.createCommentVNode("",!0),Xa],2)}const eo=_(pa,[["render",Qa]]),mr="",to={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},ao={class:"container"},oo=["aria-label"],ro={key:0,class:"h6 stepper__start"},no={class:"list-unstyled"},io={class:"h6 stepper__end"};function so(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("div",ao,[e.createElementVNode("nav",{class:"stepper","aria-label":t.label?t.label:"Progress"},[t.label?(e.openBlock(),e.createElementBlock("span",ro,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),e.createElementVNode("ol",no,[e.renderSlot(a.$slots,"default")]),e.createElementVNode("span",io,e.toDisplayString(t.endlabel),1)],8,oo)])}const lo=_(to,[["render",so]]),co={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},mo=["href","aria-current"],uo={key:0,class:"visually-hidden"};function ho(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",uo," - status: "+e.toDisplayString(t.status),1)):e.createCommentVNode("",!0)],10,mo)])}const po=_(co,[["render",ho]]);/*!
|
|
106
|
-
* iamKey v3.7.
|
|
86
|
+
`,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 Bt={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",Nt)})}},Tt=["image"],Ct=["innerHTML"];function Vt(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,Ct)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")],8,Tt)}const Mt=k(Bt,[["render",Vt]]);function Ht(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"),l=a.querySelector(".btn-prev");n.setAttribute("data-go",i+1),l.setAttribute("data-go",i-1),n.removeAttribute("disabled"),l.removeAttribute("disabled"),i==1?l.setAttribute("disabled",!0):i==r&&n.setAttribute("disabled",!0)};t.addEventListener("scroll",function(i){clearTimeout(o),o=setTimeout(function(){let n=t.scrollWidth,l=t.scrollHeight,d=t.scrollLeft,c=t.scrollTop,u=Math.round(d/n*r)+1;d==0&&c!=0&&(u=Math.round(c/l*r)+1),a.setAttribute("data-show",u),s(u)},300)},!1),a.addEventListener("click",function(i){for(var n=i.target;n&&n!=this;n=n.parentNode)if(n.matches("[data-go]")){let l=parseInt(n.getAttribute("data-go")),d=0,c=0,u=t.scrollWidth,p=t.scrollHeight;u>p?c=Math.floor(u*((l-1)/r)):d=Math.floor(p*((l-1)/r)),t.scroll({top:d,left:c,behavior:"smooth"});break}},!1)}const cr="",Dt={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){Ht(this.$refs.wrapper)}},zt={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},Rt={class:"row"},Pt={class:"col-md-5 position-relative"},Ft={class:"testimonial__images"},It=["src"],jt=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),Ot={class:"col-md-7"},Ut=e.createElementVNode("h2",null,"What our customers think…",-1),Wt={class:"testimonial__content"},Gt=["innerHTML"],Kt=["innerHTML"],Yt={class:"testimonial__after"},Zt=e.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1);function Xt(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("div",zt,[e.createElementVNode("div",{class:e.normalizeClass("bg-"+t.background)},[e.createElementVNode("div",Rt,[e.createElementVNode("div",Pt,[e.createElementVNode("div",Ft,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,l)=>(e.openBlock(),e.createElementBlock("img",{key:l,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,It))),128))]),jt]),e.createElementVNode("div",Ot,[Ut,e.createElementVNode("div",Wt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,l)=>(e.openBlock(),e.createElementBlock("blockquote",{key:l,class:e.normalizeClass(n.class)},[e.createElementVNode("div",{innerHTML:n.quote},null,8,Gt),e.createElementVNode("cite",{innerHTML:n.cite},null,8,Kt)],2))),128))]),e.createElementVNode("div",Yt,[e.renderSlot(a.$slots,"default")])])]),Zt],2)],512)}const Jt=k(Dt,[["render",Xt]]),dr="",Qt={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"}]}}},ea={class:"container",ref:"wrapper"},ta={class:"property-searchbar"},aa=["action","method"],oa={class:"col-12 col-md-3"},ra={class:"col-12 col-md"},na=e.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1),ia={class:"row","data-input-range":""},sa={class:"col-12 col-md"},la=e.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1),ca={class:"row","data-input-range":""},da={class:"col-12 col-md-2"},ma=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 ua(a,o,t,r,s,i){const n=e.resolveComponent("Input");return e.openBlock(),e.createElementBlock("div",ea,[e.renderSlot(a.$slots,"default"),e.createElementVNode("div",ta,[e.createElementVNode("form",{class:"row",action:t.formaction,method:t.formmethod},[e.createElementVNode("fieldset",oa,[e.createVNode(n,{inputClass:"input--locations",modelValue:i.locationSet,"onUpdate:modelValue":o[0]||(o[0]=l=>i.locationSet=l),label:"Location",id:"location",options:i.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:o[1]||(o[1]=l=>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",ra,[na,e.createElementVNode("div",ia,[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",sa,[la,e.createElementVNode("div",ca,[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",da,[e.createVNode(n,{label:"Property type",id:"property-type",type:"select",options:t.propertytypes},null,8,["options"])]),ma],8,aa)]),e.renderSlot(a.$slots,"after")],512)}const ha=k(Qt,[["render",ua]]),pa=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="",fa={components:{Input:q,Logo:P},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(){pa(this.$refs.wrapper)})}},ba=e.createElementVNode("input",{type:"checkbox",name:"showMenu",id:"showMenu",class:"d-none"},null,-1),ya=e.createElementVNode("input",{type:"checkbox",name:"showSearch",id:"showSearch",class:"d-none"},null,-1),ga=e.createElementVNode("input",{type:"checkbox",name:"showAccount",id:"showAccount",class:"d-none"},null,-1),_a={class:"nav__mobile-bar"},ka={class:"container"},wa={class:"row"},Aa={key:0,class:"col mw-md-fit-content nav__logo"},Sa={key:1,class:"col mw-md-fit-content nav__logo"},Ea={href:"/",class:"text-decoration-none mb-0"},La=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),$a={class:"nav__inner"},va={class:"container"},qa={class:"row"},xa={key:0,class:"col mw-md-fit-content nav__logo"},Na={key:1,class:"col mw-md-fit-content nav__logo"},Ba={href:"/",class:"text-decoration-none mb-0"},Ta={key:2,class:"col mw-fit-content nav__search-btn flex-row align-items-center"},Ca=[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)],Va=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),Ma={class:"col-12 col-md nav__menu ms-auto flex-row align-items-center"},Ha={key:3,class:"col nav__account-btn flex-row align-items-center"},Da=[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)],za={key:4,class:"col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"},Ra=["href","innerHTML"],Pa={key:0,class:"nav__menu--secondary"},Fa={class:"container"},Ia={key:1,class:"nav__menu--search"},ja={class:"bg-gradient pt-4"},Oa={class:"container"},Ua={key:0,class:"nav__menu--account"},Wa={class:"container"},Ga={class:"row mb-4"},Ka={key:0,class:"col mw-md-fit-content nav__logo"},Ya={key:1,class:"col mw-md-fit-content nav__logo"},Za={href:"/",class:"text-decoration-none mb-0"},Xa=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),Ja={class:"container"},Qa=e.createElementVNode("span",{class:"nav__bg"},null,-1);function eo(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"},[ba,ya,ga,e.createElementVNode("div",_a,[e.createElementVNode("div",ka,[e.createElementVNode("div",wa,[i.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",Aa,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",Sa,[e.createElementVNode("a",Ea,[e.createVNode(n,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),La])])]),e.createElementVNode("div",$a,[e.createElementVNode("div",va,[e.createElementVNode("div",qa,[i.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",xa,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",Na,[e.createElementVNode("a",Ba,[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,Ca)):e.createCommentVNode("",!0),Va,e.createElementVNode("div",Ma,[e.renderSlot(a.$slots,"default")]),i.hasAccountSlot?(e.openBlock(),e.createElementBlock("div",Ha,Da)):e.createCommentVNode("",!0),t.btnlink?(e.openBlock(),e.createElementBlock("div",za,[e.createElementVNode("a",{href:t.btnlink,class:"btn me-0",innerHTML:t.btntext},null,8,Ra)])):e.createCommentVNode("",!0)])]),i.hasSecondarySlot?(e.openBlock(),e.createElementBlock("div",Pa,[e.createElementVNode("div",Fa,[e.renderSlot(a.$slots,"secondary")])])):e.createCommentVNode("",!0),i.hasSearchSlot?(e.openBlock(),e.createElementBlock("div",Ia,[e.createElementVNode("div",ja,[e.createElementVNode("div",Oa,[e.renderSlot(a.$slots,"search")])])])):e.createCommentVNode("",!0)]),i.hasAccountSlot?(e.openBlock(),e.createElementBlock("div",Ua,[e.createElementVNode("div",Wa,[e.createElementVNode("div",Ga,[i.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",Ka,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",Ya,[e.createElementVNode("a",Za,[e.createVNode(n,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),Xa])]),e.createElementVNode("div",Ja,[e.renderSlot(a.$slots,"account")])])):e.createCommentVNode("",!0),Qa],2)}const to=k(fa,[["render",eo]]),pr="",ao={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},oo={class:"container"},ro=["aria-label"],no={key:0,class:"h6 stepper__start"},io={class:"list-unstyled"},so={class:"h6 stepper__end"};function lo(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("div",oo,[e.createElementVNode("nav",{class:"stepper","aria-label":t.label?t.label:"Progress"},[t.label?(e.openBlock(),e.createElementBlock("span",no,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),e.createElementVNode("ol",io,[e.renderSlot(a.$slots,"default")]),e.createElementVNode("span",so,e.toDisplayString(t.endlabel),1)],8,ro)])}const co=k(ao,[["render",lo]]),mo={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},uo=["href","aria-current"],ho={key:0,class:"visually-hidden"};function po(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",ho," - status: "+e.toDisplayString(t.status),1)):e.createCommentVNode("",!0)],10,uo)])}const fo=k(mo,[["render",po]]);/*!
|
|
87
|
+
* iamKey v3.7.9-beta-2
|
|
107
88
|
* Copyright 2022-2023 iamproperty
|
|
108
|
-
*/const
|
|
89
|
+
*/const bo=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)})},yo=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 l=n==s;n.setAttribute("aria-pressed",l)}),o.forEach((n,l)=>{let d=s.getAttribute("data-index")==l;d?n.setAttribute("open",d):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(l=>{l.classList.remove("focus")}),r[i].classList.add("focus")}),s.addEventListener("click",n=>{n.preventDefault(),r[i].click()})})},go=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))},_o=function(a){bo(a),yo(a),go(a)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});class ko 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=`
|
|
109
90
|
<style>
|
|
110
91
|
@import "${t}";
|
|
111
92
|
|
|
@@ -119,10 +100,10 @@
|
|
|
119
100
|
<div class="tabs__links"></div>
|
|
120
101
|
<slot></slot>
|
|
121
102
|
</div>
|
|
122
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){let o=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${o}`),
|
|
123
|
-
* iamKey v3.7.
|
|
103
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){let o=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${o}`),_o(this)}}const fr="";window.customElements.get("iam-tabs")||window.customElements.define("iam-tabs",ko);const wo={name:"Tabs"},Ao={ref:"wrapper"};function So(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-tabs",Ao,[e.renderSlot(a.$slots,"default")],512)}const Eo=k(wo,[["render",So]]),Lo={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)}}},$o={class:"tab"},vo=["innerHTML"];function qo(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("details",$o,[e.createElementVNode("summary",{innerHTML:t.title},null,8,vo),e.renderSlot(a.$slots,"default")])}const xo=k(Lo,[["render",qo]]);let K=V.props;K.fields.required=!1;const No={components:{Table:V,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},...K,title:{type:String,required:!1},method:{type:String,required:!1,default:"post"},action:{type:String,required:!1}}},Bo={class:"container note-feed mb-2"},To=["innerHTML"],Co=["action","method"],Vo=["value"],Mo=e.createElementVNode("button",{class:"btn btn-tertiary"},"Submit note",-1);function Ho(a,o,t,r,s,i){const n=e.resolveComponent("Table"),l=e.resolveComponent("Input");return e.openBlock(),e.createElementBlock("div",Bo,[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(d=>i.submitForm(...arguments),["prevent"]))},[e.createElementVNode("input",{type:"hidden",value:t.user,name:"user"},null,8,Vo),e.createVNode(l,{id:"addNote",type:"textarea",label:"Add note",required:"",class:"mw-100"}),Mo],40,Co)])}const Do=k(No,[["render",Ho]]);/*!
|
|
104
|
+
* iamKey v3.7.9-beta-2
|
|
124
105
|
* Copyright 2022-2023 iamproperty
|
|
125
|
-
*/function
|
|
106
|
+
*/function zo(a,o){function t(r,s){let i=!1,n=s.getAttribute("name");n.includes("[]")&&(n=n.replace("[]",`[${s.value}]`));let l=r.querySelector(`[data-name="${n}"]`);l&&s.getAttribute("type")=="checkbox"&&(i=!0);let d=s.getAttribute("data-filter-text");if(l||(l=document.createElement("button"),r.appendChild(l)),l.setAttribute("type","button"),l.classList.add("filter"),l.setAttribute("data-name",n),l.innerHTML=d.replace("$value",s.value),(!s.value||i)&&l.remove(),s.parentNode.closest("[data-filter-text]")){let c=s.parentNode.closest("[data-filter-text]"),u=!0;if(n="",c.querySelectorAll("input").forEach((p,m)=>{let h=p.getAttribute("name");if(n+=`${m!=0?",":""}${h}`,r.querySelector(`[data-name="${h}"]`)&&r.querySelector(`[data-name="${h}"]`).remove(),p.value){let f=document.createElement("button");f.setAttribute("type","button"),f.classList.add("filter"),f.setAttribute("data-name",h),f.innerHTML=d.replace("$value",p.value),r.appendChild(f)}else u=!1}),r.querySelector(`[data-name="${n}"]`)&&r.querySelector(`[data-name="${n}"]`).remove(),u){let p=c.getAttribute("data-filter-text");c.querySelectorAll("input").forEach((h,f)=>{let _=h.getAttribute("name");r.querySelector(`[data-name="${_}"]`)&&r.querySelector(`[data-name="${_}"]`).remove(),p=p.replace(`$${f+1}`,h.value)});let m=document.createElement("button");m.setAttribute("type","button"),m.classList.add("filter"),m.setAttribute("data-name",n),m.innerHTML=p,r.appendChild(m)}}}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"),l=n.getAttribute("data-name").split(",");for(var s=0;s<l.length;s++){let d=l[s],c=`[name="${d}"]`;d.match(/\[(.*)\]/)&&(d.replace(/\[(.*)\]/,"[]"),c=`[value="${d.replace(/.*\[(.*)\]/,"$1")}"]`);let u=a.querySelectorAll(c);for(var i=0;i<u.length;i++){let p=u[i];if(p.getAttribute("type")!="radio"&&p.getAttribute("type")!="checkbox")p.value="";else{p.checked=!1;var r=new Event("force");p.closest("form").dispatchEvent(r)}}}n.remove()}},!1)}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Applied Filters"});class Ro 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=`
|
|
126
107
|
<style>
|
|
127
108
|
@import "${t}";
|
|
128
109
|
.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 */
|
|
@@ -131,10 +112,10 @@
|
|
|
131
112
|
</style>
|
|
132
113
|
<div class="applied-filters ${r}"></div>
|
|
133
114
|
<slot></slot>
|
|
134
|
-
`,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){
|
|
135
|
-
* iamKey v3.7.
|
|
115
|
+
`,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){zo(this,this.shadowRoot.querySelector(".applied-filters"))}}window.customElements.get("iam-applied-filters")||window.customElements.define("iam-applied-filters",Ro);const Po={name:"Header"};function Fo(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-applied-filters",null,[e.renderSlot(a.$slots,"default")])}const Io=k(Po,[["render",Fo]]);/*!
|
|
116
|
+
* iamKey v3.7.9-beta-2
|
|
136
117
|
* Copyright 2022-2023 iamproperty
|
|
137
|
-
*/function
|
|
118
|
+
*/function jo(a,o){Oo(a,o)}function Oo(a,o){var t;o.addEventListener("keyup",r=>{clearTimeout(t),t=setTimeout(function(){Y(a,o.value)},500)}),o.addEventListener("change",r=>{clearTimeout(t),Y(a,o.value)})}const Y=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 Uo 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=`
|
|
138
119
|
<style>
|
|
139
120
|
@import "${t}";
|
|
140
121
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
@@ -161,7 +142,7 @@
|
|
|
161
142
|
<div class="list__wrapper">
|
|
162
143
|
<slot></slot>
|
|
163
144
|
</div>
|
|
164
|
-
`,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>'),
|
|
145
|
+
`,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>'),jo(this.querySelector("ul"),this.shadowRoot.querySelector("#search"))}}window.customElements.get("iam-filterlist")||window.customElements.define("iam-filterlist",Uo);const Wo={name:"Filter list"};function Go(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-filterlist",null,[e.renderSlot(a.$slots,"default")])}const Ko=k(Wo,[["render",Go]]);function Yo(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(),M(a))},!1),a.hasAttribute("data-timeout")){let t=a.getAttribute("data-timeout");var o=new Zo(function(){M(a)},t);a.addEventListener("mouseenter",r=>{o.pause()}),a.addEventListener("mouseleave",r=>{o.resume()})}}function Zo(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 M=function(a){a.classList.add("d-none")};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Notification"});class Xo 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,l)=>{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=`
|
|
165
146
|
<style>
|
|
166
147
|
@import "${t}";
|
|
167
148
|
${r}
|
|
@@ -173,4 +154,23 @@
|
|
|
173
154
|
<div class="notification__inner"><div class="notification__text"><slot></slot></div>${s.length?'<div class="notification__btns"><slot name="btns"></slot></div>':""}</div>
|
|
174
155
|
${this.hasAttribute("data-dismiss")?'<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>':""}
|
|
175
156
|
</div>
|
|
176
|
-
`,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>'}
|
|
157
|
+
`,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>'}Yo(r),o&&o.addEventListener("click",function(s){M(r)},!1)}}const Jo={name:"Notification",props:{},created(){this.$nextTick(function(){window.customElements.get("iam-notification")||window.customElements.define("iam-notification",Xo)})}};function Qo(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-notification",null,[e.renderSlot(a.$slots,"default")])}const er=k(Jo,[["render",Qo]]);/*!
|
|
158
|
+
* iamKey v3.7.9-beta-2
|
|
159
|
+
* Copyright 2022-2023 iamproperty
|
|
160
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Card"});class tr 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=`
|
|
161
|
+
<style>
|
|
162
|
+
@import "${r}";
|
|
163
|
+
.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 */
|
|
164
|
+
|
|
165
|
+
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
166
|
+
</style>
|
|
167
|
+
<div class="card ${o}" tabindex="0" role="button">
|
|
168
|
+
${this.hasAttribute("data-image")?`<div class="card__head"><img src="${this.getAttribute("data-image")}" alt="" loading="lazy" /></div>`:""}
|
|
169
|
+
<div class="card__body">
|
|
170
|
+
${this.classList.contains("card--filter")&&this.hasAttribute("data-total")?`<div class="card__total">${this.getAttribute("data-total")}</div>`:""}
|
|
171
|
+
${this.hasAttribute("data-illustration")?`<div class="card__illustration"><img src="${this.getAttribute("data-illustration")}" alt="" loading="lazy" /></div>`:""}
|
|
172
|
+
<slot></slot>
|
|
173
|
+
</div>
|
|
174
|
+
${this.hasAttribute("data-cta")?`<div class="card__footer"><span class="link">${this.getAttribute("data-cta")}</span></div>`:""}
|
|
175
|
+
</div>
|
|
176
|
+
`,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}"][type="radio"]:not([id="${n}"])`)).forEach((l,d)=>{document.querySelector(`[for="${l.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((l,d)=>{document.querySelector(`[for="${l.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 ar=Object.freeze(Object.defineProperty({__proto__:null,default:tr},Symbol.toStringTag,{value:"Module"}));y.Accordion=tt,y.AccordionItem=it,y.AppliedFilters=Io,y.Banner=ft,y.Card=G,y.Carousel=xt,y.FileUpload=Ye,y.Filterlist=Ko,y.Header=Mt,y.Input=q,y.Logo=P,y.Nav=to,y.NoteFeed=Do,y.Notification=er,y.PropertySearchbar=ha,y.Step=fo,y.Stepper=co,y.Tab=xo,y.Table=V,y.Tabs=Eo,y.Testimonial=Jt,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});
|