@iamproperty/components 5.4.2-beta1 → 5.4.2-beta3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/components/actionbar.css +1 -1
- package/assets/css/components/actionbar.css.map +1 -1
- package/assets/css/components/actionbar.global.css +1 -1
- package/assets/css/components/actionbar.global.css.map +1 -1
- package/assets/css/components/table.global.css +1 -1
- package/assets/css/components/table.global.css.map +1 -1
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/bundle.js +0 -1
- package/assets/js/components/accordion/accordion.component.js +24 -11
- package/assets/js/components/accordion/accordion.component.min.js +13 -9
- package/assets/js/components/accordion/accordion.component.min.js.map +1 -1
- package/assets/js/components/actionbar/actionbar.component.js +3 -3
- package/assets/js/components/actionbar/actionbar.component.min.js +5 -5
- package/assets/js/components/actionbar/actionbar.component.min.js.map +1 -1
- package/assets/js/components/address-lookup/address-lookup.component.min.js +1 -1
- package/assets/js/components/applied-filters/applied-filters.component.min.js +1 -1
- package/assets/js/components/card/card.component.min.js +1 -1
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +1 -1
- package/assets/js/components/fileupload/fileupload.component.min.js +1 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- package/assets/js/components/nav/nav.component.min.js +1 -1
- package/assets/js/components/notification/notification.component.min.js +1 -1
- package/assets/js/components/pagination/pagination.component.min.js +1 -1
- package/assets/js/components/search/search.component.min.js +1 -1
- package/assets/js/components/search/search.component.min.js.map +1 -1
- package/assets/js/components/table/table.component.min.js +6 -6
- package/assets/js/components/table/table.component.min.js.map +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +1 -1
- package/assets/js/dynamic.js +0 -1
- package/assets/js/dynamic.min.js +2 -2
- package/assets/js/dynamic.min.js.map +1 -1
- package/assets/js/flat-components.js +0 -5
- package/assets/js/modules/helpers.js +3 -0
- package/assets/js/scripts.bundle.js +26 -20
- package/assets/js/scripts.bundle.js.map +1 -1
- package/assets/js/scripts.bundle.min.js +2 -2
- package/assets/js/scripts.bundle.min.js.map +1 -1
- package/assets/sass/_elements.scss +1 -0
- package/assets/sass/components/actionbar.global.scss +9 -0
- package/assets/sass/components/actionbar.scss +4 -0
- package/assets/sass/components/table.global.scss +8 -4
- package/assets/sass/elements/details.scss +118 -0
- package/assets/sass/elements/dialog.scss +1 -1
- package/assets/sass/elements/type.scss +10 -8
- package/assets/ts/bundle.ts +0 -1
- package/assets/ts/components/accordion/README.md +0 -1
- package/assets/ts/components/accordion/accordion.component.ts +26 -12
- package/assets/ts/components/actionbar/actionbar.component.ts +3 -3
- package/assets/ts/dynamic.ts +0 -1
- package/assets/ts/flat-components.ts +0 -6
- package/assets/ts/modules/helpers.ts +3 -0
- package/dist/components.es.js +222 -224
- package/dist/components.umd.js +57 -109
- package/package.json +1 -1
- package/src/components/Accordion/Accordion.vue +1 -1
- package/src/components/Accordion/AccordionItem.vue +1 -1
- package/src/components/Actionbar/Actionbar.vue +1 -1
- package/assets/css/components/accordion.css +0 -1
- package/assets/css/components/accordion.css.map +0 -1
- package/assets/css/components/accordion.global.css +0 -1
- package/assets/css/components/accordion.global.css.map +0 -1
- package/assets/js/modules/accordion.js +0 -30
- package/assets/sass/components/accordion.global.scss +0 -135
- package/assets/sass/components/accordion.scss +0 -27
- package/assets/ts/modules/accordion.ts +0 -38
package/dist/components.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(k,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],s):(k=typeof globalThis<"u"?globalThis:k||self,s(k.iamkey={},k.Vue))})(this,function(k,s){"use strict";const A=(a,e)=>{const t=a.__vccOpts||a;for(const[r,i]of e)t[r]=i;return t},it={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}}},st=["xlink:href"],lt=["innerHTML"];function ct(a,e,t,r,i,l){return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(l.className)},[(s.openBlock(),s.createElementBlock("svg",null,[s.createElementVNode("title",null,"iam "+s.toDisplayString(t.id),1),s.createElementVNode("use",{"xlink:href":t.path+l.src},null,8,st)])),t.desc?(s.openBlock(),s.createElementBlock("span",{key:0,innerHTML:t.desc},null,8,lt)):s.createCommentVNode("",!0)],2)}const dt=A(it,[["render",ct]]),mt=a=>a.charAt(0).toUpperCase()+a.slice(1),ut=a=>a.replace(/_/g," "),pt=a=>a.replace(/ /g,"_"),ht=function(a){return a=a.toLowerCase(),a=pt(a),a=a.replace(/\W/g,""),a},bt={name:"Table",props:{items:{type:Array,required:!1},fields:{type:Array,required:!1}},computed:{cellHeading(){return a=>`${mt(ut(a))}`}},created(){this.$nextTick(function(){Promise.resolve().then(()=>Do).then(a=>{window.customElements.get("iam-table")||window.customElements.define("iam-table",a.default)}).catch(a=>{console.log(a.message)}),Promise.resolve().then(()=>fo).then(a=>{window.customElements.get("iam-pagination")||window.customElements.define("iam-pagination",a.default)}).catch(a=>{console.log(a.message)})})},updated(){}},ft={key:0},gt={key:0},yt=["data-row-id"],vt=["innerHTML"];function wt(a,e,t,r,i,l){return s.openBlock(),s.createElementBlock("iam-table",null,[t.fields?(s.openBlock(),s.createElementBlock("table",ft,[s.createElementVNode("thead",null,[s.createElementVNode("tr",null,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(t.fields,o=>(s.openBlock(),s.createElementBlock("th",{key:o.key},s.toDisplayString(l.cellHeading(o.key)),1))),128))])]),t.items?(s.openBlock(),s.createElementBlock("tbody",gt,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(t.items,(o,n)=>(s.openBlock(),s.createElementBlock("tr",{key:n,"data-row-id":o.rowid},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(Object.fromEntries(Object.entries(o).filter(([d])=>d!=="rowid")),(d,c)=>(s.openBlock(),s.createElementBlock("td",{key:c,innerHTML:d},null,8,vt))),128))],8,yt))),128))])):s.createCommentVNode("",!0)])):s.renderSlot(a.$slots,"default",{key:1})])}const j=A(bt,[["render",wt]]),kt={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")}}},At=["for","innerHTML","title"],_t=["innerHTML"],xt=["innerHTML"],Lt=["type","name","id","pattern","list"],St=["type","name","id","pattern"],Et={key:5,class:"input-group"},qt=["type","name","id","pattern","list"],$t={class:"input-group-text border-0 col-2 col-sm-1 px-0"},Tt={key:6,class:"input-group"},Mt=["type","name","id","pattern","list"],Ct={class:"input-group-text flex-fill"},Ht=["type","name","id","pattern"],Rt=["value"],jt=["type","name","id"],Bt=["for","innerHTML"],Nt=["type","name","id"],zt=["for","innerHTML"],Dt=["innerHTML"],Vt=["id"],Pt=["value"];function Ft(a,e,t,r,i,l){return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(l.wrapperClass()),ref:"wrapper"},[l.needsLabel()?(s.openBlock(),s.createElementBlock("label",{key:0,class:s.normalizeClass(`form-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:l.displayLabel(),title:t.title},null,10,At)):s.createCommentVNode("",!0),t.prefix?(s.openBlock(),s.createElementBlock("span",{key:1,class:s.normalizeClass(`prefix ${this.prefixClass} ${t.size?`prefix-${t.size}`:""}`),innerHTML:t.prefix,role:"presentation"},null,10,_t)):s.createCommentVNode("",!0),t.suffix?(s.openBlock(),s.createElementBlock("span",{key:2,class:s.normalizeClass(`suffix ${this.suffixClass} ${t.size?`suffix-${t.size}`:""}`),innerHTML:t.suffix,role:"presentation"},null,10,xt)):s.createCommentVNode("",!0),l.isInput()?s.withDirectives((s.openBlock(),s.createElementBlock("input",s.mergeProps({key:3,"onUpdate:modelValue":e[0]||(e[0]=o=>l.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:l.needPattern(),list:l.hasOptions()},a.$attrs,{onKeyup:e[1]||(e[1]=(...o)=>l.inputKeyup&&l.inputKeyup(...o))}),null,16,Lt)),[[s.vModelDynamic,l.inputVal]]):s.createCommentVNode("",!0),t.type=="textarea"?s.withDirectives((s.openBlock(),s.createElementBlock("textarea",s.mergeProps({key:4,"onUpdate:modelValue":e[2]||(e[2]=o=>l.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:l.needPattern()},a.$attrs),null,16,St)),[[s.vModelText,l.inputVal]]):s.createCommentVNode("",!0),t.type=="range"?(s.openBlock(),s.createElementBlock("div",Et,[s.withDirectives(s.createElementVNode("input",s.mergeProps({"onUpdate:modelValue":e[3]||(e[3]=o=>l.inputVal=o),class:`form-range${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:l.needPattern(),list:l.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,qt),[[s.vModelDynamic,l.inputVal]]),s.createElementVNode("output",$t,s.toDisplayString(t.value),1)])):s.createCommentVNode("",!0),t.type=="color"?(s.openBlock(),s.createElementBlock("div",Tt,[s.withDirectives(s.createElementVNode("input",s.mergeProps({"onUpdate:modelValue":e[4]||(e[4]=o=>l.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:l.needPattern(),list:l.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Mt),[[s.vModelDynamic,l.inputVal]]),s.createElementVNode("output",Ct,s.toDisplayString(t.value?a.vale:"#000000"),1)])):s.createCommentVNode("",!0),t.type=="select"?s.withDirectives((s.openBlock(),s.createElementBlock("select",s.mergeProps({key:7,"onUpdate:modelValue":e[5]||(e[5]=o=>l.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:l.needPattern()},a.$attrs),[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(t.options,(o,n)=>(s.openBlock(),s.createElementBlock("option",{key:n,value:o.value},s.toDisplayString(o.display?o.display:o.value),9,Rt))),128))],16,Ht)),[[s.vModelSelect,l.inputVal]]):s.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(s.openBlock(),s.createElementBlock("input",s.mergeProps({key:8,class:"form-check-input",type:t.type,name:t.name?t.name:t.id,id:t.id},a.$attrs),null,16,jt)):s.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(s.openBlock(),s.createElementBlock("label",{key:9,class:s.normalizeClass(`form-label form-check-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label},null,10,Bt)):s.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(s.openBlock(),s.createElementBlock("input",s.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,Nt)):s.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(s.openBlock(),s.createElementBlock("label",{key:11,class:s.normalizeClass(`btn${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label,onClick:e[6]||(e[6]=(...o)=>l.clickEvent&&l.clickEvent(...o))},null,10,zt)):s.createCommentVNode("",!0),s.renderSlot(a.$slots,"default"),t.errormsg?(s.openBlock(),s.createElementBlock("span",{key:12,class:"invalid-feedback mb-0",innerHTML:t.errormsg},null,8,Dt)):s.createCommentVNode("",!0),l.allowDatalist()?(s.openBlock(),s.createElementBlock("datalist",{key:13,id:t.id+"-list"},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(t.options,(o,n)=>(s.openBlock(),s.createElementBlock("option",{key:n,value:o.value},s.toDisplayString(o.value),9,Pt))),128))],8,Vt)):s.createCommentVNode("",!0)],2)}const B=A(kt,[["render",Ft]]);function Ot(a,e){const t=e.querySelector(".files"),r=e.querySelector(".drop-area"),i=a.querySelector("input"),l=a.hasAttribute("data-maxsize")?a.getAttribute("data-maxsize"):0,o=i.cloneNode();r.append(o),e.addEventListener("click",n=>{n&&n.target instanceof HTMLElement&&n.target.closest(".btn-primary")&&(n.target.closest(".btn-primary"),(i.hasAttribute("multiple")?o:i).click())}),e.addEventListener("click",n=>{if(n&&n.target instanceof HTMLElement&&n.target.closest(".files button")){const d=new DataTransfer,{files:c}=i,p=n.target.closest(".files button");for(let m=0;m<c.length;m++){const b=c[m];b.name!=p.getAttribute("data-file")&&d.items.add(b)}i.files=d.files;const u=new Event("change");i.dispatchEvent(u)}}),o.addEventListener("change",n=>{if(i.hasAttribute("multiple")){const c=[...i.files,...o.files];let p=[];const u=new DataTransfer;for(let m=0;m<c.length;m++){const b=c[m],h=b.size/1e3;!p.includes(b.name)&&(l==0||h<l)&&u.items.add(b),p.push(b.name)}i.files=u.files}else i.files=o.files;const d=new Event("change");i.dispatchEvent(d)}),o.addEventListener("dragenter",n=>{o.classList.add("focus")}),o.addEventListener("dragleave",n=>{o.classList.remove("focus")}),o.addEventListener("drop",n=>{o.classList.remove("focus")}),i.addEventListener("change",n=>{t.innerHTML="";for(const d of i.files)t.innerHTML+=`<span class="file">${d.name} <button data-file="${d.name}">Remove</button></span>`})}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"fileupload"});class It 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/fileupload.css";`,i=document.createElement("template");i.innerHTML=`
|
|
1
|
+
(function(k,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(k=typeof globalThis<"u"?globalThis:k||self,n(k.iamkey={},k.Vue))})(this,function(k,n){"use strict";const _=(a,e)=>{const t=a.__vccOpts||a;for(const[r,i]of e)t[r]=i;return t},rt={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}}},nt=["xlink:href"],it=["innerHTML"];function st(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(l.className)},[(n.openBlock(),n.createElementBlock("svg",null,[n.createElementVNode("title",null,"iam "+n.toDisplayString(t.id),1),n.createElementVNode("use",{"xlink:href":t.path+l.src},null,8,nt)])),t.desc?(n.openBlock(),n.createElementBlock("span",{key:0,innerHTML:t.desc},null,8,it)):n.createCommentVNode("",!0)],2)}const lt=_(rt,[["render",st]]),dt=a=>a.charAt(0).toUpperCase()+a.slice(1),ct=a=>a.replace(/_/g," "),mt=a=>a.replace(/ /g,"_"),ut=function(a){return a=a.toLowerCase(),a=mt(a),a=a.replace(/\W/g,""),a},pt={name:"Table",props:{items:{type:Array,required:!1},fields:{type:Array,required:!1}},computed:{cellHeading(){return a=>`${dt(ct(a))}`}},created(){this.$nextTick(function(){Promise.resolve().then(()=>jo).then(a=>{window.customElements.get("iam-table")||window.customElements.define("iam-table",a.default)}).catch(a=>{console.log(a.message)}),Promise.resolve().then(()=>po).then(a=>{window.customElements.get("iam-pagination")||window.customElements.define("iam-pagination",a.default)}).catch(a=>{console.log(a.message)})})},updated(){}},ht={key:0},bt={key:0},gt=["data-row-id"],ft=["innerHTML"];function yt(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("iam-table",null,[t.fields?(n.openBlock(),n.createElementBlock("table",ht,[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(l.cellHeading(o.key)),1))),128))])]),t.items?(n.openBlock(),n.createElementBlock("tbody",bt,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(t.items,(o,s)=>(n.openBlock(),n.createElementBlock("tr",{key:s,"data-row-id":o.rowid},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(Object.fromEntries(Object.entries(o).filter(([c])=>c!=="rowid")),(c,d)=>(n.openBlock(),n.createElementBlock("td",{key:d,innerHTML:c},null,8,ft))),128))],8,gt))),128))])):n.createCommentVNode("",!0)])):n.renderSlot(a.$slots,"default",{key:1})])}const R=_(pt,[["render",yt]]),vt={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")}}},wt=["for","innerHTML","title"],kt=["innerHTML"],_t=["innerHTML"],At=["type","name","id","pattern","list"],xt=["type","name","id","pattern"],Lt={key:5,class:"input-group"},St=["type","name","id","pattern","list"],Et={class:"input-group-text border-0 col-2 col-sm-1 px-0"},qt={key:6,class:"input-group"},$t=["type","name","id","pattern","list"],Tt={class:"input-group-text flex-fill"},Mt=["type","name","id","pattern"],Ct=["value"],Ht=["type","name","id"],Bt=["for","innerHTML"],Rt=["type","name","id"],jt=["for","innerHTML"],Nt=["innerHTML"],zt=["id"],Dt=["value"];function Vt(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(l.wrapperClass()),ref:"wrapper"},[l.needsLabel()?(n.openBlock(),n.createElementBlock("label",{key:0,class:n.normalizeClass(`form-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:l.displayLabel(),title:t.title},null,10,wt)):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,kt)):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,_t)):n.createCommentVNode("",!0),l.isInput()?n.withDirectives((n.openBlock(),n.createElementBlock("input",n.mergeProps({key:3,"onUpdate:modelValue":e[0]||(e[0]=o=>l.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:l.needPattern(),list:l.hasOptions()},a.$attrs,{onKeyup:e[1]||(e[1]=(...o)=>l.inputKeyup&&l.inputKeyup(...o))}),null,16,At)),[[n.vModelDynamic,l.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=>l.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:l.needPattern()},a.$attrs),null,16,xt)),[[n.vModelText,l.inputVal]]):n.createCommentVNode("",!0),t.type=="range"?(n.openBlock(),n.createElementBlock("div",Lt,[n.withDirectives(n.createElementVNode("input",n.mergeProps({"onUpdate:modelValue":e[3]||(e[3]=o=>l.inputVal=o),class:`form-range${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:l.needPattern(),list:l.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,St),[[n.vModelDynamic,l.inputVal]]),n.createElementVNode("output",Et,n.toDisplayString(t.value),1)])):n.createCommentVNode("",!0),t.type=="color"?(n.openBlock(),n.createElementBlock("div",qt,[n.withDirectives(n.createElementVNode("input",n.mergeProps({"onUpdate:modelValue":e[4]||(e[4]=o=>l.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:l.needPattern(),list:l.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,$t),[[n.vModelDynamic,l.inputVal]]),n.createElementVNode("output",Tt,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=>l.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:l.needPattern()},a.$attrs),[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(t.options,(o,s)=>(n.openBlock(),n.createElementBlock("option",{key:s,value:o.value},n.toDisplayString(o.display?o.display:o.value),9,Ct))),128))],16,Mt)),[[n.vModelSelect,l.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,Ht)):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,Bt)):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,Rt)):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)=>l.clickEvent&&l.clickEvent(...o))},null,10,jt)):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),l.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,s)=>(n.openBlock(),n.createElementBlock("option",{key:s,value:o.value},n.toDisplayString(o.value),9,Dt))),128))],8,zt)):n.createCommentVNode("",!0)],2)}const j=_(vt,[["render",Vt]]);function Ft(a,e){const t=e.querySelector(".files"),r=e.querySelector(".drop-area"),i=a.querySelector("input"),l=a.hasAttribute("data-maxsize")?a.getAttribute("data-maxsize"):0,o=i.cloneNode();r.append(o),e.addEventListener("click",s=>{s&&s.target instanceof HTMLElement&&s.target.closest(".btn-primary")&&(s.target.closest(".btn-primary"),(i.hasAttribute("multiple")?o:i).click())}),e.addEventListener("click",s=>{if(s&&s.target instanceof HTMLElement&&s.target.closest(".files button")){const c=new DataTransfer,{files:d}=i,u=s.target.closest(".files button");for(let p=0;p<d.length;p++){const b=d[p];b.name!=u.getAttribute("data-file")&&c.items.add(b)}i.files=c.files;const m=new Event("change");i.dispatchEvent(m)}}),o.addEventListener("change",s=>{if(i.hasAttribute("multiple")){const d=[...i.files,...o.files];let u=[];const m=new DataTransfer;for(let p=0;p<d.length;p++){const b=d[p],h=b.size/1e3;!u.includes(b.name)&&(l==0||h<l)&&m.items.add(b),u.push(b.name)}i.files=m.files}else i.files=o.files;const c=new Event("change");i.dispatchEvent(c)}),o.addEventListener("dragenter",s=>{o.classList.add("focus")}),o.addEventListener("dragleave",s=>{o.classList.remove("focus")}),o.addEventListener("drop",s=>{o.classList.remove("focus")}),i.addEventListener("change",s=>{t.innerHTML="";for(const c of i.files)t.innerHTML+=`<span class="file">${c.name} <button data-file="${c.name}">Remove</button></span>`})}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"fileupload"});class Pt 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/fileupload.css";`,i=document.createElement("template");i.innerHTML=`
|
|
2
2
|
<style>
|
|
3
3
|
@import "${t}";
|
|
4
4
|
${r}
|
|
@@ -13,10 +13,10 @@
|
|
|
13
13
|
<slot></slot>
|
|
14
14
|
<div class="files"></div>
|
|
15
15
|
</div>
|
|
16
|
-
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){this.innerHTML+='<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';const e=this.shadowRoot.querySelector(".file-upload"),t=this.querySelector("input"),r=this.shadowRoot.querySelector(".helper-text");r.innerHTML=`${this.hasAttribute("data-maxsize")?`Max file size is ${this.getAttribute("data-maxsize")}kb. `:""}${t.hasAttribute("accept")?`Supported file types are ${t.getAttribute("accept")}`:""}`,Ot(this,e)}}const Ut={name:"FileUpload",props:{maxfilesize:{type:Number,required:!1},maxfiles:{type:Number,required:!1}},mounted(){this.$nextTick(function(){window.customElements.get("iam-fileupload")||window.customElements.define("iam-fileupload",It)})}};function Wt(a,e,t,r,i,l){return s.openBlock(),s.createElementBlock("iam-fileupload",null,[s.renderSlot(a.$slots,"default")])}const Gt=A(Ut,[["render",Wt]]),T=(a,e)=>{const t=a[e];return t?typeof t=="function"?t():Promise.resolve(t):new Promise((r,i)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(i.bind(null,new Error("Unknown variable dynamic import: "+e)))})},Hr="",Yt={name:"Accordion",props:{},mounted(){this.$nextTick(function(){T(Object.assign({"../../../assets/js/components/accordion/accordion.component.js":()=>Promise.resolve().then(()=>Fo),"../../../assets/js/components/accordion/accordion.component.min.js":()=>Promise.resolve().then(()=>Uo)}),"../../../assets/js/components/accordion/accordion.component.js").then(a=>{window.customElements.get("iam-accordion")||window.customElements.define("iam-accordion",a.default)}).catch(a=>{console.log(a.message)})})}},Xt={ref:"wrapper"};function Kt(a,e,t,r,i,l){return s.openBlock(),s.createElementBlock("iam-accordion",Xt,[s.renderSlot(a.$slots,"default")],512)}const Jt=A(Yt,[["render",Kt]]),Qt={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=>`${ht(a)}`}},data(){return{show:!this.lazy}}},Zt=["id"],te=["classList"];function ee(a,e,t,r,i,l){return s.openBlock(),s.createElementBlock("details",{id:l.createID(t.title)},[s.createElementVNode("summary",{classList:`${t.titlecolour?`bg-${t.titlecolour}`:""}`},[s.createTextVNode(s.toDisplayString(t.title),1),t.badge?(s.openBlock(),s.createElementBlock("span",{key:0,class:s.normalizeClass(`badge bg-${t.badgecolour}`)},s.toDisplayString(t.badge),3)):s.createCommentVNode("",!0)],8,te),s.renderSlot(a.$slots,"default")],8,Zt)}const ae=A(Qt,[["render",ee]]),oe={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1},background:{type:String,default:"light",required:!1}}},re={class:"container"},ne={class:"row"},ie={class:"col-sm-6"},se={class:"pt-5 pb-3 px-4"},le={class:"col-sm-6 col-md-5 ms-auto"},ce=["src"];function de(a,e,t,r,i,l){return s.openBlock(),s.createElementBlock("div",re,[s.createElementVNode("div",{class:s.normalizeClass("bg-"+t.background+" mb-4")},[s.createElementVNode("div",ne,[s.createElementVNode("div",ie,[s.createElementVNode("div",se,[s.createElementVNode("h2",null,s.toDisplayString(t.title),1),s.renderSlot(a.$slots,"default")])]),s.createElementVNode("div",le,[t.image?(s.openBlock(),s.createElementBlock("img",{key:0,src:t.image,alt:"",class:"h-100 w-100 object-cover"},null,8,ce)):s.createCommentVNode("",!0)])])],2)])}const me=A(oe,[["render",de]]),ue={name:"Card",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Go).then(a=>{window.customElements.get("iam-card")||window.customElements.define("iam-card",a.default)}).catch(a=>{console.log(a.message)})})}};function pe(a,e,t,r,i,l){return s.openBlock(),s.createElementBlock("iam-card",null,[s.renderSlot(a.$slots,"default")])}const he=A(ue,[["render",pe]]),be={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}},mounted(){this.$nextTick(function(){T(Object.assign({"../../../assets/js/components/carousel/carousel.component.js":()=>Promise.resolve().then(()=>Ko)}),"../../../assets/js/components/carousel/carousel.component.js").then(a=>{window.customElements.get("iam-carousel")||window.customElements.define("iam-carousel",a.default)}).catch(a=>{console.log(a.message)})})}};function fe(a,e,t,r,i,l){return s.openBlock(),s.createElementBlock("iam-carousel",null,[s.renderSlot(a.$slots,"default")])}const ge=A(be,[["render",fe]]),ye={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}},mounted(){this.$nextTick(function(){T(Object.assign({"../../../assets/js/components/header/header.component.js":()=>Promise.resolve().then(()=>Qo),"../../../assets/js/components/header/header.component.min.js":()=>Promise.resolve().then(()=>tr)}),"../../../assets/js/components/header/header.component.js").then(a=>{window.customElements.get("iam-header")||window.customElements.define("iam-header",a.default)}).catch(a=>{console.log(a.message)})})}},ve=["image"],we=["innerHTML"];function ke(a,e,t,r,i,l){return s.openBlock(),s.createElementBlock("iam-header",{image:t.image},[s.renderSlot(a.$slots,"breadcrumb"),t.title?(s.openBlock(),s.createElementBlock("h1",{key:0,innerHTML:t.title},null,8,we)):s.createCommentVNode("",!0),s.renderSlot(a.$slots,"default")],8,ve)}const Ae=A(ye,[["render",ke]]);function _e(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 i=function(l){const o=a.querySelector(".btn-next"),n=a.querySelector(".btn-prev");o.setAttribute("data-go",l+1),n.setAttribute("data-go",l-1),o.removeAttribute("disabled"),n.removeAttribute("disabled"),l==1?n.setAttribute("disabled",!0):l==r&&o.setAttribute("disabled",!0)};t.addEventListener("scroll",function(l){clearTimeout(e),e=setTimeout(function(){let o=t.scrollWidth,n=t.scrollHeight,d=t.scrollLeft,c=t.scrollTop,p=Math.round(d/o*r)+1;d==0&&c!=0&&(p=Math.round(c/n*r)+1),a.setAttribute("data-show",p),i(p)},300)},!1),a.addEventListener("click",function(l){for(var o=l.target;o&&o!=this;o=o.parentNode)if(o.matches("[data-go]")){let n=parseInt(o.getAttribute("data-go")),d=0,c=0,p=t.scrollWidth,u=t.scrollHeight;p>u?c=Math.floor(p*((n-1)/r)):d=Math.floor(u*((n-1)/r)),t.scroll({top:d,left:c,behavior:"smooth"});break}},!1)}const Rr="",xe={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){_e(this.$refs.wrapper)}},Le={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},Se={class:"row"},Ee={class:"col-md-5 position-relative"},qe={class:"testimonial__images"},$e=["src"],Te=s.createElementVNode("div",{class:"testimonial__controls"},[s.createElementVNode("button",{"data-go":"0",disabled:"",class:"btn-prev"},"Previous"),s.createElementVNode("button",{"data-go":"2",class:"btn-next"},"Next")],-1),Me={class:"col-md-7"},Ce=s.createElementVNode("h2",null,"What our customers think…",-1),He={class:"testimonial__content"},Re=["innerHTML"],je=["innerHTML"],Be={class:"testimonial__after"},Ne=s.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1);function ze(a,e,t,r,i,l){return s.openBlock(),s.createElementBlock("div",Le,[s.createElementVNode("div",{class:s.normalizeClass("bg-"+t.background)},[s.createElementVNode("div",Se,[s.createElementVNode("div",Ee,[s.createElementVNode("div",qe,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(t.items,(o,n)=>(s.openBlock(),s.createElementBlock("img",{key:n,src:o.image?o.image:"data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",alt:"",class:s.normalizeClass("h-100 w-100 object-cover"+(o.image?"":" opacity-0"))},null,10,$e))),128))]),Te]),s.createElementVNode("div",Me,[Ce,s.createElementVNode("div",He,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(t.items,(o,n)=>(s.openBlock(),s.createElementBlock("blockquote",{key:n,class:s.normalizeClass(o.class)},[s.createElementVNode("div",{innerHTML:o.quote},null,8,Re),s.createElementVNode("cite",{innerHTML:o.cite},null,8,je)],2))),128))]),s.createElementVNode("div",Be,[s.renderSlot(a.$slots,"default")])])]),Ne],2)],512)}const De=A(xe,[["render",ze]]),jr="",Ve={name:"Timeline",props:{image:{type:String,required:!1}}},Pe={class:"timeline"},Fe={class:"timeline__content"},Oe=["src"];function Ie(a,e,t,r,i,l){return s.openBlock(),s.createElementBlock("div",Pe,[s.createElementVNode("div",Fe,[s.renderSlot(a.$slots,"default")]),t.image?(s.openBlock(),s.createElementBlock("img",{key:0,src:t.image,alt:""},null,8,Oe)):s.createCommentVNode("",!0)])}const Ue=A(Ve,[["render",Ie]]),Br="",We={components:{Input:B},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"}]}}},Ge={class:"container",ref:"wrapper"},Ye={class:"property-searchbar"},Xe=["action","method"],Ke={class:"col-12 col-md-3"},Je={class:"col-12 col-md"},Qe=s.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1),Ze={class:"row","data-input-range":""},ta={class:"col-12 col-md"},ea=s.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1),aa={class:"row","data-input-range":""},oa={class:"col-12 col-md-2"},ra=s.createElementVNode("div",{class:"col-12 col-md mw-md-fit-content d-flex property-searchbar__btn"},[s.createElementVNode("button",{class:"btn w-100 me-0",type:"submit",value:"submit"},"Search")],-1);function na(a,e,t,r,i,l){const o=s.resolveComponent("Input");return s.openBlock(),s.createElementBlock("div",Ge,[s.renderSlot(a.$slots,"default"),s.createElementVNode("div",Ye,[s.createElementVNode("form",{class:"row",action:t.formaction,method:t.formmethod},[s.createElementVNode("fieldset",Ke,[s.createVNode(o,{inputClass:"input--locations",modelValue:l.locationSet,"onUpdate:modelValue":e[0]||(e[0]=n=>l.locationSet=n),label:"Location",id:"location",options:l.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:e[1]||(e[1]=n=>l.locationKeyup(...arguments)),ref:"search"},null,8,["modelValue","options"]),s.createVNode(o,{class:"select--miles",label:"Miles",id:"miles",type:"select",options:t.distances},null,8,["options"])]),s.createElementVNode("fieldset",Je,[Qe,s.createElementVNode("div",Ze,[s.createVNode(o,{class:"col-6",label:"Minimum price",id:"price-min","data-min":"true",type:"select",options:t.pricemin},null,8,["options"]),s.createVNode(o,{class:"col-6",label:"Maximum price",id:"price-max","data-max":"true",type:"select",options:t.pricemax},null,8,["options"])])]),s.createElementVNode("fieldset",ta,[ea,s.createElementVNode("div",aa,[s.createVNode(o,{class:"col-6",label:"Minimum beds",id:"beds-min","data-min":"true",type:"select",options:t.bedsmin},null,8,["options"]),s.createVNode(o,{class:"col-6",label:"Maximum beds",id:"beds-max","data-max":"true",type:"select",options:t.bedsmax},null,8,["options"])])]),s.createElementVNode("fieldset",oa,[s.createVNode(o,{label:"Property type",id:"property-type",type:"select",options:t.propertytypes},null,8,["options"])]),ra],8,Xe)]),s.renderSlot(a.$slots,"after")],512)}const ia=A(We,[["render",na]]),sa={components:{},name:"Nav",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>er).then(a=>{window.customElements.get("iam-nav")||window.customElements.define("iam-nav",a.default)}).catch(a=>{console.log(a.message)})})},methods:{}},la={ref:"wrapper"};function ca(a,e,t,r,i,l){return s.openBlock(),s.createElementBlock("iam-nav",la,[s.renderSlot(a.$slots,"default")],512)}const da=A(sa,[["render",ca]]),Nr="",ma={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},ua={class:"container"},pa=["aria-label"],ha={key:0,class:"h6 stepper__start"},ba={class:"list-unstyled"},fa={class:"h6 stepper__end"};function ga(a,e,t,r,i,l){return s.openBlock(),s.createElementBlock("div",ua,[s.createElementVNode("nav",{class:"stepper","aria-label":t.label?t.label:"Progress"},[t.label?(s.openBlock(),s.createElementBlock("span",ha,s.toDisplayString(t.label),1)):s.createCommentVNode("",!0),s.createElementVNode("ol",ba,[s.renderSlot(a.$slots,"default")]),s.createElementVNode("span",fa,s.toDisplayString(t.endlabel),1)],8,pa)])}const ya=A(ma,[["render",ga]]),zr="",va={name:"Snapshot",props:{items:{type:Array,required:!0}}},wa={class:"container snapshot",ref:"wrapper"},ka={class:"row"},Aa=["href"],_a={class:"lead snapshot__title"},xa={class:"stat"};function La(a,e,t,r,i,l){return s.openBlock(),s.createElementBlock("div",wa,[s.renderSlot(a.$slots,"default"),s.createElementVNode("div",ka,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(t.items,(o,n)=>(s.openBlock(),s.createElementBlock("div",{class:"col",key:n},[o.link?(s.openBlock(),s.createElementBlock("a",{key:0,href:o.link},"View "+s.toDisplayString(o.title),9,Aa)):s.createCommentVNode("",!0),s.createElementVNode("div",{class:s.normalizeClass(`snapshot__item ${o.bg?"bg-"+o.bg:""}`)},[s.createElementVNode("span",_a,s.toDisplayString(o.title),1),s.createElementVNode("span",xa,s.toDisplayString(o.number),1)],2)]))),128))])],512)}const Sa=A(va,[["render",La]]),Ea={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},qa=["href","aria-current"],$a={key:0,class:"visually-hidden"};function Ta(a,e,t,r,i,l){return s.openBlock(),s.createElementBlock("li",null,[s.createElementVNode("a",{href:t.url,class:s.normalizeClass(`${t.status?"bg-"+t.status:""}${typeof t.current<"u"?"current":""}`),"aria-current":typeof t.current<"u"?"step":!1},[s.createElementVNode("span",null,[s.renderSlot(a.$slots,"default")]),t.status?(s.openBlock(),s.createElementBlock("em",$a," - status: "+s.toDisplayString(t.status),1)):s.createCommentVNode("",!0)],10,qa)])}const Ma=A(Ea,[["render",Ta]]),Dr="",Ca={name:"Tabs",mounted(){this.$nextTick(function(){T(Object.assign({"../../../assets/js/components/tabs/tabs.component.js":()=>Promise.resolve().then(()=>sr),"../../../assets/js/components/tabs/tabs.component.min.js":()=>Promise.resolve().then(()=>pr)}),"../../../assets/js/components/tabs/tabs.component.js").then(a=>{window.customElements.get("iam-tabs")||window.customElements.define("iam-tabs",a.default)}).catch(a=>{console.log(a.message)})})}},Ha={ref:"wrapper"};function Ra(a,e,t,r,i,l){return s.openBlock(),s.createElementBlock("iam-tabs",Ha,[s.renderSlot(a.$slots,"default")],512)}const ja=A(Ca,[["render",Ra]]),Ba={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}}},Na={class:"tab"},za=["innerHTML"];function Da(a,e,t,r,i,l){return s.openBlock(),s.createElementBlock("details",Na,[s.createElementVNode("summary",{innerHTML:t.title,class:s.normalizeClass({disabled:i.isDisabled})},null,10,za),s.renderSlot(a.$slots,"default")])}const Va=A(Ba,[["render",Da]]);let O=j.props;O.fields.required=!1;const Pa={components:{Table:j,Input:B},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 i=t.getMonth()+1,l=t.getDate();l<10&&(l="0"+l),i<10&&(i="0"+i),t=l+"/"+i+"/"+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},...O,title:{type:String,required:!1},method:{type:String,required:!1,default:"post"},action:{type:String,required:!1}}},Fa={class:"container note-feed mb-2"},Oa=["innerHTML"],Ia=["action","method"],Ua=["value"],Wa=s.createElementVNode("button",{class:"btn btn-tertiary"},"Submit note",-1);function Ga(a,e,t,r,i,l){const o=s.resolveComponent("Table"),n=s.resolveComponent("Input");return s.openBlock(),s.createElementBlock("div",Fa,[t.title?(s.openBlock(),s.createElementBlock("span",{key:0,class:"h3",innerHTML:t.title},null,8,Oa)):s.createCommentVNode("",!0),s.createVNode(o,s.mergeProps({fields:[{key:"date_added"},{key:"user"},{key:"note"}],items:i.itemsData},a.$props,{class:"mb-0"}),null,16,["items"]),s.createElementVNode("form",{action:t.action,method:t.method,onSubmit:e[0]||(e[0]=s.withModifiers(d=>l.submitForm(...arguments),["prevent"]))},[s.createElementVNode("input",{type:"hidden",value:t.user,name:"user"},null,8,Ua),s.createVNode(n,{id:"addNote",type:"textarea",label:"Add note",required:"",class:"mw-100"}),Wa],40,Ia)])}const Ya=A(Pa,[["render",Ga]]);/*!
|
|
17
|
-
* iamKey v5.4.2-
|
|
16
|
+
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){this.innerHTML+='<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';const e=this.shadowRoot.querySelector(".file-upload"),t=this.querySelector("input"),r=this.shadowRoot.querySelector(".helper-text");r.innerHTML=`${this.hasAttribute("data-maxsize")?`Max file size is ${this.getAttribute("data-maxsize")}kb. `:""}${t.hasAttribute("accept")?`Supported file types are ${t.getAttribute("accept")}`:""}`,Ft(this,e)}}const Ot={name:"FileUpload",props:{maxfilesize:{type:Number,required:!1},maxfiles:{type:Number,required:!1}},mounted(){this.$nextTick(function(){window.customElements.get("iam-fileupload")||window.customElements.define("iam-fileupload",Pt)})}};function It(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("iam-fileupload",null,[n.renderSlot(a.$slots,"default")])}const Ut=_(Ot,[["render",It]]),kr="",Wt={name:"Accordion",props:{},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>zo).then(a=>{window.customElements.get("iam-accordion")||window.customElements.define("iam-accordion",a.default)}).catch(a=>{console.log(a.message)})})}},Gt={ref:"wrapper"};function Xt(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("iam-accordion",Gt,[n.renderSlot(a.$slots,"default")],512)}const Kt=_(Wt,[["render",Xt]]),Yt={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=>`${ut(a)}`}},data(){return{show:!this.lazy}}},Jt=["id"];function Qt(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("details",{id:l.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,Jt)}const Zt=_(Yt,[["render",Qt]]),te={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1},background:{type:String,default:"light",required:!1}}},ee={class:"container"},ae={class:"row"},oe={class:"col-sm-6"},re={class:"pt-5 pb-3 px-4"},ne={class:"col-sm-6 col-md-5 ms-auto"},ie=["src"];function se(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("div",ee,[n.createElementVNode("div",{class:n.normalizeClass("bg-"+t.background+" mb-4")},[n.createElementVNode("div",ae,[n.createElementVNode("div",oe,[n.createElementVNode("div",re,[n.createElementVNode("h2",null,n.toDisplayString(t.title),1),n.renderSlot(a.$slots,"default")])]),n.createElementVNode("div",ne,[t.image?(n.openBlock(),n.createElementBlock("img",{key:0,src:t.image,alt:"",class:"h-100 w-100 object-cover"},null,8,ie)):n.createCommentVNode("",!0)])])],2)])}const le=_(te,[["render",se]]),de={name:"Card",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Vo).then(a=>{window.customElements.get("iam-card")||window.customElements.define("iam-card",a.default)}).catch(a=>{console.log(a.message)})})}};function ce(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("iam-card",null,[n.renderSlot(a.$slots,"default")])}const me=_(de,[["render",ce]]),M=(a,e)=>{const t=a[e];return t?typeof t=="function"?t():Promise.resolve(t):new Promise((r,i)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(i.bind(null,new Error("Unknown variable dynamic import: "+e)))})},ue={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}},mounted(){this.$nextTick(function(){M(Object.assign({"../../../assets/js/components/carousel/carousel.component.js":()=>Promise.resolve().then(()=>Oo)}),"../../../assets/js/components/carousel/carousel.component.js").then(a=>{window.customElements.get("iam-carousel")||window.customElements.define("iam-carousel",a.default)}).catch(a=>{console.log(a.message)})})}};function pe(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("iam-carousel",null,[n.renderSlot(a.$slots,"default")])}const he=_(ue,[["render",pe]]),be={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}},mounted(){this.$nextTick(function(){M(Object.assign({"../../../assets/js/components/header/header.component.js":()=>Promise.resolve().then(()=>Uo),"../../../assets/js/components/header/header.component.min.js":()=>Promise.resolve().then(()=>Go)}),"../../../assets/js/components/header/header.component.js").then(a=>{window.customElements.get("iam-header")||window.customElements.define("iam-header",a.default)}).catch(a=>{console.log(a.message)})})}},ge=["image"],fe=["innerHTML"];function ye(a,e,t,r,i,l){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,fe)):n.createCommentVNode("",!0),n.renderSlot(a.$slots,"default")],8,ge)}const ve=_(be,[["render",ye]]);function we(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 i=function(l){const o=a.querySelector(".btn-next"),s=a.querySelector(".btn-prev");o.setAttribute("data-go",l+1),s.setAttribute("data-go",l-1),o.removeAttribute("disabled"),s.removeAttribute("disabled"),l==1?s.setAttribute("disabled",!0):l==r&&o.setAttribute("disabled",!0)};t.addEventListener("scroll",function(l){clearTimeout(e),e=setTimeout(function(){let o=t.scrollWidth,s=t.scrollHeight,c=t.scrollLeft,d=t.scrollTop,u=Math.round(c/o*r)+1;c==0&&d!=0&&(u=Math.round(d/s*r)+1),a.setAttribute("data-show",u),i(u)},300)},!1),a.addEventListener("click",function(l){for(var o=l.target;o&&o!=this;o=o.parentNode)if(o.matches("[data-go]")){let s=parseInt(o.getAttribute("data-go")),c=0,d=0,u=t.scrollWidth,m=t.scrollHeight;u>m?d=Math.floor(u*((s-1)/r)):c=Math.floor(m*((s-1)/r)),t.scroll({top:c,left:d,behavior:"smooth"});break}},!1)}const _r="",ke={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){we(this.$refs.wrapper)}},_e={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},Ae={class:"row"},xe={class:"col-md-5 position-relative"},Le={class:"testimonial__images"},Se=["src"],Ee=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),qe={class:"col-md-7"},$e=n.createElementVNode("h2",null,"What our customers think…",-1),Te={class:"testimonial__content"},Me=["innerHTML"],Ce=["innerHTML"],He={class:"testimonial__after"},Be=n.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1);function Re(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("div",_e,[n.createElementVNode("div",{class:n.normalizeClass("bg-"+t.background)},[n.createElementVNode("div",Ae,[n.createElementVNode("div",xe,[n.createElementVNode("div",Le,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(t.items,(o,s)=>(n.openBlock(),n.createElementBlock("img",{key:s,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,Se))),128))]),Ee]),n.createElementVNode("div",qe,[$e,n.createElementVNode("div",Te,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(t.items,(o,s)=>(n.openBlock(),n.createElementBlock("blockquote",{key:s,class:n.normalizeClass(o.class)},[n.createElementVNode("div",{innerHTML:o.quote},null,8,Me),n.createElementVNode("cite",{innerHTML:o.cite},null,8,Ce)],2))),128))]),n.createElementVNode("div",He,[n.renderSlot(a.$slots,"default")])])]),Be],2)],512)}const je=_(ke,[["render",Re]]),Ar="",Ne={name:"Timeline",props:{image:{type:String,required:!1}}},ze={class:"timeline"},De={class:"timeline__content"},Ve=["src"];function Fe(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("div",ze,[n.createElementVNode("div",De,[n.renderSlot(a.$slots,"default")]),t.image?(n.openBlock(),n.createElementBlock("img",{key:0,src:t.image,alt:""},null,8,Ve)):n.createCommentVNode("",!0)])}const Pe=_(Ne,[["render",Fe]]),xr="",Oe={components:{Input:j},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"}]}}},Ie={class:"container",ref:"wrapper"},Ue={class:"property-searchbar"},We=["action","method"],Ge={class:"col-12 col-md-3"},Xe={class:"col-12 col-md"},Ke=n.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1),Ye={class:"row","data-input-range":""},Je={class:"col-12 col-md"},Qe=n.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1),Ze={class:"row","data-input-range":""},ta={class:"col-12 col-md-2"},ea=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 aa(a,e,t,r,i,l){const o=n.resolveComponent("Input");return n.openBlock(),n.createElementBlock("div",Ie,[n.renderSlot(a.$slots,"default"),n.createElementVNode("div",Ue,[n.createElementVNode("form",{class:"row",action:t.formaction,method:t.formmethod},[n.createElementVNode("fieldset",Ge,[n.createVNode(o,{inputClass:"input--locations",modelValue:l.locationSet,"onUpdate:modelValue":e[0]||(e[0]=s=>l.locationSet=s),label:"Location",id:"location",options:l.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:e[1]||(e[1]=s=>l.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",Xe,[Ke,n.createElementVNode("div",Ye,[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",Je,[Qe,n.createElementVNode("div",Ze,[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",ta,[n.createVNode(o,{label:"Property type",id:"property-type",type:"select",options:t.propertytypes},null,8,["options"])]),ea],8,We)]),n.renderSlot(a.$slots,"after")],512)}const oa=_(Oe,[["render",aa]]),ra={components:{},name:"Nav",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Xo).then(a=>{window.customElements.get("iam-nav")||window.customElements.define("iam-nav",a.default)}).catch(a=>{console.log(a.message)})})},methods:{}},na={ref:"wrapper"};function ia(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("iam-nav",na,[n.renderSlot(a.$slots,"default")],512)}const sa=_(ra,[["render",ia]]),Lr="",la={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},da={class:"container"},ca=["aria-label"],ma={key:0,class:"h6 stepper__start"},ua={class:"list-unstyled"},pa={class:"h6 stepper__end"};function ha(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("div",da,[n.createElementVNode("nav",{class:"stepper","aria-label":t.label?t.label:"Progress"},[t.label?(n.openBlock(),n.createElementBlock("span",ma,n.toDisplayString(t.label),1)):n.createCommentVNode("",!0),n.createElementVNode("ol",ua,[n.renderSlot(a.$slots,"default")]),n.createElementVNode("span",pa,n.toDisplayString(t.endlabel),1)],8,ca)])}const ba=_(la,[["render",ha]]),Sr="",ga={name:"Snapshot",props:{items:{type:Array,required:!0}}},fa={class:"container snapshot",ref:"wrapper"},ya={class:"row"},va=["href"],wa={class:"lead snapshot__title"},ka={class:"stat"};function _a(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("div",fa,[n.renderSlot(a.$slots,"default"),n.createElementVNode("div",ya,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(t.items,(o,s)=>(n.openBlock(),n.createElementBlock("div",{class:"col",key:s},[o.link?(n.openBlock(),n.createElementBlock("a",{key:0,href:o.link},"View "+n.toDisplayString(o.title),9,va)):n.createCommentVNode("",!0),n.createElementVNode("div",{class:n.normalizeClass(`snapshot__item ${o.bg?"bg-"+o.bg:""}`)},[n.createElementVNode("span",wa,n.toDisplayString(o.title),1),n.createElementVNode("span",ka,n.toDisplayString(o.number),1)],2)]))),128))])],512)}const Aa=_(ga,[["render",_a]]),xa={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},La=["href","aria-current"],Sa={key:0,class:"visually-hidden"};function Ea(a,e,t,r,i,l){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",Sa," - status: "+n.toDisplayString(t.status),1)):n.createCommentVNode("",!0)],10,La)])}const qa=_(xa,[["render",Ea]]),Er="",$a={name:"Tabs",mounted(){this.$nextTick(function(){M(Object.assign({"../../../assets/js/components/tabs/tabs.component.js":()=>Promise.resolve().then(()=>tr),"../../../assets/js/components/tabs/tabs.component.min.js":()=>Promise.resolve().then(()=>ir)}),"../../../assets/js/components/tabs/tabs.component.js").then(a=>{window.customElements.get("iam-tabs")||window.customElements.define("iam-tabs",a.default)}).catch(a=>{console.log(a.message)})})}},Ta={ref:"wrapper"};function Ma(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("iam-tabs",Ta,[n.renderSlot(a.$slots,"default")],512)}const Ca=_($a,[["render",Ma]]),Ha={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}}},Ba={class:"tab"},Ra=["innerHTML"];function ja(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("details",Ba,[n.createElementVNode("summary",{innerHTML:t.title,class:n.normalizeClass({disabled:i.isDisabled})},null,10,Ra),n.renderSlot(a.$slots,"default")])}const Na=_(Ha,[["render",ja]]);let O=R.props;O.fields.required=!1;const za={components:{Table:R,Input:j},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 i=t.getMonth()+1,l=t.getDate();l<10&&(l="0"+l),i<10&&(i="0"+i),t=l+"/"+i+"/"+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},...O,title:{type:String,required:!1},method:{type:String,required:!1,default:"post"},action:{type:String,required:!1}}},Da={class:"container note-feed mb-2"},Va=["innerHTML"],Fa=["action","method"],Pa=["value"],Oa=n.createElementVNode("button",{class:"btn btn-tertiary"},"Submit note",-1);function Ia(a,e,t,r,i,l){const o=n.resolveComponent("Table"),s=n.resolveComponent("Input");return n.openBlock(),n.createElementBlock("div",Da,[t.title?(n.openBlock(),n.createElementBlock("span",{key:0,class:"h3",innerHTML:t.title},null,8,Va)):n.createCommentVNode("",!0),n.createVNode(o,n.mergeProps({fields:[{key:"date_added"},{key:"user"},{key:"note"}],items:i.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(c=>l.submitForm(...arguments),["prevent"]))},[n.createElementVNode("input",{type:"hidden",value:t.user,name:"user"},null,8,Pa),n.createVNode(s,{id:"addNote",type:"textarea",label:"Add note",required:"",class:"mw-100"}),Oa],40,Fa)])}const Ua=_(za,[["render",Ia]]);/*!
|
|
17
|
+
* iamKey v5.4.2-beta3
|
|
18
18
|
* Copyright 2022-2024 iamproperty
|
|
19
|
-
*/function
|
|
19
|
+
*/function Wa(a,e){function t(r,i){let l=!1,o=i.getAttribute("name");o.includes("[]")&&(o=o.replace("[]",`[${i.value}]`));let s=r.querySelector(`[data-name="${o}"]`);s&&i.getAttribute("type")=="checkbox"&&(l=!i.checked);let c=i.getAttribute("data-filter-text");if(s||(s=document.createElement("button"),r.appendChild(s)),s.setAttribute("type","button"),s.classList.add("filter"),s.setAttribute("data-name",o),s.innerHTML=c.replace("$value",i.value),(!i.value||l)&&s.remove(),i.parentNode.closest("[data-filter-text]")){let d=i.parentNode.closest("[data-filter-text]"),u=!0;if(o="",d.querySelectorAll("input").forEach((m,p)=>{let b=m.getAttribute("name");if(o+=`${p!=0?",":""}${b}`,r.querySelector(`[data-name="${b}"]`)&&r.querySelector(`[data-name="${b}"]`).remove(),m.value){let h=document.createElement("button");h.setAttribute("type","button"),h.classList.add("filter"),h.setAttribute("data-name",b),h.innerHTML=c.replace("$value",m.value),r.appendChild(h)}else u=!1}),r.querySelector(`[data-name="${o}"]`)&&r.querySelector(`[data-name="${o}"]`).remove(),u){let m=d.getAttribute("data-filter-text");d.querySelectorAll("input").forEach((b,h)=>{let g=b.getAttribute("name");r.querySelector(`[data-name="${g}"]`)&&r.querySelector(`[data-name="${g}"]`).remove(),m=m.replace(`$${h+1}`,b.value)});let p=document.createElement("button");p.setAttribute("type","button"),p.classList.add("filter"),p.setAttribute("data-name",o),p.innerHTML=m,r.appendChild(p)}}}Array.from(a.querySelectorAll('input[type="checkbox"]:checked')).forEach((r,i)=>{t(e,r)}),Array.from(a.querySelectorAll("input[data-filter-text]")).forEach((r,i)=>{r.addEventListener("change",function(l){t(e,r),l.stopPropagation()})}),a.addEventListener("change",function(r){if(r&&r.target instanceof HTMLElement&&r.target.closest("input[data-filter-text]")){let i=r.target.closest("input[data-filter-text]");t(e,i)}}),e.addEventListener("click",function(r){if(r&&r.target instanceof HTMLElement&&r.target.closest(".filter")){let o=r.target.closest(".filter"),s=o.getAttribute("data-name").split(",");for(var i=0;i<s.length;i++){let c=s[i],d=`[name="${c}"]`;c.match(/\[(.*)\]/)&&(c.replace(/\[(.*)\]/,"[]"),d=`[value="${c.replace(/.*\[(.*)\]/,"$1")}"]`);let u=a.querySelectorAll(d);for(var l=0;l<u.length;l++){let m=u[l];if(m.getAttribute("type")!="radio"&&m.getAttribute("type")!="checkbox")m.value="";else{m.checked=!1;var r=new Event("force");a.hasAttribute("data-nosubmit")||m.closest("form").dispatchEvent(r)}}}o.remove()}},!1)}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Applied Filters"});let Ga=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`;let r=this.classList.toString();const i=document.createElement("template");i.innerHTML=`
|
|
20
20
|
<style>
|
|
21
21
|
@import "${t}";
|
|
22
22
|
.applied-filters:not(.applied-filters--compact):not(:empty):before{content:"Applied filters";font-weight:bold;font-size:1.125rem;line-height:1.375rem;color:var(--colour-header);margin-bottom:1rem;display:block}.applied-filters:not(:empty){margin-bottom:1rem}::slotted(*:last-child){margin-bottom:0}.applied-filters .filter{border:1px solid var(--colour-border);padding:1rem 1.5rem 1rem 1.5rem;background:rgba(0,0,0,0);margin-right:.5rem !important;margin-bottom:.5rem !important;line-height:1.5rem;white-space:nowrap}.applied-filters .filter:after{content:"";display:inline-block;height:1.25rem;width:1.25rem;padding:0;margin-left:1.5rem;margin-bottom:-0.25rem;border:none;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-close);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-close);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}.applied-filters--compact .filter{background-color:var(--colour-light);border:none;padding:0.625rem;line-height:1rem;border-radius:0.3125rem}.applied-filters--compact .filter:after{margin-left:0.625rem;height:1rem;width:1rem;margin-bottom:-0.1rem}/*# sourceMappingURL=assets/css/components/applied-filters.css.map */
|
|
@@ -25,10 +25,10 @@
|
|
|
25
25
|
</style>
|
|
26
26
|
<div class="applied-filters ${r}"></div>
|
|
27
27
|
<slot></slot>
|
|
28
|
-
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){
|
|
29
|
-
* iamKey v5.4.2-
|
|
28
|
+
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){Wa(this,this.shadowRoot.querySelector(".applied-filters"))}};window.customElements.get("iam-applied-filters")||window.customElements.define("iam-applied-filters",Ga);const Xa={name:"Header"};function Ka(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("iam-applied-filters",null,[n.renderSlot(a.$slots,"default")])}const Ya=_(Xa,[["render",Ka]]);/*!
|
|
29
|
+
* iamKey v5.4.2-beta3
|
|
30
30
|
* Copyright 2022-2024 iamproperty
|
|
31
|
-
*/function
|
|
31
|
+
*/function Ja(a,e){Qa(a,e)}function Qa(a,e){var t;e.addEventListener("keyup",r=>{clearTimeout(t),t=setTimeout(function(){I(a,e.value)},500)}),e.addEventListener("change",r=>{clearTimeout(t),I(a,e.value)})}const I=function(a,e){Array.from(a.querySelectorAll(":scope > li")).forEach((t,r)=>{let i=t.textContent.toLowerCase();t.classList.add("d-none"),i.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 Za 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=`
|
|
32
32
|
<style>
|
|
33
33
|
@import "${t}";
|
|
34
34
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
<div class="list__wrapper">
|
|
56
56
|
<slot></slot>
|
|
57
57
|
</div>
|
|
58
|
-
`,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>'),
|
|
58
|
+
`,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>'),Ja(this.querySelector("ul"),this.shadowRoot.querySelector("#search"))}}window.customElements.get("iam-filterlist")||window.customElements.define("iam-filterlist",Za);const to={name:"Filter list"};function eo(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("iam-filterlist",null,[n.renderSlot(a.$slots,"default")])}const ao=_(to,[["render",eo]]);function oo(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(),N(a))},!1),a.hasAttribute("data-timeout")){let t=a.getAttribute("data-timeout");var e=new ro(function(){N(a)},t);a.addEventListener("mouseenter",r=>{e.pause()}),a.addEventListener("mouseleave",r=>{e.resume()})}}function ro(a,e){var t,r,i=e;this.pause=function(){window.clearTimeout(t),i-=new Date-r},this.resume=function(){r=new Date,window.clearTimeout(t),t=window.setTimeout(a,i)},this.resume()}const N=function(a){a.classList.add("d-none")};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Notification"});class no 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";`,i=`@import "${e}/css/components/notification.global.css";`,l=this.querySelectorAll("a,button");Array.from(l).forEach((s,c)=>{s.setAttribute("slot","btns"),s.classList.add("link")}),(l.length||this.hasAttribute("data-dismiss"))&&this.classList.add("notification--dismissable");const o=document.createElement("template");o.innerHTML=`
|
|
59
59
|
<style>
|
|
60
60
|
@import "${t}";
|
|
61
61
|
${r}
|
|
@@ -67,8 +67,8 @@
|
|
|
67
67
|
<div class="notification__inner"><div class="notification__text"><slot></slot></div>${l.length?'<div class="notification__btns"><slot name="btns"></slot></div>':""}</div>
|
|
68
68
|
${this.hasAttribute("data-dismiss")?'<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>':""}
|
|
69
69
|
</div>
|
|
70
|
-
`,this.shadowRoot.appendChild(o.content.cloneNode(!0)),document.getElementById("notificationHolder")||document.head.insertAdjacentHTML("beforeend",`<style id="notificationHolder">${i}</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>'}
|
|
71
|
-
* iamKey v5.4.2-
|
|
70
|
+
`,this.shadowRoot.appendChild(o.content.cloneNode(!0)),document.getElementById("notificationHolder")||document.head.insertAdjacentHTML("beforeend",`<style id="notificationHolder">${i}</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>'}oo(r),e&&e.addEventListener("click",function(i){N(r)},!1)}}const io={name:"Notification",props:{},created(){this.$nextTick(function(){window.customElements.get("iam-notification")||window.customElements.define("iam-notification",no)})}};function so(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("iam-notification",null,[n.renderSlot(a.$slots,"default")])}const lo=_(io,[["render",so]]),co={name:"Actionbar",props:{},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>mr).then(a=>{window.customElements.get("iam-actionbar")||window.customElements.define("iam-actionbar",a.default)}).catch(a=>{console.log(a.message)})})}};function mo(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("iam-actionbar",null,[n.renderSlot(a.$slots,"default")])}const uo=_(co,[["render",mo]]);/*!
|
|
71
|
+
* iamKey v5.4.2-beta3
|
|
72
72
|
* Copyright 2022-2024 iamproperty
|
|
73
73
|
*/let U=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=`
|
|
74
74
|
<style>
|
|
@@ -108,13 +108,13 @@
|
|
|
108
108
|
<button class="load-more btn btn-primary m-auto">Load more</a>
|
|
109
109
|
</div>
|
|
110
110
|
</div>
|
|
111
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){const e=new URLSearchParams(window.location.search);this.hasAttribute("data-total")||this.setAttribute("data-total",15),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"));const t=this.shadowRoot.querySelector(".page-jump select"),r=this.shadowRoot.querySelector(".prev"),i=this.shadowRoot.querySelector(".next"),l=this.shadowRoot.querySelector(".per-page select"),o=this.shadowRoot.querySelector(".load-more");this.setup(),t.addEventListener("change",
|
|
112
|
-
<option value="${
|
|
113
|
-
<option value="${
|
|
114
|
-
<option value="${
|
|
115
|
-
* iamKey v5.4.2-
|
|
111
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){const e=new URLSearchParams(window.location.search);this.hasAttribute("data-total")||this.setAttribute("data-total",15),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"));const t=this.shadowRoot.querySelector(".page-jump select"),r=this.shadowRoot.querySelector(".prev"),i=this.shadowRoot.querySelector(".next"),l=this.shadowRoot.querySelector(".per-page select"),o=this.shadowRoot.querySelector(".load-more");this.setup(),t.addEventListener("change",s=>{this.setAttribute("data-show",this.getAttribute("data-increment")),this.setAttribute("data-page",s.target.value)}),i.addEventListener("click",s=>{t.value=parseInt(t.value)+1,t.dispatchEvent(new Event("change"))}),r.addEventListener("click",s=>{t.value=parseInt(t.value)-1,t.dispatchEvent(new Event("change"))}),l.addEventListener("change",s=>{this.setAttribute("data-increment",s.target.value)}),o.addEventListener("click",s=>{let c=parseInt(this.getAttribute("data-show"))+parseInt(this.getAttribute("data-increment"));this.setAttribute("data-show",c),c>parseInt(this.getAttribute("data-total"))&&o.remove()})}setup(){const e=this.shadowRoot.querySelector(".pagination"),t=this.shadowRoot.querySelector(".page-jump select"),r=this.shadowRoot.querySelector(".prev"),i=this.shadowRoot.querySelector(".next"),l=this.shadowRoot.querySelector(".item-count"),o=this.shadowRoot.querySelector(".per-page select"),s=this.shadowRoot.querySelector(".total-pages"),c=parseInt(this.getAttribute("data-page")),d=parseInt(this.getAttribute("data-total")),u=parseInt(this.getAttribute("data-show")),m=parseInt(this.getAttribute("data-increment")),p=Math.ceil(d/m);d>u&&e.classList.remove("d-none");let b="";for(let v=1;v<=p;v++)b+=`<option value="${v}" ${v==c?"selected":""}>${v}</option>`;t.innerHTML=b,s.innerHTML=`of ${p}`,c==p?i.setAttribute("disabled","disabled"):i.removeAttribute("disabled"),c==1?r.setAttribute("disabled","disabled"):r.removeAttribute("disabled");let h=c==1?1:(c-1)*u+1,g=c==1?u:c*u;l.innerHTML=`${h} - ${g>d?d:g} of ${d} items`;const y=[15,25,40,50];m&&o.value!=m&&!y.includes(m)&&(o.innerHTML=`<option value="${m}">${m}</option>
|
|
112
|
+
<option value="${m*2}">${m*2}</option>
|
|
113
|
+
<option value="${m*3}">${m*3}</option>
|
|
114
|
+
<option value="${m*4}">${m*4}</option>`),o.value=m}static get observedAttributes(){return["data-total","data-increment","data-page","data-show"]}attributeChangedCallback(e,t,r){switch(e){case"data-total":{t!=r&&(this.setAttribute("data-page",1),this.setup());break}case"data-show":{t!=r&&(this.setAttribute("data-page",1),this.setup(),this.dispatchEvent(new CustomEvent("update-show",{detail:{show:r}})));break}case"data-increment":{t!=r&&(this.setAttribute("data-show",r),this.setAttribute("data-page",1),this.setup(),this.dispatchEvent(new CustomEvent("update-show",{detail:{show:r}})));break}case"data-page":{t&&t!=r&&(this.setup(),this.dispatchEvent(new CustomEvent("update-page",{detail:{page:r}})));break}}}};const po=Object.freeze(Object.defineProperty({__proto__:null,default:U},Symbol.toStringTag,{value:"Module"})),ho={name:"Pagination",props:{},computed:{},created(){this.$nextTick(function(){window.customElements.get("iam-pagination")||window.customElements.define("iam-pagination",U)})},updated(){}};function bo(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("iam-pagination")}const go=_(ho,[["render",bo]]),fo={name:"Address Lookup",mounted(){this.$nextTick(function(){M(Object.assign({"../../../assets/js/components/address-lookup/address-lookup.component.js":()=>Promise.resolve().then(()=>hr),"../../../assets/js/components/address-lookup/address-lookup.component.min.js":()=>Promise.resolve().then(()=>gr)}),"../../../assets/js/components/address-lookup/address-lookup.component.js").then(a=>{window.customElements.get("iam-address-lookup")||window.customElements.define("iam-address-lookup",a.default)}).catch(a=>{console.log(a.message)})})}};function yo(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("iam-address-lookup",null,[n.renderSlot(a.$slots,"default")])}const vo=_(fo,[["render",yo]]);/*!
|
|
115
|
+
* iamKey v5.4.2-beta3
|
|
116
116
|
* Copyright 2022-2024 iamproperty
|
|
117
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"collapsible side menu"});class
|
|
117
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"collapsible side menu"});let wo=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=`
|
|
118
118
|
<style class="styles">
|
|
119
119
|
@import "${t}";
|
|
120
120
|
:host{--colour-border: #e9e9e9;--side-link-hover: var(--colour-canvas-2);display:block;min-height:calc(100vh - var(--nav-height));padding-top:0 !important;margin-inline:auto;max-width:80rem;overflow:hidden;position:relative}@media screen and (prefers-color-scheme: light){:host{--side-link-hover: #eeeeee}}.container{position:static;min-height:100%;padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}@media screen and (min-width: 62em){.container{padding-left:5.25rem !important;overflow:hidden}}.side-menu{position:absolute;top:0;left:0;height:100%;min-height:calc(100vh - var(--nav-height));width:1.875rem;height:100%;background-color:var(--colour-canvas);transition:width 1s}.side-menu:before{content:"";position:absolute;top:0;right:0;height:100%;border-right:2px solid var(--colour-border)}@media screen and (min-width: 36em){.side-menu{left:0;width:2.5rem}}@media screen and (min-width: 62em){.side-menu{left:calc(50% - 34.75rem);margin-left:-5.25rem}.side-menu:after{content:"";position:absolute;top:0;height:100%;border-right:2px solid var(--colour-border);left:0;opacity:1;transition:all 1s;width:2.5rem;background:var(--colour-canvas)}.side-menu:not(.open).hover{width:21.5rem}.side-menu:not(.open).hover .btn[class*=fa-]:before{content:"" !important}}.side-menu .btn{position:absolute;top:2rem;right:0;margin-bottom:0;margin-right:-1.25rem;background-color:var(--colour-canvas-2);border:2px solid var(--colour-border);z-index:99}.side-menu .btn[aria-expanded][class*=fa-]:before{content:"" !important}@media screen and (min-width: 62em){.side-menu .btn[aria-expanded]{opacity:0;transition:opacity .5s}.side-menu .btn[aria-expanded]:is(:hover,:focus,:active){opacity:1}}.side-menu:is(.open){width:calc(100% - var(--container-padding-x))}@media screen and (min-width: 36em){.side-menu:is(.open){width:23.875rem}}@media screen and (min-width: 62em){.side-menu:is(.open){width:21.5rem}}.side-menu .side-menu-content{position:absolute;top:0;right:0;padding:2rem 2.5rem 0 0;width:21.9375rem;opacity:0;transition:opacity 1s;min-height:100%;overflow:auto;max-height:100%}.side-menu .side-menu-content .h3{padding-left:1.5rem}@media screen and (min-width: 36em){.side-menu .side-menu-content{width:23.875rem}.side-menu .side-menu-content .h3{padding-left:2.5rem}}@media screen and (min-width: 62em){.side-menu .side-menu-content{width:19rem}}.side-menu:not(.hover):not(.open) .side-menu-content.closed{display:none}.side-menu.open .side-menu-content{opacity:1}@media screen and (min-width: 62em){.side-menu.hover .side-menu-content{opacity:1}}::slotted(*[slot=menu]){padding-left:1.5rem}@media screen and (min-width: 36em){::slotted(*[slot=menu]){padding-left:2.5rem !important}}::slotted(hr){border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important}::slotted(a[slot=menu]){display:block;display:block !important;line-height:1.25rem !important;padding:1rem 2.5rem 1rem 1.5rem !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important;text-decoration:none;border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important;border-right:2px solid var(--colour-border) !important}@media screen and (min-width: 36em){::slotted(a[slot=menu]){padding-left:2.5rem !important}}::slotted(a[slot=menu]):after{display:none}::slotted(a[slot=menu]:where(:hover,:focus,[aria-expanded])){background-color:var(--side-link-hover) !important}::slotted(a[slot=menu]:active){background-color:var(--side-link-hover) !important;font-weight:bold !important}::slotted(a[slot=menu][aria-expanded]){background-color:var(--side-link-hover) !important;font-weight:bold !important;margin-right:-2.5rem !important;position:relative;border-right:2px solid var(--colour-info) !important}::slotted(a[slot=menu][aria-expanded]):before{content:"";position:absolute;top:0;right:0;height:calc(100% + 4px);margin-top:-2px;width:2px;border-right:2px solid var(--colour-info);margin-right:-2px}@media(forced-colors: active){::slotted(a[slot=menu][aria-expanded]):before{border-right:10px solid var(--colour-info)}}.main-content{padding-top:1.5rem;padding-left:3.75rem}@media screen and (min-width: 36em){.main-content{padding-left:5rem}}@media screen and (min-width: 62em){.main-content{padding-top:2.5rem !important;padding-left:0}}.main-content>span.h3{padding-top:.75rem;border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important}@media screen and (min-width: 62em){.main-content>span.h3{display:none}}::slotted(.main-content__title){border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important;max-width:100% !important;display:block}@media screen and (min-width: 62em){.side-menu.open+.main-content{padding-left:18.75rem}::slotted(.main-content__title){display:none}}/*# sourceMappingURL=assets/css/components/collapsible-side.css.map */
|
|
@@ -136,11 +136,11 @@
|
|
|
136
136
|
</div>
|
|
137
137
|
|
|
138
138
|
</div>
|
|
139
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){const e=this.shadowRoot.querySelector(".side-menu"),t=this.shadowRoot.querySelector(".side-menu-content"),r=this.shadowRoot.querySelector(".main-content"),i=this.shadowRoot.querySelector(".side-menu > .btn");this.hasAttribute("data-css")&&this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`),this.hasAttribute("data-title")||this.setAttribute("data-title","configuration"),t.insertAdjacentHTML("afterbegin",`<span class="h3">${this.getAttribute("data-title")}</span>`),r.insertAdjacentHTML("afterbegin",`<span class="h3">${this.getAttribute("data-title")}</span>`),this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)")&&(this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("h4"),this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("main-content__title")),i.addEventListener("click",l=>{e.classList.contains("open")?(e.classList.remove("open"),i.removeAttribute("aria-expanded"),setTimeout(function(){t.classList.add("closed")},1e3),e.classList.add("pe-none"),setTimeout(function(){e.classList.remove("pe-none")},1e3)):(t.classList.remove("closed"),setTimeout(function(){e.classList.add("open"),i.setAttribute("aria-expanded",!0)},100))}),e.addEventListener("mouseenter",l=>{window.innerWidth>992&&(e.classList.contains("open")||t.classList.remove("closed"),e.classList.add("hover"))}),e.addEventListener("mousemove",l=>{window.innerWidth>992&&(e.classList.contains("open")||t.classList.remove("closed"))}),e.addEventListener("mouseleave",l=>{window.innerWidth>992&&(e.classList.remove("hover"),e.classList.contains("open")||setTimeout(function(){t.classList.add("closed")},1e3))})}}window.customElements.get("iam-collapsible-side")||window.customElements.define("iam-collapsible-side",
|
|
140
|
-
* iamKey v5.4.2-
|
|
139
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){const e=this.shadowRoot.querySelector(".side-menu"),t=this.shadowRoot.querySelector(".side-menu-content"),r=this.shadowRoot.querySelector(".main-content"),i=this.shadowRoot.querySelector(".side-menu > .btn");this.hasAttribute("data-css")&&this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`),this.hasAttribute("data-title")||this.setAttribute("data-title","configuration"),t.insertAdjacentHTML("afterbegin",`<span class="h3">${this.getAttribute("data-title")}</span>`),r.insertAdjacentHTML("afterbegin",`<span class="h3">${this.getAttribute("data-title")}</span>`),this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)")&&(this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("h4"),this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("main-content__title")),i.addEventListener("click",l=>{e.classList.contains("open")?(e.classList.remove("open"),i.removeAttribute("aria-expanded"),setTimeout(function(){t.classList.add("closed")},1e3),e.classList.add("pe-none"),setTimeout(function(){e.classList.remove("pe-none")},1e3)):(t.classList.remove("closed"),setTimeout(function(){e.classList.add("open"),i.setAttribute("aria-expanded",!0)},100))}),e.addEventListener("mouseenter",l=>{window.innerWidth>992&&(e.classList.contains("open")||t.classList.remove("closed"),e.classList.add("hover"))}),e.addEventListener("mousemove",l=>{window.innerWidth>992&&(e.classList.contains("open")||t.classList.remove("closed"))}),e.addEventListener("mouseleave",l=>{window.innerWidth>992&&(e.classList.remove("hover"),e.classList.contains("open")||setTimeout(function(){t.classList.add("closed")},1e3))})}};window.customElements.get("iam-collapsible-side")||window.customElements.define("iam-collapsible-side",wo);const ko={name:"CollapsibleSideMenu",props:{},mounted(){}};function _o(a,e,t,r,i,l){return n.openBlock(),n.createElementBlock("iam-collapsible-side",null,[n.renderSlot(a.$slots,"default")])}const Ao=_(ko,[["render",_o]]);/*!
|
|
140
|
+
* iamKey v5.4.2-beta3
|
|
141
141
|
* Copyright 2022-2024 iamproperty
|
|
142
|
-
*/const Eo=function(a){return typeof a!="string"?!1:!isNaN(a)&&!isNaN(parseFloat(a))},qo=(a,e)=>String(a).padStart(e,"0"),$o=a=>a.charAt(0).toUpperCase()+a.slice(1),q=(a,e,t)=>e.split(/[\.\[\]\'\"]/).filter(r=>r).reduce((r,i)=>r?r[i]:t,a);var To=function(a,e,t,r){function i(l){return l instanceof t?l:new t(function(o){o(l)})}return new(t||(t=Promise))(function(l,o){function n(p){try{c(r.next(p))}catch(u){o(u)}}function d(p){try{c(r.throw(p))}catch(u){o(u)}}function c(p){p.done?l(p.value):i(p.value).then(n,d)}c((r=r.apply(a,e||[])).next())})};const W=a=>{const e=Array.from(a.querySelectorAll("thead th"));Array.from(a.querySelectorAll("tbody tr")).forEach((t,r)=>{const i=Array.from(t.querySelectorAll("th, td")),l=["0","low","medium","high","unknown","n/a","pending","verified","due","overdue","incomplete","complete","completed","approval required","upcoming","requires approval","to do","on track","not started","warning","error"];i.forEach((o,n)=>{const d=e[n];if(typeof d<"u"){let c=document.createElement("div");c.innerHTML=d.innerHTML;let p=c.textContent||c.innerText||"";o.setAttribute("data-label",p),d.hasAttribute("data-td-class")&&o.setAttribute("class",d.getAttribute("data-td-class")),d.hasAttribute("data-format")&&(o.setAttribute("data-format",d.getAttribute("data-format")),o.innerHTML=D(d.getAttribute("data-format"),o.textContent.trim())),l.includes(o.textContent.trim().toLowerCase())&&o.setAttribute("data-content",o.textContent.trim().toLowerCase())}})})},Mo=a=>{let e=0;return Array.from(a.querySelectorAll("tbody tr")).forEach((t,r)=>{let i=window.getComputedStyle(document.querySelector("html")),l=t.querySelector(":scope > *:last-child > *:first-child");if(l){l.classList.add("text-nowrap");let o=l.offsetWidth/parseFloat(i.fontSize);o+=1.7,e=e>o?e:o}}),e},Co=(a,e)=>{if(e.classList.contains("table--fullwidth")&&!e.hasAttribute("data-expandable")||a.querySelectorAll("thead tr th").length<4&&!e.hasAttribute("data-expandable"))return!1;Array.from(a.querySelectorAll("thead tr")).forEach((t,r)=>{a.querySelectorAll("thead tr th.expand-button-heading").length||t.insertAdjacentHTML("afterbegin",'<th class="th--fixed expand-button-heading"></th>')}),Array.from(a.querySelectorAll("tbody tr")).forEach((t,r)=>{const i=t.getAttribute("data-view")==="full"?"aria-expanded":"";t.insertAdjacentHTML("afterbegin",`<td class="td--fixed td--expand"><button class="btn btn-compact btn-secondary" data-expand-button ${i}>Expand</button></td>`)})},Ho=a=>{a.addEventListener("click",e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest("[data-expand-button]")){let t=e.target.closest("[data-expand-button]"),r=t.closest("tr");t.toggleAttribute("aria-expanded"),r.getAttribute("data-view")=="full"?r.setAttribute("data-view","default"):r.setAttribute("data-view","full"),t.blur()}})},G=(a,e)=>{let t=e.querySelector("[data-search]");if(!t)return!1;const r=t.getAttribute("id"),i=t.getAttribute("data-search").split(",");let l=t.parentNode,o={};i.forEach((n,d)=>{Array.from(a.querySelectorAll('td[data-label="'+n.trim()+'"]')).forEach((c,p)=>{c.querySelector(".td__content")?o[c.querySelector(".td__content").textContent]=c.querySelector(".td__content").textContent:o[c.textContent]=c.textContent})}),t.setAttribute("list",`${r}_list`),t.setAttribute("autocomplete","off"),l.querySelector("datalist")||(l.innerHTML+=`<datalist id="${r}_list"></datalist>`),l.querySelector("datalist").innerHTML=`${Object.keys(o).map(n=>`<option value="${n}"></option>`).join("")}`},Ro=(a,e,t,r,i)=>{var l;let o=function(c,p=!1){if(e.classList.contains("processing"))return!1;if(c.type=="submit"&&(e.classList.add("processing"),Array.from(e.querySelectorAll("[data-duplicate]")).forEach((u,m)=>{const b=u.getAttribute("data-duplicate"),h=document.getElementById(b),f=document.querySelector(`[for="${b}"] iam-card`);if(h.checked!=u.checked)if(f){let y=new Event("click");f.dispatchEvent(y)}else h.checked=u.checked}),e.classList.remove("processing")),e.hasAttribute("data-ajax")){if(!p){let u=e.querySelector("[data-pagination]");u.value=1,r.setAttribute("data-page",1)}J(a,e,t,r)}else e.hasAttribute("data-submit")?e.submit():(z(a,e,r),C(a,e));if(e.hasAttribute("data-ajax-post")){let u=new FormData(e),m=new URLSearchParams(u).toString();const b=new XMLHttpRequest;b.open("GET",`${window.location.href}?ajax=true&${m}`),b.send()}};e.addEventListener("keyup",c=>{clearTimeout(l),c&&c.target instanceof HTMLElement&&c.target.closest("[data-search]")&&(l=setTimeout(function(){o(c)},500))}),e.addEventListener("change",c=>{clearTimeout(l),c&&c.target instanceof HTMLElement&&c.target.closest("[data-sort]")&&(e.hasAttribute("data-submit")||Y(a,e,i),o(c)),c&&c.target instanceof HTMLElement&&c.target.closest("[data-search]")&&o(c),c&&c.target instanceof HTMLElement&&c.target.closest("[data-filter][data-no-ajax]")?(z(a,e,r),C(a,e)):(c&&c.target instanceof HTMLElement&&c.target.closest("[data-filter]")&&c.target.closest("form .dialog__wrapper > dialog")||c&&c.target instanceof HTMLElement&&c.target.closest("[data-filter]")&&!c.target.closest("form dialog"))&&o(c),c&&c.target instanceof HTMLElement&&c.target.closest("[data-show]")&&o(c),c&&c.target instanceof HTMLElement&&c.target.closest("[data-mimic]")&&o(c)}),e.addEventListener("click",c=>{if(clearTimeout(l),c&&c.target instanceof HTMLElement&&c.target.closest('dialog button:not([type="button"])')&&c.target.closest('dialog button:not([type="button"])').closest("dialog").close(),c&&c.target instanceof HTMLElement&&c.target.closest(".dialog__close")&&(c.preventDefault(),c.stopPropagation()),c&&c.target instanceof HTMLElement&&c.target.closest("[data-clear]")){e.classList.add("processing"),Array.from(e.querySelectorAll(".applied-filters")).forEach((u,m)=>{u.innerHTML=""});let p=e.elements;for(let u=0;u<p.length;u++)switch(p[u].type.toLowerCase()?p[u].type.toLowerCase():"text"){case"text":case"password":case"textarea":p[u].value="";break;case"radio":case"checkbox":if(p[u].checked){let m=p[u],b=m.getAttribute("id"),h=document.querySelector(`[for="${b}"`);if(h.querySelector("iam-card")){let f=h.querySelector("iam-card"),y=new Event("click");f.dispatchEvent(y)}m.checked=!1}break;case"select-one":case"select-multi":p[u].selectedIndex=-1;break}e.classList.remove("processing"),e.hasAttribute("data-submit")||Y(a,e,i),o(c)}}),e.addEventListener("submit",c=>{clearTimeout(l),e.hasAttribute("data-submit")||c.preventDefault(),o(c)}),e.addEventListener("force",c=>{o(c)}),e.addEventListener("paginate",c=>{o(c,!0)});let n=[],d=[];Array.from(e.querySelectorAll("[data-mimic]")).forEach((c,p)=>{let u=c.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${u}"]`)).forEach((m,b)=>{let h=m.closest("form");n.includes(h)||n.push(h),d.includes(u)||d.push(u)})}),n.forEach((c,p)=>{const u=function(){let m=[],b=new FormData(c);for(const[h,f]of b)document.querySelector(`[data-mimic="${h}"]`)&&!m.includes(h)?(m.push(h),document.querySelector(`[data-mimic="${h}"]`).value=f):document.querySelector(`[data-mimic="${h}"]`)&&(document.querySelector(`[data-mimic="${h}"]`).value+=","+f);for(const h of m){const f=new Event("force");e.dispatchEvent(f)}for(const h of d)if(!b.has(h)&&c.querySelector(`[name="${h}"]`)){document.querySelector(`[data-mimic="${h}"]`).value="";const f=new Event("force");e.dispatchEvent(f)}};c.addEventListener("force",m=>{u()}),c.addEventListener("change",m=>{u()})})},Y=(a,e,t)=>{if(e.getAttribute("data-ajax"))return!1;let r=a.querySelector("tbody"),i=e.querySelector("[data-sort]"),l=i.querySelector(`option:nth-child(${i.selectedIndex+1})`),o=l.getAttribute("data-sort"),n=l.getAttribute("data-order"),d=l.getAttribute("data-format");if(!o)return r.innerHTML=t.innerHTML,W(a),!1;let c=[];["asc","desc","descending"].includes(n)||(c=n.split(","));let p=[];Array.from(r.querySelectorAll("tr")).forEach((m,b)=>{let h=m.querySelector('td[data-label="'+o+'"], th[data-label="'+o+'"]').textContent.trim();m.querySelector('[data-label="'+o+'"] .td__content')&&(h=m.querySelector('[data-label="'+o+'"] .td__content').textContent.trim()),c.length&&c.includes(h)&&(h=c.indexOf(h)),Eo(h)&&(h=qo(h,10)),d&&d=="date"&&(h=new Date(h));const f={index:h,row:m};p.push(f)}),p.sort((m,b)=>m.index>b.index?1:-1),(n=="descending"||n=="desc")&&(p=p.reverse());let u="";p.forEach((m,b)=>{u+=m.row.outerHTML}),r.innerHTML=u},z=(a,e,t)=>{a.classList.remove("table--filtered");let r=K(e),i=[],l=0,o=e.querySelector("[data-pagination]")?parseInt(e.querySelector("[data-pagination]").value):1,n=e.querySelector("[data-show]")?parseInt(e.querySelector("[data-show]").value):15;if(Array.from(a.querySelectorAll("tbody tr")).forEach((c,p)=>{c.classList.remove("filtered"),c.classList.remove("filtered--matched"),c.classList.remove("filtered--show"),c.removeAttribute("data-filtered-by")}),e.querySelector("[data-search]")){let c=e.querySelector("[data-search]");e.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((p,u)=>{i.push({column:`${p.trim()}`,value:`${c.value}`})})}Array.from(e.querySelectorAll("[data-filter-count]")).forEach((c,p)=>{c.innerHTML="",c.parentNode.classList.remove("hover")});let d=0;Object.values(r).forEach((c,p)=>{typeof c=="object"&&Object.values(c).length?d+=Object.values(c).length:d++}),d&&Array.from(e.querySelectorAll("[data-filter-count]")).forEach((c,p)=>{c.innerHTML+=`(${d})`,c.parentNode.classList.add("hover")}),a.classList.add("table--filtered");for(const[c,p]of Object.entries(r))Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((u,m)=>{let b=!1;p.forEach((h,f)=>{let y=u.querySelector(`[data-label="${c}"]`);if(h&&h=="$today")h=D("date",new Date);else if(h&&h=="$yesterday"){let _=new Date;_.setDate(_.getDate()-1),h=D("date",_)}else if(h&&(h=="$thisWeek"||h=="$lastWeek")){let _=new Date,x=new Date(_.setDate(_.getDate()-(_.getDay()-1))),w=new Date(_.setDate(_.getDate()-_.getDay()+7)),S=new Date(y.textContent.toLowerCase());if(_.setHours(0,0,0,0),x.setHours(0,0,0,0),w.setHours(0,0,0,0),S.setHours(0,0,0,0),h=="$thisWeek")b=S>=x&&S<=w;else{let E=new Date(x.setDate(x.getDate()-7)),M=new Date(w.setDate(w.getDate()-7));E.setHours(0,0,0,0),M.setHours(0,0,0,0),b=S>=E&&S<=M}}else if(h&&h=="$thisMonth"){let _=new Date,x=_.getFullYear(),w=_.getMonth();var v=new Date(x,w,1),g=new Date(x,w+1,0);let S=new Date(y.textContent.toLowerCase());v.setHours(0,0,0,0),g.setHours(0,0,0,0),S.setHours(0,0,0,0),b=S>=v&&S<=g}else if(h&&h=="$lastMonth"){let _=new Date,x=_.getFullYear(),w=_.getMonth();var $=new Date(x,w-1,1),L=new Date(x,w,0);let S=new Date(y.textContent.toLowerCase());$.setHours(0,0,0,0),L.setHours(0,0,0,0),S.setHours(0,0,0,0),b=S>=$&&S<=L}y&&y.textContent.toLowerCase().includes(h.toLowerCase())&&(b=!0)}),b||(u.classList.add("filtered"),u.setAttribute("data-filtered-by",c))});Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((c,p)=>{let u=!(i.length>0&&i[0].value.length>=3);i.forEach((m,b)=>{let h=c.querySelector(`[data-label="${m.column}"]`);h&&m.value.length>=3&&h.textContent.toLowerCase().includes(m.value.toLowerCase())&&(u=!0)}),u||c.classList.add("filtered")}),Array.from(a.querySelectorAll("tbody tr:not(.filtered")).forEach((c,p)=>{l++,c.classList.add("filtered--matched"),Math.ceil(l/n)==parseInt(o)&&c.classList.add("filtered--show")}),t&&(t.setAttribute("data-total",l),t.setAttribute("data-show",n),t.setAttribute("data-page",o))},C=(a,e,t)=>{Array.from(e.querySelectorAll("[data-query]")).forEach((r,i)=>{let l=r.getAttribute("data-query"),o=0;if(l=="total")t.hasAttribute("data-total")?o=t.getAttribute("data-total"):o=(a.classList.contains("table--filtered"),a.querySelectorAll("tbody tr").length);else if(!l.includes(" == ")&&l.includes(" & ")){let n=l.split(" & "),d="";n.forEach(c=>{d+=`:not([data-filtered-by="${c}"])`}),o=Array.from(a.querySelectorAll(`tbody tr${d}`)).length}else if(!l.includes(" == "))o=Array.from(a.querySelectorAll(`tbody tr:not([data-filtered-by="${l}"])`)).length;else if(l.includes(" && ")){let n=l.split(" && ");o=Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d){let c=!0;for(const[p,u]of Object.entries(n)){let m=u.split(" == ");(!d.querySelector(`td[data-label="${m[0]}"]`)||d.querySelector(`td[data-label="${m[0]}"]`).textContent!=`${m[1]}`)&&(c=!1)}return c}).length}else{let n=l.split(" == ");o=Array.from(a.querySelectorAll(`tbody tr.filtered--matched td[data-label="${n[0]}"], tbody tr[data-filtered-by="${n[0]}"] td[data-label="${n[0]}"]`)).filter(function(d){return d.textContent===n[1]}).length}r.hasAttribute("data-total")?r.setAttribute("data-total",o):r.innerHTML=o})},jo=function(a,e,t,r){t.addEventListener("update-page",i=>{let l=e.querySelector("[data-pagination]"),o=i.detail.page;if(l.value=o,e.dispatchEvent(new Event("paginate")),r.setAttribute("data-page",o),a.hasAttribute("data-show-history")){const n=new URL(location);n.searchParams.set("page",o),history.pushState({type:"pagination",form:e.getAttribute("id"),page:o},"",n)}if(!r.hasAttribute("data-no-scroll")){const n=a.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:n,behavior:"smooth"})}}),t.addEventListener("update-show",i=>{let l=e.querySelector("[data-show]"),o=i.detail.show;l.value=o,r.setAttribute("data-show",o),e.dispatchEvent(new Event("submit"))})},Bo=(a,e)=>{if(!a)return!1;a.addEventListener("click",t=>{No(e)})},No=function(a){for(var e=[],t=a.getElementsByTagName("tr"),r=0;r<t.length;r++){for(var i=t[r].querySelectorAll("td,th"),l=[],o=0;o<i.length;o++)l.push(`"${i[o].textContent}"`);e.push(l.join(","))}e=e.join(`
|
|
143
|
-
`);let
|
|
142
|
+
*/const xo=function(a){return typeof a!="string"?!1:!isNaN(a)&&!isNaN(parseFloat(a))},Lo=(a,e)=>String(a).padStart(e,"0"),So=a=>a.charAt(0).toUpperCase()+a.slice(1),q=(a,e,t)=>e.split(/[\.\[\]\'\"]/).filter(r=>r).reduce((r,i)=>r?r[i]:t,a);var Eo=function(a,e,t,r){function i(l){return l instanceof t?l:new t(function(o){o(l)})}return new(t||(t=Promise))(function(l,o){function s(u){try{d(r.next(u))}catch(m){o(m)}}function c(u){try{d(r.throw(u))}catch(m){o(m)}}function d(u){u.done?l(u.value):i(u.value).then(s,c)}d((r=r.apply(a,e||[])).next())})};const W=a=>{const e=Array.from(a.querySelectorAll("thead th"));Array.from(a.querySelectorAll("tbody tr")).forEach((t,r)=>{const i=Array.from(t.querySelectorAll("th, td")),l=["0","low","medium","high","unknown","n/a","pending","verified","due","overdue","incomplete","complete","completed","approval required","upcoming","requires approval","to do","on track","not started","warning","error"];i.forEach((o,s)=>{const c=e[s];if(typeof c<"u"){let d=document.createElement("div");d.innerHTML=c.innerHTML;let u=d.textContent||d.innerText||"";o.setAttribute("data-label",u),c.hasAttribute("data-td-class")&&o.setAttribute("class",c.getAttribute("data-td-class")),c.hasAttribute("data-format")&&(o.setAttribute("data-format",c.getAttribute("data-format")),o.innerHTML=D(c.getAttribute("data-format"),o.textContent.trim())),l.includes(o.textContent.trim().toLowerCase())&&o.setAttribute("data-content",o.textContent.trim().toLowerCase())}})})},qo=a=>{let e=0;return Array.from(a.querySelectorAll("tbody tr")).forEach((t,r)=>{let i=window.getComputedStyle(document.querySelector("html")),l=t.querySelector(":scope > *:last-child > *:first-child");if(l){l.classList.add("text-nowrap");let o=l.offsetWidth/parseFloat(i.fontSize);o+=1.7,e=e>o?e:o}}),e},$o=(a,e)=>{if(e.classList.contains("table--fullwidth")&&!e.hasAttribute("data-expandable")||a.querySelectorAll("thead tr th").length<4&&!e.hasAttribute("data-expandable"))return!1;Array.from(a.querySelectorAll("thead tr")).forEach((t,r)=>{a.querySelectorAll("thead tr th.expand-button-heading").length||t.insertAdjacentHTML("afterbegin",'<th class="th--fixed expand-button-heading"></th>')}),Array.from(a.querySelectorAll("tbody tr")).forEach((t,r)=>{const i=t.getAttribute("data-view")==="full"?"aria-expanded":"";t.insertAdjacentHTML("afterbegin",`<td class="td--fixed td--expand"><button class="btn btn-compact btn-secondary" data-expand-button ${i}>Expand</button></td>`)})},To=a=>{a.addEventListener("click",e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest("[data-expand-button]")){let t=e.target.closest("[data-expand-button]"),r=t.closest("tr");t.toggleAttribute("aria-expanded"),r.getAttribute("data-view")=="full"?r.setAttribute("data-view","default"):r.setAttribute("data-view","full"),t.blur()}})},G=(a,e)=>{let t=e.querySelector("[data-search]");if(!t)return!1;const r=t.getAttribute("id"),i=t.getAttribute("data-search").split(",");let l=t.parentNode,o={};i.forEach((s,c)=>{Array.from(a.querySelectorAll('td[data-label="'+s.trim()+'"]')).forEach((d,u)=>{d.querySelector(".td__content")?o[d.querySelector(".td__content").textContent]=d.querySelector(".td__content").textContent:o[d.textContent]=d.textContent})}),t.setAttribute("list",`${r}_list`),t.setAttribute("autocomplete","off"),l.querySelector("datalist")||(l.innerHTML+=`<datalist id="${r}_list"></datalist>`),l.querySelector("datalist").innerHTML=`${Object.keys(o).map(s=>`<option value="${s}"></option>`).join("")}`},Mo=(a,e,t,r,i)=>{var l;let o=function(d,u=!1){if(e.classList.contains("processing"))return!1;if(d.type=="submit"&&(e.classList.add("processing"),Array.from(e.querySelectorAll("[data-duplicate]")).forEach((m,p)=>{const b=m.getAttribute("data-duplicate"),h=document.getElementById(b),g=document.querySelector(`[for="${b}"] iam-card`);if(h.checked!=m.checked)if(g){let y=new Event("click");g.dispatchEvent(y)}else h.checked=m.checked}),e.classList.remove("processing")),e.hasAttribute("data-ajax")){if(!u){let m=e.querySelector("[data-pagination]");m.value=1,r.setAttribute("data-page",1)}J(a,e,t,r)}else e.hasAttribute("data-submit")?e.submit():(z(a,e,r),C(a,e));if(e.hasAttribute("data-ajax-post")){let m=new FormData(e),p=new URLSearchParams(m).toString();const b=new XMLHttpRequest;b.open("GET",`${window.location.href}?ajax=true&${p}`),b.send()}};e.addEventListener("keyup",d=>{clearTimeout(l),d&&d.target instanceof HTMLElement&&d.target.closest("[data-search]")&&(l=setTimeout(function(){o(d)},500))}),e.addEventListener("change",d=>{clearTimeout(l),d&&d.target instanceof HTMLElement&&d.target.closest("[data-sort]")&&(e.hasAttribute("data-submit")||X(a,e,i),o(d)),d&&d.target instanceof HTMLElement&&d.target.closest("[data-search]")&&o(d),d&&d.target instanceof HTMLElement&&d.target.closest("[data-filter][data-no-ajax]")?(z(a,e,r),C(a,e)):(d&&d.target instanceof HTMLElement&&d.target.closest("[data-filter]")&&d.target.closest("form .dialog__wrapper > dialog")||d&&d.target instanceof HTMLElement&&d.target.closest("[data-filter]")&&!d.target.closest("form dialog"))&&o(d),d&&d.target instanceof HTMLElement&&d.target.closest("[data-show]")&&o(d),d&&d.target instanceof HTMLElement&&d.target.closest("[data-mimic]")&&o(d)}),e.addEventListener("click",d=>{if(clearTimeout(l),d&&d.target instanceof HTMLElement&&d.target.closest('dialog button:not([type="button"])')&&d.target.closest('dialog button:not([type="button"])').closest("dialog").close(),d&&d.target instanceof HTMLElement&&d.target.closest(".dialog__close")&&(d.preventDefault(),d.stopPropagation()),d&&d.target instanceof HTMLElement&&d.target.closest("[data-clear]")){e.classList.add("processing"),Array.from(e.querySelectorAll(".applied-filters")).forEach((m,p)=>{m.innerHTML=""});let u=e.elements;for(let m=0;m<u.length;m++)switch(u[m].type.toLowerCase()?u[m].type.toLowerCase():"text"){case"text":case"password":case"textarea":u[m].value="";break;case"radio":case"checkbox":if(u[m].checked){let p=u[m],b=p.getAttribute("id"),h=document.querySelector(`[for="${b}"`);if(h.querySelector("iam-card")){let g=h.querySelector("iam-card"),y=new Event("click");g.dispatchEvent(y)}p.checked=!1}break;case"select-one":case"select-multi":u[m].selectedIndex=-1;break}e.classList.remove("processing"),e.hasAttribute("data-submit")||X(a,e,i),o(d)}}),e.addEventListener("submit",d=>{clearTimeout(l),e.hasAttribute("data-submit")||d.preventDefault(),o(d)}),e.addEventListener("force",d=>{o(d)}),e.addEventListener("paginate",d=>{o(d,!0)});let s=[],c=[];Array.from(e.querySelectorAll("[data-mimic]")).forEach((d,u)=>{let m=d.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${m}"]`)).forEach((p,b)=>{let h=p.closest("form");s.includes(h)||s.push(h),c.includes(m)||c.push(m)})}),s.forEach((d,u)=>{const m=function(){let p=[],b=new FormData(d);for(const[h,g]of b)document.querySelector(`[data-mimic="${h}"]`)&&!p.includes(h)?(p.push(h),document.querySelector(`[data-mimic="${h}"]`).value=g):document.querySelector(`[data-mimic="${h}"]`)&&(document.querySelector(`[data-mimic="${h}"]`).value+=","+g);for(const h of p){const g=new Event("force");e.dispatchEvent(g)}for(const h of c)if(!b.has(h)&&d.querySelector(`[name="${h}"]`)){document.querySelector(`[data-mimic="${h}"]`).value="";const g=new Event("force");e.dispatchEvent(g)}};d.addEventListener("force",p=>{m()}),d.addEventListener("change",p=>{m()})})},X=(a,e,t)=>{if(e.getAttribute("data-ajax"))return!1;let r=a.querySelector("tbody"),i=e.querySelector("[data-sort]"),l=i.querySelector(`option:nth-child(${i.selectedIndex+1})`),o=l.getAttribute("data-sort"),s=l.getAttribute("data-order"),c=l.getAttribute("data-format");if(!o)return r.innerHTML=t.innerHTML,W(a),!1;let d=[];["asc","desc","descending"].includes(s)||(d=s.split(","));let u=[];Array.from(r.querySelectorAll("tr")).forEach((p,b)=>{let h=p.querySelector('td[data-label="'+o+'"], th[data-label="'+o+'"]').textContent.trim();p.querySelector('[data-label="'+o+'"] .td__content')&&(h=p.querySelector('[data-label="'+o+'"] .td__content').textContent.trim()),d.length&&d.includes(h)&&(h=d.indexOf(h)),xo(h)&&(h=Lo(h,10)),c&&c=="date"&&(h=new Date(h));const g={index:h,row:p};u.push(g)}),u.sort((p,b)=>p.index>b.index?1:-1),(s=="descending"||s=="desc")&&(u=u.reverse());let m="";u.forEach((p,b)=>{m+=p.row.outerHTML}),r.innerHTML=m},z=(a,e,t)=>{a.classList.remove("table--filtered");let r=Y(e),i=[],l=0,o=e.querySelector("[data-pagination]")?parseInt(e.querySelector("[data-pagination]").value):1,s=e.querySelector("[data-show]")?parseInt(e.querySelector("[data-show]").value):15;if(Array.from(a.querySelectorAll("tbody tr")).forEach((d,u)=>{d.classList.remove("filtered"),d.classList.remove("filtered--matched"),d.classList.remove("filtered--show"),d.removeAttribute("data-filtered-by")}),e.querySelector("[data-search]")){let d=e.querySelector("[data-search]");e.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((u,m)=>{i.push({column:`${u.trim()}`,value:`${d.value}`})})}Array.from(e.querySelectorAll("[data-filter-count]")).forEach((d,u)=>{d.innerHTML="",d.parentNode.classList.remove("hover")});let c=0;Object.values(r).forEach((d,u)=>{typeof d=="object"&&Object.values(d).length?c+=Object.values(d).length:c++}),c&&Array.from(e.querySelectorAll("[data-filter-count]")).forEach((d,u)=>{d.innerHTML+=`(${c})`,d.parentNode.classList.add("hover")}),a.classList.add("table--filtered");for(const[d,u]of Object.entries(r))Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((m,p)=>{let b=!1;u.forEach((h,g)=>{let y=m.querySelector(`[data-label="${d}"]`);if(h&&h=="$today")h=D("date",new Date);else if(h&&h=="$yesterday"){let A=new Date;A.setDate(A.getDate()-1),h=D("date",A)}else if(h&&(h=="$thisWeek"||h=="$lastWeek")){let A=new Date,x=new Date(A.setDate(A.getDate()-(A.getDay()-1))),w=new Date(A.setDate(A.getDate()-A.getDay()+7)),S=new Date(y.textContent.toLowerCase());if(A.setHours(0,0,0,0),x.setHours(0,0,0,0),w.setHours(0,0,0,0),S.setHours(0,0,0,0),h=="$thisWeek")b=S>=x&&S<=w;else{let E=new Date(x.setDate(x.getDate()-7)),T=new Date(w.setDate(w.getDate()-7));E.setHours(0,0,0,0),T.setHours(0,0,0,0),b=S>=E&&S<=T}}else if(h&&h=="$thisMonth"){let A=new Date,x=A.getFullYear(),w=A.getMonth();var v=new Date(x,w,1),f=new Date(x,w+1,0);let S=new Date(y.textContent.toLowerCase());v.setHours(0,0,0,0),f.setHours(0,0,0,0),S.setHours(0,0,0,0),b=S>=v&&S<=f}else if(h&&h=="$lastMonth"){let A=new Date,x=A.getFullYear(),w=A.getMonth();var $=new Date(x,w-1,1),L=new Date(x,w,0);let S=new Date(y.textContent.toLowerCase());$.setHours(0,0,0,0),L.setHours(0,0,0,0),S.setHours(0,0,0,0),b=S>=$&&S<=L}y&&y.textContent.toLowerCase().includes(h.toLowerCase())&&(b=!0)}),b||(m.classList.add("filtered"),m.setAttribute("data-filtered-by",d))});Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((d,u)=>{let m=!(i.length>0&&i[0].value.length>=3);i.forEach((p,b)=>{let h=d.querySelector(`[data-label="${p.column}"]`);h&&p.value.length>=3&&h.textContent.toLowerCase().includes(p.value.toLowerCase())&&(m=!0)}),m||d.classList.add("filtered")}),Array.from(a.querySelectorAll("tbody tr:not(.filtered")).forEach((d,u)=>{l++,d.classList.add("filtered--matched"),Math.ceil(l/s)==parseInt(o)&&d.classList.add("filtered--show")}),t&&(t.setAttribute("data-total",l),t.setAttribute("data-show",s),t.setAttribute("data-page",o))},C=(a,e,t)=>{Array.from(e.querySelectorAll("[data-query]")).forEach((r,i)=>{let l=r.getAttribute("data-query"),o=0;if(l=="total")t.hasAttribute("data-total")?o=t.getAttribute("data-total"):o=(a.classList.contains("table--filtered"),a.querySelectorAll("tbody tr").length);else if(!l.includes(" == ")&&l.includes(" & ")){let s=l.split(" & "),c="";s.forEach(d=>{c+=`:not([data-filtered-by="${d}"])`}),o=Array.from(a.querySelectorAll(`tbody tr${c}`)).length}else if(!l.includes(" == "))o=Array.from(a.querySelectorAll(`tbody tr:not([data-filtered-by="${l}"])`)).length;else if(l.includes(" && ")){let s=l.split(" && ");o=Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).filter(function(c){let d=!0;for(const[u,m]of Object.entries(s)){let p=m.split(" == ");(!c.querySelector(`td[data-label="${p[0]}"]`)||c.querySelector(`td[data-label="${p[0]}"]`).textContent!=`${p[1]}`)&&(d=!1)}return d}).length}else{let s=l.split(" == ");o=Array.from(a.querySelectorAll(`tbody tr.filtered--matched td[data-label="${s[0]}"], tbody tr[data-filtered-by="${s[0]}"] td[data-label="${s[0]}"]`)).filter(function(c){return c.textContent===s[1]}).length}r.hasAttribute("data-total")?r.setAttribute("data-total",o):r.innerHTML=o})},Co=function(a,e,t,r){t.addEventListener("update-page",i=>{let l=e.querySelector("[data-pagination]"),o=i.detail.page;if(l.value=o,e.dispatchEvent(new Event("paginate")),r.setAttribute("data-page",o),a.hasAttribute("data-show-history")){const s=new URL(location);s.searchParams.set("page",o),history.pushState({type:"pagination",form:e.getAttribute("id"),page:o},"",s)}if(!r.hasAttribute("data-no-scroll")){const s=a.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:s,behavior:"smooth"})}}),t.addEventListener("update-show",i=>{let l=e.querySelector("[data-show]"),o=i.detail.show;l.value=o,r.setAttribute("data-show",o),e.dispatchEvent(new Event("submit"))})},Ho=(a,e)=>{if(!a)return!1;a.addEventListener("click",t=>{Bo(e)})},Bo=function(a){for(var e=[],t=a.getElementsByTagName("tr"),r=0;r<t.length;r++){for(var i=t[r].querySelectorAll("td,th"),l=[],o=0;o<i.length;o++)l.push(`"${i[o].textContent}"`);e.push(l.join(","))}e=e.join(`
|
|
143
|
+
`);let s=new Blob([e],{type:"text/csv"});var c=document.createElement("a");c.download="export.csv";var d=window.URL.createObjectURL(s);c.href=d,c.style.display="none",document.body.appendChild(c),c.click(),document.body.removeChild(c)},K=function(a,e,t,r){if(W(a),$o(a,r),C(a,e,r),r&&r.classList.contains("table--cta")){let i=function(){Array.from(a.querySelectorAll("tr")).forEach((o,s)=>{let c=o.offsetHeight;o.style.setProperty("--row-height",`${c}px`)})};const l=qo(a);r.style.setProperty("--cta-width",`${l}rem`),new ResizeObserver(i).observe(a)}},Y=function(a){let e=new Object;return Array.from(a.querySelectorAll("[data-filter]")).forEach((t,r)=>{if(!(t.type=="radio"&&!t.checked)&&!(t.type=="checkbox"&&!t.checked)&&t&&t.value){let i=t.getAttribute("data-filter");e[i]||(e[i]=new Array),e[i].push(t.value)}}),e},J=function(a,e,t,r){return Eo(this,void 0,void 0,function*(){let i=new FormData(e),l=new URLSearchParams(i).toString(),o=a.querySelectorAll("thead tr th:not(.expand-button-heading)"),s=a.querySelector("tbody"),c=e.getAttribute("data-ajax");r.classList.add("table--loading");let d=Y(e);Array.from(e.querySelectorAll("[data-filter-count]")).forEach((p,b)=>{p.innerHTML="",p.parentNode.classList.remove("hover")});let u=0;Object.values(d).forEach((p,b)=>{typeof p=="object"&&Object.values(p).length?u+=Object.values(p).length:u++}),u&&Array.from(e.querySelectorAll("[data-filter-count]")).forEach((p,b)=>{p.innerHTML+=`(${u})`,p.parentNode.classList.add("hover")}),window.controller||(window.controller=[]),window.controller[c]&&window.controller[c].abort(),window.controller[c]=new AbortController;const{signal:m}=controller[c];t.setAttribute("data-loading","true"),e.classList.add("processing");try{yield fetch(c+"?"+l,{signal:m,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"})}).then(p=>p.json()).then(p=>{let b=e.hasAttribute("data-schema")?e.getAttribute("data-schema"):"data",h=e.hasAttribute("data-schema-total")?e.getAttribute("data-schema-total"):"meta.total",g=e.hasAttribute("data-schema-page")?e.getAttribute("data-schema-page"):"meta.current_page",y=q(p,h,15),v=q(p,g,1),f=q(p,b),$=r.hasAttribute("data-empty-msg")?r.getAttribute("data-empty-msg"):"No results found";f?(s.innerHTML="",f.forEach((L,A)=>{var x=document.createElement("tr");o.forEach((w,S)=>{let E="";var T=document.createElement("td");if(T.setAttribute("data-label",w.innerText),w.getAttribute("data-output")){var F=w.getAttribute("data-output");E=F.replace(new RegExp(/{(.*?)}/,"gm"),function(fr){return q(L,fr.replace("{","").replace("}",""))})}if(w.hasAttribute("data-output-array")){var F=w.getAttribute("data-output");let yr=q(L,F.replace("{","").replace("}",""));E="",yr.forEach((ot,$r)=>{let vr=w.getAttribute("data-output-array"),B="";if(w.hasAttribute("data-output-array-property")&&w.hasAttribute("data-output-array-transform")){const P=q(ot,w.getAttribute("data-output-array-property")),wr=JSON.parse(w.getAttribute("data-output-array-transform"))[P];B=vr.replace(`{${w.getAttribute("data-output-array-property")}}`,wr)}B=B.replace(new RegExp(/{(.*?)}/,"gm"),function(P){return q(ot,P.replace("{","").replace("}",""))}),E+=B})}w.hasAttribute("data-transform")&&(E=JSON.parse(w.getAttribute("data-transform"))[E],!E&&w.hasAttribute("data-default")&&(E=w.getAttribute("data-default"))),T.innerHTML=E,x.appendChild(T)}),s.appendChild(x)}),G(a,e),r.setAttribute("data-total",parseInt(y)),r.setAttribute("data-page",parseInt(v)),K(a,e,t,r),Array.from(e.querySelectorAll("[data-ajax-query]")).forEach((L,A)=>{let x=q(p,L.getAttribute("data-ajax-query"),"");L.hasAttribute("data-total")?L.setAttribute("data-total",x):L.innerHTML=x}),parseInt(y)==0&&(s.innerHTML=`<tr><td colspan="100%"><span>${$}</span></td></tr>`),r.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:c,formData:l})):s.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>',t.removeAttribute("data-loading"),e.classList.remove("processing")})}catch(p){console.log(p)}})},D=(a,e)=>{switch(a){case"datetime":return new Date(e).toLocaleDateString("en-gb",{weekday:"short",year:"2-digit",month:"long",day:"numeric"})+" "+new Date(e).toLocaleTimeString("en-gb",{hour:"2-digit",minute:"2-digit"});case"date":return new Date(e).toLocaleDateString("en-gb",{year:"2-digit",month:"long",day:"numeric"});case"capitalise":return e=So(e)}};class Ro 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=`
|
|
144
144
|
<style>
|
|
145
145
|
@import "${t}";
|
|
146
146
|
:host{--wrapper-padding: 2rem;--bg-colour: #ffffff;display:block;background:#fff;padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.625rem;margin-bottom:2rem;overflow:hidden}:host:before{display:none !important}@media screen and (prefers-color-scheme: dark){:host{background:var(--colour-canvas-2)}}@media(forced-colors: active){:host{--wrapper-padding: 0;background:var(--colour-canvas-2)}}::slotted(table){margin-bottom:0 !important}.table__wrapper{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}@container (width < 23.4375em){:host(:not(.table--fullwidth)){margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:0;background:var(--colour-canvas-2);border-radius:0;background:none;padding:0;box-shadow:none;overflow:visible}:host(:not(.table--fullwidth)) .table__wrapper:not(.table--fullwidth){overflow:hidden;max-height:none !important}:host(:not(.table--fullwidth)) ::slotted(table){overflow:visible !important;margin-inline:1.5rem;margin-bottom:1.5rem !important;width:calc(100% - 3rem) !important;display:block}:host(:not(.table--fullwidth)) .table--cta{border-bottom:0}:host(:not(.table--fullwidth)) .table--cta:after{content:none;display:none !important}}@container (width > 23.4375em){:host{--cta-width: 8rem}:host(.table--loading){--cta-width: 1.5rem!important}.table--cta{position:relative}.table--cta .table__wrapper{overflow-y:hidden;margin-bottom:0}}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){position:relative}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{top:calc(100% - 1.2rem);bottom:2px;height:1.2rem;border-bottom:2px solid var(--colour-border);margin-bottom:-1.2rem}.table--cta>.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){max-height:none;position:static}.table--cta>.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{display:none}@container (width < 23.4375em){.table__wrapper.has-actionbar{margin-top:calc(-100vh + 6.75rem) !important}}:host(.table--loading){pointer-events:none;position:relative}:host(.table--loading) ::slotted(table){min-height:20rem;opacity:.5}:host(.table--loading)::after{content:"Loading...";position:absolute;top:6.25rem;left:50%;transform:translate(-50%, 0);font-weight:bold;color:var(--colour-heading);font-size:1.5rem;text-shadow:0px 0px 10px var(--colour-canvas-2);padding-inline:2rem;text-shadow:0px 0px 10px var(--colour-canvas-2);background:radial-gradient(var(--colour-canvas-2), transparent)}@container (width < 23.4375em){.pagination--table{margin-inline:1.5rem;width:auto}:host(.table--fullwidth) .pagination--table{margin-inline:0}}/*# sourceMappingURL=assets/css/components/table.css.map */
|
|
@@ -165,34 +165,29 @@
|
|
|
165
165
|
</div>
|
|
166
166
|
</div>
|
|
167
167
|
<iam-pagination class="pagination--table" ${this.hasAttribute("data-page")?`data-page="${this.getAttribute("data-page")}"`:""} ></iam-pagination>
|
|
168
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0)),document.getElementById("tableExtras")||document.head.insertAdjacentHTML("beforeend",`<style id="tableExtras">*:has(>iam-table){container-type:inline-size}iam-table{--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}iam-table thead tr{background:var(--row-bg)}iam-table tbody tr{background:var(--row-bg)}iam-table tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238,238,238;--row-bg: var(--hover-background);background:var(--row-bg)}@media screen and (prefers-color-scheme: dark){iam-table tbody tr{--hover-background: var(--colour-canvas)}iam-table tbody tr:is(:hover,:focus-within,.hover){background:var(--row-bg)}}iam-table[data-expandable] [data-expand-button][aria-expanded]{background-color:rgba(0,0,0,0)}@container (width < 23.4375em){iam-table:not(.table--fullwidth) thead{display:none}iam-table:not(.table--fullwidth) tbody{display:block;overflow:visible}iam-table:not(.table--fullwidth) tbody tr td:first-child{padding-top:0}iam-table:not(.table--fullwidth) tr{display:block;position:relative;border:none;background:var(--row-bg);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem}iam-table:not(.table--fullwidth) tr+tr{margin-top:2rem}iam-table:not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}iam-table:not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}iam-table:not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}iam-table:not(.table--fullwidth) :is(td,th)[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--colour-heading);padding:0 0 0.375rem 0;margin-bottom:0;display:block;font-weight:bold}iam-table:not(.table--fullwidth) td:first-child::after{top:1.75rem !important}iam-table:not(.table--fullwidth) td::after{top:2.5rem}iam-table:not(.table--fullwidth) .td--fixed{padding-right:50%}iam-table:not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}iam-table:not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}iam-table:not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative}iam-table:not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important}iam-table:not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}iam-table:not(.table--fullwidth) [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:300 !important;font-size:1.75rem;line-height:var(--compact-size) !important}iam-table:not(.table--fullwidth) [data-expand-button][aria-expanded]:before{content:"";font-weight:900 !important}iam-table:not(.table--fullwidth) .dialog__wrapper{margin-top:-0.5rem;margin-left:-1rem;z-index:10}iam-table:not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child{display:block !important;position:static;width:100%;min-width:100%;margin-left:0;padding-left:0;text-align:left;min-height:0}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child:after{display:none}}@container (width > 23.4375em){iam-table.table--cta:not(.table--loading):has(tr:first-child td:first-child:last-child){padding-right:calc(var(--wrapper-padding) + 1.5rem)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>th:nth-last-child(2),iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>td:nth-last-child(2){padding-right:var(--cta-width)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem);cursor:default}@media screen and (prefers-color-scheme: dark){iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta){position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead{position:sticky;top:0;left:0;z-index:1;background-color:var(--row-bg)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--colour-primary)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody{position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:first-child td{border-top:0}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:last-child td{border-bottom:0}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content=upcoming]):after{content:"";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"";color:var(--colour-warning)}table :is([data-content=verified],[data-content=completed],[data-content=complete]):after{content:"";font-weight:normal;color:var(--colour-complete)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"";color:var(--colour-primary)}iam-table .table--filtered tbody tr:not(.filtered--show){display:none !important}iam-table table:not(.table--filtered):not(.table--ajax) tbody tr:nth-child(15)~tr{display:none}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.75rem !important;left:.25rem !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:auto;margin:0;margin-top:0rem}iam-table tr:has([type=checkbox]:checked){--row-bg: #E0E0E0}@media screen and (prefers-color-scheme: dark){iam-table tr:has([type=checkbox]:checked){--row-bg: #000000}}@container (width < 23.4375em){@media screen and (prefers-color-scheme: light){iam-table:has([slot=before]) iam-actionbar{background-color:#e6eaec}}iam-table:has([slot=before]) .actionbar__sticky+*{margin-top:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}iam-table.table--fullwidth:not([data-expandable]) th.expand-button-heading{display:none}iam-table.table--fullwidth:not([data-expandable]) td:has([data-expand-button]){display:none}@container (width > 23.4375em){iam-table:not([data-expandable]) th.expand-button-heading{display:none}iam-table:not([data-expandable]) td.td--expand{display:none}iam-table[data-expandable] [data-expand-button]{margin:0}iam-table[data-expandable] [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:500}iam-table[data-expandable] [data-expand-button][aria-expanded]:before{content:""}iam-table[data-expandable] tr:not(:has(p)) [data-expand-button]{display:none}iam-table[data-expandable] tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}@container (width < 23.4375em){iam-table:not(.table--fullwidth) .td--fixed+td:not(.td--fixed){border-top:none}}@container (width > 23.4375em){iam-table{--width-adjust: 0px}iam-table:has([type=checkbox]){--width-adjust: -1rem}iam-table .th--fixed{min-width:calc(4.5rem + var(--width-adjust));position:absolute;padding:0}iam-table .th--fixed:after{top:auto;left:0;content:"";position:absolute;width:100%;height:calc(var(--row-height) - 2px);background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed{position:absolute;position:absolute;left:auto;top:auto;z-index:3;padding:0.25rem 0 0 0;min-width:4.5rem;height:calc(var(--row-height) - 2px);text-align:left;background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed:has([open]){z-index:4}iam-table tr:is(:hover,:focus) .td--fixed{background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table tr:has([data-expand-button]){height:calc(4.625rem - 2px)}iam-table .td--fixed+td:not(.td--fixed){padding-left:calc(4.5rem + var(--width-adjust))}iam-table .th--fixed:not(.expand-button-heading)+.th--fixed+th:not(.th--fixed),iam-table .td--fixed:not(.td--expand)+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table[data-expandable] .th--fixed+.th--fixed+th:not(.th--fixed),iam-table[data-expandable] .td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed+.th--fixed,iam-table .td--fixed+.td--fixed{padding-left:calc(3.25rem + var(--width-adjust));min-width:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed:has(+.th--fixed),iam-table .td--fixed:has(+.td--fixed){min-width:calc(3.25rem + var(--width-adjust));z-index:5}iam-table .dialog__wrapper{z-index:10}iam-table .dialog__wrapper:has([open]){z-index:20}iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:before,iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:after{left:1.25rem !important}iam-table:not([data-expandable]) th.expand-button-heading+th{padding-left:0 !important}iam-table:not([data-expandable]) td.td--expand+td{padding-left:0 !important}iam-table:not([data-expandable]) th.expand-button-heading+.th--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}iam-table:not([data-expandable]) td.td--expand+.td--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}}/*# sourceMappingURL=assets/css/components/table.global.css.map */
|
|
169
|
-
</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"),G(this.table,this.form),this.form.querySelector("[data-pagination]")||(this.form.innerHTML+=`<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`),this.form.querySelector("[data-show]")||(this.form.innerHTML+=`<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`),
|
|
170
|
-
|
|
171
|
-
@import "${t}";
|
|
172
|
-
${r}
|
|
173
|
-
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
174
|
-
</style>
|
|
175
|
-
<div class="accordion">
|
|
176
|
-
<slot></slot>
|
|
177
|
-
</div>
|
|
178
|
-
`,this.shadowRoot.appendChild(l.content.cloneNode(!0)),document.getElementById("accordionGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="accordionGlobal">${i}</style>`)}connectedCallback(){Vo(this)}}const Fo=Object.freeze(Object.defineProperty({__proto__:null,default:Po},Symbol.toStringTag,{value:"Module"}));/*!
|
|
179
|
-
* iamKey v5.4.2-beta1
|
|
168
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0)),document.getElementById("tableExtras")||document.head.insertAdjacentHTML("beforeend",`<style id="tableExtras">*:has(>iam-table){container-type:inline-size}iam-table{--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}iam-table thead tr{background:var(--row-bg)}iam-table tbody tr{background:var(--row-bg)}iam-table tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238,238,238;--row-bg: var(--hover-background);background:var(--row-bg)}@media screen and (prefers-color-scheme: dark){iam-table tbody tr{--hover-background: var(--colour-canvas)}iam-table tbody tr:is(:hover,:focus-within,.hover){background:var(--row-bg)}}iam-table[data-expandable] [data-expand-button][aria-expanded]{background-color:rgba(0,0,0,0)}@container (width < 23.4375em){iam-table:not(.table--fullwidth) thead{display:none}iam-table:not(.table--fullwidth) tbody{display:block;overflow:visible}iam-table:not(.table--fullwidth) tbody tr td:first-child{padding-top:0}iam-table:not(.table--fullwidth) tr{display:block;position:relative;border:none;background:var(--row-bg);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem}iam-table:not(.table--fullwidth) tr+tr{margin-top:2rem}iam-table:not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}iam-table:not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}iam-table:not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}iam-table:not(.table--fullwidth) :is(td,th)[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--colour-heading);padding:0 0 0.375rem 0;margin-bottom:0;display:block;font-weight:bold}iam-table:not(.table--fullwidth) td:first-child::after{top:1.75rem !important}iam-table:not(.table--fullwidth) td::after{top:2.5rem}iam-table:not(.table--fullwidth) .td--fixed{padding-right:50%}iam-table:not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}iam-table:not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}iam-table:not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative}iam-table:not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important}iam-table:not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}iam-table:not(.table--fullwidth) [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:300 !important;font-size:1.75rem;line-height:var(--compact-size) !important}iam-table:not(.table--fullwidth) [data-expand-button][aria-expanded]:before{content:"";font-weight:900 !important}iam-table:not(.table--fullwidth) .dialog__wrapper{margin-top:-0.5rem;margin-left:-1rem;z-index:10}iam-table:not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child{display:block !important;position:static;width:100%;min-width:100%;margin-left:0;padding-left:0;text-align:left;min-height:0}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child:after{display:none}}@container (width > 23.4375em){iam-table.table--cta:not(.table--loading):has(tr:first-child td:first-child:last-child){padding-right:calc(var(--wrapper-padding) + 1.5rem)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>th:nth-last-child(2),iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>td:nth-last-child(2){padding-right:var(--cta-width)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem);cursor:default}@media screen and (prefers-color-scheme: dark){iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta){position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead{position:sticky;top:0;left:0;z-index:1;background-color:var(--row-bg)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--colour-primary)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody{position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:first-child td{border-top:0}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:last-child td{border-bottom:0}table .hide-status:after{display:none}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content="action required"],[data-content=upcoming]):after{content:"";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"";color:var(--colour-warning)}table :is([data-content="manually verified"],[data-content=verified],[data-content=completed],[data-content=complete]):after{content:"";font-weight:normal;color:var(--colour-complete)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"";color:var(--colour-primary)}iam-table .table--filtered tbody tr:not(.filtered--show){display:none !important}iam-table table:not(.table--filtered):not(.table--ajax) tbody tr:nth-child(15)~tr{display:none}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.75rem !important;left:.25rem !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:auto;margin:0;margin-top:0rem}iam-table tr:has([type=checkbox]:checked){--row-bg: #E0E0E0}@media screen and (prefers-color-scheme: dark){iam-table tr:has([type=checkbox]:checked){--row-bg: #000000}}@container (width < 23.4375em){@media screen and (prefers-color-scheme: light){iam-table:has([slot=before]) iam-actionbar{background-color:#e6eaec}}iam-table:has([slot=before]) .actionbar__sticky+*{margin-top:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}iam-table.table--fullwidth:not([data-expandable]) th.expand-button-heading{display:none}iam-table.table--fullwidth:not([data-expandable]) td:has([data-expand-button]){display:none}@container (width > 23.4375em){iam-table:not([data-expandable]) th.expand-button-heading{display:none}iam-table:not([data-expandable]) td.td--expand{display:none}iam-table[data-expandable] [data-expand-button]{margin:0}iam-table[data-expandable] [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:500}iam-table[data-expandable] [data-expand-button][aria-expanded]:before{content:""}iam-table[data-expandable] tr:not(:has(p)) [data-expand-button]{display:none}iam-table[data-expandable] tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}@container (width < 23.4375em){iam-table:not(.table--fullwidth) .td--fixed+td:not(.td--fixed){border-top:none}}@container (width > 23.4375em){iam-table{--width-adjust: 0px}iam-table:has([type=checkbox]){--width-adjust: -1rem}iam-table .th--fixed{min-width:calc(4.5rem + var(--width-adjust));position:absolute;padding:0}iam-table .th--fixed:after{top:auto;left:0;content:"";position:absolute;width:100%;height:calc(var(--row-height) - 2px);background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed{position:absolute;position:absolute;left:auto;top:auto;z-index:3;padding:0.25rem 0 0 0;min-width:4.5rem;height:calc(var(--row-height) - 2px);text-align:left;background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed:has([open]){z-index:4}iam-table tr:is(:hover,:focus) .td--fixed{background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table tr:has([data-expand-button]){height:calc(4.625rem - 2px)}iam-table .td--fixed+td:not(.td--fixed){padding-left:calc(4.5rem + var(--width-adjust))}iam-table .th--fixed:not(.expand-button-heading)+.th--fixed+th:not(.th--fixed),iam-table .td--fixed:not(.td--expand)+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table[data-expandable] .th--fixed+.th--fixed+th:not(.th--fixed),iam-table[data-expandable] .td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed+.th--fixed,iam-table .td--fixed+.td--fixed{padding-left:calc(3.25rem + var(--width-adjust));min-width:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed:has(+.th--fixed),iam-table .td--fixed:has(+.td--fixed){min-width:calc(3.25rem + var(--width-adjust));z-index:5}iam-table .dialog__wrapper{z-index:10}iam-table .dialog__wrapper:has([open]){z-index:20}iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:before,iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:after{left:1.25rem !important}iam-table:not([data-expandable]) th.expand-button-heading+th{padding-left:0 !important}iam-table:not([data-expandable]) td.td--expand+td{padding-left:0 !important}iam-table:not([data-expandable]) th.expand-button-heading+.th--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}iam-table:not([data-expandable]) td.td--expand+.td--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}}/*# sourceMappingURL=assets/css/components/table.global.css.map */
|
|
169
|
+
</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"),G(this.table,this.form),this.form.querySelector("[data-pagination]")||(this.form.innerHTML+=`<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`),this.form.querySelector("[data-show]")||(this.form.innerHTML+=`<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`),To(this.table),Mo(this.table,this.form,this.pagination,this,this.savedTableBody),Co(this.table,this.form,this.pagination,this),Ho(this.shadowRoot.querySelector("[data-export]"),this.table),this.form.getAttribute("data-ajax"))J(this.table,this.form,this.pagination,this);else{let r=function(l=1){return Math.floor(Math.random()*Date.now()*(l+1))};if(this.querySelector("iam-actionbar[data-selectall]")){const l=this.querySelector("iam-actionbar[data-selectall]");Array.from(this.table.querySelectorAll("thead tr")).forEach((o,s)=>{o.insertAdjacentHTML("afterbegin",'<th class="th--fixed"></th>')}),Array.from(this.table.querySelectorAll("tbody tr")).forEach((o,s)=>{let c=`row${r(s)}`;o.insertAdjacentHTML("afterbegin",`<td class="td--fixed selectrow"><input type="checkbox" name="row" id="${c}"/><label for="${c}"><span class="visually-hidden">Select row</span></label></td>`)}),this.table.addEventListener("change",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest(".selectrow input")){let s=this.table.querySelectorAll('.selectrow input[type="checkbox"]').length,c=this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;l.setAttribute("data-selected",s==c?"all":c)}}),l.addEventListener("selected",o=>{o.detail.selected=="0"?Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((s,c)=>{s.checked=!1}):o.detail.selected=="all"&&Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((s,c)=>{s.checked=!0})})}let i=-1;Array.from(this.table.querySelectorAll("tbody tr")).forEach((l,o)=>{if(l.querySelector(":scope > td > .dialog__wrapper")){let s=l.querySelector(":scope > td > .dialog__wrapper").parentNode;s.classList.add("td--fixed"),i=Array.from(s.parentNode.children).indexOf(s)}}),i!=-1&&(this.table.querySelector(`thead tr th:nth-child(${i+1})`).classList.add("th--fixed"),Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${i+1})`)).forEach((l,o)=>{l.classList.add("td--fixed")})),K(this.table,this.form,this.pagination,this),z(this.table,this.form,this),C(this.table,this.form)}this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll",r=>{this.table.querySelector("dialog[open]")&&(this.table.querySelector("dialog[open]").close(),this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"))})}static get observedAttributes(){return["data-total","data-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 jo=Object.freeze(Object.defineProperty({__proto__:null,default:Ro},Symbol.toStringTag,{value:"Module"}));/*!
|
|
170
|
+
* iamKey v5.4.2-beta3
|
|
180
171
|
* Copyright 2022-2024 iamproperty
|
|
181
|
-
*/
|
|
172
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"accordion"});class No 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=`
|
|
182
173
|
<style>
|
|
183
174
|
@import "${t}";
|
|
184
|
-
:host{--accordion-indent: 0.75rem;--accordion-right-padding: 3rem;--accordion-y-padding: 1rem;--accordion-icon-size: 1.875rem;--accordion-icon-top: 0.75rem;margin-bottom:2rem;border-top:1px solid var(--colour-border)}@media screen and (min-width: 62em){:host{--accordion-right-padding: 6rem;--accordion-y-padding: 2rem;--accordion-icon-size: 3rem;--accordion-icon-top: 1.25rem}}::slotted(details){background-color:rgba(0,0,0,0) !important;border-bottom:1px solid var(--colour-border) !important;margin-bottom:0 !important}/*# sourceMappingURL=assets/css/components/accordion.css.map */
|
|
185
175
|
|
|
186
|
-
|
|
176
|
+
:host {
|
|
177
|
+
margin-bottom: 2.5rem;
|
|
178
|
+
display: block;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
::slotted(details) {
|
|
182
|
+
--border-radius: 0!important;
|
|
183
|
+
padding-bottom: 0!important;
|
|
184
|
+
}
|
|
187
185
|
</style>
|
|
188
|
-
<div class="accordion">
|
|
189
186
|
<slot></slot>
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
</style>`)}connectedCallback(){Oo(this)}}const Uo=Object.freeze(Object.defineProperty({__proto__:null,default:Io},Symbol.toStringTag,{value:"Module"}));/*!
|
|
193
|
-
* iamKey v5.4.2-beta1
|
|
187
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){if(!this.classList.contains("accordion--keep-open")){const e=this.querySelectorAll(":scope > details");e.forEach(t=>{t.addEventListener("toggle",()=>{e.forEach(r=>{r!==t&&t.hasAttribute("open")&&r.removeAttribute("open")})})})}}}const zo=Object.freeze(Object.defineProperty({__proto__:null,default:No},Symbol.toStringTag,{value:"Module"}));/*!
|
|
188
|
+
* iamKey v5.4.2-beta3
|
|
194
189
|
* Copyright 2022-2024 iamproperty
|
|
195
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Card"});class
|
|
190
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Card"});class Do extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.querySelector('[class*="fa-"]')&&this.classList.add("card--has-icon");let e=this.classList.toString();const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",r=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,i=document.createElement("template");i.innerHTML=`
|
|
196
191
|
<style>
|
|
197
192
|
@import "${r}";
|
|
198
193
|
.card{--card-icon-right: 1rem;box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);position:relative;font-weight:bold;font-size:1.125rem;line-height:1.5rem;color:var(--colour-primary);min-height:100%;width:100%;text-align:left;display:block;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:2px solid var(--colour-canvas-2);outline-offset:-2px}.card.border-0{box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__body{position:relative;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1}.card:before,.card:after{content:"";position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--colour-warning);border-radius:50%}.card:after{background:var(--colour-primary-theme);mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}.card:is(:hover,:focus,.hover){--card-icon-right: 0.5rem;outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card:not([class*=colour-]):is(:hover,:focus,.hover):before{background:var(--colour-primary-theme)}.card:not([class*=colour-]):is(:hover,:focus,.hover):after{background:#fff}.card:is(:active,.active){--card-icon-right: 0.5rem;outline:none}.card:is(:active,.active):before{background:var(--colour-warning)}.card:is(:active,.active):after{background:var(--colour-primary)}.card:is(:active){background:#fcfcfc}.card span{display:block;font-weight:bold;padding-top:1.5rem;font-size:1rem}.card:has(.card__illustration) .card__body{align-items:center;display:flex}.card:has(.card__illustration) .card__body .card__illustration{height:4rem;width:4rem;margin-right:1.5rem;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative}.card:has(.card__illustration) .card__body .card__illustration img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.card .card__total{font-size:3rem;line-height:3rem;padding-right:1rem;margin-top:.5rem}.card.card--has-icon:not(.card--secondary):not(.card--filter){display:flex;align-items:center}.card.card--has-icon:not(.card--secondary):not(.card--filter):before,.card.card--has-icon:not(.card--secondary):not(.card--filter):after{top:calc(50% - .75rem);bottom:auto}.card.card--has-icon:not(.card--secondary):not(.card--filter) .card__body{padding-left:4rem;min-height:100%;display:flex;flex-direction:column;position:relative;inset:0;align-items:flex-start;justify-content:center}::slotted(i){font-size:1.5rem !important;margin:-3px var(--card-icon-right) 0 0 !important;vertical-align:middle !important}::slotted(i:not(.fa-light):not(.fa-bold)){font-weight:400 !important}::slotted(span:not(.badge)){display:block !important;font-weight:normal !important;padding-top:1.5rem !important;font-size:1rem !important}.card__badges{position:absolute;top:0;right:.25rem;padding:.25rem;z-index:9;text-align:right;width:1}.card__head .card__badges{top:auto;bottom:0;text-align:left;left:.25rem;right:auto}.card[class*=colour-],.card--filter{border-left:0.75rem solid var(--colour, var(--colour-primary))}.card--filter{--top-padding: 1.5rem;--right-padding: 1rem;--bottom-padding: 1.5rem;--left-padding: 1rem}.card--filter:has(.card__total) .card__body{align-items:center;display:flex}.card--filter:before,.card--filter:after{display:none}.card--filter:is(:hover,:focus,.hover){outline:none}.card--filter:is(:hover,:focus,.hover) .card__body{background:#eee}.card--filter:is(:checked,.checked,:active,.active){outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card--filter:is(:checked,.checked,:active,.active) .card__body{background:none}.card--filter.card--has-icon{--bottom-padding: 1rem;border:none}.card--filter .icon{font-size:1.125rem !important;height:1.125rem !important;margin:0 0 .5rem 0 !important;font-weight:400 !important;display:block !important}.card--filter .card__total{margin-top:0;order:-1}@media screen and (prefers-color-scheme: dark){.card--filter .card__body{background:none !important}.card--filter:is(:hover,:focus,.hover,:active,.active):not(:checked,.checked){outline:2px solid var(--colour, var(--colour-primary)) !important;outline-offset:-2px}}.card--filter ::slotted(i){display:block !important;font-size:1.125rem !important;margin:0 0 .5rem 0 !important}.card:has(.card__head) .card__head{padding-bottom:0;padding-top:27%;position:relative;overflow:hidden;background:rgba(0,0,0,.1);z-index:-1}.card:has(.card__head) .card__head>img{position:absolute;top:0;left:0;width:102%;height:102%;object-fit:cover}.card.card--lg-image:has(.card__head) .card__head{padding-top:55%}.card:has(.card__footer):after{display:none}.card:has(.card__footer) .card__footer{position:relative;background:#fff;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1;display:block}:host([data-selected]) .card:before,:host([data-selected]) .card:after{display:none !important}:host(.card--flag){position:relative}:host(.card--flag):after{content:"";font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;right:1rem;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block;font-weight:normal;color:var(--colour, var(--colour-primary))}.card--secondary{--card-top-padding: 1rem;--card-bottom-padding: 1.5rem}.card--secondary:before,.card--secondary:after{display:none}.card--secondary .btn-compact{position:absolute;top:0;right:0;margin:.5rem .5rem 0 0;z-index:99}.card--secondary:has(.btn-compact:is(:hover,:focus,:active)){pointer-events:none;outline:none}.card--secondary:has(.btn-compact:is(:hover,:focus,:active)) .card__body{background:none;border-color:rgba(0,0,0,0) !important}.card--secondary:has(.btn-compact:is(:hover,:focus,:active)) .btn-compact{pointer-events:all}.card--secondary ::slotted(i){display:block !important;font-size:2.5rem !important;margin:.5rem 0 .5rem 0 !important;line-height:2.5rem}/*# sourceMappingURL=assets/css/components/card.css.map */
|
|
@@ -213,7 +208,7 @@
|
|
|
213
208
|
${this.hasAttribute("data-cta")?`<div class="card__footer"><span class="link">${this.getAttribute("data-cta")}</span></div>`:""}
|
|
214
209
|
</div>
|
|
215
210
|
`,this.shadowRoot.appendChild(i.content.cloneNode(!0)),document.getElementById("cardGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="cardGlobal">@supports not selector(:has(*)){iam-card{margin-bottom:2rem;display:block}}iam-card>div:has([type=checkbox]){display:contents}iam-card>div:has([type=checkbox])>input:is([type=radio],[type=checkbox])+label{position:absolute !important;top:.5rem;right:.5rem;width:2rem;padding-left:2rem;margin:0.25rem 0.5rem !important;height:2.5rem;overflow:hidden}iam-card.card--has-icon:not(.card--filter):not(.card--secondary) i{position:absolute;top:calc(50% - .5rem - 2px);left:1rem}[data-select-container]:has([type=checkbox]:checked) iam-card>div:has([type=checkbox])>input:is([type=radio],[type=checkbox]){width:100%;height:100%;max-height:100%;max-width:100%;cursor:pointer;pointer-events:all;inset:0;border-radius:0;z-index:10}/*# sourceMappingURL=assets/css/components/card.global.css.map */
|
|
216
|
-
</style>`)}connectedCallback(){this.classList.add("loaded");const e=this.parentNode.closest("a, button, label"),t=this.shadowRoot.querySelector(".card"),r=this.shadowRoot.querySelector(".btn-compact");if(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",i=>{let l=new Event("click");t.dispatchEvent(l)}),t.addEventListener("click",i=>{if(e.matches("label[for]")){i.stopPropagation(),i.preventDefault();const l=document.getElementById(e.getAttribute("for")),o=l.getAttribute("name"),
|
|
211
|
+
</style>`)}connectedCallback(){this.classList.add("loaded");const e=this.parentNode.closest("a, button, label"),t=this.shadowRoot.querySelector(".card"),r=this.shadowRoot.querySelector(".btn-compact");if(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",i=>{let l=new Event("click");t.dispatchEvent(l)}),t.addEventListener("click",i=>{if(e.matches("label[for]")){i.stopPropagation(),i.preventDefault();const l=document.getElementById(e.getAttribute("for")),o=l.getAttribute("name"),s=l.getAttribute("id");Array.from(document.querySelectorAll(`[name="${o}"][type="radio"]:not([id="${s}"])`)).forEach((c,d)=>{document.querySelector(`[for="${c.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),e.click(),l.checked?t.classList.add("checked"):t.classList.remove("checked")}}),this.addEventListener("inactive",i=>{t.classList.remove("checked")}),t.addEventListener("keydown",i=>{switch(i.keyCode){case 32:case 13:if(e.matches("label[for]")){i.stopPropagation(),i.preventDefault();const l=document.getElementById(e.getAttribute("for")),o=l.getAttribute("name"),s=l.getAttribute("id");Array.from(document.querySelectorAll(`[name="${o}"]:not([id="${s}"])`)).forEach((c,d)=>{document.querySelector(`[for="${c.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),e.click(),l.checked?t.classList.add("checked"):t.classList.remove("checked")}else e.click();break}}),r){let i=this.getAttribute("data-add-link");r.addEventListener("click",l=>{l.stopPropagation(),l.preventDefault(),window.location=i})}}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 i=this.classList.toString();this.querySelector('[class*="fa-"]')&&(i+=" card--has-icon"),this.shadowRoot.querySelector(".card").setAttribute("class",`card ${i}`);break}}}}const Vo=Object.freeze(Object.defineProperty({__proto__:null,default:Do},Symbol.toStringTag,{value:"Module"}));function Fo(a,e){var t;let r=a.querySelector(".carousel__inner"),i=a.querySelector(".carousel__controls"),l=e.querySelectorAll(".col").length;r.addEventListener("scroll",function(o){clearTimeout(t),t=setTimeout(function(){let s=r.clientWidth,c=r.scrollWidth,d=r.scrollLeft,u=Math.round(d/c*l)+1,m=e.querySelector(".col:last-child").offsetLeft+50;r.scrollLeft+s>=m&&(u=l),Array.from(a.querySelectorAll(".carousel__controls button")).forEach((p,b)=>{p.removeAttribute("aria-current")}),a.querySelector(".control-"+u).setAttribute("aria-current",!0),u==1?a.querySelector(".btn-prev").setAttribute("disabled","disabled"):a.querySelector(".btn-prev").removeAttribute("disabled"),u==l?a.querySelector(".btn-next").setAttribute("disabled","disabled"):a.querySelector(".btn-next").removeAttribute("disabled")},100)},!1),i.addEventListener("click",function(o){for(var s=o.target;s&&s!=this;s=s.parentNode)if(typeof s.matches=="function"&&s.matches("button")){o.preventDefault(),Array.from(i.querySelectorAll("button")).forEach((d,u)=>{d.removeAttribute("aria-current")}),s.setAttribute("aria-current",!0);const c=e.querySelector(`*:nth-child(${s.getAttribute("data-slide")})`);r.scroll({top:0,left:c.offsetLeft,behavior:"smooth"});break}},!1),a.addEventListener("click",function(o){for(var s=o.target;s&&s!=this;s=s.parentNode)if(typeof s.matches=="function"&&s.matches(".btn-next, .btn-prev")){o.preventDefault();let c=s.classList.contains("btn-prev")?r.scrollLeft-r.clientWidth:r.scrollLeft+r.clientWidth;r.scroll({top:0,left:c,behavior:"smooth"});break}},!1)}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"carousel"});class Po 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/carousel.css";`,i=document.createElement("template");i.innerHTML=`
|
|
217
212
|
<style>
|
|
218
213
|
@import "${t}";
|
|
219
214
|
${r}
|
|
@@ -235,7 +230,7 @@
|
|
|
235
230
|
|
|
236
231
|
</div>
|
|
237
232
|
</div>
|
|
238
|
-
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){const e=this.shadowRoot.querySelector(".carousel"),t=this.querySelector(".row"),r=this.shadowRoot.querySelector(".carousel__controls");let i=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 l="";for(let o=1;o<=i;o++)l+=`<button class="control-${o}" data-slide="${o}" ${o==1?"aria-current":""}>Slide ${o}</button>`;r.innerHTML=l,
|
|
233
|
+
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){const e=this.shadowRoot.querySelector(".carousel"),t=this.querySelector(".row"),r=this.shadowRoot.querySelector(".carousel__controls");let i=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 l="";for(let o=1;o<=i;o++)l+=`<button class="control-${o}" data-slide="${o}" ${o==1?"aria-current":""}>Slide ${o}</button>`;r.innerHTML=l,Fo(e,t)}}const Oo=Object.freeze(Object.defineProperty({__proto__:null,default:Po},Symbol.toStringTag,{value:"Module"}));window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class Io 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/header.css";`,i=document.createElement("template");i.innerHTML=`
|
|
239
234
|
<style>
|
|
240
235
|
@import "${t}";
|
|
241
236
|
${r}
|
|
@@ -249,10 +244,10 @@
|
|
|
249
244
|
<slot></slot>
|
|
250
245
|
</div>
|
|
251
246
|
</div>
|
|
252
|
-
`,this.shadowRoot.appendChild(i.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
|
|
253
|
-
* iamKey v5.4.2-
|
|
247
|
+
`,this.shadowRoot.appendChild(i.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 Uo=Object.freeze(Object.defineProperty({__proto__:null,default:Io},Symbol.toStringTag,{value:"Module"}));/*!
|
|
248
|
+
* iamKey v5.4.2-beta3
|
|
254
249
|
* Copyright 2022-2024 iamproperty
|
|
255
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class
|
|
250
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});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=`
|
|
256
251
|
<style>
|
|
257
252
|
@import "${t}";
|
|
258
253
|
:host{padding-top:0 !important;margin-bottom:2rem;background-color:rgba(0,0,0,0) !important}.header-banner{padding-top:2.75rem;max-width:120rem;min-height:25rem;margin-inline:auto;display:block;position:relative;height:auto}@media screen and (min-width: 62em){.header-banner{padding-top:5.25rem}}.header-banner>picture{display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;overflow:hidden;min-height:25rem;max-height:25rem}.header-banner>picture:after{content:"";display:block;position:absolute;z-index:-1;inset:0;background:linear-gradient(300deg, rgb(30, 190, 230) 0%, rgb(0, 49, 60) 100%);opacity:.85}.header-banner>picture img{display:block;position:absolute;z-index:-2;inset:0;object-fit:cover;object-position:50% 50%;width:100%;height:100%}::slotted(.breadcrumb){margin-top:1.5rem !important;margin-bottom:-0.5rem !important}@media screen and (min-width: 62em){::slotted(.breadcrumb){position:absolute !important;top:0 !important;left:5.25rem !important}}::slotted(*:last-child){padding-bottom:0 !important;margin-bottom:0 !important}/*# sourceMappingURL=assets/css/components/header.css.map */
|
|
@@ -267,10 +262,10 @@
|
|
|
267
262
|
<slot></slot>
|
|
268
263
|
</div>
|
|
269
264
|
</div>
|
|
270
|
-
`,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
|
|
271
|
-
* iamKey v5.4.2-
|
|
265
|
+
`,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 Go=Object.freeze(Object.defineProperty({__proto__:null,default:Wo},Symbol.toStringTag,{value:"Module"}));/*!
|
|
266
|
+
* iamKey v5.4.2-beta3
|
|
272
267
|
* Copyright 2022-2024 iamproperty
|
|
273
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"nav"});const
|
|
268
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"nav"});const Xo=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`,i=document.createElement("template");i.innerHTML=`
|
|
274
269
|
<style class="styles">
|
|
275
270
|
@import "${r}";
|
|
276
271
|
:host{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important}.btn-menu{padding:0;margin:0 0 0 2rem;text-align:center;height:3rem;padding-block:0.75rem;line-height:1.5rem;overflow:hidden;position:relative;background:none;border:none;width:1.5rem;text-indent:-1000%;color:var(--colour-brand)}.btn-menu i{font-size:1.5rem;line-height:1.5rem;position:absolute;text-indent:0px;width:1.5rem;text-align:center;top:0.75rem;right:0;margin:0 !important;transition:none !important}.btn-menu i+i{display:none}.btn-menu[aria-expanded] i{display:none}.btn-menu[aria-expanded] i+i{display:inline}@media screen and (max-width: 62em){.btn-menu>.btn{display:contents;display:contents;color:inherit !important;padding:0 !important;margin:0;font-weight:normal !important;line-height:inherit;font-size:inherit;transition:none !important}}@media screen and (min-width: 36em){.btn-menu{margin:0 0 0 3rem;width:auto;padding-right:1.875rem;text-indent:0}.btn-menu[aria-expanded]{text-indent:-1000%}}@media screen and (min-width: 62em){.btn-menu{width:fit-content;height:auto;margin:0 0 0 3rem;padding:0 !important;text-indent:0;padding-right:0 !important}.btn-menu[aria-expanded]{text-indent:0}.btn-menu .btn{margin:0 !important;display:flex}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){.btn-menu .btn{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light)}.btn-menu .btn .text-primary{color:var(--colour-primary) !important}}@media screen and (min-width: 62em){.btn-menu .btn span{order:2}.btn-menu .btn i[class*=fa-]{position:relative;position:static;vertical-align:bottom;display:inline-block;font-size:1.2rem;margin-right:1rem !important}.btn-menu .btn i[class*=fa-]+i[class*=fa-]{display:none}}:host(.bg-primary) .btn:is(:hover,:focus){color:var(--colour-inverted)}@media screen and (max-width: 62em){:host>.container{display:contents}.menu__outer{position:absolute;top:6rem;left:0;width:100%;height:calc(100vh - 6rem);overflow:hidden;pointer-events:none;transition:background .5s}.menu__outer:has(.menu.open){background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}.menu::-webkit-scrollbar{width:6px}.menu::-webkit-scrollbar-track{border:0 !important}.menu::-webkit-scrollbar-thumb{border:0 !important}.menu{overscroll-behavior:contain;width:calc(23.4375rem - var(--scrollbar-width));background-color:var(--colour-canvas-2);position:absolute;height:calc(100vh - 6rem);left:100%;top:0;padding:0 1.5rem 0 1.5rem;z-index:var(--index-menu);overflow:auto;transition:all 1s ease-out;display:flex;flex-direction:column;flex-wrap:nowrap}.menu>*{flex-shrink:0}}@media screen and (max-width: 62em)and (prefers-color-scheme: dark){.menu{--colour-link: var(--colour-white);--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #BFBFBF;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (max-width: 62em)and (prefers-color-scheme: light){.menu{background-color:var(--colour-white);--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light)}.menu .text-primary{color:var(--colour-primary) !important}}@media screen and (max-width: 62em)and (forced-colors: active){.menu{outline:1px solid #fff}}@media screen and (max-width: 62em){.menu:before{content:"";position:absolute;display:block;top:0;left:0;width:100%;border-top:2px solid var(--colour-border);z-index:1}.menu.open{left:calc(100% - (23.4375rem - var(--scrollbar-width)));-webkit-box-shadow:0 6px 12px 0px rgba(0,0,0,.2);box-shadow:0 6px 12px 0px rgba(0,0,0,.2);pointer-events:all}.menu.closed *{display:none !important}.menu__secondary{display:none}.has-secondary .menu__secondary{display:block;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:3rem !important;flex-grow:1;position:relative}}@media screen and (max-width: 62em)and (prefers-color-scheme: light){.has-secondary .menu__secondary{background-color:#eee}}@media screen and (max-width: 62em){.has-secondary .menu__secondary .container{display:contents}::slotted(a:not([slot=logo]):not(.btn-compact)){display:block !important;line-height:1.25rem !important;padding:1.5rem 0 !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important}::slotted(a:not([slot=logo]):not(.btn-compact)):after{content:"";display:block;height:2px;width:100% !important;background-color:var(--colour-border) !important;top:calc(100% - 2px) !important}*:is(.has-search,.has-actions) .menu__primary{display:block;padding-bottom:3rem}.menu:not(.has-secondary) .menu__primary{display:block;padding-bottom:3rem}::slotted(.btn:not(.btn-compact)){display:block !important;margin:0 0 1.5rem 0 !important;width:100% !important;max-width:100% !important;text-align:center !important;flex-shrink:0}.has-actions slot[name=actions]{display:block;padding-bottom:1.5rem}slot[name=actions]::slotted(.btn){margin-top:0 !important}.dialog__wrapper{width:100%;margin:0 0 3rem 0 !important;flex-shrink:0}.dialog__wrapper>.btn{display:none}.dialog__wrapper dialog{display:contents}}@media screen and (max-width: 62em)and (min-width: 36em){.menu{padding-right:2.5rem !important}.has-secondary .menu__secondary{margin-right:-2.5rem !important;padding-right:2.5rem !important}.has-secondary .menu__secondary:before{width:calc(100% - 4rem) !important}::slotted(.btn){width:auto !important}}@media screen and (min-width: 62em){:host{padding-block:0 !important}:host>.container{padding-block:1.5rem !important;padding-inline:0 !important;max-width:100%;display:flex;flex-wrap:nowrap;align-items:center}:host>.container:has(.has-secondary){padding-top:4rem !important}:host>.container>*{margin-bottom:0 !important}.btn-menu{display:none}.buttons-holder{display:contents}.buttons-holder .btn-menu{display:inline-block;order:2}.menu,.menu__outer,.menu__primary{display:contents}.menu__secondary{display:none}.has-secondary .menu__secondary{background-color:var(--colour-canvas-2);display:block;position:absolute;top:0;left:0;width:100%}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){.has-secondary .menu__secondary{background-color:#eee;--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light)}.has-secondary .menu__secondary .text-primary{color:var(--colour-primary) !important}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){.has-secondary .menu__secondary{--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #BFBFBF;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (min-width: 62em){.has-secondary .menu__secondary .container{margin-left:auto;margin-right:auto;padding:var(--container-padding) !important;padding-top:0.5rem !important;padding-bottom:0.5rem !important;text-align:right}::slotted(a[slot=secondary]){font-size:0.875rem !important}::slotted(a[slot=secondary]):after{top:calc(100% - .25em) !important}::slotted(a:not([slot=logo])),::slotted(.btn){margin-bottom:0 !important;margin-right:0 !important}::slotted(a:not([slot=logo]):not(.btn-compact)){font-size:1rem !important;font-weight:normal !important}::slotted(a:not([slot=logo]):not(.btn-compact)):after{display:none}::slotted(a:not([slot=logo]):not([slot=dual])){margin-left:2rem !important}::slotted(.btn-primary){margin-left:3rem !important}.has-actions slot[name=actions]{display:block;padding-left:3rem}slot[name=actions]::slotted(.btn){margin-left:0.75rem !important}:host([data-search]) slot[name=actions]{padding-left:0 !important}#search-wrapper{margin-left:1.5rem !important;position:static}#search-dialog[open]{position:absolute;top:auto;bottom:0;left:0;width:100%;padding-block:1.5rem;padding-inline:0;background-color:rgba(0,0,0,0);text-align:right;border-radius:0;box-shadow:none}#search-dialog[open] .container{padding:var(--container-padding);padding-bottom:0}:host(.search-open){background:#e6eaec !important}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){:host(.search-open){background:var(--colour-canvas-2) !important}}@media screen and (min-width: 62em){:host(.search-open) .buttons-holder,:host(.search-open) #search-button{display:none}:host(.search-open.bg-primary){background:var(--colour-primary) !important}:host(.search-open.bg-primary) .suffix,:host(.search-open.bg-primary) #search{border:2px solid #b3c1c5;color:#fff}:host(.search-open.bg-primary) #search{border-right:0}.backdrop{content:"";display:block;position:absolute;top:100%;left:0;height:calc(100vh - var(--nav-height));width:100%;z-index:-1;pointer-events:none;transition:background .5s}.backdrop.show{pointer-events:all;background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}}::slotted(.nav--menu){pointer-events:all;overscroll-behavior:contain;width:calc(23.4375rem - var(--scrollbar-width));background-color:var(--colour-canvas-2);position:absolute;height:calc(100vh - 6rem);left:100%;top:0;padding:0 1.5rem 0 1.5rem;z-index:var(--index-menu);overflow:auto;transition:all 1s ease-out;display:flex;flex-direction:column;flex-wrap:nowrap}::slotted(.nav--menu)>*{flex-shrink:0}@media screen and (prefers-color-scheme: dark){::slotted(.nav--menu){--colour-link: var(--colour-white);--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #BFBFBF;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (prefers-color-scheme: light){::slotted(.nav--menu){background-color:var(--colour-white);--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light)}::slotted(.nav--menu) .text-primary{color:var(--colour-primary) !important}}@media(forced-colors: active){::slotted(.nav--menu){outline:1px solid #fff}}::slotted(.nav--menu):before{display:block;width:calc(100% + 3rem);border-top:2px solid var(--colour-border);z-index:1;padding:1.5rem 1.5rem;margin:0 -1.5rem;font-family:var(--font-heading);font-style:normal;font-weight:var(--heading-weight);color:var(--colour-heading);clear:both;font-size:1.75rem;line-height:2.25rem;max-width:var(--content-max-width)}@media screen and (min-width: 36em){::slotted(.nav--menu):before{font-size:2rem;line-height:2.5rem;margin-right:-2.5rem;padding-right:2.5rem;width:calc(100% + 4rem)}}@media screen and (min-width: 36em){::slotted(.nav--menu){padding-right:2.5rem !important}}@media screen and (min-width: 62em){::slotted(.nav--menu){height:calc(100vh - var(--nav-height));top:var(--nav-height)}}slot[name=menus]{position:absolute;top:0;right:0;display:block;height:100vh;overflow:hidden;pointer-events:none;width:calc(23.4375rem - var(--scrollbar-width))}::slotted(.nav--menu[data-open-title]):before{content:attr(data-open-title)}::slotted(.nav--menu.open){left:calc(100% - (23.4375rem - var(--scrollbar-width)));-webkit-box-shadow:0 6px 12px 0px rgba(0,0,0,.2);box-shadow:0 6px 12px 0px rgba(0,0,0,.2);pointer-events:all}@media screen and (max-width: 62em){:host(.open) .menu__outer{background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}}@media screen and (min-width: 62em){:host(.nav--md-compressed) .buttons-holder button{margin-left:1.5rem !important}:host(.nav--md-compressed) .btn-menu .btn i[class*=fa-]{margin-right:.5rem !important;margin-left:-0.5rem !important}:host(.nav--md-compressed) .btn-menu .btn{--btn-padding-inline: 2.5rem}:host(.nav--md-compressed) ::slotted(a:not([slot=logo]):not([slot=secondary])){margin-left:1.5rem !important}}@media screen and (min-width: 62em){:host(.nav--btn-compact:not(.nav--large)) .btn-menu .btn{padding:.5rem !important}:host(.nav--btn-compact:not(.nav--large)) .btn-menu .btn i{margin-right:0 !important}:host(.nav--btn-compact:not(.nav--large)) .btn-menu .btn span{display:none}}@media screen and (min-width: 62em)and (max-width: 90em){:host(.nav--btn-compact.nav--large) .btn-menu .btn{padding:.5rem !important}:host(.nav--btn-compact.nav--large) .btn-menu .btn i{margin-right:0 !important}:host(.nav--btn-compact.nav--large) .btn-menu .btn span{display:none}}@media screen and (max-width: 62em){:host(.nav--dual-buttons) slot[name=dual]{padding-block:1.5rem;display:block}}@media screen and (min-width: 62em){:host(.nav--dual-buttons) slot[name=dual]{display:flex;margin-left:auto;flex-direction:row-reverse}}/*# sourceMappingURL=assets/css/components/nav.css.map */
|
|
@@ -304,7 +299,7 @@
|
|
|
304
299
|
</div>
|
|
305
300
|
<div class="backdrop" part="backdrop"></div>
|
|
306
301
|
`,e.appendChild(i.content.cloneNode(!0)),document.getElementById("navGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="navGlobal">body:has(iam-nav.open:not(.nav--sticky):not(.nav--xs-sticky)){max-height:100vh;overflow:hidden}body{--nav-height: 6rem;--sticky-padding: 0px}body:has(iam-nav a[slot=secondary]){--nav-height: 8.5rem}body:has(iam-nav.nav--sticky){--sticky-padding: var(--nav-height)}nav:has(iam-nav){min-height:6rem;display:block;position:relative}nav:has(iam-nav) iam-nav{position:absolute;top:0;left:0;width:100%;z-index:var(--index-menu)}@media screen and (min-width: 62em){nav:has(iam-nav a[slot=secondary]){min-height:8.5rem}}nav:has(iam-nav.nav--sticky) iam-nav{position:fixed}@media screen and (max-width: 36em){body:has(iam-nav.open:not(.nav--xs-sticky)){max-height:100vh;overflow:hidden}nav:has(iam-nav.nav--xs-sticky) iam-nav{position:fixed}}@media screen and (min-width: 36em){body:has(iam-nav.open:not(.nav--sticky)){max-height:100vh;overflow:hidden}}iam-nav{--nav-height: 6rem;overscroll-behavior:contain !important;background-color:var(--colour-canvas);display:block;margin-left:auto;margin-right:auto;padding:var(--container-padding);padding-top:1.5rem;padding-bottom:1.5rem;width:100%}iam-nav:has(a[slot=secondary]){--nav-height: 8.5rem}iam-nav .brand{font-size:3rem;height:3rem;padding:0;text-decoration:none;min-width:min(var(--svg-width),14rem);margin-right:auto}iam-nav .brand img{height:100%;width:auto}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)){text-decoration:none}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)) .badge{position:absolute;right:0;top:50%;margin-top:-0.8rem}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)):active{text-decoration-color:#a2d393 !important}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page]{text-decoration-color:var(--colour-info) !important}iam-nav details>summary{text-decoration:none}iam-nav details>summary:where(:hover,:focus,.selected){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav details>summary:active{text-decoration-color:#a2d393 !important}iam-nav details[open]>summary{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-success)}iam-nav details:has([aria-current=page]:not([data-duplicate]))>summary{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-info)}@media screen and (max-width: 62em){iam-nav details{background-color:var(--colour-canvas);margin-left:-1.5rem;margin-right:-1.5rem;padding-inline:1.5rem;width:auto;position:relative}}@media screen and (max-width: 62em)and (prefers-color-scheme: light){iam-nav details{background-color:#eee}}@media screen and (max-width: 62em){iam-nav details summary{background-color:var(--colour-white);display:block;border:none;color:var(--colour-link);margin:0;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 4rem 1.5rem 1.5rem;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}}@media screen and (max-width: 62em)and (prefers-color-scheme: dark){iam-nav details summary{background-color:var(--colour-canvas-2)}}@media screen and (max-width: 62em){iam-nav details summary:after{content:"";display:block;font-size:1.5rem;font-weight:300;position:absolute;top:1.5rem;right:1.5rem;font-family:"Font Awesome 6 Pro";line-height:1em}iam-nav details[open]>summary:after{content:"";font-weight:bold}iam-nav details a{text-decoration:none;display:block;border:none;color:var(--colour-link);margin:0;margin-left:3rem;padding:1.5rem 0 1.5rem 0;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}iam-nav details a:after{background:var(--colour-border) !important;top:calc(100% - 2px) !important;width:100% !important}iam-nav details a:has(iam-card){display:none !important}iam-nav details>div a:last-child{margin-bottom:0 !important}iam-nav details>div a:last-child:after{display:none}iam-nav details:after{content:"";position:absolute;top:calc(100% - 2px);left:1.5rem;height:2px;width:calc(100% - 3rem);display:block;height:2px;background-color:var(--colour-border) !important}iam-nav details details:after{display:none}iam-nav details details summary{padding:0 1.5rem 1.5rem 3.5rem;position:relative}iam-nav details details summary:after{left:1.5rem;font-size:1rem;top:0.1875rem;transform:none;font-weight:400}iam-nav details a+details>summary{padding-top:1.5rem}iam-nav details a+details>summary:after{margin-top:1.5rem}iam-nav details details[open]+details:before{content:"";display:block;background:var(--colour-canvas-2);padding-top:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem}}@media screen and (max-width: 62em)and (min-width: 36em){iam-nav details{padding-right:2.5rem;margin-right:-2.5rem}iam-nav details:after{width:calc(100% - 4rem)}iam-nav details summary{padding-right:2.5rem;margin-right:-2.5rem}iam-nav details summary:after{right:2.5rem}iam-nav details details[open]+details:before{padding-right:2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 62em){iam-nav .nav--menu details{background-color:var(--colour-canvas);margin-left:-1.5rem;margin-right:-1.5rem;padding-inline:1.5rem;width:auto;position:relative;padding-right:2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav .nav--menu details{background-color:#eee}}@media screen and (min-width: 62em){iam-nav .nav--menu details summary{background-color:var(--colour-white);display:block;border:none;color:var(--colour-link);margin:0;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 4rem 1.5rem 1.5rem;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){iam-nav .nav--menu details summary{background-color:var(--colour-canvas-2)}}@media screen and (min-width: 62em){iam-nav .nav--menu details summary:after{content:"";display:block;font-size:1.5rem;font-weight:300;position:absolute;top:1.5rem;right:1.5rem;font-family:"Font Awesome 6 Pro";line-height:1em}iam-nav .nav--menu details[open]>summary:after{content:"";font-weight:bold}iam-nav .nav--menu details a{text-decoration:none;display:block;border:none;color:var(--colour-link);margin:0;margin-left:3rem;padding:1.5rem 0 1.5rem 0;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}iam-nav .nav--menu details a:after{background:var(--colour-border) !important;top:calc(100% - 2px) !important;width:100% !important}iam-nav .nav--menu details a:has(iam-card){display:none !important}iam-nav .nav--menu details>div a:last-child{margin-bottom:0 !important}iam-nav .nav--menu details>div a:last-child:after{display:none}iam-nav .nav--menu details:after{content:"";position:absolute;top:calc(100% - 2px);left:1.5rem;height:2px;width:calc(100% - 3rem);display:block;height:2px;background-color:var(--colour-border) !important}iam-nav .nav--menu details:after{width:calc(100% - 4rem)}iam-nav .nav--menu details summary{padding-right:2.5rem;margin-right:-2.5rem}iam-nav .nav--menu details summary:after{right:2.5rem}}@media screen and (min-width: 62em){iam-nav>details,iam-nav *:not(.nav--menu)>details{width:auto}iam-nav>details>summary,iam-nav *:not(.nav--menu)>details>summary{display:block;border:none;color:var(--colour-link);margin:0;font-size:1rem;line-height:6rem;min-height:6rem;margin-block:-1.5rem;position:relative;font-weight:normal;white-space:nowrap;padding-right:1.5rem}iam-nav>details>summary:after,iam-nav *:not(.nav--menu)>details>summary:after{content:"";display:block;font-size:1rem;font-weight:300;position:absolute;top:50%;transform:translate(0, -50%);right:0;font-family:"Font Awesome 6 Pro";line-height:1em}iam-nav>details:not(:first-child)>summary,iam-nav *:not(.nav--menu)>details:not(:first-child)>summary{margin-left:1.5rem}iam-nav>details div,iam-nav *:not(.nav--menu)>details div{display:none}iam-nav>details[open]>div,iam-nav *:not(.nav--menu)>details[open]>div{position:absolute;display:block;top:100%;left:0;width:100%;padding-inline:max(var(--padding-inline),(100% - var(--container-max-width))/2 + var(--padding-inline)) !important;box-shadow:0px 6px 12px rgba(0,0,0,.11)}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav>details[open]>div,iam-nav *:not(.nav--menu)>details[open]>div{background:var(--colour-white);--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light)}iam-nav>details[open]>div .text-primary,iam-nav *:not(.nav--menu)>details[open]>div .text-primary{color:var(--colour-primary) !important}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){iam-nav>details[open]>div,iam-nav *:not(.nav--menu)>details[open]>div{--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #BFBFBF;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (min-width: 62em){iam-nav>details[open]>div:has(details),iam-nav *:not(.nav--menu)>details[open]>div:has(details){background:var(--colour-canvas-2)}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav>details[open]>div:has(details),iam-nav *:not(.nav--menu)>details[open]>div:has(details){background:#eee}}@media screen and (min-width: 62em){iam-nav>details[open]>div:has(details)>a,iam-nav *:not(.nav--menu)>details[open]>div:has(details)>a{display:inline-block !important;margin-right:2rem !important}iam-nav>details[open]>div:has(details)>a:first-child,iam-nav *:not(.nav--menu)>details[open]>div:has(details)>a:first-child{margin-right:0}iam-nav>details[open]>div:has(details)>a:after,iam-nav *:not(.nav--menu)>details[open]>div:has(details)>a:after{display:none !important}iam-nav>details[open]>div:has(details) a:has(iam-card),iam-nav *:not(.nav--menu)>details[open]>div:has(details) a:has(iam-card){display:none}iam-nav>details[open]>div:has(details) details,iam-nav *:not(.nav--menu)>details[open]>div:has(details) details{display:inline-block}iam-nav>details[open]>div:has(details) details summary,iam-nav *:not(.nav--menu)>details[open]>div:has(details) details summary{display:inline-block;margin-left:0 !important;margin-right:2rem}iam-nav>details[open]>div:has(details) details:first-child summary,iam-nav *:not(.nav--menu)>details[open]>div:has(details) details:first-child summary{margin-left:0}iam-nav>details[open]>div:not(:has(details)),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)){background:var(--colour-canvas);padding-top:8rem;padding-bottom:4rem;columns:3;column-gap:6.875rem}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav>details[open]>div:not(:has(details)),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)){background:var(--colour-white);--colour-canvas-2: white}}@media screen and (min-width: 62em){iam-nav>details[open]>div:not(:has(details))>a,iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details))>a{margin-right:0 !important;display:block;max-height:6rem}iam-nav>details[open]>div:not(:has(details))>a.double-height,iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details))>a.double-height{min-height:6rem}iam-nav>details[open]>div:not(:has(details)) a:has(iam-card),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)) a:has(iam-card){display:inline-block}iam-nav>details[open]>div:not(:has(details)):before,iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):before{content:attr(data-title);display:block;position:absolute;top:0;left:0;width:100%;color:var(--colour-white);padding-inline:max(var(--padding-inline),(100% - var(--container-max-width))/2 + var(--padding-inline)) !important;font-size:2rem;font-weight:bold;line-height:5.5rem;--gradient-direction: 90deg;background-color:var(--colour-info-theme);background-image:linear-gradient(var(--gradient-direction), var(--colour-primary-theme) 0, transparent 100%) !important}iam-nav>details[open]>div:not(:has(details)):has(iam-card),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):has(iam-card){column-gap:1rem}iam-nav>details[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card)),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card)){margin-right:5.875rem !important}iam-nav>details[open]>div:not(:has(details)):has(iam-card) a:has(iam-card):after,iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):has(iam-card) a:has(iam-card):after{display:none}iam-nav>details[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card))+a:has(iam-card),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card))+a:has(iam-card){break-before:column}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)),iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)){font-size:1rem;line-height:1.5rem;padding-block:1.5rem;position:relative;font-weight:normal;display:block;margin:0}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]),iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):active,iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):active{text-decoration-color:#a2d393 !important}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page],iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page]{text-decoration-color:var(--colour-info)}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):after,iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):after{content:"";display:block;height:2px;width:100% !important;top:calc(100% - 2px);background-color:var(--colour-border) !important}iam-nav>details details>summary,iam-nav *:not(.nav--menu)>details details>summary{padding-right:0;background:rgba(0,0,0,0)}iam-nav>details details>summary:after,iam-nav *:not(.nav--menu)>details details>summary:after{display:none}iam-nav>details details:not(:first-child)>summary,iam-nav *:not(.nav--menu)>details details:not(:first-child)>summary{margin-left:2rem}nav:has(iam-nav.open){min-height:100vh !important;max-height:100vh;overflow:auto;margin-bottom:calc((100vh - var(--nav-height))*-1)}html:has(iam-nav.open:not(.demo-open)){overflow:hidden}}@media screen and (min-width: 80em){iam-nav.nav--large *:not(.nav--menu)>details[open]>div:not(:has(details)){columns:4;column-gap:6.875rem}}@media screen and (min-width: 62em){iam-nav.search-open>*:not([slot=logo]):not([slot=secondary]):not([slot=search]){display:none !important}}@media screen and (min-width: 62em){iam-nav:has([slot=dual]) .brand:has(~[slot=dual]){margin-right:1.5rem !important}iam-nav:has([slot=dual]) *:not([slot=dual]):has(+[slot=dual])+[slot=dual]{margin-left:auto !important}iam-nav:has([slot=dual]) .btn[slot=dual]{margin-left:0}iam-nav:has([slot=dual])::part(btn-menu){margin-left:1rem !important}}iam-nav>.dialog__wrapper .dialog--list a{font-size:1rem}@media screen and (max-width: 62em){iam-nav>.dialog__wrapper:not(.dialog--xs){width:100%}iam-nav>.dialog__wrapper:not(.dialog--xs) .btn-compact{display:none !important}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list{display:contents !important}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a{font-size:1rem}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a,iam-nav .btn-compact{--compact-size: 2rem;all:unset;display:block !important;font-size:0.875rem !important;line-height:2rem !important;height:2rem !important;min-height:2rem !important;max-height:2rem !important;width:100% !important;margin:0 !important;cursor:pointer;color:var(--colour-link);font-weight:normal !important}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a:where(:hover,:focus,.selected,[aria-current=page]),iam-nav .btn-compact:where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a:before,iam-nav .btn-compact:before{display:inline-block;width:auto;position:static;margin-right:.5rem;font-size:.875rem !important;text-decoration:none !important}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a:after,iam-nav .btn-compact:after{display:none}}iam-nav .nav--menu{outline:none !important}iam-nav .nav--menu::-webkit-scrollbar{width:6px}iam-nav .nav--menu::-webkit-scrollbar-track{border:0 !important}iam-nav .nav--menu::-webkit-scrollbar-thumb{border:0 !important}iam-nav .nav--menu hr{width:100% !important;border-top:2px solid var(--colour-border) !important}iam-nav .nav--menu a{display:block !important;line-height:1.25rem !important;padding:1.5rem 0 !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important}iam-nav .nav--menu a:not(.mb-0):not(:has(+a)){margin:0 0 2.25rem 0 !important}iam-nav .nav--menu a:has(+a){margin-bottom:0 !important}iam-nav .nav--menu a:after{content:"";display:block;height:2px;width:100% !important;background-color:var(--colour-border) !important;top:calc(100% - 2px) !important}iam-nav .nav--menu>button{min-width:100%;text-align:center}iam-nav .nav--menu.closed *{display:none !important}/*# sourceMappingURL=assets/css/components/nav.global.css.map */
|
|
307
|
-
</style>`)}connectedCallback(){this.hasAttribute("data-css")&&this.shadowRoot.querySelector(".doc-styles").insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`);const e=this.shadowRoot.querySelector(".btn-menu"),t=this.shadowRoot.querySelector(".menu"),r=this,i=this.shadowRoot.querySelector(".backdrop"),l=this.shadowRoot.querySelector(".buttons-holder");if(this.querySelectorAll(":scope > *").forEach(function(o){switch(o.tagName){case"BUTTON":o.hasAttribute("slot")||(o.setAttribute("slot","actions"),t.classList.add("has-actions"));break}if(o.classList.contains("nav--menu")&&o.hasAttribute("data-title")&&o.hasAttribute("data-icon")){const
|
|
302
|
+
</style>`)}connectedCallback(){this.hasAttribute("data-css")&&this.shadowRoot.querySelector(".doc-styles").insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`);const e=this.shadowRoot.querySelector(".btn-menu"),t=this.shadowRoot.querySelector(".menu"),r=this,i=this.shadowRoot.querySelector(".backdrop"),l=this.shadowRoot.querySelector(".buttons-holder");if(this.querySelectorAll(":scope > *").forEach(function(o){switch(o.tagName){case"BUTTON":o.hasAttribute("slot")||(o.setAttribute("slot","actions"),t.classList.add("has-actions"));break}if(o.classList.contains("nav--menu")&&o.hasAttribute("data-title")&&o.hasAttribute("data-icon")){const s=o.getAttribute("data-title"),c=o.getAttribute("data-icon"),d=document.createElement("button");d.setAttribute("slot",s),d.classList.add("btn-menu"),d.setAttribute("part","btn-menu"),d.innerHTML=`<span class="btn btn-primary"><span>${s}</span><i class="${c}"></i><i class="fa-regular fa-xmark-large"></i></span>`,l.insertAdjacentElement("beforeend",d);const u=d.querySelector(".btn-primary");o.setAttribute("slot","menus"),o.classList.contains("open")?(d.setAttribute("aria-expanded",!0),u.classList.toggle("active"),r.classList.add("open"),i.classList.add("show")):o.classList.add("closed"),d.addEventListener("click",function(m){m.preventDefault(),d.toggleAttribute("aria-expanded"),o.classList.toggle("open"),u.classList.toggle("active");let p=r.querySelector(":scope > details[open]");p&&p.removeAttribute("open"),o.classList.contains("open")?(t.classList.remove("open"),e.removeAttribute("aria-expanded"),setTimeout(function(){t.classList.add("closed")},1e3),r.classList.add("open"),i.classList.add("show"),o.classList.remove("closed")):(r.classList.remove("open"),i.classList.remove("show"),setTimeout(function(){o.classList.add("closed")},1e3)),r.querySelectorAll(".nav--menu.open").forEach(function(b){b!=o&&b.classList.remove("open")}),r.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(b){b!=d&&(b.removeAttribute("aria-expanded"),b.querySelector(".btn-primary").classList.remove("active"))})},!1)}}),this.querySelector('a[slot="secondary"]')&&t.classList.add("has-secondary"),document.documentElement.style.setProperty("--scrollbar-width",window.innerWidth-document.documentElement.offsetWidth+"px"),e.addEventListener("click",function(o){o.preventDefault(),e.toggleAttribute("aria-expanded"),t.classList.toggle("open"),r.querySelectorAll(".nav--menu.open").forEach(function(s){s.classList.remove("open"),setTimeout(function(){s.classList.add("closed")},1e3)}),r.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(s){s.removeAttribute("aria-expanded"),s.querySelector(".btn-primary").classList.remove("active")}),t.classList.contains("open")?(r.classList.add("open"),t.classList.remove("closed")):(r.classList.remove("open"),setTimeout(function(){t.classList.add("closed")},1e3))},!1),this.addEventListener("request-close",o=>{e.removeAttribute("aria-expanded"),t.classList.remove("open"),r.classList.remove("open")}),i.addEventListener("click",o=>{let s=this.querySelector("details[open] summary");s&&s.click(),r.querySelectorAll(".nav--menu.open").forEach(function(c){c.classList.remove("open")}),r.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(c){c.removeAttribute("aria-expanded"),c.querySelector(".btn-primary").classList.remove("active")}),i.classList.remove("show")}),this.addEventListener("click",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("summary")&&window.innerWidth>992&&!o.target.closest(".nav--menu")){let s=o.target.closest("summary").closest("details"),c=s.parentNode;s.hasAttribute("open")?s.removeAttribute("open"):s.setAttribute("open","true"),r.querySelectorAll(".nav--menu.open").forEach(function(d){d.classList.remove("open"),setTimeout(function(){t.classList.add("closed")},1e3)}),r.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(d){d.removeAttribute("aria-expanded"),d.querySelector(".btn-primary").classList.remove("active")}),Array.from(c.querySelectorAll(":scope > details")).forEach((d,u)=>{d!=s&&d.removeAttribute("open")}),this.querySelectorAll(":scope > details[open]").length?(i.classList.add("show"),r.classList.add("open")):(i.classList.remove("show"),r.classList.remove("open")),o.preventDefault()}}),this.querySelectorAll("details").forEach(o=>{let s=o.querySelector("summary");o.querySelector(":Scope > div").setAttribute("data-title",s.textContent)}),this.querySelector('[slot="search"]')){t.classList.add("has-search");let o=this.shadowRoot.querySelector("#search-wrapper");o.classList.remove("d-none"),o.insertAdjacentHTML("afterbegin",`<button class="btn btn-secondary btn-compact fa-search me-0 mb-0" id="search-button" aria-controls="search-dialog">Open Search field</button>
|
|
308
303
|
<dialog id="search-dialog">
|
|
309
304
|
<div class="container">
|
|
310
305
|
<div class="row">
|
|
@@ -316,7 +311,7 @@
|
|
|
316
311
|
</div>
|
|
317
312
|
</div>
|
|
318
313
|
</div>
|
|
319
|
-
</dialog>`);let
|
|
314
|
+
</dialog>`);let s=this.shadowRoot.querySelector("#search-button"),c=this.shadowRoot.querySelector("#search-close"),d=this.shadowRoot.querySelector("#search-dialog");this.hasAttribute("data-search-open")&&(d.setAttribute("open","open"),this.classList.add("search-open"),s.setAttribute("aria-expanded",!0)),s.addEventListener("click",u=>{d.setAttribute("open","open"),this.classList.add("search-open"),s.setAttribute("aria-expanded",!0)}),c.addEventListener("click",u=>{d.removeAttribute("open"),this.classList.remove("search-open"),s.removeAttribute("aria-expanded")})}}}},Symbol.toStringTag,{value:"Module"})),Ko=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 i=document.createElement("div");i.classList.add("tabs__links__wrapper"),i.prepend(t),a.prepend(i)}let r=0;e.forEach((i,l)=>{let o=document.createElement("button");if(i.matches("details")){let s=i.querySelector(":scope > summary"),c=s.classList.contains("disabled");s.classList.add("visually-hidden"),i.hasAttribute("id")&&o.setAttribute("data-id",`${i.getAttribute("id")}`),i.hasAttribute("open")&&o.setAttribute("aria-pressed",!0),o.innerHTML=`${s.innerText}`,o.classList.add("link"),o.setAttribute("data-index",r),i.setAttribute("tabindex","-1"),c&&o.classList.add("disabled"),r++}else i.matches("a")&&(o=i);o.classList.add("link"),t.appendChild(o)})},Yo=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(i=>{i.addEventListener("click",l=>{if(l.preventDefault(),i.classList.contains("disabled"))return!1;r.forEach(o=>{let s=o==i;o.setAttribute("aria-pressed",s)}),e.forEach((o,s)=>{let c=i.getAttribute("data-index")==s;c?o.setAttribute("open",c):o.removeAttribute("open")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:i.textContent})})}),t.forEach((i,l)=>{i.addEventListener("click",o=>{o.preventDefault(),r[l].click()})})},Jo=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))},Qo=function(a){Ko(a),Yo(a),Jo(a)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});class Zo 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/tabs.css";`,i=document.createElement("template");i.innerHTML=`
|
|
320
315
|
<style>
|
|
321
316
|
@import "${t}";
|
|
322
317
|
${r}
|
|
@@ -333,10 +328,10 @@
|
|
|
333
328
|
</div>
|
|
334
329
|
<slot></slot>
|
|
335
330
|
</div>
|
|
336
|
-
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){let e=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${e}`),
|
|
337
|
-
* iamKey v5.4.2-
|
|
331
|
+
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){let e=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${e}`),Qo(this)}}const tr=Object.freeze(Object.defineProperty({__proto__:null,default:Zo},Symbol.toStringTag,{value:"Module"}));/*!
|
|
332
|
+
* iamKey v5.4.2-beta3
|
|
338
333
|
* Copyright 2022-2024 iamproperty
|
|
339
|
-
*/const
|
|
334
|
+
*/const er=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 i=document.createElement("div");i.classList.add("tabs__links__wrapper"),i.prepend(t),a.prepend(i)}let r=0;e.forEach((i,l)=>{let o=document.createElement("button");if(i.matches("details")){let s=i.querySelector(":scope > summary"),c=s.classList.contains("disabled");s.classList.add("visually-hidden"),i.hasAttribute("id")&&o.setAttribute("data-id",`${i.getAttribute("id")}`),i.hasAttribute("open")&&o.setAttribute("aria-pressed",!0),o.innerHTML=`${s.innerText}`,o.classList.add("link"),o.setAttribute("data-index",r),i.setAttribute("tabindex","-1"),c&&o.classList.add("disabled"),r++}else i.matches("a")&&(o=i);o.classList.add("link"),t.appendChild(o)})},ar=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(i=>{i.addEventListener("click",l=>{if(l.preventDefault(),i.classList.contains("disabled"))return!1;r.forEach(o=>{let s=o==i;o.setAttribute("aria-pressed",s)}),e.forEach((o,s)=>{let c=i.getAttribute("data-index")==s;c?o.setAttribute("open",c):o.removeAttribute("open")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:i.textContent})})}),t.forEach((i,l)=>{i.addEventListener("click",o=>{o.preventDefault(),r[l].click()})})},or=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))},rr=function(a){er(a),ar(a),or(a)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});class nr 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=`
|
|
340
335
|
<style>
|
|
341
336
|
@import "${t}";
|
|
342
337
|
.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: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%, 0);display:block;clear:both}@media screen and (prefers-color-scheme: dark){.tabs:not(.admin-panel) .tabs__links__wrapper:before{background:linear-gradient(90deg, rgba(38, 38, 38, 0), rgb(38, 38, 38))}}.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:bold;font-family:var(--font-heading);font-size:1.125rem;cursor:pointer;margin:0;padding:1.5rem 1.5rem .5rem 1.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%, 0) scale(0, 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%, 0) scale(0.6, 1)}.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):is([aria-pressed=true],:active,.current):after{transform:translate(-50%, 0) scale(1, 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 2rem}.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:0.5rem;border-top-right-radius:0.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}/*# sourceMappingURL=assets/css/components/tabs.css.map */
|
|
@@ -354,60 +349,13 @@
|
|
|
354
349
|
</div>
|
|
355
350
|
<slot></slot>
|
|
356
351
|
</div>
|
|
357
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){let e=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${e}`),mr(this)}}const pr=Object.freeze(Object.defineProperty({__proto__:null,default:ur},Symbol.toStringTag,{value:"Module"})),hr=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 i(){window.player=new YT.Player(t,{height:"100%",width:"100%",videoId:e,playerVars:{modestbranding:1,playsinline:1,rel:0,showinfo:0},events:{onReady:l,onStateChange:n}})}i();function l(d){d.target.playVideo()}var o=!1;function n(d){if(d.data==YT.PlayerState.PLAYING&&!o){var c=document.getElementById(t);c.classList.add("player-ready"),o=!0}}},br=a=>(Array.from(a.querySelectorAll("dialog[open]")).forEach((e,t)=>{e.closest(".dialog__wrapper")||(e.removeAttribute("open"),e.showModal(),e.focus(),Q(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 i=e.target.closest("[data-modal]"),l=i.hasAttribute("data-modal")?i.getAttribute("data-modal"):i.getAttribute("data-filter"),o=document.querySelector(`dialog#${l}`);Q(o),o.showModal(),o.focus();let n=o.offsetWidth;o.setAttribute("style",`max-width: ${n}px;`),Array.from(o.querySelectorAll("[data-duplicate]")).forEach((d,c)=>{const p=d.getAttribute("data-duplicate"),u=document.getElementById(p);if(d.checked!=u.checked){d.checked=u.checked;let m=new Event("change");d.dispatchEvent(m)}}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:l})}if(e&&e.target instanceof HTMLElement&&e.target.closest("button.dialog__close")){const i=e.target.closest("dialog[open]");e.preventDefault(),i.close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((l,o)=>{l.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:i.getAttribute("id")})}if(e&&e.target instanceof HTMLElement&&e.target.closest('button[formmethod="dialog"]')){const i=e.target.closest("dialog[open]");Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((l,o)=>{l.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:i.getAttribute("id")})}if(e&&e.target instanceof HTMLElement&&e.target.closest("dialog[open]")){let i=e.target.closest("dialog[open]");var t=window.getComputedStyle(i);if(t.display==="contents"&&(i=i.parentNode.closest("dialog[open]")),!i.classList.contains("dialog--transactional")&&!i.classList.contains("dialog--acknowledgement")){const l=i.getBoundingClientRect();(e.clientX<l.left||e.clientX>l.right||e.clientY<l.top||e.clientY>l.bottom)&&(e.target.closest('input[type="radio"]')||i.close(),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:i.getAttribute("id")}))}}if(e&&e.target instanceof HTMLElement&&e.target.closest(".dialog__wrapper > button")){e.stopPropagation();let i=e.target.closest(".dialog__wrapper > button"),l=e.target.closest(".dialog__wrapper > button").parentNode,o="openPopover",n=l.querySelector(":scope > dialog");if(document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]")!=n&&document.querySelector("*:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((u,m)=>{u.removeAttribute("aria-expanded")}),n.hasAttribute("open"))n.close(),o="closePopover",n.removeAttribute("style"),i.removeAttribute("aria-expanded");else{n.show(),i.setAttribute("aria-expanded",!0);var r=i.getBoundingClientRect();let u=r.top,m=r.left;if(i.closest("iam-table")){let b=i.closest("iam-table").parentNode.getBoundingClientRect();u-=b.top,m-=b.left}n.classList.contains("dialog--fix")&&n.setAttribute("style",`position:fixed;top: ${u}px; left: ${m}px; margin: 3rem 0 0 0;`)}let d=n.getBoundingClientRect(),c=d.bottom-window.scrollY,p=window.innerHeight-window.scrollY;if(c>p){let u=n.hasAttribute("style")?n.getAttribute("style")+" ":"";n.setAttribute("style",u+"transform: translate(0, calc(-100% - 4rem))"),d=n.getBoundingClientRect(),d.top-window.scrollY<100&&n.removeAttribute("style")}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:o,id:i.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((i,l)=>{i.removeAttribute("aria-expanded")}))}),null),Q=a=>{let e=a.querySelector(".youtube-embed a");if(e&&hr(e),a.classList.contains("dialog--multi")&&!a.querySelector(":scope > .steps")&&fr(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 i=r.previousSibling;t.before(r),i&&r.before(i)}}a.querySelector(":scope > button:first-child")||a.insertAdjacentHTML("afterbegin",'<button class="dialog__close">Close</button>')},fr=a=>{let e="",t=Array.from(a.querySelectorAll("fieldset[data-title]")),r=a.querySelector("form");t.forEach((o,n)=>{e+=`<button data-title="${o.getAttribute("data-title")}" type="button" class="${n==0?"active":""}" tabindex="-1">${o.getAttribute("data-title")}</button>`;const d=document.createElement("div");if(d.classList.add("btn--wrapper"),o.appendChild(d),n!=0&&(d.innerHTML+=`<button data-title="${t[n-1].getAttribute("data-title")}" class="btn btn-secondary mb-0" data-previous type="button">Previous</button>`),n!=t.length-1&&(d.innerHTML+=`<button data-title="${t[n+1].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="button">Next</button>`),n==t.length-1)if(r&&r.querySelector(':scope > button[type="submit"]')){let c=r.querySelector(':scope > button[type="submit"]');c.classList.add("mb-0"),d.insertAdjacentElement("beforeend",c)}else d.innerHTML+=`<button data-title="${t[n].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 i=Array.from(a.querySelectorAll("fieldset.was-validated"));for(let o=0;o<i.length;o++){let n=i[o],d=n.getAttribute("data-title");if(n.querySelector(".is-invalid")){Array.from(a.querySelectorAll(`[data-title="${d}"]`)).forEach((c,p)=>{c.classList.add("active")});break}else Array.from(a.querySelectorAll(`[data-title="${d}"]`)).forEach((c,p)=>{c.classList.add("valid")})}a.addEventListener("invalid",function(){return function(o){o.preventDefault()}}(),!0);function l(o){const n=a.querySelector("fieldset.active")?a.querySelector("fieldset.active"):a.querySelector("fieldset[data-title]"),d=n.getAttribute("data-title");let c=!0;if(n.classList.add("was-validated"),Array.from(n.querySelectorAll("input")).forEach((m,b)=>{m.checkValidity()||(c=!1)}),c?Array.from(a.querySelectorAll(`[data-title="${d}"]`)).forEach((m,b)=>{m.classList.add("valid")}):Array.from(a.querySelectorAll(`[data-title="${d}"]`)).forEach((m,b)=>{m.classList.remove("valid")}),c||!o.hasAttribute("data-next")){const m=a.querySelector(`fieldset[data-title="${o.getAttribute("data-title")}"]`),b=a.querySelector(`.steps button[data-title="${o.getAttribute("data-title")}"]`);Array.from(a.querySelectorAll("button")).forEach((h,f)=>{h.classList.remove("active")}),Array.from(a.querySelectorAll("fieldset")).forEach((h,f)=>{h.classList.remove("active")}),b.classList.add("active"),m.classList.add("active")}let p=Array.from(a.querySelectorAll("fieldset")).length,u=Array.from(a.querySelectorAll("fieldset.valid")).length;a.style.setProperty("--progress",`${u/(p-1)*100}%`)}a.addEventListener("keydown",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("button")){const n=o.target.closest("button");o.keyCode==13&&n.getAttribute("type")!="submit"&&(o.preventDefault(),l(n))}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 n=o.target.closest("button[data-title]");l(n)}return null})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"action bar"});function Z(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 gr 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/actionbar.css";`,i=`@import "${e}/css/components/actionbar.global.css";`,l=document.createElement("template");l.innerHTML=`
|
|
358
|
-
|
|
359
|
-
@import "${t}";
|
|
360
|
-
${r}
|
|
361
|
-
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
362
|
-
</style>
|
|
363
|
-
<link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous">
|
|
364
|
-
<div class="actionbar__wrapper">
|
|
365
|
-
<div class="actionbar">
|
|
366
|
-
<div class="safe-area">
|
|
367
|
-
<slot></slot>
|
|
368
|
-
<div class="body">
|
|
369
|
-
<div class="dialog__wrapper dialog__wrapper--right dialog-overflow d-none show">
|
|
370
|
-
<button class="btn btn-secondary btn-compact fa-ellipsis-vertical m-0">More actions</button>
|
|
371
|
-
<dialog class="dialog--list">
|
|
372
|
-
<slot name="overflow"></slot>
|
|
373
|
-
<slot name="menu"></slot>
|
|
374
|
-
</dialog>
|
|
375
|
-
</div>
|
|
376
|
-
<button class="btn btn-secondary btn-compact btn-sm fa-search" data-search="">Search</button>
|
|
377
|
-
</div>
|
|
378
|
-
</div>
|
|
379
|
-
</div>
|
|
380
|
-
<div class="actionbar--selected">
|
|
381
|
-
<div class="safe-area">
|
|
382
|
-
<slot name="selected"></slot>
|
|
383
|
-
<div class="body">
|
|
384
|
-
<div class="dialog__wrapper dialog__wrapper--right dialog-overflow d-none show">
|
|
385
|
-
<button class="btn btn-secondary btn-compact fa-ellipsis-vertical m-0">More actions</button>
|
|
386
|
-
<dialog class="dialog--list">
|
|
387
|
-
<slot name="selected-overflow"></slot>
|
|
388
|
-
</dialog>
|
|
389
|
-
</div>
|
|
390
|
-
</div>
|
|
391
|
-
</div>
|
|
392
|
-
</div>
|
|
393
|
-
<div class="actionbar--search">
|
|
394
|
-
<button data-search class="btn btn-compact fa-xmark-large btn-secondary m-0" >Close</button>
|
|
395
|
-
|
|
396
|
-
<div class="search-wrapper">
|
|
397
|
-
<label for="search" class="visually-hidden">Input field label</label>
|
|
398
|
-
<button class="suffix"><i class="fa-regular fa-search"></i></button>
|
|
399
|
-
<input type="text" id="search" name="search" required="">
|
|
400
|
-
</div>
|
|
401
|
-
|
|
402
|
-
</div>
|
|
403
|
-
</div>
|
|
404
|
-
`,this.shadowRoot.appendChild(l.content.cloneNode(!0)),document.getElementById("actionbarGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="actionbarGlobal">${i}</style>`)}connectedCallback(){let e=this;const t=this.shadowRoot.querySelector(".actionbar__wrapper");if(this.hasAttribute("data-selectall")){t.insertAdjacentHTML("afterbegin",'<div class="selectall pb-0"><input type="checkbox" name="selectall" id="selectall"><label for="selectall" class="m-0">Select all</label></div>');let o=this.shadowRoot.querySelector(".selectall");this.hasAttribute("data-selected")&&Z(o,this.getAttribute("data-selected")),o.addEventListener("change",d=>{d&&d.target instanceof HTMLElement&&d.target.closest("input")&&(d.target.closest("input").checked?this.setAttribute("data-selected","all"):this.setAttribute("data-selected",0))});let n=this.querySelector("button[data-cancel]");n&&n.addEventListener("click",d=>{this.setAttribute("data-selected",0)})}if(this.hasAttribute("data-select-watch")){const o=document.getElementById(this.getAttribute("data-select-watch"));o.setAttribute("data-select-container","true"),Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((n,d)=>{n.parentElement.setAttribute("slot","checkbox")}),o.addEventListener("change",n=>{if(n&&n.target instanceof HTMLElement&&n.target.closest('[type="checkbox"]')){let d=o.querySelectorAll('input[type="checkbox"]').length,c=o.querySelectorAll('input[type="checkbox"]:checked').length;e.setAttribute("data-selected",d==c?"all":c),n.target.closest('[type="checkbox"]'),c?Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((p,u)=>{p.closest("iam-card")&&p.closest("iam-card").setAttribute("data-selected","true")}):Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((p,u)=>{p.closest("iam-card")&&p.closest("iam-card").removeAttribute("data-selected")})}})}if(this.hasAttribute("data-switchviews")){let o="";this.getAttribute("data-switchviews").split(",").forEach((c,p)=>{let u="fa-grid-2";c=="list"?u="fa-grip-lines":c=="small"&&(u="fa-bars"),o+=`<button class="btn btn-action btn-compact mb-0 fa-regular ${u}">${c}</button>`}),t.insertAdjacentHTML("afterbegin",`<div class="views m-0">${o}</div>`),this.shadowRoot.querySelector(".views").addEventListener("click",c=>{if(c&&c.target instanceof HTMLElement&&c.target.closest(".btn-action")){let p=c.target.closest(".btn-action");this.setAttribute("data-view",p.textContent);const u=new CustomEvent("switch-view",{detail:{view:p.textContent}});this.dispatchEvent(u)}})}const r=this.shadowRoot.querySelector(".actionbar--search");this.hasAttribute("data-search")&&this.getAttribute("data-search")=="show"&&r.classList.add("show");const i=this.shadowRoot.querySelector("button[data-search]");this.shadowRoot.addEventListener("click",o=>{o&&o.target instanceof HTMLElement&&o.target.closest("button[data-search]")&&(r.classList.toggle("show"),i.toggleAttribute("aria-expanded"))}),r.addEventListener("keyup",o=>{const n=new CustomEvent("search-keyup",{detail:{search:r.querySelector("input").value}});this.dispatchEvent(n)}),r.addEventListener("change",o=>{const n=new CustomEvent("search-change",{detail:{search:r.querySelector("input").value}});this.dispatchEvent(n)}),r.addEventListener("click",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("button.suffix")){const n=new CustomEvent("search-submit",{detail:{search:r.querySelector("input").value}});this.dispatchEvent(n)}}),Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((o,n)=>{br(o)});function l(){const o=t.scrollWidth,n=document.documentElement.scrollWidth;let d=750,c=16,p=e.hasAttribute("data-switchviews")?144:210,u=1;n>=992&&n<=1280?u=n/1280:n>=576&&n<=1280?u=n/768:n<576&&(u=n/375),o>=992&&o<=1280?d=d*u:o>=576&&o<=1280?d=450*u:o<576&&(d=p*u),c=c*u,o<576?Array.from(e.querySelectorAll(":scope > .btn:not(.js-updated)")).forEach((m,b)=>{m.className=m.className.replace(" btn-compact"," _btn-compact"),m.classList.add("btn-compact"),m.classList.add("js-updated")}):Array.from(e.querySelectorAll(":scope > .btn.js-updated")).forEach((m,b)=>{m.classList.remove("btn-compact"),m.classList.remove("js-updated"),m.className=m.className.replace(" _btn-compact"," btn-compact")}),Array.from(e.querySelectorAll("[slot]")).forEach((m,b)=>{m.getAttribute("slot")=="overflow"&&m.removeAttribute("slot"),m.getAttribute("slot")=="selected-overflow"&&m.setAttribute("slot","selected")}),Array.from(e.querySelectorAll(".show")).forEach((m,b)=>{m.classList.remove("show")}),Array.from(e.shadowRoot.querySelectorAll(".safe-area")).forEach((m,b)=>{let h="overflow";m.querySelector("slot").hasAttribute("name")&&m.querySelector("slot").getAttribute("name")=="selected"&&(h="selected-overflow");let f=m.querySelector("slot").assignedElements(),y=44*u;e.hasAttribute("data-search")&&(y+=44*u);for(let g=0;g<f.length;g++)!f[g].classList.contains("btn-action")&&!f[g].classList.contains("dialog__wrapper")&&(y+=f[g].offsetWidth,y+=c);for(let g=0;g<f.length;g++)if(f[g].classList.contains("dialog__wrapper")&&(f[g].classList.add("show"),y+=f[g].offsetWidth,y+=c/2,y-c/2>d)){f[g].classList.remove("show");break}for(let g=0;g<f.length;g++)if(f[g].classList.contains("btn-action")&&(f[g].classList.add("show"),y+=f[g].offsetWidth,y+=c/2,y-c/2>d)){f[g].classList.remove("show");break}let v=m.querySelector(".dialog-overflow");v&&v.classList.add("d-none");for(let g=0;g<f.length;g++)(f[g].classList.contains("btn-action")||f[g].classList.contains("dialog__wrapper"))&&(f[g].classList.contains("show")||(f[g].setAttribute("slot",h),v&&v.classList.remove("d-none")))})}l(),new ResizeObserver(l).observe(t)}static get observedAttributes(){return["data-selected"]}attributeChangedCallback(e,t,r){switch(e){case"data-selected":{let i=this.shadowRoot.querySelector(".selectall");i&&Z(i,r);const l=new CustomEvent("selected",{detail:{selected:r}});if(this.dispatchEvent(l),r=="all"&&this.hasAttribute("data-select-watch")){const o=document.getElementById(this.getAttribute("data-select-watch"));Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((n,d)=>{n.checked=!0,n.closest("iam-card")&&n.closest("iam-card").setAttribute("data-selected","true")})}if(r=="0"&&this.hasAttribute("data-select-watch")){const o=document.getElementById(this.getAttribute("data-select-watch"));Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((n,d)=>{n.checked=!1,n.closest("iam-card")&&n.closest("iam-card").removeAttribute("data-selected","true")})}break}}}}const yr=Object.freeze(Object.defineProperty({__proto__:null,default:gr},Symbol.toStringTag,{value:"Module"}));/*!
|
|
405
|
-
* iamKey v5.4.2-beta1
|
|
352
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){let e=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${e}`),rr(this)}}const ir=Object.freeze(Object.defineProperty({__proto__:null,default:nr},Symbol.toStringTag,{value:"Module"}));/*!
|
|
353
|
+
* iamKey v5.4.2-beta3
|
|
406
354
|
* Copyright 2022-2024 iamproperty
|
|
407
|
-
*/const
|
|
355
|
+
*/const sr=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 i(){window.player=new YT.Player(t,{height:"100%",width:"100%",videoId:e,playerVars:{modestbranding:1,playsinline:1,rel:0,showinfo:0},events:{onReady:l,onStateChange:s}})}i();function l(c){c.target.playVideo()}var o=!1;function s(c){if(c.data==YT.PlayerState.PLAYING&&!o){var d=document.getElementById(t);d.classList.add("player-ready"),o=!0}}},lr=a=>(Array.from(a.querySelectorAll("dialog[open]")).forEach((e,t)=>{e.closest(".dialog__wrapper")||(e.removeAttribute("open"),e.showModal(),e.focus(),Q(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 i=e.target.closest("[data-modal]"),l=i.hasAttribute("data-modal")?i.getAttribute("data-modal"):i.getAttribute("data-filter"),o=document.querySelector(`dialog#${l}`);Q(o),o.showModal(),o.focus();let s=o.offsetWidth;o.setAttribute("style",`max-width: ${s}px;`),Array.from(o.querySelectorAll("[data-duplicate]")).forEach((c,d)=>{const u=c.getAttribute("data-duplicate"),m=document.getElementById(u);if(c.checked!=m.checked){c.checked=m.checked;let p=new Event("change");c.dispatchEvent(p)}}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:l})}if(e&&e.target instanceof HTMLElement&&e.target.closest("button.dialog__close")){const i=e.target.closest("dialog[open]");e.preventDefault(),i.close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((l,o)=>{l.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:i.getAttribute("id")})}if(e&&e.target instanceof HTMLElement&&e.target.closest('button[formmethod="dialog"]')){const i=e.target.closest("dialog[open]");Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((l,o)=>{l.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:i.getAttribute("id")})}if(e&&e.target instanceof HTMLElement&&e.target.closest("dialog[open]")){let i=e.target.closest("dialog[open]");var t=window.getComputedStyle(i);if(t.display==="contents"&&(i=i.parentNode.closest("dialog[open]")),!i.classList.contains("dialog--transactional")&&!i.classList.contains("dialog--acknowledgement")){const l=i.getBoundingClientRect();(e.clientX<l.left||e.clientX>l.right||e.clientY<l.top||e.clientY>l.bottom)&&(e.target.closest('input[type="radio"]')||i.close(),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:i.getAttribute("id")}))}}if(e&&e.target instanceof HTMLElement&&e.target.closest(".dialog__wrapper > button")){e.stopPropagation();let i=e.target.closest(".dialog__wrapper > button"),l=e.target.closest(".dialog__wrapper > button").parentNode,o="openPopover",s=l.querySelector(":scope > dialog");if(document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]")!=s&&document.querySelector("*:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((m,p)=>{m.removeAttribute("aria-expanded")}),s.hasAttribute("open"))s.close(),o="closePopover",s.removeAttribute("style"),i.removeAttribute("aria-expanded");else{s.show(),i.setAttribute("aria-expanded",!0);var r=i.getBoundingClientRect();let m=r.top,p=r.left;if(i.closest("iam-table")){let b=i.closest("iam-table").parentNode.getBoundingClientRect();m-=b.top,p-=b.left}s.classList.contains("dialog--fix")&&s.setAttribute("style",`position:fixed;top: ${m}px; left: ${p}px; margin: 3rem 0 0 0;`)}let c=s.getBoundingClientRect(),d=c.bottom-window.scrollY,u=window.innerHeight-window.scrollY;if(d>u){let m=s.hasAttribute("style")?s.getAttribute("style")+" ":"";s.setAttribute("style",m+"transform: translate(0, calc(-100% - 4rem))"),c=s.getBoundingClientRect(),c.top-window.scrollY<100&&s.removeAttribute("style")}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:o,id:i.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((i,l)=>{i.removeAttribute("aria-expanded")}))}),null),Q=a=>{let e=a.querySelector(".youtube-embed a");if(e&&sr(e),a.classList.contains("dialog--multi")&&!a.querySelector(":scope > .steps")&&dr(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 i=r.previousSibling;t.before(r),i&&r.before(i)}}a.querySelector(":scope > button:first-child")||a.insertAdjacentHTML("afterbegin",'<button class="dialog__close">Close</button>')},dr=a=>{let e="",t=Array.from(a.querySelectorAll("fieldset[data-title]")),r=a.querySelector("form");t.forEach((o,s)=>{e+=`<button data-title="${o.getAttribute("data-title")}" type="button" class="${s==0?"active":""}" tabindex="-1">${o.getAttribute("data-title")}</button>`;const c=document.createElement("div");if(c.classList.add("btn--wrapper"),o.appendChild(c),s!=0&&(c.innerHTML+=`<button data-title="${t[s-1].getAttribute("data-title")}" class="btn btn-secondary mb-0" data-previous type="button">Previous</button>`),s!=t.length-1&&(c.innerHTML+=`<button data-title="${t[s+1].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="button">Next</button>`),s==t.length-1)if(r&&r.querySelector(':scope > button[type="submit"]')){let d=r.querySelector(':scope > button[type="submit"]');d.classList.add("mb-0"),c.insertAdjacentElement("beforeend",d)}else c.innerHTML+=`<button data-title="${t[s].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 i=Array.from(a.querySelectorAll("fieldset.was-validated"));for(let o=0;o<i.length;o++){let s=i[o],c=s.getAttribute("data-title");if(s.querySelector(".is-invalid")){Array.from(a.querySelectorAll(`[data-title="${c}"]`)).forEach((d,u)=>{d.classList.add("active")});break}else Array.from(a.querySelectorAll(`[data-title="${c}"]`)).forEach((d,u)=>{d.classList.add("valid")})}a.addEventListener("invalid",function(){return function(o){o.preventDefault()}}(),!0);function l(o){const s=a.querySelector("fieldset.active")?a.querySelector("fieldset.active"):a.querySelector("fieldset[data-title]"),c=s.getAttribute("data-title");let d=!0;if(s.classList.add("was-validated"),Array.from(s.querySelectorAll("input")).forEach((p,b)=>{p.checkValidity()||(d=!1)}),d?Array.from(a.querySelectorAll(`[data-title="${c}"]`)).forEach((p,b)=>{p.classList.add("valid")}):Array.from(a.querySelectorAll(`[data-title="${c}"]`)).forEach((p,b)=>{p.classList.remove("valid")}),d||!o.hasAttribute("data-next")){const p=a.querySelector(`fieldset[data-title="${o.getAttribute("data-title")}"]`),b=a.querySelector(`.steps button[data-title="${o.getAttribute("data-title")}"]`);Array.from(a.querySelectorAll("button")).forEach((h,g)=>{h.classList.remove("active")}),Array.from(a.querySelectorAll("fieldset")).forEach((h,g)=>{h.classList.remove("active")}),b.classList.add("active"),p.classList.add("active")}let u=Array.from(a.querySelectorAll("fieldset")).length,m=Array.from(a.querySelectorAll("fieldset.valid")).length;a.style.setProperty("--progress",`${m/(u-1)*100}%`)}a.addEventListener("keydown",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("button")){const s=o.target.closest("button");o.keyCode==13&&s.getAttribute("type")!="submit"&&(o.preventDefault(),l(s))}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 s=o.target.closest("button[data-title]");l(s)}return null})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"action bar"});function Z(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 cr 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=`
|
|
408
356
|
<style>
|
|
409
357
|
@import "${t}";
|
|
410
|
-
.actionbar__wrapper{position:relative;z-index:10;height:4.25rem;container-type:inline-size}.views,.selectall{position:absolute !important;top:50%;left:1.5rem;transform:translate(0, -50%);z-index:10}@media screen and (min-width: 36em){.views,.selectall{left:2rem}}.views .btn-action:not(:last-child),.selectall .btn-action:not(:last-child){margin-right:0.25rem !important}.selectall{width:2.5rem;overflow:hidden}.selectall label{height:2.5rem}@media screen and (min-width: 36em){.selectall{width:auto;overflow:visible}}.actionbar [data-search]{display:none}:host([data-search]) .actionbar [data-search]{display:block;margin:0 0 0 1rem}:is(.actionbar,.actionbar--selected,.actionbar--search){border-top-left-radius:var(--actionbar-radius, 0.625rem);border-top-right-radius:var(--actionbar-radius, 0.625rem);padding:0 1.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center;height:4.25rem;inset:0}@supports selector(:has(*)){:is(.actionbar,.actionbar--selected,.actionbar--search){position:absolute}}@container (width > 23.4375em){:is(.actionbar,.actionbar--selected,.actionbar--search){padding:0 2rem}}.actionbar{display:flex}.actionbar--selected{background-color:var(--colour-canvas);display:flex;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--selected{background-color:#e6eaec}}@supports selector(:has(*)){.actionbar--selected{opacity:0}}.actionbar--search{background-color:var(--colour-canvas);display:flex;z-index:2;position:relative;opacity:0;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--search{background-color:#e6eaec}}.selectall:has(input:checked)~.actionbar,.selectall:has(input:indeterminate)~.actionbar{opacity:0;pointer-events:none}.selectall:has(input:checked)~.actionbar--selected,.selectall:has(input:indeterminate)~.actionbar--selected{opacity:1;pointer-events:all}.actionbar--search.show{opacity:1;pointer-events:all}.actionbar__wrapper:has(.actionbar--search.show)>*:not(.actionbar--search.show){opacity:0;pointer-events:none}::slotted(*:not([slot=overflow])){margin-top:0 !important;margin-bottom:0 !important;margin-left:1rem !important;margin-right:0 !important}::slotted(.btn:not(.btn-action)){order:2}::slotted([data-single]){pointer-events:none;opacity:.5}:host([data-selected="1"]) ::slotted([data-single]){pointer-events:all;opacity:1}::slotted(hr){height:2rem;color:#9d9d9d !important;width:1px;display:none}@container (width > 48em){::slotted(hr){display:block}}.safe-area{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;width:13.125rem;overflow:visible;position:relative}@container (width > 23.4375em){.safe-area{width:28.125rem}}@container (width > 48em){.safe-area{width:46.875rem}}.safe-area .body{display:contents}:host([data-switchviews]) .safe-area{width:9rem}::slotted(.btn-compact[slot=selected-overflow]),::slotted(.btn-compact[slot=overflow]){max-width:none !important;text-indent:0 !important;width:auto !important;text-align:left !important;padding-left:0 !important;background:none !important;border:none !important}::slotted(.btn-compact[slot=selected-overflow]):before,::slotted(.btn-compact[slot=overflow]):before{position:static !important;line-height:inherit !important}.dialog__wrapper.dialog-overflow{margin-left:.5rem;margin-right:-0.5rem}.actionbar--search .btn{margin:0;margin-left:-0.75rem !important;margin-right:auto !important}.search-wrapper{width:calc(100% - 3.25rem);max-width:21.875rem !important;margin:0 !important}@container (width > 48em){.search-wrapper{max-width:28.125rem !important}}.search-wrapper input{padding-top:0.5rem;padding-bottom:0.5rem;min-height:2.5rem !important;max-height:2.5rem !important}.search-wrapper :is(.prefix,.suffix){padding:0.5rem !important;min-height:2.5rem !important;max-height:2.5rem !important;min-width:2.5rem !important;max-width:2.5rem !important;line-height:1.5rem !important}/*# sourceMappingURL=assets/css/components/actionbar.css.map */
|
|
358
|
+
:host{background-color:#fcfcfc}.actionbar__wrapper{position:relative;z-index:10;height:4.25rem;container-type:inline-size}.views,.selectall{position:absolute !important;top:50%;left:1.5rem;transform:translate(0, -50%);z-index:10}@media screen and (min-width: 36em){.views,.selectall{left:2rem}}.views .btn-action:not(:last-child),.selectall .btn-action:not(:last-child){margin-right:0.25rem !important}.selectall{width:2.5rem;overflow:hidden}.selectall label{height:2.5rem}@media screen and (min-width: 36em){.selectall{width:auto;overflow:visible}}.actionbar [data-search]{display:none}:host([data-search]) .actionbar [data-search]{display:block;margin:0 0 0 1rem}:is(.actionbar,.actionbar--selected,.actionbar--search){border-top-left-radius:var(--actionbar-radius, 0.625rem);border-top-right-radius:var(--actionbar-radius, 0.625rem);padding:0 1.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center;height:4.25rem;inset:0}@supports selector(:has(*)){:is(.actionbar,.actionbar--selected,.actionbar--search){position:absolute}}@container (width > 23.4375em){:is(.actionbar,.actionbar--selected,.actionbar--search){padding:0 2rem}}.actionbar{display:flex}.actionbar--selected{background-color:var(--colour-canvas);display:flex;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--selected{background-color:#e6eaec}}@supports selector(:has(*)){.actionbar--selected{opacity:0}}.actionbar--search{background-color:var(--colour-canvas);display:flex;z-index:2;position:relative;opacity:0;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--search{background-color:#e6eaec}}.selectall:has(input:checked)~.actionbar,.selectall:has(input:indeterminate)~.actionbar{opacity:0;pointer-events:none}.selectall:has(input:checked)~.actionbar--selected,.selectall:has(input:indeterminate)~.actionbar--selected{opacity:1;pointer-events:all}.actionbar--search.show{opacity:1;pointer-events:all}.actionbar__wrapper:has(.actionbar--search.show)>*:not(.actionbar--search.show){opacity:0;pointer-events:none}::slotted(*:not([slot=overflow])){margin-top:0 !important;margin-bottom:0 !important;margin-left:1rem !important;margin-right:0 !important}::slotted(.btn:not(.btn-action)){order:2}::slotted([data-single]){pointer-events:none;opacity:.5}:host([data-selected="1"]) ::slotted([data-single]){pointer-events:all;opacity:1}::slotted(hr){height:2rem;color:#9d9d9d !important;width:1px;display:none}@container (width > 48em){::slotted(hr){display:block}}.safe-area{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;width:13.125rem;overflow:visible;position:relative}@container (width > 23.4375em){.safe-area{width:28.125rem}}@container (width > 48em){.safe-area{width:46.875rem}}.safe-area .body{display:contents}:host([data-switchviews]) .safe-area{width:9rem}::slotted(.btn-compact[slot=selected-overflow]),::slotted(.btn-compact[slot=overflow]){max-width:none !important;text-indent:0 !important;width:auto !important;text-align:left !important;padding-left:0 !important;background:none !important;border:none !important}::slotted(.btn-compact[slot=selected-overflow]):before,::slotted(.btn-compact[slot=overflow]):before{position:static !important;line-height:inherit !important}.dialog__wrapper.dialog-overflow{margin-left:.5rem;margin-right:-0.5rem}.actionbar--search .btn{margin:0;margin-left:-0.75rem !important;margin-right:auto !important}.search-wrapper{width:calc(100% - 3.25rem);max-width:21.875rem !important;margin:0 !important}@container (width > 48em){.search-wrapper{max-width:28.125rem !important}}.search-wrapper input{padding-top:0.5rem;padding-bottom:0.5rem;min-height:2.5rem !important;max-height:2.5rem !important}.search-wrapper :is(.prefix,.suffix){padding:0.5rem !important;min-height:2.5rem !important;max-height:2.5rem !important;min-width:2.5rem !important;max-width:2.5rem !important;line-height:1.5rem !important}/*# sourceMappingURL=assets/css/components/actionbar.css.map */
|
|
411
359
|
|
|
412
360
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
413
361
|
</style>
|
|
@@ -452,8 +400,8 @@
|
|
|
452
400
|
|
|
453
401
|
</div>
|
|
454
402
|
</div>
|
|
455
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0)),document.getElementById("actionbarGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="actionbarGlobal">iam-actionbar{background-color:#fcfcfc;display:block;border-top-left-radius:0.625rem;border-top-right-radius:0.625rem;--actionbar-radius: 0}@media screen and (prefers-color-scheme: dark){iam-actionbar{background-color:var(--colour-canvas)}}main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar{border-radius:0.5rem;margin:var(--container-padding);margin-bottom:2rem;box-shadow:2px 6px 12px rgba(0,0,0,.2)}@media screen and (prefers-color-scheme: light){main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar{background-color:#e6eaec}}main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar:first-child{padding-top:0}@media screen and (min-width: 36em){main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar{box-shadow:none;margin-inline:0;border-radius:0}}@media screen and (min-width: 62em){main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar{padding-inline:calc(50% - 34.75rem - 2rem)}}iam-table iam-actionbar{margin-left:1.5rem;margin-right:1.5rem}.actionbar__sticky-wrapper{container-type:inline-size}@media screen and (min-width: 36em){.actionbar__sticky-wrapper{padding:0 !important}}@container (width < 23.4375em){:is(iam-table,.actionbar__sticky-wrapper)>.actionbar__sticky{display:block;position:sticky;left:0;top:calc(var(--sticky-padding) + 1rem);z-index:var(--index-menu);pointer-events:none}:is(iam-table,.actionbar__sticky-wrapper)>.actionbar__sticky:after{content:"";display:block;width:100%;height:calc(100vh - 6.75rem);pointer-events:none}:is(iam-table,.actionbar__sticky-wrapper)>.actionbar__sticky+*{margin-top:calc(-100vh + 6.75rem)}:is(iam-table,.actionbar__sticky)>iam-actionbar{pointer-events:all !important;display:block;border:none;background:var(--colour-canvas-2);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:.5rem;margin-bottom:1.5rem}}@container (width > 23.4375em){iam-table iam-actionbar{margin-left:-2rem;margin-right:-2rem;margin-top:-2rem;margin-bottom:1rem}}iam-actionbar~:is([data-view=square],[data-view=list],[data-view=small]){display:none}iam-actionbar[data-view=square]~[data-view=square]{display:block}iam-actionbar[data-view=list]~[data-view=list]{display:block}iam-actionbar[data-view=small]~[data-view=small]{display:block}iam-actionbar .actionbar__text{font-size:1.125rem;line-height:2.5rem;color:var(--colour-heading);display:inline-block}iam-actionbar .dialog__wrapper[slot=selected-overflow]>button,iam-actionbar .dialog__wrapper[slot=overflow]>button{background:none;border:none}iam-actionbar button[slot=overflow],iam-actionbar button[slot=selected-overflow]{background:none;border:none;margin:0 !important}iam-actionbar .dialog__wrapper[slot=selected-overflow] dialog[open],iam-actionbar .dialog__wrapper[slot=overflow] dialog[open]{display:contents}/*# sourceMappingURL=assets/css/components/actionbar.global.css.map */
|
|
456
|
-
</style>`)}connectedCallback(){let e=this;const t=this.shadowRoot.querySelector(".actionbar__wrapper");if(this.hasAttribute("data-selectall")){t.insertAdjacentHTML("afterbegin",'<div class="selectall pb-0"><input type="checkbox" name="selectall" id="selectall"><label for="selectall" class="m-0">Select all</label></div>');let o=this.shadowRoot.querySelector(".selectall");this.hasAttribute("data-selected")&&
|
|
403
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0)),document.getElementById("actionbarGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="actionbarGlobal">iam-actionbar{background-color:#fcfcfc;display:block;border-top-left-radius:0.625rem;border-top-right-radius:0.625rem;--actionbar-radius: 0}@media screen and (prefers-color-scheme: dark){iam-actionbar{background-color:var(--colour-canvas)}}main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar{border-radius:0.5rem;margin:var(--container-padding);margin-bottom:2rem;box-shadow:2px 6px 12px rgba(0,0,0,.2)}@media screen and (prefers-color-scheme: light){main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar{background-color:#e6eaec}}main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar:first-child{padding-top:0}@media screen and (min-width: 36em){main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar{box-shadow:none;margin-inline:0;border-radius:0}}@media screen and (min-width: 62em){main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar{padding-inline:calc(50% - 34.75rem - 2rem)}}iam-table iam-actionbar{margin-left:1.5rem;margin-right:1.5rem}.actionbar__sticky-wrapper{container-type:inline-size}@media screen and (min-width: 36em){.actionbar__sticky-wrapper{padding:0 !important}}@container (width < 23.4375em){:is(iam-table,.actionbar__sticky-wrapper)>.actionbar__sticky{display:block;position:sticky;left:0;top:calc(var(--sticky-padding) + 1rem);z-index:var(--index-menu);pointer-events:none}:is(iam-table,.actionbar__sticky-wrapper)>.actionbar__sticky:after{content:"";display:block;width:100%;height:calc(100vh - 6.75rem);pointer-events:none}:is(iam-table,.actionbar__sticky-wrapper)>.actionbar__sticky+*{margin-top:calc(-100vh + 6.75rem)}:is(iam-table,.actionbar__sticky)>iam-actionbar{pointer-events:all !important;display:block;border:none;background:var(--colour-canvas-2);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:.5rem;margin-bottom:1.5rem}}@container (width > 23.4375em){iam-table iam-actionbar{margin-left:-2rem;margin-right:-2rem;margin-top:-2rem;margin-bottom:1rem}}iam-actionbar~:is([data-view=square],[data-view=list],[data-view=small]){display:none}iam-actionbar[data-view=square]~[data-view=square]{display:block}iam-actionbar[data-view=list]~[data-view=list]{display:block}iam-actionbar[data-view=small]~[data-view=small]{display:block}iam-actionbar .actionbar__text{font-size:1.125rem;line-height:2.5rem;color:var(--colour-heading);display:inline-block}iam-actionbar .dialog__wrapper[slot=selected-overflow]>button,iam-actionbar .dialog__wrapper[slot=overflow]>button{background:none;border:none;text-indent:0;width:100%;display:block;max-width:100%;text-align:left}iam-actionbar .dialog__wrapper[slot=selected-overflow]>button:before,iam-actionbar .dialog__wrapper[slot=overflow]>button:before{position:static}iam-actionbar button[slot=overflow],iam-actionbar button[slot=selected-overflow]{background:none;border:none;margin:0 !important}iam-actionbar .dialog__wrapper[slot=selected-overflow] dialog[open],iam-actionbar .dialog__wrapper[slot=overflow] dialog[open]{display:contents}/*# sourceMappingURL=assets/css/components/actionbar.global.css.map */
|
|
404
|
+
</style>`)}connectedCallback(){let e=this;const t=this.shadowRoot.querySelector(".actionbar__wrapper");if(this.hasAttribute("data-selectall")){t.insertAdjacentHTML("afterbegin",'<div class="selectall pb-0"><input type="checkbox" name="selectall" id="selectall"><label for="selectall" class="m-0">Select all</label></div>');let o=this.shadowRoot.querySelector(".selectall");this.hasAttribute("data-selected")&&Z(o,this.getAttribute("data-selected")),o.addEventListener("change",c=>{c&&c.target instanceof HTMLElement&&c.target.closest("input")&&(c.target.closest("input").checked?this.setAttribute("data-selected","all"):this.setAttribute("data-selected",0))});let s=this.querySelector("button[data-cancel]");s&&s.addEventListener("click",c=>{this.setAttribute("data-selected",0)})}if(this.hasAttribute("data-select-watch")){const o=document.getElementById(this.getAttribute("data-select-watch"));o.setAttribute("data-select-container","true"),Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((s,c)=>{s.parentElement.setAttribute("slot","checkbox")}),o.addEventListener("change",s=>{if(s&&s.target instanceof HTMLElement&&s.target.closest('[type="checkbox"]')){let c=o.querySelectorAll('input[type="checkbox"]').length,d=o.querySelectorAll('input[type="checkbox"]:checked').length;e.setAttribute("data-selected",c==d?"all":d),s.target.closest('[type="checkbox"]'),d?Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((u,m)=>{u.closest("iam-card")&&u.closest("iam-card").setAttribute("data-selected","true")}):Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((u,m)=>{u.closest("iam-card")&&u.closest("iam-card").removeAttribute("data-selected")})}})}if(this.hasAttribute("data-switchviews")){let o="";this.getAttribute("data-switchviews").split(",").forEach((s,c)=>{let d="fa-grid-2";s=="list"?d="fa-grip-lines":s=="small"&&(d="fa-bars"),o+=`<button class="btn btn-action btn-compact mb-0 fa-regular ${d}">${s}</button>`}),t.insertAdjacentHTML("afterbegin",`<div class="views m-0">${o}</div>`),this.shadowRoot.querySelector(".views").addEventListener("click",s=>{if(s&&s.target instanceof HTMLElement&&s.target.closest(".btn-action")){let c=s.target.closest(".btn-action");this.setAttribute("data-view",c.textContent);const d=new CustomEvent("switch-view",{detail:{view:c.textContent}});this.dispatchEvent(d)}})}const r=this.shadowRoot.querySelector(".actionbar--search");this.hasAttribute("data-search")&&this.getAttribute("data-search")=="show"&&r.classList.add("show");const i=this.shadowRoot.querySelector("button[data-search]");this.shadowRoot.addEventListener("click",o=>{o&&o.target instanceof HTMLElement&&o.target.closest("button[data-search]")&&(r.classList.toggle("show"),i.toggleAttribute("aria-expanded"))}),r.addEventListener("keyup",o=>{const s=new CustomEvent("search-keyup",{detail:{search:r.querySelector("input").value}});this.dispatchEvent(s)}),r.addEventListener("change",o=>{const s=new CustomEvent("search-change",{detail:{search:r.querySelector("input").value}});this.dispatchEvent(s)}),r.addEventListener("click",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("button.suffix")){const s=new CustomEvent("search-submit",{detail:{search:r.querySelector("input").value}});this.dispatchEvent(s)}}),Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((o,s)=>{lr(o)});function l(){const o=t.scrollWidth,s=document.documentElement.scrollWidth;let c=750,d=16,u=e.hasAttribute("data-switchviews")?144:210,m=1;s>=992&&s<=1280?m=s/1280:s>=576&&s<=1280?m=s/768:s<576&&(m=s/375),o>=992&&o<=1280?c=c*m:o>=576&&o<=1280?c=450*m:o<576&&(c=u*m),d=d*m,o<576?Array.from(e.querySelectorAll(":scope > .btn:not(.js-updated), :scope > .dialog__wrapper > .btn:first-child:not(.js-updated)")).forEach((p,b)=>{p.className=p.className.replace(" btn-compact"," _btn-compact"),p.classList.add("btn-compact"),p.classList.add("js-updated")}):Array.from(e.querySelectorAll(":scope > .btn.js-updated, :scope > .dialog__wrapper > .btn.js-updated:first-child")).forEach((p,b)=>{p.classList.remove("btn-compact"),p.classList.remove("js-updated"),p.className=p.className.replace(" _btn-compact"," btn-compact")}),Array.from(e.querySelectorAll("[slot]")).forEach((p,b)=>{p.getAttribute("slot")=="overflow"&&p.removeAttribute("slot"),p.getAttribute("slot")=="selected-overflow"&&p.setAttribute("slot","selected")}),Array.from(e.querySelectorAll(".show")).forEach((p,b)=>{p.classList.remove("show")}),Array.from(e.shadowRoot.querySelectorAll(".safe-area")).forEach((p,b)=>{let h="overflow";p.querySelector("slot").hasAttribute("name")&&p.querySelector("slot").getAttribute("name")=="selected"&&(h="selected-overflow");let g=p.querySelector("slot").assignedElements(),y=44*m;e.hasAttribute("data-search")&&(y+=44*m);for(let f=0;f<g.length;f++)!g[f].classList.contains("btn-action")&&!g[f].classList.contains("dialog__wrapper")&&(y+=g[f].offsetWidth,y+=d);for(let f=0;f<g.length;f++)if(g[f].classList.contains("dialog__wrapper")&&(g[f].classList.add("show"),y+=g[f].offsetWidth,y+=d/2,y-d/2>c)){g[f].classList.remove("show");break}for(let f=0;f<g.length;f++)if(g[f].classList.contains("btn-action")&&(g[f].classList.add("show"),y+=g[f].offsetWidth,y+=d/2,y-d/2>c)){g[f].classList.remove("show");break}let v=p.querySelector(".dialog-overflow");v&&v.classList.add("d-none");for(let f=0;f<g.length;f++)(g[f].classList.contains("btn-action")||g[f].classList.contains("dialog__wrapper"))&&(g[f].classList.contains("show")||(g[f].setAttribute("slot",h),v&&v.classList.remove("d-none")))})}l(),new ResizeObserver(l).observe(t)}static get observedAttributes(){return["data-selected"]}attributeChangedCallback(e,t,r){switch(e){case"data-selected":{let i=this.shadowRoot.querySelector(".selectall");i&&Z(i,r);const l=new CustomEvent("selected",{detail:{selected:r}});if(this.dispatchEvent(l),r=="all"&&this.hasAttribute("data-select-watch")){const o=document.getElementById(this.getAttribute("data-select-watch"));Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((s,c)=>{s.checked=!0,s.closest("iam-card")&&s.closest("iam-card").setAttribute("data-selected","true")})}if(r=="0"&&this.hasAttribute("data-select-watch")){const o=document.getElementById(this.getAttribute("data-select-watch"));Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((s,c)=>{s.checked=!1,s.closest("iam-card")&&s.closest("iam-card").removeAttribute("data-selected","true")})}break}}}}const mr=Object.freeze(Object.defineProperty({__proto__:null,default:cr},Symbol.toStringTag,{value:"Module"}));/*! js-cookie v3.0.5 | MIT */function H(a){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)a[r]=t[r]}return a}var ur={read:function(a){return a[0]==='"'&&(a=a.slice(1,-1)),a.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(a){return encodeURIComponent(a).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function V(a,e){function t(i,l,o){if(!(typeof document>"u")){o=H({},e,o),typeof o.expires=="number"&&(o.expires=new Date(Date.now()+o.expires*864e5)),o.expires&&(o.expires=o.expires.toUTCString()),i=encodeURIComponent(i).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var c in o)o[c]&&(s+="; "+c,o[c]!==!0&&(s+="="+o[c].split(";")[0]));return document.cookie=i+"="+a.write(l,i)+s}}function r(i){if(!(typeof document>"u"||arguments.length&&!i)){for(var l=document.cookie?document.cookie.split("; "):[],o={},s=0;s<l.length;s++){var c=l[s].split("="),d=c.slice(1).join("=");try{var u=decodeURIComponent(c[0]);if(o[u]=a.read(d,u),i===u)break}catch{}}return i?o[i]:o}}return Object.create({set:t,get:r,remove:function(i,l){t(i,"",H({},l,{expires:-1}))},withAttributes:function(i){return V(this.converter,H({},this.attributes,i))},withConverter:function(i){return V(H({},this.converter,i),this.attributes)}},{attributes:{value:Object.freeze(e)},converter:{value:Object.freeze(a)}})}var tt=V(ur,{path:"/"}),et=globalThis&&globalThis.__awaiter||function(a,e,t,r){function i(l){return l instanceof t?l:new t(function(o){o(l)})}return new(t||(t=Promise))(function(l,o){function s(u){try{d(r.next(u))}catch(m){o(m)}}function c(u){try{d(r.throw(u))}catch(m){o(m)}}function d(u){u.done?l(u.value):i(u.value).then(s,c)}d((r=r.apply(a,e||[])).next())})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Address Lookup"});class pr 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/address-lookup.css";`,i=document.createElement("template");i.innerHTML=`
|
|
457
405
|
<style>
|
|
458
406
|
@import "${t}";
|
|
459
407
|
${r}
|
|
@@ -487,7 +435,7 @@
|
|
|
487
435
|
<p><span class="pre-filled-address"></span><button class="text-primary text-decoration-none ms-1 cursor-pointer"><i class="fa-regular fa-pen-to-square"></i><span class="visually-hidden">Edit</span></button><slot name="prefilled"></slot></p>
|
|
488
436
|
</div>
|
|
489
437
|
</div>
|
|
490
|
-
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){return
|
|
438
|
+
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){return et(this,void 0,void 0,function*(){this.shadowRoot.querySelector(".wrapper");const e=this.shadowRoot.querySelector('[name="postcode"]'),t=this.shadowRoot.querySelector(".postcode-lookup"),r=this.shadowRoot.querySelector(".manual-address"),i=this.shadowRoot.querySelector(".pre-filled"),l=this.shadowRoot.querySelector("datalist"),o=this.shadowRoot.querySelector(".switch-to-manual-btn"),s=this.shadowRoot.querySelector(".switch-to-lookup-btn"),c=this.hasAttribute("data-title")?this.getAttribute("data-title"):"Property address",d=this.shadowRoot.querySelector(".pre-filled-address + button");Array.from(this.shadowRoot.querySelectorAll(".title")).forEach((b,h)=>{b.innerHTML=c});function u(b){let h=b.shadowRoot.querySelector(".pre-filled-address"),g=!0;h.innerHTML="",Array.from(b.querySelectorAll("input[required],input[data-required],select[required],select[data-required]")).forEach((y,v)=>{const f=y.value;f?h.innerHTML+=f+(/^-?\d+$/.test(f)?" ":", "):g=!1}),h.innerHTML=h.innerHTML.slice(0,-2),g&&(i.classList.remove("js-hide"),t.classList.add("js-hide"),r.classList.add("js-hide"))}if(u(this),this.addEventListener("filled",b=>{u(this)}),this.hasAttribute("data-use")){let h=`<div><input type="checkbox" name="use" id="use" value="yes"><label for="use">${this.hasAttribute("data-use-label")?this.getAttribute("data-use-label"):"Use saved address"}</label></div>`;t.insertAdjacentHTML("afterbegin",h),this.shadowRoot.addEventListener("change",g=>{if(g&&g.target instanceof HTMLElement&&g.target.closest('[name="use"]')&&g.target.closest('[name="use"]').checked){t.classList.add("js-hide"),r.classList.remove("js-hide");let v=JSON.parse(this.getAttribute("data-use"));Object.keys(v).forEach((f,$)=>{let L=v[f];this.querySelector(`[data-name="${f}"]`)?this.querySelector(`[data-name="${f}"]`).value=L:this.querySelector(`[name="${f}"]`)&&(this.querySelector(`[name="${f}"]`).value=L)})}})}function m(){t.classList.add("js-hide"),r.classList.remove("js-hide"),Array.from(r.querySelectorAll("[data-required]")).forEach((b,h)=>{b.setAttribute("required","true")}),r.scrollIntoView()}d.addEventListener("click",b=>{i.classList.add("js-hide"),m()}),o.addEventListener("click",b=>{m()}),s.addEventListener("click",b=>{t.classList.remove("js-hide"),r.classList.add("js-hide"),t.scrollIntoView()}),e.addEventListener("keyup",b=>{e.value.length>=3&&p(e.value)}),e.addEventListener("change",b=>{if(e.value.length>=3&&(p(e.value),l.querySelector(`[value="${e.value}"]`))){t.classList.add("js-hide"),r.classList.remove("js-hide");let h=JSON.parse(l.querySelector(`[value="${e.value}"]`).getAttribute("data-values"));Object.keys(h).forEach((g,y)=>{let v=h[g];this.querySelector(`[data-name="${g}"]`)?this.querySelector(`[data-name="${g}"]`).value=v:this.querySelector(`[name="${g}"]`)&&(this.querySelector(`[name="${g}"]`).value=v)}),this.querySelector('[data-name="address_1"]').focus(),Array.from(this.querySelectorAll("[data-required]")).forEach((g,y)=>{g.setAttribute("required","true")}),e.removeAttribute("required"),this.shadowRoot.querySelector('[name="use"]')&&(this.shadowRoot.querySelector('[name="use"]').checked=!1)}});const p=b=>et(this,void 0,void 0,function*(){let h=this.getAttribute("data-url");h+=`${encodeURI(b)}`,window.controller||(window.controller=[]),window.controller[h]&&window.controller[h].abort(),window.controller[h]=new AbortController;const{signal:g}=controller[h];try{yield fetch(h,{signal:g,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":tt.get("XSRF-TOKEN")})}).then(y=>y.json()).then(y=>{let v="";return y.forEach((f,$)=>{if(typeof f.value=="object"){let L=JSON.stringify(f.value);v+=`<option value="${f.label}, ${b}" data-values='${L}'></option>`}else{let L=JSON.stringify(f),A="";for(const[x,w]of Object.entries(f))x=="address_number_name"?A+=`${w} `:x!="postcode"&&x!="address_title"&&(A+=`${w}${/^-?\d+$/.test(w)?"":","} `);v+=`<option value="${A}${b}" data-values='${L}'></option>`}}),l.innerHTML=v,y})}catch(y){console.log(y)}})})}}const hr=Object.freeze(Object.defineProperty({__proto__:null,default:pr},Symbol.toStringTag,{value:"Module"}));var at=function(a,e,t,r){function i(l){return l instanceof t?l:new t(function(o){o(l)})}return new(t||(t=Promise))(function(l,o){function s(u){try{d(r.next(u))}catch(m){o(m)}}function c(u){try{d(r.throw(u))}catch(m){o(m)}}function d(u){u.done?l(u.value):i(u.value).then(s,c)}d((r=r.apply(a,e||[])).next())})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Address Lookup"});class br 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=`
|
|
491
439
|
<style>
|
|
492
440
|
@import "${t}";
|
|
493
441
|
:host{margin-bottom:1rem;display:block}input[name=postcode]{border-color:var(--error-border, var(--colour-primary)) !important}div:has(input[name=postcode]) .suffix{border-color:var(--error-border, var(--colour-primary)) !important}.invalid-feedback{display:var(--error-display, none) !important}.optional{display:var(--req-display, inline-block) !important}.pre-filled p{padding-bottom:1rem}.pre-filled button{border:none;background:none;cursor:pointer}/*# sourceMappingURL=assets/css/components/address-lookup.css.map */
|
|
@@ -522,4 +470,4 @@
|
|
|
522
470
|
<p><span class="pre-filled-address"></span><button class="text-primary text-decoration-none ms-1 cursor-pointer"><i class="fa-regular fa-pen-to-square"></i><span class="visually-hidden">Edit</span></button><slot name="prefilled"></slot></p>
|
|
523
471
|
</div>
|
|
524
472
|
</div>
|
|
525
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){return
|
|
473
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){return at(this,void 0,void 0,function*(){this.shadowRoot.querySelector(".wrapper");const e=this.shadowRoot.querySelector('[name="postcode"]'),t=this.shadowRoot.querySelector(".postcode-lookup"),r=this.shadowRoot.querySelector(".manual-address"),i=this.shadowRoot.querySelector(".pre-filled"),l=this.shadowRoot.querySelector("datalist"),o=this.shadowRoot.querySelector(".switch-to-manual-btn"),s=this.shadowRoot.querySelector(".switch-to-lookup-btn"),c=this.hasAttribute("data-title")?this.getAttribute("data-title"):"Property address",d=this.shadowRoot.querySelector(".pre-filled-address + button");Array.from(this.shadowRoot.querySelectorAll(".title")).forEach((b,h)=>{b.innerHTML=c});function u(b){let h=b.shadowRoot.querySelector(".pre-filled-address"),g=!0;h.innerHTML="",Array.from(b.querySelectorAll("input[required],input[data-required],select[required],select[data-required]")).forEach((y,v)=>{const f=y.value;f?h.innerHTML+=f+(/^-?\d+$/.test(f)?" ":", "):g=!1}),h.innerHTML=h.innerHTML.slice(0,-2),g&&(i.classList.remove("js-hide"),t.classList.add("js-hide"),r.classList.add("js-hide"))}if(u(this),this.addEventListener("filled",b=>{u(this)}),this.hasAttribute("data-use")){let b=`<div><input type="checkbox" name="use" id="use" value="yes"><label for="use">${this.hasAttribute("data-use-label")?this.getAttribute("data-use-label"):"Use saved address"}</label></div>`;t.insertAdjacentHTML("afterbegin",b),this.shadowRoot.addEventListener("change",h=>{if(h&&h.target instanceof HTMLElement&&h.target.closest('[name="use"]')&&h.target.closest('[name="use"]').checked){t.classList.add("js-hide"),r.classList.remove("js-hide");let g=JSON.parse(this.getAttribute("data-use"));Object.keys(g).forEach((y,v)=>{let f=g[y];this.querySelector(`[data-name="${y}"]`)?this.querySelector(`[data-name="${y}"]`).value=f:this.querySelector(`[name="${y}"]`)&&(this.querySelector(`[name="${y}"]`).value=f)})}})}function m(){t.classList.add("js-hide"),r.classList.remove("js-hide"),Array.from(r.querySelectorAll("[data-required]")).forEach((b,h)=>{b.setAttribute("required","true")}),r.scrollIntoView()}d.addEventListener("click",b=>{i.classList.add("js-hide"),m()}),o.addEventListener("click",b=>{m()}),s.addEventListener("click",b=>{t.classList.remove("js-hide"),r.classList.add("js-hide"),t.scrollIntoView()}),e.addEventListener("keyup",b=>{e.value.length>=3&&p(e.value)}),e.addEventListener("change",b=>{if(e.value.length>=3&&(p(e.value),l.querySelector(`[value="${e.value}"]`))){t.classList.add("js-hide"),r.classList.remove("js-hide");let h=JSON.parse(l.querySelector(`[value="${e.value}"]`).getAttribute("data-values"));Object.keys(h).forEach((g,y)=>{let v=h[g];this.querySelector(`[data-name="${g}"]`)?this.querySelector(`[data-name="${g}"]`).value=v:this.querySelector(`[name="${g}"]`)&&(this.querySelector(`[name="${g}"]`).value=v)}),this.querySelector('[data-name="address_1"]').focus(),Array.from(this.querySelectorAll("[data-required]")).forEach((g,y)=>{g.setAttribute("required","true")}),e.removeAttribute("required"),this.shadowRoot.querySelector('[name="use"]')&&(this.shadowRoot.querySelector('[name="use"]').checked=!1)}});const p=b=>at(this,void 0,void 0,function*(){let h=this.getAttribute("data-url");h+=`${encodeURI(b)}`,window.controller||(window.controller=[]),window.controller[h]&&window.controller[h].abort(),window.controller[h]=new AbortController;const{signal:g}=controller[h];try{yield fetch(h,{signal:g,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":tt.get("XSRF-TOKEN")})}).then(y=>y.json()).then(y=>{let v="";return y.forEach((f,$)=>{if(typeof f.value=="object"){let L=JSON.stringify(f.value);v+=`<option value="${f.label}, ${b}" data-values='${L}'></option>`}else{let L=JSON.stringify(f),A="";for(const[x,w]of Object.entries(f))x=="address_number_name"?A+=`${w} `:x!="postcode"&&x!="address_title"&&(A+=`${w}${/^-?\d+$/.test(w)?"":","} `);v+=`<option value="${A}${b}" data-values='${L}'></option>`}}),l.innerHTML=v,y})}catch(y){console.log(y)}})})}}const gr=Object.freeze(Object.defineProperty({__proto__:null,default:br},Symbol.toStringTag,{value:"Module"}));k.Accordion=Kt,k.AccordionItem=Zt,k.Actionbar=uo,k.AddressLookup=vo,k.AppliedFilters=Ya,k.Banner=le,k.Card=me,k.Carousel=he,k.CollapsibleSideMenu=Ao,k.FileUpload=Ut,k.Filterlist=ao,k.Header=ve,k.Input=j,k.Logo=lt,k.Nav=sa,k.NoteFeed=Ua,k.Notification=lo,k.Pagination=go,k.PropertySearchbar=oa,k.Snapshot=Aa,k.Step=qa,k.Stepper=ba,k.Tab=Na,k.Table=R,k.Tabs=Ca,k.Testimonial=je,k.Timeline=Pe,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})});
|