@iamproperty/components 4.0.0 → 4.0.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/actionbar-global.css +1 -1
- package/assets/css/components/actionbar-global.css.map +1 -1
- package/assets/css/components/actionbar.css +1 -1
- package/assets/css/components/actionbar.css.map +1 -1
- package/assets/css/components/admin-panel.css +1 -1
- package/assets/css/components/admin-panel.css.map +1 -1
- package/assets/css/components/card-global.css +1 -1
- package/assets/css/components/card-global.css.map +1 -1
- package/assets/css/components/card.css +1 -1
- package/assets/css/components/card.css.map +1 -1
- package/assets/css/components/charts.css.map +1 -1
- package/assets/css/components/collapsible-side.css.map +1 -1
- 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.map +1 -1
- package/assets/css/components/lists.css.map +1 -1
- package/assets/css/components/nav-global.css +1 -1
- package/assets/css/components/nav-global.css.map +1 -1
- package/assets/css/components/nav.css.map +1 -1
- package/assets/css/components/nav.old.css.map +1 -1
- package/assets/css/components/notification.css.map +1 -1
- package/assets/css/components/pagination.css.map +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 +45 -0
- package/assets/js/components/actionbar/actionbar.component.min.js +4 -4
- package/assets/js/components/actionbar/actionbar.component.min.js.map +1 -1
- package/assets/js/components/applied-filters/applied-filters.component.min.js +3 -3
- package/assets/js/components/applied-filters/applied-filters.component.min.js.map +1 -1
- package/assets/js/components/card/card.component.js +9 -1
- package/assets/js/components/card/card.component.min.js +7 -5
- package/assets/js/components/card/card.component.min.js.map +1 -1
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +1 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- package/assets/js/components/nav/nav.component.min.js +1 -1
- package/assets/js/components/notification/notification.component.min.js +1 -1
- package/assets/js/components/pagination/pagination.component.min.js +1 -1
- package/assets/js/components/table/table.component.js +3 -0
- package/assets/js/components/table/table.component.min.js +10 -10
- package/assets/js/components/table/table.component.min.js.map +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +1 -1
- package/assets/js/dynamic.min.js +4 -4
- package/assets/js/dynamic.min.js.map +1 -1
- package/assets/js/modules/applied-filters.js +6 -7
- package/assets/js/modules/dialogs.js +32 -4
- package/assets/js/modules/table.js +68 -13
- package/assets/js/scripts.bundle.js +18 -16
- 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 +0 -1
- package/assets/sass/_func.scss +1 -0
- package/assets/sass/_functions/mixins.scss +22 -0
- package/assets/sass/components/actionbar-global.scss +69 -7
- package/assets/sass/components/actionbar.scss +20 -8
- package/assets/sass/components/admin-panel.scss +47 -2
- package/assets/sass/components/card-global.scss +53 -1
- package/assets/sass/components/card.scss +14 -12
- package/assets/sass/components/charts.scss +1 -1
- package/assets/sass/components/collapsible-side.scss +1 -1
- package/assets/sass/components/dialog.scss +62 -61
- package/assets/sass/components/fileupload.scss +1 -1
- package/assets/sass/components/forms.scss +112 -102
- package/assets/sass/components/nav-global.scss +15 -9
- package/assets/sass/components/nav.scss +9 -10
- package/assets/sass/components/notification.scss +1 -1
- package/assets/sass/components/table.scss +85 -4
- package/assets/sass/core.scss +1 -0
- package/assets/sass/error.scss +2 -1
- package/assets/sass/foundations/root.scss +3 -3
- package/assets/sass/main.scss +4 -3
- package/assets/ts/components/actionbar/actionbar.component.ts +67 -2
- package/assets/ts/components/card/card.component.ts +12 -2
- package/assets/ts/components/table/table.component.ts +4 -0
- package/assets/ts/modules/applied-filters.ts +8 -10
- package/assets/ts/modules/dialogs.ts +42 -5
- package/assets/ts/modules/table.ts +82 -13
- package/dist/components.es.js +914 -838
- package/dist/components.umd.js +47 -45
- package/package.json +1 -1
package/dist/components.umd.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
(function(g,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(g=typeof globalThis<"u"?globalThis:g||self,a(g.iamkey={},g.Vue))})(this,function(g,a){"use strict";const
|
|
2
|
-
* iamKey v4.0.
|
|
1
|
+
(function(g,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(g=typeof globalThis<"u"?globalThis:g||self,a(g.iamkey={},g.Vue))})(this,function(g,a){"use strict";const v=(t,o)=>{const e=t.__vccOpts||t;for(const[n,i]of o)e[n]=i;return e},Z={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}}},ee=["xlink:href"],te=["innerHTML"];function ae(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(s.className)},[(a.openBlock(),a.createElementBlock("svg",null,[a.createElementVNode("title",null,"iam "+a.toDisplayString(e.id),1),a.createElementVNode("use",{"xlink:href":e.path+s.src},null,8,ee)])),e.desc?(a.openBlock(),a.createElementBlock("span",{key:0,innerHTML:e.desc},null,8,te)):a.createCommentVNode("",!0)],2)}const oe=v(Z,[["render",ae]]);/*!
|
|
2
|
+
* iamKey v4.0.1
|
|
3
3
|
* Copyright 2022-2023 iamproperty
|
|
4
|
-
*/const re=function(t){return typeof t!="string"?!1:!isNaN(t)&&!isNaN(parseFloat(t))},ne=(t,o)=>String(t).padStart(o,"0"),ie=t=>t.charAt(0).toUpperCase()+t.slice(1),x=function(t,o){if(!t.getAttribute("data-pages"))return!1;t.getAttribute("data-page")||t.setAttribute("data-page",1);let e=t.getAttribute("data-page"),n=t.getAttribute("data-pages"),
|
|
4
|
+
*/const re=function(t){return typeof t!="string"?!1:!isNaN(t)&&!isNaN(parseFloat(t))},ne=(t,o)=>String(t).padStart(o,"0"),ie=t=>t.charAt(0).toUpperCase()+t.slice(1),x=function(t,o){if(!t.getAttribute("data-pages"))return!1;t.getAttribute("data-page")||t.setAttribute("data-page",1);let e=t.getAttribute("data-page"),n=t.getAttribute("data-pages"),i=t.getAttribute("data-total"),s=t.getAttribute("data-show"),r=t.getAttribute("data-increment");if(n<=1)return o.innerHTML="",!1;let l="";for(let d=1;d<=n;d++)d==e?l+=`<li class="page-item active" aria-current="page"><span class="page-link">${d}</span></li>`:l+=`<li class="page-item"><a href="?page=${d}" class="page-link" data-page="${d}">${d}</a></li>`;return o.innerHTML=`<ul class="pagination mb-0 d-none d-sm-flex">
|
|
5
5
|
${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
6
|
${l}
|
|
7
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
8
|
</ul>`,o.innerHTML+=`<div class="d-sm-none text-center">
|
|
9
|
-
<span class="d-block pb-2">You've viewed ${
|
|
10
|
-
<a href="?show=${parseInt(
|
|
11
|
-
</div>`,!0};var se=function(t,o,e,n){function s(i){return i instanceof e?i:new e(function(r){r(i)})}return new(e||(e=Promise))(function(i,r){function l(u){try{c(n.next(u))}catch(m){r(m)}}function d(u){try{c(n.throw(u))}catch(m){r(m)}}function c(u){u.done?i(u.value):s(u.value).then(l,d)}c((n=n.apply(t,o||[])).next())})};const F=t=>{const o=Array.from(t.querySelectorAll("thead th"));Array.from(t.querySelectorAll("tbody tr")).forEach((e,n)=>{const s=Array.from(e.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((r,l)=>{const d=o[l];if(typeof d<"u"){let c=document.createElement("div");c.innerHTML=d.innerHTML;let u=c.textContent||c.innerText||"";r.setAttribute("data-label",u),d.hasAttribute("data-td-class")&&r.setAttribute("class",d.getAttribute("data-td-class")),d.hasAttribute("data-format")&&(r.setAttribute("data-format",d.getAttribute("data-format")),r.innerHTML=B(d.getAttribute("data-format"),r.textContent.trim())),i.includes(r.textContent.trim().toLowerCase())&&r.setAttribute("data-content",r.textContent.trim().toLowerCase())}})})},le=t=>{let o=0;return Array.from(t.querySelectorAll("tbody tr")).forEach((e,n)=>{let s=window.getComputedStyle(document.querySelector("html")),i=e.querySelector(":scope > *:last-child > *:first-child");if(i){i.classList.add("text-nowrap");let r=i.offsetWidth/parseFloat(s.fontSize);r+=1.7,o=o>r?o:r}}),o},ce=t=>{if(t.closest(".table--fullwidth")||t.querySelectorAll("thead tr th").length<4)return!1;Array.from(t.querySelectorAll("tbody tr")).forEach((o,e)=>{let n=o.querySelector(":scope > :is(td,th):first-child"),s=n.textContent;if(s!="")n.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)"),r=i.textContent;i.innerHTML=`<span class="td__content">${r}</span><button type="button" class="d-none">${r}</button>`}})},de=t=>{t.addEventListener("click",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("tr > :is(td,th):first-child button")){let e=o.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=(t,o)=>{let e=o.querySelector("[data-search]");if(!e)return!1;const n=e.getAttribute("id"),s=e.getAttribute("data-search").split(",");let i=e.parentNode,r={};s.forEach((l,d)=>{Array.from(t.querySelectorAll('td[data-label="'+l.trim()+'"]')).forEach((c,u)=>{c.querySelector(".td__content")?r[c.querySelector(".td__content").textContent]=c.querySelector(".td__content").textContent:r[c.textContent]=c.textContent})}),e.setAttribute("list",`${n}_list`),e.setAttribute("autocomplete","off"),i.querySelector("datalist")||(i.innerHTML+=`<datalist id="${n}_list"></datalist>`),i.querySelector("datalist").innerHTML=`${Object.keys(r).map(l=>`<option value="${l}"></option>`).join("")}`},me=(t,o,e,n,s)=>{var i;let r=function(c=!1){if(o.hasAttribute("data-ajax")){if(!c){let u=o.querySelector("[data-pagination]");u.value=1,n.setAttribute("data-page",1)}W(t,o,e,n)}else o.hasAttribute("data-submit")?o.submit():(M(t,o,n),x(n,e),q(t,o));if(o.hasAttribute("data-ajax-post")){let u=new FormData(o),m=new URLSearchParams(u).toString();const b=new XMLHttpRequest;b.open("GET",`${window.location.href}?ajax=true&${m}`),b.send()}};o.addEventListener("keyup",c=>{clearTimeout(i),c&&c.target instanceof HTMLElement&&c.target.closest("[data-search]")&&(i=setTimeout(function(){r()},500))}),o.addEventListener("change",c=>{clearTimeout(i),c&&c.target instanceof HTMLElement&&c.target.closest("[data-sort]")&&(o.hasAttribute("data-submit")||I(t,o,s),r()),c&&c.target instanceof HTMLElement&&c.target.closest("[data-search]")&&r(),c&&c.target instanceof HTMLElement&&c.target.closest("[data-filter][data-no-ajax]")?(M(t,o,n),x(n,e),q(t,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"))&&r(),c&&c.target instanceof HTMLElement&&c.target.closest("[data-show]")&&r(),c&&c.target instanceof HTMLElement&&c.target.closest("[data-mimic]")&&r()}),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")||I(t,o,s),r())}),o.addEventListener("submit",c=>{clearTimeout(i),o.hasAttribute("data-submit")||c.preventDefault(),r()}),o.addEventListener("force",c=>{r()}),o.addEventListener("paginate",c=>{r(!0)});let l=[],d=[];Array.from(o.querySelectorAll("[data-mimic]")).forEach((c,u)=>{let m=c.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${m}"]`)).forEach((b,p)=>{let h=b.closest("form");l.includes(h)||l.push(h),d.includes(m)||d.push(m)})}),l.forEach((c,u)=>{const m=function(){let b=[],p=new FormData(c);for(const[h,v]of p)document.querySelector(`[data-mimic="${h}"]`)&&!b.includes(h)?(b.push(h),document.querySelector(`[data-mimic="${h}"]`).value=v):document.querySelector(`[data-mimic="${h}"]`)&&(document.querySelector(`[data-mimic="${h}"]`).value+=","+v);for(const h of b){const v=new Event("force");o.dispatchEvent(v)}for(const h of d)if(!p.has(h)&&c.querySelector(`[name="${h}"]`)){document.querySelector(`[data-mimic="${h}"]`).value="";const v=new Event("force");o.dispatchEvent(v)}};c.addEventListener("force",b=>{m()}),c.addEventListener("change",b=>{m()})})},I=(t,o,e)=>{if(o.getAttribute("data-ajax"))return!1;let n=t.querySelector("tbody"),s=o.querySelector("[data-sort]"),i=s.querySelector(`option:nth-child(${s.selectedIndex+1})`),r=i.getAttribute("data-sort"),l=i.getAttribute("data-order"),d=i.getAttribute("data-format");if(!r)return n.innerHTML=e.innerHTML,F(t),!1;let c=[];["asc","desc","descending"].includes(l)||(c=l.split(","));let u=[];Array.from(n.querySelectorAll("tr")).forEach((b,p)=>{let h=b.querySelector('td[data-label="'+r+'"], th[data-label="'+r+'"]').textContent.trim();b.querySelector('[data-label="'+r+'"] .td__content')&&(h=b.querySelector('[data-label="'+r+'"] .td__content').textContent.trim()),c.length&&c.includes(h)&&(h=c.indexOf(h)),re(h)&&(h=ne(h,10)),d&&d=="date"&&(h=new Date(h));const v={index:h,row:b};u.push(v)}),u.sort((b,p)=>b.index>p.index?1:-1),(l=="descending"||l=="desc")&&(u=u.reverse());let m="";u.forEach((b,p)=>{m+=b.row.outerHTML}),n.innerHTML=m},M=(t,o,e)=>{t.classList.remove("table--filtered");let n=U(o),s=[],i=0,r=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(t.querySelectorAll("tbody tr")).forEach((c,u)=>{c.classList.remove("filtered"),c.classList.remove("filtered--matched"),c.classList.remove("filtered--show"),c.removeAttribute("data-filtered-by")}),o.querySelector("[data-search]")){let c=o.querySelector("[data-search]");o.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((u,m)=>{s.push({column:`${u.trim()}`,value:`${c.value}`})})}Array.from(o.querySelectorAll("[data-filter-count]")).forEach((c,u)=>{c.innerHTML="",c.parentNode.classList.remove("hover")});let d=0;Object.values(n).forEach((c,u)=>{typeof c=="object"&&Object.values(c).length?d+=Object.values(c).length:d++}),d&&Array.from(o.querySelectorAll("[data-filter-count]")).forEach((c,u)=>{c.innerHTML+=`(${d})`,c.parentNode.classList.add("hover")}),t.classList.add("table--filtered");for(const[c,u]of Object.entries(n))Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).forEach((m,b)=>{let p=!1;u.forEach((h,v)=>{let A=m.querySelector(`[data-label="${c}"]`);if(h&&h=="$today")h=B("date",new Date);else if(h&&h=="$yesterday"){let _=new Date;_.setDate(_.getDate()-1),h=B("date",_)}else if(h&&(h=="$thisWeek"||h=="$lastWeek")){let _=new Date,L=new Date(_.setDate(_.getDate()-(_.getDay()-1))),k=new Date(_.setDate(_.getDate()-_.getDay()+7)),y=new Date(A.textContent.toLowerCase());if(_.setHours(0,0,0,0),L.setHours(0,0,0,0),k.setHours(0,0,0,0),y.setHours(0,0,0,0),h=="$thisWeek")p=y>=L&&y<=k;else{let D=new Date(L.setDate(L.getDate()-7)),S=new Date(k.setDate(k.getDate()-7));D.setHours(0,0,0,0),S.setHours(0,0,0,0),p=y>=D&&y<=S}}else if(h&&h=="$thisMonth"){let _=new Date,L=_.getFullYear(),k=_.getMonth();var f=new Date(L,k,1),$=new Date(L,k+1,0);let y=new Date(A.textContent.toLowerCase());f.setHours(0,0,0,0),$.setHours(0,0,0,0),y.setHours(0,0,0,0),p=y>=f&&y<=$}else if(h&&h=="$lastMonth"){let _=new Date,L=_.getFullYear(),k=_.getMonth();var E=new Date(L,k-1,1),T=new Date(L,k,0);let y=new Date(A.textContent.toLowerCase());E.setHours(0,0,0,0),T.setHours(0,0,0,0),y.setHours(0,0,0,0),p=y>=E&&y<=T}A&&A.textContent.toLowerCase().includes(h.toLowerCase())&&(p=!0)}),p||(m.classList.add("filtered"),m.setAttribute("data-filtered-by",c))});Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).forEach((c,u)=>{let m=!(s.length>0&&s[0].value.length>=3);s.forEach((b,p)=>{let h=c.querySelector(`[data-label="${b.column}"]`);h&&b.value.length>=3&&h.textContent.toLowerCase().includes(b.value.toLowerCase())&&(m=!0)}),m||c.classList.add("filtered")}),Array.from(t.querySelectorAll("tbody tr:not(.filtered")).forEach((c,u)=>{i++,c.classList.add("filtered--matched"),Math.ceil(i/l)==parseInt(r)&&c.classList.add("filtered--show")}),e&&(e.setAttribute("data-page",r),e.setAttribute("data-pages",Math.ceil(i/l)),e.setAttribute("data-total",i),e.setAttribute("data-show",l))},q=(t,o,e)=>{Array.from(o.querySelectorAll("[data-query]")).forEach((n,s)=>{let i=n.getAttribute("data-query"),r;if(i=="total")e.hasAttribute("data-total")?r=e.getAttribute("data-total"):r=(t.classList.contains("table--filtered"),t.querySelectorAll("tbody tr").length);else if(!i.includes(" == ")&&i.includes(" & ")){let l=i.split(" & "),d="";l.forEach(c=>{d+=`:not([data-filtered-by="${c}"])`}),r=Array.from(t.querySelectorAll(`tbody tr${d}`)).length}else if(!i.includes(" == "))r=Array.from(t.querySelectorAll(`tbody tr:not([data-filtered-by="${i}"])`)).length;else if(i.includes(" && ")){let l=i.split(" && ");r=Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d){let c=!0;for(const[u,m]of Object.entries(l)){let b=m.split(" == ");(!d.querySelector(`td[data-label="${b[0]}"]`)||d.querySelector(`td[data-label="${b[0]}"]`).textContent!=`${b[1]}`)&&(c=!1)}return c}).length}else{let l=i.split(" == ");r=Array.from(t.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}n.hasAttribute("data-total")?n.setAttribute("data-total",r):n.innerHTML=r})},ue=function(t,o,e,n){e.addEventListener("click",s=>{if(s&&s.target instanceof HTMLElement&&s.target.closest("[data-page]")){s.preventDefault();let i=o.querySelector("[data-pagination]"),r=s.target.closest("[data-page]").getAttribute("data-page");if(i.value=r,n.setAttribute("data-page",r),o.dispatchEvent(new Event("paginate")),t.hasAttribute("data-show-history")){const c=new URL(location);c.searchParams.set("page",r),history.pushState({type:"pagination",form:o.getAttribute("id"),page:r},"",c)}const l=-250,d=t.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]"),r=s.target.closest("[data-show]").getAttribute("data-show");i.value=r,n.setAttribute("data-show",r),o.dispatchEvent(new Event("submit"))}})},he=(t,o)=>{if(!t)return!1;t.addEventListener("click",e=>{pe(o)})},pe=function(t){for(var o=[],e=t.getElementsByTagName("tr"),n=0;n<e.length;n++){for(var s=e[n].querySelectorAll("td,th"),i=[],r=0;r<s.length;r++)i.push(`"${s[r].textContent}"`);o.push(i.join(","))}o=o.join(`
|
|
12
|
-
`);let l=new Blob([o],{type:"text/csv"});var d=document.createElement("a");d.download="export.csv";var c=window.URL.createObjectURL(l);d.href=c,d.style.display="none",document.body.appendChild(d),d.click(),document.body.removeChild(d)},O=function(t,o,e,n){if(F(t),ce(t),q(t,o,n),n&&n.classList.contains("table--cta")){let
|
|
9
|
+
<span class="d-block pb-2">You've viewed ${s} of ${i} results</span>
|
|
10
|
+
<a href="?show=${parseInt(s)+parseInt(r)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(s)+parseInt(r)}">Load more results</a>
|
|
11
|
+
</div>`,!0};var se=function(t,o,e,n){function i(s){return s instanceof e?s:new e(function(r){r(s)})}return new(e||(e=Promise))(function(s,r){function l(u){try{c(n.next(u))}catch(m){r(m)}}function d(u){try{c(n.throw(u))}catch(m){r(m)}}function c(u){u.done?s(u.value):i(u.value).then(l,d)}c((n=n.apply(t,o||[])).next())})};const F=t=>{const o=Array.from(t.querySelectorAll("thead th"));Array.from(t.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((r,l)=>{const d=o[l];if(typeof d<"u"){let c=document.createElement("div");c.innerHTML=d.innerHTML;let u=c.textContent||c.innerText||"";r.setAttribute("data-label",u),d.hasAttribute("data-td-class")&&r.setAttribute("class",d.getAttribute("data-td-class")),d.hasAttribute("data-format")&&(r.setAttribute("data-format",d.getAttribute("data-format")),r.innerHTML=B(d.getAttribute("data-format"),r.textContent.trim())),s.includes(r.textContent.trim().toLowerCase())&&r.setAttribute("data-content",r.textContent.trim().toLowerCase())}})})},le=t=>{let o=0;return Array.from(t.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 r=s.offsetWidth/parseFloat(i.fontSize);r+=1.7,o=o>r?o:r}}),o},ce=t=>{if(t.closest(".table--fullwidth")||t.querySelectorAll("thead tr th").length<4)return!1;Array.from(t.querySelectorAll("tbody tr")).forEach((o,e)=>{let n=o.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=o.querySelector(":scope > :is(td,th):nth-child(2)"),r=s.textContent;s.innerHTML=`<span class="td__content">${r}</span><button type="button" class="d-none">${r}</button>`}})},de=t=>{t.addEventListener("click",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("tr > :is(td,th):first-child button")){let e=o.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=(t,o)=>{let e=o.querySelector("[data-search]");if(!e)return!1;const n=e.getAttribute("id"),i=e.getAttribute("data-search").split(",");let s=e.parentNode,r={};i.forEach((l,d)=>{Array.from(t.querySelectorAll('td[data-label="'+l.trim()+'"]')).forEach((c,u)=>{c.querySelector(".td__content")?r[c.querySelector(".td__content").textContent]=c.querySelector(".td__content").textContent:r[c.textContent]=c.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(r).map(l=>`<option value="${l}"></option>`).join("")}`},me=(t,o,e,n,i)=>{var s;let r=function(c,u=!1){if(o.classList.contains("processing"))return!1;if(c.type=="submit"&&(o.classList.add("processing"),Array.from(o.querySelectorAll("[data-duplicate]")).forEach((m,b)=>{const p=m.getAttribute("data-duplicate"),h=document.getElementById(p),y=document.querySelector(`[for="${p}"] iam-card`);if(h.checked!=m.checked)if(y){let A=new Event("click");y.dispatchEvent(A)}else h.checked=m.checked}),o.classList.remove("processing")),o.hasAttribute("data-ajax")){if(!u){let m=o.querySelector("[data-pagination]");m.value=1,n.setAttribute("data-page",1)}U(t,o,e,n)}else o.hasAttribute("data-submit")?o.submit():(M(t,o,n),x(n,e),q(t,o));if(o.hasAttribute("data-ajax-post")){let m=new FormData(o),b=new URLSearchParams(m).toString();const p=new XMLHttpRequest;p.open("GET",`${window.location.href}?ajax=true&${b}`),p.send()}};o.addEventListener("keyup",c=>{clearTimeout(s),c&&c.target instanceof HTMLElement&&c.target.closest("[data-search]")&&(s=setTimeout(function(){r(c)},500))}),o.addEventListener("change",c=>{clearTimeout(s),c&&c.target instanceof HTMLElement&&c.target.closest("[data-sort]")&&(o.hasAttribute("data-submit")||I(t,o,i),r(c)),c&&c.target instanceof HTMLElement&&c.target.closest("[data-search]")&&r(c),c&&c.target instanceof HTMLElement&&c.target.closest("[data-filter][data-no-ajax]")?(M(t,o,n),x(n,e),q(t,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"))&&r(c),c&&c.target instanceof HTMLElement&&c.target.closest("[data-show]")&&r(c),c&&c.target instanceof HTMLElement&&c.target.closest("[data-mimic]")&&r(c)}),o.addEventListener("click",c=>{if(clearTimeout(s),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.classList.add("processing"),Array.from(o.querySelectorAll(".applied-filters")).forEach((m,b)=>{m.innerHTML=""});let u=o.elements;for(let m=0;m<u.length;m++)switch(u[m].type.toLowerCase()?u[m].type.toLowerCase():"text"){case"text":case"password":case"textarea":u[m].value="";break;case"radio":case"checkbox":u[m].checked&&(u[m].checked=!1);break;case"select-one":case"select-multi":u[m].selectedIndex=-1;break}Array.from(o.querySelectorAll("label iam-card")).forEach((m,b)=>{let p=new Event("click");m.dispatchEvent(p)}),o.classList.remove("processing"),o.hasAttribute("data-submit")||I(t,o,i),r(c)}}),o.addEventListener("submit",c=>{clearTimeout(s),o.hasAttribute("data-submit")||c.preventDefault(),r(c)}),o.addEventListener("force",c=>{r(c)}),o.addEventListener("paginate",c=>{r(c,!0)});let l=[],d=[];Array.from(o.querySelectorAll("[data-mimic]")).forEach((c,u)=>{let m=c.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${m}"]`)).forEach((b,p)=>{let h=b.closest("form");l.includes(h)||l.push(h),d.includes(m)||d.push(m)})}),l.forEach((c,u)=>{const m=function(){let b=[],p=new FormData(c);for(const[h,y]of p)document.querySelector(`[data-mimic="${h}"]`)&&!b.includes(h)?(b.push(h),document.querySelector(`[data-mimic="${h}"]`).value=y):document.querySelector(`[data-mimic="${h}"]`)&&(document.querySelector(`[data-mimic="${h}"]`).value+=","+y);for(const h of b){const y=new Event("force");o.dispatchEvent(y)}for(const h of d)if(!p.has(h)&&c.querySelector(`[name="${h}"]`)){document.querySelector(`[data-mimic="${h}"]`).value="";const y=new Event("force");o.dispatchEvent(y)}};c.addEventListener("force",b=>{m()}),c.addEventListener("change",b=>{m()})})},I=(t,o,e)=>{if(o.getAttribute("data-ajax"))return!1;let n=t.querySelector("tbody"),i=o.querySelector("[data-sort]"),s=i.querySelector(`option:nth-child(${i.selectedIndex+1})`),r=s.getAttribute("data-sort"),l=s.getAttribute("data-order"),d=s.getAttribute("data-format");if(!r)return n.innerHTML=e.innerHTML,F(t),!1;let c=[];["asc","desc","descending"].includes(l)||(c=l.split(","));let u=[];Array.from(n.querySelectorAll("tr")).forEach((b,p)=>{let h=b.querySelector('td[data-label="'+r+'"], th[data-label="'+r+'"]').textContent.trim();b.querySelector('[data-label="'+r+'"] .td__content')&&(h=b.querySelector('[data-label="'+r+'"] .td__content').textContent.trim()),c.length&&c.includes(h)&&(h=c.indexOf(h)),re(h)&&(h=ne(h,10)),d&&d=="date"&&(h=new Date(h));const y={index:h,row:b};u.push(y)}),u.sort((b,p)=>b.index>p.index?1:-1),(l=="descending"||l=="desc")&&(u=u.reverse());let m="";u.forEach((b,p)=>{m+=b.row.outerHTML}),n.innerHTML=m},M=(t,o,e)=>{t.classList.remove("table--filtered");let n=W(o),i=[],s=0,r=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(t.querySelectorAll("tbody tr")).forEach((c,u)=>{c.classList.remove("filtered"),c.classList.remove("filtered--matched"),c.classList.remove("filtered--show"),c.removeAttribute("data-filtered-by")}),o.querySelector("[data-search]")){let c=o.querySelector("[data-search]");o.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((u,m)=>{i.push({column:`${u.trim()}`,value:`${c.value}`})})}Array.from(o.querySelectorAll("[data-filter-count]")).forEach((c,u)=>{c.innerHTML="",c.parentNode.classList.remove("hover")});let d=0;Object.values(n).forEach((c,u)=>{typeof c=="object"&&Object.values(c).length?d+=Object.values(c).length:d++}),d&&Array.from(o.querySelectorAll("[data-filter-count]")).forEach((c,u)=>{c.innerHTML+=`(${d})`,c.parentNode.classList.add("hover")}),t.classList.add("table--filtered");for(const[c,u]of Object.entries(n))Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).forEach((m,b)=>{let p=!1;u.forEach((h,y)=>{let A=m.querySelector(`[data-label="${c}"]`);if(h&&h=="$today")h=B("date",new Date);else if(h&&h=="$yesterday"){let _=new Date;_.setDate(_.getDate()-1),h=B("date",_)}else if(h&&(h=="$thisWeek"||h=="$lastWeek")){let _=new Date,L=new Date(_.setDate(_.getDate()-(_.getDay()-1))),k=new Date(_.setDate(_.getDate()-_.getDay()+7)),w=new Date(A.textContent.toLowerCase());if(_.setHours(0,0,0,0),L.setHours(0,0,0,0),k.setHours(0,0,0,0),w.setHours(0,0,0,0),h=="$thisWeek")p=w>=L&&w<=k;else{let D=new Date(L.setDate(L.getDate()-7)),S=new Date(k.setDate(k.getDate()-7));D.setHours(0,0,0,0),S.setHours(0,0,0,0),p=w>=D&&w<=S}}else if(h&&h=="$thisMonth"){let _=new Date,L=_.getFullYear(),k=_.getMonth();var f=new Date(L,k,1),$=new Date(L,k+1,0);let w=new Date(A.textContent.toLowerCase());f.setHours(0,0,0,0),$.setHours(0,0,0,0),w.setHours(0,0,0,0),p=w>=f&&w<=$}else if(h&&h=="$lastMonth"){let _=new Date,L=_.getFullYear(),k=_.getMonth();var E=new Date(L,k-1,1),T=new Date(L,k,0);let w=new Date(A.textContent.toLowerCase());E.setHours(0,0,0,0),T.setHours(0,0,0,0),w.setHours(0,0,0,0),p=w>=E&&w<=T}A&&A.textContent.toLowerCase().includes(h.toLowerCase())&&(p=!0)}),p||(m.classList.add("filtered"),m.setAttribute("data-filtered-by",c))});Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).forEach((c,u)=>{let m=!(i.length>0&&i[0].value.length>=3);i.forEach((b,p)=>{let h=c.querySelector(`[data-label="${b.column}"]`);h&&b.value.length>=3&&h.textContent.toLowerCase().includes(b.value.toLowerCase())&&(m=!0)}),m||c.classList.add("filtered")}),Array.from(t.querySelectorAll("tbody tr:not(.filtered")).forEach((c,u)=>{s++,c.classList.add("filtered--matched"),Math.ceil(s/l)==parseInt(r)&&c.classList.add("filtered--show")}),e&&(e.setAttribute("data-page",r),e.setAttribute("data-pages",Math.ceil(s/l)),e.setAttribute("data-total",s),e.setAttribute("data-show",l))},q=(t,o,e)=>{Array.from(o.querySelectorAll("[data-query]")).forEach((n,i)=>{let s=n.getAttribute("data-query"),r;if(s=="total")e.hasAttribute("data-total")?r=e.getAttribute("data-total"):r=(t.classList.contains("table--filtered"),t.querySelectorAll("tbody tr").length);else if(!s.includes(" == ")&&s.includes(" & ")){let l=s.split(" & "),d="";l.forEach(c=>{d+=`:not([data-filtered-by="${c}"])`}),r=Array.from(t.querySelectorAll(`tbody tr${d}`)).length}else if(!s.includes(" == "))r=Array.from(t.querySelectorAll(`tbody tr:not([data-filtered-by="${s}"])`)).length;else if(s.includes(" && ")){let l=s.split(" && ");r=Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d){let c=!0;for(const[u,m]of Object.entries(l)){let b=m.split(" == ");(!d.querySelector(`td[data-label="${b[0]}"]`)||d.querySelector(`td[data-label="${b[0]}"]`).textContent!=`${b[1]}`)&&(c=!1)}return c}).length}else{let l=s.split(" == ");r=Array.from(t.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}n.hasAttribute("data-total")?n.setAttribute("data-total",r):n.innerHTML=r})},ue=function(t,o,e,n){e.addEventListener("click",i=>{if(i&&i.target instanceof HTMLElement&&i.target.closest("[data-page]")){i.preventDefault();let s=o.querySelector("[data-pagination]"),r=i.target.closest("[data-page]").getAttribute("data-page");if(s.value=r,n.setAttribute("data-page",r),o.dispatchEvent(new Event("paginate")),t.hasAttribute("data-show-history")){const c=new URL(location);c.searchParams.set("page",r),history.pushState({type:"pagination",form:o.getAttribute("id"),page:r},"",c)}const l=-250,d=t.getBoundingClientRect().top+window.pageYOffset+l;window.scrollTo({top:d,behavior:"smooth"})}if(i&&i.target instanceof HTMLElement&&i.target.closest("[data-show]")){i.preventDefault();let s=o.querySelector("[data-show]"),r=i.target.closest("[data-show]").getAttribute("data-show");s.value=r,n.setAttribute("data-show",r),o.dispatchEvent(new Event("submit"))}})},he=(t,o)=>{if(!t)return!1;t.addEventListener("click",e=>{pe(o)})},pe=function(t){for(var o=[],e=t.getElementsByTagName("tr"),n=0;n<e.length;n++){for(var i=e[n].querySelectorAll("td,th"),s=[],r=0;r<i.length;r++)s.push(`"${i[r].textContent}"`);o.push(s.join(","))}o=o.join(`
|
|
12
|
+
`);let l=new Blob([o],{type:"text/csv"});var d=document.createElement("a");d.download="export.csv";var c=window.URL.createObjectURL(l);d.href=c,d.style.display="none",document.body.appendChild(d),d.click(),document.body.removeChild(d)},O=function(t,o,e,n){if(F(t),ce(t),q(t,o,n),n&&n.classList.contains("table--cta")){let i=function(){Array.from(t.querySelectorAll("tr")).forEach((r,l)=>{let d=r.offsetHeight;r.style.setProperty("--row-height",`${d}px`)})};const s=le(t);n.style.setProperty("--cta-width",`${s}rem`),new ResizeObserver(i).observe(t)}},W=function(t){let o=new Object;return Array.from(t.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");o[i]||(o[i]=new Array),o[i].push(e.value)}}),o},U=function(t,o,e,n){return se(this,void 0,void 0,function*(){const i=(p,h,y)=>h.split(/[\.\[\]\'\"]/).filter(A=>A).reduce((A,f)=>A?A[f]:y,p);let s=new FormData(o),r=new URLSearchParams(s).toString(),l=t.querySelectorAll("thead tr th"),d=t.querySelector("tbody"),c=o.getAttribute("data-ajax");n.classList.add("table--loading");let u=W(o);Array.from(o.querySelectorAll("[data-filter-count]")).forEach((p,h)=>{p.innerHTML="",p.parentNode.classList.remove("hover")});let m=0;Object.values(u).forEach((p,h)=>{typeof p=="object"&&Object.values(p).length?m+=Object.values(p).length:m++}),m&&Array.from(o.querySelectorAll("[data-filter-count]")).forEach((p,h)=>{p.innerHTML+=`(${m})`,p.parentNode.classList.add("hover")}),window.controller||(window.controller=[]),window.controller[c]&&window.controller[c].abort(),window.controller[c]=new AbortController;const{signal:b}=controller[c];try{yield fetch(c+"?"+r,{signal:b,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"})}).then(p=>p.json()).then(p=>{let h=o.hasAttribute("data-schema")?o.getAttribute("data-schema"):"data",y=o.hasAttribute("data-schema-total")?o.getAttribute("data-schema-total"):"meta.total",A=o.hasAttribute("data-schema-page")?o.getAttribute("data-schema-page"):"meta.current_page",f=i(p,y,1),$=i(p,A,1),E=i(p,h),T=n.hasAttribute("data-empty-msg")?n.getAttribute("data-empty-msg"):"No results found";E?(d.innerHTML="",E.forEach((_,L)=>{var k=document.createElement("tr");l.forEach((w,D)=>{let S="";var R=document.createElement("td");if(R.setAttribute("data-label",w.innerText),w.getAttribute("data-output")){var z=w.getAttribute("data-output");S=z.replace(new RegExp(/{(.*?)}/,"gm"),function(er){return i(_,er.replace("{","").replace("}",""))})}if(w.hasAttribute("data-output-array")){var z=w.getAttribute("data-output");let tr=i(_,z.replace("{","").replace("}",""));S="",tr.forEach((Q,ur)=>{let ar=w.getAttribute("data-output-array"),C="";if(w.hasAttribute("data-output-array-property")&&w.hasAttribute("data-output-array-transform")){const P=i(Q,w.getAttribute("data-output-array-property")),or=JSON.parse(w.getAttribute("data-output-array-transform"))[P];C=ar.replace(`{${w.getAttribute("data-output-array-property")}}`,or)}C=C.replace(new RegExp(/{(.*?)}/,"gm"),function(P){return i(Q,P.replace("{","").replace("}",""))}),S+=C})}w.hasAttribute("data-transform")&&(S=JSON.parse(w.getAttribute("data-transform"))[S],!S&&w.hasAttribute("data-default")&&(S=w.getAttribute("data-default"))),R.innerHTML=S,k.appendChild(R)}),d.appendChild(k)}),j(t,o),n.setAttribute("data-total",parseInt(f)),n.setAttribute("data-page",parseInt($)),n.setAttribute("data-pages",Math.ceil(n.getAttribute("data-total")/n.getAttribute("data-show"))),O(t,o,e,n),x(n,e),Array.from(o.querySelectorAll("[data-ajax-query]")).forEach((_,L)=>{let k=i(p,_.getAttribute("data-ajax-query"),"");_.hasAttribute("data-total")?_.setAttribute("data-total",k):_.innerHTML=k}),parseInt(f)==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:c,formData:r})):d.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>'})}catch(p){console.log(p)}})},B=(t,o)=>{switch(t){case"datetime":return new Date(o).toLocaleDateString("en-gb",{weekday:"short",year:"2-digit",month:"long",day:"numeric"})+" "+new Date(o).toLocaleTimeString("en-gb",{hour:"2-digit",minute:"2-digit"});case"date":return new Date(o).toLocaleDateString("en-gb",{year:"2-digit",month:"long",day:"numeric"});case"capitalise":return o=ie(o)}};class be extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
13
13
|
<style>
|
|
14
14
|
@import "${e}";
|
|
15
15
|
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
</div>
|
|
33
33
|
</div>
|
|
34
34
|
<div class="table__pagination"></div>
|
|
35
|
-
`,this.shadowRoot.appendChild(n.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 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" />`),de(this.table),me(this.table,this.form,this.pagination,this,this.savedTableBody),ue(this.table,this.form,this.pagination,this),he(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),M(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((s,i)=>{s.insertAdjacentHTML("afterbegin","<th></th>")}),Array.from(this.table.querySelectorAll("tbody tr")).forEach((s,i)=>{s.insertAdjacentHTML("afterbegin",`<td class="selectrow"><input type="checkbox" name="row" id="row${i}"/><label for="row${i}"><span class="visually-hidden">Select row</span></label></td>`)}),this.table.addEventListener("change",s=>{if(s&&s.target instanceof HTMLElement&&s.target.closest(".selectrow input")){let i=this.table.querySelectorAll('.selectrow input[type="checkbox"]').length,r=this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;n.setAttribute("data-selected",i==r?"all":r),console.log(r)}}),n.addEventListener("selected",s=>{console.log(s.detail.selected),s.detail.selected=="0"?Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((i,r)=>{i.checked=!1}):s.detail.selected=="all"&&Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((i,r)=>{i.checked=!0})})}}static get observedAttributes(){return["data-total","data-pages","data-page","data-show"]}attributeChangedCallback(o,e,n){}}const fe=t=>t.charAt(0).toUpperCase()+t.slice(1),ge=t=>t.replace(/_/g," "),ye=t=>t.replace(/ /g,"_"),we=function(t){return t=t.toLowerCase(),t=ye(t),t=t.replace(/\W/g,""),t},ve={name:"Table",props:{items:{type:Array,required:!1},fields:{type:Array,required:!1}},computed:{cellHeading(){return t=>`${fe(ge(t))}`}},created(){this.$nextTick(function(){window.customElements.get("iam-table")||window.customElements.define("iam-table",be)})},updated(){}},_e={key:0},Ae={key:0},ke=["data-row-id"],Le=["innerHTML"];function Se(t,o,e,n,s,i){return a.openBlock(),a.createElementBlock("iam-table",null,[e.fields?(a.openBlock(),a.createElementBlock("table",_e,[a.createElementVNode("thead",null,[a.createElementVNode("tr",null,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.fields,r=>(a.openBlock(),a.createElementBlock("th",{key:r.key},a.toDisplayString(i.cellHeading(r.key)),1))),128))])]),e.items?(a.openBlock(),a.createElementBlock("tbody",Ae,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.items,(r,l)=>(a.openBlock(),a.createElementBlock("tr",{key:l,"data-row-id":r.rowid},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(Object.fromEntries(Object.entries(r).filter(([d])=>d!=="rowid")),(d,c)=>(a.openBlock(),a.createElementBlock("td",{key:c,innerHTML:d},null,8,Le))),128))],8,ke))),128))])):a.createCommentVNode("",!0)])):a.renderSlot(t.$slots,"default",{key:1})])}const H=w(ve,[["render",Se]]),Ee={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(t){this.$emit("input",t)}}},mounted(){this.$nextTick(function(){let t=this.$refs.wrapper;if(t.parentNode&&t.parentNode.classList.contains("form-check")||t.classList.length==0){const o=document.createDocumentFragment();Array.from(t.childNodes).forEach(e=>o.appendChild(e)),t.parentNode.insertBefore(o,t),t.parentNode.removeChild(t)}})},methods:{inputKeyup(t){this.$emit("keyupEvent",t)},clickEvent(){this.$emit("bus")}}},xe=["for","innerHTML","title"],qe=["innerHTML"],$e=["innerHTML"],Te=["type","name","id","pattern","list"],Ce=["type","name","id","pattern"],Me={key:5,class:"input-group"},Be=["type","name","id","pattern","list"],He={class:"input-group-text border-0 col-2 col-sm-1 px-0"},Ne={key:6,class:"input-group"},Ve=["type","name","id","pattern","list"],De={class:"input-group-text flex-fill"},Re=["type","name","id","pattern"],ze=["value"],Pe=["type","name","id"],Fe=["for","innerHTML"],je=["type","name","id"],Ie=["for","innerHTML"],Oe=["innerHTML"],Ue=["id"],We=["value"];function Ye(t,o,e,n,s,i){return a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(i.wrapperClass()),ref:"wrapper"},[i.needsLabel()?(a.openBlock(),a.createElementBlock("label",{key:0,class:a.normalizeClass(`form-label${e.labelclass?` ${e.labelclass}`:""}`),for:e.id,innerHTML:i.displayLabel(),title:e.title},null,10,xe)):a.createCommentVNode("",!0),e.prefix?(a.openBlock(),a.createElementBlock("span",{key:1,class:a.normalizeClass(`prefix ${this.prefixClass} ${e.size?`prefix-${e.size}`:""}`),innerHTML:e.prefix,role:"presentation"},null,10,qe)):a.createCommentVNode("",!0),e.suffix?(a.openBlock(),a.createElementBlock("span",{key:2,class:a.normalizeClass(`suffix ${this.suffixClass} ${e.size?`suffix-${e.size}`:""}`),innerHTML:e.suffix,role:"presentation"},null,10,$e)):a.createCommentVNode("",!0),i.isInput()?a.withDirectives((a.openBlock(),a.createElementBlock("input",a.mergeProps({key:3,"onUpdate:modelValue":o[0]||(o[0]=r=>i.inputVal=r),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:i.needPattern(),list:i.hasOptions()},t.$attrs,{onKeyup:o[1]||(o[1]=(...r)=>i.inputKeyup&&i.inputKeyup(...r))}),null,16,Te)),[[a.vModelDynamic,i.inputVal]]):a.createCommentVNode("",!0),e.type=="textarea"?a.withDirectives((a.openBlock(),a.createElementBlock("textarea",a.mergeProps({key:4,"onUpdate:modelValue":o[2]||(o[2]=r=>i.inputVal=r),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:i.needPattern()},t.$attrs),null,16,Ce)),[[a.vModelText,i.inputVal]]):a.createCommentVNode("",!0),e.type=="range"?(a.openBlock(),a.createElementBlock("div",Me,[a.withDirectives(a.createElementVNode("input",a.mergeProps({"onUpdate:modelValue":o[3]||(o[3]=r=>i.inputVal=r),class:`form-range${e.inputclass?` ${e.inputclass}`:""}`,type:e.type,name:e.name?e.name:e.id,id:e.id,pattern:i.needPattern(),list:i.hasOptions()},t.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Be),[[a.vModelDynamic,i.inputVal]]),a.createElementVNode("output",He,a.toDisplayString(e.value),1)])):a.createCommentVNode("",!0),e.type=="color"?(a.openBlock(),a.createElementBlock("div",Ne,[a.withDirectives(a.createElementVNode("input",a.mergeProps({"onUpdate:modelValue":o[4]||(o[4]=r=>i.inputVal=r),class:`form-control form-control-color${e.inputclass?` ${e.inputclass}`:""}`,type:e.type,name:e.name?e.name:e.id,id:e.id,pattern:i.needPattern(),list:i.hasOptions()},t.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Ve),[[a.vModelDynamic,i.inputVal]]),a.createElementVNode("output",De,a.toDisplayString(e.value?t.vale:"#000000"),1)])):a.createCommentVNode("",!0),e.type=="select"?a.withDirectives((a.openBlock(),a.createElementBlock("select",a.mergeProps({key:7,"onUpdate:modelValue":o[5]||(o[5]=r=>i.inputVal=r),class:`form-select${e.size?` form-select-${e.size}`:""}${e.inputclass?` ${e.inputclass}`:""}`,type:e.type,name:e.id,id:e.id,pattern:i.needPattern()},t.$attrs),[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.options,(r,l)=>(a.openBlock(),a.createElementBlock("option",{key:l,value:r.value},a.toDisplayString(r.display?r.display:r.value),9,ze))),128))],16,Re)),[[a.vModelSelect,i.inputVal]]):a.createCommentVNode("",!0),e.type=="checkbox"||e.type=="radio"?(a.openBlock(),a.createElementBlock("input",a.mergeProps({key:8,class:"form-check-input",type:e.type,name:e.name?e.name:e.id,id:e.id},t.$attrs),null,16,Pe)):a.createCommentVNode("",!0),e.type=="checkbox"||e.type=="radio"?(a.openBlock(),a.createElementBlock("label",{key:9,class:a.normalizeClass(`form-label form-check-label${e.labelclass?` ${e.labelclass}`:""}`),for:e.id,innerHTML:e.label},null,10,Fe)):a.createCommentVNode("",!0),e.type=="checkbox-btn"||e.type=="radio-btn"?(a.openBlock(),a.createElementBlock("input",a.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},t.$attrs),null,16,je)):a.createCommentVNode("",!0),e.type=="checkbox-btn"||e.type=="radio-btn"?(a.openBlock(),a.createElementBlock("label",{key:11,class:a.normalizeClass(`btn${e.labelclass?` ${e.labelclass}`:""}`),for:e.id,innerHTML:e.label,onClick:o[6]||(o[6]=(...r)=>i.clickEvent&&i.clickEvent(...r))},null,10,Ie)):a.createCommentVNode("",!0),a.renderSlot(t.$slots,"default"),e.errormsg?(a.openBlock(),a.createElementBlock("span",{key:12,class:"invalid-feedback mb-0",innerHTML:e.errormsg},null,8,Oe)):a.createCommentVNode("",!0),i.allowDatalist()?(a.openBlock(),a.createElementBlock("datalist",{key:13,id:e.id+"-list"},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.options,(r,l)=>(a.openBlock(),a.createElementBlock("option",{key:l,value:r.value},a.toDisplayString(r.value),9,We))),128))],8,Ue)):a.createCommentVNode("",!0)],2)}const N=w(Ee,[["render",Ye]]);function Ge(t,o){const e=o.querySelector(".files"),n=o.querySelector(".drop-area"),s=t.querySelector("input"),i=t.hasAttribute("data-maxsize")?t.getAttribute("data-maxsize"):0,r=s.cloneNode();n.append(r),o.addEventListener("click",l=>{l&&l.target instanceof HTMLElement&&l.target.closest(".btn-primary")&&(l.target.closest(".btn-primary"),(s.hasAttribute("multiple")?r: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 b=0;b<c.length;b++){const p=c[b];p.name!=u.getAttribute("data-file")&&d.items.add(p)}s.files=d.files;const m=new Event("change");s.dispatchEvent(m)}}),r.addEventListener("change",l=>{if(s.hasAttribute("multiple")){const c=[...s.files,...r.files];let u=[];const m=new DataTransfer;for(let b=0;b<c.length;b++){const p=c[b],h=p.size/1e3;!u.includes(p.name)&&(i==0||h<i)&&m.items.add(p),u.push(p.name)}s.files=m.files}else s.files=r.files;const d=new Event("change");s.dispatchEvent(d)}),r.addEventListener("dragenter",l=>{r.classList.add("focus")}),r.addEventListener("dragleave",l=>{r.classList.remove("focus")}),r.addEventListener("drop",l=>{r.classList.remove("focus")}),s.addEventListener("change",l=>{e.innerHTML="";for(const d of s.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 Ke extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`,n=`@import "${o}/css/components/fileupload.css";`,s=document.createElement("template");s.innerHTML=`
|
|
35
|
+
`,this.shadowRoot.appendChild(n.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 e=this.classList.toString();if(e=e.replace("table--cta",""),e=e.replace("table--loading",""),this.shadowRoot.querySelector(".table__wrapper").className+=` ${e}`,this.querySelector(".actionbar__sticky")&&this.shadowRoot.querySelector(".table__wrapper").classList.add("has-actionbar"),this.table=this.querySelector("table"),this.savedTableBody=this.table.querySelector("tbody").cloneNode(!0),this.pagination=this.shadowRoot.querySelector(".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" />`),de(this.table),me(this.table,this.form,this.pagination,this,this.savedTableBody),ue(this.table,this.form,this.pagination,this),he(this.shadowRoot.querySelector("[data-export]"),this.table),this.form.getAttribute("data-ajax")?U(this.table,this.form,this.pagination,this):(O(this.table,this.form,this.pagination,this),M(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,r=this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;n.setAttribute("data-selected",s==r?"all":r),console.log(r)}}),n.addEventListener("selected",i=>{console.log(i.detail.selected),i.detail.selected=="0"?Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((s,r)=>{s.checked=!1}):i.detail.selected=="all"&&Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((s,r)=>{s.checked=!0})})}}static get observedAttributes(){return["data-total","data-pages","data-page","data-show"]}attributeChangedCallback(o,e,n){}}const fe=t=>t.charAt(0).toUpperCase()+t.slice(1),ge=t=>t.replace(/_/g," "),ye=t=>t.replace(/ /g,"_"),we=function(t){return t=t.toLowerCase(),t=ye(t),t=t.replace(/\W/g,""),t},ve={name:"Table",props:{items:{type:Array,required:!1},fields:{type:Array,required:!1}},computed:{cellHeading(){return t=>`${fe(ge(t))}`}},created(){this.$nextTick(function(){window.customElements.get("iam-table")||window.customElements.define("iam-table",be)})},updated(){}},_e={key:0},Ae={key:0},ke=["data-row-id"],Le=["innerHTML"];function Se(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("iam-table",null,[e.fields?(a.openBlock(),a.createElementBlock("table",_e,[a.createElementVNode("thead",null,[a.createElementVNode("tr",null,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.fields,r=>(a.openBlock(),a.createElementBlock("th",{key:r.key},a.toDisplayString(s.cellHeading(r.key)),1))),128))])]),e.items?(a.openBlock(),a.createElementBlock("tbody",Ae,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.items,(r,l)=>(a.openBlock(),a.createElementBlock("tr",{key:l,"data-row-id":r.rowid},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(Object.fromEntries(Object.entries(r).filter(([d])=>d!=="rowid")),(d,c)=>(a.openBlock(),a.createElementBlock("td",{key:c,innerHTML:d},null,8,Le))),128))],8,ke))),128))])):a.createCommentVNode("",!0)])):a.renderSlot(t.$slots,"default",{key:1})])}const H=v(ve,[["render",Se]]),Ee={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(t){this.$emit("input",t)}}},mounted(){this.$nextTick(function(){let t=this.$refs.wrapper;if(t.parentNode&&t.parentNode.classList.contains("form-check")||t.classList.length==0){const o=document.createDocumentFragment();Array.from(t.childNodes).forEach(e=>o.appendChild(e)),t.parentNode.insertBefore(o,t),t.parentNode.removeChild(t)}})},methods:{inputKeyup(t){this.$emit("keyupEvent",t)},clickEvent(){this.$emit("bus")}}},xe=["for","innerHTML","title"],qe=["innerHTML"],$e=["innerHTML"],Te=["type","name","id","pattern","list"],Ce=["type","name","id","pattern"],Me={key:5,class:"input-group"},Be=["type","name","id","pattern","list"],He={class:"input-group-text border-0 col-2 col-sm-1 px-0"},Ne={key:6,class:"input-group"},Ve=["type","name","id","pattern","list"],De={class:"input-group-text flex-fill"},Re=["type","name","id","pattern"],ze=["value"],Pe=["type","name","id"],Fe=["for","innerHTML"],je=["type","name","id"],Ie=["for","innerHTML"],Oe=["innerHTML"],We=["id"],Ue=["value"];function Ye(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(s.wrapperClass()),ref:"wrapper"},[s.needsLabel()?(a.openBlock(),a.createElementBlock("label",{key:0,class:a.normalizeClass(`form-label${e.labelclass?` ${e.labelclass}`:""}`),for:e.id,innerHTML:s.displayLabel(),title:e.title},null,10,xe)):a.createCommentVNode("",!0),e.prefix?(a.openBlock(),a.createElementBlock("span",{key:1,class:a.normalizeClass(`prefix ${this.prefixClass} ${e.size?`prefix-${e.size}`:""}`),innerHTML:e.prefix,role:"presentation"},null,10,qe)):a.createCommentVNode("",!0),e.suffix?(a.openBlock(),a.createElementBlock("span",{key:2,class:a.normalizeClass(`suffix ${this.suffixClass} ${e.size?`suffix-${e.size}`:""}`),innerHTML:e.suffix,role:"presentation"},null,10,$e)):a.createCommentVNode("",!0),s.isInput()?a.withDirectives((a.openBlock(),a.createElementBlock("input",a.mergeProps({key:3,"onUpdate:modelValue":o[0]||(o[0]=r=>s.inputVal=r),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()},t.$attrs,{onKeyup:o[1]||(o[1]=(...r)=>s.inputKeyup&&s.inputKeyup(...r))}),null,16,Te)),[[a.vModelDynamic,s.inputVal]]):a.createCommentVNode("",!0),e.type=="textarea"?a.withDirectives((a.openBlock(),a.createElementBlock("textarea",a.mergeProps({key:4,"onUpdate:modelValue":o[2]||(o[2]=r=>s.inputVal=r),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()},t.$attrs),null,16,Ce)),[[a.vModelText,s.inputVal]]):a.createCommentVNode("",!0),e.type=="range"?(a.openBlock(),a.createElementBlock("div",Me,[a.withDirectives(a.createElementVNode("input",a.mergeProps({"onUpdate:modelValue":o[3]||(o[3]=r=>s.inputVal=r),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()},t.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Be),[[a.vModelDynamic,s.inputVal]]),a.createElementVNode("output",He,a.toDisplayString(e.value),1)])):a.createCommentVNode("",!0),e.type=="color"?(a.openBlock(),a.createElementBlock("div",Ne,[a.withDirectives(a.createElementVNode("input",a.mergeProps({"onUpdate:modelValue":o[4]||(o[4]=r=>s.inputVal=r),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()},t.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Ve),[[a.vModelDynamic,s.inputVal]]),a.createElementVNode("output",De,a.toDisplayString(e.value?t.vale:"#000000"),1)])):a.createCommentVNode("",!0),e.type=="select"?a.withDirectives((a.openBlock(),a.createElementBlock("select",a.mergeProps({key:7,"onUpdate:modelValue":o[5]||(o[5]=r=>s.inputVal=r),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()},t.$attrs),[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.options,(r,l)=>(a.openBlock(),a.createElementBlock("option",{key:l,value:r.value},a.toDisplayString(r.display?r.display:r.value),9,ze))),128))],16,Re)),[[a.vModelSelect,s.inputVal]]):a.createCommentVNode("",!0),e.type=="checkbox"||e.type=="radio"?(a.openBlock(),a.createElementBlock("input",a.mergeProps({key:8,class:"form-check-input",type:e.type,name:e.name?e.name:e.id,id:e.id},t.$attrs),null,16,Pe)):a.createCommentVNode("",!0),e.type=="checkbox"||e.type=="radio"?(a.openBlock(),a.createElementBlock("label",{key:9,class:a.normalizeClass(`form-label form-check-label${e.labelclass?` ${e.labelclass}`:""}`),for:e.id,innerHTML:e.label},null,10,Fe)):a.createCommentVNode("",!0),e.type=="checkbox-btn"||e.type=="radio-btn"?(a.openBlock(),a.createElementBlock("input",a.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},t.$attrs),null,16,je)):a.createCommentVNode("",!0),e.type=="checkbox-btn"||e.type=="radio-btn"?(a.openBlock(),a.createElementBlock("label",{key:11,class:a.normalizeClass(`btn${e.labelclass?` ${e.labelclass}`:""}`),for:e.id,innerHTML:e.label,onClick:o[6]||(o[6]=(...r)=>s.clickEvent&&s.clickEvent(...r))},null,10,Ie)):a.createCommentVNode("",!0),a.renderSlot(t.$slots,"default"),e.errormsg?(a.openBlock(),a.createElementBlock("span",{key:12,class:"invalid-feedback mb-0",innerHTML:e.errormsg},null,8,Oe)):a.createCommentVNode("",!0),s.allowDatalist()?(a.openBlock(),a.createElementBlock("datalist",{key:13,id:e.id+"-list"},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.options,(r,l)=>(a.openBlock(),a.createElementBlock("option",{key:l,value:r.value},a.toDisplayString(r.value),9,Ue))),128))],8,We)):a.createCommentVNode("",!0)],2)}const N=v(Ee,[["render",Ye]]);function Ge(t,o){const e=o.querySelector(".files"),n=o.querySelector(".drop-area"),i=t.querySelector("input"),s=t.hasAttribute("data-maxsize")?t.getAttribute("data-maxsize"):0,r=i.cloneNode();n.append(r),o.addEventListener("click",l=>{l&&l.target instanceof HTMLElement&&l.target.closest(".btn-primary")&&(l.target.closest(".btn-primary"),(i.hasAttribute("multiple")?r:i).click())}),o.addEventListener("click",l=>{if(l&&l.target instanceof HTMLElement&&l.target.closest(".files button")){const d=new DataTransfer,{files:c}=i,u=l.target.closest(".files button");for(let b=0;b<c.length;b++){const p=c[b];p.name!=u.getAttribute("data-file")&&d.items.add(p)}i.files=d.files;const m=new Event("change");i.dispatchEvent(m)}}),r.addEventListener("change",l=>{if(i.hasAttribute("multiple")){const c=[...i.files,...r.files];let u=[];const m=new DataTransfer;for(let b=0;b<c.length;b++){const p=c[b],h=p.size/1e3;!u.includes(p.name)&&(s==0||h<s)&&m.items.add(p),u.push(p.name)}i.files=m.files}else i.files=r.files;const d=new Event("change");i.dispatchEvent(d)}),r.addEventListener("dragenter",l=>{r.classList.add("focus")}),r.addEventListener("dragleave",l=>{r.classList.remove("focus")}),r.addEventListener("drop",l=>{r.classList.remove("focus")}),i.addEventListener("change",l=>{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 Ke extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`,n=`@import "${o}/css/components/fileupload.css";`,i=document.createElement("template");i.innerHTML=`
|
|
36
36
|
<style>
|
|
37
37
|
@import "${e}";
|
|
38
38
|
${n}
|
|
@@ -47,10 +47,10 @@
|
|
|
47
47
|
<slot></slot>
|
|
48
48
|
<div class="files"></div>
|
|
49
49
|
</div>
|
|
50
|
-
`,this.shadowRoot.appendChild(
|
|
51
|
-
* iamKey v4.0.
|
|
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 o=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")}`:""}`,Ge(this,o)}}const Xe={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",Ke)})}};function Je(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("iam-fileupload",null,[a.renderSlot(t.$slots,"default")])}const Qe=v(Xe,[["render",Je]]);/*!
|
|
51
|
+
* iamKey v4.0.1
|
|
52
52
|
* Copyright 2022-2023 iamproperty
|
|
53
|
-
*/function Ze(t){let o=t.querySelectorAll("details"),e=t.querySelectorAll("summary");if(o.forEach(n=>{n.classList.add("accordion-item")}),e.forEach(n=>{n.classList.add("accordion-header"),n.classList.add("accordion-button"),n.classList.add("h4")}),!t.classList.contains("accordion--keep-open")){const n=t.querySelectorAll(":scope > details");n.forEach(
|
|
53
|
+
*/function Ze(t){let o=t.querySelectorAll("details"),e=t.querySelectorAll("summary");if(o.forEach(n=>{n.classList.add("accordion-item")}),e.forEach(n=>{n.classList.add("accordion-header"),n.classList.add("accordion-button"),n.classList.add("h4")}),!t.classList.contains("accordion--keep-open")){const n=t.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 et=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
54
54
|
<style>
|
|
55
55
|
@import "${e}";
|
|
56
56
|
: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 */
|
|
@@ -60,8 +60,8 @@
|
|
|
60
60
|
<div class="accordion">
|
|
61
61
|
<slot></slot>
|
|
62
62
|
</div>
|
|
63
|
-
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){Ze(this)}};const rr="";window.customElements.get("iam-accordion")||window.customElements.define("iam-accordion",et);const tt={name:"Accordion",props:{},mounted(){}},at={ref:"wrapper"};function ot(t,o,e,n,s
|
|
64
|
-
* iamKey v4.0.
|
|
63
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){Ze(this)}};const rr="";window.customElements.get("iam-accordion")||window.customElements.define("iam-accordion",et);const tt={name:"Accordion",props:{},mounted(){}},at={ref:"wrapper"};function ot(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("iam-accordion",at,[a.renderSlot(t.$slots,"default")],512)}const rt=v(tt,[["render",ot]]),nt={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 t=>`${we(t)}`}},data(){return{show:!this.lazy}}},it=["id"],st=["classList"];function lt(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("details",{id:s.createID(e.title)},[a.createElementVNode("summary",{classList:`${e.titlecolour?`bg-${e.titlecolour}`:""}`},[a.createTextVNode(a.toDisplayString(e.title),1),e.badge?(a.openBlock(),a.createElementBlock("span",{key:0,class:a.normalizeClass(`badge bg-${e.badgecolour}`)},a.toDisplayString(e.badge),3)):a.createCommentVNode("",!0)],8,st),a.renderSlot(t.$slots,"default")],8,it)}const ct=v(nt,[["render",lt]]),dt={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1},background:{type:String,default:"light",required:!1}}},mt={class:"container"},ut={class:"row"},ht={class:"col-sm-6"},pt={class:"pt-5 pb-3 px-4"},bt={class:"col-sm-6 col-md-5 ms-auto"},ft=["src"];function gt(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("div",mt,[a.createElementVNode("div",{class:a.normalizeClass("bg-"+e.background+" mb-4")},[a.createElementVNode("div",ut,[a.createElementVNode("div",ht,[a.createElementVNode("div",pt,[a.createElementVNode("h2",null,a.toDisplayString(e.title),1),a.renderSlot(t.$slots,"default")])]),a.createElementVNode("div",bt,[e.image?(a.openBlock(),a.createElementBlock("img",{key:0,src:e.image,alt:"",class:"h-100 w-100 object-cover"},null,8,ft)):a.createCommentVNode("",!0)])])],2)])}const yt=v(dt,[["render",gt]]),wt={name:"Card",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Jo).then(t=>{window.customElements.get("iam-card")||window.customElements.define("iam-card",t.default)}).catch(t=>{console.log(t.message)})})}};function vt(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("iam-card",null,[a.renderSlot(t.$slots,"default")])}const Y=v(wt,[["render",vt]]);function _t(t){var o;let e=t.querySelector(".carousel__inner"),n=t.querySelectorAll(".carousel__item").length;t.getAttribute("data-cols");let i=t.getAttribute("data-sm-cols"),s=t.getAttribute("data-md-cols");t.querySelector(".carousel__controls a").classList.add("active"),e.addEventListener("scroll",function(r){clearTimeout(o),o=setTimeout(function(){let l=e.clientWidth,d=e.scrollWidth,c=e.scrollLeft,u=Math.round(c/d*n)+1,m=t.querySelector(".carousel__item:last-child").offsetLeft;Array.from(t.querySelectorAll(".carousel__controls a")).forEach((b,p)=>{b.classList.remove("active")}),t.querySelector(".control-"+u).classList.add("active"),u==1?t.querySelector(".btn-prev").setAttribute("disabled","disabled"):t.querySelector(".btn-prev").removeAttribute("disabled"),e.scrollLeft+l>m?t.querySelector(".btn-next").setAttribute("disabled","disabled"):t.querySelector(".btn-next").removeAttribute("disabled")},100)},!1),t.addEventListener("click",function(r){for(var l=r.target;l&&l!=this;l=l.parentNode)if(l.matches(".carousel__controls a")){r.preventDefault(),Array.from(t.querySelectorAll(".carousel__controls a")).forEach((c,u)=>{c.classList.remove("active")}),l.classList.add("active");const d=document.querySelector(l.getAttribute("href"));e.scroll({top:0,left:d.offsetLeft,behavior:"smooth"});break}},!1),t.addEventListener("click",function(r){for(var l=r.target;l&&l!=this;l=l.parentNode)if(l.matches(".btn-next, .btn-prev")){r.preventDefault();let d=l.classList.contains("btn-prev")?e.scrollLeft-e.clientWidth:e.scrollLeft+e.clientWidth;e.scroll({top:0,left:d,behavior:"smooth"});break}},!1),n==1&&t.classList.add("hide-btns"),i>=n&&t.classList.add("hide-sm-btns"),s>=n&&t.classList.add("hide-md-btns")}const nr="",At={components:{Card:Y},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 t=>`${t.image?`<img src="${t.image}" alt="" />`:""}${t.content?t.content:""}`}},mounted(){this.id=this._uid,this.$nextTick(function(){_t(this.$refs.wrapper)})}},kt=["id","data-cols","data-sm-cols","data-md-cols"],Lt={class:"carousel__wrapper"},St={class:"carousel__inner"},Et=["id"],xt=["innerHTML","id"],qt=["href"],$t=a.createElementVNode("button",{class:"btn btn-prev","data-go":"0",disabled:""},"Prev",-1),Tt=a.createElementVNode("button",{class:"btn btn-next","data-go":"2"},"Next",-1);function Ct(t,o,e,n,i,s){const r=a.resolveComponent("Card");return a.openBlock(),a.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},[a.renderSlot(t.$slots,"default"),a.createElementVNode("div",Lt,[a.createElementVNode("div",St,[e.type=="card"?(a.openBlock(),a.createElementBlock("div",{key:0,class:a.normalizeClass(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap?`g-${e.gap}`:""}`)},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.items,(l,d)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(`col carousel__item${e.colclass?` ${e.colclass}`:""}`),key:d,id:"carousel"+i.id+"slide"+(d+1)},[a.createVNode(r,a.mergeProps(l,{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,Et))),128))],2)):a.createCommentVNode("",!0),e.type!="card"?(a.openBlock(),a.createElementBlock("div",{key:1,class:a.normalizeClass(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap?`g-${e.gap}`:""}`)},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.items,(l,d)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(`col carousel__item${e.colclass?` ${e.colclass}`:""}`),key:d,innerHTML:s.content(l),id:"carousel"+i.id+"slide"+(d+1)},null,10,xt))),128))],2)):a.createCommentVNode("",!0)]),a.createElementVNode("div",{class:a.normalizeClass(`carousel__controls cols-${e.cols} cols-sm-${e.smcols} cols-md-${e.mdcols}`)},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.items,(l,d)=>(a.openBlock(),a.createElementBlock("a",{key:d,href:"#carousel"+i.id+"slide"+(d+1),class:a.normalizeClass(`control-${d+1}`)},"Slide "+a.toDisplayString(d+1),11,qt))),128))],2),$t,Tt])],8,kt)}const Mt=v(At,[["render",Ct]]);/*!
|
|
64
|
+
* iamKey v4.0.1
|
|
65
65
|
* Copyright 2022-2023 iamproperty
|
|
66
66
|
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class Bt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
67
67
|
<style>
|
|
@@ -84,10 +84,10 @@
|
|
|
84
84
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" lazy="" />
|
|
85
85
|
</picture>
|
|
86
86
|
</div>
|
|
87
|
-
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){this.classList.add("loaded");const o=this.shadowRoot.querySelector("picture"),e=this.shadowRoot.querySelector("picture source");this.hasAttribute("image")?e.setAttribute("srcset",this.getAttribute("image")):o.remove()}}const Ht={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",Bt)})}},Nt=["image"],Vt=["innerHTML"];function Dt(t,o,e,n,s,i){return a.openBlock(),a.createElementBlock("iam-header",{class:"bg-secondary",image:e.image},[a.renderSlot(t.$slots,"breadcrumb"),e.title?(a.openBlock(),a.createElementBlock("h1",{key:0,innerHTML:e.title},null,8,Vt)):a.createCommentVNode("",!0),a.renderSlot(t.$slots,"default")],8,Nt)}const Rt=w(Ht,[["render",Dt]]);function zt(t){var o;const e=t.querySelector(".testimonial__images"),n=e.querySelectorAll("img").length;if(n==1)return!1;t.classList.add("testimonial--multi");const s=function(i){const r=t.querySelector(".btn-next"),l=t.querySelector(".btn-prev");r.setAttribute("data-go",i+1),l.setAttribute("data-go",i-1),r.removeAttribute("disabled"),l.removeAttribute("disabled"),i==1?l.setAttribute("disabled",!0):i==n&&r.setAttribute("disabled",!0)};e.addEventListener("scroll",function(i){clearTimeout(o),o=setTimeout(function(){let r=e.scrollWidth,l=e.scrollHeight,d=e.scrollLeft,c=e.scrollTop,u=Math.round(d/r*n)+1;d==0&&c!=0&&(u=Math.round(c/l*n)+1),t.setAttribute("data-show",u),s(u)},300)},!1),t.addEventListener("click",function(i){for(var r=i.target;r&&r!=this;r=r.parentNode)if(r.matches("[data-go]")){let l=parseInt(r.getAttribute("data-go")),d=0,c=0,u=e.scrollWidth,m=e.scrollHeight;u>m?c=Math.floor(u*((l-1)/n)):d=Math.floor(m*((l-1)/n)),e.scroll({top:d,left:c,behavior:"smooth"});break}},!1)}const ir="",Pt={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){zt(this.$refs.wrapper)}},Ft={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},jt={class:"row"},It={class:"col-md-5 position-relative"},Ot={class:"testimonial__images"},Ut=["src"],Wt=a.createElementVNode("div",{class:"testimonial__controls"},[a.createElementVNode("button",{"data-go":"0",disabled:"",class:"btn-prev"},"Previous"),a.createElementVNode("button",{"data-go":"2",class:"btn-next"},"Next")],-1),Yt={class:"col-md-7"},Gt=a.createElementVNode("h2",null,"What our customers think…",-1),Kt={class:"testimonial__content"},Xt=["innerHTML"],Jt=["innerHTML"],Qt={class:"testimonial__after"},Zt=a.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1);function ea(t,o,e,n,s,i){return a.openBlock(),a.createElementBlock("div",Ft,[a.createElementVNode("div",{class:a.normalizeClass("bg-"+e.background)},[a.createElementVNode("div",jt,[a.createElementVNode("div",It,[a.createElementVNode("div",Ot,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.items,(r,l)=>(a.openBlock(),a.createElementBlock("img",{key:l,src:r.image?r.image:"data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",alt:"",class:a.normalizeClass("h-100 w-100 object-cover"+(r.image?"":" opacity-0"))},null,10,Ut))),128))]),Wt]),a.createElementVNode("div",Yt,[Gt,a.createElementVNode("div",Kt,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.items,(r,l)=>(a.openBlock(),a.createElementBlock("blockquote",{key:l,class:a.normalizeClass(r.class)},[a.createElementVNode("div",{innerHTML:r.quote},null,8,Xt),a.createElementVNode("cite",{innerHTML:r.cite},null,8,Jt)],2))),128))]),a.createElementVNode("div",Qt,[a.renderSlot(t.$slots,"default")])])]),Zt],2)],512)}const ta=w(Pt,[["render",ea]]),sr="",aa={name:"Timeline",props:{image:{type:String,required:!1}}},oa={class:"timeline"},ra={class:"timeline__content"},na=["src"];function ia(t,o,e,n,s,i){return a.openBlock(),a.createElementBlock("div",oa,[a.createElementVNode("div",ra,[a.renderSlot(t.$slots,"default")]),e.image?(a.openBlock(),a.createElementBlock("img",{key:0,src:e.image,alt:""},null,8,na)):a.createCommentVNode("",!0)])}const sa=w(aa,[["render",ia]]),lr="",la={components:{Input:N},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(t){this.$emit("locationKeyup",t)}},computed:{locationSet:{get(){return this.locationSave?this.locationSave:this.location},set(t){this.locationSave=t,this.$emit("input",t)}},locationsList(){return()=>this.locations?this.locations:[{value:"Newcastle"}]}}},ca={class:"container",ref:"wrapper"},da={class:"property-searchbar"},ma=["action","method"],ua={class:"col-12 col-md-3"},ha={class:"col-12 col-md"},pa=a.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1),ba={class:"row","data-input-range":""},fa={class:"col-12 col-md"},ga=a.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1),ya={class:"row","data-input-range":""},wa={class:"col-12 col-md-2"},va=a.createElementVNode("div",{class:"col-12 col-md mw-md-fit-content d-flex property-searchbar__btn"},[a.createElementVNode("button",{class:"btn w-100 me-0",type:"submit",value:"submit"},"Search")],-1);function _a(t,o,e,n,s,i){const r=a.resolveComponent("Input");return a.openBlock(),a.createElementBlock("div",ca,[a.renderSlot(t.$slots,"default"),a.createElementVNode("div",da,[a.createElementVNode("form",{class:"row",action:e.formaction,method:e.formmethod},[a.createElementVNode("fieldset",ua,[a.createVNode(r,{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"]),a.createVNode(r,{class:"select--miles",label:"Miles",id:"miles",type:"select",options:e.distances},null,8,["options"])]),a.createElementVNode("fieldset",ha,[pa,a.createElementVNode("div",ba,[a.createVNode(r,{class:"col-6",label:"Minimum price",id:"price-min","data-min":"true",type:"select",options:e.pricemin},null,8,["options"]),a.createVNode(r,{class:"col-6",label:"Maximum price",id:"price-max","data-max":"true",type:"select",options:e.pricemax},null,8,["options"])])]),a.createElementVNode("fieldset",fa,[ga,a.createElementVNode("div",ya,[a.createVNode(r,{class:"col-6",label:"Minimum beds",id:"beds-min","data-min":"true",type:"select",options:e.bedsmin},null,8,["options"]),a.createVNode(r,{class:"col-6",label:"Maximum beds",id:"beds-max","data-max":"true",type:"select",options:e.bedsmax},null,8,["options"])])]),a.createElementVNode("fieldset",wa,[a.createVNode(r,{label:"Property type",id:"property-type",type:"select",options:e.propertytypes},null,8,["options"])]),va],8,ma)]),a.renderSlot(t.$slots,"after")],512)}const Aa=w(la,[["render",_a]]),ka={components:{},name:"Nav",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Zo).then(t=>{window.customElements.get("iam-nav")||window.customElements.define("iam-nav",t.default)}).catch(t=>{console.log(t.message)})})},methods:{}},La={ref:"wrapper"};function Sa(t,o,e,n,s,i){return a.openBlock(),a.createElementBlock("iam-nav",La,[a.renderSlot(t.$slots,"default")],512)}const Ea=w(ka,[["render",Sa]]),cr="",xa={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},qa={class:"container"},$a=["aria-label"],Ta={key:0,class:"h6 stepper__start"},Ca={class:"list-unstyled"},Ma={class:"h6 stepper__end"};function Ba(t,o,e,n,s,i){return a.openBlock(),a.createElementBlock("div",qa,[a.createElementVNode("nav",{class:"stepper","aria-label":e.label?e.label:"Progress"},[e.label?(a.openBlock(),a.createElementBlock("span",Ta,a.toDisplayString(e.label),1)):a.createCommentVNode("",!0),a.createElementVNode("ol",Ca,[a.renderSlot(t.$slots,"default")]),a.createElementVNode("span",Ma,a.toDisplayString(e.endlabel),1)],8,$a)])}const Ha=w(xa,[["render",Ba]]),dr="",Na={name:"Snapshot",props:{items:{type:Array,required:!0}}},Va={class:"container snapshot",ref:"wrapper"},Da={class:"row"},Ra=["href"],za={class:"lead snapshot__title"},Pa={class:"stat"};function Fa(t,o,e,n,s,i){return a.openBlock(),a.createElementBlock("div",Va,[a.renderSlot(t.$slots,"default"),a.createElementVNode("div",Da,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.items,(r,l)=>(a.openBlock(),a.createElementBlock("div",{class:"col",key:l},[r.link?(a.openBlock(),a.createElementBlock("a",{key:0,href:r.link},"View "+a.toDisplayString(r.title),9,Ra)):a.createCommentVNode("",!0),a.createElementVNode("div",{class:a.normalizeClass(`snapshot__item ${r.bg?"bg-"+r.bg:""}`)},[a.createElementVNode("span",za,a.toDisplayString(r.title),1),a.createElementVNode("span",Pa,a.toDisplayString(r.number),1)],2)]))),128))])],512)}const ja=w(Na,[["render",Fa]]),Ia={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},Oa=["href","aria-current"],Ua={key:0,class:"visually-hidden"};function Wa(t,o,e,n,s,i){return a.openBlock(),a.createElementBlock("li",null,[a.createElementVNode("a",{href:e.url,class:a.normalizeClass(`${e.status?"bg-"+e.status:""}${typeof e.current<"u"?"current":""}`),"aria-current":typeof e.current<"u"},[a.createElementVNode("span",null,[a.renderSlot(t.$slots,"default")]),e.status?(a.openBlock(),a.createElementBlock("em",Ua," - status: "+a.toDisplayString(e.status),1)):a.createCommentVNode("",!0)],10,Oa)])}const Ya=w(Ia,[["render",Wa]]);/*!
|
|
88
|
-
* iamKey v4.0.
|
|
87
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){this.classList.add("loaded");const o=this.shadowRoot.querySelector("picture"),e=this.shadowRoot.querySelector("picture source");this.hasAttribute("image")?e.setAttribute("srcset",this.getAttribute("image")):o.remove()}}const Ht={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",Bt)})}},Nt=["image"],Vt=["innerHTML"];function Dt(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("iam-header",{class:"bg-secondary",image:e.image},[a.renderSlot(t.$slots,"breadcrumb"),e.title?(a.openBlock(),a.createElementBlock("h1",{key:0,innerHTML:e.title},null,8,Vt)):a.createCommentVNode("",!0),a.renderSlot(t.$slots,"default")],8,Nt)}const Rt=v(Ht,[["render",Dt]]);function zt(t){var o;const e=t.querySelector(".testimonial__images"),n=e.querySelectorAll("img").length;if(n==1)return!1;t.classList.add("testimonial--multi");const i=function(s){const r=t.querySelector(".btn-next"),l=t.querySelector(".btn-prev");r.setAttribute("data-go",s+1),l.setAttribute("data-go",s-1),r.removeAttribute("disabled"),l.removeAttribute("disabled"),s==1?l.setAttribute("disabled",!0):s==n&&r.setAttribute("disabled",!0)};e.addEventListener("scroll",function(s){clearTimeout(o),o=setTimeout(function(){let r=e.scrollWidth,l=e.scrollHeight,d=e.scrollLeft,c=e.scrollTop,u=Math.round(d/r*n)+1;d==0&&c!=0&&(u=Math.round(c/l*n)+1),t.setAttribute("data-show",u),i(u)},300)},!1),t.addEventListener("click",function(s){for(var r=s.target;r&&r!=this;r=r.parentNode)if(r.matches("[data-go]")){let l=parseInt(r.getAttribute("data-go")),d=0,c=0,u=e.scrollWidth,m=e.scrollHeight;u>m?c=Math.floor(u*((l-1)/n)):d=Math.floor(m*((l-1)/n)),e.scroll({top:d,left:c,behavior:"smooth"});break}},!1)}const ir="",Pt={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){zt(this.$refs.wrapper)}},Ft={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},jt={class:"row"},It={class:"col-md-5 position-relative"},Ot={class:"testimonial__images"},Wt=["src"],Ut=a.createElementVNode("div",{class:"testimonial__controls"},[a.createElementVNode("button",{"data-go":"0",disabled:"",class:"btn-prev"},"Previous"),a.createElementVNode("button",{"data-go":"2",class:"btn-next"},"Next")],-1),Yt={class:"col-md-7"},Gt=a.createElementVNode("h2",null,"What our customers think…",-1),Kt={class:"testimonial__content"},Xt=["innerHTML"],Jt=["innerHTML"],Qt={class:"testimonial__after"},Zt=a.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1);function ea(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("div",Ft,[a.createElementVNode("div",{class:a.normalizeClass("bg-"+e.background)},[a.createElementVNode("div",jt,[a.createElementVNode("div",It,[a.createElementVNode("div",Ot,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.items,(r,l)=>(a.openBlock(),a.createElementBlock("img",{key:l,src:r.image?r.image:"data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",alt:"",class:a.normalizeClass("h-100 w-100 object-cover"+(r.image?"":" opacity-0"))},null,10,Wt))),128))]),Ut]),a.createElementVNode("div",Yt,[Gt,a.createElementVNode("div",Kt,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.items,(r,l)=>(a.openBlock(),a.createElementBlock("blockquote",{key:l,class:a.normalizeClass(r.class)},[a.createElementVNode("div",{innerHTML:r.quote},null,8,Xt),a.createElementVNode("cite",{innerHTML:r.cite},null,8,Jt)],2))),128))]),a.createElementVNode("div",Qt,[a.renderSlot(t.$slots,"default")])])]),Zt],2)],512)}const ta=v(Pt,[["render",ea]]),sr="",aa={name:"Timeline",props:{image:{type:String,required:!1}}},oa={class:"timeline"},ra={class:"timeline__content"},na=["src"];function ia(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("div",oa,[a.createElementVNode("div",ra,[a.renderSlot(t.$slots,"default")]),e.image?(a.openBlock(),a.createElementBlock("img",{key:0,src:e.image,alt:""},null,8,na)):a.createCommentVNode("",!0)])}const sa=v(aa,[["render",ia]]),lr="",la={components:{Input:N},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(t){this.$emit("locationKeyup",t)}},computed:{locationSet:{get(){return this.locationSave?this.locationSave:this.location},set(t){this.locationSave=t,this.$emit("input",t)}},locationsList(){return()=>this.locations?this.locations:[{value:"Newcastle"}]}}},ca={class:"container",ref:"wrapper"},da={class:"property-searchbar"},ma=["action","method"],ua={class:"col-12 col-md-3"},ha={class:"col-12 col-md"},pa=a.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1),ba={class:"row","data-input-range":""},fa={class:"col-12 col-md"},ga=a.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1),ya={class:"row","data-input-range":""},wa={class:"col-12 col-md-2"},va=a.createElementVNode("div",{class:"col-12 col-md mw-md-fit-content d-flex property-searchbar__btn"},[a.createElementVNode("button",{class:"btn w-100 me-0",type:"submit",value:"submit"},"Search")],-1);function _a(t,o,e,n,i,s){const r=a.resolveComponent("Input");return a.openBlock(),a.createElementBlock("div",ca,[a.renderSlot(t.$slots,"default"),a.createElementVNode("div",da,[a.createElementVNode("form",{class:"row",action:e.formaction,method:e.formmethod},[a.createElementVNode("fieldset",ua,[a.createVNode(r,{inputClass:"input--locations",modelValue:s.locationSet,"onUpdate:modelValue":o[0]||(o[0]=l=>s.locationSet=l),label:"Location",id:"location",options:s.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:o[1]||(o[1]=l=>s.locationKeyup(...arguments)),ref:"search"},null,8,["modelValue","options"]),a.createVNode(r,{class:"select--miles",label:"Miles",id:"miles",type:"select",options:e.distances},null,8,["options"])]),a.createElementVNode("fieldset",ha,[pa,a.createElementVNode("div",ba,[a.createVNode(r,{class:"col-6",label:"Minimum price",id:"price-min","data-min":"true",type:"select",options:e.pricemin},null,8,["options"]),a.createVNode(r,{class:"col-6",label:"Maximum price",id:"price-max","data-max":"true",type:"select",options:e.pricemax},null,8,["options"])])]),a.createElementVNode("fieldset",fa,[ga,a.createElementVNode("div",ya,[a.createVNode(r,{class:"col-6",label:"Minimum beds",id:"beds-min","data-min":"true",type:"select",options:e.bedsmin},null,8,["options"]),a.createVNode(r,{class:"col-6",label:"Maximum beds",id:"beds-max","data-max":"true",type:"select",options:e.bedsmax},null,8,["options"])])]),a.createElementVNode("fieldset",wa,[a.createVNode(r,{label:"Property type",id:"property-type",type:"select",options:e.propertytypes},null,8,["options"])]),va],8,ma)]),a.renderSlot(t.$slots,"after")],512)}const Aa=v(la,[["render",_a]]),ka={components:{},name:"Nav",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Zo).then(t=>{window.customElements.get("iam-nav")||window.customElements.define("iam-nav",t.default)}).catch(t=>{console.log(t.message)})})},methods:{}},La={ref:"wrapper"};function Sa(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("iam-nav",La,[a.renderSlot(t.$slots,"default")],512)}const Ea=v(ka,[["render",Sa]]),cr="",xa={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},qa={class:"container"},$a=["aria-label"],Ta={key:0,class:"h6 stepper__start"},Ca={class:"list-unstyled"},Ma={class:"h6 stepper__end"};function Ba(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("div",qa,[a.createElementVNode("nav",{class:"stepper","aria-label":e.label?e.label:"Progress"},[e.label?(a.openBlock(),a.createElementBlock("span",Ta,a.toDisplayString(e.label),1)):a.createCommentVNode("",!0),a.createElementVNode("ol",Ca,[a.renderSlot(t.$slots,"default")]),a.createElementVNode("span",Ma,a.toDisplayString(e.endlabel),1)],8,$a)])}const Ha=v(xa,[["render",Ba]]),dr="",Na={name:"Snapshot",props:{items:{type:Array,required:!0}}},Va={class:"container snapshot",ref:"wrapper"},Da={class:"row"},Ra=["href"],za={class:"lead snapshot__title"},Pa={class:"stat"};function Fa(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("div",Va,[a.renderSlot(t.$slots,"default"),a.createElementVNode("div",Da,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.items,(r,l)=>(a.openBlock(),a.createElementBlock("div",{class:"col",key:l},[r.link?(a.openBlock(),a.createElementBlock("a",{key:0,href:r.link},"View "+a.toDisplayString(r.title),9,Ra)):a.createCommentVNode("",!0),a.createElementVNode("div",{class:a.normalizeClass(`snapshot__item ${r.bg?"bg-"+r.bg:""}`)},[a.createElementVNode("span",za,a.toDisplayString(r.title),1),a.createElementVNode("span",Pa,a.toDisplayString(r.number),1)],2)]))),128))])],512)}const ja=v(Na,[["render",Fa]]),Ia={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},Oa=["href","aria-current"],Wa={key:0,class:"visually-hidden"};function Ua(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("li",null,[a.createElementVNode("a",{href:e.url,class:a.normalizeClass(`${e.status?"bg-"+e.status:""}${typeof e.current<"u"?"current":""}`),"aria-current":typeof e.current<"u"},[a.createElementVNode("span",null,[a.renderSlot(t.$slots,"default")]),e.status?(a.openBlock(),a.createElementBlock("em",Wa," - status: "+a.toDisplayString(e.status),1)):a.createCommentVNode("",!0)],10,Oa)])}const Ya=v(Ia,[["render",Ua]]);/*!
|
|
88
|
+
* iamKey v4.0.1
|
|
89
89
|
* Copyright 2022-2023 iamproperty
|
|
90
|
-
*/const Ga=function(t){const o=t.querySelectorAll(":scope > details");t.querySelectorAll(":scope > details > summary");let e=t.querySelector(":scope > .tabs__links");t.shadowRoot&&t.shadowRoot.querySelector(".tabs__links")&&(e=t.shadowRoot.querySelector(".tabs__links")),e||(e=document.createElement("div"),e.classList.add("tabs__links"),t.prepend(e)),o.forEach((n,
|
|
90
|
+
*/const Ga=function(t){const o=t.querySelectorAll(":scope > details");t.querySelectorAll(":scope > details > summary");let e=t.querySelector(":scope > .tabs__links");t.shadowRoot&&t.shadowRoot.querySelector(".tabs__links")&&(e=t.shadowRoot.querySelector(".tabs__links")),e||(e=document.createElement("div"),e.classList.add("tabs__links"),t.prepend(e)),o.forEach((n,i)=>{let s=n.querySelector(":scope > summary");s.classList.add("visually-hidden");let r=document.createElement("button");n.hasAttribute("id")&&(r=document.createElement("a"),r.setAttribute("href",`#${n.getAttribute("id")}`)),n.hasAttribute("open")&&r.setAttribute("aria-pressed",!0),r.innerHTML=`${s.innerText}`,r.classList.add("link"),r.setAttribute("data-index",i),r.setAttribute("tabindex","-1"),e.appendChild(r)})},Ka=function(t){let o=t.querySelectorAll(":scope > details"),e=t.querySelectorAll(":scope > details > summary"),n=t.querySelectorAll(":scope .tabs__links > .link");t.shadowRoot&&(n=t.shadowRoot.querySelectorAll(".tabs__links > .link")),n.forEach(i=>{i.addEventListener("click",s=>{s.preventDefault(),n.forEach(r=>{let l=r==i;r.setAttribute("aria-pressed",l)}),o.forEach((r,l)=>{let d=i.getAttribute("data-index")==l;d?r.setAttribute("open",d):r.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",r=>{n.forEach(l=>{l.classList.remove("focus")}),n[s].classList.add("focus")}),i.addEventListener("click",r=>{r.preventDefault(),n[s].click()})})},Xa=function(t){let o=t.querySelectorAll(":scope > details"),e=t.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");t.shadowRoot&&(e=t.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")),location.hash&&t.querySelector(`.tabs__links [href="${location.hash}"]`)?(t.querySelector(`[href="${location.hash}"]`).setAttribute("open",!0),t.querySelector(`details[id="${location.hash.replace("#","")}"]`).setAttribute("open",!0)):t.querySelector("details[open]")||(o[0].setAttribute("open",!0),e[0].setAttribute("aria-pressed",!0))},Ja=function(t){Ga(t),Ka(t),Xa(t)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});let Qa=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
91
91
|
<style>
|
|
92
92
|
@import "${e}";
|
|
93
93
|
|
|
@@ -101,10 +101,10 @@
|
|
|
101
101
|
<div class="tabs__links"></div>
|
|
102
102
|
<slot></slot>
|
|
103
103
|
</div>
|
|
104
|
-
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){let o=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${o}`),Ja(this)}};const mr="";window.customElements.get("iam-tabs")||window.customElements.define("iam-tabs",Qa);const Za={name:"Tabs"},eo={ref:"wrapper"};function to(t,o,e,n,s
|
|
105
|
-
* iamKey v4.0.
|
|
104
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){let o=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${o}`),Ja(this)}};const mr="";window.customElements.get("iam-tabs")||window.customElements.define("iam-tabs",Qa);const Za={name:"Tabs"},eo={ref:"wrapper"};function to(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("iam-tabs",eo,[a.renderSlot(t.$slots,"default")],512)}const ao=v(Za,[["render",to]]),oo={name:"Tab",props:{title:{type:String,required:!0},lazy:{type:Boolean,required:!1}},data(){return{show:!this.lazy}},watch:{show(t,o){console.log(t)}}},ro={class:"tab"},no=["innerHTML"];function io(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("details",ro,[a.createElementVNode("summary",{innerHTML:e.title},null,8,no),a.renderSlot(t.$slots,"default")])}const so=v(oo,[["render",io]]);let G=H.props;G.fields.required=!1;const lo={components:{Table:H,Input:N},data(){return{itemsData:[...this.items]}},methods:{submitForm:function(t){console.log(this);const o=new FormData(t.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:o.get("user"),note:o.get("addNote")}),this.$emit("formSubmitted",t)}},name:"NoteFeed",props:{user:{type:String,required:!0},...G,title:{type:String,required:!1},method:{type:String,required:!1,default:"post"},action:{type:String,required:!1}}},co={class:"container note-feed mb-2"},mo=["innerHTML"],uo=["action","method"],ho=["value"],po=a.createElementVNode("button",{class:"btn btn-tertiary"},"Submit note",-1);function bo(t,o,e,n,i,s){const r=a.resolveComponent("Table"),l=a.resolveComponent("Input");return a.openBlock(),a.createElementBlock("div",co,[e.title?(a.openBlock(),a.createElementBlock("span",{key:0,class:"h3",innerHTML:e.title},null,8,mo)):a.createCommentVNode("",!0),a.createVNode(r,a.mergeProps({fields:[{key:"date_added"},{key:"user"},{key:"note"}],items:i.itemsData},t.$props,{class:"mb-0"}),null,16,["items"]),a.createElementVNode("form",{action:e.action,method:e.method,onSubmit:o[0]||(o[0]=a.withModifiers(d=>s.submitForm(...arguments),["prevent"]))},[a.createElementVNode("input",{type:"hidden",value:e.user,name:"user"},null,8,ho),a.createVNode(l,{id:"addNote",type:"textarea",label:"Add note",required:"",class:"mw-100"}),po],40,uo)])}const fo=v(lo,[["render",bo]]);/*!
|
|
105
|
+
* iamKey v4.0.1
|
|
106
106
|
* Copyright 2022-2023 iamproperty
|
|
107
|
-
*/function go(t,o){function e(n,
|
|
107
|
+
*/function go(t,o){function e(n,i){let s=!1,r=i.getAttribute("name");r.includes("[]")&&(r=r.replace("[]",`[${i.value}]`));let l=n.querySelector(`[data-name="${r}"]`);l&&i.getAttribute("type")=="checkbox"&&(s=!0);let d=i.getAttribute("data-filter-text");if(l||(l=document.createElement("button"),n.appendChild(l)),l.setAttribute("type","button"),l.classList.add("filter"),l.setAttribute("data-name",r),l.innerHTML=d.replace("$value",i.value),(!i.value||s)&&l.remove(),i.parentNode.closest("[data-filter-text]")){let c=i.parentNode.closest("[data-filter-text]"),u=!0;if(r="",c.querySelectorAll("input").forEach((m,b)=>{let p=m.getAttribute("name");if(r+=`${b!=0?",":""}${p}`,n.querySelector(`[data-name="${p}"]`)&&n.querySelector(`[data-name="${p}"]`).remove(),m.value){let h=document.createElement("button");h.setAttribute("type","button"),h.classList.add("filter"),h.setAttribute("data-name",p),h.innerHTML=d.replace("$value",m.value),n.appendChild(h)}else u=!1}),n.querySelector(`[data-name="${r}"]`)&&n.querySelector(`[data-name="${r}"]`).remove(),u){let m=c.getAttribute("data-filter-text");c.querySelectorAll("input").forEach((p,h)=>{let y=p.getAttribute("name");n.querySelector(`[data-name="${y}"]`)&&n.querySelector(`[data-name="${y}"]`).remove(),m=m.replace(`$${h+1}`,p.value)});let b=document.createElement("button");b.setAttribute("type","button"),b.classList.add("filter"),b.setAttribute("data-name",r),b.innerHTML=m,n.appendChild(b)}}}Array.from(t.querySelectorAll('input[type="checkbox"]:checked')).forEach((n,i)=>{e(o,n)}),Array.from(t.querySelectorAll("input[data-filter-text]")).forEach((n,i)=>{n.addEventListener("change",function(s){e(o,n)})}),o.addEventListener("click",function(n){if(n&&n.target instanceof HTMLElement&&n.target.closest(".filter")){let r=n.target.closest(".filter"),l=r.getAttribute("data-name").split(",");for(var i=0;i<l.length;i++){let d=l[i],c=`[name="${d}"]`;d.match(/\[(.*)\]/)&&(d.replace(/\[(.*)\]/,"[]"),c=`[value="${d.replace(/.*\[(.*)\]/,"$1")}"]`);let u=t.querySelectorAll(c);for(var s=0;s<u.length;s++){let m=u[s];if(m.getAttribute("type")!="radio"&&m.getAttribute("type")!="checkbox")m.value="";else{m.checked=!1;var n=new Event("force");t.hasAttribute("data-nosubmit")||m.closest("form").dispatchEvent(n)}}}r.remove()}},!1)}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Applied Filters"});let yo=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`;let n=this.classList.toString();const i=document.createElement("template");i.innerHTML=`
|
|
108
108
|
<style>
|
|
109
109
|
@import "${e}";
|
|
110
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 */
|
|
@@ -113,10 +113,10 @@
|
|
|
113
113
|
</style>
|
|
114
114
|
<div class="applied-filters ${n}"></div>
|
|
115
115
|
<slot></slot>
|
|
116
|
-
`,this.shadowRoot.appendChild(
|
|
117
|
-
* iamKey v4.0.
|
|
116
|
+
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){go(this,this.shadowRoot.querySelector(".applied-filters"))}};window.customElements.get("iam-applied-filters")||window.customElements.define("iam-applied-filters",yo);const wo={name:"Header"};function vo(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("iam-applied-filters",null,[a.renderSlot(t.$slots,"default")])}const _o=v(wo,[["render",vo]]);/*!
|
|
117
|
+
* iamKey v4.0.1
|
|
118
118
|
* Copyright 2022-2023 iamproperty
|
|
119
|
-
*/function Ao(t,o){ko(t,o)}function ko(t,o){var e;o.addEventListener("keyup",n=>{clearTimeout(e),e=setTimeout(function(){K(t,o.value)},500)}),o.addEventListener("change",n=>{clearTimeout(e),K(t,o.value)})}const K=function(t,o){Array.from(t.querySelectorAll(":scope > li")).forEach((e,n)=>{let
|
|
119
|
+
*/function Ao(t,o){ko(t,o)}function ko(t,o){var e;o.addEventListener("keyup",n=>{clearTimeout(e),e=setTimeout(function(){K(t,o.value)},500)}),o.addEventListener("change",n=>{clearTimeout(e),K(t,o.value)})}const K=function(t,o){Array.from(t.querySelectorAll(":scope > li")).forEach((e,n)=>{let i=e.textContent.toLowerCase();e.classList.add("d-none"),i.includes(o.toLowerCase())&&e.classList.remove("d-none")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Filtered list",value:o})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"filterlist"});let Lo=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
120
120
|
<style>
|
|
121
121
|
@import "${e}";
|
|
122
122
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
<div class="list__wrapper">
|
|
144
144
|
<slot></slot>
|
|
145
145
|
</div>
|
|
146
|
-
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){let o=this.classList.toString();this.shadowRoot.querySelector(".list__wrapper").setAttribute("class",`list__wrapper ${o}`),this.querySelector("i.fa-search")||(this.innerHTML+='<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'),Ao(this.querySelector("ul"),this.shadowRoot.querySelector("#search"))}};window.customElements.get("iam-filterlist")||window.customElements.define("iam-filterlist",Lo);const So={name:"Filter list"};function Eo(t,o,e,n,s
|
|
146
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){let o=this.classList.toString();this.shadowRoot.querySelector(".list__wrapper").setAttribute("class",`list__wrapper ${o}`),this.querySelector("i.fa-search")||(this.innerHTML+='<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'),Ao(this.querySelector("ul"),this.shadowRoot.querySelector("#search"))}};window.customElements.get("iam-filterlist")||window.customElements.define("iam-filterlist",Lo);const So={name:"Filter list"};function Eo(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("iam-filterlist",null,[a.renderSlot(t.$slots,"default")])}const xo=v(So,[["render",Eo]]);function qo(t){if(t.hasAttribute("data-type")&&t.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)),t.closest(".notification__holder")||e.appendChild(t)}if(t.setAttribute("role","alert"),t.addEventListener("click",function(e){event&&event.target instanceof HTMLElement&&event.target.closest("[data-dismiss-button]")&&(e.preventDefault(),V(t))},!1),t.hasAttribute("data-timeout")){let e=t.getAttribute("data-timeout");var o=new $o(function(){V(t)},e);t.addEventListener("mouseenter",n=>{o.pause()}),t.addEventListener("mouseleave",n=>{o.resume()})}}function $o(t,o){var e,n,i=o;this.pause=function(){window.clearTimeout(e),i-=new Date-n},this.resume=function(){n=new Date,window.clearTimeout(e),e=window.setTimeout(t,i)},this.resume()}const V=function(t){t.classList.add("d-none")};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Notification"});class To extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`,n=`@import "${o}/css/components/notification.css";`,i=this.querySelectorAll("a,button");Array.from(i).forEach((r,l)=>{r.setAttribute("slot","btns"),r.classList.add("link")}),(i.length||this.hasAttribute("data-dismiss"))&&this.classList.add("notification--dismissable");const s=document.createElement("template");s.innerHTML=`
|
|
147
147
|
<style>
|
|
148
148
|
@import "${e}";
|
|
149
149
|
${n}
|
|
@@ -152,16 +152,16 @@
|
|
|
152
152
|
|
|
153
153
|
<div class="notification">
|
|
154
154
|
<div class="notification__icon"><slot name="icon"></slot></div>
|
|
155
|
-
<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>
|
|
156
156
|
${this.hasAttribute("data-dismiss")?'<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>':""}
|
|
157
157
|
</div>
|
|
158
|
-
`,this.shadowRoot.appendChild(
|
|
159
|
-
* iamKey v4.0.
|
|
158
|
+
`,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){const o=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>'}qo(n),o&&o.addEventListener("click",function(i){V(n)},!1)}}const Co={name:"Notification",props:{},created(){this.$nextTick(function(){window.customElements.get("iam-notification")||window.customElements.define("iam-notification",To)})}};function Mo(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("iam-notification",null,[a.renderSlot(t.$slots,"default")])}const Bo=v(Co,[["render",Mo]]);/*!
|
|
159
|
+
* iamKey v4.0.1
|
|
160
160
|
* Copyright 2022-2023 iamproperty
|
|
161
|
-
*/const Ho=function(t){typeof window.player<"u"&&typeof window.player.pauseVideo=="function"&&window.player.pauseVideo();var o=t.getAttribute("data-id"),e=t.getAttribute("id");if(typeof e>"u"||e==null){var n=String.fromCharCode(65+Math.floor(Math.random()*26));e=n+Date.now(),t.setAttribute("id",e)}function
|
|
161
|
+
*/const Ho=function(t){typeof window.player<"u"&&typeof window.player.pauseVideo=="function"&&window.player.pauseVideo();var o=t.getAttribute("data-id"),e=t.getAttribute("id");if(typeof e>"u"||e==null){var n=String.fromCharCode(65+Math.floor(Math.random()*26));e=n+Date.now(),t.setAttribute("id",e)}function i(){window.player=new YT.Player(e,{height:"100%",width:"100%",videoId:o,playerVars:{modestbranding:1,playsinline:1,rel:0,showinfo:0},events:{onReady:s,onStateChange:l}})}i();function s(d){d.target.playVideo()}var r=!1;function l(d){if(d.data==YT.PlayerState.PLAYING&&!r){var c=document.getElementById(e);c.classList.add("player-ready"),r=!0}}},No=t=>(Array.from(t.querySelectorAll("dialog[open]")).forEach((o,e)=>{o.closest(".dialog__wrapper")||(o.removeAttribute("open"),o.showModal(),o.focus(),X(o))}),t.addEventListener("click",o=>{if(o.target.tagName=="IAM-ACTIONBAR")return!1;if(o&&o.target instanceof HTMLElement&&o.target.closest("[data-modal]")){const i=o.target.closest("[data-modal]"),s=i.hasAttribute("data-modal")?i.getAttribute("data-modal"):i.getAttribute("data-filter"),r=document.querySelector(`dialog#${s}`);X(r),r.showModal(),r.focus();let l=r.offsetWidth;r.setAttribute("style",`max-width: ${l}px;`),Array.from(r.querySelectorAll("[data-duplicate]")).forEach((d,c)=>{const u=d.getAttribute("data-duplicate"),m=document.getElementById(u);if(d.checked!=m.checked){d.checked=m.checked;let b=new Event("change");d.dispatchEvent(b)}}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:s})}if(o&&o.target instanceof HTMLElement&&o.target.closest("button.dialog__close")){const i=o.target.closest("dialog[open]");o.preventDefault(),i.close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((s,r)=>{s.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:i.getAttribute("id")})}if(o&&o.target instanceof HTMLElement&&o.target.closest('button[formmethod="dialog"]')){const i=o.target.closest("dialog[open]");Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((s,r)=>{s.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:i.getAttribute("id")})}if(o&&o.target instanceof HTMLElement&&o.target.closest("dialog[open]")){let i=o.target.closest("dialog[open]");var e=window.getComputedStyle(i);if(e.display==="contents"&&(i=i.parentNode.closest("dialog[open]")),!i.querySelector(":scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child")||i.classList.contains("dialog--multi")){const s=i.getBoundingClientRect();(o.clientX<s.left||o.clientX>s.right||o.clientY<s.top||o.clientY>s.bottom)&&(o.target.closest('input[type="radio"]')||i.close(),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:i.getAttribute("id")}))}}if(o&&o.target instanceof HTMLElement&&o.target.closest(".dialog__wrapper > button")){o.stopPropagation();let i=o.target.closest(".dialog__wrapper > button"),s=o.target.closest(".dialog__wrapper > button").parentNode,r="openPopover",l=s.querySelector(":scope > dialog");if(document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]")!=l&&document.querySelector("*:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((m,b)=>{m.classList.remove("active")}),l.hasAttribute("open"))l.close(),r="closePopover",l.removeAttribute("style"),i.classList.remove("active");else{l.show(),i.classList.add("active");var n=i.getBoundingClientRect();let m=n.top,b=n.left;if(i.closest("iam-table")){let p=i.closest("iam-table").parentNode.getBoundingClientRect();m-=p.top,b-=p.left}l.classList.contains("dialog--fix")&&l.setAttribute("style",`position:fixed;top: ${m}px; left: ${b}px; margin: 3rem 0 0 0;`)}let d=l.getBoundingClientRect(),c=d.bottom-window.scrollY,u=window.innerHeight-window.scrollY;if(c>u){let m=l.hasAttribute("style")?l.getAttribute("style")+" ":"";l.setAttribute("style",m+"transform: translate(0, calc(-100% - 4rem))"),d=l.getBoundingClientRect(),d.top-window.scrollY<100&&l.removeAttribute("style")}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:r,id:i.textContent})}o&&o.target instanceof HTMLElement&&!o.target.closest("dialog[open]")&&!o.target.closest(".dialog__wrapper > button")&&(document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]")&&document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach((i,s)=>{i.classList.remove("active")}))}),null),X=t=>{t.querySelector(":scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child")&&!t.classList.contains("dialog--multi")&&t.addEventListener("cancel",e=>{e.preventDefault()});let o=t.querySelector(".youtube-embed a");if(o&&Ho(o),t.classList.contains("dialog--multi")&&!t.querySelector(":scope > .steps")&&Vo(t),!t.querySelector(":scope > .mh-lg")&&!t.classList.contains("dialog--multi")){t.innerHTML=`<div class="mh-lg">${t.innerHTML}</div>`;let e=t.querySelector(".mh-lg"),n=t.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");if(n){let i=n.previousSibling;e.before(n),i&&n.before(i)}}t.querySelector(":scope > button:first-child")||t.insertAdjacentHTML("afterbegin",'<button class="dialog__close">Close</button>')},Vo=t=>{let o="",e=Array.from(t.querySelectorAll("fieldset[data-title]")),n=t.querySelector("form");e.forEach((r,l)=>{o+=`<button data-title="${r.getAttribute("data-title")}" type="button" class="${l==0?"active":""}" tabindex="-1">${r.getAttribute("data-title")}</button>`;const d=document.createElement("div");if(d.classList.add("btn--wrapper"),r.appendChild(d),l!=0&&(d.innerHTML+=`<button data-title="${e[l-1].getAttribute("data-title")}" class="btn btn-secondary mb-0" data-previous type="button">Previous</button>`),l!=e.length-1&&(d.innerHTML+=`<button data-title="${e[l+1].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="button">Next</button>`),l==e.length-1)if(n&&n.querySelector(':scope > button[type="submit"]')){let c=n.querySelector(':scope > button[type="submit"]');c.classList.add("mb-0"),d.insertAdjacentElement("beforeend",c)}else d.innerHTML+=`<button data-title="${e[l].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="submit">Submit</button>`}),t.insertAdjacentHTML("afterbegin",`<div class="steps bg-primary">${o}</div>`);let i=Array.from(t.querySelectorAll("fieldset.was-validated"));for(let r=0;r<i.length;r++){let l=i[r],d=l.getAttribute("data-title");if(l.querySelector(".is-invalid")){Array.from(t.querySelectorAll(`[data-title="${d}"]`)).forEach((c,u)=>{c.classList.add("active")});break}else Array.from(t.querySelectorAll(`[data-title="${d}"]`)).forEach((c,u)=>{c.classList.add("valid")})}t.addEventListener("invalid",function(){return function(r){r.preventDefault()}}(),!0);function s(r){const l=t.querySelector("fieldset.active")?t.querySelector("fieldset.active"):t.querySelector("fieldset[data-title]"),d=l.getAttribute("data-title");let c=!0;if(l.classList.add("was-validated"),Array.from(l.querySelectorAll("input")).forEach((b,p)=>{b.checkValidity()||(c=!1)}),c?Array.from(t.querySelectorAll(`[data-title="${d}"]`)).forEach((b,p)=>{b.classList.add("valid")}):Array.from(t.querySelectorAll(`[data-title="${d}"]`)).forEach((b,p)=>{b.classList.remove("valid")}),c||!r.hasAttribute("data-next")){const b=t.querySelector(`fieldset[data-title="${r.getAttribute("data-title")}"]`),p=t.querySelector(`.steps button[data-title="${r.getAttribute("data-title")}"]`);Array.from(t.querySelectorAll("button")).forEach((h,y)=>{h.classList.remove("active")}),Array.from(t.querySelectorAll("fieldset")).forEach((h,y)=>{h.classList.remove("active")}),p.classList.add("active"),b.classList.add("active")}let u=Array.from(t.querySelectorAll("fieldset")).length,m=Array.from(t.querySelectorAll("fieldset.valid")).length;t.style.setProperty("--progress",`${m/(u-1)*100}%`)}t.addEventListener("keydown",r=>{if(r&&r.target instanceof HTMLElement&&r.target.closest("button")){const l=r.target.closest("button");r.keyCode==13&&l.getAttribute("type")!="submit"&&(r.preventDefault(),s(l))}r&&r.target instanceof HTMLElement&&r.target.closest("input")&&(r.target.closest("input").classList.remove("is-invalid"),r.keyCode==13&&r.preventDefault())}),t.addEventListener("click",r=>{if(r&&r.target instanceof HTMLElement&&r.target.closest('button[type="submit"]'))r.target.closest("form").classList.add("was-validated");else if(r&&r.target instanceof HTMLElement&&r.target.closest("button[data-title]")){const l=r.target.closest("button[data-title]");s(l)}return null})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"action bar"});function J(t,o){t&&o=="all"?(t.querySelector("input").indeterminate=!1,t.querySelector("input").checked=!0,t.querySelector("label").textContent="Select all"):t&&o==0?(t.querySelector("input").indeterminate=!1,t.querySelector("input").checked=!1,t.querySelector("label").textContent="Select all"):t&&o?(t.querySelector("input").indeterminate=!0,t.querySelector("input").checked=!1,t.querySelector("label").textContent=`${o} item${o>1?"s":""} selected`):t&&(t.querySelector("input").checked=!1,t.querySelector("input").indeterminate=!1,t.querySelector("label").textContent="Select all")}class Do extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
162
162
|
<style>
|
|
163
163
|
@import "${e}";
|
|
164
|
-
.actionbar__wrapper{position:relative;z-index:10;height:4.25rem;container-type:inline-size}.views,.selectall{position:absolute !important;top:50%;left:1.5rem;transform:translate(0, -50%);z-index:10}@media screen and (min-width: 36em){.views,.selectall{left:2rem}}.views .btn-action:not(:last-child),.selectall .btn-action:not(:last-child){margin-right:0.25rem !important}.selectall{width:2.5rem;overflow:hidden}.selectall label{height:2.5rem}@media screen and (min-width: 36em){.selectall{width:auto;overflow:visible}}.actionbar [data-search]{display:none}:host([data-search]) .actionbar [data-search]{display:block;margin-left:1rem !important}:is(.actionbar,.actionbar--selected,.actionbar--search){border-top-left-radius:0.625rem;border-top-right-radius:0.625rem;padding:0 1.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center;height:4.25rem;
|
|
164
|
+
.actionbar__wrapper{position:relative;z-index:10;height:4.25rem;container-type:inline-size}.views,.selectall{position:absolute !important;top:50%;left:1.5rem;transform:translate(0, -50%);z-index:10}@media screen and (min-width: 36em){.views,.selectall{left:2rem}}.views .btn-action:not(:last-child),.selectall .btn-action:not(:last-child){margin-right:0.25rem !important}.selectall{width:2.5rem;overflow:hidden}.selectall label{height:2.5rem}@media screen and (min-width: 36em){.selectall{width:auto;overflow:visible}}.actionbar [data-search]{display:none}:host([data-search]) .actionbar [data-search]{display:block;margin-left:1rem !important}:is(.actionbar,.actionbar--selected,.actionbar--search){border-top-left-radius:0.625rem;border-top-right-radius:0.625rem;padding:0 1.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center;height:4.25rem;inset:0}@supports selector(:has(*)){:is(.actionbar,.actionbar--selected,.actionbar--search){position:absolute}}@container (width > 23.4375em){:is(.actionbar,.actionbar--selected,.actionbar--search){padding:0 2rem}}.actionbar{display:flex}.actionbar--selected{background-color:var(--colour-canvas);display:flex;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--selected{background-color:#e6eaec}}@supports selector(:has(*)){.actionbar--selected{opacity:0}}.actionbar--search{background-color:var(--colour-canvas);display:flex;z-index:2;position:relative;opacity:0;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--search{background-color:#e6eaec}}.selectall:has(input:checked)~.actionbar,.selectall:has(input:indeterminate)~.actionbar{opacity:0;pointer-events:none}.selectall:has(input:checked)~.actionbar--selected,.selectall:has(input:indeterminate)~.actionbar--selected{opacity:1;pointer-events:all}.actionbar--search.show{opacity:1;pointer-events:all}.actionbar__wrapper:has(.actionbar--search.show)>*:not(.actionbar--search.show){opacity:0;pointer-events:none}::slotted(*:not([slot=overflow])){margin-top:0 !important;margin-bottom:0 !important;margin-left:1rem !important;margin-right:0 !important}::slotted(.btn:not(.btn-action)){order:2}::slotted([data-single]){pointer-events:none;opacity:.5}:host([data-selected="1"]) ::slotted([data-single]){pointer-events:all;opacity:1}::slotted(hr){height:2rem;color:#9d9d9d !important;width:1px;display:none}@container (width > 48em){::slotted(hr){display:block}}.safe-area{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;width:13.125rem;overflow:visible;position:relative}@container (width > 23.4375em){.safe-area{width:28.125rem}}@container (width > 48em){.safe-area{width:46.875rem}}.safe-area .body{display:contents}:host([data-switchviews]) .safe-area{width:9rem}::slotted(.btn-compact[slot=selected-overflow]),::slotted(.btn-compact[slot=overflow]){max-width:none !important;text-indent:0 !important;width:auto !important;text-align:left !important;padding-left:0 !important;background:none !important;border:none !important}::slotted(.btn-compact[slot=selected-overflow]):before,::slotted(.btn-compact[slot=overflow]):before{position:static !important;line-height:inherit !important}.dialog__wrapper.dialog-overflow{margin-left:.5rem;margin-right:-0.5rem}.actionbar--search .btn{margin-left:-0.75rem !important;margin-right:auto !important}.search-wrapper{width:calc(100% - 3.25rem);max-width:21.875rem !important;margin:0 !important}@container (width > 48em){.search-wrapper{max-width:28.125rem !important}}.search-wrapper input{padding-top:0.5rem;padding-bottom:0.5rem;min-height:2.5rem !important;max-height:2.5rem !important}.search-wrapper :is(.prefix,.suffix){padding:0.5rem !important;min-height:2.5rem !important;max-height:2.5rem !important;min-width:2.5rem !important;max-width:2.5rem !important;line-height:1.5rem !important}/*# sourceMappingURL=assets/css/components/actionbar.css.map */
|
|
165
165
|
|
|
166
166
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
167
167
|
</style>
|
|
@@ -206,16 +206,16 @@
|
|
|
206
206
|
|
|
207
207
|
</div>
|
|
208
208
|
</div>
|
|
209
|
-
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){let o=this;const e=this.shadowRoot.querySelector(".actionbar__wrapper");if(this.hasAttribute("data-selectall")){e.insertAdjacentHTML("afterbegin",'<div class="selectall pb-0"><input type="checkbox" name="selectall" id="selectall"><label for="selectall" class="m-0">Select all</label></div>');let
|
|
210
|
-
* iamKey v4.0.
|
|
209
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){let o=this;const e=this.shadowRoot.querySelector(".actionbar__wrapper");if(this.hasAttribute("data-selectall")){e.insertAdjacentHTML("afterbegin",'<div class="selectall pb-0"><input type="checkbox" name="selectall" id="selectall"><label for="selectall" class="m-0">Select all</label></div>');let s=this.shadowRoot.querySelector(".selectall");this.hasAttribute("data-selected")&&J(s,this.getAttribute("data-selected")),s.addEventListener("change",l=>{l&&l.target instanceof HTMLElement&&l.target.closest("input")&&(l.target.closest("input").checked?this.setAttribute("data-selected","all"):this.setAttribute("data-selected",0))});let r=this.querySelector("button[data-cancel]");r&&r.addEventListener("click",l=>{this.setAttribute("data-selected",0)})}if(this.hasAttribute("data-select-watch")){const s=document.getElementById(this.getAttribute("data-select-watch"));s.setAttribute("data-select-container","true"),Array.from(s.querySelectorAll('input[type="checkbox"]')).forEach((r,l)=>{r.parentElement.setAttribute("slot","checkbox")}),s.addEventListener("change",r=>{if(r&&r.target instanceof HTMLElement&&r.target.closest('[type="checkbox"]')){let l=s.querySelectorAll('input[type="checkbox"]').length,d=s.querySelectorAll('input[type="checkbox"]:checked').length;o.setAttribute("data-selected",l==d?"all":d),r.target.closest('[type="checkbox"]'),d?Array.from(s.querySelectorAll('input[type="checkbox"]')).forEach((c,u)=>{c.closest("iam-card")&&c.closest("iam-card").setAttribute("data-selected","true")}):Array.from(s.querySelectorAll('input[type="checkbox"]')).forEach((c,u)=>{c.closest("iam-card")&&c.closest("iam-card").removeAttribute("data-selected")})}})}if(this.hasAttribute("data-switchviews")){let s="";this.getAttribute("data-switchviews").split(",").forEach((r,l)=>{let d="fa-grid-2";r=="list"?d="fa-grip-lines":r=="small"&&(d="fa-bars"),s+=`<button class="btn btn-action btn-compact mb-0 fa-regular ${d}">${r}</button>`}),e.insertAdjacentHTML("afterbegin",`<div class="views m-0">${s}</div>`),this.shadowRoot.querySelector(".views").addEventListener("click",r=>{if(r&&r.target instanceof HTMLElement&&r.target.closest(".btn-action")){let l=r.target.closest(".btn-action");this.setAttribute("data-view",l.textContent);const d=new CustomEvent("switch-view",{detail:{view:l.textContent}});this.dispatchEvent(d)}})}const n=this.shadowRoot.querySelector(".actionbar--search");this.hasAttribute("data-search")&&this.getAttribute("data-search")=="show"&&n.classList.add("show"),this.shadowRoot.addEventListener("click",s=>{s&&s.target instanceof HTMLElement&&s.target.closest("button[data-search]")&&n.classList.toggle("show")}),n.addEventListener("keyup",s=>{const r=new CustomEvent("search-keyup",{detail:{search:n.querySelector("input").value}});this.dispatchEvent(r)}),n.addEventListener("change",s=>{const r=new CustomEvent("search-change",{detail:{search:n.querySelector("input").value}});this.dispatchEvent(r)}),n.addEventListener("click",s=>{if(s&&s.target instanceof HTMLElement&&s.target.closest("button.suffix")){const r=new CustomEvent("search-submit",{detail:{search:n.querySelector("input").value}});this.dispatchEvent(r)}}),Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((s,r)=>{No(s)});function i(){const s=e.scrollWidth,r=document.documentElement.scrollWidth;let l=750,d=16,c=o.hasAttribute("data-switchviews")?144:210,u=1;r>=992&&r<=1280?u=r/1280:r>=576&&r<=1280?u=r/768:r<576&&(u=r/375),s>=992&&s<=1280?l=l*u:s>=576&&s<=1280?l=450*u:s<576&&(l=c*u),d=d*u,s<576?Array.from(o.querySelectorAll(":scope > .btn:not(.js-updated)")).forEach((m,b)=>{m.className=m.className.replace(" btn-compact"," _btn-compact"),m.classList.add("btn-compact"),m.classList.add("js-updated")}):Array.from(o.querySelectorAll(":scope > .btn.js-updated")).forEach((m,b)=>{m.classList.remove("btn-compact"),m.classList.remove("js-updated"),m.className=m.className.replace(" _btn-compact"," btn-compact")}),Array.from(o.querySelectorAll("[slot]")).forEach((m,b)=>{m.getAttribute("slot")=="overflow"&&m.removeAttribute("slot"),m.getAttribute("slot")=="selected-overflow"&&m.setAttribute("slot","selected")}),Array.from(o.querySelectorAll(".show")).forEach((m,b)=>{m.classList.remove("show")}),Array.from(o.shadowRoot.querySelectorAll(".safe-area")).forEach((m,b)=>{let p="overflow";m.querySelector("slot").hasAttribute("name")&&m.querySelector("slot").getAttribute("name")=="selected"&&(p="selected-overflow");let h=m.querySelector("slot").assignedElements(),y=44*u;o.hasAttribute("data-search")&&(y+=44*u);for(let f=0;f<h.length;f++)!h[f].classList.contains("btn-action")&&!h[f].classList.contains("dialog__wrapper")&&(y+=h[f].offsetWidth,y+=d);for(let f=0;f<h.length;f++)if(h[f].classList.contains("dialog__wrapper")&&(h[f].classList.add("show"),y+=h[f].offsetWidth,y+=d/2,y-d/2>l)){h[f].classList.remove("show");break}for(let f=0;f<h.length;f++)if(h[f].classList.contains("btn-action")&&(h[f].classList.add("show"),y+=h[f].offsetWidth,y+=d/2,y-d/2>l)){h[f].classList.remove("show");break}let A=m.querySelector(".dialog-overflow");A&&A.classList.add("d-none");for(let f=0;f<h.length;f++)(h[f].classList.contains("btn-action")||h[f].classList.contains("dialog__wrapper"))&&(h[f].classList.contains("show")||(h[f].setAttribute("slot",p),A&&A.classList.remove("d-none")))})}i(),new ResizeObserver(i).observe(e)}static get observedAttributes(){return["data-selected"]}attributeChangedCallback(o,e,n){switch(o){case"data-selected":{let i=this.shadowRoot.querySelector(".selectall");i&&J(i,n);const s=new CustomEvent("selected",{detail:{selected:n}});if(this.dispatchEvent(s),n=="all"&&this.hasAttribute("data-select-watch")){const r=document.getElementById(this.getAttribute("data-select-watch"));Array.from(r.querySelectorAll('input[type="checkbox"]')).forEach((l,d)=>{l.checked=!0,l.closest("iam-card")&&l.closest("iam-card").setAttribute("data-selected","true")})}if(n=="0"&&this.hasAttribute("data-select-watch")){const r=document.getElementById(this.getAttribute("data-select-watch"));Array.from(r.querySelectorAll('input[type="checkbox"]')).forEach((l,d)=>{l.checked=!1,l.closest("iam-card")&&l.closest("iam-card").removeAttribute("data-selected","true")})}break}}}}window.customElements.get("iam-actionbar")||window.customElements.define("iam-actionbar",Do);const Ro={name:"Actionbar",props:{},mounted(){}};function zo(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("iam-actionbar",null,[a.renderSlot(t.$slots,"default")])}const Po=v(Ro,[["render",zo]]);/*!
|
|
210
|
+
* iamKey v4.0.1
|
|
211
211
|
* Copyright 2022-2023 iamproperty
|
|
212
|
-
*/const Fo=function(t,o){if(!t.getAttribute("data-pages"))return!1;t.getAttribute("data-page")||t.setAttribute("data-page",1);let e=t.getAttribute("data-page"),n=t.getAttribute("data-pages"),
|
|
212
|
+
*/const Fo=function(t,o){if(!t.getAttribute("data-pages"))return!1;t.getAttribute("data-page")||t.setAttribute("data-page",1);let e=t.getAttribute("data-page"),n=t.getAttribute("data-pages"),i=t.getAttribute("data-total"),s=t.getAttribute("data-show"),r=t.getAttribute("data-increment");if(n<=1)return o.innerHTML="",!1;let l="";for(let d=1;d<=n;d++)d==e?l+=`<li class="page-item active" aria-current="page"><span class="page-link">${d}</span></li>`:l+=`<li class="page-item"><a href="?page=${d}" class="page-link" data-page="${d}">${d}</a></li>`;return o.innerHTML=`<ul class="pagination mb-0 d-none d-sm-flex">
|
|
213
213
|
${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>`}
|
|
214
214
|
${l}
|
|
215
215
|
${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>`}
|
|
216
216
|
</ul>`,o.innerHTML+=`<div class="d-sm-none text-center">
|
|
217
|
-
<span class="d-block pb-2">You've viewed ${
|
|
218
|
-
<a href="?show=${parseInt(
|
|
217
|
+
<span class="d-block pb-2">You've viewed ${s} of ${i} results</span>
|
|
218
|
+
<a href="?show=${parseInt(s)+parseInt(r)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(s)+parseInt(r)}">Load more results</a>
|
|
219
219
|
</div>`,!0};let jo=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
220
220
|
<style>
|
|
221
221
|
@import "${e}";
|
|
@@ -224,10 +224,10 @@
|
|
|
224
224
|
</style>
|
|
225
225
|
<div class="pagination__wrapper d-none">
|
|
226
226
|
</div>
|
|
227
|
-
`,this.shadowRoot.appendChild(n.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",o.has("show")?o.get("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"))),Fo(this,this.shadowRoot.querySelector(".pagination__wrapper")),this.shadowRoot.querySelector(".pagination__wrapper").classList.remove("d-none")}};const Io={name:"Pagination",props:{},computed:{},created(){this.$nextTick(function(){window.customElements.get("iam-pagination")||window.customElements.define("iam-pagination",jo)})},updated(){}};function Oo(t,o,e,n,s
|
|
228
|
-
* iamKey v4.0.
|
|
227
|
+
`,this.shadowRoot.appendChild(n.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",o.has("show")?o.get("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"))),Fo(this,this.shadowRoot.querySelector(".pagination__wrapper")),this.shadowRoot.querySelector(".pagination__wrapper").classList.remove("d-none")}};const Io={name:"Pagination",props:{},computed:{},created(){this.$nextTick(function(){window.customElements.get("iam-pagination")||window.customElements.define("iam-pagination",jo)})},updated(){}};function Oo(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("iam-pagination")}const Wo=v(Io,[["render",Oo]]);/*!
|
|
228
|
+
* iamKey v4.0.1
|
|
229
229
|
* Copyright 2022-2023 iamproperty
|
|
230
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"collapsible side menu"});class
|
|
230
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"collapsible side menu"});class Uo extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${o}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
231
231
|
<style class="styles">
|
|
232
232
|
@import "${e}";
|
|
233
233
|
:host{--colour-border: #e9e9e9;--side-link-hover: var(--colour-canvas-2);display:block;min-height:calc(100vh - var(--nav-height));padding-top:0 !important;margin-inline:auto;max-width:80rem;overflow:hidden;position:relative}@media screen and (prefers-color-scheme: light){:host{--side-link-hover: #eeeeee}}.container{position:static;min-height:100%;padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}@media screen and (min-width: 62em){.container{padding-left:5.25rem !important;overflow:hidden}}.side-menu{position:absolute;top:0;left:0;height:100%;min-height:calc(100vh - var(--nav-height));width:1.875rem;height:100%;background-color:var(--colour-canvas);transition:width 1s}.side-menu:before{content:"";position:absolute;top:0;right:0;height:100%;border-right:2px solid var(--colour-border)}@media screen and (min-width: 36em){.side-menu{left:0;width:2.5rem}}@media screen and (min-width: 62em){.side-menu{left:calc(50% - 34.75rem);margin-left:-5.25rem}.side-menu:after{content:"";position:absolute;top:0;height:100%;border-right:2px solid var(--colour-border);left:0;opacity:1;transition:all 1s;width:2.5rem;background:var(--colour-canvas)}.side-menu:not(.open).hover{width:21.5rem}.side-menu:not(.open).hover .btn[class*=fa-]:before{content:"" !important}}.side-menu .btn{position:absolute;top:2rem;right:0;margin-bottom:0;margin-right:-1.25rem;background-color:var(--colour-canvas-2);border:2px solid var(--colour-border);z-index:99}.side-menu:is(.open){width:calc(100% - var(--container-padding-x))}.side-menu:is(.open) .btn[class*=fa-]:before{content:"" !important}@media screen and (min-width: 36em){.side-menu:is(.open){width:23.875rem}}@media screen and (min-width: 62em){.side-menu:is(.open){width:21.5rem}.side-menu:is(.open) .btn{opacity:0;transition:opacity .5s}.side-menu:is(.open) .btn:is(:hover,:focus,:active){opacity:1}}.side-menu .side-menu-content{position:absolute;top:0;right:0;padding:2rem 2.5rem 0 0;width:21.9375rem;opacity:0;transition:opacity 1s;min-height:100%;overflow:auto;max-height:100%}.side-menu .side-menu-content .h3{padding-left:1.5rem}@media screen and (min-width: 36em){.side-menu .side-menu-content{width:23.875rem}.side-menu .side-menu-content .h3{padding-left:2.5rem}}@media screen and (min-width: 62em){.side-menu .side-menu-content{width:19rem}}.side-menu:not(.hover):not(.open) .side-menu-content.closed{display:none}.side-menu.open .side-menu-content{opacity:1}@media screen and (min-width: 62em){.side-menu.hover .side-menu-content{opacity:1}}::slotted(*[slot=menu]){padding-left:1.5rem}@media screen and (min-width: 36em){::slotted(*[slot=menu]){padding-left:2.5rem !important}}::slotted(hr){border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important}::slotted(a[slot=menu]){display:block;display:block !important;line-height:1.25rem !important;padding:1rem 2.5rem 1rem 1.5rem !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important;text-decoration:none;border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important;border-right:2px solid var(--colour-border) !important}@media screen and (min-width: 36em){::slotted(a[slot=menu]){padding-left:2.5rem !important}}::slotted(a[slot=menu]):after{display:none}::slotted(a[slot=menu]:where(:hover,:focus,.selected)){background-color:var(--side-link-hover) !important}::slotted(a[slot=menu]:active){background-color:var(--side-link-hover) !important;font-weight:bold !important}::slotted(a[slot=menu].selected){background-color:var(--side-link-hover) !important;font-weight:bold !important;margin-right:-2.5rem !important;position:relative;border-right:2px solid var(--colour-info) !important}::slotted(a[slot=menu].selected):before{content:"";position:absolute;top:0;right:0;height:calc(100% + 4px);margin-top:-2px;width:2px;border-right:2px solid var(--colour-info);margin-right:-2px}@media(forced-colors: active){::slotted(a[slot=menu].selected):before{border-right:10px solid var(--colour-info)}}.main-content{padding-top:1.5rem;padding-left:3.75rem}@media screen and (min-width: 36em){.main-content{padding-left:5rem}}@media screen and (min-width: 62em){.main-content{padding-top:2.5rem !important;padding-left:0}}.main-content>span.h3{padding-top:.75rem;border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important}@media screen and (min-width: 62em){.main-content>span.h3{display:none}}::slotted(.main-content__title){border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important;max-width:100% !important;display:block}@media screen and (min-width: 62em){.side-menu.open+.main-content{padding-left:18.75rem}::slotted(.main-content__title){display:none}}/*# sourceMappingURL=assets/css/components/collapsible-side.css.map */
|
|
@@ -249,13 +249,13 @@
|
|
|
249
249
|
</div>
|
|
250
250
|
|
|
251
251
|
</div>
|
|
252
|
-
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){const o=this.shadowRoot.querySelector(".side-menu"),e=this.shadowRoot.querySelector(".side-menu-content"),n=this.shadowRoot.querySelector(".main-content"),
|
|
253
|
-
* iamKey v4.0.
|
|
252
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){const o=this.shadowRoot.querySelector(".side-menu"),e=this.shadowRoot.querySelector(".side-menu-content"),n=this.shadowRoot.querySelector(".main-content"),i=this.shadowRoot.querySelector(".side-menu > .btn");this.hasAttribute("data-css")&&this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`),this.hasAttribute("data-title")||this.setAttribute("data-title","configuration"),e.insertAdjacentHTML("afterbegin",`<span class="h3">${this.getAttribute("data-title")}</span>`),n.insertAdjacentHTML("afterbegin",`<span class="h3">${this.getAttribute("data-title")}</span>`),this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)")&&(this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("h4"),this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("main-content__title")),i.addEventListener("click",s=>{o.classList.contains("open")?(o.classList.remove("open"),setTimeout(function(){e.classList.add("closed")},1e3),o.classList.add("pe-none"),setTimeout(function(){o.classList.remove("pe-none")},1e3)):(e.classList.remove("closed"),setTimeout(function(){o.classList.add("open")},100))}),o.addEventListener("mouseenter",s=>{window.innerWidth>992&&(o.classList.contains("open")||e.classList.remove("closed"),o.classList.add("hover"))}),o.addEventListener("mousemove",s=>{window.innerWidth>992&&(o.classList.contains("open")||e.classList.remove("closed"))}),o.addEventListener("mouseleave",s=>{window.innerWidth>992&&(o.classList.remove("hover"),o.classList.contains("open")||setTimeout(function(){e.classList.add("closed")},1e3))})}}window.customElements.get("iam-collapsible-side")||window.customElements.define("iam-collapsible-side",Uo);const Yo={name:"CollapsibleSideMenu",props:{},mounted(){}};function Go(t,o,e,n,i,s){return a.openBlock(),a.createElementBlock("iam-collapsible-side",null,[a.renderSlot(t.$slots,"default")])}const Ko=v(Yo,[["render",Go]]);/*!
|
|
253
|
+
* iamKey v4.0.1
|
|
254
254
|
* Copyright 2022-2023 iamproperty
|
|
255
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Card"});class Xo extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.querySelector('[class*="fa-"]')&&this.classList.add("card--has-icon");let o=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`,
|
|
255
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Card"});class Xo extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.querySelector('[class*="fa-"]')&&this.classList.add("card--has-icon");let o=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=`
|
|
256
256
|
<style>
|
|
257
257
|
@import "${n}";
|
|
258
|
-
.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)
|
|
258
|
+
.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(:checked,.checked,:active,.active){outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card--filter:is(:checked,.checked,:active,.active) .card__body{background:none}.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}:host([data-selected]) .card:before,:host([data-selected]) .card:after{display:none !important}/*# sourceMappingURL=assets/css/components/card.css.map */
|
|
259
259
|
|
|
260
260
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
261
261
|
</style>
|
|
@@ -266,12 +266,14 @@
|
|
|
266
266
|
${this.hasAttribute("data-illustration")?`<div class="card__illustration"><img src="${this.getAttribute("data-illustration")}" alt="" loading="lazy" /></div>`:""}
|
|
267
267
|
<slot></slot>
|
|
268
268
|
</div>
|
|
269
|
+
|
|
270
|
+
<slot name="checkbox"></slot>
|
|
269
271
|
${this.hasAttribute("data-cta")?`<div class="card__footer"><span class="link">${this.getAttribute("data-cta")}</span></div>`:""}
|
|
270
272
|
</div>
|
|
271
|
-
`,this.shadowRoot.appendChild(
|
|
272
|
-
* iamKey v4.0.
|
|
273
|
+
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){this.classList.add("loaded");const o=this.parentNode.closest("a, button, label"),e=this.shadowRoot.querySelector(".card");o.setAttribute("tabindex","-1"),o.matches("label[for]")&&(document.getElementById(o.getAttribute("for")).checked?e.classList.add("checked"):e.classList.remove("checked")),this.addEventListener("click",n=>{let i=new Event("click");e.dispatchEvent(i)}),e.addEventListener("click",n=>{if(o.matches("label[for]")){n.stopPropagation(),n.preventDefault();const i=document.getElementById(o.getAttribute("for")),s=i.getAttribute("name"),r=i.getAttribute("id");Array.from(document.querySelectorAll(`[name="${s}"][type="radio"]:not([id="${r}"])`)).forEach((l,d)=>{document.querySelector(`[for="${l.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),o.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(o.matches("label[for]")){n.stopPropagation(),n.preventDefault();const i=document.getElementById(o.getAttribute("for")),s=i.getAttribute("name"),r=i.getAttribute("id");Array.from(document.querySelectorAll(`[name="${s}"]:not([id="${r}"])`)).forEach((l,d)=>{document.querySelector(`[for="${l.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),o.click(),i.checked?e.classList.add("checked"):e.classList.remove("checked")}else o.click();break}})}static get observedAttributes(){return["data-total","class"]}attributeChangedCallback(o,e,n){switch(o){case"data-total":{this.shadowRoot.querySelector(".card__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 Jo=Object.freeze(Object.defineProperty({__proto__:null,default:Xo},Symbol.toStringTag,{value:"Module"}));/*!
|
|
274
|
+
* iamKey v4.0.1
|
|
273
275
|
* Copyright 2022-2023 iamproperty
|
|
274
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"nav"});class Qo extends HTMLElement{constructor(){super();const o=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`,
|
|
276
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"nav"});class Qo extends HTMLElement{constructor(){super();const o=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=`
|
|
275
277
|
<style class="styles">
|
|
276
278
|
@import "${n}";
|
|
277
279
|
: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 */
|
|
@@ -303,7 +305,7 @@
|
|
|
303
305
|
</div>
|
|
304
306
|
<div class="lists"></div>
|
|
305
307
|
<div class="backdrop" part="backdrop"></div>
|
|
306
|
-
`,o.appendChild(
|
|
308
|
+
`,o.appendChild(i.content.cloneNode(!0))}connectedCallback(){this.hasAttribute("data-css")&&this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`);const o=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(r){switch(r.tagName){case"BUTTON":r.setAttribute("slot","actions"),e.classList.add("has-actions");break}if(r.classList.contains("nav--menu")&&r.hasAttribute("data-title")&&r.hasAttribute("data-icon")){const l=r.getAttribute("data-title"),d=r.getAttribute("data-icon"),c=document.createElement("button");c.setAttribute("slot",l),c.classList.add("btn-menu"),c.innerHTML=`<span class="btn btn-primary"><span>${l}</span><i class="${d}"></i><i class="fa-regular fa-xmark-large"></i></span>`,s.insertAdjacentElement("beforeend",c);const u=c.querySelector(".btn-primary");r.setAttribute("slot","menus"),r.classList.contains("open")?(c.classList.add("selected"),u.classList.toggle("active"),n.classList.add("open"),i.classList.add("show")):r.classList.add("closed"),c.addEventListener("click",function(m){m.preventDefault(),c.classList.toggle("selected"),r.classList.toggle("open"),u.classList.toggle("active");let b=n.querySelector(":scope > details[open]");b&&b.removeAttribute("open"),r.classList.contains("open")?(e.classList.remove("open"),o.classList.remove("selected"),setTimeout(function(){e.classList.add("closed")},1e3),n.classList.add("open"),i.classList.add("show"),r.classList.remove("closed")):(n.classList.remove("open"),i.classList.remove("show"),setTimeout(function(){r.classList.add("closed")},1e3)),n.querySelectorAll(".nav--menu.open").forEach(function(p){p!=r&&p.classList.remove("open")}),n.shadowRoot.querySelectorAll(".buttons-holder .btn-menu.selected").forEach(function(p){p!=c&&(p.classList.remove("selected"),p.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"),o.addEventListener("click",function(r){r.preventDefault(),o.classList.toggle("selected"),e.classList.toggle("open"),n.querySelectorAll(".nav--menu.open").forEach(function(l){l.classList.remove("open"),setTimeout(function(){l.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")}),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",r=>{o.classList.remove("selected"),e.classList.remove("open"),n.classList.remove("open")}),i.addEventListener("click",r=>{let l=this.querySelector("details[open] summary");l&&l.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",r=>{if(r&&r.target instanceof HTMLElement&&r.target.closest("summary")&&window.innerWidth>992){let l=r.target.closest("summary").closest("details"),d=l.parentNode;l.hasAttribute("open")?l.removeAttribute("open"):l.setAttribute("open","true"),n.querySelectorAll(".nav--menu.open").forEach(function(c){c.classList.remove("open"),setTimeout(function(){e.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")}),Array.from(d.querySelectorAll(":scope > details")).forEach((c,u)=>{c!=l&&c.removeAttribute("open")}),this.querySelectorAll(":scope > details[open]").length?(i.classList.add("show"),n.classList.add("open")):(i.classList.remove("show"),n.classList.remove("open")),r.preventDefault()}}),this.querySelectorAll("details").forEach(r=>{let l=r.querySelector("summary");r.querySelector(":Scope > div").setAttribute("data-title",l.textContent)}),this.hasAttribute("data-search")){e.classList.add("has-search");let r=this.shadowRoot.querySelector("#search-wrapper");r.classList.remove("d-none"),r.insertAdjacentHTML("afterbegin",`<button class="btn btn-secondary btn-compact fa-search me-0 mb-0" id="search-button">Open Search field</button>
|
|
307
309
|
<dialog id="search-dialog">
|
|
308
310
|
<div class="container">
|
|
309
311
|
<form action="${this.hasAttribute("data-search")?this.getAttribute("data-search"):""}" class="row" id="search-form">
|
|
@@ -317,4 +319,4 @@
|
|
|
317
319
|
</div>
|
|
318
320
|
</form>
|
|
319
321
|
</div>
|
|
320
|
-
</dialog>`);let l=this.shadowRoot.querySelector("#search-button"),d=this.shadowRoot.querySelector("#search-close"),c=this.shadowRoot.querySelector("#search-dialog"),u=this.shadowRoot.querySelector("#search"),m=this.shadowRoot.querySelector("#search-form");this.hasAttribute("data-search-open")&&(c.setAttribute("open","open"),this.classList.add("search-open")),l.addEventListener("click",b=>{c.setAttribute("open","open"),this.classList.add("search-open")}),d.addEventListener("click",b=>{c.removeAttribute("open"),this.classList.remove("search-open")}),u.addEventListener("keydown",b=>{const p=new CustomEvent("search-keydown",{detail:{search:u.value}});this.dispatchEvent(p)}),u.addEventListener("keyup",b=>{u.value.length>=3&&u.hasAttribute("data-list")?u.setAttribute("list",u.getAttribute("data-list")):u.removeAttribute("list");const p=new CustomEvent("search-keyup",{detail:{search:u.value}});this.dispatchEvent(p)}),u.addEventListener("change",b=>{const p=new CustomEvent("search-change",{detail:{search:u.value}});this.dispatchEvent(p)}),m.addEventListener("submit",b=>{this.hasAttribute("data-prevent-search")&&b.preventDefault();const p=new CustomEvent("search-submit",{detail:{search:u.value}});this.dispatchEvent(p)}),this.querySelectorAll("datalist").forEach(b=>{n.shadowRoot.querySelector(".lists").insertAdjacentElement("beforeend",b)})}}}const Zo=Object.freeze(Object.defineProperty({__proto__:null,default:Qo},Symbol.toStringTag,{value:"Module"}));g.Accordion=rt,g.AccordionItem=ct,g.Actionbar=Po,g.AppliedFilters=_o,g.Banner=yt,g.Card=Y,g.Carousel=Mt,g.CollapsibleSideMenu=Ko,g.FileUpload=Qe,g.Filterlist=xo,g.Header=Rt,g.Input=N,g.Logo=oe,g.Nav=Ea,g.NoteFeed=fo,g.Notification=Bo,g.Pagination=
|
|
322
|
+
</dialog>`);let l=this.shadowRoot.querySelector("#search-button"),d=this.shadowRoot.querySelector("#search-close"),c=this.shadowRoot.querySelector("#search-dialog"),u=this.shadowRoot.querySelector("#search"),m=this.shadowRoot.querySelector("#search-form");this.hasAttribute("data-search-open")&&(c.setAttribute("open","open"),this.classList.add("search-open")),l.addEventListener("click",b=>{c.setAttribute("open","open"),this.classList.add("search-open")}),d.addEventListener("click",b=>{c.removeAttribute("open"),this.classList.remove("search-open")}),u.addEventListener("keydown",b=>{const p=new CustomEvent("search-keydown",{detail:{search:u.value}});this.dispatchEvent(p)}),u.addEventListener("keyup",b=>{u.value.length>=3&&u.hasAttribute("data-list")?u.setAttribute("list",u.getAttribute("data-list")):u.removeAttribute("list");const p=new CustomEvent("search-keyup",{detail:{search:u.value}});this.dispatchEvent(p)}),u.addEventListener("change",b=>{const p=new CustomEvent("search-change",{detail:{search:u.value}});this.dispatchEvent(p)}),m.addEventListener("submit",b=>{this.hasAttribute("data-prevent-search")&&b.preventDefault();const p=new CustomEvent("search-submit",{detail:{search:u.value}});this.dispatchEvent(p)}),this.querySelectorAll("datalist").forEach(b=>{n.shadowRoot.querySelector(".lists").insertAdjacentElement("beforeend",b)})}}}const Zo=Object.freeze(Object.defineProperty({__proto__:null,default:Qo},Symbol.toStringTag,{value:"Module"}));g.Accordion=rt,g.AccordionItem=ct,g.Actionbar=Po,g.AppliedFilters=_o,g.Banner=yt,g.Card=Y,g.Carousel=Mt,g.CollapsibleSideMenu=Ko,g.FileUpload=Qe,g.Filterlist=xo,g.Header=Rt,g.Input=N,g.Logo=oe,g.Nav=Ea,g.NoteFeed=fo,g.Notification=Bo,g.Pagination=Wo,g.PropertySearchbar=Aa,g.Snapshot=ja,g.Step=Ya,g.Stepper=Ha,g.Tab=so,g.Table=H,g.Tabs=ao,g.Testimonial=ta,g.Timeline=sa,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});
|