@iamproperty/components 5.6.1-beta7 → 5.6.1-beta9

package/dist/components.es.js

@@ -453,7 +453,7 @@ const N = /* @__PURE__ */ m(ne, [["render", Le]]), Se = {
   },
   created() {
     this.$nextTick(function() {
-      import("./fileupload.component.min-e1a981ad.mjs").then((t) => {
+      import("./fileupload.component.min-bd7e3daf.mjs").then((t) => {
         window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -483,7 +483,7 @@ const qe = {
   props: {},
   mounted() {
     this.$nextTick(function() {
-      import("./accordion.component.min-6cb42683.mjs").then((t) => {
+      import("./accordion.component.min-b6e1e3a4.mjs").then((t) => {
         window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -592,7 +592,7 @@ const Da = /* @__PURE__ */ m(Ne, [["render", Fe]]), ze = {
   name: "Card",
   created() {
     this.$nextTick(function() {
-      import("./card.component-8fb6e63b.mjs").then((t) => {
+      import("./card.component-9f366742.mjs").then((t) => {
         window.customElements.get("iam-card") || window.customElements.define("iam-card", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -619,7 +619,7 @@ const Va = /* @__PURE__ */ m(ze, [["render", Be]]), Oe = {
   },
   mounted() {
     this.$nextTick(function() {
-      import("./carousel.component.min-37492761.mjs").then((t) => {
+      import("./carousel.component.min-4a93d1d5.mjs").then((t) => {
         window.customElements.get("iam-carousel") || window.customElements.define("iam-carousel", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -646,7 +646,7 @@ const Fa = /* @__PURE__ */ m(Oe, [["render", Ue]]), We = {
   },
   mounted() {
     this.$nextTick(function() {
-      import("./header.component.min-cce3fc2b.mjs").then((t) => {
+      import("./header.component.min-31d2603a.mjs").then((t) => {
         window.customElements.get("iam-header") || window.customElements.define("iam-header", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1042,7 +1042,7 @@ const Ua = /* @__PURE__ */ m(yt, [["render", Et]]), Ht = {
   name: "Nav",
   mounted() {
     this.$nextTick(function() {
-      import("./nav.component.min-51f0fb07.mjs").then((t) => {
+      import("./nav.component.min-f2d670e1.mjs").then((t) => {
         window.customElements.get("iam-nav") || window.customElements.define("iam-nav", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1162,7 +1162,7 @@ const Xt = {
   name: "Tabs",
   created() {
     this.$nextTick(function() {
-      import("./tabs.component.min-d3397f55.mjs").then((t) => {
+      import("./tabs.component.min-1eb5fd48.mjs").then((t) => {
         window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1309,7 +1309,7 @@ function pa(t, a, e, i, r, s) {
 }
 const Za = /* @__PURE__ */ m(ma, [["render", pa]]);
 /*!
-  * iamKey v5.6.1-beta7
+  * iamKey v5.6.1-beta9
   * Copyright 2022-2024 iamproperty
   */
 function ha(t, a) {
@@ -1358,9 +1358,9 @@ class ba extends HTMLElement {
     <div class="form-control__wrapper">
       <label for="search" class="visually-hidden">Search</label>
       <span class="suffix" role="presentation"><slot name="icon"></slot></span>
-      <input name="search" id="search" type="text" class="form-control" autocomplete="off" placeholder="Search" />
+      <input name="search" id="search" type="text" class="form-control" autocomplete="off" placeholder="Search" part="search-input" />
     </div>
-    <div class="list__wrapper">
+    <div class="list__wrapper" part="wrapper">
       <slot></slot>
     </div>
     `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
@@ -1433,7 +1433,7 @@ class wa extends HTMLElement {
     <div class="notification">
       <div class="notification__icon"><slot name="icon"></slot></div>
       <div class="notification__inner"><div class="notification__text"><slot></slot></div>${s.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
-      ${this.hasAttribute("data-dismiss") ? '<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>' : ""}
+      ${this.hasAttribute("data-dismiss") ? '<div class="notification__dismiss"><button data-dismiss-button part="dismiss-btn">Dismiss</button></div>' : ""}
     </div>
     `, this.shadowRoot.appendChild(n.content.cloneNode(!0)), document.getElementById("notificationHolder") || document.head.insertAdjacentHTML("beforeend", `<style id="notificationHolder">${r}</style>`);
   }
@@ -1479,7 +1479,7 @@ const ts = /* @__PURE__ */ m($a, [["render", ka]]), Aa = {
   props: {},
   mounted() {
     this.$nextTick(function() {
-      import("./actionbar.component.min-aec12592.mjs").then((t) => {
+      import("./actionbar.component.min-184e6300.mjs").then((t) => {
         window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1494,7 +1494,7 @@ function xa(t, a, e, i, r, s) {
 }
 const as = /* @__PURE__ */ m(Aa, [["render", xa]]);
 /*!
-  * iamKey v5.6.1-beta7
+  * iamKey v5.6.1-beta9
   * Copyright 2022-2024 iamproperty
   */
 class R extends HTMLElement {

package/dist/components.umd.js

@@ -1,5 +1,5 @@
 (function(v,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(v=typeof globalThis<"u"?globalThis:v||self,n(v.iamkey={},v.Vue))})(this,function(v,n){"use strict";const A=(a,e)=>{const t=a.__vccOpts||a;for(const[r,s]of e)t[r]=s;return t},at={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}}},ot=["xlink:href"],nt=["innerHTML"];function rt(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(c.className)},[(n.openBlock(),n.createElementBlock("svg",null,[n.createElementVNode("title",null,"iam "+n.toDisplayString(t.id),1),n.createElementVNode("use",{"xlink:href":t.path+c.src},null,8,ot)])),t.desc?(n.openBlock(),n.createElementBlock("span",{key:0,innerHTML:t.desc},null,8,nt)):n.createCommentVNode("",!0)],2)}const it=A(at,[["render",rt]]),st=a=>a.charAt(0).toUpperCase()+a.slice(1),lt=a=>a.replace(/_/g," "),ct=a=>a.replace(/ /g,"_"),dt=function(a){return a=a.toLowerCase(),a=ct(a),a=a.replace(/\W/g,""),a},mt={name:"Table",props:{items:{type:Array,required:!1},fields:{type:Array,required:!1}},computed:{cellHeading(){return a=>`${st(lt(a))}`}},created(){this.$nextTick(function(){Promise.resolve().then(()=>qo).then(a=>{window.customElements.get("iam-table")||window.customElements.define("iam-table",a.default)}).catch(a=>{console.log(a.message)}),Promise.resolve().then(()=>no).then(a=>{window.customElements.get("iam-pagination")||window.customElements.define("iam-pagination",a.default)}).catch(a=>{console.log(a.message)})})},updated(){}},ut={key:0},ht={key:0},pt=["data-row-id"],bt=["innerHTML"];function ft(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("iam-table",null,[n.renderSlot(a.$slots,"before"),t.fields?(n.openBlock(),n.createElementBlock("table",ut,[n.createElementVNode("thead",null,[n.createElementVNode("tr",null,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(t.fields,o=>(n.openBlock(),n.createElementBlock("th",{key:o.key},n.toDisplayString(c.cellHeading(o.key)),1))),128))])]),t.items?(n.openBlock(),n.createElementBlock("tbody",ht,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(t.items,(o,i)=>(n.openBlock(),n.createElementBlock("tr",{key:i,"data-row-id":o.rowid},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(Object.fromEntries(Object.entries(o).filter(([d])=>d!=="rowid")),(d,l)=>(n.openBlock(),n.createElementBlock("td",{key:l,innerHTML:d},null,8,bt))),128))],8,pt))),128))])):n.createCommentVNode("",!0)])):n.renderSlot(a.$slots,"default",{key:1})])}const B=A(mt,[["render",ft]]),gt={name:"Input",props:{value:{type:String,required:!1},id:{type:String,required:!0},name:{type:String,required:!1},list:{type:String,required:!1},label:{type:String,required:!1},labelclass:{type:String,required:!1},inputclass:{type:String,required:!1},type:{type:String,required:!1,default:"text"},size:{type:String,required:!1},errormsg:{type:String,required:!1},options:{type:Array,required:!1},prefix:{type:String,required:!1},prefixClass:{type:String,required:!1},suffix:{type:String,required:!1},pattern:{type:String,required:!1},suffixClass:{type:String,required:!1},title:{type:String,required:!1},hint:{type:String,required:!1},multiple:{type:String,required:!1}},computed:{displayLabel(){return()=>this.$attrs.multiple?this.label+'<span class="small d-block text-body font-body fw-normal">Hold down the Ctrl (windows) or Command (Mac) button to select multiple options.</span>':this.hint?this.label+`<span class="small d-block text-body font-body fw-normal">${this.hint}</span>`:this.label},wrapperClass(){return()=>{switch(this.type){case"radio":case"checkbox":return"form-check";case"radio-btn":case"checkbox-btn":return!1;default:return"form-control__wrapper"}}},needPattern(){return()=>{if(this.pattern)return this.pattern;switch(this.type){case"datetime-local":return"[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}"}return"(.*?)"}},needsLabel(){return()=>{switch(this.type){case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":return!1;default:return!0}}},isInput(){return()=>{switch(this.type){case"textarea":case"select":case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":case"range":case"color":return!1;default:return!0}}},allowDatalist(){return()=>{switch(this.type){case"select":case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":return!1;default:return!0}}},hasOptions(){return()=>{if(this.list)return this.list;if(this.options)return this.id+"-list"}},inputVal:{get(){return this.value==null&&this.options!=null&&this.type=="select"?this.$attrs.multiple?[]:this.options[0].value:this.value},set(a){this.$emit("input",a)}}},mounted(){this.$nextTick(function(){let a=this.$refs.wrapper;if(a.parentNode&&a.parentNode.classList.contains("form-check")||a.classList.length==0){const e=document.createDocumentFragment();Array.from(a.childNodes).forEach(t=>e.appendChild(t)),a.parentNode.insertBefore(e,a),a.parentNode.removeChild(a)}})},methods:{inputKeyup(a){this.$emit("keyupEvent",a)},clickEvent(){this.$emit("bus")}}},yt=["for","innerHTML","title"],vt=["innerHTML"],wt=["innerHTML"],_t=["type","name","id","pattern","list"],kt=["type","name","id","pattern"],At={key:5,class:"input-group"},xt=["type","name","id","pattern","list"],Lt={class:"input-group-text border-0 col-2 col-sm-1 px-0"},St={key:6,class:"input-group"},Et=["type","name","id","pattern","list"],qt={class:"input-group-text flex-fill"},$t=["type","name","id","pattern"],Tt=["value"],Ct=["type","name","id"],Mt=["for","innerHTML"],Ht=["type","name","id"],Bt=["for","innerHTML"],Nt=["innerHTML"],Rt=["id"],jt=["value"];function Dt(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(c.wrapperClass()),ref:"wrapper"},[c.needsLabel()?(n.openBlock(),n.createElementBlock("label",{key:0,class:n.normalizeClass(`form-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:c.displayLabel(),title:t.title},null,10,yt)):n.createCommentVNode("",!0),t.prefix?(n.openBlock(),n.createElementBlock("span",{key:1,class:n.normalizeClass(`prefix ${this.prefixClass} ${t.size?`prefix-${t.size}`:""}`),innerHTML:t.prefix,role:"presentation"},null,10,vt)):n.createCommentVNode("",!0),t.suffix?(n.openBlock(),n.createElementBlock("span",{key:2,class:n.normalizeClass(`suffix ${this.suffixClass} ${t.size?`suffix-${t.size}`:""}`),innerHTML:t.suffix,role:"presentation"},null,10,wt)):n.createCommentVNode("",!0),c.isInput()?n.withDirectives((n.openBlock(),n.createElementBlock("input",n.mergeProps({key:3,"onUpdate:modelValue":e[0]||(e[0]=o=>c.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:c.needPattern(),list:c.hasOptions()},a.$attrs,{onKeyup:e[1]||(e[1]=(...o)=>c.inputKeyup&&c.inputKeyup(...o))}),null,16,_t)),[[n.vModelDynamic,c.inputVal]]):n.createCommentVNode("",!0),t.type=="textarea"?n.withDirectives((n.openBlock(),n.createElementBlock("textarea",n.mergeProps({key:4,"onUpdate:modelValue":e[2]||(e[2]=o=>c.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:c.needPattern()},a.$attrs),null,16,kt)),[[n.vModelText,c.inputVal]]):n.createCommentVNode("",!0),t.type=="range"?(n.openBlock(),n.createElementBlock("div",At,[n.withDirectives(n.createElementVNode("input",n.mergeProps({"onUpdate:modelValue":e[3]||(e[3]=o=>c.inputVal=o),class:`form-range${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:c.needPattern(),list:c.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,xt),[[n.vModelDynamic,c.inputVal]]),n.createElementVNode("output",Lt,n.toDisplayString(t.value),1)])):n.createCommentVNode("",!0),t.type=="color"?(n.openBlock(),n.createElementBlock("div",St,[n.withDirectives(n.createElementVNode("input",n.mergeProps({"onUpdate:modelValue":e[4]||(e[4]=o=>c.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:c.needPattern(),list:c.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Et),[[n.vModelDynamic,c.inputVal]]),n.createElementVNode("output",qt,n.toDisplayString(t.value?a.vale:"#000000"),1)])):n.createCommentVNode("",!0),t.type=="select"?n.withDirectives((n.openBlock(),n.createElementBlock("select",n.mergeProps({key:7,"onUpdate:modelValue":e[5]||(e[5]=o=>c.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:c.needPattern()},a.$attrs),[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(t.options,(o,i)=>(n.openBlock(),n.createElementBlock("option",{key:i,value:o.value},n.toDisplayString(o.display?o.display:o.value),9,Tt))),128))],16,$t)),[[n.vModelSelect,c.inputVal]]):n.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(n.openBlock(),n.createElementBlock("input",n.mergeProps({key:8,class:"form-check-input",type:t.type,name:t.name?t.name:t.id,id:t.id},a.$attrs),null,16,Ct)):n.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(n.openBlock(),n.createElementBlock("label",{key:9,class:n.normalizeClass(`form-label form-check-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label},null,10,Mt)):n.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(n.openBlock(),n.createElementBlock("input",n.mergeProps({key:10,class:`btn-check${t.inputclass?` ${t.inputclass}`:""}`,type:t.type.replace("-btn",""),autocomplete:"off",name:t.name?t.name:t.id,id:t.id},a.$attrs),null,16,Ht)):n.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(n.openBlock(),n.createElementBlock("label",{key:11,class:n.normalizeClass(`btn${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label,onClick:e[6]||(e[6]=(...o)=>c.clickEvent&&c.clickEvent(...o))},null,10,Bt)):n.createCommentVNode("",!0),n.renderSlot(a.$slots,"default"),t.errormsg?(n.openBlock(),n.createElementBlock("span",{key:12,class:"invalid-feedback mb-0",innerHTML:t.errormsg},null,8,Nt)):n.createCommentVNode("",!0),c.allowDatalist()?(n.openBlock(),n.createElementBlock("datalist",{key:13,id:t.id+"-list"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(t.options,(o,i)=>(n.openBlock(),n.createElementBlock("option",{key:i,value:o.value},n.toDisplayString(o.value),9,jt))),128))],8,Rt)):n.createCommentVNode("",!0)],2)}const N=A(gt,[["render",Dt]]),Vt=Object.assign({name:"FileUpload",props:{maxfilesize:{type:Number,required:!1},maxfiles:{type:Number,required:!1}},created(){this.$nextTick(function(){Promise.resolve().then(()=>Co).then(a=>{window.customElements.get("iam-fileupload")||window.customElements.define("iam-fileupload",a.default)}).catch(a=>{console.log(a.message)})})}},{emits:["elementChange","empty"],setup(a,{emit:e}){const t=n.ref(null);return n.onMounted(()=>{t.value.addEventListener("elementChange",function(r){e("elementChange",r)}),t.value.addEventListener("empty",function(r){e("empty",r)})}),(r,s)=>(n.openBlock(),n.createElementBlock("iam-fileupload",{ref_key:"$component",ref:t},[n.renderSlot(r.$slots,"default")],512))}}),mn="",zt={name:"Accordion",props:{},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Ho).then(a=>{window.customElements.get("iam-accordion")||window.customElements.define("iam-accordion",a.default)}).catch(a=>{console.log(a.message)})})}},Pt={ref:"wrapper"};function Ft(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("iam-accordion",Pt,[n.renderSlot(a.$slots,"default")],512)}const Ot=A(zt,[["render",Ft]]),It={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=>`${dt(a)}`}},data(){return{show:!this.lazy}}},Ut=["id"];function Wt(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("details",{id:c.createID(t.title)},[n.createElementVNode("summary",null,[n.createTextVNode(n.toDisplayString(t.title),1),t.badge?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(`badge bg-${t.badgecolour}`)},n.toDisplayString(t.badge),3)):n.createCommentVNode("",!0)]),n.renderSlot(a.$slots,"default")],8,Ut)}const Gt=A(It,[["render",Wt]]),Yt={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1},background:{type:String,default:"light",required:!1}}},Kt={class:"container"},Xt={class:"row"},Jt={class:"col-sm-6"},Qt={class:"pt-5 pb-3 px-4"},Zt={class:"col-sm-6 col-md-5 ms-auto"},te=["src"];function ee(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("div",Kt,[n.createElementVNode("div",{class:n.normalizeClass("bg-"+t.background+" mb-4")},[n.createElementVNode("div",Xt,[n.createElementVNode("div",Jt,[n.createElementVNode("div",Qt,[n.createElementVNode("h2",null,n.toDisplayString(t.title),1),n.renderSlot(a.$slots,"default")])]),n.createElementVNode("div",Zt,[t.image?(n.openBlock(),n.createElementBlock("img",{key:0,src:t.image,alt:"",class:"h-100 w-100 object-cover"},null,8,te)):n.createCommentVNode("",!0)])])],2)])}const ae=A(Yt,[["render",ee]]),oe={name:"Card",created(){this.$nextTick(function(){Promise.resolve().then(()=>No).then(a=>{window.customElements.get("iam-card")||window.customElements.define("iam-card",a.default)}).catch(a=>{console.log(a.message)})})}};function ne(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("iam-card",null,[n.renderSlot(a.$slots,"default")])}const re=A(oe,[["render",ne]]),ie={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Do).then(a=>{window.customElements.get("iam-carousel")||window.customElements.define("iam-carousel",a.default)}).catch(a=>{console.log(a.message)})})}};function se(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("iam-carousel",null,[n.renderSlot(a.$slots,"default")])}const le=A(ie,[["render",se]]),ce={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>zo).then(a=>{window.customElements.get("iam-header")||window.customElements.define("iam-header",a.default)}).catch(a=>{console.log(a.message)})})}},de=["image"],me=["innerHTML"];function ue(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("iam-header",{image:t.image},[n.renderSlot(a.$slots,"breadcrumb"),t.title?(n.openBlock(),n.createElementBlock("h1",{key:0,innerHTML:t.title},null,8,me)):n.createCommentVNode("",!0),n.renderSlot(a.$slots,"default")],8,de)}const he=A(ce,[["render",ue]]);function pe(a){var e;const t=a.querySelector(".testimonial__images"),r=t.querySelectorAll("img").length;if(r==1)return!1;a.classList.add("testimonial--multi");const s=function(c){const o=a.querySelector(".btn-next"),i=a.querySelector(".btn-prev");o.setAttribute("data-go",c+1),i.setAttribute("data-go",c-1),o.removeAttribute("disabled"),i.removeAttribute("disabled"),c==1?i.setAttribute("disabled",!0):c==r&&o.setAttribute("disabled",!0)};t.addEventListener("scroll",function(c){clearTimeout(e),e=setTimeout(function(){let o=t.scrollWidth,i=t.scrollHeight,d=t.scrollLeft,l=t.scrollTop,h=Math.round(d/o*r)+1;d==0&&l!=0&&(h=Math.round(l/i*r)+1),a.setAttribute("data-show",h),s(h)},300)},!1),a.addEventListener("click",function(c){for(var o=c.target;o&&o!=this;o=o.parentNode)if(o.matches("[data-go]")){let i=parseInt(o.getAttribute("data-go")),d=0,l=0,h=t.scrollWidth,u=t.scrollHeight;h>u?l=Math.floor(h*((i-1)/r)):d=Math.floor(u*((i-1)/r)),t.scroll({top:d,left:l,behavior:"smooth"});break}},!1)}const un="",be={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){pe(this.$refs.wrapper)}},fe={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},ge={class:"row"},ye={class:"col-md-5 position-relative"},ve={class:"testimonial__images"},we=["src"],_e=n.createElementVNode("div",{class:"testimonial__controls"},[n.createElementVNode("button",{"data-go":"0",disabled:"",class:"btn-prev"},"Previous"),n.createElementVNode("button",{"data-go":"2",class:"btn-next"},"Next")],-1),ke={class:"col-md-7"},Ae=n.createElementVNode("h2",null,"What our customers think…",-1),xe={class:"testimonial__content"},Le=["innerHTML"],Se=["innerHTML"],Ee={class:"testimonial__after"},qe=n.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1);function $e(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("div",fe,[n.createElementVNode("div",{class:n.normalizeClass("bg-"+t.background)},[n.createElementVNode("div",ge,[n.createElementVNode("div",ye,[n.createElementVNode("div",ve,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(t.items,(o,i)=>(n.openBlock(),n.createElementBlock("img",{key:i,src:o.image?o.image:"data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",alt:"",class:n.normalizeClass("h-100 w-100 object-cover"+(o.image?"":" opacity-0"))},null,10,we))),128))]),_e]),n.createElementVNode("div",ke,[Ae,n.createElementVNode("div",xe,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(t.items,(o,i)=>(n.openBlock(),n.createElementBlock("blockquote",{key:i,class:n.normalizeClass(o.class)},[n.createElementVNode("div",{innerHTML:o.quote},null,8,Le),n.createElementVNode("cite",{innerHTML:o.cite},null,8,Se)],2))),128))]),n.createElementVNode("div",Ee,[n.renderSlot(a.$slots,"default")])])]),qe],2)],512)}const Te=A(be,[["render",$e]]),hn="",Ce={name:"Timeline",props:{image:{type:String,required:!1}}},Me={class:"timeline"},He={class:"timeline__content"},Be=["src"];function Ne(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("div",Me,[n.createElementVNode("div",He,[n.renderSlot(a.$slots,"default")]),t.image?(n.openBlock(),n.createElementBlock("img",{key:0,src:t.image,alt:""},null,8,Be)):n.createCommentVNode("",!0)])}const Re=A(Ce,[["render",Ne]]),pn="",je={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(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"}]}}},De={class:"container",ref:"wrapper"},Ve={class:"property-searchbar"},ze=["action","method"],Pe={class:"col-12 col-md-3"},Fe={class:"col-12 col-md"},Oe=n.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1),Ie={class:"row","data-input-range":""},Ue={class:"col-12 col-md"},We=n.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1),Ge={class:"row","data-input-range":""},Ye={class:"col-12 col-md-2"},Ke=n.createElementVNode("div",{class:"col-12 col-md mw-md-fit-content d-flex property-searchbar__btn"},[n.createElementVNode("button",{class:"btn w-100 me-0",type:"submit",value:"submit"},"Search")],-1);function Xe(a,e,t,r,s,c){const o=n.resolveComponent("Input");return n.openBlock(),n.createElementBlock("div",De,[n.renderSlot(a.$slots,"default"),n.createElementVNode("div",Ve,[n.createElementVNode("form",{class:"row",action:t.formaction,method:t.formmethod},[n.createElementVNode("fieldset",Pe,[n.createVNode(o,{inputClass:"input--locations",modelValue:c.locationSet,"onUpdate:modelValue":e[0]||(e[0]=i=>c.locationSet=i),label:"Location",id:"location",options:c.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:e[1]||(e[1]=i=>c.locationKeyup(...arguments)),ref:"search"},null,8,["modelValue","options"]),n.createVNode(o,{class:"select--miles",label:"Miles",id:"miles",type:"select",options:t.distances},null,8,["options"])]),n.createElementVNode("fieldset",Fe,[Oe,n.createElementVNode("div",Ie,[n.createVNode(o,{class:"col-6",label:"Minimum price",id:"price-min","data-min":"true",type:"select",options:t.pricemin},null,8,["options"]),n.createVNode(o,{class:"col-6",label:"Maximum price",id:"price-max","data-max":"true",type:"select",options:t.pricemax},null,8,["options"])])]),n.createElementVNode("fieldset",Ue,[We,n.createElementVNode("div",Ge,[n.createVNode(o,{class:"col-6",label:"Minimum beds",id:"beds-min","data-min":"true",type:"select",options:t.bedsmin},null,8,["options"]),n.createVNode(o,{class:"col-6",label:"Maximum beds",id:"beds-max","data-max":"true",type:"select",options:t.bedsmax},null,8,["options"])])]),n.createElementVNode("fieldset",Ye,[n.createVNode(o,{label:"Property type",id:"property-type",type:"select",options:t.propertytypes},null,8,["options"])]),Ke],8,ze)]),n.renderSlot(a.$slots,"after")],512)}const Je=A(je,[["render",Xe]]),Qe={components:{},name:"Nav",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Po).then(a=>{window.customElements.get("iam-nav")||window.customElements.define("iam-nav",a.default)}).catch(a=>{console.log(a.message)})})},methods:{}},Ze={ref:"wrapper"};function ta(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("iam-nav",Ze,[n.renderSlot(a.$slots,"default")],512)}const ea=A(Qe,[["render",ta]]),bn="",aa={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},oa={class:"container"},na=["aria-label"],ra={key:0,class:"h6 stepper__start"},ia={class:"list-unstyled"},sa={class:"h6 stepper__end"};function la(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("div",oa,[n.createElementVNode("nav",{class:"stepper","aria-label":t.label?t.label:"Progress"},[t.label?(n.openBlock(),n.createElementBlock("span",ra,n.toDisplayString(t.label),1)):n.createCommentVNode("",!0),n.createElementVNode("ol",ia,[n.renderSlot(a.$slots,"default")]),n.createElementVNode("span",sa,n.toDisplayString(t.endlabel),1)],8,na)])}const ca=A(aa,[["render",la]]),fn="",da={name:"Snapshot",props:{items:{type:Array,required:!0}}},ma={class:"container snapshot",ref:"wrapper"},ua={class:"row"},ha=["href"],pa={class:"lead snapshot__title"},ba={class:"stat"};function fa(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("div",ma,[n.renderSlot(a.$slots,"default"),n.createElementVNode("div",ua,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(t.items,(o,i)=>(n.openBlock(),n.createElementBlock("div",{class:"col",key:i},[o.link?(n.openBlock(),n.createElementBlock("a",{key:0,href:o.link},"View "+n.toDisplayString(o.title),9,ha)):n.createCommentVNode("",!0),n.createElementVNode("div",{class:n.normalizeClass(`snapshot__item ${o.bg?"bg-"+o.bg:""}`)},[n.createElementVNode("span",pa,n.toDisplayString(o.title),1),n.createElementVNode("span",ba,n.toDisplayString(o.number),1)],2)]))),128))])],512)}const ga=A(da,[["render",fa]]),ya={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},va=["href","aria-current"],wa={key:0,class:"visually-hidden"};function _a(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("li",null,[n.createElementVNode("a",{href:t.url,class:n.normalizeClass(`${t.status?"bg-"+t.status:""}${typeof t.current<"u"?"current":""}`),"aria-current":typeof t.current<"u"?"step":!1},[n.createElementVNode("span",null,[n.renderSlot(a.$slots,"default")]),t.status?(n.openBlock(),n.createElementBlock("em",wa," - status: "+n.toDisplayString(t.status),1)):n.createCommentVNode("",!0)],10,va)])}const ka=A(ya,[["render",_a]]),gn="",Aa={name:"Tabs",created(){this.$nextTick(function(){Promise.resolve().then(()=>Go).then(a=>{window.customElements.get("iam-tabs")||window.customElements.define("iam-tabs",a.default)}).catch(a=>{console.log(a.message)})})}},xa={ref:"wrapper"};function La(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("iam-tabs",xa,[n.renderSlot(a.$slots,"default")],512)}const Sa=A(Aa,[["render",La]]),Ea={name:"Tab",props:{title:{type:String,required:!0},lazy:{type:Boolean,required:!1},disabled:{type:Boolean,required:!1}},data(){return{show:!this.lazy,isDisabled:!!this.disabled}}},qa={class:"tab"},$a=["innerHTML"];function Ta(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("details",qa,[n.createElementVNode("summary",{innerHTML:t.title,class:n.normalizeClass({disabled:s.isDisabled})},null,10,$a),n.renderSlot(a.$slots,"default")])}const Ca=A(Ea,[["render",Ta]]);let F=B.props;F.fields.required=!1;const Ma={components:{Table:B,Input:N},data(){return{itemsData:[...this.items]}},methods:{submitForm:function(a){console.log(this);const e=new FormData(a.target);let t=new Date;const r=t.getFullYear();let s=t.getMonth()+1,c=t.getDate();c<10&&(c="0"+c),s<10&&(s="0"+s),t=c+"/"+s+"/"+r,this.itemsData.unshift({date_added:t,user:e.get("user"),note:e.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}}},Ha={class:"container note-feed mb-2"},Ba=["innerHTML"],Na=["action","method"],Ra=["value"],ja=n.createElementVNode("button",{class:"btn btn-tertiary"},"Submit note",-1);function Da(a,e,t,r,s,c){const o=n.resolveComponent("Table"),i=n.resolveComponent("Input");return n.openBlock(),n.createElementBlock("div",Ha,[t.title?(n.openBlock(),n.createElementBlock("span",{key:0,class:"h3",innerHTML:t.title},null,8,Ba)):n.createCommentVNode("",!0),n.createVNode(o,n.mergeProps({fields:[{key:"date_added"},{key:"user"},{key:"note"}],items:s.itemsData},a.$props,{class:"mb-0"}),null,16,["items"]),n.createElementVNode("form",{action:t.action,method:t.method,onSubmit:e[0]||(e[0]=n.withModifiers(d=>c.submitForm(...arguments),["prevent"]))},[n.createElementVNode("input",{type:"hidden",value:t.user,name:"user"},null,8,Ra),n.createVNode(i,{id:"addNote",type:"textarea",label:"Add note",required:"",class:"mw-100"}),ja],40,Na)])}const Va=A(Ma,[["render",Da]]),za={name:"Applied Filter",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Xo).then(a=>{window.customElements.get("iam-applied-filters")||window.customElements.define("iam-applied-filters",a.default)}).catch(a=>{console.log(a.message)})})}};function Pa(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("iam-applied-filters",null,[n.renderSlot(a.$slots,"default")])}const Fa=A(za,[["render",Pa]]);/*!
-  * iamKey v5.6.1-beta7
+  * iamKey v5.6.1-beta9
   * Copyright 2022-2024 iamproperty
   */function Oa(a,e){Ia(a,e)}function Ia(a,e){var t;e.addEventListener("keyup",r=>{clearTimeout(t),t=setTimeout(function(){O(a,e.value)},500)}),e.addEventListener("change",r=>{clearTimeout(t),O(a,e.value)})}const O=function(a,e){Array.from(a.querySelectorAll(":scope > li")).forEach((t,r)=>{let s=t.textContent.toLowerCase();t.classList.add("d-none"),s.includes(e.toLowerCase())&&t.classList.remove("d-none")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Filtered list",value:e})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"filterlist"});class Ua extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
     <style>
@@ -23,9 +23,9 @@
     <div class="form-control__wrapper">
       <label for="search" class="visually-hidden">Search</label>
       <span class="suffix" role="presentation"><slot name="icon"></slot></span>
-      <input name="search" id="search" type="text" class="form-control" autocomplete="off" placeholder="Search" />
+      <input name="search" id="search" type="text" class="form-control" autocomplete="off" placeholder="Search" part="search-input" />
     </div>
-    <div class="list__wrapper">
+    <div class="list__wrapper" part="wrapper">
       <slot></slot>
     </div>
     `,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){let e=this.classList.toString();this.shadowRoot.querySelector(".list__wrapper").setAttribute("class",`list__wrapper ${e}`),this.querySelector("i.fa-search")||(this.innerHTML+='<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'),Oa(this.querySelector("ul"),this.shadowRoot.querySelector("#search"))}}window.customElements.get("iam-filterlist")||window.customElements.define("iam-filterlist",Ua);const Wa={name:"Filter list"};function Ga(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("iam-filterlist",null,[n.renderSlot(a.$slots,"default")])}const Ya=A(Wa,[["render",Ga]]);function Ka(a){if(a.hasAttribute("data-type")&&a.getAttribute("data-type")=="toast"){let t=document.querySelector(".notification__holder");t||(t=document.createElement("div"),t.classList.add("notification__holder"),t.classList.add("container"),document.querySelector("body").appendChild(t)),a.closest(".notification__holder")||t.appendChild(a)}if(a.setAttribute("role","alert"),a.addEventListener("click",function(t){event&&event.target instanceof HTMLElement&&event.target.closest("[data-dismiss-button]")&&(t.preventDefault(),R(a))},!1),a.hasAttribute("data-timeout")){let t=a.getAttribute("data-timeout");var e=new Xa(function(){R(a)},t);a.addEventListener("mouseenter",r=>{e.pause()}),a.addEventListener("mouseleave",r=>{e.resume()})}}function Xa(a,e){var t,r,s=e;this.pause=function(){window.clearTimeout(t),s-=new Date-r},this.resume=function(){r=new Date,window.clearTimeout(t),t=window.setTimeout(a,s)},this.resume()}const R=function(a){a.classList.add("d-none")};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Notification"});class Ja extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=`@import "${e}/css/components/notification.css";`,s=`@import "${e}/css/components/notification.global.css";`,c=this.querySelectorAll("a,button");Array.from(c).forEach((i,d)=>{i.setAttribute("slot","btns"),i.classList.add("link")}),(c.length||this.hasAttribute("data-dismiss"))&&this.classList.add("notification--dismissable");const o=document.createElement("template");o.innerHTML=`
@@ -38,10 +38,10 @@
     <div class="notification">
       <div class="notification__icon"><slot name="icon"></slot></div>
       <div class="notification__inner"><div class="notification__text"><slot></slot></div>${c.length?'<div class="notification__btns"><slot name="btns"></slot></div>':""}</div>
-      ${this.hasAttribute("data-dismiss")?'<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>':""}
+      ${this.hasAttribute("data-dismiss")?'<div class="notification__dismiss"><button data-dismiss-button part="dismiss-btn">Dismiss</button></div>':""}
     </div>
     `,this.shadowRoot.appendChild(o.content.cloneNode(!0)),document.getElementById("notificationHolder")||document.head.insertAdjacentHTML("beforeend",`<style id="notificationHolder">${s}</style>`)}connectedCallback(){const e=this.shadowRoot.querySelector("[data-dismiss-button]"),t=this.hasAttribute("data-status")?this.getAttribute("data-status"):"white";this.hasAttribute("data-type")?this.classList.add(`bg-${t}`):this.classList.add(`colour-${t}`);const r=this;if(!this.querySelector("i"))switch(t){case"danger":this.innerHTML+='<i class="fa-solid fa-circle-exclamation" aria-hidden="true" slot="icon"></i>';break;case"warning":this.innerHTML+='<i class="fa-solid fa-triangle-exclamation" aria-hidden="true" slot="icon"></i>';break;case"success":this.innerHTML+='<i class="fa-solid fa-check-circle" aria-hidden="true" slot="icon"></i>';break;default:this.innerHTML+='<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>'}Ka(r),e&&e.addEventListener("click",function(s){R(r)},!1)}}const Qa={name:"Notification",props:{},created(){this.$nextTick(function(){window.customElements.get("iam-notification")||window.customElements.define("iam-notification",Ja)})}};function Za(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("iam-notification",null,[n.renderSlot(a.$slots,"default")])}const to=A(Qa,[["render",Za]]),eo={name:"Actionbar",props:{},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>en).then(a=>{window.customElements.get("iam-actionbar")||window.customElements.define("iam-actionbar",a.default)}).catch(a=>{console.log(a.message)})})}};function ao(a,e,t,r,s,c){return n.openBlock(),n.createElementBlock("iam-actionbar",null,[n.renderSlot(a.$slots,"default")])}const oo=A(eo,[["render",ao]]);/*!
-  * iamKey v5.6.1-beta7
+  * iamKey v5.6.1-beta9
   * Copyright 2022-2024 iamproperty
   */let I=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
     <style>
@@ -131,7 +131,7 @@
     </div>
     <iam-pagination class="pagination--table" ${this.hasAttribute("data-page")?`data-page="${this.getAttribute("data-page")}"`:""} ></iam-pagination>
     `,this.shadowRoot.appendChild(c.content.cloneNode(!0)),document.getElementById("tableExtras")||document.head.insertAdjacentHTML("beforeend",`<style id="tableExtras">${s}</style>`)}connectedCallback(){const e=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",e.has("page")?e.get("page"):1),this.hasAttribute("data-show")||this.setAttribute("data-show",e.has("show")?e.get("show"):15),this.hasAttribute("data-increment")||this.setAttribute("data-increment",this.getAttribute("data-show"));let t=this.classList.toString();if(t=t.replace("table--cta",""),t=t.replace("table--loading",""),this.shadowRoot.querySelector(".table__wrapper").className+=` ${t}`,this.querySelector(".actionbar__sticky")&&this.shadowRoot.querySelector(".table__wrapper").classList.add("has-actionbar"),this.table=this.querySelector("table"),this.savedTableBody=this.table.querySelector("tbody").cloneNode(!0),this.pagination=this.shadowRoot.querySelector("iam-pagination"),this.pagination.setAttribute("data-total",this.getAttribute("data-total")),this.pagination.setAttribute("data-page",this.getAttribute("data-page")),this.pagination.setAttribute("data-show",this.getAttribute("data-show")),this.pagination.setAttribute("data-increment",this.getAttribute("data-show")),this.hasAttribute("data-page-jump")&&this.pagination.setAttribute("data-page-jump","true"),this.hasAttribute("data-per-page")&&this.pagination.setAttribute("data-per-page","true"),this.hasAttribute("data-item-count")&&this.pagination.setAttribute("data-item-count","true"),this.hasAttribute("data-loading")&&this.pagination.setAttribute("data-loading","true"),this.classList.contains("table--fullwidth")&&this.pagination.setAttribute("data-minimal","true"),this.classList.contains("table--cta")||this.shadowRoot.querySelector(".table--cta").classList.remove("table--cta"),this.form=document.createElement("form"),this.hasAttribute("data-filterby")?this.form=document.querySelector(`#${this.getAttribute("data-filterby")}`):this.table.parentNode.insertBefore(this.form,this.table.nextSibling),this.form.hasAttribute("data-ajax")&&this.table.classList.add("table--ajax"),W(this.table,this.form),this.form.querySelector("[data-pagination]")||this.form.insertAdjacentHTML("beforeend",`<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`),this.form.querySelector("[data-show]")||this.form.insertAdjacentHTML("beforeend",`<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`),ko(this.table),Ao(this.table,this.form,this.pagination,this,this.savedTableBody),xo(this.table,this.form,this.pagination,this),Lo(this.shadowRoot.querySelector("[data-export]"),this.table),this.form.getAttribute("data-ajax"))X(this.table,this.form,this.pagination,this);else{let s=function(o=1){return Math.floor(Math.random()*Date.now()*(o+1))};if(this.querySelector("iam-actionbar[data-selectall]")||document.querySelector(`iam-actionbar[data-for='${this.getAttribute("id")}']`)){const o=this.querySelector("iam-actionbar[data-selectall]")?this.querySelector("iam-actionbar[data-selectall]"):document.querySelector(`iam-actionbar[data-for='${this.getAttribute("id")}']`);Array.from(this.table.querySelectorAll("thead tr")).forEach((i,d)=>{i.insertAdjacentHTML("afterbegin",'<th class="th--fixed"></th>')}),Array.from(this.table.querySelectorAll("tbody tr")).forEach((i,d)=>{let l=`row${s(d)}`;i.insertAdjacentHTML("afterbegin",`<td class="td--fixed selectrow"><input type="checkbox" name="row" id="${l}"/><label for="${l}"><span class="visually-hidden">Select row</span></label></td>`)}),this.table.addEventListener("change",i=>{if(i&&i.target instanceof HTMLElement&&i.target.closest(".selectrow input")){let d=this.table.querySelectorAll('.selectrow input[type="checkbox"]').length,l=this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;o.setAttribute("data-selected",d==l?"all":l)}}),o.addEventListener("selected",i=>{i.detail.selected=="0"?Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((d,l)=>{d.checked=!1}):i.detail.selected=="all"&&Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((d,l)=>{d.checked=!0})})}let c=-1;Array.from(this.table.querySelectorAll("tbody tr")).forEach((o,i)=>{if(o.querySelector(":scope > td > .dialog__wrapper")){let d=o.querySelector(":scope > td > .dialog__wrapper").parentNode;d.classList.add("td--fixed"),c=Array.from(d.parentNode.children).indexOf(d)}}),c!=-1&&(this.table.querySelector(`thead tr th:nth-child(${c+1})`).classList.add("th--fixed"),Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${c+1})`)).forEach((o,i)=>{o.classList.add("td--fixed")})),Y(this.table,this.form,this.pagination,this),j(this.table,this.form,this),C(this.table,this.form)}this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll",s=>{this.table.querySelector("dialog[open]")&&(this.table.querySelector("dialog[open]").close(),this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"))})}static get observedAttributes(){return["data-total","data-page","data-show"]}attributeChangedCallback(e,t,r){switch(this.pagination=this.shadowRoot.querySelector("iam-pagination"),e){case"data-total":{t!=r&&this.pagination.setAttribute("data-total",r);break}case"data-show":{t!=r&&this.pagination.setAttribute("data-show",r);break}case"data-page":{t!=r&&this.pagination.setAttribute("data-page",r);break}}}}const qo=Object.freeze(Object.defineProperty({__proto__:null,default:Eo},Symbol.toStringTag,{value:"Module"}));/*!
-  * iamKey v5.6.1-beta7
+  * iamKey v5.6.1-beta9
   * Copyright 2022-2024 iamproperty
   */function $o(a,e){const t=e.querySelector(".files"),r=e.querySelector(".drop-area"),s=a.querySelector("input"),c=a.hasAttribute("data-maxsize")?a.getAttribute("data-maxsize"):0,o=s.cloneNode();if(r.append(o),e.addEventListener("click",i=>{i&&i.target instanceof HTMLElement&&i.target.closest(".btn-primary")&&(i.target.closest(".btn-primary"),(s.hasAttribute("multiple")?o:s).click())}),e.addEventListener("click",i=>{if(i&&i.target instanceof HTMLElement&&i.target.closest(".files button")){const d=new DataTransfer,{files:l}=s,h=i.target.closest(".files button");for(let m=0;m<l.length;m++){const b=l[m];b.name!=h.getAttribute("data-file")&&d.items.add(b)}if(s.files=d.files,s.files.length==0){const m=new Event("empty");a.dispatchEvent(m)}const u=new Event("change");s.dispatchEvent(u);const p=new Event("elementChange");a.dispatchEvent(p)}}),o.addEventListener("change",i=>{if(s.hasAttribute("multiple")){const h=[...s.files,...o.files];let u=[];const p=new DataTransfer;for(let m=0;m<h.length;m++){const b=h[m],g=b.size/1e3;!u.includes(b.name)&&(c==0||g<c)&&p.items.add(b),u.push(b.name)}s.files=p.files}else s.files=o.files;const d=new Event("change");s.dispatchEvent(d);const l=new Event("elementChange");a.dispatchEvent(l)}),o.addEventListener("dragenter",i=>{o.classList.add("focus")}),o.addEventListener("dragleave",i=>{o.classList.remove("focus")}),o.addEventListener("drop",i=>{o.classList.remove("focus")}),s.addEventListener("change",i=>{t.innerHTML="";for(const d of s.files)t.innerHTML+=`<span class="file">${d.name} <button data-file="${d.name}">Remove</button></span>`}),a.hasAttribute("data-filename")){let i=a.getAttribute("data-filename");i&&(t.innerHTML+=`<span class="file">${i} <button data-file="${i}">Remove</button></span>`)}}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"fileupload"});class To extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
     <style>
@@ -141,16 +141,16 @@
     ${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
     </style>
     <div class="file-upload">
-      <span class="file-upload__title">Upload file</span>
+      <span class="file-upload__title" part="title">Upload file</span>
       <p class="helper-text"><slot name="helper"></slot></p>
-      <button class="btn btn-primary" type="button"><slot name="btn"></slot> Upload ${this.hasAttribute("data-filetype")?this.getAttribute("data-filetype"):"file"}</button>
+      <button class="btn btn-primary" type="button" part="button"><slot name="btn"></slot> Upload ${this.hasAttribute("data-filetype")?this.getAttribute("data-filetype"):"file"}</button>
       <div class="drop-area"></div>
       <hr/>
       <slot></slot>
-      <div class="files"><slot name="files"></slot></div>
+      <div class="files" part="files"><slot name="files"></slot></div>
     </div>
     `,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){this.innerHTML+='<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';const e=this.shadowRoot.querySelector(".file-upload"),t=this.querySelector("input"),r=this.shadowRoot.querySelector(".helper-text");this.querySelector('[slot="helper"]')||(r.innerHTML=`${this.hasAttribute("data-maxsize")?`Max file size is ${this.getAttribute("data-maxsize")}kb. `:""}${t.hasAttribute("accept")?`Supported file types are ${t.getAttribute("accept")}`:""}`),$o(this,e)}}const Co=Object.freeze(Object.defineProperty({__proto__:null,default:To},Symbol.toStringTag,{value:"Module"}));/*!
-  * iamKey v5.6.1-beta7
+  * iamKey v5.6.1-beta9
   * Copyright 2022-2024 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"accordion"});class Mo extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
     <style>
@@ -175,24 +175,24 @@
     </style>
     <link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous">
     <div class="card ${e}" tabindex="0" part="card">
-      ${this.hasAttribute("data-image")?`<div class="card__head"><img src="${this.getAttribute("data-image")}" alt="" loading="lazy" /><div class="card__badges"><slot name="badges"></slot></div></div>`:""}
-      <div class="card__body">
+    ${this.hasAttribute("data-image")||this.hasAttribute("data-record")?`<div class="card__head">${this.hasAttribute("data-image")?`<img src="${this.getAttribute("data-image")}" alt="" loading="lazy" />`:""} <div class="card__badges"><slot name="badges"></slot></div></div>`:""}
+      <div class="card__body" part="body">
       ${!this.hasAttribute("data-image")&&this.querySelector('[slot="badges"]')&&this.querySelector('[slot="checkbox"]')?'<div class="card__badges card__badges--inline"><slot name="badges"></slot></div>':""}
-      ${!this.hasAttribute("data-image")&&this.querySelector('[slot="badges"]')?'<div class="card__badges"><slot name="badges"></slot></div>':""}
+      ${!this.hasAttribute("data-image")&&!this.hasAttribute("data-record")&&this.querySelector('[slot="badges"]')?'<div class="card__badges"><slot name="badges"></slot></div>':""}
       ${this.hasAttribute("data-illustration")?`<div class="card__illustration"><img src="${this.getAttribute("data-illustration")}" alt="" loading="lazy" /></div>`:""}
         <slot></slot>
       ${this.hasAttribute("data-total")?`<div class="card__total">${this.getAttribute("data-total")}</div>`:""}
       </div>
       ${this.hasAttribute("data-add-link")?'<button class="btn btn-compact btn-secondary fa-plus">Add property</button>':""}
       <slot name="checkbox"></slot>
-      <div class="card__footer">
+      <div class="card__footer" part="footer">
         <slot name="footer"></slot>
         <slot name="btns"></slot>
         ${this.hasAttribute("data-cta")?`<span class="link d-inline-block pt-0 mb-0">${this.getAttribute("data-cta")}</span>`:""}
       </div>
     </div>
-    `,this.shadowRoot.appendChild(o.content.cloneNode(!0)),document.getElementById("cardGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="cardGlobal">${c}</style>`)}connectedCallback(){this.classList.add("loaded");const e=this.parentNode.closest("a, button, label, router-link"),t=this.shadowRoot.querySelector(".card"),r=this.shadowRoot.querySelector(".btn-compact");if(e&&e.setAttribute("tabindex","-1"),e.matches("label[for]")&&(document.getElementById(e.getAttribute("for")).checked?t.classList.add("checked"):t.classList.remove("checked")),this.addEventListener("click",s=>{let c=new Event("click");t.dispatchEvent(c)}),t.addEventListener("click",s=>{if(e.matches("label[for]")){s.stopPropagation(),s.preventDefault();const c=document.getElementById(e.getAttribute("for")),o=c.getAttribute("name"),i=c.getAttribute("id");Array.from(document.querySelectorAll(`[name="${o}"][type="radio"]:not([id="${i}"])`)).forEach((h,u)=>{document.querySelector(`[for="${h.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),e.click(),c.checked?t.classList.add("checked"):t.classList.remove("checked")}}),this.addEventListener("inactive",s=>{t.classList.remove("checked")}),t.addEventListener("keydown",s=>{switch(s.keyCode){case 32:case 13:if(e.matches("label[for]")){s.stopPropagation(),s.preventDefault();const c=document.getElementById(e.getAttribute("for")),o=c.getAttribute("name"),i=c.getAttribute("id");Array.from(document.querySelectorAll(`[name="${o}"]:not([id="${i}"])`)).forEach((h,u)=>{document.querySelector(`[for="${h.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),e.click(),c.checked?t.classList.add("checked"):t.classList.remove("checked")}else e.click();break}}),r){let s=this.getAttribute("data-add-link");r.addEventListener("click",c=>{c.stopPropagation(),c.preventDefault(),window.location=s})}}static get observedAttributes(){return["data-total","class"]}attributeChangedCallback(e,t,r){switch(e){case"data-total":{this.shadowRoot.querySelector(".card__total")&&(this.shadowRoot.querySelector(".card__total").innerHTML=r);break}case"class":{let s=this.classList.toString();this.querySelector('*:not(.badge):not(small):not(.btn) > [class*="fa-"]:not(.btn)')&&(s+=" card--has-icon"),this.shadowRoot.querySelector(".card").setAttribute("class",`card ${s}`);break}}}}const No=Object.freeze(Object.defineProperty({__proto__:null,default:Bo},Symbol.toStringTag,{value:"Module"}));/*!
-  * iamKey v5.6.1-beta7
+    `,this.shadowRoot.appendChild(o.content.cloneNode(!0)),document.getElementById("cardGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="cardGlobal">${c}</style>`)}connectedCallback(){this.classList.add("loaded");const e=this.parentNode.closest("a, button, label, router-link"),t=this.shadowRoot.querySelector(".card"),r=this.shadowRoot.querySelector(".btn-compact");if(this.hasAttribute("data-record")&&this.getAttribute("data-record"),e&&e.setAttribute("tabindex","-1"),e.matches("label[for]")&&(document.getElementById(e.getAttribute("for")).checked?t.classList.add("checked"):t.classList.remove("checked")),this.addEventListener("click",s=>{let c=new Event("click");t.dispatchEvent(c)}),t.addEventListener("click",s=>{if(e.matches("label[for]")){s.stopPropagation(),s.preventDefault();const c=document.getElementById(e.getAttribute("for")),o=c.getAttribute("name"),i=c.getAttribute("id");Array.from(document.querySelectorAll(`[name="${o}"][type="radio"]:not([id="${i}"])`)).forEach((h,u)=>{document.querySelector(`[for="${h.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),e.click(),c.checked?t.classList.add("checked"):t.classList.remove("checked")}}),this.addEventListener("inactive",s=>{t.classList.remove("checked")}),t.addEventListener("keydown",s=>{switch(s.keyCode){case 32:case 13:if(e.matches("label[for]")){s.stopPropagation(),s.preventDefault();const c=document.getElementById(e.getAttribute("for")),o=c.getAttribute("name"),i=c.getAttribute("id");Array.from(document.querySelectorAll(`[name="${o}"]:not([id="${i}"])`)).forEach((h,u)=>{document.querySelector(`[for="${h.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),e.click(),c.checked?t.classList.add("checked"):t.classList.remove("checked")}else e.click();break}}),r){let s=this.getAttribute("data-add-link");r.addEventListener("click",c=>{c.stopPropagation(),c.preventDefault(),window.location=s})}}static get observedAttributes(){return["data-total","class"]}attributeChangedCallback(e,t,r){switch(e){case"data-total":{this.shadowRoot.querySelector(".card__total")&&(this.shadowRoot.querySelector(".card__total").innerHTML=r);break}case"class":{let s=this.classList.toString();this.querySelector('*:not(.badge):not(small):not(.btn) > [class*="fa-"]:not(.btn)')&&(s+=" card--has-icon"),this.shadowRoot.querySelector(".card").setAttribute("class",`card ${s}`);break}}}}const No=Object.freeze(Object.defineProperty({__proto__:null,default:Bo},Symbol.toStringTag,{value:"Module"}));/*!
+  * iamKey v5.6.1-beta9
   * Copyright 2022-2024 iamproperty
   */function Ro(a,e){var t;let r=a.querySelector(".carousel__inner"),s=a.querySelector(".carousel__controls"),c=e.querySelectorAll(".col").length;r.addEventListener("scroll",function(o){clearTimeout(t),t=setTimeout(function(){let i=r.clientWidth,d=r.scrollWidth,l=r.scrollLeft,h=Math.round(l/d*c)+1,u=e.querySelector(".col:last-child").offsetLeft+50;r.scrollLeft+i>=u&&(h=c),Array.from(a.querySelectorAll(".carousel__controls button")).forEach((p,m)=>{p.removeAttribute("aria-current")}),a.querySelector(".control-"+h).setAttribute("aria-current",!0),h==1?a.querySelector(".btn-prev").setAttribute("disabled","disabled"):a.querySelector(".btn-prev").removeAttribute("disabled"),h==c?a.querySelector(".btn-next").setAttribute("disabled","disabled"):a.querySelector(".btn-next").removeAttribute("disabled")},100)},!1),s.addEventListener("click",function(o){for(var i=o.target;i&&i!=this;i=i.parentNode)if(typeof i.matches=="function"&&i.matches("button")){o.preventDefault(),Array.from(s.querySelectorAll("button")).forEach((l,h)=>{l.removeAttribute("aria-current")}),i.setAttribute("aria-current",!0);const d=e.querySelector(`*:nth-child(${i.getAttribute("data-slide")})`);r.scroll({top:0,left:d.offsetLeft,behavior:"smooth"});break}},!1),a.addEventListener("click",function(o){for(var i=o.target;i&&i!=this;i=i.parentNode)if(typeof i.matches=="function"&&i.matches(".btn-next, .btn-prev")){o.preventDefault();let d=i.classList.contains("btn-prev")?r.scrollLeft-r.clientWidth:r.scrollLeft+r.clientWidth;r.scroll({top:0,left:d,behavior:"smooth"});break}},!1)}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"carousel"});class jo extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
     <style>
@@ -208,17 +208,17 @@
           <slot></slot>
         </div>
  
-        <div class="carousel__controls">
+        <div class="carousel__controls" part="controls">
           
         </div>
 
-        <button class="btn btn-prev" data-go="0" disabled>Prev</button>
-        <button class="btn btn-next" data-go="2">Next</button>
+        <button class="btn btn-prev" data-go="0" disabled  part="prev">Prev</button>
+        <button class="btn btn-next" data-go="2" part="next">Next</button>
 
       </div>
     </div>
     `,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){const e=this.shadowRoot.querySelector(".carousel"),t=this.querySelector(".row"),r=this.shadowRoot.querySelector(".carousel__controls");let s=this.querySelectorAll(":scope > .row > .col").length;e.setAttribute("data-row-class",t.className),this.classList.contains("hide-btns")&&e.classList.add("hide-btns"),this.classList.contains("hide-controls")&&e.classList.add("hide-controls");let c="";for(let o=1;o<=s;o++)c+=`<button class="control-${o}" data-slide="${o}" ${o==1?"aria-current":""}>Slide ${o}</button>`;r.innerHTML=c,Ro(e,t)}}const Do=Object.freeze(Object.defineProperty({__proto__:null,default:jo},Symbol.toStringTag,{value:"Module"}));/*!
-  * iamKey v5.6.1-beta7
+  * iamKey v5.6.1-beta9
   * Copyright 2022-2024 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class Vo extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
     <style>
@@ -236,7 +236,7 @@
       </div>
     </div>
     `,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){this.classList.add("bg-primary");const e=this.shadowRoot.querySelector("picture"),t=this.shadowRoot.querySelector("picture img");this.hasAttribute("image")?t.setAttribute("src",this.getAttribute("image")):e.remove()}}const zo=Object.freeze(Object.defineProperty({__proto__:null,default:Vo},Symbol.toStringTag,{value:"Module"}));/*!
-  * iamKey v5.6.1-beta7
+  * iamKey v5.6.1-beta9
   * Copyright 2022-2024 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"nav"});const Po=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super();const e=this.attachShadow({mode:"open"}),t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",r=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,s=document.createElement("template");s.innerHTML=`
     <style class="styles">
@@ -285,7 +285,7 @@
         </div>
       </div>
       </dialog>`);let i=this.shadowRoot.querySelector("#search-button"),d=this.shadowRoot.querySelector("#search-close"),l=this.shadowRoot.querySelector("#search-dialog");this.hasAttribute("data-search-open")&&(l.setAttribute("open","open"),this.classList.add("search-open"),i.setAttribute("aria-expanded",!0)),i.addEventListener("click",h=>{l.setAttribute("open","open"),this.classList.add("search-open"),i.setAttribute("aria-expanded",!0)}),d.addEventListener("click",h=>{l.removeAttribute("open"),this.classList.remove("search-open"),i.removeAttribute("aria-expanded")})}}}},Symbol.toStringTag,{value:"Module"}));/*!
-  * iamKey v5.6.1-beta7
+  * iamKey v5.6.1-beta9
   * Copyright 2022-2024 iamproperty
   */const Fo=function(a){a.querySelectorAll(":scope > details");const e=a.querySelectorAll(":scope > details, :scope > a");a.querySelectorAll(":scope > details > summary");let t=a.querySelector(":scope > .tabs__links");if(a.shadowRoot&&a.shadowRoot.querySelector(".tabs__links")&&(t=a.shadowRoot.querySelector(".tabs__links")),!t){t=document.createElement("div"),t.classList.add("tabs__links");let s=document.createElement("div");s.classList.add("tabs__links__wrapper"),s.prepend(t),a.prepend(s)}let r=0;e.forEach((s,c)=>{let o=document.createElement("button");if(s.matches("details")){let i=s.querySelector(":scope > summary"),d=i.classList.contains("disabled");i.classList.add("visually-hidden"),s.hasAttribute("id")&&o.setAttribute("data-id",`${s.getAttribute("id")}`),s.hasAttribute("open")&&o.setAttribute("aria-pressed",!0),o.innerHTML=`${i.innerText}`,o.classList.add("link"),o.setAttribute("data-index",r),s.setAttribute("tabindex","-1"),d&&o.classList.add("disabled"),r++}else s.matches("a")&&(o=s);o.classList.add("link"),t.appendChild(o)})},Oo=function(a){let e=a.querySelectorAll(":scope > details"),t=a.querySelectorAll(":scope > details > summary"),r=a.querySelectorAll(":scope .tabs__links > button");a.shadowRoot&&(r=a.shadowRoot.querySelectorAll(".tabs__links > button")),r.forEach(s=>{s.addEventListener("click",c=>{if(c.preventDefault(),s.classList.contains("disabled"))return!1;r.forEach(o=>{let i=o==s;o.setAttribute("aria-pressed",i)}),e.forEach((o,i)=>{let d=s.getAttribute("data-index")==i;d?o.setAttribute("open",d):o.removeAttribute("open")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:s.textContent})})}),t.forEach((s,c)=>{s.addEventListener("click",o=>{o.preventDefault(),r[c].click()})})},Io=function(a){if(!a.querySelector(":scope > details"))return!1;let e=a.querySelectorAll(":scope > details"),t=a.shadowRoot.querySelectorAll(".tabs__links > button");location.hash&&a.shadowRoot.querySelector(`.tabs__links [data-id="${location.hash.replace("#","")}"]`)?(a.shadowRoot.querySelector(`[data-id="${location.hash.replace("#","")}"]`).setAttribute("aria-pressed",!0),a.querySelector(`details[id="${location.hash.replace("#","")}"]`).setAttribute("open",!0)):a.querySelector("details[open]")||(e[0].setAttribute("open",!0),t[0].setAttribute("aria-pressed",!0))},Uo=function(a){Fo(a),Oo(a),Io(a)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});class Wo extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
     <style>
@@ -314,7 +314,7 @@
     <div class="applied-filters ${s}"></div>
     <slot></slot>
     `,this.shadowRoot.appendChild(c.content.cloneNode(!0))}connectedCallback(){Yo(this,this.shadowRoot.querySelector(".applied-filters"))}}const Xo=Object.freeze(Object.defineProperty({__proto__:null,default:Ko},Symbol.toStringTag,{value:"Module"}));/*!
-  * iamKey v5.6.1-beta7
+  * iamKey v5.6.1-beta9
   * Copyright 2022-2024 iamproperty
   */const Jo=function(a){typeof window.player<"u"&&typeof window.player.pauseVideo=="function"&&window.player.pauseVideo();var e=a.getAttribute("data-id"),t=a.getAttribute("id");if(typeof t>"u"||t==null){var r=String.fromCharCode(65+Math.floor(Math.random()*26));t=r+Date.now(),a.setAttribute("id",t)}function s(){window.player=new YT.Player(t,{height:"100%",width:"100%",videoId:e,playerVars:{modestbranding:1,playsinline:1,rel:0,showinfo:0},events:{onReady:c,onStateChange:i}})}s();function c(d){d.target.playVideo()}var o=!1;function i(d){if(d.data==YT.PlayerState.PLAYING&&!o){var l=document.getElementById(t);l.classList.add("player-ready"),o=!0}}},Qo=a=>(Array.from(a.querySelectorAll("dialog[open]")).forEach((e,t)=>{e.closest(".dialog__wrapper")||(e.removeAttribute("open"),e.showModal(),e.focus(),J(e))}),a.addEventListener("click",e=>{if(e.target.tagName=="IAM-ACTIONBAR")return!1;if(e&&e.target instanceof HTMLElement&&e.target.closest("[data-modal]")){const s=e.target.closest("[data-modal]"),c=s.hasAttribute("data-modal")?s.getAttribute("data-modal"):s.getAttribute("data-filter"),o=document.querySelector(`dialog#${c}`);J(o),o.showModal(),o.focus();let i=o.offsetWidth;o.setAttribute("style",`max-width: ${i}px;`),Array.from(o.querySelectorAll("[data-duplicate]")).forEach((d,l)=>{const h=d.getAttribute("data-duplicate"),u=document.getElementById(h);if(d.checked!=u.checked){d.checked=u.checked;let p=new Event("change");d.dispatchEvent(p)}}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:c})}if(e&&e.target instanceof HTMLElement&&e.target.closest("button.dialog__close")){const s=e.target.closest("dialog[open]");e.preventDefault(),s.close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((c,o)=>{c.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:s.getAttribute("id")})}if(e&&e.target instanceof HTMLElement&&e.target.closest('button[formmethod="dialog"]')){const s=e.target.closest("dialog[open]");Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((c,o)=>{c.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:s.getAttribute("id")})}if(e&&e.target instanceof HTMLElement&&e.target.closest("dialog[open]")){let s=e.target.closest("dialog[open]");var t=window.getComputedStyle(s);if(t.display==="contents"&&(s=s.parentNode.closest("dialog[open]")),!s.classList.contains("dialog--transactional")&&!s.classList.contains("dialog--acknowledgement")){const c=s.getBoundingClientRect();(e.clientX<c.left||e.clientX>c.right||e.clientY<c.top||e.clientY>c.bottom)&&(e.target.closest("dialog *")||s.close(),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:s.getAttribute("id")}))}}if(e&&e.target instanceof HTMLElement&&e.target.closest(".dialog__wrapper > button")){e.stopPropagation();let s=e.target.closest(".dialog__wrapper > button"),c=s.parentNode,o="openPopover",i=c.querySelector(":scope > dialog");if(document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]")!=i&&s.closest("dialog[open]")!=document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((u,p)=>{u.removeAttribute("aria-expanded")}),i.hasAttribute("open"))i.close(),o="closePopover",i.removeAttribute("style"),s.removeAttribute("aria-expanded");else{i.show(),s.setAttribute("aria-expanded",!0);var r=s.getBoundingClientRect();let u=r.top,p=r.left;if(s.closest("iam-table")){let m=s.closest("iam-table").parentNode.getBoundingClientRect();u-=m.top,p-=m.left}i.classList.contains("dialog--fix")&&i.setAttribute("style",`position:fixed;top: ${u}px; left: ${p}px; margin: 3rem 0 0 0;`)}let d=i.getBoundingClientRect(),l=d.bottom-window.scrollY,h=window.innerHeight-window.scrollY;if(l>h){let u=i.hasAttribute("style")?i.getAttribute("style")+" ":"";i.setAttribute("style",u+"transform: translate(0, calc(-100% - 4rem))"),d=i.getBoundingClientRect(),d.top-window.scrollY<100&&i.removeAttribute("style")}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:o,id:s.textContent})}e&&e.target instanceof HTMLElement&&!e.target.closest("dialog[open]")&&!e.target.closest(".dialog__wrapper > button")&&(document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]")&&document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach((s,c)=>{s.removeAttribute("aria-expanded")}))}),null),J=a=>{let e=a.querySelector(".youtube-embed a");if(e&&Jo(e),a.classList.contains("dialog--multi")&&!a.querySelector(":scope > .steps")&&Zo(a),!a.querySelector(":scope .mh-lg")&&!a.classList.contains("dialog--multi")){a.innerHTML=`<div class="mh-lg">${a.innerHTML}</div>`;let t=a.querySelector(".mh-lg"),r=a.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");if(r){let s=r.previousSibling;t.before(r),s&&r.before(s)}}a.querySelector(":scope > button:first-child")||a.insertAdjacentHTML("afterbegin",'<button class="dialog__close">Close</button>')},Zo=a=>{let e="",t=Array.from(a.querySelectorAll("fieldset[data-title]")),r=a.querySelector("form");t.forEach((o,i)=>{e+=`<button data-title="${o.getAttribute("data-title")}" type="button" class="${i==0?"active":""}" tabindex="-1">${o.getAttribute("data-title")}</button>`;const d=document.createElement("div");if(d.classList.add("btn--wrapper"),o.appendChild(d),i!=0&&(d.innerHTML+=`<button data-title="${t[i-1].getAttribute("data-title")}" class="btn btn-secondary mb-0" data-previous type="button">Previous</button>`),i!=t.length-1&&(d.innerHTML+=`<button data-title="${t[i+1].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="button">Next</button>`),i==t.length-1)if(r&&r.querySelector(':scope > button[type="submit"]')){let l=r.querySelector(':scope > button[type="submit"]');l.classList.add("mb-0"),d.insertAdjacentElement("beforeend",l)}else d.innerHTML+=`<button data-title="${t[i].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="submit">Submit</button>`}),a.insertAdjacentHTML("afterbegin",`<div class="steps bg-primary">${e}</div>`);let s=Array.from(a.querySelectorAll("fieldset.was-validated"));for(let o=0;o<s.length;o++){let i=s[o],d=i.getAttribute("data-title");if(i.querySelector(".is-invalid")){Array.from(a.querySelectorAll(`[data-title="${d}"]`)).forEach((l,h)=>{l.classList.add("active")});break}else Array.from(a.querySelectorAll(`[data-title="${d}"]`)).forEach((l,h)=>{l.classList.add("valid")})}a.addEventListener("invalid",function(){return function(o){o.preventDefault()}}(),!0);function c(o){const i=a.querySelector("fieldset.active")?a.querySelector("fieldset.active"):a.querySelector("fieldset[data-title]"),d=i.getAttribute("data-title");let l=!0;if(i.classList.add("was-validated"),Array.from(i.querySelectorAll("input")).forEach((p,m)=>{p.checkValidity()||(l=!1)}),l?Array.from(a.querySelectorAll(`[data-title="${d}"]`)).forEach((p,m)=>{p.classList.add("valid")}):Array.from(a.querySelectorAll(`[data-title="${d}"]`)).forEach((p,m)=>{p.classList.remove("valid")}),l||!o.hasAttribute("data-next")){const p=a.querySelector(`fieldset[data-title="${o.getAttribute("data-title")}"]`),m=a.querySelector(`.steps button[data-title="${o.getAttribute("data-title")}"]`);Array.from(a.querySelectorAll("button")).forEach((b,g)=>{b.classList.remove("active")}),Array.from(a.querySelectorAll("fieldset")).forEach((b,g)=>{b.classList.remove("active")}),m.classList.add("active"),p.classList.add("active")}let h=Array.from(a.querySelectorAll("fieldset")).length,u=Array.from(a.querySelectorAll("fieldset.valid")).length;a.style.setProperty("--progress",`${u/(h-1)*100}%`)}a.addEventListener("keydown",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("button")){const i=o.target.closest("button");o.keyCode==13&&i.getAttribute("type")!="submit"&&(o.preventDefault(),c(i))}o&&o.target instanceof HTMLElement&&o.target.closest("input")&&(o.target.closest("input").classList.remove("is-invalid"),o.keyCode==13&&o.preventDefault())}),a.addEventListener("click",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest('button[type="submit"]'))o.target.closest("form").classList.add("was-validated");else if(o&&o.target instanceof HTMLElement&&o.target.closest("button[data-title]")){const i=o.target.closest("button[data-title]");c(i)}return null})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"action bar"});function Q(a,e){a&&e=="all"?(a.querySelector("input").indeterminate=!1,a.querySelector("input").checked=!0,a.querySelector("label").textContent="Select all"):a&&e==0?(a.querySelector("input").indeterminate=!1,a.querySelector("input").checked=!1,a.querySelector("label").textContent="Select all"):a&&e?(a.querySelector("input").indeterminate=!0,a.querySelector("input").checked=!1,a.querySelector("label").textContent=`${e} item${e>1?"s":""} selected`):a&&(a.querySelector("input").checked=!1,a.querySelector("input").indeterminate=!1,a.querySelector("label").textContent="Select all")}class tn extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
     <style>
@@ -326,19 +326,19 @@
     <link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous">
     <div class="actionbar__wrapper">
     
-      <div class="actionbar">
+      <div class="actionbar" part="actionbar">
         <slot name="selectall"></slot>
         <div class="safe-area">
           <slot></slot>
           <div class="body">
             <div class="dialog__wrapper dialog__wrapper--right dialog-overflow d-none show">
               <button class="btn btn-secondary btn-compact fa-ellipsis-vertical m-0">More actions</button>
-              <dialog class="dialog--list">
+              <dialog class="dialog--list" part="overflow">
                 <slot name="overflow"></slot>
                 <slot name="menu"></slot>
               </dialog>
             </div>
-            <button class="btn btn-secondary btn-compact btn-sm fa-search" data-search="">Search</button>
+            <button class="btn btn-secondary btn-compact btn-sm fa-search" data-search="" part="search-btn">Search</button>
           </div>
         </div>
       </div>
@@ -348,7 +348,7 @@
           <div class="body">
             <div class="dialog__wrapper dialog__wrapper--right dialog-overflow d-none show">
               <button class="btn btn-secondary btn-compact fa-ellipsis-vertical m-0">More actions</button>
-              <dialog class="dialog--list">
+              <dialog class="dialog--list" part="selected-overflow">
                 <slot name="selected-overflow"></slot>
               </dialog>
             </div>
@@ -358,10 +358,10 @@
       <div class="actionbar--search">
         <button data-search class="btn btn-compact fa-xmark-large btn-secondary m-0" >Close</button>
 
-        <div class="search-wrapper">
+        <div class="search-wrapper" part="search">
           <label for="search" class="visually-hidden">Input field label</label>
-          <button class="suffix"><i class="fa-regular fa-search"></i></button>
-          <input type="text" id="search" name="search" required="">
+          <button class="suffix" part="search-btn"><i class="fa-regular fa-search"></i></button>
+          <input type="text" id="search" name="search" required="" part="search-input">
         </div>
 
       </div>

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";.testimonial{--testimonial-padding: 1rem;--testimonial-spacing: 1rem}@media screen and (min-width: 62em){.testimonial{--testimonial-padding: 4rem;--testimonial-spacing: 2rem}}.testimonial>div:first-child{position:relative;overflow:hidden}.testimonial .circle{color:currentColor;position:absolute;top:-18rem;right:-8rem;font-size:28rem;border-width:4px}.testimonial__images{overflow:auto;scroll-snap-type:x mandatory;display:flex;user-select:none;touch-action:pan-x;height:14.375rem}@media screen and (min-width: 36em){.testimonial__images{height:21.25rem}}@media screen and (min-width: 62em){.testimonial__images{min-height:100%;scroll-snap-type:y mandatory;flex-direction:column;touch-action:pan-y}}.testimonial__images img{scroll-snap-align:start;user-select:none;pointer-events:none;flex-shrink:0}.testimonial .testimonial__controls{display:none}.testimonial.testimonial--multi .testimonial__controls{display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}@media screen and (min-width: 62em){.testimonial.testimonial--multi .testimonial__controls{left:auto;bottom:auto;right:0;top:50%;transform:rotate(90deg) translateY(-120%);transform-origin:center}}.testimonial h2{padding:2rem var(--testimonial-padding) 0 var(--testimonial-padding)}@media screen and (min-width: 36em){.testimonial h2{padding-top:3rem}}@media screen and (min-width: 62em){.testimonial h2{padding-top:9rem}}.testimonial__content{--display-none: none;margin:0 var(--testimonial-padding) var(--testimonial-spacing) var(--testimonial-padding);position:relative}@media screen and (min-width: 62em){.testimonial__content{--display-none: block}.testimonial__content blockquote:not(.largest){position:absolute;top:0}}.testimonial[data-show="1"] blockquote:not(:nth-child(1)){display:var(--display-none);opacity:0;user-select:none;pointer-events:none}.testimonial[data-show="2"] blockquote:not(:nth-child(2)){display:var(--display-none);opacity:0;user-select:none;pointer-events:none}.testimonial[data-show="3"] blockquote:not(:nth-child(3)){display:var(--display-none);opacity:0;user-select:none;pointer-events:none}.testimonial[data-show="4"] blockquote:not(:nth-child(4)){display:var(--display-none);opacity:0;user-select:none;pointer-events:none}.testimonial[data-show="5"] blockquote:not(:nth-child(5)){display:var(--display-none);opacity:0;user-select:none;pointer-events:none}.testimonial[data-show="6"] blockquote:not(:nth-child(6)){display:var(--display-none);opacity:0;user-select:none;pointer-events:none}.testimonial[data-show="7"] blockquote:not(:nth-child(7)){display:var(--display-none);opacity:0;user-select:none;pointer-events:none}.testimonial[data-show="8"] blockquote:not(:nth-child(8)){display:var(--display-none);opacity:0;user-select:none;pointer-events:none}.testimonial[data-show="9"] blockquote:not(:nth-child(9)){display:var(--display-none);opacity:0;user-select:none;pointer-events:none}.testimonial[data-show="10"] blockquote:not(:nth-child(10)){display:var(--display-none);opacity:0;user-select:none;pointer-events:none}.testimonial__after{padding:1rem var(--testimonial-padding) var(--testimonial-spacing) var(--testimonial-padding)}.testimonial__images::-webkit-scrollbar{display:none}.testimonial__images{-ms-overflow-style:none;scrollbar-width:none}.timeline{--breakpoint:(100% - 62rem);--pl: clamp(0rem, var(--breakpoint) * -1000, 4rem);--line-pos: clamp(1rem, var(--breakpoint) * 1000, 50%);--circle-pos: 1rem;--line-length: 100%;--img-order: 1;position:relative;padding-top:.25rem;padding-left:var(--pl);padding-bottom:1rem;width:100%;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.timeline__container:not(.timeline--simple) .timeline{align-items:center}@media screen and (min-width: 62em){.timeline__container:not(.timeline--simple) .timeline{--img-order: 0;--circle-pos: 50%;--line-length: 50%}}.timeline:before{content:" ";display:block;background:black;width:4px;height:100%;position:absolute;top:0;left:var(--line-pos)}.timeline:after{content:" ";display:block;background:white;width:2rem;height:2rem;margin-top:-1rem;position:absolute;top:var(--circle-pos);left:var(--line-pos);margin-left:calc(-1rem + 2px);border:4px solid black;border-radius:50%}.timeline>*{max-width:28.75rem;order:1}.timeline>img{max-width:min(100%,28.75rem);margin-bottom:2rem}.timeline:nth-child(even)>img{order:var(--img-order)}.timeline:first-child:before{top:var(--circle-pos);height:var(--line-length)}.timeline:last-child{padding-bottom:0;margin-bottom:2rem}.timeline:last-child:before{height:var(--line-length)}.timeline:last-child>img{margin-bottom:0}.property-searchbar fieldset{position:relative}@media screen and (min-width: 62em){.property-searchbar fieldset{position:relative;padding-right:1.5rem}.property-searchbar fieldset:after{content:"";position:absolute;top:0;right:.5rem;display:block;height:100%;width:1px;background-color:var(--colour-muted);opacity:.25}}.property-searchbar .form-control__wrapper{margin-bottom:1rem}@media screen and (min-width: 62em){.property-searchbar .form-control__wrapper{margin-bottom:0}}.property-searchbar .form-label,.property-searchbar label{font-size:.875rem;text-transform:uppercase}@media screen and (min-width: 62em){.property-searchbar .row .row .form-label{display:none}.property-searchbar .form-control,.property-searchbar .form-select{padding:.5rem 1.5rem .5rem .5rem}.property-searchbar .form-select{background-position:right .5rem center}}.property-searchbar .input--locations{padding-right:5.5rem}.property-searchbar .select--miles{position:absolute;bottom:0rem;right:.5rem;width:5rem}@media screen and (min-width: 62em){.property-searchbar .select--miles{right:1.5rem}}.property-searchbar .select--miles label{display:none}.property-searchbar .select--miles select{background-color:transparent;border-color:transparent}@media screen and (min-width: 62em){.property-searchbar .property-searchbar__btn{align-items:flex-end}}.property-searchbar button{margin-top:1rem;margin-bottom:1rem}@media screen and (min-width: 62em){.property-searchbar button{margin:0;padding-left:3.5rem;padding-right:3.5rem}}.property-searchbar--hero .property-searchbar{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light);padding:1rem;background-color:#fff;width:100%;border-radius:.625rem;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.24);box-shadow:0 2px 4px #0000003d;position:relative}.property-searchbar--hero .property-searchbar .text-primary{color:var(--colour-primary)!important}@media screen and (min-width: 62em){.property-searchbar--hero .property-searchbar{border-radius:3rem;padding:1.5rem 2.5rem}.property-searchbar--hero .property-searchbar .form-label,.property-searchbar--hero .property-searchbar label{margin-bottom:0}.property-searchbar--hero .property-searchbar .form-control,.property-searchbar--hero .property-searchbar .form-select{margin-left:-.5rem;border:none;padding-top:.25rem;padding-bottom:.25rem}.property-searchbar--hero .property-searchbar .form-select{background-position:right 0rem center;padding-right:1rem}.property-searchbar--hero .property-searchbar .property-searchbar__btn{align-items:center}}.stepper{background:#f0f0f0;display:flex;flex-wrap:wrap;margin-bottom:2rem;border:1px solid var(--colour-canvas);overflow:hidden}@media screen and (min-width: 62em){.stepper{flex-wrap:nowrap;overflow-x:auto}}.stepper ol{margin:0;z-index:1;background:var(--colour-canvas);counter-reset:section;width:100%;overflow:auto}@media screen and (min-width: 36em){.stepper ol{display:flex;flex-grow:1;padding-right:calc(2rem + 1px);margin-top:-1px;margin-bottom:-1px;margin-right:calc(-2rem - 2px);clip-path:polygon(0 0,calc(100% - 2rem) 0,100% 50%,calc(100% - 2rem) 100%,0 100%)}}@media screen and (min-width: 62em){.stepper ol{overflow:initial}}.stepper ol li{width:100%;max-width:100%;background:var(--colour-canvas);padding:1px}@media screen and (min-width: 36em){.stepper ol li:first-child a{padding-left:1rem;clip-path:polygon(0 0,calc(100% - 2rem) 0,100% 50%,calc(100% - 2rem) 100%,0 100%)}}@media screen and (min-width: 62em){.stepper ol li:first-child a{padding-left:2rem}}.stepper ol li a{display:block;padding:1rem;text-decoration:none;background:var(--colour-muted);line-height:1;position:relative;color:var(--colour-primary)}@media screen and (min-width: 36em){.stepper ol li a{margin-right:-2rem;padding:2rem 3rem;clip-path:polygon(0 0,calc(100% - 2rem) 0,100% 50%,calc(100% - 2rem) 100%,0 100%,2rem 50%);display:flex;height:100%;vertical-align:baseline;justify-content:center;align-items:center}}.stepper ol li a span{position:relative;display:inline;padding-left:2.25rem}.stepper ol li a span:before{counter-increment:section;content:counter(section);display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);margin-right:.5rem;font-size:.75em;border-radius:50%;border:2px solid currentColor;height:1.5rem;line-height:1.3rem;width:1.5rem;font-family:var(--font-heading);text-align:center}.stepper ol li a.bg-warning span:before,.stepper ol li a.bg-danger span:before{content:"!"}.stepper ol li a.bg-success span:before{content:"\2713";text-indent:-.1em}.stepper ol li a[aria-current=step]{background:var(--colour-primary);color:#fff;pointer-events:none}.stepper ol li a:not([href]){pointer-events:none}.stepper ol li a[href]:hover{opacity:.6}.stepper ol li a[href]:active{opacity:.8}.stepper>span{width:100%;display:flex;padding:1rem;flex-shrink:0;margin:0;position:relative;z-index:0;align-items:center}.stepper>span.stepper__end{display:none}@media screen and (min-width: 62em){.stepper>span{width:max-content;padding:2rem}.stepper>span.stepper__end{padding-left:3.5rem;display:flex}}.snapshot>.row{padding-bottom:1rem}.snapshot>.row>.col{margin-bottom:1rem;min-width:9.375rem;position:relative}@media screen and (min-width: 36em){.snapshot>.row>.col:nth-child(8)~.col{max-width:25%}}@media screen and (min-width: 62em){.snapshot>.row>.col:nth-child(8)~.col{max-width:12.5%}}.snapshot__item{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:1rem}.snapshot__item:not([class*=bg-]){border:1px solid var(--colour-border)}.snapshot a{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;z-index:1}.snapshot a:hover+.snapshot__item{opacity:.8}.snapshot__title{padding-bottom:1rem}.snapshot__title:after{content:":"}.snapshot .stat{text-decoration:none;margin-bottom:0}.tabs:not(.admin-panel){position:relative}.tabs:not(.admin-panel) .tabs__links__wrapper{position:relative;margin:0 auto 2rem}.tabs:not(.admin-panel) .tabs__links__wrapper:before{content:"";display:block;position:absolute;left:auto;right:-2.5rem;top:0;bottom:1px;width:2.5rem;background:var(--tabs-gradient, linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255)));z-index:1000;pointer-events:none}.tabs:not(.admin-panel) .tabs__links__wrapper:after{content:"";left:50%;position:relative;height:1px;width:100vw;background-color:var(--colour-border);transform:translate(-50%);display:block;clear:both}.tabs.admin-panel .tabs__links__wrapper:after{display:none}.tabs__links{padding-bottom:3px;position:relative;display:flex;flex-wrap:nowrap;width:auto;margin:0 -1.5rem;overflow-y:hidden;overflow-x:auto}.tabs__links::-webkit-scrollbar{display:none}.tabs__links .link{white-space:nowrap}.tabs__links .link:not(.text-decoration-none):not(.btn){--is-current: 0;font-weight:700;font-family:var(--font-heading);font-size:1.125rem;cursor:pointer;margin:0;padding:1.5rem 1.5rem .5rem;display:inline-block}.tabs__links .link:not(.text-decoration-none):not(.btn).disabled{cursor:not-allowed;opacity:.4}.tabs__links .link:not(.text-decoration-none):not(.btn):last-child{margin-inline-end:0}.tabs__links .link:not(.text-decoration-none):not(.btn):after{position:absolute;content:"";bottom:0;left:50%;height:3px;width:100%;transform:translate(-50%) scale(0);background:var(--colour-info);transition:transform .4s}.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):hover:after,.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):focus:after,.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled).focus:after{transform:translate(-50%) scaleX(.6)}.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):is([aria-pressed=true],:active,.current):after{transform:translate(-50%) scale(1)}.tabs__links .link:not(.text-decoration-none):not(.btn):is([aria-pressed=true],.current){pointer-events:none;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary-theme)!important}@media (min-width: 576px){.tabs__links .link:not(.text-decoration-none):not(.btn){padding:2rem 2rem .5rem}.tabs__links__wrapper{margin:0 auto 2.5rem}}.admin-panel :is(.admin-panel__links,.tabs__links){padding:0;margin:calc(var(--padding-top) * -1) calc(var(--padding-x) * -1) var(--padding-top) calc(var(--padding-x) * -1);border-top-left-radius:.5rem;border-top-right-radius:.5rem;display:flex;flex-direction:column;border-bottom:1px solid var(--colour-border);overflow:hidden;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary)}.admin-panel :is(.admin-panel__links,.tabs__links):after{display:none}@media screen and (min-width: 36em){.admin-panel :is(.admin-panel__links,.tabs__links){flex-direction:row}}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn){margin:0;padding:1rem var(--padding-x);width:100%;position:relative;text-align:left;flex-grow:1;--gradient-direction: -90deg;background-color:var(--colour-success)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not([class*=bg-]){background-image:linear-gradient(var(--gradient-direction),var(--colour-info) 0,transparent 100%)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):is(.current,[aria-pressed=true]){color:var(--colour-primary-theme)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not(.current,[aria-pressed=true]){background:var(--colour-canvas-2)!important}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):after{display:none}@media screen and (min-width: 36em){.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn){margin:0}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not(:first-child){border-left:1px solid var(--colour-border)!important}}.admin-panel :is(.admin-panel__links,.tabs__links) .link:is(.current,[aria-pressed=true]){pointer-events:none}@media screen and (min-width: 36em){:host(.tabs--inline) .tabs__links{margin:0;justify-content:center}:host(.tabs--inline) .tabs__links__wrapper:after{width:100%}}
+@charset "UTF-8";.testimonial{--testimonial-padding: 1rem;--testimonial-spacing: 1rem}@media screen and (min-width: 62em){.testimonial{--testimonial-padding: 4rem;--testimonial-spacing: 2rem}}.testimonial>div:first-child{position:relative;overflow:hidden}.testimonial .circle{color:currentColor;position:absolute;top:-18rem;right:-8rem;font-size:28rem;border-width:4px}.testimonial__images{overflow:auto;scroll-snap-type:x mandatory;display:flex;-webkit-user-select:none;user-select:none;touch-action:pan-x;height:14.375rem}@media screen and (min-width: 36em){.testimonial__images{height:21.25rem}}@media screen and (min-width: 62em){.testimonial__images{min-height:100%;scroll-snap-type:y mandatory;flex-direction:column;touch-action:pan-y}}.testimonial__images img{scroll-snap-align:start;-webkit-user-select:none;user-select:none;pointer-events:none;flex-shrink:0}.testimonial .testimonial__controls{display:none}.testimonial.testimonial--multi .testimonial__controls{display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}@media screen and (min-width: 62em){.testimonial.testimonial--multi .testimonial__controls{left:auto;bottom:auto;right:0;top:50%;transform:rotate(90deg) translateY(-120%);transform-origin:center}}.testimonial h2{padding:2rem var(--testimonial-padding) 0 var(--testimonial-padding)}@media screen and (min-width: 36em){.testimonial h2{padding-top:3rem}}@media screen and (min-width: 62em){.testimonial h2{padding-top:9rem}}.testimonial__content{--display-none: none;margin:0 var(--testimonial-padding) var(--testimonial-spacing) var(--testimonial-padding);position:relative}@media screen and (min-width: 62em){.testimonial__content{--display-none: block}.testimonial__content blockquote:not(.largest){position:absolute;top:0}}.testimonial[data-show="1"] blockquote:not(:nth-child(1)){display:var(--display-none);opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.testimonial[data-show="2"] blockquote:not(:nth-child(2)){display:var(--display-none);opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.testimonial[data-show="3"] blockquote:not(:nth-child(3)){display:var(--display-none);opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.testimonial[data-show="4"] blockquote:not(:nth-child(4)){display:var(--display-none);opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.testimonial[data-show="5"] blockquote:not(:nth-child(5)){display:var(--display-none);opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.testimonial[data-show="6"] blockquote:not(:nth-child(6)){display:var(--display-none);opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.testimonial[data-show="7"] blockquote:not(:nth-child(7)){display:var(--display-none);opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.testimonial[data-show="8"] blockquote:not(:nth-child(8)){display:var(--display-none);opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.testimonial[data-show="9"] blockquote:not(:nth-child(9)){display:var(--display-none);opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.testimonial[data-show="10"] blockquote:not(:nth-child(10)){display:var(--display-none);opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.testimonial__after{padding:1rem var(--testimonial-padding) var(--testimonial-spacing) var(--testimonial-padding)}.testimonial__images::-webkit-scrollbar{display:none}.testimonial__images{-ms-overflow-style:none;scrollbar-width:none}.timeline{--breakpoint:(100% - 62rem);--pl: clamp(0rem, var(--breakpoint) * -1000, 4rem);--line-pos: clamp(1rem, var(--breakpoint) * 1000, 50%);--circle-pos: 1rem;--line-length: 100%;--img-order: 1;position:relative;padding-top:.25rem;padding-left:var(--pl);padding-bottom:1rem;width:100%;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.timeline__container:not(.timeline--simple) .timeline{align-items:center}@media screen and (min-width: 62em){.timeline__container:not(.timeline--simple) .timeline{--img-order: 0;--circle-pos: 50%;--line-length: 50%}}.timeline:before{content:" ";display:block;background:black;width:4px;height:100%;position:absolute;top:0;left:var(--line-pos)}.timeline:after{content:" ";display:block;background:white;width:2rem;height:2rem;margin-top:-1rem;position:absolute;top:var(--circle-pos);left:var(--line-pos);margin-left:calc(-1rem + 2px);border:4px solid black;border-radius:50%}.timeline>*{max-width:28.75rem;order:1}.timeline>img{max-width:min(100%,28.75rem);margin-bottom:2rem}.timeline:nth-child(2n)>img{order:var(--img-order)}.timeline:first-child:before{top:var(--circle-pos);height:var(--line-length)}.timeline:last-child{padding-bottom:0;margin-bottom:2rem}.timeline:last-child:before{height:var(--line-length)}.timeline:last-child>img{margin-bottom:0}.property-searchbar fieldset{position:relative}@media screen and (min-width: 62em){.property-searchbar fieldset{position:relative;padding-right:1.5rem}.property-searchbar fieldset:after{content:"";position:absolute;top:0;right:.5rem;display:block;height:100%;width:1px;background-color:var(--colour-muted);opacity:.25}}.property-searchbar .form-control__wrapper{margin-bottom:1rem}@media screen and (min-width: 62em){.property-searchbar .form-control__wrapper{margin-bottom:0}}.property-searchbar .form-label,.property-searchbar label{font-size:.875rem;text-transform:uppercase}@media screen and (min-width: 62em){.property-searchbar .row .row .form-label{display:none}.property-searchbar .form-control,.property-searchbar .form-select{padding:.5rem 1.5rem .5rem .5rem}.property-searchbar .form-select{background-position:right .5rem center}}.property-searchbar .input--locations{padding-right:5.5rem}.property-searchbar .select--miles{position:absolute;bottom:0rem;right:.5rem;width:5rem}@media screen and (min-width: 62em){.property-searchbar .select--miles{right:1.5rem}}.property-searchbar .select--miles label{display:none}.property-searchbar .select--miles select{background-color:transparent;border-color:transparent}@media screen and (min-width: 62em){.property-searchbar .property-searchbar__btn{align-items:flex-end}}.property-searchbar button{margin-top:1rem;margin-bottom:1rem}@media screen and (min-width: 62em){.property-searchbar button{margin:0;padding-left:3.5rem;padding-right:3.5rem}}.property-searchbar--hero .property-searchbar{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light);padding:1rem;background-color:#fff;width:100%;border-radius:.625rem;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.24);box-shadow:0 2px 4px #0000003d;position:relative}.property-searchbar--hero .property-searchbar .text-primary{color:var(--colour-primary)!important}@media screen and (min-width: 62em){.property-searchbar--hero .property-searchbar{border-radius:3rem;padding:1.5rem 2.5rem}.property-searchbar--hero .property-searchbar .form-label,.property-searchbar--hero .property-searchbar label{margin-bottom:0}.property-searchbar--hero .property-searchbar .form-control,.property-searchbar--hero .property-searchbar .form-select{margin-left:-.5rem;border:none;padding-top:.25rem;padding-bottom:.25rem}.property-searchbar--hero .property-searchbar .form-select{background-position:right 0rem center;padding-right:1rem}.property-searchbar--hero .property-searchbar .property-searchbar__btn{align-items:center}}.stepper{background:#f0f0f0;display:flex;flex-wrap:wrap;margin-bottom:2rem;border:1px solid var(--colour-canvas);overflow:hidden}@media screen and (min-width: 62em){.stepper{flex-wrap:nowrap;overflow-x:auto}}.stepper ol{margin:0;z-index:1;background:var(--colour-canvas);counter-reset:section;width:100%;overflow:auto}@media screen and (min-width: 36em){.stepper ol{display:flex;flex-grow:1;padding-right:calc(2rem + 1px);margin-top:-1px;margin-bottom:-1px;margin-right:calc(-2rem - 2px);clip-path:polygon(0 0,calc(100% - 2rem) 0,100% 50%,calc(100% - 2rem) 100%,0 100%)}}@media screen and (min-width: 62em){.stepper ol{overflow:initial}}.stepper ol li{width:100%;max-width:100%;background:var(--colour-canvas);padding:1px}@media screen and (min-width: 36em){.stepper ol li:first-child a{padding-left:1rem;clip-path:polygon(0 0,calc(100% - 2rem) 0,100% 50%,calc(100% - 2rem) 100%,0 100%)}}@media screen and (min-width: 62em){.stepper ol li:first-child a{padding-left:2rem}}.stepper ol li a{display:block;padding:1rem;text-decoration:none;background:var(--colour-muted);line-height:1;position:relative;color:var(--colour-primary)}@media screen and (min-width: 36em){.stepper ol li a{margin-right:-2rem;padding:2rem 3rem;clip-path:polygon(0 0,calc(100% - 2rem) 0,100% 50%,calc(100% - 2rem) 100%,0 100%,2rem 50%);display:flex;height:100%;vertical-align:baseline;justify-content:center;align-items:center}}.stepper ol li a span{position:relative;display:inline;padding-left:2.25rem}.stepper ol li a span:before{counter-increment:section;content:counter(section);display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);margin-right:.5rem;font-size:.75em;border-radius:50%;border:2px solid currentColor;height:1.5rem;line-height:1.3rem;width:1.5rem;font-family:var(--font-heading);text-align:center}.stepper ol li a.bg-warning span:before,.stepper ol li a.bg-danger span:before{content:"!"}.stepper ol li a.bg-success span:before{content:"✓";text-indent:-.1em}.stepper ol li a[aria-current=step]{background:var(--colour-primary);color:#fff;pointer-events:none}.stepper ol li a:not([href]){pointer-events:none}.stepper ol li a[href]:hover{opacity:.6}.stepper ol li a[href]:active{opacity:.8}.stepper>span{width:100%;display:flex;padding:1rem;flex-shrink:0;margin:0;position:relative;z-index:0;align-items:center}.stepper>span.stepper__end{display:none}@media screen and (min-width: 62em){.stepper>span{width:max-content;padding:2rem}.stepper>span.stepper__end{padding-left:3.5rem;display:flex}}.snapshot>.row{padding-bottom:1rem}.snapshot>.row>.col{margin-bottom:1rem;min-width:9.375rem;position:relative}@media screen and (min-width: 36em){.snapshot>.row>.col:nth-child(8)~.col{max-width:25%}}@media screen and (min-width: 62em){.snapshot>.row>.col:nth-child(8)~.col{max-width:12.5%}}.snapshot__item{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:1rem}.snapshot__item:not([class*=bg-]){border:1px solid var(--colour-border)}.snapshot a{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;z-index:1}.snapshot a:hover+.snapshot__item{opacity:.8}.snapshot__title{padding-bottom:1rem}.snapshot__title:after{content:":"}.snapshot .stat{text-decoration:none;margin-bottom:0}.tabs:not(.admin-panel){position:relative}.tabs:not(.admin-panel) .tabs__links__wrapper{position:relative;margin:0 auto 2rem}.tabs:not(.admin-panel) .tabs__links__wrapper:before{content:"";display:block;position:absolute;left:auto;right:-2.5rem;top:0;bottom:1px;width:2.5rem;background:var(--tabs-gradient, linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255)));z-index:1000;pointer-events:none}.tabs:not(.admin-panel) .tabs__links__wrapper:after{content:"";left:50%;position:relative;height:1px;width:100vw;background-color:var(--colour-border);transform:translate(-50%);display:block;clear:both}.tabs.admin-panel .tabs__links__wrapper:after{display:none}.tabs__links{padding-bottom:3px;position:relative;display:flex;flex-wrap:nowrap;width:auto;margin:0 -1.5rem;overflow-y:hidden;overflow-x:auto}.tabs__links::-webkit-scrollbar{display:none}.tabs__links .link{white-space:nowrap}.tabs__links .link:not(.text-decoration-none):not(.btn){--is-current: 0;font-weight:700;font-family:var(--font-heading);font-size:1.125rem;cursor:pointer;margin:0;padding:1.5rem 1.5rem .5rem;display:inline-block}.tabs__links .link:not(.text-decoration-none):not(.btn).disabled{cursor:not-allowed;opacity:.4}.tabs__links .link:not(.text-decoration-none):not(.btn):last-child{margin-inline-end:0}.tabs__links .link:not(.text-decoration-none):not(.btn):after{position:absolute;content:"";bottom:0;left:50%;height:3px;width:100%;transform:translate(-50%) scale(0);background:var(--colour-info);transition:transform .4s}.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):hover:after,.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):focus:after,.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled).focus:after{transform:translate(-50%) scaleX(.6)}.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):is([aria-pressed=true],:active,.current):after{transform:translate(-50%) scale(1)}.tabs__links .link:not(.text-decoration-none):not(.btn):is([aria-pressed=true],.current){pointer-events:none;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary-theme)!important}@media (min-width: 576px){.tabs__links .link:not(.text-decoration-none):not(.btn){padding:2rem 2rem .5rem}.tabs__links__wrapper{margin:0 auto 2.5rem}}.admin-panel :is(.admin-panel__links,.tabs__links){padding:0;margin:calc(var(--padding-top) * -1) calc(var(--padding-x) * -1) var(--padding-top) calc(var(--padding-x) * -1);border-top-left-radius:.5rem;border-top-right-radius:.5rem;display:flex;flex-direction:column;border-bottom:1px solid var(--colour-border);overflow:hidden;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary)}.admin-panel :is(.admin-panel__links,.tabs__links):after{display:none}@media screen and (min-width: 36em){.admin-panel :is(.admin-panel__links,.tabs__links){flex-direction:row}}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn){margin:0;padding:1rem var(--padding-x);width:100%;position:relative;text-align:left;flex-grow:1;--gradient-direction: -90deg;background-color:var(--colour-success)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not([class*=bg-]){background-image:linear-gradient(var(--gradient-direction),var(--colour-info) 0,transparent 100%)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):is(.current,[aria-pressed=true]){color:var(--colour-primary-theme)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not(.current,[aria-pressed=true]){background:var(--colour-canvas-2)!important}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):after{display:none}@media screen and (min-width: 36em){.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn){margin:0}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not(:first-child){border-left:1px solid var(--colour-border)!important}}.admin-panel :is(.admin-panel__links,.tabs__links) .link:is(.current,[aria-pressed=true]){pointer-events:none}@media screen and (min-width: 36em){:host(.tabs--inline) .tabs__links{margin:0;justify-content:center}:host(.tabs--inline) .tabs__links__wrapper:after{width:100%}}

package/package.json

@@ -5,7 +5,7 @@
     "name": "iamproperty"
   },
   "private": false,
-  "version": "5.6.1-beta7",
+  "version": "5.6.1-beta9",
   "scripts": {
     "bootstrap": "copyfiles -u 2 node_modules/bootstrap/**/* assets/bootstrap",
     "dev": "npm run copy && node local_modules/delete-assets.js && vite --host",
@@ -79,7 +79,7 @@
     "path": "^0.12.7",
     "postcss": "^8.4.21",
     "postcss-css-variables": "^0.18.0",
-    "puppeteer": "^19.7.5",
+    "puppeteer": "^22.12.0",
     "rollup-plugin-esbuild": "^5.0.0",
     "sass": "^1.60.0",
     "sass-true": "^7.0.0",
@@ -90,7 +90,7 @@
     "tslib": "^2.5.0",
     "typescript": "^5.0.2",
     "url": "^0.11.0",
-    "vite": "^4.2.1",
+    "vite": "^4.5.3",
     "vite-plugin-vue-markdown": "^0.22.6",
     "vue": "^3.2.47",
     "vue-jest": "^3.0.7",

package/src/components/Card/README.md

@@ -18,6 +18,7 @@ The card component needs to be wrapped with a link or a button, this is required
 **Class modifiers**
 
 - Adding a class of **.card--filter** will implement the filter card design. 
+- Adding a class of **.card--record** will implement the record card design. 
 - Adding a class of **.border-o** will remove the box-shadow of the card and make some minor sizing adjustments. 
 - Adding a class like **.colour-warning** will update the colour of the left berder for the card. The theme colours will be avialable to use.
 - Adding a class of **.card--flag** will add a card to the top right corner.