@iamproperty/components 7.2.2--beta3 → 7.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/components/actionbar.component.css +1 -1
- package/assets/css/components/actionbar.component.css.map +1 -1
- package/assets/css/components/actionbar.global.css +1 -1
- package/assets/css/components/actionbar.global.css.map +1 -1
- package/assets/css/components/barchart.component.css +1 -1
- package/assets/css/components/barchart.component.css.map +1 -1
- package/assets/css/components/bento-grid.global.css.map +1 -1
- package/assets/css/components/calendar.component.css +1 -0
- package/assets/css/components/calendar.component.css.map +1 -0
- package/assets/css/components/calendar.config.css +1 -0
- package/assets/css/components/calendar.config.css.map +1 -0
- package/assets/css/components/card.component.css +1 -1
- package/assets/css/components/card.component.css.map +1 -1
- package/assets/css/components/carousel.component.css +1 -1
- package/assets/css/components/carousel.component.css.map +1 -1
- package/assets/css/components/charts.module.css.map +1 -1
- package/assets/css/components/collapsible-side.css +1 -1
- package/assets/css/components/collapsible-side.css.map +1 -1
- package/assets/css/components/content.component.css +1 -0
- package/assets/css/components/content.component.css.map +1 -0
- package/assets/css/components/doughnutchart.component.css +1 -1
- package/assets/css/components/doughnutchart.component.css.map +1 -1
- package/assets/css/components/fileupload.css.map +1 -1
- package/assets/css/components/inline-edit.css +1 -1
- package/assets/css/components/inline-edit.css.map +1 -1
- package/assets/css/components/marketing.component.css +1 -0
- package/assets/css/components/marketing.component.css.map +1 -0
- package/assets/css/components/menu.component.css +1 -1
- package/assets/css/components/menu.component.css.map +1 -1
- package/assets/css/components/menu.css +1 -1
- package/assets/css/components/menu.css.map +1 -1
- package/assets/css/components/milestone.css +1 -0
- package/assets/css/components/milestone.css.map +1 -0
- package/assets/css/components/multiselect.css +1 -1
- package/assets/css/components/multiselect.css.map +1 -1
- package/assets/css/components/nav.component.css +1 -1
- package/assets/css/components/nav.component.css.map +1 -1
- package/assets/css/components/nav.global.css +1 -1
- package/assets/css/components/nav.global.css.map +1 -1
- package/assets/css/components/pagination.css.map +1 -1
- package/assets/css/components/rank.component.css +1 -1
- package/assets/css/components/rank.component.css.map +1 -1
- package/assets/css/components/rankings.component.css +1 -1
- package/assets/css/components/rankings.component.css.map +1 -1
- package/assets/css/components/rankings.global.css +1 -1
- package/assets/css/components/rankings.global.css.map +1 -1
- package/assets/css/components/slider.css.map +1 -1
- package/assets/css/components/split-button.component.css +1 -0
- package/assets/css/components/split-button.component.css.map +1 -0
- package/assets/css/components/table-basic.global.css.map +1 -1
- package/assets/css/components/table.global.css.map +1 -1
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/mobile-core.min.css +1 -1
- package/assets/css/mobile-core.min.css.map +1 -1
- package/assets/css/mobile.min.css +1 -1
- package/assets/css/mobile.min.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/actionbar/actionbar.component.js +51 -31
- package/assets/js/components/actionbar/actionbar.component.min.js +17 -17
- package/assets/js/components/actionbar/actionbar.component.min.js.map +1 -1
- package/assets/js/components/address-lookup/address-lookup.component.min.js +1 -1
- package/assets/js/components/advanced-select/advanced-select.component.js +63 -0
- package/assets/js/components/advanced-select/advanced-select.component.min.js +23 -0
- package/assets/js/components/advanced-select/advanced-select.component.min.js.map +1 -0
- package/assets/js/components/applied-filters/applied-filters.component.min.js +1 -1
- package/assets/js/components/barchart/barchart.component.min.js +2 -2
- package/assets/js/components/bento-grid/bento-grid.component.min.js +1 -1
- package/assets/js/components/calendar/calendar.component.js +1083 -0
- package/assets/js/components/calendar/calendar.component.min.js +170 -0
- package/assets/js/components/calendar/calendar.component.min.js.map +1 -0
- package/assets/js/components/card/card.component.js +20 -8
- package/assets/js/components/card/card.component.min.js +10 -10
- package/assets/js/components/card/card.component.min.js.map +1 -1
- package/assets/js/components/carousel/carousel.component.min.js +2 -2
- package/assets/js/components/collapsible-side/collapsible-side.component.js +47 -12
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +6 -5
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js.map +1 -1
- package/assets/js/components/content/content.component.js +66 -0
- package/assets/js/components/content/content.component.min.js +15 -0
- package/assets/js/components/content/content.component.min.js.map +1 -0
- package/assets/js/components/doughnutchart/doughnutchart.component.min.js +2 -2
- package/assets/js/components/fileupload/fileupload.component.min.js +1 -1
- package/assets/js/components/filter-card/filter-card.component.min.js +1 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.min.js +5 -5
- package/assets/js/components/marketing/marketing.component.js +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/menu/menu.component.js +148 -161
- package/assets/js/components/menu/menu.component.min.js +4 -69
- package/assets/js/components/menu/menu.component.min.js.map +1 -1
- package/assets/js/components/milestone/milestone.component.js +38 -0
- package/assets/js/components/milestone/milestone.component.min.js +15 -0
- package/assets/js/components/milestone/milestone.component.min.js.map +1 -0
- package/assets/js/components/milestone-group/milestone-group.component.js +35 -0
- package/assets/js/components/milestone-group/milestone-group.component.min.js +13 -0
- package/assets/js/components/milestone-group/milestone-group.component.min.js.map +1 -0
- package/assets/js/components/multi-step/multi-step.component.min.js +1 -1
- package/assets/js/components/multiselect/multiselect.component.js +54 -2
- package/assets/js/components/multiselect/multiselect.component.min.js +5 -5
- package/assets/js/components/multiselect/multiselect.component.min.js.map +1 -1
- package/assets/js/components/nav/nav.component.js +19 -0
- package/assets/js/components/nav/nav.component.min.js +6 -6
- package/assets/js/components/nav/nav.component.min.js.map +1 -1
- package/assets/js/components/notification/notification.component.js +17 -11
- package/assets/js/components/notification/notification.component.min.js +4 -4
- package/assets/js/components/notification/notification.component.min.js.map +1 -1
- package/assets/js/components/pagination/pagination.component.min.js +1 -1
- package/assets/js/components/rank/rank.component.js +346 -210
- package/assets/js/components/rank/rank.component.min.js +346 -211
- package/assets/js/components/rank/rank.component.min.js.map +1 -1
- package/assets/js/components/rankings/rankings.component.js +17 -8
- package/assets/js/components/rankings/rankings.component.min.js +14 -8
- package/assets/js/components/rankings/rankings.component.min.js.map +1 -1
- package/assets/js/components/record-card/record-card.component.min.js +1 -1
- package/assets/js/components/search/search.component.js +5 -3
- package/assets/js/components/search/search.component.min.js +6 -6
- package/assets/js/components/search/search.component.min.js.map +1 -1
- package/assets/js/components/slider/slider.component.min.js +1 -1
- package/assets/js/components/split-button/split-button.component.js +60 -0
- package/assets/js/components/split-button/split-button.component.min.js +34 -0
- package/assets/js/components/split-button/split-button.component.min.js.map +1 -0
- package/assets/js/components/table/table.component.js +12 -0
- package/assets/js/components/table/table.component.min.js +3 -3
- package/assets/js/components/table/table.component.min.js.map +1 -1
- package/assets/js/components/table-ajax/table-ajax.component.js +12 -0
- package/assets/js/components/table-ajax/table-ajax.component.min.js +3 -3
- package/assets/js/components/table-ajax/table-ajax.component.min.js.map +1 -1
- package/assets/js/components/table-basic/table-basic.component.min.js +1 -1
- package/assets/js/components/table-basic/table-basic.component.min.js.map +1 -1
- package/assets/js/components/table-no-submit/table-no-submit.component.js +12 -0
- package/assets/js/components/table-no-submit/table-no-submit.component.min.js +3 -3
- package/assets/js/components/table-no-submit/table-no-submit.component.min.js.map +1 -1
- package/assets/js/components/table-submit/table-submit.component.js +12 -0
- package/assets/js/components/table-submit/table-submit.component.min.js +3 -3
- package/assets/js/components/table-submit/table-submit.component.min.js.map +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +1 -1
- package/assets/js/components/video-card/video-card.component.min.js +1 -1
- package/assets/js/components/video-card/video-card.component.min.js.map +1 -1
- package/assets/js/components.js +58 -0
- package/assets/js/modules/advanced-select.js +106 -0
- package/assets/js/modules/dialogs.js +53 -51
- package/assets/js/modules/dynamicEvents.js +7 -0
- package/assets/js/modules/milestone-group.js +30 -0
- package/assets/js/modules/milestone.js +89 -0
- package/assets/js/modules/table.js +11 -1
- package/assets/js/modules/videos.js +1 -1
- package/assets/js/scripts.bundle.js +3 -3
- package/assets/js/scripts.bundle.js.map +1 -1
- package/assets/js/scripts.bundle.min.js +2 -2
- package/assets/js/scripts.bundle.min.js.map +1 -1
- package/assets/js/scripts.js +4 -0
- package/assets/sass/_components.scss +11 -0
- package/assets/sass/_functions/utility-mixins.scss +41 -0
- package/assets/sass/_functions/variables.scss +11 -8
- package/assets/sass/components/actionbar.component.scss +3 -4
- package/assets/sass/components/actionbar.global.scss +4 -4
- package/assets/sass/components/bento-grid.global.scss +0 -1
- package/assets/sass/components/calendar.component.scss +1380 -0
- package/assets/sass/components/calendar.config.scss +476 -0
- package/assets/sass/components/card.component.scss +4 -34
- package/assets/sass/components/carousel.component.scss +5 -0
- package/assets/sass/components/charts.module.scss +0 -2
- package/assets/sass/components/collapsible-side.scss +91 -95
- package/assets/sass/components/content.component.scss +18 -0
- package/assets/sass/components/inline-edit.scss +2 -0
- package/assets/sass/components/{marketing.scss → marketing.component.scss} +2 -6
- package/assets/sass/components/menu.component.scss +118 -31
- package/assets/sass/components/menu.scss +68 -7
- package/assets/sass/components/milestone.scss +207 -0
- package/assets/sass/components/multiselect.scss +3 -0
- package/assets/sass/components/nav.component.scss +1 -0
- package/assets/sass/components/nav.global.scss +30 -0
- package/assets/sass/components/rank.component.scss +197 -33
- package/assets/sass/components/rankings.component.scss +39 -35
- package/assets/sass/components/rankings.global.scss +66 -10
- package/assets/sass/components/split-button.component.scss +77 -0
- package/assets/sass/components/table-basic.global.scss +2 -4
- package/assets/sass/components/table.global.scss +4 -4
- package/assets/sass/elements/badge-tag.scss +5 -1
- package/assets/sass/elements/buttons--compact.scss +4 -0
- package/assets/sass/elements/buttons--global.scss +1 -1
- package/assets/sass/elements/details.scss +0 -1
- package/assets/sass/elements/dialog.scss +1 -3
- package/assets/sass/elements/forms.scss +148 -22
- package/assets/sass/elements/links.scss +132 -4
- package/assets/sass/elements/lists.scss +61 -0
- package/assets/sass/elements/popover.scss +64 -10
- package/assets/sass/elements/toggle-button.scss +7 -8
- package/assets/sass/elements/type.scss +7 -10
- package/assets/sass/foundations/reboot.scss +3 -3
- package/assets/sass/templates/form.scss +0 -2
- package/assets/ts/components/actionbar/actionbar.component.ts +49 -23
- package/assets/ts/components/advanced-select/advanced-select.component.ts +74 -0
- package/assets/ts/components/calendar/calendar.component.ts +1460 -0
- package/assets/ts/components/card/card.component.ts +22 -14
- package/assets/ts/components/collapsible-side/collapsible-side.component.ts +53 -12
- package/assets/ts/components/content/content.component.ts +78 -0
- package/assets/ts/components/marketing/marketing.component.ts +1 -1
- package/assets/ts/components/menu/menu.component.ts +162 -173
- package/assets/ts/components/milestone/milestone.component.ts +45 -0
- package/assets/ts/components/milestone-group/milestone-group.component.ts +41 -0
- package/assets/ts/components/multiselect/multiselect.component.ts +69 -3
- package/assets/ts/components/nav/nav.component.ts +25 -0
- package/assets/ts/components/notification/notification.component.ts +34 -11
- package/assets/ts/components/rank/rank.component.ts +345 -214
- package/assets/ts/components/rankings/rankings.component.ts +28 -15
- package/assets/ts/components/search/search.component.ts +6 -4
- package/assets/ts/components/split-button/split-button.component.ts +69 -0
- package/assets/ts/components/table/table.component.ts +14 -0
- package/assets/ts/components/table-ajax/table-ajax.component.ts +14 -0
- package/assets/ts/components/table-no-submit/table-no-submit.component.ts +14 -0
- package/assets/ts/components/table-submit/table-submit.component.ts +14 -0
- package/assets/ts/components/video-card/video-card.component.ts +2 -3
- package/assets/ts/components.ts +63 -0
- package/assets/ts/modules/advanced-select.ts +125 -0
- package/assets/ts/modules/dialogs.ts +64 -61
- package/assets/ts/modules/dynamicEvents.ts +12 -1
- package/assets/ts/modules/milestone-group.ts +42 -0
- package/assets/ts/modules/milestone.ts +122 -0
- package/assets/ts/modules/table.ts +15 -1
- package/assets/ts/modules/videos.ts +19 -37
- package/assets/ts/scripts.ts +5 -3
- package/dist/components.es.js +41 -1923
- package/dist/components.umd.js +127 -171
- package/package.json +1 -1
- package/src/components/AdvancedSelect/AdvancedSelect.vue +23 -0
- package/src/components/Calendar/Calendar.vue +26 -0
- package/src/components/Card/Card.vue +1 -1
- package/src/components/CollapsibleSideMenu/CollapsibleSideMenu.vue +7 -13
- package/src/components/Content/Content.vue +23 -0
- package/src/components/Milestones/Milestone.vue +27 -0
- package/src/components/Milestones/MilestoneGroup.vue +27 -0
- package/src/components/Rank/Rank.vue +1 -2
- package/src/components/Rankings/Rankings.vue +9 -10
- package/src/components/SplitButton/README.md +19 -0
- package/src/components/SplitButton/SplitButton.vue +26 -0
- package/src/index.js +44 -41
- package/assets/css/components/marketing.css +0 -1
- package/assets/css/components/marketing.css.map +0 -1
- package/assets/css/components/nav.old.css +0 -1
- package/assets/css/components/nav.old.css.map +0 -1
- package/assets/sass/components/nav.old.scss +0 -891
package/dist/components.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(A,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],s):(A=typeof globalThis<"u"?globalThis:A||self,s(A.iamkey={},A.Vue))})(this,function(A,s){"use strict";const S=(a,e)=>{const t=a.__vccOpts||a;for(const[o,r]of e)t[o]=r;return t},At={name:"Logo",props:{id:{type:String,required:!1,default:"property"},path:{type:String,required:!1,default:"/svg/logo.svg"},desc:{type:String}},computed:{src:function(){return"#logo-"+this.id},className:function(){return"brand brand--"+this.id}}},Lt=["xlink:href"],St=["innerHTML"];function Et(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(i.className)},[(s.openBlock(),s.createElementBlock("svg",null,[s.createElementVNode("title",null,"iam "+s.toDisplayString(t.id),1),s.createElementVNode("use",{"xlink:href":t.path+i.src},null,8,Lt)])),t.desc?(s.openBlock(),s.createElementBlock("span",{key:0,innerHTML:t.desc},null,8,St)):s.createCommentVNode("",!0)],2)}const qt=S(At,[["render",Et]]),$t={name:"Input",props:{value:{type:String,required:!1},id:{type:String,required:!0},name:{type:String,required:!1},list:{type:String,required:!1},label:{type:String,required:!1},labelclass:{type:String,required:!1},inputclass:{type:String,required:!1},type:{type:String,required:!1,default:"text"},size:{type:String,required:!1},errormsg:{type:String,required:!1},options:{type:Array,required:!1},prefix:{type:String,required:!1},prefixClass:{type:String,required:!1},suffix:{type:String,required:!1},pattern:{type:String,required:!1},suffixClass:{type:String,required:!1},title:{type:String,required:!1},hint:{type:String,required:!1},multiple:{type:String,required:!1}},computed:{displayLabel(){return()=>this.$attrs.multiple?this.label+'<span class="small d-block text-body font-body fw-normal">Hold down the Ctrl (windows) or Command (Mac) button to select multiple options.</span>':this.hint?this.label+`<span class="small d-block text-body font-body fw-normal">${this.hint}</span>`:this.label},wrapperClass(){return()=>{switch(this.type){case"radio":case"checkbox":return"form-check";case"radio-btn":case"checkbox-btn":return!1;default:return"form-control__wrapper"}}},needPattern(){return()=>{if(this.pattern)return this.pattern;switch(this.type){case"datetime-local":return"[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}"}return"(.*?)"}},needsLabel(){return()=>{switch(this.type){case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":return!1;default:return!0}}},isInput(){return()=>{switch(this.type){case"textarea":case"select":case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":case"range":case"color":return!1;default:return!0}}},allowDatalist(){return()=>{switch(this.type){case"select":case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":return!1;default:return!0}}},hasOptions(){return()=>{if(this.list)return this.list;if(this.options)return this.id+"-list"}},inputVal:{get(){return this.value==null&&this.options!=null&&this.type=="select"?this.$attrs.multiple?[]:this.options[0].value:this.value},set(a){this.$emit("input",a)}}},mounted(){this.$nextTick(function(){let a=this.$refs.wrapper;if(a.parentNode&&a.parentNode.classList.contains("form-check")||a.classList.length==0){const e=document.createDocumentFragment();Array.from(a.childNodes).forEach(t=>e.appendChild(t)),a.parentNode.insertBefore(e,a),a.parentNode.removeChild(a)}})},methods:{inputKeyup(a){this.$emit("keyupEvent",a)},clickEvent(){this.$emit("bus")}}},zt=["for","innerHTML","title"],Ct=["innerHTML"],Mt=["innerHTML"],Tt=["type","name","id","pattern","list"],Ht=["type","name","id","pattern"],Rt={key:5,class:"input-group"},Bt=["type","name","id","pattern","list"],jt={class:"input-group-text border-0 col-2 col-sm-1 px-0"},Ft={key:6,class:"input-group"},Nt=["type","name","id","pattern","list"],Pt={class:"input-group-text flex-fill"},Dt=["type","name","id","pattern"],Vt=["value"],It=["type","name","id"],Ot=["for","innerHTML"],Ut=["type","name","id"],Wt=["for","innerHTML"],Gt=["innerHTML"],Xt=["id"],Yt=["value"];function Kt(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(i.wrapperClass()),ref:"wrapper"},[i.needsLabel()?(s.openBlock(),s.createElementBlock("label",{key:0,class:s.normalizeClass(`form-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:i.displayLabel(),title:t.title},null,10,zt)):s.createCommentVNode("",!0),t.prefix?(s.openBlock(),s.createElementBlock("span",{key:1,class:s.normalizeClass(`prefix ${this.prefixClass} ${t.size?`prefix-${t.size}`:""}`),innerHTML:t.prefix,role:"presentation"},null,10,Ct)):s.createCommentVNode("",!0),t.suffix?(s.openBlock(),s.createElementBlock("span",{key:2,class:s.normalizeClass(`suffix ${this.suffixClass} ${t.size?`suffix-${t.size}`:""}`),innerHTML:t.suffix,role:"presentation"},null,10,Mt)):s.createCommentVNode("",!0),i.isInput()?s.withDirectives((s.openBlock(),s.createElementBlock("input",s.mergeProps({key:3,"onUpdate:modelValue":e[0]||(e[0]=n=>i.inputVal=n),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:i.needPattern(),list:i.hasOptions()},a.$attrs,{onKeyup:e[1]||(e[1]=(...n)=>i.inputKeyup&&i.inputKeyup(...n))}),null,16,Tt)),[[s.vModelDynamic,i.inputVal]]):s.createCommentVNode("",!0),t.type=="textarea"?s.withDirectives((s.openBlock(),s.createElementBlock("textarea",s.mergeProps({key:4,"onUpdate:modelValue":e[2]||(e[2]=n=>i.inputVal=n),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:i.needPattern()},a.$attrs),null,16,Ht)),[[s.vModelText,i.inputVal]]):s.createCommentVNode("",!0),t.type=="range"?(s.openBlock(),s.createElementBlock("div",Rt,[s.withDirectives(s.createElementVNode("input",s.mergeProps({"onUpdate:modelValue":e[3]||(e[3]=n=>i.inputVal=n),class:`form-range${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:i.needPattern(),list:i.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Bt),[[s.vModelDynamic,i.inputVal]]),s.createElementVNode("output",jt,s.toDisplayString(t.value),1)])):s.createCommentVNode("",!0),t.type=="color"?(s.openBlock(),s.createElementBlock("div",Ft,[s.withDirectives(s.createElementVNode("input",s.mergeProps({"onUpdate:modelValue":e[4]||(e[4]=n=>i.inputVal=n),class:`form-control form-control-color${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:i.needPattern(),list:i.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Nt),[[s.vModelDynamic,i.inputVal]]),s.createElementVNode("output",Pt,s.toDisplayString(t.value?a.vale:"#000000"),1)])):s.createCommentVNode("",!0),t.type=="select"?s.withDirectives((s.openBlock(),s.createElementBlock("select",s.mergeProps({key:7,"onUpdate:modelValue":e[5]||(e[5]=n=>i.inputVal=n),class:`form-select${t.size?` form-select-${t.size}`:""}${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.id,id:t.id,pattern:i.needPattern()},a.$attrs),[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(t.options,(n,c)=>(s.openBlock(),s.createElementBlock("option",{key:c,value:n.value},s.toDisplayString(n.display?n.display:n.value),9,Vt))),128))],16,Dt)),[[s.vModelSelect,i.inputVal]]):s.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(s.openBlock(),s.createElementBlock("input",s.mergeProps({key:8,class:"form-check-input",type:t.type,name:t.name?t.name:t.id,id:t.id},a.$attrs),null,16,It)):s.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(s.openBlock(),s.createElementBlock("label",{key:9,class:s.normalizeClass(`form-label form-check-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label},null,10,Ot)):s.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(s.openBlock(),s.createElementBlock("input",s.mergeProps({key:10,class:`btn-check${t.inputclass?` ${t.inputclass}`:""}`,type:t.type.replace("-btn",""),autocomplete:"off",name:t.name?t.name:t.id,id:t.id},a.$attrs),null,16,Ut)):s.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(s.openBlock(),s.createElementBlock("label",{key:11,class:s.normalizeClass(`btn${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label,onClick:e[6]||(e[6]=(...n)=>i.clickEvent&&i.clickEvent(...n))},null,10,Wt)):s.createCommentVNode("",!0),s.renderSlot(a.$slots,"default"),t.errormsg?(s.openBlock(),s.createElementBlock("span",{key:12,class:"invalid-feedback mb-0",innerHTML:t.errormsg},null,8,Gt)):s.createCommentVNode("",!0),i.allowDatalist()?(s.openBlock(),s.createElementBlock("datalist",{key:13,id:t.id+"-list"},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(t.options,(n,c)=>(s.openBlock(),s.createElementBlock("option",{key:c,value:n.value},s.toDisplayString(n.value),9,Yt))),128))],8,Xt)):s.createCommentVNode("",!0)],2)}const V=S($t,[["render",Kt]]),Jt={name:"Accordion",props:{},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>sr).then(a=>{window.customElements.get("iam-accordion")||window.customElements.define("iam-accordion",a.default)}).catch(a=>{console.log(a.message)})})}},Qt={ref:"wrapper"};function Zt(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("iam-accordion",Qt,[s.renderSlot(a.$slots,"default")],512)}const te=S(Jt,[["render",Zt]]),ee=a=>a.charAt(0).toUpperCase()+a.slice(1),ae=a=>a.replace(/_/g," "),oe=a=>a.replace(/ /g,"_"),re=function(a){return a=a.toLowerCase(),a=oe(a),a=a.replace(/\W/g,""),a},ie={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=>`${re(a)}`}},data(){return{show:!this.lazy}}},ne=["id"];function se(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("details",{id:i.createID(t.title)},[s.createElementVNode("summary",null,[s.createTextVNode(s.toDisplayString(t.title),1),t.badge?(s.openBlock(),s.createElementBlock("span",{key:0,class:s.normalizeClass(`badge bg-${t.badgecolour}`)},s.toDisplayString(t.badge),3)):s.createCommentVNode("",!0)]),s.renderSlot(a.$slots,"default")],8,ne)}const le=S(ie,[["render",se]]),ce={name:"Actionbar",props:{},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>cr).then(a=>{window.customElements.get("iam-actionbar")||window.customElements.define("iam-actionbar",a.default)}).catch(a=>{console.log(a.message)})})}};function de(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("iam-actionbar",null,[s.renderSlot(a.$slots,"default")])}const me=S(ce,[["render",de]]),ue={name:"Address Lookup",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>mr).then(a=>{window.customElements.get("iam-address-lookup")||window.customElements.define("iam-address-lookup",a.default)}).catch(a=>{console.log(a.message)})})}};function pe(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("iam-address-lookup",null,[s.renderSlot(a.$slots,"default")])}const he=S(ue,[["render",pe]]),be={name:"Applied Filter",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>hr).then(a=>{window.customElements.get("iam-applied-filters")||window.customElements.define("iam-applied-filters",a.default)}).catch(a=>{console.log(a.message)})})}};function ge(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("iam-applied-filters",null,[s.renderSlot(a.$slots,"default")])}const fe=S(be,[["render",ge]]),ve={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1},background:{type:String,default:"light",required:!1}}},ye={class:"container"},we={class:"row"},ke={class:"col-sm-6"},_e={class:"pt-5 pb-3 px-4"},xe={class:"col-sm-6 col-md-5 ms-auto"},Ae=["src"];function Le(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("div",ye,[s.createElementVNode("div",{class:s.normalizeClass("bg-"+t.background+" mb-4")},[s.createElementVNode("div",we,[s.createElementVNode("div",ke,[s.createElementVNode("div",_e,[s.createElementVNode("h2",null,s.toDisplayString(t.title),1),s.renderSlot(a.$slots,"default")])]),s.createElementVNode("div",xe,[t.image?(s.openBlock(),s.createElementBlock("img",{key:0,src:t.image,alt:"",class:"h-100 w-100 object-cover"},null,8,Ae)):s.createCommentVNode("",!0)])])],2)])}const Se=S(ve,[["render",Le]]),Ee={name:"Barchart",created(){this.$nextTick(function(){Promise.resolve().then(()=>$r).then(a=>{window.customElements.get("iam-barchart")||window.customElements.define("iam-barchart",a.default)}).catch(a=>{console.log(a.message)})})}};function qe(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("iam-barchart",null,[s.renderSlot(a.$slots,"default")])}const $e=S(Ee,[["render",qe]]),ze={ref:"wrapper"},Ce={__name:"BentoGrid",setup(a){return s.onMounted(()=>{Promise.resolve().then(()=>Cr).then(e=>{window.customElements.get("iam-bento-grid")||window.customElements.define("iam-bento-grid",e.default)}).catch(e=>{console.log(e.message)})}),(e,t)=>(s.openBlock(),s.createElementBlock("iam-bento-grid",ze,[s.renderSlot(e.$slots,"default")],512))}},Me={name:"Card",created(){this.$nextTick(function(){Promise.resolve().then(()=>jr).then(a=>{window.customElements.get("iam-card")||window.customElements.define("iam-card",a.default)}).catch(a=>{console.log(a.message)})})}};function Te(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("iam-card",null,[s.renderSlot(a.$slots,"default")])}const He=S(Me,[["render",Te]]),Re={name:"Header",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Or).then(a=>{window.customElements.get("iam-carousel")||window.customElements.define("iam-carousel",a.default)}).catch(a=>{console.log(a.message)})})}};function Be(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("iam-carousel",null,[s.renderSlot(a.$slots,"default")])}const je=S(Re,[["render",Be]]);window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"collapsible side menu"});class Fe extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,o=`@import "${e}/css/components/collapsible-side.css";`,r=document.createElement("template");r.innerHTML=`
|
|
1
|
+
(function(A,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],l):(A=typeof globalThis<"u"?globalThis:A||self,l(A.iamkey={},A.Vue))})(this,function(A,l){"use strict";const S=(e,a)=>{const t=e.__vccOpts||e;for(const[o,r]of a)t[o]=r;return t},Mt={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}}},Tt=["xlink:href"],Ht=["innerHTML"];function Rt(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(i.className)},[(l.openBlock(),l.createElementBlock("svg",null,[l.createElementVNode("title",null,"iam "+l.toDisplayString(t.id),1),l.createElementVNode("use",{"xlink:href":t.path+i.src},null,8,Tt)])),t.desc?(l.openBlock(),l.createElementBlock("span",{key:0,innerHTML:t.desc},null,8,Ht)):l.createCommentVNode("",!0)],2)}const Bt=S(Mt,[["render",Rt]]),jt={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")}}},Nt=["for","innerHTML","title"],Ft=["innerHTML"],Pt=["innerHTML"],Dt=["type","name","id","pattern","list"],Vt=["type","name","id","pattern"],Ot={key:5,class:"input-group"},It=["type","name","id","pattern","list"],Ut={class:"input-group-text border-0 col-2 col-sm-1 px-0"},Wt={key:6,class:"input-group"},Gt=["type","name","id","pattern","list"],Kt={class:"input-group-text flex-fill"},Yt=["type","name","id","pattern"],Xt=["value"],Jt=["type","name","id"],Qt=["for","innerHTML"],Zt=["type","name","id"],te=["for","innerHTML"],ee=["innerHTML"],ae=["id"],oe=["value"];function re(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(i.wrapperClass()),ref:"wrapper"},[i.needsLabel()?(l.openBlock(),l.createElementBlock("label",{key:0,class:l.normalizeClass(`form-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:i.displayLabel(),title:t.title},null,10,Nt)):l.createCommentVNode("",!0),t.prefix?(l.openBlock(),l.createElementBlock("span",{key:1,class:l.normalizeClass(`prefix ${this.prefixClass} ${t.size?`prefix-${t.size}`:""}`),innerHTML:t.prefix,role:"presentation"},null,10,Ft)):l.createCommentVNode("",!0),t.suffix?(l.openBlock(),l.createElementBlock("span",{key:2,class:l.normalizeClass(`suffix ${this.suffixClass} ${t.size?`suffix-${t.size}`:""}`),innerHTML:t.suffix,role:"presentation"},null,10,Pt)):l.createCommentVNode("",!0),i.isInput()?l.withDirectives((l.openBlock(),l.createElementBlock("input",l.mergeProps({key:3,"onUpdate:modelValue":a[0]||(a[0]=n=>i.inputVal=n),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:i.needPattern(),list:i.hasOptions()},e.$attrs,{onKeyup:a[1]||(a[1]=(...n)=>i.inputKeyup&&i.inputKeyup(...n))}),null,16,Dt)),[[l.vModelDynamic,i.inputVal]]):l.createCommentVNode("",!0),t.type=="textarea"?l.withDirectives((l.openBlock(),l.createElementBlock("textarea",l.mergeProps({key:4,"onUpdate:modelValue":a[2]||(a[2]=n=>i.inputVal=n),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:i.needPattern()},e.$attrs),null,16,Vt)),[[l.vModelText,i.inputVal]]):l.createCommentVNode("",!0),t.type=="range"?(l.openBlock(),l.createElementBlock("div",Ot,[l.withDirectives(l.createElementVNode("input",l.mergeProps({"onUpdate:modelValue":a[3]||(a[3]=n=>i.inputVal=n),class:`form-range${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:i.needPattern(),list:i.hasOptions()},e.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,It),[[l.vModelDynamic,i.inputVal]]),l.createElementVNode("output",Ut,l.toDisplayString(t.value),1)])):l.createCommentVNode("",!0),t.type=="color"?(l.openBlock(),l.createElementBlock("div",Wt,[l.withDirectives(l.createElementVNode("input",l.mergeProps({"onUpdate:modelValue":a[4]||(a[4]=n=>i.inputVal=n),class:`form-control form-control-color${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:i.needPattern(),list:i.hasOptions()},e.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Gt),[[l.vModelDynamic,i.inputVal]]),l.createElementVNode("output",Kt,l.toDisplayString(t.value?e.vale:"#000000"),1)])):l.createCommentVNode("",!0),t.type=="select"?l.withDirectives((l.openBlock(),l.createElementBlock("select",l.mergeProps({key:7,"onUpdate:modelValue":a[5]||(a[5]=n=>i.inputVal=n),class:`form-select${t.size?` form-select-${t.size}`:""}${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.id,id:t.id,pattern:i.needPattern()},e.$attrs),[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(t.options,(n,s)=>(l.openBlock(),l.createElementBlock("option",{key:s,value:n.value},l.toDisplayString(n.display?n.display:n.value),9,Xt))),128))],16,Yt)),[[l.vModelSelect,i.inputVal]]):l.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(l.openBlock(),l.createElementBlock("input",l.mergeProps({key:8,class:"form-check-input",type:t.type,name:t.name?t.name:t.id,id:t.id},e.$attrs),null,16,Jt)):l.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(l.openBlock(),l.createElementBlock("label",{key:9,class:l.normalizeClass(`form-label form-check-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label},null,10,Qt)):l.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(l.openBlock(),l.createElementBlock("input",l.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,Zt)):l.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(l.openBlock(),l.createElementBlock("label",{key:11,class:l.normalizeClass(`btn${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label,onClick:a[6]||(a[6]=(...n)=>i.clickEvent&&i.clickEvent(...n))},null,10,te)):l.createCommentVNode("",!0),l.renderSlot(e.$slots,"default"),t.errormsg?(l.openBlock(),l.createElementBlock("span",{key:12,class:"invalid-feedback mb-0",innerHTML:t.errormsg},null,8,ee)):l.createCommentVNode("",!0),i.allowDatalist()?(l.openBlock(),l.createElementBlock("datalist",{key:13,id:t.id+"-list"},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(t.options,(n,s)=>(l.openBlock(),l.createElementBlock("option",{key:s,value:n.value},l.toDisplayString(n.value),9,oe))),128))],8,ae)):l.createCommentVNode("",!0)],2)}const U=S(jt,[["render",re]]),ie={name:"Accordion",props:{},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>wr).then(e=>{window.customElements.get("iam-accordion")||window.customElements.define("iam-accordion",e.default)}).catch(e=>{console.log(e.message)})})}},ne={ref:"wrapper"};function se(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-accordion",ne,[l.renderSlot(e.$slots,"default")],512)}const le=S(ie,[["render",se]]),ce=e=>e.charAt(0).toUpperCase()+e.slice(1),de=e=>e.replace(/_/g," "),me=e=>e.replace(/ /g,"_"),ue=function(e){return e=e.toLowerCase(),e=me(e),e=e.replace(/\W/g,""),e},pe={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=>`${ue(e)}`}},data(){return{show:!this.lazy}}},he=["id"];function be(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("details",{id:i.createID(t.title)},[l.createElementVNode("summary",null,[l.createTextVNode(l.toDisplayString(t.title),1),t.badge?(l.openBlock(),l.createElementBlock("span",{key:0,class:l.normalizeClass(`badge bg-${t.badgecolour}`)},l.toDisplayString(t.badge),3)):l.createCommentVNode("",!0)]),l.renderSlot(e.$slots,"default")],8,he)}const ge=S(pe,[["render",be]]),fe={name:"Actionbar",props:{},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>_r).then(e=>{window.customElements.get("iam-actionbar")||window.customElements.define("iam-actionbar",e.default)}).catch(e=>{console.log(e.message)})})}};function ve(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-actionbar",null,[l.renderSlot(e.$slots,"default")])}const ye=S(fe,[["render",ve]]),we={name:"Address Lookup",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Ar).then(e=>{window.customElements.get("iam-address-lookup")||window.customElements.define("iam-address-lookup",e.default)}).catch(e=>{console.log(e.message)})})}};function ke(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-address-lookup",null,[l.renderSlot(e.$slots,"default")])}const _e=S(we,[["render",ke]]),xe={name:"Applied Filter",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Sr).then(e=>{window.customElements.get("iam-applied-filters")||window.customElements.define("iam-applied-filters",e.default)}).catch(e=>{console.log(e.message)})})}};function Ae(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-applied-filters",null,[l.renderSlot(e.$slots,"default")])}const Le=S(xe,[["render",Ae]]),Ee={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1},background:{type:String,default:"light",required:!1}}},Se={class:"container"},$e={class:"row"},qe={class:"col-sm-6"},ze={class:"pt-5 pb-3 px-4"},Ce={class:"col-sm-6 col-md-5 ms-auto"},Me=["src"];function Te(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("div",Se,[l.createElementVNode("div",{class:l.normalizeClass("bg-"+t.background+" mb-4")},[l.createElementVNode("div",$e,[l.createElementVNode("div",qe,[l.createElementVNode("div",ze,[l.createElementVNode("h2",null,l.toDisplayString(t.title),1),l.renderSlot(e.$slots,"default")])]),l.createElementVNode("div",Ce,[t.image?(l.openBlock(),l.createElementBlock("img",{key:0,src:t.image,alt:"",class:"h-100 w-100 object-cover"},null,8,Me)):l.createCommentVNode("",!0)])])],2)])}const He=S(Ee,[["render",Te]]),Re={name:"Barchart",created(){this.$nextTick(function(){Promise.resolve().then(()=>Vr).then(e=>{window.customElements.get("iam-barchart")||window.customElements.define("iam-barchart",e.default)}).catch(e=>{console.log(e.message)})})}};function Be(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-barchart",null,[l.renderSlot(e.$slots,"default")])}const je=S(Re,[["render",Be]]),Ne={ref:"wrapper"},Fe={__name:"BentoGrid",setup(e){return l.onMounted(()=>{Promise.resolve().then(()=>Ir).then(a=>{window.customElements.get("iam-bento-grid")||window.customElements.define("iam-bento-grid",a.default)}).catch(a=>{console.log(a.message)})}),(a,t)=>(l.openBlock(),l.createElementBlock("iam-bento-grid",Ne,[l.renderSlot(a.$slots,"default")],512))}},Pe={name:"Card",created(){this.$nextTick(function(){Promise.resolve().then(()=>Yr).then(e=>{window.customElements.get("iam-card")||window.customElements.define("iam-card",e.default)}).catch(e=>{console.log(e.message)})})}};function De(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-card",null,[l.renderSlot(e.$slots,"default")])}const Ve=S(Pe,[["render",De]]),Oe={name:"Header",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>ei).then(e=>{window.customElements.get("iam-carousel")||window.customElements.define("iam-carousel",e.default)}).catch(e=>{console.log(e.message)})})}};function Ie(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-carousel",null,[l.renderSlot(e.$slots,"default")])}const Ue=S(Oe,[["render",Ie]]);window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"collapsible side menu"});class We 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`,o=`@import "${a}/css/components/collapsible-side.css";`,r=document.createElement("template");r.innerHTML=`
|
|
2
2
|
<style class="styles">
|
|
3
3
|
@import "${t}";
|
|
4
4
|
${o}
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
<div class="side-menu" part="side-menu">
|
|
11
11
|
<button class="btn btn-compact fa-chevron-right btn-secondary btn-sm btn-collapse" part="btn">Open or close Collapsible menu</button>
|
|
12
|
+
|
|
12
13
|
<div class="side-menu-content closed" part="side-menu-content">
|
|
13
14
|
<slot name="menu"></slot>
|
|
14
15
|
</div>
|
|
@@ -19,10 +20,10 @@
|
|
|
19
20
|
</div>
|
|
20
21
|
|
|
21
22
|
</div>
|
|
22
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){const
|
|
23
|
-
* iamKey v7.
|
|
23
|
+
`,this.shadowRoot&&this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){if(!this.shadowRoot)return;const a=this.shadowRoot.querySelector(".container"),t=this.shadowRoot.querySelector(".side-menu"),o=this.shadowRoot.querySelector(".side-menu-content"),r=this.shadowRoot.querySelector(".main-content"),i=this.shadowRoot.querySelector(".side-menu > .btn");if(!t||!o||!r||!i)return;if(this.hasAttribute("data-css")){const c=this.shadowRoot.querySelector(".styles");c&&c.insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`)}this.hasAttribute("data-title")||this.setAttribute("data-title","configuration"),o.insertAdjacentHTML("afterbegin",`<span class="h3">${this.getAttribute("data-title")}</span>`),r.insertAdjacentHTML("afterbegin",`<span class="h3">${this.getAttribute("data-title")}</span>`);const n=this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)");n&&n.classList.add("h4","main-content__title"),this.hasAttribute("open")&&window.innerWidth>992&&(t.classList.add("open"),i.setAttribute("aria-expanded","true")),this.hasAttribute("inline")&&a.classList.add("inline"),this.hasAttribute("menu-right")&&t.classList.add("menu-right"),i.addEventListener("click",()=>{t.classList.contains("open")?(t.classList.remove("open"),i.removeAttribute("aria-expanded"),setTimeout(function(){o.classList.add("closed")},1e3),t.classList.add("pe-none"),setTimeout(function(){t.classList.remove("pe-none")},1e3)):(o.classList.remove("closed"),setTimeout(function(){t.classList.add("open"),i.setAttribute("aria-expanded","true")},100))}),t.addEventListener("mouseenter",()=>{window.innerWidth>992&&(t.classList.contains("open")||o.classList.remove("closed"),t.classList.add("hover"))}),t.addEventListener("mousemove",()=>{window.innerWidth>992&&(t.classList.contains("open")||o.classList.remove("closed"))}),t.addEventListener("mouseleave",()=>{window.innerWidth>992&&(t.classList.remove("hover"),t.classList.contains("open")||setTimeout(function(){o.classList.add("closed")},1e3))});const s=this.querySelectorAll(".parent"),d=this.querySelectorAll(".parent > li:first-of-type");d==null||d.forEach(c=>{c.addEventListener("click",()=>{if(!c||!c.parentElement)return!1;c.parentElement.classList.contains("reveal")?c.parentElement.classList.remove("reveal"):(s==null||s.forEach(m=>{m.classList.remove("reveal")}),c.parentElement.classList.add("reveal"))})})}}const Ge=l.defineComponent({__name:"CollapsibleSideMenu",setup(e){return window.customElements.get("iam-collapsible-side")||window.customElements.define("iam-collapsible-side",We),(a,t)=>(l.openBlock(),l.createElementBlock("iam-collapsible-side",null,[l.renderSlot(a.$slots,"default")]))}}),Ke=Object.assign({name:"FileUpload",props:{maxfilesize:{type:Number,required:!1},maxfiles:{type:Number,required:!1}},created(){this.$nextTick(function(){Promise.resolve().then(()=>oi).then(e=>{window.customElements.get("iam-fileupload")||window.customElements.define("iam-fileupload",e.default)}).catch(e=>{console.log(e.message)})})}},{emits:["elementChange","empty","fileRemoved"],setup(e,{emit:a}){const t=a,o=l.ref(null);return l.onMounted(()=>{o.value.addEventListener("elementChange",function(r){t("elementChange",r)}),o.value.addEventListener("empty",function(r){t("empty",r)}),o.value.addEventListener("fileRemoved",function(r){t("fileRemoved",r)})}),(r,i)=>(l.openBlock(),l.createElementBlock("iam-fileupload",{ref_key:"$component",ref:o},[l.renderSlot(r.$slots,"default")],512))}}),Ye={name:"Card",created(){this.$nextTick(function(){Promise.resolve().then(()=>ci).then(e=>{window.customElements.get("iam-filter-card")||window.customElements.define("iam-filter-card",e.default)}).catch(e=>{console.log(e.message)})})}};function Xe(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-filter-card",null,[l.renderSlot(e.$slots,"default")])}const Je=S(Ye,[["render",Xe]]);/*!
|
|
24
|
+
* iamKey v7.4.0
|
|
24
25
|
* Copyright 2022-2025 iamproperty
|
|
25
|
-
*/function
|
|
26
|
+
*/function Qe(e,a){Ze(e,a)}function Ze(e,a){let t;a.addEventListener("keyup",()=>{clearTimeout(t),t=setTimeout(function(){it(e,a.value)},500)}),a.addEventListener("change",()=>{clearTimeout(t),it(e,a.value)})}const it=function(e,a){Array.from(e.querySelectorAll(":scope > li")).forEach(t=>{const o=t.textContent.toLowerCase();t.classList.add("d-none"),o.includes(a.toLowerCase())&&t.classList.remove("d-none")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Filtered list",value:a})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"filterlist"});let ta=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`,o=document.createElement("template");o.innerHTML=`
|
|
26
27
|
<style>
|
|
27
28
|
@import "${t}";
|
|
28
29
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
@@ -49,7 +50,7 @@
|
|
|
49
50
|
<div class="list__wrapper" part="wrapper">
|
|
50
51
|
<slot></slot>
|
|
51
52
|
</div>
|
|
52
|
-
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){const
|
|
53
|
+
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){const a=this.classList.toString();this.shadowRoot.querySelector(".list__wrapper").setAttribute("class",`list__wrapper ${a}`),this.querySelector("i.fa-search")||(this.innerHTML+='<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'),Qe(this.querySelector("ul"),this.shadowRoot.querySelector("#search"))}};window.customElements.get("iam-filterlist")||window.customElements.define("iam-filterlist",ta);const ea={name:"Filter list"};function aa(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-filterlist",null,[l.renderSlot(e.$slots,"default")])}const oa=S(ea,[["render",aa]]),ra={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>mi).then(e=>{window.customElements.get("iam-header")||window.customElements.define("iam-header",e.default)}).catch(e=>{console.log(e.message)})})}},ia=["image"],na=["innerHTML"];function sa(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-header",{image:t.image},[l.renderSlot(e.$slots,"breadcrumb"),t.title?(l.openBlock(),l.createElementBlock("h1",{key:0,innerHTML:t.title},null,8,na)):l.createCommentVNode("",!0),l.renderSlot(e.$slots,"default")],8,ia)}const la=S(ra,[["render",sa]]),ca=Object.assign({components:{},name:"Inline Edit",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>pi).then(e=>{window.customElements.get("iam-inline-edit")||window.customElements.define("iam-inline-edit",e.default)}).catch(e=>{console.log(e.message)})})}},{emits:["save","autosave"],setup(e,{emit:a}){const t=a,o=l.ref(null);return l.onMounted(()=>{o.value.addEventListener("inline-edit-save",function(r){t("save",r)}),o.value.addEventListener("inline-edit-autosave",function(r){t("autosave",r)})}),(r,i)=>(l.openBlock(),l.createElementBlock("iam-inline-edit",{ref_key:"$component",ref:o},[l.renderSlot(r.$slots,"default")],512))}}),da={name:"Multiselect",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>hi).then(e=>{window.customElements.get("iam-multiselect")||window.customElements.define("iam-multiselect",e.default)}).catch(e=>{console.log(e.message)})})}};function ma(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-multiselect",null,[l.renderSlot(e.$slots,"default")])}const ua=S(da,[["render",ma]]),pa={__name:"MultiStep",setup(e){return l.onMounted(()=>{Promise.resolve().then(()=>gi).then(a=>{window.customElements.get("iam-multi-step")||window.customElements.define("iam-multi-step",a.default)}).catch(a=>{console.log(a.message)})}),(a,t)=>(l.openBlock(),l.createElementBlock("iam-multi-step",null,[l.renderSlot(a.$slots,"default")]))}},ha={name:"Menu",created(){this.$nextTick(function(){Promise.resolve().then(()=>vi).then(e=>{window.customElements.get("iam-menu")||window.customElements.define("iam-menu",e.default)}).catch(e=>{console.log(e.message)})})}},ba={ref:"wrapper"};function ga(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-menu",ba,[l.renderSlot(e.$slots,"default")],512)}const fa=S(ha,[["render",ga]]),va={components:{},name:"Nav",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>yi).then(e=>{window.customElements.get("iam-nav")||window.customElements.define("iam-nav",e.default)}).catch(e=>{console.log(e.message)})})},methods:{}},ya={ref:"wrapper"};function wa(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-nav",ya,[l.renderSlot(e.$slots,"default")],512)}const ka=S(va,[["render",wa]]),_a={name:"Table",props:{items:{type:Array,required:!1},fields:{type:Array,required:!1}},computed:{cellHeading(){return e=>`${ce(de(e))}`}},created(){this.$nextTick(function(){Promise.resolve().then(()=>Ni).then(e=>{window.customElements.get("iam-table")||window.customElements.define("iam-table",e.default)}).catch(e=>{console.log(e.message)}),Promise.resolve().then(()=>Da).then(e=>{window.customElements.get("iam-pagination")||window.customElements.define("iam-pagination",e.default)}).catch(e=>{console.log(e.message)})})},updated(){}},xa={key:0},Aa={key:0},La=["data-row-id"],Ea=["innerHTML"];function Sa(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-table",null,[l.renderSlot(e.$slots,"before"),t.fields?(l.openBlock(),l.createElementBlock("table",xa,[l.createElementVNode("thead",null,[l.createElementVNode("tr",null,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(t.fields,n=>(l.openBlock(),l.createElementBlock("th",{key:n.key},l.toDisplayString(i.cellHeading(n.key)),1))),128))])]),t.items?(l.openBlock(),l.createElementBlock("tbody",Aa,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(t.items,(n,s)=>(l.openBlock(),l.createElementBlock("tr",{key:s,"data-row-id":n.rowid},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(Object.fromEntries(Object.entries(n).filter(([d])=>d!=="rowid")),(d,c)=>(l.openBlock(),l.createElementBlock("td",{key:c,innerHTML:d},null,8,Ea))),128))],8,La))),128))])):l.createCommentVNode("",!0)])):l.renderSlot(e.$slots,"default",{key:1})])}const W=S(_a,[["render",Sa]]);let nt=W.props;nt.fields.required=!1;const $a={components:{Table:W,Input:U},data(){return{itemsData:[...this.items]}},methods:{submitForm:function(e){console.log(this);const a=new FormData(e.target);let t=new Date;const o=t.getFullYear();let r=t.getMonth()+1,i=t.getDate();i<10&&(i="0"+i),r<10&&(r="0"+r),t=i+"/"+r+"/"+o,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},...nt,title:{type:String,required:!1},method:{type:String,required:!1,default:"post"},action:{type:String,required:!1}}},qa={class:"container note-feed mb-2"},za=["innerHTML"],Ca=["action","method"],Ma=["value"];function Ta(e,a,t,o,r,i){const n=l.resolveComponent("Table"),s=l.resolveComponent("Input");return l.openBlock(),l.createElementBlock("div",qa,[t.title?(l.openBlock(),l.createElementBlock("span",{key:0,class:"h3",innerHTML:t.title},null,8,za)):l.createCommentVNode("",!0),l.createVNode(n,l.mergeProps({fields:[{key:"date_added"},{key:"user"},{key:"note"}],items:r.itemsData},e.$props,{class:"mb-0"}),null,16,["items"]),l.createElementVNode("form",{action:t.action,method:t.method,onSubmit:a[0]||(a[0]=l.withModifiers(d=>i.submitForm(...arguments),["prevent"]))},[l.createElementVNode("input",{type:"hidden",value:t.user,name:"user"},null,8,Ma),l.createVNode(s,{id:"addNote",type:"textarea",label:"Add note",required:"",class:"mw-100"}),a[1]||(a[1]=l.createElementVNode("button",{class:"btn btn-tertiary"},"Submit note",-1))],40,Ca)])}const Ha=S($a,[["render",Ta]]);function Ra(e){if(e.hasAttribute("data-type")&&e.getAttribute("data-type")=="toast"){let a=document.querySelector(".notification__holder");a||(a=document.createElement("div"),a.classList.add("notification__holder"),a.classList.add("container"),document.querySelector("body").appendChild(a)),e.closest(".notification__holder")||a.appendChild(e)}if(e.setAttribute("role","alert"),e.addEventListener("click",function(a){event&&event.target instanceof HTMLElement&&(event.target.closest("[data-dismiss-button]")||event.target.matches("[data-dismiss-button]"))&&(a.preventDefault(),G(e))},!1),e.hasAttribute("data-timeout")){const a=e.getAttribute("data-timeout"),t=new Ba(function(){G(e)},a);e.addEventListener("mouseenter",()=>{t.pause()}),e.addEventListener("mouseleave",()=>{t.resume()})}}function Ba(e,a){let t,o,r=a;this.pause=function(){window.clearTimeout(t),r-=new Date-o},this.resume=function(){o=new Date,window.clearTimeout(t),t=window.setTimeout(e,r)},this.resume()}const G=function(e){e.classList.add("d-none")},K=e=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:e})},Y=(e,a,t)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:a}),t.forEach(o=>{e.addEventListener(o,function(r){const i={event:o,element:a,target:r.target};Object.keys(r.detail).forEach(n=>{const s=r.detail[n];i[n]=s}),window.dataLayer.push(i)})}),!0);K("iam-notification");class ja 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`,o=`@import "${a}/css/components/notification.css";`,r=`@import "${a}/css/components/notification.global.css";`,i=document.createElement("template");i.innerHTML=`
|
|
53
54
|
<style>
|
|
54
55
|
@import "${t}";
|
|
55
56
|
${o}
|
|
@@ -61,10 +62,10 @@
|
|
|
61
62
|
<div class="notification__inner"><div class="notification__text"><slot></slot></div><div class="notification__btns"><slot name="btns"></slot></div></div>
|
|
62
63
|
<div class="notification__dismiss"></div>
|
|
63
64
|
</div>
|
|
64
|
-
`,this.shadowRoot.appendChild(i.content.cloneNode(!0)),document.getElementById("notificationHolder")||document.head.insertAdjacentHTML("beforeend",`<style id="notificationHolder">${r}</style>`)}connectedCallback(){var
|
|
65
|
-
* iamKey v7.
|
|
65
|
+
`,this.shadowRoot.appendChild(i.content.cloneNode(!0)),document.getElementById("notificationHolder")||document.head.insertAdjacentHTML("beforeend",`<style id="notificationHolder">${r}</style>`)}connectedCallback(){var a,t,o,r,i;const n=this,s=this.hasAttribute("data-type")?"white":"info",d=this.hasAttribute("data-status")?this.getAttribute("data-status"):s;if(this.hasAttribute("data-type")?this.classList.add(`bg-${d}`):this.classList.add(`colour-${d}`),!this.querySelector("i"))switch(d){case"danger":this.insertAdjacentHTML("beforeend",'<i class="fa-solid fa-circle-exclamation" aria-hidden="true" slot="icon"></i>');break;case"warning":this.insertAdjacentHTML("beforeend",'<i class="fa-solid fa-triangle-exclamation" aria-hidden="true" slot="icon"></i>');break;case"success":this.insertAdjacentHTML("beforeend",'<i class="fa-solid fa-check-circle" aria-hidden="true" slot="icon"></i>');break;default:this.insertAdjacentHTML("beforeend",'<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>')}const c=this.querySelectorAll("a,button");Array.from(c).forEach(m=>{m.setAttribute("slot","btns"),m.classList.add("link")}),(c.length||this.hasAttribute("data-dismiss"))&&this.classList.add("notification--dismissable"),c.length?(r=(o=this.shadowRoot)===null||o===void 0?void 0:o.querySelector(".notification__btns"))===null||r===void 0||r.classList.remove("empty"):(t=(a=this.shadowRoot)===null||a===void 0?void 0:a.querySelector(".notification__btns"))===null||t===void 0||t.classList.add("empty"),this.hasAttribute("data-dismiss")&&((i=this.shadowRoot.querySelector(".notification__dismiss"))===null||i===void 0||(i.innerHTML='<button data-dismiss-button part="dismiss-btn">Dismiss</button>'),this.shadowRoot.querySelector(".notification__dismiss [data-dismiss-button]").addEventListener("click",function(){G(n);const m=new CustomEvent("dismiss",{detail:{class:this.classList}});this.dispatchEvent(m)},!1)),Ra(this),Y(this,"iam-notification",["dismiss"])}}const Na={name:"Notification",props:{},created(){this.$nextTick(function(){window.customElements.get("iam-notification")||window.customElements.define("iam-notification",ja)})}};function Fa(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-notification",null,[l.renderSlot(e.$slots,"default")])}const Pa=S(Na,[["render",Fa]]);/*!
|
|
66
|
+
* iamKey v7.4.0
|
|
66
67
|
* Copyright 2022-2025 iamproperty
|
|
67
|
-
*/let
|
|
68
|
+
*/let st=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`,o=document.createElement("template");o.innerHTML=`
|
|
68
69
|
<style>
|
|
69
70
|
@import "${t}";
|
|
70
71
|
.m-0{margin:0 !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.mt-0{margin-top:0 !important}.me-0{margin-right:0 !important}.mb-0{margin-bottom:0 !important}.ms-0{margin-left:0 !important}.m-1{margin:0.5rem !important}.mx-1{margin-left:0.5rem !important;margin-right:0.5rem !important}.my-1{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.mt-1{margin-top:0.5rem !important}.me-1{margin-right:0.5rem !important}.mb-1{margin-bottom:0.5rem !important}.ms-1{margin-left:0.5rem !important}.m-2{margin:1rem !important}.mx-2{margin-left:1rem !important;margin-right:1rem !important}.my-2{margin-top:1rem !important;margin-bottom:1rem !important}.mt-2{margin-top:1rem !important}.me-2{margin-right:1rem !important}.mb-2{margin-bottom:1rem !important}.ms-2{margin-left:1rem !important}.m-3{margin:1.5rem !important}.mx-3{margin-left:1.5rem !important;margin-right:1.5rem !important}.my-3{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.mt-3{margin-top:1.5rem !important}.me-3{margin-right:1.5rem !important}.mb-3{margin-bottom:1.5rem !important}.ms-3{margin-left:1.5rem !important}.m-4{margin:2rem !important}.mx-4{margin-left:2rem !important;margin-right:2rem !important}.my-4{margin-top:2rem !important;margin-bottom:2rem !important}.mt-4{margin-top:2rem !important}.me-4{margin-right:2rem !important}.mb-4{margin-bottom:2rem !important}.ms-4{margin-left:2rem !important}.m-5{margin:3rem !important}.mx-5{margin-left:3rem !important;margin-right:3rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.mt-5{margin-top:3rem !important}.me-5{margin-right:3rem !important}.mb-5{margin-bottom:3rem !important}.ms-5{margin-left:3rem !important}.m-auto{margin:auto !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-auto{margin-top:auto !important}.me-auto{margin-right:auto !important}.mb-auto{margin-bottom:auto !important}.ms-auto{margin-left:auto !important}: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:has(.prev:disabled):has(.next:disabled){display:none;padding:0}.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 */
|
|
@@ -102,13 +103,13 @@
|
|
|
102
103
|
<button class="load-more btn btn-primary m-auto">Load more</a>
|
|
103
104
|
</div>
|
|
104
105
|
</div>
|
|
105
|
-
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){const
|
|
106
|
+
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){const a=new URLSearchParams(window.location.search);this.hasAttribute("data-total")||this.setAttribute("data-total",15),this.hasAttribute("data-page")||this.setAttribute("data-page",a.has("page")?a.get("page"):1),this.hasAttribute("data-show")||this.setAttribute("data-show",a.has("show")?a.get("show"):15),this.hasAttribute("data-increment")||this.setAttribute("data-increment",this.getAttribute("data-show"));const t=this.shadowRoot.querySelector(".page-jump select"),o=this.shadowRoot.querySelector(".prev"),r=this.shadowRoot.querySelector(".next"),i=this.shadowRoot.querySelector(".per-page select"),n=this.shadowRoot.querySelector(".load-more");this.setup(),t.addEventListener("change",c=>{this.setAttribute("data-show",this.getAttribute("data-increment")),this.setAttribute("data-page",c.target.value)}),r.addEventListener("click",()=>{t.value=parseInt(t.value)+1,t.dispatchEvent(new Event("change"))}),o.addEventListener("click",()=>{t.value=parseInt(t.value)-1,t.dispatchEvent(new Event("change"))}),i.addEventListener("change",c=>{this.setAttribute("data-increment",c.target.value)});const s=parseInt(this.getAttribute("data-increment")),d=parseInt(this.getAttribute("data-show"));d>=parseInt(this.getAttribute("data-total"))&&n.remove(),n.addEventListener("click",()=>{const c=d+s;this.setAttribute("data-show",c),c>parseInt(this.getAttribute("data-total"))&&n.remove()})}setup(){const a=this.shadowRoot.querySelector(".pagination"),t=this.shadowRoot.querySelector(".page-jump select"),o=this.shadowRoot.querySelector(".prev"),r=this.shadowRoot.querySelector(".next"),i=this.shadowRoot.querySelector(".item-count"),n=this.shadowRoot.querySelector(".per-page select"),s=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")),h=Math.ceil(c/u);c>m&&a.classList.remove("d-none");let p="";for(let y=1;y<=h;y++)p+=`<option value="${y}" ${y==d?"selected":""}>${y}</option>`;t.innerHTML=p,s.innerHTML=`of ${h}`,d==h?r.setAttribute("disabled","disabled"):r.removeAttribute("disabled"),d==1?o.setAttribute("disabled","disabled"):o.removeAttribute("disabled");const b=d==1?1:(d-1)*m+1,f=d==1?m:d*m;i.innerHTML=`${b} - ${f>c?c:f} of ${c} items`;const g=[15,25,40,50];u&&n.value!=u&&!g.includes(u)&&(n.innerHTML=`<option value="${u}">${u}</option>
|
|
106
107
|
<option value="${u*2}">${u*2}</option>
|
|
107
108
|
<option value="${u*3}">${u*3}</option>
|
|
108
|
-
<option value="${u*4}">${u*4}</option>`),n.value=u}static get observedAttributes(){return["data-total","data-increment","data-page","data-show"]}attributeChangedCallback(e,t,o){switch(e){case"data-total":{t!=o&&this.setup();break}case"data-show":{t!=o&&(this.setup(),this.dispatchEvent(new CustomEvent("update-show",{detail:{show:o}})));break}case"data-increment":{t!=o&&(this.setAttribute("data-show",o),this.setup(),this.dispatchEvent(new CustomEvent("update-show",{detail:{show:o}})));break}case"data-page":{t&&t!=o&&(this.setup(),console.log(o),this.dispatchEvent(new CustomEvent("update-page",{detail:{page:o}})));break}}}};const Ra=Object.freeze(Object.defineProperty({__proto__:null,default:at},Symbol.toStringTag,{value:"Module"})),Ba={name:"Pagination",props:{},computed:{},created(){this.$nextTick(function(){window.customElements.get("iam-pagination")||window.customElements.define("iam-pagination",at)})},updated(){}};function ja(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("iam-pagination")}const Fa=S(Ba,[["render",ja]]),Na={components:{Input:V},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"}]}}},Pa={class:"container",ref:"wrapper"},Da={class:"property-searchbar"},Va=["action","method"],Ia={class:"col-12 col-md-3"},Oa={class:"col-12 col-md"},Ua={class:"row","data-input-range":""},Wa={class:"col-12 col-md"},Ga={class:"row","data-input-range":""},Xa={class:"col-12 col-md-2"};function Ya(a,e,t,o,r,i){const n=s.resolveComponent("Input");return s.openBlock(),s.createElementBlock("div",Pa,[s.renderSlot(a.$slots,"default"),s.createElementVNode("div",Da,[s.createElementVNode("form",{class:"row",action:t.formaction,method:t.formmethod},[s.createElementVNode("fieldset",Ia,[s.createVNode(n,{inputClass:"input--locations",modelValue:i.locationSet,"onUpdate:modelValue":e[0]||(e[0]=c=>i.locationSet=c),label:"Location",id:"location",options:i.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:e[1]||(e[1]=c=>i.locationKeyup(...arguments)),ref:"search"},null,8,["modelValue","options"]),s.createVNode(n,{class:"select--miles",label:"Miles",id:"miles",type:"select",options:t.distances},null,8,["options"])]),s.createElementVNode("fieldset",Oa,[e[2]||(e[2]=s.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1)),s.createElementVNode("div",Ua,[s.createVNode(n,{class:"col-6",label:"Minimum price",id:"price-min","data-min":"true",type:"select",options:t.pricemin},null,8,["options"]),s.createVNode(n,{class:"col-6",label:"Maximum price",id:"price-max","data-max":"true",type:"select",options:t.pricemax},null,8,["options"])])]),s.createElementVNode("fieldset",Wa,[e[3]||(e[3]=s.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1)),s.createElementVNode("div",Ga,[s.createVNode(n,{class:"col-6",label:"Minimum beds",id:"beds-min","data-min":"true",type:"select",options:t.bedsmin},null,8,["options"]),s.createVNode(n,{class:"col-6",label:"Maximum beds",id:"beds-max","data-max":"true",type:"select",options:t.bedsmax},null,8,["options"])])]),s.createElementVNode("fieldset",Xa,[s.createVNode(n,{label:"Property type",id:"property-type",type:"select",options:t.propertytypes},null,8,["options"])]),e[4]||(e[4]=s.createElementVNode("div",{class:"col-12 col-md mw-md-fit-content d-flex property-searchbar__btn"},[s.createElementVNode("button",{class:"btn w-100 me-0",type:"submit",value:"submit"},"Search")],-1))],8,Va)]),s.renderSlot(a.$slots,"after")],512)}const Ka=S(Na,[["render",Ya]]),Ja={name:"Card",created(){this.$nextTick(function(){Promise.resolve().then(()=>Bi).then(a=>{window.customElements.get("iam-record-card")||window.customElements.define("iam-record-card",a.default)}).catch(a=>{console.log(a.message)})})}};function Qa(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("iam-record-card",null,[s.renderSlot(a.$slots,"default")])}const Za=S(Ja,[["render",Qa]]),to={name:"Search",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Pi).then(a=>{window.customElements.get("iam-search")||window.customElements.define("iam-search",a.default)}).catch(a=>{console.log(a.message)})})}};function eo(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("iam-search",null,[s.renderSlot(a.$slots,"default")])}const ao=S(to,[["render",eo]]),oo={name:"Slider",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Di).then(a=>{window.customElements.get("iam-slider")||window.customElements.define("iam-slider",a.default)}).catch(a=>{console.log(a.message)})})}};function ro(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("iam-slider",null,[s.renderSlot(a.$slots,"default")])}const io=S(oo,[["render",ro]]),no={name:"Snapshot",props:{items:{type:Array,required:!0}}},so={class:"container snapshot",ref:"wrapper"},lo={class:"row"},co=["href"],mo={class:"lead snapshot__title"},uo={class:"stat"};function po(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("div",so,[s.renderSlot(a.$slots,"default"),s.createElementVNode("div",lo,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(t.items,(n,c)=>(s.openBlock(),s.createElementBlock("div",{class:"col",key:c},[n.link?(s.openBlock(),s.createElementBlock("a",{key:0,href:n.link},"View "+s.toDisplayString(n.title),9,co)):s.createCommentVNode("",!0),s.createElementVNode("div",{class:s.normalizeClass(`snapshot__item ${n.bg?"bg-"+n.bg:""}`)},[s.createElementVNode("span",mo,s.toDisplayString(n.title),1),s.createElementVNode("span",uo,s.toDisplayString(n.number),1)],2)]))),128))])],512)}const ho=S(no,[["render",po]]),bo={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},go={class:"container"},fo=["aria-label"],vo={key:0,class:"h6 stepper__start"},yo={class:"list-unstyled"},wo={class:"h6 stepper__end"};function ko(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("div",go,[s.createElementVNode("nav",{class:"stepper","aria-label":t.label?t.label:"Progress"},[t.label?(s.openBlock(),s.createElementBlock("span",vo,s.toDisplayString(t.label),1)):s.createCommentVNode("",!0),s.createElementVNode("ol",yo,[s.renderSlot(a.$slots,"default")]),s.createElementVNode("span",wo,s.toDisplayString(t.endlabel),1)],8,fo)])}const _o=S(bo,[["render",ko]]),xo={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},Ao=["href","aria-current"],Lo={key:0,class:"visually-hidden"};function So(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("li",null,[s.createElementVNode("a",{href:t.url,class:s.normalizeClass(`${t.status?"bg-"+t.status:""}${typeof t.current<"u"?"current":""}`),"aria-current":typeof t.current<"u"?"step":!1},[s.createElementVNode("span",null,[s.renderSlot(a.$slots,"default")]),t.status?(s.openBlock(),s.createElementBlock("em",Lo," - status: "+s.toDisplayString(t.status),1)):s.createCommentVNode("",!0)],10,Ao)])}const Eo=S(xo,[["render",So]]),qo={name:"Tabs",created(){this.$nextTick(function(){Promise.resolve().then(()=>Yi).then(a=>{window.customElements.get("iam-tabs")||window.customElements.define("iam-tabs",a.default)}).catch(a=>{console.log(a.message)})})}},$o={ref:"wrapper"};function zo(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("iam-tabs",$o,[s.renderSlot(a.$slots,"default")],512)}const Co=S(qo,[["render",zo]]),Mo={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}}},To={class:"tab"},Ho=["innerHTML"];function Ro(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("details",To,[s.createElementVNode("summary",{innerHTML:t.title,class:s.normalizeClass({disabled:r.isDisabled})},null,10,Ho),s.renderSlot(a.$slots,"default")])}const Bo=S(Mo,[["render",Ro]]);function jo(a){let e;const t=a.querySelector(".testimonial__images"),o=t.querySelectorAll("img").length;if(o==1)return!1;a.classList.add("testimonial--multi");const r=function(i){const n=a.querySelector(".btn-next"),c=a.querySelector(".btn-prev");n.setAttribute("data-go",i+1),c.setAttribute("data-go",i-1),n.removeAttribute("disabled"),c.removeAttribute("disabled"),i==1?c.setAttribute("disabled",!0):i==o&&n.setAttribute("disabled",!0)};t.addEventListener("scroll",function(){clearTimeout(e),e=setTimeout(function(){const i=t.scrollWidth,n=t.scrollHeight,c=t.scrollLeft,m=t.scrollTop;let l=Math.round(c/i*o)+1;c==0&&m!=0&&(l=Math.round(m/n*o)+1),a.setAttribute("data-show",l),r(l)},300)},!1),a.addEventListener("click",function(i){for(let n=i.target;n&&n!=this;n=n.parentNode)if(n.matches("[data-go]")){const c=parseInt(n.getAttribute("data-go"));let m=0,l=0;const d=t.scrollWidth,u=t.scrollHeight;d>u?l=Math.floor(d*((c-1)/o)):m=Math.floor(u*((c-1)/o)),t.scroll({top:m,left:l,behavior:"smooth"});break}},!1)}const Fo={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){jo(this.$refs.wrapper)}},No={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},Po={class:"row"},Do={class:"col-md-5 position-relative"},Vo={class:"testimonial__images"},Io=["src"],Oo={class:"col-md-7"},Uo={class:"testimonial__content"},Wo=["innerHTML"],Go=["innerHTML"],Xo={class:"testimonial__after"};function Yo(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("div",No,[s.createElementVNode("div",{class:s.normalizeClass("bg-"+t.background)},[s.createElementVNode("div",Po,[s.createElementVNode("div",Do,[s.createElementVNode("div",Vo,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(t.items,(n,c)=>(s.openBlock(),s.createElementBlock("img",{key:c,src:n.image?n.image:"data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",alt:"",class:s.normalizeClass("h-100 w-100 object-cover"+(n.image?"":" opacity-0"))},null,10,Io))),128))]),e[0]||(e[0]=s.createElementVNode("div",{class:"testimonial__controls"},[s.createElementVNode("button",{"data-go":"0",disabled:"",class:"btn-prev"},"Previous"),s.createElementVNode("button",{"data-go":"2",class:"btn-next"},"Next")],-1))]),s.createElementVNode("div",Oo,[e[1]||(e[1]=s.createElementVNode("h2",null,"What our customers think…",-1)),s.createElementVNode("div",Uo,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(t.items,(n,c)=>(s.openBlock(),s.createElementBlock("blockquote",{key:c,class:s.normalizeClass(n.class)},[s.createElementVNode("div",{innerHTML:n.quote},null,8,Wo),s.createElementVNode("cite",{innerHTML:n.cite},null,8,Go)],2))),128))]),s.createElementVNode("div",Xo,[s.renderSlot(a.$slots,"default")])])]),e[2]||(e[2]=s.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1))],2)],512)}const Ko=S(Fo,[["render",Yo]]),Jo={name:"Timeline",props:{image:{type:String,required:!1}}},Qo={class:"timeline"},Zo={class:"timeline__content"},tr=["src"];function er(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("div",Qo,[s.createElementVNode("div",Zo,[s.renderSlot(a.$slots,"default")]),t.image?(s.openBlock(),s.createElementBlock("img",{key:0,src:t.image,alt:""},null,8,tr)):s.createCommentVNode("",!0)])}const ar=S(Jo,[["render",er]]),or={name:"Video card",created(){this.$nextTick(function(){Promise.resolve().then(()=>rn).then(a=>{window.customElements.get("iam-video-card")||window.customElements.define("iam-video-card",a.default)}).catch(a=>{console.log(a.message)})})}};function rr(a,e,t,o,r,i){return s.openBlock(),s.createElementBlock("iam-video-card",null,[s.renderSlot(a.$slots,"default")])}const ir=S(or,[["render",rr]]);/*!
|
|
109
|
-
* iamKey v7.
|
|
109
|
+
<option value="${u*4}">${u*4}</option>`),n.value=u}static get observedAttributes(){return["data-total","data-increment","data-page","data-show"]}attributeChangedCallback(a,t,o){switch(a){case"data-total":{t!=o&&this.setup();break}case"data-show":{t!=o&&(this.setup(),this.dispatchEvent(new CustomEvent("update-show",{detail:{show:o}})));break}case"data-increment":{t!=o&&(this.setAttribute("data-show",o),this.setup(),this.dispatchEvent(new CustomEvent("update-show",{detail:{show:o}})));break}case"data-page":{t&&t!=o&&(this.setup(),console.log(o),this.dispatchEvent(new CustomEvent("update-page",{detail:{page:o}})));break}}}};const Da=Object.freeze(Object.defineProperty({__proto__:null,default:st},Symbol.toStringTag,{value:"Module"})),Va={name:"Pagination",props:{},computed:{},created(){this.$nextTick(function(){window.customElements.get("iam-pagination")||window.customElements.define("iam-pagination",st)})},updated(){}};function Oa(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-pagination")}const Ia=S(Va,[["render",Oa]]),Ua={components:{Input:U},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"}]}}},Wa={class:"container",ref:"wrapper"},Ga={class:"property-searchbar"},Ka=["action","method"],Ya={class:"col-12 col-md-3"},Xa={class:"col-12 col-md"},Ja={class:"row","data-input-range":""},Qa={class:"col-12 col-md"},Za={class:"row","data-input-range":""},to={class:"col-12 col-md-2"};function eo(e,a,t,o,r,i){const n=l.resolveComponent("Input");return l.openBlock(),l.createElementBlock("div",Wa,[l.renderSlot(e.$slots,"default"),l.createElementVNode("div",Ga,[l.createElementVNode("form",{class:"row",action:t.formaction,method:t.formmethod},[l.createElementVNode("fieldset",Ya,[l.createVNode(n,{inputClass:"input--locations",modelValue:i.locationSet,"onUpdate:modelValue":a[0]||(a[0]=s=>i.locationSet=s),label:"Location",id:"location",options:i.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:a[1]||(a[1]=s=>i.locationKeyup(...arguments)),ref:"search"},null,8,["modelValue","options"]),l.createVNode(n,{class:"select--miles",label:"Miles",id:"miles",type:"select",options:t.distances},null,8,["options"])]),l.createElementVNode("fieldset",Xa,[a[2]||(a[2]=l.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1)),l.createElementVNode("div",Ja,[l.createVNode(n,{class:"col-6",label:"Minimum price",id:"price-min","data-min":"true",type:"select",options:t.pricemin},null,8,["options"]),l.createVNode(n,{class:"col-6",label:"Maximum price",id:"price-max","data-max":"true",type:"select",options:t.pricemax},null,8,["options"])])]),l.createElementVNode("fieldset",Qa,[a[3]||(a[3]=l.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1)),l.createElementVNode("div",Za,[l.createVNode(n,{class:"col-6",label:"Minimum beds",id:"beds-min","data-min":"true",type:"select",options:t.bedsmin},null,8,["options"]),l.createVNode(n,{class:"col-6",label:"Maximum beds",id:"beds-max","data-max":"true",type:"select",options:t.bedsmax},null,8,["options"])])]),l.createElementVNode("fieldset",to,[l.createVNode(n,{label:"Property type",id:"property-type",type:"select",options:t.propertytypes},null,8,["options"])]),a[4]||(a[4]=l.createElementVNode("div",{class:"col-12 col-md mw-md-fit-content d-flex property-searchbar__btn"},[l.createElementVNode("button",{class:"btn w-100 me-0",type:"submit",value:"submit"},"Search")],-1))],8,Ka)]),l.renderSlot(e.$slots,"after")],512)}const ao=S(Ua,[["render",eo]]),oo={name:"Card",created(){this.$nextTick(function(){Promise.resolve().then(()=>Ii).then(e=>{window.customElements.get("iam-record-card")||window.customElements.define("iam-record-card",e.default)}).catch(e=>{console.log(e.message)})})}};function ro(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-record-card",null,[l.renderSlot(e.$slots,"default")])}const io=S(oo,[["render",ro]]),no={name:"Search",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Yi).then(e=>{window.customElements.get("iam-search")||window.customElements.define("iam-search",e.default)}).catch(e=>{console.log(e.message)})})}};function so(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-search",null,[l.renderSlot(e.$slots,"default")])}const lo=S(no,[["render",so]]),co={name:"Slider",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Xi).then(e=>{window.customElements.get("iam-slider")||window.customElements.define("iam-slider",e.default)}).catch(e=>{console.log(e.message)})})}};function mo(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-slider",null,[l.renderSlot(e.$slots,"default")])}const uo=S(co,[["render",mo]]),po={name:"Snapshot",props:{items:{type:Array,required:!0}}},ho={class:"container snapshot",ref:"wrapper"},bo={class:"row"},go=["href"],fo={class:"lead snapshot__title"},vo={class:"stat"};function yo(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("div",ho,[l.renderSlot(e.$slots,"default"),l.createElementVNode("div",bo,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(t.items,(n,s)=>(l.openBlock(),l.createElementBlock("div",{class:"col",key:s},[n.link?(l.openBlock(),l.createElementBlock("a",{key:0,href:n.link},"View "+l.toDisplayString(n.title),9,go)):l.createCommentVNode("",!0),l.createElementVNode("div",{class:l.normalizeClass(`snapshot__item ${n.bg?"bg-"+n.bg:""}`)},[l.createElementVNode("span",fo,l.toDisplayString(n.title),1),l.createElementVNode("span",vo,l.toDisplayString(n.number),1)],2)]))),128))])],512)}const wo=S(po,[["render",yo]]),ko={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},_o={class:"container"},xo=["aria-label"],Ao={key:0,class:"h6 stepper__start"},Lo={class:"list-unstyled"},Eo={class:"h6 stepper__end"};function So(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("div",_o,[l.createElementVNode("nav",{class:"stepper","aria-label":t.label?t.label:"Progress"},[t.label?(l.openBlock(),l.createElementBlock("span",Ao,l.toDisplayString(t.label),1)):l.createCommentVNode("",!0),l.createElementVNode("ol",Lo,[l.renderSlot(e.$slots,"default")]),l.createElementVNode("span",Eo,l.toDisplayString(t.endlabel),1)],8,xo)])}const $o=S(ko,[["render",So]]),qo={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},zo=["href","aria-current"],Co={key:0,class:"visually-hidden"};function Mo(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("li",null,[l.createElementVNode("a",{href:t.url,class:l.normalizeClass(`${t.status?"bg-"+t.status:""}${typeof t.current<"u"?"current":""}`),"aria-current":typeof t.current<"u"?"step":!1},[l.createElementVNode("span",null,[l.renderSlot(e.$slots,"default")]),t.status?(l.openBlock(),l.createElementBlock("em",Co," - status: "+l.toDisplayString(t.status),1)):l.createCommentVNode("",!0)],10,zo)])}const To=S(qo,[["render",Mo]]),Ho={name:"Tabs",created(){this.$nextTick(function(){Promise.resolve().then(()=>rn).then(e=>{window.customElements.get("iam-tabs")||window.customElements.define("iam-tabs",e.default)}).catch(e=>{console.log(e.message)})})}},Ro={ref:"wrapper"};function Bo(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-tabs",Ro,[l.renderSlot(e.$slots,"default")],512)}const jo=S(Ho,[["render",Bo]]),No={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}}},Fo={class:"tab"},Po=["innerHTML"];function Do(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("details",Fo,[l.createElementVNode("summary",{innerHTML:t.title,class:l.normalizeClass({disabled:r.isDisabled})},null,10,Po),l.renderSlot(e.$slots,"default")])}const Vo=S(No,[["render",Do]]);function Oo(e){let a;const t=e.querySelector(".testimonial__images"),o=t.querySelectorAll("img").length;if(o==1)return!1;e.classList.add("testimonial--multi");const r=function(i){const n=e.querySelector(".btn-next"),s=e.querySelector(".btn-prev");n.setAttribute("data-go",i+1),s.setAttribute("data-go",i-1),n.removeAttribute("disabled"),s.removeAttribute("disabled"),i==1?s.setAttribute("disabled",!0):i==o&&n.setAttribute("disabled",!0)};t.addEventListener("scroll",function(){clearTimeout(a),a=setTimeout(function(){const i=t.scrollWidth,n=t.scrollHeight,s=t.scrollLeft,d=t.scrollTop;let c=Math.round(s/i*o)+1;s==0&&d!=0&&(c=Math.round(d/n*o)+1),e.setAttribute("data-show",c),r(c)},300)},!1),e.addEventListener("click",function(i){for(let n=i.target;n&&n!=this;n=n.parentNode)if(n.matches("[data-go]")){const s=parseInt(n.getAttribute("data-go"));let d=0,c=0;const m=t.scrollWidth,u=t.scrollHeight;m>u?c=Math.floor(m*((s-1)/o)):d=Math.floor(u*((s-1)/o)),t.scroll({top:d,left:c,behavior:"smooth"});break}},!1)}const Io={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){Oo(this.$refs.wrapper)}},Uo={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},Wo={class:"row"},Go={class:"col-md-5 position-relative"},Ko={class:"testimonial__images"},Yo=["src"],Xo={class:"col-md-7"},Jo={class:"testimonial__content"},Qo=["innerHTML"],Zo=["innerHTML"],tr={class:"testimonial__after"};function er(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("div",Uo,[l.createElementVNode("div",{class:l.normalizeClass("bg-"+t.background)},[l.createElementVNode("div",Wo,[l.createElementVNode("div",Go,[l.createElementVNode("div",Ko,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(t.items,(n,s)=>(l.openBlock(),l.createElementBlock("img",{key:s,src:n.image?n.image:"data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",alt:"",class:l.normalizeClass("h-100 w-100 object-cover"+(n.image?"":" opacity-0"))},null,10,Yo))),128))]),a[0]||(a[0]=l.createElementVNode("div",{class:"testimonial__controls"},[l.createElementVNode("button",{"data-go":"0",disabled:"",class:"btn-prev"},"Previous"),l.createElementVNode("button",{"data-go":"2",class:"btn-next"},"Next")],-1))]),l.createElementVNode("div",Xo,[a[1]||(a[1]=l.createElementVNode("h2",null,"What our customers think…",-1)),l.createElementVNode("div",Jo,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(t.items,(n,s)=>(l.openBlock(),l.createElementBlock("blockquote",{key:s,class:l.normalizeClass(n.class)},[l.createElementVNode("div",{innerHTML:n.quote},null,8,Qo),l.createElementVNode("cite",{innerHTML:n.cite},null,8,Zo)],2))),128))]),l.createElementVNode("div",tr,[l.renderSlot(e.$slots,"default")])])]),a[2]||(a[2]=l.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1))],2)],512)}const ar=S(Io,[["render",er]]),or={name:"Timeline",props:{image:{type:String,required:!1}}},rr={class:"timeline"},ir={class:"timeline__content"},nr=["src"];function sr(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("div",rr,[l.createElementVNode("div",ir,[l.renderSlot(e.$slots,"default")]),t.image?(l.openBlock(),l.createElementBlock("img",{key:0,src:t.image,alt:""},null,8,nr)):l.createCommentVNode("",!0)])}const lr=S(or,[["render",sr]]),cr={name:"Video card",created(){this.$nextTick(function(){Promise.resolve().then(()=>pn).then(e=>{window.customElements.get("iam-video-card")||window.customElements.define("iam-video-card",e.default)}).catch(e=>{console.log(e.message)})})}};function dr(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-video-card",null,[l.renderSlot(e.$slots,"default")])}const mr=S(cr,[["render",dr]]),ur={name:"Milestone",props:{},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>kn).then(e=>{window.customElements.get("iam-milestone")||window.customElements.define("iam-milestone",e.default)}).catch(e=>{console.log(e.message)})})}},pr={class:"milestone"};function hr(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-milestone",pr,[l.renderSlot(e.$slots,"default")])}const br=S(ur,[["render",hr]]),gr={name:"MilestoneGroup",props:{},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Sn).then(e=>{window.customElements.get("iam-milestone-group")||window.customElements.define("iam-milestone-group",e.default)}).catch(e=>{console.log(e.message)})})}};function fr(e,a,t,o,r,i){return l.openBlock(),l.createElementBlock("iam-milestone-group",null,[l.renderSlot(e.$slots,"default")])}const vr=S(gr,[["render",fr]]);/*!
|
|
110
|
+
* iamKey v7.4.0
|
|
110
111
|
* Copyright 2022-2025 iamproperty
|
|
111
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"accordion"});class
|
|
112
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"accordion"});class yr extends HTMLElement{constructor(){var a;super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",o=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
112
113
|
<style>
|
|
113
114
|
@import "${o}";
|
|
114
115
|
|
|
@@ -123,12 +124,12 @@
|
|
|
123
124
|
}
|
|
124
125
|
</style>
|
|
125
126
|
<slot></slot>
|
|
126
|
-
`,(
|
|
127
|
-
* iamKey v7.
|
|
127
|
+
`,(a=this.shadowRoot)===null||a===void 0||a.appendChild(r.content.cloneNode(!0))}connectedCallback(){if(!this.classList.contains("accordion--keep-open")){const a=this.querySelectorAll(":scope > details");a.forEach(t=>{t.addEventListener("toggle",()=>{a.forEach(o=>{o!==t&&t.hasAttribute("open")&&o.removeAttribute("open")})})})}}}const wr=Object.freeze(Object.defineProperty({__proto__:null,default:yr},Symbol.toStringTag,{value:"Module"}));/*!
|
|
128
|
+
* iamKey v7.4.0
|
|
128
129
|
* Copyright 2022-2025 iamproperty
|
|
129
|
-
*/const
|
|
130
|
+
*/const kr=(e=1)=>Math.floor(Math.random()*Date.now()*(e+1));window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"action bar"});function lt(e,a){e&&a=="all"?(e.querySelector("input").indeterminate=!1,e.querySelector("input").checked=!0,e.querySelector("label").textContent="Select all"):e&&a==0?(e.querySelector("input").indeterminate=!1,e.querySelector("input").checked=!1,e.querySelector("label").textContent="Select all"):e&&a?(e.querySelector("input").indeterminate=!0,e.querySelector("input").checked=!1,e.querySelector("label").textContent=`${a} item${a>1?"s":""} selected`):e&&(e.querySelector("input").checked=!1,e.querySelector("input").indeterminate=!1,e.querySelector("label").textContent="Select all")}const _r=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const a=document.createElement("template");a.innerHTML=`
|
|
130
131
|
<style>
|
|
131
|
-
@layer elements{label{display:inline-block}input,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}select{text-transform:none}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none !important}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}:is(label:not(.tag),.label){font-size:1.125rem;line-height:1.3125rem;margin-bottom:0.5rem;font-weight:normal;color:var(--colour-heading);display:block}:is(label:not(.tag),.label):has(+input:not(:disabled):not([readonly]):not(:required):not([type=radio]):not([type=checkbox]):not([type=file])):after{content:" (Optional)"}:is(label:not(.tag),.label):has(input:not(:disabled):not([readonly]):not(:required):not([type=radio]):not([type=checkbox]):not([type=file])) .optional-text:before{content:" (Optional)"}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal)){display:block;width:100%;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);color:var(--colour-body);background-color:var(--colour-canvas-2);background-clip:padding-box;border:2px solid var(--colour-primary);appearance:none;border-radius:0.5rem;margin-bottom:1.5rem;min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px)}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal)):is(textarea){max-height:100%}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal)):is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0;box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal))::-webkit-date-and-time-value{height:1.5em}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal)):disabled{background-color:#ccd6d8;opacity:.4;cursor:not-allowed}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range])){max-width:var(--input-max-width, 50rem)}textarea{--textarea-height-scale: 3;min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)*var(--textarea-height-scale) + 4px) !important}fieldset{width:100%}legend{font-family:var(--font-heading);font-style:normal;font-weight:var(--heading-weight);line-height:2rem;color:var(--colour-heading);margin:0;clear:both;display:block;float:none;font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),2),.25rem);line-height:round(up,1em*var(--type-scale),.25rem);padding-bottom:.5rem;max-width:var(--content-max-width);min-width:100%}div:has(>label:first-child):has(>input){position:relative;max-width:var(--input-max-width, 50rem);margin-bottom:1.5rem;display:flex;flex-wrap:wrap;align-items:center}div:has(>label:first-child):has(>input) input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),div:has(>label:first-child):has(>input) output,div:has(>label:first-child):has(>input) .prefix,div:has(>label:first-child):has(>input) .suffix{margin-bottom:0 !important}div:has(>label:first-child):has(>input)>*:not(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range])):not(output):not(.prefix):not(.suffix){flex-shrink:0;width:100%}div:has(>label:first-child):has(>input) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output){flex-shrink:1;flex-grow:1;width:0}div:has(>label:first-child):has(>input) input~*:not(output){order:5;margin-top:0.5rem}input[type=color]{width:3rem !important;flex-shrink:0 !important;flex-grow:0 !important;border-start-end-radius:0 !important;border-end-end-radius:0 !important;padding:0 !important;overflow:hidden;cursor:pointer !important}input[type=color]::-moz-color-swatch{border-radius:0;border:none}input[type=color]::-webkit-color-swatch{border-radius:0;border:none}label :is(div,span,fieldset):has(input[type=color]+output){display:flex}input[type=color]+output{border-left:none !important;border-end-start-radius:0 !important;border-start-start-radius:0 !important;margin:0 !important}output{margin-top:.5rem !important;margin-bottom:0 !important}div:has(>:is(.form-control-sm,.input--sm)){--input-fs: 0.875rem;--input-lh: 1rem;--input-padding-block: 0.625rem;--input-padding-inline: 0.875rem}div:has(>:is(.form-control-lg,.input--sm)){--input-fs: 1.5rem;--input-lh: 1.8125rem;--input-padding-block: 1.25rem;--input-padding-inline: 1.375rem}div:has(>label:first-child):has(>input):has(>:is(.form-control-inline,.input--inline)) label{flex-shrink:0;white-space:nowrap;width:fit-content !important;margin:0;margin-inline-end:1rem}*:has(>input[readonly]){position:relative;max-width:var(--input-max-width, 50rem)}*:has(>input[readonly]):after{font-family:"Font Awesome 6 Pro";font-weight:300;content:"";position:absolute;font-size:var(--input-lh, 1.25rem);height:var(--input-lh, 1.25rem);width:var(--input-lh, 1.25rem);bottom:calc(var(--input-padding-block, 0.75rem) + 2px);right:calc(var(--input-padding-block, 1rem) + 2px);text-align:center}:is(.prefix,.suffix){display:none;pointer-events:none}@supports selector(:has(*)){:is(.prefix,.suffix){display:inline-block;width:auto;padding:var(--input-padding-block, 0.75rem) var(--input-padding-block, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-body);background-color:var(--colour-primary-theme);border:2px solid var(--colour-primary);color:var(--colour-white);margin-top:0 !important;margin-bottom:1rem;border-end-start-radius:0.5rem;border-start-start-radius:0.5rem;min-width:calc(2.75rem + 4px);overflow:hidden;white-space:nowrap;text-align:center;text-overflow:ellipsis;position:relative;min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px);flex-shrink:0}:is(.prefix,.suffix):after{display:inline-block;max-width:1.25rem}:is(.prefix,.suffix)[class*=fa-]{width:calc(2.75rem + 4px);padding-inline:0}:is(.prefix,.suffix) select{position:absolute;inset:0;opacity:0;cursor:pointer}:is(.prefix,.suffix) span{display:none}:is(.prefix,.suffix) select:has(option:nth-child(1):checked)~span:nth-of-type(1),:is(.prefix,.suffix) select:has(option:nth-child(2):checked)~span:nth-of-type(2),:is(.prefix,.suffix) select:has(option:nth-child(3):checked)~span:nth-of-type(3),:is(.prefix,.suffix) select:has(option:nth-child(4):checked)~span:nth-of-type(4),:is(.prefix,.suffix) select:has(option:nth-child(5):checked)~span:nth-of-type(5),:is(.prefix,.suffix) select:has(option:nth-child(6):checked)~span:nth-of-type(6),:is(.prefix,.suffix) select:has(option:nth-child(7):checked)~span:nth-of-type(7),:is(.prefix,.suffix) select:has(option:nth-child(8):checked)~span:nth-of-type(8),:is(.prefix,.suffix) select:has(option:nth-child(9):checked)~span:nth-of-type(9),:is(.prefix,.suffix) select:has(option:nth-child(10):checked)~span:nth-of-type(10){display:block}:is(.prefix,.suffix) select~span:after{content:" ";font-family:"Font Awesome 6 Pro";font-size:.8em;display:inline-block;padding-left:1em}:is(.prefix,.suffix) select:focus-visible~span:after{content:""}.prefix{border-right:none}.suffix{border-left:none;border-end-start-radius:0;border-start-start-radius:0;border-start-end-radius:0.5rem !important;border-end-end-radius:0.5rem !important;order:2}.prefix span{display:none}.prefix span small{font-size:.8em}.prefix~:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output){border-end-start-radius:0 !important;border-start-start-radius:0 !important}.suffix~:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=date]),textarea,output),:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=date]),textarea,output):has(~.suffix){order:1;border-start-end-radius:0 !important;border-end-end-radius:0 !important}}:is(input,textarea)[maxlength]+span{position:relative}:is(input,textarea)[maxlength]+span:before{counter-reset:variable var(--char-count) var(--maxlength);counter-reset:variable2 var(--maxlength);content:attr(data-count) " / " counter(variable2);float:right;margin:0 0 1em 1em}.was-validated *:not(button):is(:invalid,.is-invalid,[aria-invalid]):not(.is-valid)+label,.was-validated label:has(*:not(button):is(:invalid,.is-invalid,[aria-invalid]):not(.is-valid)){--colour-check-border: var(--colour-danger);--colour-check-bg: #fcebec;border-color:var(--colour-danger)}.was-validated *:not(button):is(:invalid,.is-invalid,[aria-invalid],:-internal-autofill-selected){border-color:var(--colour-danger) !important}.was-validated select:is(:invalid,.is-invalid,[aria-invalid],:-internal-autofill-selected){background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") right var(--input-padding-block, 0.75rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat,linear-gradient(to left, var(--colour-primary-theme), var(--colour-primary-theme) 100%) right top/calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)) calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.8rem) + var(--input-lh, 1.25rem)) no-repeat,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e") right var(--input-padding-block, 3.5rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat;padding-right:6rem !important}.was-validated input:is(:invalid,.is-invalid,[aria-invalid],:-internal-autofill-selected){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--input-padding-inline, 1rem) center;background-size:var(--input-lh, 1.25rem) var(--input-lh, 1.25rem);padding-right:calc(var(--input-lh, 1.25rem) + var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem)) !important}.was-validated *:not(button):is(:valid,.is-valid):not(.is-invalid){border-color:var(--colour-complete)}.was-validated input:is(:valid,.is-valid):not(:is(:invalid,.is-invalid)){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z' fill='%230f9d58' /%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--input-padding-inline, 1rem) center;background-size:var(--input-lh, 1.25rem) var(--input-lh, 1.25rem);padding-right:calc(var(--input-lh, 1.25rem) + var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem)) !important}.invalid-feedback{color:var(--colour-danger);margin-top:0.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left top 1px;background-size:var(--input-fs, 1rem) var(--input-fs, 1rem);padding-left:calc(var(--input-fs, 1rem) + 0.5rem);display:none}iam-address-lookup:has([required]){--req-display: none}.was-validated :is(:invalid,.is-invalid)~.invalid-feedback{display:block}.was-validated iam-address-lookup:has([required]:invalid){--error-border: var(--colour-danger);--error-display: block}.pwd-checker{display:block;background-repeat:no-repeat !important;background-position:left center;background-size:1em 1em;padding-left:1.5rem !important}.pwd-checker.invalid-feedback{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e")}.pwd-checker:not(.invalid-feedback){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z' fill='%230f9d58' /%3e%3c/svg%3e") !important}label:has(.pwd-checker.invalid-feedback):after{display:none !important}@supports selector(:has(*)){input:is([type=radio],[type=checkbox]){position:absolute;top:0;left:0;opacity:0;height:0;width:0;margin:0;pointer-events:none}:is(div,fieldset,label:not(.tag)):has(>input:is([type=radio],[type=checkbox])):not(:has(label input)){position:relative;margin-bottom:1.5rem}:is(div,fieldset,label:not(.tag)):has(>input[type=radio]){--border-radius: 50%;--outline-width: 0.5rem}:is(div,fieldset,label:not(.tag)):has(>input[type=checkbox]){--border-radius: 0.25rem;--outline-width: 0.25rem}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)),label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)){--tick-colour: transparent;color:var(--colour-heading);position:relative;font-size:1rem;line-height:1.25rem;padding-left:2.5rem;padding-top:0.625rem;padding-bottom:0.625rem;margin-bottom:1.5rem;margin-right:1.5rem;cursor:pointer}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):has(+span),label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):has(+span){margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):has(+input),label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):has(+input){margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):last-child,label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):last-child{margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):before,label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):before{content:"";border:2px solid var(--colour-check-border, var(--colour-primary));background:var(--colour-check-bg, transparent);border-radius:var(--border-radius);height:1.5rem;width:1.5rem;display:inline-block;position:absolute;top:0.5rem;left:var(--outline-width)}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)).btn:before,label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)).btn:before{opacity:0}input[type=radio]+label:not(:has(>iam-card)):after,label:not(.tag):has(input[type=radio]):not(:has(>iam-card)):after{content:"" !important;background:var(--colour-info);border-radius:var(--border-radius);height:0.875rem;width:0.875rem;display:none;position:absolute;top:0.8125rem;left:calc(0.3125rem + var(--outline-width))}input[type=radio]+label:not(:has(>iam-card)).radio--tick:before,label:not(.tag):has(input[type=radio]):not(:has(>iam-card)).radio--tick:before{content:"";position:absolute;font-size:1.5em;line-height:1;color:var(--tick-colour);font-family:"Font Awesome 6 Pro";background:none !important;border:none !important;outline:none !important;left:.25rem}input[type=radio]+label:not(:has(>iam-card)).radio--tick:after,label:not(.tag):has(input[type=radio]):not(:has(>iam-card)).radio--tick:after{display:none}@media(forced-colors: active){input:is([type=radio],[type=checkbox]):not(:checked)+label.radio--tick:not(:has(>iam-card)):before,label:has(input:is([type=radio],[type=checkbox]):not(:checked)).radio--tick:not(:has(>iam-card)):before{display:none}}:is(div,fieldset):has(>:is(input[type=radio],input[type=checkbox]):nth-of-type(2)) label:not(.tag):not(:has(>iam-card)){margin-bottom:0rem}input:is([type=radio],[type=checkbox]):checked+label,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked){--tick-colour: var(--colour-info)}input:is([type=radio],[type=checkbox]):checked+label:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked):before{border-color:var(--colour-info)}input:is([type=radio],[type=checkbox]):checked+label:after,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked):after{display:inline-block}input:is([type=radio],[type=checkbox]):checked+label iam-card,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked) iam-card{--colour: var(--colour, var(--colour-info))}input[type=checkbox]:not([disabled]):checked+label:before,label:not(.tag):has(input[type=checkbox]:not([disabled]):checked):before{background:var(--colour-info) !important}input[type=checkbox]:checked+label:not(:has(>iam-card)):after,label:not(.tag):has(input[type=checkbox]:checked):after{content:"";position:absolute;font-size:1em;line-height:1;color:var(--colour-primary-theme);font-family:"Font Awesome 6 Pro";font-weight:bold;height:1.5rem;width:1.5rem;line-height:1.625rem;background:none !important;border:none !important;outline:none !important;top:0.5rem;left:var(--outline-width);text-align:center}input[type=checkbox]:indeterminate+label:before,label:not(.tag):has(input[type=checkbox]:indeterminate):before{background:var(--colour-info) !important;border-color:var(--colour-info) !important}input[type=checkbox]:indeterminate+label:after,label:not(.tag):has(input[type=checkbox]:indeterminate):after{content:"";position:absolute;font-size:1em;line-height:1;color:var(--colour-primary-theme);font-family:"Font Awesome 6 Pro";font-weight:bold;height:1.5rem;width:1.5rem;line-height:1.625rem;background:none !important;border:none !important;outline:none !important;top:0.5rem;left:var(--outline-width);text-align:center}input:is([type=radio],[type=checkbox]):checked:is(:focus,:hover,.focus)+label,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked:is(:focus,:hover,.focus)){--tick-colour: var(--colour-info)}input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)+label,input:is([type=radio],[type=checkbox])+label.hover,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)){--tick-colour: var(--colour-muted)}input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)+label:before,input:is([type=radio],[type=checkbox])+label.hover:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)):before{background:var(--colour-check-bg, var(--colour-light));outline:var(--outline-width) solid var(--colour-light)}input:is([type=radio],[type=checkbox]):is(:active,.active)+label,input:is([type=radio],[type=checkbox])+label.active,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:active,.active)){--tick-colour: var(--colour-light)}input:is([type=radio],[type=checkbox]):is(:active,.active)+label:before,input:is([type=radio],[type=checkbox])+label.active:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:active,.active)):before{background:var(--colour-check-bg, #e0e0e0);outline:var(--outline-width) solid #e0e0e0}input:is([type=radio],[type=checkbox]):disabled+label,label:not(.tag):has(input:is([type=radio],[type=checkbox]):disabled){opacity:.4;cursor:not-allowed}input:is([type=radio],[type=checkbox]):disabled+label>iam-card,label:not(.tag):has(input:is([type=radio],[type=checkbox]):disabled)>iam-card{pointer-events:none}input:is([type=radio],[type=checkbox]):disabled+label:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):disabled):before{background-color:none !important;outline:none !important;border-color:var(--colour-primary) !important}input[type=radio][disabled]:checked+label:after,label:not(.tag):has(input[type=radio][disabled]:checked):after{background-color:var(--colour-primary) !important}input[type=checkbox][disabled]:checked+label:before,label:not(.tag):has(input[type=checkbox][disabled]:checked):before{background:#e0e0e0 !important;border-color:#e0e0e0 !important}}.conditional{display:none}input:checked+.conditional,input:checked+label+.conditional,label:has(:checked)+.conditional{display:block;clear:both}input:not([class*=conditional-input-]):nth-of-type(1):checked~.conditional-1,input:not([class*=conditional-input-]):nth-of-type(2):checked~.conditional-2,input:not([class*=conditional-input-]):nth-of-type(3):checked~.conditional-3,input:not([class*=conditional-input-]):nth-of-type(4):checked~.conditional-4,input:not([class*=conditional-input-]):nth-of-type(5):checked~.conditional-5,input.conditional-input-1:checked~.conditional-1,input.conditional-input-2:checked~.conditional-2,input.conditional-input-3:checked~.conditional-3,input.conditional-input-4:checked~.conditional-4,input.conditional-input-5:checked~.conditional-5,label:has(input.conditional-input-1:checked)~.conditional-1,label:has(input.conditional-input-2:checked)~.conditional-2,label:has(input.conditional-input-3:checked)~.conditional-3,label:has(input.conditional-input-4:checked)~.conditional-4,label:has(input.conditional-input-5:checked)~.conditional-5{display:block;clear:both}select[multiple]{border-radius:.35rem}select[multiple]::-webkit-scrollbar{width:.7rem}select[multiple]::-webkit-scrollbar *{background-color:rgba(0,0,0,0)}select[multiple]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:.35rem}select{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") right var(--input-padding-block, 0.75rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat,linear-gradient(to left, var(--colour-primary-theme), var(--colour-primary-theme) 100%) right top/calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)) calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.8rem) + var(--input-lh, 1.25rem)) no-repeat;padding-right:calc(var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem) + var(--input-lh, 1.25rem)) !important;box-shadow:inset -2px 0px 0px var(--colour-primary-theme);max-width:var(--select-max-width, 50rem)}select option{font-size:1.2em}select[multiple],select[size]:not([size="1"]){background:none;max-height:none !important}select:disabled{background-color:gray;border-color:#000}select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 inherit}div:has(>select){margin-bottom:1.5rem}div:has(>select) select{margin-bottom:0 !important}.select--minimal{all:unset;font-size:inherit;line-height:inherit;background:none;border:2px solid rgba(0,0,0,0);display:inline-block;padding:.4em calc(1em + .8ch) .4rem var(--select-padding-left, 0.4em) !important;font-weight:normal !important;margin:-0.4em 0 !important;border-radius:.25em;color:var(--colour-body);height:auto;cursor:pointer;font-family:var(--font-body) !important}.select--minimal option{background-color:var(--colour-canvas);padding-left:1em;font-size:inherit;line-height:inherit}.select--minimal:hover{background:var(--colour-light)}.select--minimal:is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0;box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}*:has(>.select--minimal){position:relative;display:inline-block !important;width:auto !important;font-size:inherit !important;line-height:1 !important;padding:0 !important;margin:0 !important;font-family:var(--font-body) !important}*:has(>.select--minimal):after{font-size:.8em;line-height:1em;content:"";font-family:"Font Awesome 6 Pro";position:absolute;top:40%;transform:translate(0, -50%);right:.8ch;pointer-events:none;color:var(--colour-body)}iam-fileupload input{display:none}:is(label:not(.tag),.label):has(:is(input,select)){display:block;margin-bottom:1.5rem;max-width:var(--input-max-width, 50rem)}:is(label:not(.tag),.label):has(:is(input,select)) :is(input:not([type=range]),select,textarea){margin-top:0.5rem;margin-bottom:0 !important}:is(label:not(.tag),.label):has(:is(input,select)) :is(input,select)~span:not(:is(.suffix,.prefix,.invalid-feedback)),:is(label:not(.tag),.label):has(:is(input,select)) span:has(>:is(input,select))~span:not(:is(.suffix,.prefix,.invalid-feedback)){all:initial;font-family:var(--font-body);color:var(--colour-body);margin-top:0.5rem;display:block;line-height:1.2}:is(label:not(.tag),.label):has(:is(input,select)) .invalid-feedback{font-size:1rem;font-weight:normal;line-height:1.2}:is(label:not(.tag),.label):has(:is(input,select)) span:has(:is(input,select)){display:flex;width:100%}:is(label:not(.tag),.label):has(:is(input,select)) :is(.suffix,.prefix):not(.mt-0){margin:0.5rem 0 0 0 !important}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select)),.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid){margin-bottom:1.5rem}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select)):has(:is(:invalid,.is-invalid)):after,.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid):has(:is(:invalid,.is-invalid)):after{content:"This field is required";color:var(--colour-danger);margin-top:0.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left top 1px;background-size:var(--input-fs, 1rem) var(--input-fs, 1rem);padding-left:calc(var(--input-fs, 1rem) + 0.5rem);display:block;width:100%;font-size:1rem;line-height:1.2}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select))[data-error]:has(:is(:invalid,.is-invalid)):after,.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid)[data-error]:has(:is(:invalid,.is-invalid)):after{content:attr(data-error) !important}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select)).error-nowrap:after,.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid).error-nowrap:after{white-space:nowrap}input[type=range]{--track-size: 0.5rem;--track-colour: var(--colour-light);--thumb-colour: var(--colour-info);--thumb-size: 1.5rem;width:100%;background:rgba(0,0,0,0);cursor:pointer;margin-top:2rem;margin-bottom:2rem;height:2rem;border-radius:50%;accent-color:var(--thumb-colour);-webkit-appearance:none;appearance:none}*:has(>input[type=range]){position:relative;padding-bottom:6rem;max-width:var(--input-max-width, 50rem)}label input[type=range]{position:absolute;top:1.5rem;left:0}input[type=range]::-webkit-slider-runnable-track{background:var(--track-colour);height:var(--track-size);border-radius:.5rem}input[type=range]::-moz-range-track{background:var(--track-colour);height:var(--track-size);border-radius:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-0.5rem;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:.5rem solid rgba(30,190,231,.2)}input[type=range]:active::-webkit-slider-thumb{outline:.5rem solid rgba(30,190,231,.4)}input[type=range]:hover::-moz-range-thumb,input[type=range]:focus::-moz-range-thumb{outline:.5rem solid rgba(30,190,231,.2)}input[type=range]:focus::-moz-range-thumb{outline:.5rem solid rgba(30,190,231,.4)}iam-slider input::-webkit-outer-spin-button,iam-slider input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:is(input[type=date],input[type=time]){position:relative;margin-right:-3rem;padding-right:3rem !important;background-position:right 4rem center;border-radius:.5rem !important}:is(input[type=date],input[type=time])::-webkit-calendar-picker-indicator{background:rgba(0,0,0,0);bottom:0;color:rgba(0,0,0,0);cursor:pointer;height:auto;left:8em;position:absolute;right:0;top:0;width:auto;order:3}}@layer elements{*,*::before,*::after{box-sizing:border-box}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: 0.125rem;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,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(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.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,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.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:var(--btn-line-height);vertical-align:bottom}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.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:var(--btn-line-height);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:has(select){position:relative;padding-right:3.5rem}.btn:has(select):not(.mw-100){max-width:13rem}.btn:has(select) select{all:unset !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !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:var(--btn-font-size) !important;line-height:var(--btn-line-height) !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"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.btn-secondary:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}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)}}@layer elements{.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],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem;border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) .btn-action,.btn-action:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.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) - 0.25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - 0.25rem)}.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-bg: transparent;--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:var(--colour)}.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}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-inverted) !important;color:var(--colour-inverted)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme) !important}}@layer elements{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}}@layer elements{.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);filter:brightness(85%);transition:background .1s,color .1s;border-radius:1.5rem}.dialog__wrapper:has(dialog[open],dialog:popover-open)>button:not(.btn-action){color:var(--colour-btn-secondary-hover)}.dialog__wrapper>.btn:first-child:not(.btn-compact):not([class*=fa-]):after{content:"";display:inline-block;margin-left:1em;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>.btn:first-child:has(+dialog[open]):not([data-number]):after{transform:rotate(270deg)}.dialog__wrapper>:is(dialog[open],dialog:popover-open){left:0;margin-top:-1rem;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}}.m-0{margin:0 !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.mt-0{margin-top:0 !important}.me-0{margin-right:0 !important}.mb-0{margin-bottom:0 !important}.ms-0{margin-left:0 !important}.m-1{margin:0.5rem !important}.mx-1{margin-left:0.5rem !important;margin-right:0.5rem !important}.my-1{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.mt-1{margin-top:0.5rem !important}.me-1{margin-right:0.5rem !important}.mb-1{margin-bottom:0.5rem !important}.ms-1{margin-left:0.5rem !important}.m-2{margin:1rem !important}.mx-2{margin-left:1rem !important;margin-right:1rem !important}.my-2{margin-top:1rem !important;margin-bottom:1rem !important}.mt-2{margin-top:1rem !important}.me-2{margin-right:1rem !important}.mb-2{margin-bottom:1rem !important}.ms-2{margin-left:1rem !important}.m-3{margin:1.5rem !important}.mx-3{margin-left:1.5rem !important;margin-right:1.5rem !important}.my-3{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.mt-3{margin-top:1.5rem !important}.me-3{margin-right:1.5rem !important}.mb-3{margin-bottom:1.5rem !important}.ms-3{margin-left:1.5rem !important}.m-4{margin:2rem !important}.mx-4{margin-left:2rem !important;margin-right:2rem !important}.my-4{margin-top:2rem !important;margin-bottom:2rem !important}.mt-4{margin-top:2rem !important}.me-4{margin-right:2rem !important}.mb-4{margin-bottom:2rem !important}.ms-4{margin-left:2rem !important}.m-5{margin:3rem !important}.mx-5{margin-left:3rem !important;margin-right:3rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.mt-5{margin-top:3rem !important}.me-5{margin-right:3rem !important}.mb-5{margin-bottom:3rem !important}.ms-5{margin-left:3rem !important}.m-auto{margin:auto !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-auto{margin-top:auto !important}.me-auto{margin-right:auto !important}.mb-auto{margin-bottom:auto !important}.ms-auto{margin-left:auto !important}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}@media screen and (min-width: 36em){.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-grid{display:grid !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}.d-sm-none{display:none !important}}@media screen and (min-width: 62em){.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-grid{display:grid !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}.d-md-none{display:none !important}}: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);pointer-events:none;display:flex}@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;place-self:unset !important}::slotted(.btn:not(.btn-action)){order:2}::slotted(:not([slot])){align-self:center !important;margin-block:0}::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;pointer-events:all !important}.filter-columns,.checklist-btns{display:none}:host([data-filter-columns]) .filter-columns{display:block}:host([data-filter-columns-save]) .filter-columns{display:block}:host([data-filter-columns-save]) .checklist-btns{display:block;text-align:right;padding-top:.5rem}:host([data-filter-columns-save]) .checklist-btns #saveColumns{margin-left:.25rem}:host([data-filter-columns-save]) .checklist-btns #saveColumns:not(:hover,:focus,:active){background-color:var(--colour-warning)}:host([data-filter-columns-save]) .checklist-btns #cancelColumns:not(:hover,:focus,:active){border-color:var(--colour-border)}.fa-table-columns:has(+dialog input:not(:checked)){overflow:visible;text-indent:-200vw}.fa-table-columns:has(+dialog input:not(:checked)):after{content:" ";display:block;position:absolute;top:0;right:0;background-color:var(--colour-info);height:1rem;width:1rem;border-radius:50%}:host([data-filter-columns-save]) .fa-table-columns:after{display:none !important}:host([data-filter-columns-save][data-hide-col1]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col2]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col3]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col4]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col5]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col6]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col7]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col8]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col9]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col10]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col11]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col12]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col13]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col14]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col15]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col16]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col17]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col18]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col19]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col20]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col21]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col22]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col23]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col24]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col25]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col26]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col27]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col28]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col29]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col30]) .fa-table-columns:after{display:block !important}.no-columns{display:none}:host([data-filter-columns]),:host([data-filter-columns-save]){position:relative}:host([data-filter-columns][data-columns-shown="0"]) .actionbar__wrapper+.no-columns,:host([data-filter-columns-save][data-columns-shown="0"]) .actionbar__wrapper+.no-columns{display:flex;padding:2rem 2rem 0 2rem;text-align:center;background:#fff;flex-direction:column;justify-content:center;min-height:15rem}/*# sourceMappingURL=assets/css/components/actionbar.component.css.map */
|
|
132
|
+
@layer elements{label{display:inline-block}input,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}select{text-transform:none}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none !important}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}:is(label:not(.tag),.label){font-size:1.125rem;line-height:1.3125rem;margin-bottom:0.5rem;font-weight:normal;color:var(--colour-heading);display:block}:is(label:not(.tag),.label):has(+input:not(:disabled):not([readonly]):not(:required):not([type=radio]):not([type=checkbox]):not([type=file])):after{content:" (Optional)"}:is(label:not(.tag),.label):has(input:not(:disabled):not([readonly]):not(:required):not([type=radio]):not([type=checkbox]):not([type=file])) .optional-text:before{content:" (Optional)"}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal,.btn)){display:block;width:100%;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);color:var(--colour-heading);background-color:var(--colour-canvas-2);background-clip:padding-box;border:2px solid var(--colour-primary);appearance:none;border-radius:0.5rem;margin-bottom:1.5rem;min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px)}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal,.btn)):is(textarea){max-height:100%}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal,.btn)):is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal,.btn)):is(:focus,.focus):not(:disabled):not(:invalid){box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal,.btn))::-webkit-date-and-time-value{height:1.5em}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal,.btn)):disabled{background-color:#ccd6d8;opacity:.4;cursor:not-allowed}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range])){max-width:var(--input-max-width, 50rem)}textarea{--textarea-height-scale: 3;min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)*var(--textarea-height-scale) + 4px) !important}fieldset{width:100%}legend{font-family:var(--font-heading);font-style:normal;font-weight:var(--heading-weight);line-height:2rem;color:var(--colour-heading);margin:0;clear:both;display:block;float:none;font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),2),.25rem);line-height:round(up,1em*var(--type-scale),.25rem);padding-bottom:.5rem;max-width:var(--content-max-width);min-width:100%}div:has(>label:first-child):has(>input){position:relative;max-width:var(--input-max-width, 50rem);margin-bottom:1.5rem;display:flex;flex-wrap:wrap;align-items:center}div:has(>label:first-child):has(>input) input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),div:has(>label:first-child):has(>input) output,div:has(>label:first-child):has(>input) .prefix,div:has(>label:first-child):has(>input) .suffix{margin-bottom:0 !important}div:has(>label:first-child):has(>input)>*:not(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range])):not(output):not(.prefix):not(.suffix){flex-shrink:0;width:100%}div:has(>label:first-child):has(>input) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output){flex-shrink:1;flex-grow:1;width:0}div:has(>label:first-child):has(>input) input~*:not(output){order:5;margin-top:0.5rem}input[type=color]{width:3rem !important;flex-shrink:0 !important;flex-grow:0 !important;border-start-end-radius:0 !important;border-end-end-radius:0 !important;padding:0 !important;overflow:hidden;cursor:pointer !important}input[type=color]::-moz-color-swatch{border-radius:0;border:none}input[type=color]::-webkit-color-swatch{border-radius:0;border:none}label :is(div,span,fieldset):has(input[type=color]+output){display:flex}input[type=color]+output{border-left:none !important;border-end-start-radius:0 !important;border-start-start-radius:0 !important;margin:0 !important}output{margin-top:.5rem !important;margin-bottom:0 !important}div:has(>:is(.form-control-sm,.input--sm)){--input-fs: 0.875rem;--input-lh: 1rem;--input-padding-block: 0.625rem;--input-padding-inline: 0.875rem}div:has(>:is(.form-control-lg,.input--sm)){--input-fs: 1.5rem;--input-lh: 1.8125rem;--input-padding-block: 1.25rem;--input-padding-inline: 1.375rem}div:has(>label:first-child):has(>input):has(>:is(.form-control-inline,.input--inline)) label{flex-shrink:0;white-space:nowrap;width:fit-content !important;margin:0;margin-inline-end:1rem}*:has(>input[readonly]){position:relative;max-width:var(--input-max-width, 50rem)}*:has(>input[readonly]):after{font-family:"Font Awesome 6 Pro";font-weight:300;content:"";position:absolute;font-size:var(--input-lh, 1.25rem);height:var(--input-lh, 1.25rem);width:var(--input-lh, 1.25rem);bottom:calc(var(--input-padding-block, 0.75rem) + 2px);right:calc(var(--input-padding-block, 1rem) + 2px);text-align:center}:is(.prefix,.suffix){display:none;pointer-events:none}@supports selector(:has(*)){:is(.prefix,.suffix){display:inline-block;width:auto;padding:var(--input-padding-block, 0.75rem) var(--input-padding-block, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-body);background-color:var(--colour-primary-theme);border:2px solid var(--colour-primary);color:var(--colour-white);margin-top:0 !important;margin-bottom:1rem;border-end-start-radius:0.5rem;border-start-start-radius:0.5rem;min-width:calc(2.75rem + 4px);overflow:hidden;white-space:nowrap;text-align:center;text-overflow:ellipsis;position:relative;min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px);flex-shrink:0}:is(.prefix,.suffix):after{display:inline-block;max-width:1.25rem}:is(.prefix,.suffix)[class*=fa-]{width:calc(2.75rem + 4px);padding-inline:0}:is(.prefix,.suffix) select{position:absolute;inset:0;opacity:0;cursor:pointer}:is(.prefix,.suffix) span{display:none}:is(.prefix,.suffix) select:has(option:nth-child(1):checked)~span:nth-of-type(1),:is(.prefix,.suffix) select:has(option:nth-child(2):checked)~span:nth-of-type(2),:is(.prefix,.suffix) select:has(option:nth-child(3):checked)~span:nth-of-type(3),:is(.prefix,.suffix) select:has(option:nth-child(4):checked)~span:nth-of-type(4),:is(.prefix,.suffix) select:has(option:nth-child(5):checked)~span:nth-of-type(5),:is(.prefix,.suffix) select:has(option:nth-child(6):checked)~span:nth-of-type(6),:is(.prefix,.suffix) select:has(option:nth-child(7):checked)~span:nth-of-type(7),:is(.prefix,.suffix) select:has(option:nth-child(8):checked)~span:nth-of-type(8),:is(.prefix,.suffix) select:has(option:nth-child(9):checked)~span:nth-of-type(9),:is(.prefix,.suffix) select:has(option:nth-child(10):checked)~span:nth-of-type(10){display:block}:is(.prefix,.suffix) select~span:after{content:" ";font-family:"Font Awesome 6 Pro";font-size:.8em;display:inline-block;padding-left:1em}:is(.prefix,.suffix) select:focus-visible~span:after{content:""}.prefix{border-right:none}.suffix{border-left:none;border-end-start-radius:0;border-start-start-radius:0;border-start-end-radius:0.5rem !important;border-end-end-radius:0.5rem !important;order:2}.prefix span{display:none}.prefix span small{font-size:.8em}.prefix~:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output){border-end-start-radius:0 !important;border-start-start-radius:0 !important}.suffix~:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=date]):not([type=time]),textarea,output),:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=date]):not([type=time]),textarea,output):has(~.suffix){order:1;border-start-end-radius:0 !important;border-end-end-radius:0 !important}}:is(input,textarea)[maxlength]+span{position:relative}:is(input,textarea)[maxlength]+span:before{counter-reset:variable var(--char-count) var(--maxlength);counter-reset:variable2 var(--maxlength);content:attr(data-count) " / " counter(variable2);float:right;margin:0 0 1em 1em}.was-validated *:not(button):is(:invalid,.is-invalid,[aria-invalid]):not(.is-valid)+label,.was-validated label:has(*:not(button):is(:invalid,.is-invalid,[aria-invalid]):not(.is-valid)){--colour-check-border: var(--colour-danger);--colour-check-bg: #fcebec;border-color:var(--colour-danger)}.was-validated *:not(button):is(:invalid,.is-invalid,[aria-invalid],:-internal-autofill-selected){border-color:var(--colour-danger) !important}.was-validated select:not(.btn):is(:invalid,.is-invalid,[aria-invalid],:-internal-autofill-selected){background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") right var(--input-padding-block, 0.75rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat,linear-gradient(to left, var(--colour-primary-theme), var(--colour-primary-theme) 100%) right top/calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)) calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.8rem) + var(--input-lh, 1.25rem)) no-repeat,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e") right var(--input-padding-block, 3.5rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat;padding-right:6rem !important}.was-validated input:is(:invalid,.is-invalid,[aria-invalid],:-internal-autofill-selected){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--input-padding-inline, 1rem) center;background-size:var(--input-lh, 1.25rem) var(--input-lh, 1.25rem);padding-right:calc(var(--input-lh, 1.25rem) + var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem)) !important}.was-validated *:not(button):is(:valid,.is-valid):not(.is-invalid){border-color:var(--colour-complete)}.was-validated input:is(:valid,.is-valid):not(:is(:invalid,.is-invalid)){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z' fill='%230f9d58' /%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--input-padding-inline, 1rem) center;background-size:var(--input-lh, 1.25rem) var(--input-lh, 1.25rem);padding-right:calc(var(--input-lh, 1.25rem) + var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem)) !important}.invalid-feedback{color:var(--colour-danger);margin-top:0.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left top 1px;background-size:var(--input-fs, 1rem) var(--input-fs, 1rem);padding-left:calc(var(--input-fs, 1rem) + 0.5rem);display:none}iam-address-lookup:has([required]){--req-display: none}.was-validated :is(:invalid,.is-invalid)~.invalid-feedback{display:block}.was-validated iam-address-lookup:has([required]:invalid){--error-border: var(--colour-danger);--error-display: block}.pwd-checker{display:block;background-repeat:no-repeat !important;background-position:left center;background-size:1em 1em;padding-left:1.5rem !important}.pwd-checker.invalid-feedback{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e")}.pwd-checker:not(.invalid-feedback){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z' fill='%230f9d58' /%3e%3c/svg%3e") !important}label:has(.pwd-checker.invalid-feedback):after{display:none !important}@supports selector(:has(*)){input:is([type=radio],[type=checkbox]){position:absolute;top:0;left:0;opacity:0;height:0;width:0;margin:0;pointer-events:none}:is(div,fieldset,label:not(.tag)):has(>input:is([type=radio],[type=checkbox])):not(:has(label input)){position:relative;margin-bottom:1.5rem}:is(div,fieldset,label:not(.tag)):has(>input[type=radio]){--border-radius: 50%;--outline-width: 0.5rem}:is(div,fieldset,label:not(.tag)):has(>input[type=checkbox]){--border-radius: 0.25rem;--outline-width: 0.25rem}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)),label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)){--tick-colour: transparent;color:var(--colour-heading);position:relative;font-size:1rem;line-height:1.25rem;padding-left:2.5rem;padding-top:0.625rem;padding-bottom:0.625rem;margin-bottom:1.5rem;margin-right:1.5rem;cursor:pointer}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):has(+span),label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):has(+span){margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):has(+input),label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):has(+input){margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):last-child,label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):last-child{margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):before,label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):before{content:"";border:2px solid var(--colour-check-border, var(--colour-primary));background:var(--colour-check-bg, transparent);border-radius:var(--border-radius);height:var(--radio-size, 1.5rem);width:var(--radio-size, 1.5rem);display:inline-block;position:absolute;top:0.5rem;left:var(--outline-width)}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)).btn:before,label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)).btn:before{opacity:0}input[type=radio]+label:not(:has(>iam-card)):after,label:not(.tag):has(input[type=radio]):not(:has(>iam-card)):after{content:"" !important;background:var(--colour-info);border-radius:var(--border-radius);height:0.875rem;width:0.875rem;height:var(--radio-inner-size, 0.875rem);width:var(--radio-inner-size, 0.875rem);display:none;position:absolute;top:var(--radio-inner-top, 0.8125rem);left:var(--radio-inner-left, calc(0.3125rem + var(--outline-width)))}input[type=radio]+label:not(:has(>iam-card)).radio--tick:before,label:not(.tag):has(input[type=radio]):not(:has(>iam-card)).radio--tick:before{content:"";position:absolute;font-size:1.5em;line-height:1;color:var(--tick-colour);font-family:"Font Awesome 6 Pro";background:none !important;border:none !important;outline:none !important;left:.25rem}input[type=radio]+label:not(:has(>iam-card)).radio--tick:after,label:not(.tag):has(input[type=radio]):not(:has(>iam-card)).radio--tick:after{display:none}@media(forced-colors: active){input:is([type=radio],[type=checkbox]):not(:checked)+label.radio--tick:not(:has(>iam-card)):before,label:has(input:is([type=radio],[type=checkbox]):not(:checked)).radio--tick:not(:has(>iam-card)):before{display:none}}:is(div,fieldset):has(>:is(input[type=radio],input[type=checkbox]):nth-of-type(2)) label:not(.tag):not(:has(>iam-card)){margin-bottom:0rem}input:is([type=radio],[type=checkbox]):checked+label,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked){--tick-colour: var(--colour-info)}input:is([type=radio],[type=checkbox]):checked+label:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked):before{border-color:var(--colour-info)}input:is([type=radio],[type=checkbox]):checked+label:after,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked):after{display:inline-block}input:is([type=radio],[type=checkbox]):checked+label iam-card,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked) iam-card{--colour: var(--colour, var(--colour-info))}input[type=checkbox]:not([disabled]):checked+label:before,label:not(.tag):has(input[type=checkbox]:not([disabled]):checked):before{background:var(--colour-info) !important}input[type=checkbox]:checked+label:not(:has(>iam-card)):after,label:not(.tag):has(input[type=checkbox]:checked):after{content:"";position:absolute;font-size:var(--checkbox-tick-size, 1em);line-height:1;color:var(--colour-primary-theme);font-family:"Font Awesome 6 Pro";font-weight:bold;height:var(--checkbox-inner-size, 1.5rem);width:var(--checkbox-inner-size, 1.5rem);line-height:1.625rem;background:none !important;border:none !important;outline:none !important;top:var(--checkbox-inner-top, 0.5rem);left:var(--checkbox-inner-left, var(--outline-width));text-align:center}input[type=checkbox]:indeterminate+label:before,label:not(.tag):has(input[type=checkbox]:indeterminate):before{background:var(--colour-info) !important;border-color:var(--colour-info) !important}input[type=checkbox]:indeterminate+label:after,label:not(.tag):has(input[type=checkbox]:indeterminate):after{content:"";position:absolute;font-size:var(--checkbox-tick-size, 1em);line-height:1;color:var(--colour-primary-theme);font-family:"Font Awesome 6 Pro";font-weight:bold;height:var(--checkbox-inner-size, 1.5rem);width:var(--checkbox-inner-size, 1.5rem);line-height:1.625rem;background:none !important;border:none !important;outline:none !important;top:var(--checkbox-inner-top, 0.5rem);left:var(--checkbox-inner-left, var(--outline-width));text-align:center}input:is([type=radio],[type=checkbox]):checked:is(:focus,:hover,.focus)+label,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked:is(:focus,:hover,.focus)){--tick-colour: var(--colour-info)}input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)+label,input:is([type=radio],[type=checkbox])+label.hover,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)){--tick-colour: var(--colour-muted)}input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)+label:before,input:is([type=radio],[type=checkbox])+label.hover:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)):before{background:var(--colour-check-bg, var(--colour-light));outline:var(--outline-width) solid var(--colour-light)}input:is([type=radio],[type=checkbox]):is(:active,.active)+label,input:is([type=radio],[type=checkbox])+label.active,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:active,.active)){--tick-colour: var(--colour-light)}input:is([type=radio],[type=checkbox]):is(:active,.active)+label:before,input:is([type=radio],[type=checkbox])+label.active:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:active,.active)):before{background:var(--colour-check-bg, #e0e0e0);outline:var(--outline-width) solid #e0e0e0}input:is([type=radio],[type=checkbox]):disabled+label,label:not(.tag):has(input:is([type=radio],[type=checkbox]):disabled){opacity:.4;cursor:not-allowed}input:is([type=radio],[type=checkbox]):disabled+label>iam-card,label:not(.tag):has(input:is([type=radio],[type=checkbox]):disabled)>iam-card{pointer-events:none}input:is([type=radio],[type=checkbox]):disabled+label:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):disabled):before{background-color:none !important;outline:none !important;border-color:var(--colour-primary) !important}input[type=radio][disabled]:checked+label:after,label:not(.tag):has(input[type=radio][disabled]:checked):after{background-color:var(--colour-primary) !important}input[type=checkbox][disabled]:checked+label:before,label:not(.tag):has(input[type=checkbox][disabled]:checked):before{background:#e0e0e0 !important;border-color:#e0e0e0 !important}}.conditional{display:none}input:checked+.conditional,input:checked+label+.conditional,label:has(:checked)+.conditional{display:block;clear:both}input:not([class*=conditional-input-]):nth-of-type(1):checked~.conditional-1,input:not([class*=conditional-input-]):nth-of-type(2):checked~.conditional-2,input:not([class*=conditional-input-]):nth-of-type(3):checked~.conditional-3,input:not([class*=conditional-input-]):nth-of-type(4):checked~.conditional-4,input:not([class*=conditional-input-]):nth-of-type(5):checked~.conditional-5,input.conditional-input-1:checked~.conditional-1,input.conditional-input-2:checked~.conditional-2,input.conditional-input-3:checked~.conditional-3,input.conditional-input-4:checked~.conditional-4,input.conditional-input-5:checked~.conditional-5,label:has(input.conditional-input-1:checked)~.conditional-1,label:has(input.conditional-input-2:checked)~.conditional-2,label:has(input.conditional-input-3:checked)~.conditional-3,label:has(input.conditional-input-4:checked)~.conditional-4,label:has(input.conditional-input-5:checked)~.conditional-5{display:block;clear:both}select[multiple]{border-radius:.35rem}select[multiple]::-webkit-scrollbar{width:.7rem}select[multiple]::-webkit-scrollbar *{background-color:rgba(0,0,0,0)}select[multiple]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:.35rem}select:not(.btn){background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") right var(--input-padding-block, 0.75rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat,linear-gradient(to left, var(--colour-primary-theme), var(--colour-primary-theme) 100%) right top/calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)) calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.8rem) + var(--input-lh, 1.25rem)) no-repeat;padding-right:calc(var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem) + var(--input-lh, 1.25rem)) !important;box-shadow:inset -2px 0px 0px var(--colour-primary-theme);max-width:var(--select-max-width, 50rem)}select:not(.btn) option{font-size:1.2em}select:not(.btn)[multiple],select:not(.btn)[size]:not([size="1"]){background:none;max-height:none !important}select:not(.btn):disabled{background-color:gray;border-color:#000}select:not(.btn):-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 inherit}div:has(>select){margin-bottom:1.5rem}div:has(>select) select{margin-bottom:0 !important}.select--minimal{all:unset;font-size:inherit;line-height:inherit;background:none;border:2px solid rgba(0,0,0,0);display:inline-block;padding:.4em calc(1em + .8ch) .4rem var(--select-padding-left, 0.4em) !important;font-weight:normal !important;margin:-0.4em 0 !important;border-radius:.25em;color:var(--colour-body);height:auto;cursor:pointer;font-family:var(--font-body) !important}.select--minimal option{background-color:var(--colour-canvas);padding-left:1em;font-size:inherit;line-height:inherit}.select--minimal:hover{background:var(--colour-light)}.select--minimal:is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0;box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}*:has(>.select--minimal){position:relative;display:inline-block !important;width:auto !important;font-size:inherit !important;line-height:1 !important;padding:0 !important;margin:0 !important;font-family:var(--font-body) !important}*:has(>.select--minimal):after{font-size:.8em;line-height:1em;content:"";font-family:"Font Awesome 6 Pro";position:absolute;top:40%;transform:translate(0, -50%);right:.8ch;pointer-events:none;color:var(--colour-body)}iam-fileupload input{display:none}:is(label:not(.tag),.label):has(:is(input,select)){display:block;margin-bottom:1.5rem;max-width:var(--input-max-width, 50rem)}:is(label:not(.tag),.label):has(:is(input,select)) :is(input:not([type=range]),select,textarea){margin-top:0.5rem;margin-bottom:0 !important}:is(label:not(.tag),.label):has(:is(input,select)) :is(input,select)~span:not(:is(.suffix,.prefix,.invalid-feedback)),:is(label:not(.tag),.label):has(:is(input,select)) span:has(>:is(input,select))~span:not(:is(.suffix,.prefix,.invalid-feedback)){all:initial;font-family:var(--font-body);color:var(--colour-body);margin-top:0.5rem;display:block;line-height:1.2}:is(label:not(.tag),.label):has(:is(input,select)) .invalid-feedback{font-size:1rem;font-weight:normal;line-height:1.2}:is(label:not(.tag),.label):has(:is(input,select)) span:has(:is(input,select)){display:flex;width:100%}:is(label:not(.tag),.label):has(:is(input,select)) :is(.suffix,.prefix):not(.mt-0){margin:0.5rem 0 0 0 !important}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select)),.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid){margin-bottom:1.5rem}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select)):has(:is(:invalid,.is-invalid)):after,.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid):has(:is(:invalid,.is-invalid)):after{content:"This field is required";color:var(--colour-danger);margin-top:0.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left top 1px;background-size:var(--input-fs, 1rem) var(--input-fs, 1rem);padding-left:calc(var(--input-fs, 1rem) + 0.5rem);display:block;width:100%;font-size:1rem;line-height:1.2}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select))[data-error]:has(:is(:invalid,.is-invalid)):after,.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid)[data-error]:has(:is(:invalid,.is-invalid)):after{content:attr(data-error) !important}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select)).error-nowrap:after,.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid).error-nowrap:after{white-space:nowrap}input[type=range]{--track-size: 0.5rem;--track-colour: var(--colour-light);--thumb-colour: var(--colour-info);--thumb-size: 1.5rem;width:100%;background:rgba(0,0,0,0);cursor:pointer;margin-top:2rem;margin-bottom:2rem;height:2rem;border-radius:50%;accent-color:var(--thumb-colour);-webkit-appearance:none;appearance:none}*:has(>input[type=range]){position:relative;padding-bottom:6rem;max-width:var(--input-max-width, 50rem)}label input[type=range]{position:absolute;top:1.5rem;left:0}input[type=range]::-webkit-slider-runnable-track{background:var(--track-colour);height:var(--track-size);border-radius:.5rem}input[type=range]::-moz-range-track{background:var(--track-colour);height:var(--track-size);border-radius:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-0.5rem;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:.5rem solid rgba(30,190,231,.2)}input[type=range]:active::-webkit-slider-thumb{outline:.5rem solid rgba(30,190,231,.4)}input[type=range]:hover::-moz-range-thumb,input[type=range]:focus::-moz-range-thumb{outline:.5rem solid rgba(30,190,231,.2)}input[type=range]:focus::-moz-range-thumb{outline:.5rem solid rgba(30,190,231,.4)}iam-slider input::-webkit-outer-spin-button,iam-slider input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:is(input[type=date],input[type=time]){position:relative;margin-right:-3rem;padding-right:3rem !important;background-position:right 4rem center;border-radius:.5rem !important}:is(input[type=date],input[type=time])::-webkit-calendar-picker-indicator{background:rgba(0,0,0,0);bottom:0;color:rgba(0,0,0,0);cursor:pointer;height:auto;left:4em;position:absolute;right:0;top:0;width:auto;order:3}}:is(iam-advanced-select,iam-search){position:relative;display:block}:is(iam-advanced-select,iam-search) label{position:relative}:is(iam-advanced-select,iam-search) input{padding-right:3rem}:is(iam-advanced-select,iam-search) .empty{position:absolute;bottom:.5rem;right:3.5rem;margin:0;aspect-ratio:1/1;width:2rem;height:2rem;text-align:center;line-height:1}:is(iam-advanced-select,iam-search) .empty:not(:hover,:focus){border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}:is(iam-advanced-select,iam-search) .empty i{font-size:1.5rem}:is(iam-advanced-select,iam-search) label:after,:is(iam-advanced-select,iam-search) .hint-text{position:absolute;top:100%}.was-validated :is(iam-advanced-select,iam-search) label:has(:is(input:not([type=radio]):not([type=checkbox]),select)){margin-bottom:2.5rem}.was-validated :is(iam-advanced-select,iam-search) label:has(:is(input:not([type=radio]):not([type=checkbox]),select)) input{background:none !important}.was-validated :is(iam-advanced-select,iam-search) label:has(:is(input:not([type=radio]):not([type=checkbox]),select)):has(:invalid,.is-invalid) .hint-text{display:none}:is(iam-advanced-select,iam-search) datalist{z-index:99;top:100%;position:absolute;background-color:#fff;border-top:none;padding:.5rem;max-height:10rem;overflow-y:auto;width:100%;max-width:var(--input-max-width, 50rem);border:none !important;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.1)}:is(iam-advanced-select,iam-search) datalist:empty{display:none !important}:is(iam-advanced-select,iam-search) datalist option{background-color:#fff;padding:.5rem;color:blue !important;cursor:pointer;background:unset !important;border:unset !important;color:var(--colour-primary) !important;font-weight:inherit !important;font-family:inherit !important;font-size:1rem !important;line-height:1.1875rem !important;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding-block:var(--menu-item-padding, 0.5rem) !important;width:var(--menu-item-width, 100%) !important;max-width:var(--menu-item-width, 100%) !important;text-align:var(--menu-item-text-align, left) !important}:is(iam-advanced-select,iam-search) datalist option:is(:hover,:focus){background:var(--colour-light) !important;border-radius:.25rem !important}:is(iam-advanced-select,iam-search) datalist option:active{background:#e0e0e0 !important;border-radius:.25rem !important}iam-advanced-select datalist option.active{border-left:4px solid var(--colour-info) !important;border-radius:.25rem !important;background:hsl(from var(--colour-info) h s l/10%) !important}@layer elements{*,*::before,*::after{box-sizing:border-box}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: 0.125rem;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,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(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.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,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.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:var(--btn-line-height);vertical-align:bottom}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.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:var(--btn-line-height);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:has(select){position:relative;padding-right:3.5rem}.btn:has(select):not(.mw-100){max-width:13rem}.btn:has(select) select{all:unset !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !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:var(--btn-font-size) !important;line-height:var(--btn-line-height) !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"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.btn-secondary:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}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)}}@layer elements{.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],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem;border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) .btn-action,.btn-action:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.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) - 0.25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - 0.25rem)}@media screen and (prefers-color-scheme: dark){.btn-compact[class*=fa-]:before{color:#fff}}.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-bg: transparent;--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:var(--colour)}.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}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-inverted) !important;color:var(--colour-inverted)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme) !important}}@layer elements{body:not(.js-enabled) dialog:not([open]):target{display:block}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)}dialog[open]{display:flex;flex-direction:column}dialog[open]>*:last-child{margin-bottom:0}dialog[open]>:is(p):last-child{padding-bottom:0}}@layer elements{.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);filter:brightness(85%);transition:background .1s,color .1s;border-radius:1.5rem}.dialog__wrapper:has(dialog[open],dialog:popover-open)>button:not(.btn-action){color:var(--colour-btn-secondary-hover)}.dialog__wrapper>.btn:first-child:not(.btn-compact):not([class*=fa-]):after{content:"";display:inline-block;margin-left:1em;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>.btn:first-child:has(+dialog[open]):not([data-number]):after{transform:rotate(270deg)}.dialog__wrapper>[popover]{display:var(--menu-display, none);position:fixed;top:anchor(bottom) !important;left:anchor(left) !important;position-try-fallbacks:flip-block,flip-inline !important;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>:is(dialog[open],dialog:popover-open){left:0;margin-top:-1rem;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:10rem !important;max-width:15rem !important;padding:var(--menu-padding, 0.5rem);margin:0;background:var(--menu-bg, canvas);border:var(--menu-border, 2px solid grey);overflow:auto;border:none !important;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.1)}@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:1px !important;background-color:var(--menu-hr-border-color, var(--border-color, grey)) !important;width:100%;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding:0 !important}.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{background:unset;border:unset;color:var(--colour-primary);font-weight:inherit;font-family:inherit;font-size:1rem;line-height:1.1875rem;display:block;margin:var(--menu-item-margin, 0 0 0.25rem 0);padding-block:var(--menu-item-padding, 0.5rem);width:var(--menu-item-width, 100%);max-width:var(--menu-item-width, 100%);text-align:var(--menu-item-text-align, left)}.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).dialog--list .btn-action:is(:hover,:focus){background:var(--colour-light) !important;border-radius:.25rem !important}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action:is(:active){background:#e0e0e0 !important;border-radius:.25rem !important}.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}}.m-0{margin:0 !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.mt-0{margin-top:0 !important}.me-0{margin-right:0 !important}.mb-0{margin-bottom:0 !important}.ms-0{margin-left:0 !important}.m-1{margin:0.5rem !important}.mx-1{margin-left:0.5rem !important;margin-right:0.5rem !important}.my-1{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.mt-1{margin-top:0.5rem !important}.me-1{margin-right:0.5rem !important}.mb-1{margin-bottom:0.5rem !important}.ms-1{margin-left:0.5rem !important}.m-2{margin:1rem !important}.mx-2{margin-left:1rem !important;margin-right:1rem !important}.my-2{margin-top:1rem !important;margin-bottom:1rem !important}.mt-2{margin-top:1rem !important}.me-2{margin-right:1rem !important}.mb-2{margin-bottom:1rem !important}.ms-2{margin-left:1rem !important}.m-3{margin:1.5rem !important}.mx-3{margin-left:1.5rem !important;margin-right:1.5rem !important}.my-3{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.mt-3{margin-top:1.5rem !important}.me-3{margin-right:1.5rem !important}.mb-3{margin-bottom:1.5rem !important}.ms-3{margin-left:1.5rem !important}.m-4{margin:2rem !important}.mx-4{margin-left:2rem !important;margin-right:2rem !important}.my-4{margin-top:2rem !important;margin-bottom:2rem !important}.mt-4{margin-top:2rem !important}.me-4{margin-right:2rem !important}.mb-4{margin-bottom:2rem !important}.ms-4{margin-left:2rem !important}.m-5{margin:3rem !important}.mx-5{margin-left:3rem !important;margin-right:3rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.mt-5{margin-top:3rem !important}.me-5{margin-right:3rem !important}.mb-5{margin-bottom:3rem !important}.ms-5{margin-left:3rem !important}.m-auto{margin:auto !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-auto{margin-top:auto !important}.me-auto{margin-right:auto !important}.mb-auto{margin-bottom:auto !important}.ms-auto{margin-left:auto !important}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}@media screen and (min-width: 36em){.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-grid{display:grid !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}.d-sm-none{display:none !important}}@media screen and (min-width: 62em){.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-grid{display:grid !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}.d-md-none{display:none !important}}: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);pointer-events:none;display:flex}@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;place-self:unset !important}::slotted(.btn:not(.btn-action)){order:2}::slotted(:not([slot])){align-self:center !important;margin-block:0}::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}.menu__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;pointer-events:all !important}.filter-columns,.checklist-btns{display:none}:host([data-filter-columns]) .filter-columns{display:block}:host([data-filter-columns-save]) .filter-columns{display:block}:host([data-filter-columns-save]) .checklist-btns{display:block;text-align:right;padding-top:.5rem}:host([data-filter-columns-save]) .checklist-btns #saveColumns{margin-left:.25rem}:host([data-filter-columns-save]) .checklist-btns #saveColumns:not(:hover,:focus,:active){background-color:var(--colour-warning)}:host([data-filter-columns-save]) .checklist-btns #cancelColumns:not(:hover,:focus,:active){border-color:var(--colour-border)}.fa-table-columns:has(+dialog input:not(:checked)){overflow:visible;text-indent:-200vw}.fa-table-columns:has(+dialog input:not(:checked)):after{content:" ";display:block;position:absolute;top:0;right:0;background-color:var(--colour-info);height:1rem;width:1rem;border-radius:50%}:host([data-filter-columns-save]) .fa-table-columns:after{display:none !important}:host([data-filter-columns-save][data-hide-col1]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col2]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col3]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col4]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col5]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col6]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col7]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col8]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col9]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col10]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col11]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col12]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col13]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col14]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col15]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col16]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col17]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col18]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col19]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col20]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col21]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col22]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col23]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col24]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col25]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col26]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col27]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col28]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col29]) .fa-table-columns:after{display:block !important}:host([data-filter-columns-save][data-hide-col30]) .fa-table-columns:after{display:block !important}.no-columns{display:none}:host([data-filter-columns]),:host([data-filter-columns-save]){position:relative}:host([data-filter-columns][data-columns-shown="0"]) .actionbar__wrapper+.no-columns,:host([data-filter-columns-save][data-columns-shown="0"]) .actionbar__wrapper+.no-columns{display:flex;padding:2rem 2rem 0 2rem;text-align:center;background:#fff;flex-direction:column;justify-content:center;min-height:15rem}/*# sourceMappingURL=assets/css/components/actionbar.component.css.map */
|
|
132
133
|
|
|
133
134
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
134
135
|
</style>
|
|
@@ -140,23 +141,23 @@
|
|
|
140
141
|
<div class="safe-area">
|
|
141
142
|
<slot></slot>
|
|
142
143
|
<div class="body">
|
|
143
|
-
<div class="
|
|
144
|
-
<button class="btn btn-secondary btn-compact btn-sm fa-ellipsis-vertical m-0">More actions</button>
|
|
145
|
-
<
|
|
144
|
+
<div class="menu__wrapper menu__wrapper --right dialog-overflow d-none show">
|
|
145
|
+
<button class="btn btn-secondary btn-compact btn-sm fa-ellipsis-vertical m-0" popovertarget="overflow" style="anchor-name: --anchor-overflow;">More actions</button>
|
|
146
|
+
<iam-menu class="dialog--list" part="overflow" id="overflow" style="position-anchor: --anchor-overflow;" popover>
|
|
146
147
|
<slot name="overflow"></slot>
|
|
147
148
|
<slot name="menu"></slot>
|
|
148
|
-
</
|
|
149
|
+
</iam-menu>
|
|
149
150
|
</div>
|
|
150
151
|
|
|
151
152
|
|
|
152
|
-
<div class="
|
|
153
|
-
<button class="btn btn-secondary btn-compact btn-sm mb-0 me-0 fa-regular fa-table-columns" title="Select colums">Filter</button>
|
|
154
|
-
<
|
|
153
|
+
<div class="menu__wrapper menu__wrapper --right filter-columns">
|
|
154
|
+
<button class="btn btn-secondary btn-compact btn-sm mb-0 me-0 fa-regular fa-table-columns" title="Select colums" popovertarget="filter" style="anchor-name: --anchor-filter;">Filter</button>
|
|
155
|
+
<iam-menu class="dialog--list" id="filter" style="position-anchor: --anchor-filter;" popover>
|
|
155
156
|
<div class="pb-0 mb-0 checklists">
|
|
156
157
|
|
|
157
158
|
</div>
|
|
158
159
|
<div class="text-right checklist-btns"><button id="cancelColumns" class="btn btn-action">Cancel</button><button id="saveColumns" class="btn btn-action btn-secondary">Save</button></div>
|
|
159
|
-
</
|
|
160
|
+
</iam-menu>
|
|
160
161
|
</div>
|
|
161
162
|
|
|
162
163
|
<button class="btn btn-secondary btn-compact btn-sm fa-search" data-search="" part="search-btn">Search</button>
|
|
@@ -167,11 +168,11 @@
|
|
|
167
168
|
<div class="safe-area">
|
|
168
169
|
<slot name="selected"></slot>
|
|
169
170
|
<div class="body">
|
|
170
|
-
<div class="
|
|
171
|
-
<button class="btn btn-secondary btn-compact btn-sm fa-ellipsis-vertical m-0">More actions</button>
|
|
172
|
-
<
|
|
171
|
+
<div class="menu__wrapper menu__wrapper --right dialog-overflow d-none show">
|
|
172
|
+
<button class="btn btn-secondary btn-compact btn-sm fa-ellipsis-vertical m-0" popovertarget="selected-overflow" style="anchor-name: --anchor-selected-overflow;">More actions</button>
|
|
173
|
+
<iam-menu class="dialog--list" part="selected-overflow" id="selected-overflow" style="position-anchor: --anchor-selected-overflow;" popover>
|
|
173
174
|
<slot name="selected-overflow"></slot>
|
|
174
|
-
</
|
|
175
|
+
</iam-menu>
|
|
175
176
|
</div>
|
|
176
177
|
</div>
|
|
177
178
|
</div>
|
|
@@ -191,8 +192,8 @@
|
|
|
191
192
|
<div class="no-columns">
|
|
192
193
|
<span class="d-block">No columns selected</span>
|
|
193
194
|
</div>
|
|
194
|
-
`,this.shadowRoot.appendChild(
|
|
195
|
-
</style>`)}connectedCallback(){var e,t,o,r,i,n,c,m,l,d;const u=(e=this.shadowRoot)===null||e===void 0?void 0:e.querySelector(".actionbar__wrapper"),h=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector(".checklists");if(this.hasAttribute("data-selectall")){u==null||u.insertAdjacentHTML("afterbegin",'<div class="selectall pb-0"><input type="checkbox" name="selectall" id="selectall"><label for="selectall" class="m-0">Select all</label></div>');const b=(o=this.shadowRoot)===null||o===void 0?void 0:o.querySelector(".selectall");this.hasAttribute("data-selected")&&rt(b,this.getAttribute("data-selected")),b==null||b.addEventListener("change",w=>{var k;w&&w.target instanceof HTMLElement&&w.target.closest("input")&&(!((k=w.target.closest("input"))===null||k===void 0)&&k.checked?this.setAttribute("data-selected","all"):this.setAttribute("data-selected","0"))});const y=this.querySelector("button[data-cancel]");y&&y.addEventListener("click",()=>{this.setAttribute("data-selected","0")})}if(this.hasAttribute("data-select-watch")){const b=document.getElementById(this.getAttribute("data-select-watch"));b==null||b.setAttribute("data-select-container","true"),Array.from(b.querySelectorAll('input[type="checkbox"]')).forEach(y=>{var w;(w=y.parentElement)===null||w===void 0||w.setAttribute("slot","checkbox")}),b==null||b.addEventListener("change",y=>{if(y&&y.target instanceof HTMLElement&&y.target.closest('[type="checkbox"]')){const w=b.querySelectorAll('input[type="checkbox"]').length,k=b.querySelectorAll('input[type="checkbox"]:checked').length;this.setAttribute("data-selected",w==k?"all":String(k)),k?Array.from(b.querySelectorAll('input[type="checkbox"]')).forEach(x=>{var _;x.closest("iam-card")&&((_=x.closest("iam-card"))===null||_===void 0||_.setAttribute("data-selected","true"))}):Array.from(b.querySelectorAll('input[type="checkbox"]')).forEach(x=>{var _;x.closest("iam-card")&&((_=x.closest("iam-card"))===null||_===void 0||_.removeAttribute("data-selected"))})}})}if(this.hasAttribute("data-switchviews")){let b="";const y=(r=this.getAttribute("data-switchviews"))===null||r===void 0?void 0:r.split(",");y==null||y.forEach(k=>{let x="fa-grid-2";k=="list"?x="fa-grip-lines":k=="small"&&(x="fa-bars"),b+=`<button class="btn btn-action btn-compact btn-sm mb-0 fa-regular ${x}">${k}</button>`}),u==null||u.insertAdjacentHTML("afterbegin",`<div class="views m-0">${b}</div>`);const w=(i=this.shadowRoot)===null||i===void 0?void 0:i.querySelector(".views");w==null||w.addEventListener("click",k=>{if(k&&k.target instanceof HTMLElement&&k.target.closest(".btn-action")){const x=k.target.closest(".btn-action");this.setAttribute("data-view",x.textContent);const _=new CustomEvent("switch-view",{detail:{view:x.textContent}});this.dispatchEvent(_)}})}const p=(n=this.shadowRoot)===null||n===void 0?void 0:n.querySelector(".actionbar--search");this.hasAttribute("data-search-value")&&(((c=this.shadowRoot)===null||c===void 0?void 0:c.querySelector("#search")).value=String(this.getAttribute("data-search-value"))),this.hasAttribute("data-search")&&this.getAttribute("data-search")=="show"&&(p==null||p.classList.add("show"));const g=this.shadowRoot.querySelector("button[data-search]");this.shadowRoot.addEventListener("click",b=>{b&&b.target instanceof HTMLElement&&b.target.closest("button[data-search]")&&(p.classList.toggle("show"),g.toggleAttribute("aria-expanded"))}),p.addEventListener("keyup",()=>{const b=new CustomEvent("search-keyup",{detail:{search:p.querySelector("input").value}});this.dispatchEvent(b)}),p.addEventListener("change",()=>{const b=new CustomEvent("search-change",{detail:{search:p.querySelector("input").value}});this.dispatchEvent(b)}),p.addEventListener("click",b=>{if(b&&b.target instanceof HTMLElement&&b.target.closest("button.suffix")){const y=new CustomEvent("search-submit",{detail:{search:p.querySelector("input").value}});this.dispatchEvent(y)}}),Array.from(this.shadowRoot.querySelectorAll(".body")).forEach(b=>{lr(b)});const v=()=>{const b=u.scrollWidth,y=document.documentElement.scrollWidth;let w=750,k=16,x=450,_=!(this===null||this===void 0)&&this.hasAttribute("data-switchviews")?144:210;this.hasAttribute("data-large-safe-area")&&(w=1048,x=620,_=260);let E=1;y>=992&&y<=1280?E=y/1280:y>=576&&y<992?E=y/768:y<576&&(E=y/375),b>=992&&b<=1280?w=w*E:b>=576&&b<992?w=x*E:b<576&&(w=_*E),k=k*E,b<576?Array.from(this.querySelectorAll(':scope > .btn:not(.js-updated), :scope > .dialog__wrapper > .btn[class*="fa-"]:first-child:not(.js-updated)')).forEach(L=>{L.className=L.className.replace(" btn-compact"," _btn-compact"),L.classList.add("btn-compact"),L.classList.add("js-updated")}):Array.from(this.querySelectorAll(":scope > .btn.js-updated, :scope > .dialog__wrapper > .btn.js-updated:first-child")).forEach(L=>{L.classList.remove("btn-compact"),L.classList.remove("js-updated"),L.className=L.className.replace(" _btn-compact"," btn-compact")}),Array.from(this.querySelectorAll("[slot]")).forEach(L=>{L.getAttribute("slot")=="overflow"&&L.removeAttribute("slot"),L.getAttribute("slot")=="selected-overflow"&&L.setAttribute("slot","selected")}),Array.from(this.querySelectorAll(".show")).forEach(L=>{L.classList.remove("show")}),Array.from(this.shadowRoot.querySelectorAll(".safe-area")).forEach(L=>{var z,M,H;let D="overflow";!((z=L.querySelector("slot"))===null||z===void 0)&&z.hasAttribute("name")&&((M=L.querySelector("slot"))===null||M===void 0?void 0:M.getAttribute("name"))=="selected"&&(D="selected-overflow");const $=(H=L.querySelector("slot"))===null||H===void 0?void 0:H.assignedElements();let C=44*E;this.hasAttribute("data-search")&&(C+=44*E);for(let q=0;q<$.length;q++)!$[q].classList.contains("btn-action")&&!$[q].classList.contains("dialog__wrapper")&&(C+=$[q].offsetWidth,C+=k);for(let q=0;q<$.length;q++)if($[q].classList.contains("dialog__wrapper")&&($[q].classList.add("show"),C+=$[q].offsetWidth,C+=k/2,C-k/2>w)){$[q].classList.remove("show");break}for(let q=0;q<$.length;q++)if($[q].classList.contains("btn-action")&&($[q].classList.add("show"),C+=$[q].offsetWidth,C+=k/2,C-k/2>w)){$[q].classList.remove("show");break}const R=L.querySelector(".dialog-overflow");R&&R.classList.add("d-none");for(let q=0;q<$.length;q++)($[q].classList.contains("btn-action")||$[q].classList.contains("dialog__wrapper"))&&($[q].classList.contains("show")||($[q].setAttribute("slot",D),R&&R.classList.remove("d-none")))})};v(),new ResizeObserver(v).observe(u);const f=()=>{let b="";Array.from(h==null?void 0:h.querySelectorAll("label input")).forEach((w,k)=>{b+=this.hasAttribute(`data-hide-col${k+1}`)?`${k+1},`:""}),this.setAttribute("data-columns-shown",h.querySelectorAll("input:checked").length);const y=new CustomEvent("columm-filters-set",{detail:{columnsHidden:b.slice(0,-1)}});this.dispatchEvent(y)};if(this.hasAttribute("data-filter-columns")||this.hasAttribute("data-filter-columns-save")){const b=this.closest("iam-table").querySelectorAll("thead th");Array.from(b).forEach((y,w)=>{y.textContent&&(h==null||h.insertAdjacentHTML("beforeend",`<label class="m-0" title="Change the display of "><input name="hideCol${w+1}" value="${w+1}" type="checkbox" ${this.hasAttribute("data-hide-col"+(w+1))?"":"checked"} /> ${y.textContent}</label>`))})}if(this.setAttribute("data-columns-shown",h.querySelectorAll("input:checked").length),this.hasAttribute("data-filter-columns")&&!this.hasAttribute("data-filter-columns-save")&&(h==null||h.addEventListener("change",b=>{if(b&&b.target instanceof HTMLElement&&b.target.closest("input")){const y=b.target.closest("input");(y==null?void 0:y.checked)==!1?this.setAttribute("data-hide-col"+(y==null?void 0:y.value),"true"):this.removeAttribute("data-hide-col"+(y==null?void 0:y.value)),f()}})),this.hasAttribute("data-filter-columns-save")){const b=(m=this.shadowRoot)===null||m===void 0?void 0:m.querySelector(".checklists"),y=(l=this.shadowRoot)===null||l===void 0?void 0:l.querySelector("#saveColumns"),w=(d=this.shadowRoot)===null||d===void 0?void 0:d.querySelector("#cancelColumns");y==null||y.addEventListener("click",k=>{var x;Array.from(b==null?void 0:b.querySelectorAll("label input")).forEach(_=>{(_==null?void 0:_.checked)==!1?this.setAttribute("data-hide-col"+(_==null?void 0:_.value),"true"):this.removeAttribute("data-hide-col"+(_==null?void 0:_.value))}),f(),(x=y.closest("dialog"))===null||x===void 0||x.close()}),w==null||w.addEventListener("click",k=>{var x,_;const E=(x=this.shadowRoot)===null||x===void 0?void 0:x.querySelector(".checklists");Array.from(E==null?void 0:E.querySelectorAll("label input")).forEach((L,z)=>{L.checked=!this.hasAttribute(`data-hide-col${z+1}`)}),f(),(_=y.closest("dialog"))===null||_===void 0||_.close()})}}static get observedAttributes(){return["data-selected"]}attributeChangedCallback(e,t,o){switch(e){case"data-selected":{const r=this.shadowRoot.querySelector(".selectall");r&&rt(r,o);const i=new CustomEvent("selected",{detail:{selected:o}});if(this.dispatchEvent(i),o=="all"&&this.hasAttribute("data-select-watch")){const n=document.getElementById(String(this.getAttribute("data-select-watch")));Array.from(n.querySelectorAll('input[type="checkbox"]')).forEach(c=>{var m;c.checked=!0,c.closest("iam-card")&&((m=c.closest("iam-card"))===null||m===void 0||m.setAttribute("data-selected","true"))})}if(o=="0"&&this.hasAttribute("data-select-watch")){const n=document.getElementById(String(this.getAttribute("data-select-watch")));Array.from(n.querySelectorAll('input[type="checkbox"]')).forEach(c=>{var m;c.checked=!1,c.closest("iam-card")&&((m=c.closest("iam-card"))===null||m===void 0||m.removeAttribute("data-selected"))})}break}}}}},Symbol.toStringTag,{value:"Module"}));/*! js-cookie v3.0.5 | MIT */function F(a){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var o in t)a[o]=t[o]}return a}var dr={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 U(a,e){function t(r,i,n){if(!(typeof document>"u")){n=F({},e,n),typeof n.expires=="number"&&(n.expires=new Date(Date.now()+n.expires*864e5)),n.expires&&(n.expires=n.expires.toUTCString()),r=encodeURIComponent(r).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var m in n)n[m]&&(c+="; "+m,n[m]!==!0&&(c+="="+n[m].split(";")[0]));return document.cookie=r+"="+a.write(i,r)+c}}function o(r){if(!(typeof document>"u"||arguments.length&&!r)){for(var i=document.cookie?document.cookie.split("; "):[],n={},c=0;c<i.length;c++){var m=i[c].split("="),l=m.slice(1).join("=");try{var d=decodeURIComponent(m[0]);if(n[d]=a.read(l,d),r===d)break}catch{}}return r?n[r]:n}}return Object.create({set:t,get:o,remove:function(r,i){t(r,"",F({},i,{expires:-1}))},withAttributes:function(r){return U(this.converter,F({},this.attributes,r))},withConverter:function(r){return U(F({},this.converter,r),this.attributes)}},{attributes:{value:Object.freeze(e)},converter:{value:Object.freeze(a)}})}var it=U(dr,{path:"/"}),nt=function(a,e,t,o){function r(i){return i instanceof t?i:new t(function(n){n(i)})}return new(t||(t=Promise))(function(i,n){function c(d){try{l(o.next(d))}catch(u){n(u)}}function m(d){try{l(o.throw(d))}catch(u){n(u)}}function l(d){d.done?i(d.value):r(d.value).then(c,m)}l((o=o.apply(a,[])).next())})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Address Lookup"});const mr=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){var e;super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",o=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
195
|
+
`,this.shadowRoot.appendChild(a.content.cloneNode(!0)),document.getElementById("actionbarGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="actionbarGlobal">iam-actionbar{--actionbar-radius: 0;background-color:#fcfcfc;display:block;border-top-left-radius:0.625rem;border-top-right-radius:0.625rem}@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)}main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar:first-child{padding-top:0}@media screen and (prefers-color-scheme: light){main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar{background-color:#e6eaec}}@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-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 .menu__wrapper [slot=selected-overflow]>button,iam-actionbar .menu__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 .menu__wrapper [slot=selected-overflow]>button:before,iam-actionbar .menu__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 .menu__wrapper [slot=selected-overflow] dialog[open],iam-actionbar .menu__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 */
|
|
196
|
+
</style>`)}connectedCallback(){var a,t,o,r,i,n,s,d,c,m,u,h;const p=(a=this.shadowRoot)===null||a===void 0?void 0:a.querySelector(".actionbar__wrapper"),b=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector(".checklists"),f=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets";window.customElements.get("iam-menu")||import(`${f}/js/components/menu/menu.component.js`).then(v=>{window.customElements.define("iam-menu",v.default)}).catch(v=>{console.log(v.message)});const g=this.querySelector(".dialog__wrapper dialog");if(g){const v=g.parentElement.querySelector(".btn"),w=`menu${kr(1)}`;g.setAttribute("id",w),g.setAttribute("popover","auto"),v.setAttribute("popovertarget",w),g.outerHTML=g.outerHTML.replace(/<dialog/g,"<iam-menu").replace(/<\/dialog>/g,"</iam-menu>"),(o=g.parentElement)===null||o===void 0||o.classList.add("menu__wrapper"),(r=g.parentElement)===null||r===void 0||r.classList.remove("dialog__wrapper")}if(this.hasAttribute("data-selectall")){p==null||p.insertAdjacentHTML("afterbegin",'<div class="selectall pb-0"><input type="checkbox" name="selectall" id="selectall"><label for="selectall" class="m-0">Select all</label></div>');const v=(i=this.shadowRoot)===null||i===void 0?void 0:i.querySelector(".selectall");this.hasAttribute("data-selected")&<(v,this.getAttribute("data-selected")),v==null||v.addEventListener("change",_=>{var x;_&&_.target instanceof HTMLElement&&_.target.closest("input")&&(!((x=_.target.closest("input"))===null||x===void 0)&&x.checked?this.setAttribute("data-selected","all"):this.setAttribute("data-selected","0"))});const w=this.querySelector("button[data-cancel]");w&&w.addEventListener("click",()=>{this.setAttribute("data-selected","0")})}if(this.hasAttribute("data-select-watch")){const v=document.getElementById(this.getAttribute("data-select-watch"));v==null||v.setAttribute("data-select-container","true"),Array.from(v.querySelectorAll('input[type="checkbox"]')).forEach(w=>{var _;(_=w.parentElement)===null||_===void 0||_.setAttribute("slot","checkbox")}),v==null||v.addEventListener("change",w=>{if(w&&w.target instanceof HTMLElement&&w.target.closest('[type="checkbox"]')){const _=v.querySelectorAll('input[type="checkbox"]').length,x=v.querySelectorAll('input[type="checkbox"]:checked').length;this.setAttribute("data-selected",_==x?"all":String(x)),x?Array.from(v.querySelectorAll('input[type="checkbox"]')).forEach(q=>{var $;q.closest("iam-card")&&(($=q.closest("iam-card"))===null||$===void 0||$.setAttribute("data-selected","true"))}):Array.from(v.querySelectorAll('input[type="checkbox"]')).forEach(q=>{var $;q.closest("iam-card")&&(($=q.closest("iam-card"))===null||$===void 0||$.removeAttribute("data-selected"))})}})}if(this.hasAttribute("data-switchviews")){let v="";const w=(n=this.getAttribute("data-switchviews"))===null||n===void 0?void 0:n.split(",");w==null||w.forEach(x=>{let q="fa-grid-2";x=="list"?q="fa-grip-lines":x=="small"&&(q="fa-bars"),v+=`<button class="btn btn-action btn-compact btn-sm mb-0 fa-regular ${q}">${x}</button>`}),p==null||p.insertAdjacentHTML("afterbegin",`<div class="views m-0">${v}</div>`);const _=(s=this.shadowRoot)===null||s===void 0?void 0:s.querySelector(".views");_==null||_.addEventListener("click",x=>{if(x&&x.target instanceof HTMLElement&&x.target.closest(".btn-action")){const q=x.target.closest(".btn-action");this.setAttribute("data-view",q.textContent);const $=new CustomEvent("switch-view",{detail:{view:q.textContent}});this.dispatchEvent($)}})}const y=(d=this.shadowRoot)===null||d===void 0?void 0:d.querySelector(".actionbar--search");this.hasAttribute("data-search-value")&&(((c=this.shadowRoot)===null||c===void 0?void 0:c.querySelector("#search")).value=String(this.getAttribute("data-search-value"))),this.hasAttribute("data-search")&&this.getAttribute("data-search")=="show"&&(y==null||y.classList.add("show"));const k=this.shadowRoot.querySelector("button[data-search]");this.shadowRoot.addEventListener("click",v=>{v&&v.target instanceof HTMLElement&&v.target.closest("button[data-search]")&&(y.classList.toggle("show"),k.toggleAttribute("aria-expanded"))}),y.addEventListener("keyup",()=>{const v=new CustomEvent("search-keyup",{detail:{search:y.querySelector("input").value}});this.dispatchEvent(v)}),y.addEventListener("change",()=>{const v=new CustomEvent("search-change",{detail:{search:y.querySelector("input").value}});this.dispatchEvent(v)}),y.addEventListener("click",v=>{if(v&&v.target instanceof HTMLElement&&v.target.closest("button.suffix")){const w=new CustomEvent("search-submit",{detail:{search:y.querySelector("input").value}});this.dispatchEvent(w)}});const L=()=>{const v=p.scrollWidth,w=document.documentElement.scrollWidth;let _=750,x=16,q=450,$=!(this===null||this===void 0)&&this.hasAttribute("data-switchviews")?144:210;this.hasAttribute("data-large-safe-area")&&(_=1048,q=620,$=260);let T=1;w>=992&&w<=1280?T=w/1280:w>=576&&w<992?T=w/768:w<576&&(T=w/375),v>=992&&v<=1280?_=_*T:v>=576&&v<992?_=q*T:v<576&&(_=$*T),x=x*T,v<576?Array.from(this.querySelectorAll(':scope > .btn:not(.js-updated), :scope > .menu__wrapper > .btn[class*="fa-"]:first-child:not(.js-updated)')).forEach(C=>{C.className=C.className.replace(" btn-compact"," _btn-compact"),C.classList.add("btn-compact"),C.classList.add("js-updated")}):Array.from(this.querySelectorAll(":scope > .btn.js-updated, :scope > .menu__wrapper > .btn.js-updated:first-child")).forEach(C=>{C.classList.remove("btn-compact"),C.classList.remove("js-updated"),C.className=C.className.replace(" _btn-compact"," btn-compact")}),Array.from(this.querySelectorAll("[slot]")).forEach(C=>{C.getAttribute("slot")=="overflow"&&C.removeAttribute("slot"),C.getAttribute("slot")=="selected-overflow"&&C.setAttribute("slot","selected")}),Array.from(this.querySelectorAll(".show")).forEach(C=>{C.classList.remove("show")}),Array.from(this.shadowRoot.querySelectorAll(".safe-area")).forEach(C=>{var H,j,P;let Ct="overflow";!((H=C.querySelector("slot"))===null||H===void 0)&&H.hasAttribute("name")&&((j=C.querySelector("slot"))===null||j===void 0?void 0:j.getAttribute("name"))=="selected"&&(Ct="selected-overflow");const M=(P=C.querySelector("slot"))===null||P===void 0?void 0:P.assignedElements();let R=44*T;this.hasAttribute("data-search")&&(R+=44*T);for(let z=0;z<M.length;z++)!M[z].classList.contains("btn-action")&&!M[z].classList.contains("menu__wrapper ")&&(R+=M[z].offsetWidth,R+=x);for(let z=0;z<M.length;z++)if(M[z].classList.contains("menu__wrapper ")&&(M[z].classList.add("show"),R+=M[z].offsetWidth,R+=x/2,R-x/2>_)){M[z].classList.remove("show");break}for(let z=0;z<M.length;z++)if(M[z].classList.contains("btn-action")&&(M[z].classList.add("show"),R+=M[z].offsetWidth,R+=x/2,R-x/2>_)){M[z].classList.remove("show");break}const I=C.querySelector(".dialog-overflow");I&&I.classList.add("d-none");for(let z=0;z<M.length;z++)(M[z].classList.contains("btn-action")||M[z].classList.contains("menu__wrapper "))&&(M[z].classList.contains("show")||(M[z].setAttribute("slot",Ct),I&&I.classList.remove("d-none")))})};L(),new ResizeObserver(L).observe(p);const E=()=>{let v="";Array.from(b==null?void 0:b.querySelectorAll("label input")).forEach((_,x)=>{v+=this.hasAttribute(`data-hide-col${x+1}`)?`${x+1},`:""}),this.setAttribute("data-columns-shown",b.querySelectorAll("input:checked").length);const w=new CustomEvent("columm-filters-set",{detail:{columnsHidden:v.slice(0,-1)}});this.dispatchEvent(w)};if(this.hasAttribute("data-filter-columns")||this.hasAttribute("data-filter-columns-save")){const v=this.closest("iam-table").querySelectorAll("thead th");Array.from(v).forEach((w,_)=>{w.textContent&&(b==null||b.insertAdjacentHTML("beforeend",`<label class="m-0" title="Change the display of "><input name="hideCol${_+1}" value="${_+1}" type="checkbox" ${this.hasAttribute("data-hide-col"+(_+1))?"":"checked"} /> ${w.textContent}</label>`))})}if(this.setAttribute("data-columns-shown",b.querySelectorAll("input:checked").length),this.hasAttribute("data-filter-columns")&&!this.hasAttribute("data-filter-columns-save")&&(b==null||b.addEventListener("change",v=>{if(v&&v.target instanceof HTMLElement&&v.target.closest("input")){const w=v.target.closest("input");(w==null?void 0:w.checked)==!1?this.setAttribute("data-hide-col"+(w==null?void 0:w.value),"true"):this.removeAttribute("data-hide-col"+(w==null?void 0:w.value)),E()}})),this.hasAttribute("data-filter-columns-save")){const v=(m=this.shadowRoot)===null||m===void 0?void 0:m.querySelector(".checklists"),w=(u=this.shadowRoot)===null||u===void 0?void 0:u.querySelector("#saveColumns"),_=(h=this.shadowRoot)===null||h===void 0?void 0:h.querySelector("#cancelColumns");w==null||w.addEventListener("click",x=>{var q;Array.from(v==null?void 0:v.querySelectorAll("label input")).forEach($=>{($==null?void 0:$.checked)==!1?this.setAttribute("data-hide-col"+($==null?void 0:$.value),"true"):this.removeAttribute("data-hide-col"+($==null?void 0:$.value))}),E(),(q=w.closest("dialog"))===null||q===void 0||q.close()}),_==null||_.addEventListener("click",x=>{var q,$;const T=(q=this.shadowRoot)===null||q===void 0?void 0:q.querySelector(".checklists");Array.from(T==null?void 0:T.querySelectorAll("label input")).forEach((C,H)=>{C.checked=!this.hasAttribute(`data-hide-col${H+1}`)}),E(),($=w.closest("dialog"))===null||$===void 0||$.close()})}}static get observedAttributes(){return["data-selected"]}attributeChangedCallback(a,t,o){switch(a){case"data-selected":{const r=this.shadowRoot.querySelector(".selectall");r&<(r,o);const i=new CustomEvent("selected",{detail:{selected:o}});if(this.dispatchEvent(i),o=="all"&&this.hasAttribute("data-select-watch")){const n=document.getElementById(String(this.getAttribute("data-select-watch")));Array.from(n.querySelectorAll('input[type="checkbox"]')).forEach(s=>{var d;s.checked=!0,s.closest("iam-card")&&((d=s.closest("iam-card"))===null||d===void 0||d.setAttribute("data-selected","true"))})}if(o=="0"&&this.hasAttribute("data-select-watch")){const n=document.getElementById(String(this.getAttribute("data-select-watch")));Array.from(n.querySelectorAll('input[type="checkbox"]')).forEach(s=>{var d;s.checked=!1,s.closest("iam-card")&&((d=s.closest("iam-card"))===null||d===void 0||d.removeAttribute("data-selected"))})}break}}}}},Symbol.toStringTag,{value:"Module"}));/*! js-cookie v3.0.5 | MIT */function D(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var o in t)e[o]=t[o]}return e}var xr={read:function(e){return e[0]==='"'&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function X(e,a){function t(r,i,n){if(!(typeof document>"u")){n=D({},a,n),typeof n.expires=="number"&&(n.expires=new Date(Date.now()+n.expires*864e5)),n.expires&&(n.expires=n.expires.toUTCString()),r=encodeURIComponent(r).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var d in n)n[d]&&(s+="; "+d,n[d]!==!0&&(s+="="+n[d].split(";")[0]));return document.cookie=r+"="+e.write(i,r)+s}}function o(r){if(!(typeof document>"u"||arguments.length&&!r)){for(var i=document.cookie?document.cookie.split("; "):[],n={},s=0;s<i.length;s++){var d=i[s].split("="),c=d.slice(1).join("=");try{var m=decodeURIComponent(d[0]);if(n[m]=e.read(c,m),r===m)break}catch{}}return r?n[r]:n}}return Object.create({set:t,get:o,remove:function(r,i){t(r,"",D({},i,{expires:-1}))},withAttributes:function(r){return X(this.converter,D({},this.attributes,r))},withConverter:function(r){return X(D({},this.converter,r),this.attributes)}},{attributes:{value:Object.freeze(a)},converter:{value:Object.freeze(e)}})}var ct=X(xr,{path:"/"}),dt=function(e,a,t,o){function r(i){return i instanceof t?i:new t(function(n){n(i)})}return new(t||(t=Promise))(function(i,n){function s(m){try{c(o.next(m))}catch(u){n(u)}}function d(m){try{c(o.throw(m))}catch(u){n(u)}}function c(m){m.done?i(m.value):r(m.value).then(s,d)}c((o=o.apply(e,[])).next())})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Address Lookup"});const Ar=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){var a;super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",o=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
196
197
|
<style>
|
|
197
198
|
@import "${o}";
|
|
198
199
|
.js-hide{display:none !important}: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 */
|
|
@@ -228,7 +229,7 @@
|
|
|
228
229
|
<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>
|
|
229
230
|
</div>
|
|
230
231
|
</div>
|
|
231
|
-
`,(
|
|
232
|
+
`,(a=this.shadowRoot)===null||a===void 0||a.appendChild(r.content.cloneNode(!0))}connectedCallback(){return dt(this,void 0,void 0,function*(){const a=this.shadowRoot.querySelector('[name="postcode"]'),t=this.shadowRoot.querySelector(".postcode-lookup"),o=this.shadowRoot.querySelector(".manual-address"),r=this.shadowRoot.querySelector(".pre-filled"),i=this.shadowRoot.querySelector("datalist"),n=this.shadowRoot.querySelector(".switch-to-manual-btn"),s=this.shadowRoot.querySelector(".switch-to-lookup-btn"),d=this.hasAttribute("data-title")?this.getAttribute("data-title"):"Property address",c=this.shadowRoot.querySelector(".pre-filled-address + button"),m=this.hasAttribute("data-display-text");Array.from(this.shadowRoot.querySelectorAll(".title")).forEach(b=>{b.innerHTML=d});function u(b){const f=b.shadowRoot.querySelector(".pre-filled-address");let g=!0;f.innerHTML="",Array.from(b.querySelectorAll("input[required],input[data-required],select[required],select[data-required]")).forEach(y=>{const k=y.value;k?f.innerHTML+=k+(/^-?\d+$/.test(k)?" ":", "):g=!1}),f.innerHTML=f.innerHTML.slice(0,-2),g&&(r.classList.remove("js-hide"),t.classList.add("js-hide"),o.classList.add("js-hide"))}if(u(this),this.addEventListener("filled",()=>{u(this)}),this.hasAttribute("data-use")){const b=`<div><input type="checkbox" name="use" id="use" value="yes"><label for="use">${this.hasAttribute("data-use-label")?this.getAttribute("data-use-label"):"Use saved address"}</label></div>`;t.insertAdjacentHTML("afterbegin",b),this.shadowRoot.addEventListener("change",f=>{if(f&&f.target instanceof HTMLElement&&f.target.closest('[name="use"]')&&f.target.closest('[name="use"]').checked){t.classList.add("js-hide"),o.classList.remove("js-hide");const g=JSON.parse(this.getAttribute("data-use"));Object.keys(g).forEach(y=>{const k=g[y];this.querySelector(`[data-name="${y}"]`)?this.querySelector(`[data-name="${y}"]`).value=k:this.querySelector(`[name="${y}"]`)&&(this.querySelector(`[name="${y}"]`).value=k)})}})}this.hasAttribute("data-manual")&&(t.classList.add("js-hide"),o.classList.remove("js-hide"),Array.from(o.querySelectorAll("[data-required]")).forEach(b=>{b.setAttribute("required","true")}));function h(){t.classList.add("js-hide"),o.classList.remove("js-hide"),Array.from(o.querySelectorAll("[data-required]")).forEach(b=>{b.setAttribute("required","true")}),o.scrollIntoView()}c.addEventListener("click",()=>{r.classList.add("js-hide"),h()}),n.addEventListener("click",()=>{h()}),s.addEventListener("click",()=>{t.classList.remove("js-hide"),o.classList.add("js-hide"),t.scrollIntoView()}),a.addEventListener("keyup",()=>{a.value.length>=3&&p(a.value)}),a.addEventListener("change",()=>{if(a.value.length>=3&&(p(a.value),i.querySelector(`[value="${a.value}"]`))){t.classList.add("js-hide"),o.classList.remove("js-hide");const b=JSON.parse(i.querySelector(`[value="${a.value}"]`).getAttribute("data-values"));Object.keys(b).forEach(f=>{const g=b[f];this.querySelector(`[data-name="${f}"]`)&&g!=""?this.querySelector(`[data-name="${f}"]`).value=g:this.querySelector(`[data-name-alt="${f}"]`)&&g!=""?this.querySelector(`[data-name-alt="${f}"]`).value=g:this.querySelector(`[name="${f}"]`)&&g!=""&&(this.querySelector(`[name="${f}"]`).value=g),this.querySelector(`[data-name-2="${f}"]`)&&(this.querySelector(`[data-name-2="${f}"]`).value+=" "+g)}),this.querySelector("[name]").focus(),Array.from(this.querySelectorAll("[data-required]")).forEach(f=>{f.setAttribute("required","true")}),a.removeAttribute("required"),this.shadowRoot.querySelector('[name="use"]')&&(this.shadowRoot.querySelector('[name="use"]').checked=!1)}});const p=b=>dt(this,void 0,void 0,function*(){let f=this.getAttribute("data-url");f+=`${encodeURI(b)}`,window.controller||(window.controller=[]),window.controller[f]&&window.controller[f].abort(),window.controller[f]=new AbortController;const{signal:g}=controller[f];try{yield fetch(f,{signal:g,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":ct.get("XSRF-TOKEN")})}).then(y=>y.json()).then(y=>{let k="";return y.forEach(L=>{if(typeof L.value=="object"){const E=JSON.stringify(L.value);k+=`<option value="${L.label}, ${b}" data-values='${E}'></option>`}else{const E=JSON.stringify(L);if(m)k+=`<option value="${L[m]}, ${b}" data-values='${E}'></option>`;else{let v="";for(const[w,_]of Object.entries(L))w=="address_number_name"?v+=`${_} `:w!="postcode"&&w!="address_title"&&(v+=`${_}${/^-?\d+$/.test(_)?"":","} `);k+=`<option value="${v}${b}" data-values='${E}'></option>`}}}),i.innerHTML=k,y})}catch(y){console.log(y)}})})}}},Symbol.toStringTag,{value:"Module"}));function Lr(e,a){function t(r,i,n=!0){let s=!1,d=i.getAttribute("name");if(!d)return!1;d.includes("[]")&&(d=d.replace("[]",`[${i.value}]`));let c=r.querySelector(`[data-name="${d}"]`);c&&i.getAttribute("type")=="checkbox"&&(s=!i.checked);const m=i.getAttribute("data-filter-text");if(c||(c=document.createElement("button"),r.appendChild(c)),c.setAttribute("type","button"),c.classList.add("filter"),c.classList.add("tag"),n&&c.classList.add("tag--not-set"),c.setAttribute("data-name",d),c.innerHTML=m.replace("$value",i.value),(!i.value||s)&&c.remove(),i.parentNode.closest("[data-filter-text]")){const u=i.parentNode.closest("[data-filter-text]");let h=!0;if(d="",u.querySelectorAll("input").forEach((p,b)=>{const f=p.getAttribute("name");if(d+=`${b!=0?",":""}${f}`,r.querySelector(`[data-name="${f}"]`)&&r.querySelector(`[data-name="${f}"]`).remove(),p.value){const g=document.createElement("button");g.setAttribute("type","button"),g.classList.add("filter"),g.classList.add("tag"),n&&c.classList.add("tag--not-set"),g.setAttribute("data-name",f),g.innerHTML=m.replace("$value",p.value),r.appendChild(g)}else h=!1}),r.querySelector(`[data-name="${d}"]`)&&r.querySelector(`[data-name="${d}"]`).remove(),h){let p=u.getAttribute("data-filter-text");u.querySelectorAll("input").forEach((f,g)=>{const y=f.getAttribute("name");r.querySelector(`[data-name="${y}"]`)&&r.querySelector(`[data-name="${y}"]`).remove(),p=p.replace(`$${g+1}`,f.value)});const b=document.createElement("button");b.setAttribute("type","button"),b.classList.add("filter"),b.classList.add("tag"),n&&c.classList.add("tag--not-set"),b.setAttribute("data-name",d),b.innerHTML=p,r.appendChild(b)}}}Array.from(e.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach(r=>{t(a,r,!1)});const o=e.closest("dialog");o&&new MutationObserver(function(i){i[0].attributeName=="open"&&Array.from(e.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach(n=>{t(a,n,!1)})}).observe(o,{attributes:!0}),e.addEventListener("tags-set",function(){a.innerHTML="",Array.from(e.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach(r=>{t(a,r,!1)})}),Array.from(e.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach(r=>{r.addEventListener("change",function(i){e.hasAttribute("data-keep-same")||t(a,r),i.stopPropagation()})}),e.addEventListener("change",function(r){if(r&&r.target instanceof HTMLElement&&r.target.closest("input[data-filter-text]")){const i=r.target.closest("input[data-filter-text]");e.hasAttribute("data-keep-same")||t(a,i)}}),a.addEventListener("click",function(r){if(r&&r.target instanceof HTMLElement&&r.target.closest(".filter")){const i=r.target.closest(".filter"),n=i.getAttribute("data-name").split(",");for(let s=0;s<n.length;s++){const d=n[s];let c=`[name="${d}"]`;d.match(/\[(.*)\]/)&&(c=`[value="${d.replace(/.*\[(.*)\]/,"$1")}"]`);const m=e.querySelectorAll(c);for(let u=0;u<m.length;u++){const h=m[u];if(h.getAttribute("type")!="radio"&&h.getAttribute("type")!="checkbox"){h.value="";const p=new Event("force");e.hasAttribute("data-nosubmit")||h.closest("form").dispatchEvent(p)}else{h.checked=!1;const p=new Event("force");e.hasAttribute("data-nosubmit")||h.closest("form").dispatchEvent(p)}}}i.remove()}},!1)}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Applied Filters"});class Er 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`,o=`@import "${a}/css/components/applied-filters.css";`,r=this.classList.toString(),i=document.createElement("template");i.innerHTML=`
|
|
232
233
|
<style>
|
|
233
234
|
@import "${t}";
|
|
234
235
|
${o}
|
|
@@ -236,18 +237,18 @@
|
|
|
236
237
|
</style>
|
|
237
238
|
<div class="applied-filters ${r}"></div>
|
|
238
239
|
<slot></slot>
|
|
239
|
-
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){
|
|
240
|
-
* iamKey v7.
|
|
240
|
+
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){Lr(this,this.shadowRoot.querySelector(".applied-filters"))}}const Sr=Object.freeze(Object.defineProperty({__proto__:null,default:Er},Symbol.toStringTag,{value:"Module"}));/*!
|
|
241
|
+
* iamKey v7.4.0
|
|
241
242
|
* Copyright 2022-2025 iamproperty
|
|
242
|
-
*/const st=a=>a.charAt(0).toUpperCase()+a.slice(1),lt=a=>a.replace(/_/g," "),br=(a,e)=>{for(let t=1;t<=10;t++){if(a.hasAttribute(`data-colour-${t}`)){const o=a.getAttribute(`data-colour-${t}`);a.style.setProperty(`--chart-colour-${t}`,`var(--chart-colour-${o})`),a.style.setProperty(`--chart-colour-${t}-hover`,`var(--chart-colour-${o}-hover)`)}Array.from(e.querySelectorAll(`[data-colour-${t}]`)).forEach(o=>{const r=o.getAttribute(`data-colour-${t}`);o.style.setProperty(`--chart-colour-${t}-set`,`var(--chart-colour-${r})`),o.style.setProperty(`--chart-colour-${t}-hover`,`var(--chart-colour-${r}-hover)`)})}return!0},W=(a,e,t)=>{if(a.tagName=="IAM-DOUGHNUTCHART")return gr(a,e,t),!0;const o=e.querySelector(".chart__key");o.innerHTML="";const r=e.querySelector(".chart__guidelines");r.innerHTML="";const i=e.querySelector(".chart__yaxis");i.innerHTML="",Array.from(e.querySelectorAll(':scope > input[type="checkbox"],:scope > input[type="radio"]')).map(c=>{c.remove()});const{xaxis:n}=B(a);return X(a,t),dt(e,t,o),xr(a,r),Ar(a,i),n&&Lr(e),!0},gr=(a,e,t)=>{const o=e.querySelector(".chart__key");return o.innerHTML="",Array.from(e.querySelectorAll(':scope > input[type="checkbox"],:scope > input[type="radio"]')).map(r=>{r.remove()}),X(a,t),dt(e,t,o),mt(e),!0},fr=function(a,e){const t=e.querySelector(".chart");t.addEventListener("mousemove",n=>{if(n&&n.target instanceof HTMLElement&&n.target.closest("td:not(:first-child")){const c=n.target.closest("td:not(:first-child").getBoundingClientRect(),m=n.clientX-c.left,l=n.clientY-c.top;t.setAttribute("style",`--cursor-x: ${m}px; --cursor-y: ${l}px;`)}});const o=e.querySelectorAll("label");Array.from(o).forEach(n=>{e.querySelector(`input#${n.getAttribute("for")}`).checked?n.setAttribute("part","key-checked"):n.setAttribute("part","key-unchecked")});const r=a.querySelector("table"),i=e.querySelector("table");e.addEventListener("change",function(n){const c=n.target,m=new CustomEvent("view-change",{detail:{"data-dataset":c.getAttribute("data-dataset"),label:c.getAttribute("data-label"),checked:c.checked}});a.dispatchEvent(m),Array.from(o).forEach(l=>{var d;!((d=e.querySelector(`input#${l.getAttribute("for")}`))===null||d===void 0)&&d.checked?l.setAttribute("part","key-checked"):l.setAttribute("part","key-unchecked")}),i.innerHTML=r.innerHTML,X(a,i),a.tagName=="IAM-DOUGHNUTCHART"&&mt(e)})},vr=function(a,e){const t=a.querySelector("table"),o=e.querySelector("table"),r=(m,l)=>{l.disconnect(),c.disconnect();for(const d of m)(d.attributeName=="class"||d.type==="attributes"||d.type==="attributes")&&(o.innerHTML=t.innerHTML,W(a,e,o));l.observe(t,{characterData:!0,subtree:!0}),c.observe(a,{attributes:!0})},i=(m,l)=>{l.disconnect(),c.disconnect();for(const d of m)(d.type=="characterData"||d.type=="childList"&&d.addedNodes.length)&&(o.innerHTML=t.innerHTML,W(a,e,o));l.observe(t,{characterData:!0,subtree:!0}),c.observe(a,{attributes:!0})},n=new MutationObserver(i),c=new MutationObserver(r);return n.observe(t,{characterData:!0,subtree:!0}),c.observe(a,{attributes:!0}),!0};function ct(a,e){e>1&&(a=a-.25);const t=Math.cos(2*Math.PI*a),o=Math.sin(2*Math.PI*a);return[t*100,o*100]}const B=function(a){const e=a.shadowRoot.querySelector(".chart__wrapper table"),t=a.hasAttribute("data-min")?a.getAttribute("data-min"):0,o=a.hasAttribute("data-max")?a.getAttribute("data-max"):yr(a,e),r=a.hasAttribute("data-yaxis")?a.getAttribute("data-yaxis").split(","):[],i=a.hasAttribute("data-guidelines")?a.getAttribute("data-guidelines").split(","):[],n=a.hasAttribute("data-xaxis")?a.getAttribute("data-xaxis").split(","):null;return{min:t,max:o,yaxis:r,xaxis:n,guidelines:i}};function yr(a,e){const t=a.classList.contains("chart--stacked")?"tbody tr":"tbody td:not(:first-child)",o=Array.from(e.querySelectorAll(t)).map(i=>i.getAttribute("data-numeric")),r=Math.max(...o);return Math.ceil(r)}const G=function(a,e,t,o){let r=String(a);r=r.replace("£",""),r=r.replace("%",""),r=r.replace(",",""),r=Number.parseFloat(r);let i=(r-e)/(t-e)*100,n=i,c=0;return o&&o!=0&&(c=(o-e)/(t-e)*100),e<0&&(c=Math.abs(e/(t-e)*100),r<0?(i=c-i,c=c-i,n=c):(i=i-c,n=i+c)),{percent:i,axis:n,bottom:c}},X=function(a,e){Array.from(e.querySelectorAll("tbody tr")).forEach(r=>{let i=0;Array.from(r.querySelectorAll("td:not(:first-child)")).forEach(n=>{const c=n.cloneNode(!0);Array.from(c.querySelectorAll("*")).forEach(l=>{l.remove()});const m=parseFloat(c.textContent.replace("£","").replace("%","").replace(",",""));n.setAttribute("data-numeric",m),n.setAttribute("data-value",c.textContent),getComputedStyle(n).display!="none"&&(i+=m),Array.from(n.querySelectorAll("a, button")).forEach((l,d)=>{d==0&&l.insertAdjacentHTML("beforeBegin","<hr/>"),l.classList.add("btn"),l.classList.add("btn-tertiary")})}),r.setAttribute("data-numeric",i)});const{min:t,max:o}=B(a);Array.from(e.querySelectorAll("tbody tr")).forEach((r,i)=>{const n=r.querySelector("td:first-child, th:first-child")?r.querySelector("td:first-child, th:first-child").textContent:"";r.setAttribute("part","group");const c=(r.getAttribute("data-numeric")-t)/(o-t)*100;r.style.setProperty("--percent",`${c}%`),Array.from(r.querySelectorAll("td:not([data-label])")).forEach((d,u)=>{u==0?d.setAttribute("part","xaxis-label"):d.setAttribute("part","value"),r.querySelectorAll("td").length>2&&d.setAttribute("data-label",e.querySelectorAll("thead th")[u].textContent)});const m=r.hasAttribute("data-min")?r.getAttribute("data-min"):t,l=r.hasAttribute("data-max")?r.getAttribute("data-max"):o;if(m<0){const d=Math.abs(m/(l-m)*100);a.setAttribute("style",`--min-bottom: ${d}%;`)}r.style.setProperty("--row-index",i+1),Array.from(r.querySelectorAll('td[data-numeric]:not([data-label="Min"]):not([data-label="Max"]):not(:first-child)')).forEach(d=>{if(getComputedStyle(d).display=="none")return;const u=d.innerHTML,h=Number.parseFloat(d.getAttribute("data-numeric")),p=Number.parseFloat(d.getAttribute("data-start"));if(d.querySelector("span[data-group]")||(d.innerHTML=`<span data-group="${n}" ${d.hasAttribute("data-label")?`data-label="${d.getAttribute("data-label")}"`:""} part="popover">${u}</span>`),!d.hasAttribute("style")){const{percent:g,bottom:v,axis:f}=G(h,m,l,p);d.setAttribute("data-percent",g),d.setAttribute("style",`--bottom:${v}%;--percent:${g}%;--axis:${f}%;`)}})})},wr=function(a){const e=a.querySelector(".chart__wrapper"),t=a.querySelector(".chart__spacer span"),o=a.querySelector(".chart table");let r="";Array.from(o.querySelectorAll("tbody tr td:first-child")).forEach(i=>{typeof i.textContent<"u"&&i.textContent.length>r.length&&(r=i.textContent)}),e.setAttribute("data-longest-label",r),t.innerHTML=r},kr=function(a){const e=a.querySelector(".chart__wrapper"),t=a.querySelector(".chart table");let o="";Array.from(t.querySelectorAll("tbody tr td:not(:first-child)")).forEach(r=>{typeof r.getAttribute("data-value")<"u"&&r.getAttribute("data-value").length>o.length&&(o=r.getAttribute("data-value"))}),e.setAttribute("data-longest-value",o)},dt=function(a,e,t){const o=`chart-${Date.now()+(Math.floor(Math.random()*100)+1)}`;let r;const i=Array.from(e.querySelectorAll("thead th"));return i.forEach((n,c)=>{c!=0&&(r=_r(o,c,n.textContent,t,a,r)),c==50&&(i.length=c+1)}),!0};function _r(a,e,t,o,r,i){var n;const c=document.createElement("input");c.setAttribute("name",`${a}-dataset-${e}`),c.setAttribute("id",`${a}-dataset-${e}`),c.setAttribute("data-dataset",`${e}`),c.setAttribute("data-label",`${t}`),c.checked=!0,c.setAttribute("type","checkbox"),e==1?r.prepend(c):r.insertBefore(c,i.nextSibling),i=c;const m=document.createElement("label");m.setAttribute("class","key btn btn-action"),m.setAttribute("for",`${a}-dataset-${e}`),m.setAttribute("data-label",`${t}`),m.setAttribute("part","key");const l=(n=r.querySelector(`tbody tr td:nth-child(${e+1})`))===null||n===void 0?void 0:n.getAttribute("data-numeric");return m.setAttribute("data-numeric",l),m.innerHTML=`${t}`,o.append(m),i}const xr=function(a,e){const{min:t,max:o,yaxis:r}=B(a);let{guidelines:i}=B(a);i.length||(i=r),e.innerHTML="";for(let n=0;n<i.length;n++){const c=parseFloat(i[n].replace("£","").replace("%","").replace(",","")),{axis:m}=G(c,t,o);e.innerHTML+=`<div class="guideline" style="--percent:${m}%;">${r.indexOf(i[n])!=-1?`<span>${i[n]}</span>`:""}</div>`}},Ar=function(a,e){const{min:t,max:o,yaxis:r}=B(a);e.innerHTML="";for(let i=0;i<r.length;i++){const n=parseFloat(r[i].replace("£","").replace("%","")),{axis:c}=G(n,t,o);e.innerHTML+=`<div class="axis__point" style="--percent:${c}%;"><span>${r[i]}</span></div>`}},Lr=function(a){const e=a.querySelector(".chart");let t=a.querySelector(".chart__xaxis");t||(t=document.createElement("div"),t.setAttribute("class","chart__xaxis")),e.prepend(t)},Sr=function(a){const e=a.querySelectorAll("thead th[title], tbody th[title]:first-child, tbody td[title]:first-child");Array.from(e).forEach(t=>{const o=`tooltip-${Date.now()}-${Math.floor(Math.random()*100)}`;t.innerHTML=`<button class="tooltip" popovertarget="${o}" part="tooltip" style="anchor-name: --${o};">${t.textContent}</button><span id="${o}" style="position-anchor: --${o};" popover part="tooltip__content" class="tooltip__content">${t.getAttribute("title")}</span>`})},mt=function(a){let e="";const t=a.querySelector(".chart");let o=a.querySelector(".doughnuts");o||(o=document.createElement("div"),o.setAttribute("class","doughnuts"),t.append(o)),Array.from(t.querySelectorAll("tbody tr")).forEach((r,i)=>{let n="",c="",m=0,l=0;const d=r.querySelectorAll("td")[0].innerHTML;let u=0;const h=r.getAttribute("data-numeric");Array.from(r.querySelectorAll("td")).forEach((p,g)=>{const v=getComputedStyle(p).display;if(g!=0&&v!="none"){let f=p.getAttribute("data-numeric");f=f.replace("£",""),f=f.replace("%",""),f=f.replace(",",""),f=Number.parseInt(f),l+=f,u++}}),Array.from(r.querySelectorAll("td")).forEach((p,g)=>{var v,f;const b=getComputedStyle(p).display;if(g!=0&&u==1&&b!="none")n+=`<path d="M 0 0 L 100 0 A 100 100 0 1 1 100 -0.01 L 0 0" style="${p.getAttribute("style")} --path-index: ${g};"></path>`,c+=`<span class="h5 mb-0" part="popover">${st(lt(p.getAttribute("data-label"))).trim()}<br/>${p.hasAttribute("data-second")?`${p.getAttribute("data-second-label")}: ${p.getAttribute("data-second")}<br/>`:""}${(v=p.querySelector('[part="popover"]'))===null||v===void 0?void 0:v.innerHTML}</span>`;else if(g!=0){let y=p.getAttribute("data-numeric");const w=b=="none"?"display: none;":"";y=y.replace("£",""),y=y.replace("%",""),y=y.replace(",",""),y=Number.parseInt(y);const k=y/l,[x,_]=ct(m,u),[E,L]=ct(m+k,u),z=k>.5?1:0,M=["M 0 0",`L ${x?x.toFixed(0):0} ${_?_.toFixed(0):0}`,`A 100 100 0 ${z} 1 ${E?E.toFixed(0):0} ${L?L.toFixed(0):0}`,"L 0 0"].join(" ");n+=`<path d="${M}" style="${p.getAttribute("style")} --path-index: ${g};${w}"></path>`,c+=`<span class="h5 mb-0" part="popover">${st(lt(p.getAttribute("data-label"))).trim()}<br/>${p.hasAttribute("data-second")?`${p.getAttribute("data-second-label")}: ${p.getAttribute("data-second")}<br/>`:""}${(f=p.querySelector('[part="popover"]'))===null||f===void 0?void 0:f.innerHTML}</span>`,b!="none"&&(m+=k)}}),e+=`<div class="doughnut">
|
|
243
|
+
*/const mt=e=>e.charAt(0).toUpperCase()+e.slice(1),ut=e=>e.replace(/_/g," "),$r=(e,a)=>{for(let t=1;t<=10;t++){if(e.hasAttribute(`data-colour-${t}`)){const o=e.getAttribute(`data-colour-${t}`);e.style.setProperty(`--chart-colour-${t}`,`var(--chart-colour-${o})`),e.style.setProperty(`--chart-colour-${t}-hover`,`var(--chart-colour-${o}-hover)`)}Array.from(a.querySelectorAll(`[data-colour-${t}]`)).forEach(o=>{const r=o.getAttribute(`data-colour-${t}`);o.style.setProperty(`--chart-colour-${t}-set`,`var(--chart-colour-${r})`),o.style.setProperty(`--chart-colour-${t}-hover`,`var(--chart-colour-${r}-hover)`)})}return!0},J=(e,a,t)=>{if(e.tagName=="IAM-DOUGHNUTCHART")return qr(e,a,t),!0;const o=a.querySelector(".chart__key");o.innerHTML="";const r=a.querySelector(".chart__guidelines");r.innerHTML="";const i=a.querySelector(".chart__yaxis");i.innerHTML="",Array.from(a.querySelectorAll(':scope > input[type="checkbox"],:scope > input[type="radio"]')).map(s=>{s.remove()});const{xaxis:n}=N(e);return Z(e,t),ht(a,t,o),Br(e,r),jr(e,i),n&&Nr(a),!0},qr=(e,a,t)=>{const o=a.querySelector(".chart__key");return o.innerHTML="",Array.from(a.querySelectorAll(':scope > input[type="checkbox"],:scope > input[type="radio"]')).map(r=>{r.remove()}),Z(e,t),ht(a,t,o),bt(a),!0},zr=function(e,a){const t=a.querySelector(".chart");t.addEventListener("mousemove",n=>{if(n&&n.target instanceof HTMLElement&&n.target.closest("td:not(:first-child")){const s=n.target.closest("td:not(:first-child").getBoundingClientRect(),d=n.clientX-s.left,c=n.clientY-s.top;t.setAttribute("style",`--cursor-x: ${d}px; --cursor-y: ${c}px;`)}});const o=a.querySelectorAll("label");Array.from(o).forEach(n=>{a.querySelector(`input#${n.getAttribute("for")}`).checked?n.setAttribute("part","key-checked"):n.setAttribute("part","key-unchecked")});const r=e.querySelector("table"),i=a.querySelector("table");a.addEventListener("change",function(n){const s=n.target,d=new CustomEvent("view-change",{detail:{"data-dataset":s.getAttribute("data-dataset"),label:s.getAttribute("data-label"),checked:s.checked}});e.dispatchEvent(d),Array.from(o).forEach(c=>{var m;!((m=a.querySelector(`input#${c.getAttribute("for")}`))===null||m===void 0)&&m.checked?c.setAttribute("part","key-checked"):c.setAttribute("part","key-unchecked")}),i.innerHTML=r.innerHTML,Z(e,i),e.tagName=="IAM-DOUGHNUTCHART"&&bt(a)})},Cr=function(e,a){const t=e.querySelector("table"),o=a.querySelector("table"),r=(d,c)=>{c.disconnect(),s.disconnect();for(const m of d)(m.attributeName=="class"||m.type==="attributes"||m.type==="attributes")&&(o.innerHTML=t.innerHTML,J(e,a,o));c.observe(t,{characterData:!0,subtree:!0}),s.observe(e,{attributes:!0})},i=(d,c)=>{c.disconnect(),s.disconnect();for(const m of d)(m.type=="characterData"||m.type=="childList"&&m.addedNodes.length)&&(o.innerHTML=t.innerHTML,J(e,a,o));c.observe(t,{characterData:!0,subtree:!0}),s.observe(e,{attributes:!0})},n=new MutationObserver(i),s=new MutationObserver(r);return n.observe(t,{characterData:!0,subtree:!0}),s.observe(e,{attributes:!0}),!0};function pt(e,a){a>1&&(e=e-.25);const t=Math.cos(2*Math.PI*e),o=Math.sin(2*Math.PI*e);return[t*100,o*100]}const N=function(e){const a=e.shadowRoot.querySelector(".chart__wrapper table"),t=e.hasAttribute("data-min")?e.getAttribute("data-min"):0,o=e.hasAttribute("data-max")?e.getAttribute("data-max"):Mr(e,a),r=e.hasAttribute("data-yaxis")?e.getAttribute("data-yaxis").split(","):[],i=e.hasAttribute("data-guidelines")?e.getAttribute("data-guidelines").split(","):[],n=e.hasAttribute("data-xaxis")?e.getAttribute("data-xaxis").split(","):null;return{min:t,max:o,yaxis:r,xaxis:n,guidelines:i}};function Mr(e,a){const t=e.classList.contains("chart--stacked")?"tbody tr":"tbody td:not(:first-child)",o=Array.from(a.querySelectorAll(t)).map(i=>i.getAttribute("data-numeric")),r=Math.max(...o);return Math.ceil(r)}const Q=function(e,a,t,o){let r=String(e);r=r.replace("£",""),r=r.replace("%",""),r=r.replace(",",""),r=Number.parseFloat(r);let i=(r-a)/(t-a)*100,n=i,s=0;return o&&o!=0&&(s=(o-a)/(t-a)*100),a<0&&(s=Math.abs(a/(t-a)*100),r<0?(i=s-i,s=s-i,n=s):(i=i-s,n=i+s)),{percent:i,axis:n,bottom:s}},Z=function(e,a){Array.from(a.querySelectorAll("tbody tr")).forEach(r=>{let i=0;Array.from(r.querySelectorAll("td:not(:first-child)")).forEach(n=>{const s=n.cloneNode(!0);Array.from(s.querySelectorAll("*")).forEach(c=>{c.remove()});const d=parseFloat(s.textContent.replace("£","").replace("%","").replace(",",""));n.setAttribute("data-numeric",d),n.setAttribute("data-value",s.textContent),getComputedStyle(n).display!="none"&&(i+=d),Array.from(n.querySelectorAll("a, button")).forEach((c,m)=>{m==0&&c.insertAdjacentHTML("beforeBegin","<hr/>"),c.classList.add("btn"),c.classList.add("btn-tertiary")})}),r.setAttribute("data-numeric",i)});const{min:t,max:o}=N(e);Array.from(a.querySelectorAll("tbody tr")).forEach((r,i)=>{const n=r.querySelector("td:first-child, th:first-child")?r.querySelector("td:first-child, th:first-child").textContent:"";r.setAttribute("part","group");const s=(r.getAttribute("data-numeric")-t)/(o-t)*100;r.style.setProperty("--percent",`${s}%`),Array.from(r.querySelectorAll("td:not([data-label])")).forEach((m,u)=>{u==0?m.setAttribute("part","xaxis-label"):m.setAttribute("part","value"),r.querySelectorAll("td").length>2&&m.setAttribute("data-label",a.querySelectorAll("thead th")[u].textContent)});const d=r.hasAttribute("data-min")?r.getAttribute("data-min"):t,c=r.hasAttribute("data-max")?r.getAttribute("data-max"):o;if(d<0){const m=Math.abs(d/(c-d)*100);e.setAttribute("style",`--min-bottom: ${m}%;`)}r.style.setProperty("--row-index",i+1),Array.from(r.querySelectorAll('td[data-numeric]:not([data-label="Min"]):not([data-label="Max"]):not(:first-child)')).forEach(m=>{if(getComputedStyle(m).display=="none")return;const u=m.innerHTML,h=Number.parseFloat(m.getAttribute("data-numeric")),p=Number.parseFloat(m.getAttribute("data-start"));if(m.querySelector("span[data-group]")||(m.innerHTML=`<span data-group="${n}" ${m.hasAttribute("data-label")?`data-label="${m.getAttribute("data-label")}"`:""} part="popover">${u}</span>`),!m.hasAttribute("style")){const{percent:b,bottom:f,axis:g}=Q(h,d,c,p);m.setAttribute("data-percent",b),m.setAttribute("style",`--bottom:${f}%;--percent:${b}%;--axis:${g}%;`)}})})},Tr=function(e){const a=e.querySelector(".chart__wrapper"),t=e.querySelector(".chart__spacer span"),o=e.querySelector(".chart table");let r="";Array.from(o.querySelectorAll("tbody tr td:first-child")).forEach(i=>{typeof i.textContent<"u"&&i.textContent.length>r.length&&(r=i.textContent)}),a.setAttribute("data-longest-label",r),t.innerHTML=r},Hr=function(e){const a=e.querySelector(".chart__wrapper"),t=e.querySelector(".chart table");let o="";Array.from(t.querySelectorAll("tbody tr td:not(:first-child)")).forEach(r=>{typeof r.getAttribute("data-value")<"u"&&r.getAttribute("data-value").length>o.length&&(o=r.getAttribute("data-value"))}),a.setAttribute("data-longest-value",o)},ht=function(e,a,t){const o=`chart-${Date.now()+(Math.floor(Math.random()*100)+1)}`;let r;const i=Array.from(a.querySelectorAll("thead th"));return i.forEach((n,s)=>{s!=0&&(r=Rr(o,s,n.textContent,t,e,r)),s==50&&(i.length=s+1)}),!0};function Rr(e,a,t,o,r,i){var n;const s=document.createElement("input");s.setAttribute("name",`${e}-dataset-${a}`),s.setAttribute("id",`${e}-dataset-${a}`),s.setAttribute("data-dataset",`${a}`),s.setAttribute("data-label",`${t}`),s.checked=!0,s.setAttribute("type","checkbox"),a==1?r.prepend(s):r.insertBefore(s,i.nextSibling),i=s;const d=document.createElement("label");d.setAttribute("class","key btn btn-action"),d.setAttribute("for",`${e}-dataset-${a}`),d.setAttribute("data-label",`${t}`),d.setAttribute("part","key");const c=(n=r.querySelector(`tbody tr td:nth-child(${a+1})`))===null||n===void 0?void 0:n.getAttribute("data-numeric");return d.setAttribute("data-numeric",c),d.innerHTML=`${t}`,o.append(d),i}const Br=function(e,a){const{min:t,max:o,yaxis:r}=N(e);let{guidelines:i}=N(e);i.length||(i=r),a.innerHTML="";for(let n=0;n<i.length;n++){const s=parseFloat(i[n].replace("£","").replace("%","").replace(",","")),{axis:d}=Q(s,t,o);a.innerHTML+=`<div class="guideline" style="--percent:${d}%;">${r.indexOf(i[n])!=-1?`<span>${i[n]}</span>`:""}</div>`}},jr=function(e,a){const{min:t,max:o,yaxis:r}=N(e);a.innerHTML="";for(let i=0;i<r.length;i++){const n=parseFloat(r[i].replace("£","").replace("%","")),{axis:s}=Q(n,t,o);a.innerHTML+=`<div class="axis__point" style="--percent:${s}%;"><span>${r[i]}</span></div>`}},Nr=function(e){const a=e.querySelector(".chart");let t=e.querySelector(".chart__xaxis");t||(t=document.createElement("div"),t.setAttribute("class","chart__xaxis")),a.prepend(t)},Fr=function(e){const a=e.querySelectorAll("thead th[title], tbody th[title]:first-child, tbody td[title]:first-child");Array.from(a).forEach(t=>{const o=`tooltip-${Date.now()}-${Math.floor(Math.random()*100)}`;t.innerHTML=`<button class="tooltip" popovertarget="${o}" part="tooltip" style="anchor-name: --${o};">${t.textContent}</button><span id="${o}" style="position-anchor: --${o};" popover part="tooltip__content" class="tooltip__content">${t.getAttribute("title")}</span>`})},bt=function(e){let a="";const t=e.querySelector(".chart");let o=e.querySelector(".doughnuts");o||(o=document.createElement("div"),o.setAttribute("class","doughnuts"),t.append(o)),Array.from(t.querySelectorAll("tbody tr")).forEach((r,i)=>{let n="",s="",d=0,c=0;const m=r.querySelectorAll("td")[0].innerHTML;let u=0;const h=r.getAttribute("data-numeric");Array.from(r.querySelectorAll("td")).forEach((p,b)=>{const f=getComputedStyle(p).display;if(b!=0&&f!="none"){let g=p.getAttribute("data-numeric");g=g.replace("£",""),g=g.replace("%",""),g=g.replace(",",""),g=Number.parseInt(g),c+=g,u++}}),Array.from(r.querySelectorAll("td")).forEach((p,b)=>{var f,g;const y=getComputedStyle(p).display;if(b!=0&&u==1&&y!="none")n+=`<path d="M 0 0 L 100 0 A 100 100 0 1 1 100 -0.01 L 0 0" style="${p.getAttribute("style")} --path-index: ${b};"></path>`,s+=`<span class="h5 mb-0" part="popover">${mt(ut(p.getAttribute("data-label"))).trim()}<br/>${p.hasAttribute("data-second")?`${p.getAttribute("data-second-label")}: ${p.getAttribute("data-second")}<br/>`:""}${(f=p.querySelector('[part="popover"]'))===null||f===void 0?void 0:f.innerHTML}</span>`;else if(b!=0){let k=p.getAttribute("data-numeric");const L=y=="none"?"display: none;":"";k=k.replace("£",""),k=k.replace("%",""),k=k.replace(",",""),k=Number.parseInt(k);const E=k/c,[v,w]=pt(d,u),[_,x]=pt(d+E,u),q=E>.5?1:0,$=["M 0 0",`L ${v?v.toFixed(0):0} ${w?w.toFixed(0):0}`,`A 100 100 0 ${q} 1 ${_?_.toFixed(0):0} ${x?x.toFixed(0):0}`,"L 0 0"].join(" ");n+=`<path d="${$}" style="${p.getAttribute("style")} --path-index: ${b};${L}"></path>`,s+=`<span class="h5 mb-0" part="popover">${mt(ut(p.getAttribute("data-label"))).trim()}<br/>${p.hasAttribute("data-second")?`${p.getAttribute("data-second-label")}: ${p.getAttribute("data-second")}<br/>`:""}${(g=p.querySelector('[part="popover"]'))===null||g===void 0?void 0:g.innerHTML}</span>`,y!="none"&&(d+=E)}}),a+=`<div class="doughnut">
|
|
243
244
|
<svg viewBox="-105 -105 210 210" preserveAspectRatio="none" style="--row-index: ${i+1};">${n}</svg>
|
|
244
|
-
<div class="doughnut__title" data-numeric="${h}"><span class="h5 mb-0">${
|
|
245
|
-
<div class="tooltips">${
|
|
246
|
-
</div>`}),o.innerHTML=
|
|
245
|
+
<div class="doughnut__title" data-numeric="${h}"><span class="h5 mb-0">${m}</span></div>
|
|
246
|
+
<div class="tooltips">${s}</div>
|
|
247
|
+
</div>`}),o.innerHTML=a},Pr=e=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:e})},Dr=(e,a,t)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:a}),t.forEach(o=>{e.addEventListener(o,function(r){const i={event:o,element:a,target:r.target};Object.keys(r.detail).forEach(n=>{const s=r.detail[n];i[n]=s}),window.dataLayer.push(i)})}),!0);Pr("iam-barchart");const Vr=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const a=document.createElement("template");a.innerHTML=`
|
|
247
248
|
<style>
|
|
248
249
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
249
250
|
|
|
250
|
-
:host{--chart-colour-1-set: var(--chart-colour-1, #BEE8F8);--chart-colour-2-set: var(--chart-colour-2, #A6DCC7);--chart-colour-3-set: var(--chart-colour-3, #FAD0DA);--chart-colour-4-set: var(--chart-colour-4, #AFCCF2);--chart-colour-5-set: var(--chart-colour-5, #FFD2B4);--chart-colour-6-set: var(--chart-colour-6, #CDF0F2);--chart-colour-7-set: var(--chart-colour-7, #FFABC2);--chart-colour-8-set: var(--chart-colour-8, #DCEAF2);--chart-colour-9-set: var(--chart-colour-9, #EEBCB3);--chart-colour-10-set: var(--chart-colour-10, #F0BDFF);--chart-colour-1-hover: var(--chart-colour-1, #B6DEED);--chart-colour-2-hover: var(--chart-colour-2, #98CBB7);--chart-colour-3-hover: var(--chart-colour-3, #EFC8D1);--chart-colour-4-hover: var(--chart-colour-4, #A6C1E5);--chart-colour-5-hover: var(--chart-colour-5, #F4CAAF);--chart-colour-6-hover: var(--chart-colour-6, #C2E3E5);--chart-colour-7-hover: var(--chart-colour-7, #F5A2B9);--chart-colour-8-hover: var(--chart-colour-8, #CFDCE3);--chart-colour-9-hover: var(--chart-colour-9, #E3B2A9);--chart-colour-10-hover: var(--chart-colour-10, #E3B2F2);--chart-colour-success: #d2f0c9 !important;--chart-colour-success-hover: #8ad873 !important;--chart-colour-danger: #f5c2c7 !important;--chart-colour-danger-hover: #f5c2e7 !important;--chart-colour-warning: #ffd280 !important;--chart-colour-warning-hover: #ffb020 !important}.chart__key .key:nth-child(11n-10),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-9){--chart-colour: var(--chart-colour-1-set);--chart-colour-hover: var(--chart-colour-1-hover)}.chart__outer table tbody tr:nth-child(1):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-1-set);--chart-colour-hover: var(--chart-colour-1-hover)}.chart__key .key:nth-child(11n-9),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-8){--chart-colour: var(--chart-colour-2-set);--chart-colour-hover: var(--chart-colour-2-hover)}.chart__outer table tbody tr:nth-child(2):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-2-set);--chart-colour-hover: var(--chart-colour-2-hover)}.chart__key .key:nth-child(11n-8),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-7){--chart-colour: var(--chart-colour-3-set);--chart-colour-hover: var(--chart-colour-3-hover)}.chart__outer table tbody tr:nth-child(3):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-3-set);--chart-colour-hover: var(--chart-colour-3-hover)}.chart__key .key:nth-child(11n-7),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-6){--chart-colour: var(--chart-colour-4-set);--chart-colour-hover: var(--chart-colour-4-hover)}.chart__outer table tbody tr:nth-child(4):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-4-set);--chart-colour-hover: var(--chart-colour-4-hover)}.chart__key .key:nth-child(11n-6),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-5){--chart-colour: var(--chart-colour-5-set);--chart-colour-hover: var(--chart-colour-5-hover)}.chart__outer table tbody tr:nth-child(5):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-5-set);--chart-colour-hover: var(--chart-colour-5-hover)}.chart__key .key:nth-child(11n-5),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-4){--chart-colour: var(--chart-colour-6-set);--chart-colour-hover: var(--chart-colour-6-hover)}.chart__outer table tbody tr:nth-child(6):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-6-set);--chart-colour-hover: var(--chart-colour-6-hover)}.chart__key .key:nth-child(11n-4),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-3){--chart-colour: var(--chart-colour-7-set);--chart-colour-hover: var(--chart-colour-7-hover)}.chart__outer table tbody tr:nth-child(7):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-7-set);--chart-colour-hover: var(--chart-colour-7-hover)}.chart__key .key:nth-child(11n-3),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-2){--chart-colour: var(--chart-colour-8-set);--chart-colour-hover: var(--chart-colour-8-hover)}.chart__outer table tbody tr:nth-child(8):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-8-set);--chart-colour-hover: var(--chart-colour-8-hover)}.chart__key .key:nth-child(11n-2),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-1){--chart-colour: var(--chart-colour-9-set);--chart-colour-hover: var(--chart-colour-9-hover)}.chart__outer table tbody tr:nth-child(9):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-9-set);--chart-colour-hover: var(--chart-colour-9-hover)}.chart__key .key:nth-child(11n-1),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-0){--chart-colour: var(--chart-colour-10-set);--chart-colour-hover: var(--chart-colour-10-hover)}.chart__outer table tbody tr:nth-child(10):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-10-set);--chart-colour-hover: var(--chart-colour-10-hover)}::slotted(table){display:none !important}:host{container-type:inline-size;margin-bottom:2rem;display:block}.chart__outer{display:flex;flex-direction:column;position:relative;font-weight:var(--chart-font-weight, bold);color:var(--chart-text-color, black);--body-colour-set: var(--body-colour, Canvas);--text-colour-set: var(--text-colour, black);--chart-height-set: var(--chart-height, 7.5rem);--chart-height-lg-set: var(--chart-height-lg, 12.5rem);--chart-height-resp: var(--chart-height-set);--index-below: -1;--index-base: 0;--index-focus: 2;--index-above: 10;--index-floating: 100;--index-menu: 200;--index-overlay: 1000;--key-label-width: 100%;--label-size: 0.75rem;--line-thickness: 1px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%);--bar-gap: min(10%, 0.75rem)}.chart__outer>*{display:block;order:2}.chart__outer tbody{--chart-direction: 360deg;--chart-day-bg-pos: 100% calc(var(--single-day) * 7)}@container (min-width: 23.4375em){.chart__outer :has(tr:nth-child(5) td:nth-child(4)),.chart__outer :has(tr:nth-child(10)){--yaxis-width: 0;--yaxis-point-display: none;--yaxis-last-point-transform: translate(0, -100%);--bar-gap: 0}.chart__outer .chart__wrapper{--chart-height-resp: var(--chart-height-lg-set);--line-thickness: 0.8px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%)}}@container (min-width: 48em){.chart__outer :has(tr:nth-child(10)){--bar-gap: 0}.chart__outer .chart__wrapper{--label-size: 0.875rem;--line-thickness: 0.5px}}.chart__outer .chart__spacer span{opacity:0}.chart__outer>input[type=checkbox]{opacity:0;position:absolute;pointer-events:none;bottom:50%;left:50%}.chart__key{padding:0 0 0 0;margin-bottom:1.5rem;display:flex;overflow:auto;scroll-snap-type:x mandatory;scroll-padding:.75rem;gap:.5rem}.chart__key:has(label:first-child:last-child){display:var(--single-key-display, none)}.chart__key .key{margin:0 !important}.chart__key .key:before{content:"";height:.8em;width:.8em;margin-right:.3em !important;background-color:var(--chart-colour);display:inline-block;border-radius:var(--key-border-radius, 4px)}.chart__key .key[data-label=Min],.chart__key .key[data-label=Max]{display:none}.chart__key .key .chart__total{display:none}.chart__outer input[type=checkbox]:focus:nth-child(1)~.chart__key .key:nth-child(1){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(2)~.chart__key .key:nth-child(2){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(3)~.chart__key .key:nth-child(3){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(4)~.chart__key .key:nth-child(4){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(5)~.chart__key .key:nth-child(5){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(6)~.chart__key .key:nth-child(6){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(7)~.chart__key .key:nth-child(7){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(8)~.chart__key .key:nth-child(8){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(9)~.chart__key .key:nth-child(9){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__key .key:nth-of-type(1){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__key .key:nth-of-type(2){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__key .key:nth-of-type(3){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__key .key:nth-of-type(4){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__key .key:nth-of-type(5){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__key .key:nth-of-type(6){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__key .key:nth-of-type(7){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__key .key:nth-of-type(8){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__key .key:nth-of-type(9){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(10):not(:checked)~.chart__key .key:nth-of-type(10){opacity:.25}:host([data-yaxis]){--yaxis-display: flex}.chart__yaxis{display:var(--yaxis-display, none);flex-direction:column-reverse;width:var(--yaxis-width)}.chart__yaxis .axis__point{bottom:var(--percent);position:relative;height:0;white-space:nowrap}.chart__yaxis .axis__point:not(:last-child){display:var(--yaxis-point-display)}.chart__yaxis .axis__point span{display:block;transform:translate(0, -50%);padding-right:.25rem;text-align:right;font-weight:var(--chart-yaxis-fw, normal);font-size:var(--chart-yaxis-fs, 0.75rem);color:var(--colour-body)}.chart__yaxis .axis__point:last-child span{transform:var(--yaxis-last-point-transform)}.chart__xaxis{margin-bottom:1rem;display:flex;flex-direction:column-reverse;width:100%;position:absolute;left:0;bottom:-1rem}.chart__xaxis .axis__point{left:var(--percent);width:1px;position:absolute;height:0;white-space:nowrap}.chart__xaxis .axis__point span{display:block;transform:translate(-50%, 0%);text-align:center;font-size:var(--label-size);position:absolute;left:50%}.chart__guidelines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column-reverse;pointer-events:none}.chart__guidelines .guideline{bottom:var(--percent);position:absolute;right:0;width:100%;height:0px;margin-bottom:-1px;border-bottom:1px dashed #eee;pointer-events:none;z-index:var(--index-below)}.chart__guidelines .guideline:not(.guideline--target) span{display:none}.chart__guidelines .guideline--target{border-bottom:1px dashed #000;z-index:var(--index-above);text-shadow:1px solid #fff;overflow:visible}.chart__guidelines .guideline--target span{position:absolute;bottom:0;font-size:var(--label-size);text-shadow:1px 1px 2px #fff;background:hsla(0,0%,100%,.6)}.chart__guidelines [data-value="0"]{border-bottom:1px solid var(--colour-primary)}.chart__guidelines [data-value="0"]:not(:first-child){border-bottom:1px dashed var(--colour-primary)}[part=popover]{position:absolute;top:var(--cursor-y, 50%);left:var(--cursor-x, 50%);font-size:var(--label-size);line-height:1.2;background:var(--chart-details-bg, var(--colour-canvas-2, Canvas));opacity:0;pointer-events:none;padding:.5rem;border-radius:.5rem;margin-bottom:.25rem;display:block;white-space:pre;text-align:left;box-shadow:var(--chart-details-shadow, 0 0.125rem 0.75rem rgba(0, 0, 0, 0.25));transform:translate(-50%, -100%)}[part=popover]::before{content:attr(data-group) "\\a"}[part=popover][data-label]::before{content:attr(data-group) "\\a" attr(data-label) "\\a"}[part=popover]:has(:is(a,button)){top:0;left:50%;transform:translate(-50%, -100%);font-size:.9rem}[part=popover] hr{margin:0;opacity:0}[part=popover] :is(a,button){display:inline-block !important;clear:both !important;float:left !important;margin-top:1rem !important;margin-right:1rem !important;margin-bottom:.25em !important;font-size:1em !important}[part=popover] :is(a,button)+:is(a,button){margin-top:0 !important}.chart__wrapper{display:block;display:flex;flex-direction:row;position:relative}.chart__wrapper .chart{position:relative;flex-grow:1}.chart__wrapper table{display:block;width:100% !important;padding-top:var(--chart-height-resp);position:relative;margin-bottom:0;overflow:visible}.chart__wrapper table thead{display:none}.chart__wrapper table tbody{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;flex-direction:row;border:none}.chart__wrapper table tbody tr{display:flex;flex-direction:row;justify-content:var(--chart-bar-alignment, left);align-items:flex-end;border:none;width:100%;height:100%;position:relative;padding:0 2px;gap:var(--bar-gap)}.chart__wrapper table tbody tr td{font-weight:inherit}.chart__wrapper table tbody tr td:first-child{position:absolute;top:100%;left:0%;width:fit-content;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--label-size);text-align:center}@container (min-width: 48em){.chart__wrapper table tbody tr td:first-child{display:block}}.chart__wrapper table tbody tr td:first-child button{all:unset;cursor:pointer}.chart__wrapper table tbody tr td[data-label=Min],.chart__wrapper table tbody tr td[data-label=Max]{display:none}.chart__wrapper table tbody tr:first-child td:first-child,.chart__wrapper table tbody tr:last-child td:first-child{display:block}.chart__wrapper table tbody tr td:not(:first-child){height:100%;height:var(--percent, 0%);bottom:var(--bottom, 0%);width:100%;max-width:7.5rem;position:relative;padding:0;background:var(--chart-colour);border-top-right-radius:4px;border-top-left-radius:4px}@media screen and (prefers-color-scheme: dark){.chart__wrapper table tbody tr td:not(:first-child){background:color-mix(in oklab, var(--chart-colour), black 20%)}}.chart__wrapper table tbody tr td:not(:first-child):hover{background:var(--chart-colour-hover)}.chart__wrapper table tbody tr td:not(:first-child):has(span:empty),.chart__wrapper table tbody tr td:not(:first-child):empty{display:none}.chart__wrapper table tbody tr td:not(:first-child)[data-label]:before{display:none}.chart__wrapper table tbody tr td:not(:first-child):hover [part=popover]{opacity:1;z-index:var(--index-above);pointer-events:all}.chart__wrapper table tbody tr td:first-child[data-label]:before{display:none}@container (min-width: 48em){.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr td:first-child{display:none}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:first-child{left:0%;transform:translate(0, 0);display:block;text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:first-child{left:100%;transform:translate(-100%, 0);display:block;text-align:right}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:not(:first-child) span{left:-20%;transform:translate(0%, 0);text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:not(:first-child) span{left:120%;transform:translate(-100%, 0);text-align:right}}@container (min-width: 23.4375em){.chart__wrapper table tbody:has(tr:nth-child(25)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(25)) tr:is(:first-child,:nth-child(2n+1)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(2n+1)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(50)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(10n+1)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(10n+1)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(100)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(20n+1)) td:first-child{display:block !important}}:host(.chart-colour--success) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--success,.chart-colour--success td{--chart-colour: var(--chart-colour-success) !important}:host(.chart-colour--success) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--success:hover,.chart-colour--success td:hover{--chart-colour-hover: var(--chart-colour-success-hover) !important}:host(.chart-colour--danger) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--danger,.chart-colour--danger,.chart-colour--danger td{--chart-colour: var(--chart-colour-danger) !important}:host(.chart-colour--danger) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--danger:hover,.chart-colour--danger:hover,.chart-colour--danger td:hover{--chart-colour-hover: var(--chart-colour-danger-hover) !important}:host(.chart-colour--warning) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--warning,.chart-colour--warning,.chart-colour--warning td{--chart-colour: var(--chart-colour-warning) !important}:host(.chart-colour--warning) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--warning:hover,.chart-colour--warning:hover,.chart-colour--warning td:hover{--chart-colour-hover: var(--chart-colour-warning-hover) !important}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(2){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(3){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(4){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(5){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(6){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(7){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(8){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(9){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(10){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(10):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(11){display:none;opacity:0}@layer elements{*,*::before,*::after{box-sizing:border-box}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: 0.125rem;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,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(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.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,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.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:var(--btn-line-height);vertical-align:bottom}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.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:var(--btn-line-height);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:has(select){position:relative;padding-right:3.5rem}.btn:has(select):not(.mw-100){max-width:13rem}.btn:has(select) select{all:unset !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !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:var(--btn-font-size) !important;line-height:var(--btn-line-height) !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"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.btn-secondary:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}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)}}@layer elements{.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],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem;border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) .btn-action,.btn-action:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.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) - 0.25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - 0.25rem)}.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-bg: transparent;--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:var(--colour)}.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}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-inverted) !important;color:var(--colour-inverted)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme) !important}}:host(.chart--horizontal) .chart__outer tbody{--chart-direction: 90deg;--chart-day-bg-pos: calc(var(--single-day) * 7) 100%;--bar-gap: 0}:host(.chart--horizontal) .chart__outer .chart__guidelines{position:absolute}:host(.chart--horizontal) .chart__outer .chart__guidelines .guideline{bottom:auto;left:var(--percent);height:100%;border-left:1px dashed #eee;width:0}:host(.chart--horizontal) .chart__outer .chart__guidelines .guideline span{display:block;font-size:var(--label-size);position:absolute;top:100%;transform:translate(-50%, 0.2em);opacity:1}:host(.chart--horizontal) .chart__outer .chart__yaxis{display:none}:host(.chart--horizontal) .chart__outer table{padding-top:0}:host(.chart--horizontal) .chart__outer table tbody{flex-direction:column;position:relative}:host(.chart--horizontal) .chart__outer table tbody tr{flex-direction:column;align-items:flex-start;margin-bottom:.5rem;padding:0;min-height:1.5rem}:host(.chart--horizontal) .chart__outer table tbody tr td{height:var(--bar-height, 1.5rem);bottom:0;left:var(--bottom, 0%);width:var(--comparison, var(--percent));max-width:100%;border-top-left-radius:0;border-bottom-right-radius:4px}:host(.chart--horizontal) .chart__outer table tbody tr td:first-child{position:static;transform:none;display:block !important;height:var(--bar-height, 1.5rem);line-height:var(--bar-height, 1.5rem);max-width:var(--xaxis-max-width, none)}:host(.chart--horizontal) .chart__outer table tbody tr td:first-child>*:not([popover]){max-width:100%;text-overflow:ellipsis;overflow:hidden}:host(.chart--horizontal) .chart__outer table tbody:has(td:first-child strong) td:first-child{font-weight:normal !important}:host(.chart--horizontal) .chart__outer .chart__wrapper[data-longest-label]:before{display:block;content:attr(data-longest-label);font-size:var(--label-size);padding-right:.5em;opacity:0;pointer-events:none;white-space:nowrap;width:var(--xaxis-max-width, none)}:host(.chart--horizontal) .chart__outer:has(td .tooltip) .chart__wrapper[data-longest-label]:before{padding-right:2em;width:calc(var(--xaxis-max-width, none) - 1rem)}:host(.chart--horizontal) .chart__outer .chart__wrapper[data-longest-label] table tbody tr td:first-child{position:absolute;display:block !important;max-height:1.5rem;z-index:var(--index-above);top:0%;left:auto !important;right:100% !important;padding-right:.5em;width:fit-content}:host(.chart--horizontal) .chart__outer .chart__spacer span{display:none !important}:host(.chart--stacked) .chart__wrapper table tbody tr{--bar-gap: 0;flex-direction:column-reverse;justify-content:flex-start;align-items:center}:host(.chart--stacked) .chart__wrapper table tbody tr td{border-radius:0 !important}:host(.chart--stacked.chart--horizontal) .chart__wrapper table tbody tr{flex-direction:row}:host(.chart--stacked.chart--horizontal) .chart__wrapper table tbody tr::after{content:attr(data-numeric);position:absolute;opacity:1 !important;bottom:100%;left:50%;transform:translate(-50%, 0);display:block !important;height:fit-content;margin:0;bottom:50%;left:calc(var(--percent) + .5rem);transform:translate(0, 50%)}:host(.chart--stacked.chart--horizontal) .chart__wrapper table tbody tr td:after{content:none}.chart--animate.animating.inview{--animation-left: 2s}.chart--animate.animating.inview table tbody tr td:not(:first-child){transition:height 2s ease-out,width 2s ease-out,bottom 2s ease-out,left var(--animation-left) ease-out;transition-delay:calc(var(--row-index)*.1s)}.chart--animate:not(.inview) table tbody tr td:not(:first-child){--bottom: var(--min-bottom, 0%) !important;--percent: 0% !important;--axis: 0% !important;--comparison: 0% !important}.chart--animate.animating table tbody tr td:not(:first-child){overflow:hidden}:host(.chart--display-data) table tbody tr td:not(:first-child):after{content:attr(data-value);position:absolute;opacity:1 !important;bottom:100%;left:50%;transform:translate(-50%, 0);display:block !important;height:fit-content;margin:0}:host(.chart--display-data.chart--horizontal) table tbody tr td:not(:first-child):after{bottom:50%;left:calc(100% + .5rem);transform:translate(0, 50%)}:host(.chart--display-data.chart--horizontal) .chart__wrapper[data-longest-value]:after{display:block;content:attr(data-longest-value);font-size:var(--label-size);padding-left:.5em;opacity:0;pointer-events:none;white-space:nowrap}:host(.chart--display-data.chart--fit-content:not(.chart--horizontal)) .chart__outer{padding-top:1rem}:host(.chart--fit-content:not(.chart--horizontal)){width:100%;display:block}:host(.chart--fit-content:not(.chart--horizontal)) .chart__wrapper{width:fit-content}:host(.chart--fit-content:not(.chart--horizontal)) table{width:fit-content !important;padding-top:0;height:var(--chart-height-resp, 7.5rem)}:host(.chart--fit-content:not(.chart--horizontal)) tbody{position:relative}:host(.chart--fit-content:not(.chart--horizontal)) [part=group]{min-width:fit-content;width:fit-content;max-width:fit-content;padding-right:var(--fc-group-width, 1rem)}:host(.chart--fit-content:not(.chart--horizontal)) [part=value]{min-width:var(--fc-value-width, 0.75rem);width:var(--fc-value-width, 0.75rem);max-width:var(--fc-value-width, 0.75rem)}:host(.chart--fit-content:not(.chart--horizontal).chart--no-scale){--fc-group-width: 1.375rem;--fc-value-width: 1.5rem}:host(.chart--fit-content:not(.chart--horizontal).chart--no-scale) table{height:var(--chart-height-lg-set, 7.5rem)}@container (min-width: 23.4375em){.chart__wrapper{--fc-group-width: 1.375rem;--fc-value-width: 1.5rem}}button.tooltip:after{content:"?";margin-left:.25rem;display:inline-block;border:1px solid currentColor}.tooltip__content[popover]{z-index:var(--index-floating);background:var(--colour-primary);color:var(--colour-white);padding:1.5rem;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.11);white-space:normal;position:fixed;border:none;margin:0;box-sizing:border-box;inset-area:bottom center;overflow:visible;width:calc(anchor-size(width) + var(--container-padding-x) + var(--container-padding-x) + 1.5rem) !important}.tooltip__content[popover]::after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-0.25rem;border-width:.5rem;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--colour-primary) rgba(0,0,0,0);margin-bottom:-1px}/*# sourceMappingURL=assets/css/components/barchart.component.css.map */
|
|
251
|
+
:host{--chart-colour-1-set: var(--chart-colour-1, #BEE8F8);--chart-colour-2-set: var(--chart-colour-2, #A6DCC7);--chart-colour-3-set: var(--chart-colour-3, #FAD0DA);--chart-colour-4-set: var(--chart-colour-4, #AFCCF2);--chart-colour-5-set: var(--chart-colour-5, #FFD2B4);--chart-colour-6-set: var(--chart-colour-6, #CDF0F2);--chart-colour-7-set: var(--chart-colour-7, #FFABC2);--chart-colour-8-set: var(--chart-colour-8, #DCEAF2);--chart-colour-9-set: var(--chart-colour-9, #EEBCB3);--chart-colour-10-set: var(--chart-colour-10, #F0BDFF);--chart-colour-1-hover: var(--chart-colour-1, #B6DEED);--chart-colour-2-hover: var(--chart-colour-2, #98CBB7);--chart-colour-3-hover: var(--chart-colour-3, #EFC8D1);--chart-colour-4-hover: var(--chart-colour-4, #A6C1E5);--chart-colour-5-hover: var(--chart-colour-5, #F4CAAF);--chart-colour-6-hover: var(--chart-colour-6, #C2E3E5);--chart-colour-7-hover: var(--chart-colour-7, #F5A2B9);--chart-colour-8-hover: var(--chart-colour-8, #CFDCE3);--chart-colour-9-hover: var(--chart-colour-9, #E3B2A9);--chart-colour-10-hover: var(--chart-colour-10, #E3B2F2);--chart-colour-success: #d2f0c9 !important;--chart-colour-success-hover: #8ad873 !important;--chart-colour-danger: #f5c2c7 !important;--chart-colour-danger-hover: #f5c2e7 !important;--chart-colour-warning: #ffd280 !important;--chart-colour-warning-hover: #ffb020 !important}.chart__key .key:nth-child(11n-10),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-9){--chart-colour: var(--chart-colour-1-set);--chart-colour-hover: var(--chart-colour-1-hover)}.chart__outer table tbody tr:nth-child(1):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-1-set);--chart-colour-hover: var(--chart-colour-1-hover)}.chart__key .key:nth-child(11n-9),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-8){--chart-colour: var(--chart-colour-2-set);--chart-colour-hover: var(--chart-colour-2-hover)}.chart__outer table tbody tr:nth-child(2):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-2-set);--chart-colour-hover: var(--chart-colour-2-hover)}.chart__key .key:nth-child(11n-8),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-7){--chart-colour: var(--chart-colour-3-set);--chart-colour-hover: var(--chart-colour-3-hover)}.chart__outer table tbody tr:nth-child(3):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-3-set);--chart-colour-hover: var(--chart-colour-3-hover)}.chart__key .key:nth-child(11n-7),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-6){--chart-colour: var(--chart-colour-4-set);--chart-colour-hover: var(--chart-colour-4-hover)}.chart__outer table tbody tr:nth-child(4):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-4-set);--chart-colour-hover: var(--chart-colour-4-hover)}.chart__key .key:nth-child(11n-6),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-5){--chart-colour: var(--chart-colour-5-set);--chart-colour-hover: var(--chart-colour-5-hover)}.chart__outer table tbody tr:nth-child(5):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-5-set);--chart-colour-hover: var(--chart-colour-5-hover)}.chart__key .key:nth-child(11n-5),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-4){--chart-colour: var(--chart-colour-6-set);--chart-colour-hover: var(--chart-colour-6-hover)}.chart__outer table tbody tr:nth-child(6):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-6-set);--chart-colour-hover: var(--chart-colour-6-hover)}.chart__key .key:nth-child(11n-4),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-3){--chart-colour: var(--chart-colour-7-set);--chart-colour-hover: var(--chart-colour-7-hover)}.chart__outer table tbody tr:nth-child(7):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-7-set);--chart-colour-hover: var(--chart-colour-7-hover)}.chart__key .key:nth-child(11n-3),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-2){--chart-colour: var(--chart-colour-8-set);--chart-colour-hover: var(--chart-colour-8-hover)}.chart__outer table tbody tr:nth-child(8):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-8-set);--chart-colour-hover: var(--chart-colour-8-hover)}.chart__key .key:nth-child(11n-2),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-1){--chart-colour: var(--chart-colour-9-set);--chart-colour-hover: var(--chart-colour-9-hover)}.chart__outer table tbody tr:nth-child(9):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-9-set);--chart-colour-hover: var(--chart-colour-9-hover)}.chart__key .key:nth-child(11n-1),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-0){--chart-colour: var(--chart-colour-10-set);--chart-colour-hover: var(--chart-colour-10-hover)}.chart__outer table tbody tr:nth-child(10):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-10-set);--chart-colour-hover: var(--chart-colour-10-hover)}::slotted(table){display:none !important}:host{container-type:inline-size;margin-bottom:2rem;display:block}.chart__outer{display:flex;flex-direction:column;position:relative;font-weight:var(--chart-font-weight, bold);color:var(--chart-text-color, black);--body-colour-set: var(--body-colour, Canvas);--text-colour-set: var(--text-colour, black);--chart-height-set: var(--chart-height, 7.5rem);--chart-height-lg-set: var(--chart-height-lg, 12.5rem);--chart-height-resp: var(--chart-height-set);--index-below: -1;--index-base: 0;--index-focus: 2;--index-above: 10;--index-floating: 100;--index-menu: 200;--index-overlay: 1000;--key-label-width: 100%;--label-size: 0.75rem;--line-thickness: 1px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%);--bar-gap: min(10%, 0.75rem)}.chart__outer>*{display:block;order:2}.chart__outer tbody{--chart-direction: 360deg;--chart-day-bg-pos: 100% calc(var(--single-day) * 7)}@container (min-width: 23.4375em){.chart__outer :has(tr:nth-child(5) td:nth-child(4)),.chart__outer :has(tr:nth-child(10)){--yaxis-width: 0;--yaxis-point-display: none;--yaxis-last-point-transform: translate(0, -100%);--bar-gap: 0}.chart__outer .chart__wrapper{--chart-height-resp: var(--chart-height-lg-set);--line-thickness: 0.8px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%)}}@container (min-width: 48em){.chart__outer :has(tr:nth-child(10)){--bar-gap: 0}.chart__outer .chart__wrapper{--label-size: 0.875rem;--line-thickness: 0.5px}}.chart__outer .chart__spacer span{opacity:0}.chart__outer>input[type=checkbox]{opacity:0;position:absolute;pointer-events:none;bottom:50%;left:50%}.chart__key{padding:0 0 0 0;margin-bottom:1.5rem;display:flex;overflow:auto;scroll-snap-type:x mandatory;scroll-padding:.75rem;gap:.5rem}.chart__key:has(label:first-child:last-child){display:var(--single-key-display, none)}.chart__key .key{margin:0 !important}.chart__key .key:before{content:"";height:.8em;width:.8em;margin-right:.3em !important;background-color:var(--chart-colour);display:inline-block;border-radius:var(--key-border-radius, 4px)}.chart__key .key[data-label=Min],.chart__key .key[data-label=Max]{display:none}.chart__key .key .chart__total{display:none}.chart__outer input[type=checkbox]:focus:nth-child(1)~.chart__key .key:nth-child(1){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(2)~.chart__key .key:nth-child(2){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(3)~.chart__key .key:nth-child(3){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(4)~.chart__key .key:nth-child(4){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(5)~.chart__key .key:nth-child(5){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(6)~.chart__key .key:nth-child(6){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(7)~.chart__key .key:nth-child(7){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(8)~.chart__key .key:nth-child(8){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(9)~.chart__key .key:nth-child(9){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__key .key:nth-of-type(1){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__key .key:nth-of-type(2){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__key .key:nth-of-type(3){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__key .key:nth-of-type(4){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__key .key:nth-of-type(5){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__key .key:nth-of-type(6){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__key .key:nth-of-type(7){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__key .key:nth-of-type(8){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__key .key:nth-of-type(9){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(10):not(:checked)~.chart__key .key:nth-of-type(10){opacity:.25}:host([data-yaxis]){--yaxis-display: flex}.chart__yaxis{display:var(--yaxis-display, none);flex-direction:column-reverse;width:var(--yaxis-width)}.chart__yaxis .axis__point{bottom:var(--percent);position:relative;height:0;white-space:nowrap}.chart__yaxis .axis__point:not(:last-child){display:var(--yaxis-point-display)}.chart__yaxis .axis__point span{display:block;transform:translate(0, -50%);padding-right:.25rem;text-align:right;font-weight:var(--chart-yaxis-fw, normal);font-size:var(--chart-yaxis-fs, 0.75rem);color:var(--colour-body)}.chart__yaxis .axis__point:last-child span{transform:var(--yaxis-last-point-transform)}.chart__xaxis{margin-bottom:1rem;display:flex;flex-direction:column-reverse;width:100%;position:absolute;left:0;bottom:-1rem}.chart__xaxis .axis__point{left:var(--percent);width:1px;position:absolute;height:0;white-space:nowrap}.chart__xaxis .axis__point span{display:block;transform:translate(-50%, 0%);text-align:center;font-size:var(--label-size);position:absolute;left:50%}.chart__guidelines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column-reverse;pointer-events:none}.chart__guidelines .guideline{bottom:var(--percent);position:absolute;right:0;width:100%;height:0px;margin-bottom:-1px;border-bottom:1px dashed #eee;pointer-events:none;z-index:var(--index-below)}.chart__guidelines .guideline:not(.guideline--target) span{display:none}.chart__guidelines .guideline--target{border-bottom:1px dashed #000;z-index:var(--index-above);text-shadow:1px solid #fff;overflow:visible}.chart__guidelines .guideline--target span{position:absolute;bottom:0;font-size:var(--label-size);text-shadow:1px 1px 2px #fff;background:hsla(0,0%,100%,.6)}.chart__guidelines [data-value="0"]{border-bottom:1px solid var(--colour-primary)}.chart__guidelines [data-value="0"]:not(:first-child){border-bottom:1px dashed var(--colour-primary)}[part=popover]{position:absolute;top:var(--cursor-y, 50%);left:var(--cursor-x, 50%);font-size:var(--label-size);line-height:1.2;background:var(--chart-details-bg, var(--colour-canvas-2, Canvas));opacity:0;pointer-events:none;padding:.5rem;border-radius:.5rem;margin-bottom:.25rem;display:block;white-space:pre;text-align:left;box-shadow:var(--chart-details-shadow, 0 0.125rem 0.75rem rgba(0, 0, 0, 0.25));transform:translate(-50%, -100%)}[part=popover]::before{content:attr(data-group) "\\a"}[part=popover][data-label]::before{content:attr(data-group) "\\a" attr(data-label) "\\a"}[part=popover]:has(:is(a,button)){top:0;left:50%;transform:translate(-50%, -100%);font-size:.9rem}[part=popover] hr{margin:0;opacity:0}[part=popover] :is(a,button){display:inline-block !important;clear:both !important;float:left !important;margin-top:1rem !important;margin-right:1rem !important;margin-bottom:.25em !important;font-size:1em !important}[part=popover] :is(a,button)+:is(a,button){margin-top:0 !important}.chart__wrapper{display:block;display:flex;flex-direction:row;position:relative}.chart__wrapper .chart{position:relative;flex-grow:1}.chart__wrapper table{display:block;width:100% !important;padding-top:var(--chart-height-resp);position:relative;margin-bottom:0;overflow:visible}.chart__wrapper table thead{display:none}.chart__wrapper table tbody{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;flex-direction:row;border:none}.chart__wrapper table tbody tr{display:flex;flex-direction:row;justify-content:var(--chart-bar-alignment, left);align-items:flex-end;border:none;width:100%;height:100%;position:relative;padding:0 2px;gap:var(--bar-gap)}.chart__wrapper table tbody tr td{font-weight:inherit}.chart__wrapper table tbody tr td:first-child{position:absolute;top:100%;left:0%;width:fit-content;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--label-size);text-align:center}@container (min-width: 48em){.chart__wrapper table tbody tr td:first-child{display:block}}.chart__wrapper table tbody tr td:first-child button{all:unset;cursor:pointer}.chart__wrapper table tbody tr td[data-label=Min],.chart__wrapper table tbody tr td[data-label=Max]{display:none}.chart__wrapper table tbody tr:first-child td:first-child,.chart__wrapper table tbody tr:last-child td:first-child{display:block}.chart__wrapper table tbody tr td:not(:first-child){height:100%;height:var(--percent, 0%);bottom:var(--bottom, 0%);width:100%;max-width:7.5rem;position:relative;padding:0;background:var(--chart-colour);border-top-right-radius:4px;border-top-left-radius:4px}@media screen and (prefers-color-scheme: dark){.chart__wrapper table tbody tr td:not(:first-child){background:color-mix(in oklab, var(--chart-colour), black 20%)}}.chart__wrapper table tbody tr td:not(:first-child):hover{background:var(--chart-colour-hover)}.chart__wrapper table tbody tr td:not(:first-child):has(span:empty),.chart__wrapper table tbody tr td:not(:first-child):empty{display:none}.chart__wrapper table tbody tr td:not(:first-child)[data-label]:before{display:none}.chart__wrapper table tbody tr td:not(:first-child):hover [part=popover]{opacity:1;z-index:var(--index-above);pointer-events:all}.chart__wrapper table tbody tr td:first-child[data-label]:before{display:none}@container (min-width: 48em){.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr td:first-child{display:none}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:first-child{left:0%;transform:translate(0, 0);display:block;text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:first-child{left:100%;transform:translate(-100%, 0);display:block;text-align:right}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:not(:first-child) span{left:-20%;transform:translate(0%, 0);text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:not(:first-child) span{left:120%;transform:translate(-100%, 0);text-align:right}}@container (min-width: 23.4375em){.chart__wrapper table tbody:has(tr:nth-child(25)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(25)) tr:is(:first-child,:nth-child(2n+1)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(2n+1)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(50)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(10n+1)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(10n+1)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(100)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(20n+1)) td:first-child{display:block !important}}:host(.chart-colour--success) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--success,.chart-colour--success td{--chart-colour: var(--chart-colour-success) !important}:host(.chart-colour--success) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--success:hover,.chart-colour--success td:hover{--chart-colour-hover: var(--chart-colour-success-hover) !important}:host(.chart-colour--danger) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--danger,.chart-colour--danger,.chart-colour--danger td{--chart-colour: var(--chart-colour-danger) !important}:host(.chart-colour--danger) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--danger:hover,.chart-colour--danger:hover,.chart-colour--danger td:hover{--chart-colour-hover: var(--chart-colour-danger-hover) !important}:host(.chart-colour--warning) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--warning,.chart-colour--warning,.chart-colour--warning td{--chart-colour: var(--chart-colour-warning) !important}:host(.chart-colour--warning) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--warning:hover,.chart-colour--warning:hover,.chart-colour--warning td:hover{--chart-colour-hover: var(--chart-colour-warning-hover) !important}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(2){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(3){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(4){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(5){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(6){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(7){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(8){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(9){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(10){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(10):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(11){display:none;opacity:0}@layer elements{*,*::before,*::after{box-sizing:border-box}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: 0.125rem;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,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(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.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,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.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:var(--btn-line-height);vertical-align:bottom}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.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:var(--btn-line-height);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:has(select){position:relative;padding-right:3.5rem}.btn:has(select):not(.mw-100){max-width:13rem}.btn:has(select) select{all:unset !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !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:var(--btn-font-size) !important;line-height:var(--btn-line-height) !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"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.btn-secondary:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}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)}}@layer elements{.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],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem;border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) .btn-action,.btn-action:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.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) - 0.25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - 0.25rem)}@media screen and (prefers-color-scheme: dark){.btn-compact[class*=fa-]:before{color:#fff}}.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-bg: transparent;--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:var(--colour)}.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}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-inverted) !important;color:var(--colour-inverted)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme) !important}}:host(.chart--horizontal) .chart__outer tbody{--chart-direction: 90deg;--chart-day-bg-pos: calc(var(--single-day) * 7) 100%;--bar-gap: 0}:host(.chart--horizontal) .chart__outer .chart__guidelines{position:absolute}:host(.chart--horizontal) .chart__outer .chart__guidelines .guideline{bottom:auto;left:var(--percent);height:100%;border-left:1px dashed #eee;width:0}:host(.chart--horizontal) .chart__outer .chart__guidelines .guideline span{display:block;font-size:var(--label-size);position:absolute;top:100%;transform:translate(-50%, 0.2em);opacity:1}:host(.chart--horizontal) .chart__outer .chart__yaxis{display:none}:host(.chart--horizontal) .chart__outer table{padding-top:0}:host(.chart--horizontal) .chart__outer table tbody{flex-direction:column;position:relative}:host(.chart--horizontal) .chart__outer table tbody tr{flex-direction:column;align-items:flex-start;margin-bottom:.5rem;padding:0;min-height:1.5rem}:host(.chart--horizontal) .chart__outer table tbody tr td{height:var(--bar-height, 1.5rem);bottom:0;left:var(--bottom, 0%);width:var(--comparison, var(--percent));max-width:100%;border-top-left-radius:0;border-bottom-right-radius:4px}:host(.chart--horizontal) .chart__outer table tbody tr td:first-child{position:static;transform:none;display:block !important;height:var(--bar-height, 1.5rem);line-height:var(--bar-height, 1.5rem);max-width:var(--xaxis-max-width, none)}:host(.chart--horizontal) .chart__outer table tbody tr td:first-child>*:not([popover]){max-width:100%;text-overflow:ellipsis;overflow:hidden}:host(.chart--horizontal) .chart__outer table tbody:has(td:first-child strong) td:first-child{font-weight:normal !important}:host(.chart--horizontal) .chart__outer .chart__wrapper[data-longest-label]:before{display:block;content:attr(data-longest-label);font-size:var(--label-size);padding-right:.5em;opacity:0;pointer-events:none;white-space:nowrap;width:var(--xaxis-max-width, none)}:host(.chart--horizontal) .chart__outer:has(td .tooltip) .chart__wrapper[data-longest-label]:before{padding-right:2em;width:calc(var(--xaxis-max-width, none) - 1rem)}:host(.chart--horizontal) .chart__outer .chart__wrapper[data-longest-label] table tbody tr td:first-child{position:absolute;display:block !important;max-height:1.5rem;z-index:var(--index-above);top:0%;left:auto !important;right:100% !important;padding-right:.5em;width:fit-content}:host(.chart--horizontal) .chart__outer .chart__spacer span{display:none !important}:host(.chart--stacked) .chart__wrapper table tbody tr{--bar-gap: 0;flex-direction:column-reverse;justify-content:flex-start;align-items:center}:host(.chart--stacked) .chart__wrapper table tbody tr td{border-radius:0 !important}:host(.chart--stacked.chart--horizontal) .chart__wrapper table tbody tr{flex-direction:row}:host(.chart--stacked.chart--horizontal) .chart__wrapper table tbody tr::after{content:attr(data-numeric);position:absolute;opacity:1 !important;bottom:100%;left:50%;transform:translate(-50%, 0);display:block !important;height:fit-content;margin:0;bottom:50%;left:calc(var(--percent) + .5rem);transform:translate(0, 50%)}:host(.chart--stacked.chart--horizontal) .chart__wrapper table tbody tr td:after{content:none}.chart--animate.animating.inview{--animation-left: 2s}.chart--animate.animating.inview table tbody tr td:not(:first-child){transition:height 2s ease-out,width 2s ease-out,bottom 2s ease-out,left var(--animation-left) ease-out;transition-delay:calc(var(--row-index)*.1s)}.chart--animate:not(.inview) table tbody tr td:not(:first-child){--bottom: var(--min-bottom, 0%) !important;--percent: 0% !important;--axis: 0% !important;--comparison: 0% !important}.chart--animate.animating table tbody tr td:not(:first-child){overflow:hidden}:host(.chart--display-data) table tbody tr td:not(:first-child):after{content:attr(data-value);position:absolute;opacity:1 !important;bottom:100%;left:50%;transform:translate(-50%, 0);display:block !important;height:fit-content;margin:0}:host(.chart--display-data.chart--horizontal) table tbody tr td:not(:first-child):after{bottom:50%;left:calc(100% + .5rem);transform:translate(0, 50%)}:host(.chart--display-data.chart--horizontal) .chart__wrapper[data-longest-value]:after{display:block;content:attr(data-longest-value);font-size:var(--label-size);padding-left:.5em;opacity:0;pointer-events:none;white-space:nowrap}:host(.chart--display-data.chart--fit-content:not(.chart--horizontal)) .chart__outer{padding-top:1rem}:host(.chart--fit-content:not(.chart--horizontal)){width:100%;display:block}:host(.chart--fit-content:not(.chart--horizontal)) .chart__wrapper{width:fit-content}:host(.chart--fit-content:not(.chart--horizontal)) table{width:fit-content !important;padding-top:0;height:var(--chart-height-resp, 7.5rem)}:host(.chart--fit-content:not(.chart--horizontal)) tbody{position:relative}:host(.chart--fit-content:not(.chart--horizontal)) [part=group]{min-width:fit-content;width:fit-content;max-width:fit-content;padding-right:var(--fc-group-width, 1rem)}:host(.chart--fit-content:not(.chart--horizontal)) [part=value]{min-width:var(--fc-value-width, 0.75rem);width:var(--fc-value-width, 0.75rem);max-width:var(--fc-value-width, 0.75rem)}:host(.chart--fit-content:not(.chart--horizontal).chart--no-scale){--fc-group-width: 1.375rem;--fc-value-width: 1.5rem}:host(.chart--fit-content:not(.chart--horizontal).chart--no-scale) table{height:var(--chart-height-lg-set, 7.5rem)}@container (min-width: 23.4375em){.chart__wrapper{--fc-group-width: 1.375rem;--fc-value-width: 1.5rem}}button.tooltip:after{content:"?";margin-left:.25rem;display:inline-block;border:1px solid currentColor}.tooltip__content[popover]{z-index:var(--index-floating);background:var(--colour-primary);color:var(--colour-white);padding:1.5rem;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.11);white-space:normal;position:fixed;border:none;margin:0;box-sizing:border-box;inset-area:bottom center;overflow:visible;width:calc(anchor-size(width) + var(--container-padding-x) + var(--container-padding-x) + 1.5rem) !important}.tooltip__content[popover]::after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-0.25rem;border-width:.5rem;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--colour-primary) rgba(0,0,0,0);margin-bottom:-1px}/*# sourceMappingURL=assets/css/components/barchart.component.css.map */
|
|
251
252
|
|
|
252
253
|
</style>
|
|
253
254
|
<div class="chart__outer" part="outer">
|
|
@@ -259,10 +260,10 @@
|
|
|
259
260
|
</div>
|
|
260
261
|
</div>
|
|
261
262
|
<div class="chart__spacer"><span part="spacer"></span</div>
|
|
262
|
-
</div>`,this.shadowRoot.appendChild(
|
|
263
|
-
* iamKey v7.
|
|
263
|
+
</div>`,this.shadowRoot.appendChild(a.content.cloneNode(!0))}connectedCallback(){const a=this,t=this.querySelector("table").cloneNode(!0),o=this.shadowRoot.querySelector(".chart"),r=this.shadowRoot.querySelector(".chart__outer"),i=o.querySelectorAll("td:not(:first-child)").length;o.appendChild(t),$r(a,r),i<=10&&a.classList.add("chart--fit-content"),i<=5&&a.classList.add("chart--no-scale"),J(a,r,t),Cr(a,r),zr(a,r),Tr(r),Hr(r),Fr(r),Dr(a,"iam-barchart",["view-change"])}}},Symbol.toStringTag,{value:"Module"}));/*!
|
|
264
|
+
* iamKey v7.4.0
|
|
264
265
|
* Copyright 2022-2025 iamproperty
|
|
265
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"bento-grid"});class
|
|
266
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"bento-grid"});class Or extends HTMLElement{constructor(){var a;super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const t=document.createElement("template");t.innerHTML=`
|
|
266
267
|
<style>
|
|
267
268
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
268
269
|
|
|
@@ -272,11 +273,8 @@
|
|
|
272
273
|
<div class="wrapper">
|
|
273
274
|
<slot></slot>
|
|
274
275
|
</div>
|
|
275
|
-
`,(
|
|
276
|
-
</style>`)}connectedCallback(){this.classList.add("loaded");const
|
|
277
|
-
* iamKey v7.2.2--beta3
|
|
278
|
-
* Copyright 2022-2025 iamproperty
|
|
279
|
-
*/const Mr=a=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:a})},Tr=(a,e,t)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:e}),t.forEach(o=>{a.addEventListener(o,function(r){const i={event:o,element:e,target:r.target};Object.keys(r.detail).forEach(n=>{const c=r.detail[n];i[n]=c}),window.dataLayer.push(i)})}),!0),Hr=`<div class="card__head" part="head">
|
|
276
|
+
`,(a=this.shadowRoot)===null||a===void 0||a.appendChild(t.content.cloneNode(!0)),document.getElementById("bentogridGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="bentogridGlobal">iam-bento-grid details summary{position:relative;height:100%;width:100%;max-width:100%;padding:1.5rem;margin-bottom:0}iam-bento-grid details summary [role=presentation]{display:block;font-family:var(--font-body);font-weight:normal;font-size:1rem;position:relative;width:fit-content;transition:opacity .8s;will-change:opacity}@media screen and (prefers-reduced-motion: no-preference){iam-bento-grid details summary [role=presentation]{transition:opacity .8s}}iam-bento-grid details summary [role=presentation]:before{display:block;content:" ";position:absolute;top:100%;left:50%;width:100%;height:0;border:1px solid currentColor;transform:translate(-50%, 0);will-change:transform}@media screen and (prefers-reduced-motion: no-preference){iam-bento-grid details summary [role=presentation]:before{transition:.8s}}iam-bento-grid details summary [role=presentation]:after{display:inline-block;content:"";top:100%;margin-left:.5em;line-height:1em;font-size:1em;font-family:"Font Awesome 6 Pro"}iam-bento-grid details summary::after{opacity:0;content:"";pointer-events:all;left:auto;position:absolute;top:1rem;right:1rem;line-height:1em;font-size:.5em;font-family:"Font Awesome 6 Pro";font-weight:300}iam-bento-grid details summary:hover [role=presentation]{display:block;font-family:var(--font-body);font-weight:normal;font-size:1rem;position:relative;width:fit-content}iam-bento-grid details summary:hover [role=presentation]:before{width:80%}iam-bento-grid details[style]:before{content:"";position:absolute;display:block;top:60%;left:70%;height:50%;aspect-ratio:2/1;background-image:var(--bg);background-repeat:no-repeat;background-size:cover;border-radius:.5rem;-webkit-box-shadow:0px 0px 15px -5px rgba(0,0,0,.5);-moz-box-shadow:0px 0px 15px -5px rgba(0,0,0,.5);box-shadow:0px 0px 15px -5px rgba(0,0,0,.5);will-change:top,left,height}@media screen and (prefers-reduced-motion: no-preference){iam-bento-grid details[style]:before{transition:.8s}}iam-bento-grid details[open]:before{top:100%;left:100%}iam-bento-grid details::details-content{opacity:0;padding:0 1.5rem 1.5rem 1.5rem;overflow:auto;will-change:top,left,height}@media screen and (prefers-reduced-motion: no-preference){iam-bento-grid details::details-content{transition:.8s}}iam-bento-grid details summary:hover [role=presentation]{opacity:1}iam-bento-grid details[open]{position:relative}iam-bento-grid details[open]:not(.animating)::details-content{opacity:1}iam-bento-grid details[open]>*:last-child{margin-bottom:0}iam-bento-grid details[open] summary{pointer-events:none;width:100%;max-width:100%;height:fit-content}iam-bento-grid details[open] summary [role=presentation]{opacity:0}iam-bento-grid details[open] summary [role=presentation]{margin-bottom:-2rem}iam-bento-grid details[open] summary:after{opacity:1}@supports selector(::details-content){.notice{display:none}}@container (width > 40em){iam-bento-grid details summary{padding-right:30%}iam-bento-grid details[style]:before{top:40%;left:60%;height:75%}iam-bento-grid details[style]:hover:before{top:35%;left:57%;height:75%}iam-bento-grid details[open][style]:before{top:100%;left:100%}}@container (width > 54em){iam-bento-grid details{overflow:hidden}iam-bento-grid details summary{padding-right:30%}iam-bento-grid details summary [role=presentation]{opacity:0}iam-bento-grid details summary :is(:hover,:focus) [role=presentation]{opacity:1}iam-bento-grid details summary::after{top:1.5rem;right:1.5rem;line-height:1em;font-size:.75em}iam-bento-grid details[style]:before{top:38%;left:45%;height:80%}iam-bento-grid details[style]:hover:before{top:35%;left:38%;height:80%}iam-bento-grid details[open][style]:before{left:calc(50% + .5rem) !important;top:30% !important;height:80% !important}iam-bento-grid details:nth-child(4)~details{display:none}}/*# sourceMappingURL=assets/css/components/bento-grid.global.css.map */
|
|
277
|
+
</style>`)}connectedCallback(){this.classList.add("loaded");const a=this.querySelectorAll("details");Array.from(a).forEach(t=>{t.classList.add("bg-primary");const o=t.querySelector("summary");o==null||o.classList.add("h3"),o!=null&&o.querySelector('[role="presentation"]')||(o==null||o.insertAdjacentHTML("beforeend",' <span role="presentation">Find out more</span>'))}),this.addEventListener("click",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest("details summary")){const o=t.target.closest("details summary"),r=o==null?void 0:o.closest("details");if(r==null||r.classList.add("animating"),setTimeout(()=>{r==null||r.classList.remove("animating")},1100),r==null?void 0:r.hasAttribute("open")){const i=new CustomEvent("item-closed",{detail:{title:o==null?void 0:o.textContent}});this.dispatchEvent(i)}else{const i=new CustomEvent("item-opened",{detail:{title:o==null?void 0:o.textContent}});this.dispatchEvent(i)}}})}}const Ir=Object.freeze(Object.defineProperty({__proto__:null,default:Or},Symbol.toStringTag,{value:"Module"})),Ur=`<div class="card__head" part="head">
|
|
280
278
|
<slot name="head"></slot>
|
|
281
279
|
</div>
|
|
282
280
|
<div class="card__badges"><slot name="badges"></slot></div>
|
|
@@ -290,26 +288,25 @@
|
|
|
290
288
|
</div>
|
|
291
289
|
<div class="card__footer" part="footer">
|
|
292
290
|
<slot name="footer"></slot>
|
|
293
|
-
</div>`,
|
|
291
|
+
</div>`,Wr=e=>{e.classList.add("card");const a=e.shadowRoot.querySelector(".card__head"),t=e.shadowRoot.querySelector(".card__body");e.hasAttribute("data-image")&&(a.innerHTML+=`<img src="${e.getAttribute("data-image")}" alt="" loading="lazy" part="image" />`),e.hasAttribute("data-total")?t.insertAdjacentHTML("beforeend",`<div class="card__total">${e.getAttribute("data-total")}</div>`):e.querySelector('[slot="total-icon"]')&&t.insertAdjacentHTML("beforeend",'<div class="card__total"><slot name="total-icon"></slot></div>'),e.querySelector('[slot="badges"]')?e.shadowRoot.querySelector(".card__badges").classList.remove("empty"):e.shadowRoot.querySelector(".card__badges").classList.add("empty")};var Gr=function(e,a,t,o){function r(i){return i instanceof t?i:new t(function(n){n(i)})}return new(t||(t=Promise))(function(i,n){function s(m){try{c(o.next(m))}catch(u){n(u)}}function d(m){try{c(o.throw(m))}catch(u){n(u)}}function c(m){m.done?i(m.value):r(m.value).then(s,d)}c((o=o.apply(e,a||[])).next())})};K("iam-card");class Kr extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=`@import "${document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets"}/css/components/card.component.css";`,o=document.createElement("template");o.innerHTML=`
|
|
294
292
|
<style>
|
|
295
293
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
296
294
|
|
|
297
|
-
: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:not(.empty){padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) 0 var(--card-left-padding);margin-bottom:-1.5rem}@layer elements{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}}@layer elements{.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);filter:brightness(85%);transition:background .1s,color .1s;border-radius:1.5rem}.dialog__wrapper:has(dialog[open],dialog:popover-open)>button:not(.btn-action){color:var(--colour-btn-secondary-hover)}.dialog__wrapper>.btn:first-child:not(.btn-compact):not([class*=fa-]):after{content:"";display:inline-block;margin-left:1em;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>.btn:first-child:has(+dialog[open]):not([data-number]):after{transform:rotate(270deg)}.dialog__wrapper>:is(dialog[open],dialog:popover-open){left:0;margin-top:-1rem;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}}@layer elements{*,*::before,*::after{box-sizing:border-box}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: 0.125rem;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,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(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.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,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.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:var(--btn-line-height);vertical-align:bottom}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.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:var(--btn-line-height);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:has(select){position:relative;padding-right:3.5rem}.btn:has(select):not(.mw-100){max-width:13rem}.btn:has(select) select{all:unset !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !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:var(--btn-font-size) !important;line-height:var(--btn-line-height) !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"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.btn-secondary:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}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)}}@layer elements{.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],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem;border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) .btn-action,.btn-action:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.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) - 0.25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - 0.25rem)}.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-bg: transparent;--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:var(--colour)}.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}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-inverted) !important;color:var(--colour-inverted)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme) !important}}: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 */
|
|
298
|
-
|
|
295
|
+
${t}
|
|
299
296
|
</style>
|
|
300
|
-
${
|
|
297
|
+
${Ur}
|
|
301
298
|
<slot name="primary-action"></slot>
|
|
302
|
-
`,this.shadowRoot.appendChild(
|
|
303
|
-
<button class="btn btn-secondary btn-compact fa-ellipsis-vertical" popovertarget="actions" title="Further actions" type="button">Open further actions</button>
|
|
304
|
-
<
|
|
299
|
+
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){return Gr(this,void 0,void 0,function*(){var a,t;const o=this,r=o.shadowRoot.querySelector(".card__body"),i=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets";if(window.customElements.get("iam-menu")||import(`${i}/js/components/menu/menu.component.js`).then(c=>{window.customElements.define("iam-menu",c.default)}).catch(c=>{console.log(c.message)}),Wr(o),o.hasAttribute("data-illustration")&&r.insertAdjacentHTML("afterbegin",`<div class="card__illustration"><img src="${this.getAttribute("data-illustration")}" alt="" loading="lazy" /></div>`),!o.querySelector('[slot="btns"]')&&!o.querySelector('[slot="secondary"]')&&o.classList.add("show-icon"),o.querySelector('[slot="btns"]')&&(o.shadowRoot.innerHTML+=`<div class="menu__wrapper">
|
|
300
|
+
<button class="btn btn-secondary btn-compact fa-ellipsis-vertical m-0" popovertarget="actions" style="anchor-name: --anchor-el;" title="Further actions" type="button">Open further actions</button>
|
|
301
|
+
<iam-menu class="dialog--fix dialog--list" id="actions" style="position-anchor: --anchor-el;" popover>
|
|
305
302
|
<slot name="btns"></slot>
|
|
306
|
-
</
|
|
307
|
-
</div>`,!CSS.supports("top","anchor(top)"))){const
|
|
308
|
-
* iamKey v7.
|
|
303
|
+
</iam-menu>
|
|
304
|
+
</div>`,!CSS.supports("top","anchor(top)"))){const c=(a=this.shadowRoot)===null||a===void 0?void 0:a.querySelector('[popovertarget="actions"]'),m=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("[popover]");c==null||c.addEventListener("click",u=>{this.style.setProperty("overflow","visible"),this.style.setProperty("z-index","999999");const h=c.getBoundingClientRect(),p=h.top,b=h.left;m.style.setProperty("display","block"),m.style.setProperty("top",p+"px"),m.style.setProperty("left",b-100+"px")}),document.addEventListener("scroll",u=>{m.style.setProperty("display","none")})}if(Array.from(o.querySelectorAll('[slot="btns"]')).forEach(c=>{c.classList.add("btn"),c.classList.add("btn-action")}),o.querySelector('[slot="checkbox"],[slot="secondary"]')){const c=o.querySelector('[slot="checkbox"],[slot="secondary"]');c.addEventListener("mouseenter",()=>{o.classList.add("prevent-hover")}),c.addEventListener("mouseleave",()=>{o.classList.remove("prevent-hover")})}if(o.shadowRoot.querySelector(".menu__wrapper")){const c=o.shadowRoot.querySelector(".menu__wrapper");c.addEventListener("mouseenter",()=>{o.classList.add("prevent-hover")}),c.addEventListener("mouseleave",()=>{o.classList.remove("prevent-hover")})}const n=o.querySelector('input[type="checkbox"]');n&&n.addEventListener("change",()=>{if(n.checked){const c=new CustomEvent("select-card",{detail:{"Card value":n.value,"input name":n.getAttribute("name")}});o.dispatchEvent(c)}else{const c=new CustomEvent("unselect-card",{detail:{"Card value":n.value,"input name":n.getAttribute("name")}});o.dispatchEvent(c)}});const s=o.querySelector('[slot="secondary"]');s&&s.addEventListener("click",()=>{const c=new CustomEvent("secondary-button-clicked",{detail:{Title:s.getAttribute("title")}});o.dispatchEvent(c)});const d=o.querySelectorAll('[slot="btns"]');Array.from(d).forEach(c=>{c.addEventListener("click",()=>{const m=new CustomEvent("action-button-clicked",{detail:{Title:c.getAttribute("title")}});o.dispatchEvent(m)})}),Y(o,"iam-card",["select-card","unselect-card","secondary-button-clicked","action-button-clicked"])})}static get observedAttributes(){return["data-image"]}attributeChangedCallback(a,t,o){switch(a){case"data-total":{this.shadowRoot.querySelector(".card__total")&&(this.shadowRoot.querySelector(".card__total").innerHTML=o);break}case"data-image":{if(t!=o){const r=this.shadowRoot.querySelector(".card__head img");r&&r.setAttribute("src",o)}break}}}}const Yr=Object.freeze(Object.defineProperty({__proto__:null,default:Kr},Symbol.toStringTag,{value:"Module"}));/*!
|
|
305
|
+
* iamKey v7.4.0
|
|
309
306
|
* Copyright 2022-2025 iamproperty
|
|
310
|
-
*/const
|
|
307
|
+
*/const Xr=function(e){const a=[];return Array.from(e.querySelectorAll(":scope > div")).forEach((t,o)=>{t.hasAttribute("data-thumbnail")&&(a[o]=t.getAttribute("data-thumbnail"))}),a},Jr=function(e,a){const t=e.querySelectorAll(":scope > div").length;let o="";for(let r=1;r<=t;r++){let i=null,n="";a.length&&a[r-1]?(n="has-thumbnail",i=`<img src="${a[r-1]}" alt="Slide ${r}" height="148"/>`):i=`Slide ${r}`,o+=`<button class="control-${r} ${n}" data-slide="${r}" ${r==1?"aria-current":""}>${i}</button>`}return o},tt=function(e,a){return a==1?e:Math.ceil(e/a)*a-a+1},et=function(e,a){return(e-1)/(a-1)*100},Qr=function(e){let a;const t=e.shadowRoot.querySelector(".carousel"),o=t.querySelector(".carousel__inner"),r=t.querySelector(".carousel__controls"),i=t.querySelector('.carousel__progress [type="range"]'),n=e.querySelectorAll(":scope > div").length;let s=o.clientWidth,d=e.querySelector(":scope > div").scrollWidth,c=Math.round(s/d);i.setAttribute("min",1),i.setAttribute("step",c);let m=tt(n,c);i.setAttribute("max",m),i.value=1;let u=et(1,m);i.style.setProperty("--percent",u+"%");let h,p="mouseup",b="mousedown";"ontouchstart"in document.documentElement&&(p="touchend",b="touchstart"),o.addEventListener("scroll",function(){clearTimeout(a),a=setTimeout(function(){const f=o.clientWidth,g=o.scrollWidth,y=o.scrollLeft;let k=Math.round(y/g*n)+1;const L=e.querySelector(":scope > div").scrollWidth,E=e.querySelector(":scope > div:last-child").offsetLeft,v=o.scrollLeft+f+o.getBoundingClientRect().left>=E+60,w=Math.round(f/L),_=Math.ceil(n/w)*w-n;i.setAttribute("step",w),_>0&&v&&(k=Math.floor(n/w)*w+1),Array.from(t.querySelectorAll(".carousel__controls button")).forEach(x=>{x.removeAttribute("aria-current")}),t.querySelector(".control-"+k).setAttribute("aria-current",!0),k==1?t.querySelector(".btn-prev").setAttribute("disabled","disabled"):t.querySelector(".btn-prev").removeAttribute("disabled"),k>n-w?t.querySelector(".btn-next").setAttribute("disabled","disabled"):t.querySelector(".btn-next").removeAttribute("disabled"),i.value=k,m=tt(n,w),i.setAttribute("max",m),u=k/m*100,u=et(k,m),i.style.setProperty("--percent",u+"%")},100)},!1),r.addEventListener("click",function(f){for(let g=f.target;g&&g!=this;g=g.parentNode)if(typeof g.matches=="function"&&g.matches("button")){f.preventDefault(),Array.from(r.querySelectorAll("button")).forEach(L=>{L.removeAttribute("aria-current")}),g.setAttribute("aria-current",!0);const y=new CustomEvent("pip-clicked",{detail:{slide:g.getAttribute("data-slide")}});e.dispatchEvent(y);const k=e.querySelector(`:scope > *:nth-child(${g.getAttribute("data-slide")})`);o.scroll({top:0,left:k.offsetLeft-o.getBoundingClientRect().left,behavior:"smooth"});break}},!1),t.addEventListener("click",function(f){const g=o.clientWidth,y=e.querySelector(":scope > div").scrollWidth,k=Math.round(g/y),L=e.querySelector(":scope > div:last-child").offsetLeft,E=o.scrollLeft+g+o.getBoundingClientRect().left>=L+60,v=Math.ceil(n/k)*k-n,w=k-v,_=E&&v>0?w*y:o.clientWidth;for(let x=f.target;x&&x!=this;x=x.parentNode)if(typeof x.matches=="function"&&x.matches(".btn-next, .btn-prev")){const q=x.matches(".btn-next")?"next":"prev",$=new CustomEvent(`${q}-clicked`,{detail:{slide:x.getAttribute("data-go")}});e.dispatchEvent($),f.preventDefault();const T=x.classList.contains("btn-prev")?o.scrollLeft-_:o.scrollLeft+o.clientWidth;o.scroll({top:0,left:T,behavior:"smooth"});break}},!1),i.addEventListener(b,function(){clearInterval(h),h=setInterval(function(){s=o.clientWidth,d=e.querySelector(":scope > div").scrollWidth,c=Math.round(s/d),i.setAttribute("step",c),m=tt(n,c),i.setAttribute("max",m),u=et(i.value,m),i.style.setProperty("--percent",u+"%")},10)}),i.addEventListener(p,function(){clearInterval(h)}),i.addEventListener("change",function(){clearInterval(h);const f=e.querySelector(`:scope > *:nth-child(${i.value})`);o.scroll({top:0,left:f?f.offsetLeft-o.getBoundingClientRect().left:0,behavior:"smooth"});const g=new CustomEvent("slider-changed",{detail:{slide:i.value}});e.dispatchEvent(g)},!1)},Zr=e=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:e})},ti=(e,a,t)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:a}),t.forEach(o=>{e.addEventListener(o,function(r){const i={event:o,element:a,target:r.target};Object.keys(r.detail).forEach(n=>{const s=r.detail[n];i[n]=s}),window.dataLayer.push(i)})}),!0);Zr("iam-carousel");const ei=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const a=document.createElement("template");a.innerHTML=`
|
|
311
308
|
<style>
|
|
312
|
-
@layer elements{*,*::before,*::after{box-sizing:border-box}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: 0.125rem;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,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(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.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,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.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:var(--btn-line-height);vertical-align:bottom}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.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:var(--btn-line-height);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:has(select){position:relative;padding-right:3.5rem}.btn:has(select):not(.mw-100){max-width:13rem}.btn:has(select) select{all:unset !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !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:var(--btn-font-size) !important;line-height:var(--btn-line-height) !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"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.btn-secondary:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}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)}}@layer elements{.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],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem;border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) .btn-action,.btn-action:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.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) - 0.25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - 0.25rem)}.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-bg: transparent;--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:var(--colour)}.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}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-inverted) !important;color:var(--colour-inverted)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme) !important}}*,*::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 */
|
|
309
|
+
@layer elements{*,*::before,*::after{box-sizing:border-box}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: 0.125rem;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,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(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.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,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.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:var(--btn-line-height);vertical-align:bottom}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.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:var(--btn-line-height);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:has(select){position:relative;padding-right:3.5rem}.btn:has(select):not(.mw-100){max-width:13rem}.btn:has(select) select{all:unset !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !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:var(--btn-font-size) !important;line-height:var(--btn-line-height) !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"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.btn-secondary:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}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)}}@layer elements{.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],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem;border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) .btn-action,.btn-action:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.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) - 0.25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - 0.25rem)}@media screen and (prefers-color-scheme: dark){.btn-compact[class*=fa-]:before{color:#fff}}.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-bg: transparent;--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:var(--colour)}.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}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-inverted) !important;color:var(--colour-inverted)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme) !important}}*,*::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(.hide-btns) .carousel__btns,:host(.hide-controls) .carousel__controls{display:none}: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 */
|
|
313
310
|
|
|
314
311
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
315
312
|
</style>
|
|
@@ -336,10 +333,10 @@
|
|
|
336
333
|
</div>
|
|
337
334
|
|
|
338
335
|
</div>
|
|
339
|
-
`,this.shadowRoot.appendChild(
|
|
340
|
-
* iamKey v7.
|
|
336
|
+
`,this.shadowRoot.appendChild(a.content.cloneNode(!0))}connectedCallback(){const a=this;let t=[];const o=this.shadowRoot.querySelector(".carousel__controls");a.querySelector("[data-thumbnail]")&&(t=Xr(a),a.classList.add("thumbnails")),o.innerHTML=Jr(a,t),Array.from(a.querySelectorAll(":scope > div > img:first-child:last-child, :scope > div > picture:first-child:last-child img")).forEach(r=>{r.style.inset="0 0.5rem 0 0.5rem",r.style.position="absolute",r.style.width="calc(100% - 1rem)",r.style.height="100%",r.style["object-fit"]="cover",r.closest("div").classList.add("image__wrapper")}),Qr(a),ti(a,"iam-carousel",["pip-clicked","next-clicked","prev-clicked","slider-changed"])}}},Symbol.toStringTag,{value:"Module"}));/*!
|
|
337
|
+
* iamKey v7.4.0
|
|
341
338
|
* Copyright 2022-2025 iamproperty
|
|
342
|
-
*/function
|
|
339
|
+
*/function ai(e,a){const t=a.querySelector(".files"),o=a.querySelector(".drop-area"),r=e.querySelector("input"),i=e.hasAttribute("data-maxsize")?e.getAttribute("data-maxsize"):0,n=a.querySelector(".invalid-feedback.size"),s=a.querySelector(".invalid-feedback.ext"),d=r.cloneNode();o.append(d);const c=function(m){if(!r.hasAttribute("accept"))return!0;const u=m.split(".").pop();return!!r.getAttribute("accept").includes(u)};if(a.addEventListener("click",m=>{m&&m.target instanceof HTMLElement&&m.target.closest(".btn-primary")&&(s.classList.remove("d-block"),n.classList.remove("d-block"),(r.hasAttribute("multiple")?d:r).click())}),a.addEventListener("click",m=>{if(m&&m.target instanceof HTMLElement&&m.target.closest(".files button")){const u=new DataTransfer,{files:h}=r,p=m.target.closest(".files button");for(let g=0;g<h.length;g++){const y=h[g];y.name!=p.getAttribute("data-file")&&u.items.add(y)}r.files=u.files;const b=new Event("change");r.dispatchEvent(b);const f=new CustomEvent("fileRemoved",{detail:{removedFile:p==null?void 0:p.dataset.file}});e.dispatchEvent(f)}}),d.addEventListener("change",()=>{if(r.hasAttribute("multiple")){const u=[...r.files,...d.files],h=[],p=new DataTransfer;for(let b=0;b<u.length;b++){const f=u[b],g=f.size/1e3;!h.includes(f.name)&&(i==0||g<i)&&c(f.name)&&p.items.add(f),c(f.name)||s.classList.add("d-block"),g>i&&n.classList.add("d-block"),h.push(f.name)}r.files=p.files}else r.files=d.files;const m=new Event("change");r.dispatchEvent(m)}),d.addEventListener("dragenter",()=>{d.classList.add("focus")}),d.addEventListener("dragleave",()=>{d.classList.remove("focus")}),d.addEventListener("drop",()=>{d.classList.remove("focus")}),r.addEventListener("change",()=>{if(r.files.length==1){const u=r.files[0],h=u.size/1e3;if(!c(u.name)){s.classList.add("d-block");const p=new DataTransfer;r.files=p.files}if(h>i){n.classList.add("d-block");const p=new DataTransfer;r.files=p.files}}t.innerHTML="";for(const u of r.files)t.innerHTML+=`<span class="file" part="file">${u.name} <button data-file="${u.name}" part="file__remove">Remove</button></span>`;const m=new CustomEvent("elementchange",{detail:{files:r.files}});if(e.dispatchEvent(m),r.files.length==0){const u=new CustomEvent("empty");e.dispatchEvent(u)}}),e.hasAttribute("data-filename")){const m=e.getAttribute("data-filename");m&&(t.innerHTML=`<span class="file" part="file">${m} <button data-file="${m}" part="file__remove">Remove</button></span>`)}}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"fileupload"});const oi=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`,o=document.createElement("template");o.innerHTML=`
|
|
343
340
|
<style>
|
|
344
341
|
@import "${t}";
|
|
345
342
|
.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:round(var(--body-fs, 1rem)*pow(var(--type-scale),2),.25rem);line-height:round(up,1em*var(--type-scale),.25rem);padding-bottom:round(up,1em*var(--type-scale),.25rem);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);color:inherit}.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 */
|
|
@@ -357,10 +354,10 @@
|
|
|
357
354
|
<span class="invalid-feedback ext">Some files did not match the accepted extension type.</span>
|
|
358
355
|
<span class="invalid-feedback size">Some files were too large to upload.</span>
|
|
359
356
|
</div>
|
|
360
|
-
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){this.innerHTML+='<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';const
|
|
361
|
-
* iamKey v7.
|
|
357
|
+
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){this.innerHTML+='<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';const a=this.shadowRoot.querySelector(".file-upload"),t=this.querySelector("input"),o=this.shadowRoot.querySelector(".helper-text");this.querySelector('[slot="helper"]')||(o.innerHTML=`${this.hasAttribute("data-maxsize")?`Max file size is ${this.getAttribute("data-maxsize")}kb. `:""}${t.hasAttribute("accept")?`Supported file types are ${t.getAttribute("accept")}`:""}`),ai(this,a)}static get observedAttributes(){return["data-filename"]}attributeChangedCallback(a,t,o){switch(a){case"data-filename":{if(t!=o){const r=this.shadowRoot.querySelector(".files");o!=null&&o!="null"&&o!=""&&(r.innerHTML=`<span class="file" part="file">${o} <button data-file="${o}" part="file__remove">Remove</button></span>`)}break}}}}},Symbol.toStringTag,{value:"Module"}));/*!
|
|
358
|
+
* iamKey v7.4.0
|
|
362
359
|
* Copyright 2022-2025 iamproperty
|
|
363
|
-
*/const
|
|
360
|
+
*/const ri=e=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:e})},ii=(e,a,t)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:a}),t.forEach(o=>{e.addEventListener(o,function(r){const i={event:o,element:a,target:r.target};Object.keys(r.detail).forEach(n=>{const s=r.detail[n];i[n]=s}),window.dataLayer.push(i)})}),!0),ni=`<div class="card__head" part="head">
|
|
364
361
|
<slot name="head"></slot>
|
|
365
362
|
</div>
|
|
366
363
|
<div class="card__badges"><slot name="badges"></slot></div>
|
|
@@ -374,18 +371,18 @@
|
|
|
374
371
|
</div>
|
|
375
372
|
<div class="card__footer" part="footer">
|
|
376
373
|
<slot name="footer"></slot>
|
|
377
|
-
</div>`,
|
|
374
|
+
</div>`,si=e=>{e.classList.add("card");const a=e.shadowRoot.querySelector(".card__head"),t=e.shadowRoot.querySelector(".card__body");e.hasAttribute("data-image")&&(a.innerHTML+=`<img src="${e.getAttribute("data-image")}" alt="" loading="lazy" part="image" />`),e.hasAttribute("data-total")?t.insertAdjacentHTML("beforeend",`<div class="card__total">${e.getAttribute("data-total")}</div>`):e.querySelector('[slot="total-icon"]')&&t.insertAdjacentHTML("beforeend",'<div class="card__total"><slot name="total-icon"></slot></div>'),e.querySelector('[slot="badges"]')?e.shadowRoot.querySelector(".card__badges").classList.remove("empty"):e.shadowRoot.querySelector(".card__badges").classList.add("empty")};var li=function(e,a,t,o){function r(i){return i instanceof t?i:new t(function(n){n(i)})}return new(t||(t=Promise))(function(i,n){function s(m){try{c(o.next(m))}catch(u){n(u)}}function d(m){try{c(o.throw(m))}catch(u){n(u)}}function c(m){m.done?i(m.value):r(m.value).then(s,d)}c((o=o.apply(e,[])).next())})};ri("iam-filter-card");const ci=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const a=document.createElement("template");a.innerHTML=`
|
|
378
375
|
<style>
|
|
379
376
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
380
377
|
|
|
381
378
|
: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:not(.empty){padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) 0 var(--card-left-padding);margin-bottom:-1.5rem}:host{--top-padding: 1.5rem;--right-padding: 1rem;--bottom-padding: 1.5rem;--left-padding: 1rem}:host:has(.card__total) .card__body{align-items:center;display:flex}:host:before,:host:after{display:none}:host.card--has-icon{--bottom-padding: 1rem;border:none}:host .icon{font-size:1.125rem !important;height:1.125rem !important;margin:0 0 .5rem 0 !important;font-weight:400 !important;display:block !important}:host .card__total{margin-top:0;order:-1}:host(:is(:hover,:focus,.hover)){outline:none}:host(:is(:hover,:focus,.hover)) :is(.card__body,.card__footer){background:#eee}:host-context(:is(:checked,.checked)),:host(:is(:active,.active)){outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}:host-context(:is(:checked,.checked)) .card__body,:host(:is(:active,.active)) .card__body{background:none}:host-context(:is(:checked,.checked)) .card__footer,:host(:is(:active,.active)) .card__footer{background:none}::slotted(i){display:block !important;font-size:1.125rem !important;margin:0 0 .5rem 0 !important}:host(.card--flag){position:relative}:host(.card--flag):after{content:var(--card-flag-icon, "\\f024");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__body:has(.card__total){--card-head-top-padding: 2rem;--card-head-bottom-padding: 2rem;display:flex;align-items:center}.card__total{order:-1}/*# sourceMappingURL=assets/css/components/filter-card.component.css.map */
|
|
382
379
|
|
|
383
380
|
</style>
|
|
384
|
-
${
|
|
385
|
-
`,this.shadowRoot.appendChild(
|
|
386
|
-
* iamKey v7.
|
|
381
|
+
${ni}
|
|
382
|
+
`,this.shadowRoot.appendChild(a.content.cloneNode(!0))}connectedCallback(){return li(this,void 0,void 0,function*(){const a=this;si(a);const t=a.parentElement.querySelector('input[type="checkbox"]');if(t&&t.addEventListener("change",()=>{if(t.checked){const o=new CustomEvent("select-card",{detail:{"Card value":t.value,"input name":t.getAttribute("name")}});a.dispatchEvent(o),a.classList.add("active")}else{const o=new CustomEvent("unselect-card",{detail:{"Card value":t.value,"input name":t.getAttribute("name")}});a.dispatchEvent(o),a.classList.remove("active")}}),a.parentElement.matches("button")){const o=a.parentElement;o.addEventListener("click",()=>{if(a.classList.contains("active")){const r=new CustomEvent("unselect-card",{detail:{"button name":o.getAttribute("name")}});a.dispatchEvent(r),a.classList.remove("active")}else{const r=new CustomEvent("select-card",{detail:{"button name":o.getAttribute("name")}});a.dispatchEvent(r),a.classList.add("active")}})}ii(a,"iam-filter-card",["select-card","unselect-card"])})}}},Symbol.toStringTag,{value:"Module"}));/*!
|
|
383
|
+
* iamKey v7.4.0
|
|
387
384
|
* Copyright 2022-2025 iamproperty
|
|
388
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class
|
|
385
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class di 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`,o=document.createElement("template");o.innerHTML=`
|
|
389
386
|
<style>
|
|
390
387
|
@import "${t}";
|
|
391
388
|
: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 */
|
|
@@ -400,7 +397,7 @@
|
|
|
400
397
|
<slot></slot>
|
|
401
398
|
</div>
|
|
402
399
|
</div>
|
|
403
|
-
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){this.classList.add("bg-primary");const
|
|
400
|
+
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){this.classList.add("bg-primary");const a=this.shadowRoot.querySelector("picture"),t=this.shadowRoot.querySelector("picture img");this.hasAttribute("image")?t.setAttribute("src",this.getAttribute("image")):a.remove()}}const mi=Object.freeze(Object.defineProperty({__proto__:null,default:di},Symbol.toStringTag,{value:"Module"}));window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"inline edit"});class ui extends HTMLElement{constructor(){super();const a=this.attachShadow({mode:"open"}),t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",o=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=`@import "${t}/css/components/inline-edit.css";`,i=document.createElement("template");i.innerHTML=`
|
|
404
401
|
<style class="styles">
|
|
405
402
|
@import "${o}";
|
|
406
403
|
${r}
|
|
@@ -416,13 +413,13 @@
|
|
|
416
413
|
<span class="btn btn-action border-0 bg-transparent prevent-invert d-none" id="saved"><i class="fa-regular fa-check me-1"></i> Saved</span>
|
|
417
414
|
<span class="btn btn-action border-0 bg-transparent prevent-invert d-none" id="notsaved"><i class="fa-regular fa-circle-info me-1"></i> Not Saved</span>
|
|
418
415
|
</div>
|
|
419
|
-
`,
|
|
420
|
-
* iamKey v7.
|
|
416
|
+
`,a.appendChild(i.content.cloneNode(!0))}connectedCallback(){const a=this,t=this.shadowRoot.querySelector("#save"),o=this.shadowRoot.querySelector("#cancel"),r=this.querySelector("input, textarea, select"),i=this.querySelector(".preview"),n=this.shadowRoot.querySelector("#saving"),s=this.shadowRoot.querySelector("#saved"),d=this.shadowRoot.querySelector("#notsaved");let c=r.value;o.addEventListener("click",()=>{r.value=c,r.blur(),a.blur(),a.classList.remove("was-validated"),d.classList.add("d-none");const m=new CustomEvent("inline-edit-cancel",{detail:{name:r.getAttribute("name")}});a.dispatchEvent(m)}),t.addEventListener("click",()=>{if(a.querySelector(":invalid"))return a.classList.add("was-validated"),!1;c=r.value;const m=new CustomEvent("inline-edit-save",{detail:{name:r.getAttribute("name"),value:r.value}});a.dispatchEvent(m),r.disabled=!0,r.blur(),a.blur(),n.classList.remove("d-none"),i&&(console.log(r.value),i.innerHTML=r.value)}),r.tagName==="INPUT"&&r.addEventListener("keydown",m=>{switch(m.key){case"Enter":m.stopPropagation(),m.preventDefault(),t.click();break}}),a.addEventListener("inline-edit-saved",()=>{setTimeout(()=>{n.classList.add("d-none"),s.classList.remove("d-none");const m=new CustomEvent("inline-edit-confirmed",{detail:{name:r.getAttribute("name")}});a.dispatchEvent(m)},100),setTimeout(()=>{r.disabled=!1,a.removeAttribute("data-saving"),n.classList.add("d-none"),s.classList.add("d-none"),d.classList.add("d-none")},1e3)}),r.tagName==="SELECT"&&r.addEventListener("change",()=>{c=r.value;const m=new CustomEvent("inline-edit-save",{detail:{name:r.getAttribute("name"),value:r.value}});a.dispatchEvent(m),a.setAttribute("data-saving","true"),r.disabled=!0,r.blur()}),r.tagName!="SELECT"&&r.addEventListener("focus",()=>{r.select()}),r.addEventListener("blur",()=>{if(r.value!=c)if(a.hasAttribute("data-autosave")){c=r.value;const m=new CustomEvent("inline-edit-autosave",{detail:{name:r.getAttribute("name"),value:r.value}});a.dispatchEvent(m),n.classList.remove("d-none"),i&&(i.innerHTML=r.value)}else a.querySelector(".inline-feedback")||d.classList.remove("d-none")}),a.addEventListener("change",m=>{if(m&&m.target instanceof HTMLElement&&m.target.closest('input[type="checkbox"]')){let u="";Array.from(a.querySelectorAll('label input[type="checkbox"]:checked')).forEach((p,b)=>{b!=0&&(u+=", "),u+=p.value});const h=new CustomEvent("inline-edit-save",{detail:{name:m.target.closest('input[type="checkbox"]').getAttribute("name"),value:u}});a.dispatchEvent(h)}})}}const pi=Object.freeze(Object.defineProperty({__proto__:null,default:ui},Symbol.toStringTag,{value:"Module"}));/*!
|
|
417
|
+
* iamKey v7.4.0
|
|
421
418
|
* Copyright 2022-2025 iamproperty
|
|
422
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"mutliselect"});const
|
|
419
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"mutliselect"});const hi=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`,o=document.createElement("template");o.innerHTML=`
|
|
423
420
|
<style>
|
|
424
421
|
@import "${t}";
|
|
425
|
-
.outer{position:relative;max-width:var(--input-max-width, 50rem);display:block}label{margin-bottom:0;padding-bottom:.5rem}.wrapper{margin-bottom:1.5rem;max-width:var(--input-max-width, 50rem)}.wrapper:after{content:"";display:block;position:absolute;top:100%;left:0;width:100%;height:1rem}.wrapper input{margin-bottom:0.5rem}.wrapper .feedback{position:absolute;right:0;bottom:100%;padding:.85rem;width:min-content;white-space:nowrap;margin-bottom:.5rem;display:none}.wrapper.was-validated .feedback{display:block}.wrapper.filled{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;min-height:calc(2.75rem + 4px);padding:0.5rem 2rem 0rem 0.8125rem;font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-body);background-color:var(--colour-canvas-2);border:2px solid var(--colour-primary);border-radius:0.5rem}.wrapper.filled:is(:focus-within,.focus-within):not(:disabled){border-color:var(--colour-info);outline:0;box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}.wrapper.filled input{all:unset;font-size:1rem;line-height:1.625rem;display:inline-block;width:0;flex-grow:1;padding:0 0.5rem 0 0 !important;margin-inline:0.1875rem;order:999;margin-bottom:0.5rem}.wrapper.filled .feedback{display:none !important}.wrapper.filled:is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0;box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}button{position:absolute;top:.75rem;right:.5rem;border:none;background:none;padding-inline:.5rem;display:var(--display-button, none)}button:after{content:"✕";font-weight:bold}.dropdown{position:absolute;top:calc(100% + .5rem);padding:0;left:0;width:100%;margin:0;z-index:99;display:none;max-height:15.25rem !important;overflow:auto}.dropdown:before{display:none}.wrapper:is(:focus-within) .dropdown{display:var(--display-panel, none)}@media(hover: hover){.wrapper .dropdown:hover{display:var(--display-panel, none)}}@media(hover: none){:host(.hover) .wrapper .dropdown{display:block}}:host-context(:focus-within) input{background-color:none !important}:host-context(iam-inline-edit){display:block;--display-btns: none}:host-context(iam-inline-edit) label:hover+.outer:not(:focus-within) .wrapper:not([data-mousedown]),:host-context(iam-inline-edit) .outer:not(:focus-within) .wrapper:not([data-mousedown]):hover{background-color:var(--colour-light)}:host-context(iam-inline-edit) label:hover+.outer:not(:focus-within) .wrapper:not([data-mousedown]) input,:host-context(iam-inline-edit) .outer:not(:focus-within) .wrapper:not([data-mousedown]):hover input{background-color:var(--colour-light)}:host-context(iam-inline-edit) label:hover+.outer:not(:focus-within) .wrapper:not([data-mousedown]) .dropdown,:host-context(iam-inline-edit) .outer:not(:focus-within) .wrapper:not([data-mousedown]):hover .dropdown{display:none}:host-context(iam-inline-edit) .wrapper{margin-bottom:0}:host-context(iam-inline-edit) .wrapper:not(.filled):not(:focus-within):not([data-mousedown]) input{border:none;background:none;margin-left:-1rem;width:calc(100% + 1rem);max-width:calc(100% + 1rem);box-shadow:none}:host-context(iam-inline-edit) .wrapper:not(.filled):not(:focus-within):not([data-mousedown]) .dropdown{display:none}:host-context(iam-inline-edit) .wrapper.filled:not(:focus-within):not([data-mousedown]){background:none;border:none;padding-left:0}/*# sourceMappingURL=assets/css/components/multiselect.css.map */
|
|
422
|
+
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.outer{position:relative;max-width:var(--input-max-width, 50rem);display:block}label{margin-bottom:0;padding-bottom:.5rem}.wrapper{margin-bottom:1.5rem;max-width:var(--input-max-width, 50rem)}.wrapper:after{content:"";display:block;position:absolute;top:100%;left:0;width:100%;height:1rem}.wrapper input{margin-bottom:0.5rem}.wrapper .feedback{position:absolute;right:0;bottom:100%;padding:.85rem;width:min-content;white-space:nowrap;margin-bottom:.5rem;display:none}.wrapper.was-validated .feedback{display:block}.wrapper.filled{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;min-height:calc(2.75rem + 4px);padding:0.5rem 2rem 0rem 0.8125rem;font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-body);background-color:var(--colour-canvas-2);border:2px solid var(--colour-primary);border-radius:0.5rem}.wrapper.filled:is(:focus-within,.focus-within):not(:disabled){border-color:var(--colour-info);outline:0;box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}.wrapper.filled input{all:unset;font-size:1rem;line-height:1.625rem;display:inline-block;width:0;flex-grow:1;padding:0 0.5rem 0 0 !important;margin-inline:0.1875rem;order:999;margin-bottom:0.5rem}.wrapper.filled .feedback{display:none !important}.wrapper.filled:is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0;box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}button{position:absolute;top:.75rem;right:.5rem;border:none;background:none;padding-inline:.5rem;display:var(--display-button, none)}button:after{content:"✕";font-weight:bold}.dropdown{position:absolute;top:calc(100% + .5rem);padding:0;left:0;width:100%;margin:0;z-index:99;display:none;max-height:15.25rem !important;overflow:auto}.dropdown:before{display:none}.wrapper:is(:focus-within) .dropdown{display:var(--display-panel, none)}@media(hover: hover){.wrapper .dropdown:hover{display:var(--display-panel, none)}}@media(hover: none){:host(.hover) .wrapper .dropdown{display:block}}:host-context(:focus-within) input{background-color:none !important}:host-context(iam-inline-edit){display:block;--display-btns: none}:host-context(iam-inline-edit) label:hover+.outer:not(:focus-within) .wrapper:not([data-mousedown]),:host-context(iam-inline-edit) .outer:not(:focus-within) .wrapper:not([data-mousedown]):hover{background-color:var(--colour-light)}:host-context(iam-inline-edit) label:hover+.outer:not(:focus-within) .wrapper:not([data-mousedown]) input,:host-context(iam-inline-edit) .outer:not(:focus-within) .wrapper:not([data-mousedown]):hover input{background-color:var(--colour-light)}:host-context(iam-inline-edit) label:hover+.outer:not(:focus-within) .wrapper:not([data-mousedown]) .dropdown,:host-context(iam-inline-edit) .outer:not(:focus-within) .wrapper:not([data-mousedown]):hover .dropdown{display:none}:host-context(iam-inline-edit) .wrapper{margin-bottom:0}:host-context(iam-inline-edit) .wrapper:not(.filled):not(:focus-within):not([data-mousedown]) input{border:none;background:none;margin-left:-1rem;width:calc(100% + 1rem);max-width:calc(100% + 1rem);box-shadow:none}:host-context(iam-inline-edit) .wrapper:not(.filled):not(:focus-within):not([data-mousedown]) .dropdown{display:none}:host-context(iam-inline-edit) .wrapper.filled:not(:focus-within):not([data-mousedown]){background:none;border:none;padding-left:0}/*# sourceMappingURL=assets/css/components/multiselect.css.map */
|
|
426
423
|
|
|
427
424
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
428
425
|
</style>
|
|
@@ -440,91 +437,26 @@
|
|
|
440
437
|
</div>
|
|
441
438
|
</div>
|
|
442
439
|
</label>
|
|
443
|
-
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){const
|
|
440
|
+
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){const a=this,t=this.closest("form"),o=this.shadowRoot.querySelector(".wrapper"),r=a.shadowRoot.querySelector("#search"),i=a.shadowRoot.querySelector("#clear");let n=0;const s=a.shadowRoot.querySelector("label .inner-label");if(s.innerHTML=a.getAttribute("data-label"),a.hasAttribute("placeholder")&&r.setAttribute("placeholder",a.getAttribute("placeholder")),a.setAttribute("data-error","true"),t&&a.hasAttribute("data-is-required")){const u=new MutationObserver(function(h){h.forEach(function(p){p.target.classList.contains("was-validated")?o.classList.add("was-validated"):o.classList.remove("was-validated")})});t.classList.contains("was-validated")?o.classList.add("was-validated"):o.classList.remove("was-validated"),u.observe(t,{attributes:!0,attributeFilter:["style","class"]})}function d(u){u.checked==!1?(u.closest("label").removeAttribute("slot"),u.closest("label").removeAttribute("style"),u.closest("label").removeAttribute("data-order")):(n++,u.closest("label").setAttribute("slot","checked"),u.closest("label").setAttribute("style",`--order:${n};`),u.closest("label").setAttribute("data-order",n)),a.querySelector('label[slot="checked"]')?(o.classList.add("filled"),a.removeAttribute("data-error"),r.removeAttribute("placeholder")):(o.classList.remove("filled"),a.setAttribute("data-error","true"),a.hasAttribute("placeholder")&&r.setAttribute("placeholder",a.getAttribute("placeholder")))}Array.from(a.querySelectorAll('label input[type="checkbox"]:checked')).forEach(u=>{d(u)}),r.addEventListener("input",()=>{Array.from(a.querySelectorAll('label:not([slot="checked"])')).forEach(u=>{const h=u.querySelector("input").value,p=u.textContent;h.toLowerCase().includes(r.value.toLowerCase())||p.toLowerCase().includes(r.value.toLowerCase())?u.removeAttribute("slot"):u.setAttribute("slot","notmatched")})});let c;a.addEventListener("focus",()=>{a.classList.add("hover"),clearTimeout(c)}),r.addEventListener("blur",u=>{setTimeout(function(){document.activeElement.getAttribute("type")!="checkbox"&&(a.querySelector(`input[type="checkbox"][value="${r.value}" i]`)&&(a.querySelector(`input[type="checkbox"][value="${r.value}" i]`).checked=!0,d(a.querySelector(`input[type="checkbox"][value="${r.value}" i]`))),r.value="",Array.from(a.querySelectorAll('label input[type="checkbox"]')).forEach(h=>{d(h)}))},200),clearTimeout(c),c=setTimeout(function(){a.classList.remove("hover")},1e3)}),a.addEventListener("change",u=>{if(u&&u.target instanceof HTMLElement&&u.target.closest('input[type="checkbox"]')){const h=u.target.closest('input[type="checkbox"]');d(h),r.value="",r.focus(),clearTimeout(c),a.classList.add("hover"),c=setTimeout(function(){a.classList.remove("hover")},5e3)}}),i.addEventListener("click",function(){Array.from(a.querySelectorAll('label input[type="checkbox"]')).forEach(u=>{u.checked=!1,d(u)}),r.focus()}),a.addEventListener("keydown",function(u){const h=document.activeElement;switch(u.key){case"ArrowLeft":if(u.preventDefault(),h.hasAttribute("type")&&h.getAttribute("type")=="checkbox"){const p=a.querySelectorAll('label[slot="checked"][slot="checked"]'),b=Array.from(p).indexOf(h.closest("label")),f=Array.from(p)[b-1];f?f.focus():r.focus()}else h==a&&Array.from(a.querySelectorAll('label[slot="checked"]')).sort(function(p,b){return+p.dataset.order-+b.dataset.order}).pop().focus();break;case"ArrowRight":if(u.preventDefault(),h.hasAttribute("type")&&h.getAttribute("type")=="checkbox"){const p=a.querySelectorAll('label[slot="checked"][slot="checked"]'),b=Array.from(p).indexOf(h.closest("label")),f=Array.from(p)[b+1];f?f.focus():r.focus()}break;case"ArrowUp":if(u.preventDefault(),h.hasAttribute("type")&&h.getAttribute("type")=="checkbox"){const p=a.querySelectorAll('label:not([slot="checked"]):not([slot="checked"])'),b=Array.from(p).indexOf(h.closest("label")),f=Array.from(p)[b-1];f?f.focus():r.focus()}break;case"ArrowDown":if(u.preventDefault(),h==a)a.querySelector('label:not([slot="checked"]):not([slot="checked"])').focus();else if(h.hasAttribute("type")&&h.getAttribute("type")=="checkbox"){const p=h.value,b=a.querySelector(`label:has(input[value="${p}"]) ~ label:not([slot="checked"]):not([slot="checked"])`);b&&b.focus()}break;case"Enter":u.stopPropagation(),u.preventDefault(),h.hasAttribute("type")&&h.getAttribute("type")=="checkbox"&&(h.checked==!1?h.checked=!0:h.checked=!1),d(h),r.focus();break;case"Backspace":h.hasAttribute("type")&&h.getAttribute("type")=="checkbox"&&(h.checked=!1,d(h),r.focus());break}});function m(){if(n==0)return!1;let u=a.querySelector(`label[data-order="${n}"]`);return u||(u=m(n--)),u}r.addEventListener("keydown",function(u){switch(u.key){case"Enter":a.querySelector(`input[value="${r.value}"]:not(:checked)`)||(r.value=""),r.focus();break;case"Backspace":if(!r.value){const h=m();if(h){const p=h.querySelector("input");p.checked=!1,d(p)}r.focus()}break}}),a.addEventListener("mousedown",()=>{o.setAttribute("data-mousedown","true")}),a.addEventListener("mouseup",()=>{o.removeAttribute("data-mousedown")})}}},Symbol.toStringTag,{value:"Module"}));K("iam-multi-step");class bi extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=`@import "${document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets"}/css/components/multi-step.component.css";`,o=document.createElement("template");o.innerHTML=`
|
|
444
441
|
<style>
|
|
445
442
|
${t}
|
|
446
443
|
</style>
|
|
447
444
|
<div class="steps" parts="steps">
|
|
448
445
|
</div>
|
|
449
446
|
<slot></slot>
|
|
450
|
-
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){const
|
|
447
|
+
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){const a=this,t=this.shadowRoot.querySelector(".steps"),o=this.querySelector("form"),r=Array.from(a.querySelectorAll("fieldset[data-title]"));r.forEach((s,d)=>{t.insertAdjacentHTML("beforeend",`<button data-title="${s.getAttribute("data-title")}" type="button" class="${d==0?"active":""}" tabindex="-1">${s.getAttribute("data-title")}</button>`),d===0&&s.classList.add("active");const c=document.createElement("div");if(c.classList.add("btn--wrapper"),s.appendChild(c),d!=0&&(c.innerHTML+=`<button data-title="${r[d-1].getAttribute("data-title")}" class="btn btn-secondary mb-0" data-previous type="button">Previous</button>`),d!=r.length-1&&(c.innerHTML+=`<button data-title="${r[d+1].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="button">Next</button>`),d==r.length-1)if(o&&o.querySelector(':scope > button[type="submit"]')){const m=o.querySelector(':scope > button[type="submit"]');m.classList.add("mb-0"),c.insertAdjacentElement("beforeend",m)}else c.innerHTML+=`<button data-title="${r[d].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="submit">Submit</button>`});const i=Array.from(a.querySelectorAll("fieldset.was-validated"));for(let s=0;s<i.length;s++){const d=i[s],c=d.getAttribute("data-title");if(d.querySelector(".is-invalid")){Array.from(a.querySelectorAll(`[data-title="${c}"]`)).forEach(m=>{m.classList.add("active")});break}else Array.from(a.querySelectorAll(`[data-title="${c}"]`)).forEach(m=>{m.classList.add("valid")})}a.addEventListener("invalid",function(){return function(s){s.preventDefault()}}(),!0);function n(s){const d=a.querySelector("fieldset.active")?a.querySelector("fieldset.active"):a.querySelector("fieldset[data-title]"),c=d.getAttribute("data-title");let m=!0;if(d.classList.add("was-validated"),Array.from(d.querySelectorAll("input")).forEach(p=>{p.checkValidity()||(m=!1)}),m?(Array.from(a.querySelectorAll(`[data-title="${c}"]`)).forEach(p=>{p.classList.add("valid")}),Array.from(a.shadowRoot.querySelectorAll(`[data-title="${c}"]`)).forEach(p=>{p.classList.add("valid")})):(Array.from(a.querySelectorAll(`[data-title="${c}"]`)).forEach(p=>{p.classList.remove("valid")}),Array.from(a.shadowRoot.querySelectorAll(`[data-title="${c}"]`)).forEach(p=>{p.classList.remove("valid")})),m||!s.hasAttribute("data-next")){const p=a.querySelector(`fieldset[data-title="${s.getAttribute("data-title")}"]`),b=a.shadowRoot.querySelector(`.steps button[data-title="${s.getAttribute("data-title")}"]`);Array.from(a.querySelectorAll("button")).forEach(f=>{f.classList.remove("active")}),Array.from(a.querySelectorAll("fieldset")).forEach(f=>{f.classList.remove("active")}),b.classList.add("active"),p.classList.add("active")}const u=Array.from(a.querySelectorAll("fieldset")).length,h=Array.from(a.querySelectorAll("fieldset.valid")).length;a.style.setProperty("--progress",`${h/(u-1)*100}%`)}a.addEventListener("keydown",s=>{if(s&&s.target instanceof HTMLElement&&s.target.closest("button")){const d=s.target.closest("button");s.keyCode==13&&d.getAttribute("type")!="submit"&&(s.preventDefault(),n(d))}s&&s.target instanceof HTMLElement&&s.target.closest("input")&&(s.target.closest("input").classList.remove("is-invalid"),s.keyCode==13&&s.preventDefault())}),a.addEventListener("click",s=>(s&&s.target instanceof HTMLElement&&s.target.closest('button[type="submit"]')&&s.target.closest("form").classList.add("was-validated"),null)),a.shadowRoot.addEventListener("click",s=>{if(s&&s.target instanceof HTMLElement&&s.target.closest("button[data-title]")){const d=s.target.closest("button[data-title]");n(d)}return null}),Y(a,"iam-multi-step",[])}static get observedAttributes(){return["data-image"]}attributeChangedCallback(a,t,o){switch(a){case"data-total":{this.shadowRoot.querySelector(".card__total")&&(this.shadowRoot.querySelector(".card__total").innerHTML=o);break}}}}const gi=Object.freeze(Object.defineProperty({__proto__:null,default:bi},Symbol.toStringTag,{value:"Module"}));class fi extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=`@import "${document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets"}/css/components/menu.component.css";`,o=document.createElement("template");o.innerHTML=`
|
|
451
448
|
<style>
|
|
452
449
|
${t}
|
|
453
450
|
</style>
|
|
454
451
|
<div class="menu--inner" part="inner">
|
|
455
452
|
<slot></slot>
|
|
456
|
-
</div>`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){const
|
|
457
|
-
|
|
458
|
-
background: unset !important;
|
|
459
|
-
border: unset !important;
|
|
460
|
-
color: inherit!important;
|
|
461
|
-
font-weight: inherit!important;
|
|
462
|
-
font-family: inherit!important;
|
|
463
|
-
font-size: 1rem!important;
|
|
464
|
-
display: block!important;
|
|
465
|
-
margin: var(--menu-item-margin, 0 0 0.25rem 0)!important;
|
|
466
|
-
padding: var(--menu-item-padding, 0)!important;
|
|
467
|
-
width: var(--menu-item-width, 100%)!important;
|
|
468
|
-
text-align: var(--menu-item-text-align, left)!important;
|
|
469
|
-
cursor: var(--menu-item-cursor, pointer)!important;
|
|
470
|
-
}
|
|
471
|
-
iam-menu details > *:after,
|
|
472
|
-
iam-menu details > *:not(summary):before {
|
|
473
|
-
display: none!important;
|
|
474
|
-
}
|
|
475
|
-
iam-menu details :is(button,a) {
|
|
476
|
-
padding-inline-start: var(--menu-dialog-offset,1rem)!important;
|
|
477
|
-
}
|
|
478
|
-
iam-menu details :is(button,a):last-child {
|
|
479
|
-
margin-block-end: var(--menu-dialog-offset,1rem)!important;
|
|
480
|
-
}
|
|
481
|
-
iam-menu details summary {
|
|
482
|
-
padding: 0 !important;
|
|
483
|
-
margin: var(--menu-item-margin, 0 0 0.25rem 0)!important;
|
|
484
|
-
}
|
|
485
|
-
iam-menu details summary:before {
|
|
486
|
-
text-align: center;
|
|
487
|
-
display: inline-block!important;
|
|
488
|
-
vertical-align: bottom;
|
|
489
|
-
float: right;
|
|
490
|
-
color: inherit;
|
|
491
|
-
height: 1em;
|
|
492
|
-
width: 1em;
|
|
493
|
-
}
|
|
494
|
-
|
|
495
|
-
iam-menu details summary[class*="fa-"]:before {
|
|
496
|
-
font-family: var(--fa-font-family, "Font Awesome 6 Pro");
|
|
497
|
-
}
|
|
498
|
-
|
|
499
|
-
iam-menu details summary:not([class*="fa-"]:before {
|
|
500
|
-
--icon-arrow: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3e%3cpath d='M6.5,2l9,9-9,9' style='fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px'/%3e%3c/svg%3e");
|
|
501
|
-
|
|
502
|
-
content: ""!important;
|
|
503
|
-
height: 1.2rem;
|
|
504
|
-
width: 1.2rem;
|
|
505
|
-
background: var(--colour-primary-theme);
|
|
506
|
-
mask-image: var(--icon, var(--icon-arrow));
|
|
507
|
-
mask-size: 50%;
|
|
508
|
-
mask-repeat: no-repeat;
|
|
509
|
-
mask-position: 50% 50%;
|
|
510
|
-
-webkit-mask-image: var(--icon, var(--icon-arrow));
|
|
511
|
-
-webkit-mask-size: 50%;
|
|
512
|
-
-webkit-mask-repeat: no-repeat;
|
|
513
|
-
-webkit-mask-position: 50% 50%;
|
|
514
|
-
z-index: 2;
|
|
515
|
-
display: inline-block;
|
|
516
|
-
vertical-align: bottom;
|
|
517
|
-
float: right;
|
|
518
|
-
rotate: 90deg;
|
|
519
|
-
color: inherit;
|
|
520
|
-
}
|
|
521
|
-
</style>`)}}const ci=Object.freeze(Object.defineProperty({__proto__:null,default:li},Symbol.toStringTag,{value:"Module"}));/*!
|
|
522
|
-
* iamKey v7.2.2--beta3
|
|
453
|
+
</div>`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){const a=this.hasAttribute("id")?this.getAttribute("id"):!1,t=document.querySelector(`[popovertarget="${a}"]`);let o=this.querySelectorAll(":scope > a, :scope > button, :scope > details > summary"),r=this.querySelectorAll("a, button");this.closest(".menu__wrapper")&&(r=this.shadowRoot.querySelector("slot").assignedElements({flatten:!0}),o=r),this.querySelectorAll("details");let i,n;a&&t&&(this.setAttribute("role","menu"),this.style["position-anchor"]=`--${a}`,t==null||t.setAttribute("aria-haspopup","true"),t==null||(t.style["anchor-name"]=`--${a}`),t==null||t.setAttribute("aria-controls",a)),r.forEach((s,d)=>{s.setAttribute("role","menuitem"),s.setAttribute("tabindex","0"),d==0&&s.setAttribute("autofocus",!0)}),this.addEventListener("keydown",s=>{if(s&&s.target instanceof HTMLElement&&s.target.closest("a, button, summary")){const d=document.activeElement,c=Array.from(o).indexOf(d)-1,m=Array.from(o).indexOf(d)+1;switch(s.keyCode){case 27:d.closest("details")?(s.stopPropagation(),s.preventDefault(),d.closest("details").removeAttribute("open"),d.closest("details").querySelector(":scope summary").focus()):(s.stopPropagation(),t.focus());break;case 32:case 13:break;case 35:s.stopPropagation(),s.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(r)[r.length-1].focus();break;case 36:s.stopPropagation(),s.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(r)[0].focus();break;case 38:if(s.stopPropagation(),s.preventDefault(),Array.from(o).indexOf(d)>-1)Array.from(o)[c]!=null?Array.from(o)[c].focus():Array.from(o)[o.length-1].focus();else if(d.closest("details")){const u=d.closest("details").querySelectorAll("a, button, :scope details > summary");n=Array.from(u).indexOf(d)-1,Array.from(u)[n]!=null?Array.from(u)[n].focus():Array.from(u)[u.length-1].focus()}break;case 40:if(s.stopPropagation(),s.preventDefault(),Array.from(o).indexOf(d)>-1)Array.from(o)[m]!=null?Array.from(o)[m].focus():Array.from(o)[0].focus();else if(d.closest("details")){const u=d.closest("details").querySelectorAll("a, button, :scope details > summary");i=Array.from(u).indexOf(d)+1,Array.from(u)[i]!=null?Array.from(u)[i].focus():Array.from(u)[0].focus()}break}}}),this.addEventListener("toggle",s=>{var d,c,m,u;const h=new CustomEvent(s.newState,{detail:{id:this.getAttribute("id"),target:s.target}});this.dispatchEvent(h),this.closest(".menu__wrapper")&&r[0].focus(),this.hasAttribute("popover-open")&&(s.preventDefault(),this.removeAttribute("popover-open"),this.hidePopover()),this.matches(":popover-open")&&document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`)?((d=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||d===void 0||d.setAttribute("aria-pressed","true"),(c=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||c===void 0||c.classList.add("active")):((m=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||m===void 0||m.removeAttribute("aria-pressed"),(u=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||u===void 0||u.classList.remove("active"))}),this.addEventListener("click",s=>{if(s&&s.target instanceof HTMLElement&&s.target.closest("button:has(+ iam-menu:not([popover]))")){const d=s.target.closest("button:has(+ iam-menu)");d==null||d.classList.toggle("open")}else if(s&&s.target instanceof HTMLElement&&s.target.closest("button.selectable")){const d=s.target.closest("button.selectable");this.hasAttribute("multiple")?d.classList.toggle("selected"):d!=null&&d.classList.contains("selected")?this.querySelectorAll(".selected").forEach(c=>{c.classList.remove("selected")}):(this.querySelectorAll(".selected").forEach(c=>{c.classList.remove("selected")}),d.classList.add("selected"))}}),CSS.supports("top","anchor(top)")||document.addEventListener("click",s=>{if(s.originalTarget&&s.originalTarget.matches("[popovertarget]")){const d=s.originalTarget,c=d.getAttribute("popovertarget"),m=document.getElementById(c),u=d.getBoundingClientRect(),h=u.top,p=u.left;m.style.setProperty("top",h+"px"),m.style.setProperty("left",p+d.clientWidth+"px")}})}}const vi=Object.freeze(Object.defineProperty({__proto__:null,default:fi},Symbol.toStringTag,{value:"Module"}));/*!
|
|
454
|
+
* iamKey v7.4.0
|
|
523
455
|
* Copyright 2022-2025 iamproperty
|
|
524
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"nav"});const
|
|
456
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"nav"});const yi=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super();const a=this.attachShadow({mode:"open"}),t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",o=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
525
457
|
<style class="styles">
|
|
526
458
|
@import "${o}";
|
|
527
|
-
@layer reset{.row{--gutter-x: 1rem;--gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--gutter-y));margin-right:calc(-0.5*var(--gutter-x));margin-left:calc(-0.5*var(--gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--gutter-x)*.5);padding-left:calc(var(--gutter-x)*.5);margin-top:var(--gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.3333333333%}.col-2{flex:0 0 auto;width:16.6666666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.3333333333%}.col-5{flex:0 0 auto;width:41.6666666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.3333333333%}.col-8{flex:0 0 auto;width:66.6666666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.3333333333%}.col-11{flex:0 0 auto;width:91.6666666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}.g-0,.gx-0{--gutter-x: 0}.g-0,.gy-0{--gutter-y: 0}.g-1,.gx-1{--gutter-x: 0.5rem}.g-1,.gy-1{--gutter-y: 0.5rem}.g-2,.gx-2{--gutter-x: 1rem}.g-2,.gy-2{--gutter-y: 1rem}.g-3,.gx-3{--gutter-x: 1.5rem}.g-3,.gy-3{--gutter-y: 1.5rem}.g-4,.gx-4{--gutter-x: 2rem}.g-4,.gy-4{--gutter-y: 2rem}.g-5,.gx-5{--gutter-x: 3rem}.g-5,.gy-5{--gutter-y: 3rem}@media screen and (min-width: 36em){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.3333333333%}.col-sm-2{flex:0 0 auto;width:16.6666666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.3333333333%}.col-sm-5{flex:0 0 auto;width:41.6666666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.3333333333%}.col-sm-8{flex:0 0 auto;width:66.6666666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.3333333333%}.col-sm-11{flex:0 0 auto;width:91.6666666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}.g-sm-0,.gx-sm-0{--gutter-x: 0}.g-sm-0,.gy-sm-0{--gutter-y: 0}.g-sm-1,.gx-sm-1{--gutter-x: 0.5rem}.g-sm-1,.gy-sm-1{--gutter-y: 0.5rem}.g-sm-2,.gx-sm-2{--gutter-x: 1rem}.g-sm-2,.gy-sm-2{--gutter-y: 1rem}.g-sm-3,.gx-sm-3{--gutter-x: 1.5rem}.g-sm-3,.gy-sm-3{--gutter-y: 1.5rem}.g-sm-4,.gx-sm-4{--gutter-x: 2rem}.g-sm-4,.gy-sm-4{--gutter-y: 2rem}.g-sm-5,.gx-sm-5{--gutter-x: 3rem}.g-sm-5,.gy-sm-5{--gutter-y: 3rem}}@media screen and (min-width: 62em){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.3333333333%}.col-md-2{flex:0 0 auto;width:16.6666666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.3333333333%}.col-md-5{flex:0 0 auto;width:41.6666666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.3333333333%}.col-md-8{flex:0 0 auto;width:66.6666666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.3333333333%}.col-md-11{flex:0 0 auto;width:91.6666666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}.g-md-0,.gx-md-0{--gutter-x: 0}.g-md-0,.gy-md-0{--gutter-y: 0}.g-md-1,.gx-md-1{--gutter-x: 0.5rem}.g-md-1,.gy-md-1{--gutter-y: 0.5rem}.g-md-2,.gx-md-2{--gutter-x: 1rem}.g-md-2,.gy-md-2{--gutter-y: 1rem}.g-md-3,.gx-md-3{--gutter-x: 1.5rem}.g-md-3,.gy-md-3{--gutter-y: 1.5rem}.g-md-4,.gx-md-4{--gutter-x: 2rem}.g-md-4,.gy-md-4{--gutter-y: 2rem}.g-md-5,.gx-md-5{--gutter-x: 3rem}.g-md-5,.gy-md-5{--gutter-y: 3rem}}}.m-0{margin:0 !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.mt-0{margin-top:0 !important}.me-0{margin-right:0 !important}.mb-0{margin-bottom:0 !important}.ms-0{margin-left:0 !important}.m-1{margin:0.5rem !important}.mx-1{margin-left:0.5rem !important;margin-right:0.5rem !important}.my-1{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.mt-1{margin-top:0.5rem !important}.me-1{margin-right:0.5rem !important}.mb-1{margin-bottom:0.5rem !important}.ms-1{margin-left:0.5rem !important}.m-2{margin:1rem !important}.mx-2{margin-left:1rem !important;margin-right:1rem !important}.my-2{margin-top:1rem !important;margin-bottom:1rem !important}.mt-2{margin-top:1rem !important}.me-2{margin-right:1rem !important}.mb-2{margin-bottom:1rem !important}.ms-2{margin-left:1rem !important}.m-3{margin:1.5rem !important}.mx-3{margin-left:1.5rem !important;margin-right:1.5rem !important}.my-3{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.mt-3{margin-top:1.5rem !important}.me-3{margin-right:1.5rem !important}.mb-3{margin-bottom:1.5rem !important}.ms-3{margin-left:1.5rem !important}.m-4{margin:2rem !important}.mx-4{margin-left:2rem !important;margin-right:2rem !important}.my-4{margin-top:2rem !important;margin-bottom:2rem !important}.mt-4{margin-top:2rem !important}.me-4{margin-right:2rem !important}.mb-4{margin-bottom:2rem !important}.ms-4{margin-left:2rem !important}.m-5{margin:3rem !important}.mx-5{margin-left:3rem !important;margin-right:3rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.mt-5{margin-top:3rem !important}.me-5{margin-right:3rem !important}.mb-5{margin-bottom:3rem !important}.ms-5{margin-left:3rem !important}.m-auto{margin:auto !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-auto{margin-top:auto !important}.me-auto{margin-right:auto !important}.mb-auto{margin-bottom:auto !important}.ms-auto{margin-left:auto !important}.w-25{width:25% !important}.w-50{width:50% !important}.w-75{width:75% !important}.w-100{width:100% !important}.w-auto{width:auto !important}.mw-100{max-width:100% !important}.mw-fit-content{max-width:fit-content !important}.mw-content{max-width:var(--content-max-width) !important}.vw-100{width:100vw !important}.min-vw-100{min-width:100vw !important}.h-25{height:25% !important}.h-50{height:50% !important}.h-75{height:75% !important}.h-100{height:100% !important}.h-auto{height:auto !important}.mh-100{max-height:100% !important}.vh-100{height:100vh !important}.min-vh-100{min-height:100vh !important}.min-100{min-width:100% !important}.min-fit-content{min-width:fit-content !important}.object-cover{object-fit:cover !important}.object-contain{object-fit:contain !important}: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{margin:0 !important}.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-close,#search-button{margin:0}#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:round(var(--body-fs, 1rem)*pow(var(--type-scale),3),.25rem);line-height:round(up,1em*var(--type-scale),.25rem);max-width:var(--content-max-width)}@media screen and (min-width: 36em){::slotted(.nav--menu):before{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.component.css.map */
|
|
459
|
+
@layer reset{.row{--gutter-x: 1rem;--gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--gutter-y));margin-right:calc(-0.5*var(--gutter-x));margin-left:calc(-0.5*var(--gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--gutter-x)*.5);padding-left:calc(var(--gutter-x)*.5);margin-top:var(--gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.3333333333%}.col-2{flex:0 0 auto;width:16.6666666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.3333333333%}.col-5{flex:0 0 auto;width:41.6666666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.3333333333%}.col-8{flex:0 0 auto;width:66.6666666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.3333333333%}.col-11{flex:0 0 auto;width:91.6666666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}.g-0,.gx-0{--gutter-x: 0}.g-0,.gy-0{--gutter-y: 0}.g-1,.gx-1{--gutter-x: 0.5rem}.g-1,.gy-1{--gutter-y: 0.5rem}.g-2,.gx-2{--gutter-x: 1rem}.g-2,.gy-2{--gutter-y: 1rem}.g-3,.gx-3{--gutter-x: 1.5rem}.g-3,.gy-3{--gutter-y: 1.5rem}.g-4,.gx-4{--gutter-x: 2rem}.g-4,.gy-4{--gutter-y: 2rem}.g-5,.gx-5{--gutter-x: 3rem}.g-5,.gy-5{--gutter-y: 3rem}@media screen and (min-width: 36em){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.3333333333%}.col-sm-2{flex:0 0 auto;width:16.6666666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.3333333333%}.col-sm-5{flex:0 0 auto;width:41.6666666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.3333333333%}.col-sm-8{flex:0 0 auto;width:66.6666666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.3333333333%}.col-sm-11{flex:0 0 auto;width:91.6666666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}.g-sm-0,.gx-sm-0{--gutter-x: 0}.g-sm-0,.gy-sm-0{--gutter-y: 0}.g-sm-1,.gx-sm-1{--gutter-x: 0.5rem}.g-sm-1,.gy-sm-1{--gutter-y: 0.5rem}.g-sm-2,.gx-sm-2{--gutter-x: 1rem}.g-sm-2,.gy-sm-2{--gutter-y: 1rem}.g-sm-3,.gx-sm-3{--gutter-x: 1.5rem}.g-sm-3,.gy-sm-3{--gutter-y: 1.5rem}.g-sm-4,.gx-sm-4{--gutter-x: 2rem}.g-sm-4,.gy-sm-4{--gutter-y: 2rem}.g-sm-5,.gx-sm-5{--gutter-x: 3rem}.g-sm-5,.gy-sm-5{--gutter-y: 3rem}}@media screen and (min-width: 62em){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.3333333333%}.col-md-2{flex:0 0 auto;width:16.6666666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.3333333333%}.col-md-5{flex:0 0 auto;width:41.6666666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.3333333333%}.col-md-8{flex:0 0 auto;width:66.6666666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.3333333333%}.col-md-11{flex:0 0 auto;width:91.6666666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}.g-md-0,.gx-md-0{--gutter-x: 0}.g-md-0,.gy-md-0{--gutter-y: 0}.g-md-1,.gx-md-1{--gutter-x: 0.5rem}.g-md-1,.gy-md-1{--gutter-y: 0.5rem}.g-md-2,.gx-md-2{--gutter-x: 1rem}.g-md-2,.gy-md-2{--gutter-y: 1rem}.g-md-3,.gx-md-3{--gutter-x: 1.5rem}.g-md-3,.gy-md-3{--gutter-y: 1.5rem}.g-md-4,.gx-md-4{--gutter-x: 2rem}.g-md-4,.gy-md-4{--gutter-y: 2rem}.g-md-5,.gx-md-5{--gutter-x: 3rem}.g-md-5,.gy-md-5{--gutter-y: 3rem}}}.m-0{margin:0 !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.mt-0{margin-top:0 !important}.me-0{margin-right:0 !important}.mb-0{margin-bottom:0 !important}.ms-0{margin-left:0 !important}.m-1{margin:0.5rem !important}.mx-1{margin-left:0.5rem !important;margin-right:0.5rem !important}.my-1{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.mt-1{margin-top:0.5rem !important}.me-1{margin-right:0.5rem !important}.mb-1{margin-bottom:0.5rem !important}.ms-1{margin-left:0.5rem !important}.m-2{margin:1rem !important}.mx-2{margin-left:1rem !important;margin-right:1rem !important}.my-2{margin-top:1rem !important;margin-bottom:1rem !important}.mt-2{margin-top:1rem !important}.me-2{margin-right:1rem !important}.mb-2{margin-bottom:1rem !important}.ms-2{margin-left:1rem !important}.m-3{margin:1.5rem !important}.mx-3{margin-left:1.5rem !important;margin-right:1.5rem !important}.my-3{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.mt-3{margin-top:1.5rem !important}.me-3{margin-right:1.5rem !important}.mb-3{margin-bottom:1.5rem !important}.ms-3{margin-left:1.5rem !important}.m-4{margin:2rem !important}.mx-4{margin-left:2rem !important;margin-right:2rem !important}.my-4{margin-top:2rem !important;margin-bottom:2rem !important}.mt-4{margin-top:2rem !important}.me-4{margin-right:2rem !important}.mb-4{margin-bottom:2rem !important}.ms-4{margin-left:2rem !important}.m-5{margin:3rem !important}.mx-5{margin-left:3rem !important;margin-right:3rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.mt-5{margin-top:3rem !important}.me-5{margin-right:3rem !important}.mb-5{margin-bottom:3rem !important}.ms-5{margin-left:3rem !important}.m-auto{margin:auto !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-auto{margin-top:auto !important}.me-auto{margin-right:auto !important}.mb-auto{margin-bottom:auto !important}.ms-auto{margin-left:auto !important}.w-25{width:25% !important}.w-50{width:50% !important}.w-75{width:75% !important}.w-100{width:100% !important}.w-auto{width:auto !important}.mw-100{max-width:100% !important}.mw-fit-content{max-width:fit-content !important}.mw-content{max-width:var(--content-max-width) !important}.vw-100{width:100vw !important}.min-vw-100{min-width:100vw !important}.h-25{height:25% !important}.h-50{height:50% !important}.h-75{height:75% !important}.h-100{height:100% !important}.h-auto{height:auto !important}.mh-100{max-height:100% !important}.vh-100{height:100vh !important}.min-vh-100{min-height:100vh !important}.min-100{min-width:100% !important}.min-fit-content{min-width:fit-content !important}.object-cover{object-fit:cover !important}.object-contain{object-fit:contain !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}@media screen and (min-width: 36em){.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-grid{display:grid !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}.d-sm-none{display:none !important}}@media screen and (min-width: 62em){.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-grid{display:grid !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}.d-md-none{display:none !important}}: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);--colour-activeLink: #173c45;--colour-activeLinkBorder: #1dbde6}}@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{margin:0 !important}.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);--colour-activeLink: #173c45;--colour-activeLinkBorder: #1dbde6}}@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-close,#search-button{margin:0}#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);--colour-activeLink: #173c45;--colour-activeLinkBorder: #1dbde6}}@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:round(var(--body-fs, 1rem)*pow(var(--type-scale),3),.25rem);line-height:round(up,1em*var(--type-scale),.25rem);max-width:var(--content-max-width)}@media screen and (min-width: 36em){::slotted(.nav--menu):before{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.component.css.map */
|
|
528
460
|
|
|
529
461
|
</style>
|
|
530
462
|
<style class="doc-styles">
|
|
@@ -554,8 +486,8 @@ iam-menu details summary:not([class*="fa-"]:before {
|
|
|
554
486
|
</div>
|
|
555
487
|
</div>
|
|
556
488
|
<div class="backdrop" part="backdrop"></div>
|
|
557
|
-
`,e.appendChild(r.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 */
|
|
558
|
-
</style>`)}connectedCallback(){this.hasAttribute("data-css")&&this.shadowRoot.querySelector(".doc-styles").insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`);const
|
|
489
|
+
`,a.appendChild(r.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){position:sticky;top:0;left:0;right:0;z-index:9999;transition:transform 1s}nav:has(iam-nav.nav--sticky) iam-nav{position:fixed;outline:2px solid #eee}@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){position:sticky;top:0;left:0;right:0;z-index:9999;transition:transform 1s}nav:has(iam-nav.nav--xs-sticky) iam-nav{position:fixed}body[data-direction=down].past100 nav:has(.nav--xs-sticky){transform:translate(0, -110%)}}@media screen and (min-width: 36em){body:has(iam-nav.open:not(.nav--sticky)){max-height:100vh;overflow:hidden}}body[data-direction=down].past100 nav:has(.nav--sticky){transform:translate(0, -110%)}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)).active,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);--colour-activeLink: #173c45;--colour-activeLinkBorder: #1dbde6}}@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 */
|
|
490
|
+
</style>`)}connectedCallback(){this.hasAttribute("data-css")&&this.shadowRoot.querySelector(".doc-styles").insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`);const a=this.shadowRoot.querySelector(".btn-menu"),t=this.shadowRoot.querySelector(".menu"),o=this,r=this.shadowRoot.querySelector(".backdrop"),i=this.shadowRoot.querySelector(".buttons-holder");if(this.querySelectorAll(":scope > *").forEach(function(n){switch(n.tagName){case"BUTTON":n.hasAttribute("slot")||(n.setAttribute("slot","actions"),t.classList.add("has-actions"));break}if(n.classList.contains("nav--menu")&&n.hasAttribute("data-title")&&n.hasAttribute("data-icon")){const s=n.getAttribute("data-title"),d=n.getAttribute("data-icon"),c=document.createElement("button");c.setAttribute("slot",s),c.classList.add("btn-menu"),c.setAttribute("part","btn-menu"),c.innerHTML=`<span class="btn btn-primary"><span>${s}</span><i class="${d}"></i><i class="fa-regular fa-xmark-large"></i></span>`,i.insertAdjacentElement("beforeend",c);const m=c.querySelector(".btn-primary");n.setAttribute("slot","menus"),n.classList.contains("open")?(c.setAttribute("aria-expanded",!0),m.classList.toggle("active"),o.classList.add("open"),r.classList.add("show")):n.classList.add("closed"),c.addEventListener("click",function(u){u.preventDefault(),c.toggleAttribute("aria-expanded"),n.classList.toggle("open"),m.classList.toggle("active");const h=o.querySelector(":scope > details[open]");h&&h.removeAttribute("open"),n.classList.contains("open")?(t.classList.remove("open"),a.removeAttribute("aria-expanded"),setTimeout(function(){t.classList.add("closed")},1e3),o.classList.add("open"),r.classList.add("show"),n.classList.remove("closed")):(o.classList.remove("open"),r.classList.remove("show"),setTimeout(function(){n.classList.add("closed")},1e3)),o.querySelectorAll(".nav--menu.open").forEach(function(p){p!=n&&p.classList.remove("open")}),o.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(n){n.classList.add("details--revert")}),this.querySelector('a[slot="secondary"]')&&t.classList.add("has-secondary"),document.documentElement.style.setProperty("--scrollbar-width",window.innerWidth-document.documentElement.offsetWidth+"px"),a.addEventListener("click",function(n){n.preventDefault(),a.toggleAttribute("aria-expanded"),t.classList.toggle("open"),o.querySelectorAll(".nav--menu.open").forEach(function(s){s.classList.remove("open"),setTimeout(function(){s.classList.add("closed")},1e3)}),o.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(s){s.removeAttribute("aria-expanded"),s.querySelector(".btn-primary").classList.remove("active")}),t.classList.contains("open")?(o.classList.add("open"),t.classList.remove("closed")):(o.classList.remove("open"),setTimeout(function(){t.classList.add("closed")},1e3))},!1),this.addEventListener("request-close",()=>{a.removeAttribute("aria-expanded"),t.classList.remove("open"),o.classList.remove("open")}),r.addEventListener("click",()=>{const n=this.querySelector("details[open] summary");n&&n.click(),o.classList.toggle("open"),o.querySelectorAll(".nav--menu.open").forEach(function(s){s.classList.remove("open")}),o.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(s){s.removeAttribute("aria-expanded"),s.querySelector(".btn-primary").classList.remove("active")}),r.classList.remove("show")}),this.addEventListener("click",n=>{if(n&&n.target instanceof HTMLElement&&n.target.closest("summary")&&window.innerWidth>992&&!n.target.closest(".nav--menu")){const s=n.target.closest("summary").closest("details"),d=s.parentNode;s.hasAttribute("open")?s.removeAttribute("open"):s.setAttribute("open","true"),o.querySelectorAll(".nav--menu.open").forEach(function(c){c.classList.remove("open"),setTimeout(function(){t.classList.add("closed")},1e3)}),o.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=>{c!=s&&c.removeAttribute("open")}),this.querySelectorAll(":scope > details[open]").length?(r.classList.add("show"),o.classList.add("open")):(r.classList.remove("show"),o.classList.remove("open")),n.preventDefault()}}),this.querySelectorAll("details").forEach(n=>{const s=n.querySelector("summary");n.querySelector(":Scope > div").setAttribute("data-title",s.textContent)}),this.querySelector('[slot="search"]')){t.classList.add("has-search");const n=this.shadowRoot.querySelector("#search-wrapper");n.classList.remove("d-none"),n.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>
|
|
559
491
|
<dialog id="search-dialog">
|
|
560
492
|
<div class="container">
|
|
561
493
|
<div class="row">
|
|
@@ -567,10 +499,10 @@ iam-menu details summary:not([class*="fa-"]:before {
|
|
|
567
499
|
</div>
|
|
568
500
|
</div>
|
|
569
501
|
</div>
|
|
570
|
-
</dialog>`);const
|
|
571
|
-
* iamKey v7.
|
|
502
|
+
</dialog>`);const s=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"),s.setAttribute("aria-expanded",!0)),s.addEventListener("click",()=>{c.setAttribute("open","open"),this.classList.add("search-open"),s.setAttribute("aria-expanded",!0)}),d.addEventListener("click",()=>{c.removeAttribute("open"),this.classList.remove("search-open"),s.removeAttribute("aria-expanded")})}if(this.classList.contains("nav--sticky")){console.log("hey");let n=window.scrollY;window.onscroll=function(s){n<window.scrollY?document.body.setAttribute("data-direction","down"):document.body.setAttribute("data-direction","up"),window.scrollY>100?document.body.classList.add("past100"):document.body.classList.remove("past100"),n=window.scrollY}}}}},Symbol.toStringTag,{value:"Module"}));/*!
|
|
503
|
+
* iamKey v7.4.0
|
|
572
504
|
* Copyright 2022-2025 iamproperty
|
|
573
|
-
*/const mi=function(a){return typeof a!="string"?!1:!isNaN(a)&&!isNaN(parseFloat(a))},ui=(a,e)=>String(a).padStart(e,"0"),pi=a=>a.charAt(0).toUpperCase()+a.slice(1),T=(a,e,t)=>e.split(/[\.\[\]\'\"]/).filter(o=>o).reduce((o,r)=>o?o[r]:t,a),hi=(a=1)=>Math.floor(Math.random()*Date.now()*(a+1));var bi=function(a,e,t,o){function r(i){return i instanceof t?i:new t(function(n){n(i)})}return new(t||(t=Promise))(function(i,n){function c(d){try{l(o.next(d))}catch(u){n(u)}}function m(d){try{l(o.throw(d))}catch(u){n(u)}}function l(d){d.done?i(d.value):r(d.value).then(c,m)}l((o=o.apply(a,[])).next())})};const J=(a,e)=>{switch(a){case"datetime":return new Date(e).toLocaleDateString("en-gb",{weekday:"short",year:"2-digit",month:"long",day:"numeric"})+" "+new Date(e).toLocaleTimeString("en-gb",{hour:"2-digit",minute:"2-digit"});case"date":return new Date(e).toLocaleDateString("en-gb",{day:"numeric",month:"long",year:"2-digit"});case"capitalise":return e=pi(e)}},ut=function(a){const e=new Object;return Array.from(a.querySelectorAll("[data-filter]")).forEach(t=>{if(!(t.type=="radio"&&!t.checked)&&!(t.type=="checkbox"&&!t.checked)&&t&&t.value){const o=t.getAttribute("data-filter");let r=t.value;t.hasAttribute("data-date-from")&&(r+="-date-from"),t.hasAttribute("data-date-to")&&(r+="-date-to"),e[o]||(e[o]=[]),e[o].push(r)}}),e},gi=a=>{let e=document.createElement("form");const t=a.querySelector("table");a.hasAttribute("data-filterby")?e=document.querySelector(`#${a.getAttribute("data-filterby")}`):a.closest("form")?e=a.closest("form"):t.parentNode.insertBefore(e,t.nextSibling),e.hasAttribute("data-ajax")&&a.setAttribute("data-ajax",e.getAttribute("data-ajax")),e.hasAttribute("data-schema")&&a.setAttribute("data-schema",e.getAttribute("data-schema"))},N=(a,e,t,o,r)=>{t.querySelector("[name=show]")||t.insertAdjacentHTML("beforeend",`<input name="show" type="hidden" value="${a.getAttribute("data-show")}" />`),t.querySelector("[name=page]")||t.insertAdjacentHTML("beforeend",`<input name="page" type="hidden" value="${a.getAttribute("data-page")}" />`),o.addEventListener("update-show",i=>{if(t.querySelector("[name=show]").value!=i.detail.show){t.querySelector("[name=show]").value=i.detail.show;const n=new CustomEvent("update-show",{detail:{show:i.detail.show}});a.dispatchEvent(n),ht(a,o),r()}}),o.addEventListener("update-page",i=>{if(t.querySelector("[name=page]").value!=i.detail.page){t.querySelector("[name=page]").value=i.detail.page;const n=new CustomEvent("update-page",{detail:{page:i.detail.page}});if(a.dispatchEvent(n),ht(a,o),r(),!a.hasAttribute("data-no-scroll")){const c=e.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:c,behavior:"smooth"})}}})},fi=(a,e)=>{let t=document.createElement("form");return a.hasAttribute("data-filterby")?t=document.querySelector(`#${a.getAttribute("data-filterby")}`):a.closest("form")?t=a.closest("form"):e.parentNode.insertBefore(t,e.nextSibling),t},pt=(a,e,t,o)=>{const r=a.shadowRoot.querySelector(".table__wrapper");a.hasAttribute("data-total")||a.setAttribute("data-total",a.querySelectorAll("tbody tr").length),a.hasAttribute("data-page")||a.setAttribute("data-page",1),a.hasAttribute("data-show")||a.setAttribute("data-show",5),a.hasAttribute("data-increment")||a.setAttribute("data-increment",a.getAttribute("data-show")),vi(a,o),bt(e),yi(a,e),a.classList.contains("mh-sm")&&r.classList.add("mh-sm"),a.classList.contains("mh-md")&&r.classList.add("mh-md"),a.classList.contains("mh-lg")&&r.classList.add("mh-lg"),a.classList.contains("table--cta")&&(wi(a,e),ki(a,e))},vi=(a,e)=>{a.hasAttribute("data-total")&&e.setAttribute("data-total",a.getAttribute("data-total")),a.hasAttribute("data-page")&&e.setAttribute("data-page",a.getAttribute("data-page")),a.hasAttribute("data-show")&&e.setAttribute("data-show",a.getAttribute("data-show")),a.hasAttribute("data-increment")&&e.setAttribute("data-increment",a.getAttribute("data-show")),a.hasAttribute("data-page-jump")&&e.setAttribute("data-page-jump","true"),a.hasAttribute("data-per-page")&&e.setAttribute("data-per-page","true"),a.hasAttribute("data-item-count")&&e.setAttribute("data-item-count","true"),a.hasAttribute("data-loading")&&e.setAttribute("data-loading","true"),a.classList.contains("table--fullwidth")&&e.setAttribute("data-minimal","true")},ht=(a,e)=>{a.setAttribute("data-total",e.getAttribute("data-total")),a.setAttribute("data-page",e.getAttribute("data-page")),a.setAttribute("data-show",e.getAttribute("data-show")),a.setAttribute("data-increment",e.getAttribute("data-show"))},Q=a=>{a.getAttribute("data-total");const e=a.getAttribute("data-page"),t=a.getAttribute("data-show");a.getAttribute("data-increment");const o=a.querySelector("table"),r=e*t,i=r-t;Array.from(o.querySelectorAll("tbody tr")).forEach((n,c)=>{c>=i&&c<r?n.classList.add("show"):n.classList.remove("show")})},bt=a=>{const e=Array.from(a.querySelectorAll("thead th"));Array.from(a.querySelectorAll("tbody tr")).forEach(t=>{const o=Array.from(t.querySelectorAll("th, td")),r=["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","successful","failed"];o.forEach((i,n)=>{const c=e[n];if(typeof c<"u"){const m=document.createElement("div");m.innerHTML=c.innerHTML;const l=m.textContent||m.innerText||"";i.setAttribute("data-label",l),c.hasAttribute("data-td-class")&&i.setAttribute("class",c.getAttribute("data-td-class")),c.hasAttribute("data-format")&&(i.setAttribute("data-format",c.getAttribute("data-format")),i.innerHTML=J(c.getAttribute("data-format"),i.textContent.trim())),r.includes(i.textContent.trim().toLowerCase())&&i.setAttribute("data-content",i.textContent.trim().toLowerCase())}})})},yi=(a,e)=>{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=>{e.querySelectorAll("thead tr th.expand-button-heading").length||t.insertAdjacentHTML("afterbegin",`<th class="${a.hasAttribute("data-expandable")?"th--fixed ":""}expand-button-heading"></th>`)}),Array.from(e.querySelectorAll("tbody tr")).forEach((t,o)=>{const r=t.getAttribute("data-view")==="full"?"aria-expanded":"";t.insertAdjacentHTML("afterbegin",`<td class="${a.hasAttribute("data-expandable")?"td--fixed ":""}td--expand"><button class="btn btn-compact btn-secondary btn-sm" data-expand-button ${r} data-index="${o}">Expand</button></td>`)}),e.addEventListener("click",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest("[data-expand-button]")){const o=t.target.closest("[data-expand-button]"),r=o.closest("tr");o.toggleAttribute("aria-expanded"),r.getAttribute("data-view")=="full"?r.setAttribute("data-view","default"):r.setAttribute("data-view","full"),o.blur(),a.dispatchEvent(new CustomEvent("row-expanded",{detail:{row:o.getAttribute("data-index")}}))}})},wi=(a,e)=>{let t=0;Array.from(e.querySelectorAll("tbody tr")).forEach(o=>{const r=window.getComputedStyle(document.querySelector("html")),i=o.querySelector(":scope > *:last-child > *:first-child");if(i){i.classList.add("text-nowrap");let n=i.offsetWidth/parseFloat(r.fontSize);n+=1.8,t=t>n?t:n}}),a.style.setProperty("--cta-width",`${t}rem`)},ki=(a,e)=>{function t(){Array.from(e.querySelectorAll("tr")).forEach(o=>{const r=o.offsetHeight;o.style.setProperty("--row-height",`${r}px`)})}new ResizeObserver(t).observe(e)},gt=(a,e)=>{if(a.querySelector("iam-actionbar[data-selectall]")||document.querySelector(`iam-actionbar[data-for='${a.getAttribute("id")}']`)){const t=a.querySelector("iam-actionbar[data-selectall]")?a.querySelector("iam-actionbar[data-selectall]"):document.querySelector(`iam-actionbar[data-for='${a.getAttribute("id")}']`);_i(a,e,t)}a.querySelectorAll(".dialog__wrapper .btn-compact").forEach(t=>{t.classList.add("btn-sm"),t.classList.add("m-0");const o=t.closest("tr"),r=t.closest("td"),i=Array.prototype.slice.call(o.children).indexOf(r);r.classList.add("td--fixed"),e.querySelector(`thead tr th:nth-child(${i+1})`).classList.add("th--fixed")})},_i=(a,e,t)=>{Array.from(e.querySelectorAll("thead tr")).forEach(o=>{o.querySelector(".expand-button-heading")?o.querySelector(".expand-button-heading").insertAdjacentHTML("afterend",'<th class="th--fixed"></th>'):o.insertAdjacentHTML("afterbegin",'<th class="th--fixed"></th>')}),Array.from(e.querySelectorAll("tbody tr")).forEach((o,r)=>{if(o.setAttribute("data-index",r+1),!o.querySelector(".selectrow")){const i=`row${hi(r)}`;o.querySelector(".td--expand")?o.querySelector(".td--expand").insertAdjacentHTML("afterend",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${i}" ${o.hasAttribute("data-selected")?'checked="true"':""}/><label for="${i}"><span class="visually-hidden">Select row</span></label></td>`):o.insertAdjacentHTML("afterbegin",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${i}" ${o.hasAttribute("data-selected")?'checked="true"':""}/><label for="${i}"><span class="visually-hidden">Select row</span></label></td>`)}}),e.addEventListener("change",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest(".selectrow input")){const r=o.target.closest(".selectrow input"),i=o.target.closest("tr"),n=e.querySelectorAll('.selectrow input[type="checkbox"]').length,c=e.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;t.setAttribute("data-selected",n==c?"all":c);const m=new CustomEvent("row-selected",{detail:{rowIndex:i.getAttribute("data-index"),checked:!!r.checked}});a.dispatchEvent(m)}}),t.addEventListener("selected",o=>{if(o.detail.selected=="0"){Array.from(e.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(i=>{i.checked=!1});const r=new CustomEvent("all-rows-unselected");a.dispatchEvent(r)}else if(o.detail.selected=="all"){Array.from(e.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(i=>{i.checked=!0});const r=new CustomEvent("all-rows-selected");a.dispatchEvent(r)}})},xi=(a,e,t,o,r)=>{Ai(a,e),Li(a,e),t.addEventListener("change",i=>{i&&i.target instanceof HTMLElement&&i.target.closest("[data-sort]")&&ft(e,t,r)}),Si(a,e,t,o,r)},Ai=(a,e)=>{e.addEventListener("click",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest("[data-sort]")){const o=t.target.closest("[data-sort]");o.setAttribute("data-sort","true"),Array.from(e.querySelectorAll("th[data-sort]")).forEach(c=>{c!=o&&(c.setAttribute("data-sort",""),c.removeAttribute("data-order-by"),o.setAttribute("title","Click to sort ascending"))}),o.hasAttribute("data-order-by")&&o.getAttribute("data-order-by")=="asc"?(o.setAttribute("data-order-by","desc"),o.setAttribute("title","Click to sort ascending")):(o.setAttribute("data-order-by","asc"),o.setAttribute("title","Click to sort descending"));const r=new CustomEvent("sort-by-heading",{detail:{heading:o.textContent,sortBy:o.getAttribute("data-order-by"),ref:o.getAttribute("data-ref")}});a.dispatchEvent(r);const i=o.textContent.trim(),n=o.getAttribute("data-order-by");a.hasAttribute("data-submit")||vt(e,i,n)}})},Li=(a,e)=>{var t;const o=a.querySelector("iam-actionbar");if(!o)return!1;const r=(t=o.shadowRoot)===null||t===void 0?void 0:t.querySelector("input#search");if(!r)return!1;const i=r.getAttribute("id"),n=r.parentNode,c={};e.querySelectorAll("tbody td:not(.td--fixed)").forEach(m=>{m.querySelector(".td__content")?c[m.querySelector(".td__content").textContent]=m.querySelector(".td__content").textContent:c[m.textContent]=m.textContent}),r.setAttribute("list",`${i}_list`),r.setAttribute("autocomplete","off"),n.querySelector("datalist")||(n.innerHTML+=`<datalist id="${i}_list"></datalist>`),n.querySelector("datalist").innerHTML=`${Object.keys(c).map(m=>`<option value="${m}"></option>`).join("")}`},ft=(a,e,t)=>{if(e.getAttribute("data-ajax"))return!1;const o=a.querySelector("tbody");let r=e.querySelector('input[type="radio"][data-sort]:checked');if(e.querySelector("select[data-sort]")){const m=e.querySelector("select[data-sort]");r=e.querySelector(`select[data-sort] option:nth-child(${m.selectedIndex+1})`)}const i=r.getAttribute("data-sort"),n=r.getAttribute("data-order"),c=r.getAttribute("data-format");if(!i)return o.innerHTML=t.innerHTML,bt(a),!1;vt(a,i,n,c)},vt=(a,e,t,o="")=>{const r=a.querySelector("tbody");let i=[];["asc","desc","descending"].includes(t)||(i=t.split(","));let n=[];Array.from(r.querySelectorAll("tr")).forEach(m=>{let l=m.querySelector('td[data-label="'+e+'"], th[data-label="'+e+'"]').textContent.trim();m.querySelector('[data-label="'+e+'"] .td__content')&&(l=m.querySelector('[data-label="'+e+'"] .td__content').textContent.trim()),i.length&&i.includes(l)&&(l=i.indexOf(l)),mi(l)&&(l=ui(l,10)),o&&o=="date"&&(l=new Date(l));const d={index:l,row:m};n.push(d)}),n.sort((m,l)=>m.index>l.index?1:-1),(t=="descending"||t=="desc")&&(n=n.reverse());let c="";n.forEach(m=>{c+=m.row.outerHTML}),r.innerHTML=c},Si=(a,e,t,o,r)=>{let i;const n=function(l,d=!1){if(t.classList.contains("processing"))return!1;Array.from(t.querySelectorAll("iam-applied-filters")).forEach(u=>{const h=new Event("tags-set");u.dispatchEvent(h)}),l.type=="submit"&&(t.classList.add("processing"),Array.from(t.querySelectorAll("[data-duplicate]")).forEach(u=>{const h=u.getAttribute("data-duplicate"),p=document.getElementById(h),g=document.querySelector(`[for="${h}"] iam-card`);if(p.checked!=u.checked)if(g){const v=new Event("click");g.dispatchEvent(v)}else p.checked=u.checked}),t.classList.remove("processing")),Z(a,e,t,o),yt(a,e,t)};a.querySelector("iam-actionbar[data-search]")&&a.querySelector("iam-actionbar[data-search]").addEventListener("search-submit",l=>{t.querySelector("input[data-search]")?t.querySelector("input[data-search]").value=l.detail.search:t.insertAdjacentHTML("beforeend",`<input type="hidden" name="search" data-search="${a.querySelector("iam-actionbar[data-search]").getAttribute("data-search")}" value="${l.detail.search}"/>`);const d=new CustomEvent("search-submit",{detail:l.details});a.dispatchEvent(d),clearTimeout(i),n(l)}),a.querySelector("iam-actionbar")&&!a.querySelector("iam-actionbar").closest("form")&&a.querySelector("iam-actionbar").addEventListener("change",l=>{t.querySelector(".duplicate-actionbar")||t.insertAdjacentHTML("beforeend",'<div class="duplicate-actionbar" style="visibility: hidden; pointer-events: none; position: absolute;"></div>'),t.querySelector(".duplicate-actionbar").innerHTML=a.querySelector("iam-actionbar").innerHTML,Z(a,e,t,o)}),t.addEventListener("keyup",l=>{clearTimeout(i),l&&l.target instanceof HTMLElement&&l.target.closest("input[data-search]")&&(i=setTimeout(function(){n(l)},500))}),t.addEventListener("change",l=>{if(clearTimeout(i),l&&l.target instanceof HTMLElement&&l.target.closest("input[data-search]")&&n(l),l&&l.target instanceof HTMLElement&&l.target.closest("[data-filter][data-no-ajax]")?(Z(a,e,t,o),yt(e,t)):(l&&l.target instanceof HTMLElement&&l.target.closest("[data-filter]")&&l.target.closest("form .dialog__wrapper > dialog")||l&&l.target instanceof HTMLElement&&l.target.closest("[data-filter]")&&!l.target.closest("form dialog"))&&n(l),l&&l.target instanceof HTMLElement&&l.target.closest("[data-show]")&&n(l),l&&l.target instanceof HTMLElement&&l.target.closest("[data-mimic]")&&n(l),l&&l.target instanceof HTMLElement&&l.target.hasAttribute("id")){const d=l.target.getAttribute("id");document.querySelector(`[data-duplicate="${d}"]`)&&(document.querySelector(`[data-duplicate="${d}"]`).checked=l.target.checked)}}),t.addEventListener("click",l=>{if(clearTimeout(i),l&&l.target instanceof HTMLElement&&l.target.closest('dialog button:not([type="button"])')&&l.target.closest('dialog button:not([type="button"])').closest("dialog").close(),l&&l.target instanceof HTMLElement&&l.target.closest(".dialog__close")&&(l.preventDefault(),l.stopPropagation()),l&&l.target instanceof HTMLElement&&l.target.closest("[data-clear]")){t.classList.add("processing"),Array.from(t.querySelectorAll(".applied-filters")).forEach(u=>{u.innerHTML=""});const d=t.elements;for(let u=0;u<d.length;u++)switch(d[u].type.toLowerCase()?d[u].type.toLowerCase():"text"){case"text":case"password":case"textarea":d[u].value="";break;case"radio":case"checkbox":if(d[u].checked){const h=d[u],p=h.getAttribute("id"),g=document.querySelector(`[for="${p}"`);if(g.querySelector("iam-card")){const v=g.querySelector("iam-card"),f=new Event("click");v.dispatchEvent(f)}h.checked=!1}break;case"select-one":case"select-multi":d[u].selectedIndex=-1;break}t.classList.remove("processing"),t.hasAttribute("data-submit")||ft(e,t,r),n(l)}}),t.addEventListener("submit",l=>{clearTimeout(i),t.hasAttribute("data-submit")||l.preventDefault(),n(l)}),t.addEventListener("force",l=>{n(l)}),t.addEventListener("paginate",l=>{n(l,!0)});const c=[],m=[];Array.from(t.querySelectorAll("[data-mimic]")).forEach(l=>{const d=l.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${d}"]`)).forEach(u=>{const h=u.closest("form");c.includes(h)||c.push(h),m.includes(d)||m.push(d)})}),c.forEach(l=>{const d=function(){const u=[],h=new FormData(l);for(const[p,g]of h)document.querySelector(`[data-mimic="${p}"]`)&&!u.includes(p)?(u.push(p),document.querySelector(`[data-mimic="${p}"]`).value=g):document.querySelector(`[data-mimic="${p}"]`)&&(document.querySelector(`[data-mimic="${p}"]`).value+=","+g);for(const p of u){const g=new Event("force");t.dispatchEvent(g)}for(const p of m)if(!h.has(p)&&l.querySelector(`[name="${p}"]`)){document.querySelector(`[data-mimic="${p}"]`).value="";const g=new Event("force");t.dispatchEvent(g)}};l.addEventListener("force",()=>{d()}),l.addEventListener("change",()=>{d()})})},Z=(a,e,t,o)=>{e.classList.remove("table--filtered");const r=ut(t),i=[];let n=0;const c=t.querySelector("[data-pagination]")?parseInt(t.querySelector("[data-pagination]").value):1,m=t.querySelector("[data-show]")?parseInt(t.querySelector("[data-show]").value):15;if(Array.from(e.querySelectorAll("tbody tr")).forEach(d=>{d.classList.remove("filtered"),d.classList.remove("filtered--matched"),d.classList.remove("filtered--show"),d.removeAttribute("data-filtered-by")}),t.querySelector("input[data-search]")){const d=t.querySelector("input[data-search]");e.querySelectorAll("thead tr th").forEach(u=>{i.push({column:`${u.textContent.trim()}`,value:`${d.value}`})})}Array.from(t.querySelectorAll("[data-filter-count]")).forEach(d=>{d.innerHTML="",d.parentNode.classList.remove("hover")});let l=0;Object.values(r).forEach(d=>{typeof d=="object"&&Object.values(d).length?l+=Object.values(d).length:l++}),l&&Array.from(t.querySelectorAll("[data-filter-count]")).forEach(d=>{d.innerHTML+=`(${l})`,d.parentNode.classList.add("hover")}),e.classList.add("table--filtered");for(const[d,u]of Object.entries(r))Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach(h=>{let p=!1;u.forEach(g=>{const v=h.querySelector(`[data-label="${d}"]`);if(g.includes("-date-from")){const f=new Date(g.replace("-date-from","")),b=new Date(v.textContent.toLowerCase());f.setHours(0,0,0,0),b.setHours(0,0,0,0),b<f?(h.classList.add("less-than-from-date"),p=!1):!h.classList.contains("less-than-from-date")&&!h.classList.contains("greater-than-to-date")&&(p=!0)}else if(g.includes("-date-to")){const f=new Date(g.replace("-date-to","")),b=new Date(v.textContent.toLowerCase());f.setHours(0,0,0,0),b.setHours(0,0,0,0),b>f?(h.classList.add("greater-than-to-date"),p=!1):!h.classList.contains("less-than-from-date")&&!h.classList.contains("greater-than-to-date")&&(p=!0)}if(g&&g=="$today")g=J("date",new Date);else if(g&&g=="$yesterday"){const f=new Date;f.setDate(f.getDate()-1),g=J("date",f)}else if(g&&(g=="$thisWeek"||g=="$lastWeek")){const f=new Date,b=new Date(f.setDate(f.getDate()-(f.getDay()-1))),y=new Date(f.setDate(f.getDate()-f.getDay()+7)),w=new Date(v.textContent.toLowerCase());if(f.setHours(0,0,0,0),b.setHours(0,0,0,0),y.setHours(0,0,0,0),w.setHours(0,0,0,0),g=="$thisWeek")p=w>=b&&w<=y;else{const k=new Date(b.setDate(b.getDate()-7)),x=new Date(y.setDate(y.getDate()-7));k.setHours(0,0,0,0),x.setHours(0,0,0,0),p=w>=k&&w<=x}}else if(g&&g=="$thisMonth"){const f=new Date,b=f.getFullYear(),y=f.getMonth(),w=new Date(b,y,1),k=new Date(b,y+1,0),x=new Date(v.textContent.toLowerCase());w.setHours(0,0,0,0),k.setHours(0,0,0,0),x.setHours(0,0,0,0),p=x>=w&&x<=k}else if(g&&g=="$lastMonth"){const f=new Date,b=f.getFullYear(),y=f.getMonth(),w=new Date(b,y-1,1),k=new Date(b,y,0),x=new Date(v.textContent.toLowerCase());w.setHours(0,0,0,0),k.setHours(0,0,0,0),x.setHours(0,0,0,0),p=x>=w&&x<=k}v&&v.textContent.toLowerCase().includes(g.replace("-"," ").toLowerCase())&&(p=!0)}),p||(h.classList.add("filtered"),h.setAttribute("data-filtered-by",d))});Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach(d=>{let u=!(i.length>0&&i[0].value.length>=3);i.forEach(h=>{const p=d.querySelector(`[data-label="${h.column}"]`);p&&h.value.length>=3&&p.textContent.toLowerCase().includes(h.value.toLowerCase())&&(u=!0)}),u||d.classList.add("filtered")}),Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach(d=>{n++,d.classList.add("filtered--matched"),Math.ceil(n/m)==parseInt(c)&&d.classList.add("filtered--show")}),o&&(o.setAttribute("data-total",n),o.setAttribute("data-show",m),o.setAttribute("data-page",c))},yt=(a,e,t)=>{Array.from(t.querySelectorAll("[data-query]")).forEach(o=>{const r=o.getAttribute("data-query");let i=0;if(r=="total")a.hasAttribute("data-total")?i=a.getAttribute("data-total"):i=(e.classList.contains("table--filtered"),e.querySelectorAll("tbody tr").length);else if(!r.includes(" == ")&&r.includes(" & ")){const n=r.split(" & ");let c="";n.forEach(m=>{c+=`:not([data-filtered-by="${m}"])`}),i=Array.from(e.querySelectorAll(`tbody tr${c}`)).length}else if(!r.includes(" == "))i=Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${r}"])`)).length;else if(r.includes(" && ")){const n=r.split(" && ");i=Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(c){let m=!0;for(const l of Object.entries(n)){const d=l.split(" == ");(!c.querySelector(`td[data-label="${d[0]}"]`)||c.querySelector(`td[data-label="${d[0]}"]`).textContent!=`${d[1]}`)&&(m=!1)}return m}).length}else{const n=r.split(" == ");i=Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${n[0]}"], tbody tr[data-filtered-by="${n[0]}"] td[data-label="${n[0]}"]`)).filter(function(c){return c.textContent===n[1]}).length}o.hasAttribute("data-total")?o.setAttribute("data-total",i):o.innerHTML=i})},Ei=(a,e,t,o)=>{t.setAttribute("method","get");const r=a.querySelector("iam-actionbar");r&&r.addEventListener("change",i=>{t.submit()})},qi=(a,e,t,o)=>{P(a,e,t,o);const r=a.querySelector("iam-actionbar");t.addEventListener("submit",i=>{P(a,e,t,o),i.preventDefault()}),r&&r.addEventListener("change",i=>{P(a,e,t,o)})},P=function(a,e,t,o){return bi(this,void 0,void 0,function*(){a.querySelector("iam-actionbar")&&!a.querySelector("iam-actionbar").closest("form")&&(t.querySelector(".duplicate-actionbar")||t.insertAdjacentHTML("beforeend",'<div class="duplicate-actionbar" style="visibility: hidden; pointer-events: none; position: absolute;"></div>'),t.querySelector(".duplicate-actionbar").innerHTML=a.querySelector("iam-actionbar").innerHTML),t.querySelector("input[name=show]")||t.insertAdjacentHTML("beforeend",`<input name="show" type="hidden" value="${a.getAttribute("data-show")}" />`),t.querySelector("input[name=page]")||t.insertAdjacentHTML("beforeend",`<input name="page" type="hidden" value="${a.getAttribute("data-page")}" />`),t.querySelector("input[name=page]").value=a.getAttribute("data-page"),t.querySelector("input[name=show]").value=a.getAttribute("data-show");const r=new FormData(t),i=new URLSearchParams(r).toString(),n=e.querySelectorAll("thead tr th:not(.expand-button-heading)"),c=e.querySelector("tbody"),m=t.getAttribute("data-ajax");a.classList.add("table--loading");const l=ut(t);Array.from(t.querySelectorAll("[data-filter-count]")).forEach(h=>{h.innerHTML="",h.parentNode.classList.remove("hover")});let d=0;Object.values(l).forEach(h=>{typeof h=="object"&&Object.values(h).length?d+=Object.values(h).length:d++}),d&&Array.from(t.querySelectorAll("[data-filter-count]")).forEach(h=>{h.innerHTML+=`(${d})`,h.parentNode.classList.add("hover")}),window.controller||(window.controller=[]),window.controller[m]&&window.controller[m].abort(),window.controller[m]=new AbortController;const{signal:u}=controller[m];o.setAttribute("data-loading","true"),t.classList.add("processing");try{yield fetch(m+"?"+i,{signal:u,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"})}).then(h=>h.json()).then(h=>{const p=t.hasAttribute("data-schema")?t.getAttribute("data-schema"):"data",g=t.hasAttribute("data-schema-total")?t.getAttribute("data-schema-total"):"meta.total",v=t.hasAttribute("data-schema-page")?t.getAttribute("data-schema-page"):"meta.current_page",f=T(h,g,15),b=T(h,v,1),y=T(h,p),w=a.hasAttribute("data-empty-msg")?a.getAttribute("data-empty-msg"):"No results found";y?(c.innerHTML="",y.forEach(k=>{const x=document.createElement("tr");n.forEach(_=>{let E="";const L=document.createElement("td");if(L.setAttribute("data-label",_.innerText),_.getAttribute("data-output")&&(E=_.getAttribute("data-output").replace(new RegExp(/{(.*?)}/,"gm"),function(z){return T(k,z.replace("{","").replace("}",""))})),_.hasAttribute("data-output-array")){const z=_.getAttribute("data-output"),M=T(k,z.replace("{","").replace("}",""));E="",M.forEach(H=>{const D=_.getAttribute("data-output-array");let $="";if(_.hasAttribute("data-output-array-property")&&_.hasAttribute("data-output-array-transform")){const C=T(H,_.getAttribute("data-output-array-property")),R=JSON.parse(_.getAttribute("data-output-array-transform"))[C];$=D.replace(`{${_.getAttribute("data-output-array-property")}}`,R)}$=$.replace(new RegExp(/{(.*?)}/,"gm"),function(C){return T(H,C.replace("{","").replace("}",""))}),E+=$})}_.hasAttribute("data-transform")&&(E=JSON.parse(_.getAttribute("data-transform"))[E],!E&&_.hasAttribute("data-default")&&(E=_.getAttribute("data-default"))),L.innerHTML=E,x.appendChild(L)}),c.appendChild(x)}),a.setAttribute("data-total",parseInt(f)),a.setAttribute("data-page",parseInt(b)),o.setAttribute("data-total",f),o.setAttribute("data-page",b),Array.from(t.querySelectorAll("[data-ajax-query]")).forEach(k=>{const x=T(h,k.getAttribute("data-ajax-query"),"");k.hasAttribute("data-total")?k.setAttribute("data-total",x):k.innerHTML=x}),parseInt(f)==0&&(c.innerHTML=`<tr><td colspan="100%"><span>${w}</span></td></tr>`),a.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:m,formData:i}),pt(a,e,t,o),gt(a,e,t,o)):c.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>',o.removeAttribute("data-loading"),t.classList.remove("processing")})}catch(h){console.log(h)}})};class $i extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const e=document.createElement("template");e.innerHTML=`
|
|
505
|
+
*/const wi=function(e){return typeof e!="string"?!1:!isNaN(e)&&!isNaN(parseFloat(e))},ki=(e,a)=>String(e).padStart(a,"0"),_i=e=>e.charAt(0).toUpperCase()+e.slice(1),B=(e,a,t)=>a.split(/[\.\[\]\'\"]/).filter(o=>o).reduce((o,r)=>o?o[r]:t,e),gt=(e=1)=>Math.floor(Math.random()*Date.now()*(e+1));var xi=function(e,a,t,o){function r(i){return i instanceof t?i:new t(function(n){n(i)})}return new(t||(t=Promise))(function(i,n){function s(m){try{c(o.next(m))}catch(u){n(u)}}function d(m){try{c(o.throw(m))}catch(u){n(u)}}function c(m){m.done?i(m.value):r(m.value).then(s,d)}c((o=o.apply(e,[])).next())})};const at=(e,a)=>{switch(e){case"datetime":return new Date(a).toLocaleDateString("en-gb",{weekday:"short",year:"2-digit",month:"long",day:"numeric"})+" "+new Date(a).toLocaleTimeString("en-gb",{hour:"2-digit",minute:"2-digit"});case"date":return new Date(a).toLocaleDateString("en-gb",{day:"numeric",month:"long",year:"2-digit"});case"capitalise":return a=_i(a)}},ft=function(e){const a=new Object;return Array.from(e.querySelectorAll("[data-filter]")).forEach(t=>{if(!(t.type=="radio"&&!t.checked)&&!(t.type=="checkbox"&&!t.checked)&&t&&t.value){const o=t.getAttribute("data-filter");let r=t.value;t.hasAttribute("data-date-from")&&(r+="-date-from"),t.hasAttribute("data-date-to")&&(r+="-date-to"),a[o]||(a[o]=[]),a[o].push(r)}}),a},Ai=e=>{let a=document.createElement("form");const t=e.querySelector("table");e.hasAttribute("data-filterby")?a=document.querySelector(`#${e.getAttribute("data-filterby")}`):e.closest("form")?a=e.closest("form"):t.parentNode.insertBefore(a,t.nextSibling),a.hasAttribute("data-ajax")&&e.setAttribute("data-ajax",a.getAttribute("data-ajax")),a.hasAttribute("data-schema")&&e.setAttribute("data-schema",a.getAttribute("data-schema"))},V=(e,a,t,o,r)=>{t.querySelector("[name=show]")||t.insertAdjacentHTML("beforeend",`<input name="show" type="hidden" value="${e.getAttribute("data-show")}" />`),t.querySelector("[name=page]")||t.insertAdjacentHTML("beforeend",`<input name="page" type="hidden" value="${e.getAttribute("data-page")}" />`),o.addEventListener("update-show",i=>{if(t.querySelector("[name=show]").value!=i.detail.show){t.querySelector("[name=show]").value=i.detail.show;const n=new CustomEvent("update-show",{detail:{show:i.detail.show}});e.dispatchEvent(n),yt(e,o),r()}}),o.addEventListener("update-page",i=>{if(t.querySelector("[name=page]").value!=i.detail.page){t.querySelector("[name=page]").value=i.detail.page;const n=new CustomEvent("update-page",{detail:{page:i.detail.page}});if(e.dispatchEvent(n),yt(e,o),r(),!e.hasAttribute("data-no-scroll")){const s=a.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:s,behavior:"smooth"})}}})},Li=(e,a)=>{let t=document.createElement("form");return e.hasAttribute("data-filterby")?t=document.querySelector(`#${e.getAttribute("data-filterby")}`):e.closest("form")?t=e.closest("form"):a.parentNode.insertBefore(t,a.nextSibling),t},vt=(e,a,t,o)=>{const r=e.shadowRoot.querySelector(".table__wrapper");e.hasAttribute("data-total")||e.setAttribute("data-total",e.querySelectorAll("tbody tr").length),e.hasAttribute("data-page")||e.setAttribute("data-page",1),e.hasAttribute("data-show")||e.setAttribute("data-show",5),e.hasAttribute("data-increment")||e.setAttribute("data-increment",e.getAttribute("data-show")),Ei(e,o),wt(a),Si(e,a),e.classList.contains("mh-sm")&&r.classList.add("mh-sm"),e.classList.contains("mh-md")&&r.classList.add("mh-md"),e.classList.contains("mh-lg")&&r.classList.add("mh-lg"),e.classList.contains("table--cta")&&($i(e,a),qi(e,a))},Ei=(e,a)=>{e.hasAttribute("data-total")&&a.setAttribute("data-total",e.getAttribute("data-total")),e.hasAttribute("data-page")&&a.setAttribute("data-page",e.getAttribute("data-page")),e.hasAttribute("data-show")&&a.setAttribute("data-show",e.getAttribute("data-show")),e.hasAttribute("data-increment")&&a.setAttribute("data-increment",e.getAttribute("data-show")),e.hasAttribute("data-page-jump")&&a.setAttribute("data-page-jump","true"),e.hasAttribute("data-per-page")&&a.setAttribute("data-per-page","true"),e.hasAttribute("data-item-count")&&a.setAttribute("data-item-count","true"),e.hasAttribute("data-loading")&&a.setAttribute("data-loading","true"),e.classList.contains("table--fullwidth")&&a.setAttribute("data-minimal","true")},yt=(e,a)=>{e.setAttribute("data-total",a.getAttribute("data-total")),e.setAttribute("data-page",a.getAttribute("data-page")),e.setAttribute("data-show",a.getAttribute("data-show")),e.setAttribute("data-increment",a.getAttribute("data-show"))},ot=e=>{e.getAttribute("data-total");const a=e.getAttribute("data-page"),t=e.getAttribute("data-show");e.getAttribute("data-increment");const o=e.querySelector("table"),r=a*t,i=r-t;Array.from(o.querySelectorAll("tbody tr")).forEach((n,s)=>{s>=i&&s<r?n.classList.add("show"):n.classList.remove("show")})},wt=e=>{const a=Array.from(e.querySelectorAll("thead th"));Array.from(e.querySelectorAll("tbody tr")).forEach(t=>{const o=Array.from(t.querySelectorAll("th, td")),r=["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","successful","failed"];o.forEach((i,n)=>{const s=a[n];if(typeof s<"u"){const d=document.createElement("div");d.innerHTML=s.innerHTML;const c=d.textContent||d.innerText||"";i.setAttribute("data-label",c),s.hasAttribute("data-td-class")&&i.setAttribute("class",s.getAttribute("data-td-class")),s.hasAttribute("data-format")&&(i.setAttribute("data-format",s.getAttribute("data-format")),i.innerHTML=at(s.getAttribute("data-format"),i.textContent.trim())),r.includes(i.textContent.trim().toLowerCase())&&i.setAttribute("data-content",i.textContent.trim().toLowerCase())}})})},Si=(e,a)=>{if(e.classList.contains("table--fullwidth")&&!e.hasAttribute("data-expandable")||a.querySelectorAll("thead tr th").length<4&&!e.hasAttribute("data-expandable"))return!1;Array.from(a.querySelectorAll("thead tr")).forEach(t=>{a.querySelectorAll("thead tr th.expand-button-heading").length||t.insertAdjacentHTML("afterbegin",`<th class="${e.hasAttribute("data-expandable")?"th--fixed ":""}expand-button-heading"></th>`)}),Array.from(a.querySelectorAll("tbody tr")).forEach((t,o)=>{const r=t.getAttribute("data-view")==="full"?"aria-expanded":"";t.insertAdjacentHTML("afterbegin",`<td class="${e.hasAttribute("data-expandable")?"td--fixed ":""}td--expand"><button class="btn btn-compact btn-secondary btn-sm" data-expand-button ${r} data-index="${o}">Expand</button></td>`)}),a.addEventListener("click",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest("[data-expand-button]")){const o=t.target.closest("[data-expand-button]"),r=o.closest("tr");o.toggleAttribute("aria-expanded"),r.getAttribute("data-view")=="full"?r.setAttribute("data-view","default"):r.setAttribute("data-view","full"),o.blur(),e.dispatchEvent(new CustomEvent("row-expanded",{detail:{row:o.getAttribute("data-index")}}))}})},$i=(e,a)=>{let t=0;Array.from(a.querySelectorAll("tbody tr")).forEach(o=>{const r=window.getComputedStyle(document.querySelector("html")),i=o.querySelector(":scope > *:last-child > *:first-child");if(i){i.classList.add("text-nowrap");let n=i.offsetWidth/parseFloat(r.fontSize);n+=1.8,t=t>n?t:n}}),e.style.setProperty("--cta-width",`${t}rem`)},qi=(e,a)=>{function t(){Array.from(a.querySelectorAll("tr")).forEach(o=>{const r=o.offsetHeight;o.style.setProperty("--row-height",`${r}px`)})}new ResizeObserver(t).observe(a)},kt=(e,a)=>{if(e.querySelector("iam-actionbar[data-selectall]")||document.querySelector(`iam-actionbar[data-for='${e.getAttribute("id")}']`)){const t=e.querySelector("iam-actionbar[data-selectall]")?e.querySelector("iam-actionbar[data-selectall]"):document.querySelector(`iam-actionbar[data-for='${e.getAttribute("id")}']`);zi(e,a,t)}e.querySelectorAll(".dialog__wrapper .btn-compact").forEach((t,o)=>{const r=t.closest(".dialog__wrapper").querySelector("dialog");if(r){const d=`menu${gt(o)}`;r.setAttribute("id",d),r.setAttribute("popover","auto"),t.setAttribute("popovertarget",d),r.outerHTML=r.outerHTML.replace(/<dialog/g,"<iam-menu").replace(/<\/dialog>/g,"</iam-menu>")}t.classList.add("btn-sm"),t.classList.add("m-0");const i=t.closest("tr"),n=t.closest("td"),s=Array.prototype.slice.call(i.children).indexOf(n);n.classList.add("td--fixed"),a.querySelector(`thead tr th:nth-child(${s+1})`).classList.add("th--fixed")})},zi=(e,a,t)=>{Array.from(a.querySelectorAll("thead tr")).forEach(o=>{o.querySelector(".expand-button-heading")?o.querySelector(".expand-button-heading").insertAdjacentHTML("afterend",'<th class="th--fixed"></th>'):o.insertAdjacentHTML("afterbegin",'<th class="th--fixed"></th>')}),Array.from(a.querySelectorAll("tbody tr")).forEach((o,r)=>{if(o.setAttribute("data-index",r+1),!o.querySelector(".selectrow")){const i=`row${gt(r)}`;o.querySelector(".td--expand")?o.querySelector(".td--expand").insertAdjacentHTML("afterend",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${i}" ${o.hasAttribute("data-selected")?'checked="true"':""}/><label for="${i}"><span class="visually-hidden">Select row</span></label></td>`):o.insertAdjacentHTML("afterbegin",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${i}" ${o.hasAttribute("data-selected")?'checked="true"':""}/><label for="${i}"><span class="visually-hidden">Select row</span></label></td>`)}}),a.addEventListener("change",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest(".selectrow input")){const r=o.target.closest(".selectrow input"),i=o.target.closest("tr"),n=a.querySelectorAll('.selectrow input[type="checkbox"]').length,s=a.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;t.setAttribute("data-selected",n==s?"all":s);const d=new CustomEvent("row-selected",{detail:{rowIndex:i.getAttribute("data-index"),checked:!!r.checked}});e.dispatchEvent(d)}}),t.addEventListener("selected",o=>{if(o.detail.selected=="0"){Array.from(a.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(i=>{i.checked=!1});const r=new CustomEvent("all-rows-unselected");e.dispatchEvent(r)}else if(o.detail.selected=="all"){Array.from(a.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(i=>{i.checked=!0});const r=new CustomEvent("all-rows-selected");e.dispatchEvent(r)}})},Ci=(e,a,t,o,r)=>{Mi(e,a),Ti(e,a),t.addEventListener("change",i=>{i&&i.target instanceof HTMLElement&&i.target.closest("[data-sort]")&&_t(a,t,r)}),Hi(e,a,t,o,r)},Mi=(e,a)=>{a.addEventListener("click",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest("[data-sort]")){const o=t.target.closest("[data-sort]");o.setAttribute("data-sort","true"),Array.from(a.querySelectorAll("th[data-sort]")).forEach(s=>{s!=o&&(s.setAttribute("data-sort",""),s.removeAttribute("data-order-by"),o.setAttribute("title","Click to sort ascending"))}),o.hasAttribute("data-order-by")&&o.getAttribute("data-order-by")=="asc"?(o.setAttribute("data-order-by","desc"),o.setAttribute("title","Click to sort ascending")):(o.setAttribute("data-order-by","asc"),o.setAttribute("title","Click to sort descending"));const r=new CustomEvent("sort-by-heading",{detail:{heading:o.textContent,sortBy:o.getAttribute("data-order-by"),ref:o.getAttribute("data-ref")}});e.dispatchEvent(r);const i=o.textContent.trim(),n=o.getAttribute("data-order-by");e.hasAttribute("data-submit")||xt(a,i,n)}})},Ti=(e,a)=>{var t;const o=e.querySelector("iam-actionbar");if(!o)return!1;const r=(t=o.shadowRoot)===null||t===void 0?void 0:t.querySelector("input#search");if(!r)return!1;const i=r.getAttribute("id"),n=r.parentNode,s={};a.querySelectorAll("tbody td:not(.td--fixed)").forEach(d=>{d.querySelector(".td__content")?s[d.querySelector(".td__content").textContent]=d.querySelector(".td__content").textContent:s[d.textContent]=d.textContent}),r.setAttribute("list",`${i}_list`),r.setAttribute("autocomplete","off"),n.querySelector("datalist")||(n.innerHTML+=`<datalist id="${i}_list"></datalist>`),n.querySelector("datalist").innerHTML=`${Object.keys(s).map(d=>`<option value="${d}"></option>`).join("")}`},_t=(e,a,t)=>{if(a.getAttribute("data-ajax"))return!1;const o=e.querySelector("tbody");let r=a.querySelector('input[type="radio"][data-sort]:checked');if(a.querySelector("select[data-sort]")){const d=a.querySelector("select[data-sort]");r=a.querySelector(`select[data-sort] option:nth-child(${d.selectedIndex+1})`)}const i=r.getAttribute("data-sort"),n=r.getAttribute("data-order"),s=r.getAttribute("data-format");if(!i)return o.innerHTML=t.innerHTML,wt(e),!1;xt(e,i,n,s)},xt=(e,a,t,o="")=>{const r=e.querySelector("tbody");let i=[];["asc","desc","descending"].includes(t)||(i=t.split(","));let n=[];Array.from(r.querySelectorAll("tr")).forEach(d=>{let c=d.querySelector('td[data-label="'+a+'"], th[data-label="'+a+'"]').textContent.trim();d.querySelector('[data-label="'+a+'"] .td__content')&&(c=d.querySelector('[data-label="'+a+'"] .td__content').textContent.trim()),i.length&&i.includes(c)&&(c=i.indexOf(c)),wi(c)&&(c=ki(c,10)),o&&o=="date"&&(c=new Date(c));const m={index:c,row:d};n.push(m)}),n.sort((d,c)=>d.index>c.index?1:-1),(t=="descending"||t=="desc")&&(n=n.reverse());let s="";n.forEach(d=>{s+=d.row.outerHTML}),r.innerHTML=s},Hi=(e,a,t,o,r)=>{let i;const n=function(c,m=!1){if(t.classList.contains("processing"))return!1;Array.from(t.querySelectorAll("iam-applied-filters")).forEach(u=>{const h=new Event("tags-set");u.dispatchEvent(h)}),c.type=="submit"&&(t.classList.add("processing"),Array.from(t.querySelectorAll("[data-duplicate]")).forEach(u=>{const h=u.getAttribute("data-duplicate"),p=document.getElementById(h),b=document.querySelector(`[for="${h}"] iam-card`);if(p.checked!=u.checked)if(b){const f=new Event("click");b.dispatchEvent(f)}else p.checked=u.checked}),t.classList.remove("processing")),rt(e,a,t,o),At(e,a,t)};e.querySelector("iam-actionbar[data-search]")&&e.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="${e.querySelector("iam-actionbar[data-search]").getAttribute("data-search")}" value="${c.detail.search}"/>`);const m=new CustomEvent("search-submit",{detail:c.details});e.dispatchEvent(m),clearTimeout(i),n(c)}),e.querySelector("iam-actionbar")&&!e.querySelector("iam-actionbar").closest("form")&&e.querySelector("iam-actionbar").addEventListener("change",c=>{t.querySelector(".duplicate-actionbar")||t.insertAdjacentHTML("beforeend",'<div class="duplicate-actionbar" style="visibility: hidden; pointer-events: none; position: absolute;"></div>'),t.querySelector(".duplicate-actionbar").innerHTML=e.querySelector("iam-actionbar").innerHTML,rt(e,a,t,o)}),t.addEventListener("keyup",c=>{clearTimeout(i),c&&c.target instanceof HTMLElement&&c.target.closest("input[data-search]")&&(i=setTimeout(function(){n(c)},500))}),t.addEventListener("change",c=>{if(clearTimeout(i),c&&c.target instanceof HTMLElement&&c.target.closest("input[data-search]")&&n(c),c&&c.target instanceof HTMLElement&&c.target.closest("[data-filter][data-no-ajax]")?(rt(e,a,t,o),At(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"))&&n(c),c&&c.target instanceof HTMLElement&&c.target.closest("[data-show]")&&n(c),c&&c.target instanceof HTMLElement&&c.target.closest("[data-mimic]")&&n(c),c&&c.target instanceof HTMLElement&&c.target.hasAttribute("id")){const 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(i),c&&c.target instanceof HTMLElement&&c.target.closest('dialog button:not([type="button"])')&&c.target.closest('dialog button:not([type="button"])').closest("dialog").close(),c&&c.target instanceof HTMLElement&&c.target.closest(".dialog__close")&&(c.preventDefault(),c.stopPropagation()),c&&c.target instanceof HTMLElement&&c.target.closest("[data-clear]")){t.classList.add("processing"),Array.from(t.querySelectorAll(".applied-filters")).forEach(u=>{u.innerHTML=""});const 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){const h=m[u],p=h.getAttribute("id"),b=document.querySelector(`[for="${p}"`);if(b.querySelector("iam-card")){const f=b.querySelector("iam-card"),g=new Event("click");f.dispatchEvent(g)}h.checked=!1}break;case"select-one":case"select-multi":m[u].selectedIndex=-1;break}t.classList.remove("processing"),t.hasAttribute("data-submit")||_t(a,t,r),n(c)}}),t.addEventListener("submit",c=>{clearTimeout(i),t.hasAttribute("data-submit")||c.preventDefault(),n(c)}),t.addEventListener("force",c=>{n(c)}),t.addEventListener("paginate",c=>{n(c,!0)});const s=[],d=[];Array.from(t.querySelectorAll("[data-mimic]")).forEach(c=>{const m=c.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${m}"]`)).forEach(u=>{const h=u.closest("form");s.includes(h)||s.push(h),d.includes(m)||d.push(m)})}),s.forEach(c=>{const m=function(){const u=[],h=new FormData(c);for(const[p,b]of h)document.querySelector(`[data-mimic="${p}"]`)&&!u.includes(p)?(u.push(p),document.querySelector(`[data-mimic="${p}"]`).value=b):document.querySelector(`[data-mimic="${p}"]`)&&(document.querySelector(`[data-mimic="${p}"]`).value+=","+b);for(const p of u){const b=new Event("force");t.dispatchEvent(b)}for(const p of d)if(!h.has(p)&&c.querySelector(`[name="${p}"]`)){document.querySelector(`[data-mimic="${p}"]`).value="";const b=new Event("force");t.dispatchEvent(b)}};c.addEventListener("force",()=>{m()}),c.addEventListener("change",()=>{m()})})},rt=(e,a,t,o)=>{a.classList.remove("table--filtered");const r=ft(t),i=[];let n=0;const s=t.querySelector("[data-pagination]")?parseInt(t.querySelector("[data-pagination]").value):1,d=t.querySelector("[data-show]")?parseInt(t.querySelector("[data-show]").value):15;if(Array.from(a.querySelectorAll("tbody tr")).forEach(m=>{m.classList.remove("filtered"),m.classList.remove("filtered--matched"),m.classList.remove("filtered--show"),m.removeAttribute("data-filtered-by")}),t.querySelector("input[data-search]")){const m=t.querySelector("input[data-search]");a.querySelectorAll("thead tr th").forEach(u=>{i.push({column:`${u.textContent.trim()}`,value:`${m.value}`})})}Array.from(t.querySelectorAll("[data-filter-count]")).forEach(m=>{m.innerHTML="",m.parentNode.classList.remove("hover")});let c=0;Object.values(r).forEach(m=>{typeof m=="object"&&Object.values(m).length?c+=Object.values(m).length:c++}),c&&Array.from(t.querySelectorAll("[data-filter-count]")).forEach(m=>{m.innerHTML+=`(${c})`,m.parentNode.classList.add("hover")}),a.classList.add("table--filtered");for(const[m,u]of Object.entries(r))Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach(h=>{let p=!1;u.forEach(b=>{const f=h.querySelector(`[data-label="${m}"]`);if(b.includes("-date-from")){const g=new Date(b.replace("-date-from","")),y=new Date(f.textContent.toLowerCase());g.setHours(0,0,0,0),y.setHours(0,0,0,0),y<g?(h.classList.add("less-than-from-date"),p=!1):!h.classList.contains("less-than-from-date")&&!h.classList.contains("greater-than-to-date")&&(p=!0)}else if(b.includes("-date-to")){const g=new Date(b.replace("-date-to","")),y=new Date(f.textContent.toLowerCase());g.setHours(0,0,0,0),y.setHours(0,0,0,0),y>g?(h.classList.add("greater-than-to-date"),p=!1):!h.classList.contains("less-than-from-date")&&!h.classList.contains("greater-than-to-date")&&(p=!0)}if(b&&b=="$today")b=at("date",new Date);else if(b&&b=="$yesterday"){const g=new Date;g.setDate(g.getDate()-1),b=at("date",g)}else if(b&&(b=="$thisWeek"||b=="$lastWeek")){const g=new Date,y=new Date(g.setDate(g.getDate()-(g.getDay()-1))),k=new Date(g.setDate(g.getDate()-g.getDay()+7)),L=new Date(f.textContent.toLowerCase());if(g.setHours(0,0,0,0),y.setHours(0,0,0,0),k.setHours(0,0,0,0),L.setHours(0,0,0,0),b=="$thisWeek")p=L>=y&&L<=k;else{const E=new Date(y.setDate(y.getDate()-7)),v=new Date(k.setDate(k.getDate()-7));E.setHours(0,0,0,0),v.setHours(0,0,0,0),p=L>=E&&L<=v}}else if(b&&b=="$thisMonth"){const g=new Date,y=g.getFullYear(),k=g.getMonth(),L=new Date(y,k,1),E=new Date(y,k+1,0),v=new Date(f.textContent.toLowerCase());L.setHours(0,0,0,0),E.setHours(0,0,0,0),v.setHours(0,0,0,0),p=v>=L&&v<=E}else if(b&&b=="$lastMonth"){const g=new Date,y=g.getFullYear(),k=g.getMonth(),L=new Date(y,k-1,1),E=new Date(y,k,0),v=new Date(f.textContent.toLowerCase());L.setHours(0,0,0,0),E.setHours(0,0,0,0),v.setHours(0,0,0,0),p=v>=L&&v<=E}f&&f.textContent.toLowerCase().includes(b.replace("-"," ").toLowerCase())&&(p=!0)}),p||(h.classList.add("filtered"),h.setAttribute("data-filtered-by",m))});Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach(m=>{let u=!(i.length>0&&i[0].value.length>=3);i.forEach(h=>{const p=m.querySelector(`[data-label="${h.column}"]`);p&&h.value.length>=3&&p.textContent.toLowerCase().includes(h.value.toLowerCase())&&(u=!0)}),u||m.classList.add("filtered")}),Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach(m=>{n++,m.classList.add("filtered--matched"),Math.ceil(n/d)==parseInt(s)&&m.classList.add("filtered--show")}),o&&(o.setAttribute("data-total",n),o.setAttribute("data-show",d),o.setAttribute("data-page",s))},At=(e,a,t)=>{Array.from(t.querySelectorAll("[data-query]")).forEach(o=>{const r=o.getAttribute("data-query");let i=0;if(r=="total")e.hasAttribute("data-total")?i=e.getAttribute("data-total"):i=(a.classList.contains("table--filtered"),a.querySelectorAll("tbody tr").length);else if(!r.includes(" == ")&&r.includes(" & ")){const n=r.split(" & ");let s="";n.forEach(d=>{s+=`:not([data-filtered-by="${d}"])`}),i=Array.from(a.querySelectorAll(`tbody tr${s}`)).length}else if(!r.includes(" == "))i=Array.from(a.querySelectorAll(`tbody tr:not([data-filtered-by="${r}"])`)).length;else if(r.includes(" && ")){const n=r.split(" && ");i=Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).filter(function(s){let d=!0;for(const c of Object.entries(n)){const m=c.split(" == ");(!s.querySelector(`td[data-label="${m[0]}"]`)||s.querySelector(`td[data-label="${m[0]}"]`).textContent!=`${m[1]}`)&&(d=!1)}return d}).length}else{const n=r.split(" == ");i=Array.from(a.querySelectorAll(`tbody tr.filtered--matched td[data-label="${n[0]}"], tbody tr[data-filtered-by="${n[0]}"] td[data-label="${n[0]}"]`)).filter(function(s){return s.textContent===n[1]}).length}o.hasAttribute("data-total")?o.setAttribute("data-total",i):o.innerHTML=i})},Ri=(e,a,t,o)=>{t.setAttribute("method","get");const r=e.querySelector("iam-actionbar");r&&r.addEventListener("change",i=>{t.submit()})},Bi=(e,a,t,o)=>{O(e,a,t,o);const r=e.querySelector("iam-actionbar");t.addEventListener("submit",i=>{O(e,a,t,o),i.preventDefault()}),r&&r.addEventListener("change",i=>{O(e,a,t,o)})},O=function(e,a,t,o){return xi(this,void 0,void 0,function*(){e.querySelector("iam-actionbar")&&!e.querySelector("iam-actionbar").closest("form")&&(t.querySelector(".duplicate-actionbar")||t.insertAdjacentHTML("beforeend",'<div class="duplicate-actionbar" style="visibility: hidden; pointer-events: none; position: absolute;"></div>'),t.querySelector(".duplicate-actionbar").innerHTML=e.querySelector("iam-actionbar").innerHTML),t.querySelector("input[name=show]")||t.insertAdjacentHTML("beforeend",`<input name="show" type="hidden" value="${e.getAttribute("data-show")}" />`),t.querySelector("input[name=page]")||t.insertAdjacentHTML("beforeend",`<input name="page" type="hidden" value="${e.getAttribute("data-page")}" />`),t.querySelector("input[name=page]").value=e.getAttribute("data-page"),t.querySelector("input[name=show]").value=e.getAttribute("data-show");const r=new FormData(t),i=new URLSearchParams(r).toString(),n=a.querySelectorAll("thead tr th:not(.expand-button-heading)"),s=a.querySelector("tbody"),d=t.getAttribute("data-ajax");e.classList.add("table--loading");const c=ft(t);Array.from(t.querySelectorAll("[data-filter-count]")).forEach(h=>{h.innerHTML="",h.parentNode.classList.remove("hover")});let m=0;Object.values(c).forEach(h=>{typeof h=="object"&&Object.values(h).length?m+=Object.values(h).length:m++}),m&&Array.from(t.querySelectorAll("[data-filter-count]")).forEach(h=>{h.innerHTML+=`(${m})`,h.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];o.setAttribute("data-loading","true"),t.classList.add("processing");try{yield fetch(d+"?"+i,{signal:u,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"})}).then(h=>h.json()).then(h=>{const p=t.hasAttribute("data-schema")?t.getAttribute("data-schema"):"data",b=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",g=B(h,b,15),y=B(h,f,1),k=B(h,p),L=e.hasAttribute("data-empty-msg")?e.getAttribute("data-empty-msg"):"No results found";k?(s.innerHTML="",k.forEach(E=>{const v=document.createElement("tr");n.forEach(w=>{let _="";const x=document.createElement("td");if(x.setAttribute("data-label",w.innerText),w.getAttribute("data-output")&&(_=w.getAttribute("data-output").replace(new RegExp(/{(.*?)}/,"gm"),function(q){return B(E,q.replace("{","").replace("}",""))})),w.hasAttribute("data-output-array")){const q=w.getAttribute("data-output"),$=B(E,q.replace("{","").replace("}",""));_="",$.forEach(T=>{const C=w.getAttribute("data-output-array");let H="";if(w.hasAttribute("data-output-array-property")&&w.hasAttribute("data-output-array-transform")){const j=B(T,w.getAttribute("data-output-array-property")),P=JSON.parse(w.getAttribute("data-output-array-transform"))[j];H=C.replace(`{${w.getAttribute("data-output-array-property")}}`,P)}H=H.replace(new RegExp(/{(.*?)}/,"gm"),function(j){return B(T,j.replace("{","").replace("}",""))}),_+=H})}w.hasAttribute("data-transform")&&(_=JSON.parse(w.getAttribute("data-transform"))[_],!_&&w.hasAttribute("data-default")&&(_=w.getAttribute("data-default"))),x.innerHTML=_,v.appendChild(x)}),s.appendChild(v)}),e.setAttribute("data-total",parseInt(g)),e.setAttribute("data-page",parseInt(y)),o.setAttribute("data-total",g),o.setAttribute("data-page",y),Array.from(t.querySelectorAll("[data-ajax-query]")).forEach(E=>{const v=B(h,E.getAttribute("data-ajax-query"),"");E.hasAttribute("data-total")?E.setAttribute("data-total",v):E.innerHTML=v}),parseInt(g)==0&&(s.innerHTML=`<tr><td colspan="100%"><span>${L}</span></td></tr>`),e.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:d,formData:i}),vt(e,a,t,o),kt(e,a,t,o)):s.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>',o.removeAttribute("data-loading"),t.classList.remove("processing")})}catch(h){console.log(h)}})};class ji extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const a=document.createElement("template");a.innerHTML=`
|
|
574
506
|
<style>
|
|
575
507
|
:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid):not(iam-table):not(.table__wrapper){padding-inline:var(--mh-padding-inline, 0);margin-inline:calc(var(--mh-padding-inline, 0)*-1)}:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid)::before{top:calc(100% - 1.5rem);bottom:0;left:0;right:0;height:1.5rem;position:sticky;display:block;background:linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2;margin-bottom:-1.5rem}:is(.mh-sm,.mh-md,.mh-lg,.mh-fluid){overflow:auto;overscroll-behavior:contain}:is(.mh-sm,.mh-md,.mh-lg,.mh-fluid)::before{content:""}.mh-sm{max-height:calc(12.5rem - var(--mh-modifier, 0rem))}.mh-md{max-height:calc(25rem - var(--mh-modifier, 0rem))}.mh-lg{max-height:calc(37.5rem - var(--mh-modifier, 0rem))}.mh-fluid{max-height:100%}@media screen and (min-width: 36em){:is(.mh-sm-sm,.mh-sm-md,.mh-sm-lg){overflow:auto;overscroll-behavior:contain}:is(.mh-sm-sm,.mh-sm-md,.mh-sm-lg)::before{content:""}.mh-sm-sm{max-height:calc(12.5rem - var(--mh-modifier, 0rem))}.mh-sm-md{max-height:calc(25rem - var(--mh-modifier, 0rem))}.mh-sm-lg{max-height:calc(37.5rem - var(--mh-modifier, 0rem))}}@media screen and (min-width: 62em){:is(.mh-md-sm,.mh-md-md,.mh-md-lg){overflow:auto;overscroll-behavior:contain}:is(.mh-md-sm,.mh-md-md,.mh-md-lg)::before{content:""}.mh-md-sm{max-height:calc(12.5rem - var(--mh-modifier, 0rem))}.mh-md-md{max-height:calc(25rem - var(--mh-modifier, 0rem))}.mh-md-lg{max-height:calc(37.5rem - var(--mh-modifier, 0rem))}}:host{container-type:inline-size;display:block}.table__container{--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}.table__container:before{display:none !important}@media screen and (prefers-color-scheme: dark){.table__container{background:var(--colour-canvas-2)}}@media(forced-colors: active){.table__container{--wrapper-padding: 0;background:var(--colour-canvas-2)}}:host-context(.admin-panel) .table__container{display:contents}:host(.mh-sm){max-height:none !important}:host(.mh-md){max-height:none !important}:host(.mh-lg){max-height:none !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)) .table__container{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__container .table__wrapper{overflow:hidden;max-height:none !important}:host(:not(.table--fullwidth)) .table__container ::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__container .table--cta{border-bottom:0}:host(:not(.table--fullwidth)) .table__container .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;overflow:auto}.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}@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)}/*# sourceMappingURL=assets/css/components/table.component.css.map */
|
|
576
508
|
|
|
@@ -586,11 +518,11 @@ iam-menu details summary:not([class*="fa-"]:before {
|
|
|
586
518
|
</div>
|
|
587
519
|
<iam-pagination part="pagination" class="pagination--table" ></iam-pagination>
|
|
588
520
|
</div>
|
|
589
|
-
`,this.shadowRoot.appendChild(e.content.cloneNode(!0)),document.getElementById("tableExtras")||document.head.insertAdjacentHTML("beforeend",`<style id="tableExtras">:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit){--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) table{margin-bottom:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) table thead tr th{position:relative;padding-right:2rem !important;padding-left:0rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) td{background-color:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) tr td p{min-width:10rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) tbody tr{background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238, 238, 238;--row-bg: var(--hover-background);background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) table:has(tr.show) tbody tr:not(.show){display:none !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) td:has([data-expand-button]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) .expand-button-heading{display:none}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative;display:block !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important;padding-right:3rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button])+.td--fixed+td{border-top:none !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth):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}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth):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}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button][aria-expanded]:before{content:"";font-weight:900 !important}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) thead{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) tbody{--status-pt: 2.5rem;display:block;overflow:visible}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) tbody tr td:first-child{padding-top:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):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}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) tr+tr{margin-top:2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) td:has([data-expand-button]){display:block}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):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}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) td:first-child::after{top:1.75rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) td::after{top:2.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) .td--fixed{padding-right:50%}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--cta{padding-right:calc(var(--wrapper-padding) + 1.5rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--cta tr>th:nth-last-child(2),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--cta tr>td:nth-last-child(2){padding-right:var(--cta-width) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--cta 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, var(--colour-canvs-2)) 1.25rem);cursor:default;padding-bottom:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--cta tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem;padding-bottom:0;margin:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--cta tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg, var(--colour-canvs-2)) 1.25rem)}}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],[data-content=successful],[data-content=failed],.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],[data-content=successful],[data-content=failed],.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],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:var(--status-pt, 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],[data-content=successful]):after{content:"";font-weight:normal;color:var(--colour-complete)}table :is([data-content=failed]):after{content:"";font-weight:normal;color:var(--colour-danger)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"";color:var(--colour-primary)}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) iam-actionbar{margin:0 1.5rem 1rem 1.5rem}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) iam-actionbar{box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:.5rem}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth:has(iam-actionbar){padding-top:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth iam-actionbar{margin:-2rem -2rem 2rem -2rem;box-shadow:none;border-radius:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth iam-actionbar:has(+table input:checked){margin:-2rem -2rem 2rem -2rem;box-shadow:none;border-radius:0}@media screen and (prefers-color-scheme: light){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth iam-actionbar:has(+table input:checked){background-color:#e6eaec}}.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,iam-table-basic,iam-table-no-submit,iam-table-submit):is(.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,iam-table-basic,iam-table-no-submit,iam-table-submit):is(.actionbar__sticky-wrapper)>.actionbar__sticky:after{content:"";display:block;width:100%;height:calc(100vh - 6.75rem);pointer-events:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):is(.actionbar__sticky-wrapper)>.actionbar__sticky+*{margin-top:calc(-100vh + 6.75rem)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):is(.actionbar__sticky)>iam-actionbar{pointer-events:all !important;display:block;border:none;background:var(--colour-canvas-2);border-radius:.5rem;margin-bottom:1.5rem}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth iam-actionbar,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) iam-actionbar{margin-left:-2rem;margin-right:-2rem;margin-top:-2rem;margin-bottom:2rem}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.75rem !important;left:.25rem !important;--border-radius: 0.25rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):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){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) tr:has([type=checkbox]:checked){height:calc(4.625rem - 2px)}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) tr:has([type=checkbox]:hover,[type=checkbox]:focus){--row-bg: #eeeeee}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) tr:has([type=checkbox]:hover:checked,[type=checkbox]:focus:checked,[type=checkbox]:checked){--row-bg: #e0e0e0}@container (width < 23.4375em){@media screen and (prefers-color-scheme: light){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) iam-actionbar{background-color:#e6eaec}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .actionbar__sticky+*{margin-top:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable] td:has([data-expand-button]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable] .expand-button-heading{display:table-cell}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable].table--fullwidth [data-expand-button]{margin:.25rem 0 0 0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable].table--fullwidth [data-expand-button]:not(:hover,:focus){background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable].table--fullwidth [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:500}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable].table--fullwidth [data-expand-button][aria-expanded]:before{content:""}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable].table--fullwidth tr:not(:has(p)) [data-expand-button]{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable].table--fullwidth tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:10rem}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable] [data-expand-button]{margin:.25rem 0 0 0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable] [data-expand-button]:not(:hover,:focus){background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable] [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:500}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable] [data-expand-button][aria-expanded]:before{content:""}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable] tr:not(:has(p)) [data-expand-button]{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable] tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:10rem}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) tr{position:relative}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) .td--fixed+.td--fixed{border:none}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .th--fixed,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .td--fixed{position:absolute;left:auto;top:auto;z-index:3;padding:0 0 0 0;min-width:3.375rem;height:calc(var(--row-height) - 2px);text-align:left;background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .th--fixed:has([open]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .td--fixed:has([open]){z-index:4}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .th--fixed:has(+th:not(.th--fixed)),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .td--fixed:has(+td:not(.td--fixed)){background:linear-gradient(90deg, var(--row-bg) calc(100% - 1rem), transparent 100%)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .th--fixed+th:not(.th--fixed),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .td--fixed+td:not(.td--fixed){padding-left:calc(3.375rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .th--fixed+.th--fixed,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .td--fixed+.td--fixed{left:3rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .th--fixed+.th--fixed+th:not(.th--fixed),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(6.375rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .th--fixed+.th--fixed+.th--fixed,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .td--fixed+.td--fixed+.td--fixed{left:6rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .th--fixed+.th--fixed+.th--fixed+th:not(.th--fixed),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .td--fixed+.td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(9.375rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .dialog__wrapper{z-index:10}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .dialog__wrapper:has([open]){z-index:20}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) td:has(.dialog__wrapper){padding-top:.25rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth th[data-sort]{background-repeat:no-repeat;background-size:1rem 1rem;background-position:calc(100% - .5rem) 50%;padding-top:.75rem;cursor:pointer}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth th[data-sort]:hover{background-color:var(--colour-light);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3e%3c!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-96-96c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L128 370.7 128 64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 306.7 41.4-41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-96 96zm352-333.3c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L448 141.3 448 448c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-306.7-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96c12.5-12.5 32.8-12.5 45.3 0l96 96z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth:has(th[data-sort]) :is(th,td){padding-left:.25rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth th[data-sort][data-order-by=asc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M209.4 39.4C204.8 34.7 198.6 32 192 32s-12.8 2.7-17.4 7.4l-168 176c-9.2 9.6-8.8 24.8 .8 33.9s24.8 8.8 33.9-.8L168 115.9 168 456c0 13.3 10.7 24 24 24s24-10.7 24-24l0-340.1L342.6 248.6c9.2 9.6 24.3 9.9 33.9 .8s9.9-24.3 .8-33.9l-168-176z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth th[data-sort][data-order-by=desc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M174.6 472.6c4.5 4.7 10.8 7.4 17.4 7.4s12.8-2.7 17.4-7.4l168-176c9.2-9.6 8.8-24.8-.8-33.9s-24.8-8.8-33.9 .8L216 396.1 216 56c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 340.1L41.4 263.4c-9.2-9.6-24.3-9.9-33.9-.8s-9.9 24.3-.8 33.9l168 176z'/%3e%3c/svg%3e")}@container (width >= 32em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) th[data-sort]{background-repeat:no-repeat;background-size:1rem 1rem;background-position:calc(100% - .5rem) 50%;padding-top:.75rem;cursor:pointer}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) th[data-sort]:hover{background-color:var(--colour-light);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3e%3c!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-96-96c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L128 370.7 128 64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 306.7 41.4-41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-96 96zm352-333.3c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L448 141.3 448 448c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-306.7-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96c12.5-12.5 32.8-12.5 45.3 0l96 96z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):has(th[data-sort]) :is(th,td){padding-left:.25rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) th[data-sort][data-order-by=asc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M209.4 39.4C204.8 34.7 198.6 32 192 32s-12.8 2.7-17.4 7.4l-168 176c-9.2 9.6-8.8 24.8 .8 33.9s24.8 8.8 33.9-.8L168 115.9 168 456c0 13.3 10.7 24 24 24s24-10.7 24-24l0-340.1L342.6 248.6c9.2 9.6 24.3 9.9 33.9 .8s9.9-24.3 .8-33.9l-168-176z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) th[data-sort][data-order-by=desc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M174.6 472.6c4.5 4.7 10.8 7.4 17.4 7.4s12.8-2.7 17.4-7.4l168-176c9.2-9.6 8.8-24.8-.8-33.9s-24.8-8.8-33.9 .8L216 396.1 216 56c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 340.1L41.4 263.4c-9.2-9.6-24.3-9.9-33.9-.8s-9.9 24.3-.8 33.9l168 176z'/%3e%3c/svg%3e")}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col1]+table :is(thead,tbody) :is(th,td):nth-child(1){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col2]+table :is(thead,tbody) :is(th,td):nth-child(2){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col3]+table :is(thead,tbody) :is(th,td):nth-child(3){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col4]+table :is(thead,tbody) :is(th,td):nth-child(4){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col5]+table :is(thead,tbody) :is(th,td):nth-child(5){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col6]+table :is(thead,tbody) :is(th,td):nth-child(6){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col7]+table :is(thead,tbody) :is(th,td):nth-child(7){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col8]+table :is(thead,tbody) :is(th,td):nth-child(8){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col9]+table :is(thead,tbody) :is(th,td):nth-child(9){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col10]+table :is(thead,tbody) :is(th,td):nth-child(10){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col11]+table :is(thead,tbody) :is(th,td):nth-child(11){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col12]+table :is(thead,tbody) :is(th,td):nth-child(12){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col13]+table :is(thead,tbody) :is(th,td):nth-child(13){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col14]+table :is(thead,tbody) :is(th,td):nth-child(14){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col15]+table :is(thead,tbody) :is(th,td):nth-child(15){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col16]+table :is(thead,tbody) :is(th,td):nth-child(16){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col17]+table :is(thead,tbody) :is(th,td):nth-child(17){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col18]+table :is(thead,tbody) :is(th,td):nth-child(18){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col19]+table :is(thead,tbody) :is(th,td):nth-child(19){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col20]+table :is(thead,tbody) :is(th,td):nth-child(20){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col21]+table :is(thead,tbody) :is(th,td):nth-child(21){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col22]+table :is(thead,tbody) :is(th,td):nth-child(22){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col23]+table :is(thead,tbody) :is(th,td):nth-child(23){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col24]+table :is(thead,tbody) :is(th,td):nth-child(24){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col25]+table :is(thead,tbody) :is(th,td):nth-child(25){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col26]+table :is(thead,tbody) :is(th,td):nth-child(26){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col27]+table :is(thead,tbody) :is(th,td):nth-child(27){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col28]+table :is(thead,tbody) :is(th,td):nth-child(28){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col29]+table :is(thead,tbody) :is(th,td):nth-child(29){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col30]+table :is(thead,tbody) :is(th,td):nth-child(30){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .table--filtered tbody tr:not(.filtered--show){display:none !important}iam-table-basic:is(.mh-lg,.mh-md,.mh-sm) thead{position:sticky;top:0;z-index:9999}iam-table-basic:is(.mh-lg,.mh-md,.mh-sm) thead tr{background:var(--row-bg);background:linear-gradient(0deg, var(--colour-primary) 2px, var(--row-bg) 2px);border:none}/*# sourceMappingURL=assets/css/components/table.global.css.map */
|
|
590
|
-
</style>`)}connectedCallback(){const
|
|
591
|
-
* iamKey v7.
|
|
521
|
+
`,this.shadowRoot.appendChild(a.content.cloneNode(!0)),document.getElementById("tableExtras")||document.head.insertAdjacentHTML("beforeend",`<style id="tableExtras">:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit){--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) table{margin-bottom:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) table thead tr th{position:relative;padding-right:2rem !important;padding-left:0rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) td{background-color:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) tr td p{min-width:10rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) tbody tr{background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238, 238, 238;--row-bg: var(--hover-background);background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) table:has(tr.show) tbody tr:not(.show){display:none !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) td:has([data-expand-button]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) .expand-button-heading{display:none}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative;display:block !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important;padding-right:3rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button])+.td--fixed+td{border-top:none !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth):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}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth):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}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button][aria-expanded]:before{content:"";font-weight:900 !important}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) thead{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) tbody{--status-pt: 2.5rem;display:block;overflow:visible}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) tbody tr td:first-child{padding-top:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):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}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) tr+tr{margin-top:2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) td:has([data-expand-button]){display:block}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):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}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) td:first-child::after{top:1.75rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) td::after{top:2.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) .td--fixed{padding-right:50%}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--cta{padding-right:calc(var(--wrapper-padding) + 1.5rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--cta tr>th:nth-last-child(2),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--cta tr>td:nth-last-child(2){padding-right:var(--cta-width) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--cta 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, var(--colour-canvs-2)) 1.25rem);cursor:default;padding-bottom:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--cta tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem;padding-bottom:0;margin:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--cta tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg, var(--colour-canvs-2)) 1.25rem)}}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],[data-content=successful],[data-content=failed],.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],[data-content=successful],[data-content=failed],.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],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:var(--status-pt, 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],[data-content=successful]):after{content:"";font-weight:normal;color:var(--colour-complete)}table :is([data-content=failed]):after{content:"";font-weight:normal;color:var(--colour-danger)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"";color:var(--colour-primary)}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) iam-actionbar{margin:0 1.5rem 1rem 1.5rem}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) iam-actionbar{box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:.5rem}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth:has(iam-actionbar){padding-top:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth iam-actionbar{margin:-2rem -2rem 2rem -2rem;box-shadow:none;border-radius:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth iam-actionbar:has(+table input:checked){margin:-2rem -2rem 2rem -2rem;box-shadow:none;border-radius:0}@media screen and (prefers-color-scheme: light){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth iam-actionbar:has(+table input:checked){background-color:#e6eaec}}.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,iam-table-basic,iam-table-no-submit,iam-table-submit):is(.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,iam-table-basic,iam-table-no-submit,iam-table-submit):is(.actionbar__sticky-wrapper)>.actionbar__sticky:after{content:"";display:block;width:100%;height:calc(100vh - 6.75rem);pointer-events:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):is(.actionbar__sticky-wrapper)>.actionbar__sticky+*{margin-top:calc(-100vh + 6.75rem)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):is(.actionbar__sticky)>iam-actionbar{pointer-events:all !important;display:block;border:none;background:var(--colour-canvas-2);border-radius:.5rem;margin-bottom:1.5rem}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth iam-actionbar,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) iam-actionbar{margin-left:-2rem;margin-right:-2rem;margin-top:-2rem;margin-bottom:2rem}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.75rem !important;left:.25rem !important;--border-radius: 0.25rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):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){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) tr:has([type=checkbox]:checked){height:calc(4.625rem - 2px)}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) tr:has([type=checkbox]:hover,[type=checkbox]:focus){--row-bg: #eeeeee}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) tr:has([type=checkbox]:hover:checked,[type=checkbox]:focus:checked,[type=checkbox]:checked){--row-bg: #e0e0e0}@container (width < 23.4375em){@media screen and (prefers-color-scheme: light){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) iam-actionbar{background-color:#e6eaec}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .actionbar__sticky+*{margin-top:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable] td:has([data-expand-button]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable] .expand-button-heading{display:table-cell}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable].table--fullwidth [data-expand-button]{margin:.25rem 0 0 0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable].table--fullwidth [data-expand-button]:not(:hover,:focus){background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable].table--fullwidth [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:500}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable].table--fullwidth [data-expand-button][aria-expanded]:before{content:""}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable].table--fullwidth tr:not(:has(p)) [data-expand-button]{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable].table--fullwidth tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:10rem}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable] [data-expand-button]{margin:.25rem 0 0 0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable] [data-expand-button]:not(:hover,:focus){background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable] [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:500}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable] [data-expand-button][aria-expanded]:before{content:""}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable] tr:not(:has(p)) [data-expand-button]{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit)[data-expandable] tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:10rem}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) tr{position:relative}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):not(.table--fullwidth) .td--fixed+.td--fixed{border:none}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .th--fixed,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .td--fixed{position:absolute;left:auto;top:auto;z-index:3;padding:0 0 0 0;min-width:3.375rem;height:calc(var(--row-height) - 2px);text-align:left;background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .th--fixed:has([open]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .td--fixed:has([open]){z-index:4}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .th--fixed:has(+th:not(.th--fixed)),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .td--fixed:has(+td:not(.td--fixed)){background:linear-gradient(90deg, var(--row-bg) calc(100% - 1rem), transparent 100%)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .th--fixed+th:not(.th--fixed),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .td--fixed+td:not(.td--fixed){padding-left:calc(3.375rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .th--fixed+.th--fixed,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .td--fixed+.td--fixed{left:3rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .th--fixed+.th--fixed+th:not(.th--fixed),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(6.375rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .th--fixed+.th--fixed+.th--fixed,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .td--fixed+.td--fixed+.td--fixed{left:6rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .th--fixed+.th--fixed+.th--fixed+th:not(.th--fixed),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .td--fixed+.td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(9.375rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .dialog__wrapper{z-index:10}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .dialog__wrapper:has([open]){z-index:20}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) td:has(.dialog__wrapper){padding-top:.25rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth th[data-sort]{background-repeat:no-repeat;background-size:1rem 1rem;background-position:calc(100% - .5rem) 50%;padding-top:.75rem;cursor:pointer}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth th[data-sort]:hover{background-color:var(--colour-light);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3e%3c!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-96-96c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L128 370.7 128 64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 306.7 41.4-41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-96 96zm352-333.3c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L448 141.3 448 448c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-306.7-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96c12.5-12.5 32.8-12.5 45.3 0l96 96z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth:has(th[data-sort]) :is(th,td){padding-left:.25rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth th[data-sort][data-order-by=asc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M209.4 39.4C204.8 34.7 198.6 32 192 32s-12.8 2.7-17.4 7.4l-168 176c-9.2 9.6-8.8 24.8 .8 33.9s24.8 8.8 33.9-.8L168 115.9 168 456c0 13.3 10.7 24 24 24s24-10.7 24-24l0-340.1L342.6 248.6c9.2 9.6 24.3 9.9 33.9 .8s9.9-24.3 .8-33.9l-168-176z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit).table--fullwidth th[data-sort][data-order-by=desc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M174.6 472.6c4.5 4.7 10.8 7.4 17.4 7.4s12.8-2.7 17.4-7.4l168-176c9.2-9.6 8.8-24.8-.8-33.9s-24.8-8.8-33.9 .8L216 396.1 216 56c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 340.1L41.4 263.4c-9.2-9.6-24.3-9.9-33.9-.8s-9.9 24.3-.8 33.9l168 176z'/%3e%3c/svg%3e")}@container (width >= 32em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) th[data-sort]{background-repeat:no-repeat;background-size:1rem 1rem;background-position:calc(100% - .5rem) 50%;padding-top:.75rem;cursor:pointer}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) th[data-sort]:hover{background-color:var(--colour-light);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3e%3c!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-96-96c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L128 370.7 128 64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 306.7 41.4-41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-96 96zm352-333.3c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L448 141.3 448 448c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-306.7-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96c12.5-12.5 32.8-12.5 45.3 0l96 96z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit):has(th[data-sort]) :is(th,td){padding-left:.25rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) th[data-sort][data-order-by=asc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M209.4 39.4C204.8 34.7 198.6 32 192 32s-12.8 2.7-17.4 7.4l-168 176c-9.2 9.6-8.8 24.8 .8 33.9s24.8 8.8 33.9-.8L168 115.9 168 456c0 13.3 10.7 24 24 24s24-10.7 24-24l0-340.1L342.6 248.6c9.2 9.6 24.3 9.9 33.9 .8s9.9-24.3 .8-33.9l-168-176z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) th[data-sort][data-order-by=desc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M174.6 472.6c4.5 4.7 10.8 7.4 17.4 7.4s12.8-2.7 17.4-7.4l168-176c9.2-9.6 8.8-24.8-.8-33.9s-24.8-8.8-33.9 .8L216 396.1 216 56c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 340.1L41.4 263.4c-9.2-9.6-24.3-9.9-33.9-.8s-9.9 24.3-.8 33.9l168 176z'/%3e%3c/svg%3e")}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col1]+table :is(thead,tbody) :is(th,td):nth-child(1){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col2]+table :is(thead,tbody) :is(th,td):nth-child(2){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col3]+table :is(thead,tbody) :is(th,td):nth-child(3){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col4]+table :is(thead,tbody) :is(th,td):nth-child(4){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col5]+table :is(thead,tbody) :is(th,td):nth-child(5){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col6]+table :is(thead,tbody) :is(th,td):nth-child(6){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col7]+table :is(thead,tbody) :is(th,td):nth-child(7){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col8]+table :is(thead,tbody) :is(th,td):nth-child(8){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col9]+table :is(thead,tbody) :is(th,td):nth-child(9){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col10]+table :is(thead,tbody) :is(th,td):nth-child(10){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col11]+table :is(thead,tbody) :is(th,td):nth-child(11){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col12]+table :is(thead,tbody) :is(th,td):nth-child(12){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col13]+table :is(thead,tbody) :is(th,td):nth-child(13){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col14]+table :is(thead,tbody) :is(th,td):nth-child(14){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col15]+table :is(thead,tbody) :is(th,td):nth-child(15){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col16]+table :is(thead,tbody) :is(th,td):nth-child(16){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col17]+table :is(thead,tbody) :is(th,td):nth-child(17){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col18]+table :is(thead,tbody) :is(th,td):nth-child(18){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col19]+table :is(thead,tbody) :is(th,td):nth-child(19){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col20]+table :is(thead,tbody) :is(th,td):nth-child(20){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col21]+table :is(thead,tbody) :is(th,td):nth-child(21){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col22]+table :is(thead,tbody) :is(th,td):nth-child(22){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col23]+table :is(thead,tbody) :is(th,td):nth-child(23){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col24]+table :is(thead,tbody) :is(th,td):nth-child(24){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col25]+table :is(thead,tbody) :is(th,td):nth-child(25){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col26]+table :is(thead,tbody) :is(th,td):nth-child(26){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col27]+table :is(thead,tbody) :is(th,td):nth-child(27){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col28]+table :is(thead,tbody) :is(th,td):nth-child(28){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col29]+table :is(thead,tbody) :is(th,td):nth-child(29){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) [data-hide-col30]+table :is(thead,tbody) :is(th,td):nth-child(30){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit) .table--filtered tbody tr:not(.filtered--show){display:none !important}iam-table-basic:is(.mh-lg,.mh-md,.mh-sm) thead{position:sticky;top:0;z-index:9999}iam-table-basic:is(.mh-lg,.mh-md,.mh-sm) thead tr{background:var(--row-bg);background:linear-gradient(0deg, var(--colour-primary) 2px, var(--row-bg) 2px);border:none}/*# sourceMappingURL=assets/css/components/table.global.css.map */
|
|
522
|
+
</style>`)}connectedCallback(){const a=this.shadowRoot.querySelector("iam-pagination"),t=this.querySelector("table"),o=Li(this,t),r=t.querySelector("tbody").cloneNode(!0),i=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets";window.customElements.get("iam-menu")||import(`${i}/js/components/menu/menu.component.js`).then(n=>{window.customElements.define("iam-menu",n.default)}).catch(n=>{console.log(n.message)}),Ai(this),vt(this,t,o,a),kt(this,t),this.hasAttribute("data-submit")?(Ri(this,t,o),V(this,t,o,a,()=>{o.submit()})):this.hasAttribute("data-no-submit")||this.hasAttribute("data-nosubmit")?(Ci(this,t,o,a,r),V(this,t,o,a,()=>{ot(this)})):this.hasAttribute("data-ajax")?(Bi(this,t,o,a),V(this,t,o,a,()=>{O(this,t,o,a)})):(ot(this),V(this,t,o,a,()=>{ot(this)}))}}const Ni=Object.freeze(Object.defineProperty({__proto__:null,default:ji},Symbol.toStringTag,{value:"Module"}));/*!
|
|
523
|
+
* iamKey v7.4.0
|
|
592
524
|
* Copyright 2022-2025 iamproperty
|
|
593
|
-
*/const
|
|
525
|
+
*/const Fi=e=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:e})},Pi=(e,a,t)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:a}),t.forEach(o=>{e.addEventListener(o,function(r){const i={event:o,element:a,target:r.target};Object.keys(r.detail).forEach(n=>{const s=r.detail[n];i[n]=s}),window.dataLayer.push(i)})}),!0),Di=`<div class="card__head" part="head">
|
|
594
526
|
<slot name="head"></slot>
|
|
595
527
|
</div>
|
|
596
528
|
<div class="card__badges"><slot name="badges"></slot></div>
|
|
@@ -604,15 +536,15 @@ iam-menu details summary:not([class*="fa-"]:before {
|
|
|
604
536
|
</div>
|
|
605
537
|
<div class="card__footer" part="footer">
|
|
606
538
|
<slot name="footer"></slot>
|
|
607
|
-
</div>`,
|
|
539
|
+
</div>`,Vi=e=>{e.classList.add("card");const a=e.shadowRoot.querySelector(".card__head"),t=e.shadowRoot.querySelector(".card__body");e.hasAttribute("data-image")&&(a.innerHTML+=`<img src="${e.getAttribute("data-image")}" alt="" loading="lazy" part="image" />`),e.hasAttribute("data-total")?t.insertAdjacentHTML("beforeend",`<div class="card__total">${e.getAttribute("data-total")}</div>`):e.querySelector('[slot="total-icon"]')&&t.insertAdjacentHTML("beforeend",'<div class="card__total"><slot name="total-icon"></slot></div>'),e.querySelector('[slot="badges"]')?e.shadowRoot.querySelector(".card__badges").classList.remove("empty"):e.shadowRoot.querySelector(".card__badges").classList.add("empty")};var Oi=function(e,a,t,o){function r(i){return i instanceof t?i:new t(function(n){n(i)})}return new(t||(t=Promise))(function(i,n){function s(m){try{c(o.next(m))}catch(u){n(u)}}function d(m){try{c(o.throw(m))}catch(u){n(u)}}function c(m){m.done?i(m.value):r(m.value).then(s,d)}c((o=o.apply(e,[])).next())})};Fi("iam-record-card");const Ii=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const a=document.createElement("template");a.innerHTML=`
|
|
608
540
|
<style>
|
|
609
541
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
610
542
|
|
|
611
543
|
: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:not(.empty){padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) 0 var(--card-left-padding);margin-bottom:-1.5rem}:host{--card-head-height: 9rem;--card-right-padding: 1rem;background:rgba(0,0,0,0) !important;position:relative}:host(: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}:host([data-record]) .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)}:host([data-initials]:before){content:data-initials;display:block}:host([data-initials]) .card__head:before{display:none !important}:host([data-initials]):before{font-family:var(--font-body);font-weight:normal;font-size:2rem;content:attr(data-initials);display:block;position:absolute;top:var(--card-head-height);left:50%;bottom:0;background-color:var(--record-colour);border-radius:50%;height:4rem;margin-top:-4rem;line-height:4rem;width:4rem;text-align:center;transform:translate(-50%, 0)}.card__head{background:rgba(0,0,0,0) !important;position:relative;min-height:var(--card-head-height)}.card__head .card__avatar{display:block;position:absolute;top:auto;left:50%;bottom:0;border-radius:50%;height:4rem;line-height:4rem;width:4rem;text-align:center;transform:translate(-50%, 0);margin:0;object-fit:cover}.card__badges{position:absolute;top:0;text-align:left;left:0;z-index:9}.card__body{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow:hidden;padding-bottom:0;margin-bottom:0}.card__details{padding:0 var(--card-right-padding) 1.5rem var(--card-left-padding)}::slotted(span:not(.badge)){display:block !important;font-weight:normal !important;font-size:0.875rem !important;line-height:1.5rem !important}::slotted(span:not(.badge):not([class*=pt-])){padding-top:1rem !important}::slotted(*:not(.badge)){display:block !important;font-weight:normal !important;font-size:0.875rem !important;line-height:1.5rem !important}:host([data-initials]){--record-content: attr(data-initials);--record-colour: var(--wider-colour-2)}: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)}/*# sourceMappingURL=assets/css/components/record-card.component.css.map */
|
|
612
544
|
|
|
613
545
|
</style>
|
|
614
|
-
${
|
|
615
|
-
`,this.shadowRoot.appendChild(
|
|
546
|
+
${Di}
|
|
547
|
+
`,this.shadowRoot.appendChild(a.content.cloneNode(!0))}connectedCallback(){return Oi(this,void 0,void 0,function*(){const a=this.shadowRoot.querySelector(".card__head");Vi(this),Array.from(this.querySelectorAll(":scope > *:not([slot])")).forEach(t=>{t.setAttribute("slot","details")}),this.hasAttribute("data-avatar")&&(a.innerHTML+=`<img src="${this.getAttribute("data-avatar")}" alt="" loading="lazy" class="card__avatar" part="avatar" />`),Pi(this,"iam-record-card",[])})}static get observedAttributes(){return["data-image"]}attributeChangedCallback(a,t,o){switch(a){case"data-image":{if(t!=o){const r=this.shadowRoot.querySelector(".card__head img");r&&r.setAttribute("src",o)}break}case"data-avatar":{if(t!=o){const r=this.shadowRoot.querySelector(".card__avatar");r&&r.setAttribute("src",o)}break}}}}},Symbol.toStringTag,{value:"Module"})),Ui=e=>e.replace(/ /g,"_"),Wi=function(e){return e=e.toLowerCase(),e=Ui(e),e=e.replace(/\W/g,""),e},F=(e,a,t)=>a.split(/[\.\[\]\'\"]/).filter(o=>o).reduce((o,r)=>o?o[r]:t,e),Lt=e=>Array.isArray(e)||e!==null&&["function","object"].includes(typeof e);function Gi(e,a,t,o=!1){let r=-1;o?a.addEventListener("focus",function(){a.setAttribute("data-list",a.getAttribute("list")),a.setAttribute("list",""),t.style.display="block"}):a.addEventListener("focus",function(){a.setAttribute("placeholder",a.value),a.setAttribute("data-value",a.value),a.value="",a.setAttribute("data-list",a.getAttribute("list")),a.setAttribute("list",""),t.style.display="block"}),a.addEventListener("blur",function(){a.hasAttribute("data-value")&&(a.value=a.getAttribute("data-value")),setTimeout(()=>{t.style.display="none"},500)});for(const s of t.options)s.innerHTML==""&&(s.innerHTML=s.value);e.addEventListener("click",function(){if(event&&event.target instanceof HTMLElement&&event.target.closest("datalist option")){const s=event.target.closest("datalist option");a.value=s.value,typeof window.triggerDynamicEvent=="function"&&window.triggerDynamicEvent(a),t.style.display="none";for(const d of t.options)d.classList.remove("active");s.classList.add("active")}}),a.addEventListener("input",function(){a.removeAttribute("data-value"),r=-1;const s=a.value.toUpperCase();for(const d of t.options)d.value.toUpperCase().indexOf(s)>-1?d.style.display="block":d.style.display="none"}),a.addEventListener("keydown",function(s){s.keyCode==40?(r++,i(t.options)):s.keyCode==38?(r--,i(t.options)):s.keyCode==13&&(s.preventDefault(),r>-1&&t.options&&t.options[r].click())});function i(s){if(!s)return!1;n(s),r>=s.length&&(r=0),r<0&&(r=s.length-1),s[r].classList.add("active")}function n(s){for(let d=0;d<s.length;d++)s[d].classList.remove("active")}a.closest("label").insertAdjacentHTML("beforeend",'<button class="empty btn btn-action"><i class="fa-light fa-times me-0"></i></button>'),e.querySelector(".empty").addEventListener("click",function(s){a.removeAttribute("placeholder"),a.removeAttribute("data-value"),a.value="";for(const d of t.options)d.classList.remove("active"),d.removeAttribute("style")})}var Et=function(e,a,t,o){function r(i){return i instanceof t?i:new t(function(n){n(i)})}return new(t||(t=Promise))(function(i,n){function s(m){try{c(o.next(m))}catch(u){n(u)}}function d(m){try{c(o.throw(m))}catch(u){n(u)}}function c(m){m.done?i(m.value):r(m.value).then(s,d)}c((o=o.apply(e,[])).next())})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Search"});class Ki 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`,o=document.createElement("template");o.innerHTML=`
|
|
616
548
|
<style>
|
|
617
549
|
@import "${t}";
|
|
618
550
|
input {
|
|
@@ -630,12 +562,12 @@ iam-menu details summary:not([class*="fa-"]:before {
|
|
|
630
562
|
</style>
|
|
631
563
|
<link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous" />
|
|
632
564
|
<slot></slot>
|
|
633
|
-
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){return
|
|
634
|
-
`,", ");
|
|
635
|
-
`,", ");n.querySelector(`option[data-value="${
|
|
636
|
-
* iamKey v7.
|
|
565
|
+
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){return Et(this,void 0,void 0,function*(){const a=this,t=this.querySelector("input"),o=this.hasAttribute("data-value-schema")?this.getAttribute("data-value-schema"):"value",r=this.hasAttribute("data-display-schema")?this.getAttribute("data-display-schema"):"label",i=this.hasAttribute("data-schema")?this.getAttribute("data-schema"):"";let n=this.querySelector("datalist");const s=[];let d=this.getAttribute("data-url");const c=t.cloneNode();if(c.setAttribute("name",`${t.getAttribute("name")}Alt`),t.removeAttribute("data-change-events"),c.removeAttribute("id"),t.after(c),t.setAttribute("type","hidden"),!n){n=document.createElement("datalist");const h=Wi("list");n.setAttribute("id",h),a.appendChild(n),c.setAttribute("list",h)}Gi(this,c,n,!0),a.hasAttribute("data-url")&&c.addEventListener("input",()=>{c.value.length==3&&!s.includes(c.value)&&(u(c.value),s.push(c.value))});function m(){const h=n.querySelector(`option[value="${c.value}"]`),p=n.querySelector(`option[value*="${c.value}" i]`);h?(t.value=h.getAttribute("data-value"),c.value=h.getAttribute("data-value")):c.value.length>0&&!p?(c.classList.add("is-invalid"),c.closest("label").setAttribute("data-error","No results returned")):(c.classList.remove("is-invalid"),c.closest("label").removeAttribute("data-error"))}c.addEventListener("input",()=>{m()});const u=h=>Et(this,void 0,void 0,function*(){d+=`${encodeURI(h)}`,window.controller||(window.controller=[]),window.controller[d]&&window.controller[d].abort(),window.controller[d]=new AbortController;const{signal:p}=controller[d];try{yield fetch(d,{signal:p,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":ct.get("XSRF-TOKEN")})}).then(b=>b.json()).then(b=>{let f="";const g=F(b,i,"");if(Lt(g)&&typeof g.forEach=="function")g.forEach(y=>{const k=F(y,o,""),L=F(y,r,"").replace(`
|
|
566
|
+
`,", ");n.querySelector(`option[data-value="${k}"]`)||(f+=`<option value="${L}" data-value="${k}">${L}</option>`)});else if(typeof g=="object")for(const[y,k]of Object.entries(g))Lt(k)&&typeof k.forEach=="function"&&k.forEach(L=>{const E=F(L,o,""),v=F(L,r,"").replace(`
|
|
567
|
+
`,", ");n.querySelector(`option[data-value="${E}"]`)||(f+=`<option value="${y}: ${v}" data-value='${E}'>${y}: ${v}</option>`)});return n.innerHTML+=f,c.closest("form").classList.add("was-validated"),m(),b})}catch(b){console.log(b)}});a.hasAttribute("data-prevent-submit")&&a.closest("form").addEventListener("submit",h=>{h.preventDefault()})})}}const Yi=Object.freeze(Object.defineProperty({__proto__:null,default:Ki},Symbol.toStringTag,{value:"Module"}));/*!
|
|
568
|
+
* iamKey v7.4.0
|
|
637
569
|
* Copyright 2022-2025 iamproperty
|
|
638
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Slider"});const
|
|
570
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Slider"});const Xi=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`,o=document.createElement("template");o.innerHTML=`
|
|
639
571
|
<style>
|
|
640
572
|
@import "${t}";
|
|
641
573
|
@layer reset{.row{--gutter-x: 1rem;--gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--gutter-y));margin-right:calc(-0.5*var(--gutter-x));margin-left:calc(-0.5*var(--gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--gutter-x)*.5);padding-left:calc(var(--gutter-x)*.5);margin-top:var(--gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.3333333333%}.col-2{flex:0 0 auto;width:16.6666666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.3333333333%}.col-5{flex:0 0 auto;width:41.6666666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.3333333333%}.col-8{flex:0 0 auto;width:66.6666666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.3333333333%}.col-11{flex:0 0 auto;width:91.6666666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}.g-0,.gx-0{--gutter-x: 0}.g-0,.gy-0{--gutter-y: 0}.g-1,.gx-1{--gutter-x: 0.5rem}.g-1,.gy-1{--gutter-y: 0.5rem}.g-2,.gx-2{--gutter-x: 1rem}.g-2,.gy-2{--gutter-y: 1rem}.g-3,.gx-3{--gutter-x: 1.5rem}.g-3,.gy-3{--gutter-y: 1.5rem}.g-4,.gx-4{--gutter-x: 2rem}.g-4,.gy-4{--gutter-y: 2rem}.g-5,.gx-5{--gutter-x: 3rem}.g-5,.gy-5{--gutter-y: 3rem}@media screen and (min-width: 36em){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.3333333333%}.col-sm-2{flex:0 0 auto;width:16.6666666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.3333333333%}.col-sm-5{flex:0 0 auto;width:41.6666666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.3333333333%}.col-sm-8{flex:0 0 auto;width:66.6666666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.3333333333%}.col-sm-11{flex:0 0 auto;width:91.6666666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}.g-sm-0,.gx-sm-0{--gutter-x: 0}.g-sm-0,.gy-sm-0{--gutter-y: 0}.g-sm-1,.gx-sm-1{--gutter-x: 0.5rem}.g-sm-1,.gy-sm-1{--gutter-y: 0.5rem}.g-sm-2,.gx-sm-2{--gutter-x: 1rem}.g-sm-2,.gy-sm-2{--gutter-y: 1rem}.g-sm-3,.gx-sm-3{--gutter-x: 1.5rem}.g-sm-3,.gy-sm-3{--gutter-y: 1.5rem}.g-sm-4,.gx-sm-4{--gutter-x: 2rem}.g-sm-4,.gy-sm-4{--gutter-y: 2rem}.g-sm-5,.gx-sm-5{--gutter-x: 3rem}.g-sm-5,.gy-sm-5{--gutter-y: 3rem}}@media screen and (min-width: 62em){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.3333333333%}.col-md-2{flex:0 0 auto;width:16.6666666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.3333333333%}.col-md-5{flex:0 0 auto;width:41.6666666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.3333333333%}.col-md-8{flex:0 0 auto;width:66.6666666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.3333333333%}.col-md-11{flex:0 0 auto;width:91.6666666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}.g-md-0,.gx-md-0{--gutter-x: 0}.g-md-0,.gy-md-0{--gutter-y: 0}.g-md-1,.gx-md-1{--gutter-x: 0.5rem}.g-md-1,.gy-md-1{--gutter-y: 0.5rem}.g-md-2,.gx-md-2{--gutter-x: 1rem}.g-md-2,.gy-md-2{--gutter-y: 1rem}.g-md-3,.gx-md-3{--gutter-x: 1.5rem}.g-md-3,.gy-md-3{--gutter-y: 1.5rem}.g-md-4,.gx-md-4{--gutter-x: 2rem}.g-md-4,.gy-md-4{--gutter-y: 2rem}.g-md-5,.gx-md-5{--gutter-x: 3rem}.g-md-5,.gy-md-5{--gutter-y: 3rem}}}.row{align-items:center}:is(.min,.max){max-width:fit-content;line-height:2rem}.sliders{position:relative;padding:0}:host{max-width:var(--input-max-width, 50rem);display:block}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) var(--percent, 0%), var(--track-colour) 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) var(--percent, 0%), var(--track-colour) var(--percent, 0%))}input[type=range]+input[type=range]{position:absolute;top:0;left:50%;width:50%}input[type=range]+input[type=range]::-webkit-slider-runnable-track{background:rgba(0,0,0,0);pointer-events:none;width:200%;margin-left:-100%}@supports(-moz-appearance: none){input[type=range]+input[type=range]{left:0;width:100%;pointer-events:none}}input[type=range]+input[type=range]::-moz-range-track{background:rgba(0,0,0,0);pointer-events:none}.input__wrapper{display:flex;justify-content:flex-end;--max-width: 6.25rem;--padding-top: 0.75rem}.input__wrapper>span{display:none}.input__wrapper[data-elements="2"]{justify-content:space-between;--max-width: calc(50% - 3rem);--padding-top: 2rem;position:relative}.input__wrapper[data-elements="2"]:before{content:"";position:absolute;width:4rem;height:2px;top:calc(50% - 1px);left:calc(50% - 2rem);background-color:var(--colour-border)}.input__wrapper[data-elements="2"] span{display:block;position:absolute;top:.5rem;left:1rem;color:#9d9d9d;font-size:1rem}.input__wrapper[data-elements="2"] span+span{left:calc(50% + 4rem)}::slotted(input){margin-top:0 !important;padding-top:var(--padding-top) !important;max-width:var(--max-width) !important;-webkit-appearance:none !important;appearance:none !important;min-height:auto !important;max-height:none !important}/*# sourceMappingURL=assets/css/components/slider.css.map */
|
|
@@ -649,10 +581,10 @@ iam-menu details summary:not([class*="fa-"]:before {
|
|
|
649
581
|
<div class="col max ps-2"></div>
|
|
650
582
|
</div>
|
|
651
583
|
<div class="input__wrapper"><slot></slot><span>Minimum</span><span>Maximum</span></div>
|
|
652
|
-
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){const
|
|
653
|
-
* iamKey v7.
|
|
584
|
+
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){const a=this,t=this.shadowRoot.querySelector(".min"),o=this.shadowRoot.querySelector(".max"),r=this.shadowRoot.querySelector(".sliders");let i=this.querySelectorAll("input");const n=this.shadowRoot.querySelector(".input__wrapper"),s=this.closest("label");let d,c="mouseup",m="mousedown";"ontouchstart"in document.documentElement&&(c="touchend",m="touchstart");const u=function(p){const b=p.value,f=a.shadowRoot.querySelector(".is-first").getAttribute("min"),g=a.shadowRoot.querySelector(".is-last").getAttribute("max");if(p.classList.contains("is-last")&&!p.classList.contains("is-first")){const y=b/(g-f)*100;a.style.setProperty("--percent",y+"%"),parseFloat(p.value)<=parseFloat(a.shadowRoot.querySelector(".is-first").value)&&(a.shadowRoot.querySelector(".is-first").value=p.value,a.querySelector(".is-first").value=p.value,a.style.setProperty("--start-percent",y+"%"))}else if(p.classList.contains("is-first")&&!p.classList.contains("is-last")){const y=b/(g-f)*100;a.style.setProperty("--start-percent",y+"%"),parseFloat(p.value)>=parseFloat(a.shadowRoot.querySelector(".is-last").value)&&(a.shadowRoot.querySelector(".is-last").value=p.value,a.querySelector(".is-last").value=p.value,a.style.setProperty("--percent",y+"%"))}else{const y=(b/(g-f)*100).toFixed(2);a.style.setProperty("--percent",y+"%")}};Array.from(i).forEach((p,b)=>{const f=p.cloneNode(!0);p.setAttribute("type","number"),f.setAttribute("type","range"),b==0&&(p.classList.add("is-first"),f.classList.add("is-first"),t.innerHTML=p.getAttribute("min"),o.innerHTML=p.getAttribute("max"),r.appendChild(f)),b==i.length-1&&(p.classList.add("is-last"),f.classList.add("is-last"),r.appendChild(f)),b>1&&p.remove()}),i=this.querySelectorAll("input"),n.setAttribute("data-elements",i.length);const h=this.shadowRoot.querySelectorAll("input");Array.from(i).forEach((p,b)=>{p.addEventListener("keyup",function(){h[b].value=p.value,u(h[b])}),p.addEventListener("keydown",function(){h[b].value=p.value,u(h[b])}),p.addEventListener("change",function(){h[b].value=p.value,u(h[b])})}),Array.from(h).forEach((p,b)=>{u(p),p.addEventListener(m,function(){clearInterval(d),d=setInterval(function(){u(p),i[b].value=p.value},10)}),p.addEventListener(c,function(){clearInterval(d)}),p.addEventListener("change",function(){clearInterval(d),u(p),i[b].value=p.value})}),s.addEventListener("click",function(p){if(p.preventDefault(),this===p.target)a.shadowRoot.querySelector("input").focus();else return p.stopPropagation(),!1})}}},Symbol.toStringTag,{value:"Module"}));/*!
|
|
585
|
+
* iamKey v7.4.0
|
|
654
586
|
* Copyright 2022-2025 iamproperty
|
|
655
|
-
*/const
|
|
587
|
+
*/const Ji=(e,a,t,o)=>{const r=Math.tan(.375*Math.PI),i=window.innerWidth||document.body.clientWidth,n=Math.max(1,Math.floor(.01*i)),s=t-e,d=o-a,c=Math.abs(s/d),m=Math.abs(d/s);if(Math.abs(s)>n||Math.abs(d)>n){if(m<=r)return s<0?"left":"right";if(c<=r)return d<0?"top":"bottom"}else return"tap"},Qi=function(e){const a=e.querySelectorAll(":scope > details, :scope > a");let t=e.querySelector(":scope > .tabs__links"),o=e.querySelector(":scope .tabs__dropdown");if(e.shadowRoot&&e.shadowRoot.querySelector(".tabs__links")&&(t=e.shadowRoot.querySelector(".tabs__links")),!t){t=document.createElement("div"),t.classList.add("tabs__links");const i=document.createElement("div");i.classList.add("tabs__links__wrapper"),i.prepend(t),e.prepend(i)}o||(o=document.createElement("select"),o.classList.add("tabs__dropdown"),e.prepend(o));let r=0;a.forEach(i=>{let n=document.createElement("button");const s=document.createElement("option");if(i.matches("details")){const d=i.querySelector(":scope > summary"),c=d.classList.contains("disabled");d.classList.add("visually-hidden"),i.hasAttribute("id")&&n.setAttribute("data-id",`${i.getAttribute("id")}`),i.hasAttribute("open")&&n.setAttribute("aria-pressed",!0),n.innerHTML=`${d.innerText}`,n.classList.add("link"),n.setAttribute("data-index",r),n.setAttribute("part","tab-link"),s.innerHTML=`${d.innerText}`,s.value=d.innerText.replace(/\s+/g,"-").toLowerCase(),s.setAttribute("data-index",r),i.setAttribute("tabindex","-1"),c&&n.classList.add("disabled"),r++}else i.matches("a")&&(n=i);n.classList.add("link"),t.appendChild(n),o.appendChild(s)})},Zi=function(e){const a=e.querySelectorAll(":scope > details"),t=e.querySelectorAll(":scope > details > summary");let o=e.querySelector(":scope .tabs__links"),r=e.querySelectorAll(":scope .tabs__links > button");const i=e.querySelector(":scope .tabs__dropdown");let n=e.querySelector(":scope .tabs__next"),s;if(window.isClicked=!1,window.isScrolling=!1,e.shadowRoot&&(r=e.shadowRoot.querySelectorAll(".tabs__links > button"),o=e.shadowRoot.querySelector(".tabs__links"),n=e.shadowRoot.querySelector(".tabs__next")),r.forEach(d=>{d.addEventListener("click",c=>{if(c.preventDefault(),window.isClicked=!0,d.classList.contains("disabled"))return!1;r.forEach(m=>{const u=m==d;m.setAttribute("aria-pressed",u)}),o.scroll({top:0,left:d.offsetLeft,behavior:"smooth"}),St(a,d),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:d.textContent}),d.matches(":last-child")?n==null||n.setAttribute("disabled","disabled"):n==null||n.removeAttribute("disabled")}),tn(a,i)}),o.addEventListener("scrollend",()=>{clearTimeout(s),s=setTimeout(function(){let d=r[0],c=Math.abs(d.getBoundingClientRect().left);if(r.forEach(m=>{Math.abs(m.getBoundingClientRect().left)<c&&(c=Math.abs(m.getBoundingClientRect().left),d=m)}),window.isClicked)return window.isClicked=!1,!1;d.click(),d.focus()},500)}),t.forEach((d,c)=>{d.addEventListener("click",m=>{m.preventDefault(),r[c].click()})}),n==null||n.addEventListener("click",d=>{d.preventDefault();const c=o.querySelector('[aria-pressed="true"]').nextSibling;c&&c.click()}),e.classList.contains("tabs--guided")){let d=0,c=0,m=0,u=0;a.forEach(h=>{h.addEventListener("touchstart",p=>{p.stopPropagation(),d=p.changedTouches[0].screenX,c=p.changedTouches[0].screenY}),h.addEventListener("touchend",p=>{p.stopPropagation(),m=p.changedTouches[0].screenX,u=p.changedTouches[0].screenY;const b=Ji(d,c,m,u),f=o.querySelector('[aria-pressed="true"]'),g=f.nextSibling,y=f.previousSibling;switch(b){case"left":g&&g.click();break;case"right":y&&y.click();break}})})}},St=function(e,a){e.forEach((t,o)=>{const r=a.getAttribute("data-index")==o;r?t.setAttribute("open",r):t.removeAttribute("open")})},tn=function(e,a){a.addEventListener("change",t=>{t.preventDefault();const o=a.options[a.selectedIndex];St(e,o),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:o.innerText})})},en=function(e){if(!e.querySelector(":scope > details"))return!1;const a=e.querySelectorAll(":scope > details"),t=e.shadowRoot.querySelectorAll(".tabs__links > button");location.hash&&e.shadowRoot.querySelector(`.tabs__links [data-id="${location.hash.replace("#","")}"]`)?(e.shadowRoot.querySelector(`[data-id="${location.hash.replace("#","")}"]`).setAttribute("aria-pressed",!0),e.querySelector(`details[id="${location.hash.replace("#","")}"]`).setAttribute("open",!0)):e.querySelector("details[open]")||(a[0].setAttribute("open",!0),t[0].setAttribute("aria-pressed",!0))},an=function(e){Qi(e),Zi(e),en(e)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});class on 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`,o=document.createElement("template");o.innerHTML=`
|
|
656
588
|
<style>
|
|
657
589
|
@import "${t}";
|
|
658
590
|
*:not(main):has(>iam-tabs){container-type:inline-size}iam-tabs{--colour-tab-underline: var(--colour-info)}iam-tabs details:not([open]){padding-bottom:0}iam-tabs .tabs__dropdown{display:none;width:fit-content}iam-tabs:is(.tabs--dropdown) .tabs__dropdown{display:block}iam-tabs:is(.tabs--dropdown)::part(wrapper){display:none}@container (min-width: 62em){iam-tabs:is(.tabs--dropdown) .tabs__dropdown{display:none}iam-tabs:is(.tabs--dropdown)::part(wrapper){display:block}}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:not(.admin-panel) .tabs__links{-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{scroll-snap-type:x mandatory;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-tab-underline);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 */
|
|
@@ -674,10 +606,10 @@ iam-menu details summary:not([class*="fa-"]:before {
|
|
|
674
606
|
<slot></slot>
|
|
675
607
|
<button part="next-button" class="btn btn-secondary btn-sm btn-compact fa-regular fa-chevron-right tabs__next">Next</button>
|
|
676
608
|
</div>
|
|
677
|
-
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){const
|
|
678
|
-
* iamKey v7.
|
|
609
|
+
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){const a=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${a}`),an(this)}}const rn=Object.freeze(Object.defineProperty({__proto__:null,default:on},Symbol.toStringTag,{value:"Module"}));/*!
|
|
610
|
+
* iamKey v7.4.0
|
|
679
611
|
* Copyright 2022-2025 iamproperty
|
|
680
|
-
*/const
|
|
612
|
+
*/const nn=e=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:e})},sn=(e,a,t)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:a}),t.forEach(o=>{e.addEventListener(o,function(r){const i={event:o,element:a,target:r.target};Object.keys(r.detail).forEach(n=>{const s=r.detail[n];i[n]=s}),window.dataLayer.push(i)})}),!0),ln=`<div class="card__head" part="head">
|
|
681
613
|
<slot name="head"></slot>
|
|
682
614
|
</div>
|
|
683
615
|
<div class="card__badges"><slot name="badges"></slot></div>
|
|
@@ -691,15 +623,39 @@ iam-menu details summary:not([class*="fa-"]:before {
|
|
|
691
623
|
</div>
|
|
692
624
|
<div class="card__footer" part="footer">
|
|
693
625
|
<slot name="footer"></slot>
|
|
694
|
-
</div>`,
|
|
626
|
+
</div>`,cn=e=>{e.classList.add("card");const a=e.shadowRoot.querySelector(".card__head"),t=e.shadowRoot.querySelector(".card__body");e.hasAttribute("data-image")&&(a.innerHTML+=`<img src="${e.getAttribute("data-image")}" alt="" loading="lazy" part="image" />`),e.hasAttribute("data-total")?t.insertAdjacentHTML("beforeend",`<div class="card__total">${e.getAttribute("data-total")}</div>`):e.querySelector('[slot="total-icon"]')&&t.insertAdjacentHTML("beforeend",'<div class="card__total"><slot name="total-icon"></slot></div>'),e.querySelector('[slot="badges"]')?e.shadowRoot.querySelector(".card__badges").classList.remove("empty"):e.shadowRoot.querySelector(".card__badges").classList.add("empty")};var $t=function(e,a,t,o){function r(i){return i instanceof t?i:new t(function(n){n(i)})}return new(t||(t=Promise))(function(i,n){function s(m){try{c(o.next(m))}catch(u){n(u)}}function d(m){try{c(o.throw(m))}catch(u){n(u)}}function c(m){m.done?i(m.value):r(m.value).then(s,d)}c((o=o.apply(e,[])).next())})};const dn=()=>$t(void 0,void 0,void 0,function*(){return new Promise((e,a)=>{const t=new Image;t.onload=function(){const o=document.createElement("script");o.src="https://www.youtube.com/iframe_api";const r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(o,r),document.body.classList.add("youtubeLoaded"),e(!0)},t.onerror=function(){a(!1)},t.src="https://youtube.com/favicon.ico"})}),mn=(e,a)=>$t(void 0,void 0,void 0,function*(){typeof window.player>"u"&&(window.player=[]);const t=e.getAttribute("id");if(typeof window.player[t]<"u"&&typeof window.player[t].pauseVideo=="function")return window.player[t].playVideo(),!1;window.player[t]=new YT.Player(t,{height:"100%",width:"100%",videoId:a,playerVars:{modestbranding:1,playsinline:1,rel:0,showinfo:0},events:{onReady:o,onStateChange:i}});function o(n){n.target.playVideo()}let r=!1;function i(n){n.data==YT.PlayerState.PLAYING&&!r&&(document.getElementById(t).classList.add("player-ready"),r=!0)}});var un=function(e,a,t,o){function r(i){return i instanceof t?i:new t(function(n){n(i)})}return new(t||(t=Promise))(function(i,n){function s(m){try{c(o.next(m))}catch(u){n(u)}}function d(m){try{c(o.throw(m))}catch(u){n(u)}}function c(m){m.done?i(m.value):r(m.value).then(s,d)}c((o=o.apply(e,[])).next())})};nn("iam-video-card");const pn=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const a=document.createElement("template");a.innerHTML=`
|
|
695
627
|
<style>
|
|
696
628
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
697
629
|
|
|
698
630
|
: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:not(.empty){padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) 0 var(--card-left-padding);margin-bottom:-1.5rem}:host{--card-right-padding: 1rem;--card-head-height: 10rem;font-size:1.5rem;--line-height: 2rem}:host(:is([data-youtube],[data-vimeo]):not(.video-card--top)) .card__head{order:2}:host(:is([data-youtube],[data-vimeo])) .card__head{cursor:pointer;position:relative}:host(:is([data-youtube],[data-vimeo])) .card__head>*:not(img){z-index:-1}:host(:is([data-youtube],[data-vimeo])) .card__head:before{content:"";display:block;background-color:var(--video-btn-colour, var(--colour-success));height:5rem;width:5rem;position:absolute;top:calc(50% - 2.5rem);left:calc(50% - 2.5rem);z-index:2;border-radius:2.5rem}:host(:is([data-youtube],[data-vimeo])) .card__head:after{--icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/></svg>");content:"";display:block;height:2rem;width:2rem;position:absolute;top:calc(50% - 1rem);left:calc(50% - .8rem);z-index:5;background:var(--colour-primary-theme);mask-image:var(--icon);mask-size:80%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon);-webkit-mask-size:80%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}:host(:is([data-youtube],[data-vimeo])) .card__head:is(:hover,:focus){--video-btn-colour: var(--colour-canvas)}:host(:is([data-youtube],[data-vimeo])) .card__head:is(:active){--video-btn-colour: color-mix(in oklab, var(--colour-success), #000000 20%) !important}.embed{aspect-ratio:1/1;display:block;width:10rem}/*# sourceMappingURL=assets/css/components/video-card.component.css.map */
|
|
699
631
|
|
|
700
632
|
</style>
|
|
701
|
-
${
|
|
633
|
+
${ln}
|
|
702
634
|
<dialog>
|
|
703
635
|
<div class="embed"></div>
|
|
704
636
|
</dialog>
|
|
705
|
-
`,this.shadowRoot.appendChild(
|
|
637
|
+
`,this.shadowRoot.appendChild(a.content.cloneNode(!0))}connectedCallback(){return un(this,void 0,void 0,function*(){const a=this,t=a.shadowRoot.querySelector(".card__head"),o=String.fromCharCode(65+Math.floor(Math.random()*26))+Date.now();let r,i;cn(a),a.querySelector("[data-youtube]")&&a.setAttribute("data-youtube",a.querySelector("[data-youtube]").getAttribute("data-youtube")),a.querySelector("[data-vimeo]")&&a.setAttribute("data-vimeo",a.querySelector("[data-vimeo]").getAttribute("data-vimeo")),(a.hasAttribute("data-youtube")||a.hasAttribute("data-vimeo"))&&(t.setAttribute("tabindex","0"),document.getElementById(`${o}-dialog`)||document.body.insertAdjacentHTML("beforeend",`<dialog id="${o}-dialog"><div class="embed" id="${o}"></div></dialog>`),r=document.getElementById(`${o}-dialog`),i=document.getElementById(o)),a.hasAttribute("data-youtube")?(document.body.classList.contains("youtubeLoaded")||(yield dn()),t.addEventListener("click",function(){const n=new CustomEvent("play-video",{detail:{"Video Type":"YoutTube",ID:a.getAttribute("data-youtube")}});a.dispatchEvent(n),mn(i,this.getAttribute("[data-youtbue]")),r.showModal()}),r.addEventListener("close",()=>{window.player[i.getAttribute("id")]&&typeof window.player[i.getAttribute("id")].pauseVideo=="function"&&window.player[i.getAttribute("id")].pauseVideo();const n=new CustomEvent("close-video",{detail:{"Video Type":"YoutTube",ID:a.getAttribute("data-youtube")}});a.dispatchEvent(n)})):a.hasAttribute("data-vimeo")&&(t.addEventListener("click",function(){const n=a.getAttribute("data-vimeo"),s=new CustomEvent("play-video",{detail:{"Video Type":"Vimeo",ID:n}});a.dispatchEvent(s),i.querySelector("iframe")||(i.innerHTML=`<iframe src="https://player.vimeo.com/video/${n}?autoplay=1" width="100%" height="100%" frameborder="0" allow="autoplay; encrypted-media" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>`),r.showModal()}),r.addEventListener("close",()=>{i.innerHTML="";const n=new CustomEvent("close-video",{detail:{"Video Type":"Vimeo",ID:a.getAttribute("data-vimeo")}});a.dispatchEvent(n)})),sn(a,"iam-video-card",["play-video","close-video"])})}static get observedAttributes(){return["data-image"]}attributeChangedCallback(a,t,o){switch(a){case"data-image":{if(t!=o){const r=this.shadowRoot.querySelector(".card__head img");r&&r.setAttribute("src",o)}break}}}}},Symbol.toStringTag,{value:"Module"}));/*!
|
|
638
|
+
* iamKey v7.4.0
|
|
639
|
+
* Copyright 2022-2025 iamproperty
|
|
640
|
+
*/const hn=e=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:e})},bn=(e,a,t)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:a}),t.forEach(o=>{e.addEventListener(o,function(r){const i={event:o,element:a,target:r.target};Object.keys(r.detail).forEach(n=>{const s=r.detail[n];i[n]=s}),window.dataLayer.push(i)})}),!0),gn=function(e){const a=e.dataset.status;if(!a)return;const t=e.shadowRoot.querySelector(".milestone-wrap"),o=document.createElement("span");o.setAttribute("part","status"),o.classList.add("milestone-status"),o.innerHTML=`${a} Step`,a==="Current"&&e.classList.add("current"),t.insertAdjacentElement("afterbegin",o)},fn=function(e){const a=e.shadowRoot.querySelector(".task-wrap"),t=e.dataset.items?JSON.parse(e.dataset.items):[];t.length&&(t.forEach(o=>{const r=document.createElement("details"),i=document.createElement("summary"),n=document.createElement("div"),s=document.createElement("p");n.classList.add("task-details"),i.innerHTML=o.name,o.date_completed&&i.classList.add("complete"),r.appendChild(i),o.description&&(s.innerHTML=o.description,n.appendChild(s)),o.actions.length&&n.appendChild(vn(o.actions,i)),r.appendChild(n),a.insertAdjacentElement("beforeend",r),r.addEventListener("click",()=>{r!=null&&r.hasAttribute("open")?qt("milestone-item-closed",o.name,e):qt("milestone-item-opened",o.name,e)})}),e.appendChild(a))},qt=function(e,a,t){const o=new CustomEvent(e,{detail:{title:a}});t.dispatchEvent(o)},vn=function(e,a){const t=document.createElement("ul"),o=e.length,r=e.filter(i=>i.date_completed).length||0;if(!(o<1))return a.innerHTML+=` (${r}/${o})`,e.forEach(i=>{const n=document.createElement("li"),s=document.createElement("span");i.date_completed&&(n.classList.add("complete"),s.classList.add("action-date"),s.innerHTML=i.date_completed),n.innerHTML=i.action,n.appendChild(s),t.appendChild(n)}),t},yn=function(e){gn(e),fn(e)};hn("iam-milestone");class wn extends HTMLElement{constructor(){var a;super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",o=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
641
|
+
<style>
|
|
642
|
+
@import "${o}";
|
|
643
|
+
</style>
|
|
644
|
+
<div class="milestone-wrap" part="milestone-wrap">
|
|
645
|
+
<slot name="milestone-intro" class="milestone-intro" part="milestone-intro"></slot>
|
|
646
|
+
<slot>
|
|
647
|
+
<div class="task-wrap" part="milestone-task-wrap"></div>
|
|
648
|
+
</slot>
|
|
649
|
+
</div>
|
|
650
|
+
`,(a=this.shadowRoot)===null||a===void 0||a.appendChild(r.content.cloneNode(!0))}connectedCallback(){bn(this,"iam-milestone",["milestone-item-closed","milestone-item-opened"]),yn(this)}}const kn=Object.freeze(Object.defineProperty({__proto__:null,default:wn},Symbol.toStringTag,{value:"Module"}));/*!
|
|
651
|
+
* iamKey v7.4.0
|
|
652
|
+
* Copyright 2022-2025 iamproperty
|
|
653
|
+
*/const _n=e=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:e})},xn=(e,a,t)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:a}),t.forEach(o=>{e.addEventListener(o,function(r){const i={event:o,element:a,target:r.target};Object.keys(r.detail).forEach(n=>{const s=r.detail[n];i[n]=s}),window.dataLayer.push(i)})}),!0),An=function(e){if(!e.dataset.showAllToggle)return;const a=document.createElement("button");a.innerHTML="Show next steps",a.classList.add("btn","btn-tertiary","show-all-toggle"),e.appendChild(a),a.addEventListener("click",()=>{e.classList.contains("show-all")?(a.innerHTML="Show next steps",e.classList.remove("show-all"),zt("hide-future-items",e)):(a.innerHTML="Hide next steps",e.classList.add("show-all"),zt("show-future-items",e))})},zt=function(e,a){const t=new CustomEvent(e,{});a.dispatchEvent(t)},Ln=function(e){An(e)};_n("iam-milestone-group");class En extends HTMLElement{constructor(){var a;super();const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",o=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
654
|
+
<style>
|
|
655
|
+
@import "${o}";
|
|
656
|
+
</style>
|
|
657
|
+
<div class="milestone-group" part="milestone-group">
|
|
658
|
+
<slot>
|
|
659
|
+
</slot>
|
|
660
|
+
</div>
|
|
661
|
+
`,(a=this.shadowRoot)===null||a===void 0||a.appendChild(r.content.cloneNode(!0))}connectedCallback(){xn(this,"iam-milestone-group",["hide-future-items","show-future-items"]),Ln(this)}}const Sn=Object.freeze(Object.defineProperty({__proto__:null,default:En},Symbol.toStringTag,{value:"Module"}));A.Accordion=le,A.AccordionItem=ge,A.Actionbar=ye,A.AddressLookup=_e,A.AppliedFilters=Le,A.Banner=He,A.BarChart=je,A.BentoGrid=Fe,A.Card=Ve,A.Carousel=Ue,A.CollapsibleSideMenu=Ge,A.FileUpload=Ke,A.FilterCard=Je,A.Filterlist=oa,A.Header=la,A.InlineEdit=ca,A.Input=U,A.Logo=Bt,A.Menu=fa,A.Milestone=br,A.MilestoneGroup=vr,A.Multiselect=ua,A.Multistep=pa,A.Nav=ka,A.NoteFeed=Ha,A.Notification=Pa,A.Pagination=Ia,A.PropertySearchbar=ao,A.RecordCard=io,A.Search=lo,A.Slider=uo,A.Snapshot=wo,A.Step=To,A.Stepper=$o,A.Tab=Vo,A.Table=W,A.Tabs=jo,A.Testimonial=ar,A.Timeline=lr,A.VideoCard=mr,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})});
|