@iamproperty/components 6.0.0 → 6.1.0--beta2
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/bootstrap/README.md +8 -7
- package/assets/bootstrap/js/index.esm.js +19 -0
- package/assets/bootstrap/js/index.umd.js +34 -0
- package/assets/bootstrap/js/src/alert.js +1 -1
- package/assets/bootstrap/js/src/base-component.js +2 -2
- package/assets/bootstrap/js/src/button.js +1 -1
- package/assets/bootstrap/js/src/carousel.js +1 -1
- package/assets/bootstrap/js/src/collapse.js +1 -1
- package/assets/bootstrap/js/src/dom/data.js +1 -1
- package/assets/bootstrap/js/src/dom/event-handler.js +1 -1
- package/assets/bootstrap/js/src/dom/manipulator.js +1 -1
- package/assets/bootstrap/js/src/dom/selector-engine.js +1 -1
- package/assets/bootstrap/js/src/dropdown.js +3 -12
- package/assets/bootstrap/js/src/modal.js +13 -17
- package/assets/bootstrap/js/src/offcanvas.js +1 -1
- package/assets/bootstrap/js/src/popover.js +1 -1
- package/assets/bootstrap/js/src/scrollspy.js +10 -14
- package/assets/bootstrap/js/src/tab.js +4 -2
- package/assets/bootstrap/js/src/toast.js +4 -9
- package/assets/bootstrap/js/src/tooltip.js +50 -32
- package/assets/bootstrap/js/src/util/backdrop.js +1 -1
- package/assets/bootstrap/js/src/util/component-functions.js +1 -1
- package/assets/bootstrap/js/src/util/config.js +1 -1
- package/assets/bootstrap/js/src/util/focustrap.js +1 -1
- package/assets/bootstrap/js/src/util/index.js +1 -1
- package/assets/bootstrap/js/src/util/sanitizer.js +1 -1
- package/assets/bootstrap/js/src/util/scrollbar.js +1 -1
- package/assets/bootstrap/js/src/util/swipe.js +1 -1
- package/assets/bootstrap/js/src/util/template-factory.js +1 -1
- package/assets/bootstrap/package.json +27 -28
- package/assets/bootstrap/scss/_accordion.scss +4 -7
- package/assets/bootstrap/scss/_button-group.scss +1 -1
- package/assets/bootstrap/scss/_buttons.scss +7 -28
- package/assets/bootstrap/scss/_carousel.scss +3 -0
- package/assets/bootstrap/scss/_dropdown.scss +1 -2
- package/assets/bootstrap/scss/_functions.scss +2 -2
- package/assets/bootstrap/scss/_list-group.scss +5 -6
- package/assets/bootstrap/scss/_modal.scss +1 -1
- package/assets/bootstrap/scss/_nav.scss +2 -2
- package/assets/bootstrap/scss/_navbar.scss +0 -2
- package/assets/bootstrap/scss/_offcanvas.scss +4 -5
- package/assets/bootstrap/scss/_pagination.scss +1 -1
- package/assets/bootstrap/scss/_popover.scss +5 -5
- package/assets/bootstrap/scss/_toasts.scss +2 -5
- package/assets/bootstrap/scss/_variables-dark.scss +87 -0
- package/assets/bootstrap/scss/_variables.scss +17 -18
- package/assets/bootstrap/scss/bootstrap-utilities.scss +0 -3
- package/assets/bootstrap/scss/forms/_floating-labels.scss +0 -1
- package/assets/bootstrap/scss/forms/_input-group.scss +4 -7
- package/assets/bootstrap/scss/helpers/_focus-ring.scss +5 -0
- package/assets/bootstrap/scss/helpers/_icon-link.scss +25 -0
- package/assets/bootstrap/scss/mixins/_banner.scss +2 -2
- package/assets/bootstrap/scss/mixins/_color-mode.scss +21 -0
- package/assets/bootstrap/scss/mixins/_forms.scss +10 -10
- package/assets/bootstrap/scss/mixins/_table-variants.scss +2 -2
- package/assets/bootstrap/scss/mixins/_utilities.scss +1 -1
- package/assets/css/components/actionbar.css.map +1 -1
- package/assets/css/components/actionbar.global.css.map +1 -1
- package/assets/css/components/barchart.component.css +1 -1
- package/assets/css/components/barchart.component.css.map +1 -1
- package/assets/css/components/card.component.css +1 -0
- package/assets/css/components/card.component.css.map +1 -0
- package/assets/css/components/card.module.css +1 -0
- package/assets/css/components/card.module.css.map +1 -0
- package/assets/css/components/carousel.component.css +1 -0
- package/assets/css/components/carousel.component.css.map +1 -0
- package/assets/css/components/carousel.config.css +1 -0
- package/assets/css/components/carousel.config.css.map +1 -0
- package/assets/css/components/charts.config.css +1 -1
- package/assets/css/components/charts.config.css.map +1 -1
- package/assets/css/components/charts.css +1 -1
- package/assets/css/components/charts.css.map +1 -1
- package/assets/css/components/charts.module.css +1 -1
- package/assets/css/components/charts.module.css.map +1 -1
- package/assets/css/components/collapsible-side.css.map +1 -1
- package/assets/css/components/fileupload.css.map +1 -1
- package/assets/css/components/filter-card.component.css +1 -0
- package/assets/css/components/filter-card.component.css.map +1 -0
- package/assets/css/components/header.css +1 -1
- package/assets/css/components/header.css.map +1 -1
- package/assets/css/components/marketing.css.map +1 -1
- package/assets/css/components/multi-step.component.css +1 -0
- package/assets/css/components/multi-step.component.css.map +1 -0
- package/assets/css/components/multiselect.preload.css +1 -1
- package/assets/css/components/multiselect.preload.css.map +1 -1
- package/assets/css/components/nav.css.map +1 -1
- package/assets/css/components/nav.docs.css.map +1 -1
- package/assets/css/components/nav.global.css.map +1 -1
- package/assets/css/components/nav.old.css.map +1 -1
- package/assets/css/components/nav.preload.css +1 -1
- package/assets/css/components/nav.preload.css.map +1 -1
- package/assets/css/components/notification.css.map +1 -1
- package/assets/css/components/pagination.css.map +1 -1
- package/assets/css/components/property-searchbar.css.map +1 -1
- package/assets/css/components/record-card.component.css +1 -0
- package/assets/css/components/record-card.component.css.map +1 -0
- package/assets/css/components/slider.css.map +1 -1
- package/assets/css/components/snapshot.css.map +1 -1
- package/assets/css/components/stepper.css.map +1 -1
- package/assets/css/components/table.global.css.map +1 -1
- package/assets/css/components/tabs.css +1 -1
- package/assets/css/components/tabs.css.map +1 -1
- package/assets/css/components/testimonial.css.map +1 -1
- package/assets/css/components/timeline.css +1 -1
- package/assets/css/components/timeline.css.map +1 -1
- package/assets/css/components/video-card.component.css +1 -0
- package/assets/css/components/video-card.component.css.map +1 -0
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/img/illustrations/not-found.png +0 -0
- package/assets/js/components/accordion/accordion.component.min.js +2 -2
- package/assets/js/components/actionbar/actionbar.component.min.js +6 -6
- package/assets/js/components/actionbar/actionbar.component.min.js.map +1 -1
- package/assets/js/components/address-lookup/address-lookup.component.min.js +2 -2
- package/assets/js/components/address-lookup/address-lookup.component.min.js.map +1 -1
- package/assets/js/components/applied-filters/applied-filters.component.min.js +2 -2
- package/assets/js/components/applied-filters/applied-filters.component.min.js.map +1 -1
- package/assets/js/components/barchart/barchart.component.js +2 -0
- package/assets/js/components/barchart/barchart.component.min.js +5 -3
- package/assets/js/components/barchart/barchart.component.min.js.map +1 -1
- package/assets/js/components/card/card.component.js +92 -154
- package/assets/js/components/card/card.component.min.js +27 -32
- package/assets/js/components/card/card.component.min.js.map +1 -1
- package/assets/js/components/carousel/carousel.component.js +36 -41
- package/assets/js/components/carousel/carousel.component.min.js +18 -12
- package/assets/js/components/carousel/carousel.component.min.js.map +1 -1
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +2 -2
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js.map +1 -1
- package/assets/js/components/fileupload/fileupload.component.min.js +2 -2
- package/assets/js/components/fileupload/fileupload.component.min.js.map +1 -1
- package/assets/js/components/filter-card/filter-card.component.js +71 -0
- package/assets/js/components/filter-card/filter-card.component.min.js +27 -0
- package/assets/js/components/filter-card/filter-card.component.min.js.map +1 -0
- package/assets/js/components/filterlist/filterlist.component.min.js +2 -2
- package/assets/js/components/header/header.component.min.js +3 -3
- package/assets/js/components/header/header.component.min.js.map +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.min.js +2 -2
- package/assets/js/components/inline-edit/inline-edit.component.min.js.map +1 -1
- package/assets/js/components/marketing/marketing.component.min.js +2 -2
- package/assets/js/components/marketing/marketing.component.min.js.map +1 -1
- package/assets/js/components/multi-step/multi-step.component.js +162 -0
- package/assets/js/components/multiselect/multiselect.component.min.js +2 -2
- package/assets/js/components/multiselect/multiselect.component.min.js.map +1 -1
- package/assets/js/components/nav/nav.component.min.js +2 -2
- package/assets/js/components/nav/nav.component.min.js.map +1 -1
- package/assets/js/components/notification/notification.component.min.js +2 -2
- package/assets/js/components/notification/notification.component.min.js.map +1 -1
- package/assets/js/components/pagination/pagination.component.min.js +2 -2
- package/assets/js/components/pagination/pagination.component.min.js.map +1 -1
- package/assets/js/components/record-card/record-card.component.js +69 -0
- package/assets/js/components/record-card/record-card.component.min.js +27 -0
- package/assets/js/components/record-card/record-card.component.min.js.map +1 -0
- package/assets/js/components/search/search.component.min.js +2 -2
- package/assets/js/components/slider/slider.component.min.js +2 -2
- package/assets/js/components/slider/slider.component.min.js.map +1 -1
- package/assets/js/components/table/table.component.js +1 -1
- package/assets/js/components/table/table.component.min.js +4 -4
- package/assets/js/components/table/table.component.min.js.map +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +3 -3
- package/assets/js/components/tabs/tabs.component.min.js.map +1 -1
- package/assets/js/components/video-card/video-card.component.js +176 -0
- package/assets/js/components/video-card/video-card.component.min.js +30 -0
- package/assets/js/components/video-card/video-card.component.min.js.map +1 -0
- package/assets/js/components.bundle.js +5 -0
- package/assets/js/components.bundle.js.map +1 -0
- package/assets/js/components.js +30 -0
- package/assets/js/modules/card.module.js +33 -0
- package/assets/js/modules/carousel.js +110 -8
- package/assets/js/modules/chart.js +2 -2
- package/assets/js/modules/dialogs.js +5 -129
- package/assets/js/modules/table.js +1 -1
- package/assets/js/scripts.bundle.js +4 -195
- package/assets/js/scripts.bundle.js.map +1 -1
- package/assets/js/scripts.bundle.min.js +3 -3
- package/assets/js/scripts.bundle.min.js.map +1 -1
- package/assets/js/scripts.js +17 -0
- package/assets/js/tests/filterlist.spec.js +1 -1
- package/assets/sass/_components.scss +76 -12
- package/assets/sass/_corefiles.scss +19 -10
- package/assets/sass/_elements.scss +2 -0
- package/assets/sass/_func.scss +3 -0
- package/assets/sass/_functions/functions.scss +304 -1
- package/assets/sass/_functions/mixins.scss +458 -2
- package/assets/sass/_functions/utilities.scss +647 -2
- package/assets/sass/_functions/variables.scss +1724 -2
- package/assets/sass/_utilities.scss +126 -7
- package/assets/sass/components/card.component.scss +229 -0
- package/assets/sass/components/card.module.scss +154 -0
- package/assets/sass/components/carousel.component.scss +605 -0
- package/assets/sass/components/carousel.config.scss +84 -0
- package/assets/sass/components/charts.config.scss +3 -0
- package/assets/sass/components/charts.module.scss +5 -3
- package/assets/sass/components/filter-card.component.scss +106 -0
- package/assets/sass/components/header.scss +1 -0
- package/assets/sass/components/multi-step.component.scss +148 -0
- package/assets/sass/components/multiselect.preload.scss +7 -0
- package/assets/sass/components/nav.preload.scss +5 -0
- package/assets/sass/components/record-card.component.scss +204 -0
- package/assets/sass/components/tabs.scss +1 -1
- package/assets/sass/components/video-card.component.scss +80 -0
- package/assets/sass/components.reset.scss +5 -43
- package/assets/sass/elements/admin-panel.scss +2 -1
- package/assets/sass/elements/badge-tag.scss +5 -1
- package/assets/sass/elements/buttons.scss +36 -0
- package/assets/sass/elements/container.scss +16 -6
- package/assets/sass/elements/details.scss +2 -0
- package/assets/sass/elements/dialog.scss +2 -744
- package/assets/sass/elements/forms.scss +241 -24
- package/assets/sass/elements/links.scss +27 -4
- package/assets/sass/elements/lists.scss +46 -0
- package/assets/sass/elements/media.scss +10 -38
- package/assets/sass/elements/modal.scss +453 -0
- package/assets/sass/elements/popover.scss +207 -0
- package/assets/sass/elements/table.element.scss +35 -0
- package/assets/sass/elements/type.scss +38 -2
- package/assets/sass/error.scss +32 -1
- package/assets/sass/foundations/bs_grid.scss +33 -0
- package/assets/sass/foundations/grid.scss +270 -0
- package/assets/sass/foundations/reboot.scss +71 -49
- package/assets/sass/foundations/root.scss +16 -3
- package/assets/ts/components/barchart/barchart.component.ts +2 -0
- package/assets/ts/components/card/card.component.ts +94 -192
- package/assets/ts/components/carousel/carousel.component.ts +51 -44
- package/assets/ts/components/filter-card/filter-card.component.ts +81 -0
- package/assets/ts/components/multi-step/multi-step.component.ts +262 -0
- package/assets/ts/components/record-card/record-card.component.ts +82 -0
- package/assets/ts/components/table/table.component.ts +2 -1
- package/assets/ts/components/video-card/video-card.component.ts +227 -0
- package/assets/ts/components.ts +38 -0
- package/assets/ts/modules/card.module.ts +43 -0
- package/assets/ts/modules/carousel.ts +161 -7
- package/assets/ts/modules/dialogs.ts +6 -182
- package/assets/ts/modules/table.ts +1 -1
- package/assets/ts/scripts.ts +22 -0
- package/assets/ts/tests/filterlist.spec.ts +1 -1
- package/dist/components.es.js +227 -243
- package/dist/components.umd.js +105 -104
- package/dist/style.css +1 -1
- package/package.json +9 -7
- package/src/components/BarChart/BarChart.vue +2 -2
- package/src/components/Carousel/Carousel.vue +1 -15
- package/src/components/FilterCard/FilterCard.vue +25 -0
- package/src/components/MultiStep/MultiStep.vue +25 -0
- package/src/components/RecordCard/RecordCard.vue +25 -0
- package/src/components/VideoCard/VideoCard.vue +25 -0
- package/assets/css/components/card.css +0 -1
- package/assets/css/components/card.css.map +0 -1
- package/assets/css/components/card.global.css +0 -1
- package/assets/css/components/card.global.css.map +0 -1
- package/assets/css/components/card.preload.css +0 -1
- package/assets/css/components/card.preload.css.map +0 -1
- package/assets/css/components/carousel.css +0 -1
- package/assets/css/components/carousel.css.map +0 -1
- package/assets/css/components/carousel.preload.css +0 -1
- package/assets/css/components/carousel.preload.css.map +0 -1
- package/assets/js/bundle.js +0 -74
- package/assets/js/dynamic.js +0 -80
- package/assets/js/dynamic.min.js +0 -18
- package/assets/js/dynamic.min.js.map +0 -1
- package/assets/js/flat-components.js +0 -84
- package/assets/js/modules/youtubevideo.js +0 -106
- package/assets/sass/components/card.global.scss +0 -102
- package/assets/sass/components/card.preload.scss +0 -8
- package/assets/sass/components/card.scss +0 -606
- package/assets/sass/components/carousel.preload.scss +0 -82
- package/assets/sass/components/carousel.scss +0 -258
- package/assets/ts/bundle.ts +0 -94
- package/assets/ts/components/barchart/README.md +0 -37
- package/assets/ts/components/card/README.md +0 -39
- package/assets/ts/dynamic.ts +0 -107
- package/assets/ts/flat-components.ts +0 -106
- package/assets/ts/modules/youtubevideo.ts +0 -141
- package/assets/ts/tests/dialogs.spec.js +0 -50
- package/src/foundations/YoutubeVideo/README.md +0 -11
- package/src/foundations/YoutubeVideo/YoutubeVideo.vue +0 -24
package/dist/components.umd.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
(function(w,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],r):(w=typeof globalThis<"u"?globalThis:w||self,r(w.iamkey={},w.Vue))})(this,function(w,r){"use strict";const A=(e,a)=>{const t=e.__vccOpts||e;for(const[n,i]of a)t[n]=i;return t},et={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}}},at=["xlink:href"],ot=["innerHTML"];function rt(e,a,t,n,i,l){return r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(l.className)},[(r.openBlock(),r.createElementBlock("svg",null,[r.createElementVNode("title",null,"iam "+r.toDisplayString(t.id),1),r.createElementVNode("use",{"xlink:href":t.path+l.src},null,8,at)])),t.desc?(r.openBlock(),r.createElementBlock("span",{key:0,innerHTML:t.desc},null,8,ot)):r.createCommentVNode("",!0)],2)}const nt=A(et,[["render",rt]]),it=e=>e.charAt(0).toUpperCase()+e.slice(1),st=e=>e.replace(/_/g," "),lt=e=>e.replace(/ /g,"_"),dt=function(e){return e=e.toLowerCase(),e=lt(e),e=e.replace(/\W/g,""),e},ct={name:"Table",props:{items:{type:Array,required:!1},fields:{type:Array,required:!1}},computed:{cellHeading(){return e=>`${it(st(e))}`}},created(){this.$nextTick(function(){Promise.resolve().then(()=>qo).then(e=>{window.customElements.get("iam-table")||window.customElements.define("iam-table",e.default)}).catch(e=>{console.log(e.message)}),Promise.resolve().then(()=>ro).then(e=>{window.customElements.get("iam-pagination")||window.customElements.define("iam-pagination",e.default)}).catch(e=>{console.log(e.message)})})},updated(){}},mt={key:0},ut={key:0},ht=["data-row-id"],pt=["innerHTML"];function bt(e,a,t,n,i,l){return r.openBlock(),r.createElementBlock("iam-table",null,[r.renderSlot(e.$slots,"before"),t.fields?(r.openBlock(),r.createElementBlock("table",mt,[r.createElementVNode("thead",null,[r.createElementVNode("tr",null,[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(t.fields,o=>(r.openBlock(),r.createElementBlock("th",{key:o.key},r.toDisplayString(l.cellHeading(o.key)),1))),128))])]),t.items?(r.openBlock(),r.createElementBlock("tbody",ut,[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(t.items,(o,s)=>(r.openBlock(),r.createElementBlock("tr",{key:s,"data-row-id":o.rowid},[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(Object.fromEntries(Object.entries(o).filter(([c])=>c!=="rowid")),(c,d)=>(r.openBlock(),r.createElementBlock("td",{key:d,innerHTML:c},null,8,pt))),128))],8,ht))),128))])):r.createCommentVNode("",!0)])):r.renderSlot(e.$slots,"default",{key:1})])}const B=A(ct,[["render",bt]]),ft={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(e){this.$emit("input",e)}}},mounted(){this.$nextTick(function(){let e=this.$refs.wrapper;if(e.parentNode&&e.parentNode.classList.contains("form-check")||e.classList.length==0){const a=document.createDocumentFragment();Array.from(e.childNodes).forEach(t=>a.appendChild(t)),e.parentNode.insertBefore(a,e),e.parentNode.removeChild(e)}})},methods:{inputKeyup(e){this.$emit("keyupEvent",e)},clickEvent(){this.$emit("bus")}}},gt=["for","innerHTML","title"],yt=["innerHTML"],vt=["innerHTML"],wt=["type","name","id","pattern","list"],_t=["type","name","id","pattern"],kt={key:5,class:"input-group"},xt=["type","name","id","pattern","list"],At={class:"input-group-text border-0 col-2 col-sm-1 px-0"},Lt={key:6,class:"input-group"},St=["type","name","id","pattern","list"],Et={class:"input-group-text flex-fill"},qt=["type","name","id","pattern"],$t=["value"],Tt=["type","name","id"],Ct=["for","innerHTML"],Mt=["type","name","id"],Ht=["for","innerHTML"],Bt=["innerHTML"],Nt=["id"],Rt=["value"];function jt(e,a,t,n,i,l){return r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(l.wrapperClass()),ref:"wrapper"},[l.needsLabel()?(r.openBlock(),r.createElementBlock("label",{key:0,class:r.normalizeClass(`form-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:l.displayLabel(),title:t.title},null,10,gt)):r.createCommentVNode("",!0),t.prefix?(r.openBlock(),r.createElementBlock("span",{key:1,class:r.normalizeClass(`prefix ${this.prefixClass} ${t.size?`prefix-${t.size}`:""}`),innerHTML:t.prefix,role:"presentation"},null,10,yt)):r.createCommentVNode("",!0),t.suffix?(r.openBlock(),r.createElementBlock("span",{key:2,class:r.normalizeClass(`suffix ${this.suffixClass} ${t.size?`suffix-${t.size}`:""}`),innerHTML:t.suffix,role:"presentation"},null,10,vt)):r.createCommentVNode("",!0),l.isInput()?r.withDirectives((r.openBlock(),r.createElementBlock("input",r.mergeProps({key:3,"onUpdate:modelValue":a[0]||(a[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()},e.$attrs,{onKeyup:a[1]||(a[1]=(...o)=>l.inputKeyup&&l.inputKeyup(...o))}),null,16,wt)),[[r.vModelDynamic,l.inputVal]]):r.createCommentVNode("",!0),t.type=="textarea"?r.withDirectives((r.openBlock(),r.createElementBlock("textarea",r.mergeProps({key:4,"onUpdate:modelValue":a[2]||(a[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()},e.$attrs),null,16,_t)),[[r.vModelText,l.inputVal]]):r.createCommentVNode("",!0),t.type=="range"?(r.openBlock(),r.createElementBlock("div",kt,[r.withDirectives(r.createElementVNode("input",r.mergeProps({"onUpdate:modelValue":a[3]||(a[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()},e.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,xt),[[r.vModelDynamic,l.inputVal]]),r.createElementVNode("output",At,r.toDisplayString(t.value),1)])):r.createCommentVNode("",!0),t.type=="color"?(r.openBlock(),r.createElementBlock("div",Lt,[r.withDirectives(r.createElementVNode("input",r.mergeProps({"onUpdate:modelValue":a[4]||(a[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()},e.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,St),[[r.vModelDynamic,l.inputVal]]),r.createElementVNode("output",Et,r.toDisplayString(t.value?e.vale:"#000000"),1)])):r.createCommentVNode("",!0),t.type=="select"?r.withDirectives((r.openBlock(),r.createElementBlock("select",r.mergeProps({key:7,"onUpdate:modelValue":a[5]||(a[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()},e.$attrs),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(t.options,(o,s)=>(r.openBlock(),r.createElementBlock("option",{key:s,value:o.value},r.toDisplayString(o.display?o.display:o.value),9,$t))),128))],16,qt)),[[r.vModelSelect,l.inputVal]]):r.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(r.openBlock(),r.createElementBlock("input",r.mergeProps({key:8,class:"form-check-input",type:t.type,name:t.name?t.name:t.id,id:t.id},e.$attrs),null,16,Tt)):r.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(r.openBlock(),r.createElementBlock("label",{key:9,class:r.normalizeClass(`form-label form-check-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label},null,10,Ct)):r.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(r.openBlock(),r.createElementBlock("input",r.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},e.$attrs),null,16,Mt)):r.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(r.openBlock(),r.createElementBlock("label",{key:11,class:r.normalizeClass(`btn${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label,onClick:a[6]||(a[6]=(...o)=>l.clickEvent&&l.clickEvent(...o))},null,10,Ht)):r.createCommentVNode("",!0),r.renderSlot(e.$slots,"default"),t.errormsg?(r.openBlock(),r.createElementBlock("span",{key:12,class:"invalid-feedback mb-0",innerHTML:t.errormsg},null,8,Bt)):r.createCommentVNode("",!0),l.allowDatalist()?(r.openBlock(),r.createElementBlock("datalist",{key:13,id:t.id+"-list"},[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(t.options,(o,s)=>(r.openBlock(),r.createElementBlock("option",{key:s,value:o.value},r.toDisplayString(o.value),9,Rt))),128))],8,Nt)):r.createCommentVNode("",!0)],2)}const N=A(ft,[["render",jt]]),zt=Object.assign({name:"FileUpload",props:{maxfilesize:{type:Number,required:!1},maxfiles:{type:Number,required:!1}},created(){this.$nextTick(function(){Promise.resolve().then(()=>To).then(e=>{window.customElements.get("iam-fileupload")||window.customElements.define("iam-fileupload",e.default)}).catch(e=>{console.log(e.message)})})}},{emits:["elementChange","empty"],setup(e,{emit:a}){const t=r.ref(null);return r.onMounted(()=>{t.value.addEventListener("elementChange",function(n){a("elementChange",n)}),t.value.addEventListener("empty",function(n){a("empty",n)})}),(n,i)=>(r.openBlock(),r.createElementBlock("iam-fileupload",{ref_key:"$component",ref:t},[r.renderSlot(n.$slots,"default")],512))}}),lr="",Dt={name:"Accordion",props:{},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Mo).then(e=>{window.customElements.get("iam-accordion")||window.customElements.define("iam-accordion",e.default)}).catch(e=>{console.log(e.message)})})}},Ft={ref:"wrapper"};function Vt(e,a,t,n,i,l){return r.openBlock(),r.createElementBlock("iam-accordion",Ft,[r.renderSlot(e.$slots,"default")],512)}const Pt=A(Dt,[["render",Vt]]),Ot={name:"AccordionItem",props:{title:{type:String,required:!0},titlecolour:{type:String,required:!1},badge:{type:[Number,String],required:!1},badgecolour:{type:String,required:!1,default:"light"},lazy:{type:Boolean,required:!1}},computed:{createID(){return e=>`${dt(e)}`}},data(){return{show:!this.lazy}}},It=["id"];function Ut(e,a,t,n,i,l){return r.openBlock(),r.createElementBlock("details",{id:l.createID(t.title)},[r.createElementVNode("summary",null,[r.createTextVNode(r.toDisplayString(t.title),1),t.badge?(r.openBlock(),r.createElementBlock("span",{key:0,class:r.normalizeClass(`badge bg-${t.badgecolour}`)},r.toDisplayString(t.badge),3)):r.createCommentVNode("",!0)]),r.renderSlot(e.$slots,"default")],8,It)}const Wt=A(Ot,[["render",Ut]]),Gt={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1},background:{type:String,default:"light",required:!1}}},Kt={class:"container"},Yt={class:"row"},Xt={class:"col-sm-6"},Jt={class:"pt-5 pb-3 px-4"},Qt={class:"col-sm-6 col-md-5 ms-auto"},Zt=["src"];function te(e,a,t,n,i,l){return r.openBlock(),r.createElementBlock("div",Kt,[r.createElementVNode("div",{class:r.normalizeClass("bg-"+t.background+" mb-4")},[r.createElementVNode("div",Yt,[r.createElementVNode("div",Xt,[r.createElementVNode("div",Jt,[r.createElementVNode("h2",null,r.toDisplayString(t.title),1),r.renderSlot(e.$slots,"default")])]),r.createElementVNode("div",Qt,[t.image?(r.openBlock(),r.createElementBlock("img",{key:0,src:t.image,alt:"",class:"h-100 w-100 object-cover"},null,8,Zt)):r.createCommentVNode("",!0)])])],2)])}const ee=A(Gt,[["render",te]]),ae={name:"Card",created(){this.$nextTick(function(){Promise.resolve().then(()=>Ho).then(e=>{window.customElements.get("iam-card")||window.customElements.define("iam-card",e.default)}).catch(e=>{console.log(e.message)})})}};function oe(e,a,t,n,i,l){return r.openBlock(),r.createElementBlock("iam-card",null,[r.renderSlot(e.$slots,"default")])}const re=A(ae,[["render",oe]]),ne={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1},thumbnails:{type:Array,default:()=>[]}},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>No).then(e=>{window.customElements.get("iam-carousel")||window.customElements.define("iam-carousel",e.default)}).catch(e=>{console.log(e.message)})})}},ie=["data-thumbnails"];function se(e,a,t,n,i,l){return r.openBlock(),r.createElementBlock("iam-carousel",{"data-thumbnails":JSON.stringify(t.thumbnails)},[r.renderSlot(e.$slots,"default")],8,ie)}const le=A(ne,[["render",se]]),de={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>jo).then(e=>{window.customElements.get("iam-header")||window.customElements.define("iam-header",e.default)}).catch(e=>{console.log(e.message)})})}},ce=["image"],me=["innerHTML"];function ue(e,a,t,n,i,l){return r.openBlock(),r.createElementBlock("iam-header",{image:t.image},[r.renderSlot(e.$slots,"breadcrumb"),t.title?(r.openBlock(),r.createElementBlock("h1",{key:0,innerHTML:t.title},null,8,me)):r.createCommentVNode("",!0),r.renderSlot(e.$slots,"default")],8,ce)}const he=A(de,[["render",ue]]);function pe(e){var a;const t=e.querySelector(".testimonial__images"),n=t.querySelectorAll("img").length;if(n==1)return!1;e.classList.add("testimonial--multi");const i=function(l){const o=e.querySelector(".btn-next"),s=e.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==n&&o.setAttribute("disabled",!0)};t.addEventListener("scroll",function(l){clearTimeout(a),a=setTimeout(function(){let o=t.scrollWidth,s=t.scrollHeight,c=t.scrollLeft,d=t.scrollTop,m=Math.round(c/o*n)+1;c==0&&d!=0&&(m=Math.round(d/s*n)+1),e.setAttribute("data-show",m),i(m)},300)},!1),e.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,m=t.scrollWidth,u=t.scrollHeight;m>u?d=Math.floor(m*((s-1)/n)):c=Math.floor(u*((s-1)/n)),t.scroll({top:c,left:d,behavior:"smooth"});break}},!1)}const dr="",be={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){pe(this.$refs.wrapper)}},fe={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},ge={class:"row"},ye={class:"col-md-5 position-relative"},ve={class:"testimonial__images"},we=["src"],_e=r.createElementVNode("div",{class:"testimonial__controls"},[r.createElementVNode("button",{"data-go":"0",disabled:"",class:"btn-prev"},"Previous"),r.createElementVNode("button",{"data-go":"2",class:"btn-next"},"Next")],-1),ke={class:"col-md-7"},xe=r.createElementVNode("h2",null,"What our customers think…",-1),Ae={class:"testimonial__content"},Le=["innerHTML"],Se=["innerHTML"],Ee={class:"testimonial__after"},qe=r.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1);function $e(e,a,t,n,i,l){return r.openBlock(),r.createElementBlock("div",fe,[r.createElementVNode("div",{class:r.normalizeClass("bg-"+t.background)},[r.createElementVNode("div",ge,[r.createElementVNode("div",ye,[r.createElementVNode("div",ve,[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(t.items,(o,s)=>(r.openBlock(),r.createElementBlock("img",{key:s,src:o.image?o.image:"data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",alt:"",class:r.normalizeClass("h-100 w-100 object-cover"+(o.image?"":" opacity-0"))},null,10,we))),128))]),_e]),r.createElementVNode("div",ke,[xe,r.createElementVNode("div",Ae,[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(t.items,(o,s)=>(r.openBlock(),r.createElementBlock("blockquote",{key:s,class:r.normalizeClass(o.class)},[r.createElementVNode("div",{innerHTML:o.quote},null,8,Le),r.createElementVNode("cite",{innerHTML:o.cite},null,8,Se)],2))),128))]),r.createElementVNode("div",Ee,[r.renderSlot(e.$slots,"default")])])]),qe],2)],512)}const Te=A(be,[["render",$e]]),cr="",Ce={name:"Timeline",props:{image:{type:String,required:!1}}},Me={class:"timeline"},He={class:"timeline__content"},Be=["src"];function Ne(e,a,t,n,i,l){return r.openBlock(),r.createElementBlock("div",Me,[r.createElementVNode("div",He,[r.renderSlot(e.$slots,"default")]),t.image?(r.openBlock(),r.createElementBlock("img",{key:0,src:t.image,alt:""},null,8,Be)):r.createCommentVNode("",!0)])}const Re=A(Ce,[["render",Ne]]),mr="",je={components:{Input:N},name:"PropertySearchbar",props:{formaction:{type:String,required:!1},formmethod:{type:String,required:!1},location:{type:String,required:!1},locations:{type:Array,required:!1},distances:{type:Array,required:!1,default(){return[{value:"0.25",display:"+¼ mi"},{value:"0.5",display:"+½ mi"},{value:"1",display:"+1 mi"},{value:"2",display:"+2 mi"},{value:"3",display:"+3 mi"},{value:"4",display:"+4 mi"},{value:"5",display:"+5 mi"}]}},pricemin:{type:Array,required:!1,default(){return[{value:"0",display:"No min"},{value:"50000",display:"£50k min"},{value:"75000",display:"£75k min"},{value:"100000",display:"£100k min"},{value:"150000",display:"£150k min"},{value:"200000",display:"£200k min"},{value:"250000",display:"£250k min"}]}},pricemax:{type:Array,required:!1,default(){return[{value:"any",display:"No max"},{value:"50000",display:"£50k max"},{value:"75000",display:"£75k max"},{value:"100000",display:"£100k max"},{value:"150000",display:"£150k max"},{value:"200000",display:"£200k max"},{value:"250000",display:"£250k max"}]}},bedsmin:{type:Array,required:!1,default(){return[{value:"any",display:"No min"},{value:"0",display:"Studio min"},{value:"1",display:"1 bed min"},{value:"2",display:"2 beds min"},{value:"3",display:"3 beds min"},{value:"4",display:"4 beds min"},{value:"5",display:"5 beds min"},{value:"6",display:"6 beds min"}]}},bedsmax:{type:Array,required:!1,default(){return[{value:"any",display:"No max"},{value:"0",display:"Studio max"},{value:"1",display:"1 bed max"},{value:"2",display:"2 beds max"},{value:"3",display:"3 beds max"},{value:"4",display:"4 beds max"},{value:"5",display:"5 beds max"},{value:"6",display:"6 beds max"}]}},propertytypes:{type:Array,required:!1,default(){return[{value:"all",display:"Show all"},{value:"Bungalow",display:"Bungalow"},{value:"Character Property",display:"Character Property"},{value:"Commercial Property",display:"Commercial Property"},{value:"Flat / Apartment",display:"Flat / Apartment"},{value:"Garage / Parking",display:"Garage / Parking"},{value:"Guest House / Hotel",display:"Guest House / Hotel"},{value:"House",display:"House"},{value:"House / Flat Share",display:"House / Flat Share"},{value:"Land",display:"Land"},{value:"Mobile / Park Home",display:"Mobile / Park Home"},{value:"Private Halls",display:"Private Halls"},{value:"Retirement Property",display:"Retirement Property"}]}}},data(){return{locationSave:""}},methods:{locationKeyup:function(e){this.$emit("locationKeyup",e)}},computed:{locationSet:{get(){return this.locationSave?this.locationSave:this.location},set(e){this.locationSave=e,this.$emit("input",e)}},locationsList(){return()=>this.locations?this.locations:[{value:"Newcastle"}]}}},ze={class:"container",ref:"wrapper"},De={class:"property-searchbar"},Fe=["action","method"],Ve={class:"col-12 col-md-3"},Pe={class:"col-12 col-md"},Oe=r.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1),Ie={class:"row","data-input-range":""},Ue={class:"col-12 col-md"},We=r.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1),Ge={class:"row","data-input-range":""},Ke={class:"col-12 col-md-2"},Ye=r.createElementVNode("div",{class:"col-12 col-md mw-md-fit-content d-flex property-searchbar__btn"},[r.createElementVNode("button",{class:"btn w-100 me-0",type:"submit",value:"submit"},"Search")],-1);function Xe(e,a,t,n,i,l){const o=r.resolveComponent("Input");return r.openBlock(),r.createElementBlock("div",ze,[r.renderSlot(e.$slots,"default"),r.createElementVNode("div",De,[r.createElementVNode("form",{class:"row",action:t.formaction,method:t.formmethod},[r.createElementVNode("fieldset",Ve,[r.createVNode(o,{inputClass:"input--locations",modelValue:l.locationSet,"onUpdate:modelValue":a[0]||(a[0]=s=>l.locationSet=s),label:"Location",id:"location",options:l.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:a[1]||(a[1]=s=>l.locationKeyup(...arguments)),ref:"search"},null,8,["modelValue","options"]),r.createVNode(o,{class:"select--miles",label:"Miles",id:"miles",type:"select",options:t.distances},null,8,["options"])]),r.createElementVNode("fieldset",Pe,[Oe,r.createElementVNode("div",Ie,[r.createVNode(o,{class:"col-6",label:"Minimum price",id:"price-min","data-min":"true",type:"select",options:t.pricemin},null,8,["options"]),r.createVNode(o,{class:"col-6",label:"Maximum price",id:"price-max","data-max":"true",type:"select",options:t.pricemax},null,8,["options"])])]),r.createElementVNode("fieldset",Ue,[We,r.createElementVNode("div",Ge,[r.createVNode(o,{class:"col-6",label:"Minimum beds",id:"beds-min","data-min":"true",type:"select",options:t.bedsmin},null,8,["options"]),r.createVNode(o,{class:"col-6",label:"Maximum beds",id:"beds-max","data-max":"true",type:"select",options:t.bedsmax},null,8,["options"])])]),r.createElementVNode("fieldset",Ke,[r.createVNode(o,{label:"Property type",id:"property-type",type:"select",options:t.propertytypes},null,8,["options"])]),Ye],8,Fe)]),r.renderSlot(e.$slots,"after")],512)}const Je=A(je,[["render",Xe]]),Qe={components:{},name:"Nav",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>zo).then(e=>{window.customElements.get("iam-nav")||window.customElements.define("iam-nav",e.default)}).catch(e=>{console.log(e.message)})})},methods:{}},Ze={ref:"wrapper"};function ta(e,a,t,n,i,l){return r.openBlock(),r.createElementBlock("iam-nav",Ze,[r.renderSlot(e.$slots,"default")],512)}const ea=A(Qe,[["render",ta]]),ur="",aa={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},oa={class:"container"},ra=["aria-label"],na={key:0,class:"h6 stepper__start"},ia={class:"list-unstyled"},sa={class:"h6 stepper__end"};function la(e,a,t,n,i,l){return r.openBlock(),r.createElementBlock("div",oa,[r.createElementVNode("nav",{class:"stepper","aria-label":t.label?t.label:"Progress"},[t.label?(r.openBlock(),r.createElementBlock("span",na,r.toDisplayString(t.label),1)):r.createCommentVNode("",!0),r.createElementVNode("ol",ia,[r.renderSlot(e.$slots,"default")]),r.createElementVNode("span",sa,r.toDisplayString(t.endlabel),1)],8,ra)])}const da=A(aa,[["render",la]]),hr="",ca={name:"Snapshot",props:{items:{type:Array,required:!0}}},ma={class:"container snapshot",ref:"wrapper"},ua={class:"row"},ha=["href"],pa={class:"lead snapshot__title"},ba={class:"stat"};function fa(e,a,t,n,i,l){return r.openBlock(),r.createElementBlock("div",ma,[r.renderSlot(e.$slots,"default"),r.createElementVNode("div",ua,[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(t.items,(o,s)=>(r.openBlock(),r.createElementBlock("div",{class:"col",key:s},[o.link?(r.openBlock(),r.createElementBlock("a",{key:0,href:o.link},"View "+r.toDisplayString(o.title),9,ha)):r.createCommentVNode("",!0),r.createElementVNode("div",{class:r.normalizeClass(`snapshot__item ${o.bg?"bg-"+o.bg:""}`)},[r.createElementVNode("span",pa,r.toDisplayString(o.title),1),r.createElementVNode("span",ba,r.toDisplayString(o.number),1)],2)]))),128))])],512)}const ga=A(ca,[["render",fa]]),ya={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},va=["href","aria-current"],wa={key:0,class:"visually-hidden"};function _a(e,a,t,n,i,l){return r.openBlock(),r.createElementBlock("li",null,[r.createElementVNode("a",{href:t.url,class:r.normalizeClass(`${t.status?"bg-"+t.status:""}${typeof t.current<"u"?"current":""}`),"aria-current":typeof t.current<"u"?"step":!1},[r.createElementVNode("span",null,[r.renderSlot(e.$slots,"default")]),t.status?(r.openBlock(),r.createElementBlock("em",wa," - status: "+r.toDisplayString(t.status),1)):r.createCommentVNode("",!0)],10,va)])}const ka=A(ya,[["render",_a]]),pr="",xa={name:"Tabs",created(){this.$nextTick(function(){Promise.resolve().then(()=>Io).then(e=>{window.customElements.get("iam-tabs")||window.customElements.define("iam-tabs",e.default)}).catch(e=>{console.log(e.message)})})}},Aa={ref:"wrapper"};function La(e,a,t,n,i,l){return r.openBlock(),r.createElementBlock("iam-tabs",Aa,[r.renderSlot(e.$slots,"default")],512)}const Sa=A(xa,[["render",La]]),Ea={name:"Tab",props:{title:{type:String,required:!0},lazy:{type:Boolean,required:!1},disabled:{type:Boolean,required:!1}},data(){return{show:!this.lazy,isDisabled:!!this.disabled}}},qa={class:"tab"},$a=["innerHTML"];function Ta(e,a,t,n,i,l){return r.openBlock(),r.createElementBlock("details",qa,[r.createElementVNode("summary",{innerHTML:t.title,class:r.normalizeClass({disabled:i.isDisabled})},null,10,$a),r.renderSlot(e.$slots,"default")])}const Ca=A(Ea,[["render",Ta]]);let P=B.props;P.fields.required=!1;const Ma={components:{Table:B,Input:N},data(){return{itemsData:[...this.items]}},methods:{submitForm:function(e){console.log(this);const a=new FormData(e.target);let t=new Date;const n=t.getFullYear();let i=t.getMonth()+1,l=t.getDate();l<10&&(l="0"+l),i<10&&(i="0"+i),t=l+"/"+i+"/"+n,this.itemsData.unshift({date_added:t,user:a.get("user"),note:a.get("addNote")}),this.$emit("formSubmitted",e)}},name:"NoteFeed",props:{user:{type:String,required:!0},...P,title:{type:String,required:!1},method:{type:String,required:!1,default:"post"},action:{type:String,required:!1}}},Ha={class:"container note-feed mb-2"},Ba=["innerHTML"],Na=["action","method"],Ra=["value"],ja=r.createElementVNode("button",{class:"btn btn-tertiary"},"Submit note",-1);function za(e,a,t,n,i,l){const o=r.resolveComponent("Table"),s=r.resolveComponent("Input");return r.openBlock(),r.createElementBlock("div",Ha,[t.title?(r.openBlock(),r.createElementBlock("span",{key:0,class:"h3",innerHTML:t.title},null,8,Ba)):r.createCommentVNode("",!0),r.createVNode(o,r.mergeProps({fields:[{key:"date_added"},{key:"user"},{key:"note"}],items:i.itemsData},e.$props,{class:"mb-0"}),null,16,["items"]),r.createElementVNode("form",{action:t.action,method:t.method,onSubmit:a[0]||(a[0]=r.withModifiers(c=>l.submitForm(...arguments),["prevent"]))},[r.createElementVNode("input",{type:"hidden",value:t.user,name:"user"},null,8,Ra),r.createVNode(s,{id:"addNote",type:"textarea",label:"Add note",required:"",class:"mw-100"}),ja],40,Na)])}const Da=A(Ma,[["render",za]]),Fa={name:"Applied Filter",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Go).then(e=>{window.customElements.get("iam-applied-filters")||window.customElements.define("iam-applied-filters",e.default)}).catch(e=>{console.log(e.message)})})}};function Va(e,a,t,n,i,l){return r.openBlock(),r.createElementBlock("iam-applied-filters",null,[r.renderSlot(e.$slots,"default")])}const Pa=A(Fa,[["render",Va]]);/*!
|
|
2
|
-
* iamKey v6.
|
|
3
|
-
* Copyright 2022-
|
|
4
|
-
*/function
|
|
1
|
+
(function(x,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],r):(x=typeof globalThis<"u"?globalThis:x||self,r(x.iamkey={},x.Vue))})(this,function(x,r){"use strict";const S=(a,t)=>{const e=a.__vccOpts||a;for(const[n,i]of t)e[n]=i;return e},ot={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}}},rt=["xlink:href"],nt=["innerHTML"];function it(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(s.className)},[(r.openBlock(),r.createElementBlock("svg",null,[r.createElementVNode("title",null,"iam "+r.toDisplayString(e.id),1),r.createElementVNode("use",{"xlink:href":e.path+s.src},null,8,rt)])),e.desc?(r.openBlock(),r.createElementBlock("span",{key:0,innerHTML:e.desc},null,8,nt)):r.createCommentVNode("",!0)],2)}const st=S(ot,[["render",it]]),lt=a=>a.charAt(0).toUpperCase()+a.slice(1),ct=a=>a.replace(/_/g," "),dt=a=>a.replace(/ /g,"_"),mt=function(a){return a=a.toLowerCase(),a=dt(a),a=a.replace(/\W/g,""),a},ut={name:"Table",props:{items:{type:Array,required:!1},fields:{type:Array,required:!1}},computed:{cellHeading(){return a=>`${lt(ct(a))}`}},created(){this.$nextTick(function(){Promise.resolve().then(()=>ko).then(a=>{window.customElements.get("iam-table")||window.customElements.define("iam-table",a.default)}).catch(a=>{console.log(a.message)}),Promise.resolve().then(()=>Qa).then(a=>{window.customElements.get("iam-pagination")||window.customElements.define("iam-pagination",a.default)}).catch(a=>{console.log(a.message)})})},updated(){}},ht={key:0},pt={key:0},bt=["data-row-id"],gt=["innerHTML"];function ft(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("iam-table",null,[r.renderSlot(a.$slots,"before"),e.fields?(r.openBlock(),r.createElementBlock("table",ht,[r.createElementVNode("thead",null,[r.createElementVNode("tr",null,[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.fields,o=>(r.openBlock(),r.createElementBlock("th",{key:o.key},r.toDisplayString(s.cellHeading(o.key)),1))),128))])]),e.items?(r.openBlock(),r.createElementBlock("tbody",pt,[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.items,(o,l)=>(r.openBlock(),r.createElementBlock("tr",{key:l,"data-row-id":o.rowid},[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(Object.fromEntries(Object.entries(o).filter(([d])=>d!=="rowid")),(d,c)=>(r.openBlock(),r.createElementBlock("td",{key:c,innerHTML:d},null,8,gt))),128))],8,bt))),128))])):r.createCommentVNode("",!0)])):r.renderSlot(a.$slots,"default",{key:1})])}const B=S(ut,[["render",ft]]),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 t=document.createDocumentFragment();Array.from(a.childNodes).forEach(e=>t.appendChild(e)),a.parentNode.insertBefore(t,a),a.parentNode.removeChild(a)}})},methods:{inputKeyup(a){this.$emit("keyupEvent",a)},clickEvent(){this.$emit("bus")}}},yt=["for","innerHTML","title"],wt=["innerHTML"],_t=["innerHTML"],kt=["type","name","id","pattern","list"],xt=["type","name","id","pattern"],At={key:5,class:"input-group"},Lt=["type","name","id","pattern","list"],St={class:"input-group-text border-0 col-2 col-sm-1 px-0"},Et={key:6,class:"input-group"},qt=["type","name","id","pattern","list"],$t={class:"input-group-text flex-fill"},Ct=["type","name","id","pattern"],Tt=["value"],Mt=["type","name","id"],zt=["for","innerHTML"],Ht=["type","name","id"],Bt=["for","innerHTML"],Rt=["innerHTML"],Nt=["id"],jt=["value"];function Ft(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(s.wrapperClass()),ref:"wrapper"},[s.needsLabel()?(r.openBlock(),r.createElementBlock("label",{key:0,class:r.normalizeClass(`form-label${e.labelclass?` ${e.labelclass}`:""}`),for:e.id,innerHTML:s.displayLabel(),title:e.title},null,10,yt)):r.createCommentVNode("",!0),e.prefix?(r.openBlock(),r.createElementBlock("span",{key:1,class:r.normalizeClass(`prefix ${this.prefixClass} ${e.size?`prefix-${e.size}`:""}`),innerHTML:e.prefix,role:"presentation"},null,10,wt)):r.createCommentVNode("",!0),e.suffix?(r.openBlock(),r.createElementBlock("span",{key:2,class:r.normalizeClass(`suffix ${this.suffixClass} ${e.size?`suffix-${e.size}`:""}`),innerHTML:e.suffix,role:"presentation"},null,10,_t)):r.createCommentVNode("",!0),s.isInput()?r.withDirectives((r.openBlock(),r.createElementBlock("input",r.mergeProps({key:3,"onUpdate:modelValue":t[0]||(t[0]=o=>s.inputVal=o),class:`form-control${e.size?` form-control-${e.size}`:""}${e.inputclass?` ${e.inputclass}`:""}`,type:e.type,name:e.name?e.name:e.id,id:e.id,pattern:s.needPattern(),list:s.hasOptions()},a.$attrs,{onKeyup:t[1]||(t[1]=(...o)=>s.inputKeyup&&s.inputKeyup(...o))}),null,16,kt)),[[r.vModelDynamic,s.inputVal]]):r.createCommentVNode("",!0),e.type=="textarea"?r.withDirectives((r.openBlock(),r.createElementBlock("textarea",r.mergeProps({key:4,"onUpdate:modelValue":t[2]||(t[2]=o=>s.inputVal=o),class:`form-control${e.size?` form-control-${e.size}`:""}${e.inputclass?` ${e.inputclass}`:""}`,type:e.type,name:e.name?e.name:e.id,id:e.id,pattern:s.needPattern()},a.$attrs),null,16,xt)),[[r.vModelText,s.inputVal]]):r.createCommentVNode("",!0),e.type=="range"?(r.openBlock(),r.createElementBlock("div",At,[r.withDirectives(r.createElementVNode("input",r.mergeProps({"onUpdate:modelValue":t[3]||(t[3]=o=>s.inputVal=o),class:`form-range${e.inputclass?` ${e.inputclass}`:""}`,type:e.type,name:e.name?e.name:e.id,id:e.id,pattern:s.needPattern(),list:s.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Lt),[[r.vModelDynamic,s.inputVal]]),r.createElementVNode("output",St,r.toDisplayString(e.value),1)])):r.createCommentVNode("",!0),e.type=="color"?(r.openBlock(),r.createElementBlock("div",Et,[r.withDirectives(r.createElementVNode("input",r.mergeProps({"onUpdate:modelValue":t[4]||(t[4]=o=>s.inputVal=o),class:`form-control form-control-color${e.inputclass?` ${e.inputclass}`:""}`,type:e.type,name:e.name?e.name:e.id,id:e.id,pattern:s.needPattern(),list:s.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,qt),[[r.vModelDynamic,s.inputVal]]),r.createElementVNode("output",$t,r.toDisplayString(e.value?a.vale:"#000000"),1)])):r.createCommentVNode("",!0),e.type=="select"?r.withDirectives((r.openBlock(),r.createElementBlock("select",r.mergeProps({key:7,"onUpdate:modelValue":t[5]||(t[5]=o=>s.inputVal=o),class:`form-select${e.size?` form-select-${e.size}`:""}${e.inputclass?` ${e.inputclass}`:""}`,type:e.type,name:e.id,id:e.id,pattern:s.needPattern()},a.$attrs),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.options,(o,l)=>(r.openBlock(),r.createElementBlock("option",{key:l,value:o.value},r.toDisplayString(o.display?o.display:o.value),9,Tt))),128))],16,Ct)),[[r.vModelSelect,s.inputVal]]):r.createCommentVNode("",!0),e.type=="checkbox"||e.type=="radio"?(r.openBlock(),r.createElementBlock("input",r.mergeProps({key:8,class:"form-check-input",type:e.type,name:e.name?e.name:e.id,id:e.id},a.$attrs),null,16,Mt)):r.createCommentVNode("",!0),e.type=="checkbox"||e.type=="radio"?(r.openBlock(),r.createElementBlock("label",{key:9,class:r.normalizeClass(`form-label form-check-label${e.labelclass?` ${e.labelclass}`:""}`),for:e.id,innerHTML:e.label},null,10,zt)):r.createCommentVNode("",!0),e.type=="checkbox-btn"||e.type=="radio-btn"?(r.openBlock(),r.createElementBlock("input",r.mergeProps({key:10,class:`btn-check${e.inputclass?` ${e.inputclass}`:""}`,type:e.type.replace("-btn",""),autocomplete:"off",name:e.name?e.name:e.id,id:e.id},a.$attrs),null,16,Ht)):r.createCommentVNode("",!0),e.type=="checkbox-btn"||e.type=="radio-btn"?(r.openBlock(),r.createElementBlock("label",{key:11,class:r.normalizeClass(`btn${e.labelclass?` ${e.labelclass}`:""}`),for:e.id,innerHTML:e.label,onClick:t[6]||(t[6]=(...o)=>s.clickEvent&&s.clickEvent(...o))},null,10,Bt)):r.createCommentVNode("",!0),r.renderSlot(a.$slots,"default"),e.errormsg?(r.openBlock(),r.createElementBlock("span",{key:12,class:"invalid-feedback mb-0",innerHTML:e.errormsg},null,8,Rt)):r.createCommentVNode("",!0),s.allowDatalist()?(r.openBlock(),r.createElementBlock("datalist",{key:13,id:e.id+"-list"},[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.options,(o,l)=>(r.openBlock(),r.createElementBlock("option",{key:l,value:o.value},r.toDisplayString(o.value),9,jt))),128))],8,Nt)):r.createCommentVNode("",!0)],2)}const R=S(vt,[["render",Ft]]),Dt=Object.assign({name:"FileUpload",props:{maxfilesize:{type:Number,required:!1},maxfiles:{type:Number,required:!1}},created(){this.$nextTick(function(){Promise.resolve().then(()=>Ao).then(a=>{window.customElements.get("iam-fileupload")||window.customElements.define("iam-fileupload",a.default)}).catch(a=>{console.log(a.message)})})}},{emits:["elementChange","empty"],setup(a,{emit:t}){const e=t,n=r.ref(null);return r.onMounted(()=>{n.value.addEventListener("elementChange",function(i){e("elementChange",i)}),n.value.addEventListener("empty",function(i){e("empty",i)})}),(i,s)=>(r.openBlock(),r.createElementBlock("iam-fileupload",{ref_key:"$component",ref:n},[r.renderSlot(i.$slots,"default")],512))}}),ur="",Vt={name:"Accordion",props:{},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>So).then(a=>{window.customElements.get("iam-accordion")||window.customElements.define("iam-accordion",a.default)}).catch(a=>{console.log(a.message)})})}},Pt={ref:"wrapper"};function Ot(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("iam-accordion",Pt,[r.renderSlot(a.$slots,"default")],512)}const It=S(Vt,[["render",Ot]]),Ut={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=>`${mt(a)}`}},data(){return{show:!this.lazy}}},Wt=["id"];function Gt(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("details",{id:s.createID(e.title)},[r.createElementVNode("summary",null,[r.createTextVNode(r.toDisplayString(e.title),1),e.badge?(r.openBlock(),r.createElementBlock("span",{key:0,class:r.normalizeClass(`badge bg-${e.badgecolour}`)},r.toDisplayString(e.badge),3)):r.createCommentVNode("",!0)]),r.renderSlot(a.$slots,"default")],8,Wt)}const Xt=S(Ut,[["render",Gt]]),Yt={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1},background:{type:String,default:"light",required:!1}}},Kt={class:"container"},Jt={class:"row"},Qt={class:"col-sm-6"},Zt={class:"pt-5 pb-3 px-4"},te={class:"col-sm-6 col-md-5 ms-auto"},ee=["src"];function ae(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("div",Kt,[r.createElementVNode("div",{class:r.normalizeClass("bg-"+e.background+" mb-4")},[r.createElementVNode("div",Jt,[r.createElementVNode("div",Qt,[r.createElementVNode("div",Zt,[r.createElementVNode("h2",null,r.toDisplayString(e.title),1),r.renderSlot(a.$slots,"default")])]),r.createElementVNode("div",te,[e.image?(r.openBlock(),r.createElementBlock("img",{key:0,src:e.image,alt:"",class:"h-100 w-100 object-cover"},null,8,ee)):r.createCommentVNode("",!0)])])],2)])}const oe=S(Yt,[["render",ae]]),re={name:"Card",created(){this.$nextTick(function(){Promise.resolve().then(()=>zo).then(a=>{window.customElements.get("iam-card")||window.customElements.define("iam-card",a.default)}).catch(a=>{console.log(a.message)})})}};function ne(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("iam-card",null,[r.renderSlot(a.$slots,"default")])}const ie=S(re,[["render",ne]]),se={name:"Header",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Do).then(a=>{window.customElements.get("iam-carousel")||window.customElements.define("iam-carousel",a.default)}).catch(a=>{console.log(a.message)})})}};function le(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("iam-carousel",null,[r.renderSlot(a.$slots,"default")])}const ce=S(se,[["render",le]]),de={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Po).then(a=>{window.customElements.get("iam-header")||window.customElements.define("iam-header",a.default)}).catch(a=>{console.log(a.message)})})}},me=["image"],ue=["innerHTML"];function he(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("iam-header",{image:e.image},[r.renderSlot(a.$slots,"breadcrumb"),e.title?(r.openBlock(),r.createElementBlock("h1",{key:0,innerHTML:e.title},null,8,ue)):r.createCommentVNode("",!0),r.renderSlot(a.$slots,"default")],8,me)}const pe=S(de,[["render",he]]);function be(a){var t;const e=a.querySelector(".testimonial__images"),n=e.querySelectorAll("img").length;if(n==1)return!1;a.classList.add("testimonial--multi");const i=function(s){const o=a.querySelector(".btn-next"),l=a.querySelector(".btn-prev");o.setAttribute("data-go",s+1),l.setAttribute("data-go",s-1),o.removeAttribute("disabled"),l.removeAttribute("disabled"),s==1?l.setAttribute("disabled",!0):s==n&&o.setAttribute("disabled",!0)};e.addEventListener("scroll",function(s){clearTimeout(t),t=setTimeout(function(){let o=e.scrollWidth,l=e.scrollHeight,d=e.scrollLeft,c=e.scrollTop,m=Math.round(d/o*n)+1;d==0&&c!=0&&(m=Math.round(c/l*n)+1),a.setAttribute("data-show",m),i(m)},300)},!1),a.addEventListener("click",function(s){for(var o=s.target;o&&o!=this;o=o.parentNode)if(o.matches("[data-go]")){let l=parseInt(o.getAttribute("data-go")),d=0,c=0,m=e.scrollWidth,u=e.scrollHeight;m>u?c=Math.floor(m*((l-1)/n)):d=Math.floor(u*((l-1)/n)),e.scroll({top:d,left:c,behavior:"smooth"});break}},!1)}const hr="",ge={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){be(this.$refs.wrapper)}},fe={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},ve={class:"row"},ye={class:"col-md-5 position-relative"},we={class:"testimonial__images"},_e=["src"],ke={class:"col-md-7"},xe={class:"testimonial__content"},Ae=["innerHTML"],Le=["innerHTML"],Se={class:"testimonial__after"};function Ee(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("div",fe,[r.createElementVNode("div",{class:r.normalizeClass("bg-"+e.background)},[r.createElementVNode("div",ve,[r.createElementVNode("div",ye,[r.createElementVNode("div",we,[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.items,(o,l)=>(r.openBlock(),r.createElementBlock("img",{key:l,src:o.image?o.image:"data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",alt:"",class:r.normalizeClass("h-100 w-100 object-cover"+(o.image?"":" opacity-0"))},null,10,_e))),128))]),t[0]||(t[0]=r.createElementVNode("div",{class:"testimonial__controls"},[r.createElementVNode("button",{"data-go":"0",disabled:"",class:"btn-prev"},"Previous"),r.createElementVNode("button",{"data-go":"2",class:"btn-next"},"Next")],-1))]),r.createElementVNode("div",ke,[t[1]||(t[1]=r.createElementVNode("h2",null,"What our customers think…",-1)),r.createElementVNode("div",xe,[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.items,(o,l)=>(r.openBlock(),r.createElementBlock("blockquote",{key:l,class:r.normalizeClass(o.class)},[r.createElementVNode("div",{innerHTML:o.quote},null,8,Ae),r.createElementVNode("cite",{innerHTML:o.cite},null,8,Le)],2))),128))]),r.createElementVNode("div",Se,[r.renderSlot(a.$slots,"default")])])]),t[2]||(t[2]=r.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1))],2)],512)}const qe=S(ge,[["render",Ee]]),pr="",$e={name:"Timeline",props:{image:{type:String,required:!1}}},Ce={class:"timeline"},Te={class:"timeline__content"},Me=["src"];function ze(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("div",Ce,[r.createElementVNode("div",Te,[r.renderSlot(a.$slots,"default")]),e.image?(r.openBlock(),r.createElementBlock("img",{key:0,src:e.image,alt:""},null,8,Me)):r.createCommentVNode("",!0)])}const He=S($e,[["render",ze]]),br="",Be={components:{Input:R},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"}]}}},Re={class:"container",ref:"wrapper"},Ne={class:"property-searchbar"},je=["action","method"],Fe={class:"col-12 col-md-3"},De={class:"col-12 col-md"},Ve={class:"row","data-input-range":""},Pe={class:"col-12 col-md"},Oe={class:"row","data-input-range":""},Ie={class:"col-12 col-md-2"};function Ue(a,t,e,n,i,s){const o=r.resolveComponent("Input");return r.openBlock(),r.createElementBlock("div",Re,[r.renderSlot(a.$slots,"default"),r.createElementVNode("div",Ne,[r.createElementVNode("form",{class:"row",action:e.formaction,method:e.formmethod},[r.createElementVNode("fieldset",Fe,[r.createVNode(o,{inputClass:"input--locations",modelValue:s.locationSet,"onUpdate:modelValue":t[0]||(t[0]=l=>s.locationSet=l),label:"Location",id:"location",options:s.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:t[1]||(t[1]=l=>s.locationKeyup(...arguments)),ref:"search"},null,8,["modelValue","options"]),r.createVNode(o,{class:"select--miles",label:"Miles",id:"miles",type:"select",options:e.distances},null,8,["options"])]),r.createElementVNode("fieldset",De,[t[2]||(t[2]=r.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1)),r.createElementVNode("div",Ve,[r.createVNode(o,{class:"col-6",label:"Minimum price",id:"price-min","data-min":"true",type:"select",options:e.pricemin},null,8,["options"]),r.createVNode(o,{class:"col-6",label:"Maximum price",id:"price-max","data-max":"true",type:"select",options:e.pricemax},null,8,["options"])])]),r.createElementVNode("fieldset",Pe,[t[3]||(t[3]=r.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1)),r.createElementVNode("div",Oe,[r.createVNode(o,{class:"col-6",label:"Minimum beds",id:"beds-min","data-min":"true",type:"select",options:e.bedsmin},null,8,["options"]),r.createVNode(o,{class:"col-6",label:"Maximum beds",id:"beds-max","data-max":"true",type:"select",options:e.bedsmax},null,8,["options"])])]),r.createElementVNode("fieldset",Ie,[r.createVNode(o,{label:"Property type",id:"property-type",type:"select",options:e.propertytypes},null,8,["options"])]),t[4]||(t[4]=r.createElementVNode("div",{class:"col-12 col-md mw-md-fit-content d-flex property-searchbar__btn"},[r.createElementVNode("button",{class:"btn w-100 me-0",type:"submit",value:"submit"},"Search")],-1))],8,je)]),r.renderSlot(a.$slots,"after")],512)}const We=S(Be,[["render",Ue]]),Ge={components:{},name:"Nav",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Oo).then(a=>{window.customElements.get("iam-nav")||window.customElements.define("iam-nav",a.default)}).catch(a=>{console.log(a.message)})})},methods:{}},Xe={ref:"wrapper"};function Ye(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("iam-nav",Xe,[r.renderSlot(a.$slots,"default")],512)}const Ke=S(Ge,[["render",Ye]]),gr="",Je={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},Qe={class:"container"},Ze=["aria-label"],ta={key:0,class:"h6 stepper__start"},ea={class:"list-unstyled"},aa={class:"h6 stepper__end"};function oa(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("div",Qe,[r.createElementVNode("nav",{class:"stepper","aria-label":e.label?e.label:"Progress"},[e.label?(r.openBlock(),r.createElementBlock("span",ta,r.toDisplayString(e.label),1)):r.createCommentVNode("",!0),r.createElementVNode("ol",ea,[r.renderSlot(a.$slots,"default")]),r.createElementVNode("span",aa,r.toDisplayString(e.endlabel),1)],8,Ze)])}const ra=S(Je,[["render",oa]]),fr="",na={name:"Snapshot",props:{items:{type:Array,required:!0}}},ia={class:"container snapshot",ref:"wrapper"},sa={class:"row"},la=["href"],ca={class:"lead snapshot__title"},da={class:"stat"};function ma(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("div",ia,[r.renderSlot(a.$slots,"default"),r.createElementVNode("div",sa,[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.items,(o,l)=>(r.openBlock(),r.createElementBlock("div",{class:"col",key:l},[o.link?(r.openBlock(),r.createElementBlock("a",{key:0,href:o.link},"View "+r.toDisplayString(o.title),9,la)):r.createCommentVNode("",!0),r.createElementVNode("div",{class:r.normalizeClass(`snapshot__item ${o.bg?"bg-"+o.bg:""}`)},[r.createElementVNode("span",ca,r.toDisplayString(o.title),1),r.createElementVNode("span",da,r.toDisplayString(o.number),1)],2)]))),128))])],512)}const ua=S(na,[["render",ma]]),ha={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},pa=["href","aria-current"],ba={key:0,class:"visually-hidden"};function ga(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("li",null,[r.createElementVNode("a",{href:e.url,class:r.normalizeClass(`${e.status?"bg-"+e.status:""}${typeof e.current<"u"?"current":""}`),"aria-current":typeof e.current<"u"?"step":!1},[r.createElementVNode("span",null,[r.renderSlot(a.$slots,"default")]),e.status?(r.openBlock(),r.createElementBlock("em",ba," - status: "+r.toDisplayString(e.status),1)):r.createCommentVNode("",!0)],10,pa)])}const fa=S(ha,[["render",ga]]),vr="",va={name:"Tabs",created(){this.$nextTick(function(){Promise.resolve().then(()=>Ko).then(a=>{window.customElements.get("iam-tabs")||window.customElements.define("iam-tabs",a.default)}).catch(a=>{console.log(a.message)})})}},ya={ref:"wrapper"};function wa(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("iam-tabs",ya,[r.renderSlot(a.$slots,"default")],512)}const _a=S(va,[["render",wa]]),ka={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}}},xa={class:"tab"},Aa=["innerHTML"];function La(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("details",xa,[r.createElementVNode("summary",{innerHTML:e.title,class:r.normalizeClass({disabled:i.isDisabled})},null,10,Aa),r.renderSlot(a.$slots,"default")])}const Sa=S(ka,[["render",La]]);let I=B.props;I.fields.required=!1;const Ea={components:{Table:B,Input:R},data(){return{itemsData:[...this.items]}},methods:{submitForm:function(a){console.log(this);const t=new FormData(a.target);let e=new Date;const n=e.getFullYear();let i=e.getMonth()+1,s=e.getDate();s<10&&(s="0"+s),i<10&&(i="0"+i),e=s+"/"+i+"/"+n,this.itemsData.unshift({date_added:e,user:t.get("user"),note:t.get("addNote")}),this.$emit("formSubmitted",a)}},name:"NoteFeed",props:{user:{type:String,required:!0},...I,title:{type:String,required:!1},method:{type:String,required:!1,default:"post"},action:{type:String,required:!1}}},qa={class:"container note-feed mb-2"},$a=["innerHTML"],Ca=["action","method"],Ta=["value"];function Ma(a,t,e,n,i,s){const o=r.resolveComponent("Table"),l=r.resolveComponent("Input");return r.openBlock(),r.createElementBlock("div",qa,[e.title?(r.openBlock(),r.createElementBlock("span",{key:0,class:"h3",innerHTML:e.title},null,8,$a)):r.createCommentVNode("",!0),r.createVNode(o,r.mergeProps({fields:[{key:"date_added"},{key:"user"},{key:"note"}],items:i.itemsData},a.$props,{class:"mb-0"}),null,16,["items"]),r.createElementVNode("form",{action:e.action,method:e.method,onSubmit:t[0]||(t[0]=r.withModifiers(d=>s.submitForm(...arguments),["prevent"]))},[r.createElementVNode("input",{type:"hidden",value:e.user,name:"user"},null,8,Ta),r.createVNode(l,{id:"addNote",type:"textarea",label:"Add note",required:"",class:"mw-100"}),t[1]||(t[1]=r.createElementVNode("button",{class:"btn btn-tertiary"},"Submit note",-1))],40,Ca)])}const za=S(Ea,[["render",Ma]]),Ha={name:"Applied Filter",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Zo).then(a=>{window.customElements.get("iam-applied-filters")||window.customElements.define("iam-applied-filters",a.default)}).catch(a=>{console.log(a.message)})})}};function Ba(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("iam-applied-filters",null,[r.renderSlot(a.$slots,"default")])}const Ra=S(Ha,[["render",Ba]]);/*!
|
|
2
|
+
* iamKey v6.1.0--beta2
|
|
3
|
+
* Copyright 2022-2025 iamproperty
|
|
4
|
+
*/function Na(a,t){ja(a,t)}function ja(a,t){var e;t.addEventListener("keyup",n=>{clearTimeout(e),e=setTimeout(function(){U(a,t.value)},500)}),t.addEventListener("change",n=>{clearTimeout(e),U(a,t.value)})}const U=function(a,t){Array.from(a.querySelectorAll(":scope > li")).forEach((e,n)=>{let i=e.textContent.toLowerCase();e.classList.add("d-none"),i.includes(t.toLowerCase())&&e.classList.remove("d-none")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Filtered list",value:t})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"filterlist"});class Fa extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
5
5
|
<style>
|
|
6
|
-
@import "${
|
|
6
|
+
@import "${e}";
|
|
7
7
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
8
8
|
|
|
9
9
|
:host {
|
|
@@ -28,24 +28,24 @@
|
|
|
28
28
|
<div class="list__wrapper" part="wrapper">
|
|
29
29
|
<slot></slot>
|
|
30
30
|
</div>
|
|
31
|
-
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){let
|
|
31
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){let t=this.classList.toString();this.shadowRoot.querySelector(".list__wrapper").setAttribute("class",`list__wrapper ${t}`),this.querySelector("i.fa-search")||(this.innerHTML+='<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'),Na(this.querySelector("ul"),this.shadowRoot.querySelector("#search"))}}window.customElements.get("iam-filterlist")||window.customElements.define("iam-filterlist",Fa);const Da={name:"Filter list"};function Va(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("iam-filterlist",null,[r.renderSlot(a.$slots,"default")])}const Pa=S(Da,[["render",Va]]);function Oa(a){if(a.hasAttribute("data-type")&&a.getAttribute("data-type")=="toast"){let e=document.querySelector(".notification__holder");e||(e=document.createElement("div"),e.classList.add("notification__holder"),e.classList.add("container"),document.querySelector("body").appendChild(e)),a.closest(".notification__holder")||e.appendChild(a)}if(a.setAttribute("role","alert"),a.addEventListener("click",function(e){event&&event.target instanceof HTMLElement&&event.target.closest("[data-dismiss-button]")&&(e.preventDefault(),N(a))},!1),a.hasAttribute("data-timeout")){let e=a.getAttribute("data-timeout");var t=new Ia(function(){N(a)},e);a.addEventListener("mouseenter",n=>{t.pause()}),a.addEventListener("mouseleave",n=>{t.resume()})}}function Ia(a,t){var e,n,i=t;this.pause=function(){window.clearTimeout(e),i-=new Date-n},this.resume=function(){n=new Date,window.clearTimeout(e),e=window.setTimeout(a,i)},this.resume()}const N=function(a){a.classList.add("d-none")};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Notification"});class Ua extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,n=`@import "${t}/css/components/notification.css";`,i=`@import "${t}/css/components/notification.global.css";`,s=this.querySelectorAll("a,button");Array.from(s).forEach((l,d)=>{l.setAttribute("slot","btns"),l.classList.add("link")}),(s.length||this.hasAttribute("data-dismiss"))&&this.classList.add("notification--dismissable");const o=document.createElement("template");o.innerHTML=`
|
|
32
32
|
<style>
|
|
33
|
-
@import "${
|
|
33
|
+
@import "${e}";
|
|
34
34
|
${n}
|
|
35
35
|
${this.hasAttribute("data-css")?`${this.getAttribute("data-css")}`:""}
|
|
36
36
|
</style>
|
|
37
37
|
|
|
38
38
|
<div class="notification">
|
|
39
39
|
<div class="notification__icon"><slot name="icon"></slot></div>
|
|
40
|
-
<div class="notification__inner"><div class="notification__text"><slot></slot></div>${
|
|
40
|
+
<div class="notification__inner"><div class="notification__text"><slot></slot></div>${s.length?'<div class="notification__btns"><slot name="btns"></slot></div>':""}</div>
|
|
41
41
|
${this.hasAttribute("data-dismiss")?'<div class="notification__dismiss"><button data-dismiss-button part="dismiss-btn">Dismiss</button></div>':""}
|
|
42
42
|
</div>
|
|
43
|
-
`,this.shadowRoot.appendChild(o.content.cloneNode(!0)),document.getElementById("notificationHolder")||document.head.insertAdjacentHTML("beforeend",`<style id="notificationHolder">${i}</style>`)}connectedCallback(){const
|
|
44
|
-
* iamKey v6.
|
|
45
|
-
* Copyright 2022-
|
|
46
|
-
*/let
|
|
43
|
+
`,this.shadowRoot.appendChild(o.content.cloneNode(!0)),document.getElementById("notificationHolder")||document.head.insertAdjacentHTML("beforeend",`<style id="notificationHolder">${i}</style>`)}connectedCallback(){const t=this.shadowRoot.querySelector("[data-dismiss-button]"),e=this.hasAttribute("data-status")?this.getAttribute("data-status"):"white";this.hasAttribute("data-type")?this.classList.add(`bg-${e}`):this.classList.add(`colour-${e}`);const n=this;if(!this.querySelector("i"))switch(e){case"danger":this.innerHTML+='<i class="fa-solid fa-circle-exclamation" aria-hidden="true" slot="icon"></i>';break;case"warning":this.innerHTML+='<i class="fa-solid fa-triangle-exclamation" aria-hidden="true" slot="icon"></i>';break;case"success":this.innerHTML+='<i class="fa-solid fa-check-circle" aria-hidden="true" slot="icon"></i>';break;default:this.innerHTML+='<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>'}Oa(n),t&&t.addEventListener("click",function(i){N(n)},!1)}}const Wa={name:"Notification",props:{},created(){this.$nextTick(function(){window.customElements.get("iam-notification")||window.customElements.define("iam-notification",Ua)})}};function Ga(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("iam-notification",null,[r.renderSlot(a.$slots,"default")])}const Xa=S(Wa,[["render",Ga]]),Ya={name:"Actionbar",props:{},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>ar).then(a=>{window.customElements.get("iam-actionbar")||window.customElements.define("iam-actionbar",a.default)}).catch(a=>{console.log(a.message)})})}};function Ka(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("iam-actionbar",null,[r.renderSlot(a.$slots,"default")])}const Ja=S(Ya,[["render",Ka]]);/*!
|
|
44
|
+
* iamKey v6.1.0--beta2
|
|
45
|
+
* Copyright 2022-2025 iamproperty
|
|
46
|
+
*/let W=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
47
47
|
<style>
|
|
48
|
-
@import "${
|
|
48
|
+
@import "${e}";
|
|
49
49
|
:host{container-type:inline-size;display:block}.pagination{display:block}@container (width > 23.4375em){.pagination{display:flex;align-items:center;justify-content:space-between !important;padding-top:2rem}}.pagination>div{display:flex;align-items:center}.pagination div:is(.page-jump,.per-page){border:1px solid var(--colour-light);height:3.25rem;display:none;align-items:center;padding-inline:1rem}.pagination div:is(.page-jump,.per-page) .select--minimal{height:calc(3.25rem - 1em);line-height:calc(3.25rem - 1em);margin-left:-1rem;font-weight:bold}.pagination div:is(.page-jump,.per-page) div:has(>select){margin-bottom:0}.pagination div:is(.page-jump,.per-page) div:has(>select):after{top:50%}.page-jump{border-right:none !important}.total-pages{white-space:nowrap}:host([data-page-jump][data-minimal]) .page-jump{display:flex !important}@container (width > 23.4375em){:host([data-page-jump]) .page-jump{display:flex !important}}@container (width > 23.4375em){:host([data-per-page]:not([data-page-jump][data-item-count])) .per-page{display:flex !important}}@container (width > 48em){:host([data-per-page][data-page-jump][data-item-count]) .per-page{display:flex !important}}.pagination>.item-count{display:block;text-align:center;margin-bottom:1rem;margin-inline:auto}@container (width > 23.4375em){.pagination>.item-count{display:none}:host([data-item-count]) .pagination>.item-count{display:flex !important;margin:0}}*:where(.prev,.next){border:1px solid var(--colour-light);line-height:3.25rem;height:3.25rem;margin:0;display:none;background:none;padding-inline:1rem;color:var(--colour-body)}@container (width > 23.4375em){*:where(.prev,.next){display:inline-block}}*:where(.prev,.next):after{margin-left:.5em;font-size:.8rem;content:"";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}*:where(.prev,.next):is(:hover,:focus):not(:disabled){background-color:var(--pagination-link-color);color:var(--colour-hover)}*:where(.prev,.next):is(:active):not(:disabled){background-color:var(--pagination-link-color);color:var(--colour-active)}*:where(.prev,.next):disabled:after,*:where(.prev,.next):disabled:before{color:inherit !important}:host([data-minimal]) .pagination{justify-content:flex-end}@container (width > 23.4375em){:host([data-minimal]) .pagination{justify-content:space-between}}:host([data-minimal]) *:where(.prev,.next){display:inline-block !important}.prev{border-right:none}.prev:after{display:none}.prev:before{margin-right:.5em;font-size:.8rem;content:"";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}.mobile-controls{display:block}:host([data-minimal]) .pagination{padding-top:1.5rem;display:flex;align-items:center;justify-content:flex-end}:host([data-minimal]) *:is(.mobile-controls,.item-count){display:none}@container (width > 23.4375em){.mobile-controls{display:none !important}:host([data-item-count]) .item-count{display:flex !important}}.fa-spin{display:none !important;font-size:3rem;color:var(--colour-info)}:host([data-loading]) .mobile-controls{padding-top:2rem}:host([data-loading]) .item-count,:host([data-loading]) .mobile-controls>*:not(.fa-spin){display:none !important}:host([data-loading]) .fa-spin{display:block !important;margin:auto}/*# sourceMappingURL=assets/css/components/pagination.css.map */
|
|
50
50
|
|
|
51
51
|
|
|
@@ -81,12 +81,12 @@
|
|
|
81
81
|
<button class="load-more btn btn-primary m-auto">Load more</a>
|
|
82
82
|
</div>
|
|
83
83
|
</div>
|
|
84
|
-
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){const
|
|
84
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){const t=new URLSearchParams(window.location.search);this.hasAttribute("data-total")||this.setAttribute("data-total",15),this.hasAttribute("data-page")||this.setAttribute("data-page",t.has("page")?t.get("page"):1),this.hasAttribute("data-show")||this.setAttribute("data-show",t.has("show")?t.get("show"):15),this.hasAttribute("data-increment")||this.setAttribute("data-increment",this.getAttribute("data-show"));const e=this.shadowRoot.querySelector(".page-jump select"),n=this.shadowRoot.querySelector(".prev"),i=this.shadowRoot.querySelector(".next"),s=this.shadowRoot.querySelector(".per-page select"),o=this.shadowRoot.querySelector(".load-more");this.setup(),e.addEventListener("change",l=>{this.setAttribute("data-show",this.getAttribute("data-increment")),this.setAttribute("data-page",l.target.value)}),i.addEventListener("click",l=>{e.value=parseInt(e.value)+1,e.dispatchEvent(new Event("change"))}),n.addEventListener("click",l=>{e.value=parseInt(e.value)-1,e.dispatchEvent(new Event("change"))}),s.addEventListener("change",l=>{this.setAttribute("data-increment",l.target.value)}),o.addEventListener("click",l=>{let d=parseInt(this.getAttribute("data-show"))+parseInt(this.getAttribute("data-increment"));this.setAttribute("data-show",d),d>parseInt(this.getAttribute("data-total"))&&o.remove()})}setup(){const t=this.shadowRoot.querySelector(".pagination"),e=this.shadowRoot.querySelector(".page-jump select"),n=this.shadowRoot.querySelector(".prev"),i=this.shadowRoot.querySelector(".next"),s=this.shadowRoot.querySelector(".item-count"),o=this.shadowRoot.querySelector(".per-page select"),l=this.shadowRoot.querySelector(".total-pages"),d=parseInt(this.getAttribute("data-page")),c=parseInt(this.getAttribute("data-total")),m=parseInt(this.getAttribute("data-show")),u=parseInt(this.getAttribute("data-increment")),g=Math.ceil(c/u);c>m&&t.classList.remove("d-none");let p="";for(let v=1;v<=g;v++)p+=`<option value="${v}" ${v==d?"selected":""}>${v}</option>`;e.innerHTML=p,l.innerHTML=`of ${g}`,d==g?i.setAttribute("disabled","disabled"):i.removeAttribute("disabled"),d==1?n.setAttribute("disabled","disabled"):n.removeAttribute("disabled");let h=d==1?1:(d-1)*m+1,f=d==1?m:d*m;s.innerHTML=`${h} - ${f>c?c:f} of ${c} items`;const b=[15,25,40,50];u&&o.value!=u&&!b.includes(u)&&(o.innerHTML=`<option value="${u}">${u}</option>
|
|
85
85
|
<option value="${u*2}">${u*2}</option>
|
|
86
86
|
<option value="${u*3}">${u*3}</option>
|
|
87
|
-
<option value="${u*4}">${u*4}</option>`),o.value=u}static get observedAttributes(){return["data-total","data-increment","data-page","data-show"]}attributeChangedCallback(
|
|
87
|
+
<option value="${u*4}">${u*4}</option>`),o.value=u}static get observedAttributes(){return["data-total","data-increment","data-page","data-show"]}attributeChangedCallback(t,e,n){switch(t){case"data-total":{e!=n&&(this.setAttribute("data-page",1),this.setup());break}case"data-show":{e!=n&&(this.setAttribute("data-page",1),this.setup(),this.dispatchEvent(new CustomEvent("update-show",{detail:{show:n}})));break}case"data-increment":{e!=n&&(this.setAttribute("data-show",n),this.setAttribute("data-page",1),this.setup(),this.dispatchEvent(new CustomEvent("update-show",{detail:{show:n}})));break}case"data-page":{e&&e!=n&&(this.setup(),this.dispatchEvent(new CustomEvent("update-page",{detail:{page:n}})));break}}}};const Qa=Object.freeze(Object.defineProperty({__proto__:null,default:W},Symbol.toStringTag,{value:"Module"})),Za={name:"Pagination",props:{},computed:{},created(){this.$nextTick(function(){window.customElements.get("iam-pagination")||window.customElements.define("iam-pagination",W)})},updated(){}};function to(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("iam-pagination")}const eo=S(Za,[["render",to]]),ao={name:"Address Lookup",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>ir).then(a=>{window.customElements.get("iam-address-lookup")||window.customElements.define("iam-address-lookup",a.default)}).catch(a=>{console.log(a.message)})})}};function oo(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("iam-address-lookup",null,[r.renderSlot(a.$slots,"default")])}const ro=S(ao,[["render",oo]]);window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"collapsible side menu"});class no extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,n=`@import "${t}/css/components/collapsible-side.css";`,i=document.createElement("template");i.innerHTML=`
|
|
88
88
|
<style class="styles">
|
|
89
|
-
@import "${
|
|
89
|
+
@import "${e}";
|
|
90
90
|
${n}
|
|
91
91
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
92
92
|
</style>
|
|
@@ -105,13 +105,13 @@
|
|
|
105
105
|
</div>
|
|
106
106
|
|
|
107
107
|
</div>
|
|
108
|
-
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){const
|
|
109
|
-
* iamKey v6.
|
|
110
|
-
* Copyright 2022-
|
|
111
|
-
*/const fo=function(e){return typeof e!="string"?!1:!isNaN(e)&&!isNaN(parseFloat(e))},go=(e,a)=>String(e).padStart(a,"0"),yo=e=>e.charAt(0).toUpperCase()+e.slice(1),$=(e,a,t)=>a.split(/[\.\[\]\'\"]/).filter(n=>n).reduce((n,i)=>n?n[i]:t,e);var vo=function(e,a,t,n){function i(l){return l instanceof t?l:new t(function(o){o(l)})}return new(t||(t=Promise))(function(l,o){function s(m){try{d(n.next(m))}catch(u){o(u)}}function c(m){try{d(n.throw(m))}catch(u){o(u)}}function d(m){m.done?l(m.value):i(m.value).then(s,c)}d((n=n.apply(e,a||[])).next())})};const U=e=>{const a=Array.from(e.querySelectorAll("thead th"));Array.from(e.querySelectorAll("tbody tr")).forEach((t,n)=>{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=a[s];if(typeof c<"u"){let d=document.createElement("div");d.innerHTML=c.innerHTML;let m=d.textContent||d.innerText||"";o.setAttribute("data-label",m),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=z(c.getAttribute("data-format"),o.textContent.trim())),l.includes(o.textContent.trim().toLowerCase())&&o.setAttribute("data-content",o.textContent.trim().toLowerCase())}})})},wo=e=>{let a=0;return Array.from(e.querySelectorAll("tbody tr")).forEach((t,n)=>{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,a=a>o?a:o}}),a},_o=(e,a)=>{if(a.classList.contains("table--fullwidth")&&!a.hasAttribute("data-expandable")||e.querySelectorAll("thead tr th").length<4&&!a.hasAttribute("data-expandable"))return!1;Array.from(e.querySelectorAll("thead tr")).forEach((t,n)=>{e.querySelectorAll("thead tr th.expand-button-heading").length||t.insertAdjacentHTML("afterbegin",'<th class="th--fixed expand-button-heading"></th>')}),Array.from(e.querySelectorAll("tbody tr")).forEach((t,n)=>{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>`)})},ko=e=>{e.addEventListener("click",a=>{if(a&&a.target instanceof HTMLElement&&a.target.closest("[data-expand-button]")){let t=a.target.closest("[data-expand-button]"),n=t.closest("tr");t.toggleAttribute("aria-expanded"),n.getAttribute("data-view")=="full"?n.setAttribute("data-view","default"):n.setAttribute("data-view","full"),t.blur()}})},W=(e,a)=>{let t=a.querySelector("input[data-search]");if(!t)return!1;const n=t.getAttribute("id"),i=t.getAttribute("data-search").split(",");let l=t.parentNode,o={};i.forEach((s,c)=>{Array.from(e.querySelectorAll('td[data-label="'+s.trim()+'"]')).forEach((d,m)=>{d.querySelector(".td__content")?o[d.querySelector(".td__content").textContent]=d.querySelector(".td__content").textContent:o[d.textContent]=d.textContent})}),t.setAttribute("list",`${n}_list`),t.setAttribute("autocomplete","off"),l.querySelector("datalist")||(l.innerHTML+=`<datalist id="${n}_list"></datalist>`),l.querySelector("datalist").innerHTML=`${Object.keys(o).map(s=>`<option value="${s}"></option>`).join("")}`},xo=(e,a,t,n,i)=>{var l;let o=function(d,m=!1){if(n.hasAttribute("data-no-submit")||a.classList.contains("processing"))return!1;if(Array.from(a.querySelectorAll("iam-applied-filters")).forEach((u,b)=>{var p=new Event("tags-set");u.dispatchEvent(p)}),d.type=="submit"&&(a.classList.add("processing"),Array.from(a.querySelectorAll("[data-duplicate]")).forEach((u,b)=>{const p=u.getAttribute("data-duplicate"),h=document.getElementById(p),g=document.querySelector(`[for="${p}"] iam-card`);if(h.checked!=u.checked)if(g){let f=new Event("click");g.dispatchEvent(f)}else h.checked=u.checked}),a.classList.remove("processing")),a.hasAttribute("data-ajax")){if(!m){let u=a.querySelector("[data-pagination]");u.value=1,n.setAttribute("data-page",1)}X(e,a,t,n)}else a.hasAttribute("data-submit")?a.submit():(j(e,a,n),C(e,a));if(a.hasAttribute("data-ajax-post")){let u=new FormData(a),b=new URLSearchParams(u).toString();const p=new XMLHttpRequest;p.open("GET",`${window.location.href}?ajax=true&${b}`),p.send()}};a.querySelector("iam-actionbar[data-search]")&&a.querySelector("iam-actionbar[data-search]").addEventListener("search-submit",d=>{a.querySelector("input[data-search]")?a.querySelector("input[data-search]").value=d.detail.search:a.insertAdjacentHTML("beforeend",`<input type="hidden" name="search" data-search="${a.querySelector("iam-actionbar[data-search]").getAttribute("data-search")}" value="${d.detail.search}"/>`),clearTimeout(l),o(d)}),a.addEventListener("keyup",d=>{clearTimeout(l),d&&d.target instanceof HTMLElement&&d.target.closest("input[data-search]")&&(l=setTimeout(function(){o(d)},500))}),a.addEventListener("change",d=>{if(clearTimeout(l),d&&d.target instanceof HTMLElement&&d.target.closest("[data-sort]")&&(a.hasAttribute("data-submit")||G(e,a,i),o(d)),d&&d.target instanceof HTMLElement&&d.target.closest("input[data-search]")&&o(d),d&&d.target instanceof HTMLElement&&d.target.closest("[data-filter][data-no-ajax]")?(j(e,a,n),C(e,a)):(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),d&&d.target instanceof HTMLElement&&d.target.hasAttribute("id")){let m=d.target.getAttribute("id");document.querySelector(`[data-duplicate="${m}"]`)&&(document.querySelector(`[data-duplicate="${m}"]`).checked=d.target.checked)}}),a.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]")){a.classList.add("processing"),Array.from(a.querySelectorAll(".applied-filters")).forEach((u,b)=>{u.innerHTML=""});let m=a.elements;for(let u=0;u<m.length;u++)switch(m[u].type.toLowerCase()?m[u].type.toLowerCase():"text"){case"text":case"password":case"textarea":m[u].value="";break;case"radio":case"checkbox":if(m[u].checked){let b=m[u],p=b.getAttribute("id"),h=document.querySelector(`[for="${p}"`);if(h.querySelector("iam-card")){let g=h.querySelector("iam-card"),f=new Event("click");g.dispatchEvent(f)}b.checked=!1}break;case"select-one":case"select-multi":m[u].selectedIndex=-1;break}a.classList.remove("processing"),a.hasAttribute("data-submit")||G(e,a,i),o(d)}}),a.addEventListener("submit",d=>{clearTimeout(l),a.hasAttribute("data-submit")||d.preventDefault(),o(d)}),a.addEventListener("force",d=>{o(d)}),a.addEventListener("paginate",d=>{o(d,!0)});let s=[],c=[];Array.from(a.querySelectorAll("[data-mimic]")).forEach((d,m)=>{let u=d.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${u}"]`)).forEach((b,p)=>{let h=b.closest("form");s.includes(h)||s.push(h),c.includes(u)||c.push(u)})}),s.forEach((d,m)=>{const u=function(){let b=[],p=new FormData(d);for(const[h,g]of p)document.querySelector(`[data-mimic="${h}"]`)&&!b.includes(h)?(b.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 b){const g=new Event("force");a.dispatchEvent(g)}for(const h of c)if(!p.has(h)&&d.querySelector(`[name="${h}"]`)){document.querySelector(`[data-mimic="${h}"]`).value="";const g=new Event("force");a.dispatchEvent(g)}};d.addEventListener("force",b=>{u()}),d.addEventListener("change",b=>{u()})})},G=(e,a,t)=>{if(a.getAttribute("data-ajax"))return!1;let n=e.querySelector("tbody"),i=a.querySelector('input[type="radio"][data-sort]:checked');if(a.querySelector("select[data-sort]")){let u=a.querySelector("select[data-sort]");i=a.querySelector(`select[data-sort] option:nth-child(${u.selectedIndex+1})`)}let l=i.getAttribute("data-sort"),o=i.getAttribute("data-order"),s=i.getAttribute("data-format");if(!l)return n.innerHTML=t.innerHTML,U(e),!1;let c=[];["asc","desc","descending"].includes(o)||(c=o.split(","));let d=[];Array.from(n.querySelectorAll("tr")).forEach((u,b)=>{let p=u.querySelector('td[data-label="'+l+'"], th[data-label="'+l+'"]').textContent.trim();u.querySelector('[data-label="'+l+'"] .td__content')&&(p=u.querySelector('[data-label="'+l+'"] .td__content').textContent.trim()),c.length&&c.includes(p)&&(p=c.indexOf(p)),fo(p)&&(p=go(p,10)),s&&s=="date"&&(p=new Date(p));const h={index:p,row:u};d.push(h)}),d.sort((u,b)=>u.index>b.index?1:-1),(o=="descending"||o=="desc")&&(d=d.reverse());let m="";d.forEach((u,b)=>{m+=u.row.outerHTML}),n.innerHTML=m},j=(e,a,t)=>{e.classList.remove("table--filtered");let n=Y(a),i=[],l=0,o=a.querySelector("[data-pagination]")?parseInt(a.querySelector("[data-pagination]").value):1,s=a.querySelector("[data-show]")?parseInt(a.querySelector("[data-show]").value):15;if(Array.from(e.querySelectorAll("tbody tr")).forEach((d,m)=>{d.classList.remove("filtered"),d.classList.remove("filtered--matched"),d.classList.remove("filtered--show"),d.removeAttribute("data-filtered-by")}),a.querySelector("input[data-search]")){let d=a.querySelector("input[data-search]");a.querySelector("input[data-search]").getAttribute("data-search").split(",").forEach((m,u)=>{i.push({column:`${m.trim()}`,value:`${d.value}`})})}Array.from(a.querySelectorAll("[data-filter-count]")).forEach((d,m)=>{d.innerHTML="",d.parentNode.classList.remove("hover")});let c=0;Object.values(n).forEach((d,m)=>{typeof d=="object"&&Object.values(d).length?c+=Object.values(d).length:c++}),c&&Array.from(a.querySelectorAll("[data-filter-count]")).forEach((d,m)=>{d.innerHTML+=`(${c})`,d.parentNode.classList.add("hover")}),e.classList.add("table--filtered");for(const[d,m]of Object.entries(n))Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((u,b)=>{let p=!1;m.forEach((h,g)=>{let f=u.querySelector(`[data-label="${d}"]`);if(h.includes("-date-from")){let _=new Date(h.replace("-date-from","")),L=new Date(f.textContent.toLowerCase());_.setHours(0,0,0,0),L.setHours(0,0,0,0),L<_?(u.classList.add("less-than-from-date"),p=!1):!u.classList.contains("less-than-from-date")&&!u.classList.contains("greater-than-to-date")&&(p=!0)}else if(h.includes("-date-to")){let _=new Date(h.replace("-date-to","")),L=new Date(f.textContent.toLowerCase());_.setHours(0,0,0,0),L.setHours(0,0,0,0),L>_?(u.classList.add("greater-than-to-date"),p=!1):!u.classList.contains("less-than-from-date")&&!u.classList.contains("greater-than-to-date")&&(p=!0)}if(h&&h=="$today")h=z("date",new Date);else if(h&&h=="$yesterday"){let _=new Date;_.setDate(_.getDate()-1),h=z("date",_)}else if(h&&(h=="$thisWeek"||h=="$lastWeek")){let _=new Date,L=new Date(_.setDate(_.getDate()-(_.getDay()-1))),k=new Date(_.setDate(_.getDate()-_.getDay()+7)),S=new Date(f.textContent.toLowerCase());if(_.setHours(0,0,0,0),L.setHours(0,0,0,0),k.setHours(0,0,0,0),S.setHours(0,0,0,0),h=="$thisWeek")p=S>=L&&S<=k;else{let q=new Date(L.setDate(L.getDate()-7)),T=new Date(k.setDate(k.getDate()-7));q.setHours(0,0,0,0),T.setHours(0,0,0,0),p=S>=q&&S<=T}}else if(h&&h=="$thisMonth"){let _=new Date,L=_.getFullYear(),k=_.getMonth();var y=new Date(L,k,1),x=new Date(L,k+1,0);let S=new Date(f.textContent.toLowerCase());y.setHours(0,0,0,0),x.setHours(0,0,0,0),S.setHours(0,0,0,0),p=S>=y&&S<=x}else if(h&&h=="$lastMonth"){let _=new Date,L=_.getFullYear(),k=_.getMonth();var v=new Date(L,k-1,1),E=new Date(L,k,0);let S=new Date(f.textContent.toLowerCase());v.setHours(0,0,0,0),E.setHours(0,0,0,0),S.setHours(0,0,0,0),p=S>=v&&S<=E}f&&f.textContent.toLowerCase().includes(h.replace("-"," ").toLowerCase())&&(p=!0)}),p||(u.classList.add("filtered"),u.setAttribute("data-filtered-by",d))});Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((d,m)=>{let u=!(i.length>0&&i[0].value.length>=3);i.forEach((b,p)=>{let h=d.querySelector(`[data-label="${b.column}"]`);h&&b.value.length>=3&&h.textContent.toLowerCase().includes(b.value.toLowerCase())&&(u=!0)}),u||d.classList.add("filtered")}),Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((d,m)=>{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=(e,a,t)=>{Array.from(a.querySelectorAll("[data-query]")).forEach((n,i)=>{let l=n.getAttribute("data-query"),o=0;if(l=="total")t.hasAttribute("data-total")?o=t.getAttribute("data-total"):o=(e.classList.contains("table--filtered"),e.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(e.querySelectorAll(`tbody tr${c}`)).length}else if(!l.includes(" == "))o=Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${l}"])`)).length;else if(l.includes(" && ")){let s=l.split(" && ");o=Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(c){let d=!0;for(const[m,u]of Object.entries(s)){let b=u.split(" == ");(!c.querySelector(`td[data-label="${b[0]}"]`)||c.querySelector(`td[data-label="${b[0]}"]`).textContent!=`${b[1]}`)&&(d=!1)}return d}).length}else{let s=l.split(" == ");o=Array.from(e.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}n.hasAttribute("data-total")?n.setAttribute("data-total",o):n.innerHTML=o})},Ao=function(e,a,t,n){if(n.hasAttribute("data-no-submit"))return!1;t.addEventListener("update-page",i=>{let l=a.querySelector("[data-pagination]"),o=i.detail.page;if(l.value=o,a.dispatchEvent(new Event("paginate")),n.setAttribute("data-page",o),e.hasAttribute("data-show-history")){const s=new URL(location);s.searchParams.set("page",o),history.pushState({type:"pagination",form:a.getAttribute("id"),page:o},"",s)}if(!n.hasAttribute("data-no-scroll")){const s=e.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:s,behavior:"smooth"})}}),t.addEventListener("update-show",i=>{let l=a.querySelector("[data-show]"),o=i.detail.show;l.value=o,n.setAttribute("data-show",o),a.dispatchEvent(new Event("submit"))})},Lo=(e,a)=>{if(!e)return!1;e.addEventListener("click",t=>{So(a)})},So=function(e){for(var a=[],t=e.getElementsByTagName("tr"),n=0;n<t.length;n++){for(var i=t[n].querySelectorAll("td,th"),l=[],o=0;o<i.length;o++)l.push(`"${i[o].textContent}"`);a.push(l.join(","))}a=a.join(`
|
|
112
|
-
`);let
|
|
108
|
+
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){const t=this.shadowRoot.querySelector(".side-menu"),e=this.shadowRoot.querySelector(".side-menu-content"),n=this.shadowRoot.querySelector(".main-content"),i=this.shadowRoot.querySelector(".side-menu > .btn");this.hasAttribute("data-css")&&this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`),this.hasAttribute("data-title")||this.setAttribute("data-title","configuration"),e.insertAdjacentHTML("afterbegin",`<span class="h3">${this.getAttribute("data-title")}</span>`),n.insertAdjacentHTML("afterbegin",`<span class="h3">${this.getAttribute("data-title")}</span>`),this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)")&&(this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("h4"),this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("main-content__title")),this.hasAttribute("open")&&window.innerWidth>992&&(t.classList.add("open"),i.setAttribute("aria-expanded",!0)),i.addEventListener("click",s=>{t.classList.contains("open")?(t.classList.remove("open"),i.removeAttribute("aria-expanded"),setTimeout(function(){e.classList.add("closed")},1e3),t.classList.add("pe-none"),setTimeout(function(){t.classList.remove("pe-none")},1e3)):(e.classList.remove("closed"),setTimeout(function(){t.classList.add("open"),i.setAttribute("aria-expanded",!0)},100))}),t.addEventListener("mouseenter",s=>{window.innerWidth>992&&(t.classList.contains("open")||e.classList.remove("closed"),t.classList.add("hover"))}),t.addEventListener("mousemove",s=>{window.innerWidth>992&&(t.classList.contains("open")||e.classList.remove("closed"))}),t.addEventListener("mouseleave",s=>{window.innerWidth>992&&(t.classList.remove("hover"),t.classList.contains("open")||setTimeout(function(){e.classList.add("closed")},1e3))})}}window.customElements.get("iam-collapsible-side")||window.customElements.define("iam-collapsible-side",no);const io={name:"CollapsibleSideMenu",props:{},mounted(){}};function so(a,t,e,n,i,s){return r.openBlock(),r.createElementBlock("iam-collapsible-side",null,[r.renderSlot(a.$slots,"default")])}const lo=S(io,[["render",so]]);/*!
|
|
109
|
+
* iamKey v6.1.0--beta2
|
|
110
|
+
* Copyright 2022-2025 iamproperty
|
|
111
|
+
*/const co=function(a){return typeof a!="string"?!1:!isNaN(a)&&!isNaN(parseFloat(a))},mo=(a,t)=>String(a).padStart(t,"0"),uo=a=>a.charAt(0).toUpperCase()+a.slice(1),C=(a,t,e)=>t.split(/[\.\[\]\'\"]/).filter(n=>n).reduce((n,i)=>n?n[i]:e,a);var ho=function(a,t,e,n){function i(s){return s instanceof e?s:new e(function(o){o(s)})}return new(e||(e=Promise))(function(s,o){function l(m){try{c(n.next(m))}catch(u){o(u)}}function d(m){try{c(n.throw(m))}catch(u){o(u)}}function c(m){m.done?s(m.value):i(m.value).then(l,d)}c((n=n.apply(a,t||[])).next())})};const G=a=>{const t=Array.from(a.querySelectorAll("thead th"));Array.from(a.querySelectorAll("tbody tr")).forEach((e,n)=>{const i=Array.from(e.querySelectorAll("th, td")),s=["0","low","medium","high","unknown","n/a","pending","verified","due","overdue","incomplete","complete","completed","approval required","upcoming","requires approval","to do","on track","not started","warning","error"];i.forEach((o,l)=>{const d=t[l];if(typeof d<"u"){let c=document.createElement("div");c.innerHTML=d.innerHTML;let m=c.textContent||c.innerText||"";o.setAttribute("data-label",m),d.hasAttribute("data-td-class")&&o.setAttribute("class",d.getAttribute("data-td-class")),d.hasAttribute("data-format")&&(o.setAttribute("data-format",d.getAttribute("data-format")),o.innerHTML=F(d.getAttribute("data-format"),o.textContent.trim())),s.includes(o.textContent.trim().toLowerCase())&&o.setAttribute("data-content",o.textContent.trim().toLowerCase())}})})},po=a=>{let t=0;return Array.from(a.querySelectorAll("tbody tr")).forEach((e,n)=>{let i=window.getComputedStyle(document.querySelector("html")),s=e.querySelector(":scope > *:last-child > *:first-child");if(s){s.classList.add("text-nowrap");let o=s.offsetWidth/parseFloat(i.fontSize);o+=1.7,t=t>o?t:o}}),t},bo=(a,t)=>{if(t.classList.contains("table--fullwidth")&&!t.hasAttribute("data-expandable")||a.querySelectorAll("thead tr th").length<4&&!t.hasAttribute("data-expandable"))return!1;Array.from(a.querySelectorAll("thead tr")).forEach((e,n)=>{a.querySelectorAll("thead tr th.expand-button-heading").length||e.insertAdjacentHTML("afterbegin",'<th class="th--fixed expand-button-heading"></th>')}),Array.from(a.querySelectorAll("tbody tr")).forEach((e,n)=>{const i=e.getAttribute("data-view")==="full"?"aria-expanded":"";e.insertAdjacentHTML("afterbegin",`<td class="td--fixed td--expand"><button class="btn btn-compact btn-secondary" data-expand-button ${i}>Expand</button></td>`)})},go=a=>{a.addEventListener("click",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest("[data-expand-button]")){let e=t.target.closest("[data-expand-button]"),n=e.closest("tr");e.toggleAttribute("aria-expanded"),n.getAttribute("data-view")=="full"?n.setAttribute("data-view","default"):n.setAttribute("data-view","full"),e.blur()}})},X=(a,t)=>{let e=t.querySelector("input[data-search]");if(!e)return!1;const n=e.getAttribute("id"),i=e.getAttribute("data-search").split(",");let s=e.parentNode,o={};i.forEach((l,d)=>{Array.from(a.querySelectorAll('td[data-label="'+l.trim()+'"]')).forEach((c,m)=>{c.querySelector(".td__content")?o[c.querySelector(".td__content").textContent]=c.querySelector(".td__content").textContent:o[c.textContent]=c.textContent})}),e.setAttribute("list",`${n}_list`),e.setAttribute("autocomplete","off"),s.querySelector("datalist")||(s.innerHTML+=`<datalist id="${n}_list"></datalist>`),s.querySelector("datalist").innerHTML=`${Object.keys(o).map(l=>`<option value="${l}"></option>`).join("")}`},fo=(a,t,e,n,i)=>{var s;let o=function(c,m=!1){if(n.hasAttribute("data-no-submit")||t.classList.contains("processing"))return!1;if(Array.from(t.querySelectorAll("iam-applied-filters")).forEach((u,g)=>{var p=new Event("tags-set");u.dispatchEvent(p)}),c.type=="submit"&&(t.classList.add("processing"),Array.from(t.querySelectorAll("[data-duplicate]")).forEach((u,g)=>{const p=u.getAttribute("data-duplicate"),h=document.getElementById(p),f=document.querySelector(`[for="${p}"] iam-card`);if(h.checked!=u.checked)if(f){let b=new Event("click");f.dispatchEvent(b)}else h.checked=u.checked}),t.classList.remove("processing")),t.hasAttribute("data-ajax")){if(!m){let u=t.querySelector("[data-pagination]");u.value=1,n.setAttribute("data-page",1)}Q(a,t,e,n)}else t.hasAttribute("data-submit")?t.submit():(j(a,t,n),M(a,t));if(t.hasAttribute("data-ajax-post")){let u=new FormData(t),g=new URLSearchParams(u).toString();const p=new XMLHttpRequest;p.open("GET",`${window.location.href}?ajax=true&${g}`),p.send()}};t.querySelector("iam-actionbar[data-search]")&&t.querySelector("iam-actionbar[data-search]").addEventListener("search-submit",c=>{t.querySelector("input[data-search]")?t.querySelector("input[data-search]").value=c.detail.search:t.insertAdjacentHTML("beforeend",`<input type="hidden" name="search" data-search="${t.querySelector("iam-actionbar[data-search]").getAttribute("data-search")}" value="${c.detail.search}"/>`),clearTimeout(s),o(c)}),t.addEventListener("keyup",c=>{clearTimeout(s),c&&c.target instanceof HTMLElement&&c.target.closest("input[data-search]")&&(s=setTimeout(function(){o(c)},500))}),t.addEventListener("change",c=>{if(clearTimeout(s),c&&c.target instanceof HTMLElement&&c.target.closest("[data-sort]")&&(t.hasAttribute("data-submit")||Y(a,t,i),o(c)),c&&c.target instanceof HTMLElement&&c.target.closest("input[data-search]")&&o(c),c&&c.target instanceof HTMLElement&&c.target.closest("[data-filter][data-no-ajax]")?(j(a,t,n),M(a,t)):(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),c&&c.target instanceof HTMLElement&&c.target.hasAttribute("id")){let m=c.target.getAttribute("id");document.querySelector(`[data-duplicate="${m}"]`)&&(document.querySelector(`[data-duplicate="${m}"]`).checked=c.target.checked)}}),t.addEventListener("click",c=>{if(clearTimeout(s),c&&c.target instanceof HTMLElement&&c.target.closest('dialog button:not([type="button"])')&&c.target.closest('dialog button:not([type="button"])').closest("dialog").close(),c&&c.target instanceof HTMLElement&&c.target.closest(".dialog__close")&&(c.preventDefault(),c.stopPropagation()),c&&c.target instanceof HTMLElement&&c.target.closest("[data-clear]")){t.classList.add("processing"),Array.from(t.querySelectorAll(".applied-filters")).forEach((u,g)=>{u.innerHTML=""});let m=t.elements;for(let u=0;u<m.length;u++)switch(m[u].type.toLowerCase()?m[u].type.toLowerCase():"text"){case"text":case"password":case"textarea":m[u].value="";break;case"radio":case"checkbox":if(m[u].checked){let g=m[u],p=g.getAttribute("id"),h=document.querySelector(`[for="${p}"`);if(h.querySelector("iam-card")){let f=h.querySelector("iam-card"),b=new Event("click");f.dispatchEvent(b)}g.checked=!1}break;case"select-one":case"select-multi":m[u].selectedIndex=-1;break}t.classList.remove("processing"),t.hasAttribute("data-submit")||Y(a,t,i),o(c)}}),t.addEventListener("submit",c=>{clearTimeout(s),t.hasAttribute("data-submit")||c.preventDefault(),o(c)}),t.addEventListener("force",c=>{o(c)}),t.addEventListener("paginate",c=>{o(c,!0)});let l=[],d=[];Array.from(t.querySelectorAll("[data-mimic]")).forEach((c,m)=>{let u=c.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${u}"]`)).forEach((g,p)=>{let h=g.closest("form");l.includes(h)||l.push(h),d.includes(u)||d.push(u)})}),l.forEach((c,m)=>{const u=function(){let g=[],p=new FormData(c);for(const[h,f]of p)document.querySelector(`[data-mimic="${h}"]`)&&!g.includes(h)?(g.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 g){const f=new Event("force");t.dispatchEvent(f)}for(const h of d)if(!p.has(h)&&c.querySelector(`[name="${h}"]`)){document.querySelector(`[data-mimic="${h}"]`).value="";const f=new Event("force");t.dispatchEvent(f)}};c.addEventListener("force",g=>{u()}),c.addEventListener("change",g=>{u()})})},Y=(a,t,e)=>{if(t.getAttribute("data-ajax"))return!1;let n=a.querySelector("tbody"),i=t.querySelector('input[type="radio"][data-sort]:checked');if(t.querySelector("select[data-sort]")){let u=t.querySelector("select[data-sort]");i=t.querySelector(`select[data-sort] option:nth-child(${u.selectedIndex+1})`)}let s=i.getAttribute("data-sort"),o=i.getAttribute("data-order"),l=i.getAttribute("data-format");if(!s)return n.innerHTML=e.innerHTML,G(a),!1;let d=[];["asc","desc","descending"].includes(o)||(d=o.split(","));let c=[];Array.from(n.querySelectorAll("tr")).forEach((u,g)=>{let p=u.querySelector('td[data-label="'+s+'"], th[data-label="'+s+'"]').textContent.trim();u.querySelector('[data-label="'+s+'"] .td__content')&&(p=u.querySelector('[data-label="'+s+'"] .td__content').textContent.trim()),d.length&&d.includes(p)&&(p=d.indexOf(p)),co(p)&&(p=mo(p,10)),l&&l=="date"&&(p=new Date(p));const h={index:p,row:u};c.push(h)}),c.sort((u,g)=>u.index>g.index?1:-1),(o=="descending"||o=="desc")&&(c=c.reverse());let m="";c.forEach((u,g)=>{m+=u.row.outerHTML}),n.innerHTML=m},j=(a,t,e)=>{a.classList.remove("table--filtered");let n=J(t),i=[],s=0,o=t.querySelector("[data-pagination]")?parseInt(t.querySelector("[data-pagination]").value):1,l=t.querySelector("[data-show]")?parseInt(t.querySelector("[data-show]").value):15;if(Array.from(a.querySelectorAll("tbody tr")).forEach((c,m)=>{c.classList.remove("filtered"),c.classList.remove("filtered--matched"),c.classList.remove("filtered--show"),c.removeAttribute("data-filtered-by")}),t.querySelector("input[data-search]")){let c=t.querySelector("input[data-search]");t.querySelector("input[data-search]").getAttribute("data-search").split(",").forEach((m,u)=>{i.push({column:`${m.trim()}`,value:`${c.value}`})})}Array.from(t.querySelectorAll("[data-filter-count]")).forEach((c,m)=>{c.innerHTML="",c.parentNode.classList.remove("hover")});let d=0;Object.values(n).forEach((c,m)=>{typeof c=="object"&&Object.values(c).length?d+=Object.values(c).length:d++}),d&&Array.from(t.querySelectorAll("[data-filter-count]")).forEach((c,m)=>{c.innerHTML+=`(${d})`,c.parentNode.classList.add("hover")}),a.classList.add("table--filtered");for(const[c,m]of Object.entries(n))Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((u,g)=>{let p=!1;m.forEach((h,f)=>{let b=u.querySelector(`[data-label="${c}"]`);if(h.includes("-date-from")){let k=new Date(h.replace("-date-from","")),A=new Date(b.textContent.toLowerCase());k.setHours(0,0,0,0),A.setHours(0,0,0,0),A<k?(u.classList.add("less-than-from-date"),p=!1):!u.classList.contains("less-than-from-date")&&!u.classList.contains("greater-than-to-date")&&(p=!0)}else if(h.includes("-date-to")){let k=new Date(h.replace("-date-to","")),A=new Date(b.textContent.toLowerCase());k.setHours(0,0,0,0),A.setHours(0,0,0,0),A>k?(u.classList.add("greater-than-to-date"),p=!1):!u.classList.contains("less-than-from-date")&&!u.classList.contains("greater-than-to-date")&&(p=!0)}if(h&&h=="$today")h=F("date",new Date);else if(h&&h=="$yesterday"){let k=new Date;k.setDate(k.getDate()-1),h=F("date",k)}else if(h&&(h=="$thisWeek"||h=="$lastWeek")){let k=new Date,A=new Date(k.setDate(k.getDate()-(k.getDay()-1))),w=new Date(k.setDate(k.getDate()-k.getDay()+7)),L=new Date(b.textContent.toLowerCase());if(k.setHours(0,0,0,0),A.setHours(0,0,0,0),w.setHours(0,0,0,0),L.setHours(0,0,0,0),h=="$thisWeek")p=L>=A&&L<=w;else{let q=new Date(A.setDate(A.getDate()-7)),$=new Date(w.setDate(w.getDate()-7));q.setHours(0,0,0,0),$.setHours(0,0,0,0),p=L>=q&&L<=$}}else if(h&&h=="$thisMonth"){let k=new Date,A=k.getFullYear(),w=k.getMonth();var v=new Date(A,w,1),_=new Date(A,w+1,0);let L=new Date(b.textContent.toLowerCase());v.setHours(0,0,0,0),_.setHours(0,0,0,0),L.setHours(0,0,0,0),p=L>=v&&L<=_}else if(h&&h=="$lastMonth"){let k=new Date,A=k.getFullYear(),w=k.getMonth();var y=new Date(A,w-1,1),E=new Date(A,w,0);let L=new Date(b.textContent.toLowerCase());y.setHours(0,0,0,0),E.setHours(0,0,0,0),L.setHours(0,0,0,0),p=L>=y&&L<=E}b&&b.textContent.toLowerCase().includes(h.replace("-"," ").toLowerCase())&&(p=!0)}),p||(u.classList.add("filtered"),u.setAttribute("data-filtered-by",c))});Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((c,m)=>{let u=!(i.length>0&&i[0].value.length>=3);i.forEach((g,p)=>{let h=c.querySelector(`[data-label="${g.column}"]`);h&&g.value.length>=3&&h.textContent.toLowerCase().includes(g.value.toLowerCase())&&(u=!0)}),u||c.classList.add("filtered")}),Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((c,m)=>{s++,c.classList.add("filtered--matched"),Math.ceil(s/l)==parseInt(o)&&c.classList.add("filtered--show")}),e&&(e.setAttribute("data-total",s),e.setAttribute("data-show",l),e.setAttribute("data-page",o))},M=(a,t,e)=>{Array.from(t.querySelectorAll("[data-query]")).forEach((n,i)=>{let s=n.getAttribute("data-query"),o=0;if(s=="total")e.hasAttribute("data-total")?o=e.getAttribute("data-total"):o=(a.classList.contains("table--filtered"),a.querySelectorAll("tbody tr").length);else if(!s.includes(" == ")&&s.includes(" & ")){let l=s.split(" & "),d="";l.forEach(c=>{d+=`:not([data-filtered-by="${c}"])`}),o=Array.from(a.querySelectorAll(`tbody tr${d}`)).length}else if(!s.includes(" == "))o=Array.from(a.querySelectorAll(`tbody tr:not([data-filtered-by="${s}"])`)).length;else if(s.includes(" && ")){let l=s.split(" && ");o=Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d){let c=!0;for(const[m,u]of Object.entries(l)){let g=u.split(" == ");(!d.querySelector(`td[data-label="${g[0]}"]`)||d.querySelector(`td[data-label="${g[0]}"]`).textContent!=`${g[1]}`)&&(c=!1)}return c}).length}else{let l=s.split(" == ");o=Array.from(a.querySelectorAll(`tbody tr.filtered--matched td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(d){return d.textContent===l[1]}).length}n.hasAttribute("data-total")?n.setAttribute("data-total",o):n.innerHTML=o})},vo=function(a,t,e,n){if(n.hasAttribute("data-no-submit"))return!1;e.addEventListener("update-page",i=>{let s=t.querySelector("[data-pagination]"),o=i.detail.page;if(s.value=o,t.dispatchEvent(new Event("paginate")),n.setAttribute("data-page",o),a.hasAttribute("data-show-history")){const l=new URL(location);l.searchParams.set("page",o),history.pushState({type:"pagination",form:t.getAttribute("id"),page:o},"",l)}if(!n.hasAttribute("data-no-scroll")){const l=a.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:l,behavior:"smooth"})}}),e.addEventListener("update-show",i=>{let s=t.querySelector("[data-show]"),o=i.detail.show;s.value=o,n.setAttribute("data-show",o),t.dispatchEvent(new Event("submit"))})},yo=(a,t)=>{if(!a)return!1;a.addEventListener("click",e=>{wo(t)})},wo=function(a){for(var t=[],e=a.getElementsByTagName("tr"),n=0;n<e.length;n++){for(var i=e[n].querySelectorAll("td,th"),s=[],o=0;o<i.length;o++)s.push(`"${i[o].textContent}"`);t.push(s.join(","))}t=t.join(`
|
|
112
|
+
`);let l=new Blob([t],{type:"text/csv"});var d=document.createElement("a");d.download="export.csv";var c=window.URL.createObjectURL(l);d.href=c,d.style.display="none",document.body.appendChild(d),d.click(),document.body.removeChild(d)},K=function(a,t,e,n){if(G(a),bo(a,n),M(a,t,n),n&&n.classList.contains("table--cta")){let i=function(){Array.from(a.querySelectorAll("tr")).forEach((o,l)=>{let d=o.offsetHeight;o.style.setProperty("--row-height",`${d}px`)})};const s=po(a);n.style.setProperty("--cta-width",`${s}rem`),new ResizeObserver(i).observe(a)}},J=function(a){let t=new Object;return Array.from(a.querySelectorAll("[data-filter]")).forEach((e,n)=>{if(!(e.type=="radio"&&!e.checked)&&!(e.type=="checkbox"&&!e.checked)&&e&&e.value){let i=e.getAttribute("data-filter"),s=e.value;e.hasAttribute("data-date-from")&&(s+="-date-from"),e.hasAttribute("data-date-to")&&(s+="-date-to"),t[i]||(t[i]=new Array),t[i].push(s)}}),t},Q=function(a,t,e,n){return ho(this,void 0,void 0,function*(){let i=new FormData(t),s=new URLSearchParams(i).toString(),o=a.querySelectorAll("thead tr th:not(.expand-button-heading)"),l=a.querySelector("tbody"),d=t.getAttribute("data-ajax");n.classList.add("table--loading");let c=J(t);Array.from(t.querySelectorAll("[data-filter-count]")).forEach((g,p)=>{g.innerHTML="",g.parentNode.classList.remove("hover")});let m=0;Object.values(c).forEach((g,p)=>{typeof g=="object"&&Object.values(g).length?m+=Object.values(g).length:m++}),m&&Array.from(t.querySelectorAll("[data-filter-count]")).forEach((g,p)=>{g.innerHTML+=`(${m})`,g.parentNode.classList.add("hover")}),window.controller||(window.controller=[]),window.controller[d]&&window.controller[d].abort(),window.controller[d]=new AbortController;const{signal:u}=controller[d];e.setAttribute("data-loading","true"),t.classList.add("processing");try{yield fetch(d+"?"+s,{signal:u,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"})}).then(g=>g.json()).then(g=>{let p=t.hasAttribute("data-schema")?t.getAttribute("data-schema"):"data",h=t.hasAttribute("data-schema-total")?t.getAttribute("data-schema-total"):"meta.total",f=t.hasAttribute("data-schema-page")?t.getAttribute("data-schema-page"):"meta.current_page",b=C(g,h,15),v=C(g,f,1),_=C(g,p),y=n.hasAttribute("data-empty-msg")?n.getAttribute("data-empty-msg"):"No results found";_?(l.innerHTML="",_.forEach((E,k)=>{var A=document.createElement("tr");o.forEach((w,L)=>{let q="";var $=document.createElement("td");if($.setAttribute("data-label",w.innerText),w.getAttribute("data-output")){var T=w.getAttribute("data-output");q=T.replace(new RegExp(/{(.*?)}/,"gm"),function(sr){return C(E,sr.replace("{","").replace("}",""))})}if(w.hasAttribute("data-output-array")){var T=w.getAttribute("data-output");let lr=C(E,T.replace("{","").replace("}",""));q="",lr.forEach((at,_r)=>{let cr=w.getAttribute("data-output-array"),H="";if(w.hasAttribute("data-output-array-property")&&w.hasAttribute("data-output-array-transform")){const O=C(at,w.getAttribute("data-output-array-property")),dr=JSON.parse(w.getAttribute("data-output-array-transform"))[O];H=cr.replace(`{${w.getAttribute("data-output-array-property")}}`,dr)}H=H.replace(new RegExp(/{(.*?)}/,"gm"),function(O){return C(at,O.replace("{","").replace("}",""))}),q+=H})}w.hasAttribute("data-transform")&&(q=JSON.parse(w.getAttribute("data-transform"))[q],!q&&w.hasAttribute("data-default")&&(q=w.getAttribute("data-default"))),$.innerHTML=q,A.appendChild($)}),l.appendChild(A)}),X(a,t),n.setAttribute("data-total",parseInt(b)),n.setAttribute("data-page",parseInt(v)),K(a,t,e,n),Array.from(t.querySelectorAll("[data-ajax-query]")).forEach((E,k)=>{let A=C(g,E.getAttribute("data-ajax-query"),"");E.hasAttribute("data-total")?E.setAttribute("data-total",A):E.innerHTML=A}),parseInt(b)==0&&(l.innerHTML=`<tr><td colspan="100%"><span>${y}</span></td></tr>`),n.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:d,formData:s})):l.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>',e.removeAttribute("data-loading"),t.classList.remove("processing")})}catch(g){console.log(g)}})},F=(a,t)=>{switch(a){case"datetime":return new Date(t).toLocaleDateString("en-gb",{weekday:"short",year:"2-digit",month:"long",day:"numeric"})+" "+new Date(t).toLocaleTimeString("en-gb",{hour:"2-digit",minute:"2-digit"});case"date":return new Date(t).toLocaleDateString("en-gb",{day:"numeric",month:"long",year:"2-digit"});case"capitalise":return t=uo(t)}};class _o extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
113
113
|
<style>
|
|
114
|
-
@import "${
|
|
114
|
+
@import "${e}";
|
|
115
115
|
: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 */
|
|
116
116
|
|
|
117
117
|
|
|
@@ -135,12 +135,12 @@
|
|
|
135
135
|
</div>
|
|
136
136
|
<iam-pagination part="pagination" class="pagination--table" ${this.hasAttribute("data-page")?`data-page="${this.getAttribute("data-page")}"`:""} ></iam-pagination>
|
|
137
137
|
`,this.shadowRoot.appendChild(n.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)}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;height:auto}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:not([slot=overflow]){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;padding-bottom:0}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;padding-bottom:0}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}@container (width > 23.4375em){iam-table tr:has([type=checkbox]:checked){height:calc(4.625rem - 2px)}}iam-table tr:has([type=checkbox]:checked){--row-bg: #E0E0E0}@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:has(.td--fixed){height:3.5rem}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 .th--fixed+th:not(.th--fixed),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 */
|
|
138
|
-
</style>`)}connectedCallback(){const
|
|
139
|
-
* iamKey v6.
|
|
140
|
-
* Copyright 2022-
|
|
141
|
-
*/function
|
|
138
|
+
</style>`)}connectedCallback(){const t=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",t.has("page")?t.get("page"):1),this.hasAttribute("data-show")||this.setAttribute("data-show",t.has("show")?t.get("show"):15),this.hasAttribute("data-increment")||this.setAttribute("data-increment",this.getAttribute("data-show"));let e=this.classList.toString();if(e=e.replace("table--cta",""),e=e.replace("table--loading",""),this.shadowRoot.querySelector(".table__wrapper").className+=` ${e}`,this.querySelector(".actionbar__sticky")&&this.shadowRoot.querySelector(".table__wrapper").classList.add("has-actionbar"),this.table=this.querySelector("table"),this.savedTableBody=this.table.querySelector("tbody").cloneNode(!0),this.pagination=this.shadowRoot.querySelector("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"),X(this.table,this.form),this.form.querySelector("[data-pagination]")||this.form.insertAdjacentHTML("beforeend",`<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`),this.form.querySelector("[data-show]")||this.form.insertAdjacentHTML("beforeend",`<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`),go(this.table),fo(this.table,this.form,this.pagination,this,this.savedTableBody),vo(this.table,this.form,this.pagination,this),yo(this.shadowRoot.querySelector("[data-export]"),this.table),this.form.getAttribute("data-ajax"))Q(this.table,this.form,this.pagination,this);else{let n=function(s=1){return Math.floor(Math.random()*Date.now()*(s+1))};if(this.querySelector("iam-actionbar[data-selectall]")||document.querySelector(`iam-actionbar[data-for='${this.getAttribute("id")}']`)){const s=this.querySelector("iam-actionbar[data-selectall]")?this.querySelector("iam-actionbar[data-selectall]"):document.querySelector(`iam-actionbar[data-for='${this.getAttribute("id")}']`);Array.from(this.table.querySelectorAll("thead tr")).forEach((o,l)=>{o.insertAdjacentHTML("afterbegin",'<th class="th--fixed"></th>')}),Array.from(this.table.querySelectorAll("tbody tr")).forEach((o,l)=>{let d=`row${n(l)}`;o.insertAdjacentHTML("afterbegin",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${d}" ${o.hasAttribute("data-selected")?'checked="true"':""}/><label for="${d}"><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 l=this.table.querySelectorAll('.selectrow input[type="checkbox"]').length,d=this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;s.setAttribute("data-selected",l==d?"all":d)}}),s.addEventListener("selected",o=>{o.detail.selected=="0"?Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((l,d)=>{l.checked=!1}):o.detail.selected=="all"&&Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((l,d)=>{l.checked=!0})})}let i=-1;Array.from(this.table.querySelectorAll("tbody tr")).forEach((s,o)=>{if(s.querySelector(":scope > td > .dialog__wrapper")){let l=s.querySelector(":scope > td > .dialog__wrapper").parentNode;l.classList.add("td--fixed"),i=Array.from(l.parentNode.children).indexOf(l)}}),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((s,o)=>{s.classList.add("td--fixed")})),K(this.table,this.form,this.pagination,this),this.hasAttribute("data-no-submit")||j(this.table,this.form,this),M(this.table,this.form)}this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll",n=>{this.table.querySelector("dialog[open]")&&(this.table.querySelector("dialog[open]").close(),this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"))}),this.pagination.addEventListener("update-show",n=>{let i=n.detail.show;const s=new CustomEvent("update-show",{detail:{show:i}});this.dispatchEvent(s)}),this.pagination.addEventListener("update-page",n=>{let i=n.detail.page;const s=new CustomEvent("update-page",{detail:{page:i}});this.dispatchEvent(s)})}static get observedAttributes(){return["data-total","data-page","data-show"]}attributeChangedCallback(t,e,n){switch(this.pagination=this.shadowRoot.querySelector("iam-pagination"),t){case"data-total":{e!=n&&this.pagination.setAttribute("data-total",n);break}case"data-show":{e!=n&&this.pagination.setAttribute("data-show",n);break}case"data-page":{e!=n&&this.pagination.setAttribute("data-page",n);break}}}}const ko=Object.freeze(Object.defineProperty({__proto__:null,default:_o},Symbol.toStringTag,{value:"Module"}));/*!
|
|
139
|
+
* iamKey v6.1.0--beta2
|
|
140
|
+
* Copyright 2022-2025 iamproperty
|
|
141
|
+
*/function xo(a,t){const e=t.querySelector(".files"),n=t.querySelector(".drop-area"),i=a.querySelector("input"),s=a.hasAttribute("data-maxsize")?a.getAttribute("data-maxsize"):0,o=t.querySelector(".invalid-feedback.size"),l=t.querySelector(".invalid-feedback.ext"),d=i.cloneNode();n.append(d);let c=function(m){if(!i.hasAttribute("accept"))return!0;const u=m.split(".").pop();return!!i.getAttribute("accept").includes(u)};if(t.addEventListener("click",m=>{m&&m.target instanceof HTMLElement&&m.target.closest(".btn-primary")&&(m.target.closest(".btn-primary"),l.classList.remove("d-block"),o.classList.remove("d-block"),(i.hasAttribute("multiple")?d:i).click())}),t.addEventListener("click",m=>{if(m&&m.target instanceof HTMLElement&&m.target.closest(".files button")){const u=new DataTransfer,{files:g}=i,p=m.target.closest(".files button");for(let f=0;f<g.length;f++){const b=g[f];b.name!=p.getAttribute("data-file")&&u.items.add(b)}i.files=u.files;const h=new Event("change");i.dispatchEvent(h)}}),d.addEventListener("change",m=>{if(i.hasAttribute("multiple")){const g=[...i.files,...d.files];let p=[];const h=new DataTransfer;for(let f=0;f<g.length;f++){const b=g[f],v=b.size/1e3;!p.includes(b.name)&&(s==0||v<s)&&c(b.name)&&h.items.add(b),c(b.name)||l.classList.add("d-block"),v>s&&o.classList.add("d-block"),p.push(b.name)}i.files=h.files}else i.files=d.files;const u=new Event("change");i.dispatchEvent(u)}),d.addEventListener("dragenter",m=>{d.classList.add("focus")}),d.addEventListener("dragleave",m=>{d.classList.remove("focus")}),d.addEventListener("drop",m=>{d.classList.remove("focus")}),i.addEventListener("change",m=>{if(i.files.length==1){let g=i.files[0];const p=g.size/1e3;if(!c(g.name)){l.classList.add("d-block");const h=new DataTransfer;i.files=h.files}if(p>s){o.classList.add("d-block");const h=new DataTransfer;i.files=h.files}}e.innerHTML="";for(const g of i.files)e.innerHTML+=`<span class="file" part="file">${g.name} <button data-file="${g.name}">Remove</button></span>`;const u=new CustomEvent("elementchange",{detail:{files:i.files}});if(a.dispatchEvent(u),i.files.length==0){const g=new CustomEvent("empty");a.dispatchEvent(g)}}),a.hasAttribute("data-filename")){let m=a.getAttribute("data-filename");m&&(e.innerHTML=`<span class="file">${m} <button data-file="${m}">Remove</button></span>`)}}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"fileupload"});const Ao=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
142
142
|
<style>
|
|
143
|
-
@import "${
|
|
143
|
+
@import "${e}";
|
|
144
144
|
.file-upload{max-width:25rem !important;padding-bottom:1rem}.file-upload .drop-area>input{display:none}.file-upload .file-upload__title{margin-top:0;margin-bottom:0;font-family:var(--font-heading);font-style:normal;font-weight:var(--heading-weight);line-height:2rem;color:var(--colour-heading);clear:both;display:block;padding-bottom:2rem;font-size:1.5rem;line-height:2rem;padding-bottom:2rem;max-width:var(--content-max-width)}.file-upload .helper-text{max-width:16.875rem}.files span{display:block;width:100%;padding:var(--input-padding-block, 0.75rem) var(--input-padding-inline, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);border:2px solid var(--colour-primary-theme);appearance:none;border-radius:0.5rem;margin-bottom:1rem;color:var(--colour-primary);border-color:#d8d8d8;background:#d8d8d8;max-width:25rem !important;position:relative}@media(forced-colors: active){.files span{padding-right:5rem}.files span button{padding:0;width:3.7rem !important;text-indent:0% !important}.files span button:after{display:none !important}}.files span button{position:absolute;top:calc(50% - 0.5625rem);right:0.875rem;z-index:var(--index-floating);text-indent:300%;overflow:hidden;border:none;height:1.125rem;width:1.125rem;background:rgba(0,0,0,0)}.files span button:after{content:"";top:0;left:0;position:absolute;display:block;height:1.125rem;width:1.125rem;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%}:host(.fileupload--drag-drop) .file-upload{max-width:50rem !important}:host(.fileupload--drag-drop) .file-upload .helper-text{max-width:50rem !important}:host(.fileupload--drag-drop) .file-upload .drop-area>input{display:block;min-height:12.5rem;border:2px dashed var(--colour-primary-theme);color:rgba(0,0,0,0);position:relative;padding:1.5rem 2rem 1.5rem 2rem;user-select:none;max-width:100%;min-width:100%;margin-bottom:1rem}:host(.fileupload--drag-drop) .file-upload .drop-area>input.focus{border:2px solid var(--colour-info)}:host(.fileupload--drag-drop) .file-upload .drop-area{position:relative}:host(.fileupload--drag-drop) .file-upload .drop-area::before{content:"Drag and drop files here or click to upload";position:absolute;inset:1.5rem 2rem 1.5rem 2rem;z-index:1;pointer-events:none}:host(.fileupload--drag-drop) .file-upload ::file-selector-button{position:absolute;inset:0;opacity:0}/*# sourceMappingURL=assets/css/components/fileupload.css.map */
|
|
145
145
|
|
|
146
146
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
@@ -156,12 +156,12 @@
|
|
|
156
156
|
<span class="invalid-feedback ext">Some files did not match the accpeted extension type.</span>
|
|
157
157
|
<span class="invalid-feedback size">Some files Were too large to upload.</span>
|
|
158
158
|
</div>
|
|
159
|
-
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){this.innerHTML+='<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';const
|
|
160
|
-
* iamKey v6.
|
|
161
|
-
* Copyright 2022-
|
|
162
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"accordion"});class
|
|
159
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){this.innerHTML+='<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';const t=this.shadowRoot.querySelector(".file-upload"),e=this.querySelector("input"),n=this.shadowRoot.querySelector(".helper-text");this.querySelector('[slot="helper"]')||(n.innerHTML=`${this.hasAttribute("data-maxsize")?`Max file size is ${this.getAttribute("data-maxsize")}kb. `:""}${e.hasAttribute("accept")?`Supported file types are ${e.getAttribute("accept")}`:""}`),xo(this,t)}static get observedAttributes(){return["data-filename"]}attributeChangedCallback(t,e,n){switch(t){case"data-filename":{if(e!=n){const i=this.shadowRoot.querySelector(".files");n!=null&&n!="null"&&n!=""&&(i.innerHTML=`<span class="file">${n} <button data-file="${n}">Remove</button></span>`)}break}}}}},Symbol.toStringTag,{value:"Module"}));/*!
|
|
160
|
+
* iamKey v6.1.0--beta2
|
|
161
|
+
* Copyright 2022-2025 iamproperty
|
|
162
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"accordion"});class Lo extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
163
163
|
<style>
|
|
164
|
-
@import "${
|
|
164
|
+
@import "${e}";
|
|
165
165
|
|
|
166
166
|
:host {
|
|
167
167
|
margin-bottom: 2.5rem;
|
|
@@ -174,75 +174,76 @@
|
|
|
174
174
|
}
|
|
175
175
|
</style>
|
|
176
176
|
<slot></slot>
|
|
177
|
-
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){if(!this.classList.contains("accordion--keep-open")){const
|
|
178
|
-
* iamKey v6.
|
|
179
|
-
* Copyright 2022-
|
|
180
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:
|
|
177
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){if(!this.classList.contains("accordion--keep-open")){const t=this.querySelectorAll(":scope > details");t.forEach(e=>{e.addEventListener("toggle",()=>{t.forEach(n=>{n!==e&&e.hasAttribute("open")&&n.removeAttribute("open")})})})}}}const So=Object.freeze(Object.defineProperty({__proto__:null,default:Lo},Symbol.toStringTag,{value:"Module"}));/*!
|
|
178
|
+
* iamKey v6.1.0--beta2
|
|
179
|
+
* Copyright 2022-2025 iamproperty
|
|
180
|
+
*/const Eo=a=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:a})},qo=(a,t,e)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),e.forEach(n=>{a.addEventListener(n,function(i){let s={event:n,element:t,target:i.target};Object.keys(i.detail).forEach(o=>{const l=i.detail[o];s[o]=l}),window.dataLayer.push(s)})}),!0),$o=`<div class="card__head" part="head">
|
|
181
|
+
<slot name="head"></slot>
|
|
182
|
+
</div>
|
|
183
|
+
<div class="card__badges"><slot name="badges"></slot></div>
|
|
184
|
+
<slot name="checkbox" class="activate-prevent-hover"></slot>
|
|
185
|
+
<div class="card__body" part="body">
|
|
186
|
+
<slot></slot>
|
|
187
|
+
<slot name="secondary" part="secondary"></slot>
|
|
188
|
+
</div>
|
|
189
|
+
<div class="card__details" part="details">
|
|
190
|
+
<slot name="details"></slot>
|
|
191
|
+
</div>
|
|
192
|
+
<div class="card__footer" part="footer">
|
|
193
|
+
<slot name="footer"></slot>
|
|
194
|
+
</div>`,Co=a=>{a.classList.add("card");const t=a.shadowRoot.querySelector(".card__head"),e=a.shadowRoot.querySelector(".card__body");a.hasAttribute("data-image")&&(t.innerHTML+=`<img src="${a.getAttribute("data-image")}" alt="" loading="lazy" part="image" />`),a.hasAttribute("data-total")?e.insertAdjacentHTML("beforeend",`<div class="card__total">${a.getAttribute("data-total")}</div>`):a.querySelector('[slot="total-icon"]')&&e.insertAdjacentHTML("beforeend",'<div class="card__total"><slot name="total-icon"></slot></div>'),a.querySelector('[slot="badges"]')||a.shadowRoot.querySelector(".card__badges").remove()};var To=function(a,t,e,n){function i(s){return s instanceof e?s:new e(function(o){o(s)})}return new(e||(e=Promise))(function(s,o){function l(m){try{c(n.next(m))}catch(u){o(u)}}function d(m){try{c(n.throw(m))}catch(u){o(u)}}function c(m){m.done?s(m.value):i(m.value).then(l,d)}c((n=n.apply(a,t||[])).next())})};Eo("iam-card");class Mo extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const t=document.createElement("template");t.innerHTML=`
|
|
181
195
|
<style>
|
|
182
|
-
@import "${n}";
|
|
183
|
-
.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:flex;flex-direction:column;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:2px solid var(--outline-colour, --colour-canvas-2);outline-offset:-2px}.card>*:not(.btn-compact){min-width:100%}.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) 0 var(--card-left-padding);z-index:-1}.card__footer{margin-top:auto;padding:0 var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding)}.card:is(:hover,:focus) .link:after{width:50%}.card:has(.card__footer .link):before,.card:has(.card__footer .link):after{display:none}.card:not(:has(.dialog__wrapper)):before,.card:not(:has(.dialog__wrapper)):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:not(:has(.dialog__wrapper)):after{background:var(--colour-primary-theme);mask-image:var(--icon, var(--icon-arrow));mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon, var(--icon-arrow));-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}.card:not(:has(.dialog__wrapper)):is(:hover,:focus,.hover){--hover-outline-colour-default: var(--colour, var(--colour-primary));outline:2px solid var(--hover-outline-colour, var(--hover-outline-colour-default));outline-offset:-2px}.card:not(:has(.dialog__wrapper)):not([class*=colour-]):is(:hover,:focus,.hover,:active,.active):before{background:var(--hover-icon-bg, var(--colour-primary-theme))}.card:not(:has(.dialog__wrapper)):not([class*=colour-]):is(:hover,:focus,.hover,:active,.active):after{background:var(--hover-icon-colour, #ffffff)}.card:not(:has(.dialog__wrapper)):is(:active,.active){--card-icon-right: var(--card-icon-right-overide,0.5rem);outline:none}.card:not(:has(.dialog__wrapper)):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;margin-block:auto;padding-bottom:var(--card-bottom-padding)}.card.card--has-icon:not(.card--secondary):not(.card--filter) .card__footer{padding:0;display:none}::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;font-size:1rem !important}::slotted(small){padding-top:1rem !important;display:block !important;font-weight:normal !important;padding-bottom:0 !important;color:var(--colour-body)}::slotted(span:not(.badge):not([class*=pt-])){padding-top:1.5rem !important}.card__head .card__badges{position:absolute;top:1rem;text-align:left;left:1rem;z-index:9}.card__body .card__badges.card__badges--inline{margin-top:-1rem;min-height:1rem}.card__body .card__badges:not(.card__badges--inline){position:absolute;top:.5rem;text-align:left;right:.75rem;z-index:9}.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) :is(.card__body,.card__footer){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:is(:checked,.checked,:active,.active) .card__footer{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:var(--img-height, 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%}: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.secondary-hover{outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card--secondary.secondary-hover .btn-compact{background-color:var(--colour);color:var(--colour-primary-theme);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}.card--record:has(.card__head){--img-height: 40%}.card--record:has(.card__head):before,.card--record:has(.card__head):after{display:none}.card--record:has(.card__head) .card__head{background:rgba(0,0,0,0);position:relative}:host([data-record=business]){--record-icon: "";--record-colour: var(--wider-colour-2)}:host([data-record=page]){--record-icon: "";--record-colour: var(--wider-colour-3)}:host([data-record=contact]){--record-icon: "";--record-colour: var(--wider-colour-4)}:host([data-record=lettings]){--record-icon: "";--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-5)}:host([data-record=sales]){--record-icon: "";--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-7)}:host([data-record=landlord]){--record-icon: "";--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-8)}:host([data-record=contractor]){--record-icon: "";--record-colour: var(--wider-colour-9)}:host([data-record=vendor]){--record-icon: "";--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-13)}:host([data-record=tenant]){--record-icon: "";--record-colour: var(--wider-colour-6)}:host([data-record=sales-applicant]){--record-icon: "";--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-10)}:host([data-record]) .card--record:has(.card__head) .card__head{background:rgba(0,0,0,0);position:relative}:host([data-record]) .card--record:has(.card__head) .card__head:before{font-family:var(--record-icon-font, "Font Awesome 6 Pro");font-weight:normal;font-size:1.5rem;content:var(--record-icon);display:block;position:absolute;top:auto;left:50%;bottom:0;background-color:var(--record-colour);border-radius:50%;height:4rem;line-height:4rem;width:4rem;text-align:center;transform:translate(-50%, 0)}slot[name=btns]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;margin-right:calc(var(--card-right-padding)*-1);margin-bottom:calc(var(--card-bottom-padding)*-1);padding-right:1rem;padding-bottom:1rem;pointer-events:none}::slotted([slot=btns]){pointer-events:all;margin:0 !important}.dialog__wrapper{position:absolute;right:1rem;bottom:2rem;min-width:3rem !important;left:auto;z-index:999}.dialog__wrapper>dialog{display:var(--menu-display, none);position:fixed;top:anchor(top);position-anchor:--anchor-el;left:anchor(right);right:auto;margin:0 0 0 0.25rem;padding:1rem}.dialog__wrapper>dialog::backdrop{display:none}.dialog__wrapper>dialog:popover-open{display:block !important}.dialog__wrapper:has(dialog:popover-open)>button{background-color:var(--colour)}.dialog__wrapper>button{margin:0;anchor-name:--anchor-el}.dialog__wrapper>button:not(:hover,:focus,:focus-within,:active){background:var(--ellipsis-bg)}::slotted([slot=actions]){border:none !important;margin:0 !important;display:block !important;width:fit-content}::slotted([slot=primary-action]){overflow:hidden;background-color:rgba(0,0,0,0);text-indent:-300%;position:absolute !important;inset:0;margin:0 !important;z-index:99;border:none}::slotted([slot=primary-action]:is(:hover,:focus,.hover)){--hover-outline-colour-default: var(--colour, var(--colour-primary));outline:2px solid var(--hover-outline-colour, var(--hover-outline-colour-default));outline-offset:-2px;border-radius:var(--card-border-radius) !important}/*# sourceMappingURL=assets/css/components/card.css.map */
|
|
184
|
-
|
|
185
196
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
197
|
+
|
|
198
|
+
:host{--card-icon-right: 1rem;--card-head-top-padding: 2rem;--card-head-bottom-padding: 2rem;--card-footer-bottom-padding: 1.5rem;--card-head-height: 6rem;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);width:100%;text-align:left;display:flex;flex-direction:column;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:2px solid var(--outline-colour, --colour-canvas-2);outline-offset:-2px;margin-bottom:2rem}:host>*{width:100%;box-sizing:border-box}:host-context(:is(a,label,button)){margin-bottom:0 !important}:host(.border-0){box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__head:has(img){min-height:var(--card-head-height);position:relative;overflow:hidden;background:rgba(0,0,0,.1);z-index:-1}.card__head:has(img)>img{position:absolute;top:0;left:0;margin:-2px;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:cover}.card__body{padding:var(--card-head-top-padding) var(--card-right-padding) var(--card-head-bottom-padding) var(--card-left-padding)}.card__footer{margin-top:0;padding:0 var(--card-right-padding) 0 var(--card-left-padding)}::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(.badge){margin-bottom:.375rem !important}::slotted(span:not(.badge)){display:block !important;font-weight:normal !important;font-size:1rem !important}::slotted(small){padding-top:1rem !important;display:block !important;font-weight:normal !important;padding-bottom:0 !important;color:var(--colour-body)}::slotted(span:not(.badge):not([class*=pt-])){padding-top:1.5rem !important}::slotted(:is(a,button)[slot=footer]){margin-bottom:var(--card-footer-bottom-padding) !important}.card__body:has(.card__total){--card-head-top-padding: 1rem;--card-head-bottom-padding: 1.5rem}.card__total{font-size:3rem;line-height:3rem;padding-right:1rem;margin-top:.5rem}.card__total i{font-family:var(--fa-style-family, "Font Awesome 6 Pro");font-weight:var(--fa-style, 900);display:block !important;font-size:2.5rem !important;margin:.5rem 0 .5rem 0 !important}::slotted([slot=total-icon]){display:block !important;font-size:2.5rem !important;margin:.5rem 0 .5rem 0 !important;line-height:2.5rem}.card__head:has(img)~.card__badges{position:absolute;top:0;text-align:left;left:0;z-index:9}.card__badges{padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) 0 var(--card-left-padding);margin-bottom:-1.5rem}body:not(.js-enabled) dialog:not([open]):target{display:block}[popover],dialog{--dialog-padding: 1.5rem;--mh-padding-inline: var(--dialog-padding);color:inherit;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;background:var(--colour-canvas-2);box-shadow:0px 2px 9px rgba(0,0,0,.11);border-radius:0.625rem;padding:var(--dialog-padding);outline:var(--contrast-outline-width, 0px) solid var(--colour-primary)}[popover]:popover-open,dialog[open]{display:flex;flex-direction:column}[popover]:popover-open>*:last-child,dialog[open]>*:last-child{margin-bottom:0}[popover]:popover-open>:is(p):last-child,dialog[open]>:is(p):last-child{padding-bottom:0}.dialog__wrapper{position:relative;display:inline-block;margin-bottom:calc(var(--btn-margin) - .25rem)}.dialog__wrapper:has(dialog[open],dialog:popover-open)>button{background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover);filter:brightness(85%);transition:background .1s,color .1s;border-radius:1.5rem}.dialog__wrapper>.btn:first-child{margin-bottom:.25rem}.dialog__wrapper>.btn:first-child:not(.btn-compact):not([class*=fa-]):after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}.dialog__wrapper>.btn:first-child[aria-expanded]:not([data-number]):after{transform:rotate(270deg)}.dialog__wrapper>:is(dialog[open],dialog:popover-open){left:0;top:100%;z-index:var(--index-floating);min-width:20rem;border-radius:1rem;width:20rem;padding:1.5rem}@media screen and (min-width: 36em){.dialog__wrapper>:is(dialog[open],dialog:popover-open){width:20.9375rem}}@media screen and (min-width: 62em){.dialog__wrapper>:is(dialog[open],dialog:popover-open){width:22.5rem}}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list{width:fit-content !important;min-width:8.75rem !important;max-width:17.5rem !important;padding:1rem;margin:0}@media screen and (min-width: 36em){.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list{width:max-content !important}}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list hr{height:2px;background:var(--colour-border);margin-left:-1rem;margin-right:-1rem;margin-block:.25rem}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .radio--tick{margin-right:0;padding-left:1.5rem;margin-bottom:0}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .radio--tick:before{left:0;font-size:1em;top:.75rem}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a{padding:0.375rem;margin:0}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a:not(:hover,:focus,:active){border-color:rgba(0,0,0,0)}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a:after{display:none}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action{margin:0}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action:not(:hover,:focus,:active){border-color:rgba(0,0,0,0)}.dialog__wrapper>:is(dialog[open],dialog:popover-open) :is(dialog[open],dialog:popover-open){display:contents}.dialog__wrapper.dialog__wrapper--right>:is(dialog[open],dialog:popover-open){right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>:is(dialog[open],dialog:popover-open){width:14.9375rem}.dialog__wrapper.dialog__wrapper--lg>:is(dialog[open],dialog:popover-open){width:19.9375rem}@media screen and (min-width: 36em){.dialog__wrapper.dialog__wrapper--sm-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--sm-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.5625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.25rem}}@media screen and (min-width: 62em){.dialog__wrapper.dialog__wrapper--md-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--md-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.375rem}}.dialog__wrapper :is(.empty,.individual){display:none}@supports selector(:has(*)){.dialog__wrapper :is(.empty,.individual){display:inline}}.dialog__wrapper:has(input:checked) .empty,.dialog__wrapper:not(:has(input:checked)) .individual,.dialog__wrapper:has(input:checked~input:checked) .individual,.dialog__wrapper:not(:has(input:checked~input:checked)) .multiple{display:none}button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[role=button]{cursor:pointer}button:focus:not(:focus-visible){outline:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 2px;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn);font-size:1.125rem;line-height:1.5rem;padding:calc(var(--btn-padding-block) - var(--btn-border-width)) calc(var(--btn-padding-inline) - var(--btn-border-width));border-radius:1.5rem;margin-bottom:var(--btn-margin);transition:background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #FCFCFC}.btn:not(:last-child){margin-right:var(--btn-margin)}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border);color:var(--colour-btn-secondary)}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}.btn-action{--btn-border-width: 1px;--btn-padding-block: 0.375rem;--btn-padding-inline: 0.375rem;background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted);border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem;color:var(--colour-heading)}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}a:is(:active,.active):not([disabled]) .btn-action,.btn-action:is(:active,.active):not([disabled]){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}.btn[class*=fa-]:before{content:var(--fa);font-family:"Font Awesome 6 Pro";line-height:1em}.btn.btn[class*=fa-after]{padding-right:4rem}.btn.btn[class*=fa-after]:before{margin-right:0;margin-right:0.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}.btn:not(.btn-compact):before{margin-right:1rem}.btn i[class*=fa-]{font-family:"Font Awesome 6 Pro";margin-right:1rem;line-height:1em;font-style:inherit}.btn i[class*=fa-]:not(:first-child){margin-left:1rem;margin-right:0}.btn.btn--prompt:after{content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt:after,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active):after{margin-left:1.5rem;margin-right:-0.5rem}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem}.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem;text-align:center;width:calc(var(--compact-size));min-width:calc(var(--compact-size));max-width:calc(var(--compact-size));height:calc(var(--compact-size)) !important;min-height:calc(var(--compact-size)) !important;max-height:calc(var(--compact-size)) !important;line-height:calc(var(--compact-size) - var(--btn-border-width) - var(--btn-border-width)) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1.25rem}.btn-compact:not(:last-child){margin-right:0.5rem}.btn-compact:before{content:var(--fa);position:absolute;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - var(--btn-border-width) - var(--btn-border-width));font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - var(--btn-border-width) - var(--btn-border-width)) !important}.btn-compact.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}.btn-compact.btn-action{--compact-size: 2rem;font-size:1rem}.btn-compact.btn-action:before{font-size:1em;font-weight:400}.btn-compact.btn-secondary{--colour-btn-border: transparent;border-color:rgba(0,0,0,0)}.btn-compact.btn-secondary:not([class*=colour-]){--colour: var(--colour-light) }.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:rgba(0,0,0,0) !important}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse):is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}.btn-compact[data-number]{position:relative}.btn-compact[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:#fff;letter-spacing:-0.1em;font-family:arial,sans-serif}.btn.colour-success{--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success:before,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active):before{content:"";font-family:"Font Awesome 6 Pro";margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:1.5rem;vertical-align:bottom}.btn:has(select){position:relative;padding-right:3.5rem}.btn:has(select):not(.mw-100){max-width:13rem}.btn:has(select) select{all:unset !important;padding:calc(0.75rem - 2px) calc(2.5rem - 2px) !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding-right:3.5rem !important;margin-right:-3.5rem !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;max-width:100% !important;outline:none;font-weight:bold;font-size:1.125rem !important;line-height:1.5rem !important}.btn:has(select) select option{padding:0;text-align:left;color:var(--colour-primary)}.btn:has(select):after{position:absolute;top:0.625rem;right:2rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}.btn:has(select).active:after{transform:rotate(-90deg)}.btn:has(select:focus):after{transform:rotate(-90deg)}.btn-filter:after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:"Font Awesome 6 Pro"}.btn.btn-tertiary{background-color:rgba(0,0,0,0);border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative}.btn.btn-tertiary:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}.btn.btn-tertiary.text-decoration-none:after{width:0%}.btn.btn-tertiary [class*=fa-]{margin-left:0;margin-right:.5rem}.btn.btn-tertiary [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}.btn.btn-tertiary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled]){color:var(--colour-active)}:host{--card-right-padding: 1rem;--card-icon-right: 1rem}:host(:is(:hover,:focus,.hover):not(.prevent-hover)){--hover-outline-colour-default: var(--colour, var(--colour-primary));outline:2px solid var(--hover-outline-colour, var(--hover-outline-colour-default));outline-offset:-2px}:host(:is(:active,.active):not(.prevent-hover)){--card-icon-right: var(--card-icon-right-overide,0.5rem);outline:none}:host(.prevent-hover){pointer-events:none}:host(.prevent-hover) *{pointer-events:all}:host(.show-icon) .card__body{--card-right-padding: 3.5rem}:host(.show-icon) .card__body:before,:host(.show-icon) .card__body: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%}:host(.show-icon) .card__body:after{background:var(--colour-primary-theme);mask-image:var(--icon, var(--icon-arrow));mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon, var(--icon-arrow));-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}:host(:is(:hover,:focus,.hover):not(.prevent-hover):not([class*=colour-])) .card__body:before{background:var(--hover-icon-bg, var(--colour-primary-theme))}:host(:is(:hover,:focus,.hover):not(.prevent-hover):not([class*=colour-])) .card__body:after{background:var(--hover-icon-colour, #ffffff)}:host(:is(:active,.active):not(.prevent-hover):not([class*=colour-])) .card__body:before{background:var(--hover-icon-bg, var(--colour-primary-theme))}:host(:is(:active,.active):not(.prevent-hover):not([class*=colour-])) .card__body:after{background:var(--hover-icon-colour, #ffffff)}.card__body:has(.card__illustration){align-items:center;display:flex}.card__body:has(.card__illustration) .card__illustration{height:4rem;width:4rem;margin-right:1.5rem;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative}.card__body:has(.card__illustration) .card__illustration img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}:host([class*=colour-]){border-left:0.75rem solid var(--colour, var(--colour-primary))}slot[name=secondary]{display:block;position:absolute;top:.5rem;right:0;margin:.5rem .5rem 0 0;z-index:999}::slotted([slot=secondary]:not(:hover,:focus,:active,.hover)){background:none !important;color:var(--colour-btn) !important}::slotted([slot=checkbox]){position:absolute !important;top:.5rem;right:.5rem;width:2rem;height:2rem;height:2.5rem;overflow:hidden}.dialog__wrapper{position:absolute;right:1rem;bottom:2rem;width:3rem !important;left:auto;z-index:999}.dialog__wrapper>.btn:before{content:"";font-family:"Font Awesome 6 Pro"}.dialog__wrapper>[popover]{display:var(--menu-display, none);position:fixed;top:anchor(top);position-anchor:--anchor-el;left:anchor(right);right:auto;margin:0 0 0 0.25rem;padding:1rem}.dialog__wrapper>[popover]::backdrop{display:none}.dialog__wrapper>[popover]:popover-open{display:block !important}.dialog__wrapper:has([popover]:popover-open)>button{background-color:var(--colour)}.dialog__wrapper>button[popovertarget]{margin:0;anchor-name:--anchor-el}.dialog__wrapper>button[popovertarget]:not(:hover,:focus,:focus-within,:active){background:var(--ellipsis-bg)}::slotted([slot=btns]){border:none !important;margin:0 !important;display:block !important;width:fit-content}::slotted([slot=primary-action]){overflow:hidden;background-color:rgba(0,0,0,0);text-indent:-300%;position:absolute !important;inset:0;margin:0 !important;z-index:99;border:none}:host(:not(.prevent-hover)) ::slotted([slot=primary-action]:is(:hover,:focus,.hover)){--hover-outline-colour-default: var(--colour, var(--colour-primary));outline:2px solid var(--hover-outline-colour, var(--hover-outline-colour-default));outline-offset:-2px;border-radius:var(--card-border-radius) !important}/*# sourceMappingURL=assets/css/components/card.component.css.map */
|
|
199
|
+
|
|
186
200
|
</style>
|
|
187
|
-
|
|
188
|
-
<div class="card ${a}" tabindex="0" part="card">
|
|
189
|
-
${this.createCardConent()}
|
|
190
|
-
</div>
|
|
191
|
-
`,this.shadowRoot.appendChild(i.content.cloneNode(!0)),document.getElementById("cardGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="cardGlobal">iam-card{margin-bottom:1.5rem;display:block}@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:has([type=checkbox]:checked){--hover-outline-colour: var(--colour-info);--outline-colour: var(--colour-info)}iam-card:has([type=checkbox]+label:hover){--hover-outline-colour: transparent;--hover-icon-bg: var(--colour-warning);--hover-icon-colour: var(--colour-primary-theme);--card-icon-right-overide:1rem}iam-card:has([type=checkbox]:active){--hover-outline-colour: transparent;--hover-icon-bg: var(--colour-warning);--hover-icon-colour: var(--colour-primary-theme);--card-icon-right-overide:1rem}iam-card.card--has-icon:not(.card--filter):not(.card--secondary) i{position:absolute;top:calc(50% - .5rem - 2px);left:1rem}iam-card .badge i{position:static !important;margin-right:.25rem}:is(a,button,label) iam-card{margin-bottom:0 !important}[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}a[target=_blank] iam-card::part(card){--icon: var(--icon-new-tab)}/*# sourceMappingURL=assets/css/components/card.global.css.map */
|
|
192
|
-
</style>`)}createCardConent(){return`${this.hasAttribute("data-image")||this.hasAttribute("data-record")?`<div class="card__head" part="head">${this.hasAttribute("data-image")?`<img src="${this.getAttribute("data-image")}" alt="" loading="lazy" />`:""} <div class="card__badges"><slot name="badges"></slot></div></div>`:""}
|
|
193
|
-
<div class="card__body" part="body">
|
|
194
|
-
${!this.hasAttribute("data-image")&&this.querySelector('[slot="badges"]')&&this.querySelector('[slot="checkbox"]')?'<div class="card__badges card__badges--inline"><slot name="badges"></slot></div>':""}
|
|
195
|
-
${!this.hasAttribute("data-image")&&!this.hasAttribute("data-record")&&this.querySelector('[slot="badges"]')?'<div class="card__badges"><slot name="badges"></slot></div>':""}
|
|
196
|
-
${this.hasAttribute("data-illustration")?`<div class="card__illustration"><img src="${this.getAttribute("data-illustration")}" alt="" loading="lazy" /></div>`:""}
|
|
197
|
-
<slot></slot>
|
|
198
|
-
${this.hasAttribute("data-total")?`<div class="card__total">${this.getAttribute("data-total")}</div>`:""}
|
|
199
|
-
</div>
|
|
200
|
-
${this.hasAttribute("data-add-link")?'<button class="btn btn-compact btn-secondary fa-plus">Add property</button>':""}
|
|
201
|
-
<slot name="checkbox"></slot>
|
|
201
|
+
${$o}
|
|
202
202
|
<slot name="primary-action"></slot>
|
|
203
|
-
|
|
204
|
-
<button class="btn btn-secondary btn-compact fa-ellipsis-vertical" popovertarget="actions" title="
|
|
205
|
-
<
|
|
206
|
-
<slot name="
|
|
207
|
-
</
|
|
208
|
-
</div
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
${this.hasAttribute("data-cta")?`<span class="link d-inline-block pt-0 mb-0">${this.getAttribute("data-cta")}</span>`:""}
|
|
213
|
-
</div>`}connectedCallback(){this.classList.add("loaded");const a=this,t=a.parentNode.closest("a, button, label, router-link"),n=this.shadowRoot.querySelector(".card"),i=this.shadowRoot.querySelector(".btn-compact");this.hasAttribute("data-record")&&this.getAttribute("data-record");const l=this.shadowRoot.querySelector(".dialog__wrapper");let o=a.querySelectorAll('button[slot="actions"],a[slot="actions"]');if(o.length){const s=this.shadowRoot.querySelector(".dialog__wrapper");this.shadowRoot.querySelector(".dialog__wrapper dialog"),s.querySelector("button"),s.classList.remove("d-none"),Array.from(o).forEach((c,d)=>{c.classList.add("btn"),c.classList.add("btn-action")})}else l.remove();if(!t)return!1;if(t&&t.setAttribute("tabindex","-1"),t.matches("label[for]")&&(document.getElementById(t.getAttribute("for")).checked?n.classList.add("checked"):n.classList.remove("checked")),this.addEventListener("click",s=>{let c=new Event("click");n.dispatchEvent(c)}),n.addEventListener("click",s=>{if(t.matches("label[for]")){s.stopPropagation(),s.preventDefault();const c=document.getElementById(t.getAttribute("for")),d=c.getAttribute("name"),m=c.getAttribute("id");Array.from(document.querySelectorAll(`[name="${d}"][type="radio"]:not([id="${m}"])`)).forEach((u,b)=>{document.querySelector(`[for="${u.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),t.click(),c.checked?n.classList.add("checked"):n.classList.remove("checked")}}),this.addEventListener("inactive",s=>{n.classList.remove("checked")}),n.addEventListener("keydown",s=>{switch(s.keyCode){case 32:case 13:if(t.matches("label[for]")){s.stopPropagation(),s.preventDefault();const c=document.getElementById(t.getAttribute("for")),d=c.getAttribute("name"),m=c.getAttribute("id");Array.from(document.querySelectorAll(`[name="${d}"]:not([id="${m}"])`)).forEach((u,b)=>{document.querySelector(`[for="${u.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),t.click(),c.checked?n.classList.add("checked"):n.classList.remove("checked")}else t.click();break}}),i){let s=this.getAttribute("data-add-link");i.addEventListener("click",c=>{c.stopPropagation(),c.preventDefault(),window.location=s})}}static get observedAttributes(){return["data-total","class","data-image"]}attributeChangedCallback(a,t,n){switch(a){case"data-total":{this.shadowRoot.querySelector(".card__total")&&(this.shadowRoot.querySelector(".card__total").innerHTML=n);break}case"class":{if(t!=n){let i=this.classList.toString();this.querySelector('*:not(.badge):not(small):not(.btn):not(button) > [class*="fa-"]:not(.btn)')&&(i+=" card--has-icon"),this.shadowRoot.querySelector(".card").setAttribute("class",`card ${i}`),this.shadowRoot.querySelector(".card").innerHTML=this.createCardConent()}break}case"data-image":{t!=n&&(this.shadowRoot.querySelector(".card").innerHTML=this.createCardConent());break}}}}},Symbol.toStringTag,{value:"Module"}));/*!
|
|
214
|
-
* iamKey v6.0.0
|
|
215
|
-
* Copyright 2022-2024 iamproperty
|
|
216
|
-
*/function Bo(e,a){var t;let n=e.querySelector(".carousel__inner"),i=e.querySelector(".carousel__controls"),l=a.querySelectorAll(":scope > .col").length;n.addEventListener("scroll",function(o){clearTimeout(t),t=setTimeout(function(){let s=n.clientWidth,c=n.scrollWidth,d=n.scrollLeft,m=Math.round(d/c*l)+1,u=a.querySelector(":scope > .col").scrollWidth,b=a.querySelector(":scope > .col:last-child").offsetLeft,p=n.scrollLeft+s+n.getBoundingClientRect().left>=b+60,h=Math.round(s/u);Math.ceil(l/h)*h-l>0&&p&&(m=Math.floor(l/h)*h+1),Array.from(e.querySelectorAll(".carousel__controls button")).forEach((g,f)=>{g.removeAttribute("aria-current")}),e.querySelector(".control-"+m).setAttribute("aria-current",!0),m==1?e.querySelector(".btn-prev").setAttribute("disabled","disabled"):e.querySelector(".btn-prev").removeAttribute("disabled"),m>l-h?e.querySelector(".btn-next").setAttribute("disabled","disabled"):e.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,m)=>{d.removeAttribute("aria-current")}),s.setAttribute("aria-current",!0);const c=a.querySelector(`:scope > *:nth-child(${s.getAttribute("data-slide")})`);n.scroll({top:0,left:c.offsetLeft-n.getBoundingClientRect().left,behavior:"smooth"});break}},!1),e.addEventListener("click",function(o){let s=n.clientWidth;n.scrollWidth;let c=a.querySelector(":scope > .col").scrollWidth,d=Math.round(s/c),m=a.querySelector(":scope > .col:last-child").offsetLeft,u=n.scrollLeft+s+n.getBoundingClientRect().left>=m+60,b=Math.ceil(l/d)*d-l,p=d-b,h=u&&b>0?p*c:n.clientWidth;for(var g=o.target;g&&g!=this;g=g.parentNode)if(typeof g.matches=="function"&&g.matches(".btn-next, .btn-prev")){o.preventDefault();let f=g.classList.contains("btn-prev")?n.scrollLeft-h:n.scrollLeft+n.clientWidth;n.scroll({top:0,left:f,behavior:"smooth"});break}},!1)}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"carousel"});const No=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const a=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"):`${a}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
203
|
+
`,this.shadowRoot.appendChild(t.content.cloneNode(!0))}connectedCallback(){return To(this,void 0,void 0,function*(){const t=this;t.shadowRoot.querySelector(".card__head");const e=t.shadowRoot.querySelector(".card__body");if(t.shadowRoot.querySelector(".dialog__wrapper"),t.shadowRoot.querySelector(".dialog__wrapper button"),Co(t),t.hasAttribute("data-illustration")&&e.insertAdjacentHTML("afterbegin",`<div class="card__illustration"><img src="${this.getAttribute("data-illustration")}" alt="" loading="lazy" /></div>`),!t.querySelector('[slot="btns"]')&&!t.querySelector('[slot="secondary"]')&&t.classList.add("show-icon"),t.querySelector('[slot="btns"]')&&(t.shadowRoot.innerHTML+=`<div class="dialog__wrapper">
|
|
204
|
+
<button class="btn btn-secondary btn-compact fa-ellipsis-vertical" popovertarget="actions" title="Further actions" type="button">Open further actions</button>
|
|
205
|
+
<div class="dialog--fix dialog--list" id="actions" popover>
|
|
206
|
+
<slot name="btns"></slot>
|
|
207
|
+
</div>
|
|
208
|
+
</div>`),Array.from(t.querySelectorAll('[slot="btns"]')).forEach((o,l)=>{o.classList.add("btn"),o.classList.add("btn-action")}),t.querySelector('[slot="checkbox"],[slot="secondary"]')){const o=t.querySelector('[slot="checkbox"],[slot="secondary"]');o.addEventListener("mouseenter",l=>{t.classList.add("prevent-hover")}),o.addEventListener("mouseleave",l=>{t.classList.remove("prevent-hover")})}if(t.shadowRoot.querySelector(".dialog__wrapper")){const o=t.shadowRoot.querySelector(".dialog__wrapper");o.addEventListener("mouseenter",l=>{t.classList.add("prevent-hover")}),o.addEventListener("mouseleave",l=>{t.classList.remove("prevent-hover")})}const n=t.querySelector('input[type="checkbox"]');n&&n.addEventListener("change",o=>{if(n.checked){const l=new CustomEvent("select-card",{detail:{"Card value":n.value,"input name":n.getAttribute("name")}});t.dispatchEvent(l)}else{const l=new CustomEvent("unselect-card",{detail:{"Card value":n.value,"input name":n.getAttribute("name")}});t.dispatchEvent(l)}});const i=t.querySelector('[slot="secondary"]');i&&i.addEventListener("click",o=>{const l=new CustomEvent("secondary-button-clicked",{detail:{Title:i.getAttribute("title")}});t.dispatchEvent(l)});const s=t.querySelectorAll('[slot="btns"]');Array.from(s).forEach((o,l)=>{o.addEventListener("click",d=>{const c=new CustomEvent("action-button-clicked",{detail:{Title:o.getAttribute("title")}});t.dispatchEvent(c)})}),qo(t,"iam-card",["select-card","unselect-card","secondary-button-clicked","action-button-clicked"])})}static get observedAttributes(){return["data-image"]}attributeChangedCallback(t,e,n){switch(t){case"data-total":{this.shadowRoot.querySelector(".card__total")&&(this.shadowRoot.querySelector(".card__total").innerHTML=n);break}case"data-image":{if(e!=n){const i=this.shadowRoot.querySelector(".card__head img");i&&i.setAttribute("src",n)}break}}}}const zo=Object.freeze(Object.defineProperty({__proto__:null,default:Mo},Symbol.toStringTag,{value:"Module"}));/*!
|
|
209
|
+
* iamKey v6.1.0--beta2
|
|
210
|
+
* Copyright 2022-2025 iamproperty
|
|
211
|
+
*/const Ho=function(a){let t=[];return Array.from(a.querySelectorAll(":scope > div")).forEach((e,n)=>{e.hasAttribute("data-thumbnail")&&(t[n]=e.getAttribute("data-thumbnail"))}),t},Bo=function(a,t){let e=a.querySelectorAll(":scope > div").length,n="";for(let i=1;i<=e;i++){let s=null,o="";t.length&&t[i-1]?(o="has-thumbnail",s=`<img src="${t[i-1]}" alt="Slide ${i}" height="148"/>`):s=`Slide ${i}`,n+=`<button class="control-${i} ${o}" data-slide="${i}" ${i==1?"aria-current":""}>${s}</button>`}return n},D=function(a,t){return t==1?a:Math.ceil(a/t)*t-t+1},V=function(a,t){return(a-1)/(t-1)*100},Ro=function(a){var t;const e=a.shadowRoot.querySelector(".carousel");let n=e.querySelector(".carousel__inner"),i=e.querySelector(".carousel__controls"),s=e.querySelector('.carousel__progress [type="range"]'),o=a.querySelectorAll(":scope > div").length,l=n.clientWidth,d=a.querySelector(":scope > div").scrollWidth,c=Math.round(l/d);s.setAttribute("min",1),s.setAttribute("step",c);let m=D(o,c);s.setAttribute("max",m),s.value=1;let u=V(1,m);s.style.setProperty("--percent",u+"%");let g,p="mouseup",h="mousedown";"ontouchstart"in document.documentElement&&(p="touchend",h="touchstart"),n.addEventListener("scroll",function(f){clearTimeout(t),t=setTimeout(function(){let b=n.clientWidth,v=n.scrollWidth,_=n.scrollLeft,y=Math.round(_/v*o)+1,E=a.querySelector(":scope > div").scrollWidth,k=a.querySelector(":scope > div:last-child").offsetLeft,A=n.scrollLeft+b+n.getBoundingClientRect().left>=k+60,w=Math.round(b/E),L=Math.ceil(o/w)*w-o;s.setAttribute("step",w),L>0&&A&&(y=Math.floor(o/w)*w+1),Array.from(e.querySelectorAll(".carousel__controls button")).forEach((q,$)=>{q.removeAttribute("aria-current")}),e.querySelector(".control-"+y).setAttribute("aria-current",!0),y==1?e.querySelector(".btn-prev").setAttribute("disabled","disabled"):e.querySelector(".btn-prev").removeAttribute("disabled"),y>o-w?e.querySelector(".btn-next").setAttribute("disabled","disabled"):e.querySelector(".btn-next").removeAttribute("disabled"),s.value=y,m=D(o,w),s.setAttribute("max",m),u=y/m*100,u=V(y,m),s.style.setProperty("--percent",u+"%")},100)},!1),i.addEventListener("click",function(f){for(var b=f.target;b&&b!=this;b=b.parentNode)if(typeof b.matches=="function"&&b.matches("button")){f.preventDefault(),Array.from(i.querySelectorAll("button")).forEach((y,E)=>{y.removeAttribute("aria-current")}),b.setAttribute("aria-current",!0);const v=new CustomEvent("pip-clicked",{detail:{slide:b.getAttribute("data-slide")}});a.dispatchEvent(v);const _=a.querySelector(`:scope > *:nth-child(${b.getAttribute("data-slide")})`);n.scroll({top:0,left:_.offsetLeft-n.getBoundingClientRect().left,behavior:"smooth"});break}},!1),e.addEventListener("click",function(f){let b=n.clientWidth;n.scrollWidth;let v=a.querySelector(":scope > div").scrollWidth,_=Math.round(b/v),y=a.querySelector(":scope > div:last-child").offsetLeft,E=n.scrollLeft+b+n.getBoundingClientRect().left>=y+60,k=Math.ceil(o/_)*_-o,A=_-k,w=E&&k>0?A*v:n.clientWidth;for(var L=f.target;L&&L!=this;L=L.parentNode)if(typeof L.matches=="function"&&L.matches(".btn-next, .btn-prev")){let q=L.matches(".btn-next")?"next":"prev";const $=new CustomEvent(`${q}-clicked`,{detail:{slide:L.getAttribute("data-go")}});a.dispatchEvent($),f.preventDefault();let T=L.classList.contains("btn-prev")?n.scrollLeft-w:n.scrollLeft+n.clientWidth;n.scroll({top:0,left:T,behavior:"smooth"});break}},!1),s.addEventListener(h,function(f){clearInterval(g),g=setInterval(function(){l=n.clientWidth,d=a.querySelector(":scope > div").scrollWidth,c=Math.round(l/d),s.setAttribute("step",c),m=D(o,c),s.setAttribute("max",m),u=V(s.value,m),s.style.setProperty("--percent",u+"%")},10)}),s.addEventListener(p,function(f){clearInterval(g)}),s.addEventListener("change",function(f){clearInterval(g);let b=a.querySelector(`:scope > *:nth-child(${s.value})`);n.scroll({top:0,left:b?b.offsetLeft-n.getBoundingClientRect().left:0,behavior:"smooth"}),b.matches(".btn-next");const v=new CustomEvent("slider-changed",{detail:{slide:s.value}});a.dispatchEvent(v)},!1)},No=a=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:a})},jo=(a,t,e)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),e.forEach(n=>{a.addEventListener(n,function(i){let s={event:n,element:t,target:i.target};Object.keys(i.detail).forEach(o=>{const l=i.detail[o];s[o]=l}),window.dataLayer.push(s)})}),!0);No("iam-carousel");class Fo extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const t=document.createElement("template");t.innerHTML=`
|
|
217
212
|
<style>
|
|
218
|
-
@import "${t}";
|
|
219
|
-
.carousel .carousel__wrapper{position:relative}.carousel .carousel__inner{--gutter-x: 1rem;overflow:auto;scroll-snap-type:x mandatory}.carousel .col>*:last-child{margin-bottom:0;padding-bottom:0}.carousel__inner{scrollbar-width:none;-ms-overflow-style:none}.carousel__inner::-webkit-scrollbar{display:none}.btn-next,.btn-prev{--marker-bg: var(--colour-secondary);text-indent:100%;white-space:nowrap;overflow:hidden;background:var(--marker-bg);border-radius:100%;width:2.25rem;max-width:2.25rem;height:2.25rem;text-indent:-300rem;overflow:hidden;border:none;position:relative;margin:0 0.5rem;padding:0;position:absolute;top:50%;left:0rem;transform:translate(0, -50%)}.btn-next:disabled,.btn-prev:disabled{opacity:.8;pointer-events:none}.btn-next:after,.btn-prev:after{content:"";position:absolute;right:0;top:0;height:100%;width:100%;background:currentColor;mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 60%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:55% 50%;transform:rotate(0deg)}.btn-next:hover,.btn-next:focus,.btn-prev:hover,.btn-prev:focus{background:var(--colour-warning);color:var(--colour-hover);border-radius:100%}.btn-next:active,.btn-prev:active{border-radius:100%}.btn-next{left:auto;right:0}@media screen and (min-width: 62em){.btn-next{margin-right:-3rem}}@media screen and (min-width: 62em){.btn-prev{margin-left:-3rem}}.btn-prev:after{transform:rotate(180deg)}.carousel .carousel__controls{overflow:hidden;margin-inline:auto}.carousel .carousel__controls:not(.thumbnails){text-align:center;max-width:30rem}.carousel .carousel__controls.thumbnails{margin-block-start:2rem}@media screen and (min-width: 36em){.carousel .carousel__controls{width:100%}}.carousel .carousel__controls button{padding:0;margin:0 .2rem .2rem;border:3px solid var(--colour-canvas);border-radius:4px}.carousel .carousel__controls button.has-thumbnail{height:4.625rem}.carousel .carousel__controls button.has-thumbnail img{height:100%;width:auto}.carousel .carousel__controls button:not(.has-thumbnail){width:1rem;height:1rem;min-height:1rem;border-radius:50%;text-indent:-50rem;overflow:hidden;background:var(--colour-primary-theme);margin:0 .5rem .5rem .5rem;border:none}.carousel .carousel__controls button:not(.has-thumbnail):before{display:none}.carousel .carousel__controls button:first-child:last-child{display:none}.carousel__controls>button[aria-current]{--colour-active-thumbnail: var(--colour-info);border-color:var(--colour-active-thumbnail)}.carousel__controls>button[aria-current]:not(.has-thumbnail){background:var(--colour-success)}.carousel.hide-btns .carousel__wrapper>.btn{display:none}.carousel.hide-controls .carousel__controls{display:none}@media screen and (min-width: 36em){[data-row-class*=cols-sm-2] .carousel__controls>button:not(:nth-child(odd)),[data-row-class*=cols-sm-3] .carousel__controls>button:not(:nth-child(3n+1)),[data-row-class*=cols-sm-4] .carousel__controls>button:not(:nth-child(4n+1)),[data-row-class*=cols-sm-5] .carousel__controls>button:not(:nth-child(5n+1)),[data-row-class*=cols-sm-6] .carousel__controls>button:not(:nth-child(6n+1)){display:none}[data-row-class*=cols-sm-2] .carousel__controls:has(button:first-child:nth-last-child(2)),[data-row-class*=cols-sm-3] .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3))),[data-row-class*=cols-sm-4] .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4))),[data-row-class*=cols-sm-5] .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4),button:first-child:nth-last-child(5))),[data-row-class*=cols-sm-6] .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4),button:first-child:nth-last-child(5),button:first-child:nth-last-child(6))),[data-row-class*=cols-sm-2] .carousel__controls:has(button:first-child:nth-last-child(2))~.btn,[data-row-class*=cols-sm-3] .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3)))~.btn,[data-row-class*=cols-sm-4] .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4)))~.btn,[data-row-class*=cols-sm-5] .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4),button:first-child:nth-last-child(5)))~.btn,[data-row-class*=cols-sm-6] .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4),button:first-child:nth-last-child(5),button:first-child:nth-last-child(6)))~.btn{display:none}}@media screen and (min-width: 62em){.carousel__controls>button{display:inline-block !important}[data-row-class*=cols-md-2] .carousel__controls>button:not(:nth-child(odd)),[data-row-class*=cols-md-3] .carousel__controls>button:not(:nth-child(3n+1)),[data-row-class*=cols-md-4] .carousel__controls>button:not(:nth-child(4n+1)),[data-row-class*=cols-md-5] .carousel__controls>button:not(:nth-child(5n+1)),[data-row-class*=cols-md-6] .carousel__controls>button:not(:nth-child(6n+1)){display:none !important}[data-row-class*=cols-md-2] .carousel__controls:has(button:first-child:nth-last-child(2)),[data-row-class*=cols-md-3] .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3))),[data-row-class*=cols-md-4] .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4))),[data-row-class*=cols-md-5] .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4),button:first-child:nth-last-child(5))),[data-row-class*=cols-md-6] .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4),button:first-child:nth-last-child(5),button:first-child:nth-last-child(6))),[data-row-class*=cols-md-2] .carousel__controls:has(button:first-child:nth-last-child(2))~.btn,[data-row-class*=cols-md-3] .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3)))~.btn,[data-row-class*=cols-md-4] .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4)))~.btn,[data-row-class*=cols-md-5] .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4),button:first-child:nth-last-child(5)))~.btn,[data-row-class*=cols-md-6] .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4),button:first-child:nth-last-child(5),button:first-child:nth-last-child(6)))~.btn{display:none}}/*# sourceMappingURL=assets/css/components/carousel.css.map */
|
|
213
|
+
button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[role=button]{cursor:pointer}button:focus:not(:focus-visible){outline:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 2px;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn);font-size:1.125rem;line-height:1.5rem;padding:calc(var(--btn-padding-block) - var(--btn-border-width)) calc(var(--btn-padding-inline) - var(--btn-border-width));border-radius:1.5rem;margin-bottom:var(--btn-margin);transition:background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #FCFCFC}.btn:not(:last-child){margin-right:var(--btn-margin)}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border);color:var(--colour-btn-secondary)}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}.btn-action{--btn-border-width: 1px;--btn-padding-block: 0.375rem;--btn-padding-inline: 0.375rem;background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted);border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem;color:var(--colour-heading)}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}a:is(:active,.active):not([disabled]) .btn-action,.btn-action:is(:active,.active):not([disabled]){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}.btn[class*=fa-]:before{content:var(--fa);font-family:"Font Awesome 6 Pro";line-height:1em}.btn.btn[class*=fa-after]{padding-right:4rem}.btn.btn[class*=fa-after]:before{margin-right:0;margin-right:0.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}.btn:not(.btn-compact):before{margin-right:1rem}.btn i[class*=fa-]{font-family:"Font Awesome 6 Pro";margin-right:1rem;line-height:1em;font-style:inherit}.btn i[class*=fa-]:not(:first-child){margin-left:1rem;margin-right:0}.btn.btn--prompt:after{content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt:after,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active):after{margin-left:1.5rem;margin-right:-0.5rem}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem}.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem;text-align:center;width:calc(var(--compact-size));min-width:calc(var(--compact-size));max-width:calc(var(--compact-size));height:calc(var(--compact-size)) !important;min-height:calc(var(--compact-size)) !important;max-height:calc(var(--compact-size)) !important;line-height:calc(var(--compact-size) - var(--btn-border-width) - var(--btn-border-width)) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1.25rem}.btn-compact:not(:last-child){margin-right:0.5rem}.btn-compact:before{content:var(--fa);position:absolute;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - var(--btn-border-width) - var(--btn-border-width));font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - var(--btn-border-width) - var(--btn-border-width)) !important}.btn-compact.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}.btn-compact.btn-action{--compact-size: 2rem;font-size:1rem}.btn-compact.btn-action:before{font-size:1em;font-weight:400}.btn-compact.btn-secondary{--colour-btn-border: transparent;border-color:rgba(0,0,0,0)}.btn-compact.btn-secondary:not([class*=colour-]){--colour: var(--colour-light) }.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:rgba(0,0,0,0) !important}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse):is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}.btn-compact[data-number]{position:relative}.btn-compact[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:#fff;letter-spacing:-0.1em;font-family:arial,sans-serif}.btn.colour-success{--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success:before,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active):before{content:"";font-family:"Font Awesome 6 Pro";margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:1.5rem;vertical-align:bottom}.btn:has(select){position:relative;padding-right:3.5rem}.btn:has(select):not(.mw-100){max-width:13rem}.btn:has(select) select{all:unset !important;padding:calc(0.75rem - 2px) calc(2.5rem - 2px) !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding-right:3.5rem !important;margin-right:-3.5rem !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;max-width:100% !important;outline:none;font-weight:bold;font-size:1.125rem !important;line-height:1.5rem !important}.btn:has(select) select option{padding:0;text-align:left;color:var(--colour-primary)}.btn:has(select):after{position:absolute;top:0.625rem;right:2rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}.btn:has(select).active:after{transform:rotate(-90deg)}.btn:has(select:focus):after{transform:rotate(-90deg)}.btn-filter:after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:"Font Awesome 6 Pro"}.btn.btn-tertiary{background-color:rgba(0,0,0,0);border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative}.btn.btn-tertiary:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}.btn.btn-tertiary.text-decoration-none:after{width:0%}.btn.btn-tertiary [class*=fa-]{margin-left:0;margin-right:.5rem}.btn.btn-tertiary [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}.btn.btn-tertiary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled]){color:var(--colour-active)}*,*::before,*::after{box-sizing:border-box}:host{display:block;overflow:visible;container-type:inline-size}.carousel{margin-inline:calc(var(--carousel-spacing, 1.5rem)*-1);margin-bottom:2rem;display:block;overflow:visible}.carousel .carousel__wrapper{position:relative;overflow-x:clip}.carousel .carousel__inner{--gutter-x: 1rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.carousel .carousel__content{display:flex;flex-wrap:nowrap !important;margin-inline-end:0;padding-inline-start:var(--carousel-spacing, 1.5rem);padding-inline-end:var(--carousel-spacing, 1.5rem);margin-right:calc(-0.5*var(--gutter-x));margin-left:calc(-0.5*var(--gutter-x))}.carousel .col>*:last-child{margin-bottom:0;padding-bottom:0}::slotted(div){scroll-snap-align:start;scroll-margin-left:calc(var(--carousel-spacing, 1.5rem) - .5rem);flex-shrink:0;width:calc(100% + var(--last-item-extra, 0px));padding-right:.5rem;padding-left:.5rem;margin-top:var(--gutter-y)}::slotted(div:last-child){padding-inline-end:1.5rem;--last-item-extra: 1rem}@container (min-width: 36em){.carousel{margin-inline:calc(var(--carousel-spacing, 2.5rem)*-1)}.carousel .carousel__content{padding-inline-start:var(--carousel-spacing, 2.5rem);padding-inline-end:var(--carousel-spacing, 2.5rem)}:host([data-smcols]) ::slotted(div){scroll-snap-align:unset;flex:0 0 auto}:host([data-smcols="2"]) ::slotted(div){width:calc(50% + var(--last-item-extra, 0px))}:host([data-smcols="3"]) ::slotted(div){width:calc(33.3333333333% + var(--last-item-extra, 0px))}:host([data-smcols="4"]) ::slotted(div){width:calc(25% + var(--last-item-extra, 0px))}:host([data-smcols="2"]) ::slotted(div:nth-child(odd)),:host([data-smcols="3"]) ::slotted(div:nth-child(3n+1)),:host([data-smcols="4"]) ::slotted(div:nth-child(4n+1)){scroll-snap-align:start}::slotted(div){scroll-margin-left:calc(var(--carousel-spacing, 2.5rem) - .5rem)}::slotted(div:last-child){padding-inline-end:2.5rem;--last-item-extra: 2rem}}@container (min-width: 62em){.carousel{margin-inline:0;position:relative}.carousel__wrapper{overflow:hidden;margin-inline:-0.5rem}.carousel__content{padding-inline:0 !important;margin-inline:0 !important}::slotted(div){margin-left:0;scroll-margin-left:0}::slotted(div:last-child){padding-inline-end:.5rem;--last-item-extra: 0px}:host([data-mdcols]) ::slotted(div){scroll-snap-align:unset;flex:0 0 auto}:host([data-mdcols="2"]) ::slotted(div){width:calc(50% + var(--last-item-extra, 0px))}:host([data-mdcols="3"]) ::slotted(div){width:calc(33.3333333333% + var(--last-item-extra, 0px))}:host([data-mdcols="4"]) ::slotted(div){width:calc(25% + var(--last-item-extra, 0px))}:host([data-mdcols="5"]) ::slotted(div){width:calc(20% + var(--last-item-extra, 0px))}:host([data-mdcols="6"]) ::slotted(div){width:calc(16.6666666667% + var(--last-item-extra, 0px))}:host([data-mdcols="2"]) ::slotted(div:nth-child(odd)),:host([data-mdcols="3"]) ::slotted(div:nth-child(3n+1)),:host([data-mdcols="4"]) ::slotted(div:nth-child(4n+1)),:host([data-mdcols="5"]) ::slotted(div:nth-child(5n+1)),:host([data-mdcols="6"]) ::slotted(div:nth-child(6n+1)){scroll-snap-align:start}}.carousel__inner{scrollbar-width:none;-ms-overflow-style:none}.carousel__inner::-webkit-scrollbar{display:none}.carousel__btns{text-align:center;padding-bottom:.5rem}.btn-next,.btn-prev{margin:0 !important}.btn-next:after,.btn-prev:after{content:"";position:absolute;right:0;top:0;height:100%;width:100%;background:currentColor;mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 60%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:55% 50%;transform:rotate(0deg)}.btn-prev:after{transform:rotate(180deg)}@container (min-width: 62em){.carousel__btns{padding-bottom:0}.btn-prev{position:absolute;top:50%;left:0;margin:-2rem 0 0 -3rem !important}.btn-next{position:absolute;top:50%;right:0;margin:-2rem -3rem 0 0 !important}}.carousel .carousel__controls{overflow:hidden;margin-inline:auto;margin-bottom:1rem;text-align:center;max-width:30rem}@container (min-width: 36em){.carousel .carousel__controls{width:100%}}.carousel .carousel__controls button{padding:0;margin:0 .2rem .2rem;border:none}.carousel .carousel__controls button{width:0.5rem;height:0.5rem;min-height:0.5rem;border-radius:50%;text-indent:-50rem;overflow:hidden;background:#a5ecfd;margin-inline:0.375rem;cursor:pointer;border:none}.carousel .carousel__controls button:hover{background-color:var(--colour-info)}.carousel .carousel__controls button:before{display:none}.carousel .carousel__controls button:first-child:last-child{display:none}.carousel__controls>button[aria-current]{--colour-active-thumbnail: var(--colour-info);border-color:var(--colour-active-thumbnail);background:var(--colour-info);width:1rem;height:1rem;min-height:1rem;margin-inline:0.125rem}.carousel__controls>button[aria-current]:hover{background:var(--colour-info)}.carousel__progress{text-align:center;margin-bottom:1rem;display:none}input[type=range]{--track-size: 0.5rem;--track-colour: #A5ECFD;--thumb-colour: var(--colour-info);--thumb-size: 1rem;--thumb-size-outline: 0rem;width:90%;max-width:10.75rem;background:rgba(0,0,0,0);cursor:pointer;margin:0;height:1rem;border-radius:50%;accent-color:var(--thumb-colour);-webkit-appearance:none;appearance:none}input[type=range]::-webkit-slider-runnable-track{background:var(--track-colour);height:var(--track-size);border-radius:0.5625rem}input[type=range]::-moz-range-track{background:var(--track-colour);height:var(--track-size);border-radius:0.5625rem}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--track-colour), var(--track-colour) var(--start-percent, 0%), var(--thumb-colour) var(--start-percent, 0%), var(--thumb-colour) calc(var(--percent, 0%)), var(--track-colour) calc(var(--percent, 0%)))}input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--track-colour), var(--track-colour) var(--start-percent, 0%), var(--thumb-colour) var(--start-percent, 0%), var(--thumb-colour) calc(var(--percent, 0%)), var(--track-colour) calc(var(--percent, 0%)))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-0.25rem;background-color:var(--thumb-colour);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:relative;z-index:99;pointer-events:all}input[type=range]::-moz-range-thumb{border:none;background-color:var(--thumb-colour);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:relative;z-index:99;pointer-events:all}input[type=range]:focus{outline:none}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus::-webkit-slider-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}input[type=range]:active::-webkit-slider-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}input[type=range]:hover::-moz-range-thumb,input[type=range]:focus::-moz-range-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}input[type=range]:focus::-moz-range-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}.carousel__btns:has(~.carousel__controls button:first-child:nth-child(1):last-child){display:none}.carousel__controls:has(button:nth-child(5)){display:none}.carousel__controls:has(button:nth-child(5))~.carousel__progress{display:block}@container (min-width: 36em){:host([data-smcols="2"]) .carousel__controls>button:not(:nth-child(odd)),:host([data-smcols="3"]) .carousel__controls>button:not(:nth-child(3n+1)),:host([data-smcols="4"]) .carousel__controls>button:not(:nth-child(4n+1)){display:none}:host([data-smcols="2"]) .carousel__controls:has(button:first-child:nth-last-child(2)),:host([data-smcols="3"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3))),:host([data-smcols="4"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4))),:host([data-smcols="2"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-smcols="3"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-smcols="3"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-smcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-smcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-smcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(4)){display:none}:host([data-smcols]) .carousel__controls{display:block}:host([data-smcols]) .carousel__controls~.carousel__progress{display:none}:host([data-smcols="2"]) .carousel__controls:has(button:nth-child(10)),:host([data-smcols="3"]) .carousel__controls:has(button:nth-child(15)),:host([data-smcols="4"]) .carousel__controls:has(button:nth-child(20)){display:none}:host([data-smcols="2"]) .carousel__controls:has(button:nth-child(10))~.carousel__progress,:host([data-smcols="3"]) .carousel__controls:has(button:nth-child(15))~.carousel__progress,:host([data-smcols="4"]) .carousel__controls:has(button:nth-child(20))~.carousel__progress{display:block}}@container (min-width: 62em){:host([data-mdcols]) .carousel__controls>button{display:inline-block !important}:host([data-mdcols]) .carousel__controls{display:block !important}:host([data-mdcols="2"]) .carousel__controls>button:not(:nth-child(odd)),:host([data-mdcols="3"]) .carousel__controls>button:not(:nth-child(3n+1)),:host([data-mdcols="4"]) .carousel__controls>button:not(:nth-child(4n+1)),:host([data-mdcols="5"]) .carousel__controls>button:not(:nth-child(5n+1)),:host([data-mdcols="6"]) .carousel__controls>button:not(:nth-child(6n+1)){display:none !important}:host([data-mdcols="2"]) .carousel__controls:has(button:first-child:nth-last-child(2)),:host([data-mdcols="3"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3))),:host([data-mdcols="4"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4))),:host([data-mdcols="5"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4),button:first-child:nth-last-child(5))),:host([data-mdcols="6"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4),button:first-child:nth-last-child(5),button:first-child:nth-last-child(6))),:host([data-mdcols="2"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="3"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="3"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-mdcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-mdcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(4)) :host([data-mdcols="5"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="5"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-mdcols="5"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(4)),:host([data-mdcols="5"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(5)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(4)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(5)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(6)){display:none !important}:host([data-mdcols]) .carousel__controls{display:block !important}:host([data-mdcols]) .carousel__controls~.carousel__progress{display:none !important}:host([data-mdcols="2"]) .carousel__controls:has(button:nth-child(10)),:host([data-mdcols="3"]) .carousel__controls:has(button:nth-child(15)),:host([data-mdcols="4"]) .carousel__controls:has(button:nth-child(20)),:host([data-mdcols="5"]) .carousel__controls:has(button:nth-child(25)),:host([data-mdcols="6"]) .carousel__controls:has(button:nth-child(30)){display:none !important}:host([data-mdcols="2"]) .carousel__controls:has(button:nth-child(10))~.carousel__progress,:host([data-mdcols="3"]) .carousel__controls:has(button:nth-child(15))~.carousel__progress,:host([data-mdcols="4"]) .carousel__controls:has(button:nth-child(20))~.carousel__progress,:host([data-mdcols="5"]) .carousel__controls:has(button:nth-child(25))~.carousel__progress,:host([data-mdcols="6"]) .carousel__controls:has(button:nth-child(30))~.carousel__progress{display:block !important}}:host(.thumbnails) .carousel__controls{display:flex !important;flex-wrap:wrap;max-width:100%;overflow:visible}:host(.thumbnails) .carousel__controls button{padding:0;margin:0 .2rem .4rem;width:6rem;height:auto;aspect-ratio:var(--carousel-image-aspect-ratio, 3/2);border-radius:0;position:relative;border-radius:0.25rem}:host(.thumbnails) .carousel__controls button img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;margin:0}:host(.thumbnails) .carousel__controls button[aria-current]{outline:2px solid var(--colour-info)}:host(.thumbnails) .carousel .carousel__btns{padding-bottom:.5rem}:host(.thumbnails) .carousel .btn-next,:host(.thumbnails) .carousel .btn-prev{position:relative;margin:0 !important}:host(.thumbnails) .carousel .carousel__progress{display:none !important}::slotted(div.image__wrapper){width:100%;aspect-ratio:var(--carousel-image-aspect-ratio, 3/2);position:relative}/*# sourceMappingURL=assets/css/components/carousel.component.css.map */
|
|
220
214
|
|
|
221
215
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
222
216
|
</style>
|
|
223
|
-
<div class="carousel"
|
|
217
|
+
<div class="carousel" part="carousel">
|
|
224
218
|
<div class="carousel__wrapper">
|
|
225
219
|
<div class="carousel__inner">
|
|
226
|
-
|
|
227
|
-
|
|
220
|
+
<div class="carousel__content" part="content">
|
|
221
|
+
<slot></slot>
|
|
222
|
+
</div>
|
|
228
223
|
</div>
|
|
229
224
|
|
|
225
|
+
</div>
|
|
226
|
+
<div class="carousel__btns" part="btns">
|
|
227
|
+
<button class="btn btn-secondary btn-compact fa-plus-large btn-prev" data-go="0" disabled part="prev">Prev</button>
|
|
228
|
+
<button class="btn btn-secondary btn-compact fa-plus-large btn-next" data-go="2" part="next">Next</button>
|
|
229
|
+
</div>
|
|
230
|
+
|
|
230
231
|
<div class="carousel__controls" part="controls">
|
|
231
232
|
|
|
232
233
|
</div>
|
|
233
234
|
|
|
234
|
-
<
|
|
235
|
-
|
|
235
|
+
<div class="carousel__progress" part="progress">
|
|
236
|
+
<input type="range" min="0" max="100" value="1" step="1">
|
|
237
|
+
</div>
|
|
236
238
|
|
|
237
|
-
</div>
|
|
238
239
|
</div>
|
|
239
|
-
`,this.shadowRoot.appendChild(
|
|
240
|
-
* iamKey v6.
|
|
241
|
-
* Copyright 2022-
|
|
242
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class
|
|
240
|
+
`,this.shadowRoot.appendChild(t.content.cloneNode(!0))}connectedCallback(){const t=this;this.shadowRoot.querySelector(".carousel"),this.shadowRoot.querySelector(".row");let e=[];const n=this.shadowRoot.querySelector(".carousel__controls");t.querySelector("[data-thumbnail]")&&(e=Ho(t),t.classList.add("thumbnails")),n.innerHTML=Bo(t,e),Array.from(t.querySelectorAll(":scope > div > img:first-child:last-child, :scope > div > picture:first-child:last-child img")).forEach((i,s)=>{i.style.inset="0 0.5rem 0 0.5rem",i.style.position="absolute",i.style.width="calc(100% - 1rem)",i.style.height="100%",i.style["object-fit"]="cover",i.closest("div").classList.add("image__wrapper")}),Ro(t),jo(t,"iam-carousel",["pip-clicked","next-clicked","prev-clicked","slider-changed"])}attributeChangedCallback(t,e,n){}}const Do=Object.freeze(Object.defineProperty({__proto__:null,default:Fo},Symbol.toStringTag,{value:"Module"}));/*!
|
|
241
|
+
* iamKey v6.1.0--beta2
|
|
242
|
+
* Copyright 2022-2025 iamproperty
|
|
243
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class Vo extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
243
244
|
<style>
|
|
244
|
-
@import "${
|
|
245
|
-
: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%}:host(.header--contain) .header-banner{padding-bottom:2rem}:host(.header--contain) .header-banner>picture{max-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 */
|
|
245
|
+
@import "${e}";
|
|
246
|
+
:host{padding-top:0 !important;margin-bottom:2rem;background-color:rgba(0,0,0,0) !important;display:block !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%}:host(.header--contain) .header-banner{padding-bottom:2rem}:host(.header--contain) .header-banner>picture{max-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 */
|
|
246
247
|
|
|
247
248
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
248
249
|
</style>
|
|
@@ -254,10 +255,10 @@
|
|
|
254
255
|
<slot></slot>
|
|
255
256
|
</div>
|
|
256
257
|
</div>
|
|
257
|
-
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){this.classList.add("bg-primary");const
|
|
258
|
-
* iamKey v6.
|
|
259
|
-
* Copyright 2022-
|
|
260
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"nav"});const
|
|
258
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){this.classList.add("bg-primary");const t=this.shadowRoot.querySelector("picture"),e=this.shadowRoot.querySelector("picture img");this.hasAttribute("image")?e.setAttribute("src",this.getAttribute("image")):t.remove()}}const Po=Object.freeze(Object.defineProperty({__proto__:null,default:Vo},Symbol.toStringTag,{value:"Module"}));/*!
|
|
259
|
+
* iamKey v6.1.0--beta2
|
|
260
|
+
* Copyright 2022-2025 iamproperty
|
|
261
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"nav"});const Oo=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super();const t=this.attachShadow({mode:"open"}),e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",n=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,i=document.createElement("template");i.innerHTML=`
|
|
261
262
|
<style class="styles">
|
|
262
263
|
@import "${n}";
|
|
263
264
|
: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):not(.btn-primary)){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):not(.btn-primary)):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):not(.btn-primary)){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):not(.btn-primary)){font-size:1rem !important;font-weight:normal !important}::slotted(a:not([slot=logo]):not(.btn-compact):not(.btn-primary)):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 */
|
|
@@ -290,8 +291,8 @@
|
|
|
290
291
|
</div>
|
|
291
292
|
</div>
|
|
292
293
|
<div class="backdrop" part="backdrop"></div>
|
|
293
|
-
`,a.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{padding-bottom:0}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 */
|
|
294
|
-
</style>`)}connectedCallback(){this.hasAttribute("data-css")&&this.shadowRoot.querySelector(".doc-styles").insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`);const
|
|
294
|
+
`,t.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{padding-bottom:0}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 */
|
|
295
|
+
</style>`)}connectedCallback(){this.hasAttribute("data-css")&&this.shadowRoot.querySelector(".doc-styles").insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`);const t=this.shadowRoot.querySelector(".btn-menu"),e=this.shadowRoot.querySelector(".menu"),n=this,i=this.shadowRoot.querySelector(".backdrop"),s=this.shadowRoot.querySelector(".buttons-holder");if(this.querySelectorAll(":scope > *").forEach(function(o){switch(o.tagName){case"BUTTON":o.hasAttribute("slot")||(o.setAttribute("slot","actions"),e.classList.add("has-actions"));break}if(o.classList.contains("nav--menu")&&o.hasAttribute("data-title")&&o.hasAttribute("data-icon")){const l=o.getAttribute("data-title"),d=o.getAttribute("data-icon"),c=document.createElement("button");c.setAttribute("slot",l),c.classList.add("btn-menu"),c.setAttribute("part","btn-menu"),c.innerHTML=`<span class="btn btn-primary"><span>${l}</span><i class="${d}"></i><i class="fa-regular fa-xmark-large"></i></span>`,s.insertAdjacentElement("beforeend",c);const m=c.querySelector(".btn-primary");o.setAttribute("slot","menus"),o.classList.contains("open")?(c.setAttribute("aria-expanded",!0),m.classList.toggle("active"),n.classList.add("open"),i.classList.add("show")):o.classList.add("closed"),c.addEventListener("click",function(u){u.preventDefault(),c.toggleAttribute("aria-expanded"),o.classList.toggle("open"),m.classList.toggle("active");let g=n.querySelector(":scope > details[open]");g&&g.removeAttribute("open"),o.classList.contains("open")?(e.classList.remove("open"),t.removeAttribute("aria-expanded"),setTimeout(function(){e.classList.add("closed")},1e3),n.classList.add("open"),i.classList.add("show"),o.classList.remove("closed")):(n.classList.remove("open"),i.classList.remove("show"),setTimeout(function(){o.classList.add("closed")},1e3)),n.querySelectorAll(".nav--menu.open").forEach(function(p){p!=o&&p.classList.remove("open")}),n.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(p){p!=c&&(p.removeAttribute("aria-expanded"),p.querySelector(".btn-primary").classList.remove("active"))})},!1)}}),this.querySelectorAll("details").forEach(function(o){o.classList.add("details--revert")}),this.querySelector('a[slot="secondary"]')&&e.classList.add("has-secondary"),document.documentElement.style.setProperty("--scrollbar-width",window.innerWidth-document.documentElement.offsetWidth+"px"),t.addEventListener("click",function(o){o.preventDefault(),t.toggleAttribute("aria-expanded"),e.classList.toggle("open"),n.querySelectorAll(".nav--menu.open").forEach(function(l){l.classList.remove("open"),setTimeout(function(){l.classList.add("closed")},1e3)}),n.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(l){l.removeAttribute("aria-expanded"),l.querySelector(".btn-primary").classList.remove("active")}),e.classList.contains("open")?(n.classList.add("open"),e.classList.remove("closed")):(n.classList.remove("open"),setTimeout(function(){e.classList.add("closed")},1e3))},!1),this.addEventListener("request-close",o=>{t.removeAttribute("aria-expanded"),e.classList.remove("open"),n.classList.remove("open")}),i.addEventListener("click",o=>{let l=this.querySelector("details[open] summary");l&&l.click(),n.classList.toggle("open"),n.querySelectorAll(".nav--menu.open").forEach(function(d){d.classList.remove("open")}),n.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(d){d.removeAttribute("aria-expanded"),d.querySelector(".btn-primary").classList.remove("active")}),i.classList.remove("show")}),this.addEventListener("click",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("summary")&&window.innerWidth>992&&!o.target.closest(".nav--menu")){let l=o.target.closest("summary").closest("details"),d=l.parentNode;l.hasAttribute("open")?l.removeAttribute("open"):l.setAttribute("open","true"),n.querySelectorAll(".nav--menu.open").forEach(function(c){c.classList.remove("open"),setTimeout(function(){e.classList.add("closed")},1e3)}),n.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(c){c.removeAttribute("aria-expanded"),c.querySelector(".btn-primary").classList.remove("active")}),Array.from(d.querySelectorAll(":scope > details")).forEach((c,m)=>{c!=l&&c.removeAttribute("open")}),this.querySelectorAll(":scope > details[open]").length?(i.classList.add("show"),n.classList.add("open")):(i.classList.remove("show"),n.classList.remove("open")),o.preventDefault()}}),this.querySelectorAll("details").forEach(o=>{let l=o.querySelector("summary");o.querySelector(":Scope > div").setAttribute("data-title",l.textContent)}),this.querySelector('[slot="search"]')){e.classList.add("has-search");let o=this.shadowRoot.querySelector("#search-wrapper");o.classList.remove("d-none"),o.insertAdjacentHTML("afterbegin",`<button class="btn btn-secondary btn-compact fa-search me-0 mb-0" id="search-button" aria-controls="search-dialog">Open Search field</button>
|
|
295
296
|
<dialog id="search-dialog">
|
|
296
297
|
<div class="container">
|
|
297
298
|
<div class="row">
|
|
@@ -303,13 +304,13 @@
|
|
|
303
304
|
</div>
|
|
304
305
|
</div>
|
|
305
306
|
</div>
|
|
306
|
-
</dialog>`);let
|
|
307
|
-
* iamKey v6.
|
|
308
|
-
* Copyright 2022-
|
|
309
|
-
*/const
|
|
307
|
+
</dialog>`);let l=this.shadowRoot.querySelector("#search-button"),d=this.shadowRoot.querySelector("#search-close"),c=this.shadowRoot.querySelector("#search-dialog");this.hasAttribute("data-search-open")&&(c.setAttribute("open","open"),this.classList.add("search-open"),l.setAttribute("aria-expanded",!0)),l.addEventListener("click",m=>{c.setAttribute("open","open"),this.classList.add("search-open"),l.setAttribute("aria-expanded",!0)}),d.addEventListener("click",m=>{c.removeAttribute("open"),this.classList.remove("search-open"),l.removeAttribute("aria-expanded")})}}}},Symbol.toStringTag,{value:"Module"}));/*!
|
|
308
|
+
* iamKey v6.1.0--beta2
|
|
309
|
+
* Copyright 2022-2025 iamproperty
|
|
310
|
+
*/const Io=(a,t,e,n)=>{const i=Math.tan(.375*Math.PI);let s=window.innerWidth||document.body.clientWidth,o=Math.max(1,Math.floor(.01*s)),l=e-a,d=n-t,c=Math.abs(l/d),m=Math.abs(d/l);if(Math.abs(l)>o||Math.abs(d)>o){if(m<=i)return l<0?"left":"right";if(c<=i)return d<0?"top":"bottom"}else return"tap"},Uo=function(a){a.querySelectorAll(":scope > details");const t=a.querySelectorAll(":scope > details, :scope > a");a.querySelectorAll(":scope > details > summary");let e=a.querySelector(":scope > .tabs__links");if(a.shadowRoot&&a.shadowRoot.querySelector(".tabs__links")&&(e=a.shadowRoot.querySelector(".tabs__links")),!e){e=document.createElement("div"),e.classList.add("tabs__links");let i=document.createElement("div");i.classList.add("tabs__links__wrapper"),i.prepend(e),a.prepend(i)}let n=0;t.forEach((i,s)=>{let o=document.createElement("button");if(i.matches("details")){let l=i.querySelector(":scope > summary"),d=l.classList.contains("disabled");l.classList.add("visually-hidden"),i.hasAttribute("id")&&o.setAttribute("data-id",`${i.getAttribute("id")}`),i.hasAttribute("open")&&o.setAttribute("aria-pressed",!0),o.innerHTML=`${l.innerText}`,o.classList.add("link"),o.setAttribute("data-index",n),i.setAttribute("tabindex","-1"),d&&o.classList.add("disabled"),n++}else i.matches("a")&&(o=i);o.classList.add("link"),e.appendChild(o)})},Wo=function(a){let t=a.querySelectorAll(":scope > details"),e=a.querySelectorAll(":scope > details > summary"),n=a.querySelector(":scope .tabs__links"),i=a.querySelectorAll(":scope .tabs__links > button"),s=a.querySelector(":scope .tabs__next");var o;let l=!1,d=!1;if(a.shadowRoot&&(i=a.shadowRoot.querySelectorAll(".tabs__links > button"),n=a.shadowRoot.querySelector(".tabs__links"),s=a.shadowRoot.querySelector(":scope .tabs__next")),n.addEventListener("scroll",function(p){if(d)return d=!1,!1;clearTimeout(o);let h=i[0];o=setTimeout(function(){let f=Math.abs(h.getBoundingClientRect().left);i.forEach(b=>{Math.abs(b.getBoundingClientRect().left)<f&&(f=Math.abs(b.getBoundingClientRect().left),h=b)}),l=!0,h.click(),h.focus()},100)},!1),i.forEach(p=>{p.addEventListener("click",h=>{if(h.preventDefault(),d=!0,p.classList.contains("disabled"))return!1;i.forEach(f=>{let b=f==p;f.setAttribute("aria-pressed",b)}),l||n.scroll({top:0,left:p.offsetLeft,behavior:"smooth"}),l=!1,t.forEach((f,b)=>{let v=p.getAttribute("data-index")==b;v?f.setAttribute("open",v):f.removeAttribute("open")}),p.matches(":last-child")?s.setAttribute("disabled","disabled"):s.removeAttribute("disabled"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:p.textContent})})}),e.forEach((p,h)=>{p.addEventListener("click",f=>{f.preventDefault(),i[h].click()})}),s.addEventListener("click",p=>{p.preventDefault();let h=n.querySelector('[aria-pressed="true"]').nextSibling;h&&h.click()}),a.classList.contains("tabs--guided")){var c=0,m=0,u=0,g=0;t.forEach(p=>{p.addEventListener("touchstart",h=>{h.stopPropagation(),c=h.changedTouches[0].screenX,m=h.changedTouches[0].screenY}),p.addEventListener("touchend",h=>{h.stopPropagation(),u=h.changedTouches[0].screenX,g=h.changedTouches[0].screenY;let f=Io(c,m,u,g),b=n.querySelector('[aria-pressed="true"]');switch(f){case"left":let v=b.nextSibling;v&&v.click();break;case"right":let _=b.previousSibling;_&&_.click();break}})})}},Go=function(a){if(!a.querySelector(":scope > details"))return!1;let t=a.querySelectorAll(":scope > details"),e=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]")||(t[0].setAttribute("open",!0),e[0].setAttribute("aria-pressed",!0))},Xo=function(a){Uo(a),Wo(a),Go(a)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});class Yo extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
310
311
|
<style>
|
|
311
|
-
@import "${
|
|
312
|
-
*:has(>iam-tabs){container-type:inline-size}iam-tabs details:not([open]){padding-bottom:0}iam-tabs::part(next-button){display:none}@container (width > 62em){iam-tabs.tabs--guided::part(next-button){position:absolute;top:9.375rem;right:0;display:block}}iam-tabs.tabs--guided::part(next-button):not(:hover){background:var(--colour-success)}.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:after{content:"";left:50%;position:relative;height:1px;width:100vw;background-color:var(--colour-border);transform:translate(-50%, 0);display:block;clear:both}.tabs.admin-panel .tabs__links__wrapper:after{display:none}.tabs__links{scroll-snap-type:x mandatory;-webkit-mask-image:linear-gradient(to right, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to right, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.tabs__links{padding-bottom:3px;position:relative;display:flex;flex-wrap:nowrap;width:auto;margin:0 -1.5rem;overflow-y:clip;overflow-x:auto}.tabs__links::-webkit-scrollbar{display:none}.tabs__links .link{white-space:nowrap;scroll-snap-align:start;scroll-margin-left:var(--container-padding)}.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}@media screen and (min-width: 36em){:host(.tabs--inline) .tabs__links{margin:0;justify-content:center}:host(.tabs--inline) .tabs__links__wrapper:after{width:100%}}/*# sourceMappingURL=assets/css/components/tabs.css.map */
|
|
312
|
+
@import "${e}";
|
|
313
|
+
*:not(main):has(>iam-tabs){container-type:inline-size}iam-tabs details:not([open]){padding-bottom:0}iam-tabs::part(next-button){display:none}@container (width > 62em){iam-tabs.tabs--guided::part(next-button){position:absolute;top:9.375rem;right:0;display:block}}iam-tabs.tabs--guided::part(next-button):not(:hover){background:var(--colour-success)}.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:after{content:"";left:50%;position:relative;height:1px;width:100vw;background-color:var(--colour-border);transform:translate(-50%, 0);display:block;clear:both}.tabs.admin-panel .tabs__links__wrapper:after{display:none}.tabs__links{scroll-snap-type:x mandatory;-webkit-mask-image:linear-gradient(to right, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to right, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.tabs__links{padding-bottom:3px;position:relative;display:flex;flex-wrap:nowrap;width:auto;margin:0 -1.5rem;overflow-y:clip;overflow-x:auto}.tabs__links::-webkit-scrollbar{display:none}.tabs__links .link{white-space:nowrap;scroll-snap-align:start;scroll-margin-left:var(--container-padding)}.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}@media screen and (min-width: 36em){:host(.tabs--inline) .tabs__links{margin:0;justify-content:center}:host(.tabs--inline) .tabs__links__wrapper:after{width:100%}}/*# sourceMappingURL=assets/css/components/tabs.css.map */
|
|
313
314
|
|
|
314
315
|
|
|
315
316
|
:host(.admin-panel){
|
|
@@ -326,20 +327,20 @@
|
|
|
326
327
|
<slot></slot>
|
|
327
328
|
<button part="next-button" class="btn btn-secondary btn-sm btn-compact fa-regular fa-chevron-right tabs__next">Next</button>
|
|
328
329
|
</div>
|
|
329
|
-
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){let
|
|
330
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){let t=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${t}`),Xo(this)}}const Ko=Object.freeze(Object.defineProperty({__proto__:null,default:Yo},Symbol.toStringTag,{value:"Module"}));function Jo(a,t){function e(i,s,o=!0){let l=!1,d=s.getAttribute("name");if(!d)return!1;d.includes("[]")&&(d=d.replace("[]",`[${s.value}]`));let c=i.querySelector(`[data-name="${d}"]`);c&&s.getAttribute("type")=="checkbox"&&(l=!s.checked);let m=s.getAttribute("data-filter-text");if(c||(c=document.createElement("button"),i.appendChild(c)),c.setAttribute("type","button"),c.classList.add("filter"),c.classList.add("tag"),o&&c.classList.add("tag--not-set"),c.setAttribute("data-name",d),c.innerHTML=m.replace("$value",s.value),(!s.value||l)&&c.remove(),s.parentNode.closest("[data-filter-text]")){let u=s.parentNode.closest("[data-filter-text]"),g=!0;if(d="",u.querySelectorAll("input").forEach((p,h)=>{let f=p.getAttribute("name");if(d+=`${h!=0?",":""}${f}`,i.querySelector(`[data-name="${f}"]`)&&i.querySelector(`[data-name="${f}"]`).remove(),p.value){let b=document.createElement("button");b.setAttribute("type","button"),b.classList.add("filter"),b.classList.add("tag"),o&&c.classList.add("tag--not-set"),b.setAttribute("data-name",f),b.innerHTML=m.replace("$value",p.value),i.appendChild(b)}else g=!1}),i.querySelector(`[data-name="${d}"]`)&&i.querySelector(`[data-name="${d}"]`).remove(),g){let p=u.getAttribute("data-filter-text");u.querySelectorAll("input").forEach((f,b)=>{let v=f.getAttribute("name");i.querySelector(`[data-name="${v}"]`)&&i.querySelector(`[data-name="${v}"]`).remove(),p=p.replace(`$${b+1}`,f.value)});let h=document.createElement("button");h.setAttribute("type","button"),h.classList.add("filter"),h.classList.add("tag"),o&&c.classList.add("tag--not-set"),h.setAttribute("data-name",d),h.innerHTML=p,i.appendChild(h)}}}Array.from(a.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach((i,s)=>{e(t,i,!1)});let n=a.closest("dialog");n&&new MutationObserver(function(s){s[0].attributeName=="open"&&Array.from(a.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach((o,l)=>{e(t,o,!1)})}).observe(n,{attributes:!0}),a.addEventListener("tags-set",function(i){t.innerHTML="",Array.from(a.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach((s,o)=>{e(t,s,!1)})}),Array.from(a.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach((i,s)=>{i.addEventListener("change",function(o){a.hasAttribute("data-keep-same")||e(t,i),o.stopPropagation()})}),a.addEventListener("change",function(i){if(i&&i.target instanceof HTMLElement&&i.target.closest("input[data-filter-text]")){let s=i.target.closest("input[data-filter-text]");a.hasAttribute("data-keep-same")||e(t,s)}}),t.addEventListener("click",function(i){if(i&&i.target instanceof HTMLElement&&i.target.closest(".filter")){let l=i.target.closest(".filter"),d=l.getAttribute("data-name").split(",");for(var s=0;s<d.length;s++){let c=d[s],m=`[name="${c}"]`;c.match(/\[(.*)\]/)&&(c.replace(/\[(.*)\]/,"[]"),m=`[value="${c.replace(/.*\[(.*)\]/,"$1")}"]`);let u=a.querySelectorAll(m);for(var o=0;o<u.length;o++){let g=u[o];if(g.getAttribute("type")!="radio"&&g.getAttribute("type")!="checkbox"){g.value="";var i=new Event("force");a.hasAttribute("data-nosubmit")||g.closest("form").dispatchEvent(i)}else{g.checked=!1;var i=new Event("force");a.hasAttribute("data-nosubmit")||g.closest("form").dispatchEvent(i)}}}l.remove()}},!1)}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Applied Filters"});class Qo extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,n=`@import "${t}/css/components/applied-filters.css";`;let i=this.classList.toString();const s=document.createElement("template");s.innerHTML=`
|
|
330
331
|
<style>
|
|
331
|
-
@import "${
|
|
332
|
+
@import "${e}";
|
|
332
333
|
${n}
|
|
333
334
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
334
335
|
</style>
|
|
335
336
|
<div class="applied-filters ${i}"></div>
|
|
336
337
|
<slot></slot>
|
|
337
|
-
`,this.shadowRoot.appendChild(
|
|
338
|
-
* iamKey v6.
|
|
339
|
-
* Copyright 2022-
|
|
340
|
-
*/const
|
|
338
|
+
`,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){Jo(this,this.shadowRoot.querySelector(".applied-filters"))}}const Zo=Object.freeze(Object.defineProperty({__proto__:null,default:Qo},Symbol.toStringTag,{value:"Module"}));/*!
|
|
339
|
+
* iamKey v6.1.0--beta2
|
|
340
|
+
* Copyright 2022-2025 iamproperty
|
|
341
|
+
*/const tr=a=>(Array.from(a.querySelectorAll("dialog[open]")).forEach((t,e)=>{t.closest(".dialog__wrapper")||(t.removeAttribute("open"),t.showModal(),t.focus(),Z(t))}),a.addEventListener("click",t=>{if(t.target.tagName=="IAM-ACTIONBAR")return!1;if(t&&t.target instanceof HTMLElement&&t.target.closest("[data-modal]")){const i=t.target.closest("[data-modal]"),s=i.hasAttribute("data-modal")?i.getAttribute("data-modal"):i.getAttribute("data-filter"),o=document.querySelector(`dialog#${s}`);if(Z(o),o.showModal(),o.focus(),!o.querySelector("iam-multi-step")){let l=o.offsetWidth;o.setAttribute("style",`max-width: ${l}px;`)}Array.from(o.querySelectorAll("[data-duplicate]")).forEach((l,d)=>{const c=l.getAttribute("data-duplicate"),m=document.getElementById(c);if(l.checked!=m.checked){l.checked=m.checked;let u=new Event("change");l.dispatchEvent(u)}}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:s})}if(t&&t.target instanceof HTMLElement&&t.target.closest("button.dialog__close")){const i=t.target.closest("dialog[open]");t.preventDefault(),i.close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((o,l)=>{o.classList.remove("active")});let s=new CustomEvent("dialog-closed",{bubbles:!0,cancelable:!0,detail:{modalId:i.id}});t.target.dispatchEvent(s),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:i.getAttribute("id")})}if(t&&t.target instanceof HTMLElement&&t.target.closest('button[formmethod="dialog"]')){const i=t.target.closest("dialog[open]");Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((s,o)=>{s.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:i.getAttribute("id")})}if(t&&t.target instanceof HTMLElement&&t.target.closest("dialog[open]")){let i=t.target.closest("dialog[open]");var e=window.getComputedStyle(i);if(e.display==="contents"&&(i=i.parentNode.closest("dialog[open]")),!i.classList.contains("dialog--transactional")&&!i.classList.contains("dialog--acknowledgement")){const s=i.getBoundingClientRect();(t.clientX<s.left||t.clientX>s.right||t.clientY<s.top||t.clientY>s.bottom)&&(t.target.closest("dialog *")||i.close(),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:i.getAttribute("id")}))}}if(t&&t.target instanceof HTMLElement&&t.target.closest(".dialog__wrapper > button")){t.stopPropagation();let i=t.target.closest(".dialog__wrapper > button"),s=i.parentNode,o="openPopover",l=s.querySelector(":scope > dialog");if(document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]")!=l&&i.closest("dialog[open]")!=document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((u,g)=>{u.removeAttribute("aria-expanded")}),l.hasAttribute("open"))l.close(),o="closePopover",l.removeAttribute("style"),i.removeAttribute("aria-expanded");else{l.show(),i.setAttribute("aria-expanded",!0);var n=i.getBoundingClientRect();let u=n.top,g=n.left;if(i.closest("iam-table")){let p=i.closest("iam-table").parentNode.getBoundingClientRect();u-=p.top,g-=p.left}l.classList.contains("dialog--fix")&&l.setAttribute("style",`position:fixed;top: ${u}px; left: ${g}px; margin: 3rem 0 0 0;`)}let d=l.getBoundingClientRect(),c=d.bottom-window.scrollY,m=window.innerHeight-window.scrollY;if(c>m){let u=l.hasAttribute("style")?l.getAttribute("style")+" ":"";l.setAttribute("style",u+"transform: translate(0, calc(-100% - 4rem))"),d=l.getBoundingClientRect(),d.top-window.scrollY<100&&l.removeAttribute("style")}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:o,id:i.textContent})}t&&t.target instanceof HTMLElement&&!t.target.closest("dialog[open]")&&!t.target.closest(".dialog__wrapper > button")&&(document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]")&&document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach((i,s)=>{i.removeAttribute("aria-expanded")}))}),null),Z=a=>{if(!a.querySelector(":scope .mh-lg")&&!a.querySelector("iam-multi-step")){a.innerHTML=`<div class="mh-lg">${a.innerHTML}</div>`;let t=a.querySelector(".mh-lg"),e=a.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");if(e){let n=e.previousSibling;t.before(e),n&&e.before(n)}}a.querySelector(":scope > button:first-child")||a.insertAdjacentHTML("afterbegin",'<button class="dialog__close">Close</button>')};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"action bar"});function tt(a,t){a&&t=="all"?(a.querySelector("input").indeterminate=!1,a.querySelector("input").checked=!0,a.querySelector("label").textContent="Select all"):a&&t==0?(a.querySelector("input").indeterminate=!1,a.querySelector("input").checked=!1,a.querySelector("label").textContent="Select all"):a&&t?(a.querySelector("input").indeterminate=!0,a.querySelector("input").checked=!1,a.querySelector("label").textContent=`${t} item${t>1?"s":""} selected`):a&&(a.querySelector("input").checked=!1,a.querySelector("input").indeterminate=!1,a.querySelector("label").textContent="Select all")}class er extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
341
342
|
<style>
|
|
342
|
-
@import "${
|
|
343
|
+
@import "${e}";
|
|
343
344
|
:host{background-color:#fcfcfc}.actionbar__wrapper{position:relative;z-index:10;height:4.25rem;container-type:inline-size}.views,.selectall,slot[name=selectall]{display:block;position:absolute !important;top:50%;left:1.5rem;margin-left:0;transform:translate(0, -50%);z-index:10}@media screen and (min-width: 36em){.views,.selectall,slot[name=selectall]{left:2rem}}.views .btn-action:not(:last-child),.selectall .btn-action:not(:last-child),slot[name=selectall] .btn-action:not(:last-child){margin-right:0.25rem !important}.selectall,slot[name=selectall]{width:2.5rem;overflow:hidden}.selectall label,slot[name=selectall] label{height:2.5rem}@media screen and (min-width: 36em){.selectall,slot[name=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}}.actionbar{opacity:var(--selectall-actionbar-opacity, 1);pointer-events:var(--selectall-actionbar-pe, all)}.actionbar--selected{opacity:var(--selectall-opacity, 0);pointer-events:var(--selectall-pe, none)}.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(.btn){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;margin-left:1rem !important}@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-large-safe-area]) .safe-area{width:16.25rem}@container (width > 23.4375em){:host([data-large-safe-area]) .safe-area{width:38.75rem}}@container (width > 48em){:host([data-large-safe-area]) .safe-area{width:65.5rem}}: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 */
|
|
344
345
|
|
|
345
346
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
@@ -388,9 +389,9 @@
|
|
|
388
389
|
</div>
|
|
389
390
|
</div>
|
|
390
391
|
`,this.shadowRoot.appendChild(n.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;padding:0}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}iam-actionbar:has(.selectall input:checked){--selectall-opacity: 1;--selectall-pe: all;--selectall-actionbar-opactiy: 0;--selectall-action-pe: none}/*# sourceMappingURL=assets/css/components/actionbar.global.css.map */
|
|
391
|
-
</style>`)}connectedCallback(){let
|
|
392
|
+
</style>`)}connectedCallback(){let t=this;const e=this.shadowRoot.querySelector(".actionbar__wrapper");if(this.hasAttribute("data-selectall")){e.insertAdjacentHTML("afterbegin",'<div class="selectall pb-0"><input type="checkbox" name="selectall" id="selectall"><label for="selectall" class="m-0">Select all</label></div>');let o=this.shadowRoot.querySelector(".selectall");this.hasAttribute("data-selected")&&tt(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 l=this.querySelector("button[data-cancel]");l&&l.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((l,d)=>{l.parentElement.setAttribute("slot","checkbox")}),o.addEventListener("change",l=>{if(l&&l.target instanceof HTMLElement&&l.target.closest('[type="checkbox"]')){let d=o.querySelectorAll('input[type="checkbox"]').length,c=o.querySelectorAll('input[type="checkbox"]:checked').length;t.setAttribute("data-selected",d==c?"all":c),l.target.closest('[type="checkbox"]'),c?Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((m,u)=>{m.closest("iam-card")&&m.closest("iam-card").setAttribute("data-selected","true")}):Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((m,u)=>{m.closest("iam-card")&&m.closest("iam-card").removeAttribute("data-selected")})}})}if(this.hasAttribute("data-switchviews")){let o="";this.getAttribute("data-switchviews").split(",").forEach((l,d)=>{let c="fa-grid-2";l=="list"?c="fa-grip-lines":l=="small"&&(c="fa-bars"),o+=`<button class="btn btn-action btn-compact mb-0 fa-regular ${c}">${l}</button>`}),e.insertAdjacentHTML("afterbegin",`<div class="views m-0">${o}</div>`),this.shadowRoot.querySelector(".views").addEventListener("click",l=>{if(l&&l.target instanceof HTMLElement&&l.target.closest(".btn-action")){let d=l.target.closest(".btn-action");this.setAttribute("data-view",d.textContent);const c=new CustomEvent("switch-view",{detail:{view:d.textContent}});this.dispatchEvent(c)}})}const n=this.shadowRoot.querySelector(".actionbar--search");this.hasAttribute("data-search-value")&&(this.shadowRoot.querySelector("#search").value=this.getAttribute("data-search-value")),this.hasAttribute("data-search")&&this.getAttribute("data-search")=="show"&&n.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]")&&(n.classList.toggle("show"),i.toggleAttribute("aria-expanded"))}),n.addEventListener("keyup",o=>{const l=new CustomEvent("search-keyup",{detail:{search:n.querySelector("input").value}});this.dispatchEvent(l)}),n.addEventListener("change",o=>{const l=new CustomEvent("search-change",{detail:{search:n.querySelector("input").value}});this.dispatchEvent(l)}),n.addEventListener("click",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("button.suffix")){const l=new CustomEvent("search-submit",{detail:{search:n.querySelector("input").value}});this.dispatchEvent(l)}}),Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((o,l)=>{tr(o)});function s(){const o=e.scrollWidth,l=document.documentElement.scrollWidth;let d=750,c=16,m=450,u=t.hasAttribute("data-switchviews")?144:210;t.hasAttribute("data-large-safe-area")&&(d=1048,m=620,u=260);let g=1;l>=992&&l<=1280?g=l/1280:l>=576&&l<992?g=l/768:l<576&&(g=l/375),o>=992&&o<=1280?d=d*g:o>=576&&o<992?d=m*g:o<576&&(d=u*g),c=c*g,o<576?Array.from(t.querySelectorAll(':scope > .btn:not(.js-updated), :scope > .dialog__wrapper > .btn[class*="fa-"]:first-child:not(.js-updated)')).forEach((p,h)=>{p.className=p.className.replace(" btn-compact"," _btn-compact"),p.classList.add("btn-compact"),p.classList.add("js-updated")}):Array.from(t.querySelectorAll(":scope > .btn.js-updated, :scope > .dialog__wrapper > .btn.js-updated:first-child")).forEach((p,h)=>{p.classList.remove("btn-compact"),p.classList.remove("js-updated"),p.className=p.className.replace(" _btn-compact"," btn-compact")}),Array.from(t.querySelectorAll("[slot]")).forEach((p,h)=>{p.getAttribute("slot")=="overflow"&&p.removeAttribute("slot"),p.getAttribute("slot")=="selected-overflow"&&p.setAttribute("slot","selected")}),Array.from(t.querySelectorAll(".show")).forEach((p,h)=>{p.classList.remove("show")}),Array.from(t.shadowRoot.querySelectorAll(".safe-area")).forEach((p,h)=>{let f="overflow";p.querySelector("slot").hasAttribute("name")&&p.querySelector("slot").getAttribute("name")=="selected"&&(f="selected-overflow");let b=p.querySelector("slot").assignedElements(),v=44*g;t.hasAttribute("data-search")&&(v+=44*g);for(let y=0;y<b.length;y++)!b[y].classList.contains("btn-action")&&!b[y].classList.contains("dialog__wrapper")&&(v+=b[y].offsetWidth,v+=c);for(let y=0;y<b.length;y++)if(b[y].classList.contains("dialog__wrapper")&&(b[y].classList.add("show"),v+=b[y].offsetWidth,v+=c/2,v-c/2>d)){b[y].classList.remove("show");break}for(let y=0;y<b.length;y++)if(b[y].classList.contains("btn-action")&&(b[y].classList.add("show"),v+=b[y].offsetWidth,v+=c/2,v-c/2>d)){b[y].classList.remove("show");break}let _=p.querySelector(".dialog-overflow");_&&_.classList.add("d-none");for(let y=0;y<b.length;y++)(b[y].classList.contains("btn-action")||b[y].classList.contains("dialog__wrapper"))&&(b[y].classList.contains("show")||(b[y].setAttribute("slot",f),_&&_.classList.remove("d-none")))})}s(),new ResizeObserver(s).observe(e)}static get observedAttributes(){return["data-selected"]}attributeChangedCallback(t,e,n){switch(t){case"data-selected":{let i=this.shadowRoot.querySelector(".selectall");i&&tt(i,n);const s=new CustomEvent("selected",{detail:{selected:n}});if(this.dispatchEvent(s),n=="all"&&this.hasAttribute("data-select-watch")){const o=document.getElementById(this.getAttribute("data-select-watch"));Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((l,d)=>{l.checked=!0,l.closest("iam-card")&&l.closest("iam-card").setAttribute("data-selected","true")})}if(n=="0"&&this.hasAttribute("data-select-watch")){const o=document.getElementById(this.getAttribute("data-select-watch"));Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((l,d)=>{l.checked=!1,l.closest("iam-card")&&l.closest("iam-card").removeAttribute("data-selected","true")})}break}}}}const ar=Object.freeze(Object.defineProperty({__proto__:null,default:er},Symbol.toStringTag,{value:"Module"}));/*! js-cookie v3.0.5 | MIT */function z(a){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var n in e)a[n]=e[n]}return a}var or={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 P(a,t){function e(i,s,o){if(!(typeof document>"u")){o=z({},t,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 l="";for(var d in o)o[d]&&(l+="; "+d,o[d]!==!0&&(l+="="+o[d].split(";")[0]));return document.cookie=i+"="+a.write(s,i)+l}}function n(i){if(!(typeof document>"u"||arguments.length&&!i)){for(var s=document.cookie?document.cookie.split("; "):[],o={},l=0;l<s.length;l++){var d=s[l].split("="),c=d.slice(1).join("=");try{var m=decodeURIComponent(d[0]);if(o[m]=a.read(c,m),i===m)break}catch{}}return i?o[i]:o}}return Object.create({set:e,get:n,remove:function(i,s){e(i,"",z({},s,{expires:-1}))},withAttributes:function(i){return P(this.converter,z({},this.attributes,i))},withConverter:function(i){return P(z({},this.converter,i),this.attributes)}},{attributes:{value:Object.freeze(t)},converter:{value:Object.freeze(a)}})}var rr=P(or,{path:"/"}),et=function(a,t,e,n){function i(s){return s instanceof e?s:new e(function(o){o(s)})}return new(e||(e=Promise))(function(s,o){function l(m){try{c(n.next(m))}catch(u){o(u)}}function d(m){try{c(n.throw(m))}catch(u){o(u)}}function c(m){m.done?s(m.value):i(m.value).then(l,d)}c((n=n.apply(a,t||[])).next())})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Address Lookup"});class nr extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
392
393
|
<style>
|
|
393
|
-
@import "${
|
|
394
|
+
@import "${e}";
|
|
394
395
|
:host{margin-bottom:1rem;display:block}input[name=postcode]{border-color:var(--error-border, var(--colour-primary)) !important}:is([name=postcode]):is(:focus,.focus):not(:disabled){border-color:var(--colour-info) !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 */
|
|
395
396
|
|
|
396
397
|
|
|
@@ -424,4 +425,4 @@
|
|
|
424
425
|
<p><span class="pre-filled-address"></span><button class="text-primary text-decoration-none ms-1 cursor-pointer" type="button"><i class="fa-regular fa-pen-to-square"></i><span class="visually-hidden">Edit</span></button><slot name="prefilled"></slot></p>
|
|
425
426
|
</div>
|
|
426
427
|
</div>
|
|
427
|
-
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){return
|
|
428
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){return et(this,void 0,void 0,function*(){const t=this;this.shadowRoot.querySelector(".wrapper");const e=this.shadowRoot.querySelector('[name="postcode"]'),n=this.shadowRoot.querySelector(".postcode-lookup"),i=this.shadowRoot.querySelector(".manual-address"),s=this.shadowRoot.querySelector(".pre-filled"),o=this.shadowRoot.querySelector("datalist"),l=this.shadowRoot.querySelector(".switch-to-manual-btn"),d=this.shadowRoot.querySelector(".switch-to-lookup-btn"),c=this.hasAttribute("data-title")?this.getAttribute("data-title"):"Property address",m=this.shadowRoot.querySelector(".pre-filled-address + button");Array.from(this.shadowRoot.querySelectorAll(".title")).forEach((h,f)=>{h.innerHTML=c});function u(h){let f=h.shadowRoot.querySelector(".pre-filled-address"),b=!0;f.innerHTML="",Array.from(h.querySelectorAll("input[required],input[data-required],select[required],select[data-required]")).forEach((v,_)=>{const y=v.value;y?f.innerHTML+=y+(/^-?\d+$/.test(y)?" ":", "):b=!1}),f.innerHTML=f.innerHTML.slice(0,-2),b&&(s.classList.remove("js-hide"),n.classList.add("js-hide"),i.classList.add("js-hide"))}if(u(this),this.addEventListener("filled",h=>{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>`;n.insertAdjacentHTML("afterbegin",h),this.shadowRoot.addEventListener("change",f=>{if(f&&f.target instanceof HTMLElement&&f.target.closest('[name="use"]')&&f.target.closest('[name="use"]').checked){n.classList.add("js-hide"),i.classList.remove("js-hide");let b=JSON.parse(this.getAttribute("data-use"));Object.keys(b).forEach((v,_)=>{let y=b[v];this.querySelector(`[data-name="${v}"]`)?this.querySelector(`[data-name="${v}"]`).value=y:this.querySelector(`[name="${v}"]`)&&(this.querySelector(`[name="${v}"]`).value=y)})}})}this.hasAttribute("data-manual")&&(n.classList.add("js-hide"),i.classList.remove("js-hide"),Array.from(i.querySelectorAll("[data-required]")).forEach((h,f)=>{h.setAttribute("required","true")}));function g(){n.classList.add("js-hide"),i.classList.remove("js-hide"),Array.from(i.querySelectorAll("[data-required]")).forEach((h,f)=>{h.setAttribute("required","true")}),i.scrollIntoView()}m.addEventListener("click",h=>{s.classList.add("js-hide"),g()}),l.addEventListener("click",h=>{g()}),d.addEventListener("click",h=>{n.classList.remove("js-hide"),i.classList.add("js-hide"),n.scrollIntoView()}),e.addEventListener("keyup",h=>{e.value.length>=3&&p(e.value)}),e.addEventListener("change",h=>{if(e.value.length>=3&&(p(e.value),o.querySelector(`[value="${e.value}"]`))){n.classList.add("js-hide"),i.classList.remove("js-hide");let f=JSON.parse(o.querySelector(`[value="${e.value}"]`).getAttribute("data-values"));Object.keys(f).forEach((b,v)=>{let _=f[b];this.querySelector(`[data-name="${b}"]`)&&_!=""?this.querySelector(`[data-name="${b}"]`).value=_:this.querySelector(`[data-name-alt="${b}"]`)&&_!=""?this.querySelector(`[data-name-alt="${b}"]`).value=_:this.querySelector(`[name="${b}"]`)&&_!=""&&(this.querySelector(`[name="${b}"]`).value=_),this.querySelector(`[data-name-2="${b}"]`)&&(this.querySelector(`[data-name-2="${b}"]`).value+=" "+_)}),this.querySelector("[name]").focus(),Array.from(this.querySelectorAll("[data-required]")).forEach((b,v)=>{b.setAttribute("required","true")}),e.removeAttribute("required"),this.shadowRoot.querySelector('[name="use"]')&&(this.shadowRoot.querySelector('[name="use"]').checked=!1)}});const p=h=>et(this,void 0,void 0,function*(){let f=this.getAttribute("data-url");f+=`${encodeURI(h)}`,window.controller||(window.controller=[]),window.controller[f]&&window.controller[f].abort(),window.controller[f]=new AbortController;const{signal:b}=controller[f];try{yield fetch(f,{signal:b,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":rr.get("XSRF-TOKEN")})}).then(v=>v.json()).then(v=>{let _="";return v.forEach((y,E)=>{if(typeof y.value=="object"){let k=JSON.stringify(y.value);_+=`<option value="${y.label}, ${h}" data-values='${k}'></option>`}else{let k=JSON.stringify(y);if(t.hasAttribute("data-display-text"))_+=`<option value="${y[t.getAttribute("data-display-text")]}, ${h}" data-values='${k}'></option>`;else{let A="";for(const[w,L]of Object.entries(y))w=="address_number_name"?A+=`${L} `:w!="postcode"&&w!="address_title"&&(A+=`${L}${/^-?\d+$/.test(L)?"":","} `);_+=`<option value="${A}${h}" data-values='${k}'></option>`}}}),o.innerHTML=_,v})}catch(v){console.log(v)}})})}}const ir=Object.freeze(Object.defineProperty({__proto__:null,default:nr},Symbol.toStringTag,{value:"Module"}));x.Accordion=It,x.AccordionItem=Xt,x.Actionbar=Ja,x.AddressLookup=ro,x.AppliedFilters=Ra,x.Banner=oe,x.Card=ie,x.Carousel=ce,x.CollapsibleSideMenu=lo,x.FileUpload=Dt,x.Filterlist=Pa,x.Header=pe,x.Input=R,x.Logo=st,x.Nav=Ke,x.NoteFeed=za,x.Notification=Xa,x.Pagination=eo,x.PropertySearchbar=We,x.Snapshot=ua,x.Step=fa,x.Stepper=ra,x.Tab=Sa,x.Table=B,x.Tabs=_a,x.Testimonial=qe,x.Timeline=He,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});
|