@iamproperty/components 3.4.6 → 3.4.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/components/accordion.css.map +1 -1
- package/assets/css/components/applied-filters.css +1 -0
- package/assets/css/components/applied-filters.css.map +1 -0
- package/assets/css/components/card.css +1 -1
- package/assets/css/components/card.css.map +1 -1
- package/assets/css/components/charts.css +1 -1
- package/assets/css/components/charts.css.map +1 -1
- package/assets/css/components/container.css +1 -1
- package/assets/css/components/container.css.map +1 -1
- package/assets/css/components/dialog.css +1 -0
- package/assets/css/components/dialog.css.map +1 -0
- package/assets/css/components/forms.css +1 -1
- package/assets/css/components/forms.css.map +1 -1
- package/assets/css/components/lists.css +1 -1
- package/assets/css/components/lists.css.map +1 -1
- package/assets/css/components/nav.css +1 -1
- package/assets/css/components/nav.css.map +1 -1
- package/assets/css/components/pagination.css +1 -0
- package/assets/css/components/pagination.css.map +1 -0
- package/assets/css/components/table.css +1 -0
- package/assets/css/components/table.css.map +1 -0
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/bundle.js +18 -11
- package/assets/js/components/accordion/accordion.component.js +6 -0
- package/assets/js/components/accordion/accordion.component.min.js +3 -3
- package/assets/js/components/accordion/accordion.component.min.js.map +1 -1
- package/assets/js/components/applied-filters/applied-filters.component.js +26 -0
- package/assets/js/components/card/card.component.js +91 -0
- package/assets/js/components/card/card.component.min.js +21 -0
- package/assets/js/components/card/card.component.min.js.map +1 -0
- package/assets/js/components/filterlist/filterlist.component.js +49 -0
- package/assets/js/components/filterlist/filterlist.component.min.js +23 -0
- package/assets/js/components/filterlist/filterlist.component.min.js.map +1 -0
- package/assets/js/components/header/header.component.js +6 -0
- package/assets/js/components/header/header.component.min.js +2 -2
- package/assets/js/components/header/header.component.min.js.map +1 -1
- package/assets/js/components/pagination/pagination.component.js +34 -0
- package/assets/js/components/table/table.component.js +104 -0
- package/assets/js/components/table/table.component.min.js +24 -0
- package/assets/js/components/table/table.component.min.js.map +1 -0
- package/assets/js/components/tabs/tabs.component.js +6 -0
- package/assets/js/components/tabs/tabs.component.min.js +17 -0
- package/assets/js/components/tabs/tabs.component.min.js.map +1 -0
- package/assets/js/dynamic.js +7 -18
- package/assets/js/dynamic.min.js +2 -53
- package/assets/js/dynamic.min.js.map +1 -1
- package/assets/js/flat-components.js +27 -9
- package/assets/js/modules/applied-filters.js +100 -0
- package/assets/js/modules/data-layer.js +45 -0
- package/assets/js/modules/filterlist.js +32 -0
- package/assets/js/modules/helpers.js +77 -49
- package/assets/js/modules/pagination.js +33 -0
- package/assets/js/modules/table.js +507 -420
- package/assets/js/modules/tabs.js +6 -0
- package/assets/js/modules/youtubevideo.js +53 -61
- package/assets/js/scripts.bundle.js +77 -62
- 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/js/tests/filterlist.spec.js +22 -0
- package/assets/js/tests/pagination.spec.js +15 -0
- package/assets/js/tests/table.spec.js +147 -0
- package/assets/sass/_components.scss +1 -2
- package/assets/sass/_corefiles.scss +5 -4
- package/assets/sass/_functions/utilities.scss +16 -0
- package/assets/sass/_functions/variables.scss +32 -18
- package/assets/sass/_tests/colours.spec.scss +1 -1
- package/assets/sass/components/applied-filters.scss +65 -0
- package/assets/sass/components/card.scss +177 -233
- package/assets/sass/components/charts.scss +4 -0
- package/assets/sass/components/container.scss +7 -2
- package/assets/sass/components/dialog.scss +202 -0
- package/assets/sass/components/forms.scss +37 -5
- package/assets/sass/components/lists.scss +15 -0
- package/assets/sass/components/nav.scss +5 -1
- package/assets/sass/components/pagination.scss +140 -0
- package/assets/sass/components/table.scss +419 -0
- package/assets/sass/foundations/icons.scss +1 -1
- package/assets/sass/{components → foundations}/links.scss +26 -0
- package/assets/sass/foundations/reboot.scss +19 -13
- package/assets/svg/illustrations/table.svg +165 -0
- package/assets/ts/bundle.ts +23 -12
- package/assets/ts/components/accordion/accordion.component.ts +7 -0
- package/assets/ts/components/applied-filters/README.md +5 -0
- package/assets/ts/components/applied-filters/applied-filters.component.ts +33 -0
- package/assets/ts/components/card/README.md +22 -0
- package/assets/ts/components/card/card.component.ts +117 -0
- package/assets/ts/components/filterlist/README.md +17 -0
- package/assets/ts/components/filterlist/filterlist.component.ts +60 -0
- package/assets/ts/components/header/header.component.ts +8 -0
- package/assets/ts/components/pagination/README.md +11 -0
- package/assets/ts/components/pagination/pagination.component.ts +45 -0
- package/assets/ts/components/table/README.md +23 -0
- package/assets/ts/components/table/table.component.ts +128 -0
- package/assets/ts/components/tabs/tabs.component.ts +7 -0
- package/assets/ts/dynamic.ts +12 -19
- package/assets/ts/flat-components.ts +37 -9
- package/assets/ts/modules/applied-filters.ts +146 -0
- package/assets/ts/modules/data-layer.ts +58 -0
- package/assets/ts/modules/filterlist.ts +46 -0
- package/assets/ts/modules/helpers.ts +90 -60
- package/assets/ts/modules/pagination.ts +44 -0
- package/assets/ts/modules/table.ts +598 -433
- package/assets/ts/modules/tabs.ts +8 -1
- package/assets/ts/modules/youtubevideo.ts +58 -63
- package/assets/ts/tests/filterlist.spec.ts +29 -0
- package/assets/ts/tests/pagination.spec.ts +21 -0
- package/assets/ts/tests/table.spec.ts +191 -0
- package/dist/components.es.js +1264 -1296
- package/dist/components.umd.js +70 -65
- package/dist/style.css +1 -1
- package/package.json +7 -5
- package/src/components/AppliedFilters/AppliedFilters.vue +20 -0
- package/src/components/AppliedFilters/README.md +5 -0
- package/src/components/Card/Card.vue +11 -112
- package/src/components/Card/README.md +16 -18
- package/src/components/Carousel/Carousel.vue +49 -10
- package/src/components/Chart/Chart.vue +46 -4
- package/src/components/Filterlist/Filterlist.vue +20 -0
- package/src/components/Filterlist/README.md +17 -0
- package/src/components/Pagination/Pagination.vue +30 -0
- package/src/components/Pagination/README.md +11 -0
- package/src/components/Table/README.md +29 -44
- package/src/components/Table/Table.spec.js +5 -37
- package/src/components/Table/Table.vue +16 -91
- package/src/foundations/YoutubeVideo/YoutubeVideo.vue +1 -1
- package/src/index.js +3 -2
- package/assets/css/components/cardDeck.css +0 -1
- package/assets/css/components/cardDeck.css.map +0 -1
- package/assets/css/components/links.css +0 -1
- package/assets/css/components/links.css.map +0 -1
- package/assets/css/components/modal.css +0 -1
- package/assets/css/components/modal.css.map +0 -1
- package/assets/css/components/tables.css +0 -1
- package/assets/css/components/tables.css.map +0 -1
- package/assets/js/modules/modal.js +0 -69
- package/assets/sass/components/cardDeck.scss +0 -108
- package/assets/sass/components/modal.scss +0 -136
- package/assets/sass/components/tables.scss +0 -291
- package/assets/ts/modules/modal.ts +0 -91
- package/src/components/CardDeck/CardDeck.spec.js +0 -99
- package/src/components/CardDeck/CardDeck.vue +0 -77
- package/src/components/CardDeck/README.md +0 -25
- package/src/components/Modal/Modal.spec.js +0 -22
- package/src/components/Modal/Modal.vue +0 -43
- package/src/components/Modal/README.md +0 -20
package/dist/components.umd.js
CHANGED
|
@@ -1,71 +1,50 @@
|
|
|
1
|
-
(function(
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
<
|
|
5
|
-
</div>
|
|
6
|
-
<
|
|
7
|
-
|
|
8
|
-
</datalist>
|
|
9
|
-
</
|
|
10
|
-
<div class="col-md-8 align-items-center pb-3 ${k}">
|
|
11
|
-
${'<span class="pe-3 text-nowrap h5 mb-0">Filter by: </span>'+i.map(y=>`<div class="form-check pe-3 mt-0 mb-0"><input class="form-check-input" type="checkbox" id="${o}_${y.textContent.replace(" ","_").toLowerCase()}" checked="checked" /><label class="form-check-label text-nowrap" for="${o}_${y.textContent.replace(" ","_").toLowerCase()}">${y.textContent}</label></div>`).join("")}
|
|
12
|
-
</div>`,t.prepend(c)},S=function(u){let c=[];Array.from(l.querySelectorAll("tr")).forEach((f,h)=>{let k="";if(Array.from(t.querySelectorAll('[type="checkbox"]:checked + label')).forEach((y,x)=>{k+=f.querySelector('td[data-label="'+y.textContent+'"]').textContent+" | "}),k.indexOf(u)>=0){const y={row:f};c.push(y)}});let i="";c.forEach((f,h)=>{i+=f.row.outerHTML}),a.innerHTML=i,t.dispatchEvent(s)},V=function(){let u=[];Array.from(t.querySelectorAll('[type="checkbox"]:checked + label')).forEach((f,h)=>{u.push(f.textContent)});let c=[];u.forEach((f,h)=>{Array.from(t.querySelectorAll('td[data-label="'+f+'"]')).forEach((k,y)=>{c[k.textContent]=k.textContent})});let i=t.querySelector("datalist");i.innerHTML=Object.keys(c).map(f=>`<option value="${f}"></option>`).join("")};Array.from(t.querySelectorAll("[data-filterable]")).length&&(g(t,Array.from(t.querySelectorAll("[data-filterable]")).length),t.addEventListener("keyup",function(u){for(var c=u.target;c&&c!=this;c=c.parentNode)if(c.matches('input[type="search"]')){const i=c.value;S(i)}}),t.addEventListener("change",function(u){for(var c=u.target;c&&c!=this;c=c.parentNode)if(c.matches('input[type="search"]')){const i=c.value;S(i)}}),t.addEventListener("change",function(u){for(var c=u.target;c&&c!=this;c=c.parentNode)if(c.matches('input[type="checkbox"]')){const i=t.querySelector('input[type="search"]').value;S(i),V()}}));const A=function(u,c){let i=document.getElementById(o+"_style");i==null&&(i=document.createElement("style"),i.setAttribute("id",o+"_style"));const f=u*(c-1)+1,h=u*c;i.innerHTML=`
|
|
13
|
-
#${o} tbody tr {
|
|
14
|
-
display: none;
|
|
15
|
-
}
|
|
16
|
-
#${o} tbody tr:nth-child(${f}),
|
|
17
|
-
#${o} tbody tr:nth-child(${f}) ~ tr{
|
|
18
|
-
display: block;
|
|
19
|
-
}
|
|
20
|
-
@media screen and (min-width: 36em) {
|
|
21
|
-
#${o} tbody tr:nth-child(${f}),
|
|
22
|
-
#${o} tbody tr:nth-child(${f}) ~ tr{
|
|
23
|
-
display: table-row;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
#${o} tbody tr:nth-child(${h}) ~ tr{
|
|
27
|
-
display: none;
|
|
28
|
-
}
|
|
29
|
-
`,t.append(i)};if(t.getAttribute("data-show")){const u=parseInt(t.getAttribute("data-show")),c=parseInt(t.getAttribute("data-page"))?parseInt(t.getAttribute("data-page")):1,i=t.querySelectorAll("tbody tr").length;u<i&&(A(u,c),z(o,t,u,c,i),w(o,t,u,c,i),t.addEventListener("change",function(f){for(var h=f.target;h&&h!=this;h=h.parentNode)h.matches('.table__pagination input[type="number"]')&&(A(h.value,c),w(o,t,h.value,c,i),t.setAttribute("data-show",h.value))}),t.addEventListener("click",function(f){for(var h=f.target;h&&h!=this;h=h.parentNode)h.matches(".page-item:not(.active):not(.disabled) .page-link")&&(A(t.getAttribute("data-show"),h.getAttribute("data-page")),w(o,t,t.getAttribute("data-show"),h.getAttribute("data-page"),i))},!1),t.addEventListener("change",function(f){for(var h=f.target;h&&h!=this;h=h.parentNode)h.matches(".table__pagination select")&&(A(t.getAttribute("data-show"),h.value),w(o,t,t.getAttribute("data-show"),h.value,i))}))}function sn(u){u.dataTransfer.setData("text/plain",u.target.id),m=u.target,u.target.classList.add("tr--dragging")}const q=function(){Array.from(a.querySelectorAll("tr")).forEach((u,c)=>{if(u.querySelector('[data-label="Order"]')==null){const i=document.createElement("th");i.innerHTML=c+1,i.setAttribute("data-label","Order"),u.prepend(i)}u.setAttribute("id",o+"_row_"+(c+1)),u.setAttribute("data-order",c+1),u.setAttribute("draggable","true"),u.addEventListener("dragstart",sn)})};if(t.getAttribute("data-reorder")&&t.getAttribute("data-reorder")!="false"){const u=document.createElement("th");u.innerHTML="Order",u.title="Click here to enable re-ordering via drag and drop",u.classList.add("table-order-reset"),r.querySelector("tr").prepend(u),q(),t.addEventListener("click",function(c){for(var i=c.target;i&&i!=this;i=i.parentNode)if(i.matches(".table-order-reset")){Array.from(t.querySelectorAll("[data-sortable]")).forEach((f,h)=>{f.setAttribute("aria-sort","none")}),t.removeAttribute("data-sort"),t.removeAttribute("data-sortBy"),b("Order","ascending"),Array.from(t.querySelectorAll("tbody tr")).forEach((f,h)=>{f.setAttribute("draggable","true")});break}},!1),document.addEventListener("dragover",function(c){c.preventDefault()},!1),document.addEventListener("dragenter",function(c){c.preventDefault(),c.dataTransfer.dropEffect="move";for(var i=c.target;i&&i!=this;i=i.parentNode)i.matches("[data-reorder] tbody tr")&&i.classList.add("tr--dropable")},!1),document.addEventListener("dragleave",function(c){c.preventDefault();for(var i=c.target;i&&i!=this;i=i.parentNode)i.matches("[data-reorder] tbody tr")&&i.classList.remove("tr--dropable")},!1),document.addEventListener("drop",function(c){c.preventDefault();for(var i=c.target;i&&i!=this;i=i.parentNode)if(i.matches("[data-reorder] tbody tr")){i.parentNode!=null&&m.parentNode!=null&&i!=m&&(m.parentNode.removeChild(m),m.getAttribute("data-order")>i.getAttribute("data-order")?i.parentNode.insertBefore(m,i):i.parentNode.insertBefore(m,i.nextElementSibling),Array.from(a.querySelectorAll("tr")).forEach((f,h)=>{f.classList.remove("tr--dragging"),f.classList.remove("tr--dropable"),f.querySelector("th").innerHTML=h+1,f.setAttribute("data-order",h+1)}),t.dispatchEvent(n));break}},!1)}t.addEventListener("filtered",function(u){if(t.getAttribute("data-sortBy")&&t.getAttribute("data-sort")&&b(t.getAttribute("data-sortBy"),t.getAttribute("data-sort")),t.getAttribute("data-show")){const c=parseInt(t.getAttribute("data-show")),i=t.querySelectorAll("tbody tr").length,f=t.querySelector(".table__pagination");f!=null&&f.remove(),c<i&&(A(c,1),z(o,t,c,1,i),w(o,t,c,1,i))}t.getAttribute("data-reorder")&&q()},!1),t.addEventListener("sorted",function(u){t.getAttribute("data-reorder")&&q()},!1),t.addEventListener("populated",function(u){var c=t.querySelector(".table__filters");c.remove();var i=t.querySelector(".table__pagination");i.remove();var f=t.cloneNode(!0);t.parentNode.replaceChild(f,t),D(f)},!1)}const z=function(t,r,a,l,d){const s=document.createElement("div");s.classList.add("table__pagination"),s.classList.add("row"),s.classList.add("pt-3"),s.classList.add("pb-3"),s.innerHTML=`<div class="col mw-fit-content mb-3">
|
|
30
|
-
<div class="form-control__wrapper form-control-inline mb-0">
|
|
31
|
-
<label for="${t}_showing" class="form-label">Showing:</label>
|
|
32
|
-
<input type="number" name="${t}_showing" id="${t}_showing" class="form-control form-control-sm showing-input-field" placeholder="" list="${t}_pagination" value="${a}" min="1" max="${d}" />
|
|
33
|
-
</div>
|
|
34
|
-
<datalist id="${t}_pagination">
|
|
35
|
-
<option value="5">5</option>
|
|
36
|
-
${d>10?'<option value="10">10</option>':""}
|
|
37
|
-
${d>20?'<option value="20">20</option>':""}
|
|
38
|
-
<option value="${d}">${d}</option>
|
|
39
|
-
</datalist>
|
|
40
|
-
</div>
|
|
41
|
-
<div class="col mw-fit-content me-auto d-flex align-items-center mb-3"><span class="label">per page</span></div>
|
|
42
|
-
<div class="col mw-fit-content d-sm-flex justify-content-end align-items-center" id="${t}_paginationBtns"></div>`,r.append(s)},w=function(t,r,a,l,d){const s=document.getElementById(t+"_paginationBtns");if(s==null)return!1;const n=Math.ceil(d/a);if(n==1)s.innerHTML="";else if(n<5){let o="";for(let m=1;m<=n;m++)m==l?o+=`<li class="page-item active" aria-current="page"><span class="page-link">${m}</span></li>`:o+=`<li class="page-item"><button class="page-link" data-page="${m}">${m}</button></li>`;s.innerHTML=`<span class="pe-2 mb-3">Page: </span><ul class="pagination mb-3">
|
|
43
|
-
${l==1?'<li class="page-item disabled"><span class="page-link">Previous</span></li>':`<li class="page-item"><button class="page-link" data-page="${parseInt(l)-1}">Previous</button></li>`}
|
|
44
|
-
${o}
|
|
45
|
-
${l==n?'<li class="page-item disabled"><span class="page-link">Next</span></li>':`<li class="page-item"><button class="page-link" data-page="${parseInt(l)+1}">Next</button></li>`}
|
|
46
|
-
</ul>`}else{let o="";for(let m=1;m<=n;m++)m==l?o+=`<option value="${m}" selected>Page ${m}</option>`:o+=`<option value="${m}">Page ${m}</option>`;s.innerHTML=`
|
|
47
|
-
<div class="form-control__wrapper page-number mb-2">
|
|
48
|
-
<select class="form-select">
|
|
49
|
-
${o}
|
|
50
|
-
</select>
|
|
51
|
-
</div>
|
|
52
|
-
`}};let P=function(t){return typeof t!="string"?t:(t=t.replace("£",""),t=t.replace("%",""),Number.isNaN(Number.parseFloat(t))?0:Number.parseFloat(t))};const ee={name:"Table",props:{reorder:{type:Boolean,required:!1},page:{type:Number,required:!1},show:{type:Number,required:!1},sortby:{type:String,required:!1},sort:{type:String,required:!1},headingclass:{type:String,required:!1},items:{type:Array,required:!0},fields:{type:Array,required:!0}},computed:{cellHeading(){return t=>`${M(H(t))}`},numericValue(){return t=>(t=P(t),t)}},mounted(){this.$nextTick(function(){D(this.$refs.wrapper),this.$el.addEventListener("sorted",function(t){console.log("Table sorted")},!1),this.$el.addEventListener("filtered",function(t){console.log("Table filtered")},!1)})},updated(){this.$nextTick(function(){let t=this.$refs.wrapper.querySelector("tbody"),r="";this.items.forEach((l,d)=>{let s=l.rowid?l.rowid:"";l=Object.fromEntries(Object.entries(l).filter(([n])=>n!=="rowid")),r+=`<tr data-row-id="${s}">${Object.keys(l).map(n=>`<td data-label="${M(H(n))}" data-numeric="${P(l[n])}">${l[n]}</td>`).join("")}</tr>`}),t.innerHTML=r;const a=new Event("filtered");this.$refs.wrapper.dispatchEvent(a)})}},te=["data-sortby","data-sort","data-show","data-page","data-reorder"],ae={key:0},se=["data-sortable","data-filterable"],ne={key:1},oe=["data-row-id"],re=["innerHTML","data-label","data-numeric"];function le(t,r,a,l,d,s){return e.openBlock(),e.createElementBlock("div",{class:"table__wrapper",ref:"wrapper","data-sortby":a.sortby,"data-sort":a.sort,"data-show":a.show,"data-page":a.page,"data-reorder":a.reorder},[e.createElementVNode("table",null,[a.fields?(e.openBlock(),e.createElementBlock("thead",ae,[e.createElementVNode("tr",{class:e.normalizeClass(a.headingclass)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.fields,n=>(e.openBlock(),e.createElementBlock("th",{key:n.key,"data-sortable":n.sortable,"data-filterable":n.filterable},e.toDisplayString(s.cellHeading(n.key)),9,se))),128))],2)])):e.createCommentVNode("",!0),a.items?(e.openBlock(),e.createElementBlock("tbody",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.items,(n,o)=>(e.openBlock(),e.createElementBlock("tr",{key:o,"data-row-id":n.rowid},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.fromEntries(Object.entries(n).filter(([m])=>m!=="rowid")),(m,b)=>(e.openBlock(),e.createElementBlock("td",{key:b,innerHTML:m,"data-label":s.cellHeading(b),"data-numeric":s.numericValue(m)},null,8,re))),128))],8,oe))),128))])):e.createCommentVNode("",!0)]),e.renderSlot(t.$slots,"default")],8,te)}const $=_(ee,[["render",le]]),ie={name:"Input",props:{value:{type:String,required:!1},id:{type:String,required:!0},name:{type:String,required:!1},list:{type:String,required:!1},label:{type:String,required:!1},labelclass:{type:String,required:!1},inputclass:{type:String,required:!1},type:{type:String,required:!1,default:"text"},size:{type:String,required:!1},errormsg:{type:String,required:!1},options:{type:Array,required:!1},prefix:{type:String,required:!1},prefixClass:{type:String,required:!1},suffix:{type:String,required:!1},suffixClass:{type:String,required:!1},title:{type:String,required:!1},hint:{type:String,required:!1},multiple:{type:String,required:!1}},computed:{displayLabel(){return()=>this.$attrs.multiple?this.label+'<span class="small d-block text-body font-body fw-normal">Hold down the Ctrl (windows) or Command (Mac) button to select multiple options.</span>':this.hint?this.label+`<span class="small d-block text-body font-body fw-normal">${this.hint}</span>`:this.label},wrapperClass(){return()=>{switch(this.type){case"radio":case"checkbox":return"form-check";case"radio-btn":case"checkbox-btn":return!1;default:return"form-control__wrapper"}}},needPattern(){return()=>{if(this.pattern)return this.pattern;switch(this.type){case"datetime-local":return"[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}"}return!1}},needsLabel(){return()=>{switch(this.type){case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":return!1;default:return!0}}},isInput(){return()=>{switch(this.type){case"textarea":case"select":case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":case"range":case"color":return!1;default:return!0}}},allowDatalist(){return()=>{switch(this.type){case"select":case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":return!1;default:return!0}}},hasOptions(){return()=>{if(this.list)return this.list;if(this.options)return this.id+"-list"}},inputVal:{get(){return this.value==null&&this.options!=null&&this.type=="select"?this.$attrs.multiple?[]:this.options[0].value:this.value},set(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 r=document.createDocumentFragment();Array.from(t.childNodes).forEach(a=>r.appendChild(a)),t.parentNode.insertBefore(r,t),t.parentNode.removeChild(t)}})},methods:{inputKeyup(t){this.$emit("keyupEvent",t)},clickEvent(){this.$emit("bus")}}},ce=["for","innerHTML","title"],de=["innerHTML"],me=["innerHTML"],ue=["type","name","id","pattern","list"],fe=["type","name","id","pattern"],he={key:5,class:"input-group"},pe=["type","name","id","pattern","list"],_e={class:"input-group-text border-0 col-2 col-sm-1 px-0"},ye={key:6,class:"input-group"},be=["type","name","id","pattern","list"],ge={class:"input-group-text flex-fill"},ke=["type","name","id","pattern"],Se=["value"],Ae=["id"],we=["value"],Ne=["type","name","id"],Be=["for","innerHTML"],$e=["type","name","id"],Ee=["for","innerHTML"],Le=["innerHTML"];function Ve(t,r,a,l,d,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.wrapperClass()),ref:"wrapper"},[s.needsLabel()?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(`form-label${a.labelclass?` ${a.labelclass}`:""}`),for:a.id,innerHTML:s.displayLabel(),title:a.title},null,10,ce)):e.createCommentVNode("",!0),a.prefix?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(`prefix ${this.prefixClass} ${a.size?`prefix-${a.size}`:""}`),innerHTML:a.prefix,role:"presentation"},null,10,de)):e.createCommentVNode("",!0),a.suffix?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(`suffix ${this.suffixClass} ${a.size?`suffix-${a.size}`:""}`),innerHTML:a.suffix,role:"presentation"},null,10,me)):e.createCommentVNode("",!0),s.isInput()?e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({key:3,"onUpdate:modelValue":r[0]||(r[0]=n=>s.inputVal=n),class:`form-control${a.size?` form-control-${a.size}`:""}${a.inputclass?` ${a.inputclass}`:""}`,type:a.type,name:a.name?a.name:a.id,id:a.id,pattern:s.needPattern(),list:s.hasOptions()},t.$attrs,{onKeyup:r[1]||(r[1]=(...n)=>s.inputKeyup&&s.inputKeyup(...n))}),null,16,ue)),[[e.vModelDynamic,s.inputVal]]):e.createCommentVNode("",!0),a.type=="textarea"?e.withDirectives((e.openBlock(),e.createElementBlock("textarea",e.mergeProps({key:4,"onUpdate:modelValue":r[2]||(r[2]=n=>s.inputVal=n),class:`form-control${a.size?` form-control-${a.size}`:""}${a.inputclass?` ${a.inputclass}`:""}`,type:a.type,name:a.name?a.name:a.id,id:a.id,pattern:s.needPattern()},t.$attrs),null,16,fe)),[[e.vModelText,s.inputVal]]):e.createCommentVNode("",!0),a.type=="range"?(e.openBlock(),e.createElementBlock("div",he,[e.withDirectives(e.createElementVNode("input",e.mergeProps({"onUpdate:modelValue":r[3]||(r[3]=n=>s.inputVal=n),class:`form-range${a.inputclass?` ${a.inputclass}`:""}`,type:a.type,name:a.name?a.name:a.id,id:a.id,pattern:s.needPattern(),list:s.hasOptions()},t.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,pe),[[e.vModelDynamic,s.inputVal]]),e.createElementVNode("output",_e,e.toDisplayString(a.value),1)])):e.createCommentVNode("",!0),a.type=="color"?(e.openBlock(),e.createElementBlock("div",ye,[e.withDirectives(e.createElementVNode("input",e.mergeProps({"onUpdate:modelValue":r[4]||(r[4]=n=>s.inputVal=n),class:`form-control form-control-color${a.inputclass?` ${a.inputclass}`:""}`,type:a.type,name:a.name?a.name:a.id,id:a.id,pattern:s.needPattern(),list:s.hasOptions()},t.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,be),[[e.vModelDynamic,s.inputVal]]),e.createElementVNode("output",ge,e.toDisplayString(a.value?t.vale:"#000000"),1)])):e.createCommentVNode("",!0),a.type=="select"?e.withDirectives((e.openBlock(),e.createElementBlock("select",e.mergeProps({key:7,"onUpdate:modelValue":r[5]||(r[5]=n=>s.inputVal=n),class:`form-select${a.size?` form-select-${a.size}`:""}${a.inputclass?` ${a.inputclass}`:""}`,type:a.type,name:a.id,id:a.id,pattern:s.needPattern()},t.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.options,(n,o)=>(e.openBlock(),e.createElementBlock("option",{key:o,value:n.value},e.toDisplayString(n.display?n.display:n.value),9,Se))),128))],16,ke)),[[e.vModelSelect,s.inputVal]]):e.createCommentVNode("",!0),s.allowDatalist()?(e.openBlock(),e.createElementBlock("datalist",{key:8,id:a.id+"-list"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.options,(n,o)=>(e.openBlock(),e.createElementBlock("option",{key:o,value:n.value},e.toDisplayString(n.value),9,we))),128))],8,Ae)):e.createCommentVNode("",!0),a.type=="checkbox"||a.type=="radio"?(e.openBlock(),e.createElementBlock("input",e.mergeProps({key:9,class:"form-check-input",type:a.type,name:a.name?a.name:a.id,id:a.id},t.$attrs),null,16,Ne)):e.createCommentVNode("",!0),a.type=="checkbox"||a.type=="radio"?(e.openBlock(),e.createElementBlock("label",{key:10,class:e.normalizeClass(`form-label form-check-label${a.labelclass?` ${a.labelclass}`:""}`),for:a.id,innerHTML:a.label},null,10,Be)):e.createCommentVNode("",!0),a.type=="checkbox-btn"||a.type=="radio-btn"?(e.openBlock(),e.createElementBlock("input",e.mergeProps({key:11,class:`btn-check${a.inputclass?` ${a.inputclass}`:""}`,type:a.type.replace("-btn",""),autocomplete:"off",name:a.name?a.name:a.id,id:a.id},t.$attrs),null,16,$e)):e.createCommentVNode("",!0),a.type=="checkbox-btn"||a.type=="radio-btn"?(e.openBlock(),e.createElementBlock("label",{key:12,class:e.normalizeClass(`btn${a.labelclass?` ${a.labelclass}`:""}`),for:a.id,innerHTML:a.label,onClick:r[6]||(r[6]=(...n)=>s.clickEvent&&s.clickEvent(...n))},null,10,Ee)):e.createCommentVNode("",!0),a.errormsg?(e.openBlock(),e.createElementBlock("p",{key:13,class:"invalid-feedback mb-0",innerHTML:a.errormsg},null,8,Le)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default")],2)}const N=_(ie,[["render",Ve]]),qe={components:{Input:N},name:"FileUploads",props:{id:{type:String,required:!0},inputcolclass:{type:String,required:!1},maxfilesize:{type:Number,required:!1},maxfiles:{type:Number,required:!1}}},xe={class:"multiple-file-uploads mb-4"},Ce={class:"row"},Te={class:"col-12 col-md me-auto"},Me=e.createElementVNode("div",{class:"col mw-fit-content"},[e.createElementVNode("button",{type:"button",class:"btn btn-tertiary me-0","data-delete":""},"Delete")],-1),He=["data-maxfiles"];function De(t,r,a,l,d,s){const n=e.resolveComponent("Input");return e.openBlock(),e.createElementBlock("div",xe,[e.createElementVNode("div",Ce,[e.createElementVNode("div",{class:e.normalizeClass(`${a.inputcolclass?a.inputcolclass:"col-12 col-sm-4"}`)},[e.createVNode(n,{type:"file",id:a.id,name:`${a.id}[]`,label:"Add new file",labelclass:"d-none",class:"form-control-inline col",required:"","data-filesize":a.maxfilesize},null,8,["id","name","data-filesize"])],2),e.createElementVNode("div",Te,[e.renderSlot(t.$slots,"default")]),Me]),e.createElementVNode("button",{type:"button",class:"btn btn-secondary me-0","data-add":"","data-maxfiles":a.maxfiles},"+ Add file",8,He)])}const ze=_(qe,[["render",De]]);function Pe(t){let r=t.querySelectorAll("details"),a=t.querySelectorAll("summary");if(r.forEach(l=>{l.classList.add("accordion-item")}),a.forEach(l=>{l.classList.add("accordion-header"),l.classList.add("accordion-button"),l.classList.add("h4")}),!t.classList.contains("accordion--keep-open")){const l=t.querySelectorAll(":scope > details");l.forEach(d=>{d.addEventListener("click",()=>{l.forEach(s=>{s!==d&&s.removeAttribute("open")})})})}}const E=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets";class Fe extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const r=document.createElement("template");r.innerHTML=`
|
|
1
|
+
(function(y,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(y=typeof globalThis<"u"?globalThis:y||self,e(y.iamkey={},y.Vue))})(this,function(y,e){"use strict";const b=(a,s)=>{const t=a.__vccOpts||a;for(const[l,i]of s)t[l]=i;return t},Q={name:"Icon",props:{id:{type:String,required:!1,default:"email"},path:{type:String,required:!1,default:"/svg/icons.svg"}}},Y={class:"icon"},Z=["xlink:href"];function X(a,s,t,l,i,r){return e.openBlock(),e.createElementBlock("svg",Y,[e.createElementVNode("title",null,e.toDisplayString(t.id),1),e.createElementVNode("use",{"xlink:href":t.path+"#icon-"+t.id},null,8,Z)])}const x=b(Q,[["render",X]]),J={name:"Logo",props:{id:{type:String,required:!1,default:"property"},path:{type:String,required:!1,default:"/svg/logo.svg"},desc:{type:String}},computed:{src:function(){return"#logo-"+this.id},className:function(){return"brand brand--"+this.id}}},v=["xlink:href"],ee=["innerHTML"];function te(a,s,t,l,i,r){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.className)},[(e.openBlock(),e.createElementBlock("svg",null,[e.createElementVNode("title",null,"iam "+e.toDisplayString(t.id),1),e.createElementVNode("use",{"xlink:href":t.path+r.src},null,8,v)])),t.desc?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:t.desc},null,8,ee)):e.createCommentVNode("",!0)],2)}const B=b(J,[["render",te]]),ae=function(a){return typeof a!="string"?!1:!isNaN(a)&&!isNaN(parseFloat(a))},se=(a,s)=>String(a).padStart(s,"0"),le=a=>a.charAt(0).toUpperCase()+a.slice(1),q=function(a,s){if(!a.getAttribute("data-pages"))return!1;a.getAttribute("data-page")||a.setAttribute("data-page",1);let t=a.getAttribute("data-page"),l=a.getAttribute("data-pages"),i=a.getAttribute("data-total"),r=a.getAttribute("data-show"),o=a.getAttribute("data-increment");if(l<=1)return s.innerHTML="",!1;let n="";for(let d=1;d<=l;d++)d==t?n+=`<li class="page-item active" aria-current="page"><span class="page-link">${d}</span></li>`:n+=`<li class="page-item"><a href="?page=${d}" class="page-link" data-page="${d}">${d}</a></li>`;return s.innerHTML=`<ul class="pagination mb-0 d-none d-sm-flex">
|
|
2
|
+
${t==1?'<li class="page-item disabled"><span class="page-link">Previous</span></li>':`<li class="page-item"><a href="?page=${parseInt(t)-1}" class="page-link" data-page="${parseInt(t)-1}">Previous</a></li>`}
|
|
3
|
+
${n}
|
|
4
|
+
${t==l?'<li class="page-item disabled"><span class="page-link">Next</span></li>':`<li class="page-item"><a href="?page=${parseInt(t)+1}" class="page-link" data-page="${parseInt(t)+1}">Next</a></li>`}
|
|
5
|
+
</ul>`,s.innerHTML+=`<div class="d-sm-none text-center">
|
|
6
|
+
<span class="d-block pb-2">You've viewed ${r} of ${i} results</span>
|
|
7
|
+
<a href="?show=${parseInt(r)+parseInt(o)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(r)+parseInt(o)}">Load more results</a>
|
|
8
|
+
</div>`,!0},C=a=>{const s=Array.from(a.querySelectorAll("thead th"));Array.from(a.querySelectorAll("tbody tr")).forEach((l,i)=>{const r=Array.from(l.querySelectorAll("th, td")),o=["Low","Medium","High","N/A","Pending","Verified","Incomplete","Completed","Requires approval"];r.forEach((n,d)=>{const c=s[d];if(typeof c<"u"){let m=document.createElement("div");m.innerHTML=c.innerHTML;let u=m.textContent||m.innerText||"";n.setAttribute("data-label",u),c.hasAttribute("class")&&n.setAttribute("class",c.getAttribute("class")),c.hasAttribute("data-format")&&(n.setAttribute("data-format",c.getAttribute("data-format")),n.innerHTML=L("date",n.textContent.trim())),o.includes(n.textContent.trim())&&n.setAttribute("data-content",n.textContent.trim())}})})},oe=a=>{let s=0;return Array.from(a.querySelectorAll("tr")).forEach((t,l)=>{let i=window.getComputedStyle(document.querySelector("html")),r=t.querySelector(":scope > *:last-child > *:first-child");if(r){let n=r.offsetWidth/parseFloat(i.fontSize);n+=1.5,s=s>n?s:n}let o=t.offsetHeight/parseFloat(i.fontSize);t.style.setProperty("--row-height",`${o}rem`)}),s},ne=a=>{Array.from(a.querySelectorAll("tbody tr")).forEach((s,t)=>{let l=s.querySelector(":scope > :is(td,th):first-child"),i=l.textContent;l.innerHTML=`<span class="td__content">${i}</span><button type="button" class="d-none">${i}</button>`})},re=a=>{a.addEventListener("click",s=>{if(s&&s.target instanceof HTMLElement&&s.target.closest("tr > :is(td,th):first-child button")){let t=s.target.closest("tr > :is(td,th):first-child button"),l=t.parentNode.closest("tr");l.getAttribute("data-view")=="full"?l.setAttribute("data-view","default"):l.setAttribute("data-view","full"),t.blur()}})},V=(a,s)=>{let t=s.querySelector("[data-search]");if(!t)return!1;const l=t.getAttribute("id"),i=t.getAttribute("data-search").split(",");let r=t.parentNode,o={};i.forEach((n,d)=>{Array.from(a.querySelectorAll('td[data-label="'+n.trim()+'"]')).forEach((c,m)=>{c.querySelector(".td__content")?o[c.querySelector(".td__content").textContent]=c.querySelector(".td__content").textContent:o[c.textContent]=c.textContent})}),t.setAttribute("list",`${l}_list`),t.setAttribute("autocomplete","off"),r.querySelector("datalist")||(r.innerHTML+=`<datalist id="${l}_list"></datalist>`),r.querySelector("datalist").innerHTML=`${Object.keys(o).map(n=>`<option value="${n}"></option>`).join("")}`},ie=(a,s,t,l,i)=>{var r;let o=function(){s.hasAttribute("data-ajax")?P(a,s,t,l):s.hasAttribute("data-submit")?s.submit():(H(a,s,l),q(l,t))};s.addEventListener("keyup",n=>{clearTimeout(r),n&&n.target instanceof HTMLElement&&n.target.closest("[data-search]")&&(r=setTimeout(function(){o()},500))}),s.addEventListener("change",n=>{clearTimeout(r),n&&n.target instanceof HTMLElement&&n.target.closest("[data-sort]")&&(s.hasAttribute("data-submit")||T(a,s,i),o()),n&&n.target instanceof HTMLElement&&n.target.closest("[data-search]")&&o(),n&&n.target instanceof HTMLElement&&n.target.closest("[data-filter]")&&!n.target.closest("form dialog")&&o(),n&&n.target instanceof HTMLElement&&n.target.closest("[data-show]")&&o()}),s.addEventListener("click",n=>{clearTimeout(r),n&&n.target instanceof HTMLElement&&n.target.closest('dialog button:not([type="button"])')&&n.target.closest('dialog button:not([type="button"])').closest("dialog").close(),n&&n.target instanceof HTMLElement&&n.target.closest(".dialog__close")&&(n.preventDefault(),n.stopPropagation()),n&&n.target instanceof HTMLElement&&n.target.closest("[data-clear]")&&(s.reset(),s.hasAttribute("data-submit")||T(a,s,i),o())}),s.addEventListener("submit",n=>{clearTimeout(r),s.hasAttribute("data-submit")||n.preventDefault(),o()})},T=(a,s,t)=>{if(s.getAttribute("data-ajax"))return!1;let l=a.querySelector("tbody"),i=s.querySelector("[data-sort]"),r=i.querySelector(`option:nth-child(${i.selectedIndex+1})`),o=r.getAttribute("data-sort"),n=r.getAttribute("data-order"),d=r.getAttribute("data-format");if(!o)return l.innerHTML=t.innerHTML,C(a),!1;let c=[];["asc","desc","descending"].includes(n)||(c=n.split(","));let m=[];Array.from(l.querySelectorAll("tr")).forEach((f,p)=>{let h=f.querySelector('td[data-label="'+o+'"], th[data-label="'+o+'"]').textContent.trim();c.length&&c.includes(h)&&(h=c.indexOf(h)),ae(h)&&(h=se(h,10)),d&&d=="date"&&(h=new Date(h));const S={index:h,row:f};m.push(S)}),m.sort((f,p)=>f.index>p.index?1:-1),(n=="descending"||n=="desc")&&(m=m.reverse());let u="";m.forEach((f,p)=>{u+=f.row.outerHTML}),l.innerHTML=u},H=(a,s,t)=>{a.classList.remove("table--filtered");let l=[],i=[],r=0,o=s.querySelector("[data-pagination]")?parseInt(s.querySelector("[data-pagination]").value):1,n=s.querySelector("[data-show]")?parseInt(s.querySelector("[data-show]").value):15;if(Array.from(s.querySelectorAll("[data-filter]")).forEach((c,m)=>{if(!(c.type=="radio"&&!c.checked)&&!(c.type=="checkbox"&&!c.checked))if(c.getAttribute("data-filter")=="multi")for(const[u,f]of Object.entries(JSON.parse(c.value)))l[c.getAttribute("data-filter")].push(f);else c.value&&(l[c.getAttribute("data-filter")]||(l[c.getAttribute("data-filter")]=new Array),l[c.getAttribute("data-filter")].push(c.value))}),s.querySelector("[data-search]")){let c=s.querySelector("[data-search]");s.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((u,f)=>{i.push({column:`${u.trim()}`,value:`${c.value}`})})}if(Array.from(s.querySelectorAll("[data-filter-count]")).forEach((c,m)=>{c.innerHTML=""}),l.length&&Array.from(s.querySelectorAll("[data-filter-count]")).forEach((c,m)=>{c.innerHTML+=`(${l.length})`}),!i.length&&!l.length)return!1;a.classList.add("table--filtered"),Array.from(a.querySelectorAll("tbody tr")).forEach((c,m)=>{c.classList.remove("filtered"),c.classList.remove("filtered--matched"),c.classList.remove("filtered--show"),c.removeAttribute("data-filtered-by")});for(const[c,m]of Object.entries(l))console.log(m),Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((u,f)=>{let p=!1;m.forEach((h,S)=>{let w=u.querySelector(`[data-label="${c}"]`);if(h&&h=="$today")h=L("date",new Date);else if(h&&h=="$yesterday"){let _=new Date;_.setDate(_.getDate()-1),h=L("date",_)}else if(h&&(h=="$thisWeek"||h=="$lastWeek")){let _=new Date,k=new Date(_.setDate(_.getDate()-(_.getDay()-1))),A=new Date(_.setDate(_.getDate()-_.getDay()+7)),g=new Date(w.textContent.toLowerCase());if(_.setHours(0,0,0,0),k.setHours(0,0,0,0),A.setHours(0,0,0,0),g.setHours(0,0,0,0),h=="$thisWeek")p=g>=k&&g<=A;else{let K=new Date(k.setDate(k.getDate()-7)),G=new Date(A.setDate(A.getDate()-7));K.setHours(0,0,0,0),G.setHours(0,0,0,0),p=g>=K&&g<=G}}else if(h&&h=="$thisMonth"){let _=new Date,k=_.getFullYear(),A=_.getMonth();var W=new Date(k,A,1),O=new Date(k,A+1,0);let g=new Date(w.textContent.toLowerCase());W.setHours(0,0,0,0),O.setHours(0,0,0,0),g.setHours(0,0,0,0),p=g>=W&&g<=O}else if(h&&h=="$lastMonth"){let _=new Date,k=_.getFullYear(),A=_.getMonth();var j=new Date(k,A-1,1),U=new Date(k,A,0);let g=new Date(w.textContent.toLowerCase());j.setHours(0,0,0,0),U.setHours(0,0,0,0),g.setHours(0,0,0,0),p=g>=j&&g<=U}w&&w.textContent.toLowerCase().includes(h.toLowerCase())&&(p=!0)}),p||(u.classList.add("filtered"),u.setAttribute("data-filtered-by",c))});Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((c,m)=>{let u=!(i.length>0&&i[0].value.length>=3);i.forEach((f,p)=>{let h=c.querySelector(`[data-label="${f.column}"]`);h&&f.value.length>=3&&h.textContent.toLowerCase().includes(f.value.toLowerCase())&&(u=!0)}),u||c.classList.add("filtered")}),Array.from(a.querySelectorAll("tbody tr:not(.filtered")).forEach((c,m)=>{r++,c.classList.add("filtered--matched"),Math.ceil(r/n)==parseInt(o)&&c.classList.add("filtered--show")}),t&&(t.setAttribute("data-page",o),t.setAttribute("data-pages",Math.ceil(r/n)),t.setAttribute("data-total",r),t.setAttribute("data-show",n)),M(a,s)},M=(a,s)=>{Array.from(s.querySelectorAll("[data-query]")).forEach((l,i)=>{let r=l.getAttribute("data-query"),o;if(r=="total")o=a.classList.contains("table--filtered")?a.querySelectorAll("tbody tr:not(.filtered)").length:a.querySelectorAll("tbody tr").length;else if(!r.includes(" == ")&&r.includes(" & ")){let n=r.split(" & "),d="";n.forEach(c=>{d+=`:not([data-filtered-by="${c}"])`}),console.log(d),o=Array.from(a.querySelectorAll(`tbody tr${d}`)).length}else if(!r.includes(" == "))o=Array.from(a.querySelectorAll(`tbody tr:not([data-filtered-by="${r}"])`)).length;else if(r.includes(" && ")){let n=r.split(" && ");o=Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d){let c=!0;for(const[m,u]of Object.entries(n)){let f=u.split(" == ");(!d.querySelector(`td[data-label="${f[0]}"]`)||d.querySelector(`td[data-label="${f[0]}"]`).textContent!=`${f[1]}`)&&(c=!1)}return c}).length}else{let n=r.split(" == ");console.log(n[0]),o=Array.from(a.querySelectorAll(`tbody tr.filtered--matched td[data-label="${n[0]}"], tbody tr[data-filtered-by="${n[0]}"] td[data-label="${n[0]}"]`)).filter(function(d){return d.textContent===n[1]}).length}l.hasAttribute("data-total")?l.setAttribute("data-total",o):l.innerHTML=o})},ce=function(a,s,t,l){t.addEventListener("click",i=>{if(i&&i.target instanceof HTMLElement&&i.target.closest("[data-page]")){i.preventDefault();let r=s.querySelector("[data-pagination]"),o=i.target.closest("[data-page]").getAttribute("data-page");r.value=o,l.setAttribute("data-page",o),s.dispatchEvent(new Event("submit"));const n=new URL(location);n.searchParams.set("page",o),history.pushState({type:"pagination",form:s.getAttribute("id"),page:o},"",n)}if(i&&i.target instanceof HTMLElement&&i.target.closest("[data-show]")){i.preventDefault();let r=s.querySelector("[data-show]"),o=i.target.closest("[data-show]").getAttribute("data-show");r.value=o,l.setAttribute("data-show",o),s.dispatchEvent(new Event("submit"))}})},de=(a,s)=>{if(!a)return!1;a.addEventListener("click",t=>{me(s)})},me=function(a){for(var s=[],t=a.getElementsByTagName("tr"),l=0;l<t.length;l++){for(var i=t[l].querySelectorAll("td,th"),r=[],o=0;o<i.length;o++)r.push(`"${i[o].textContent}"`);s.push(r.join(","))}s=s.join(`
|
|
9
|
+
`);let n=new Blob([s],{type:"text/csv"});var d=document.createElement("a");d.download="export.csv";var c=window.URL.createObjectURL(n);d.href=c,d.style.display="none",document.body.appendChild(d),d.click(),document.body.removeChild(d)},D=function(a,s,t,l){if(ne(a),C(a),M(a,s),l&&l.classList.contains("table--cta")){const i=oe(a);l.style.setProperty("--cta-width",`${i}rem`)}},P=function(a,s,t,l){const i=(n,d,c)=>d.split(/[\.\[\]\'\"]/).filter(m=>m).reduce((m,u)=>m?m[u]:c,n);new URLSearchParams(new FormData(s)).toString();let r=a.querySelectorAll("thead tr th"),o=a.querySelector("tbody");fetch(s.getAttribute("data-ajax"),{method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"})}).then(n=>n.json()).then(n=>{n.data?(o.innerHTML="",n.data.forEach((d,c)=>{var m=document.createElement("tr");r.forEach((u,f)=>{let p="";var h=document.createElement("td");if(h.setAttribute("data-label",u.innerText),u.getAttribute("data-output")){var S=u.getAttribute("data-output");p=S.replace(new RegExp(/{(.*?)}/,"gm"),function(w){return i(d,w.replace("{","").replace("}",""))})}u.hasAttribute("data-format")&&(p=L(u.getAttribute("data-format"),p)),h.innerHTML=p,m.appendChild(h)}),o.appendChild(m)}),V(a,s),D(a,s,t,l),l.setAttribute("data-total",n.meta.total?n.meta.total:1),l.setAttribute("data-page",n.meta.current_page?n.meta.current_page:1),l.setAttribute("data-pages",Math.ceil(l.getAttribute("data-total")/l.getAttribute("data-show"))),q(l,t),n.data.length==0&&(o.innerHTML='<tr><td colspan="100%"><span class="h4 m-0">No results found</span></td></tr>')):o.innerHTML='<tr><td colspan="100%"><span class="h6 m-0">Error loading table</span></td></tr>'})},L=(a,s)=>{switch(a){case"date":s=new Date(s).toLocaleDateString("en-gb",{year:"2-digit",month:"long",day:"numeric"});break;case"capitalise":s=le(s);break}return s};class ue extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const s=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=this.classList.contains("table--cta"),l=this.classList.contains("table--export");let i=this.classList.toString();i=i.replace("table--cta","");const r=document.createElement("template");r.innerHTML=`
|
|
53
10
|
<style>
|
|
54
|
-
@import "${
|
|
55
|
-
|
|
11
|
+
@import "${s}/css/core.min.css";
|
|
12
|
+
</style>
|
|
13
|
+
${t?'<div class="table--cta">':""}
|
|
14
|
+
<div class="table__wrapper ${i}">
|
|
15
|
+
<slot></slot>
|
|
16
|
+
</div>
|
|
17
|
+
${t?"</div>":""}
|
|
18
|
+
${l?'<button class="link" type="button" data-export>Export table as CSV</button>':""}
|
|
19
|
+
<div class="table__pagination"></div>
|
|
20
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0));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.setAttribute("data-pages",Math.ceil(this.getAttribute("data-total")/this.getAttribute("data-show")))}connectedCallback(){this.table=this.querySelector("table"),this.savedTableBody=this.querySelector("tbody").cloneNode(!0),this.pagination=this.shadowRoot.querySelector(".table__pagination"),this.form=document.createElement("form"),this.hasAttribute("data-filterby")&&(this.form=document.querySelector(`#${this.getAttribute("data-filterby")}`),V(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" />`)),re(this.table),ie(this.table,this.form,this.pagination,this,this.savedTableBody),ce(this.table,this.form,this.pagination,this),de(this.shadowRoot.querySelector("[data-export]"),this.table),this.form.getAttribute("data-ajax")?P(this.table,this.form,this.pagination,this):(D(this.table,this.form,this.pagination,this),H(this.table,this.form,this),q(this,this.pagination))}static get observedAttributes(){return["data-total","data-pages","data-page","data-show"]}attributeChangedCallback(s,t,l){}}const he=a=>a.charAt(0).toUpperCase()+a.slice(1),fe=a=>a.replace(/_/g," "),ye=a=>a.replace(/ /g,"_"),pe=function(a){return a=a.toLowerCase(),a=ye(a),a=a.replace(/\W/g,""),a},be={name:"Table",props:{items:{type:Array,required:!1},fields:{type:Array,required:!1}},computed:{cellHeading(){return a=>`${he(fe(a))}`}},created(){this.$nextTick(function(){window.customElements.get("iam-table")||window.customElements.define("iam-table",ue)})},updated(){}},_e={key:0},ge={key:0},ke=["data-row-id"],Ae=["innerHTML"];function Se(a,s,t,l,i,r){return e.openBlock(),e.createElementBlock("iam-table",null,[t.fields?(e.openBlock(),e.createElementBlock("table",_e,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fields,o=>(e.openBlock(),e.createElementBlock("th",{key:o.key},e.toDisplayString(r.cellHeading(o.key)),1))),128))])]),t.items?(e.openBlock(),e.createElementBlock("tbody",ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(o,n)=>(e.openBlock(),e.createElementBlock("tr",{key:n,"data-row-id":o.rowid},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.fromEntries(Object.entries(o).filter(([d])=>d!=="rowid")),(d,c)=>(e.openBlock(),e.createElementBlock("td",{key:c,innerHTML:d},null,8,Ae))),128))],8,ke))),128))])):e.createCommentVNode("",!0)])):e.renderSlot(a.$slots,"default",{key:1})])}const $=b(be,[["render",Se]]),we={name:"Input",props:{value:{type:String,required:!1},id:{type:String,required:!0},name:{type:String,required:!1},list:{type:String,required:!1},label:{type:String,required:!1},labelclass:{type:String,required:!1},inputclass:{type:String,required:!1},type:{type:String,required:!1,default:"text"},size:{type:String,required:!1},errormsg:{type:String,required:!1},options:{type:Array,required:!1},prefix:{type:String,required:!1},prefixClass:{type:String,required:!1},suffix:{type:String,required:!1},suffixClass:{type:String,required:!1},title:{type:String,required:!1},hint:{type:String,required:!1},multiple:{type:String,required:!1}},computed:{displayLabel(){return()=>this.$attrs.multiple?this.label+'<span class="small d-block text-body font-body fw-normal">Hold down the Ctrl (windows) or Command (Mac) button to select multiple options.</span>':this.hint?this.label+`<span class="small d-block text-body font-body fw-normal">${this.hint}</span>`:this.label},wrapperClass(){return()=>{switch(this.type){case"radio":case"checkbox":return"form-check";case"radio-btn":case"checkbox-btn":return!1;default:return"form-control__wrapper"}}},needPattern(){return()=>{if(this.pattern)return this.pattern;switch(this.type){case"datetime-local":return"[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}"}return!1}},needsLabel(){return()=>{switch(this.type){case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":return!1;default:return!0}}},isInput(){return()=>{switch(this.type){case"textarea":case"select":case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":case"range":case"color":return!1;default:return!0}}},allowDatalist(){return()=>{switch(this.type){case"select":case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":return!1;default:return!0}}},hasOptions(){return()=>{if(this.list)return this.list;if(this.options)return this.id+"-list"}},inputVal:{get(){return this.value==null&&this.options!=null&&this.type=="select"?this.$attrs.multiple?[]:this.options[0].value:this.value},set(a){this.$emit("input",a)}}},mounted(){this.$nextTick(function(){let a=this.$refs.wrapper;if(a.parentNode&&a.parentNode.classList.contains("form-check")||a.classList.length==0){const s=document.createDocumentFragment();Array.from(a.childNodes).forEach(t=>s.appendChild(t)),a.parentNode.insertBefore(s,a),a.parentNode.removeChild(a)}})},methods:{inputKeyup(a){this.$emit("keyupEvent",a)},clickEvent(){this.$emit("bus")}}},Ee=["for","innerHTML","title"],Le=["innerHTML"],qe=["innerHTML"],$e=["type","name","id","pattern","list"],Ne=["type","name","id","pattern"],xe={key:5,class:"input-group"},Be=["type","name","id","pattern","list"],Ce={class:"input-group-text border-0 col-2 col-sm-1 px-0"},Ve={key:6,class:"input-group"},Te=["type","name","id","pattern","list"],He={class:"input-group-text flex-fill"},Me=["type","name","id","pattern"],De=["value"],Pe=["id"],Re=["value"],Fe=["type","name","id"],ze=["for","innerHTML"],Ie=["type","name","id"],We=["for","innerHTML"],Oe=["innerHTML"];function je(a,s,t,l,i,r){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.wrapperClass()),ref:"wrapper"},[r.needsLabel()?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(`form-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:r.displayLabel(),title:t.title},null,10,Ee)):e.createCommentVNode("",!0),t.prefix?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(`prefix ${this.prefixClass} ${t.size?`prefix-${t.size}`:""}`),innerHTML:t.prefix,role:"presentation"},null,10,Le)):e.createCommentVNode("",!0),t.suffix?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(`suffix ${this.suffixClass} ${t.size?`suffix-${t.size}`:""}`),innerHTML:t.suffix,role:"presentation"},null,10,qe)):e.createCommentVNode("",!0),r.isInput()?e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({key:3,"onUpdate:modelValue":s[0]||(s[0]=o=>r.inputVal=o),class:`form-control${t.size?` form-control-${t.size}`:""}${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:r.needPattern(),list:r.hasOptions()},a.$attrs,{onKeyup:s[1]||(s[1]=(...o)=>r.inputKeyup&&r.inputKeyup(...o))}),null,16,$e)),[[e.vModelDynamic,r.inputVal]]):e.createCommentVNode("",!0),t.type=="textarea"?e.withDirectives((e.openBlock(),e.createElementBlock("textarea",e.mergeProps({key:4,"onUpdate:modelValue":s[2]||(s[2]=o=>r.inputVal=o),class:`form-control${t.size?` form-control-${t.size}`:""}${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:r.needPattern()},a.$attrs),null,16,Ne)),[[e.vModelText,r.inputVal]]):e.createCommentVNode("",!0),t.type=="range"?(e.openBlock(),e.createElementBlock("div",xe,[e.withDirectives(e.createElementVNode("input",e.mergeProps({"onUpdate:modelValue":s[3]||(s[3]=o=>r.inputVal=o),class:`form-range${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:r.needPattern(),list:r.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Be),[[e.vModelDynamic,r.inputVal]]),e.createElementVNode("output",Ce,e.toDisplayString(t.value),1)])):e.createCommentVNode("",!0),t.type=="color"?(e.openBlock(),e.createElementBlock("div",Ve,[e.withDirectives(e.createElementVNode("input",e.mergeProps({"onUpdate:modelValue":s[4]||(s[4]=o=>r.inputVal=o),class:`form-control form-control-color${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:r.needPattern(),list:r.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Te),[[e.vModelDynamic,r.inputVal]]),e.createElementVNode("output",He,e.toDisplayString(t.value?a.vale:"#000000"),1)])):e.createCommentVNode("",!0),t.type=="select"?e.withDirectives((e.openBlock(),e.createElementBlock("select",e.mergeProps({key:7,"onUpdate:modelValue":s[5]||(s[5]=o=>r.inputVal=o),class:`form-select${t.size?` form-select-${t.size}`:""}${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.id,id:t.id,pattern:r.needPattern()},a.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(o,n)=>(e.openBlock(),e.createElementBlock("option",{key:n,value:o.value},e.toDisplayString(o.display?o.display:o.value),9,De))),128))],16,Me)),[[e.vModelSelect,r.inputVal]]):e.createCommentVNode("",!0),r.allowDatalist()?(e.openBlock(),e.createElementBlock("datalist",{key:8,id:t.id+"-list"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(o,n)=>(e.openBlock(),e.createElementBlock("option",{key:n,value:o.value},e.toDisplayString(o.value),9,Re))),128))],8,Pe)):e.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(e.openBlock(),e.createElementBlock("input",e.mergeProps({key:9,class:"form-check-input",type:t.type,name:t.name?t.name:t.id,id:t.id},a.$attrs),null,16,Fe)):e.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(e.openBlock(),e.createElementBlock("label",{key:10,class:e.normalizeClass(`form-label form-check-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label},null,10,ze)):e.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(e.openBlock(),e.createElementBlock("input",e.mergeProps({key:11,class:`btn-check${t.inputclass?` ${t.inputclass}`:""}`,type:t.type.replace("-btn",""),autocomplete:"off",name:t.name?t.name:t.id,id:t.id},a.$attrs),null,16,Ie)):e.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(e.openBlock(),e.createElementBlock("label",{key:12,class:e.normalizeClass(`btn${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label,onClick:s[6]||(s[6]=(...o)=>r.clickEvent&&r.clickEvent(...o))},null,10,We)):e.createCommentVNode("",!0),t.errormsg?(e.openBlock(),e.createElementBlock("p",{key:13,class:"invalid-feedback mb-0",innerHTML:t.errormsg},null,8,Oe)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")],2)}const E=b(we,[["render",je]]),Ue={components:{Input:E},name:"FileUploads",props:{id:{type:String,required:!0},inputcolclass:{type:String,required:!1},maxfilesize:{type:Number,required:!1},maxfiles:{type:Number,required:!1}}},Ke={class:"multiple-file-uploads mb-4"},Ge={class:"row"},Qe={class:"col-12 col-md me-auto"},Ye=e.createElementVNode("div",{class:"col mw-fit-content"},[e.createElementVNode("button",{type:"button",class:"btn btn-tertiary me-0","data-delete":""},"Delete")],-1),Ze=["data-maxfiles"];function Xe(a,s,t,l,i,r){const o=e.resolveComponent("Input");return e.openBlock(),e.createElementBlock("div",Ke,[e.createElementVNode("div",Ge,[e.createElementVNode("div",{class:e.normalizeClass(`${t.inputcolclass?t.inputcolclass:"col-12 col-sm-4"}`)},[e.createVNode(o,{type:"file",id:t.id,name:`${t.id}[]`,label:"Add new file",labelclass:"d-none",class:"form-control-inline col",required:"","data-filesize":t.maxfilesize},null,8,["id","name","data-filesize"])],2),e.createElementVNode("div",Qe,[e.renderSlot(a.$slots,"default")]),Ye]),e.createElementVNode("button",{type:"button",class:"btn btn-secondary me-0","data-add":"","data-maxfiles":t.maxfiles},"+ Add file",8,Ze)])}const Je=b(Ue,[["render",Xe]]);function ve(a){let s=a.querySelectorAll("details"),t=a.querySelectorAll("summary");if(s.forEach(l=>{l.classList.add("accordion-item")}),t.forEach(l=>{l.classList.add("accordion-header"),l.classList.add("accordion-button"),l.classList.add("h4")}),!a.classList.contains("accordion--keep-open")){const l=a.querySelectorAll(":scope > details");l.forEach(i=>{i.addEventListener("click",()=>{l.forEach(r=>{r!==i&&r.removeAttribute("open")})})})}}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"accordion"});const N=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets";class et extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const s=document.createElement("template");s.innerHTML=`
|
|
21
|
+
<style>
|
|
22
|
+
@import "${N}/css/core.min.css";
|
|
23
|
+
@import "${N}/css/components/accordion.css";
|
|
56
24
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
57
25
|
</style>
|
|
58
26
|
<div class="accordion">
|
|
59
27
|
<slot></slot>
|
|
60
28
|
</div>
|
|
61
|
-
`,this.shadowRoot.appendChild(
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
29
|
+
`,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){ve(this),this.insertAdjacentHTML("beforebegin",`<link rel="stylesheet" href="${N}/css/components/accordion.css">`)}}const ol="";window.customElements.get("iam-accordion")||window.customElements.define("iam-accordion",et);const tt={name:"Accordion",props:{},mounted(){}},at={ref:"wrapper"};function st(a,s,t,l,i,r){return e.openBlock(),e.createElementBlock("iam-accordion",at,[e.renderSlot(a.$slots,"default")],512)}const lt=b(tt,[["render",st]]),ot={name:"AccordionItem",props:{title:{type:String,required:!0},titlecolour:{type:String,required:!1},badge:{type:[Number,String],required:!1},badgecolour:{type:String,required:!1,default:"light"},lazy:{type:Boolean,required:!1}},computed:{createID(){return a=>`${pe(a)}`}},data(){return{show:!this.lazy}}},nt=["id"],rt=["classList"];function it(a,s,t,l,i,r){return e.openBlock(),e.createElementBlock("details",{id:r.createID(t.title)},[e.createElementVNode("summary",{classList:`${t.titlecolour?`bg-${t.titlecolour}`:""}`},[e.createTextVNode(e.toDisplayString(t.title),1),t.badge?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(`badge bg-${t.badgecolour}`)},e.toDisplayString(t.badge),3)):e.createCommentVNode("",!0)],8,rt),e.renderSlot(a.$slots,"default")],8,nt)}const ct=b(ot,[["render",it]]),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"},ft={class:"pt-5 pb-3 px-4"},yt={class:"col-sm-6 col-md-5 ms-auto"},pt=["src"];function bt(a,s,t,l,i,r){return e.openBlock(),e.createElementBlock("div",mt,[e.createElementVNode("div",{class:e.normalizeClass("bg-"+t.background+" mb-4")},[e.createElementVNode("div",ut,[e.createElementVNode("div",ht,[e.createElementVNode("div",ft,[e.createElementVNode("h2",null,e.toDisplayString(t.title),1),e.renderSlot(a.$slots,"default")])]),e.createElementVNode("div",yt,[t.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.image,alt:"",class:"h-100 w-100 object-cover"},null,8,pt)):e.createCommentVNode("",!0)])])],2)])}const _t=b(dt,[["render",bt]]);class gt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const s=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=`@import "${s}/css/components/card.css";`;this.querySelector(".icon")&&this.classList.add("card--has-icon");let l=this.classList.toString();const i=document.createElement("template");i.innerHTML=`
|
|
30
|
+
<style>
|
|
31
|
+
@import "${s}/css/core.min.css";
|
|
32
|
+
${t}
|
|
33
|
+
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
34
|
+
</style>
|
|
35
|
+
<div class="card ${l}" tabindex="0" role="button">
|
|
36
|
+
${this.hasAttribute("data-image")?`<div class="card__head"><img src="${this.getAttribute("data-image")}" alt="" loading="lazy" /></div>`:""}
|
|
37
|
+
<div class="card__body">
|
|
38
|
+
${this.classList.contains("card--filter")&&this.hasAttribute("data-total")?`<div class="card__total">${this.getAttribute("data-total")}</div>`:""}
|
|
39
|
+
${this.hasAttribute("data-illustration")?`<div class="card__illustration"><img src="${this.getAttribute("data-illustration")}" alt="" loading="lazy" /></div>`:""}
|
|
40
|
+
<slot></slot>
|
|
41
|
+
</div>
|
|
42
|
+
${this.hasAttribute("data-cta")?`<div class="card__footer"><span class="link">${this.getAttribute("data-cta")}</span></div>`:""}
|
|
43
|
+
</div>
|
|
44
|
+
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){const s=this.parentNode.closest("a, button, label"),t=this.shadowRoot.querySelector(".card");s.setAttribute("tabindex","-1"),s.matches("label[for]")&&document.getElementById(s.getAttribute("for")).checked&&t.classList.add("active"),t.addEventListener("click",l=>{s.matches("label[for]")?document.getElementById(s.getAttribute("for")).checked?t.classList.remove("active"):t.classList.add("active"):s.click()}),t.addEventListener("keydown",l=>{switch(l.keyCode){case 32:case 13:s.matches("label[for]")?document.getElementById(s.getAttribute("for")).checked?t.classList.remove("active"):t.classList.add("active"):s.click();break}})}static get observedAttributes(){return["data-total","class"]}attributeChangedCallback(s,t,l){switch(s){case"data-total":{this.shadowRoot.querySelector(".card__total").innerHTML=l;break}case"class":{let i=this.classList.toString();this.querySelector(".icon")&&(i+=" card--has-icon"),this.shadowRoot.querySelector(".card").setAttribute("class",`card ${i}`);break}}}}const kt={name:"Card",created(){this.$nextTick(function(){window.customElements.get("iam-card")||window.customElements.define("iam-card",gt)})}};function At(a,s,t,l,i,r){return e.openBlock(),e.createElementBlock("iam-card",null,[e.renderSlot(a.$slots,"default")])}const R=b(kt,[["render",At]]);function St(a){var s;let t=a.querySelector(".carousel__inner"),l=a.querySelectorAll(".carousel__item").length;a.getAttribute("data-cols");let i=a.getAttribute("data-sm-cols"),r=a.getAttribute("data-md-cols");a.querySelector(".carousel__controls a").classList.add("active"),t.addEventListener("scroll",function(o){clearTimeout(s),s=setTimeout(function(){let n=t.clientWidth,d=t.scrollWidth,c=t.scrollLeft,m=Math.round(c/d*l)+1,u=a.querySelector(".carousel__item:last-child").offsetLeft;Array.from(a.querySelectorAll(".carousel__controls a")).forEach((f,p)=>{f.classList.remove("active")}),a.querySelector(".control-"+m).classList.add("active"),m==1?a.querySelector(".btn-prev").setAttribute("disabled","disabled"):a.querySelector(".btn-prev").removeAttribute("disabled"),t.scrollLeft+n>u?a.querySelector(".btn-next").setAttribute("disabled","disabled"):a.querySelector(".btn-next").removeAttribute("disabled")},100)},!1),a.addEventListener("click",function(o){for(var n=o.target;n&&n!=this;n=n.parentNode)if(n.matches(".carousel__controls a")){o.preventDefault(),Array.from(a.querySelectorAll(".carousel__controls a")).forEach((c,m)=>{c.classList.remove("active")}),n.classList.add("active");const d=document.querySelector(n.getAttribute("href"));t.scroll({top:0,left:d.offsetLeft,behavior:"smooth"});break}},!1),a.addEventListener("click",function(o){for(var n=o.target;n&&n!=this;n=n.parentNode)if(n.matches(".btn-next, .btn-prev")){o.preventDefault();let d=n.classList.contains("btn-prev")?t.scrollLeft-t.clientWidth:t.scrollLeft+t.clientWidth;t.scroll({top:0,left:d,behavior:"smooth"});break}},!1),l==1&&a.classList.add("hide-btns"),i>=l&&a.classList.add("hide-sm-btns"),r>=l&&a.classList.add("hide-md-btns")}const nl="",wt={components:{Card:R},name:"Carousel",data(){return{id:null}},props:{items:{type:Array,required:!1},cols:{type:Number,required:!1,default:1},smcols:{type:Number,required:!1,default:1},mdcols:{type:Number,required:!1,default:3},gap:{type:Number,required:!1,default:4},cardtype:{type:String,required:!1},cardclass:{type:String,required:!1},btntype:{type:String,required:!1},titleclass:{type:String,required:!1},ctatext:{type:String,required:!1},hidectatext:{type:Boolean,required:!1,default:!1},colclass:{type:String,required:!1},type:{type:String,required:!1}},computed:{content(){return a=>`${a.image?`<img src="${a.image}" alt="" />`:""}${a.content?a.content:""}`}},mounted(){this.id=this._uid,this.$nextTick(function(){St(this.$refs.wrapper)})}},Et=["id","data-cols","data-sm-cols","data-md-cols"],Lt={class:"carousel__wrapper"},qt={class:"carousel__inner"},$t=["id"],Nt=["innerHTML","id"],xt=["href"],Bt=e.createElementVNode("button",{class:"btn btn-prev","data-go":"0",disabled:""},"Prev",-1),Ct=e.createElementVNode("button",{class:"btn btn-next","data-go":"2"},"Next",-1);function Vt(a,s,t,l,i,r){const o=e.resolveComponent("Card");return e.openBlock(),e.createElementBlock("div",{class:"container carousel",id:"carousel"+i.id,ref:"wrapper","data-cols":t.cols,"data-sm-cols":t.smcols,"data-md-cols":t.mdcols},[e.renderSlot(a.$slots,"default"),e.createElementVNode("div",Lt,[e.createElementVNode("div",qt,[t.type=="card"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap?`g-${t.gap}`:""}`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`col carousel__item${t.colclass?` ${t.colclass}`:""}`),key:d,id:"carousel"+i.id+"slide"+(d+1)},[e.createVNode(o,e.mergeProps(n,{class:t.cardclass,type:t.cardtype,btnyype:t.btntype,titleclass:t.titleclass,ctatext:t.ctatext,hidectatext:t.hidectatext}),null,16,["class","type","btnyype","titleclass","ctatext","hidectatext"])],10,$t))),128))],2)):e.createCommentVNode("",!0),t.type!="card"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap?`g-${t.gap}`:""}`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`col carousel__item${t.colclass?` ${t.colclass}`:""}`),key:d,innerHTML:r.content(n),id:"carousel"+i.id+"slide"+(d+1)},null,10,Nt))),128))],2)):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:e.normalizeClass(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,d)=>(e.openBlock(),e.createElementBlock("a",{key:d,href:"#carousel"+i.id+"slide"+(d+1),class:e.normalizeClass(`control-${d+1}`)},"Slide "+e.toDisplayString(d+1),11,xt))),128))],2),Bt,Ct])],8,Et)}const Tt=b(wt,[["render",Vt]]);window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class Ht extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const s=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=`@import "${s}/css/components/header.css";`,l=document.createElement("template");l.innerHTML=`
|
|
66
45
|
<style>
|
|
67
|
-
@import "${
|
|
68
|
-
${
|
|
46
|
+
@import "${s}/css/core.min.css";
|
|
47
|
+
${t}
|
|
69
48
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
70
49
|
:host {
|
|
71
50
|
max-width:100%!important;
|
|
@@ -86,10 +65,10 @@ ${o}
|
|
|
86
65
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" lazy="" />
|
|
87
66
|
</picture>
|
|
88
67
|
</div>
|
|
89
|
-
`,this.shadowRoot.appendChild(l.content.cloneNode(!0))}connectedCallback(){const r=this.shadowRoot.querySelector("picture"),a=this.shadowRoot.querySelector("picture source");this.hasAttribute("image")?a.setAttribute("srcset",this.getAttribute("image")):r.remove()}}window.customElements.get("iam-header")||window.customElements.define("iam-header",xt);const Ct={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}}},Tt=["image"],Mt=["innerHTML"];function Ht(t,r,a,l,d,s){return e.openBlock(),e.createElementBlock("iam-header",{class:"bg-secondary",image:a.image},[e.renderSlot(t.$slots,"breadcrumb"),a.title?(e.openBlock(),e.createElementBlock("h1",{key:0,innerHTML:a.title},null,8,Mt)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default")],8,Tt)}const Dt=_(Ct,[["render",Ht]]);function zt(t){var r;const a=t.querySelector(".testimonial__images"),l=a.querySelectorAll("img").length;if(l==1)return!1;t.classList.add("testimonial--multi");const d=function(s){const n=t.querySelector(".btn-next"),o=t.querySelector(".btn-prev");n.setAttribute("data-go",s+1),o.setAttribute("data-go",s-1),n.removeAttribute("disabled"),o.removeAttribute("disabled"),s==1?o.setAttribute("disabled",!0):s==l&&n.setAttribute("disabled",!0)};a.addEventListener("scroll",function(s){clearTimeout(r),r=setTimeout(function(){let n=a.scrollWidth,o=a.scrollHeight,m=a.scrollLeft,b=a.scrollTop,g=Math.round(m/n*l)+1;m==0&&b!=0&&(g=Math.round(b/o*l)+1),t.setAttribute("data-show",g),d(g)},300)},!1),t.addEventListener("click",function(s){for(var n=s.target;n&&n!=this;n=n.parentNode)if(n.matches("[data-go]")){let o=parseInt(n.getAttribute("data-go")),m=0,b=0,g=a.scrollWidth,S=a.scrollHeight;g>S?b=Math.floor(g*((o-1)/l)):m=Math.floor(S*((o-1)/l)),a.scroll({top:m,left:b,behavior:"smooth"});break}},!1)}const cn="",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"},It={class:"row"},Ot={class:"col-md-5 position-relative"},jt={class:"testimonial__images"},Rt=["src"],Wt=e.createElementVNode("div",{class:"testimonial__controls"},[e.createElementVNode("button",{"data-go":"0",disabled:"",class:"btn-prev"},"Previous"),e.createElementVNode("button",{"data-go":"2",class:"btn-next"},"Next")],-1),Kt={class:"col-md-7"},Ut=e.createElementVNode("h2",null,"What our customers think…",-1),Gt={class:"testimonial__content"},Zt=["innerHTML"],Qt=["innerHTML"],Yt={class:"testimonial__after"},Jt=e.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1);function Xt(t,r,a,l,d,s){return e.openBlock(),e.createElementBlock("div",Ft,[e.createElementVNode("div",{class:e.normalizeClass("bg-"+a.background)},[e.createElementVNode("div",It,[e.createElementVNode("div",Ot,[e.createElementVNode("div",jt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.items,(n,o)=>(e.openBlock(),e.createElementBlock("img",{key:o,src:n.image?n.image:"data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",alt:"",class:e.normalizeClass("h-100 w-100 object-cover"+(n.image?"":" opacity-0"))},null,10,Rt))),128))]),Wt]),e.createElementVNode("div",Kt,[Ut,e.createElementVNode("div",Gt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.items,(n,o)=>(e.openBlock(),e.createElementBlock("blockquote",{key:o,class:e.normalizeClass(n.class)},[e.createElementVNode("div",{innerHTML:n.quote},null,8,Zt),e.createElementVNode("cite",{innerHTML:n.cite},null,8,Qt)],2))),128))]),e.createElementVNode("div",Yt,[e.renderSlot(t.$slots,"default")])])]),Jt],2)],512)}const vt=_(Pt,[["render",Xt]]),dn="",ea={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"}]}}},ta={class:"container",ref:"wrapper"},aa={class:"property-searchbar"},sa=["action","method"],na={class:"col-12 col-md-3"},oa={class:"col-12 col-md"},ra=e.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1),la={class:"row","data-input-range":""},ia={class:"col-12 col-md"},ca=e.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1),da={class:"row","data-input-range":""},ma={class:"col-12 col-md-2"},ua=e.createElementVNode("div",{class:"col-12 col-md mw-md-fit-content d-flex property-searchbar__btn"},[e.createElementVNode("button",{class:"btn w-100 me-0",type:"submit",value:"submit"},"Search")],-1);function fa(t,r,a,l,d,s){const n=e.resolveComponent("Input");return e.openBlock(),e.createElementBlock("div",ta,[e.renderSlot(t.$slots,"default"),e.createElementVNode("div",aa,[e.createElementVNode("form",{class:"row",action:a.formaction,method:a.formmethod},[e.createElementVNode("fieldset",na,[e.createVNode(n,{inputClass:"input--locations",modelValue:s.locationSet,"onUpdate:modelValue":r[0]||(r[0]=o=>s.locationSet=o),label:"Location",id:"location",options:s.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:r[1]||(r[1]=o=>s.locationKeyup(...arguments)),ref:"search"},null,8,["modelValue","options"]),e.createVNode(n,{class:"select--miles",label:"Miles",id:"miles",type:"select",options:a.distances},null,8,["options"])]),e.createElementVNode("fieldset",oa,[ra,e.createElementVNode("div",la,[e.createVNode(n,{class:"col-6",label:"Minimum price",id:"price-min","data-min":"true",type:"select",options:a.pricemin},null,8,["options"]),e.createVNode(n,{class:"col-6",label:"Maximum price",id:"price-max","data-max":"true",type:"select",options:a.pricemax},null,8,["options"])])]),e.createElementVNode("fieldset",ia,[ca,e.createElementVNode("div",da,[e.createVNode(n,{class:"col-6",label:"Minimum beds",id:"beds-min","data-min":"true",type:"select",options:a.bedsmin},null,8,["options"]),e.createVNode(n,{class:"col-6",label:"Maximum beds",id:"beds-max","data-max":"true",type:"select",options:a.bedsmax},null,8,["options"])])]),e.createElementVNode("fieldset",ma,[e.createVNode(n,{label:"Property type",id:"property-type",type:"select",options:a.propertytypes},null,8,["options"])]),ua],8,sa)]),e.renderSlot(t.$slots,"after")],512)}const ha=_(ea,[["render",fa]]),pa=t=>{Array.from(t.querySelectorAll("details")).forEach((r,a)=>{r.addEventListener("mouseenter",function(l){window.matchMedia("(min-width: 62em)").matches&&r.setAttribute("open","true")},!1),r.addEventListener("mouseleave",function(l){window.matchMedia("(min-width: 62em)").matches&&r.removeAttribute("open")},!1)}),"IntersectionObserver"in window&&new IntersectionObserver(([a])=>a.target.classList.toggle("is-stuck",a.intersectionRatio<1),{threshold:[1]}).observe(t)},mn="",_a={components:{Input:N,Logo:T,Icon:C},name:"Nav",props:{logo:{type:String,required:!1},logotext:{type:String,required:!1},logopath:{type:String,required:!1},search:{type:String,required:!1},btnlink:{type:String,required:!1},btntext:{type:String,required:!1},propertylink:{type:String,required:!1},movebutlerlink:{type:String,required:!1},iamsoldlink:{type:String,required:!1}},data(){return{locationSave:""}},methods:{subIsActive(t){return(Array.isArray(t)?t:[t]).some(a=>this.$route.path.indexOf(a)===0)}},computed:{hasLogoSlot(){return!!this.$slots.logo},hasSecondarySlot(){return!!this.$slots.secondary},hasSearchSlot(){return!!this.$slots.search},hasAccountSlot(){return!!this.$slots.account},isMarketplace(){return!1}},mounted(){this.$nextTick(function(){pa(this.$refs.wrapper)})}},ya=e.createElementVNode("input",{type:"checkbox",name:"showMenu",id:"showMenu",class:"d-none"},null,-1),ba=e.createElementVNode("input",{type:"checkbox",name:"showSearch",id:"showSearch",class:"d-none"},null,-1),ga=e.createElementVNode("input",{type:"checkbox",name:"showAccount",id:"showAccount",class:"d-none"},null,-1),ka={class:"nav__mobile-bar"},Sa={class:"container"},Aa={class:"row"},wa={key:0,class:"col mw-md-fit-content nav__logo"},Na={key:1,class:"col mw-md-fit-content nav__logo"},Ba={href:"/",class:"text-decoration-none mb-0"},$a=e.createElementVNode("div",{class:"col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn"},[e.createElementVNode("label",{for:"showMenu"},"Menu")],-1),Ea={class:"nav__inner"},La={class:"container"},Va={class:"row"},qa={key:0,class:"col mw-md-fit-content nav__logo"},xa={key:1,class:"col mw-md-fit-content nav__logo"},Ca={href:"/",class:"text-decoration-none mb-0"},Ta={key:2,class:"col mw-fit-content nav__search-btn flex-row align-items-center"},Ma=[e.createElementVNode("label",{for:"showSearch"},[e.createElementVNode("svg",{class:"icon",viewBox:"0 0 32 32"},[e.createElementVNode("title",null,"Search"),e.createElementVNode("ellipse",{cx:"14.92",cy:"13.81",rx:"11.92",ry:"11.81",class:"icon__outline"}),e.createElementVNode("line",{x1:"22.68",y1:"22.75",x2:"30",y2:"30",class:"icon__outline"})])],-1)],Ha=e.createElementVNode("div",{class:"col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn"},[e.createElementVNode("label",{for:"showMenu"},"Menu")],-1),Da={class:"col-12 col-md nav__menu ms-auto flex-row align-items-center"},za={key:3,class:"col nav__account-btn flex-row align-items-center"},Pa=[e.createElementVNode("label",{for:"showAccount"},[e.createElementVNode("svg",{class:"icon",viewBox:"0 0 28 28"},[e.createElementVNode("path",{d:"M14,28a13.861,13.861,0,0,1-9.268-3.533l-.023.047-.721-.738L3.62,23.4l.012-.023a14,14,0,1,1,20.735,0l.012.023-.367.377-.722.738-.024-.045A13.855,13.855,0,0,1,14,28Zm0-9.58a10.5,10.5,0,0,0-1.368.092c-.085.012-.17.03-.252.047-.061.013-.124.026-.187.037l-.077.013c-.266.047-.54.095-.8.165-.108.029-.215.065-.318.1-.063.022-.125.043-.188.063l-.08.026c-.223.071-.454.144-.671.234-.125.05-.245.11-.362.168l-.146.072-.045.021c-.208.1-.423.2-.623.312-.131.074-.257.158-.379.239l-.106.07-.068.044c-.176.114-.359.232-.528.359-.137.1-.267.218-.393.327l-.054.047c-.174.15-.355.306-.519.47-.132.134-.258.277-.38.416l-.018.021c-.16.184-.3.35-.437.527-.12.161-.23.33-.337.494-.076.117-.146.238-.214.356a12.495,12.495,0,0,0,17.109,0l-.022-.037c-.061-.1-.125-.212-.192-.315-.1-.156-.214-.333-.338-.5-.141-.188-.293-.363-.436-.526-.113-.13-.253-.292-.4-.438-.161-.162-.337-.314-.517-.468l-.08-.069c-.118-.1-.24-.209-.368-.307-.183-.137-.379-.264-.568-.387l-.026-.017-.106-.07c-.125-.083-.251-.166-.381-.24-.207-.118-.429-.222-.643-.322l-.024-.011-.152-.074c-.116-.057-.235-.116-.356-.165-.214-.087-.438-.159-.656-.229l-.1-.031c-.066-.021-.132-.043-.2-.066-.1-.035-.2-.07-.309-.1-.264-.07-.538-.118-.8-.165l-.078-.014c-.063-.011-.126-.024-.187-.037-.082-.017-.167-.035-.252-.047A10.483,10.483,0,0,0,14,18.421Zm0-1.473a11.871,11.871,0,0,1,1.54.1c.1.013.192.033.284.052.069.014.139.028.209.04.34.058.672.118,1,.2.14.036.278.082.412.127l.151.05c.309.1.587.188.859.3.148.059.293.127.433.194l.13.061c.306.142.553.266.775.389.188.107.368.22.535.328.26.166.489.322.7.478.156.117.316.244.49.389.209.176.412.361.622.567.156.154.3.293.43.443.209.23.4.472.542.657l.051.066c.1.134.21.272.308.416.021.031.045.061.068.09a1.267,1.267,0,0,1,.085.117,12.525,12.525,0,1,0-19.24,0c.026-.04.056-.078.084-.114s.05-.064.073-.1c.1-.141.2-.278.3-.409l.046-.059c.2-.264.378-.478.555-.672.137-.152.281-.3.417-.43.215-.21.422-.4.635-.578.18-.15.332-.271.479-.381.208-.155.433-.31.709-.486.174-.111.346-.219.526-.319.274-.153.55-.285.783-.393l.112-.053c.144-.069.293-.14.445-.2.282-.113.578-.208.864-.3l.159-.052c.132-.044.265-.088.4-.124.331-.087.675-.148,1-.2.068-.012.137-.026.2-.039.094-.019.191-.039.288-.052A11.827,11.827,0,0,1,14,16.948Z",transform:"translate(0 -0.001)"}),e.createElementVNode("path",{d:"M5.2,10.4a5.2,5.2,0,1,1,5.2-5.2A5.206,5.206,0,0,1,5.2,10.4Zm0-8.915A3.714,3.714,0,1,0,8.915,5.2,3.719,3.719,0,0,0,5.2,1.486Z",transform:"translate(8.8 4.8)"})]),e.createElementVNode("span",null,"My account")],-1)],Fa={key:4,class:"col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"},Ia=["href","innerHTML"],Oa={key:0,class:"nav__menu--secondary"},ja={class:"container"},Ra={key:1,class:"nav__menu--search"},Wa={class:"bg-gradient pt-4"},Ka={class:"container"},Ua={key:0,class:"nav__menu--account"},Ga={class:"container"},Za={class:"row mb-4"},Qa={key:0,class:"col mw-md-fit-content nav__logo"},Ya={key:1,class:"col mw-md-fit-content nav__logo"},Ja={href:"/",class:"text-decoration-none mb-0"},Xa=e.createElementVNode("div",{class:"col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn"},[e.createElementVNode("label",{for:"showAccount"},"Account")],-1),va={class:"container"},es=e.createElementVNode("span",{class:"nav__bg"},null,-1);function ts(t,r,a,l,d,s){const n=e.resolveComponent("Logo");return e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(`nav${s.hasSecondarySlot?" has-secondary":""}`),ref:"wrapper"},[ya,ba,ga,e.createElementVNode("div",ka,[e.createElementVNode("div",Sa,[e.createElementVNode("div",Aa,[s.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",wa,[e.renderSlot(t.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",Na,[e.createElementVNode("a",Ba,[e.createVNode(n,{id:a.logo,path:a.logopath,desc:a.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),$a])])]),e.createElementVNode("div",Ea,[e.createElementVNode("div",La,[e.createElementVNode("div",Va,[s.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",qa,[e.renderSlot(t.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",xa,[e.createElementVNode("a",Ca,[e.createVNode(n,{id:a.logo,path:a.logopath,desc:a.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),s.hasSearchSlot?(e.openBlock(),e.createElementBlock("div",Ta,Ma)):e.createCommentVNode("",!0),Ha,e.createElementVNode("div",Da,[e.renderSlot(t.$slots,"default")]),s.hasAccountSlot?(e.openBlock(),e.createElementBlock("div",za,Pa)):e.createCommentVNode("",!0),a.btnlink?(e.openBlock(),e.createElementBlock("div",Fa,[e.createElementVNode("a",{href:a.btnlink,class:"btn me-0",innerHTML:a.btntext},null,8,Ia)])):e.createCommentVNode("",!0)])]),s.hasSecondarySlot?(e.openBlock(),e.createElementBlock("div",Oa,[e.createElementVNode("div",ja,[e.renderSlot(t.$slots,"secondary")])])):e.createCommentVNode("",!0),s.hasSearchSlot?(e.openBlock(),e.createElementBlock("div",Ra,[e.createElementVNode("div",Wa,[e.createElementVNode("div",Ka,[e.renderSlot(t.$slots,"search")])])])):e.createCommentVNode("",!0)]),s.hasAccountSlot?(e.openBlock(),e.createElementBlock("div",Ua,[e.createElementVNode("div",Ga,[e.createElementVNode("div",Za,[s.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",Qa,[e.renderSlot(t.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",Ya,[e.createElementVNode("a",Ja,[e.createVNode(n,{id:a.logo,path:a.logopath,desc:a.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),Xa])]),e.createElementVNode("div",va,[e.renderSlot(t.$slots,"account")])])):e.createCommentVNode("",!0),es],2)}const as=_(_a,[["render",ts]]),ss=t=>{const r=t.querySelectorAll(".modal__outer a, .modal__outer button"),a=r[0],l=r[r.length-1],d=t.getAttribute("id"),s=function(){document.querySelector('[href="'+window.location.hash+'"]').focus(),window.location.hash="close",history.replaceState("",document.title,window.location.pathname+window.location.search),typeof window.player<"u"&&typeof window.player.pauseVideo=="function"&&window.player.pauseVideo()};t.addEventListener("keydown",function(o){o.key==="Tab"&&o.shiftKey&&document.activeElement==a?(o.preventDefault(),l.focus()):o.key==="Tab"&&!o.shiftKey&&document.activeElement==l&&(o.preventDefault(),a.focus())}),document.addEventListener("keydown",function(o){o.key==="Escape"&&document.querySelector(".modal:target")&&s()}),t.addEventListener("click",function(o){for(var m=o.target;m&&m!=this;m=m.parentNode)if(m.matches('[href="#close"]')){o.preventDefault(),s();break}else if(m.matches(".modal__dock--right")){o.preventDefault(),t.classList.contains("modal--left")||t.classList.add("modal--right"),t.classList.remove("modal--left");break}else if(m.matches(".modal__dock--left")){o.preventDefault(),t.classList.contains("modal--right")||t.classList.add("modal--left"),t.classList.remove("modal--right");break}});function n(){if(location.hash==="#"+d){console.log("Modal is now open");const o=document.querySelector(".modal:target .modal__inner > .youtube-embed:first-child:last-child a");console.log(o),o&&o.click()}}window.onhashchange=n},hn="",ns={name:"Modal",props:{id:{type:String,required:!0},returnid:{type:String,default:"close",required:!1}},mounted(){this.$nextTick(function(){ss(this.$refs.modal)})}},os=["id"],rs=["href"],ls=[e.createElementVNode("span",{class:"visually-hidden"},"Close",-1)],is={class:"modal__outer"},cs=["href"],ds=e.createElementVNode("span",{class:"visually-hidden"},"Close",-1),ms={class:"modal__inner"},us=e.createElementVNode("button",{class:"modal__dock--left btn btn-prev",tabindex:"-1"},"Left",-1),fs=e.createElementVNode("button",{class:"modal__dock--right btn btn-next",tabindex:"-1"},"Right",-1);function hs(t,r,a,l,d,s){return e.openBlock(),e.createElementBlock("div",{class:"modal",id:a.id,role:"dialog",modal:"true",ref:"modal"},[e.createElementVNode("a",{href:`#${a.returnid?a.returnid:""}`,tabindex:"-1"},ls,8,rs),e.createElementVNode("div",is,[e.createElementVNode("a",{href:`#${a.returnid?a.returnid:""}`,class:"btn btn-tertiary py-1 px-2"},[ds,e.createTextVNode("✕")],8,cs),e.createElementVNode("div",ms,[e.renderSlot(t.$slots,"default")])]),us,fs],8,os)}const ps=_(ns,[["render",hs]]),_n="",_s={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},ys={class:"container"},bs=["aria-label"],gs={key:0,class:"h6 stepper__start"},ks={class:"list-unstyled"},Ss={class:"h6 stepper__end"};function As(t,r,a,l,d,s){return e.openBlock(),e.createElementBlock("div",ys,[e.createElementVNode("nav",{class:"stepper","aria-label":a.label?a.label:"Progress"},[a.label?(e.openBlock(),e.createElementBlock("span",gs,e.toDisplayString(a.label),1)):e.createCommentVNode("",!0),e.createElementVNode("ol",ks,[e.renderSlot(t.$slots,"default")]),e.createElementVNode("span",Ss,e.toDisplayString(a.endlabel),1)],8,bs)])}const ws=_(_s,[["render",As]]),Ns={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},Bs=["href","aria-current"],$s={key:0,class:"visually-hidden"};function Es(t,r,a,l,d,s){return e.openBlock(),e.createElementBlock("li",null,[e.createElementVNode("a",{href:a.url,class:e.normalizeClass(`${a.status?"bg-"+a.status:""}${typeof a.current<"u"?"current":""}`),"aria-current":typeof a.current<"u"},[e.createElementVNode("span",null,[e.renderSlot(t.$slots,"default")]),a.status?(e.openBlock(),e.createElementBlock("em",$s," - status: "+e.toDisplayString(a.status),1)):e.createCommentVNode("",!0)],10,Bs)])}const Ls=_(Ns,[["render",Es]]),Vs=function(t){const r=t.querySelectorAll(":scope > details");t.querySelectorAll(":scope > details > summary");let a=t.querySelector(":scope > .tabs__links");t.shadowRoot&&t.shadowRoot.querySelector(".tabs__links")&&(a=t.shadowRoot.querySelector(".tabs__links")),a||(a=document.createElement("div"),a.classList.add("tabs__links"),t.prepend(a)),r.forEach((l,d)=>{let s=l.querySelector(":scope > summary");s.classList.add("visually-hidden");let n=document.createElement("button");l.hasAttribute("id")&&(n=document.createElement("a"),n.setAttribute("href",`#${l.getAttribute("id")}`)),l.hasAttribute("open")&&n.setAttribute("aria-pressed",!0),n.innerHTML=`${s.innerText}`,n.classList.add("link"),n.setAttribute("data-index",d),n.setAttribute("tabindex","-1"),a.appendChild(n)})},qs=function(t){let r=t.querySelectorAll(":scope > details"),a=t.querySelectorAll(":scope > details > summary"),l=t.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");t.shadowRoot&&(l=t.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")),l.forEach(d=>{d.addEventListener("click",s=>{s.preventDefault(),l.forEach(n=>{let o=n==d;n.setAttribute("aria-pressed",o)}),r.forEach((n,o)=>{let m=d.getAttribute("data-index")==o;m?n.setAttribute("open",m):n.removeAttribute("open")}),d.hasAttribute("href")&&history.pushState(void 0,void 0,d.getAttribute("href"))})}),a.forEach((d,s)=>{d.addEventListener("focus",n=>{l.forEach(o=>{o.classList.remove("focus")}),l[s].classList.add("focus")}),d.addEventListener("click",n=>{n.preventDefault(),l[s].click()})})},xs=function(t){let r=t.querySelectorAll(":scope > details"),a=t.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");t.shadowRoot&&(a=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]")||(r[0].setAttribute("open",!0),a[0].setAttribute("aria-pressed",!0))},Cs=function(t){Vs(t),qs(t),xs(t)};class Ts extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const r=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",a=`@import "${r}/css/components/tabs.css";`,l=document.createElement("template");l.innerHTML=`
|
|
68
|
+
`,this.shadowRoot.appendChild(l.content.cloneNode(!0))}connectedCallback(){const s=this.shadowRoot.querySelector("picture"),t=this.shadowRoot.querySelector("picture source");this.hasAttribute("image")?t.setAttribute("srcset",this.getAttribute("image")):s.remove()}}window.customElements.get("iam-header")||window.customElements.define("iam-header",Ht);const Mt={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}}},Dt=["image"],Pt=["innerHTML"];function Rt(a,s,t,l,i,r){return e.openBlock(),e.createElementBlock("iam-header",{class:"bg-secondary",image:t.image},[e.renderSlot(a.$slots,"breadcrumb"),t.title?(e.openBlock(),e.createElementBlock("h1",{key:0,innerHTML:t.title},null,8,Pt)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")],8,Dt)}const Ft=b(Mt,[["render",Rt]]);function zt(a){var s;const t=a.querySelector(".testimonial__images"),l=t.querySelectorAll("img").length;if(l==1)return!1;a.classList.add("testimonial--multi");const i=function(r){const o=a.querySelector(".btn-next"),n=a.querySelector(".btn-prev");o.setAttribute("data-go",r+1),n.setAttribute("data-go",r-1),o.removeAttribute("disabled"),n.removeAttribute("disabled"),r==1?n.setAttribute("disabled",!0):r==l&&o.setAttribute("disabled",!0)};t.addEventListener("scroll",function(r){clearTimeout(s),s=setTimeout(function(){let o=t.scrollWidth,n=t.scrollHeight,d=t.scrollLeft,c=t.scrollTop,m=Math.round(d/o*l)+1;d==0&&c!=0&&(m=Math.round(c/n*l)+1),a.setAttribute("data-show",m),i(m)},300)},!1),a.addEventListener("click",function(r){for(var o=r.target;o&&o!=this;o=o.parentNode)if(o.matches("[data-go]")){let n=parseInt(o.getAttribute("data-go")),d=0,c=0,m=t.scrollWidth,u=t.scrollHeight;m>u?c=Math.floor(m*((n-1)/l)):d=Math.floor(u*((n-1)/l)),t.scroll({top:d,left:c,behavior:"smooth"});break}},!1)}const rl="",It={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){zt(this.$refs.wrapper)}},Wt={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},Ot={class:"row"},jt={class:"col-md-5 position-relative"},Ut={class:"testimonial__images"},Kt=["src"],Gt=e.createElementVNode("div",{class:"testimonial__controls"},[e.createElementVNode("button",{"data-go":"0",disabled:"",class:"btn-prev"},"Previous"),e.createElementVNode("button",{"data-go":"2",class:"btn-next"},"Next")],-1),Qt={class:"col-md-7"},Yt=e.createElementVNode("h2",null,"What our customers think…",-1),Zt={class:"testimonial__content"},Xt=["innerHTML"],Jt=["innerHTML"],vt={class:"testimonial__after"},ea=e.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1);function ta(a,s,t,l,i,r){return e.openBlock(),e.createElementBlock("div",Wt,[e.createElementVNode("div",{class:e.normalizeClass("bg-"+t.background)},[e.createElementVNode("div",Ot,[e.createElementVNode("div",jt,[e.createElementVNode("div",Ut,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(o,n)=>(e.openBlock(),e.createElementBlock("img",{key:n,src:o.image?o.image:"data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",alt:"",class:e.normalizeClass("h-100 w-100 object-cover"+(o.image?"":" opacity-0"))},null,10,Kt))),128))]),Gt]),e.createElementVNode("div",Qt,[Yt,e.createElementVNode("div",Zt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(o,n)=>(e.openBlock(),e.createElementBlock("blockquote",{key:n,class:e.normalizeClass(o.class)},[e.createElementVNode("div",{innerHTML:o.quote},null,8,Xt),e.createElementVNode("cite",{innerHTML:o.cite},null,8,Jt)],2))),128))]),e.createElementVNode("div",vt,[e.renderSlot(a.$slots,"default")])])]),ea],2)],512)}const aa=b(It,[["render",ta]]),il="",sa={components:{Input:E},name:"PropertySearchbar",props:{formaction:{type:String,required:!1},formmethod:{type:String,required:!1},location:{type:String,required:!1},locations:{type:Array,required:!1},distances:{type:Array,required:!1,default(){return[{value:"0.25",display:"+¼ mi"},{value:"0.5",display:"+½ mi"},{value:"1",display:"+1 mi"},{value:"2",display:"+2 mi"},{value:"3",display:"+3 mi"},{value:"4",display:"+4 mi"},{value:"5",display:"+5 mi"}]}},pricemin:{type:Array,required:!1,default(){return[{value:"0",display:"No min"},{value:"50000",display:"£50k min"},{value:"75000",display:"£75k min"},{value:"100000",display:"£100k min"},{value:"150000",display:"£150k min"},{value:"200000",display:"£200k min"},{value:"250000",display:"£250k min"}]}},pricemax:{type:Array,required:!1,default(){return[{value:"any",display:"No max"},{value:"50000",display:"£50k max"},{value:"75000",display:"£75k max"},{value:"100000",display:"£100k max"},{value:"150000",display:"£150k max"},{value:"200000",display:"£200k max"},{value:"250000",display:"£250k max"}]}},bedsmin:{type:Array,required:!1,default(){return[{value:"any",display:"No min"},{value:"0",display:"Studio min"},{value:"1",display:"1 bed min"},{value:"2",display:"2 beds min"},{value:"3",display:"3 beds min"},{value:"4",display:"4 beds min"},{value:"5",display:"5 beds min"},{value:"6",display:"6 beds min"}]}},bedsmax:{type:Array,required:!1,default(){return[{value:"any",display:"No max"},{value:"0",display:"Studio max"},{value:"1",display:"1 bed max"},{value:"2",display:"2 beds max"},{value:"3",display:"3 beds max"},{value:"4",display:"4 beds max"},{value:"5",display:"5 beds max"},{value:"6",display:"6 beds max"}]}},propertytypes:{type:Array,required:!1,default(){return[{value:"all",display:"Show all"},{value:"Bungalow",display:"Bungalow"},{value:"Character Property",display:"Character Property"},{value:"Commercial Property",display:"Commercial Property"},{value:"Flat / Apartment",display:"Flat / Apartment"},{value:"Garage / Parking",display:"Garage / Parking"},{value:"Guest House / Hotel",display:"Guest House / Hotel"},{value:"House",display:"House"},{value:"House / Flat Share",display:"House / Flat Share"},{value:"Land",display:"Land"},{value:"Mobile / Park Home",display:"Mobile / Park Home"},{value:"Private Halls",display:"Private Halls"},{value:"Retirement Property",display:"Retirement Property"}]}}},data(){return{locationSave:""}},methods:{locationKeyup:function(a){this.$emit("locationKeyup",a)}},computed:{locationSet:{get(){return this.locationSave?this.locationSave:this.location},set(a){this.locationSave=a,this.$emit("input",a)}},locationsList(){return()=>this.locations?this.locations:[{value:"Newcastle"}]}}},la={class:"container",ref:"wrapper"},oa={class:"property-searchbar"},na=["action","method"],ra={class:"col-12 col-md-3"},ia={class:"col-12 col-md"},ca=e.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1),da={class:"row","data-input-range":""},ma={class:"col-12 col-md"},ua=e.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1),ha={class:"row","data-input-range":""},fa={class:"col-12 col-md-2"},ya=e.createElementVNode("div",{class:"col-12 col-md mw-md-fit-content d-flex property-searchbar__btn"},[e.createElementVNode("button",{class:"btn w-100 me-0",type:"submit",value:"submit"},"Search")],-1);function pa(a,s,t,l,i,r){const o=e.resolveComponent("Input");return e.openBlock(),e.createElementBlock("div",la,[e.renderSlot(a.$slots,"default"),e.createElementVNode("div",oa,[e.createElementVNode("form",{class:"row",action:t.formaction,method:t.formmethod},[e.createElementVNode("fieldset",ra,[e.createVNode(o,{inputClass:"input--locations",modelValue:r.locationSet,"onUpdate:modelValue":s[0]||(s[0]=n=>r.locationSet=n),label:"Location",id:"location",options:r.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:s[1]||(s[1]=n=>r.locationKeyup(...arguments)),ref:"search"},null,8,["modelValue","options"]),e.createVNode(o,{class:"select--miles",label:"Miles",id:"miles",type:"select",options:t.distances},null,8,["options"])]),e.createElementVNode("fieldset",ia,[ca,e.createElementVNode("div",da,[e.createVNode(o,{class:"col-6",label:"Minimum price",id:"price-min","data-min":"true",type:"select",options:t.pricemin},null,8,["options"]),e.createVNode(o,{class:"col-6",label:"Maximum price",id:"price-max","data-max":"true",type:"select",options:t.pricemax},null,8,["options"])])]),e.createElementVNode("fieldset",ma,[ua,e.createElementVNode("div",ha,[e.createVNode(o,{class:"col-6",label:"Minimum beds",id:"beds-min","data-min":"true",type:"select",options:t.bedsmin},null,8,["options"]),e.createVNode(o,{class:"col-6",label:"Maximum beds",id:"beds-max","data-max":"true",type:"select",options:t.bedsmax},null,8,["options"])])]),e.createElementVNode("fieldset",fa,[e.createVNode(o,{label:"Property type",id:"property-type",type:"select",options:t.propertytypes},null,8,["options"])]),ya],8,na)]),e.renderSlot(a.$slots,"after")],512)}const ba=b(sa,[["render",pa]]),_a=a=>{Array.from(a.querySelectorAll("details")).forEach((s,t)=>{s.addEventListener("mouseenter",function(l){window.matchMedia("(min-width: 62em)").matches&&s.setAttribute("open","true")},!1),s.addEventListener("mouseleave",function(l){window.matchMedia("(min-width: 62em)").matches&&s.removeAttribute("open")},!1)}),"IntersectionObserver"in window&&new IntersectionObserver(([t])=>t.target.classList.toggle("is-stuck",t.intersectionRatio<1),{threshold:[1]}).observe(a)},cl="",ga={components:{Input:E,Logo:B,Icon:x},name:"Nav",props:{logo:{type:String,required:!1},logotext:{type:String,required:!1},logopath:{type:String,required:!1},search:{type:String,required:!1},btnlink:{type:String,required:!1},btntext:{type:String,required:!1},propertylink:{type:String,required:!1},movebutlerlink:{type:String,required:!1},iamsoldlink:{type:String,required:!1}},data(){return{locationSave:""}},methods:{subIsActive(a){return(Array.isArray(a)?a:[a]).some(t=>this.$route.path.indexOf(t)===0)}},computed:{hasLogoSlot(){return!!this.$slots.logo},hasSecondarySlot(){return!!this.$slots.secondary},hasSearchSlot(){return!!this.$slots.search},hasAccountSlot(){return!!this.$slots.account},isMarketplace(){return!1}},mounted(){this.$nextTick(function(){_a(this.$refs.wrapper)})}},ka=e.createElementVNode("input",{type:"checkbox",name:"showMenu",id:"showMenu",class:"d-none"},null,-1),Aa=e.createElementVNode("input",{type:"checkbox",name:"showSearch",id:"showSearch",class:"d-none"},null,-1),Sa=e.createElementVNode("input",{type:"checkbox",name:"showAccount",id:"showAccount",class:"d-none"},null,-1),wa={class:"nav__mobile-bar"},Ea={class:"container"},La={class:"row"},qa={key:0,class:"col mw-md-fit-content nav__logo"},$a={key:1,class:"col mw-md-fit-content nav__logo"},Na={href:"/",class:"text-decoration-none mb-0"},xa=e.createElementVNode("div",{class:"col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn"},[e.createElementVNode("label",{for:"showMenu"},"Menu")],-1),Ba={class:"nav__inner"},Ca={class:"container"},Va={class:"row"},Ta={key:0,class:"col mw-md-fit-content nav__logo"},Ha={key:1,class:"col mw-md-fit-content nav__logo"},Ma={href:"/",class:"text-decoration-none mb-0"},Da={key:2,class:"col mw-fit-content nav__search-btn flex-row align-items-center"},Pa=[e.createElementVNode("label",{for:"showSearch"},[e.createElementVNode("svg",{class:"icon",viewBox:"0 0 32 32"},[e.createElementVNode("title",null,"Search"),e.createElementVNode("ellipse",{cx:"14.92",cy:"13.81",rx:"11.92",ry:"11.81",class:"icon__outline"}),e.createElementVNode("line",{x1:"22.68",y1:"22.75",x2:"30",y2:"30",class:"icon__outline"})])],-1)],Ra=e.createElementVNode("div",{class:"col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn"},[e.createElementVNode("label",{for:"showMenu"},"Menu")],-1),Fa={class:"col-12 col-md nav__menu ms-auto flex-row align-items-center"},za={key:3,class:"col nav__account-btn flex-row align-items-center"},Ia=[e.createElementVNode("label",{for:"showAccount"},[e.createElementVNode("svg",{class:"icon",viewBox:"0 0 28 28"},[e.createElementVNode("path",{d:"M14,28a13.861,13.861,0,0,1-9.268-3.533l-.023.047-.721-.738L3.62,23.4l.012-.023a14,14,0,1,1,20.735,0l.012.023-.367.377-.722.738-.024-.045A13.855,13.855,0,0,1,14,28Zm0-9.58a10.5,10.5,0,0,0-1.368.092c-.085.012-.17.03-.252.047-.061.013-.124.026-.187.037l-.077.013c-.266.047-.54.095-.8.165-.108.029-.215.065-.318.1-.063.022-.125.043-.188.063l-.08.026c-.223.071-.454.144-.671.234-.125.05-.245.11-.362.168l-.146.072-.045.021c-.208.1-.423.2-.623.312-.131.074-.257.158-.379.239l-.106.07-.068.044c-.176.114-.359.232-.528.359-.137.1-.267.218-.393.327l-.054.047c-.174.15-.355.306-.519.47-.132.134-.258.277-.38.416l-.018.021c-.16.184-.3.35-.437.527-.12.161-.23.33-.337.494-.076.117-.146.238-.214.356a12.495,12.495,0,0,0,17.109,0l-.022-.037c-.061-.1-.125-.212-.192-.315-.1-.156-.214-.333-.338-.5-.141-.188-.293-.363-.436-.526-.113-.13-.253-.292-.4-.438-.161-.162-.337-.314-.517-.468l-.08-.069c-.118-.1-.24-.209-.368-.307-.183-.137-.379-.264-.568-.387l-.026-.017-.106-.07c-.125-.083-.251-.166-.381-.24-.207-.118-.429-.222-.643-.322l-.024-.011-.152-.074c-.116-.057-.235-.116-.356-.165-.214-.087-.438-.159-.656-.229l-.1-.031c-.066-.021-.132-.043-.2-.066-.1-.035-.2-.07-.309-.1-.264-.07-.538-.118-.8-.165l-.078-.014c-.063-.011-.126-.024-.187-.037-.082-.017-.167-.035-.252-.047A10.483,10.483,0,0,0,14,18.421Zm0-1.473a11.871,11.871,0,0,1,1.54.1c.1.013.192.033.284.052.069.014.139.028.209.04.34.058.672.118,1,.2.14.036.278.082.412.127l.151.05c.309.1.587.188.859.3.148.059.293.127.433.194l.13.061c.306.142.553.266.775.389.188.107.368.22.535.328.26.166.489.322.7.478.156.117.316.244.49.389.209.176.412.361.622.567.156.154.3.293.43.443.209.23.4.472.542.657l.051.066c.1.134.21.272.308.416.021.031.045.061.068.09a1.267,1.267,0,0,1,.085.117,12.525,12.525,0,1,0-19.24,0c.026-.04.056-.078.084-.114s.05-.064.073-.1c.1-.141.2-.278.3-.409l.046-.059c.2-.264.378-.478.555-.672.137-.152.281-.3.417-.43.215-.21.422-.4.635-.578.18-.15.332-.271.479-.381.208-.155.433-.31.709-.486.174-.111.346-.219.526-.319.274-.153.55-.285.783-.393l.112-.053c.144-.069.293-.14.445-.2.282-.113.578-.208.864-.3l.159-.052c.132-.044.265-.088.4-.124.331-.087.675-.148,1-.2.068-.012.137-.026.2-.039.094-.019.191-.039.288-.052A11.827,11.827,0,0,1,14,16.948Z",transform:"translate(0 -0.001)"}),e.createElementVNode("path",{d:"M5.2,10.4a5.2,5.2,0,1,1,5.2-5.2A5.206,5.206,0,0,1,5.2,10.4Zm0-8.915A3.714,3.714,0,1,0,8.915,5.2,3.719,3.719,0,0,0,5.2,1.486Z",transform:"translate(8.8 4.8)"})]),e.createElementVNode("span",null,"My account")],-1)],Wa={key:4,class:"col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"},Oa=["href","innerHTML"],ja={key:0,class:"nav__menu--secondary"},Ua={class:"container"},Ka={key:1,class:"nav__menu--search"},Ga={class:"bg-gradient pt-4"},Qa={class:"container"},Ya={key:0,class:"nav__menu--account"},Za={class:"container"},Xa={class:"row mb-4"},Ja={key:0,class:"col mw-md-fit-content nav__logo"},va={key:1,class:"col mw-md-fit-content nav__logo"},es={href:"/",class:"text-decoration-none mb-0"},ts=e.createElementVNode("div",{class:"col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn"},[e.createElementVNode("label",{for:"showAccount"},"Account")],-1),as={class:"container"},ss=e.createElementVNode("span",{class:"nav__bg"},null,-1);function ls(a,s,t,l,i,r){const o=e.resolveComponent("Logo");return e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(`nav${r.hasSecondarySlot?" has-secondary":""}`),ref:"wrapper"},[ka,Aa,Sa,e.createElementVNode("div",wa,[e.createElementVNode("div",Ea,[e.createElementVNode("div",La,[r.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",qa,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",$a,[e.createElementVNode("a",Na,[e.createVNode(o,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),xa])])]),e.createElementVNode("div",Ba,[e.createElementVNode("div",Ca,[e.createElementVNode("div",Va,[r.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",Ta,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",Ha,[e.createElementVNode("a",Ma,[e.createVNode(o,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),r.hasSearchSlot?(e.openBlock(),e.createElementBlock("div",Da,Pa)):e.createCommentVNode("",!0),Ra,e.createElementVNode("div",Fa,[e.renderSlot(a.$slots,"default")]),r.hasAccountSlot?(e.openBlock(),e.createElementBlock("div",za,Ia)):e.createCommentVNode("",!0),t.btnlink?(e.openBlock(),e.createElementBlock("div",Wa,[e.createElementVNode("a",{href:t.btnlink,class:"btn me-0",innerHTML:t.btntext},null,8,Oa)])):e.createCommentVNode("",!0)])]),r.hasSecondarySlot?(e.openBlock(),e.createElementBlock("div",ja,[e.createElementVNode("div",Ua,[e.renderSlot(a.$slots,"secondary")])])):e.createCommentVNode("",!0),r.hasSearchSlot?(e.openBlock(),e.createElementBlock("div",Ka,[e.createElementVNode("div",Ga,[e.createElementVNode("div",Qa,[e.renderSlot(a.$slots,"search")])])])):e.createCommentVNode("",!0)]),r.hasAccountSlot?(e.openBlock(),e.createElementBlock("div",Ya,[e.createElementVNode("div",Za,[e.createElementVNode("div",Xa,[r.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",Ja,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",va,[e.createElementVNode("a",es,[e.createVNode(o,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),ts])]),e.createElementVNode("div",as,[e.renderSlot(a.$slots,"account")])])):e.createCommentVNode("",!0),ss],2)}const os=b(ga,[["render",ls]]),ul="",ns={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},rs={class:"container"},is=["aria-label"],cs={key:0,class:"h6 stepper__start"},ds={class:"list-unstyled"},ms={class:"h6 stepper__end"};function us(a,s,t,l,i,r){return e.openBlock(),e.createElementBlock("div",rs,[e.createElementVNode("nav",{class:"stepper","aria-label":t.label?t.label:"Progress"},[t.label?(e.openBlock(),e.createElementBlock("span",cs,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),e.createElementVNode("ol",ds,[e.renderSlot(a.$slots,"default")]),e.createElementVNode("span",ms,e.toDisplayString(t.endlabel),1)],8,is)])}const hs=b(ns,[["render",us]]),fs={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},ys=["href","aria-current"],ps={key:0,class:"visually-hidden"};function bs(a,s,t,l,i,r){return e.openBlock(),e.createElementBlock("li",null,[e.createElementVNode("a",{href:t.url,class:e.normalizeClass(`${t.status?"bg-"+t.status:""}${typeof t.current<"u"?"current":""}`),"aria-current":typeof t.current<"u"},[e.createElementVNode("span",null,[e.renderSlot(a.$slots,"default")]),t.status?(e.openBlock(),e.createElementBlock("em",ps," - status: "+e.toDisplayString(t.status),1)):e.createCommentVNode("",!0)],10,ys)])}const _s=b(fs,[["render",bs]]),gs=function(a){const s=a.querySelectorAll(":scope > details");a.querySelectorAll(":scope > details > summary");let t=a.querySelector(":scope > .tabs__links");a.shadowRoot&&a.shadowRoot.querySelector(".tabs__links")&&(t=a.shadowRoot.querySelector(".tabs__links")),t||(t=document.createElement("div"),t.classList.add("tabs__links"),a.prepend(t)),s.forEach((l,i)=>{let r=l.querySelector(":scope > summary");r.classList.add("visually-hidden");let o=document.createElement("button");l.hasAttribute("id")&&(o=document.createElement("a"),o.setAttribute("href",`#${l.getAttribute("id")}`)),l.hasAttribute("open")&&o.setAttribute("aria-pressed",!0),o.innerHTML=`${r.innerText}`,o.classList.add("link"),o.setAttribute("data-index",i),o.setAttribute("tabindex","-1"),t.appendChild(o)})},ks=function(a){let s=a.querySelectorAll(":scope > details"),t=a.querySelectorAll(":scope > details > summary"),l=a.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");a.shadowRoot&&(l=a.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")),l.forEach(i=>{i.addEventListener("click",r=>{r.preventDefault(),l.forEach(o=>{let n=o==i;o.setAttribute("aria-pressed",n)}),s.forEach((o,n)=>{let d=i.getAttribute("data-index")==n;d?o.setAttribute("open",d):o.removeAttribute("open")}),i.hasAttribute("href")&&history.pushState(void 0,void 0,i.getAttribute("href")),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:i.textContent})})}),t.forEach((i,r)=>{i.addEventListener("focus",o=>{l.forEach(n=>{n.classList.remove("focus")}),l[r].classList.add("focus")}),i.addEventListener("click",o=>{o.preventDefault(),l[r].click()})})},As=function(a){let s=a.querySelectorAll(":scope > details"),t=a.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");a.shadowRoot&&(t=a.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")),location.hash&&a.querySelector(`.tabs__links [href="${location.hash}"]`)?(a.querySelector(`[href="${location.hash}"]`).setAttribute("open",!0),a.querySelector(`details[id="${location.hash.replace("#","")}"]`).setAttribute("open",!0)):a.querySelector("details[open]")||(s[0].setAttribute("open",!0),t[0].setAttribute("aria-pressed",!0))},Ss=function(a){gs(a),ks(a),As(a)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});class ws extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const s=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=`@import "${s}/css/components/tabs.css";`,l=document.createElement("template");l.innerHTML=`
|
|
90
69
|
<style>
|
|
91
|
-
@import "${
|
|
92
|
-
${
|
|
70
|
+
@import "${s}/css/core.min.css";
|
|
71
|
+
${t}
|
|
93
72
|
|
|
94
73
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
95
74
|
</style>
|
|
@@ -97,4 +76,30 @@ ${o}
|
|
|
97
76
|
<div class="tabs__links"></div>
|
|
98
77
|
<slot></slot>
|
|
99
78
|
</div>
|
|
100
|
-
`,this.shadowRoot.appendChild(l.content.cloneNode(!0))}connectedCallback(){
|
|
79
|
+
`,this.shadowRoot.appendChild(l.content.cloneNode(!0))}connectedCallback(){Ss(this)}}const hl="";window.customElements.get("iam-tabs")||window.customElements.define("iam-tabs",ws);const Es={name:"Tabs"},Ls={ref:"wrapper"};function qs(a,s,t,l,i,r){return e.openBlock(),e.createElementBlock("iam-tabs",Ls,[e.renderSlot(a.$slots,"default")],512)}const $s=b(Es,[["render",qs]]),Ns={name:"Tab",props:{title:{type:String,required:!0},lazy:{type:Boolean,required:!1}},data(){return{show:!this.lazy}},watch:{show(a,s){console.log(a)}}},xs={class:"tab"},Bs=["innerHTML"];function Cs(a,s,t,l,i,r){return e.openBlock(),e.createElementBlock("details",xs,[e.createElementVNode("summary",{innerHTML:t.title},null,8,Bs),e.renderSlot(a.$slots,"default")])}const Vs=b(Ns,[["render",Cs]]);function Ts(a){if(a.addEventListener("click",function(t){for(var l=t.target;l&&l!=this;l=l.parentNode)if(l.matches(".btn-close")){t.preventDefault(),a.classList.remove("show"),setTimeout(function(){a.remove()},300);break}},!1),a.hasAttribute("data-timeout")){let t=a.getAttribute("data-timeout");setTimeout(function(){a.classList.remove("show"),setTimeout(function(){a.remove()},300)},t)}if(!document.querySelector(".alert__holder")){document.getElementsByTagName("BODY")[0];let t=document.createElement("div");t.classList.add("alert__holder"),document.querySelector("main")?document.querySelector("main").appendChild(t):document.body.appendChild(t)}let s=document.querySelector(".alert__holder");a.classList.contains("alert--fixed")&&!a.parentNode.classList.contains("alert__wrapper")&&s.appendChild(a)}const fl="",Hs={name:"Alert",props:{dismissible:{type:[String,Boolean],required:!1,default:!1},colour:{type:String,required:!1,default:"primary"},timeout:{type:[String,Number],required:!1}},mounted(){Ts(this.$refs.wrapper)}},Ms=["data-timeout"],Ds={key:0,type:"button",class:"btn-close","data-bs-dismiss":"alert","aria-label":"Close"};function Ps(a,s,t,l,i,r){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`container alert pb-0 ${t.dismissible?"alert--dismissible fade show":""}`),ref:"wrapper","data-timeout":t.timeout,style:e.normalizeStyle(t.timeout?`--animation-length: ${t.timeout}ms`:"")},[e.createElementVNode("div",{class:e.normalizeClass(`alert__inner bg-${t.colour}`),role:"alert"},[t.dismissible?(e.openBlock(),e.createElementBlock("button",Ds)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")],2)],14,Ms)}const Rs=b(Hs,[["render",Ps]]);let F=$.props;F.fields.required=!1;const Fs={components:{Table:$,Input:E},data(){return{itemsData:[...this.items]}},methods:{submitForm:function(a){console.log(this);const s=new FormData(a.target);let t=new Date;const l=t.getFullYear();let i=t.getMonth()+1,r=t.getDate();r<10&&(r="0"+r),i<10&&(i="0"+i),t=r+"/"+i+"/"+l,this.itemsData.unshift({date_added:t,user:s.get("user"),note:s.get("addNote")}),this.$emit("formSubmitted",a)}},name:"NoteFeed",props:{user:{type:String,required:!0},...F,title:{type:String,required:!1},method:{type:String,required:!1,default:"post"},action:{type:String,required:!1}}},zs={class:"container note-feed mb-2"},Is=["innerHTML"],Ws=["action","method"],Os=["value"],js=e.createElementVNode("button",{class:"btn btn-tertiary"},"Submit note",-1);function Us(a,s,t,l,i,r){const o=e.resolveComponent("Table"),n=e.resolveComponent("Input");return e.openBlock(),e.createElementBlock("div",zs,[t.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:"h3",innerHTML:t.title},null,8,Is)):e.createCommentVNode("",!0),e.createVNode(o,e.mergeProps({fields:[{key:"date_added"},{key:"user"},{key:"note"}],items:i.itemsData},a.$props,{class:"mb-0"}),null,16,["items"]),e.createElementVNode("form",{action:t.action,method:t.method,onSubmit:s[0]||(s[0]=e.withModifiers(d=>r.submitForm(...arguments),["prevent"]))},[e.createElementVNode("input",{type:"hidden",value:t.user,name:"user"},null,8,Os),e.createVNode(n,{id:"addNote",type:"textarea",label:"Add note",required:"",class:"mw-100"}),js],40,Ws)])}const Ks=b(Fs,[["render",Us]]);function Gs(a,s){function t(l,i){let r=!1,o=i.getAttribute("name");o.includes("[]")&&(o=o.replace("[]",`[${i.value}]`));let n=l.querySelector(`[data-name="${o}"]`);n&&i.getAttribute("type")=="checkbox"&&(r=!0);let d=i.getAttribute("data-filter-text");if(n||(n=document.createElement("button"),l.appendChild(n)),n.setAttribute("type","button"),n.classList.add("filter"),n.setAttribute("data-name",o),n.innerHTML=d.replace("$value",i.value),(!i.value||r)&&n.remove(),i.parentNode.closest("[data-filter-text]")){let c=i.parentNode.closest("[data-filter-text]"),m=!0;if(o="",c.querySelectorAll("input").forEach((u,f)=>{let p=u.getAttribute("name");if(o+=`${f!=0?",":""}${p}`,l.querySelector(`[data-name="${p}"]`)&&l.querySelector(`[data-name="${p}"]`).remove(),u.value){let h=document.createElement("button");h.setAttribute("type","button"),h.classList.add("filter"),h.setAttribute("data-name",p),h.innerHTML=d.replace("$value",u.value),l.appendChild(h)}else m=!1}),l.querySelector(`[data-name="${o}"]`)&&l.querySelector(`[data-name="${o}"]`).remove(),m){let u=c.getAttribute("data-filter-text");c.querySelectorAll("input").forEach((p,h)=>{let S=p.getAttribute("name");l.querySelector(`[data-name="${S}"]`)&&l.querySelector(`[data-name="${S}"]`).remove(),u=u.replace(`$${h+1}`,p.value)});let f=document.createElement("button");f.setAttribute("type","button"),f.classList.add("filter"),f.setAttribute("data-name",o),f.innerHTML=u,l.appendChild(f)}}}Array.from(a.querySelectorAll('input[type="checkbox"]:checked')).forEach((l,i)=>{t(s,l)}),a.addEventListener("change",function(l){if(l&&l.target instanceof HTMLElement&&l.target.closest("input[data-filter-text]")){let i=l.target.closest("input[data-filter-text]");t(s,i)}},!1),s.addEventListener("click",function(l){if(l&&l.target instanceof HTMLElement&&l.target.closest(".filter")){let o=l.target.closest(".filter"),n=o.getAttribute("data-name").split(",");for(var i=0;i<n.length;i++){let d=n[i],c=`[name="${d}"]`;if(d.match(/\[(.*)\]/)){let u=d.replace(/\[(.*)\]/,"[]"),f=d.replace(/.*\[(.*)\]/,"$1");c=`[name="${u}"][value="${f}"]`}let m=a.querySelectorAll(c);for(var r=0;r<m.length;r++){let u=m[r];u.getAttribute("type")!="radio"&&u.getAttribute("type")!="checkbox"&&(m[r].value=""),m[r].checked=!1}}o.remove()}},!1)}const z=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",Qs=`@import "${z}/css/components/applied-filters.css";`;class Ys extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});let s=this.classList.toString();const t=document.createElement("template");t.innerHTML=`
|
|
80
|
+
<style>
|
|
81
|
+
@import "${z}/css/core.min.css";
|
|
82
|
+
${Qs}
|
|
83
|
+
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
84
|
+
</style>
|
|
85
|
+
<div class="applied-filters ${s}"></div>
|
|
86
|
+
<slot></slot>
|
|
87
|
+
`,this.shadowRoot.appendChild(t.content.cloneNode(!0))}connectedCallback(){Gs(this,this.shadowRoot.querySelector(".applied-filters"))}}window.customElements.get("iam-applied-filters")||window.customElements.define("iam-applied-filters",Ys);const Zs={name:"Header"};function Xs(a,s,t,l,i,r){return e.openBlock(),e.createElementBlock("iam-applied-filters",null,[e.renderSlot(a.$slots,"default")])}const Js=b(Zs,[["render",Xs]]);function vs(a,s){el(a,s)}function el(a,s){var t;s.addEventListener("keyup",l=>{clearTimeout(t),t=setTimeout(function(){I(a,s.value)},500)}),s.addEventListener("change",l=>{clearTimeout(t),I(a,s.value)})}const I=function(a,s){Array.from(a.querySelectorAll(":scope > li")).forEach((t,l)=>{let i=t.textContent.toLowerCase();t.classList.add("d-none"),i.includes(s.toLowerCase())&&t.classList.remove("d-none")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Filtered list",value:s})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"filterlist"});class tl extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const s=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.createElement("template");t.innerHTML=`
|
|
88
|
+
<style>
|
|
89
|
+
@import "${s}/css/core.min.css";
|
|
90
|
+
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
91
|
+
|
|
92
|
+
:host {
|
|
93
|
+
margin-bottom: 3rem;
|
|
94
|
+
display:block;
|
|
95
|
+
}
|
|
96
|
+
</style>
|
|
97
|
+
<div class="form-control__wrapper">
|
|
98
|
+
<label for="search" class="visually-hidden">Search</label>
|
|
99
|
+
<span class="suffix" role="presentation"><slot name="icon"></slot></span>
|
|
100
|
+
<input name="search" id="search" type="text" class="form-control" autocomplete="off">
|
|
101
|
+
</div>
|
|
102
|
+
<div class="list__wrapper">
|
|
103
|
+
<slot></slot>
|
|
104
|
+
</div>
|
|
105
|
+
`,this.shadowRoot.appendChild(t.content.cloneNode(!0))}connectedCallback(){const s={small:"12.5rem",medium:"25rem",large:"37.5rem"};let t=this.hasAttribute("data-max-height")&&s[this.getAttribute("data-max-height")]?"list__wrapper--"+this.getAttribute("data-max-height"):"";this.shadowRoot.querySelector(".list__wrapper").classList.add(t),this.querySelector("i.fa-search")||(this.innerHTML+='<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'),vs(this.querySelector("ul"),this.shadowRoot.querySelector("#search"))}}window.customElements.get("iam-filterlist")||window.customElements.define("iam-filterlist",tl);const al={name:"Filter list"};function sl(a,s,t,l,i,r){return e.openBlock(),e.createElementBlock("iam-filterlist",null,[e.renderSlot(a.$slots,"default")])}const ll=b(al,[["render",sl]]);y.Accordion=lt,y.AccordionItem=ct,y.Alert=Rs,y.AppliedFilters=Js,y.Banner=_t,y.Card=R,y.Carousel=Tt,y.FileUploads=Je,y.Filterlist=ll,y.Header=Ft,y.Icon=x,y.Input=E,y.Logo=B,y.Nav=os,y.NoteFeed=Ks,y.PropertySearchbar=ba,y.Step=_s,y.Stepper=hs,y.Tab=Vs,y.Table=$,y.Tabs=$s,y.Testimonial=aa,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});
|