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