@iamproperty/components 3.7.9 → 3.9.0-beta-1
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/accordion.css.map +1 -1
- package/assets/css/components/actionbar-global.css +1 -0
- package/assets/css/components/actionbar-global.css.map +1 -0
- package/assets/css/components/actionbar.css +1 -0
- package/assets/css/components/actionbar.css.map +1 -0
- package/assets/css/components/dialog.css +1 -1
- package/assets/css/components/dialog.css.map +1 -1
- package/assets/css/components/fileupload.css.map +1 -1
- package/assets/css/components/forms.css +1 -1
- package/assets/css/components/forms.css.map +1 -1
- package/assets/css/components/header.css +1 -1
- package/assets/css/components/header.css.map +1 -1
- package/assets/css/components/lists.css.map +1 -1
- package/assets/css/components/nav-global.css +1 -0
- package/assets/css/components/nav-global.css.map +1 -0
- package/assets/css/components/nav.css +1 -1
- package/assets/css/components/nav.css.map +1 -1
- package/assets/css/components/nav.docs.css +1 -0
- package/assets/css/components/nav.docs.css.map +1 -0
- package/assets/css/components/nav.old.css +1 -0
- package/assets/css/components/nav.old.css.map +1 -0
- package/assets/css/components/pagination.css.map +1 -1
- package/assets/css/components/property-searchbar.css +1 -1
- package/assets/css/components/property-searchbar.css.map +1 -1
- package/assets/css/components/table.css +1 -1
- package/assets/css/components/table.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/actionbar/actionbar.component.js +305 -0
- package/assets/js/components/actionbar/actionbar.component.min.js +53 -0
- package/assets/js/components/actionbar/actionbar.component.min.js.map +1 -0
- 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/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js +2 -2
- package/assets/js/components/nav/nav.component.js +294 -0
- package/assets/js/components/nav/nav.component.min.js +51 -0
- package/assets/js/components/nav/nav.component.min.js.map +1 -0
- 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.js +33 -0
- package/assets/js/components/table/table.component.min.js +11 -10
- package/assets/js/components/table/table.component.min.js.map +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +1 -1
- package/assets/js/dynamic.min.js +3 -3
- package/assets/js/dynamic.min.js.map +1 -1
- package/assets/js/modules/dialogs.js +18 -5
- package/assets/js/modules/table.js +22 -4
- package/assets/js/scripts.bundle.js +15 -14
- 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/_corefiles.scss +2 -0
- package/assets/sass/_functions/mixins.scss +25 -0
- package/assets/sass/_functions/variables.scss +5 -3
- package/assets/sass/components/actionbar-global.scss +89 -0
- package/assets/sass/components/actionbar.scss +254 -0
- package/assets/sass/components/dialog.scss +99 -1
- package/assets/sass/components/forms.scss +96 -21
- package/assets/sass/components/nav-global.scss +619 -0
- package/assets/sass/components/nav.docs.scss +54 -0
- package/assets/sass/components/nav.old.scss +965 -0
- package/assets/sass/components/nav.scss +450 -782
- package/assets/sass/components/table.scss +9 -1
- package/assets/sass/foundations/buttons.scss +87 -14
- package/assets/sass/foundations/links.scss +1 -1
- package/assets/sass/foundations/reboot.scss +5 -3
- package/assets/ts/components/actionbar/README.md +55 -0
- package/assets/ts/components/actionbar/actionbar.component.ts +396 -0
- package/assets/ts/components/nav/README.md +68 -0
- package/assets/ts/components/nav/nav.component.ts +370 -0
- package/assets/ts/components/table/table.component.ts +65 -0
- package/assets/ts/modules/dialogs.ts +24 -6
- package/assets/ts/modules/table.ts +29 -7
- package/dist/components.es.js +1013 -1258
- package/dist/components.umd.js +97 -47
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/Actionbar/Actionbar.vue +20 -0
- package/src/components/Actionbar/README.md +40 -0
- package/src/components/Nav/Nav.vue +20 -195
- package/src/components/Nav/README.md +43 -13
- package/src/components/Nav-old/Nav.vue +213 -0
- package/src/components/Nav-old/README.md +23 -0
- package/src/components/Nav/Nav.spec.js +0 -35
package/dist/components.umd.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
(function(y,
|
|
2
|
-
* iamKey v3.
|
|
1
|
+
(function(y,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(y=typeof globalThis<"u"?globalThis:y||self,t(y.iamkey={},y.Vue))})(this,function(y,t){"use strict";const v=(a,r)=>{const e=a.__vccOpts||a;for(const[n,i]of r)e[n]=i;return e},J={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}}},Q=["xlink:href"],Z=["innerHTML"];function ee(a,r,e,n,i,s){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(s.className)},[(t.openBlock(),t.createElementBlock("svg",null,[t.createElementVNode("title",null,"iam "+t.toDisplayString(e.id),1),t.createElementVNode("use",{"xlink:href":e.path+s.src},null,8,Q)])),e.desc?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:e.desc},null,8,Z)):t.createCommentVNode("",!0)],2)}const te=v(J,[["render",ee]]);/*!
|
|
2
|
+
* iamKey v3.9.0-beta-1
|
|
3
3
|
* Copyright 2022-2023 iamproperty
|
|
4
|
-
*/const
|
|
5
|
-
${
|
|
6
|
-
${
|
|
7
|
-
${
|
|
8
|
-
</ul>`,
|
|
9
|
-
<span class="d-block pb-2">You've viewed ${
|
|
10
|
-
<a href="?show=${parseInt(
|
|
11
|
-
</div>`,!0};var re=function(a,o,t,r){function s(i){return i instanceof t?i:new t(function(n){n(i)})}return new(t||(t=Promise))(function(i,n){function l(u){try{c(r.next(u))}catch(p){n(p)}}function d(u){try{c(r.throw(u))}catch(p){n(p)}}function c(u){u.done?i(u.value):s(u.value).then(l,d)}c((r=r.apply(a,o||[])).next())})};const F=a=>{const o=Array.from(a.querySelectorAll("thead th"));Array.from(a.querySelectorAll("tbody tr")).forEach((t,r)=>{const s=Array.from(t.querySelectorAll("th, td")),i=["0","low","medium","high","unknown","n/a","pending","verified","due","overdue","incomplete","complete","completed","approval required","upcoming","requires approval","to do","on track","not started","warning","error"];s.forEach((n,l)=>{const d=o[l];if(typeof d<"u"){let c=document.createElement("div");c.innerHTML=d.innerHTML;let u=c.textContent||c.innerText||"";n.setAttribute("data-label",u),d.hasAttribute("data-td-class")&&n.setAttribute("class",d.getAttribute("data-td-class")),d.hasAttribute("data-format")&&(n.setAttribute("data-format",d.getAttribute("data-format")),n.innerHTML=C(d.getAttribute("data-format"),n.textContent.trim())),i.includes(n.textContent.trim().toLowerCase())&&n.setAttribute("data-content",n.textContent.trim().toLowerCase())}})})},ne=a=>{let o=0;return Array.from(a.querySelectorAll("tbody tr")).forEach((t,r)=>{let s=window.getComputedStyle(document.querySelector("html")),i=t.querySelector(":scope > *:last-child > *:first-child");if(i){i.classList.add("text-nowrap");let n=i.offsetWidth/parseFloat(s.fontSize);n+=1.7,o=o>n?o:n}}),o},ie=a=>{if(a.closest(".table--fullwidth")||a.querySelectorAll("thead tr th").length<4)return!1;Array.from(a.querySelectorAll("tbody tr")).forEach((o,t)=>{let r=o.querySelector(":scope > :is(td,th):first-child"),s=r.textContent;if(s!="")r.innerHTML=`<span class="td__content">${s}</span><button type="button" class="d-none">${s}</button>`;else{let i=o.querySelector(":scope > :is(td,th):nth-child(2)"),n=i.textContent;i.innerHTML=`<span class="td__content">${n}</span><button type="button" class="d-none">${n}</button>`}})},se=a=>{a.addEventListener("click",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("tr > :is(td,th):first-child button")){let t=o.target.closest("tr > :is(td,th):first-child button"),r=t.parentNode.closest("tr");r.getAttribute("data-view")=="full"?r.setAttribute("data-view","default"):r.setAttribute("data-view","full"),t.blur()}})},I=(a,o)=>{let t=o.querySelector("[data-search]");if(!t)return!1;const r=t.getAttribute("id"),s=t.getAttribute("data-search").split(",");let i=t.parentNode,n={};s.forEach((l,d)=>{Array.from(a.querySelectorAll('td[data-label="'+l.trim()+'"]')).forEach((c,u)=>{c.querySelector(".td__content")?n[c.querySelector(".td__content").textContent]=c.querySelector(".td__content").textContent:n[c.textContent]=c.textContent})}),t.setAttribute("list",`${r}_list`),t.setAttribute("autocomplete","off"),i.querySelector("datalist")||(i.innerHTML+=`<datalist id="${r}_list"></datalist>`),i.querySelector("datalist").innerHTML=`${Object.keys(n).map(l=>`<option value="${l}"></option>`).join("")}`},le=(a,o,t,r,s)=>{var i;let n=function(c=!1){if(o.hasAttribute("data-ajax")){if(!c){let u=o.querySelector("[data-pagination]");u.value=1,r.setAttribute("data-page",1)}W(a,o,t,r)}else o.hasAttribute("data-submit")?o.submit():(T(a,o,r),$(r,t),v(a,o));if(o.hasAttribute("data-ajax-post")){let u=new FormData(o),p=new URLSearchParams(u).toString();const m=new XMLHttpRequest;m.open("GET",`${window.location.href}?ajax=true&${p}`),m.send()}};o.addEventListener("keyup",c=>{clearTimeout(i),c&&c.target instanceof HTMLElement&&c.target.closest("[data-search]")&&(i=setTimeout(function(){n()},500))}),o.addEventListener("change",c=>{clearTimeout(i),c&&c.target instanceof HTMLElement&&c.target.closest("[data-sort]")&&(o.hasAttribute("data-submit")||j(a,o,s),n()),c&&c.target instanceof HTMLElement&&c.target.closest("[data-search]")&&n(),c&&c.target instanceof HTMLElement&&c.target.closest("[data-filter][data-no-ajax]")?(T(a,o,r),$(r,t),v(a,o)):(c&&c.target instanceof HTMLElement&&c.target.closest("[data-filter]")&&c.target.closest("form .dialog__wrapper > dialog")||c&&c.target instanceof HTMLElement&&c.target.closest("[data-filter]")&&!c.target.closest("form dialog"))&&n(),c&&c.target instanceof HTMLElement&&c.target.closest("[data-show]")&&n(),c&&c.target instanceof HTMLElement&&c.target.closest("[data-mimic]")&&n()}),o.addEventListener("click",c=>{clearTimeout(i),c&&c.target instanceof HTMLElement&&c.target.closest('dialog button:not([type="button"])')&&c.target.closest('dialog button:not([type="button"])').closest("dialog").close(),c&&c.target instanceof HTMLElement&&c.target.closest(".dialog__close")&&(c.preventDefault(),c.stopPropagation()),c&&c.target instanceof HTMLElement&&c.target.closest("[data-clear]")&&(o.reset(),o.hasAttribute("data-submit")||j(a,o,s),n())}),o.addEventListener("submit",c=>{clearTimeout(i),o.hasAttribute("data-submit")||c.preventDefault(),n()}),o.addEventListener("force",c=>{n()}),o.addEventListener("paginate",c=>{n(!0)});let l=[],d=[];Array.from(o.querySelectorAll("[data-mimic]")).forEach((c,u)=>{let p=c.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${p}"]`)).forEach((m,h)=>{let f=m.closest("form");l.includes(f)||l.push(f),d.includes(p)||d.push(p)})}),l.forEach((c,u)=>{const p=function(){let m=[],h=new FormData(c);for(const[f,_]of h)document.querySelector(`[data-mimic="${f}"]`)&&!m.includes(f)?(m.push(f),document.querySelector(`[data-mimic="${f}"]`).value=_):document.querySelector(`[data-mimic="${f}"]`)&&(document.querySelector(`[data-mimic="${f}"]`).value+=","+_);for(const f of m){const _=new Event("force");o.dispatchEvent(_)}for(const f of d)if(!h.has(f)&&c.querySelector(`[name="${f}"]`)){document.querySelector(`[data-mimic="${f}"]`).value="";const _=new Event("force");o.dispatchEvent(_)}};c.addEventListener("force",m=>{p()}),c.addEventListener("change",m=>{p()})})},j=(a,o,t)=>{if(o.getAttribute("data-ajax"))return!1;let r=a.querySelector("tbody"),s=o.querySelector("[data-sort]"),i=s.querySelector(`option:nth-child(${s.selectedIndex+1})`),n=i.getAttribute("data-sort"),l=i.getAttribute("data-order"),d=i.getAttribute("data-format");if(!n)return r.innerHTML=t.innerHTML,F(a),!1;let c=[];["asc","desc","descending"].includes(l)||(c=l.split(","));let u=[];Array.from(r.querySelectorAll("tr")).forEach((m,h)=>{let f=m.querySelector('td[data-label="'+n+'"], th[data-label="'+n+'"]').textContent.trim();m.querySelector('[data-label="'+n+'"] .td__content')&&(f=m.querySelector('[data-label="'+n+'"] .td__content').textContent.trim()),c.length&&c.includes(f)&&(f=c.indexOf(f)),te(f)&&(f=ae(f,10)),d&&d=="date"&&(f=new Date(f));const _={index:f,row:m};u.push(_)}),u.sort((m,h)=>m.index>h.index?1:-1),(l=="descending"||l=="desc")&&(u=u.reverse());let p="";u.forEach((m,h)=>{p+=m.row.outerHTML}),r.innerHTML=p},T=(a,o,t)=>{a.classList.remove("table--filtered");let r=U(o),s=[],i=0,n=o.querySelector("[data-pagination]")?parseInt(o.querySelector("[data-pagination]").value):1,l=o.querySelector("[data-show]")?parseInt(o.querySelector("[data-show]").value):15;if(Array.from(a.querySelectorAll("tbody tr")).forEach((d,c)=>{d.classList.remove("filtered"),d.classList.remove("filtered--matched"),d.classList.remove("filtered--show"),d.removeAttribute("data-filtered-by")}),o.querySelector("[data-search]")){let d=o.querySelector("[data-search]");o.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((c,u)=>{s.push({column:`${c.trim()}`,value:`${d.value}`})})}Array.from(o.querySelectorAll("[data-filter-count]")).forEach((d,c)=>{d.innerHTML=""}),Object.keys(r).length&&Array.from(o.querySelectorAll("[data-filter-count]")).forEach((d,c)=>{d.innerHTML+=`(${Object.keys(r).length})`}),a.classList.add("table--filtered");for(const[d,c]of Object.entries(r))Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((u,p)=>{let m=!1;c.forEach((h,f)=>{let _=u.querySelector(`[data-label="${d}"]`);if(h&&h=="$today")h=C("date",new Date);else if(h&&h=="$yesterday"){let g=new Date;g.setDate(g.getDate()-1),h=C("date",g)}else if(h&&(h=="$thisWeek"||h=="$lastWeek")){let g=new Date,A=new Date(g.setDate(g.getDate()-(g.getDay()-1))),w=new Date(g.setDate(g.getDate()-g.getDay()+7)),b=new Date(_.textContent.toLowerCase());if(g.setHours(0,0,0,0),A.setHours(0,0,0,0),w.setHours(0,0,0,0),b.setHours(0,0,0,0),h=="$thisWeek")m=b>=A&&b<=w;else{let H=new Date(A.setDate(A.getDate()-7)),S=new Date(w.setDate(w.getDate()-7));H.setHours(0,0,0,0),S.setHours(0,0,0,0),m=b>=H&&b<=S}}else if(h&&h=="$thisMonth"){let g=new Date,A=g.getFullYear(),w=g.getMonth();var E=new Date(A,w,1),x=new Date(A,w+1,0);let b=new Date(_.textContent.toLowerCase());E.setHours(0,0,0,0),x.setHours(0,0,0,0),b.setHours(0,0,0,0),m=b>=E&&b<=x}else if(h&&h=="$lastMonth"){let g=new Date,A=g.getFullYear(),w=g.getMonth();var L=new Date(A,w-1,1),N=new Date(A,w,0);let b=new Date(_.textContent.toLowerCase());L.setHours(0,0,0,0),N.setHours(0,0,0,0),b.setHours(0,0,0,0),m=b>=L&&b<=N}_&&_.textContent.toLowerCase().includes(h.toLowerCase())&&(m=!0)}),m||(u.classList.add("filtered"),u.setAttribute("data-filtered-by",d))});Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((d,c)=>{let u=!(s.length>0&&s[0].value.length>=3);s.forEach((p,m)=>{let h=d.querySelector(`[data-label="${p.column}"]`);h&&p.value.length>=3&&h.textContent.toLowerCase().includes(p.value.toLowerCase())&&(u=!0)}),u||d.classList.add("filtered")}),Array.from(a.querySelectorAll("tbody tr:not(.filtered")).forEach((d,c)=>{i++,d.classList.add("filtered--matched"),Math.ceil(i/l)==parseInt(n)&&d.classList.add("filtered--show")}),t&&(t.setAttribute("data-page",n),t.setAttribute("data-pages",Math.ceil(i/l)),t.setAttribute("data-total",i),t.setAttribute("data-show",l))},v=(a,o,t)=>{Array.from(o.querySelectorAll("[data-query]")).forEach((r,s)=>{let i=r.getAttribute("data-query"),n;if(i=="total")t.hasAttribute("data-total")?n=t.getAttribute("data-total"):n=(a.classList.contains("table--filtered"),a.querySelectorAll("tbody tr").length);else if(!i.includes(" == ")&&i.includes(" & ")){let l=i.split(" & "),d="";l.forEach(c=>{d+=`:not([data-filtered-by="${c}"])`}),n=Array.from(a.querySelectorAll(`tbody tr${d}`)).length}else if(!i.includes(" == "))n=Array.from(a.querySelectorAll(`tbody tr:not([data-filtered-by="${i}"])`)).length;else if(i.includes(" && ")){let l=i.split(" && ");n=Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d){let c=!0;for(const[u,p]of Object.entries(l)){let m=p.split(" == ");(!d.querySelector(`td[data-label="${m[0]}"]`)||d.querySelector(`td[data-label="${m[0]}"]`).textContent!=`${m[1]}`)&&(c=!1)}return c}).length}else{let l=i.split(" == ");n=Array.from(a.querySelectorAll(`tbody tr.filtered--matched td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(d){return d.textContent===l[1]}).length}r.hasAttribute("data-total")?r.setAttribute("data-total",n):r.innerHTML=n})},ce=function(a,o,t,r){t.addEventListener("click",s=>{if(s&&s.target instanceof HTMLElement&&s.target.closest("[data-page]")){s.preventDefault();let i=o.querySelector("[data-pagination]"),n=s.target.closest("[data-page]").getAttribute("data-page");if(i.value=n,r.setAttribute("data-page",n),o.dispatchEvent(new Event("paginate")),a.hasAttribute("data-show-history")){const c=new URL(location);c.searchParams.set("page",n),history.pushState({type:"pagination",form:o.getAttribute("id"),page:n},"",c)}const l=-250,d=a.getBoundingClientRect().top+window.pageYOffset+l;window.scrollTo({top:d,behavior:"smooth"})}if(s&&s.target instanceof HTMLElement&&s.target.closest("[data-show]")){s.preventDefault();let i=o.querySelector("[data-show]"),n=s.target.closest("[data-show]").getAttribute("data-show");i.value=n,r.setAttribute("data-show",n),o.dispatchEvent(new Event("submit"))}})},de=(a,o)=>{if(!a)return!1;a.addEventListener("click",t=>{me(o)})},me=function(a){for(var o=[],t=a.getElementsByTagName("tr"),r=0;r<t.length;r++){for(var s=t[r].querySelectorAll("td,th"),i=[],n=0;n<s.length;n++)i.push(`"${s[n].textContent}"`);o.push(i.join(","))}o=o.join(`
|
|
12
|
-
`);let
|
|
4
|
+
*/const ae=function(a){return typeof a!="string"?!1:!isNaN(a)&&!isNaN(parseFloat(a))},re=(a,r)=>String(a).padStart(r,"0"),oe=a=>a.charAt(0).toUpperCase()+a.slice(1),x=function(a,r){if(!a.getAttribute("data-pages"))return!1;a.getAttribute("data-page")||a.setAttribute("data-page",1);let e=a.getAttribute("data-page"),n=a.getAttribute("data-pages"),i=a.getAttribute("data-total"),s=a.getAttribute("data-show"),o=a.getAttribute("data-increment");if(n<=1)return r.innerHTML="",!1;let c="";for(let d=1;d<=n;d++)d==e?c+=`<li class="page-item active" aria-current="page"><span class="page-link">${d}</span></li>`:c+=`<li class="page-item"><a href="?page=${d}" class="page-link" data-page="${d}">${d}</a></li>`;return r.innerHTML=`<ul class="pagination mb-0 d-none d-sm-flex">
|
|
5
|
+
${e==1?'<li class="page-item disabled"><span class="page-link">Previous</span></li>':`<li class="page-item"><a href="?page=${parseInt(e)-1}" class="page-link" data-page="${parseInt(e)-1}">Previous</a></li>`}
|
|
6
|
+
${c}
|
|
7
|
+
${e==n?'<li class="page-item disabled"><span class="page-link">Next</span></li>':`<li class="page-item"><a href="?page=${parseInt(e)+1}" class="page-link" data-page="${parseInt(e)+1}">Next</a></li>`}
|
|
8
|
+
</ul>`,r.innerHTML+=`<div class="d-sm-none text-center">
|
|
9
|
+
<span class="d-block pb-2">You've viewed ${s} of ${i} results</span>
|
|
10
|
+
<a href="?show=${parseInt(s)+parseInt(o)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(s)+parseInt(o)}">Load more results</a>
|
|
11
|
+
</div>`,!0};var ne=function(a,r,e,n){function i(s){return s instanceof e?s:new e(function(o){o(s)})}return new(e||(e=Promise))(function(s,o){function c(m){try{l(n.next(m))}catch(b){o(b)}}function d(m){try{l(n.throw(m))}catch(b){o(b)}}function l(m){m.done?s(m.value):i(m.value).then(c,d)}l((n=n.apply(a,r||[])).next())})};const P=a=>{const r=Array.from(a.querySelectorAll("thead th"));Array.from(a.querySelectorAll("tbody tr")).forEach((e,n)=>{const i=Array.from(e.querySelectorAll("th, td")),s=["0","low","medium","high","unknown","n/a","pending","verified","due","overdue","incomplete","complete","completed","approval required","upcoming","requires approval","to do","on track","not started","warning","error"];i.forEach((o,c)=>{const d=r[c];if(typeof d<"u"){let l=document.createElement("div");l.innerHTML=d.innerHTML;let m=l.textContent||l.innerText||"";o.setAttribute("data-label",m),d.hasAttribute("data-td-class")&&o.setAttribute("class",d.getAttribute("data-td-class")),d.hasAttribute("data-format")&&(o.setAttribute("data-format",d.getAttribute("data-format")),o.innerHTML=N(d.getAttribute("data-format"),o.textContent.trim())),s.includes(o.textContent.trim().toLowerCase())&&o.setAttribute("data-content",o.textContent.trim().toLowerCase())}})})},ie=a=>{let r=0;return Array.from(a.querySelectorAll("tbody tr")).forEach((e,n)=>{let i=window.getComputedStyle(document.querySelector("html")),s=e.querySelector(":scope > *:last-child > *:first-child");if(s){s.classList.add("text-nowrap");let o=s.offsetWidth/parseFloat(i.fontSize);o+=1.7,r=r>o?r:o}}),r},se=a=>{if(a.closest(".table--fullwidth")||a.querySelectorAll("thead tr th").length<4)return!1;Array.from(a.querySelectorAll("tbody tr")).forEach((r,e)=>{let n=r.querySelector(":scope > :is(td,th):first-child"),i=n.textContent;if(i!="")n.innerHTML=`<span class="td__content">${i}</span><button type="button" class="d-none">${i}</button>`;else{let s=r.querySelector(":scope > :is(td,th):nth-child(2)"),o=s.textContent;s.innerHTML=`<span class="td__content">${o}</span><button type="button" class="d-none">${o}</button>`}})},le=a=>{a.addEventListener("click",r=>{if(r&&r.target instanceof HTMLElement&&r.target.closest("tr > :is(td,th):first-child button")){let e=r.target.closest("tr > :is(td,th):first-child button"),n=e.parentNode.closest("tr");n.getAttribute("data-view")=="full"?n.setAttribute("data-view","default"):n.setAttribute("data-view","full"),e.blur()}})},j=(a,r)=>{let e=r.querySelector("[data-search]");if(!e)return!1;const n=e.getAttribute("id"),i=e.getAttribute("data-search").split(",");let s=e.parentNode,o={};i.forEach((c,d)=>{Array.from(a.querySelectorAll('td[data-label="'+c.trim()+'"]')).forEach((l,m)=>{l.querySelector(".td__content")?o[l.querySelector(".td__content").textContent]=l.querySelector(".td__content").textContent:o[l.textContent]=l.textContent})}),e.setAttribute("list",`${n}_list`),e.setAttribute("autocomplete","off"),s.querySelector("datalist")||(s.innerHTML+=`<datalist id="${n}_list"></datalist>`),s.querySelector("datalist").innerHTML=`${Object.keys(o).map(c=>`<option value="${c}"></option>`).join("")}`},ce=(a,r,e,n,i)=>{var s;let o=function(l=!1){if(r.hasAttribute("data-ajax")){if(!l){let m=r.querySelector("[data-pagination]");m.value=1,n.setAttribute("data-page",1)}W(a,r,e,n)}else r.hasAttribute("data-submit")?r.submit():(B(a,r,n),x(n,e),q(a,r));if(r.hasAttribute("data-ajax-post")){let m=new FormData(r),b=new URLSearchParams(m).toString();const p=new XMLHttpRequest;p.open("GET",`${window.location.href}?ajax=true&${b}`),p.send()}};r.addEventListener("keyup",l=>{clearTimeout(s),l&&l.target instanceof HTMLElement&&l.target.closest("[data-search]")&&(s=setTimeout(function(){o()},500))}),r.addEventListener("change",l=>{clearTimeout(s),l&&l.target instanceof HTMLElement&&l.target.closest("[data-sort]")&&(r.hasAttribute("data-submit")||I(a,r,i),o()),l&&l.target instanceof HTMLElement&&l.target.closest("[data-search]")&&o(),l&&l.target instanceof HTMLElement&&l.target.closest("[data-filter][data-no-ajax]")?(B(a,r,n),x(n,e),q(a,r)):(l&&l.target instanceof HTMLElement&&l.target.closest("[data-filter]")&&l.target.closest("form .dialog__wrapper > dialog")||l&&l.target instanceof HTMLElement&&l.target.closest("[data-filter]")&&!l.target.closest("form dialog"))&&o(),l&&l.target instanceof HTMLElement&&l.target.closest("[data-show]")&&o(),l&&l.target instanceof HTMLElement&&l.target.closest("[data-mimic]")&&o()}),r.addEventListener("click",l=>{clearTimeout(s),l&&l.target instanceof HTMLElement&&l.target.closest('dialog button:not([type="button"])')&&l.target.closest('dialog button:not([type="button"])').closest("dialog").close(),l&&l.target instanceof HTMLElement&&l.target.closest(".dialog__close")&&(l.preventDefault(),l.stopPropagation()),l&&l.target instanceof HTMLElement&&l.target.closest("[data-clear]")&&(r.reset(),r.hasAttribute("data-submit")||I(a,r,i),o())}),r.addEventListener("submit",l=>{clearTimeout(s),r.hasAttribute("data-submit")||l.preventDefault(),o()}),r.addEventListener("force",l=>{o()}),r.addEventListener("paginate",l=>{o(!0)});let c=[],d=[];Array.from(r.querySelectorAll("[data-mimic]")).forEach((l,m)=>{let b=l.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${b}"]`)).forEach((p,u)=>{let h=p.closest("form");c.includes(h)||c.push(h),d.includes(b)||d.push(b)})}),c.forEach((l,m)=>{const b=function(){let p=[],u=new FormData(l);for(const[h,w]of u)document.querySelector(`[data-mimic="${h}"]`)&&!p.includes(h)?(p.push(h),document.querySelector(`[data-mimic="${h}"]`).value=w):document.querySelector(`[data-mimic="${h}"]`)&&(document.querySelector(`[data-mimic="${h}"]`).value+=","+w);for(const h of p){const w=new Event("force");r.dispatchEvent(w)}for(const h of d)if(!u.has(h)&&l.querySelector(`[name="${h}"]`)){document.querySelector(`[data-mimic="${h}"]`).value="";const w=new Event("force");r.dispatchEvent(w)}};l.addEventListener("force",p=>{b()}),l.addEventListener("change",p=>{b()})})},I=(a,r,e)=>{if(r.getAttribute("data-ajax"))return!1;let n=a.querySelector("tbody"),i=r.querySelector("[data-sort]"),s=i.querySelector(`option:nth-child(${i.selectedIndex+1})`),o=s.getAttribute("data-sort"),c=s.getAttribute("data-order"),d=s.getAttribute("data-format");if(!o)return n.innerHTML=e.innerHTML,P(a),!1;let l=[];["asc","desc","descending"].includes(c)||(l=c.split(","));let m=[];Array.from(n.querySelectorAll("tr")).forEach((p,u)=>{let h=p.querySelector('td[data-label="'+o+'"], th[data-label="'+o+'"]').textContent.trim();p.querySelector('[data-label="'+o+'"] .td__content')&&(h=p.querySelector('[data-label="'+o+'"] .td__content').textContent.trim()),l.length&&l.includes(h)&&(h=l.indexOf(h)),ae(h)&&(h=re(h,10)),d&&d=="date"&&(h=new Date(h));const w={index:h,row:p};m.push(w)}),m.sort((p,u)=>p.index>u.index?1:-1),(c=="descending"||c=="desc")&&(m=m.reverse());let b="";m.forEach((p,u)=>{b+=p.row.outerHTML}),n.innerHTML=b},B=(a,r,e)=>{a.classList.remove("table--filtered");let n=U(r),i=[],s=0,o=r.querySelector("[data-pagination]")?parseInt(r.querySelector("[data-pagination]").value):1,c=r.querySelector("[data-show]")?parseInt(r.querySelector("[data-show]").value):15;if(Array.from(a.querySelectorAll("tbody tr")).forEach((l,m)=>{l.classList.remove("filtered"),l.classList.remove("filtered--matched"),l.classList.remove("filtered--show"),l.removeAttribute("data-filtered-by")}),r.querySelector("[data-search]")){let l=r.querySelector("[data-search]");r.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((m,b)=>{i.push({column:`${m.trim()}`,value:`${l.value}`})})}Array.from(r.querySelectorAll("[data-filter-count]")).forEach((l,m)=>{l.innerHTML="",l.parentNode.classList.remove("hover")});let d=0;Object.values(n).forEach((l,m)=>{typeof l=="object"&&Object.values(l).length?d+=Object.values(l).length:d++}),d&&Array.from(r.querySelectorAll("[data-filter-count]")).forEach((l,m)=>{l.innerHTML+=`(${d})`,l.parentNode.classList.add("hover")}),a.classList.add("table--filtered");for(const[l,m]of Object.entries(n))Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((b,p)=>{let u=!1;m.forEach((h,w)=>{let k=b.querySelector(`[data-label="${l}"]`);if(h&&h=="$today")h=N("date",new Date);else if(h&&h=="$yesterday"){let g=new Date;g.setDate(g.getDate()-1),h=N("date",g)}else if(h&&(h=="$thisWeek"||h=="$lastWeek")){let g=new Date,A=new Date(g.setDate(g.getDate()-(g.getDay()-1))),_=new Date(g.setDate(g.getDate()-g.getDay()+7)),f=new Date(k.textContent.toLowerCase());if(g.setHours(0,0,0,0),A.setHours(0,0,0,0),_.setHours(0,0,0,0),f.setHours(0,0,0,0),h=="$thisWeek")u=f>=A&&f<=_;else{let D=new Date(A.setDate(A.getDate()-7)),L=new Date(_.setDate(_.getDate()-7));D.setHours(0,0,0,0),L.setHours(0,0,0,0),u=f>=D&&f<=L}}else if(h&&h=="$thisMonth"){let g=new Date,A=g.getFullYear(),_=g.getMonth();var S=new Date(A,_,1),$=new Date(A,_+1,0);let f=new Date(k.textContent.toLowerCase());S.setHours(0,0,0,0),$.setHours(0,0,0,0),f.setHours(0,0,0,0),u=f>=S&&f<=$}else if(h&&h=="$lastMonth"){let g=new Date,A=g.getFullYear(),_=g.getMonth();var E=new Date(A,_-1,1),T=new Date(A,_,0);let f=new Date(k.textContent.toLowerCase());E.setHours(0,0,0,0),T.setHours(0,0,0,0),f.setHours(0,0,0,0),u=f>=E&&f<=T}k&&k.textContent.toLowerCase().includes(h.toLowerCase())&&(u=!0)}),u||(b.classList.add("filtered"),b.setAttribute("data-filtered-by",l))});Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((l,m)=>{let b=!(i.length>0&&i[0].value.length>=3);i.forEach((p,u)=>{let h=l.querySelector(`[data-label="${p.column}"]`);h&&p.value.length>=3&&h.textContent.toLowerCase().includes(p.value.toLowerCase())&&(b=!0)}),b||l.classList.add("filtered")}),Array.from(a.querySelectorAll("tbody tr:not(.filtered")).forEach((l,m)=>{s++,l.classList.add("filtered--matched"),Math.ceil(s/c)==parseInt(o)&&l.classList.add("filtered--show")}),e&&(e.setAttribute("data-page",o),e.setAttribute("data-pages",Math.ceil(s/c)),e.setAttribute("data-total",s),e.setAttribute("data-show",c))},q=(a,r,e)=>{Array.from(r.querySelectorAll("[data-query]")).forEach((n,i)=>{let s=n.getAttribute("data-query"),o;if(s=="total")e.hasAttribute("data-total")?o=e.getAttribute("data-total"):o=(a.classList.contains("table--filtered"),a.querySelectorAll("tbody tr").length);else if(!s.includes(" == ")&&s.includes(" & ")){let c=s.split(" & "),d="";c.forEach(l=>{d+=`:not([data-filtered-by="${l}"])`}),o=Array.from(a.querySelectorAll(`tbody tr${d}`)).length}else if(!s.includes(" == "))o=Array.from(a.querySelectorAll(`tbody tr:not([data-filtered-by="${s}"])`)).length;else if(s.includes(" && ")){let c=s.split(" && ");o=Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d){let l=!0;for(const[m,b]of Object.entries(c)){let p=b.split(" == ");(!d.querySelector(`td[data-label="${p[0]}"]`)||d.querySelector(`td[data-label="${p[0]}"]`).textContent!=`${p[1]}`)&&(l=!1)}return l}).length}else{let c=s.split(" == ");o=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(d){return d.textContent===c[1]}).length}n.hasAttribute("data-total")?n.setAttribute("data-total",o):n.innerHTML=o})},de=function(a,r,e,n){e.addEventListener("click",i=>{if(i&&i.target instanceof HTMLElement&&i.target.closest("[data-page]")){i.preventDefault();let s=r.querySelector("[data-pagination]"),o=i.target.closest("[data-page]").getAttribute("data-page");if(s.value=o,n.setAttribute("data-page",o),r.dispatchEvent(new Event("paginate")),a.hasAttribute("data-show-history")){const l=new URL(location);l.searchParams.set("page",o),history.pushState({type:"pagination",form:r.getAttribute("id"),page:o},"",l)}const c=-250,d=a.getBoundingClientRect().top+window.pageYOffset+c;window.scrollTo({top:d,behavior:"smooth"})}if(i&&i.target instanceof HTMLElement&&i.target.closest("[data-show]")){i.preventDefault();let s=r.querySelector("[data-show]"),o=i.target.closest("[data-show]").getAttribute("data-show");s.value=o,n.setAttribute("data-show",o),r.dispatchEvent(new Event("submit"))}})},me=(a,r)=>{if(!a)return!1;a.addEventListener("click",e=>{ue(r)})},ue=function(a){for(var r=[],e=a.getElementsByTagName("tr"),n=0;n<e.length;n++){for(var i=e[n].querySelectorAll("td,th"),s=[],o=0;o<i.length;o++)s.push(`"${i[o].textContent}"`);r.push(s.join(","))}r=r.join(`
|
|
12
|
+
`);let c=new Blob([r],{type:"text/csv"});var d=document.createElement("a");d.download="export.csv";var l=window.URL.createObjectURL(c);d.href=l,d.style.display="none",document.body.appendChild(d),d.click(),document.body.removeChild(d)},O=function(a,r,e,n){if(P(a),se(a),q(a,r,n),n&&n.classList.contains("table--cta")){let i=function(){Array.from(a.querySelectorAll("tr")).forEach((o,c)=>{let d=o.offsetHeight;o.style.setProperty("--row-height",`${d}px`)})};const s=ie(a);n.style.setProperty("--cta-width",`${s}rem`),new ResizeObserver(i).observe(a)}},U=function(a){let r=new Object;return Array.from(a.querySelectorAll("[data-filter]")).forEach((e,n)=>{if(!(e.type=="radio"&&!e.checked)&&!(e.type=="checkbox"&&!e.checked)&&e&&e.value){let i=e.getAttribute("data-filter");r[i]||(r[i]=new Array),r[i].push(e.value)}}),r},W=function(a,r,e,n){return ne(this,void 0,void 0,function*(){const i=(u,h,w)=>h.split(/[\.\[\]\'\"]/).filter(k=>k).reduce((k,S)=>k?k[S]:w,u);let s=new FormData(r),o=new URLSearchParams(s).toString(),c=a.querySelectorAll("thead tr th"),d=a.querySelector("tbody"),l=r.getAttribute("data-ajax");n.classList.add("table--loading");let m=U(r);Array.from(r.querySelectorAll("[data-filter-count]")).forEach((u,h)=>{u.innerHTML="",u.parentNode.classList.remove("hover")});let b=0;Object.values(m).forEach((u,h)=>{typeof u=="object"&&Object.values(u).length?b+=Object.values(u).length:b++}),b&&Array.from(r.querySelectorAll("[data-filter-count]")).forEach((u,h)=>{u.innerHTML+=`(${b})`,u.parentNode.classList.add("hover")}),window.controller||(window.controller=[]),window.controller[l]&&window.controller[l].abort(),window.controller[l]=new AbortController;const{signal:p}=controller[l];try{yield fetch(l+"?"+o,{signal:p,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=r.hasAttribute("data-schema")?r.getAttribute("data-schema"):"data",w=r.hasAttribute("data-schema-total")?r.getAttribute("data-schema-total"):"meta.total",k=r.hasAttribute("data-schema-page")?r.getAttribute("data-schema-page"):"meta.current_page",S=i(u,w,1),$=i(u,k,1),E=i(u,h),T=n.hasAttribute("data-empty-msg")?n.getAttribute("data-empty-msg"):"No results found";E?(d.innerHTML="",E.forEach((g,A)=>{var _=document.createElement("tr");c.forEach((f,D)=>{let L="";var z=document.createElement("td");if(z.setAttribute("data-label",f.innerText),f.getAttribute("data-output")){var R=f.getAttribute("data-output");L=R.replace(new RegExp(/{(.*?)}/,"gm"),function(_r){return i(g,_r.replace("{","").replace("}",""))})}if(f.hasAttribute("data-output-array")){var R=f.getAttribute("data-output");let kr=i(g,R.replace("{","").replace("}",""));L="",kr.forEach((X,Cr)=>{let Ar=f.getAttribute("data-output-array"),C="";if(f.hasAttribute("data-output-array-property")&&f.hasAttribute("data-output-array-transform")){const F=i(X,f.getAttribute("data-output-array-property")),Lr=JSON.parse(f.getAttribute("data-output-array-transform"))[F];C=Ar.replace(`{${f.getAttribute("data-output-array-property")}}`,Lr)}C=C.replace(new RegExp(/{(.*?)}/,"gm"),function(F){return i(X,F.replace("{","").replace("}",""))}),L+=C})}f.hasAttribute("data-transform")&&(L=JSON.parse(f.getAttribute("data-transform"))[L],!L&&f.hasAttribute("data-default")&&(L=f.getAttribute("data-default"))),z.innerHTML=L,_.appendChild(z)}),d.appendChild(_)}),j(a,r),n.setAttribute("data-total",parseInt(S)),n.setAttribute("data-page",parseInt($)),n.setAttribute("data-pages",Math.ceil(n.getAttribute("data-total")/n.getAttribute("data-show"))),O(a,r,e,n),x(n,e),Array.from(r.querySelectorAll("[data-ajax-query]")).forEach((g,A)=>{let _=i(u,g.getAttribute("data-ajax-query"),"");g.hasAttribute("data-total")?g.setAttribute("data-total",_):g.innerHTML=_}),parseInt(S)==0&&(d.innerHTML=`<tr><td colspan="100%"><span>${T}</span></td></tr>`),n.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:l,formData:o})):d.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>'})}catch(u){console.log(u)}})},N=(a,r)=>{switch(a){case"datetime":return new Date(r).toLocaleDateString("en-gb",{weekday:"short",year:"2-digit",month:"long",day:"numeric"})+" "+new Date(r).toLocaleTimeString("en-gb",{hour:"2-digit",minute:"2-digit"});case"date":return new Date(r).toLocaleDateString("en-gb",{year:"2-digit",month:"long",day:"numeric"});case"capitalise":return r=oe(r)}};class he extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const r=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${r}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
13
13
|
<style>
|
|
14
|
-
@import "${
|
|
14
|
+
@import "${e}";
|
|
15
15
|
|
|
16
16
|
:host(.mh-sm){
|
|
17
17
|
max-height: none!important;
|
|
@@ -25,16 +25,17 @@
|
|
|
25
25
|
|
|
26
26
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
27
27
|
</style>
|
|
28
|
+
<slot name="before"></slot>
|
|
28
29
|
<div class="table--cta">
|
|
29
30
|
<div class="table__wrapper">
|
|
30
31
|
<slot></slot>
|
|
31
32
|
</div>
|
|
32
33
|
</div>
|
|
33
34
|
<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" />`),se(this.table),le(this.table,this.form,this.pagination,this,this.savedTableBody),ce(this.table,this.form,this.pagination,this),de(this.shadowRoot.querySelector("[data-export]"),this.table),this.form.getAttribute("data-ajax")?W(this.table,this.form,this.pagination,this):(O(this.table,this.form,this.pagination,this),T(this.table,this.form,this),$(this,this.pagination),v(this.table,this.form)),this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll",r=>{this.table.querySelector("dialog[open]")&&(this.table.querySelector("dialog[open]").close(),this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"))})}static get observedAttributes(){return["data-total","data-pages","data-page","data-show"]}attributeChangedCallback(o,t,r){}}const he=a=>a.charAt(0).toUpperCase()+a.slice(1),pe=a=>a.replace(/_/g," "),fe=a=>a.replace(/ /g,"_"),be=function(a){return a=a.toLowerCase(),a=fe(a),a=a.replace(/\W/g,""),a},ye={name:"Table",props:{items:{type:Array,required:!1},fields:{type:Array,required:!1}},computed:{cellHeading(){return a=>`${he(pe(a))}`}},created(){this.$nextTick(function(){window.customElements.get("iam-table")||window.customElements.define("iam-table",ue)})},updated(){}},ge={key:0},_e={key:0},ke=["data-row-id"],we=["innerHTML"];function Ae(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-table",null,[t.fields?(e.openBlock(),e.createElementBlock("table",ge,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fields,n=>(e.openBlock(),e.createElementBlock("th",{key:n.key},e.toDisplayString(i.cellHeading(n.key)),1))),128))])]),t.items?(e.openBlock(),e.createElementBlock("tbody",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,l)=>(e.openBlock(),e.createElementBlock("tr",{key:l,"data-row-id":n.rowid},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.fromEntries(Object.entries(n).filter(([d])=>d!=="rowid")),(d,c)=>(e.openBlock(),e.createElementBlock("td",{key:c,innerHTML:d},null,8,we))),128))],8,ke))),128))])):e.createCommentVNode("",!0)])):e.renderSlot(a.$slots,"default",{key:1})])}const V=k(ye,[["render",Ae]]),Se={name:"Input",props:{value:{type:String,required:!1},id:{type:String,required:!0},name:{type:String,required:!1},list:{type:String,required:!1},label:{type:String,required:!1},labelclass:{type:String,required:!1},inputclass:{type:String,required:!1},type:{type:String,required:!1,default:"text"},size:{type:String,required:!1},errormsg:{type:String,required:!1},options:{type:Array,required:!1},prefix:{type:String,required:!1},prefixClass:{type:String,required:!1},suffix:{type:String,required:!1},pattern:{type:String,required:!1},suffixClass:{type:String,required:!1},title:{type:String,required:!1},hint:{type:String,required:!1},multiple:{type:String,required:!1}},computed:{displayLabel(){return()=>this.$attrs.multiple?this.label+'<span class="small d-block text-body font-body fw-normal">Hold down the Ctrl (windows) or Command (Mac) button to select multiple options.</span>':this.hint?this.label+`<span class="small d-block text-body font-body fw-normal">${this.hint}</span>`:this.label},wrapperClass(){return()=>{switch(this.type){case"radio":case"checkbox":return"form-check";case"radio-btn":case"checkbox-btn":return!1;default:return"form-control__wrapper"}}},needPattern(){return()=>{if(this.pattern)return this.pattern;switch(this.type){case"datetime-local":return"[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}"}return"(.*?)"}},needsLabel(){return()=>{switch(this.type){case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":return!1;default:return!0}}},isInput(){return()=>{switch(this.type){case"textarea":case"select":case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":case"range":case"color":return!1;default:return!0}}},allowDatalist(){return()=>{switch(this.type){case"select":case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":return!1;default:return!0}}},hasOptions(){return()=>{if(this.list)return this.list;if(this.options)return this.id+"-list"}},inputVal:{get(){return this.value==null&&this.options!=null&&this.type=="select"?this.$attrs.multiple?[]:this.options[0].value:this.value},set(a){this.$emit("input",a)}}},mounted(){this.$nextTick(function(){let a=this.$refs.wrapper;if(a.parentNode&&a.parentNode.classList.contains("form-check")||a.classList.length==0){const o=document.createDocumentFragment();Array.from(a.childNodes).forEach(t=>o.appendChild(t)),a.parentNode.insertBefore(o,a),a.parentNode.removeChild(a)}})},methods:{inputKeyup(a){this.$emit("keyupEvent",a)},clickEvent(){this.$emit("bus")}}},Ee=["for","innerHTML","title"],Le=["innerHTML"],$e=["innerHTML"],ve=["type","name","id","pattern","list"],qe=["type","name","id","pattern"],xe={key:5,class:"input-group"},Ne=["type","name","id","pattern","list"],Be={class:"input-group-text border-0 col-2 col-sm-1 px-0"},Te={key:6,class:"input-group"},Ce=["type","name","id","pattern","list"],Ve={class:"input-group-text flex-fill"},Me=["type","name","id","pattern"],He=["value"],De=["type","name","id"],ze=["for","innerHTML"],Re=["type","name","id"],Pe=["for","innerHTML"],Fe=["innerHTML"],Ie=["id"],je=["value"];function Oe(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(i.wrapperClass()),ref:"wrapper"},[i.needsLabel()?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(`form-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:i.displayLabel(),title:t.title},null,10,Ee)):e.createCommentVNode("",!0),t.prefix?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(`prefix ${this.prefixClass} ${t.size?`prefix-${t.size}`:""}`),innerHTML:t.prefix,role:"presentation"},null,10,Le)):e.createCommentVNode("",!0),t.suffix?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(`suffix ${this.suffixClass} ${t.size?`suffix-${t.size}`:""}`),innerHTML:t.suffix,role:"presentation"},null,10,$e)):e.createCommentVNode("",!0),i.isInput()?e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({key:3,"onUpdate:modelValue":o[0]||(o[0]=n=>i.inputVal=n),class:`form-control${t.size?` form-control-${t.size}`:""}${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:i.needPattern(),list:i.hasOptions()},a.$attrs,{onKeyup:o[1]||(o[1]=(...n)=>i.inputKeyup&&i.inputKeyup(...n))}),null,16,ve)),[[e.vModelDynamic,i.inputVal]]):e.createCommentVNode("",!0),t.type=="textarea"?e.withDirectives((e.openBlock(),e.createElementBlock("textarea",e.mergeProps({key:4,"onUpdate:modelValue":o[2]||(o[2]=n=>i.inputVal=n),class:`form-control${t.size?` form-control-${t.size}`:""}${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:i.needPattern()},a.$attrs),null,16,qe)),[[e.vModelText,i.inputVal]]):e.createCommentVNode("",!0),t.type=="range"?(e.openBlock(),e.createElementBlock("div",xe,[e.withDirectives(e.createElementVNode("input",e.mergeProps({"onUpdate:modelValue":o[3]||(o[3]=n=>i.inputVal=n),class:`form-range${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:i.needPattern(),list:i.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Ne),[[e.vModelDynamic,i.inputVal]]),e.createElementVNode("output",Be,e.toDisplayString(t.value),1)])):e.createCommentVNode("",!0),t.type=="color"?(e.openBlock(),e.createElementBlock("div",Te,[e.withDirectives(e.createElementVNode("input",e.mergeProps({"onUpdate:modelValue":o[4]||(o[4]=n=>i.inputVal=n),class:`form-control form-control-color${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:i.needPattern(),list:i.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Ce),[[e.vModelDynamic,i.inputVal]]),e.createElementVNode("output",Ve,e.toDisplayString(t.value?a.vale:"#000000"),1)])):e.createCommentVNode("",!0),t.type=="select"?e.withDirectives((e.openBlock(),e.createElementBlock("select",e.mergeProps({key:7,"onUpdate:modelValue":o[5]||(o[5]=n=>i.inputVal=n),class:`form-select${t.size?` form-select-${t.size}`:""}${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.id,id:t.id,pattern:i.needPattern()},a.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(n,l)=>(e.openBlock(),e.createElementBlock("option",{key:l,value:n.value},e.toDisplayString(n.display?n.display:n.value),9,He))),128))],16,Me)),[[e.vModelSelect,i.inputVal]]):e.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(e.openBlock(),e.createElementBlock("input",e.mergeProps({key:8,class:"form-check-input",type:t.type,name:t.name?t.name:t.id,id:t.id},a.$attrs),null,16,De)):e.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(e.openBlock(),e.createElementBlock("label",{key:9,class:e.normalizeClass(`form-label form-check-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label},null,10,ze)):e.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(e.openBlock(),e.createElementBlock("input",e.mergeProps({key:10,class:`btn-check${t.inputclass?` ${t.inputclass}`:""}`,type:t.type.replace("-btn",""),autocomplete:"off",name:t.name?t.name:t.id,id:t.id},a.$attrs),null,16,Re)):e.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(e.openBlock(),e.createElementBlock("label",{key:11,class:e.normalizeClass(`btn${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label,onClick:o[6]||(o[6]=(...n)=>i.clickEvent&&i.clickEvent(...n))},null,10,Pe)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default"),t.errormsg?(e.openBlock(),e.createElementBlock("span",{key:12,class:"invalid-feedback mb-0",innerHTML:t.errormsg},null,8,Fe)):e.createCommentVNode("",!0),i.allowDatalist()?(e.openBlock(),e.createElementBlock("datalist",{key:13,id:t.id+"-list"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(n,l)=>(e.openBlock(),e.createElementBlock("option",{key:l,value:n.value},e.toDisplayString(n.value),9,je))),128))],8,Ie)):e.createCommentVNode("",!0)],2)}const q=k(Se,[["render",Oe]]);function Ue(a,o){const t=o.querySelector(".files"),r=o.querySelector(".drop-area"),s=a.querySelector("input"),i=a.hasAttribute("data-maxsize")?a.getAttribute("data-maxsize"):0,n=s.cloneNode();r.append(n),o.addEventListener("click",l=>{l&&l.target instanceof HTMLElement&&l.target.closest(".btn-primary")&&(l.target.closest(".btn-primary"),(s.hasAttribute("multiple")?n:s).click())}),o.addEventListener("click",l=>{if(l&&l.target instanceof HTMLElement&&l.target.closest(".files button")){const d=new DataTransfer,{files:c}=s,u=l.target.closest(".files button");for(let m=0;m<c.length;m++){const h=c[m];h.name!=u.getAttribute("data-file")&&d.items.add(h)}s.files=d.files;const p=new Event("change");s.dispatchEvent(p)}}),n.addEventListener("change",l=>{if(s.hasAttribute("multiple")){const c=[...s.files,...n.files];let u=[];const p=new DataTransfer;for(let m=0;m<c.length;m++){const h=c[m],f=h.size/1e3;!u.includes(h.name)&&(i==0||f<i)&&p.items.add(h),u.push(h.name)}s.files=p.files}else s.files=n.files;const d=new Event("change");s.dispatchEvent(d)}),n.addEventListener("dragenter",l=>{n.classList.add("focus")}),n.addEventListener("dragleave",l=>{n.classList.remove("focus")}),n.addEventListener("drop",l=>{n.classList.remove("focus")}),s.addEventListener("change",l=>{t.innerHTML="";for(const d of s.files)t.innerHTML+=`<span class="file">${d.name} <button data-file="${d.name}">Remove</button></span>`})}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"fileupload"});class We extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${o}/css/core.min.css`,r=`@import "${o}/css/components/fileupload.css";`,s=document.createElement("template");s.innerHTML=`
|
|
35
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){const r=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",r.has("page")?r.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 e=this.classList.toString();if(e=e.replace("table--cta",""),e=e.replace("table--loading",""),this.shadowRoot.querySelector(".table__wrapper").className+=` ${e}`,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"),j(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" />`),le(this.table),ce(this.table,this.form,this.pagination,this,this.savedTableBody),de(this.table,this.form,this.pagination,this),me(this.shadowRoot.querySelector("[data-export]"),this.table),this.form.getAttribute("data-ajax")?W(this.table,this.form,this.pagination,this):(O(this.table,this.form,this.pagination,this),B(this.table,this.form,this),x(this,this.pagination),q(this.table,this.form)),this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll",n=>{this.table.querySelector("dialog[open]")&&(this.table.querySelector("dialog[open]").close(),this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"))}),this.querySelector("iam-actionbar[data-selectall]")){const n=this.querySelector("iam-actionbar[data-selectall]");Array.from(this.table.querySelectorAll("thead tr")).forEach((i,s)=>{i.insertAdjacentHTML("afterbegin","<th></th>")}),Array.from(this.table.querySelectorAll("tbody tr")).forEach((i,s)=>{i.insertAdjacentHTML("afterbegin",`<td class="selectrow"><input type="checkbox" name="row" id="row${s}"/><label for="row${s}"><span class="visually-hidden">Select row</span></label></td>`)}),this.table.addEventListener("change",i=>{if(i&&i.target instanceof HTMLElement&&i.target.closest(".selectrow input")){let s=this.table.querySelectorAll('.selectrow input[type="checkbox"]').length,o=this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;n.setAttribute("data-selected",s==o?"all":o),console.log(o)}}),n.addEventListener("selected",i=>{console.log(i.detail.selected),i.detail.selected=="0"?Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((s,o)=>{s.checked=!1}):i.detail.selected=="all"&&Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((s,o)=>{s.checked=!0})})}}static get observedAttributes(){return["data-total","data-pages","data-page","data-show"]}attributeChangedCallback(r,e,n){}}const pe=a=>a.charAt(0).toUpperCase()+a.slice(1),be=a=>a.replace(/_/g," "),fe=a=>a.replace(/ /g,"_"),ye=function(a){return a=a.toLowerCase(),a=fe(a),a=a.replace(/\W/g,""),a},ge={name:"Table",props:{items:{type:Array,required:!1},fields:{type:Array,required:!1}},computed:{cellHeading(){return a=>`${pe(be(a))}`}},created(){this.$nextTick(function(){window.customElements.get("iam-table")||window.customElements.define("iam-table",he)})},updated(){}},ve={key:0},we={key:0},_e=["data-row-id"],ke=["innerHTML"];function Ae(a,r,e,n,i,s){return t.openBlock(),t.createElementBlock("iam-table",null,[e.fields?(t.openBlock(),t.createElementBlock("table",ve,[t.createElementVNode("thead",null,[t.createElementVNode("tr",null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.fields,o=>(t.openBlock(),t.createElementBlock("th",{key:o.key},t.toDisplayString(s.cellHeading(o.key)),1))),128))])]),e.items?(t.openBlock(),t.createElementBlock("tbody",we,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.items,(o,c)=>(t.openBlock(),t.createElementBlock("tr",{key:c,"data-row-id":o.rowid},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(Object.fromEntries(Object.entries(o).filter(([d])=>d!=="rowid")),(d,l)=>(t.openBlock(),t.createElementBlock("td",{key:l,innerHTML:d},null,8,ke))),128))],8,_e))),128))])):t.createCommentVNode("",!0)])):t.renderSlot(a.$slots,"default",{key:1})])}const H=v(ge,[["render",Ae]]),Le={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 r=document.createDocumentFragment();Array.from(a.childNodes).forEach(e=>r.appendChild(e)),a.parentNode.insertBefore(r,a),a.parentNode.removeChild(a)}})},methods:{inputKeyup(a){this.$emit("keyupEvent",a)},clickEvent(){this.$emit("bus")}}},Se=["for","innerHTML","title"],Ee=["innerHTML"],xe=["innerHTML"],qe=["type","name","id","pattern","list"],$e=["type","name","id","pattern"],Te={key:5,class:"input-group"},Ce=["type","name","id","pattern","list"],Be={class:"input-group-text border-0 col-2 col-sm-1 px-0"},Ne={key:6,class:"input-group"},He=["type","name","id","pattern","list"],Me={class:"input-group-text flex-fill"},Ve=["type","name","id","pattern"],De=["value"],ze=["type","name","id"],Re=["for","innerHTML"],Fe=["type","name","id"],Pe=["for","innerHTML"],je=["innerHTML"],Ie=["id"],Oe=["value"];function Ue(a,r,e,n,i,s){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(s.wrapperClass()),ref:"wrapper"},[s.needsLabel()?(t.openBlock(),t.createElementBlock("label",{key:0,class:t.normalizeClass(`form-label${e.labelclass?` ${e.labelclass}`:""}`),for:e.id,innerHTML:s.displayLabel(),title:e.title},null,10,Se)):t.createCommentVNode("",!0),e.prefix?(t.openBlock(),t.createElementBlock("span",{key:1,class:t.normalizeClass(`prefix ${this.prefixClass} ${e.size?`prefix-${e.size}`:""}`),innerHTML:e.prefix,role:"presentation"},null,10,Ee)):t.createCommentVNode("",!0),e.suffix?(t.openBlock(),t.createElementBlock("span",{key:2,class:t.normalizeClass(`suffix ${this.suffixClass} ${e.size?`suffix-${e.size}`:""}`),innerHTML:e.suffix,role:"presentation"},null,10,xe)):t.createCommentVNode("",!0),s.isInput()?t.withDirectives((t.openBlock(),t.createElementBlock("input",t.mergeProps({key:3,"onUpdate:modelValue":r[0]||(r[0]=o=>s.inputVal=o),class:`form-control${e.size?` form-control-${e.size}`:""}${e.inputclass?` ${e.inputclass}`:""}`,type:e.type,name:e.name?e.name:e.id,id:e.id,pattern:s.needPattern(),list:s.hasOptions()},a.$attrs,{onKeyup:r[1]||(r[1]=(...o)=>s.inputKeyup&&s.inputKeyup(...o))}),null,16,qe)),[[t.vModelDynamic,s.inputVal]]):t.createCommentVNode("",!0),e.type=="textarea"?t.withDirectives((t.openBlock(),t.createElementBlock("textarea",t.mergeProps({key:4,"onUpdate:modelValue":r[2]||(r[2]=o=>s.inputVal=o),class:`form-control${e.size?` form-control-${e.size}`:""}${e.inputclass?` ${e.inputclass}`:""}`,type:e.type,name:e.name?e.name:e.id,id:e.id,pattern:s.needPattern()},a.$attrs),null,16,$e)),[[t.vModelText,s.inputVal]]):t.createCommentVNode("",!0),e.type=="range"?(t.openBlock(),t.createElementBlock("div",Te,[t.withDirectives(t.createElementVNode("input",t.mergeProps({"onUpdate:modelValue":r[3]||(r[3]=o=>s.inputVal=o),class:`form-range${e.inputclass?` ${e.inputclass}`:""}`,type:e.type,name:e.name?e.name:e.id,id:e.id,pattern:s.needPattern(),list:s.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Ce),[[t.vModelDynamic,s.inputVal]]),t.createElementVNode("output",Be,t.toDisplayString(e.value),1)])):t.createCommentVNode("",!0),e.type=="color"?(t.openBlock(),t.createElementBlock("div",Ne,[t.withDirectives(t.createElementVNode("input",t.mergeProps({"onUpdate:modelValue":r[4]||(r[4]=o=>s.inputVal=o),class:`form-control form-control-color${e.inputclass?` ${e.inputclass}`:""}`,type:e.type,name:e.name?e.name:e.id,id:e.id,pattern:s.needPattern(),list:s.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,He),[[t.vModelDynamic,s.inputVal]]),t.createElementVNode("output",Me,t.toDisplayString(e.value?a.vale:"#000000"),1)])):t.createCommentVNode("",!0),e.type=="select"?t.withDirectives((t.openBlock(),t.createElementBlock("select",t.mergeProps({key:7,"onUpdate:modelValue":r[5]||(r[5]=o=>s.inputVal=o),class:`form-select${e.size?` form-select-${e.size}`:""}${e.inputclass?` ${e.inputclass}`:""}`,type:e.type,name:e.id,id:e.id,pattern:s.needPattern()},a.$attrs),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.options,(o,c)=>(t.openBlock(),t.createElementBlock("option",{key:c,value:o.value},t.toDisplayString(o.display?o.display:o.value),9,De))),128))],16,Ve)),[[t.vModelSelect,s.inputVal]]):t.createCommentVNode("",!0),e.type=="checkbox"||e.type=="radio"?(t.openBlock(),t.createElementBlock("input",t.mergeProps({key:8,class:"form-check-input",type:e.type,name:e.name?e.name:e.id,id:e.id},a.$attrs),null,16,ze)):t.createCommentVNode("",!0),e.type=="checkbox"||e.type=="radio"?(t.openBlock(),t.createElementBlock("label",{key:9,class:t.normalizeClass(`form-label form-check-label${e.labelclass?` ${e.labelclass}`:""}`),for:e.id,innerHTML:e.label},null,10,Re)):t.createCommentVNode("",!0),e.type=="checkbox-btn"||e.type=="radio-btn"?(t.openBlock(),t.createElementBlock("input",t.mergeProps({key:10,class:`btn-check${e.inputclass?` ${e.inputclass}`:""}`,type:e.type.replace("-btn",""),autocomplete:"off",name:e.name?e.name:e.id,id:e.id},a.$attrs),null,16,Fe)):t.createCommentVNode("",!0),e.type=="checkbox-btn"||e.type=="radio-btn"?(t.openBlock(),t.createElementBlock("label",{key:11,class:t.normalizeClass(`btn${e.labelclass?` ${e.labelclass}`:""}`),for:e.id,innerHTML:e.label,onClick:r[6]||(r[6]=(...o)=>s.clickEvent&&s.clickEvent(...o))},null,10,Pe)):t.createCommentVNode("",!0),t.renderSlot(a.$slots,"default"),e.errormsg?(t.openBlock(),t.createElementBlock("span",{key:12,class:"invalid-feedback mb-0",innerHTML:e.errormsg},null,8,je)):t.createCommentVNode("",!0),s.allowDatalist()?(t.openBlock(),t.createElementBlock("datalist",{key:13,id:e.id+"-list"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.options,(o,c)=>(t.openBlock(),t.createElementBlock("option",{key:c,value:o.value},t.toDisplayString(o.value),9,Oe))),128))],8,Ie)):t.createCommentVNode("",!0)],2)}const M=v(Le,[["render",Ue]]);function We(a,r){const e=r.querySelector(".files"),n=r.querySelector(".drop-area"),i=a.querySelector("input"),s=a.hasAttribute("data-maxsize")?a.getAttribute("data-maxsize"):0,o=i.cloneNode();n.append(o),r.addEventListener("click",c=>{c&&c.target instanceof HTMLElement&&c.target.closest(".btn-primary")&&(c.target.closest(".btn-primary"),(i.hasAttribute("multiple")?o:i).click())}),r.addEventListener("click",c=>{if(c&&c.target instanceof HTMLElement&&c.target.closest(".files button")){const d=new DataTransfer,{files:l}=i,m=c.target.closest(".files button");for(let p=0;p<l.length;p++){const u=l[p];u.name!=m.getAttribute("data-file")&&d.items.add(u)}i.files=d.files;const b=new Event("change");i.dispatchEvent(b)}}),o.addEventListener("change",c=>{if(i.hasAttribute("multiple")){const l=[...i.files,...o.files];let m=[];const b=new DataTransfer;for(let p=0;p<l.length;p++){const u=l[p],h=u.size/1e3;!m.includes(u.name)&&(s==0||h<s)&&b.items.add(u),m.push(u.name)}i.files=b.files}else i.files=o.files;const d=new Event("change");i.dispatchEvent(d)}),o.addEventListener("dragenter",c=>{o.classList.add("focus")}),o.addEventListener("dragleave",c=>{o.classList.remove("focus")}),o.addEventListener("drop",c=>{o.classList.remove("focus")}),i.addEventListener("change",c=>{e.innerHTML="";for(const d of i.files)e.innerHTML+=`<span class="file">${d.name} <button data-file="${d.name}">Remove</button></span>`})}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"fileupload"});class Ge extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const r=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${r}/css/core.min.css`,n=`@import "${r}/css/components/fileupload.css";`,i=document.createElement("template");i.innerHTML=`
|
|
35
36
|
<style>
|
|
36
|
-
@import "${
|
|
37
|
-
${
|
|
37
|
+
@import "${e}";
|
|
38
|
+
${n}
|
|
38
39
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
39
40
|
</style>
|
|
40
41
|
<div class="file-upload">
|
|
@@ -46,12 +47,12 @@
|
|
|
46
47
|
<slot></slot>
|
|
47
48
|
<div class="files"></div>
|
|
48
49
|
</div>
|
|
49
|
-
`,this.shadowRoot.appendChild(
|
|
50
|
-
* iamKey v3.
|
|
50
|
+
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){this.innerHTML+='<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';const r=this.shadowRoot.querySelector(".file-upload"),e=this.querySelector("input"),n=this.shadowRoot.querySelector(".helper-text");n.innerHTML=`${this.hasAttribute("data-maxsize")?`Max file size is ${this.getAttribute("data-maxsize")}kb. `:""}${e.hasAttribute("accept")?`Supported file types are ${e.getAttribute("accept")}`:""}`,We(this,r)}}const Ke={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",Ge)})}};function Ye(a,r,e,n,i,s){return t.openBlock(),t.createElementBlock("iam-fileupload",null,[t.renderSlot(a.$slots,"default")])}const Xe=v(Ke,[["render",Ye]]);/*!
|
|
51
|
+
* iamKey v3.9.0-beta-1
|
|
51
52
|
* Copyright 2022-2023 iamproperty
|
|
52
|
-
*/function
|
|
53
|
+
*/function Je(a){let r=a.querySelectorAll("details"),e=a.querySelectorAll("summary");if(r.forEach(n=>{n.classList.add("accordion-item")}),e.forEach(n=>{n.classList.add("accordion-header"),n.classList.add("accordion-button"),n.classList.add("h4")}),!a.classList.contains("accordion--keep-open")){const n=a.querySelectorAll(":scope > details");n.forEach(i=>{i.addEventListener("click",()=>{n.forEach(s=>{s!==i&&s.removeAttribute("open")})})})}}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"accordion"});let Qe=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const r=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${r}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
53
54
|
<style>
|
|
54
|
-
@import "${
|
|
55
|
+
@import "${e}";
|
|
55
56
|
\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 */
|
|
56
57
|
|
|
57
58
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
@@ -59,13 +60,13 @@
|
|
|
59
60
|
<div class="accordion">
|
|
60
61
|
<slot></slot>
|
|
61
62
|
</div>
|
|
62
|
-
`,this.shadowRoot.appendChild(
|
|
63
|
-
* iamKey v3.
|
|
63
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){Je(this)}};const Sr="";window.customElements.get("iam-accordion")||window.customElements.define("iam-accordion",Qe);const Ze={name:"Accordion",props:{},mounted(){}},et={ref:"wrapper"};function tt(a,r,e,n,i,s){return t.openBlock(),t.createElementBlock("iam-accordion",et,[t.renderSlot(a.$slots,"default")],512)}const at=v(Ze,[["render",tt]]),rt={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=>`${ye(a)}`}},data(){return{show:!this.lazy}}},ot=["id"],nt=["classList"];function it(a,r,e,n,i,s){return t.openBlock(),t.createElementBlock("details",{id:s.createID(e.title)},[t.createElementVNode("summary",{classList:`${e.titlecolour?`bg-${e.titlecolour}`:""}`},[t.createTextVNode(t.toDisplayString(e.title),1),e.badge?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(`badge bg-${e.badgecolour}`)},t.toDisplayString(e.badge),3)):t.createCommentVNode("",!0)],8,nt),t.renderSlot(a.$slots,"default")],8,ot)}const st=v(rt,[["render",it]]),lt={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1},background:{type:String,default:"light",required:!1}}},ct={class:"container"},dt={class:"row"},mt={class:"col-sm-6"},ut={class:"pt-5 pb-3 px-4"},ht={class:"col-sm-6 col-md-5 ms-auto"},pt=["src"];function bt(a,r,e,n,i,s){return t.openBlock(),t.createElementBlock("div",ct,[t.createElementVNode("div",{class:t.normalizeClass("bg-"+e.background+" mb-4")},[t.createElementVNode("div",dt,[t.createElementVNode("div",mt,[t.createElementVNode("div",ut,[t.createElementVNode("h2",null,t.toDisplayString(e.title),1),t.renderSlot(a.$slots,"default")])]),t.createElementVNode("div",ht,[e.image?(t.openBlock(),t.createElementBlock("img",{key:0,src:e.image,alt:"",class:"h-100 w-100 object-cover"},null,8,pt)):t.createCommentVNode("",!0)])])],2)])}const ft=v(lt,[["render",bt]]),yt={name:"Card",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>gr).then(a=>{window.customElements.get("iam-card")||window.customElements.define("iam-card",a.default)}).catch(a=>{console.log(a.message)})})}};function gt(a,r,e,n,i,s){return t.openBlock(),t.createElementBlock("iam-card",null,[t.renderSlot(a.$slots,"default")])}const G=v(yt,[["render",gt]]);function vt(a){var r;let e=a.querySelector(".carousel__inner"),n=a.querySelectorAll(".carousel__item").length;a.getAttribute("data-cols");let i=a.getAttribute("data-sm-cols"),s=a.getAttribute("data-md-cols");a.querySelector(".carousel__controls a").classList.add("active"),e.addEventListener("scroll",function(o){clearTimeout(r),r=setTimeout(function(){let c=e.clientWidth,d=e.scrollWidth,l=e.scrollLeft,m=Math.round(l/d*n)+1,b=a.querySelector(".carousel__item:last-child").offsetLeft;Array.from(a.querySelectorAll(".carousel__controls a")).forEach((p,u)=>{p.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"),e.scrollLeft+c>b?a.querySelector(".btn-next").setAttribute("disabled","disabled"):a.querySelector(".btn-next").removeAttribute("disabled")},100)},!1),a.addEventListener("click",function(o){for(var c=o.target;c&&c!=this;c=c.parentNode)if(c.matches(".carousel__controls a")){o.preventDefault(),Array.from(a.querySelectorAll(".carousel__controls a")).forEach((l,m)=>{l.classList.remove("active")}),c.classList.add("active");const d=document.querySelector(c.getAttribute("href"));e.scroll({top:0,left:d.offsetLeft,behavior:"smooth"});break}},!1),a.addEventListener("click",function(o){for(var c=o.target;c&&c!=this;c=c.parentNode)if(c.matches(".btn-next, .btn-prev")){o.preventDefault();let d=c.classList.contains("btn-prev")?e.scrollLeft-e.clientWidth:e.scrollLeft+e.clientWidth;e.scroll({top:0,left:d,behavior:"smooth"});break}},!1),n==1&&a.classList.add("hide-btns"),i>=n&&a.classList.add("hide-sm-btns"),s>=n&&a.classList.add("hide-md-btns")}const Er="",wt={components:{Card:G},name:"Carousel",data(){return{id:null}},props:{items:{type:Array,required:!1},cols:{type:Number,required:!1,default:1},smcols:{type:Number,required:!1,default:1},mdcols:{type:Number,required:!1,default:3},gap:{type:Number,required:!1,default:4},cardtype:{type:String,required:!1},cardclass:{type:String,required:!1},btntype:{type:String,required:!1},titleclass:{type:String,required:!1},ctatext:{type:String,required:!1},hidectatext:{type:Boolean,required:!1,default:!1},colclass:{type:String,required:!1},type:{type:String,required:!1}},computed:{content(){return a=>`${a.image?`<img src="${a.image}" alt="" />`:""}${a.content?a.content:""}`}},mounted(){this.id=this._uid,this.$nextTick(function(){vt(this.$refs.wrapper)})}},_t=["id","data-cols","data-sm-cols","data-md-cols"],kt={class:"carousel__wrapper"},At={class:"carousel__inner"},Lt=["id"],St=["innerHTML","id"],Et=["href"],xt=t.createElementVNode("button",{class:"btn btn-prev","data-go":"0",disabled:""},"Prev",-1),qt=t.createElementVNode("button",{class:"btn btn-next","data-go":"2"},"Next",-1);function $t(a,r,e,n,i,s){const o=t.resolveComponent("Card");return t.openBlock(),t.createElementBlock("div",{class:"container carousel",id:"carousel"+i.id,ref:"wrapper","data-cols":e.cols,"data-sm-cols":e.smcols,"data-md-cols":e.mdcols},[t.renderSlot(a.$slots,"default"),t.createElementVNode("div",kt,[t.createElementVNode("div",At,[e.type=="card"?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap?`g-${e.gap}`:""}`)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.items,(c,d)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(`col carousel__item${e.colclass?` ${e.colclass}`:""}`),key:d,id:"carousel"+i.id+"slide"+(d+1)},[t.createVNode(o,t.mergeProps(c,{class:e.cardclass,type:e.cardtype,btnyype:e.btntype,titleclass:e.titleclass,ctatext:e.ctatext,hidectatext:e.hidectatext}),null,16,["class","type","btnyype","titleclass","ctatext","hidectatext"])],10,Lt))),128))],2)):t.createCommentVNode("",!0),e.type!="card"?(t.openBlock(),t.createElementBlock("div",{key:1,class:t.normalizeClass(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap?`g-${e.gap}`:""}`)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.items,(c,d)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(`col carousel__item${e.colclass?` ${e.colclass}`:""}`),key:d,innerHTML:s.content(c),id:"carousel"+i.id+"slide"+(d+1)},null,10,St))),128))],2)):t.createCommentVNode("",!0)]),t.createElementVNode("div",{class:t.normalizeClass(`carousel__controls cols-${e.cols} cols-sm-${e.smcols} cols-md-${e.mdcols}`)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.items,(c,d)=>(t.openBlock(),t.createElementBlock("a",{key:d,href:"#carousel"+i.id+"slide"+(d+1),class:t.normalizeClass(`control-${d+1}`)},"Slide "+t.toDisplayString(d+1),11,Et))),128))],2),xt,qt])],8,_t)}const Tt=v(wt,[["render",$t]]);/*!
|
|
64
|
+
* iamKey v3.9.0-beta-1
|
|
64
65
|
* Copyright 2022-2023 iamproperty
|
|
65
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class
|
|
66
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class Ct extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const r=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${r}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
66
67
|
<style>
|
|
67
|
-
@import "${
|
|
68
|
-
.header-banner{background:linear-gradient(180deg, var(--colour-secondary) 0, var(--colour-info) 100%);margin-bottom:2rem;position:relative;overflow:hidden;max-width:100% !important}@media screen and (min-width: 62em){.header-banner{min-height:29.375rem}}.header-banner>.container{padding-bottom:0;position:relative}.header-banner .breadcrumb{margin-top:1.5rem;margin-bottom:-0.5rem}@media screen and (min-width: 62em){.header-banner .breadcrumb{position:absolute;top:0;left:3.75rem}}.header-banner__inner{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: var(--colour-canvas);color:var(--colour-body);background:#fff;padding:2rem;margin:1.875rem 0;position:relative;z-index:var(--index-above)}.header-banner__inner .text-primary{color:var(--colour-primary) !important}@media screen and (min-width: 62em){.header-banner__inner{max-width:37.5rem;margin:7rem 0 5rem 0;padding:3.5rem 4rem}}.header-banner__inner>*:last-child{padding-bottom:0;margin-bottom:0}.header-banner picture img{display:none}@media screen and (min-width: 62em){.header-banner picture img{display:block;position:absolute;top:-0.5%;left:40%;height:101%;object-fit:cover;width:60%;pointer-events:none}}::slotted(.breadcrumb){margin-top:1.5rem !important;margin-bottom:-0.5rem !important}@media screen and (min-width: 62em){::slotted(.breadcrumb){position:absolute !important;top:0 !important;left:5.25rem !important}}::slotted(*:last-child){padding-bottom:0 !important;margin-bottom:0 !important}/*# sourceMappingURL=assets/css/components/header.css.map */
|
|
68
|
+
@import "${e}";
|
|
69
|
+
.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-theme);--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);--colour-btn-action-hover-bg: var(--colour-light);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 */
|
|
69
70
|
|
|
70
71
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
71
72
|
</style>
|
|
@@ -83,12 +84,12 @@
|
|
|
83
84
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" lazy="" />
|
|
84
85
|
</picture>
|
|
85
86
|
</div>
|
|
86
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){this.classList.add("loaded");const o=this.shadowRoot.querySelector("picture"),t=this.shadowRoot.querySelector("picture source");this.hasAttribute("image")?t.setAttribute("srcset",this.getAttribute("image")):o.remove()}}const Bt={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}},mounted(){this.$nextTick(function(){window.customElements.get("iam-header")||window.customElements.define("iam-header",Nt)})}},Tt=["image"],Ct=["innerHTML"];function Vt(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-header",{class:"bg-secondary",image:t.image},[e.renderSlot(a.$slots,"breadcrumb"),t.title?(e.openBlock(),e.createElementBlock("h1",{key:0,innerHTML:t.title},null,8,Ct)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")],8,Tt)}const Mt=k(Bt,[["render",Vt]]);function Ht(a){var o;const t=a.querySelector(".testimonial__images"),r=t.querySelectorAll("img").length;if(r==1)return!1;a.classList.add("testimonial--multi");const s=function(i){const n=a.querySelector(".btn-next"),l=a.querySelector(".btn-prev");n.setAttribute("data-go",i+1),l.setAttribute("data-go",i-1),n.removeAttribute("disabled"),l.removeAttribute("disabled"),i==1?l.setAttribute("disabled",!0):i==r&&n.setAttribute("disabled",!0)};t.addEventListener("scroll",function(i){clearTimeout(o),o=setTimeout(function(){let n=t.scrollWidth,l=t.scrollHeight,d=t.scrollLeft,c=t.scrollTop,u=Math.round(d/n*r)+1;d==0&&c!=0&&(u=Math.round(c/l*r)+1),a.setAttribute("data-show",u),s(u)},300)},!1),a.addEventListener("click",function(i){for(var n=i.target;n&&n!=this;n=n.parentNode)if(n.matches("[data-go]")){let l=parseInt(n.getAttribute("data-go")),d=0,c=0,u=t.scrollWidth,p=t.scrollHeight;u>p?c=Math.floor(u*((l-1)/r)):d=Math.floor(p*((l-1)/r)),t.scroll({top:d,left:c,behavior:"smooth"});break}},!1)}const cr="",Dt={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){Ht(this.$refs.wrapper)}},zt={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},Rt={class:"row"},Pt={class:"col-md-5 position-relative"},Ft={class:"testimonial__images"},It=["src"],jt=e.createElementVNode("div",{class:"testimonial__controls"},[e.createElementVNode("button",{"data-go":"0",disabled:"",class:"btn-prev"},"Previous"),e.createElementVNode("button",{"data-go":"2",class:"btn-next"},"Next")],-1),Ot={class:"col-md-7"},Ut=e.createElementVNode("h2",null,"What our customers think…",-1),Wt={class:"testimonial__content"},Gt=["innerHTML"],Kt=["innerHTML"],Yt={class:"testimonial__after"},Zt=e.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1);function Xt(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("div",zt,[e.createElementVNode("div",{class:e.normalizeClass("bg-"+t.background)},[e.createElementVNode("div",Rt,[e.createElementVNode("div",Pt,[e.createElementVNode("div",Ft,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,l)=>(e.openBlock(),e.createElementBlock("img",{key:l,src:n.image?n.image:"data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",alt:"",class:e.normalizeClass("h-100 w-100 object-cover"+(n.image?"":" opacity-0"))},null,10,It))),128))]),jt]),e.createElementVNode("div",Ot,[Ut,e.createElementVNode("div",Wt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,l)=>(e.openBlock(),e.createElementBlock("blockquote",{key:l,class:e.normalizeClass(n.class)},[e.createElementVNode("div",{innerHTML:n.quote},null,8,Gt),e.createElementVNode("cite",{innerHTML:n.cite},null,8,Kt)],2))),128))]),e.createElementVNode("div",Yt,[e.renderSlot(a.$slots,"default")])])]),Zt],2)],512)}const Jt=k(Dt,[["render",Xt]]),dr="",Qt={components:{Input:q},name:"PropertySearchbar",props:{formaction:{type:String,required:!1},formmethod:{type:String,required:!1},location:{type:String,required:!1},locations:{type:Array,required:!1},distances:{type:Array,required:!1,default(){return[{value:"0.25",display:"+¼ mi"},{value:"0.5",display:"+½ mi"},{value:"1",display:"+1 mi"},{value:"2",display:"+2 mi"},{value:"3",display:"+3 mi"},{value:"4",display:"+4 mi"},{value:"5",display:"+5 mi"}]}},pricemin:{type:Array,required:!1,default(){return[{value:"0",display:"No min"},{value:"50000",display:"£50k min"},{value:"75000",display:"£75k min"},{value:"100000",display:"£100k min"},{value:"150000",display:"£150k min"},{value:"200000",display:"£200k min"},{value:"250000",display:"£250k min"}]}},pricemax:{type:Array,required:!1,default(){return[{value:"any",display:"No max"},{value:"50000",display:"£50k max"},{value:"75000",display:"£75k max"},{value:"100000",display:"£100k max"},{value:"150000",display:"£150k max"},{value:"200000",display:"£200k max"},{value:"250000",display:"£250k max"}]}},bedsmin:{type:Array,required:!1,default(){return[{value:"any",display:"No min"},{value:"0",display:"Studio min"},{value:"1",display:"1 bed min"},{value:"2",display:"2 beds min"},{value:"3",display:"3 beds min"},{value:"4",display:"4 beds min"},{value:"5",display:"5 beds min"},{value:"6",display:"6 beds min"}]}},bedsmax:{type:Array,required:!1,default(){return[{value:"any",display:"No max"},{value:"0",display:"Studio max"},{value:"1",display:"1 bed max"},{value:"2",display:"2 beds max"},{value:"3",display:"3 beds max"},{value:"4",display:"4 beds max"},{value:"5",display:"5 beds max"},{value:"6",display:"6 beds max"}]}},propertytypes:{type:Array,required:!1,default(){return[{value:"all",display:"Show all"},{value:"Bungalow",display:"Bungalow"},{value:"Character Property",display:"Character Property"},{value:"Commercial Property",display:"Commercial Property"},{value:"Flat / Apartment",display:"Flat / Apartment"},{value:"Garage / Parking",display:"Garage / Parking"},{value:"Guest House / Hotel",display:"Guest House / Hotel"},{value:"House",display:"House"},{value:"House / Flat Share",display:"House / Flat Share"},{value:"Land",display:"Land"},{value:"Mobile / Park Home",display:"Mobile / Park Home"},{value:"Private Halls",display:"Private Halls"},{value:"Retirement Property",display:"Retirement Property"}]}}},data(){return{locationSave:""}},methods:{locationKeyup:function(a){this.$emit("locationKeyup",a)}},computed:{locationSet:{get(){return this.locationSave?this.locationSave:this.location},set(a){this.locationSave=a,this.$emit("input",a)}},locationsList(){return()=>this.locations?this.locations:[{value:"Newcastle"}]}}},ea={class:"container",ref:"wrapper"},ta={class:"property-searchbar"},aa=["action","method"],oa={class:"col-12 col-md-3"},ra={class:"col-12 col-md"},na=e.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1),ia={class:"row","data-input-range":""},sa={class:"col-12 col-md"},la=e.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1),ca={class:"row","data-input-range":""},da={class:"col-12 col-md-2"},ma=e.createElementVNode("div",{class:"col-12 col-md mw-md-fit-content d-flex property-searchbar__btn"},[e.createElementVNode("button",{class:"btn w-100 me-0",type:"submit",value:"submit"},"Search")],-1);function ua(a,o,t,r,s,i){const n=e.resolveComponent("Input");return e.openBlock(),e.createElementBlock("div",ea,[e.renderSlot(a.$slots,"default"),e.createElementVNode("div",ta,[e.createElementVNode("form",{class:"row",action:t.formaction,method:t.formmethod},[e.createElementVNode("fieldset",oa,[e.createVNode(n,{inputClass:"input--locations",modelValue:i.locationSet,"onUpdate:modelValue":o[0]||(o[0]=l=>i.locationSet=l),label:"Location",id:"location",options:i.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:o[1]||(o[1]=l=>i.locationKeyup(...arguments)),ref:"search"},null,8,["modelValue","options"]),e.createVNode(n,{class:"select--miles",label:"Miles",id:"miles",type:"select",options:t.distances},null,8,["options"])]),e.createElementVNode("fieldset",ra,[na,e.createElementVNode("div",ia,[e.createVNode(n,{class:"col-6",label:"Minimum price",id:"price-min","data-min":"true",type:"select",options:t.pricemin},null,8,["options"]),e.createVNode(n,{class:"col-6",label:"Maximum price",id:"price-max","data-max":"true",type:"select",options:t.pricemax},null,8,["options"])])]),e.createElementVNode("fieldset",sa,[la,e.createElementVNode("div",ca,[e.createVNode(n,{class:"col-6",label:"Minimum beds",id:"beds-min","data-min":"true",type:"select",options:t.bedsmin},null,8,["options"]),e.createVNode(n,{class:"col-6",label:"Maximum beds",id:"beds-max","data-max":"true",type:"select",options:t.bedsmax},null,8,["options"])])]),e.createElementVNode("fieldset",da,[e.createVNode(n,{label:"Property type",id:"property-type",type:"select",options:t.propertytypes},null,8,["options"])]),ma],8,aa)]),e.renderSlot(a.$slots,"after")],512)}const ha=k(Qt,[["render",ua]]),pa=a=>{Array.from(a.querySelectorAll("details")).forEach((o,t)=>{o.addEventListener("mouseenter",function(r){window.matchMedia("(min-width: 62em)").matches&&o.setAttribute("open","true")},!1),o.addEventListener("mouseleave",function(r){window.matchMedia("(min-width: 62em)").matches&&o.removeAttribute("open")},!1)}),"IntersectionObserver"in window&&new IntersectionObserver(([t])=>t.target.classList.toggle("is-stuck",t.intersectionRatio<1),{threshold:[1]}).observe(a)},mr="",fa={components:{Input:q,Logo:P},name:"Nav",props:{logo:{type:String,required:!1},logotext:{type:String,required:!1},logopath:{type:String,required:!1},search:{type:String,required:!1},btnlink:{type:String,required:!1},btntext:{type:String,required:!1},propertylink:{type:String,required:!1},movebutlerlink:{type:String,required:!1},iamsoldlink:{type:String,required:!1}},data(){return{locationSave:""}},methods:{subIsActive(a){return(Array.isArray(a)?a:[a]).some(t=>this.$route.path.indexOf(t)===0)}},computed:{hasLogoSlot(){return!!this.$slots.logo},hasSecondarySlot(){return!!this.$slots.secondary},hasSearchSlot(){return!!this.$slots.search},hasAccountSlot(){return!!this.$slots.account},isMarketplace(){return!1}},mounted(){this.$nextTick(function(){pa(this.$refs.wrapper)})}},ba=e.createElementVNode("input",{type:"checkbox",name:"showMenu",id:"showMenu",class:"d-none"},null,-1),ya=e.createElementVNode("input",{type:"checkbox",name:"showSearch",id:"showSearch",class:"d-none"},null,-1),ga=e.createElementVNode("input",{type:"checkbox",name:"showAccount",id:"showAccount",class:"d-none"},null,-1),_a={class:"nav__mobile-bar"},ka={class:"container"},wa={class:"row"},Aa={key:0,class:"col mw-md-fit-content nav__logo"},Sa={key:1,class:"col mw-md-fit-content nav__logo"},Ea={href:"/",class:"text-decoration-none mb-0"},La=e.createElementVNode("div",{class:"col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn"},[e.createElementVNode("label",{for:"showMenu"},"Menu")],-1),$a={class:"nav__inner"},va={class:"container"},qa={class:"row"},xa={key:0,class:"col mw-md-fit-content nav__logo"},Na={key:1,class:"col mw-md-fit-content nav__logo"},Ba={href:"/",class:"text-decoration-none mb-0"},Ta={key:2,class:"col mw-fit-content nav__search-btn flex-row align-items-center"},Ca=[e.createElementVNode("label",{for:"showSearch"},[e.createElementVNode("svg",{class:"icon",viewBox:"0 0 32 32"},[e.createElementVNode("title",null,"Search"),e.createElementVNode("ellipse",{cx:"14.92",cy:"13.81",rx:"11.92",ry:"11.81",class:"icon__outline"}),e.createElementVNode("line",{x1:"22.68",y1:"22.75",x2:"30",y2:"30",class:"icon__outline"})])],-1)],Va=e.createElementVNode("div",{class:"col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn"},[e.createElementVNode("label",{for:"showMenu"},"Menu")],-1),Ma={class:"col-12 col-md nav__menu ms-auto flex-row align-items-center"},Ha={key:3,class:"col nav__account-btn flex-row align-items-center"},Da=[e.createElementVNode("label",{for:"showAccount"},[e.createElementVNode("svg",{class:"icon",viewBox:"0 0 28 28"},[e.createElementVNode("path",{d:"M14,28a13.861,13.861,0,0,1-9.268-3.533l-.023.047-.721-.738L3.62,23.4l.012-.023a14,14,0,1,1,20.735,0l.012.023-.367.377-.722.738-.024-.045A13.855,13.855,0,0,1,14,28Zm0-9.58a10.5,10.5,0,0,0-1.368.092c-.085.012-.17.03-.252.047-.061.013-.124.026-.187.037l-.077.013c-.266.047-.54.095-.8.165-.108.029-.215.065-.318.1-.063.022-.125.043-.188.063l-.08.026c-.223.071-.454.144-.671.234-.125.05-.245.11-.362.168l-.146.072-.045.021c-.208.1-.423.2-.623.312-.131.074-.257.158-.379.239l-.106.07-.068.044c-.176.114-.359.232-.528.359-.137.1-.267.218-.393.327l-.054.047c-.174.15-.355.306-.519.47-.132.134-.258.277-.38.416l-.018.021c-.16.184-.3.35-.437.527-.12.161-.23.33-.337.494-.076.117-.146.238-.214.356a12.495,12.495,0,0,0,17.109,0l-.022-.037c-.061-.1-.125-.212-.192-.315-.1-.156-.214-.333-.338-.5-.141-.188-.293-.363-.436-.526-.113-.13-.253-.292-.4-.438-.161-.162-.337-.314-.517-.468l-.08-.069c-.118-.1-.24-.209-.368-.307-.183-.137-.379-.264-.568-.387l-.026-.017-.106-.07c-.125-.083-.251-.166-.381-.24-.207-.118-.429-.222-.643-.322l-.024-.011-.152-.074c-.116-.057-.235-.116-.356-.165-.214-.087-.438-.159-.656-.229l-.1-.031c-.066-.021-.132-.043-.2-.066-.1-.035-.2-.07-.309-.1-.264-.07-.538-.118-.8-.165l-.078-.014c-.063-.011-.126-.024-.187-.037-.082-.017-.167-.035-.252-.047A10.483,10.483,0,0,0,14,18.421Zm0-1.473a11.871,11.871,0,0,1,1.54.1c.1.013.192.033.284.052.069.014.139.028.209.04.34.058.672.118,1,.2.14.036.278.082.412.127l.151.05c.309.1.587.188.859.3.148.059.293.127.433.194l.13.061c.306.142.553.266.775.389.188.107.368.22.535.328.26.166.489.322.7.478.156.117.316.244.49.389.209.176.412.361.622.567.156.154.3.293.43.443.209.23.4.472.542.657l.051.066c.1.134.21.272.308.416.021.031.045.061.068.09a1.267,1.267,0,0,1,.085.117,12.525,12.525,0,1,0-19.24,0c.026-.04.056-.078.084-.114s.05-.064.073-.1c.1-.141.2-.278.3-.409l.046-.059c.2-.264.378-.478.555-.672.137-.152.281-.3.417-.43.215-.21.422-.4.635-.578.18-.15.332-.271.479-.381.208-.155.433-.31.709-.486.174-.111.346-.219.526-.319.274-.153.55-.285.783-.393l.112-.053c.144-.069.293-.14.445-.2.282-.113.578-.208.864-.3l.159-.052c.132-.044.265-.088.4-.124.331-.087.675-.148,1-.2.068-.012.137-.026.2-.039.094-.019.191-.039.288-.052A11.827,11.827,0,0,1,14,16.948Z",transform:"translate(0 -0.001)"}),e.createElementVNode("path",{d:"M5.2,10.4a5.2,5.2,0,1,1,5.2-5.2A5.206,5.206,0,0,1,5.2,10.4Zm0-8.915A3.714,3.714,0,1,0,8.915,5.2,3.719,3.719,0,0,0,5.2,1.486Z",transform:"translate(8.8 4.8)"})]),e.createElementVNode("span",null,"My account")],-1)],za={key:4,class:"col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"},Ra=["href","innerHTML"],Pa={key:0,class:"nav__menu--secondary"},Fa={class:"container"},Ia={key:1,class:"nav__menu--search"},ja={class:"bg-gradient pt-4"},Oa={class:"container"},Ua={key:0,class:"nav__menu--account"},Wa={class:"container"},Ga={class:"row mb-4"},Ka={key:0,class:"col mw-md-fit-content nav__logo"},Ya={key:1,class:"col mw-md-fit-content nav__logo"},Za={href:"/",class:"text-decoration-none mb-0"},Xa=e.createElementVNode("div",{class:"col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn"},[e.createElementVNode("label",{for:"showAccount"},"Account")],-1),Ja={class:"container"},Qa=e.createElementVNode("span",{class:"nav__bg"},null,-1);function eo(a,o,t,r,s,i){const n=e.resolveComponent("Logo");return e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(`nav${i.hasSecondarySlot?" has-secondary":""}`),ref:"wrapper"},[ba,ya,ga,e.createElementVNode("div",_a,[e.createElementVNode("div",ka,[e.createElementVNode("div",wa,[i.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",Aa,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",Sa,[e.createElementVNode("a",Ea,[e.createVNode(n,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),La])])]),e.createElementVNode("div",$a,[e.createElementVNode("div",va,[e.createElementVNode("div",qa,[i.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",xa,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",Na,[e.createElementVNode("a",Ba,[e.createVNode(n,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),i.hasSearchSlot?(e.openBlock(),e.createElementBlock("div",Ta,Ca)):e.createCommentVNode("",!0),Va,e.createElementVNode("div",Ma,[e.renderSlot(a.$slots,"default")]),i.hasAccountSlot?(e.openBlock(),e.createElementBlock("div",Ha,Da)):e.createCommentVNode("",!0),t.btnlink?(e.openBlock(),e.createElementBlock("div",za,[e.createElementVNode("a",{href:t.btnlink,class:"btn me-0",innerHTML:t.btntext},null,8,Ra)])):e.createCommentVNode("",!0)])]),i.hasSecondarySlot?(e.openBlock(),e.createElementBlock("div",Pa,[e.createElementVNode("div",Fa,[e.renderSlot(a.$slots,"secondary")])])):e.createCommentVNode("",!0),i.hasSearchSlot?(e.openBlock(),e.createElementBlock("div",Ia,[e.createElementVNode("div",ja,[e.createElementVNode("div",Oa,[e.renderSlot(a.$slots,"search")])])])):e.createCommentVNode("",!0)]),i.hasAccountSlot?(e.openBlock(),e.createElementBlock("div",Ua,[e.createElementVNode("div",Wa,[e.createElementVNode("div",Ga,[i.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",Ka,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",Ya,[e.createElementVNode("a",Za,[e.createVNode(n,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),Xa])]),e.createElementVNode("div",Ja,[e.renderSlot(a.$slots,"account")])])):e.createCommentVNode("",!0),Qa],2)}const to=k(fa,[["render",eo]]),pr="",ao={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},oo={class:"container"},ro=["aria-label"],no={key:0,class:"h6 stepper__start"},io={class:"list-unstyled"},so={class:"h6 stepper__end"};function lo(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("div",oo,[e.createElementVNode("nav",{class:"stepper","aria-label":t.label?t.label:"Progress"},[t.label?(e.openBlock(),e.createElementBlock("span",no,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),e.createElementVNode("ol",io,[e.renderSlot(a.$slots,"default")]),e.createElementVNode("span",so,e.toDisplayString(t.endlabel),1)],8,ro)])}const co=k(ao,[["render",lo]]),mo={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},uo=["href","aria-current"],ho={key:0,class:"visually-hidden"};function po(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("li",null,[e.createElementVNode("a",{href:t.url,class:e.normalizeClass(`${t.status?"bg-"+t.status:""}${typeof t.current<"u"?"current":""}`),"aria-current":typeof t.current<"u"},[e.createElementVNode("span",null,[e.renderSlot(a.$slots,"default")]),t.status?(e.openBlock(),e.createElementBlock("em",ho," - status: "+e.toDisplayString(t.status),1)):e.createCommentVNode("",!0)],10,uo)])}const fo=k(mo,[["render",po]]);/*!
|
|
87
|
-
* iamKey v3.
|
|
87
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){this.classList.add("loaded");const r=this.shadowRoot.querySelector("picture"),e=this.shadowRoot.querySelector("picture source");this.hasAttribute("image")?e.setAttribute("srcset",this.getAttribute("image")):r.remove()}}const Bt={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}},mounted(){this.$nextTick(function(){window.customElements.get("iam-header")||window.customElements.define("iam-header",Ct)})}},Nt=["image"],Ht=["innerHTML"];function Mt(a,r,e,n,i,s){return t.openBlock(),t.createElementBlock("iam-header",{class:"bg-secondary",image:e.image},[t.renderSlot(a.$slots,"breadcrumb"),e.title?(t.openBlock(),t.createElementBlock("h1",{key:0,innerHTML:e.title},null,8,Ht)):t.createCommentVNode("",!0),t.renderSlot(a.$slots,"default")],8,Nt)}const Vt=v(Bt,[["render",Mt]]);function Dt(a){var r;const e=a.querySelector(".testimonial__images"),n=e.querySelectorAll("img").length;if(n==1)return!1;a.classList.add("testimonial--multi");const i=function(s){const o=a.querySelector(".btn-next"),c=a.querySelector(".btn-prev");o.setAttribute("data-go",s+1),c.setAttribute("data-go",s-1),o.removeAttribute("disabled"),c.removeAttribute("disabled"),s==1?c.setAttribute("disabled",!0):s==n&&o.setAttribute("disabled",!0)};e.addEventListener("scroll",function(s){clearTimeout(r),r=setTimeout(function(){let o=e.scrollWidth,c=e.scrollHeight,d=e.scrollLeft,l=e.scrollTop,m=Math.round(d/o*n)+1;d==0&&l!=0&&(m=Math.round(l/c*n)+1),a.setAttribute("data-show",m),i(m)},300)},!1),a.addEventListener("click",function(s){for(var o=s.target;o&&o!=this;o=o.parentNode)if(o.matches("[data-go]")){let c=parseInt(o.getAttribute("data-go")),d=0,l=0,m=e.scrollWidth,b=e.scrollHeight;m>b?l=Math.floor(m*((c-1)/n)):d=Math.floor(b*((c-1)/n)),e.scroll({top:d,left:l,behavior:"smooth"});break}},!1)}const xr="",zt={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){Dt(this.$refs.wrapper)}},Rt={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},Ft={class:"row"},Pt={class:"col-md-5 position-relative"},jt={class:"testimonial__images"},It=["src"],Ot=t.createElementVNode("div",{class:"testimonial__controls"},[t.createElementVNode("button",{"data-go":"0",disabled:"",class:"btn-prev"},"Previous"),t.createElementVNode("button",{"data-go":"2",class:"btn-next"},"Next")],-1),Ut={class:"col-md-7"},Wt=t.createElementVNode("h2",null,"What our customers think…",-1),Gt={class:"testimonial__content"},Kt=["innerHTML"],Yt=["innerHTML"],Xt={class:"testimonial__after"},Jt=t.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1);function Qt(a,r,e,n,i,s){return t.openBlock(),t.createElementBlock("div",Rt,[t.createElementVNode("div",{class:t.normalizeClass("bg-"+e.background)},[t.createElementVNode("div",Ft,[t.createElementVNode("div",Pt,[t.createElementVNode("div",jt,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.items,(o,c)=>(t.openBlock(),t.createElementBlock("img",{key:c,src:o.image?o.image:"data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",alt:"",class:t.normalizeClass("h-100 w-100 object-cover"+(o.image?"":" opacity-0"))},null,10,It))),128))]),Ot]),t.createElementVNode("div",Ut,[Wt,t.createElementVNode("div",Gt,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.items,(o,c)=>(t.openBlock(),t.createElementBlock("blockquote",{key:c,class:t.normalizeClass(o.class)},[t.createElementVNode("div",{innerHTML:o.quote},null,8,Kt),t.createElementVNode("cite",{innerHTML:o.cite},null,8,Yt)],2))),128))]),t.createElementVNode("div",Xt,[t.renderSlot(a.$slots,"default")])])]),Jt],2)],512)}const Zt=v(zt,[["render",Qt]]),qr="",ea={components:{Input:M},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"}]}}},ta={class:"container",ref:"wrapper"},aa={class:"property-searchbar"},ra=["action","method"],oa={class:"col-12 col-md-3"},na={class:"col-12 col-md"},ia=t.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1),sa={class:"row","data-input-range":""},la={class:"col-12 col-md"},ca=t.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1),da={class:"row","data-input-range":""},ma={class:"col-12 col-md-2"},ua=t.createElementVNode("div",{class:"col-12 col-md mw-md-fit-content d-flex property-searchbar__btn"},[t.createElementVNode("button",{class:"btn w-100 me-0",type:"submit",value:"submit"},"Search")],-1);function ha(a,r,e,n,i,s){const o=t.resolveComponent("Input");return t.openBlock(),t.createElementBlock("div",ta,[t.renderSlot(a.$slots,"default"),t.createElementVNode("div",aa,[t.createElementVNode("form",{class:"row",action:e.formaction,method:e.formmethod},[t.createElementVNode("fieldset",oa,[t.createVNode(o,{inputClass:"input--locations",modelValue:s.locationSet,"onUpdate:modelValue":r[0]||(r[0]=c=>s.locationSet=c),label:"Location",id:"location",options:s.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:r[1]||(r[1]=c=>s.locationKeyup(...arguments)),ref:"search"},null,8,["modelValue","options"]),t.createVNode(o,{class:"select--miles",label:"Miles",id:"miles",type:"select",options:e.distances},null,8,["options"])]),t.createElementVNode("fieldset",na,[ia,t.createElementVNode("div",sa,[t.createVNode(o,{class:"col-6",label:"Minimum price",id:"price-min","data-min":"true",type:"select",options:e.pricemin},null,8,["options"]),t.createVNode(o,{class:"col-6",label:"Maximum price",id:"price-max","data-max":"true",type:"select",options:e.pricemax},null,8,["options"])])]),t.createElementVNode("fieldset",la,[ca,t.createElementVNode("div",da,[t.createVNode(o,{class:"col-6",label:"Minimum beds",id:"beds-min","data-min":"true",type:"select",options:e.bedsmin},null,8,["options"]),t.createVNode(o,{class:"col-6",label:"Maximum beds",id:"beds-max","data-max":"true",type:"select",options:e.bedsmax},null,8,["options"])])]),t.createElementVNode("fieldset",ma,[t.createVNode(o,{label:"Property type",id:"property-type",type:"select",options:e.propertytypes},null,8,["options"])]),ua],8,ra)]),t.renderSlot(a.$slots,"after")],512)}const pa=v(ea,[["render",ha]]),ba={components:{},name:"Nav",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>wr).then(a=>{window.customElements.get("iam-nav")||window.customElements.define("iam-nav",a.default)}).catch(a=>{console.log(a.message)})})},methods:{}},fa={ref:"wrapper"};function ya(a,r,e,n,i,s){return t.openBlock(),t.createElementBlock("iam-nav",fa,[t.renderSlot(a.$slots,"default")],512)}const ga=v(ba,[["render",ya]]),$r="",va={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},wa={class:"container"},_a=["aria-label"],ka={key:0,class:"h6 stepper__start"},Aa={class:"list-unstyled"},La={class:"h6 stepper__end"};function Sa(a,r,e,n,i,s){return t.openBlock(),t.createElementBlock("div",wa,[t.createElementVNode("nav",{class:"stepper","aria-label":e.label?e.label:"Progress"},[e.label?(t.openBlock(),t.createElementBlock("span",ka,t.toDisplayString(e.label),1)):t.createCommentVNode("",!0),t.createElementVNode("ol",Aa,[t.renderSlot(a.$slots,"default")]),t.createElementVNode("span",La,t.toDisplayString(e.endlabel),1)],8,_a)])}const Ea=v(va,[["render",Sa]]),xa={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},qa=["href","aria-current"],$a={key:0,class:"visually-hidden"};function Ta(a,r,e,n,i,s){return t.openBlock(),t.createElementBlock("li",null,[t.createElementVNode("a",{href:e.url,class:t.normalizeClass(`${e.status?"bg-"+e.status:""}${typeof e.current<"u"?"current":""}`),"aria-current":typeof e.current<"u"},[t.createElementVNode("span",null,[t.renderSlot(a.$slots,"default")]),e.status?(t.openBlock(),t.createElementBlock("em",$a," - status: "+t.toDisplayString(e.status),1)):t.createCommentVNode("",!0)],10,qa)])}const Ca=v(xa,[["render",Ta]]);/*!
|
|
88
|
+
* iamKey v3.9.0-beta-1
|
|
88
89
|
* Copyright 2022-2023 iamproperty
|
|
89
|
-
*/const
|
|
90
|
+
*/const Ba=function(a){const r=a.querySelectorAll(":scope > details");a.querySelectorAll(":scope > details > summary");let e=a.querySelector(":scope > .tabs__links");a.shadowRoot&&a.shadowRoot.querySelector(".tabs__links")&&(e=a.shadowRoot.querySelector(".tabs__links")),e||(e=document.createElement("div"),e.classList.add("tabs__links"),a.prepend(e)),r.forEach((n,i)=>{let s=n.querySelector(":scope > summary");s.classList.add("visually-hidden");let o=document.createElement("button");n.hasAttribute("id")&&(o=document.createElement("a"),o.setAttribute("href",`#${n.getAttribute("id")}`)),n.hasAttribute("open")&&o.setAttribute("aria-pressed",!0),o.innerHTML=`${s.innerText}`,o.classList.add("link"),o.setAttribute("data-index",i),o.setAttribute("tabindex","-1"),e.appendChild(o)})},Na=function(a){let r=a.querySelectorAll(":scope > details"),e=a.querySelectorAll(":scope > details > summary"),n=a.querySelectorAll(":scope .tabs__links > .link");a.shadowRoot&&(n=a.shadowRoot.querySelectorAll(".tabs__links > .link")),n.forEach(i=>{i.addEventListener("click",s=>{s.preventDefault(),n.forEach(o=>{let c=o==i;o.setAttribute("aria-pressed",c)}),r.forEach((o,c)=>{let d=i.getAttribute("data-index")==c;d?o.setAttribute("open",d):o.removeAttribute("open")}),i.hasAttribute("href")&&history.pushState(void 0,void 0,i.getAttribute("href")),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:i.textContent})})}),e.forEach((i,s)=>{i.addEventListener("focus",o=>{n.forEach(c=>{c.classList.remove("focus")}),n[s].classList.add("focus")}),i.addEventListener("click",o=>{o.preventDefault(),n[s].click()})})},Ha=function(a){let r=a.querySelectorAll(":scope > details"),e=a.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");a.shadowRoot&&(e=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]")||(r[0].setAttribute("open",!0),e[0].setAttribute("aria-pressed",!0))},Ma=function(a){Ba(a),Na(a),Ha(a)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});let Va=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const r=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${r}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
90
91
|
<style>
|
|
91
|
-
@import "${
|
|
92
|
+
@import "${e}";
|
|
92
93
|
|
|
93
94
|
:host(.admin-panel){
|
|
94
95
|
display: contents!important;
|
|
@@ -100,24 +101,24 @@
|
|
|
100
101
|
<div class="tabs__links"></div>
|
|
101
102
|
<slot></slot>
|
|
102
103
|
</div>
|
|
103
|
-
`,this.shadowRoot.appendChild(
|
|
104
|
-
* iamKey v3.
|
|
104
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){let r=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${r}`),Ma(this)}};const Tr="";window.customElements.get("iam-tabs")||window.customElements.define("iam-tabs",Va);const Da={name:"Tabs"},za={ref:"wrapper"};function Ra(a,r,e,n,i,s){return t.openBlock(),t.createElementBlock("iam-tabs",za,[t.renderSlot(a.$slots,"default")],512)}const Fa=v(Da,[["render",Ra]]),Pa={name:"Tab",props:{title:{type:String,required:!0},lazy:{type:Boolean,required:!1}},data(){return{show:!this.lazy}},watch:{show(a,r){console.log(a)}}},ja={class:"tab"},Ia=["innerHTML"];function Oa(a,r,e,n,i,s){return t.openBlock(),t.createElementBlock("details",ja,[t.createElementVNode("summary",{innerHTML:e.title},null,8,Ia),t.renderSlot(a.$slots,"default")])}const Ua=v(Pa,[["render",Oa]]);let K=H.props;K.fields.required=!1;const Wa={components:{Table:H,Input:M},data(){return{itemsData:[...this.items]}},methods:{submitForm:function(a){console.log(this);const r=new FormData(a.target);let e=new Date;const n=e.getFullYear();let i=e.getMonth()+1,s=e.getDate();s<10&&(s="0"+s),i<10&&(i="0"+i),e=s+"/"+i+"/"+n,this.itemsData.unshift({date_added:e,user:r.get("user"),note:r.get("addNote")}),this.$emit("formSubmitted",a)}},name:"NoteFeed",props:{user:{type:String,required:!0},...K,title:{type:String,required:!1},method:{type:String,required:!1,default:"post"},action:{type:String,required:!1}}},Ga={class:"container note-feed mb-2"},Ka=["innerHTML"],Ya=["action","method"],Xa=["value"],Ja=t.createElementVNode("button",{class:"btn btn-tertiary"},"Submit note",-1);function Qa(a,r,e,n,i,s){const o=t.resolveComponent("Table"),c=t.resolveComponent("Input");return t.openBlock(),t.createElementBlock("div",Ga,[e.title?(t.openBlock(),t.createElementBlock("span",{key:0,class:"h3",innerHTML:e.title},null,8,Ka)):t.createCommentVNode("",!0),t.createVNode(o,t.mergeProps({fields:[{key:"date_added"},{key:"user"},{key:"note"}],items:i.itemsData},a.$props,{class:"mb-0"}),null,16,["items"]),t.createElementVNode("form",{action:e.action,method:e.method,onSubmit:r[0]||(r[0]=t.withModifiers(d=>s.submitForm(...arguments),["prevent"]))},[t.createElementVNode("input",{type:"hidden",value:e.user,name:"user"},null,8,Xa),t.createVNode(c,{id:"addNote",type:"textarea",label:"Add note",required:"",class:"mw-100"}),Ja],40,Ya)])}const Za=v(Wa,[["render",Qa]]);/*!
|
|
105
|
+
* iamKey v3.9.0-beta-1
|
|
105
106
|
* Copyright 2022-2023 iamproperty
|
|
106
|
-
*/function
|
|
107
|
+
*/function er(a,r){function e(n,i){let s=!1,o=i.getAttribute("name");o.includes("[]")&&(o=o.replace("[]",`[${i.value}]`));let c=n.querySelector(`[data-name="${o}"]`);c&&i.getAttribute("type")=="checkbox"&&(s=!0);let d=i.getAttribute("data-filter-text");if(c||(c=document.createElement("button"),n.appendChild(c)),c.setAttribute("type","button"),c.classList.add("filter"),c.setAttribute("data-name",o),c.innerHTML=d.replace("$value",i.value),(!i.value||s)&&c.remove(),i.parentNode.closest("[data-filter-text]")){let l=i.parentNode.closest("[data-filter-text]"),m=!0;if(o="",l.querySelectorAll("input").forEach((b,p)=>{let u=b.getAttribute("name");if(o+=`${p!=0?",":""}${u}`,n.querySelector(`[data-name="${u}"]`)&&n.querySelector(`[data-name="${u}"]`).remove(),b.value){let h=document.createElement("button");h.setAttribute("type","button"),h.classList.add("filter"),h.setAttribute("data-name",u),h.innerHTML=d.replace("$value",b.value),n.appendChild(h)}else m=!1}),n.querySelector(`[data-name="${o}"]`)&&n.querySelector(`[data-name="${o}"]`).remove(),m){let b=l.getAttribute("data-filter-text");l.querySelectorAll("input").forEach((u,h)=>{let w=u.getAttribute("name");n.querySelector(`[data-name="${w}"]`)&&n.querySelector(`[data-name="${w}"]`).remove(),b=b.replace(`$${h+1}`,u.value)});let p=document.createElement("button");p.setAttribute("type","button"),p.classList.add("filter"),p.setAttribute("data-name",o),p.innerHTML=b,n.appendChild(p)}}}Array.from(a.querySelectorAll('input[type="checkbox"]:checked')).forEach((n,i)=>{e(r,n)}),a.addEventListener("change",function(n){if(n&&n.target instanceof HTMLElement&&n.target.closest("input[data-filter-text]")){let i=n.target.closest("input[data-filter-text]");e(r,i)}},!1),r.addEventListener("click",function(n){if(n&&n.target instanceof HTMLElement&&n.target.closest(".filter")){let o=n.target.closest(".filter"),c=o.getAttribute("data-name").split(",");for(var i=0;i<c.length;i++){let d=c[i],l=`[name="${d}"]`;d.match(/\[(.*)\]/)&&(d.replace(/\[(.*)\]/,"[]"),l=`[value="${d.replace(/.*\[(.*)\]/,"$1")}"]`);let m=a.querySelectorAll(l);for(var s=0;s<m.length;s++){let b=m[s];if(b.getAttribute("type")!="radio"&&b.getAttribute("type")!="checkbox")b.value="";else{b.checked=!1;var n=new Event("force");b.closest("form").dispatchEvent(n)}}}o.remove()}},!1)}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Applied Filters"});class tr extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const r=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${r}/css/core.min.css`;let n=this.classList.toString();const i=document.createElement("template");i.innerHTML=`
|
|
107
108
|
<style>
|
|
108
|
-
@import "${
|
|
109
|
+
@import "${e}";
|
|
109
110
|
.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 */
|
|
110
111
|
|
|
111
112
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
112
113
|
</style>
|
|
113
|
-
<div class="applied-filters ${
|
|
114
|
+
<div class="applied-filters ${n}"></div>
|
|
114
115
|
<slot></slot>
|
|
115
|
-
`,this.shadowRoot.appendChild(
|
|
116
|
-
* iamKey v3.
|
|
116
|
+
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){er(this,this.shadowRoot.querySelector(".applied-filters"))}}window.customElements.get("iam-applied-filters")||window.customElements.define("iam-applied-filters",tr);const ar={name:"Header"};function rr(a,r,e,n,i,s){return t.openBlock(),t.createElementBlock("iam-applied-filters",null,[t.renderSlot(a.$slots,"default")])}const or=v(ar,[["render",rr]]);/*!
|
|
117
|
+
* iamKey v3.9.0-beta-1
|
|
117
118
|
* Copyright 2022-2023 iamproperty
|
|
118
|
-
*/function
|
|
119
|
+
*/function nr(a,r){ir(a,r)}function ir(a,r){var e;r.addEventListener("keyup",n=>{clearTimeout(e),e=setTimeout(function(){Y(a,r.value)},500)}),r.addEventListener("change",n=>{clearTimeout(e),Y(a,r.value)})}const Y=function(a,r){Array.from(a.querySelectorAll(":scope > li")).forEach((e,n)=>{let i=e.textContent.toLowerCase();e.classList.add("d-none"),i.includes(r.toLowerCase())&&e.classList.remove("d-none")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Filtered list",value:r})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"filterlist"});class sr extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const r=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${r}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
119
120
|
<style>
|
|
120
|
-
@import "${
|
|
121
|
+
@import "${e}";
|
|
121
122
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
122
123
|
|
|
123
124
|
:host {
|
|
@@ -142,29 +143,29 @@
|
|
|
142
143
|
<div class="list__wrapper">
|
|
143
144
|
<slot></slot>
|
|
144
145
|
</div>
|
|
145
|
-
`,this.shadowRoot.appendChild(
|
|
146
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){let r=this.classList.toString();this.shadowRoot.querySelector(".list__wrapper").setAttribute("class",`list__wrapper ${r}`),this.querySelector("i.fa-search")||(this.innerHTML+='<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'),nr(this.querySelector("ul"),this.shadowRoot.querySelector("#search"))}}window.customElements.get("iam-filterlist")||window.customElements.define("iam-filterlist",sr);const lr={name:"Filter list"};function cr(a,r,e,n,i,s){return t.openBlock(),t.createElementBlock("iam-filterlist",null,[t.renderSlot(a.$slots,"default")])}const dr=v(lr,[["render",cr]]);function mr(a){if(a.hasAttribute("data-type")&&a.getAttribute("data-type")=="toast"){let e=document.querySelector(".notification__holder");e||(e=document.createElement("div"),e.classList.add("notification__holder"),e.classList.add("container"),document.querySelector("body").appendChild(e)),a.closest(".notification__holder")||e.appendChild(a)}if(a.setAttribute("role","alert"),a.addEventListener("click",function(e){event&&event.target instanceof HTMLElement&&event.target.closest("[data-dismiss-button]")&&(e.preventDefault(),V(a))},!1),a.hasAttribute("data-timeout")){let e=a.getAttribute("data-timeout");var r=new ur(function(){V(a)},e);a.addEventListener("mouseenter",n=>{r.pause()}),a.addEventListener("mouseleave",n=>{r.resume()})}}function ur(a,r){var e,n,i=r;this.pause=function(){window.clearTimeout(e),i-=new Date-n},this.resume=function(){n=new Date,window.clearTimeout(e),e=window.setTimeout(a,i)},this.resume()}const V=function(a){a.classList.add("d-none")};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Notification"});class hr extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const r=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${r}/css/core.min.css`,n=`@import "${r}/css/components/notification.css";`,i=this.querySelectorAll("a,button");Array.from(i).forEach((o,c)=>{o.setAttribute("slot","btns"),o.classList.add("link")}),(i.length||this.hasAttribute("data-dismiss"))&&this.classList.add("notification--dismissable");const s=document.createElement("template");s.innerHTML=`
|
|
146
147
|
<style>
|
|
147
|
-
@import "${
|
|
148
|
-
${
|
|
148
|
+
@import "${e}";
|
|
149
|
+
${n}
|
|
149
150
|
${this.hasAttribute("data-css")?`${this.getAttribute("data-css")}`:""}
|
|
150
151
|
</style>
|
|
151
152
|
|
|
152
153
|
<div class="notification">
|
|
153
154
|
<div class="notification__icon"><slot name="icon"></slot></div>
|
|
154
|
-
<div class="notification__inner"><div class="notification__text"><slot></slot></div>${
|
|
155
|
+
<div class="notification__inner"><div class="notification__text"><slot></slot></div>${i.length?'<div class="notification__btns"><slot name="btns"></slot></div>':""}</div>
|
|
155
156
|
${this.hasAttribute("data-dismiss")?'<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>':""}
|
|
156
157
|
</div>
|
|
157
|
-
`,this.shadowRoot.appendChild(
|
|
158
|
-
* iamKey v3.
|
|
158
|
+
`,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){const r=this.shadowRoot.querySelector("[data-dismiss-button]"),e=this.hasAttribute("data-status")?this.getAttribute("data-status"):"white";this.hasAttribute("data-type")?this.classList.add(`bg-${e}`):this.classList.add(`colour-${e}`);const n=this;if(!this.querySelector("i"))switch(e){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>'}mr(n),r&&r.addEventListener("click",function(i){V(n)},!1)}}const pr={name:"Notification",props:{},created(){this.$nextTick(function(){window.customElements.get("iam-notification")||window.customElements.define("iam-notification",hr)})}};function br(a,r,e,n,i,s){return t.openBlock(),t.createElementBlock("iam-notification",null,[t.renderSlot(a.$slots,"default")])}const fr=v(pr,[["render",br]]);/*!
|
|
159
|
+
* iamKey v3.9.0-beta-1
|
|
159
160
|
* Copyright 2022-2023 iamproperty
|
|
160
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Card"});class
|
|
161
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Card"});class yr extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.querySelector('[class*="fa-"]')&&this.classList.add("card--has-icon");let r=this.classList.toString();const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",n=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,i=document.createElement("template");i.innerHTML=`
|
|
161
162
|
<style>
|
|
162
|
-
@import "${
|
|
163
|
+
@import "${n}";
|
|
163
164
|
.card{--card-icon-right: 1rem;box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);position:relative;font-weight:bold;font-size:1.125rem;line-height:1.5rem;color:var(--colour-primary);min-height:100%;width:100%;text-align:left;display:block;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);outline-offset:-1px}.card.border-0{box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__body{position:relative;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1}.card:before,.card:after{content:"";position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--colour-warning);border-radius:50%}.card:after{background:var(--colour-primary-theme);mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}.card:is(:hover,:focus,.hover){--card-icon-right: 0.5rem;outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card:not([class*=colour-]):is(:hover,:focus,.hover):before{background:var(--colour-primary-theme)}.card:not([class*=colour-]):is(:hover,:focus,.hover):after{background:#fff}.card:is(:active,.active){--card-icon-right: 0.5rem;outline:none}.card:is(:active,.active):before{background:var(--colour-warning)}.card:is(:active,.active):after{background:var(--colour-primary)}.card:is(:active){background:#fcfcfc}.card span{display:block;font-weight:bold;padding-top:1.5rem;font-size:1rem}.card:has(.card__illustration) .card__body{align-items:center;display:flex}.card:has(.card__illustration) .card__body .card__illustration{height:4rem;width:4rem;margin-right:1.5rem;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative}.card:has(.card__illustration) .card__body .card__illustration img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}::slotted(i){font-size:1.5rem;margin:-3px var(--card-icon-right) 0 0;font-weight:400;vertical-align:middle}::slotted(span){display:block;font-weight:normal;padding-top:1.5rem;font-size:1rem}.card[class*=colour-],.card--filter{border-left:0.75rem solid var(--colour, var(--colour-primary))}.card--filter{--top-padding: 1.5rem;--right-padding: 1rem;--bottom-padding: 1.5rem;--left-padding: 1rem}.card--filter:has(.card__total) .card__body{align-items:center;display:flex}.card--filter:before,.card--filter:after{display:none}.card--filter:is(:hover,:focus,.hover){outline:none}.card--filter:is(:hover,:focus,.hover) .card__body{background:#eee}.card--filter:is(:active,.active) .card__body{background:#e0e0e0}.card--filter:is(:checked,.checked){outline:2px solid var(--colour, var(--colour-info));outline-offset:-2px}.card--filter:is(:checked,.checked) .card__body{background:#e0e0e0}.card--filter.card--has-icon{--bottom-padding: 1rem;border:none}.card--filter .icon{font-size:1.125rem !important;height:1.125rem !important;margin:0 0 .5rem 0 !important;font-weight:400 !important;display:block !important}.card--filter .card__total{font-size:3rem;line-height:3rem;padding-right:1rem}@media screen and (prefers-color-scheme: dark){.card--filter .card__body{background:none !important}.card--filter:is(:hover,:focus,.hover,:active,.active):not(:checked,.checked){outline:2px solid var(--colour, var(--colour-primary)) !important;outline-offset:-2px}}.card--filter ::slotted(i){display:block !important;font-size:1.125rem !important;margin:0 0 .5rem 0 !important}.card:has(.card__head) .card__head{padding-bottom:0;padding-top:27%;position:relative;overflow:hidden;background:rgba(0,0,0,.1);z-index:-1}.card:has(.card__head) .card__head>img{position:absolute;top:0;left:0;width:102%;height:102%;object-fit:cover}.card.card--lg-image:has(.card__head) .card__head{padding-top:55%}.card:has(.card__footer):after{display:none}.card:has(.card__footer) .card__footer{position:relative;background:#fff;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1;display:block}/*# sourceMappingURL=assets/css/components/card.css.map */
|
|
164
165
|
|
|
165
166
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
166
167
|
</style>
|
|
167
|
-
<div class="card ${
|
|
168
|
+
<div class="card ${r}" tabindex="0" role="button">
|
|
168
169
|
${this.hasAttribute("data-image")?`<div class="card__head"><img src="${this.getAttribute("data-image")}" alt="" loading="lazy" /></div>`:""}
|
|
169
170
|
<div class="card__body">
|
|
170
171
|
${this.classList.contains("card--filter")&&this.hasAttribute("data-total")?`<div class="card__total">${this.getAttribute("data-total")}</div>`:""}
|
|
@@ -173,4 +174,53 @@
|
|
|
173
174
|
</div>
|
|
174
175
|
${this.hasAttribute("data-cta")?`<div class="card__footer"><span class="link">${this.getAttribute("data-cta")}</span></div>`:""}
|
|
175
176
|
</div>
|
|
176
|
-
`,this.shadowRoot.appendChild(
|
|
177
|
+
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){this.classList.add("loaded");const r=this.parentNode.closest("a, button, label"),e=this.shadowRoot.querySelector(".card");r.setAttribute("tabindex","-1"),r.matches("label[for]")&&(document.getElementById(r.getAttribute("for")).checked?e.classList.add("checked"):e.classList.remove("checked")),e.addEventListener("click",n=>{if(r.matches("label[for]")){n.stopPropagation(),n.preventDefault();const i=document.getElementById(r.getAttribute("for")),s=i.getAttribute("name"),o=i.getAttribute("id");Array.from(document.querySelectorAll(`[name="${s}"][type="radio"]:not([id="${o}"])`)).forEach((c,d)=>{document.querySelector(`[for="${c.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),r.click(),i.checked?e.classList.add("checked"):e.classList.remove("checked")}}),this.addEventListener("inactive",n=>{e.classList.remove("checked")}),e.addEventListener("keydown",n=>{switch(n.keyCode){case 32:case 13:if(r.matches("label[for]")){n.stopPropagation(),n.preventDefault();const i=document.getElementById(r.getAttribute("for")),s=i.getAttribute("name"),o=i.getAttribute("id");Array.from(document.querySelectorAll(`[name="${s}"]:not([id="${o}"])`)).forEach((c,d)=>{document.querySelector(`[for="${c.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),r.click(),i.checked?e.classList.add("checked"):e.classList.remove("checked")}else r.click();break}})}static get observedAttributes(){return["data-total","class"]}attributeChangedCallback(r,e,n){switch(r){case"data-total":{this.shadowRoot.querySelector(".card__total").innerHTML=n;break}case"class":{let i=this.classList.toString();this.querySelector('[class*="fa-"]')&&(i+=" card--has-icon"),this.shadowRoot.querySelector(".card").setAttribute("class",`card ${i}`);break}}}}const gr=Object.freeze(Object.defineProperty({__proto__:null,default:yr},Symbol.toStringTag,{value:"Module"}));/*!
|
|
178
|
+
* iamKey v3.9.0-beta-1
|
|
179
|
+
* Copyright 2022-2023 iamproperty
|
|
180
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"nav"});class vr extends HTMLElement{constructor(){super();const r=this.attachShadow({mode:"open"}),e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",n=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,i=document.createElement("template");i.innerHTML=`
|
|
181
|
+
<style class="styles">
|
|
182
|
+
@import "${n}";
|
|
183
|
+
:host{display:flex !important;flex-direction:row;flex-wrap:wrap;align-items:center}::slotted(.brand){margin-right:auto}.btn-menu{padding:0;margin:0 0 0 2rem;text-align:center;height:3rem;padding-block:0.75rem;line-height:1.5rem;overflow:hidden;position:relative;background:none;border:none;width:1.5rem;text-indent:-1000%;color:var(--colour-brand)}.btn-menu i{font-size:1.5rem;line-height:1.5rem;position:absolute;text-indent:0px;width:1.5rem;text-align:center;top:0.75rem;right:0;margin:0 !important;transition:none !important}.btn-menu i+i{display:none}.btn-menu.selected i{display:none}.btn-menu.selected i+i{display:inline}@media screen and (max-width: 62em){.btn-menu>.btn{display:contents;display:contents;color:inherit !important;padding:0 !important;margin:0;font-weight:normal !important;line-height:inherit;font-size:inherit;transition:none !important}}@media screen and (min-width: 36em){.btn-menu{margin:0 0 0 3rem;width:auto;padding-right:1.875rem;text-indent:0}.btn-menu.selected{text-indent:-1000%}}@media screen and (min-width: 62em){.btn-menu{width:fit-content;height:auto;margin:0 0 0 3rem !important;padding:0 !important;text-indent:0;padding-right:0 !important}.btn-menu.selected{text-indent:0}.btn-menu .btn{margin:0 !important;display:flex}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){.btn-menu .btn{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--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);--colour-btn-action-hover-bg: var(--colour-light)}.btn-menu .btn .text-primary{color:var(--colour-primary) !important}.btn-menu .btn:is(:hover,:focus){color:var(--colour-inverted)}}@media screen and (min-width: 62em){.btn-menu .btn span{order:2}.btn-menu .btn i[class*=fa-]{position:relative;position:static;vertical-align:bottom;display:inline-block;font-size:1.2rem;margin-right:1rem !important;line-height:1em}.btn-menu .btn i[class*=fa-]+i[class*=fa-]{display:none}}@media screen and (max-width: 62em){:host>.container{display:contents}.menu__outer{position:absolute;top:6rem;left:0;width:100%;height:calc(100vh - 6rem);overflow:hidden;pointer-events:none;transition:background .5s}.menu__outer:has(.menu.open){background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}.menu::-webkit-scrollbar{width:6px}.menu::-webkit-scrollbar-track{border:0 !important}.menu::-webkit-scrollbar-thumb{border:0 !important}.menu{overscroll-behavior:contain;width:calc(23.4375rem - var(--scrollbar-width));background-color:var(--colour-canvas-2);position:absolute;height:calc(100vh - 6rem);left:100%;top:0;padding:0 1.5rem 0 1.5rem;z-index:var(--index-menu);overflow:auto;transition:all 1s ease-out;display:flex;flex-direction:column;flex-wrap:nowrap}.menu>*{flex-shrink:0}}@media screen and (max-width: 62em)and (prefers-color-scheme: dark){.menu{--colour-link: var(--colour-white);--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #BFBFBF;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (max-width: 62em)and (prefers-color-scheme: light){.menu{background-color:var(--colour-white);--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--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);--colour-btn-action-hover-bg: var(--colour-light)}.menu .text-primary{color:var(--colour-primary) !important}}@media screen and (max-width: 62em)and (forced-colors: active){.menu{outline:1px solid #fff}}@media screen and (max-width: 62em){.menu:before{content:"";position:absolute;display:block;top:0;left:0;width:100%;border-top:2px solid var(--colour-border);z-index:1}.menu.open{left:calc(100% - (23.4375rem - var(--scrollbar-width)));-webkit-box-shadow:0 6px 12px 0px rgba(0,0,0,.2);box-shadow:0 6px 12px 0px rgba(0,0,0,.2);pointer-events:all}.menu.closed *{display:none !important}.menu__secondary{display:none}.has-secondary .menu__secondary{display:block;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:3rem !important;flex-grow:1;position:relative}}@media screen and (max-width: 62em)and (prefers-color-scheme: light){.has-secondary .menu__secondary{background-color:#eee}}@media screen and (max-width: 62em){.has-secondary .menu__secondary .container{display:contents}::slotted(a:not([slot=logo])){display:block !important;line-height:1.25rem !important;padding:1.5rem 0 !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important}::slotted(a:not([slot=logo])):after{content:"";display:block;height:2px;width:100% !important;background-color:var(--colour-border) !important;top:calc(100% - 2px) !important}*:is(.has-search,.has-actions) .menu__primary{display:block;padding-bottom:3rem}.menu:not(.has-secondary) .menu__primary{display:block;padding-bottom:3rem}::slotted(button){display:block !important;margin:0 0 1.5rem 0 !important;width:100% !important;max-width:100% !important;text-align:center !important;flex-shrink:0}.has-actions slot[name=actions]{display:block;padding-bottom:1.5rem}slot[name=actions]::slotted(button){margin-top:0 !important}.dialog__wrapper{width:100%;margin:0 0 3rem 0 !important;flex-shrink:0}.dialog__wrapper>.btn{display:none}.dialog__wrapper dialog{display:contents}}@media screen and (max-width: 62em)and (min-width: 36em){.menu{padding-right:2.5rem !important}.has-secondary .menu__secondary{margin-right:-2.5rem !important;padding-right:2.5rem !important}.has-secondary .menu__secondary:before{width:calc(100% - 4rem) !important}::slotted(button){width:auto !important}}@media screen and (min-width: 62em){:host{max-width:100% !important;padding:0 !important}:host>.container{padding-block:1.5rem !important;display:flex;flex-wrap:nowrap;align-items:center}:host>.container:has(.has-secondary){padding-top:4rem !important}:host>.container>*{margin-bottom:0 !important}.btn-menu{display:none}.buttons-holder{display:contents}.buttons-holder .btn-menu{display:inline-block;order:2}.menu,.menu__outer,.menu__primary{display:contents}.menu__secondary{display:none}.has-secondary .menu__secondary{background-color:var(--colour-canvas-2);display:block;position:absolute;top:0;left:0;width:100%}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){.has-secondary .menu__secondary{background-color:#eee;--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--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);--colour-btn-action-hover-bg: var(--colour-light)}.has-secondary .menu__secondary .text-primary{color:var(--colour-primary) !important}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){.has-secondary .menu__secondary{--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #BFBFBF;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (min-width: 62em){.has-secondary .menu__secondary .container{margin-left:auto;margin-right:auto;padding:var(--container-padding) !important;padding-top:0.5rem !important;padding-bottom:0.5rem !important;text-align:right}::slotted(a[slot=secondary]){font-size:0.875rem !important}::slotted(a[slot=secondary]):after{top:calc(100% - .25em) !important}::slotted(a:not([slot=logo])),::slotted(button){margin-bottom:0 !important;margin-right:0 !important}::slotted(a:not([slot=logo])){margin-left:2rem !important;font-size:1rem !important;font-weight:normal !important}::slotted(a:not([slot=logo])):after{display:none}::slotted(button){margin-left:3rem !important}.has-actions slot[name=actions]{display:block;padding-left:3rem}slot[name=actions]::slotted(button){margin-left:0.75rem !important}:host([data-search]) slot[name=actions]{padding-left:0 !important}#search-wrapper{margin-left:1.5rem !important;position:static}#search-dialog[open]{position:absolute;top:auto;bottom:0;left:0;width:100%;padding-block:1.5rem;padding-inline:0;background-color:rgba(0,0,0,0);text-align:right;border-radius:0;box-shadow:none}#search-dialog[open] .container{padding:var(--container-padding);padding-bottom:0}:host(.search-open){background:#e6eaec !important}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){:host(.search-open){background:var(--colour-canvas-2) !important}}@media screen and (min-width: 62em){:host(.search-open) .buttons-holder,:host(.search-open) #search-button{display:none}:host(.search-open.bg-primary){background:var(--colour-primary) !important}:host(.search-open.bg-primary) .suffix,:host(.search-open.bg-primary) #search{border:2px solid #b3c1c5;color:#fff}:host(.search-open.bg-primary) #search{border-right:0}.backdrop{content:"";display:block;position:absolute;top:100%;left:0;height:calc(100vh - var(--nav-height));width:100%;z-index:-1;pointer-events:none;transition:background .5s}.backdrop.show{pointer-events:all;background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}}::slotted(.nav--menu){overscroll-behavior:contain;width:calc(23.4375rem - var(--scrollbar-width));background-color:var(--colour-canvas-2);position:absolute;height:calc(100vh - 6rem);left:100%;top:0;padding:0 1.5rem 0 1.5rem;z-index:var(--index-menu);overflow:auto;transition:all 1s ease-out;display:flex;flex-direction:column;flex-wrap:nowrap}::slotted(.nav--menu)>*{flex-shrink:0}@media screen and (prefers-color-scheme: dark){::slotted(.nav--menu){--colour-link: var(--colour-white);--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #BFBFBF;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (prefers-color-scheme: light){::slotted(.nav--menu){background-color:var(--colour-white);--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--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);--colour-btn-action-hover-bg: var(--colour-light)}::slotted(.nav--menu) .text-primary{color:var(--colour-primary) !important}}@media(forced-colors: active){::slotted(.nav--menu){outline:1px solid #fff}}::slotted(.nav--menu):before{display:block;width:100%;border-top:2px solid var(--colour-border);z-index:1;padding-block:1.5rem;margin:0;font-family:var(--font-heading);font-style:normal;font-weight:var(--heading-weight);color:var(--colour-heading);clear:both;font-size:1.75rem;line-height:2.25rem;max-width:var(--content-max-width)}@media screen and (min-width: 36em){::slotted(.nav--menu):before{font-size:2rem;line-height:2.5rem}}::slotted(.nav--menu):before{content:attr(data-title)}@media screen and (min-width: 62em){::slotted(.nav--menu){height:calc(100vh - var(--nav-height));top:100%}}::slotted(.nav--menu.open){left:calc(100% - (23.4375rem - var(--scrollbar-width)));-webkit-box-shadow:0 6px 12px 0px rgba(0,0,0,.2);box-shadow:0 6px 12px 0px rgba(0,0,0,.2);pointer-events:all}@media screen and (max-width: 62em){:host(.open) .menu__outer{background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}}/*# sourceMappingURL=assets/css/components/nav.css.map */
|
|
184
|
+
|
|
185
|
+
</style>
|
|
186
|
+
<link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous">
|
|
187
|
+
<div class="container">
|
|
188
|
+
<slot name="logo"></slot>
|
|
189
|
+
<div class="buttons-holder"></div>
|
|
190
|
+
<button class="btn-menu">Menu<i class="fa-regular fa-bars"></i><i class="fa-regular fa-xmark-large"></i></button>
|
|
191
|
+
|
|
192
|
+
<div class="menu__outer">
|
|
193
|
+
<div class="menu closed">
|
|
194
|
+
|
|
195
|
+
<div class="menu__primary">
|
|
196
|
+
<slot></slot>
|
|
197
|
+
<slot name="dual"></slot>
|
|
198
|
+
</div>
|
|
199
|
+
<div class="dialog__wrapper d-none" id="search-wrapper"></div>
|
|
200
|
+
<slot name="actions"></slot>
|
|
201
|
+
<div class="menu__secondary">
|
|
202
|
+
<div class="container">
|
|
203
|
+
<slot name="secondary"></slot>
|
|
204
|
+
</div>
|
|
205
|
+
</div>
|
|
206
|
+
</div>
|
|
207
|
+
<slot name="menus"></slot>
|
|
208
|
+
</div>
|
|
209
|
+
</div>
|
|
210
|
+
<div class="lists"></div>
|
|
211
|
+
<div class="backdrop" part="backdrop"></div>
|
|
212
|
+
`,r.appendChild(i.content.cloneNode(!0))}connectedCallback(){this.hasAttribute("data-css")&&this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`);const r=this.shadowRoot.querySelector(".btn-menu"),e=this.shadowRoot.querySelector(".menu"),n=this,i=this.shadowRoot.querySelector(".backdrop"),s=this.shadowRoot.querySelector(".buttons-holder");if(this.querySelectorAll(":scope > *").forEach(function(o){switch(o.tagName){case"BUTTON":o.setAttribute("slot","actions"),e.classList.add("has-actions");break}if(o.classList.contains("nav--menu")&&o.hasAttribute("data-title")&&o.hasAttribute("data-icon")){const c=o.getAttribute("data-title"),d=o.getAttribute("data-icon"),l=document.createElement("button");l.setAttribute("slot",c),l.classList.add("btn-menu"),l.innerHTML=`<span class="btn btn-primary"><span>${c}</span><i class="${d}"></i><i class="fa-regular fa-xmark-large"></i></span>`,s.insertAdjacentElement("beforeend",l);const m=l.querySelector(".btn-primary");o.setAttribute("slot","menus"),o.classList.contains("open")?(l.classList.add("selected"),m.classList.toggle("active"),n.classList.add("open"),i.classList.add("show")):o.classList.add("closed"),l.addEventListener("click",function(b){b.preventDefault(),l.classList.toggle("selected"),o.classList.toggle("open"),m.classList.toggle("active");let p=n.querySelector(":scope > details[open]");p&&p.removeAttribute("open"),o.classList.contains("open")?(e.classList.remove("open"),r.classList.remove("selected"),setTimeout(function(){e.classList.add("closed")},1e3),n.classList.add("open"),i.classList.add("show"),o.classList.remove("closed")):(n.classList.remove("open"),i.classList.remove("show"),setTimeout(function(){o.classList.add("closed")},1e3)),n.querySelectorAll(".nav--menu.open").forEach(function(u){u!=o&&u.classList.remove("open")}),n.shadowRoot.querySelectorAll(".buttons-holder .btn-menu.selected").forEach(function(u){u!=l&&(u.classList.remove("selected"),u.querySelector(".btn-primary").classList.remove("active"))})},!1)}}),this.querySelector('a[slot="secondary"]')&&e.classList.add("has-secondary"),document.documentElement.style.setProperty("--scrollbar-width",window.innerWidth-document.documentElement.offsetWidth+"px"),r.addEventListener("click",function(o){o.preventDefault(),r.classList.toggle("selected"),e.classList.toggle("open"),n.querySelectorAll(".nav--menu.open").forEach(function(c){c.classList.remove("open"),setTimeout(function(){c.classList.add("closed")},1e3)}),n.shadowRoot.querySelectorAll(".buttons-holder .btn-menu.selected").forEach(function(c){c.classList.remove("selected"),c.querySelector(".btn-primary").classList.remove("active")}),e.classList.contains("open")?(n.classList.add("open"),e.classList.remove("closed")):(n.classList.remove("open"),setTimeout(function(){e.classList.add("closed")},1e3))},!1),this.addEventListener("request-close",o=>{r.classList.remove("selected"),e.classList.remove("open"),n.classList.remove("open")}),i.addEventListener("click",o=>{let c=this.querySelector("details[open] summary");c&&c.click(),n.querySelectorAll(".nav--menu.open").forEach(function(d){d.classList.remove("open")}),n.shadowRoot.querySelectorAll(".buttons-holder .btn-menu.selected").forEach(function(d){d.classList.remove("selected"),d.querySelector(".btn-primary").classList.remove("active")}),i.classList.remove("show")}),this.addEventListener("click",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("summary")&&window.innerWidth>992){let c=o.target.closest("summary").closest("details"),d=c.parentNode;c.hasAttribute("open")?c.removeAttribute("open"):c.setAttribute("open","true"),n.querySelectorAll(".nav--menu.open").forEach(function(l){l.classList.remove("open"),setTimeout(function(){e.classList.add("closed")},1e3)}),n.shadowRoot.querySelectorAll(".buttons-holder .btn-menu.selected").forEach(function(l){l.classList.remove("selected"),l.querySelector(".btn-primary").classList.remove("active")}),Array.from(d.querySelectorAll(":scope > details")).forEach((l,m)=>{l!=c&&l.removeAttribute("open")}),this.querySelectorAll(":scope > details[open]").length?(i.classList.add("show"),n.classList.add("open")):(i.classList.remove("show"),n.classList.remove("open")),o.preventDefault()}}),this.querySelectorAll("details").forEach(o=>{let c=o.querySelector("summary");o.querySelector(":Scope > div").setAttribute("data-title",c.textContent)}),this.hasAttribute("data-search")){e.classList.add("has-search");let o=this.shadowRoot.querySelector("#search-wrapper");o.classList.remove("d-none"),o.insertAdjacentHTML("afterbegin",`<button class="btn btn-secondary btn-compact fa-search me-0 mb-0" id="search-button">Open Search field</button>
|
|
213
|
+
<dialog id="search-dialog">
|
|
214
|
+
<div class="container">
|
|
215
|
+
<form action="${this.hasAttribute("data-search")?this.getAttribute("data-search"):""}" class="row" id="search-form">
|
|
216
|
+
<div class="col mb-0 ms-auto col-md-7">
|
|
217
|
+
<label for="search" class="visually-hidden">Search</label>
|
|
218
|
+
<button class="suffix me-0 mb-0"><i class="fa-regular fa-search"></i></button>
|
|
219
|
+
<input type="search" class="" id="search" name="search" required="" autocomplete="off" data-list="${this.hasAttribute("data-list")?this.getAttribute("data-list"):""}" />
|
|
220
|
+
</div>
|
|
221
|
+
<div class="col d-none d-md-block mw-fit-content ms-3">
|
|
222
|
+
<button class="btn btn-compact btn-secondary fa-xmark-large m-0 mb-0" type="button" id="search-close"></button>
|
|
223
|
+
</div>
|
|
224
|
+
</form>
|
|
225
|
+
</div>
|
|
226
|
+
</dialog>`);let c=this.shadowRoot.querySelector("#search-button"),d=this.shadowRoot.querySelector("#search-close"),l=this.shadowRoot.querySelector("#search-dialog"),m=this.shadowRoot.querySelector("#search"),b=this.shadowRoot.querySelector("#search-form");this.hasAttribute("data-search-open")&&(l.setAttribute("open","open"),this.classList.add("search-open")),c.addEventListener("click",p=>{l.setAttribute("open","open"),this.classList.add("search-open")}),d.addEventListener("click",p=>{l.removeAttribute("open"),this.classList.remove("search-open")}),m.addEventListener("keydown",p=>{const u=new CustomEvent("search-keydown",{detail:{search:m.value}});this.dispatchEvent(u)}),m.addEventListener("keyup",p=>{m.value.length>=3&&m.hasAttribute("data-list")?m.setAttribute("list",m.getAttribute("data-list")):m.removeAttribute("list");const u=new CustomEvent("search-keyup",{detail:{search:m.value}});this.dispatchEvent(u)}),m.addEventListener("change",p=>{const u=new CustomEvent("search-change",{detail:{search:m.value}});this.dispatchEvent(u)}),b.addEventListener("submit",p=>{this.hasAttribute("data-prevent-search")&&p.preventDefault();const u=new CustomEvent("search-submit",{detail:{search:m.value}});this.dispatchEvent(u)}),this.querySelectorAll("datalist").forEach(p=>{n.shadowRoot.querySelector(".lists").insertAdjacentElement("beforeend",p)})}}}const wr=Object.freeze(Object.defineProperty({__proto__:null,default:vr},Symbol.toStringTag,{value:"Module"}));y.Accordion=at,y.AccordionItem=st,y.AppliedFilters=or,y.Banner=ft,y.Card=G,y.Carousel=Tt,y.FileUpload=Xe,y.Filterlist=dr,y.Header=Vt,y.Input=M,y.Logo=te,y.Nav=ga,y.NoteFeed=Za,y.Notification=fr,y.PropertySearchbar=pa,y.Step=Ca,y.Stepper=Ea,y.Tab=Ua,y.Table=H,y.Tabs=Fa,y.Testimonial=Zt,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});
|