@iamproperty/components 7.1.0--beta7 → 7.2.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 -0
- package/assets/css/components/actionbar.component.css.map +1 -0
- package/assets/css/components/actionbar.global.css +1 -1
- package/assets/css/components/actionbar.global.css.map +1 -1
- package/assets/css/components/address-lookup.css +1 -1
- package/assets/css/components/address-lookup.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.component.css +1 -0
- package/assets/css/components/bento-grid.component.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/carousel.config.css +1 -1
- package/assets/css/components/carousel.config.css.map +1 -1
- package/assets/css/components/charts.config.css +1 -1
- package/assets/css/components/charts.config.css.map +1 -1
- package/assets/css/components/charts.css +1 -1
- package/assets/css/components/charts.css.map +1 -1
- package/assets/css/components/charts.module.css +1 -1
- package/assets/css/components/charts.module.css.map +1 -1
- package/assets/css/components/collapsible-side.css +1 -1
- package/assets/css/components/collapsible-side.css.map +1 -1
- package/assets/css/components/doughnutchart.component.css +1 -0
- package/assets/css/components/doughnutchart.component.css.map +1 -0
- package/assets/css/components/fileupload.css.map +1 -1
- package/assets/css/components/header.css.map +1 -1
- package/assets/css/components/inline-edit.preload.css +1 -1
- package/assets/css/components/inline-edit.preload.css.map +1 -1
- package/assets/css/components/marketing.css.map +1 -1
- package/assets/css/components/menu.component.css +1 -0
- package/assets/css/components/menu.component.css.map +1 -0
- package/assets/css/components/menu.css +1 -0
- package/assets/css/components/menu.css.map +1 -0
- package/assets/css/components/multi-step.component.css.map +1 -1
- package/assets/css/components/multiselect.preload.css +1 -1
- package/assets/css/components/multiselect.preload.css.map +1 -1
- package/assets/css/components/nav.component.css +1 -0
- package/assets/css/components/nav.component.css.map +1 -0
- package/assets/css/components/nav.docs.css.map +1 -1
- package/assets/css/components/nav.global.css.map +1 -1
- package/assets/css/components/nav.old.css +1 -1
- package/assets/css/components/nav.old.css.map +1 -1
- package/assets/css/components/nav.preload.css +1 -1
- package/assets/css/components/nav.preload.css.map +1 -1
- package/assets/css/components/notification.css +1 -1
- package/assets/css/components/notification.css.map +1 -1
- package/assets/css/components/pagination.css +1 -1
- package/assets/css/components/pagination.css.map +1 -1
- package/assets/css/components/property-searchbar.css.map +1 -1
- package/assets/css/components/slider.css +1 -1
- package/assets/css/components/slider.css.map +1 -1
- package/assets/css/components/snapshot.css.map +1 -1
- package/assets/css/components/stepper.css.map +1 -1
- package/assets/css/components/{table.css → table.component.css} +1 -1
- package/assets/css/components/table.component.css.map +1 -0
- package/assets/css/components/table.global.css +1 -1
- package/assets/css/components/table.global.css.map +1 -1
- package/assets/css/components/tabs.component.css +1 -0
- package/assets/css/components/tabs.component.css.map +1 -0
- package/assets/css/components/tabs.css.map +1 -1
- package/assets/css/components/testimonial.css.map +1 -1
- package/assets/css/components/timeline.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 -0
- package/assets/css/mobile-core.min.css.map +1 -0
- package/assets/css/mobile.min.css +1 -0
- package/assets/css/mobile.min.css.map +1 -0
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/components/_global.js +0 -1
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/accordion/accordion.component.min.js.map +1 -1
- package/assets/js/components/actionbar/actionbar.component.js +86 -8
- package/assets/js/components/actionbar/actionbar.component.min.js +19 -6
- package/assets/js/components/actionbar/actionbar.component.min.js.map +1 -1
- package/assets/js/components/address-lookup/address-lookup.component.js +17 -18
- package/assets/js/components/address-lookup/address-lookup.component.min.js +5 -5
- package/assets/js/components/address-lookup/address-lookup.component.min.js.map +1 -1
- package/assets/js/components/applied-filters/applied-filters.component.js +0 -1
- package/assets/js/components/applied-filters/applied-filters.component.min.js +4 -4
- package/assets/js/components/applied-filters/applied-filters.component.min.js.map +1 -1
- package/assets/js/components/barchart/barchart.component.js +2 -3
- package/assets/js/components/barchart/barchart.component.min.js +8 -4
- package/assets/js/components/barchart/barchart.component.min.js.map +1 -1
- package/assets/js/components/bento-grid/bento-grid.component.js +50 -0
- package/assets/js/components/bento-grid/bento-grid.component.min.js +15 -0
- package/assets/js/components/bento-grid/bento-grid.component.min.js.map +1 -0
- package/assets/js/components/card/card.component.js +10 -13
- package/assets/js/components/card/card.component.min.js +7 -7
- package/assets/js/components/card/card.component.min.js.map +1 -1
- package/assets/js/components/carousel/carousel.component.js +4 -5
- package/assets/js/components/carousel/carousel.component.min.js +4 -4
- package/assets/js/components/carousel/carousel.component.min.js.map +1 -1
- package/assets/js/components/chart/chart.component.js +1 -5
- package/assets/js/components/collapsible-side/collapsible-side.component.js +4 -5
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +4 -4
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js.map +1 -1
- package/assets/js/components/doughnutchart/doughnutchart.component.js +70 -0
- package/assets/js/components/doughnutchart/doughnutchart.component.min.js +25 -0
- package/assets/js/components/doughnutchart/doughnutchart.component.min.js.map +1 -0
- package/assets/js/components/fileupload/fileupload.component.js +2 -3
- package/assets/js/components/fileupload/fileupload.component.min.js +6 -6
- package/assets/js/components/fileupload/fileupload.component.min.js.map +1 -1
- package/assets/js/components/filter-card/filter-card.component.js +3 -4
- package/assets/js/components/filter-card/filter-card.component.min.js +4 -4
- package/assets/js/components/filter-card/filter-card.component.min.js.map +1 -1
- package/assets/js/components/filterlist/filterlist.component.js +0 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +3 -3
- package/assets/js/components/filterlist/filterlist.component.min.js.map +1 -1
- package/assets/js/components/header/header.component.js +0 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js.map +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.js +7 -8
- package/assets/js/components/inline-edit/inline-edit.component.min.js +4 -4
- package/assets/js/components/inline-edit/inline-edit.component.min.js.map +1 -1
- package/assets/js/components/marketing/marketing.component.js +0 -1
- package/assets/js/components/marketing/marketing.component.min.js +1 -1
- package/assets/js/components/marketing/marketing.component.min.js.map +1 -1
- package/assets/js/components/menu/menu.component.js +200 -0
- package/assets/js/components/menu/menu.component.min.js +77 -0
- package/assets/js/components/menu/menu.component.min.js.map +1 -0
- package/assets/js/components/multi-step/multi-step.component.js +10 -10
- package/assets/js/components/multi-step/multi-step.component.min.js +13 -0
- package/assets/js/components/multi-step/multi-step.component.min.js.map +1 -0
- package/assets/js/components/multiselect/multiselect.component.js +10 -10
- package/assets/js/components/multiselect/multiselect.component.min.js +3 -3
- package/assets/js/components/multiselect/multiselect.component.min.js.map +1 -1
- package/assets/js/components/nav/nav.component.js +7 -7
- package/assets/js/components/nav/nav.component.min.js +7 -7
- package/assets/js/components/nav/nav.component.min.js.map +1 -1
- package/assets/js/components/notification/notification.component.js +3 -3
- 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.js +3 -4
- package/assets/js/components/pagination/pagination.component.min.js +4 -4
- package/assets/js/components/pagination/pagination.component.min.js.map +1 -1
- package/assets/js/components/record-card/record-card.component.js +6 -8
- package/assets/js/components/record-card/record-card.component.min.js +4 -4
- package/assets/js/components/record-card/record-card.component.min.js.map +1 -1
- package/assets/js/components/search/search.component.js +9 -6
- package/assets/js/components/search/search.component.min.js +8 -5
- package/assets/js/components/search/search.component.min.js.map +1 -1
- package/assets/js/components/slider/slider.component.js +8 -8
- package/assets/js/components/slider/slider.component.min.js +5 -5
- package/assets/js/components/slider/slider.component.min.js.map +1 -1
- package/assets/js/components/table/table.component.js +8 -9
- package/assets/js/components/table/table.component.min.js +7 -7
- package/assets/js/components/table/table.component.min.js.map +1 -1
- package/assets/js/components/tabs/tabs.component.js +1 -2
- package/assets/js/components/tabs/tabs.component.min.js +3 -3
- package/assets/js/components/tabs/tabs.component.min.js.map +1 -1
- package/assets/js/components/video-card/video-card.component.js +4 -3
- package/assets/js/components/video-card/video-card.component.min.js +3 -3
- package/assets/js/components/video-card/video-card.component.min.js.map +1 -1
- package/assets/js/modules/applied-filters.js +8 -9
- package/assets/js/modules/carousel.js +9 -10
- package/assets/js/modules/chart.js +5 -3
- package/assets/js/modules/chart.module.js +108 -1
- package/assets/js/modules/dialogs.js +6 -7
- package/assets/js/modules/drawer.js +1 -2
- package/assets/js/modules/dynamicEvents.js +7 -8
- package/assets/js/modules/fileupload.js +7 -7
- package/assets/js/modules/filterlist.js +3 -4
- package/assets/js/modules/form.js +12 -13
- package/assets/js/modules/helpers.js +3 -5
- package/assets/js/modules/inputs.js +6 -9
- package/assets/js/modules/nav.js +3 -4
- package/assets/js/modules/notification.js +2 -3
- package/assets/js/modules/orderablelist.js +0 -1
- package/assets/js/modules/table.js +80 -42
- package/assets/js/modules/tabs.js +3 -6
- 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 +64 -6
- package/assets/js/tests/card.spec.js +14 -0
- package/assets/js/tests/carousel.spec.js +60 -0
- package/assets/js/tests/chart.spec.js +7 -5
- package/assets/js/tests/fileupload.spec.js +22 -0
- package/assets/js/tests/multistep.spec.js +68 -0
- package/assets/sass/_bs_grid.scss +4 -1
- package/assets/sass/_components.scss +323 -100
- package/assets/sass/_corefiles.scss +42 -18
- package/assets/sass/_elements.scss +98 -18
- package/assets/sass/_example.scss +61 -0
- package/assets/sass/_func.scss +5 -13
- package/assets/sass/_functions/bs_utilities.scss +43 -39
- package/assets/sass/_functions/functions.scss +66 -52
- package/assets/sass/_functions/mixins.scss +84 -100
- package/assets/sass/_functions/utility-mixins.scss +56 -44
- package/assets/sass/_functions/variables.scss +90 -1659
- package/assets/sass/_functions/variables_old.scss +1701 -0
- package/assets/sass/_grid.scss +19 -5
- package/assets/sass/_tests/func.spec.scss +1 -37
- package/assets/sass/_tests/mixins.spec.scss +1 -77
- package/assets/sass/_tests/typography.spec.scss +1 -1
- package/assets/sass/_utilities.scss +15 -5
- package/assets/sass/_utility-mixins.scss +6 -1
- package/assets/sass/components/{actionbar.scss → actionbar.component.scss} +82 -16
- package/assets/sass/components/actionbar.global.scss +28 -14
- package/assets/sass/components/address-lookup.scss +6 -0
- package/assets/sass/components/barchart.component.scss +7 -20
- package/assets/sass/components/bento-grid.component.scss +91 -0
- package/assets/sass/components/carousel.config.scss +64 -58
- package/assets/sass/components/charts.config.scss +73 -67
- package/assets/sass/components/charts.module.scss +128 -97
- package/assets/sass/components/charts.scss +43 -42
- package/assets/sass/components/collapsible-side.scss +29 -27
- package/assets/sass/components/doughnutchart.component.scss +205 -0
- package/assets/sass/components/fileupload.scss +4 -3
- package/assets/sass/components/header.scss +5 -5
- package/assets/sass/components/inline-edit.preload.scss +108 -102
- package/assets/sass/components/menu.component.scss +101 -0
- package/assets/sass/components/menu.scss +21 -0
- package/assets/sass/components/multi-step.component.scss +5 -3
- package/assets/sass/components/multiselect.preload.scss +36 -30
- package/assets/sass/components/{nav.scss → nav.component.scss} +41 -21
- package/assets/sass/components/nav.docs.scss +1 -1
- package/assets/sass/components/nav.global.scss +13 -11
- package/assets/sass/components/nav.old.scss +21 -24
- package/assets/sass/components/nav.preload.scss +40 -34
- package/assets/sass/components/notification.scss +9 -5
- package/assets/sass/components/pagination.scss +6 -0
- package/assets/sass/components/property-searchbar.scss +7 -7
- package/assets/sass/components/slider.scss +2 -0
- package/assets/sass/components/snapshot.scss +2 -2
- package/assets/sass/components/stepper.scss +7 -7
- package/assets/sass/components/table.global.scss +57 -1
- package/assets/sass/components/tabs.component.scss +5 -0
- package/assets/sass/components/tabs.scss +7 -3
- package/assets/sass/components/testimonial.scss +7 -7
- package/assets/sass/components/timeline.scss +1 -1
- package/assets/sass/core.scss +13 -4
- package/assets/sass/elements/admin-panel.scss +199 -185
- package/assets/sass/elements/badge-tag.scss +87 -81
- package/assets/sass/elements/brand.scss +67 -61
- package/assets/sass/elements/buttons--action.scss +55 -0
- package/assets/sass/elements/buttons--compact.scss +135 -0
- package/assets/sass/elements/buttons--global.scss +322 -0
- package/assets/sass/elements/buttons--secondary.scss +24 -0
- package/assets/sass/elements/buttons--tertiary.scss +57 -0
- package/assets/sass/elements/buttons.scss +29 -503
- package/assets/sass/elements/container.scss +157 -151
- package/assets/sass/elements/details.scss +147 -138
- package/assets/sass/elements/dialog.scss +36 -30
- package/assets/sass/elements/forms.scss +1061 -1047
- package/assets/sass/elements/icons.scss +23 -17
- package/assets/sass/elements/links.scss +131 -116
- package/assets/sass/elements/lists.scss +270 -264
- package/assets/sass/elements/media.scss +19 -13
- package/assets/sass/elements/modal.scss +336 -330
- package/assets/sass/elements/popover.scss +163 -152
- package/assets/sass/elements/progress.scss +173 -162
- package/assets/sass/elements/table.element.scss +115 -109
- package/assets/sass/elements/tooltips.scss +87 -80
- package/assets/sass/elements/type.scss +172 -160
- package/assets/sass/email.scss +0 -1
- package/assets/sass/error.scss +15 -13
- package/assets/sass/foundations/reboot.scss +176 -170
- package/assets/sass/foundations/root.scss +136 -125
- package/assets/sass/helpers/max-height.scss +2 -2
- package/assets/sass/main.scss +14 -6
- package/assets/sass/mobile-core.scss +14 -0
- package/assets/sass/mobile.scss +16 -0
- package/assets/sass/templates/auth.scss +88 -83
- package/assets/sass/templates/form.scss +68 -59
- package/assets/ts/components/_global.ts +2 -3
- package/assets/ts/components/actionbar/actionbar.component.ts +94 -2
- package/assets/ts/components/address-lookup/address-lookup.component.ts +21 -22
- package/assets/ts/components/applied-filters/applied-filters.component.ts +1 -2
- package/assets/ts/components/barchart/barchart.component.ts +3 -5
- package/assets/ts/components/bento-grid/README.md +31 -0
- package/assets/ts/components/bento-grid/bento-grid.component.ts +67 -0
- package/assets/ts/components/card/card.component.ts +13 -16
- package/assets/ts/components/carousel/carousel.component.ts +5 -7
- package/assets/ts/components/chart/chart.component.ts +4 -9
- package/assets/ts/components/collapsible-side/collapsible-side.component.ts +5 -6
- package/assets/ts/components/doughnutchart/doughnutchart.component.ts +85 -0
- package/assets/ts/components/fileupload/fileupload.component.ts +5 -6
- package/assets/ts/components/filter-card/filter-card.component.ts +4 -5
- package/assets/ts/components/filterlist/filterlist.component.ts +1 -2
- package/assets/ts/components/header/header.component.ts +1 -3
- package/assets/ts/components/inline-edit/inline-edit.component.ts +8 -11
- package/assets/ts/components/marketing/marketing.component.ts +1 -3
- package/assets/ts/components/menu/menu.component.ts +222 -0
- package/assets/ts/components/multi-step/multi-step.component.ts +19 -23
- package/assets/ts/components/multiselect/multiselect.component.ts +13 -14
- package/assets/ts/components/nav/nav.component.ts +8 -9
- package/assets/ts/components/notification/notification.component.ts +3 -3
- package/assets/ts/components/pagination/pagination.component.ts +7 -8
- package/assets/ts/components/record-card/record-card.component.ts +9 -11
- package/assets/ts/components/search/search.component.ts +12 -9
- package/assets/ts/components/slider/slider.component.ts +9 -10
- package/assets/ts/components/table/table.component.ts +14 -16
- package/assets/ts/components/tabs/tabs.component.ts +2 -3
- package/assets/ts/components/video-card/video-card.component.ts +13 -12
- package/assets/ts/modules/applied-filters.ts +10 -11
- package/assets/ts/modules/card.module.ts +1 -1
- package/assets/ts/modules/carousel.ts +13 -15
- package/assets/ts/modules/chart.module.ts +152 -19
- package/assets/ts/modules/chart.ts +26 -24
- package/assets/ts/modules/dialogs.ts +10 -13
- package/assets/ts/modules/drawer.ts +1 -2
- package/assets/ts/modules/dynamicEvents.ts +12 -14
- package/assets/ts/modules/fileupload.ts +10 -10
- package/assets/ts/modules/filterlist.ts +6 -7
- package/assets/ts/modules/form.ts +16 -17
- package/assets/ts/modules/helpers.ts +18 -21
- package/assets/ts/modules/inputs.ts +15 -18
- package/assets/ts/modules/nav.ts +4 -5
- package/assets/ts/modules/notification.ts +7 -8
- package/assets/ts/modules/orderablelist.ts +3 -4
- package/assets/ts/modules/pagination.ts +1 -1
- package/assets/ts/modules/table.ts +103 -60
- package/assets/ts/modules/tabs.ts +5 -8
- package/assets/ts/scripts.ts +70 -6
- package/assets/ts/tests/card.spec.ts +19 -0
- package/assets/ts/tests/carousel.spec.ts +66 -0
- package/assets/ts/tests/chart.spec.ts +9 -6
- package/assets/ts/tests/fileupload.spec.ts +30 -0
- package/assets/ts/tests/multistep.spec.ts +78 -0
- package/dist/components.es.js +1258 -1063
- package/dist/components.umd.js +473 -195
- package/package.json +44 -49
- package/src/components/BentoGrid/BentoGrid.vue +20 -0
- package/src/components/DoughnutChart/DoughnutChart.vue +23 -0
- package/src/components/FileUpload/FileUpload.vue +4 -1
- package/src/components/Menu/Menu.vue +22 -0
- package/src/components/Tabs/Tabs.vue +0 -4
- package/src/index.js +25 -19
- package/assets/css/components/actionbar.css +0 -1
- package/assets/css/components/actionbar.css.map +0 -1
- package/assets/css/components/nav.css +0 -1
- package/assets/css/components/nav.css.map +0 -1
- package/assets/css/components/table.css.map +0 -1
- package/assets/js/components.bundle.js +0 -5
- package/assets/js/components.bundle.js.map +0 -1
- package/assets/js/components.js +0 -57
- package/assets/js/modules/file-upload.js +0 -32
- package/assets/ts/components.ts +0 -62
- package/assets/ts/modules/file-upload.ts +0 -52
- package/dist/style.css +0 -1
- /package/assets/sass/components/{table.scss → table.component.scss} +0 -0
package/dist/components.umd.js
CHANGED
|
@@ -1,9 +1,30 @@
|
|
|
1
|
-
(function(k,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(k=typeof globalThis<"u"?globalThis:k||self,o(k.iamkey={},k.Vue))})(this,function(k,o){"use strict";const S=(a,e)=>{const t=a.__vccOpts||a;for(const[r,i]of e)t[r]=i;return t},ot={name:"Logo",props:{id:{type:String,required:!1,default:"property"},path:{type:String,required:!1,default:"/svg/logo.svg"},desc:{type:String}},computed:{src:function(){return"#logo-"+this.id},className:function(){return"brand brand--"+this.id}}},rt=["xlink:href"],nt=["innerHTML"];function it(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(s.className)},[(o.openBlock(),o.createElementBlock("svg",null,[o.createElementVNode("title",null,"iam "+o.toDisplayString(t.id),1),o.createElementVNode("use",{"xlink:href":t.path+s.src},null,8,rt)])),t.desc?(o.openBlock(),o.createElementBlock("span",{key:0,innerHTML:t.desc},null,8,nt)):o.createCommentVNode("",!0)],2)}const st=S(ot,[["render",it]]),lt=a=>a.charAt(0).toUpperCase()+a.slice(1),ct=a=>a.replace(/_/g," "),dt=a=>a.replace(/ /g,"_"),mt=function(a){return a=a.toLowerCase(),a=dt(a),a=a.replace(/\W/g,""),a},ut={name:"Table",props:{items:{type:Array,required:!1},fields:{type:Array,required:!1}},computed:{cellHeading(){return a=>`${lt(ct(a))}`}},created(){this.$nextTick(function(){Promise.resolve().then(()=>ko).then(a=>{window.customElements.get("iam-table")||window.customElements.define("iam-table",a.default)}).catch(a=>{console.log(a.message)}),Promise.resolve().then(()=>Qa).then(a=>{window.customElements.get("iam-pagination")||window.customElements.define("iam-pagination",a.default)}).catch(a=>{console.log(a.message)})})},updated(){}},ht={key:0},pt={key:0},bt=["data-row-id"],gt=["innerHTML"];function ft(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("iam-table",null,[o.renderSlot(a.$slots,"before"),t.fields?(o.openBlock(),o.createElementBlock("table",ht,[o.createElementVNode("thead",null,[o.createElementVNode("tr",null,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(t.fields,n=>(o.openBlock(),o.createElementBlock("th",{key:n.key},o.toDisplayString(s.cellHeading(n.key)),1))),128))])]),t.items?(o.openBlock(),o.createElementBlock("tbody",pt,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(t.items,(n,c)=>(o.openBlock(),o.createElementBlock("tr",{key:c,"data-row-id":n.rowid},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(Object.fromEntries(Object.entries(n).filter(([d])=>d!=="rowid")),(d,l)=>(o.openBlock(),o.createElementBlock("td",{key:l,innerHTML:d},null,8,gt))),128))],8,bt))),128))])):o.createCommentVNode("",!0)])):o.renderSlot(a.$slots,"default",{key:1})])}const R=S(ut,[["render",ft]]),vt={name:"Input",props:{value:{type:String,required:!1},id:{type:String,required:!0},name:{type:String,required:!1},list:{type:String,required:!1},label:{type:String,required:!1},labelclass:{type:String,required:!1},inputclass:{type:String,required:!1},type:{type:String,required:!1,default:"text"},size:{type:String,required:!1},errormsg:{type:String,required:!1},options:{type:Array,required:!1},prefix:{type:String,required:!1},prefixClass:{type:String,required:!1},suffix:{type:String,required:!1},pattern:{type:String,required:!1},suffixClass:{type:String,required:!1},title:{type:String,required:!1},hint:{type:String,required:!1},multiple:{type:String,required:!1}},computed:{displayLabel(){return()=>this.$attrs.multiple?this.label+'<span class="small d-block text-body font-body fw-normal">Hold down the Ctrl (windows) or Command (Mac) button to select multiple options.</span>':this.hint?this.label+`<span class="small d-block text-body font-body fw-normal">${this.hint}</span>`:this.label},wrapperClass(){return()=>{switch(this.type){case"radio":case"checkbox":return"form-check";case"radio-btn":case"checkbox-btn":return!1;default:return"form-control__wrapper"}}},needPattern(){return()=>{if(this.pattern)return this.pattern;switch(this.type){case"datetime-local":return"[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}"}return"(.*?)"}},needsLabel(){return()=>{switch(this.type){case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":return!1;default:return!0}}},isInput(){return()=>{switch(this.type){case"textarea":case"select":case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":case"range":case"color":return!1;default:return!0}}},allowDatalist(){return()=>{switch(this.type){case"select":case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":return!1;default:return!0}}},hasOptions(){return()=>{if(this.list)return this.list;if(this.options)return this.id+"-list"}},inputVal:{get(){return this.value==null&&this.options!=null&&this.type=="select"?this.$attrs.multiple?[]:this.options[0].value:this.value},set(a){this.$emit("input",a)}}},mounted(){this.$nextTick(function(){let a=this.$refs.wrapper;if(a.parentNode&&a.parentNode.classList.contains("form-check")||a.classList.length==0){const e=document.createDocumentFragment();Array.from(a.childNodes).forEach(t=>e.appendChild(t)),a.parentNode.insertBefore(e,a),a.parentNode.removeChild(a)}})},methods:{inputKeyup(a){this.$emit("keyupEvent",a)},clickEvent(){this.$emit("bus")}}},yt=["for","innerHTML","title"],wt=["innerHTML"],_t=["innerHTML"],kt=["type","name","id","pattern","list"],xt=["type","name","id","pattern"],At={key:5,class:"input-group"},Lt=["type","name","id","pattern","list"],St={class:"input-group-text border-0 col-2 col-sm-1 px-0"},Et={key:6,class:"input-group"},qt=["type","name","id","pattern","list"],$t={class:"input-group-text flex-fill"},Tt=["type","name","id","pattern"],Ct=["value"],Mt=["type","name","id"],zt=["for","innerHTML"],Ht=["type","name","id"],Rt=["for","innerHTML"],Bt=["innerHTML"],Nt=["id"],jt=["value"];function Vt(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(s.wrapperClass()),ref:"wrapper"},[s.needsLabel()?(o.openBlock(),o.createElementBlock("label",{key:0,class:o.normalizeClass(`form-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:s.displayLabel(),title:t.title},null,10,yt)):o.createCommentVNode("",!0),t.prefix?(o.openBlock(),o.createElementBlock("span",{key:1,class:o.normalizeClass(`prefix ${this.prefixClass} ${t.size?`prefix-${t.size}`:""}`),innerHTML:t.prefix,role:"presentation"},null,10,wt)):o.createCommentVNode("",!0),t.suffix?(o.openBlock(),o.createElementBlock("span",{key:2,class:o.normalizeClass(`suffix ${this.suffixClass} ${t.size?`suffix-${t.size}`:""}`),innerHTML:t.suffix,role:"presentation"},null,10,_t)):o.createCommentVNode("",!0),s.isInput()?o.withDirectives((o.openBlock(),o.createElementBlock("input",o.mergeProps({key:3,"onUpdate:modelValue":e[0]||(e[0]=n=>s.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:s.needPattern(),list:s.hasOptions()},a.$attrs,{onKeyup:e[1]||(e[1]=(...n)=>s.inputKeyup&&s.inputKeyup(...n))}),null,16,kt)),[[o.vModelDynamic,s.inputVal]]):o.createCommentVNode("",!0),t.type=="textarea"?o.withDirectives((o.openBlock(),o.createElementBlock("textarea",o.mergeProps({key:4,"onUpdate:modelValue":e[2]||(e[2]=n=>s.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:s.needPattern()},a.$attrs),null,16,xt)),[[o.vModelText,s.inputVal]]):o.createCommentVNode("",!0),t.type=="range"?(o.openBlock(),o.createElementBlock("div",At,[o.withDirectives(o.createElementVNode("input",o.mergeProps({"onUpdate:modelValue":e[3]||(e[3]=n=>s.inputVal=n),class:`form-range${t.inputclass?` ${t.inputclass}`:""}`,type:t.type,name:t.name?t.name:t.id,id:t.id,pattern:s.needPattern(),list:s.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Lt),[[o.vModelDynamic,s.inputVal]]),o.createElementVNode("output",St,o.toDisplayString(t.value),1)])):o.createCommentVNode("",!0),t.type=="color"?(o.openBlock(),o.createElementBlock("div",Et,[o.withDirectives(o.createElementVNode("input",o.mergeProps({"onUpdate:modelValue":e[4]||(e[4]=n=>s.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:s.needPattern(),list:s.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,qt),[[o.vModelDynamic,s.inputVal]]),o.createElementVNode("output",$t,o.toDisplayString(t.value?a.vale:"#000000"),1)])):o.createCommentVNode("",!0),t.type=="select"?o.withDirectives((o.openBlock(),o.createElementBlock("select",o.mergeProps({key:7,"onUpdate:modelValue":e[5]||(e[5]=n=>s.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:s.needPattern()},a.$attrs),[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(t.options,(n,c)=>(o.openBlock(),o.createElementBlock("option",{key:c,value:n.value},o.toDisplayString(n.display?n.display:n.value),9,Ct))),128))],16,Tt)),[[o.vModelSelect,s.inputVal]]):o.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(o.openBlock(),o.createElementBlock("input",o.mergeProps({key:8,class:"form-check-input",type:t.type,name:t.name?t.name:t.id,id:t.id},a.$attrs),null,16,Mt)):o.createCommentVNode("",!0),t.type=="checkbox"||t.type=="radio"?(o.openBlock(),o.createElementBlock("label",{key:9,class:o.normalizeClass(`form-label form-check-label${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label},null,10,zt)):o.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(o.openBlock(),o.createElementBlock("input",o.mergeProps({key:10,class:`btn-check${t.inputclass?` ${t.inputclass}`:""}`,type:t.type.replace("-btn",""),autocomplete:"off",name:t.name?t.name:t.id,id:t.id},a.$attrs),null,16,Ht)):o.createCommentVNode("",!0),t.type=="checkbox-btn"||t.type=="radio-btn"?(o.openBlock(),o.createElementBlock("label",{key:11,class:o.normalizeClass(`btn${t.labelclass?` ${t.labelclass}`:""}`),for:t.id,innerHTML:t.label,onClick:e[6]||(e[6]=(...n)=>s.clickEvent&&s.clickEvent(...n))},null,10,Rt)):o.createCommentVNode("",!0),o.renderSlot(a.$slots,"default"),t.errormsg?(o.openBlock(),o.createElementBlock("span",{key:12,class:"invalid-feedback mb-0",innerHTML:t.errormsg},null,8,Bt)):o.createCommentVNode("",!0),s.allowDatalist()?(o.openBlock(),o.createElementBlock("datalist",{key:13,id:t.id+"-list"},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(t.options,(n,c)=>(o.openBlock(),o.createElementBlock("option",{key:c,value:n.value},o.toDisplayString(n.value),9,jt))),128))],8,Nt)):o.createCommentVNode("",!0)],2)}const B=S(vt,[["render",Vt]]),Dt=Object.assign({name:"FileUpload",props:{maxfilesize:{type:Number,required:!1},maxfiles:{type:Number,required:!1}},created(){this.$nextTick(function(){Promise.resolve().then(()=>Ao).then(a=>{window.customElements.get("iam-fileupload")||window.customElements.define("iam-fileupload",a.default)}).catch(a=>{console.log(a.message)})})}},{emits:["elementChange","empty"],setup(a,{emit:e}){const t=e,r=o.ref(null);return o.onMounted(()=>{r.value.addEventListener("elementChange",function(i){t("elementChange",i)}),r.value.addEventListener("empty",function(i){t("empty",i)})}),(i,s)=>(o.openBlock(),o.createElementBlock("iam-fileupload",{ref_key:"$component",ref:r},[o.renderSlot(i.$slots,"default")],512))}}),ur="",Pt={name:"Accordion",props:{},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>So).then(a=>{window.customElements.get("iam-accordion")||window.customElements.define("iam-accordion",a.default)}).catch(a=>{console.log(a.message)})})}},Ft={ref:"wrapper"};function Ot(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("iam-accordion",Ft,[o.renderSlot(a.$slots,"default")],512)}const It=S(Pt,[["render",Ot]]),Ut={name:"AccordionItem",props:{title:{type:String,required:!0},titlecolour:{type:String,required:!1},badge:{type:[Number,String],required:!1},badgecolour:{type:String,required:!1,default:"light"},lazy:{type:Boolean,required:!1}},computed:{createID(){return a=>`${mt(a)}`}},data(){return{show:!this.lazy}}},Wt=["id"];function Gt(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("details",{id:s.createID(t.title)},[o.createElementVNode("summary",null,[o.createTextVNode(o.toDisplayString(t.title),1),t.badge?(o.openBlock(),o.createElementBlock("span",{key:0,class:o.normalizeClass(`badge bg-${t.badgecolour}`)},o.toDisplayString(t.badge),3)):o.createCommentVNode("",!0)]),o.renderSlot(a.$slots,"default")],8,Wt)}const Xt=S(Ut,[["render",Gt]]),Yt={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1},background:{type:String,default:"light",required:!1}}},Kt={class:"container"},Jt={class:"row"},Qt={class:"col-sm-6"},Zt={class:"pt-5 pb-3 px-4"},te={class:"col-sm-6 col-md-5 ms-auto"},ee=["src"];function ae(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("div",Kt,[o.createElementVNode("div",{class:o.normalizeClass("bg-"+t.background+" mb-4")},[o.createElementVNode("div",Jt,[o.createElementVNode("div",Qt,[o.createElementVNode("div",Zt,[o.createElementVNode("h2",null,o.toDisplayString(t.title),1),o.renderSlot(a.$slots,"default")])]),o.createElementVNode("div",te,[t.image?(o.openBlock(),o.createElementBlock("img",{key:0,src:t.image,alt:"",class:"h-100 w-100 object-cover"},null,8,ee)):o.createCommentVNode("",!0)])])],2)])}const oe=S(Yt,[["render",ae]]),re={name:"Card",created(){this.$nextTick(function(){Promise.resolve().then(()=>zo).then(a=>{window.customElements.get("iam-card")||window.customElements.define("iam-card",a.default)}).catch(a=>{console.log(a.message)})})}};function ne(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("iam-card",null,[o.renderSlot(a.$slots,"default")])}const ie=S(re,[["render",ne]]),se={name:"Header",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Do).then(a=>{window.customElements.get("iam-carousel")||window.customElements.define("iam-carousel",a.default)}).catch(a=>{console.log(a.message)})})}};function le(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("iam-carousel",null,[o.renderSlot(a.$slots,"default")])}const ce=S(se,[["render",le]]),de={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Fo).then(a=>{window.customElements.get("iam-header")||window.customElements.define("iam-header",a.default)}).catch(a=>{console.log(a.message)})})}},me=["image"],ue=["innerHTML"];function he(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("iam-header",{image:t.image},[o.renderSlot(a.$slots,"breadcrumb"),t.title?(o.openBlock(),o.createElementBlock("h1",{key:0,innerHTML:t.title},null,8,ue)):o.createCommentVNode("",!0),o.renderSlot(a.$slots,"default")],8,me)}const pe=S(de,[["render",he]]);function be(a){let e;const t=a.querySelector(".testimonial__images"),r=t.querySelectorAll("img").length;if(r==1)return!1;a.classList.add("testimonial--multi");const i=function(s){const n=a.querySelector(".btn-next"),c=a.querySelector(".btn-prev");n.setAttribute("data-go",s+1),c.setAttribute("data-go",s-1),n.removeAttribute("disabled"),c.removeAttribute("disabled"),s==1?c.setAttribute("disabled",!0):s==r&&n.setAttribute("disabled",!0)};t.addEventListener("scroll",function(){clearTimeout(e),e=setTimeout(function(){const s=t.scrollWidth,n=t.scrollHeight,c=t.scrollLeft,d=t.scrollTop;let l=Math.round(c/s*r)+1;c==0&&d!=0&&(l=Math.round(d/n*r)+1),a.setAttribute("data-show",l),i(l)},300)},!1),a.addEventListener("click",function(s){for(let n=s.target;n&&n!=this;n=n.parentNode)if(n.matches("[data-go]")){const c=parseInt(n.getAttribute("data-go"));let d=0,l=0;const u=t.scrollWidth,m=t.scrollHeight;u>m?l=Math.floor(u*((c-1)/r)):d=Math.floor(m*((c-1)/r)),t.scroll({top:d,left:l,behavior:"smooth"});break}},!1)}const hr="",ge={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){be(this.$refs.wrapper)}},fe={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},ve={class:"row"},ye={class:"col-md-5 position-relative"},we={class:"testimonial__images"},_e=["src"],ke={class:"col-md-7"},xe={class:"testimonial__content"},Ae=["innerHTML"],Le=["innerHTML"],Se={class:"testimonial__after"};function Ee(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("div",fe,[o.createElementVNode("div",{class:o.normalizeClass("bg-"+t.background)},[o.createElementVNode("div",ve,[o.createElementVNode("div",ye,[o.createElementVNode("div",we,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(t.items,(n,c)=>(o.openBlock(),o.createElementBlock("img",{key:c,src:n.image?n.image:"data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",alt:"",class:o.normalizeClass("h-100 w-100 object-cover"+(n.image?"":" opacity-0"))},null,10,_e))),128))]),e[0]||(e[0]=o.createElementVNode("div",{class:"testimonial__controls"},[o.createElementVNode("button",{"data-go":"0",disabled:"",class:"btn-prev"},"Previous"),o.createElementVNode("button",{"data-go":"2",class:"btn-next"},"Next")],-1))]),o.createElementVNode("div",ke,[e[1]||(e[1]=o.createElementVNode("h2",null,"What our customers think…",-1)),o.createElementVNode("div",xe,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(t.items,(n,c)=>(o.openBlock(),o.createElementBlock("blockquote",{key:c,class:o.normalizeClass(n.class)},[o.createElementVNode("div",{innerHTML:n.quote},null,8,Ae),o.createElementVNode("cite",{innerHTML:n.cite},null,8,Le)],2))),128))]),o.createElementVNode("div",Se,[o.renderSlot(a.$slots,"default")])])]),e[2]||(e[2]=o.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1))],2)],512)}const qe=S(ge,[["render",Ee]]),pr="",$e={name:"Timeline",props:{image:{type:String,required:!1}}},Te={class:"timeline"},Ce={class:"timeline__content"},Me=["src"];function ze(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("div",Te,[o.createElementVNode("div",Ce,[o.renderSlot(a.$slots,"default")]),t.image?(o.openBlock(),o.createElementBlock("img",{key:0,src:t.image,alt:""},null,8,Me)):o.createCommentVNode("",!0)])}const He=S($e,[["render",ze]]),br="",Re={components:{Input:B},name:"PropertySearchbar",props:{formaction:{type:String,required:!1},formmethod:{type:String,required:!1},location:{type:String,required:!1},locations:{type:Array,required:!1},distances:{type:Array,required:!1,default(){return[{value:"0.25",display:"+¼ mi"},{value:"0.5",display:"+½ mi"},{value:"1",display:"+1 mi"},{value:"2",display:"+2 mi"},{value:"3",display:"+3 mi"},{value:"4",display:"+4 mi"},{value:"5",display:"+5 mi"}]}},pricemin:{type:Array,required:!1,default(){return[{value:"0",display:"No min"},{value:"50000",display:"£50k min"},{value:"75000",display:"£75k min"},{value:"100000",display:"£100k min"},{value:"150000",display:"£150k min"},{value:"200000",display:"£200k min"},{value:"250000",display:"£250k min"}]}},pricemax:{type:Array,required:!1,default(){return[{value:"any",display:"No max"},{value:"50000",display:"£50k max"},{value:"75000",display:"£75k max"},{value:"100000",display:"£100k max"},{value:"150000",display:"£150k max"},{value:"200000",display:"£200k max"},{value:"250000",display:"£250k max"}]}},bedsmin:{type:Array,required:!1,default(){return[{value:"any",display:"No min"},{value:"0",display:"Studio min"},{value:"1",display:"1 bed min"},{value:"2",display:"2 beds min"},{value:"3",display:"3 beds min"},{value:"4",display:"4 beds min"},{value:"5",display:"5 beds min"},{value:"6",display:"6 beds min"}]}},bedsmax:{type:Array,required:!1,default(){return[{value:"any",display:"No max"},{value:"0",display:"Studio max"},{value:"1",display:"1 bed max"},{value:"2",display:"2 beds max"},{value:"3",display:"3 beds max"},{value:"4",display:"4 beds max"},{value:"5",display:"5 beds max"},{value:"6",display:"6 beds max"}]}},propertytypes:{type:Array,required:!1,default(){return[{value:"all",display:"Show all"},{value:"Bungalow",display:"Bungalow"},{value:"Character Property",display:"Character Property"},{value:"Commercial Property",display:"Commercial Property"},{value:"Flat / Apartment",display:"Flat / Apartment"},{value:"Garage / Parking",display:"Garage / Parking"},{value:"Guest House / Hotel",display:"Guest House / Hotel"},{value:"House",display:"House"},{value:"House / Flat Share",display:"House / Flat Share"},{value:"Land",display:"Land"},{value:"Mobile / Park Home",display:"Mobile / Park Home"},{value:"Private Halls",display:"Private Halls"},{value:"Retirement Property",display:"Retirement Property"}]}}},data(){return{locationSave:""}},methods:{locationKeyup:function(a){this.$emit("locationKeyup",a)}},computed:{locationSet:{get(){return this.locationSave?this.locationSave:this.location},set(a){this.locationSave=a,this.$emit("input",a)}},locationsList(){return()=>this.locations?this.locations:[{value:"Newcastle"}]}}},Be={class:"container",ref:"wrapper"},Ne={class:"property-searchbar"},je=["action","method"],Ve={class:"col-12 col-md-3"},De={class:"col-12 col-md"},Pe={class:"row","data-input-range":""},Fe={class:"col-12 col-md"},Oe={class:"row","data-input-range":""},Ie={class:"col-12 col-md-2"};function Ue(a,e,t,r,i,s){const n=o.resolveComponent("Input");return o.openBlock(),o.createElementBlock("div",Be,[o.renderSlot(a.$slots,"default"),o.createElementVNode("div",Ne,[o.createElementVNode("form",{class:"row",action:t.formaction,method:t.formmethod},[o.createElementVNode("fieldset",Ve,[o.createVNode(n,{inputClass:"input--locations",modelValue:s.locationSet,"onUpdate:modelValue":e[0]||(e[0]=c=>s.locationSet=c),label:"Location",id:"location",options:s.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:e[1]||(e[1]=c=>s.locationKeyup(...arguments)),ref:"search"},null,8,["modelValue","options"]),o.createVNode(n,{class:"select--miles",label:"Miles",id:"miles",type:"select",options:t.distances},null,8,["options"])]),o.createElementVNode("fieldset",De,[e[2]||(e[2]=o.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1)),o.createElementVNode("div",Pe,[o.createVNode(n,{class:"col-6",label:"Minimum price",id:"price-min","data-min":"true",type:"select",options:t.pricemin},null,8,["options"]),o.createVNode(n,{class:"col-6",label:"Maximum price",id:"price-max","data-max":"true",type:"select",options:t.pricemax},null,8,["options"])])]),o.createElementVNode("fieldset",Fe,[e[3]||(e[3]=o.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1)),o.createElementVNode("div",Oe,[o.createVNode(n,{class:"col-6",label:"Minimum beds",id:"beds-min","data-min":"true",type:"select",options:t.bedsmin},null,8,["options"]),o.createVNode(n,{class:"col-6",label:"Maximum beds",id:"beds-max","data-max":"true",type:"select",options:t.bedsmax},null,8,["options"])])]),o.createElementVNode("fieldset",Ie,[o.createVNode(n,{label:"Property type",id:"property-type",type:"select",options:t.propertytypes},null,8,["options"])]),e[4]||(e[4]=o.createElementVNode("div",{class:"col-12 col-md mw-md-fit-content d-flex property-searchbar__btn"},[o.createElementVNode("button",{class:"btn w-100 me-0",type:"submit",value:"submit"},"Search")],-1))],8,je)]),o.renderSlot(a.$slots,"after")],512)}const We=S(Re,[["render",Ue]]),Ge={components:{},name:"Nav",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Oo).then(a=>{window.customElements.get("iam-nav")||window.customElements.define("iam-nav",a.default)}).catch(a=>{console.log(a.message)})})},methods:{}},Xe={ref:"wrapper"};function Ye(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("iam-nav",Xe,[o.renderSlot(a.$slots,"default")],512)}const Ke=S(Ge,[["render",Ye]]),gr="",Je={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},Qe={class:"container"},Ze=["aria-label"],ta={key:0,class:"h6 stepper__start"},ea={class:"list-unstyled"},aa={class:"h6 stepper__end"};function oa(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("div",Qe,[o.createElementVNode("nav",{class:"stepper","aria-label":t.label?t.label:"Progress"},[t.label?(o.openBlock(),o.createElementBlock("span",ta,o.toDisplayString(t.label),1)):o.createCommentVNode("",!0),o.createElementVNode("ol",ea,[o.renderSlot(a.$slots,"default")]),o.createElementVNode("span",aa,o.toDisplayString(t.endlabel),1)],8,Ze)])}const ra=S(Je,[["render",oa]]),fr="",na={name:"Snapshot",props:{items:{type:Array,required:!0}}},ia={class:"container snapshot",ref:"wrapper"},sa={class:"row"},la=["href"],ca={class:"lead snapshot__title"},da={class:"stat"};function ma(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("div",ia,[o.renderSlot(a.$slots,"default"),o.createElementVNode("div",sa,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(t.items,(n,c)=>(o.openBlock(),o.createElementBlock("div",{class:"col",key:c},[n.link?(o.openBlock(),o.createElementBlock("a",{key:0,href:n.link},"View "+o.toDisplayString(n.title),9,la)):o.createCommentVNode("",!0),o.createElementVNode("div",{class:o.normalizeClass(`snapshot__item ${n.bg?"bg-"+n.bg:""}`)},[o.createElementVNode("span",ca,o.toDisplayString(n.title),1),o.createElementVNode("span",da,o.toDisplayString(n.number),1)],2)]))),128))])],512)}const ua=S(na,[["render",ma]]),ha={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},pa=["href","aria-current"],ba={key:0,class:"visually-hidden"};function ga(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("li",null,[o.createElementVNode("a",{href:t.url,class:o.normalizeClass(`${t.status?"bg-"+t.status:""}${typeof t.current<"u"?"current":""}`),"aria-current":typeof t.current<"u"?"step":!1},[o.createElementVNode("span",null,[o.renderSlot(a.$slots,"default")]),t.status?(o.openBlock(),o.createElementBlock("em",ba," - status: "+o.toDisplayString(t.status),1)):o.createCommentVNode("",!0)],10,pa)])}const fa=S(ha,[["render",ga]]),vr="",va={name:"Tabs",created(){this.$nextTick(function(){Promise.resolve().then(()=>Ko).then(a=>{window.customElements.get("iam-tabs")||window.customElements.define("iam-tabs",a.default)}).catch(a=>{console.log(a.message)})})}},ya={ref:"wrapper"};function wa(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("iam-tabs",ya,[o.renderSlot(a.$slots,"default")],512)}const _a=S(va,[["render",wa]]),ka={name:"Tab",props:{title:{type:String,required:!0},lazy:{type:Boolean,required:!1},disabled:{type:Boolean,required:!1}},data(){return{show:!this.lazy,isDisabled:!!this.disabled}}},xa={class:"tab"},Aa=["innerHTML"];function La(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("details",xa,[o.createElementVNode("summary",{innerHTML:t.title,class:o.normalizeClass({disabled:i.isDisabled})},null,10,Aa),o.renderSlot(a.$slots,"default")])}const Sa=S(ka,[["render",La]]);let I=R.props;I.fields.required=!1;const Ea={components:{Table:R,Input:B},data(){return{itemsData:[...this.items]}},methods:{submitForm:function(a){console.log(this);const e=new FormData(a.target);let t=new Date;const r=t.getFullYear();let i=t.getMonth()+1,s=t.getDate();s<10&&(s="0"+s),i<10&&(i="0"+i),t=s+"/"+i+"/"+r,this.itemsData.unshift({date_added:t,user:e.get("user"),note:e.get("addNote")}),this.$emit("formSubmitted",a)}},name:"NoteFeed",props:{user:{type:String,required:!0},...I,title:{type:String,required:!1},method:{type:String,required:!1,default:"post"},action:{type:String,required:!1}}},qa={class:"container note-feed mb-2"},$a=["innerHTML"],Ta=["action","method"],Ca=["value"];function Ma(a,e,t,r,i,s){const n=o.resolveComponent("Table"),c=o.resolveComponent("Input");return o.openBlock(),o.createElementBlock("div",qa,[t.title?(o.openBlock(),o.createElementBlock("span",{key:0,class:"h3",innerHTML:t.title},null,8,$a)):o.createCommentVNode("",!0),o.createVNode(n,o.mergeProps({fields:[{key:"date_added"},{key:"user"},{key:"note"}],items:i.itemsData},a.$props,{class:"mb-0"}),null,16,["items"]),o.createElementVNode("form",{action:t.action,method:t.method,onSubmit:e[0]||(e[0]=o.withModifiers(d=>s.submitForm(...arguments),["prevent"]))},[o.createElementVNode("input",{type:"hidden",value:t.user,name:"user"},null,8,Ca),o.createVNode(c,{id:"addNote",type:"textarea",label:"Add note",required:"",class:"mw-100"}),e[1]||(e[1]=o.createElementVNode("button",{class:"btn btn-tertiary"},"Submit note",-1))],40,Ta)])}const za=S(Ea,[["render",Ma]]),Ha={name:"Applied Filter",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Zo).then(a=>{window.customElements.get("iam-applied-filters")||window.customElements.define("iam-applied-filters",a.default)}).catch(a=>{console.log(a.message)})})}};function Ra(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("iam-applied-filters",null,[o.renderSlot(a.$slots,"default")])}const Ba=S(Ha,[["render",Ra]]);/*!
|
|
2
|
-
|
|
1
|
+
(function(x,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],s):(x=typeof globalThis<"u"?globalThis:x||self,s(x.iamkey={},x.Vue))})(this,function(x,s){"use strict";const S=(a,t)=>{const e=a.__vccOpts||a;for(const[r,o]of t)e[r]=o;return e},yt={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}}},wt=["xlink:href"],_t=["innerHTML"];function kt(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(n.className)},[(s.openBlock(),s.createElementBlock("svg",null,[s.createElementVNode("title",null,"iam "+s.toDisplayString(e.id),1),s.createElementVNode("use",{"xlink:href":e.path+n.src},null,8,wt)])),e.desc?(s.openBlock(),s.createElementBlock("span",{key:0,innerHTML:e.desc},null,8,_t)):s.createCommentVNode("",!0)],2)}const xt=S(yt,[["render",kt]]),At={name:"Input",props:{value:{type:String,required:!1},id:{type:String,required:!0},name:{type:String,required:!1},list:{type:String,required:!1},label:{type:String,required:!1},labelclass:{type:String,required:!1},inputclass:{type:String,required:!1},type:{type:String,required:!1,default:"text"},size:{type:String,required:!1},errormsg:{type:String,required:!1},options:{type:Array,required:!1},prefix:{type:String,required:!1},prefixClass:{type:String,required:!1},suffix:{type:String,required:!1},pattern:{type:String,required:!1},suffixClass:{type:String,required:!1},title:{type:String,required:!1},hint:{type:String,required:!1},multiple:{type:String,required:!1}},computed:{displayLabel(){return()=>this.$attrs.multiple?this.label+'<span class="small d-block text-body font-body fw-normal">Hold down the Ctrl (windows) or Command (Mac) button to select multiple options.</span>':this.hint?this.label+`<span class="small d-block text-body font-body fw-normal">${this.hint}</span>`:this.label},wrapperClass(){return()=>{switch(this.type){case"radio":case"checkbox":return"form-check";case"radio-btn":case"checkbox-btn":return!1;default:return"form-control__wrapper"}}},needPattern(){return()=>{if(this.pattern)return this.pattern;switch(this.type){case"datetime-local":return"[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}"}return"(.*?)"}},needsLabel(){return()=>{switch(this.type){case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":return!1;default:return!0}}},isInput(){return()=>{switch(this.type){case"textarea":case"select":case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":case"range":case"color":return!1;default:return!0}}},allowDatalist(){return()=>{switch(this.type){case"select":case"radio":case"radio-btn":case"checkbox":case"checkbox-btn":return!1;default:return!0}}},hasOptions(){return()=>{if(this.list)return this.list;if(this.options)return this.id+"-list"}},inputVal:{get(){return this.value==null&&this.options!=null&&this.type=="select"?this.$attrs.multiple?[]:this.options[0].value:this.value},set(a){this.$emit("input",a)}}},mounted(){this.$nextTick(function(){let a=this.$refs.wrapper;if(a.parentNode&&a.parentNode.classList.contains("form-check")||a.classList.length==0){const t=document.createDocumentFragment();Array.from(a.childNodes).forEach(e=>t.appendChild(e)),a.parentNode.insertBefore(t,a),a.parentNode.removeChild(a)}})},methods:{inputKeyup(a){this.$emit("keyupEvent",a)},clickEvent(){this.$emit("bus")}}},Lt=["for","innerHTML","title"],St=["innerHTML"],Et=["innerHTML"],$t=["type","name","id","pattern","list"],qt=["type","name","id","pattern"],Ct={key:5,class:"input-group"},Mt=["type","name","id","pattern","list"],zt={class:"input-group-text border-0 col-2 col-sm-1 px-0"},Tt={key:6,class:"input-group"},Ht=["type","name","id","pattern","list"],Rt={class:"input-group-text flex-fill"},Bt=["type","name","id","pattern"],jt=["value"],Nt=["type","name","id"],Ft=["for","innerHTML"],Pt=["type","name","id"],Dt=["for","innerHTML"],Vt=["innerHTML"],Ot=["id"],It=["value"];function Ut(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(n.wrapperClass()),ref:"wrapper"},[n.needsLabel()?(s.openBlock(),s.createElementBlock("label",{key:0,class:s.normalizeClass(`form-label${e.labelclass?` ${e.labelclass}`:""}`),for:e.id,innerHTML:n.displayLabel(),title:e.title},null,10,Lt)):s.createCommentVNode("",!0),e.prefix?(s.openBlock(),s.createElementBlock("span",{key:1,class:s.normalizeClass(`prefix ${this.prefixClass} ${e.size?`prefix-${e.size}`:""}`),innerHTML:e.prefix,role:"presentation"},null,10,St)):s.createCommentVNode("",!0),e.suffix?(s.openBlock(),s.createElementBlock("span",{key:2,class:s.normalizeClass(`suffix ${this.suffixClass} ${e.size?`suffix-${e.size}`:""}`),innerHTML:e.suffix,role:"presentation"},null,10,Et)):s.createCommentVNode("",!0),n.isInput()?s.withDirectives((s.openBlock(),s.createElementBlock("input",s.mergeProps({key:3,"onUpdate:modelValue":t[0]||(t[0]=i=>n.inputVal=i),class:`form-control${e.size?` form-control-${e.size}`:""}${e.inputclass?` ${e.inputclass}`:""}`,type:e.type,name:e.name?e.name:e.id,id:e.id,pattern:n.needPattern(),list:n.hasOptions()},a.$attrs,{onKeyup:t[1]||(t[1]=(...i)=>n.inputKeyup&&n.inputKeyup(...i))}),null,16,$t)),[[s.vModelDynamic,n.inputVal]]):s.createCommentVNode("",!0),e.type=="textarea"?s.withDirectives((s.openBlock(),s.createElementBlock("textarea",s.mergeProps({key:4,"onUpdate:modelValue":t[2]||(t[2]=i=>n.inputVal=i),class:`form-control${e.size?` form-control-${e.size}`:""}${e.inputclass?` ${e.inputclass}`:""}`,type:e.type,name:e.name?e.name:e.id,id:e.id,pattern:n.needPattern()},a.$attrs),null,16,qt)),[[s.vModelText,n.inputVal]]):s.createCommentVNode("",!0),e.type=="range"?(s.openBlock(),s.createElementBlock("div",Ct,[s.withDirectives(s.createElementVNode("input",s.mergeProps({"onUpdate:modelValue":t[3]||(t[3]=i=>n.inputVal=i),class:`form-range${e.inputclass?` ${e.inputclass}`:""}`,type:e.type,name:e.name?e.name:e.id,id:e.id,pattern:n.needPattern(),list:n.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Mt),[[s.vModelDynamic,n.inputVal]]),s.createElementVNode("output",zt,s.toDisplayString(e.value),1)])):s.createCommentVNode("",!0),e.type=="color"?(s.openBlock(),s.createElementBlock("div",Tt,[s.withDirectives(s.createElementVNode("input",s.mergeProps({"onUpdate:modelValue":t[4]||(t[4]=i=>n.inputVal=i),class:`form-control form-control-color${e.inputclass?` ${e.inputclass}`:""}`,type:e.type,name:e.name?e.name:e.id,id:e.id,pattern:n.needPattern(),list:n.hasOptions()},a.$attrs,{oninput:"this.nextElementSibling.value=this.value;"}),null,16,Ht),[[s.vModelDynamic,n.inputVal]]),s.createElementVNode("output",Rt,s.toDisplayString(e.value?a.vale:"#000000"),1)])):s.createCommentVNode("",!0),e.type=="select"?s.withDirectives((s.openBlock(),s.createElementBlock("select",s.mergeProps({key:7,"onUpdate:modelValue":t[5]||(t[5]=i=>n.inputVal=i),class:`form-select${e.size?` form-select-${e.size}`:""}${e.inputclass?` ${e.inputclass}`:""}`,type:e.type,name:e.id,id:e.id,pattern:n.needPattern()},a.$attrs),[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.options,(i,c)=>(s.openBlock(),s.createElementBlock("option",{key:c,value:i.value},s.toDisplayString(i.display?i.display:i.value),9,jt))),128))],16,Bt)),[[s.vModelSelect,n.inputVal]]):s.createCommentVNode("",!0),e.type=="checkbox"||e.type=="radio"?(s.openBlock(),s.createElementBlock("input",s.mergeProps({key:8,class:"form-check-input",type:e.type,name:e.name?e.name:e.id,id:e.id},a.$attrs),null,16,Nt)):s.createCommentVNode("",!0),e.type=="checkbox"||e.type=="radio"?(s.openBlock(),s.createElementBlock("label",{key:9,class:s.normalizeClass(`form-label form-check-label${e.labelclass?` ${e.labelclass}`:""}`),for:e.id,innerHTML:e.label},null,10,Ft)):s.createCommentVNode("",!0),e.type=="checkbox-btn"||e.type=="radio-btn"?(s.openBlock(),s.createElementBlock("input",s.mergeProps({key:10,class:`btn-check${e.inputclass?` ${e.inputclass}`:""}`,type:e.type.replace("-btn",""),autocomplete:"off",name:e.name?e.name:e.id,id:e.id},a.$attrs),null,16,Pt)):s.createCommentVNode("",!0),e.type=="checkbox-btn"||e.type=="radio-btn"?(s.openBlock(),s.createElementBlock("label",{key:11,class:s.normalizeClass(`btn${e.labelclass?` ${e.labelclass}`:""}`),for:e.id,innerHTML:e.label,onClick:t[6]||(t[6]=(...i)=>n.clickEvent&&n.clickEvent(...i))},null,10,Dt)):s.createCommentVNode("",!0),s.renderSlot(a.$slots,"default"),e.errormsg?(s.openBlock(),s.createElementBlock("span",{key:12,class:"invalid-feedback mb-0",innerHTML:e.errormsg},null,8,Vt)):s.createCommentVNode("",!0),n.allowDatalist()?(s.openBlock(),s.createElementBlock("datalist",{key:13,id:e.id+"-list"},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.options,(i,c)=>(s.openBlock(),s.createElementBlock("option",{key:c,value:i.value},s.toDisplayString(i.value),9,It))),128))],8,Ot)):s.createCommentVNode("",!0)],2)}const D=S(At,[["render",Ut]]),Wt={name:"Accordion",props:{},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>ar).then(a=>{window.customElements.get("iam-accordion")||window.customElements.define("iam-accordion",a.default)}).catch(a=>{console.log(a.message)})})}},Yt={ref:"wrapper"};function Gt(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-accordion",Yt,[s.renderSlot(a.$slots,"default")],512)}const Xt=S(Wt,[["render",Gt]]),Kt=a=>a.charAt(0).toUpperCase()+a.slice(1),Jt=a=>a.replace(/_/g," "),Qt=a=>a.replace(/ /g,"_"),Zt=function(a){return a=a.toLowerCase(),a=Qt(a),a=a.replace(/\W/g,""),a},te={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=>`${Zt(a)}`}},data(){return{show:!this.lazy}}},ee=["id"];function ae(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("details",{id:n.createID(e.title)},[s.createElementVNode("summary",null,[s.createTextVNode(s.toDisplayString(e.title),1),e.badge?(s.openBlock(),s.createElementBlock("span",{key:0,class:s.normalizeClass(`badge bg-${e.badgecolour}`)},s.toDisplayString(e.badge),3)):s.createCommentVNode("",!0)]),s.renderSlot(a.$slots,"default")],8,ee)}const oe=S(te,[["render",ae]]),re={name:"Actionbar",props:{},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>rr).then(a=>{window.customElements.get("iam-actionbar")||window.customElements.define("iam-actionbar",a.default)}).catch(a=>{console.log(a.message)})})}};function ne(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-actionbar",null,[s.renderSlot(a.$slots,"default")])}const ie=S(re,[["render",ne]]),se={name:"Address Lookup",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>ir).then(a=>{window.customElements.get("iam-address-lookup")||window.customElements.define("iam-address-lookup",a.default)}).catch(a=>{console.log(a.message)})})}};function le(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-address-lookup",null,[s.renderSlot(a.$slots,"default")])}const ce=S(se,[["render",le]]),de={name:"Applied Filter",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>cr).then(a=>{window.customElements.get("iam-applied-filters")||window.customElements.define("iam-applied-filters",a.default)}).catch(a=>{console.log(a.message)})})}};function me(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-applied-filters",null,[s.renderSlot(a.$slots,"default")])}const he=S(de,[["render",me]]),ue={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1},background:{type:String,default:"light",required:!1}}},pe={class:"container"},be={class:"row"},ge={class:"col-sm-6"},fe={class:"pt-5 pb-3 px-4"},ve={class:"col-sm-6 col-md-5 ms-auto"},ye=["src"];function we(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("div",pe,[s.createElementVNode("div",{class:s.normalizeClass("bg-"+e.background+" mb-4")},[s.createElementVNode("div",be,[s.createElementVNode("div",ge,[s.createElementVNode("div",fe,[s.createElementVNode("h2",null,s.toDisplayString(e.title),1),s.renderSlot(a.$slots,"default")])]),s.createElementVNode("div",ve,[e.image?(s.openBlock(),s.createElementBlock("img",{key:0,src:e.image,alt:"",class:"h-100 w-100 object-cover"},null,8,ye)):s.createCommentVNode("",!0)])])],2)])}const _e=S(ue,[["render",we]]),ke={name:"Barchart",created(){this.$nextTick(function(){Promise.resolve().then(()=>Ar).then(a=>{window.customElements.get("iam-barchart")||window.customElements.define("iam-barchart",a.default)}).catch(a=>{console.log(a.message)})})}};function xe(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-barchart",null,[s.renderSlot(a.$slots,"default")])}const Ae=S(ke,[["render",xe]]),Le={ref:"wrapper"},Se={__name:"BentoGrid",setup(a){return s.onMounted(()=>{Promise.resolve().then(()=>Sr).then(t=>{window.customElements.get("iam-bento-grid")||window.customElements.define("iam-bento-grid",t.default)}).catch(t=>{console.log(t.message)})}),(t,e)=>(s.openBlock(),s.createElementBlock("iam-bento-grid",Le,[s.renderSlot(t.$slots,"default")],512))}},Ee={name:"Card",created(){this.$nextTick(function(){Promise.resolve().then(()=>zr).then(a=>{window.customElements.get("iam-card")||window.customElements.define("iam-card",a.default)}).catch(a=>{console.log(a.message)})})}};function $e(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-card",null,[s.renderSlot(a.$slots,"default")])}const qe=S(Ee,[["render",$e]]),Ce={name:"Header",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Fr).then(a=>{window.customElements.get("iam-carousel")||window.customElements.define("iam-carousel",a.default)}).catch(a=>{console.log(a.message)})})}};function Me(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-carousel",null,[s.renderSlot(a.$slots,"default")])}const ze=S(Ce,[["render",Me]]);window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"collapsible side menu"});class Te extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=`@import "${t}/css/components/collapsible-side.css";`,o=document.createElement("template");o.innerHTML=`
|
|
2
|
+
<style class="styles">
|
|
3
|
+
@import "${e}";
|
|
4
|
+
${r}
|
|
5
|
+
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
6
|
+
</style>
|
|
7
|
+
<link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous">
|
|
8
|
+
<div class="container" part="container">
|
|
9
|
+
|
|
10
|
+
<div class="side-menu" part="side-menu">
|
|
11
|
+
<button class="btn btn-compact fa-chevron-right btn-secondary btn-sm btn-collapse" part="btn">Open or close Collapsible menu</button>
|
|
12
|
+
<div class="side-menu-content closed" part="side-menu-content">
|
|
13
|
+
<slot name="menu"></slot>
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
|
|
17
|
+
<div class="main-content" part="main-content">
|
|
18
|
+
<slot></slot>
|
|
19
|
+
</div>
|
|
20
|
+
|
|
21
|
+
</div>
|
|
22
|
+
`,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){const t=this.shadowRoot.querySelector(".side-menu"),e=this.shadowRoot.querySelector(".side-menu-content"),r=this.shadowRoot.querySelector(".main-content"),o=this.shadowRoot.querySelector(".side-menu > .btn");this.hasAttribute("data-css")&&this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`),this.hasAttribute("data-title")||this.setAttribute("data-title","configuration"),e.insertAdjacentHTML("afterbegin",`<span class="h3">${this.getAttribute("data-title")}</span>`),r.insertAdjacentHTML("afterbegin",`<span class="h3">${this.getAttribute("data-title")}</span>`),this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)")&&(this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("h4"),this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("main-content__title")),this.hasAttribute("open")&&window.innerWidth>992&&(t.classList.add("open"),o.setAttribute("aria-expanded",!0)),o.addEventListener("click",()=>{t.classList.contains("open")?(t.classList.remove("open"),o.removeAttribute("aria-expanded"),setTimeout(function(){e.classList.add("closed")},1e3),t.classList.add("pe-none"),setTimeout(function(){t.classList.remove("pe-none")},1e3)):(e.classList.remove("closed"),setTimeout(function(){t.classList.add("open"),o.setAttribute("aria-expanded",!0)},100))}),t.addEventListener("mouseenter",()=>{window.innerWidth>992&&(t.classList.contains("open")||e.classList.remove("closed"),t.classList.add("hover"))}),t.addEventListener("mousemove",()=>{window.innerWidth>992&&(t.classList.contains("open")||e.classList.remove("closed"))}),t.addEventListener("mouseleave",()=>{window.innerWidth>992&&(t.classList.remove("hover"),t.classList.contains("open")||setTimeout(function(){e.classList.add("closed")},1e3))})}}window.customElements.get("iam-collapsible-side")||window.customElements.define("iam-collapsible-side",Te);const He={name:"CollapsibleSideMenu",props:{},mounted(){}};function Re(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-collapsible-side",null,[s.renderSlot(a.$slots,"default")])}const Be=S(He,[["render",Re]]),je=Object.assign({name:"FileUpload",props:{maxfilesize:{type:Number,required:!1},maxfiles:{type:Number,required:!1}},created(){this.$nextTick(function(){Promise.resolve().then(()=>Dr).then(a=>{window.customElements.get("iam-fileupload")||window.customElements.define("iam-fileupload",a.default)}).catch(a=>{console.log(a.message)})})}},{emits:["elementChange","empty","fileRemoved"],setup(a,{emit:t}){const e=t,r=s.ref(null);return s.onMounted(()=>{r.value.addEventListener("elementChange",function(o){e("elementChange",o)}),r.value.addEventListener("empty",function(o){e("empty",o)}),r.value.addEventListener("fileRemoved",function(o){e("fileRemoved",o)})}),(o,n)=>(s.openBlock(),s.createElementBlock("iam-fileupload",{ref_key:"$component",ref:r},[s.renderSlot(o.$slots,"default")],512))}}),Ne={name:"Card",created(){this.$nextTick(function(){Promise.resolve().then(()=>Yr).then(a=>{window.customElements.get("iam-filter-card")||window.customElements.define("iam-filter-card",a.default)}).catch(a=>{console.log(a.message)})})}};function Fe(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-filter-card",null,[s.renderSlot(a.$slots,"default")])}const Pe=S(Ne,[["render",Fe]]);/*!
|
|
23
|
+
* iamKey v7.2.0
|
|
3
24
|
* Copyright 2022-2025 iamproperty
|
|
4
|
-
*/function
|
|
25
|
+
*/function De(a,t){Ve(a,t)}function Ve(a,t){let e;t.addEventListener("keyup",()=>{clearTimeout(e),e=setTimeout(function(){Q(a,t.value)},500)}),t.addEventListener("change",()=>{clearTimeout(e),Q(a,t.value)})}const Q=function(a,t){Array.from(a.querySelectorAll(":scope > li")).forEach(e=>{const r=e.textContent.toLowerCase();e.classList.add("d-none"),r.includes(t.toLowerCase())&&e.classList.remove("d-none")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Filtered list",value:t})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"filterlist"});class Oe extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
5
26
|
<style>
|
|
6
|
-
@import "${
|
|
27
|
+
@import "${e}";
|
|
7
28
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
8
29
|
|
|
9
30
|
:host {
|
|
@@ -28,9 +49,9 @@
|
|
|
28
49
|
<div class="list__wrapper" part="wrapper">
|
|
29
50
|
<slot></slot>
|
|
30
51
|
</div>
|
|
31
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){const
|
|
52
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){const t=this.classList.toString();this.shadowRoot.querySelector(".list__wrapper").setAttribute("class",`list__wrapper ${t}`),this.querySelector("i.fa-search")||(this.innerHTML+='<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'),De(this.querySelector("ul"),this.shadowRoot.querySelector("#search"))}}window.customElements.get("iam-filterlist")||window.customElements.define("iam-filterlist",Oe);const Ie={name:"Filter list"};function Ue(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-filterlist",null,[s.renderSlot(a.$slots,"default")])}const We=S(Ie,[["render",Ue]]),Ye={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Xr).then(a=>{window.customElements.get("iam-header")||window.customElements.define("iam-header",a.default)}).catch(a=>{console.log(a.message)})})}},Ge=["image"],Xe=["innerHTML"];function Ke(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-header",{image:e.image},[s.renderSlot(a.$slots,"breadcrumb"),e.title?(s.openBlock(),s.createElementBlock("h1",{key:0,innerHTML:e.title},null,8,Xe)):s.createCommentVNode("",!0),s.renderSlot(a.$slots,"default")],8,Ge)}const Je=S(Ye,[["render",Ke]]),Qe=Object.assign({components:{},name:"Inline Edit",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Jr).then(a=>{window.customElements.get("iam-inline-edit")||window.customElements.define("iam-inline-edit",a.default)}).catch(a=>{console.log(a.message)})})}},{emits:["save","autosave"],setup(a,{emit:t}){const e=t,r=s.ref(null);return s.onMounted(()=>{r.value.addEventListener("inline-edit-save",function(o){e("save",o)}),r.value.addEventListener("inline-edit-autosave",function(o){e("autosave",o)})}),(o,n)=>(s.openBlock(),s.createElementBlock("iam-inline-edit",{ref_key:"$component",ref:r},[s.renderSlot(o.$slots,"default")],512))}}),Ze={name:"Multiselect",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Qr).then(a=>{window.customElements.get("iam-multiselect")||window.customElements.define("iam-multiselect",a.default)}).catch(a=>{console.log(a.message)})})}};function ta(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-multiselect",null,[s.renderSlot(a.$slots,"default")])}const ea=S(Ze,[["render",ta]]),aa={__name:"MultiStep",setup(a){return s.onMounted(()=>{Promise.resolve().then(()=>an).then(t=>{window.customElements.get("iam-multi-step")||window.customElements.define("iam-multi-step",t.default)}).catch(t=>{console.log(t.message)})}),(t,e)=>(s.openBlock(),s.createElementBlock("iam-multi-step",null,[s.renderSlot(t.$slots,"default")]))}},oa={name:"Menu",created(){this.$nextTick(function(){Promise.resolve().then(()=>rn).then(a=>{window.customElements.get("iam-menu")||window.customElements.define("iam-menu",a.default)}).catch(a=>{console.log(a.message)})})}},ra={ref:"wrapper"};function na(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-menu",ra,[s.renderSlot(a.$slots,"default")],512)}const ia=S(oa,[["render",na]]),sa={components:{},name:"Nav",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>nn).then(a=>{window.customElements.get("iam-nav")||window.customElements.define("iam-nav",a.default)}).catch(a=>{console.log(a.message)})})},methods:{}},la={ref:"wrapper"};function ca(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-nav",la,[s.renderSlot(a.$slots,"default")],512)}const da=S(sa,[["render",ca]]),ma={name:"Table",props:{items:{type:Array,required:!1},fields:{type:Array,required:!1}},computed:{cellHeading(){return a=>`${Kt(Jt(a))}`}},created(){this.$nextTick(function(){Promise.resolve().then(()=>yn).then(a=>{window.customElements.get("iam-table")||window.customElements.define("iam-table",a.default)}).catch(a=>{console.log(a.message)}),Promise.resolve().then(()=>Ca).then(a=>{window.customElements.get("iam-pagination")||window.customElements.define("iam-pagination",a.default)}).catch(a=>{console.log(a.message)})})},updated(){}},ha={key:0},ua={key:0},pa=["data-row-id"],ba=["innerHTML"];function ga(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-table",null,[s.renderSlot(a.$slots,"before"),e.fields?(s.openBlock(),s.createElementBlock("table",ha,[s.createElementVNode("thead",null,[s.createElementVNode("tr",null,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.fields,i=>(s.openBlock(),s.createElementBlock("th",{key:i.key},s.toDisplayString(n.cellHeading(i.key)),1))),128))])]),e.items?(s.openBlock(),s.createElementBlock("tbody",ua,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.items,(i,c)=>(s.openBlock(),s.createElementBlock("tr",{key:c,"data-row-id":i.rowid},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(Object.fromEntries(Object.entries(i).filter(([m])=>m!=="rowid")),(m,l)=>(s.openBlock(),s.createElementBlock("td",{key:l,innerHTML:m},null,8,ba))),128))],8,pa))),128))])):s.createCommentVNode("",!0)])):s.renderSlot(a.$slots,"default",{key:1})])}const V=S(ma,[["render",ga]]);let Z=V.props;Z.fields.required=!1;const fa={components:{Table:V,Input:D},data(){return{itemsData:[...this.items]}},methods:{submitForm:function(a){console.log(this);const t=new FormData(a.target);let e=new Date;const r=e.getFullYear();let o=e.getMonth()+1,n=e.getDate();n<10&&(n="0"+n),o<10&&(o="0"+o),e=n+"/"+o+"/"+r,this.itemsData.unshift({date_added:e,user:t.get("user"),note:t.get("addNote")}),this.$emit("formSubmitted",a)}},name:"NoteFeed",props:{user:{type:String,required:!0},...Z,title:{type:String,required:!1},method:{type:String,required:!1,default:"post"},action:{type:String,required:!1}}},va={class:"container note-feed mb-2"},ya=["innerHTML"],wa=["action","method"],_a=["value"];function ka(a,t,e,r,o,n){const i=s.resolveComponent("Table"),c=s.resolveComponent("Input");return s.openBlock(),s.createElementBlock("div",va,[e.title?(s.openBlock(),s.createElementBlock("span",{key:0,class:"h3",innerHTML:e.title},null,8,ya)):s.createCommentVNode("",!0),s.createVNode(i,s.mergeProps({fields:[{key:"date_added"},{key:"user"},{key:"note"}],items:o.itemsData},a.$props,{class:"mb-0"}),null,16,["items"]),s.createElementVNode("form",{action:e.action,method:e.method,onSubmit:t[0]||(t[0]=s.withModifiers(m=>n.submitForm(...arguments),["prevent"]))},[s.createElementVNode("input",{type:"hidden",value:e.user,name:"user"},null,8,_a),s.createVNode(c,{id:"addNote",type:"textarea",label:"Add note",required:"",class:"mw-100"}),t[1]||(t[1]=s.createElementVNode("button",{class:"btn btn-tertiary"},"Submit note",-1))],40,wa)])}const xa=S(fa,[["render",ka]]);function Aa(a){if(a.hasAttribute("data-type")&&a.getAttribute("data-type")=="toast"){let t=document.querySelector(".notification__holder");t||(t=document.createElement("div"),t.classList.add("notification__holder"),t.classList.add("container"),document.querySelector("body").appendChild(t)),a.closest(".notification__holder")||t.appendChild(a)}if(a.setAttribute("role","alert"),a.addEventListener("click",function(t){event&&event.target instanceof HTMLElement&&(event.target.closest("[data-dismiss-button]")||event.target.matches("[data-dismiss-button]"))&&(t.preventDefault(),O(a))},!1),a.hasAttribute("data-timeout")){const t=a.getAttribute("data-timeout"),e=new La(function(){O(a)},t);a.addEventListener("mouseenter",()=>{e.pause()}),a.addEventListener("mouseleave",()=>{e.resume()})}}function La(a,t){let e,r,o=t;this.pause=function(){window.clearTimeout(e),o-=new Date-r},this.resume=function(){r=new Date,window.clearTimeout(e),e=window.setTimeout(a,o)},this.resume()}const O=function(a){a.classList.add("d-none")};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Notification"});class Sa extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=`@import "${t}/css/components/notification.css";`,o=`@import "${t}/css/components/notification.global.css";`,n=document.createElement("template");n.innerHTML=`
|
|
32
53
|
<style>
|
|
33
|
-
@import "${
|
|
54
|
+
@import "${e}";
|
|
34
55
|
${r}
|
|
35
56
|
${this.hasAttribute("data-css")?`${this.getAttribute("data-css")}`:""}
|
|
36
57
|
</style>
|
|
@@ -40,13 +61,13 @@
|
|
|
40
61
|
<div class="notification__inner"><div class="notification__text"><slot></slot></div><div class="notification__btns"><slot name="btns"></slot></div></div>
|
|
41
62
|
<div class="notification__dismiss"></div>
|
|
42
63
|
</div>
|
|
43
|
-
`,this.shadowRoot.appendChild(
|
|
44
|
-
* iamKey v7.
|
|
64
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0)),document.getElementById("notificationHolder")||document.head.insertAdjacentHTML("beforeend",`<style id="notificationHolder">${o}</style>`)}connectedCallback(){var t,e,r,o,n;const i=this,c=this.hasAttribute("data-status")?this.getAttribute("data-status"):"white";if(this.hasAttribute("data-type")?this.classList.add(`bg-${c}`):this.classList.add(`colour-${c}`),!this.querySelector("i"))switch(c){case"danger":this.innerHTML+='<i class="fa-solid fa-circle-exclamation" aria-hidden="true" slot="icon"></i>';break;case"warning":this.innerHTML+='<i class="fa-solid fa-triangle-exclamation" aria-hidden="true" slot="icon"></i>';break;case"success":this.innerHTML+='<i class="fa-solid fa-check-circle" aria-hidden="true" slot="icon"></i>';break;default:this.innerHTML+='<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>'}const m=this.querySelectorAll("a,button");Array.from(m).forEach(l=>{l.setAttribute("slot","btns"),l.classList.add("link")}),(m.length||this.hasAttribute("data-dismiss"))&&this.classList.add("notification--dismissable"),m.length?(o=(r=this.shadowRoot)===null||r===void 0?void 0:r.querySelector(".notification__btns"))===null||o===void 0||o.classList.remove("empty"):(e=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector(".notification__btns"))===null||e===void 0||e.classList.add("empty"),this.hasAttribute("data-dismiss")&&((n=this.shadowRoot.querySelector(".notification__dismiss"))===null||n===void 0||(n.innerHTML='<button data-dismiss-button part="dismiss-btn">Dismiss</button>'),this.shadowRoot.querySelector(".notification__dismiss [data-dismiss-button]").addEventListener("click",function(){O(i)},!1)),Aa(this)}}const Ea={name:"Notification",props:{},created(){this.$nextTick(function(){window.customElements.get("iam-notification")||window.customElements.define("iam-notification",Sa)})}};function $a(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-notification",null,[s.renderSlot(a.$slots,"default")])}const qa=S(Ea,[["render",$a]]);/*!
|
|
65
|
+
* iamKey v7.2.0
|
|
45
66
|
* Copyright 2022-2025 iamproperty
|
|
46
|
-
*/let
|
|
67
|
+
*/let tt=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
47
68
|
<style>
|
|
48
|
-
@import "${
|
|
49
|
-
:host{container-type:inline-size;display:block}.pagination{display:block}@container (width > 23.4375em){.pagination{display:flex;align-items:center;justify-content:space-between !important;padding-top:2rem}}.pagination>div{display:flex;align-items:center}.pagination div:is(.page-jump,.per-page){border:1px solid var(--colour-light);height:3.25rem;display:none;align-items:center;padding-inline:1rem}.pagination div:is(.page-jump,.per-page) .select--minimal{height:calc(3.25rem - 1em);line-height:calc(3.25rem - 1em);margin-left:-1rem;font-weight:bold}.pagination div:is(.page-jump,.per-page) div:has(>select){margin-bottom:0}.pagination div:is(.page-jump,.per-page) div:has(>select):after{top:50%}.page-jump{border-right:none !important}.total-pages{white-space:nowrap}:host([data-page-jump][data-minimal]) .page-jump{display:flex !important}@container (width > 23.4375em){:host([data-page-jump]) .page-jump{display:flex !important}}@container (width > 23.4375em){:host([data-per-page]:not([data-page-jump][data-item-count])) .per-page{display:flex !important}}@container (width > 48em){:host([data-per-page][data-page-jump][data-item-count]) .per-page{display:flex !important}}.pagination>.item-count{display:block;text-align:center;margin-bottom:1rem;margin-inline:auto}@container (width > 23.4375em){.pagination>.item-count{display:none}:host([data-item-count]) .pagination>.item-count{display:flex !important;margin:0}}*:where(.prev,.next){border:1px solid var(--colour-light);line-height:3.25rem;height:3.25rem;margin:0;display:none;background:none;padding-inline:1rem;color:var(--colour-body)}@container (width > 23.4375em){*:where(.prev,.next){display:inline-block}}*:where(.prev,.next):after{margin-left:.5em;font-size:.8rem;content:"";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}*:where(.prev,.next):is(:hover,:focus):not(:disabled){background-color:var(--pagination-link-color);color:var(--colour-hover)}*:where(.prev,.next):is(:active):not(:disabled){background-color:var(--pagination-link-color);color:var(--colour-active)}*:where(.prev,.next):disabled:after,*:where(.prev,.next):disabled:before{color:inherit !important}:host([data-minimal]) .pagination{justify-content:flex-end}@container (width > 23.4375em){:host([data-minimal]) .pagination{justify-content:space-between}}:host([data-minimal]) *:where(.prev,.next){display:inline-block !important}.prev{border-right:none}.prev:after{display:none}.prev:before{margin-right:.5em;font-size:.8rem;content:"";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}.mobile-controls{display:block}:host([data-minimal]) .pagination{padding-top:1.5rem;display:flex;align-items:center;justify-content:flex-end}:host([data-minimal]) *:is(.mobile-controls,.item-count){display:none}@container (width > 23.4375em){.mobile-controls{display:none !important}:host([data-item-count]) .item-count{display:flex !important}}.fa-spin{display:none !important;font-size:3rem;color:var(--colour-info)}:host([data-loading]) .mobile-controls{padding-top:2rem}:host([data-loading]) .item-count,:host([data-loading]) .mobile-controls>*:not(.fa-spin){display:none !important}:host([data-loading]) .fa-spin{display:block !important;margin:auto}/*# sourceMappingURL=assets/css/components/pagination.css.map */
|
|
69
|
+
@import "${e}";
|
|
70
|
+
.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}.pagination div:is(.page-jump,.per-page){border:1px solid var(--colour-light);height:3.25rem;display:none;align-items:center;padding-inline:1rem}.pagination div:is(.page-jump,.per-page) .select--minimal{height:calc(3.25rem - 1em);line-height:calc(3.25rem - 1em);margin-left:-1rem;font-weight:bold}.pagination div:is(.page-jump,.per-page) div:has(>select){margin-bottom:0}.pagination div:is(.page-jump,.per-page) div:has(>select):after{top:50%}.page-jump{border-right:none !important}.total-pages{white-space:nowrap}:host([data-page-jump][data-minimal]) .page-jump{display:flex !important}@container (width > 23.4375em){:host([data-page-jump]) .page-jump{display:flex !important}}@container (width > 23.4375em){:host([data-per-page]:not([data-page-jump][data-item-count])) .per-page{display:flex !important}}@container (width > 48em){:host([data-per-page][data-page-jump][data-item-count]) .per-page{display:flex !important}}.pagination>.item-count{display:block;text-align:center;margin-bottom:1rem;margin-inline:auto}@container (width > 23.4375em){.pagination>.item-count{display:none}:host([data-item-count]) .pagination>.item-count{display:flex !important;margin:0}}*:where(.prev,.next){border:1px solid var(--colour-light);line-height:3.25rem;height:3.25rem;margin:0;display:none;background:none;padding-inline:1rem;color:var(--colour-body)}@container (width > 23.4375em){*:where(.prev,.next){display:inline-block}}*:where(.prev,.next):after{margin-left:.5em;font-size:.8rem;content:"";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}*:where(.prev,.next):is(:hover,:focus):not(:disabled){background-color:var(--pagination-link-color);color:var(--colour-hover)}*:where(.prev,.next):is(:active):not(:disabled){background-color:var(--pagination-link-color);color:var(--colour-active)}*:where(.prev,.next):disabled:after,*:where(.prev,.next):disabled:before{color:inherit !important}:host([data-minimal]) .pagination{justify-content:flex-end}@container (width > 23.4375em){:host([data-minimal]) .pagination{justify-content:space-between}}:host([data-minimal]) *:where(.prev,.next){display:inline-block !important}.prev{border-right:none}.prev:after{display:none}.prev:before{margin-right:.5em;font-size:.8rem;content:"";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}.mobile-controls{display:block}:host([data-minimal]) .pagination{padding-top:1.5rem;display:flex;align-items:center;justify-content:flex-end}:host([data-minimal]) *:is(.mobile-controls,.item-count){display:none}@container (width > 23.4375em){.mobile-controls{display:none !important}:host([data-item-count]) .item-count{display:flex !important}}.fa-spin{display:none !important;font-size:3rem;color:var(--colour-info)}:host([data-loading]) .mobile-controls{padding-top:2rem}:host([data-loading]) .item-count,:host([data-loading]) .mobile-controls>*:not(.fa-spin){display:none !important}:host([data-loading]) .fa-spin{display:block !important;margin:auto}/*# sourceMappingURL=assets/css/components/pagination.css.map */
|
|
50
71
|
|
|
51
72
|
|
|
52
73
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
@@ -81,103 +102,174 @@
|
|
|
81
102
|
<button class="load-more btn btn-primary m-auto">Load more</a>
|
|
82
103
|
</div>
|
|
83
104
|
</div>
|
|
84
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){const
|
|
85
|
-
<option value="${
|
|
86
|
-
<option value="${
|
|
87
|
-
<option value="${m*4}">${m*4}</option>`),n.value=m}static get observedAttributes(){return["data-total","data-increment","data-page","data-show"]}attributeChangedCallback(e,t,r){switch(e){case"data-total":{t!=r&&(this.setAttribute("data-page",1),this.setup());break}case"data-show":{t!=r&&(this.setAttribute("data-page",1),this.setup(),this.dispatchEvent(new CustomEvent("update-show",{detail:{show:r}})));break}case"data-increment":{t!=r&&(this.setAttribute("data-show",r),this.setAttribute("data-page",1),this.setup(),this.dispatchEvent(new CustomEvent("update-show",{detail:{show:r}})));break}case"data-page":{t&&t!=r&&(this.setup(),this.dispatchEvent(new CustomEvent("update-page",{detail:{page:r}})));break}}}};const Qa=Object.freeze(Object.defineProperty({__proto__:null,default:W},Symbol.toStringTag,{value:"Module"})),Za={name:"Pagination",props:{},computed:{},created(){this.$nextTick(function(){window.customElements.get("iam-pagination")||window.customElements.define("iam-pagination",W)})},updated(){}};function to(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("iam-pagination")}const eo=S(Za,[["render",to]]),ao={name:"Address Lookup",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>ir).then(a=>{window.customElements.get("iam-address-lookup")||window.customElements.define("iam-address-lookup",a.default)}).catch(a=>{console.log(a.message)})})}};function oo(a,e,t,r,i,s){return o.openBlock(),o.createElementBlock("iam-address-lookup",null,[o.renderSlot(a.$slots,"default")])}const ro=S(ao,[["render",oo]]);window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"collapsible side menu"});class no extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=`@import "${e}/css/components/collapsible-side.css";`,i=document.createElement("template");i.innerHTML=`
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
105
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){const t=new URLSearchParams(window.location.search);this.hasAttribute("data-total")||this.setAttribute("data-total",15),this.hasAttribute("data-page")||this.setAttribute("data-page",t.has("page")?t.get("page"):1),this.hasAttribute("data-show")||this.setAttribute("data-show",t.has("show")?t.get("show"):15),this.hasAttribute("data-increment")||this.setAttribute("data-increment",this.getAttribute("data-show"));const e=this.shadowRoot.querySelector(".page-jump select"),r=this.shadowRoot.querySelector(".prev"),o=this.shadowRoot.querySelector(".next"),n=this.shadowRoot.querySelector(".per-page select"),i=this.shadowRoot.querySelector(".load-more");this.setup(),e.addEventListener("change",c=>{this.setAttribute("data-show",this.getAttribute("data-increment")),this.setAttribute("data-page",c.target.value)}),o.addEventListener("click",()=>{e.value=parseInt(e.value)+1,e.dispatchEvent(new Event("change"))}),r.addEventListener("click",()=>{e.value=parseInt(e.value)-1,e.dispatchEvent(new Event("change"))}),n.addEventListener("change",c=>{this.setAttribute("data-increment",c.target.value)}),i.addEventListener("click",()=>{const c=parseInt(this.getAttribute("data-show"))+parseInt(this.getAttribute("data-increment"));this.setAttribute("data-show",c),c>parseInt(this.getAttribute("data-total"))&&i.remove()})}setup(){const t=this.shadowRoot.querySelector(".pagination"),e=this.shadowRoot.querySelector(".page-jump select"),r=this.shadowRoot.querySelector(".prev"),o=this.shadowRoot.querySelector(".next"),n=this.shadowRoot.querySelector(".item-count"),i=this.shadowRoot.querySelector(".per-page select"),c=this.shadowRoot.querySelector(".total-pages"),m=parseInt(this.getAttribute("data-page")),l=parseInt(this.getAttribute("data-total")),d=parseInt(this.getAttribute("data-show")),h=parseInt(this.getAttribute("data-increment")),p=Math.ceil(l/h);l>d&&t.classList.remove("d-none");let u="";for(let g=1;g<=p;g++)u+=`<option value="${g}" ${g==m?"selected":""}>${g}</option>`;e.innerHTML=u,c.innerHTML=`of ${p}`,m==p?o.setAttribute("disabled","disabled"):o.removeAttribute("disabled"),m==1?r.setAttribute("disabled","disabled"):r.removeAttribute("disabled");const f=m==1?1:(m-1)*d+1,b=m==1?d:m*d;n.innerHTML=`${f} - ${b>l?l:b} of ${l} items`;const v=[15,25,40,50];h&&i.value!=h&&!v.includes(h)&&(i.innerHTML=`<option value="${h}">${h}</option>
|
|
106
|
+
<option value="${h*2}">${h*2}</option>
|
|
107
|
+
<option value="${h*3}">${h*3}</option>
|
|
108
|
+
<option value="${h*4}">${h*4}</option>`),i.value=h}static get observedAttributes(){return["data-total","data-increment","data-page","data-show"]}attributeChangedCallback(t,e,r){switch(t){case"data-total":{e!=r&&(this.setAttribute("data-page",1),this.setup());break}case"data-show":{e!=r&&(this.setAttribute("data-page",1),this.setup(),this.dispatchEvent(new CustomEvent("update-show",{detail:{show:r}})));break}case"data-increment":{e!=r&&(this.setAttribute("data-show",r),this.setAttribute("data-page",1),this.setup(),this.dispatchEvent(new CustomEvent("update-show",{detail:{show:r}})));break}case"data-page":{e&&e!=r&&(this.setup(),this.dispatchEvent(new CustomEvent("update-page",{detail:{page:r}})));break}}}};const Ca=Object.freeze(Object.defineProperty({__proto__:null,default:tt},Symbol.toStringTag,{value:"Module"})),Ma={name:"Pagination",props:{},computed:{},created(){this.$nextTick(function(){window.customElements.get("iam-pagination")||window.customElements.define("iam-pagination",tt)})},updated(){}};function za(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-pagination")}const Ta=S(Ma,[["render",za]]),Ha={components:{Input:D},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"}]}}},Ra={class:"container",ref:"wrapper"},Ba={class:"property-searchbar"},ja=["action","method"],Na={class:"col-12 col-md-3"},Fa={class:"col-12 col-md"},Pa={class:"row","data-input-range":""},Da={class:"col-12 col-md"},Va={class:"row","data-input-range":""},Oa={class:"col-12 col-md-2"};function Ia(a,t,e,r,o,n){const i=s.resolveComponent("Input");return s.openBlock(),s.createElementBlock("div",Ra,[s.renderSlot(a.$slots,"default"),s.createElementVNode("div",Ba,[s.createElementVNode("form",{class:"row",action:e.formaction,method:e.formmethod},[s.createElementVNode("fieldset",Na,[s.createVNode(i,{inputClass:"input--locations",modelValue:n.locationSet,"onUpdate:modelValue":t[0]||(t[0]=c=>n.locationSet=c),label:"Location",id:"location",options:n.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:t[1]||(t[1]=c=>n.locationKeyup(...arguments)),ref:"search"},null,8,["modelValue","options"]),s.createVNode(i,{class:"select--miles",label:"Miles",id:"miles",type:"select",options:e.distances},null,8,["options"])]),s.createElementVNode("fieldset",Fa,[t[2]||(t[2]=s.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1)),s.createElementVNode("div",Pa,[s.createVNode(i,{class:"col-6",label:"Minimum price",id:"price-min","data-min":"true",type:"select",options:e.pricemin},null,8,["options"]),s.createVNode(i,{class:"col-6",label:"Maximum price",id:"price-max","data-max":"true",type:"select",options:e.pricemax},null,8,["options"])])]),s.createElementVNode("fieldset",Da,[t[3]||(t[3]=s.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1)),s.createElementVNode("div",Va,[s.createVNode(i,{class:"col-6",label:"Minimum beds",id:"beds-min","data-min":"true",type:"select",options:e.bedsmin},null,8,["options"]),s.createVNode(i,{class:"col-6",label:"Maximum beds",id:"beds-max","data-max":"true",type:"select",options:e.bedsmax},null,8,["options"])])]),s.createElementVNode("fieldset",Oa,[s.createVNode(i,{label:"Property type",id:"property-type",type:"select",options:e.propertytypes},null,8,["options"])]),t[4]||(t[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,ja)]),s.renderSlot(a.$slots,"after")],512)}const Ua=S(Ha,[["render",Ia]]),Wa={name:"Card",created(){this.$nextTick(function(){Promise.resolve().then(()=>Ln).then(a=>{window.customElements.get("iam-record-card")||window.customElements.define("iam-record-card",a.default)}).catch(a=>{console.log(a.message)})})}};function Ya(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-record-card",null,[s.renderSlot(a.$slots,"default")])}const Ga=S(Wa,[["render",Ya]]),Xa={name:"Search",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>qn).then(a=>{window.customElements.get("iam-search")||window.customElements.define("iam-search",a.default)}).catch(a=>{console.log(a.message)})})}};function Ka(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-search",null,[s.renderSlot(a.$slots,"default")])}const Ja=S(Xa,[["render",Ka]]),Qa={name:"Slider",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>Cn).then(a=>{window.customElements.get("iam-slider")||window.customElements.define("iam-slider",a.default)}).catch(a=>{console.log(a.message)})})}};function Za(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-slider",null,[s.renderSlot(a.$slots,"default")])}const to=S(Qa,[["render",Za]]),eo={name:"Snapshot",props:{items:{type:Array,required:!0}}},ao={class:"container snapshot",ref:"wrapper"},oo={class:"row"},ro=["href"],no={class:"lead snapshot__title"},io={class:"stat"};function so(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("div",ao,[s.renderSlot(a.$slots,"default"),s.createElementVNode("div",oo,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.items,(i,c)=>(s.openBlock(),s.createElementBlock("div",{class:"col",key:c},[i.link?(s.openBlock(),s.createElementBlock("a",{key:0,href:i.link},"View "+s.toDisplayString(i.title),9,ro)):s.createCommentVNode("",!0),s.createElementVNode("div",{class:s.normalizeClass(`snapshot__item ${i.bg?"bg-"+i.bg:""}`)},[s.createElementVNode("span",no,s.toDisplayString(i.title),1),s.createElementVNode("span",io,s.toDisplayString(i.number),1)],2)]))),128))])],512)}const lo=S(eo,[["render",so]]),co={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},mo={class:"container"},ho=["aria-label"],uo={key:0,class:"h6 stepper__start"},po={class:"list-unstyled"},bo={class:"h6 stepper__end"};function go(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("div",mo,[s.createElementVNode("nav",{class:"stepper","aria-label":e.label?e.label:"Progress"},[e.label?(s.openBlock(),s.createElementBlock("span",uo,s.toDisplayString(e.label),1)):s.createCommentVNode("",!0),s.createElementVNode("ol",po,[s.renderSlot(a.$slots,"default")]),s.createElementVNode("span",bo,s.toDisplayString(e.endlabel),1)],8,ho)])}const fo=S(co,[["render",go]]),vo={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},yo=["href","aria-current"],wo={key:0,class:"visually-hidden"};function _o(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("li",null,[s.createElementVNode("a",{href:e.url,class:s.normalizeClass(`${e.status?"bg-"+e.status:""}${typeof e.current<"u"?"current":""}`),"aria-current":typeof e.current<"u"?"step":!1},[s.createElementVNode("span",null,[s.renderSlot(a.$slots,"default")]),e.status?(s.openBlock(),s.createElementBlock("em",wo," - status: "+s.toDisplayString(e.status),1)):s.createCommentVNode("",!0)],10,yo)])}const ko=S(vo,[["render",_o]]),xo={name:"Tabs",created(){this.$nextTick(function(){Promise.resolve().then(()=>Bn).then(a=>{window.customElements.get("iam-tabs")||window.customElements.define("iam-tabs",a.default)}).catch(a=>{console.log(a.message)})})}},Ao={ref:"wrapper"};function Lo(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-tabs",Ao,[s.renderSlot(a.$slots,"default")],512)}const So=S(xo,[["render",Lo]]),Eo={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}}},$o={class:"tab"},qo=["innerHTML"];function Co(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("details",$o,[s.createElementVNode("summary",{innerHTML:e.title,class:s.normalizeClass({disabled:o.isDisabled})},null,10,qo),s.renderSlot(a.$slots,"default")])}const Mo=S(Eo,[["render",Co]]);function zo(a){let t;const e=a.querySelector(".testimonial__images"),r=e.querySelectorAll("img").length;if(r==1)return!1;a.classList.add("testimonial--multi");const o=function(n){const i=a.querySelector(".btn-next"),c=a.querySelector(".btn-prev");i.setAttribute("data-go",n+1),c.setAttribute("data-go",n-1),i.removeAttribute("disabled"),c.removeAttribute("disabled"),n==1?c.setAttribute("disabled",!0):n==r&&i.setAttribute("disabled",!0)};e.addEventListener("scroll",function(){clearTimeout(t),t=setTimeout(function(){const n=e.scrollWidth,i=e.scrollHeight,c=e.scrollLeft,m=e.scrollTop;let l=Math.round(c/n*r)+1;c==0&&m!=0&&(l=Math.round(m/i*r)+1),a.setAttribute("data-show",l),o(l)},300)},!1),a.addEventListener("click",function(n){for(let i=n.target;i&&i!=this;i=i.parentNode)if(i.matches("[data-go]")){const c=parseInt(i.getAttribute("data-go"));let m=0,l=0;const d=e.scrollWidth,h=e.scrollHeight;d>h?l=Math.floor(d*((c-1)/r)):m=Math.floor(h*((c-1)/r)),e.scroll({top:m,left:l,behavior:"smooth"});break}},!1)}const To={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){zo(this.$refs.wrapper)}},Ho={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},Ro={class:"row"},Bo={class:"col-md-5 position-relative"},jo={class:"testimonial__images"},No=["src"],Fo={class:"col-md-7"},Po={class:"testimonial__content"},Do=["innerHTML"],Vo=["innerHTML"],Oo={class:"testimonial__after"};function Io(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("div",Ho,[s.createElementVNode("div",{class:s.normalizeClass("bg-"+e.background)},[s.createElementVNode("div",Ro,[s.createElementVNode("div",Bo,[s.createElementVNode("div",jo,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.items,(i,c)=>(s.openBlock(),s.createElementBlock("img",{key:c,src:i.image?i.image:"data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",alt:"",class:s.normalizeClass("h-100 w-100 object-cover"+(i.image?"":" opacity-0"))},null,10,No))),128))]),t[0]||(t[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",Fo,[t[1]||(t[1]=s.createElementVNode("h2",null,"What our customers think…",-1)),s.createElementVNode("div",Po,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.items,(i,c)=>(s.openBlock(),s.createElementBlock("blockquote",{key:c,class:s.normalizeClass(i.class)},[s.createElementVNode("div",{innerHTML:i.quote},null,8,Do),s.createElementVNode("cite",{innerHTML:i.cite},null,8,Vo)],2))),128))]),s.createElementVNode("div",Oo,[s.renderSlot(a.$slots,"default")])])]),t[2]||(t[2]=s.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1))],2)],512)}const Uo=S(To,[["render",Io]]),Wo={name:"Timeline",props:{image:{type:String,required:!1}}},Yo={class:"timeline"},Go={class:"timeline__content"},Xo=["src"];function Ko(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("div",Yo,[s.createElementVNode("div",Go,[s.renderSlot(a.$slots,"default")]),e.image?(s.openBlock(),s.createElementBlock("img",{key:0,src:e.image,alt:""},null,8,Xo)):s.createCommentVNode("",!0)])}const Jo=S(Wo,[["render",Ko]]),Qo={name:"Video card",created(){this.$nextTick(function(){Promise.resolve().then(()=>On).then(a=>{window.customElements.get("iam-video-card")||window.customElements.define("iam-video-card",a.default)}).catch(a=>{console.log(a.message)})})}};function Zo(a,t,e,r,o,n){return s.openBlock(),s.createElementBlock("iam-video-card",null,[s.renderSlot(a.$slots,"default")])}const tr=S(Qo,[["render",Zo]]);/*!
|
|
109
|
+
* iamKey v7.2.0
|
|
110
|
+
* Copyright 2022-2025 iamproperty
|
|
111
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"accordion"});class er extends HTMLElement{constructor(){var t;super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",r=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,o=document.createElement("template");o.innerHTML=`
|
|
112
|
+
<style>
|
|
113
|
+
@import "${r}";
|
|
114
|
+
|
|
115
|
+
:host {
|
|
116
|
+
margin-bottom: 2.5rem;
|
|
117
|
+
display: block;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
::slotted(details) {
|
|
121
|
+
--border-radius: 0!important;
|
|
122
|
+
padding-bottom: 0!important;
|
|
123
|
+
}
|
|
124
|
+
</style>
|
|
125
|
+
<slot></slot>
|
|
126
|
+
`,(t=this.shadowRoot)===null||t===void 0||t.appendChild(o.content.cloneNode(!0))}connectedCallback(){if(!this.classList.contains("accordion--keep-open")){const t=this.querySelectorAll(":scope > details");t.forEach(e=>{e.addEventListener("toggle",()=>{t.forEach(r=>{r!==e&&e.hasAttribute("open")&&r.removeAttribute("open")})})})}}}const ar=Object.freeze(Object.defineProperty({__proto__:null,default:er},Symbol.toStringTag,{value:"Module"}));/*!
|
|
127
|
+
* iamKey v7.2.0
|
|
128
|
+
* Copyright 2022-2025 iamproperty
|
|
129
|
+
*/const or=a=>(Array.from(a.querySelectorAll("dialog[open]")).forEach(t=>{t.closest(".dialog__wrapper")||(t.removeAttribute("open"),t.showModal(),t.focus(),et(t))}),a.addEventListener("click",t=>{if(t.target.tagName=="IAM-ACTIONBAR")return!1;if(t&&t.target instanceof HTMLElement&&t.target.closest("[data-modal]")){const e=t.target.closest("[data-modal]"),r=e.hasAttribute("data-modal")?e.getAttribute("data-modal"):e.getAttribute("data-filter"),o=document.querySelector(`dialog#${r}`);if(et(o),o.showModal(),o.focus(),!o.querySelector("iam-multi-step")){const n=o.offsetWidth;o.setAttribute("style",`max-width: ${n}px;`)}Array.from(o.querySelectorAll("[data-duplicate]")).forEach(n=>{const i=n.getAttribute("data-duplicate"),c=document.getElementById(i);if(n.checked!=c.checked){n.checked=c.checked;const m=new Event("change");n.dispatchEvent(m)}}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:r})}if(t&&t.target instanceof HTMLElement&&t.target.closest("button.dialog__close")){const e=t.target.closest("dialog[open]");t.preventDefault(),e.close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach(o=>{o.classList.remove("active")});const r=new CustomEvent("dialog-closed",{bubbles:!0,cancelable:!0,detail:{modalId:e.id}});t.target.dispatchEvent(r),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:e.getAttribute("id")})}if(t&&t.target instanceof HTMLElement&&t.target.closest('button[formmethod="dialog"]')){const e=t.target.closest("dialog[open]");Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach(r=>{r.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:e.getAttribute("id")})}if(t&&t.target instanceof HTMLElement&&t.target.closest("dialog[open]")){let e=t.target.closest("dialog[open]");if(window.getComputedStyle(e).display==="contents"&&(e=e.parentNode.closest("dialog[open]")),!e.classList.contains("dialog--transactional")&&!e.classList.contains("dialog--acknowledgement")){const r=e.getBoundingClientRect();(t.clientX<r.left||t.clientX>r.right||t.clientY<r.top||t.clientY>r.bottom)&&(t.target.closest("dialog *")||e.close(),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:e.getAttribute("id")}))}}if(t&&t.target instanceof HTMLElement&&t.target.closest(".dialog__wrapper > button")){t.stopPropagation();const e=t.target.closest(".dialog__wrapper > button"),r=e.parentNode;let o="openPopover";const n=r.querySelector(":scope > dialog");if(document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]")!=n&&e.closest("dialog[open]")!=document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach(l=>{l.removeAttribute("aria-expanded")}),n.hasAttribute("open"))n.close(),o="closePopover",n.removeAttribute("style"),e.removeAttribute("aria-expanded");else{n.show(),e.setAttribute("aria-expanded",!0);const l=e.getBoundingClientRect();let d=l.top,h=l.left;if(e.closest("iam-table")){const p=e.closest("iam-table").parentNode.getBoundingClientRect();d-=p.top,h-=p.left}n.classList.contains("dialog--fix")&&n.setAttribute("style",`position:fixed;top: ${d}px; left: ${h}px; margin: 3rem 0 0 0;`)}let i=n.getBoundingClientRect();const c=i.bottom-window.scrollY,m=window.innerHeight-window.scrollY;if(c>m){const l=n.hasAttribute("style")?n.getAttribute("style")+" ":"";n.setAttribute("style",l+"transform: translate(0, calc(-100% - 4rem))"),i=n.getBoundingClientRect(),i.top-window.scrollY<100&&n.removeAttribute("style")}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:o,id:e.textContent})}t&&t.target instanceof HTMLElement&&!t.target.closest("dialog[open]")&&!t.target.closest(".dialog__wrapper > button")&&(document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]")&&document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach(e=>{e.removeAttribute("aria-expanded")}))}),null),et=a=>{if(!a.querySelector(":scope .mh-lg")&&!a.querySelector("iam-multi-step")){a.innerHTML=`<div class="mh-lg">${a.innerHTML}</div>`;const t=a.querySelector(".mh-lg"),e=a.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");if(e){const r=e.previousSibling;t.before(e),r&&e.before(r)}}a.querySelector(":scope > button:first-child")||a.insertAdjacentHTML("afterbegin",'<button class="dialog__close">Close</button>')};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"action bar"});function at(a,t){a&&t=="all"?(a.querySelector("input").indeterminate=!1,a.querySelector("input").checked=!0,a.querySelector("label").textContent="Select all"):a&&t==0?(a.querySelector("input").indeterminate=!1,a.querySelector("input").checked=!1,a.querySelector("label").textContent="Select all"):a&&t?(a.querySelector("input").indeterminate=!0,a.querySelector("input").checked=!1,a.querySelector("label").textContent=`${t} item${t>1?"s":""} selected`):a&&(a.querySelector("input").checked=!1,a.querySelector("input").indeterminate=!1,a.querySelector("label").textContent="Select all")}const rr=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
130
|
+
<style>
|
|
131
|
+
@import "${e}";
|
|
132
|
+
.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}: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}::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}.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}/*# sourceMappingURL=assets/css/components/actionbar.component.css.map */
|
|
133
|
+
|
|
91
134
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
92
135
|
</style>
|
|
93
136
|
<link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous">
|
|
94
|
-
|
|
137
|
+
<div class="actionbar__wrapper">
|
|
138
|
+
|
|
139
|
+
<div class="actionbar" part="actionbar">
|
|
140
|
+
<slot name="selectall"></slot>
|
|
141
|
+
<div class="safe-area">
|
|
142
|
+
<slot></slot>
|
|
143
|
+
<div class="body">
|
|
144
|
+
<div class="dialog__wrapper dialog__wrapper--right dialog-overflow d-none show">
|
|
145
|
+
<button class="btn btn-secondary btn-compact fa-ellipsis-vertical m-0">More actions</button>
|
|
146
|
+
<dialog class="dialog--list" part="overflow">
|
|
147
|
+
<slot name="overflow"></slot>
|
|
148
|
+
<slot name="menu"></slot>
|
|
149
|
+
</dialog>
|
|
150
|
+
</div>
|
|
95
151
|
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
152
|
+
|
|
153
|
+
<div class="dialog__wrapper dialog__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">Filter</button>
|
|
155
|
+
<dialog class="dialog--list">
|
|
156
|
+
<div class="pb-0 mb-0 checklists">
|
|
157
|
+
|
|
158
|
+
</div>
|
|
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>
|
|
160
|
+
</dialog>
|
|
161
|
+
</div>
|
|
162
|
+
|
|
163
|
+
<button class="btn btn-secondary btn-compact btn-sm fa-search" data-search="" part="search-btn">Search</button>
|
|
100
164
|
</div>
|
|
101
165
|
</div>
|
|
166
|
+
</div>
|
|
167
|
+
<div class="actionbar--selected">
|
|
168
|
+
<div class="safe-area">
|
|
169
|
+
<slot name="selected"></slot>
|
|
170
|
+
<div class="body">
|
|
171
|
+
<div class="dialog__wrapper dialog__wrapper--right dialog-overflow d-none show">
|
|
172
|
+
<button class="btn btn-secondary btn-compact fa-ellipsis-vertical m-0">More actions</button>
|
|
173
|
+
<dialog class="dialog--list" part="selected-overflow">
|
|
174
|
+
<slot name="selected-overflow"></slot>
|
|
175
|
+
</dialog>
|
|
176
|
+
</div>
|
|
177
|
+
</div>
|
|
178
|
+
</div>
|
|
179
|
+
</div>
|
|
102
180
|
|
|
103
|
-
|
|
104
|
-
|
|
181
|
+
<div class="actionbar--search">
|
|
182
|
+
<button data-search class="btn btn-compact fa-xmark-large btn-secondary m-0" >Close</button>
|
|
183
|
+
|
|
184
|
+
<div class="search-wrapper" part="search">
|
|
185
|
+
<label for="search" class="visually-hidden">Input field label</label>
|
|
186
|
+
<button class="suffix" part="search-btn"><i class="fa-regular fa-search"></i></button>
|
|
187
|
+
<input type="text" id="search" name="search" required="" part="search-input">
|
|
105
188
|
</div>
|
|
106
189
|
|
|
107
190
|
</div>
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
* Copyright 2022-2025 iamproperty
|
|
111
|
-
*/const co=function(a){return typeof a!="string"?!1:!isNaN(a)&&!isNaN(parseFloat(a))},mo=(a,e)=>String(a).padStart(e,"0"),uo=a=>a.charAt(0).toUpperCase()+a.slice(1),T=(a,e,t)=>e.split(/[\.\[\]\'\"]/).filter(r=>r).reduce((r,i)=>r?r[i]:t,a);var ho=function(a,e,t,r){function i(s){return s instanceof t?s:new t(function(n){n(s)})}return new(t||(t=Promise))(function(s,n){function c(u){try{l(r.next(u))}catch(m){n(m)}}function d(u){try{l(r.throw(u))}catch(m){n(m)}}function l(u){u.done?s(u.value):i(u.value).then(c,d)}l((r=r.apply(a,e||[])).next())})};const G=a=>{const e=Array.from(a.querySelectorAll("thead th"));Array.from(a.querySelectorAll("tbody tr")).forEach((t,r)=>{const i=Array.from(t.querySelectorAll("th, td")),s=["0","low","medium","high","unknown","n/a","pending","verified","due","overdue","incomplete","complete","completed","approval required","upcoming","requires approval","to do","on track","not started","warning","error"];i.forEach((n,c)=>{const d=e[c];if(typeof d<"u"){const l=document.createElement("div");l.innerHTML=d.innerHTML;const u=l.textContent||l.innerText||"";n.setAttribute("data-label",u),d.hasAttribute("data-td-class")&&n.setAttribute("class",d.getAttribute("data-td-class")),d.hasAttribute("data-format")&&(n.setAttribute("data-format",d.getAttribute("data-format")),n.innerHTML=V(d.getAttribute("data-format"),n.textContent.trim())),s.includes(n.textContent.trim().toLowerCase())&&n.setAttribute("data-content",n.textContent.trim().toLowerCase())}})})},po=a=>{let e=0;return Array.from(a.querySelectorAll("tbody tr")).forEach((t,r)=>{const i=window.getComputedStyle(document.querySelector("html")),s=t.querySelector(":scope > *:last-child > *:first-child");if(s){s.classList.add("text-nowrap");let n=s.offsetWidth/parseFloat(i.fontSize);n+=1.7,e=e>n?e:n}}),e},bo=(a,e)=>{if(e.classList.contains("table--fullwidth")&&!e.hasAttribute("data-expandable")||a.querySelectorAll("thead tr th").length<4&&!e.hasAttribute("data-expandable"))return!1;Array.from(a.querySelectorAll("thead tr")).forEach((t,r)=>{a.querySelectorAll("thead tr th.expand-button-heading").length||t.insertAdjacentHTML("afterbegin",'<th class="th--fixed expand-button-heading"></th>')}),Array.from(a.querySelectorAll("tbody tr")).forEach((t,r)=>{const i=t.getAttribute("data-view")==="full"?"aria-expanded":"";t.insertAdjacentHTML("afterbegin",`<td class="td--fixed td--expand"><button class="btn btn-compact btn-secondary" data-expand-button ${i}>Expand</button></td>`)})},go=a=>{a.addEventListener("click",e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest("[data-expand-button]")){const t=e.target.closest("[data-expand-button]"),r=t.closest("tr");t.toggleAttribute("aria-expanded"),r.getAttribute("data-view")=="full"?r.setAttribute("data-view","default"):r.setAttribute("data-view","full"),t.blur()}})},X=(a,e)=>{const t=e.querySelector("input[data-search]");if(!t)return!1;const r=t.getAttribute("id"),i=t.getAttribute("data-search").split(","),s=t.parentNode,n={};i.forEach((c,d)=>{Array.from(a.querySelectorAll('td[data-label="'+c.trim()+'"]')).forEach((l,u)=>{l.querySelector(".td__content")?n[l.querySelector(".td__content").textContent]=l.querySelector(".td__content").textContent:n[l.textContent]=l.textContent})}),t.setAttribute("list",`${r}_list`),t.setAttribute("autocomplete","off"),s.querySelector("datalist")||(s.innerHTML+=`<datalist id="${r}_list"></datalist>`),s.querySelector("datalist").innerHTML=`${Object.keys(n).map(c=>`<option value="${c}"></option>`).join("")}`},fo=(a,e,t,r,i)=>{let s;const n=function(l,u=!1){if(r.hasAttribute("data-no-submit")||e.classList.contains("processing"))return!1;if(Array.from(e.querySelectorAll("iam-applied-filters")).forEach((m,h)=>{const b=new Event("tags-set");m.dispatchEvent(b)}),l.type=="submit"&&(e.classList.add("processing"),Array.from(e.querySelectorAll("[data-duplicate]")).forEach((m,h)=>{const b=m.getAttribute("data-duplicate"),p=document.getElementById(b),f=document.querySelector(`[for="${b}"] iam-card`);if(p.checked!=m.checked)if(f){const g=new Event("click");f.dispatchEvent(g)}else p.checked=m.checked}),e.classList.remove("processing")),e.hasAttribute("data-ajax")){if(!u){const m=e.querySelector("[data-pagination]");m.value=1,r.setAttribute("data-page",1)}Q(a,e,t,r)}else e.hasAttribute("data-submit")?e.submit():(j(a,e,r),M(a,e));if(e.hasAttribute("data-ajax-post")){const m=new FormData(e),h=new URLSearchParams(m).toString(),b=new XMLHttpRequest;b.open("GET",`${window.location.href}?ajax=true&${h}`),b.send()}};e.querySelector("iam-actionbar[data-search]")&&e.querySelector("iam-actionbar[data-search]").addEventListener("search-submit",l=>{e.querySelector("input[data-search]")?e.querySelector("input[data-search]").value=l.detail.search:e.insertAdjacentHTML("beforeend",`<input type="hidden" name="search" data-search="${e.querySelector("iam-actionbar[data-search]").getAttribute("data-search")}" value="${l.detail.search}"/>`),clearTimeout(s),n(l)}),e.addEventListener("keyup",l=>{clearTimeout(s),l&&l.target instanceof HTMLElement&&l.target.closest("input[data-search]")&&(s=setTimeout(function(){n(l)},500))}),e.addEventListener("change",l=>{if(clearTimeout(s),l&&l.target instanceof HTMLElement&&l.target.closest("[data-sort]")&&(e.hasAttribute("data-submit")||Y(a,e,i),n(l)),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]")?(j(a,e,r),M(a,e)):(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 u=l.target.getAttribute("id");document.querySelector(`[data-duplicate="${u}"]`)&&(document.querySelector(`[data-duplicate="${u}"]`).checked=l.target.checked)}}),e.addEventListener("click",l=>{if(clearTimeout(s),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]")){e.classList.add("processing"),Array.from(e.querySelectorAll(".applied-filters")).forEach((m,h)=>{m.innerHTML=""});const u=e.elements;for(let m=0;m<u.length;m++)switch(u[m].type.toLowerCase()?u[m].type.toLowerCase():"text"){case"text":case"password":case"textarea":u[m].value="";break;case"radio":case"checkbox":if(u[m].checked){const h=u[m],b=h.getAttribute("id"),p=document.querySelector(`[for="${b}"`);if(p.querySelector("iam-card")){const f=p.querySelector("iam-card"),g=new Event("click");f.dispatchEvent(g)}h.checked=!1}break;case"select-one":case"select-multi":u[m].selectedIndex=-1;break}e.classList.remove("processing"),e.hasAttribute("data-submit")||Y(a,e,i),n(l)}}),e.addEventListener("submit",l=>{clearTimeout(s),e.hasAttribute("data-submit")||l.preventDefault(),n(l)}),e.addEventListener("force",l=>{n(l)}),e.addEventListener("paginate",l=>{n(l,!0)});const c=[],d=[];Array.from(e.querySelectorAll("[data-mimic]")).forEach((l,u)=>{const m=l.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${m}"]`)).forEach((h,b)=>{const p=h.closest("form");c.includes(p)||c.push(p),d.includes(m)||d.push(m)})}),c.forEach((l,u)=>{const m=function(){const h=[],b=new FormData(l);for(const[p,f]of b)document.querySelector(`[data-mimic="${p}"]`)&&!h.includes(p)?(h.push(p),document.querySelector(`[data-mimic="${p}"]`).value=f):document.querySelector(`[data-mimic="${p}"]`)&&(document.querySelector(`[data-mimic="${p}"]`).value+=","+f);for(const p of h){const f=new Event("force");e.dispatchEvent(f)}for(const p of d)if(!b.has(p)&&l.querySelector(`[name="${p}"]`)){document.querySelector(`[data-mimic="${p}"]`).value="";const f=new Event("force");e.dispatchEvent(f)}};l.addEventListener("force",h=>{m()}),l.addEventListener("change",h=>{m()})})},Y=(a,e,t)=>{if(e.getAttribute("data-ajax"))return!1;const r=a.querySelector("tbody");let i=e.querySelector('input[type="radio"][data-sort]:checked');if(e.querySelector("select[data-sort]")){const m=e.querySelector("select[data-sort]");i=e.querySelector(`select[data-sort] option:nth-child(${m.selectedIndex+1})`)}const s=i.getAttribute("data-sort"),n=i.getAttribute("data-order"),c=i.getAttribute("data-format");if(!s)return r.innerHTML=t.innerHTML,G(a),!1;let d=[];["asc","desc","descending"].includes(n)||(d=n.split(","));let l=[];Array.from(r.querySelectorAll("tr")).forEach((m,h)=>{let b=m.querySelector('td[data-label="'+s+'"], th[data-label="'+s+'"]').textContent.trim();m.querySelector('[data-label="'+s+'"] .td__content')&&(b=m.querySelector('[data-label="'+s+'"] .td__content').textContent.trim()),d.length&&d.includes(b)&&(b=d.indexOf(b)),co(b)&&(b=mo(b,10)),c&&c=="date"&&(b=new Date(b));const p={index:b,row:m};l.push(p)}),l.sort((m,h)=>m.index>h.index?1:-1),(n=="descending"||n=="desc")&&(l=l.reverse());let u="";l.forEach((m,h)=>{u+=m.row.outerHTML}),r.innerHTML=u},j=(a,e,t)=>{a.classList.remove("table--filtered");const r=J(e),i=[];let s=0;const n=e.querySelector("[data-pagination]")?parseInt(e.querySelector("[data-pagination]").value):1,c=e.querySelector("[data-show]")?parseInt(e.querySelector("[data-show]").value):15;if(Array.from(a.querySelectorAll("tbody tr")).forEach((l,u)=>{l.classList.remove("filtered"),l.classList.remove("filtered--matched"),l.classList.remove("filtered--show"),l.removeAttribute("data-filtered-by")}),e.querySelector("input[data-search]")){const l=e.querySelector("input[data-search]");e.querySelector("input[data-search]").getAttribute("data-search").split(",").forEach((u,m)=>{i.push({column:`${u.trim()}`,value:`${l.value}`})})}Array.from(e.querySelectorAll("[data-filter-count]")).forEach((l,u)=>{l.innerHTML="",l.parentNode.classList.remove("hover")});let d=0;Object.values(r).forEach((l,u)=>{typeof l=="object"&&Object.values(l).length?d+=Object.values(l).length:d++}),d&&Array.from(e.querySelectorAll("[data-filter-count]")).forEach((l,u)=>{l.innerHTML+=`(${d})`,l.parentNode.classList.add("hover")}),a.classList.add("table--filtered");for(const[l,u]of Object.entries(r))Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((m,h)=>{let b=!1;u.forEach((p,f)=>{const g=m.querySelector(`[data-label="${l}"]`);if(p.includes("-date-from")){const v=new Date(p.replace("-date-from","")),y=new Date(g.textContent.toLowerCase());v.setHours(0,0,0,0),y.setHours(0,0,0,0),y<v?(m.classList.add("less-than-from-date"),b=!1):!m.classList.contains("less-than-from-date")&&!m.classList.contains("greater-than-to-date")&&(b=!0)}else if(p.includes("-date-to")){const v=new Date(p.replace("-date-to","")),y=new Date(g.textContent.toLowerCase());v.setHours(0,0,0,0),y.setHours(0,0,0,0),y>v?(m.classList.add("greater-than-to-date"),b=!1):!m.classList.contains("less-than-from-date")&&!m.classList.contains("greater-than-to-date")&&(b=!0)}if(p&&p=="$today")p=V("date",new Date);else if(p&&p=="$yesterday"){const v=new Date;v.setDate(v.getDate()-1),p=V("date",v)}else if(p&&(p=="$thisWeek"||p=="$lastWeek")){const v=new Date,y=new Date(v.setDate(v.getDate()-(v.getDay()-1))),_=new Date(v.setDate(v.getDate()-v.getDay()+7)),A=new Date(g.textContent.toLowerCase());if(v.setHours(0,0,0,0),y.setHours(0,0,0,0),_.setHours(0,0,0,0),A.setHours(0,0,0,0),p=="$thisWeek")b=A>=y&&A<=_;else{const q=new Date(y.setDate(y.getDate()-7)),L=new Date(_.setDate(_.getDate()-7));q.setHours(0,0,0,0),L.setHours(0,0,0,0),b=A>=q&&A<=L}}else if(p&&p=="$thisMonth"){const v=new Date,y=v.getFullYear(),_=v.getMonth(),A=new Date(y,_,1),q=new Date(y,_+1,0),L=new Date(g.textContent.toLowerCase());A.setHours(0,0,0,0),q.setHours(0,0,0,0),L.setHours(0,0,0,0),b=L>=A&&L<=q}else if(p&&p=="$lastMonth"){const v=new Date,y=v.getFullYear(),_=v.getMonth(),A=new Date(y,_-1,1),q=new Date(y,_,0),L=new Date(g.textContent.toLowerCase());A.setHours(0,0,0,0),q.setHours(0,0,0,0),L.setHours(0,0,0,0),b=L>=A&&L<=q}g&&g.textContent.toLowerCase().includes(p.replace("-"," ").toLowerCase())&&(b=!0)}),b||(m.classList.add("filtered"),m.setAttribute("data-filtered-by",l))});Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((l,u)=>{let m=!(i.length>0&&i[0].value.length>=3);i.forEach((h,b)=>{const p=l.querySelector(`[data-label="${h.column}"]`);p&&h.value.length>=3&&p.textContent.toLowerCase().includes(h.value.toLowerCase())&&(m=!0)}),m||l.classList.add("filtered")}),Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((l,u)=>{s++,l.classList.add("filtered--matched"),Math.ceil(s/c)==parseInt(n)&&l.classList.add("filtered--show")}),t&&(t.setAttribute("data-total",s),t.setAttribute("data-show",c),t.setAttribute("data-page",n))},M=(a,e,t)=>{Array.from(e.querySelectorAll("[data-query]")).forEach((r,i)=>{const s=r.getAttribute("data-query");let n=0;if(s=="total")t.hasAttribute("data-total")?n=t.getAttribute("data-total"):n=(a.classList.contains("table--filtered"),a.querySelectorAll("tbody tr").length);else if(!s.includes(" == ")&&s.includes(" & ")){const c=s.split(" & ");let d="";c.forEach(l=>{d+=`:not([data-filtered-by="${l}"])`}),n=Array.from(a.querySelectorAll(`tbody tr${d}`)).length}else if(!s.includes(" == "))n=Array.from(a.querySelectorAll(`tbody tr:not([data-filtered-by="${s}"])`)).length;else if(s.includes(" && ")){const c=s.split(" && ");n=Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d){let l=!0;for(const[u,m]of Object.entries(c)){const h=m.split(" == ");(!d.querySelector(`td[data-label="${h[0]}"]`)||d.querySelector(`td[data-label="${h[0]}"]`).textContent!=`${h[1]}`)&&(l=!1)}return l}).length}else{const c=s.split(" == ");n=Array.from(a.querySelectorAll(`tbody tr.filtered--matched td[data-label="${c[0]}"], tbody tr[data-filtered-by="${c[0]}"] td[data-label="${c[0]}"]`)).filter(function(d){return d.textContent===c[1]}).length}r.hasAttribute("data-total")?r.setAttribute("data-total",n):r.innerHTML=n})},vo=function(a,e,t,r){if(r.hasAttribute("data-no-submit"))return!1;t.addEventListener("update-page",i=>{const s=e.querySelector("[data-pagination]"),n=i.detail.page;if(s.value=n,e.dispatchEvent(new Event("paginate")),r.setAttribute("data-page",n),a.hasAttribute("data-show-history")){const c=new URL(location);c.searchParams.set("page",n),history.pushState({type:"pagination",form:e.getAttribute("id"),page:n},"",c)}if(!r.hasAttribute("data-no-scroll")){const c=a.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:c,behavior:"smooth"})}}),t.addEventListener("update-show",i=>{const s=e.querySelector("[data-show]"),n=i.detail.show;s.value=n,r.setAttribute("data-show",n),e.dispatchEvent(new Event("submit"))})},yo=(a,e)=>{if(!a)return!1;a.addEventListener("click",t=>{wo(e)})},wo=function(a){let e=[];const t=a.getElementsByTagName("tr");for(let n=0;n<t.length;n++){const c=t[n].querySelectorAll("td,th"),d=[];for(let l=0;l<c.length;l++)d.push(`"${c[l].textContent}"`);e.push(d.join(","))}e=e.join(`
|
|
112
|
-
`);const r=new Blob([e],{type:"text/csv"}),i=document.createElement("a");i.download="export.csv";const s=window.URL.createObjectURL(r);i.href=s,i.style.display="none",document.body.appendChild(i),i.click(),document.body.removeChild(i)},K=function(a,e,t,r){if(G(a),bo(a,r),M(a,e,r),r&&r.classList.contains("table--cta")){let i=function(){Array.from(a.querySelectorAll("tr")).forEach((n,c)=>{const d=n.offsetHeight;n.style.setProperty("--row-height",`${d}px`)})};const s=po(a);r.style.setProperty("--cta-width",`${s}rem`),new ResizeObserver(i).observe(a)}},J=function(a){const e=new Object;return Array.from(a.querySelectorAll("[data-filter]")).forEach((t,r)=>{if(!(t.type=="radio"&&!t.checked)&&!(t.type=="checkbox"&&!t.checked)&&t&&t.value){const i=t.getAttribute("data-filter");let s=t.value;t.hasAttribute("data-date-from")&&(s+="-date-from"),t.hasAttribute("data-date-to")&&(s+="-date-to"),e[i]||(e[i]=[]),e[i].push(s)}}),e},Q=function(a,e,t,r){return ho(this,void 0,void 0,function*(){const i=new FormData(e),s=new URLSearchParams(i).toString(),n=a.querySelectorAll("thead tr th:not(.expand-button-heading)"),c=a.querySelector("tbody"),d=e.getAttribute("data-ajax");r.classList.add("table--loading");const l=J(e);Array.from(e.querySelectorAll("[data-filter-count]")).forEach((h,b)=>{h.innerHTML="",h.parentNode.classList.remove("hover")});let u=0;Object.values(l).forEach((h,b)=>{typeof h=="object"&&Object.values(h).length?u+=Object.values(h).length:u++}),u&&Array.from(e.querySelectorAll("[data-filter-count]")).forEach((h,b)=>{h.innerHTML+=`(${u})`,h.parentNode.classList.add("hover")}),window.controller||(window.controller=[]),window.controller[d]&&window.controller[d].abort(),window.controller[d]=new AbortController;const{signal:m}=controller[d];t.setAttribute("data-loading","true"),e.classList.add("processing");try{yield fetch(d+"?"+s,{signal:m,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 b=e.hasAttribute("data-schema")?e.getAttribute("data-schema"):"data",p=e.hasAttribute("data-schema-total")?e.getAttribute("data-schema-total"):"meta.total",f=e.hasAttribute("data-schema-page")?e.getAttribute("data-schema-page"):"meta.current_page",g=T(h,p,15),v=T(h,f,1),y=T(h,b),_=r.hasAttribute("data-empty-msg")?r.getAttribute("data-empty-msg"):"No results found";y?(c.innerHTML="",y.forEach((A,q)=>{const L=document.createElement("tr");n.forEach((w,E)=>{let $="";const x=document.createElement("td");if(x.setAttribute("data-label",w.innerText),w.getAttribute("data-output")){var C=w.getAttribute("data-output");$=C.replace(new RegExp(/{(.*?)}/,"gm"),function(sr){return T(A,sr.replace("{","").replace("}",""))})}if(w.hasAttribute("data-output-array")){var C=w.getAttribute("data-output");const lr=T(A,C.replace("{","").replace("}",""));$="",lr.forEach((at,_r)=>{const cr=w.getAttribute("data-output-array");let H="";if(w.hasAttribute("data-output-array-property")&&w.hasAttribute("data-output-array-transform")){const O=T(at,w.getAttribute("data-output-array-property")),dr=JSON.parse(w.getAttribute("data-output-array-transform"))[O];H=cr.replace(`{${w.getAttribute("data-output-array-property")}}`,dr)}H=H.replace(new RegExp(/{(.*?)}/,"gm"),function(O){return T(at,O.replace("{","").replace("}",""))}),$+=H})}w.hasAttribute("data-transform")&&($=JSON.parse(w.getAttribute("data-transform"))[$],!$&&w.hasAttribute("data-default")&&($=w.getAttribute("data-default"))),x.innerHTML=$,L.appendChild(x)}),c.appendChild(L)}),X(a,e),r.setAttribute("data-total",parseInt(g)),r.setAttribute("data-page",parseInt(v)),K(a,e,t,r),Array.from(e.querySelectorAll("[data-ajax-query]")).forEach((A,q)=>{const L=T(h,A.getAttribute("data-ajax-query"),"");A.hasAttribute("data-total")?A.setAttribute("data-total",L):A.innerHTML=L}),parseInt(g)==0&&(c.innerHTML=`<tr><td colspan="100%"><span>${_}</span></td></tr>`),r.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:d,formData:s})):c.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>',t.removeAttribute("data-loading"),e.classList.remove("processing")})}catch(h){console.log(h)}})},V=(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=uo(e)}};class _o extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
191
|
+
</div>
|
|
192
|
+
`,this.shadowRoot.appendChild(r.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-table iam-actionbar{margin-left:1.5rem;margin-right:1.5rem}iam-table.table--fullwidth:has(iam-actionbar){padding-top:0}iam-table.table--fullwidth iam-actionbar{margin:0 -2rem 2rem -2rem;box-shadow:none;border-radius:0}@media screen and (prefers-color-scheme: light){iam-table.table--fullwidth iam-actionbar{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,.actionbar__sticky-wrapper)>.actionbar__sticky{display:block;position:sticky;left:0;top:calc(var(--sticky-padding) + 1rem);z-index:var(--index-menu);pointer-events:none}:is(iam-table,.actionbar__sticky-wrapper)>.actionbar__sticky:after{content:"";display:block;width:100%;height:calc(100vh - 6.75rem);pointer-events:none}:is(iam-table,.actionbar__sticky-wrapper)>.actionbar__sticky+*{margin-top:calc(-100vh + 6.75rem)}:is(iam-table,.actionbar__sticky)>iam-actionbar{pointer-events:all !important;display:block;border:none;background:var(--colour-canvas-2);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:.5rem;margin-bottom:1.5rem}}@container (width > 23.4375em){iam-table.table--fullwidth iam-actionbar,iam-table iam-actionbar{margin-left:-2rem;margin-right:-2rem;margin-top:0;margin-bottom: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 .dialog__wrapper[slot=selected-overflow]>button,iam-actionbar .dialog__wrapper[slot=overflow]>button{background:none;border:none;text-indent:0;width:100%;display:block;max-width:100%;text-align:left;padding:0}iam-actionbar .dialog__wrapper[slot=selected-overflow]>button:before,iam-actionbar .dialog__wrapper[slot=overflow]>button:before{position:static}iam-actionbar button[slot=overflow],iam-actionbar button[slot=selected-overflow]{background:none;border:none;margin:0 !important}iam-actionbar .dialog__wrapper[slot=selected-overflow] dialog[open],iam-actionbar .dialog__wrapper[slot=overflow] dialog[open]{display:contents}iam-actionbar:has(.selectall input:checked){--selectall-opacity: 1;--selectall-pe: all;--selectall-actionbar-opactiy: 0;--selectall-action-pe: none}/*# sourceMappingURL=assets/css/components/actionbar.global.css.map */
|
|
193
|
+
</style>`)}connectedCallback(){var t,e,r,o,n,i,c,m,l,d;const h=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector(".actionbar__wrapper"),p=(e=this.shadowRoot)===null||e===void 0?void 0:e.querySelector(".checklists");if(this.hasAttribute("data-selectall")){h==null||h.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 g=(r=this.shadowRoot)===null||r===void 0?void 0:r.querySelector(".selectall");this.hasAttribute("data-selected")&&at(g,this.getAttribute("data-selected")),g==null||g.addEventListener("change",_=>{var w;_&&_.target instanceof HTMLElement&&_.target.closest("input")&&(!((w=_.target.closest("input"))===null||w===void 0)&&w.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 g=document.getElementById(this.getAttribute("data-select-watch"));g==null||g.setAttribute("data-select-container","true"),Array.from(g.querySelectorAll('input[type="checkbox"]')).forEach(y=>{var _;(_=y.parentElement)===null||_===void 0||_.setAttribute("slot","checkbox")}),g==null||g.addEventListener("change",y=>{if(y&&y.target instanceof HTMLElement&&y.target.closest('[type="checkbox"]')){const _=g.querySelectorAll('input[type="checkbox"]').length,w=g.querySelectorAll('input[type="checkbox"]:checked').length;this.setAttribute("data-selected",_==w?"all":String(w)),w?Array.from(g.querySelectorAll('input[type="checkbox"]')).forEach(A=>{var k;A.closest("iam-card")&&((k=A.closest("iam-card"))===null||k===void 0||k.setAttribute("data-selected","true"))}):Array.from(g.querySelectorAll('input[type="checkbox"]')).forEach(A=>{var k;A.closest("iam-card")&&((k=A.closest("iam-card"))===null||k===void 0||k.removeAttribute("data-selected"))})}})}if(this.hasAttribute("data-switchviews")){let g="";const y=(o=this.getAttribute("data-switchviews"))===null||o===void 0?void 0:o.split(",");y==null||y.forEach(w=>{let A="fa-grid-2";w=="list"?A="fa-grip-lines":w=="small"&&(A="fa-bars"),g+=`<button class="btn btn-action btn-compact mb-0 fa-regular ${A}">${w}</button>`}),h==null||h.insertAdjacentHTML("afterbegin",`<div class="views m-0">${g}</div>`);const _=(n=this.shadowRoot)===null||n===void 0?void 0:n.querySelector(".views");_==null||_.addEventListener("click",w=>{if(w&&w.target instanceof HTMLElement&&w.target.closest(".btn-action")){const A=w.target.closest(".btn-action");this.setAttribute("data-view",A.textContent);const k=new CustomEvent("switch-view",{detail:{view:A.textContent}});this.dispatchEvent(k)}})}const u=(i=this.shadowRoot)===null||i===void 0?void 0:i.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"&&(u==null||u.classList.add("show"));const f=this.shadowRoot.querySelector("button[data-search]");this.shadowRoot.addEventListener("click",g=>{g&&g.target instanceof HTMLElement&&g.target.closest("button[data-search]")&&(u.classList.toggle("show"),f.toggleAttribute("aria-expanded"))}),u.addEventListener("keyup",()=>{const g=new CustomEvent("search-keyup",{detail:{search:u.querySelector("input").value}});this.dispatchEvent(g)}),u.addEventListener("change",()=>{const g=new CustomEvent("search-change",{detail:{search:u.querySelector("input").value}});this.dispatchEvent(g)}),u.addEventListener("click",g=>{if(g&&g.target instanceof HTMLElement&&g.target.closest("button.suffix")){const y=new CustomEvent("search-submit",{detail:{search:u.querySelector("input").value}});this.dispatchEvent(y)}}),Array.from(this.shadowRoot.querySelectorAll(".body")).forEach(g=>{or(g)});const b=()=>{const g=h.scrollWidth,y=document.documentElement.scrollWidth;let _=750,w=16,A=450,k=!(this===null||this===void 0)&&this.hasAttribute("data-switchviews")?144:210;this.hasAttribute("data-large-safe-area")&&(_=1048,A=620,k=260);let E=1;y>=992&&y<=1280?E=y/1280:y>=576&&y<992?E=y/768:y<576&&(E=y/375),g>=992&&g<=1280?_=_*E:g>=576&&g<992?_=A*E:g<576&&(_=k*E),w=w*E,g<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 C,z,H;let P="overflow";!((C=L.querySelector("slot"))===null||C===void 0)&&C.hasAttribute("name")&&((z=L.querySelector("slot"))===null||z===void 0?void 0:z.getAttribute("name"))=="selected"&&(P="selected-overflow");const q=(H=L.querySelector("slot"))===null||H===void 0?void 0:H.assignedElements();let M=44*E;this.hasAttribute("data-search")&&(M+=44*E);for(let $=0;$<q.length;$++)!q[$].classList.contains("btn-action")&&!q[$].classList.contains("dialog__wrapper")&&(M+=q[$].offsetWidth,M+=w);for(let $=0;$<q.length;$++)if(q[$].classList.contains("dialog__wrapper")&&(q[$].classList.add("show"),M+=q[$].offsetWidth,M+=w/2,M-w/2>_)){q[$].classList.remove("show");break}for(let $=0;$<q.length;$++)if(q[$].classList.contains("btn-action")&&(q[$].classList.add("show"),M+=q[$].offsetWidth,M+=w/2,M-w/2>_)){q[$].classList.remove("show");break}const R=L.querySelector(".dialog-overflow");R&&R.classList.add("d-none");for(let $=0;$<q.length;$++)(q[$].classList.contains("btn-action")||q[$].classList.contains("dialog__wrapper"))&&(q[$].classList.contains("show")||(q[$].setAttribute("slot",P),R&&R.classList.remove("d-none")))})};b(),new ResizeObserver(b).observe(h);const v=()=>{let g="";Array.from(p==null?void 0:p.querySelectorAll("label input")).forEach((_,w)=>{g+=this.hasAttribute(`data-hide-col${w+1}`)?`${w+1},`:""});const y=new CustomEvent("columm-filters-set",{detail:{columnsHidden:g.slice(0,-1)}});this.dispatchEvent(y)};if(this.hasAttribute("data-filter-columns")||this.hasAttribute("data-filter-columns-save")){const g=this.closest("iam-table").querySelectorAll("thead th");Array.from(g).forEach((y,_)=>{y.textContent&&(p==null||p.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"} /> ${y.textContent}</label>`))})}if(this.hasAttribute("data-filter-columns")&&!this.hasAttribute("data-filter-columns-save")&&(p==null||p.addEventListener("change",g=>{if(g&&g.target instanceof HTMLElement&&g.target.closest("input")){const y=g.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)),v()}})),this.hasAttribute("data-filter-columns-save")){const g=(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"),_=(d=this.shadowRoot)===null||d===void 0?void 0:d.querySelector("#cancelColumns");y==null||y.addEventListener("click",w=>{var A;Array.from(g==null?void 0:g.querySelectorAll("label input")).forEach(k=>{(k==null?void 0:k.checked)==!1?this.setAttribute("data-hide-col"+(k==null?void 0:k.value),"true"):this.removeAttribute("data-hide-col"+(k==null?void 0:k.value))}),v(),(A=y.closest("dialog"))===null||A===void 0||A.close()}),_==null||_.addEventListener("click",w=>{var A,k;const E=(A=this.shadowRoot)===null||A===void 0?void 0:A.querySelector(".checklists");Array.from(E==null?void 0:E.querySelectorAll("label input")).forEach((L,C)=>{L.checked=!this.hasAttribute(`data-hide-col${C+1}`)}),v(),(k=y.closest("dialog"))===null||k===void 0||k.close()})}}static get observedAttributes(){return["data-selected"]}attributeChangedCallback(t,e,r){switch(t){case"data-selected":{const o=this.shadowRoot.querySelector(".selectall");o&&at(o,r);const n=new CustomEvent("selected",{detail:{selected:r}});if(this.dispatchEvent(n),r=="all"&&this.hasAttribute("data-select-watch")){const i=document.getElementById(String(this.getAttribute("data-select-watch")));Array.from(i.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(r=="0"&&this.hasAttribute("data-select-watch")){const i=document.getElementById(String(this.getAttribute("data-select-watch")));Array.from(i.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 N(a){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)a[r]=e[r]}return a}var nr={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 I(a,t){function e(o,n,i){if(!(typeof document>"u")){i=N({},t,i),typeof i.expires=="number"&&(i.expires=new Date(Date.now()+i.expires*864e5)),i.expires&&(i.expires=i.expires.toUTCString()),o=encodeURIComponent(o).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var m in i)i[m]&&(c+="; "+m,i[m]!==!0&&(c+="="+i[m].split(";")[0]));return document.cookie=o+"="+a.write(n,o)+c}}function r(o){if(!(typeof document>"u"||arguments.length&&!o)){for(var n=document.cookie?document.cookie.split("; "):[],i={},c=0;c<n.length;c++){var m=n[c].split("="),l=m.slice(1).join("=");try{var d=decodeURIComponent(m[0]);if(i[d]=a.read(l,d),o===d)break}catch{}}return o?i[o]:i}}return Object.create({set:e,get:r,remove:function(o,n){e(o,"",N({},n,{expires:-1}))},withAttributes:function(o){return I(this.converter,N({},this.attributes,o))},withConverter:function(o){return I(N({},this.converter,o),this.attributes)}},{attributes:{value:Object.freeze(t)},converter:{value:Object.freeze(a)}})}var ot=I(nr,{path:"/"}),rt=function(a,t,e,r){function o(n){return n instanceof e?n:new e(function(i){i(n)})}return new(e||(e=Promise))(function(n,i){function c(d){try{l(r.next(d))}catch(h){i(h)}}function m(d){try{l(r.throw(d))}catch(h){i(h)}}function l(d){d.done?n(d.value):o(d.value).then(c,m)}l((r=r.apply(a,[])).next())})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Address Lookup"});const ir=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){var t;super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",r=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,o=document.createElement("template");o.innerHTML=`
|
|
113
194
|
<style>
|
|
114
|
-
@import "${
|
|
115
|
-
|
|
116
|
-
|
|
195
|
+
@import "${r}";
|
|
196
|
+
.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 */
|
|
117
197
|
|
|
118
|
-
:host(.mh-sm){
|
|
119
|
-
max-height: none!important;
|
|
120
|
-
}
|
|
121
|
-
:host(.mh-md){
|
|
122
|
-
max-height: none!important;
|
|
123
|
-
}
|
|
124
|
-
:host(.mh-lg){
|
|
125
|
-
max-height: none!important;
|
|
126
|
-
}
|
|
127
198
|
|
|
128
199
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
129
200
|
</style>
|
|
130
|
-
<
|
|
131
|
-
<div class="
|
|
132
|
-
|
|
133
|
-
<
|
|
134
|
-
|
|
201
|
+
<link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous" />
|
|
202
|
+
<div class="wrapper">
|
|
203
|
+
|
|
204
|
+
<div class="postcode-lookup">
|
|
205
|
+
<div>
|
|
206
|
+
<label class="mb-2">Search <span class="title text-lowercase"></span> <span class="optional">(Optional)</span>
|
|
207
|
+
<span>
|
|
208
|
+
<input type="text" name="postcode" list="address-lookup__addressess" autocomplete="off" aria-autocomplete="none" placeholder="Postcode" />
|
|
209
|
+
<span class="suffix fa-regular fa-search"></span>
|
|
210
|
+
</span>
|
|
211
|
+
<span class="invalid-feedback">Required Adddress fields missing</span>
|
|
212
|
+
</label>
|
|
213
|
+
|
|
214
|
+
</div>
|
|
215
|
+
<button class="btn btn-tertiary switch-to-manual-btn" type="button">Or enter address manually</button>
|
|
216
|
+
</div>
|
|
217
|
+
<datalist id="address-lookup__addressess"></datalist>
|
|
218
|
+
|
|
219
|
+
<div class="manual-address pb-2 js-hide">
|
|
220
|
+
<slot></slot>
|
|
221
|
+
<button class="btn btn-tertiary switch-to-lookup-btn" type="button">Use postcode lookup</button>
|
|
222
|
+
<slot name="after"></slot>
|
|
223
|
+
</div>
|
|
224
|
+
<div class="pre-filled pb-2 js-hide">
|
|
225
|
+
<strong class="title text-primary d-block"></strong>
|
|
226
|
+
<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>
|
|
227
|
+
</div>
|
|
135
228
|
</div>
|
|
136
|
-
|
|
137
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0)),document.getElementById("tableExtras")||document.head.insertAdjacentHTML("beforeend",`<style id="tableExtras">*:has(>iam-table){container-type:inline-size}iam-table{--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}iam-table thead tr{background:var(--row-bg)}iam-table tbody tr{background:var(--row-bg)}iam-table tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238, 238, 238;--row-bg: var(--hover-background);background:var(--row-bg)}iam-table[data-expandable] [data-expand-button][aria-expanded]{background-color:rgba(0,0,0,0)}@container (width < 23.4375em){iam-table:not(.table--fullwidth) thead{display:none}iam-table:not(.table--fullwidth) tbody{display:block;overflow:visible}iam-table:not(.table--fullwidth) tbody tr td:first-child{padding-top:0}iam-table:not(.table--fullwidth) tr{display:block;position:relative;border:none;background:var(--row-bg);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem;height:auto}iam-table:not(.table--fullwidth) tr+tr{margin-top:2rem}iam-table:not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}iam-table:not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}iam-table:not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}iam-table:not(.table--fullwidth) :is(td,th)[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--colour-heading);padding:0 0 0.375rem 0;margin-bottom:0;display:block;font-weight:bold}iam-table:not(.table--fullwidth) td:first-child::after{top:1.75rem !important}iam-table:not(.table--fullwidth) td::after{top:2.5rem}iam-table:not(.table--fullwidth) .td--fixed{padding-right:50%}iam-table:not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}iam-table:not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}iam-table:not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative}iam-table:not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important}iam-table:not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}iam-table:not(.table--fullwidth) [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:300 !important;font-size:1.75rem;line-height:var(--compact-size) !important}iam-table:not(.table--fullwidth) [data-expand-button][aria-expanded]:before{content:"";font-weight:900 !important}iam-table:not(.table--fullwidth) .dialog__wrapper:not([slot=overflow]){margin-top:-0.5rem;margin-left:-1rem;z-index:10}iam-table:not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child{display:block !important;position:static;width:100%;min-width:100%;margin-left:0;padding-left:0;text-align:left;min-height:0}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child:after{display:none}}@container (width > 23.4375em){iam-table.table--cta:not(.table--loading):has(tr:first-child td:first-child:last-child){padding-right:calc(var(--wrapper-padding) + 1.5rem)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>th:nth-last-child(2),iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>td:nth-last-child(2){padding-right:var(--cta-width)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem);cursor:default;padding-bottom:0}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem;padding-bottom:0}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta){position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead{position:sticky;top:0;left:0;z-index:1;background-color:var(--row-bg)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--colour-primary)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody{position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:first-child td{border-top:0}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:last-child td{border-bottom:0}table .hide-status:after{display:none}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content="action required"],[data-content=upcoming]):after{content:"";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"";color:var(--colour-warning)}table :is([data-content="manually verified"],[data-content=verified],[data-content=completed],[data-content=complete]):after{content:"";font-weight:normal;color:var(--colour-complete)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"";color:var(--colour-primary)}iam-table .table--filtered tbody tr:not(.filtered--show){display:none !important}iam-table table:not(.table--filtered):not(.table--ajax) tbody tr:nth-child(15)~tr{display:none}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.75rem !important;left:.25rem !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:auto;margin:0;margin-top:0rem}@container (width > 23.4375em){iam-table tr:has([type=checkbox]:checked){height:calc(4.625rem - 2px)}}iam-table tr:has([type=checkbox]:checked){--row-bg: #e0e0e0}@container (width < 23.4375em){@media screen and (prefers-color-scheme: light){iam-table:has([slot=before]) iam-actionbar{background-color:#e6eaec}}iam-table:has([slot=before]) .actionbar__sticky+*{margin-top:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}iam-table.table--fullwidth:not([data-expandable]) th.expand-button-heading{display:none}iam-table.table--fullwidth:not([data-expandable]) td:has([data-expand-button]){display:none}@container (width > 23.4375em){iam-table:not([data-expandable]) th.expand-button-heading{display:none}iam-table:not([data-expandable]) td.td--expand{display:none}iam-table[data-expandable] [data-expand-button]{margin:0}iam-table[data-expandable] [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:500}iam-table[data-expandable] [data-expand-button][aria-expanded]:before{content:""}iam-table[data-expandable] tr:not(:has(p)) [data-expand-button]{display:none}iam-table[data-expandable] tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}@container (width < 23.4375em){iam-table:not(.table--fullwidth) .td--fixed+td:not(.td--fixed){border-top:none}}@container (width > 23.4375em){iam-table{--width-adjust: 0px}iam-table:has([type=checkbox]){--width-adjust: -1rem}iam-table .th--fixed{min-width:calc(4.5rem + var(--width-adjust));position:absolute;padding:0}iam-table .th--fixed:after{top:auto;left:0;content:"";position:absolute;width:100%;height:calc(var(--row-height) - 2px);background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed{position:absolute;position:absolute;left:auto;top:auto;z-index:3;padding:0.25rem 0 0 0;min-width:4.5rem;height:calc(var(--row-height) - 2px);text-align:left;background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed:has([open]){z-index:4}iam-table tr:has(.td--fixed){height:3.5rem}iam-table tr:is(:hover,:focus) .td--fixed{background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table tr:has([data-expand-button]){height:calc(4.625rem - 2px)}iam-table .th--fixed+th:not(.th--fixed),iam-table .td--fixed+td:not(.td--fixed){padding-left:calc(4.5rem + var(--width-adjust))}iam-table .th--fixed:not(.expand-button-heading)+.th--fixed+th:not(.th--fixed),iam-table .td--fixed:not(.td--expand)+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table[data-expandable] .th--fixed+.th--fixed+th:not(.th--fixed),iam-table[data-expandable] .td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed+.th--fixed,iam-table .td--fixed+.td--fixed{padding-left:calc(3.25rem + var(--width-adjust));min-width:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed:has(+.th--fixed),iam-table .td--fixed:has(+.td--fixed){min-width:calc(3.25rem + var(--width-adjust));z-index:5}iam-table .dialog__wrapper{z-index:10}iam-table .dialog__wrapper:has([open]){z-index:20}iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:before,iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:after{left:1.25rem !important}iam-table:not([data-expandable]) th.expand-button-heading+th{padding-left:0 !important}iam-table:not([data-expandable]) td.td--expand+td{padding-left:0 !important}iam-table:not([data-expandable]) th.expand-button-heading+.th--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}iam-table:not([data-expandable]) td.td--expand+.td--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}}/*# sourceMappingURL=assets/css/components/table.global.css.map */
|
|
138
|
-
</style>`)}connectedCallback(){const e=new URLSearchParams(window.location.search);this.hasAttribute("data-total")||this.setAttribute("data-total",this.querySelectorAll("table tbody tr").length),this.hasAttribute("data-page")||this.setAttribute("data-page",e.has("page")?e.get("page"):1),this.hasAttribute("data-show")||this.setAttribute("data-show",e.has("show")?e.get("show"):15),this.hasAttribute("data-increment")||this.setAttribute("data-increment",this.getAttribute("data-show"));let t=this.classList.toString();if(t=t.replace("table--cta",""),t=t.replace("table--loading",""),this.shadowRoot.querySelector(".table__wrapper").className+=` ${t}`,this.querySelector(".actionbar__sticky")&&this.shadowRoot.querySelector(".table__wrapper").classList.add("has-actionbar"),this.table=this.querySelector("table"),this.savedTableBody=this.table.querySelector("tbody").cloneNode(!0),this.pagination=this.shadowRoot.querySelector("iam-pagination"),this.pagination.setAttribute("data-total",this.getAttribute("data-total")),this.pagination.setAttribute("data-page",this.getAttribute("data-page")),this.pagination.setAttribute("data-show",this.getAttribute("data-show")),this.pagination.setAttribute("data-increment",this.getAttribute("data-show")),this.hasAttribute("data-page-jump")&&this.pagination.setAttribute("data-page-jump","true"),this.hasAttribute("data-per-page")&&this.pagination.setAttribute("data-per-page","true"),this.hasAttribute("data-item-count")&&this.pagination.setAttribute("data-item-count","true"),this.hasAttribute("data-loading")&&this.pagination.setAttribute("data-loading","true"),this.classList.contains("table--fullwidth")&&this.pagination.setAttribute("data-minimal","true"),this.classList.contains("table--cta")||this.shadowRoot.querySelector(".table--cta").classList.remove("table--cta"),this.form=document.createElement("form"),this.hasAttribute("data-filterby")?this.form=document.querySelector(`#${this.getAttribute("data-filterby")}`):this.table.parentNode.insertBefore(this.form,this.table.nextSibling),this.form.hasAttribute("data-ajax")&&this.table.classList.add("table--ajax"),X(this.table,this.form),this.form.querySelector("[data-pagination]")||this.form.insertAdjacentHTML("beforeend",`<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`),this.form.querySelector("[data-show]")||this.form.insertAdjacentHTML("beforeend",`<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`),go(this.table),fo(this.table,this.form,this.pagination,this,this.savedTableBody),vo(this.table,this.form,this.pagination,this),yo(this.shadowRoot.querySelector("[data-export]"),this.table),this.form.getAttribute("data-ajax"))Q(this.table,this.form,this.pagination,this);else{let r=function(s=1){return Math.floor(Math.random()*Date.now()*(s+1))};if(this.querySelector("iam-actionbar[data-selectall]")||document.querySelector(`iam-actionbar[data-for='${this.getAttribute("id")}']`)){const s=this.querySelector("iam-actionbar[data-selectall]")?this.querySelector("iam-actionbar[data-selectall]"):document.querySelector(`iam-actionbar[data-for='${this.getAttribute("id")}']`);Array.from(this.table.querySelectorAll("thead tr")).forEach((n,c)=>{n.insertAdjacentHTML("afterbegin",'<th class="th--fixed"></th>')}),Array.from(this.table.querySelectorAll("tbody tr")).forEach((n,c)=>{if(!n.querySelector(".selectrow")){const d=`row${r(c)}`;n.insertAdjacentHTML("afterbegin",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${d}" ${n.hasAttribute("data-selected")?'checked="true"':""}/><label for="${d}"><span class="visually-hidden">Select row</span></label></td>`)}}),this.table.addEventListener("change",n=>{if(n&&n.target instanceof HTMLElement&&n.target.closest(".selectrow input")){const c=this.table.querySelectorAll('.selectrow input[type="checkbox"]').length,d=this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;s.setAttribute("data-selected",c==d?"all":d)}}),s.addEventListener("selected",n=>{n.detail.selected=="0"?Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((c,d)=>{c.checked=!1}):n.detail.selected=="all"&&Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((c,d)=>{c.checked=!0})})}let i=-1;Array.from(this.table.querySelectorAll("tbody tr")).forEach((s,n)=>{if(s.querySelector(":scope > td > .dialog__wrapper")){const c=s.querySelector(":scope > td > .dialog__wrapper").parentNode;c.classList.add("td--fixed"),i=Array.from(c.parentNode.children).indexOf(c)}}),i!=-1&&(this.table.querySelector(`thead tr th:nth-child(${i+1})`).classList.add("th--fixed"),Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${i+1})`)).forEach((s,n)=>{s.classList.add("td--fixed")})),K(this.table,this.form,this.pagination,this),this.hasAttribute("data-no-submit")||j(this.table,this.form,this),M(this.table,this.form)}this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll",r=>{this.table.querySelector("dialog[open]")&&(this.table.querySelector("dialog[open]").close(),this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"))}),this.pagination.addEventListener("update-show",r=>{const i=r.detail.show,s=new CustomEvent("update-show",{detail:{show:i}});this.dispatchEvent(s)}),this.pagination.addEventListener("update-page",r=>{const i=r.detail.page,s=new CustomEvent("update-page",{detail:{page:i}});this.dispatchEvent(s)})}static get observedAttributes(){return["data-total","data-page","data-show"]}attributeChangedCallback(e,t,r){switch(this.pagination=this.shadowRoot.querySelector("iam-pagination"),e){case"data-total":{t!=r&&this.pagination.setAttribute("data-total",r);break}case"data-show":{t!=r&&this.pagination.setAttribute("data-show",r);break}case"data-page":{t!=r&&this.pagination.setAttribute("data-page",r);break}}}}const ko=Object.freeze(Object.defineProperty({__proto__:null,default:_o},Symbol.toStringTag,{value:"Module"}));/*!
|
|
139
|
-
* iamKey v7.1.0--beta7
|
|
140
|
-
* Copyright 2022-2025 iamproperty
|
|
141
|
-
*/function xo(a,e){const t=e.querySelector(".files"),r=e.querySelector(".drop-area"),i=a.querySelector("input"),s=a.hasAttribute("data-maxsize")?a.getAttribute("data-maxsize"):0,n=e.querySelector(".invalid-feedback.size"),c=e.querySelector(".invalid-feedback.ext"),d=i.cloneNode();r.append(d);const l=function(u){if(!i.hasAttribute("accept"))return!0;const m=u.split(".").pop();return!!i.getAttribute("accept").includes(m)};if(e.addEventListener("click",u=>{u&&u.target instanceof HTMLElement&&u.target.closest(".btn-primary")&&(u.target.closest(".btn-primary"),c.classList.remove("d-block"),n.classList.remove("d-block"),(i.hasAttribute("multiple")?d:i).click())}),e.addEventListener("click",u=>{if(u&&u.target instanceof HTMLElement&&u.target.closest(".files button")){const m=new DataTransfer,{files:h}=i,b=u.target.closest(".files button");for(let f=0;f<h.length;f++){const g=h[f];g.name!=b.getAttribute("data-file")&&m.items.add(g)}i.files=m.files;const p=new Event("change");i.dispatchEvent(p)}}),d.addEventListener("change",u=>{if(i.hasAttribute("multiple")){const h=[...i.files,...d.files],b=[],p=new DataTransfer;for(let f=0;f<h.length;f++){const g=h[f],v=g.size/1e3;!b.includes(g.name)&&(s==0||v<s)&&l(g.name)&&p.items.add(g),l(g.name)||c.classList.add("d-block"),v>s&&n.classList.add("d-block"),b.push(g.name)}i.files=p.files}else i.files=d.files;const m=new Event("change");i.dispatchEvent(m)}),d.addEventListener("dragenter",u=>{d.classList.add("focus")}),d.addEventListener("dragleave",u=>{d.classList.remove("focus")}),d.addEventListener("drop",u=>{d.classList.remove("focus")}),i.addEventListener("change",u=>{if(i.files.length==1){const h=i.files[0],b=h.size/1e3;if(!l(h.name)){c.classList.add("d-block");const p=new DataTransfer;i.files=p.files}if(b>s){n.classList.add("d-block");const p=new DataTransfer;i.files=p.files}}t.innerHTML="";for(const h of i.files)t.innerHTML+=`<span class="file" part="file">${h.name} <button data-file="${h.name}">Remove</button></span>`;const m=new CustomEvent("elementchange",{detail:{files:i.files}});if(a.dispatchEvent(m),i.files.length==0){const h=new CustomEvent("empty");a.dispatchEvent(h)}}),a.hasAttribute("data-filename")){const u=a.getAttribute("data-filename");u&&(t.innerHTML=`<span class="file">${u} <button data-file="${u}">Remove</button></span>`)}}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"fileupload"});const Ao=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
229
|
+
`,(t=this.shadowRoot)===null||t===void 0||t.appendChild(o.content.cloneNode(!0))}connectedCallback(){return rt(this,void 0,void 0,function*(){const t=this.shadowRoot.querySelector('[name="postcode"]'),e=this.shadowRoot.querySelector(".postcode-lookup"),r=this.shadowRoot.querySelector(".manual-address"),o=this.shadowRoot.querySelector(".pre-filled"),n=this.shadowRoot.querySelector("datalist"),i=this.shadowRoot.querySelector(".switch-to-manual-btn"),c=this.shadowRoot.querySelector(".switch-to-lookup-btn"),m=this.hasAttribute("data-title")?this.getAttribute("data-title"):"Property address",l=this.shadowRoot.querySelector(".pre-filled-address + button"),d=this.hasAttribute("data-display-text");Array.from(this.shadowRoot.querySelectorAll(".title")).forEach(f=>{f.innerHTML=m});function h(f){const b=f.shadowRoot.querySelector(".pre-filled-address");let v=!0;b.innerHTML="",Array.from(f.querySelectorAll("input[required],input[data-required],select[required],select[data-required]")).forEach(g=>{const y=g.value;y?b.innerHTML+=y+(/^-?\d+$/.test(y)?" ":", "):v=!1}),b.innerHTML=b.innerHTML.slice(0,-2),v&&(o.classList.remove("js-hide"),e.classList.add("js-hide"),r.classList.add("js-hide"))}if(h(this),this.addEventListener("filled",()=>{h(this)}),this.hasAttribute("data-use")){const f=`<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>`;e.insertAdjacentHTML("afterbegin",f),this.shadowRoot.addEventListener("change",b=>{if(b&&b.target instanceof HTMLElement&&b.target.closest('[name="use"]')&&b.target.closest('[name="use"]').checked){e.classList.add("js-hide"),r.classList.remove("js-hide");const v=JSON.parse(this.getAttribute("data-use"));Object.keys(v).forEach(g=>{const y=v[g];this.querySelector(`[data-name="${g}"]`)?this.querySelector(`[data-name="${g}"]`).value=y:this.querySelector(`[name="${g}"]`)&&(this.querySelector(`[name="${g}"]`).value=y)})}})}this.hasAttribute("data-manual")&&(e.classList.add("js-hide"),r.classList.remove("js-hide"),Array.from(r.querySelectorAll("[data-required]")).forEach(f=>{f.setAttribute("required","true")}));function p(){e.classList.add("js-hide"),r.classList.remove("js-hide"),Array.from(r.querySelectorAll("[data-required]")).forEach(f=>{f.setAttribute("required","true")}),r.scrollIntoView()}l.addEventListener("click",()=>{o.classList.add("js-hide"),p()}),i.addEventListener("click",()=>{p()}),c.addEventListener("click",()=>{e.classList.remove("js-hide"),r.classList.add("js-hide"),e.scrollIntoView()}),t.addEventListener("keyup",()=>{t.value.length>=3&&u(t.value)}),t.addEventListener("change",()=>{if(t.value.length>=3&&(u(t.value),n.querySelector(`[value="${t.value}"]`))){e.classList.add("js-hide"),r.classList.remove("js-hide");const f=JSON.parse(n.querySelector(`[value="${t.value}"]`).getAttribute("data-values"));Object.keys(f).forEach(b=>{const v=f[b];this.querySelector(`[data-name="${b}"]`)&&v!=""?this.querySelector(`[data-name="${b}"]`).value=v:this.querySelector(`[data-name-alt="${b}"]`)&&v!=""?this.querySelector(`[data-name-alt="${b}"]`).value=v:this.querySelector(`[name="${b}"]`)&&v!=""&&(this.querySelector(`[name="${b}"]`).value=v),this.querySelector(`[data-name-2="${b}"]`)&&(this.querySelector(`[data-name-2="${b}"]`).value+=" "+v)}),this.querySelector("[name]").focus(),Array.from(this.querySelectorAll("[data-required]")).forEach(b=>{b.setAttribute("required","true")}),t.removeAttribute("required"),this.shadowRoot.querySelector('[name="use"]')&&(this.shadowRoot.querySelector('[name="use"]').checked=!1)}});const u=f=>rt(this,void 0,void 0,function*(){let b=this.getAttribute("data-url");b+=`${encodeURI(f)}`,window.controller||(window.controller=[]),window.controller[b]&&window.controller[b].abort(),window.controller[b]=new AbortController;const{signal:v}=controller[b];try{yield fetch(b,{signal:v,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":ot.get("XSRF-TOKEN")})}).then(g=>g.json()).then(g=>{let y="";return g.forEach(_=>{if(typeof _.value=="object"){const w=JSON.stringify(_.value);y+=`<option value="${_.label}, ${f}" data-values='${w}'></option>`}else{const w=JSON.stringify(_);if(d)y+=`<option value="${_[d]}, ${f}" data-values='${w}'></option>`;else{let A="";for(const[k,E]of Object.entries(_))k=="address_number_name"?A+=`${E} `:k!="postcode"&&k!="address_title"&&(A+=`${E}${/^-?\d+$/.test(E)?"":","} `);y+=`<option value="${A}${f}" data-values='${w}'></option>`}}}),n.innerHTML=y,g})}catch(g){console.log(g)}})})}}},Symbol.toStringTag,{value:"Module"}));function sr(a,t){function e(o,n,i=!0){let c=!1,m=n.getAttribute("name");if(!m)return!1;m.includes("[]")&&(m=m.replace("[]",`[${n.value}]`));let l=o.querySelector(`[data-name="${m}"]`);l&&n.getAttribute("type")=="checkbox"&&(c=!n.checked);const d=n.getAttribute("data-filter-text");if(l||(l=document.createElement("button"),o.appendChild(l)),l.setAttribute("type","button"),l.classList.add("filter"),l.classList.add("tag"),i&&l.classList.add("tag--not-set"),l.setAttribute("data-name",m),l.innerHTML=d.replace("$value",n.value),(!n.value||c)&&l.remove(),n.parentNode.closest("[data-filter-text]")){const h=n.parentNode.closest("[data-filter-text]");let p=!0;if(m="",h.querySelectorAll("input").forEach((u,f)=>{const b=u.getAttribute("name");if(m+=`${f!=0?",":""}${b}`,o.querySelector(`[data-name="${b}"]`)&&o.querySelector(`[data-name="${b}"]`).remove(),u.value){const v=document.createElement("button");v.setAttribute("type","button"),v.classList.add("filter"),v.classList.add("tag"),i&&l.classList.add("tag--not-set"),v.setAttribute("data-name",b),v.innerHTML=d.replace("$value",u.value),o.appendChild(v)}else p=!1}),o.querySelector(`[data-name="${m}"]`)&&o.querySelector(`[data-name="${m}"]`).remove(),p){let u=h.getAttribute("data-filter-text");h.querySelectorAll("input").forEach((b,v)=>{const g=b.getAttribute("name");o.querySelector(`[data-name="${g}"]`)&&o.querySelector(`[data-name="${g}"]`).remove(),u=u.replace(`$${v+1}`,b.value)});const f=document.createElement("button");f.setAttribute("type","button"),f.classList.add("filter"),f.classList.add("tag"),i&&l.classList.add("tag--not-set"),f.setAttribute("data-name",m),f.innerHTML=u,o.appendChild(f)}}}Array.from(a.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach(o=>{e(t,o,!1)});const r=a.closest("dialog");r&&new MutationObserver(function(n){n[0].attributeName=="open"&&Array.from(a.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach(i=>{e(t,i,!1)})}).observe(r,{attributes:!0}),a.addEventListener("tags-set",function(){t.innerHTML="",Array.from(a.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach(o=>{e(t,o,!1)})}),Array.from(a.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach(o=>{o.addEventListener("change",function(n){a.hasAttribute("data-keep-same")||e(t,o),n.stopPropagation()})}),a.addEventListener("change",function(o){if(o&&o.target instanceof HTMLElement&&o.target.closest("input[data-filter-text]")){const n=o.target.closest("input[data-filter-text]");a.hasAttribute("data-keep-same")||e(t,n)}}),t.addEventListener("click",function(o){if(o&&o.target instanceof HTMLElement&&o.target.closest(".filter")){const n=o.target.closest(".filter"),i=n.getAttribute("data-name").split(",");for(let c=0;c<i.length;c++){const m=i[c];let l=`[name="${m}"]`;m.match(/\[(.*)\]/)&&(l=`[value="${m.replace(/.*\[(.*)\]/,"$1")}"]`);const d=a.querySelectorAll(l);for(let h=0;h<d.length;h++){const p=d[h];if(p.getAttribute("type")!="radio"&&p.getAttribute("type")!="checkbox"){p.value="";const u=new Event("force");a.hasAttribute("data-nosubmit")||p.closest("form").dispatchEvent(u)}else{p.checked=!1;const u=new Event("force");a.hasAttribute("data-nosubmit")||p.closest("form").dispatchEvent(u)}}}n.remove()}},!1)}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Applied Filters"});class lr extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=`@import "${t}/css/components/applied-filters.css";`,o=this.classList.toString(),n=document.createElement("template");n.innerHTML=`
|
|
142
230
|
<style>
|
|
143
|
-
@import "${
|
|
144
|
-
|
|
145
|
-
|
|
231
|
+
@import "${e}";
|
|
232
|
+
${r}
|
|
146
233
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
147
234
|
</style>
|
|
148
|
-
<div class="
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
<div class="drop-area"></div>
|
|
153
|
-
<hr/>
|
|
154
|
-
<slot></slot>
|
|
155
|
-
<div class="files" part="files"><slot name="files"></slot></div>
|
|
156
|
-
<span class="invalid-feedback ext">Some files did not match the accpeted extension type.</span>
|
|
157
|
-
<span class="invalid-feedback size">Some files Were too large to upload.</span>
|
|
158
|
-
</div>
|
|
159
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){this.innerHTML+='<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';const e=this.shadowRoot.querySelector(".file-upload"),t=this.querySelector("input"),r=this.shadowRoot.querySelector(".helper-text");this.querySelector('[slot="helper"]')||(r.innerHTML=`${this.hasAttribute("data-maxsize")?`Max file size is ${this.getAttribute("data-maxsize")}kb. `:""}${t.hasAttribute("accept")?`Supported file types are ${t.getAttribute("accept")}`:""}`),xo(this,e)}static get observedAttributes(){return["data-filename"]}attributeChangedCallback(e,t,r){switch(e){case"data-filename":{if(t!=r){const i=this.shadowRoot.querySelector(".files");r!=null&&r!="null"&&r!=""&&(i.innerHTML=`<span class="file">${r} <button data-file="${r}">Remove</button></span>`)}break}}}}},Symbol.toStringTag,{value:"Module"}));/*!
|
|
160
|
-
* iamKey v7.1.0--beta7
|
|
235
|
+
<div class="applied-filters ${o}"></div>
|
|
236
|
+
<slot></slot>
|
|
237
|
+
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){sr(this,this.shadowRoot.querySelector(".applied-filters"))}}const cr=Object.freeze(Object.defineProperty({__proto__:null,default:lr},Symbol.toStringTag,{value:"Module"}));/*!
|
|
238
|
+
* iamKey v7.2.0
|
|
161
239
|
* Copyright 2022-2025 iamproperty
|
|
162
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"accordion"});class Lo 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",r=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,i=document.createElement("template");i.innerHTML=`
|
|
240
|
+
*/const nt=a=>a.charAt(0).toUpperCase()+a.slice(1),it=a=>a.replace(/_/g," "),dr=(a,t)=>{for(let e=1;e<=10;e++){if(a.hasAttribute(`data-colour-${e}`)){const r=a.getAttribute(`data-colour-${e}`);a.style.setProperty(`--chart-colour-${e}`,`var(--chart-colour-${r})`),a.style.setProperty(`--chart-colour-${e}-hover`,`var(--chart-colour-${r}-hover)`)}Array.from(t.querySelectorAll(`[data-colour-${e}]`)).forEach(r=>{const o=r.getAttribute(`data-colour-${e}`);r.style.setProperty(`--chart-colour-${e}-set`,`var(--chart-colour-${o})`),r.style.setProperty(`--chart-colour-${e}-hover`,`var(--chart-colour-${o}-hover)`)})}return!0},U=(a,t,e)=>{if(a.tagName=="IAM-DOUGHNUTCHART")return mr(a,t,e),!0;const r=t.querySelector(".chart__key");r.innerHTML="";const o=t.querySelector(".chart__guidelines");o.innerHTML="";const n=t.querySelector(".chart__yaxis");n.innerHTML="",Array.from(t.querySelectorAll(':scope > input[type="checkbox"],:scope > input[type="radio"]')).map(c=>{c.remove()});const{xaxis:i}=B(a);return Y(a,e),lt(t,e,r),vr(a,o),yr(a,n),i&&wr(t),!0},mr=(a,t,e)=>{const r=t.querySelector(".chart__key");return r.innerHTML="",Array.from(t.querySelectorAll(':scope > input[type="checkbox"],:scope > input[type="radio"]')).map(o=>{o.remove()}),Y(a,e),lt(t,e,r),ct(t),!0},hr=function(a,t){const e=t.querySelector(".chart");e.addEventListener("mousemove",i=>{if(i&&i.target instanceof HTMLElement&&i.target.closest("td:not(:first-child")){const c=i.target.closest("td:not(:first-child").getBoundingClientRect(),m=i.clientX-c.left,l=i.clientY-c.top;e.setAttribute("style",`--cursor-x: ${m}px; --cursor-y: ${l}px;`)}});const r=t.querySelectorAll("label");Array.from(r).forEach(i=>{t.querySelector(`input#${i.getAttribute("for")}`).checked?i.setAttribute("part","key-checked"):i.setAttribute("part","key-unchecked")});const o=a.querySelector("table"),n=t.querySelector("table");t.addEventListener("change",function(i){const c=i.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(r).forEach(l=>{var d;!((d=t.querySelector(`input#${l.getAttribute("for")}`))===null||d===void 0)&&d.checked?l.setAttribute("part","key-checked"):l.setAttribute("part","key-unchecked")}),n.innerHTML=o.innerHTML,Y(a,n),a.tagName=="IAM-DOUGHNUTCHART"&&ct(t)})},ur=function(a,t){const e=a.querySelector("table"),r=t.querySelector("table"),o=(m,l)=>{l.disconnect(),c.disconnect();for(const d of m)(d.attributeName=="class"||d.type==="attributes"||d.type==="attributes")&&(r.innerHTML=e.innerHTML,U(a,t,r));l.observe(e,{characterData:!0,subtree:!0}),c.observe(a,{attributes:!0})},n=(m,l)=>{l.disconnect(),c.disconnect();for(const d of m)(d.type=="characterData"||d.type=="childList"&&d.addedNodes.length)&&(r.innerHTML=e.innerHTML,U(a,t,r));l.observe(e,{characterData:!0,subtree:!0}),c.observe(a,{attributes:!0})},i=new MutationObserver(n),c=new MutationObserver(o);return i.observe(e,{characterData:!0,subtree:!0}),c.observe(a,{attributes:!0}),!0};function st(a,t){t>1&&(a=a-.25);const e=Math.cos(2*Math.PI*a),r=Math.sin(2*Math.PI*a);return[e*100,r*100]}const B=function(a){const t=a.shadowRoot.querySelector(".chart__wrapper table"),e=a.hasAttribute("data-min")?a.getAttribute("data-min"):0,r=a.hasAttribute("data-max")?a.getAttribute("data-max"):pr(a,t),o=a.hasAttribute("data-yaxis")?a.getAttribute("data-yaxis").split(","):[],n=a.hasAttribute("data-guidelines")?a.getAttribute("data-guidelines").split(","):[],i=a.hasAttribute("data-xaxis")?a.getAttribute("data-xaxis").split(","):null;return{min:e,max:r,yaxis:o,xaxis:i,guidelines:n}};function pr(a,t){const e=a.classList.contains("chart--stacked")?"tbody tr":"tbody td:not(:first-child)",r=Array.from(t.querySelectorAll(e)).map(n=>n.getAttribute("data-numeric")),o=Math.max(...r);return Math.ceil(o)}const W=function(a,t,e,r){let o=String(a);o=o.replace("£",""),o=o.replace("%",""),o=o.replace(",",""),o=Number.parseFloat(o);let n=(o-t)/(e-t)*100,i=n,c=0;return r&&r!=0&&(c=(r-t)/(e-t)*100),t<0&&(c=Math.abs(t/(e-t)*100),o<0?(n=c-n,c=c-n,i=c):(n=n-c,i=n+c)),{percent:n,axis:i,bottom:c}},Y=function(a,t){Array.from(t.querySelectorAll("tbody tr")).forEach(o=>{let n=0;Array.from(o.querySelectorAll("td:not(:first-child)")).forEach(i=>{const c=i.cloneNode(!0);Array.from(c.querySelectorAll("*")).forEach(l=>{l.remove()});const m=parseFloat(c.textContent.replace("£","").replace("%","").replace(",",""));i.setAttribute("data-numeric",m),i.setAttribute("data-value",c.textContent),getComputedStyle(i).display!="none"&&(n+=m),Array.from(i.querySelectorAll("a, button")).forEach((l,d)=>{d==0&&l.insertAdjacentHTML("beforeBegin","<hr/>"),l.classList.add("btn"),l.classList.add("btn-tertiary")})}),o.setAttribute("data-numeric",n)});const{min:e,max:r}=B(a);Array.from(t.querySelectorAll("tbody tr")).forEach((o,n)=>{const i=o.querySelector("td:first-child, th:first-child")?o.querySelector("td:first-child, th:first-child").textContent:"";o.setAttribute("part","group");const c=(o.getAttribute("data-numeric")-e)/(r-e)*100;o.style.setProperty("--percent",`${c}%`),Array.from(o.querySelectorAll("td:not([data-label])")).forEach((d,h)=>{h==0?d.setAttribute("part","xaxis-label"):d.setAttribute("part","value"),o.querySelectorAll("td").length>2&&d.setAttribute("data-label",t.querySelectorAll("thead th")[h].textContent)});const m=o.hasAttribute("data-min")?o.getAttribute("data-min"):e,l=o.hasAttribute("data-max")?o.getAttribute("data-max"):r;if(m<0){const d=Math.abs(m/(l-m)*100);a.setAttribute("style",`--min-bottom: ${d}%;`)}o.style.setProperty("--row-index",n+1),Array.from(o.querySelectorAll('td[data-numeric]:not([data-label="Min"]):not([data-label="Max"]):not(:first-child)')).forEach(d=>{if(getComputedStyle(d).display=="none")return;const h=d.innerHTML,p=Number.parseFloat(d.getAttribute("data-numeric")),u=Number.parseFloat(d.getAttribute("data-start"));if(d.querySelector("span[data-group]")||(d.innerHTML=`<span data-group="${i}" ${d.hasAttribute("data-label")?`data-label="${d.getAttribute("data-label")}"`:""} part="popover">${h}</span>`),!d.hasAttribute("style")){const{percent:f,bottom:b,axis:v}=W(p,m,l,u);d.setAttribute("data-percent",f),d.setAttribute("style",`--bottom:${b}%;--percent:${f}%;--axis:${v}%;`)}})})},br=function(a){const t=a.querySelector(".chart__wrapper"),e=a.querySelector(".chart__spacer span"),r=a.querySelector(".chart table");let o="";Array.from(r.querySelectorAll("tbody tr td:first-child")).forEach(n=>{typeof n.textContent<"u"&&n.textContent.length>o.length&&(o=n.textContent)}),t.setAttribute("data-longest-label",o),e.innerHTML=o},gr=function(a){const t=a.querySelector(".chart__wrapper"),e=a.querySelector(".chart table");let r="";Array.from(e.querySelectorAll("tbody tr td:not(:first-child)")).forEach(o=>{typeof o.getAttribute("data-value")<"u"&&o.getAttribute("data-value").length>r.length&&(r=o.getAttribute("data-value"))}),t.setAttribute("data-longest-value",r)},lt=function(a,t,e){const r=`chart-${Date.now()+(Math.floor(Math.random()*100)+1)}`;let o;const n=Array.from(t.querySelectorAll("thead th"));return n.forEach((i,c)=>{c!=0&&(o=fr(r,c,i.textContent,e,a,o)),c==50&&(n.length=c+1)}),!0};function fr(a,t,e,r,o,n){var i;const c=document.createElement("input");c.setAttribute("name",`${a}-dataset-${t}`),c.setAttribute("id",`${a}-dataset-${t}`),c.setAttribute("data-dataset",`${t}`),c.setAttribute("data-label",`${e}`),c.checked=!0,c.setAttribute("type","checkbox"),t==1?o.prepend(c):o.insertBefore(c,n.nextSibling),n=c;const m=document.createElement("label");m.setAttribute("class","key btn btn-action"),m.setAttribute("for",`${a}-dataset-${t}`),m.setAttribute("data-label",`${e}`),m.setAttribute("part","key");const l=(i=o.querySelector(`tbody tr td:nth-child(${t+1})`))===null||i===void 0?void 0:i.getAttribute("data-numeric");return m.setAttribute("data-numeric",l),m.innerHTML=`${e}`,r.append(m),n}const vr=function(a,t){const{min:e,max:r,yaxis:o}=B(a);let{guidelines:n}=B(a);n.length||(n=o),t.innerHTML="";for(let i=0;i<n.length;i++){const c=parseFloat(n[i].replace("£","").replace("%","").replace(",","")),{axis:m}=W(c,e,r);t.innerHTML+=`<div class="guideline" style="--percent:${m}%;">${o.indexOf(n[i])!=-1?`<span>${n[i]}</span>`:""}</div>`}},yr=function(a,t){const{min:e,max:r,yaxis:o}=B(a);t.innerHTML="";for(let n=0;n<o.length;n++){const i=parseFloat(o[n].replace("£","").replace("%","")),{axis:c}=W(i,e,r);t.innerHTML+=`<div class="axis__point" style="--percent:${c}%;"><span>${o[n]}</span></div>`}},wr=function(a){const t=a.querySelector(".chart");let e=a.querySelector(".chart__xaxis");e||(e=document.createElement("div"),e.setAttribute("class","chart__xaxis")),t.prepend(e)},_r=function(a){const t=a.querySelectorAll("thead th[title], tbody th[title]:first-child, tbody td[title]:first-child");Array.from(t).forEach(e=>{const r=`tooltip-${Date.now()}-${Math.floor(Math.random()*100)}`;e.innerHTML=`<button class="tooltip" popovertarget="${r}" part="tooltip" style="anchor-name: --${r};">${e.textContent}</button><span id="${r}" style="position-anchor: --${r};" popover part="tooltip__content" class="tooltip__content">${e.getAttribute("title")}</span>`})},ct=function(a){let t="";const e=a.querySelector(".chart");let r=a.querySelector(".doughnuts");r||(r=document.createElement("div"),r.setAttribute("class","doughnuts"),e.append(r)),Array.from(e.querySelectorAll("tbody tr")).forEach((o,n)=>{let i="",c="",m=0,l=0;const d=o.querySelectorAll("td")[0].innerHTML;let h=0;const p=o.getAttribute("data-numeric");Array.from(o.querySelectorAll("td")).forEach((u,f)=>{const b=getComputedStyle(u).display;if(f!=0&&b!="none"){let v=u.getAttribute("data-numeric");v=v.replace("£",""),v=v.replace("%",""),v=v.replace(",",""),v=Number.parseInt(v),l+=v,h++}}),Array.from(o.querySelectorAll("td")).forEach((u,f)=>{var b,v;const g=getComputedStyle(u).display;if(f!=0&&h==1&&g!="none")i+=`<path d="M 0 0 L 100 0 A 100 100 0 1 1 100 -0.01 L 0 0" style="${u.getAttribute("style")} --path-index: ${f};"></path>`,c+=`<span class="h5 mb-0" part="popover">${nt(it(u.getAttribute("data-label"))).trim()}<br/>${u.hasAttribute("data-second")?`${u.getAttribute("data-second-label")}: ${u.getAttribute("data-second")}<br/>`:""}${(b=u.querySelector('[part="popover"]'))===null||b===void 0?void 0:b.innerHTML}</span>`;else if(f!=0){let y=u.getAttribute("data-numeric");const _=g=="none"?"display: none;":"";y=y.replace("£",""),y=y.replace("%",""),y=y.replace(",",""),y=Number.parseInt(y);const w=y/l,[A,k]=st(m,h),[E,L]=st(m+w,h),C=w>.5?1:0,z=["M 0 0",`L ${A?A.toFixed(0):0} ${k?k.toFixed(0):0}`,`A 100 100 0 ${C} 1 ${E?E.toFixed(0):0} ${L?L.toFixed(0):0}`,"L 0 0"].join(" ");i+=`<path d="${z}" style="${u.getAttribute("style")} --path-index: ${f};${_}"></path>`,c+=`<span class="h5 mb-0" part="popover">${nt(it(u.getAttribute("data-label"))).trim()}<br/>${u.hasAttribute("data-second")?`${u.getAttribute("data-second-label")}: ${u.getAttribute("data-second")}<br/>`:""}${(v=u.querySelector('[part="popover"]'))===null||v===void 0?void 0:v.innerHTML}</span>`,g!="none"&&(m+=w)}}),t+=`<div class="doughnut">
|
|
241
|
+
<svg viewBox="-105 -105 210 210" preserveAspectRatio="none" style="--row-index: ${n+1};">${i}</svg>
|
|
242
|
+
<div class="doughnut__title" data-numeric="${p}"><span class="h5 mb-0">${d}</span></div>
|
|
243
|
+
<div class="tooltips">${c}</div>
|
|
244
|
+
</div>`}),r.innerHTML=t},kr=a=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:a})},xr=(a,t,e)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),e.forEach(r=>{a.addEventListener(r,function(o){const n={event:r,element:t,target:o.target};Object.keys(o.detail).forEach(i=>{const c=o.detail[i];n[i]=c}),window.dataLayer.push(n)})}),!0);kr("iam-barchart");const Ar=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 t=document.createElement("template");t.innerHTML=`
|
|
163
245
|
<style>
|
|
164
|
-
|
|
246
|
+
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
247
|
+
|
|
248
|
+
: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);transition:background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}.btn:not(.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 */
|
|
165
249
|
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
250
|
+
</style>
|
|
251
|
+
<div class="chart__outer" part="outer">
|
|
252
|
+
<div class="chart__key" part="chart-key"></div>
|
|
253
|
+
<div class="chart__wrapper" part="wrapper">
|
|
254
|
+
<div class="chart__yaxis" part="yaxis"></div>
|
|
255
|
+
<div class="chart" part="chart">
|
|
256
|
+
<div class="chart__guidelines" part="guidelines"></div>
|
|
257
|
+
</div>
|
|
258
|
+
</div>
|
|
259
|
+
<div class="chart__spacer"><span part="spacer"></span</div>
|
|
260
|
+
</div>`,this.shadowRoot.appendChild(t.content.cloneNode(!0))}connectedCallback(){const t=this,e=this.querySelector("table").cloneNode(!0),r=this.shadowRoot.querySelector(".chart"),o=this.shadowRoot.querySelector(".chart__outer"),n=r.querySelectorAll("td:not(:first-child)").length;r.appendChild(e),dr(t,o),n<=10&&t.classList.add("chart--fit-content"),n<=5&&t.classList.add("chart--no-scale"),U(t,o,e),ur(t,o),hr(t,o),br(o),gr(o),_r(o),xr(t,"iam-barchart",["view-change"])}}},Symbol.toStringTag,{value:"Module"}));window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"accordion"});class Lr extends HTMLElement{constructor(){var t;super(),this.attachShadow({mode:"open"});const r=`@import "${document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets"}/css/components/bento-grid.component.css";`,o=document.createElement("template");o.innerHTML=`
|
|
261
|
+
<style>
|
|
262
|
+
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
170
263
|
|
|
171
|
-
|
|
172
|
-
--border-radius: 0!important;
|
|
173
|
-
padding-bottom: 0!important;
|
|
174
|
-
}
|
|
264
|
+
${r}
|
|
175
265
|
</style>
|
|
266
|
+
<div class="wrapper">
|
|
176
267
|
<slot></slot>
|
|
177
|
-
|
|
178
|
-
|
|
268
|
+
</div>
|
|
269
|
+
`,(t=this.shadowRoot)===null||t===void 0||t.appendChild(o.content.cloneNode(!0))}connectedCallback(){this.classList.add("loaded");const t=this.querySelectorAll("details");Array.from(t).forEach(e=>{e.classList.add("bg-primary");const r=e.querySelector("summary");r==null||r.classList.add("h3"),r!=null&&r.querySelector('[role="presentation"]')||r==null||r.insertAdjacentHTML("beforeend",' <span role="presentation">Find out more</span>')}),this.addEventListener("click",e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest("details summary")){const r=e.target.closest("details summary"),o=r==null?void 0:r.closest("details");o==null||o.classList.add("animating"),setTimeout(()=>{o==null||o.classList.remove("animating")},1100)}})}}const Sr=Object.freeze(Object.defineProperty({__proto__:null,default:Lr},Symbol.toStringTag,{value:"Module"}));/*!
|
|
270
|
+
* iamKey v7.2.0
|
|
179
271
|
* Copyright 2022-2025 iamproperty
|
|
180
|
-
*/const
|
|
272
|
+
*/const Er=a=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:a})},$r=(a,t,e)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),e.forEach(r=>{a.addEventListener(r,function(o){const n={event:r,element:t,target:o.target};Object.keys(o.detail).forEach(i=>{const c=o.detail[i];n[i]=c}),window.dataLayer.push(n)})}),!0),qr=`<div class="card__head" part="head">
|
|
181
273
|
<slot name="head"></slot>
|
|
182
274
|
</div>
|
|
183
275
|
<div class="card__badges"><slot name="badges"></slot></div>
|
|
@@ -191,26 +283,26 @@
|
|
|
191
283
|
</div>
|
|
192
284
|
<div class="card__footer" part="footer">
|
|
193
285
|
<slot name="footer"></slot>
|
|
194
|
-
</div>`,
|
|
286
|
+
</div>`,Cr=a=>{a.classList.add("card");const t=a.shadowRoot.querySelector(".card__head"),e=a.shadowRoot.querySelector(".card__body");a.hasAttribute("data-image")&&(t.innerHTML+=`<img src="${a.getAttribute("data-image")}" alt="" loading="lazy" part="image" />`),a.hasAttribute("data-total")?e.insertAdjacentHTML("beforeend",`<div class="card__total">${a.getAttribute("data-total")}</div>`):a.querySelector('[slot="total-icon"]')&&e.insertAdjacentHTML("beforeend",'<div class="card__total"><slot name="total-icon"></slot></div>'),a.querySelector('[slot="badges"]')?a.shadowRoot.querySelector(".card__badges").classList.remove("empty"):a.shadowRoot.querySelector(".card__badges").classList.add("empty")};var Mr=function(a,t,e,r){function o(n){return n instanceof e?n:new e(function(i){i(n)})}return new(e||(e=Promise))(function(n,i){function c(d){try{l(r.next(d))}catch(h){i(h)}}function m(d){try{l(r.throw(d))}catch(h){i(h)}}function l(d){d.done?n(d.value):o(d.value).then(c,m)}l((r=r.apply(a,[])).next())})};Er("iam-card");const zr=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 t=document.createElement("template");t.innerHTML=`
|
|
195
287
|
<style>
|
|
196
288
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
197
289
|
|
|
198
|
-
:host{--card-icon-right: 1rem;--card-head-top-padding: 2rem;--card-head-bottom-padding: 2rem;--card-footer-bottom-padding: 1.5rem;--card-head-height: 6rem;box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);position:relative;font-weight:bold;font-size:1.125rem;line-height:1.5rem;color:var(--colour-primary);width:100%;text-align:left;display:flex;flex-direction:column;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:2px solid var(--outline-colour, --colour-canvas-2);outline-offset:-2px;margin-bottom:2rem}:host>*{width:100%;box-sizing:border-box}:host-context(:is(a,label,button)){margin-bottom:0 !important}:host(.border-0){box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__head:has(img){min-height:var(--card-head-height);position:relative;overflow:hidden;background:rgba(0,0,0,.1);z-index:-1}.card__head:has(img)>img{position:absolute;top:0;left:0;margin:-2px;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:cover}.card__body{padding:var(--card-head-top-padding) var(--card-right-padding) var(--card-head-bottom-padding) var(--card-left-padding)}.card__footer{margin-top:0;padding:0 var(--card-right-padding) 0 var(--card-left-padding)}::slotted(i){font-size:1.5rem !important;margin:-3px var(--card-icon-right) 0 0 !important;vertical-align:middle !important}::slotted(i:not(.fa-light):not(.fa-bold)){font-weight:400 !important}::slotted(.badge){margin-bottom:.375rem !important}::slotted(span:not(.badge)){display:block !important;font-weight:normal !important;font-size:1rem !important}::slotted(small){padding-top:1rem !important;display:block !important;font-weight:normal !important;padding-bottom:0 !important;color:var(--colour-body)}::slotted(span:not(.badge):not([class*=pt-])){padding-top:1.5rem !important}::slotted(:is(a,button)[slot=footer]){margin-bottom:var(--card-footer-bottom-padding) !important}.card__body:has(.card__total){--card-head-top-padding: 1rem;--card-head-bottom-padding: 1.5rem}.card__total{font-size:3rem;line-height:3rem;padding-right:1rem;margin-top:.5rem}.card__total i{font-family:var(--fa-style-family, "Font Awesome 6 Pro");font-weight:var(--fa-style, 900);display:block !important;font-size:2.5rem !important;margin:.5rem 0 .5rem 0 !important}::slotted([slot=total-icon]){display:block !important;font-size:2.5rem !important;margin:.5rem 0 .5rem 0 !important;line-height:2.5rem}.card__head:has(img)~.card__badges{position:absolute;top:0;text-align:left;left:0;z-index:9}.card__badges:not(.empty){padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) 0 var(--card-left-padding);margin-bottom:-1.5rem}body:not(.js-enabled) dialog:not([open]):target{display:block}[popover],dialog{--dialog-padding: 1.5rem;--mh-padding-inline: var(--dialog-padding);color:inherit;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;background:var(--colour-canvas-2);box-shadow:0px 2px 9px rgba(0,0,0,.11);border-radius:0.625rem;padding:var(--dialog-padding);outline:var(--contrast-outline-width, 0px) solid var(--colour-primary)}[popover]:popover-open,dialog[open]{display:flex;flex-direction:column}[popover]:popover-open>*:last-child,dialog[open]>*:last-child{margin-bottom:0}[popover]:popover-open>:is(p):last-child,dialog[open]>:is(p):last-child{padding-bottom:0}.dialog__wrapper{position:relative;display:inline-block;margin-bottom:calc(var(--btn-margin) - .25rem)}.dialog__wrapper:has(dialog[open],dialog:popover-open)>button{background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover);filter:brightness(85%);transition:background .1s,color .1s;border-radius:1.5rem}.dialog__wrapper>.btn:first-child{margin-bottom:.25rem}.dialog__wrapper>.btn:first-child:not(.btn-compact):not([class*=fa-]):after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}.dialog__wrapper>.btn:first-child[aria-expanded]:not([data-number]):after{transform:rotate(270deg)}.dialog__wrapper>:is(dialog[open],dialog:popover-open){left:0;top:100%;z-index:var(--index-floating);min-width:20rem;border-radius:1rem;width:20rem;padding:1.5rem}@media screen and (min-width: 36em){.dialog__wrapper>:is(dialog[open],dialog:popover-open){width:20.9375rem}}@media screen and (min-width: 62em){.dialog__wrapper>:is(dialog[open],dialog:popover-open){width:22.5rem}}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list{width:fit-content !important;min-width:8.75rem !important;max-width:17.5rem !important;padding:1rem;margin:0}@media screen and (min-width: 36em){.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list{width:max-content !important}}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list hr{height:2px;background:var(--colour-border);margin-left:-1rem;margin-right:-1rem;margin-block:.25rem}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .radio--tick{margin-right:0;padding-left:1.5rem;margin-bottom:0}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .radio--tick:before{left:0;font-size:1em;top:.75rem}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a{padding:0.375rem;margin:0}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a:not(:hover,:focus,:active){border-color:rgba(0,0,0,0)}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a:after{display:none}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action{margin:0}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action:not(:hover,:focus,:active){border-color:rgba(0,0,0,0)}.dialog__wrapper>:is(dialog[open],dialog:popover-open) :is(dialog[open],dialog:popover-open){display:contents}.dialog__wrapper.dialog__wrapper--right>:is(dialog[open],dialog:popover-open){right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>:is(dialog[open],dialog:popover-open){width:14.9375rem}.dialog__wrapper.dialog__wrapper--lg>:is(dialog[open],dialog:popover-open){width:19.9375rem}@media screen and (min-width: 36em){.dialog__wrapper.dialog__wrapper--sm-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--sm-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.5625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.25rem}}@media screen and (min-width: 62em){.dialog__wrapper.dialog__wrapper--md-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--md-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.375rem}}.dialog__wrapper :is(.empty,.individual){display:none}@supports selector(:has(*)){.dialog__wrapper :is(.empty,.individual){display:inline}}.dialog__wrapper:has(input:checked) .empty,.dialog__wrapper:not(:has(input:checked)) .individual,.dialog__wrapper:has(input:checked~input:checked) .individual,.dialog__wrapper:not(:has(input:checked~input:checked)) .multiple{display:none}button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[role=button]{cursor:pointer}button:focus:not(:focus-visible){outline:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 2px;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn);font-size:1.125rem;line-height:1.5rem;padding:calc(var(--btn-padding-block) - var(--btn-border-width)) calc(var(--btn-padding-inline) - var(--btn-border-width));border-radius:1.5rem;margin-bottom:var(--btn-margin);transition:background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}.btn:not(:last-child){margin-right:var(--btn-margin)}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border);color:var(--colour-btn-secondary)}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}.btn-action{--btn-border-width: 1px;--btn-padding-block: 0.375rem;--btn-padding-inline: 0.375rem;background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted);border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem;color:var(--colour-heading)}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}a:is(:active,.active):not([disabled]) .btn-action,.btn-action:is(:active,.active):not([disabled]){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}.btn[class*=fa-]:before{content:var(--fa);font-family:"Font Awesome 6 Pro";line-height:1em}.btn.btn[class*=fa-after]{padding-right:4rem}.btn.btn[class*=fa-after]:before{margin-right:0;margin-right:0.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}.btn:not(.btn-compact):before{margin-right:1rem}.btn i[class*=fa-]{font-family:"Font Awesome 6 Pro";margin-right:1rem;line-height:1em;font-style:inherit}.btn i[class*=fa-]:not(:first-child){margin-left:1rem;margin-right:0}.btn.btn--prompt:after{content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt:after,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active):after{margin-left:1.5rem;margin-right:-0.5rem}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem}.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem;text-align:center;width:calc(var(--compact-size));min-width:calc(var(--compact-size));max-width:calc(var(--compact-size));height:calc(var(--compact-size)) !important;min-height:calc(var(--compact-size)) !important;max-height:calc(var(--compact-size)) !important;line-height:calc(var(--compact-size) - var(--btn-border-width) - var(--btn-border-width)) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1.25rem}.btn-compact:not(:last-child){margin-right:0.5rem}.btn-compact:before{content:var(--fa);position:absolute;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - var(--btn-border-width) - var(--btn-border-width));font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - var(--btn-border-width) - var(--btn-border-width)) !important}.btn-compact.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}.btn-compact.btn-action{--compact-size: 2rem;font-size:1rem}.btn-compact.btn-action:before{font-size:1em;font-weight:400}.btn-compact.btn-secondary{--colour-btn-border: transparent;border-color:rgba(0,0,0,0)}.btn-compact.btn-secondary:not([class*=colour-]){--colour: var(--colour-light)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:rgba(0,0,0,0) !important}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse):is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}.btn-compact[data-number]{position:relative}.btn-compact[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:#fff;letter-spacing:-0.1em;font-family:arial,sans-serif}.btn.colour-success{--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success:before,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active):before{content:"";font-family:"Font Awesome 6 Pro";margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:1.5rem;vertical-align:bottom}.btn:has(select){position:relative;padding-right:3.5rem}.btn:has(select):not(.mw-100){max-width:13rem}.btn:has(select) select{all:unset !important;padding:calc(0.75rem - 2px) calc(2.5rem - 2px) !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding-right:3.5rem !important;margin-right:-3.5rem !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;max-width:100% !important;outline:none;font-weight:bold;font-size:1.125rem !important;line-height:1.5rem !important}.btn:has(select) select option{padding:0;text-align:left;color:var(--colour-primary)}.btn:has(select):after{position:absolute;top:0.625rem;right:2rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}.btn:has(select).active:after{transform:rotate(-90deg)}.btn:has(select:focus):after{transform:rotate(-90deg)}.btn-filter:after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:"Font Awesome 6 Pro"}.btn.btn-tertiary{background-color:rgba(0,0,0,0);border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative}.btn.btn-tertiary:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}.btn.btn-tertiary.text-decoration-none:after{width:0%}.btn.btn-tertiary [class*=fa-]{margin-left:0;margin-right:.5rem}.btn.btn-tertiary [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}.btn.btn-tertiary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled]){color:var(--colour-active)}:host{--card-right-padding: 1rem;--card-icon-right: 1rem}:host(:is(:hover,:focus,.hover):not(.prevent-hover)){--hover-outline-colour-default: var(--colour, var(--colour-primary));outline:2px solid var(--hover-outline-colour, var(--hover-outline-colour-default));outline-offset:-2px}:host(:is(:active,.active):not(.prevent-hover)){--card-icon-right: var(--card-icon-right-overide, 0.5rem);outline:none}:host(.prevent-hover){pointer-events:none}:host(.prevent-hover) *{pointer-events:all}:host(.show-icon) .card__body{--card-right-padding: 3.5rem}:host(.show-icon) .card__body:before,:host(.show-icon) .card__body:after{content:"";position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--colour-warning);border-radius:50%}:host(.show-icon) .card__body:after{background:var(--colour-primary-theme);mask-image:var(--icon, var(--icon-arrow));mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon, var(--icon-arrow));-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}:host(:is(:hover,:focus,.hover):not(.prevent-hover):not([class*=colour-])) .card__body:before{background:var(--hover-icon-bg, var(--colour-primary-theme))}:host(:is(:hover,:focus,.hover):not(.prevent-hover):not([class*=colour-])) .card__body:after{background:var(--hover-icon-colour, #ffffff)}:host(:is(:active,.active):not(.prevent-hover):not([class*=colour-])) .card__body:before{background:var(--hover-icon-bg, var(--colour-primary-theme))}:host(:is(:active,.active):not(.prevent-hover):not([class*=colour-])) .card__body:after{background:var(--hover-icon-colour, #ffffff)}.card__body:has(.card__illustration){align-items:center;display:flex}.card__body:has(.card__illustration) .card__illustration{height:4rem;width:4rem;margin-right:1.5rem;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative}.card__body:has(.card__illustration) .card__illustration img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}:host([class*=colour-]){border-left:0.75rem solid var(--colour, var(--colour-primary))}slot[name=secondary]{display:block;position:absolute;top:.5rem;right:0;margin:.5rem .5rem 0 0;z-index:999}::slotted([slot=secondary]:not(:hover,:focus,:active,.hover)){background:none !important;color:var(--colour-btn) !important}::slotted([slot=checkbox]){position:absolute !important;top:.5rem;right:.5rem;width:2rem;height:2rem;height:2.5rem;overflow:hidden}.dialog__wrapper{position:absolute;right:1rem;bottom:2rem;width:3rem !important;left:auto;z-index:999}.dialog__wrapper>.btn:before{content:"";font-family:"Font Awesome 6 Pro"}.dialog__wrapper>[popover]{display:var(--menu-display, none);position:fixed;top:anchor(top);position-anchor:--anchor-el;left:anchor(right);right:auto;margin:0 0 0 0.25rem;padding:1rem}.dialog__wrapper>[popover]::backdrop{display:none}.dialog__wrapper>[popover]:popover-open{display:block !important}.dialog__wrapper:has([popover]:popover-open)>button{background-color:var(--colour)}.dialog__wrapper>button[popovertarget]{margin:0;anchor-name:--anchor-el}.dialog__wrapper>button[popovertarget]:not(:hover,:focus,:focus-within,:active){background:var(--ellipsis-bg)}::slotted([slot=btns]){border:none !important;margin:0 !important;display:block !important;width:fit-content}::slotted([slot=primary-action]){overflow:hidden;background-color:rgba(0,0,0,0);text-indent:-300%;position:absolute !important;inset:0;margin:0 !important;z-index:99;border:none}:host(:not(.prevent-hover)) ::slotted([slot=primary-action]:is(:hover,:focus,.hover)){--hover-outline-colour-default: var(--colour, var(--colour-primary));outline:2px solid var(--hover-outline-colour, var(--hover-outline-colour-default));outline-offset:-2px;border-radius:var(--card-border-radius) !important}/*# sourceMappingURL=assets/css/components/card.component.css.map */
|
|
290
|
+
: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);color:var(--colour-btn-secondary-hover);filter:brightness(85%);transition:background .1s,color .1s;border-radius:1.5rem}.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);transition:background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}.btn:not(.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 */
|
|
199
291
|
|
|
200
292
|
</style>
|
|
201
|
-
${
|
|
293
|
+
${qr}
|
|
202
294
|
<slot name="primary-action"></slot>
|
|
203
|
-
`,this.shadowRoot.appendChild(
|
|
295
|
+
`,this.shadowRoot.appendChild(t.content.cloneNode(!0))}connectedCallback(){return Mr(this,void 0,void 0,function*(){const t=this,e=t.shadowRoot.querySelector(".card__body");if(Cr(t),t.hasAttribute("data-illustration")&&e.insertAdjacentHTML("afterbegin",`<div class="card__illustration"><img src="${this.getAttribute("data-illustration")}" alt="" loading="lazy" /></div>`),!t.querySelector('[slot="btns"]')&&!t.querySelector('[slot="secondary"]')&&t.classList.add("show-icon"),t.querySelector('[slot="btns"]')&&(t.shadowRoot.innerHTML+=`<div class="dialog__wrapper">
|
|
204
296
|
<button class="btn btn-secondary btn-compact fa-ellipsis-vertical" popovertarget="actions" title="Further actions" type="button">Open further actions</button>
|
|
205
297
|
<div class="dialog--fix dialog--list" id="actions" popover>
|
|
206
298
|
<slot name="btns"></slot>
|
|
207
299
|
</div>
|
|
208
|
-
</div>`),Array.from(
|
|
209
|
-
* iamKey v7.
|
|
300
|
+
</div>`),Array.from(t.querySelectorAll('[slot="btns"]')).forEach(i=>{i.classList.add("btn"),i.classList.add("btn-action")}),t.querySelector('[slot="checkbox"],[slot="secondary"]')){const i=t.querySelector('[slot="checkbox"],[slot="secondary"]');i.addEventListener("mouseenter",()=>{t.classList.add("prevent-hover")}),i.addEventListener("mouseleave",()=>{t.classList.remove("prevent-hover")})}if(t.shadowRoot.querySelector(".dialog__wrapper")){const i=t.shadowRoot.querySelector(".dialog__wrapper");i.addEventListener("mouseenter",()=>{t.classList.add("prevent-hover")}),i.addEventListener("mouseleave",()=>{t.classList.remove("prevent-hover")})}const r=t.querySelector('input[type="checkbox"]');r&&r.addEventListener("change",()=>{if(r.checked){const i=new CustomEvent("select-card",{detail:{"Card value":r.value,"input name":r.getAttribute("name")}});t.dispatchEvent(i)}else{const i=new CustomEvent("unselect-card",{detail:{"Card value":r.value,"input name":r.getAttribute("name")}});t.dispatchEvent(i)}});const o=t.querySelector('[slot="secondary"]');o&&o.addEventListener("click",()=>{const i=new CustomEvent("secondary-button-clicked",{detail:{Title:o.getAttribute("title")}});t.dispatchEvent(i)});const n=t.querySelectorAll('[slot="btns"]');Array.from(n).forEach(i=>{i.addEventListener("click",()=>{const c=new CustomEvent("action-button-clicked",{detail:{Title:i.getAttribute("title")}});t.dispatchEvent(c)})}),$r(t,"iam-card",["select-card","unselect-card","secondary-button-clicked","action-button-clicked"])})}static get observedAttributes(){return["data-image"]}attributeChangedCallback(t,e,r){switch(t){case"data-total":{this.shadowRoot.querySelector(".card__total")&&(this.shadowRoot.querySelector(".card__total").innerHTML=r);break}case"data-image":{if(e!=r){const o=this.shadowRoot.querySelector(".card__head img");o&&o.setAttribute("src",r)}break}}}}},Symbol.toStringTag,{value:"Module"}));/*!
|
|
301
|
+
* iamKey v7.2.0
|
|
210
302
|
* Copyright 2022-2025 iamproperty
|
|
211
|
-
*/const
|
|
303
|
+
*/const Tr=function(a){const t=[];return Array.from(a.querySelectorAll(":scope > div")).forEach((e,r)=>{e.hasAttribute("data-thumbnail")&&(t[r]=e.getAttribute("data-thumbnail"))}),t},Hr=function(a,t){const e=a.querySelectorAll(":scope > div").length;let r="";for(let o=1;o<=e;o++){let n=null,i="";t.length&&t[o-1]?(i="has-thumbnail",n=`<img src="${t[o-1]}" alt="Slide ${o}" height="148"/>`):n=`Slide ${o}`,r+=`<button class="control-${o} ${i}" data-slide="${o}" ${o==1?"aria-current":""}>${n}</button>`}return r},G=function(a,t){return t==1?a:Math.ceil(a/t)*t-t+1},X=function(a,t){return(a-1)/(t-1)*100},Rr=function(a){let t;const e=a.shadowRoot.querySelector(".carousel"),r=e.querySelector(".carousel__inner"),o=e.querySelector(".carousel__controls"),n=e.querySelector('.carousel__progress [type="range"]'),i=a.querySelectorAll(":scope > div").length;let c=r.clientWidth,m=a.querySelector(":scope > div").scrollWidth,l=Math.round(c/m);n.setAttribute("min",1),n.setAttribute("step",l);let d=G(i,l);n.setAttribute("max",d),n.value=1;let h=X(1,d);n.style.setProperty("--percent",h+"%");let p,u="mouseup",f="mousedown";"ontouchstart"in document.documentElement&&(u="touchend",f="touchstart"),r.addEventListener("scroll",function(){clearTimeout(t),t=setTimeout(function(){const b=r.clientWidth,v=r.scrollWidth,g=r.scrollLeft;let y=Math.round(g/v*i)+1;const _=a.querySelector(":scope > div").scrollWidth,w=a.querySelector(":scope > div:last-child").offsetLeft,A=r.scrollLeft+b+r.getBoundingClientRect().left>=w+60,k=Math.round(b/_),E=Math.ceil(i/k)*k-i;n.setAttribute("step",k),E>0&&A&&(y=Math.floor(i/k)*k+1),Array.from(e.querySelectorAll(".carousel__controls button")).forEach(L=>{L.removeAttribute("aria-current")}),e.querySelector(".control-"+y).setAttribute("aria-current",!0),y==1?e.querySelector(".btn-prev").setAttribute("disabled","disabled"):e.querySelector(".btn-prev").removeAttribute("disabled"),y>i-k?e.querySelector(".btn-next").setAttribute("disabled","disabled"):e.querySelector(".btn-next").removeAttribute("disabled"),n.value=y,d=G(i,k),n.setAttribute("max",d),h=y/d*100,h=X(y,d),n.style.setProperty("--percent",h+"%")},100)},!1),o.addEventListener("click",function(b){for(let v=b.target;v&&v!=this;v=v.parentNode)if(typeof v.matches=="function"&&v.matches("button")){b.preventDefault(),Array.from(o.querySelectorAll("button")).forEach(_=>{_.removeAttribute("aria-current")}),v.setAttribute("aria-current",!0);const g=new CustomEvent("pip-clicked",{detail:{slide:v.getAttribute("data-slide")}});a.dispatchEvent(g);const y=a.querySelector(`:scope > *:nth-child(${v.getAttribute("data-slide")})`);r.scroll({top:0,left:y.offsetLeft-r.getBoundingClientRect().left,behavior:"smooth"});break}},!1),e.addEventListener("click",function(b){const v=r.clientWidth,g=a.querySelector(":scope > div").scrollWidth,y=Math.round(v/g),_=a.querySelector(":scope > div:last-child").offsetLeft,w=r.scrollLeft+v+r.getBoundingClientRect().left>=_+60,A=Math.ceil(i/y)*y-i,k=y-A,E=w&&A>0?k*g:r.clientWidth;for(let L=b.target;L&&L!=this;L=L.parentNode)if(typeof L.matches=="function"&&L.matches(".btn-next, .btn-prev")){const C=L.matches(".btn-next")?"next":"prev",z=new CustomEvent(`${C}-clicked`,{detail:{slide:L.getAttribute("data-go")}});a.dispatchEvent(z),b.preventDefault();const H=L.classList.contains("btn-prev")?r.scrollLeft-E:r.scrollLeft+r.clientWidth;r.scroll({top:0,left:H,behavior:"smooth"});break}},!1),n.addEventListener(f,function(){clearInterval(p),p=setInterval(function(){c=r.clientWidth,m=a.querySelector(":scope > div").scrollWidth,l=Math.round(c/m),n.setAttribute("step",l),d=G(i,l),n.setAttribute("max",d),h=X(n.value,d),n.style.setProperty("--percent",h+"%")},10)}),n.addEventListener(u,function(){clearInterval(p)}),n.addEventListener("change",function(){clearInterval(p);const b=a.querySelector(`:scope > *:nth-child(${n.value})`);r.scroll({top:0,left:b?b.offsetLeft-r.getBoundingClientRect().left:0,behavior:"smooth"});const v=new CustomEvent("slider-changed",{detail:{slide:n.value}});a.dispatchEvent(v)},!1)},Br=a=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:a})},jr=(a,t,e)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),e.forEach(r=>{a.addEventListener(r,function(o){const n={event:r,element:t,target:o.target};Object.keys(o.detail).forEach(i=>{const c=o.detail[i];n[i]=c}),window.dataLayer.push(n)})}),!0);Br("iam-carousel");class Nr extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const t=document.createElement("template");t.innerHTML=`
|
|
212
304
|
<style>
|
|
213
|
-
button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[role=button]{cursor:pointer}button:focus:not(:focus-visible){outline:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 2px;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn);font-size:1.125rem;line-height:1.5rem;padding:calc(var(--btn-padding-block) - var(--btn-border-width)) calc(var(--btn-padding-inline) - var(--btn-border-width));border-radius:1.5rem;margin-bottom:var(--btn-margin);transition:background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}.btn:not(:last-child){margin-right:var(--btn-margin)}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border);color:var(--colour-btn-secondary)}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}.btn-action{--btn-border-width: 1px;--btn-padding-block: 0.375rem;--btn-padding-inline: 0.375rem;background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted);border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem;color:var(--colour-heading)}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}a:is(:active,.active):not([disabled]) .btn-action,.btn-action:is(:active,.active):not([disabled]){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}.btn[class*=fa-]:before{content:var(--fa);font-family:"Font Awesome 6 Pro";line-height:1em}.btn.btn[class*=fa-after]{padding-right:4rem}.btn.btn[class*=fa-after]:before{margin-right:0;margin-right:0.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}.btn:not(.btn-compact):before{margin-right:1rem}.btn i[class*=fa-]{font-family:"Font Awesome 6 Pro";margin-right:1rem;line-height:1em;font-style:inherit}.btn i[class*=fa-]:not(:first-child){margin-left:1rem;margin-right:0}.btn.btn--prompt:after{content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt:after,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active):after{margin-left:1.5rem;margin-right:-0.5rem}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem}.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem;text-align:center;width:calc(var(--compact-size));min-width:calc(var(--compact-size));max-width:calc(var(--compact-size));height:calc(var(--compact-size)) !important;min-height:calc(var(--compact-size)) !important;max-height:calc(var(--compact-size)) !important;line-height:calc(var(--compact-size) - var(--btn-border-width) - var(--btn-border-width)) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1.25rem}.btn-compact:not(:last-child){margin-right:0.5rem}.btn-compact:before{content:var(--fa);position:absolute;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - var(--btn-border-width) - var(--btn-border-width));font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - var(--btn-border-width) - var(--btn-border-width)) !important}.btn-compact.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}.btn-compact.btn-action{--compact-size: 2rem;font-size:1rem}.btn-compact.btn-action:before{font-size:1em;font-weight:400}.btn-compact.btn-secondary{--colour-btn-border: transparent;border-color:rgba(0,0,0,0)}.btn-compact.btn-secondary:not([class*=colour-]){--colour: var(--colour-light)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:rgba(0,0,0,0) !important}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse):is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}.btn-compact[data-number]{position:relative}.btn-compact[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:#fff;letter-spacing:-0.1em;font-family:arial,sans-serif}.btn.colour-success{--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success:before,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active):before{content:"";font-family:"Font Awesome 6 Pro";margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:1.5rem;vertical-align:bottom}.btn:has(select){position:relative;padding-right:3.5rem}.btn:has(select):not(.mw-100){max-width:13rem}.btn:has(select) select{all:unset !important;padding:calc(0.75rem - 2px) calc(2.5rem - 2px) !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding-right:3.5rem !important;margin-right:-3.5rem !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;max-width:100% !important;outline:none;font-weight:bold;font-size:1.125rem !important;line-height:1.5rem !important}.btn:has(select) select option{padding:0;text-align:left;color:var(--colour-primary)}.btn:has(select):after{position:absolute;top:0.625rem;right:2rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}.btn:has(select).active:after{transform:rotate(-90deg)}.btn:has(select:focus):after{transform:rotate(-90deg)}.btn-filter:after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:"Font Awesome 6 Pro"}.btn.btn-tertiary{background-color:rgba(0,0,0,0);border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative}.btn.btn-tertiary:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}.btn.btn-tertiary.text-decoration-none:after{width:0%}.btn.btn-tertiary [class*=fa-]{margin-left:0;margin-right:.5rem}.btn.btn-tertiary [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}.btn.btn-tertiary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled]){color:var(--colour-active)}*,*::before,*::after{box-sizing:border-box}:host{display:block;overflow:visible;container-type:inline-size}.carousel{margin-inline:calc(var(--carousel-spacing, 1.5rem)*-1);margin-bottom:2rem;display:block;overflow:visible}.carousel .carousel__wrapper{position:relative;overflow-x:clip}.carousel .carousel__inner{--gutter-x: 1rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.carousel .carousel__content{display:flex;flex-wrap:nowrap !important;margin-inline-end:0;padding-inline-start:var(--carousel-spacing, 1.5rem);padding-inline-end:var(--carousel-spacing, 1.5rem);margin-right:calc(-0.5*var(--gutter-x));margin-left:calc(-0.5*var(--gutter-x))}.carousel .col>*:last-child{margin-bottom:0;padding-bottom:0}::slotted(div){scroll-snap-align:start;scroll-margin-left:calc(var(--carousel-spacing, 1.5rem) - .5rem);flex-shrink:0;width:calc(100% + var(--last-item-extra, 0px));padding-right:.5rem;padding-left:.5rem;margin-top:var(--gutter-y)}::slotted(div:last-child){padding-inline-end:1.5rem;--last-item-extra: 1rem}@container (min-width: 36em){.carousel{margin-inline:calc(var(--carousel-spacing, 2.5rem)*-1)}.carousel .carousel__content{padding-inline-start:var(--carousel-spacing, 2.5rem);padding-inline-end:var(--carousel-spacing, 2.5rem)}:host([data-smcols]) ::slotted(div){scroll-snap-align:unset;flex:0 0 auto}:host([data-smcols="2"]) ::slotted(div){width:calc(50% + var(--last-item-extra, 0px))}:host([data-smcols="3"]) ::slotted(div){width:calc(33.3333333333% + var(--last-item-extra, 0px))}:host([data-smcols="4"]) ::slotted(div){width:calc(25% + var(--last-item-extra, 0px))}:host([data-smcols="2"]) ::slotted(div:nth-child(odd)),:host([data-smcols="3"]) ::slotted(div:nth-child(3n+1)),:host([data-smcols="4"]) ::slotted(div:nth-child(4n+1)){scroll-snap-align:start}::slotted(div){scroll-margin-left:calc(var(--carousel-spacing, 2.5rem) - .5rem)}::slotted(div:last-child){padding-inline-end:2.5rem;--last-item-extra: 2rem}}@container (min-width: 62em){.carousel{margin-inline:0;position:relative}.carousel__wrapper{overflow:hidden;margin-inline:-0.5rem}.carousel__content{padding-inline:0 !important;margin-inline:0 !important}::slotted(div){margin-left:0;scroll-margin-left:0}::slotted(div:last-child){padding-inline-end:.5rem;--last-item-extra: 0px}:host([data-mdcols]) ::slotted(div){scroll-snap-align:unset;flex:0 0 auto}:host([data-mdcols="2"]) ::slotted(div){width:calc(50% + var(--last-item-extra, 0px))}:host([data-mdcols="3"]) ::slotted(div){width:calc(33.3333333333% + var(--last-item-extra, 0px))}:host([data-mdcols="4"]) ::slotted(div){width:calc(25% + var(--last-item-extra, 0px))}:host([data-mdcols="5"]) ::slotted(div){width:calc(20% + var(--last-item-extra, 0px))}:host([data-mdcols="6"]) ::slotted(div){width:calc(16.6666666667% + var(--last-item-extra, 0px))}:host([data-mdcols="2"]) ::slotted(div:nth-child(odd)),:host([data-mdcols="3"]) ::slotted(div:nth-child(3n+1)),:host([data-mdcols="4"]) ::slotted(div:nth-child(4n+1)),:host([data-mdcols="5"]) ::slotted(div:nth-child(5n+1)),:host([data-mdcols="6"]) ::slotted(div:nth-child(6n+1)){scroll-snap-align:start}}.carousel__inner{scrollbar-width:none;-ms-overflow-style:none}.carousel__inner::-webkit-scrollbar{display:none}.carousel__btns{text-align:center;padding-bottom:.5rem}.btn-next,.btn-prev{margin:0 !important}.btn-next:after,.btn-prev:after{content:"";position:absolute;right:0;top:0;height:100%;width:100%;background:currentColor;mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 60%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:55% 50%;transform:rotate(0deg)}.btn-prev:after{transform:rotate(180deg)}@container (min-width: 62em){.carousel__btns{padding-bottom:0}.btn-prev{position:absolute;top:50%;left:0;margin:-2rem 0 0 -3rem !important}.btn-next{position:absolute;top:50%;right:0;margin:-2rem -3rem 0 0 !important}}.carousel .carousel__controls{overflow:hidden;margin-inline:auto;margin-bottom:1rem;text-align:center;max-width:30rem}@container (min-width: 36em){.carousel .carousel__controls{width:100%}}.carousel .carousel__controls button{padding:0;margin:0 .2rem .2rem;border:none}.carousel .carousel__controls button{width:0.5rem;height:0.5rem;min-height:0.5rem;border-radius:50%;text-indent:-50rem;overflow:hidden;background:#a5ecfd;margin-inline:0.375rem;cursor:pointer;border:none}.carousel .carousel__controls button:hover{background-color:var(--colour-info)}.carousel .carousel__controls button:before{display:none}.carousel .carousel__controls button:first-child:last-child{display:none}.carousel__controls>button[aria-current]{--colour-active-thumbnail: var(--colour-info);border-color:var(--colour-active-thumbnail);background:var(--colour-info);width:1rem;height:1rem;min-height:1rem;margin-inline:0.125rem}.carousel__controls>button[aria-current]:hover{background:var(--colour-info)}.carousel__progress{text-align:center;margin-bottom:1rem;display:none}input[type=range]{--track-size: 0.5rem;--track-colour: #a5ecfd;--thumb-colour: var(--colour-info);--thumb-size: 1rem;--thumb-size-outline: 0rem;width:90%;max-width:10.75rem;background:rgba(0,0,0,0);cursor:pointer;margin:0;height:1rem;border-radius:50%;accent-color:var(--thumb-colour);-webkit-appearance:none;appearance:none}input[type=range]::-webkit-slider-runnable-track{background:var(--track-colour);height:var(--track-size);border-radius:0.5625rem}input[type=range]::-moz-range-track{background:var(--track-colour);height:var(--track-size);border-radius:0.5625rem}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--track-colour), var(--track-colour) var(--start-percent, 0%), var(--thumb-colour) var(--start-percent, 0%), var(--thumb-colour) calc(var(--percent, 0%)), var(--track-colour) calc(var(--percent, 0%)))}input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--track-colour), var(--track-colour) var(--start-percent, 0%), var(--thumb-colour) var(--start-percent, 0%), var(--thumb-colour) calc(var(--percent, 0%)), var(--track-colour) calc(var(--percent, 0%)))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-0.25rem;background-color:var(--thumb-colour);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:relative;z-index:99;pointer-events:all}input[type=range]::-moz-range-thumb{border:none;background-color:var(--thumb-colour);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:relative;z-index:99;pointer-events:all}input[type=range]:focus{outline:none}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus::-webkit-slider-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}input[type=range]:active::-webkit-slider-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}input[type=range]:hover::-moz-range-thumb,input[type=range]:focus::-moz-range-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}input[type=range]:focus::-moz-range-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}.carousel__btns:has(~.carousel__controls button:first-child:nth-child(1):last-child){display:none}.carousel__controls:has(button:nth-child(5)){display:none}.carousel__controls:has(button:nth-child(5))~.carousel__progress{display:block}@container (min-width: 36em){:host([data-smcols="2"]) .carousel__controls>button:not(:nth-child(odd)),:host([data-smcols="3"]) .carousel__controls>button:not(:nth-child(3n+1)),:host([data-smcols="4"]) .carousel__controls>button:not(:nth-child(4n+1)){display:none}:host([data-smcols="2"]) .carousel__controls:has(button:first-child:nth-last-child(2)),:host([data-smcols="3"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3))),:host([data-smcols="4"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4))),:host([data-smcols="2"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-smcols="3"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-smcols="3"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-smcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-smcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-smcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(4)){display:none}:host([data-smcols]) .carousel__controls{display:block}:host([data-smcols]) .carousel__controls~.carousel__progress{display:none}:host([data-smcols="2"]) .carousel__controls:has(button:nth-child(10)),:host([data-smcols="3"]) .carousel__controls:has(button:nth-child(15)),:host([data-smcols="4"]) .carousel__controls:has(button:nth-child(20)){display:none}:host([data-smcols="2"]) .carousel__controls:has(button:nth-child(10))~.carousel__progress,:host([data-smcols="3"]) .carousel__controls:has(button:nth-child(15))~.carousel__progress,:host([data-smcols="4"]) .carousel__controls:has(button:nth-child(20))~.carousel__progress{display:block}}@container (min-width: 62em){:host([data-mdcols]) .carousel__controls>button{display:inline-block !important}:host([data-mdcols]) .carousel__controls{display:block !important}:host([data-mdcols="2"]) .carousel__controls>button:not(:nth-child(odd)),:host([data-mdcols="3"]) .carousel__controls>button:not(:nth-child(3n+1)),:host([data-mdcols="4"]) .carousel__controls>button:not(:nth-child(4n+1)),:host([data-mdcols="5"]) .carousel__controls>button:not(:nth-child(5n+1)),:host([data-mdcols="6"]) .carousel__controls>button:not(:nth-child(6n+1)){display:none !important}:host([data-mdcols="2"]) .carousel__controls:has(button:first-child:nth-last-child(2)),:host([data-mdcols="3"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3))),:host([data-mdcols="4"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4))),:host([data-mdcols="5"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4),button:first-child:nth-last-child(5))),:host([data-mdcols="6"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4),button:first-child:nth-last-child(5),button:first-child:nth-last-child(6))),:host([data-mdcols="2"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="3"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="3"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-mdcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-mdcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(4)) :host([data-mdcols="5"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="5"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-mdcols="5"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(4)),:host([data-mdcols="5"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(5)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(4)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(5)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(6)){display:none !important}:host([data-mdcols]) .carousel__controls{display:block !important}:host([data-mdcols]) .carousel__controls~.carousel__progress{display:none !important}:host([data-mdcols="2"]) .carousel__controls:has(button:nth-child(10)),:host([data-mdcols="3"]) .carousel__controls:has(button:nth-child(15)),:host([data-mdcols="4"]) .carousel__controls:has(button:nth-child(20)),:host([data-mdcols="5"]) .carousel__controls:has(button:nth-child(25)),:host([data-mdcols="6"]) .carousel__controls:has(button:nth-child(30)){display:none !important}:host([data-mdcols="2"]) .carousel__controls:has(button:nth-child(10))~.carousel__progress,:host([data-mdcols="3"]) .carousel__controls:has(button:nth-child(15))~.carousel__progress,:host([data-mdcols="4"]) .carousel__controls:has(button:nth-child(20))~.carousel__progress,:host([data-mdcols="5"]) .carousel__controls:has(button:nth-child(25))~.carousel__progress,:host([data-mdcols="6"]) .carousel__controls:has(button:nth-child(30))~.carousel__progress{display:block !important}}:host(.thumbnails) .carousel__controls{display:flex !important;flex-wrap:wrap;max-width:100%;overflow:visible}:host(.thumbnails) .carousel__controls button{padding:0;margin:0 .2rem .4rem;width:6rem;height:auto;aspect-ratio:var(--carousel-image-aspect-ratio, 3/2);border-radius:0;position:relative;border-radius:0.25rem}:host(.thumbnails) .carousel__controls button img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;margin:0}:host(.thumbnails) .carousel__controls button[aria-current]{outline:2px solid var(--colour-info)}:host(.thumbnails) .carousel .carousel__btns{padding-bottom:.5rem}:host(.thumbnails) .carousel .btn-next,:host(.thumbnails) .carousel .btn-prev{position:relative;margin:0 !important}:host(.thumbnails) .carousel .carousel__progress{display:none !important}::slotted(div.image__wrapper){width:100%;aspect-ratio:var(--carousel-image-aspect-ratio, 3/2);position:relative}/*# sourceMappingURL=assets/css/components/carousel.component.css.map */
|
|
305
|
+
@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);transition:background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}.btn:not(.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 */
|
|
214
306
|
|
|
215
307
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
216
308
|
</style>
|
|
@@ -237,12 +329,58 @@
|
|
|
237
329
|
</div>
|
|
238
330
|
|
|
239
331
|
</div>
|
|
240
|
-
`,this.shadowRoot.appendChild(
|
|
241
|
-
* iamKey v7.
|
|
332
|
+
`,this.shadowRoot.appendChild(t.content.cloneNode(!0))}connectedCallback(){const t=this;let e=[];const r=this.shadowRoot.querySelector(".carousel__controls");t.querySelector("[data-thumbnail]")&&(e=Tr(t),t.classList.add("thumbnails")),r.innerHTML=Hr(t,e),Array.from(t.querySelectorAll(":scope > div > img:first-child:last-child, :scope > div > picture:first-child:last-child img")).forEach(o=>{o.style.inset="0 0.5rem 0 0.5rem",o.style.position="absolute",o.style.width="calc(100% - 1rem)",o.style.height="100%",o.style["object-fit"]="cover",o.closest("div").classList.add("image__wrapper")}),Rr(t),jr(t,"iam-carousel",["pip-clicked","next-clicked","prev-clicked","slider-changed"])}}const Fr=Object.freeze(Object.defineProperty({__proto__:null,default:Nr},Symbol.toStringTag,{value:"Module"}));/*!
|
|
333
|
+
* iamKey v7.2.0
|
|
242
334
|
* Copyright 2022-2025 iamproperty
|
|
243
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"
|
|
335
|
+
*/function Pr(a,t){const e=t.querySelector(".files"),r=t.querySelector(".drop-area"),o=a.querySelector("input"),n=a.hasAttribute("data-maxsize")?a.getAttribute("data-maxsize"):0,i=t.querySelector(".invalid-feedback.size"),c=t.querySelector(".invalid-feedback.ext"),m=o.cloneNode();r.append(m);const l=function(d){if(!o.hasAttribute("accept"))return!0;const h=d.split(".").pop();return!!o.getAttribute("accept").includes(h)};if(t.addEventListener("click",d=>{d&&d.target instanceof HTMLElement&&d.target.closest(".btn-primary")&&(c.classList.remove("d-block"),i.classList.remove("d-block"),(o.hasAttribute("multiple")?m:o).click())}),t.addEventListener("click",d=>{if(d&&d.target instanceof HTMLElement&&d.target.closest(".files button")){const h=new DataTransfer,{files:p}=o,u=d.target.closest(".files button");for(let v=0;v<p.length;v++){const g=p[v];g.name!=u.getAttribute("data-file")&&h.items.add(g)}o.files=h.files;const f=new Event("change");o.dispatchEvent(f);const b=new CustomEvent("fileRemoved",{detail:{removedFile:u==null?void 0:u.dataset.file}});a.dispatchEvent(b)}}),m.addEventListener("change",()=>{if(o.hasAttribute("multiple")){const h=[...o.files,...m.files],p=[],u=new DataTransfer;for(let f=0;f<h.length;f++){const b=h[f],v=b.size/1e3;!p.includes(b.name)&&(n==0||v<n)&&l(b.name)&&u.items.add(b),l(b.name)||c.classList.add("d-block"),v>n&&i.classList.add("d-block"),p.push(b.name)}o.files=u.files}else o.files=m.files;const d=new Event("change");o.dispatchEvent(d)}),m.addEventListener("dragenter",()=>{m.classList.add("focus")}),m.addEventListener("dragleave",()=>{m.classList.remove("focus")}),m.addEventListener("drop",()=>{m.classList.remove("focus")}),o.addEventListener("change",()=>{if(o.files.length==1){const h=o.files[0],p=h.size/1e3;if(!l(h.name)){c.classList.add("d-block");const u=new DataTransfer;o.files=u.files}if(p>n){i.classList.add("d-block");const u=new DataTransfer;o.files=u.files}}e.innerHTML="";for(const h of o.files)e.innerHTML+=`<span class="file" part="file">${h.name} <button data-file="${h.name}">Remove</button></span>`;const d=new CustomEvent("elementchange",{detail:{files:o.files}});if(a.dispatchEvent(d),o.files.length==0){const h=new CustomEvent("empty");a.dispatchEvent(h)}}),a.hasAttribute("data-filename")){const d=a.getAttribute("data-filename");d&&(e.innerHTML=`<span class="file">${d} <button data-file="${d}">Remove</button></span>`)}}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"fileupload"});const Dr=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
244
336
|
<style>
|
|
245
|
-
@import "${
|
|
337
|
+
@import "${e}";
|
|
338
|
+
.file-upload{max-width:25rem !important;padding-bottom:1rem}.file-upload .drop-area>input{display:none}.file-upload .file-upload__title{margin-top:0;margin-bottom:0;font-family:var(--font-heading);font-style:normal;font-weight:var(--heading-weight);line-height:2rem;color:var(--colour-heading);clear:both;display:block;padding-bottom:2rem;font-size:1.5rem;line-height:2rem;padding-bottom:2rem;max-width:var(--content-max-width)}.file-upload .helper-text{max-width:16.875rem}.files span{display:block;width:100%;padding:var(--input-padding-block, 0.75rem) var(--input-padding-inline, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);border:2px solid var(--colour-primary-theme);appearance:none;border-radius:0.5rem;margin-bottom:1rem;color:var(--colour-primary);border-color:#d8d8d8;background:#d8d8d8;max-width:25rem !important;position:relative}@media(forced-colors: active){.files span{padding-right:5rem}.files span button{padding:0;width:3.7rem !important;text-indent:0% !important}.files span button:after{display:none !important}}.files span button{position:absolute;top:calc(50% - 0.5625rem);right:0.875rem;z-index:var(--index-floating);text-indent:300%;overflow:hidden;border:none;height:1.125rem;width:1.125rem;background:rgba(0,0,0,0)}.files span button:after{content:"";top:0;left:0;position:absolute;display:block;height:1.125rem;width:1.125rem;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-close);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-close);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}:host(.fileupload--drag-drop) .file-upload{max-width:50rem !important}:host(.fileupload--drag-drop) .file-upload .helper-text{max-width:50rem !important}:host(.fileupload--drag-drop) .file-upload .drop-area>input{display:block;min-height:12.5rem;border:2px dashed var(--colour-primary-theme);color:rgba(0,0,0,0);position:relative;padding:1.5rem 2rem 1.5rem 2rem;user-select:none;max-width:100%;min-width:100%;margin-bottom:1rem}:host(.fileupload--drag-drop) .file-upload .drop-area>input.focus{border:2px solid var(--colour-info)}:host(.fileupload--drag-drop) .file-upload .drop-area{position:relative}:host(.fileupload--drag-drop) .file-upload .drop-area::before{content:"Drag and drop files here or click to upload";position:absolute;inset:1.5rem 2rem 1.5rem 2rem;z-index:1;pointer-events:none}:host(.fileupload--drag-drop) .file-upload ::file-selector-button{position:absolute;inset:0;opacity:0}/*# sourceMappingURL=assets/css/components/fileupload.css.map */
|
|
339
|
+
|
|
340
|
+
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
341
|
+
</style>
|
|
342
|
+
<div class="file-upload">
|
|
343
|
+
<span class="file-upload__title" part="title">Upload file</span>
|
|
344
|
+
<p class="helper-text"><slot name="helper"></slot></p>
|
|
345
|
+
<button class="btn btn-primary" type="button" part="button"><slot name="btn"></slot> Upload ${this.hasAttribute("data-filetype")?this.getAttribute("data-filetype"):"file"}</button>
|
|
346
|
+
<div class="drop-area"></div>
|
|
347
|
+
<hr/>
|
|
348
|
+
<slot></slot>
|
|
349
|
+
<div class="files" part="files"><slot name="files"></slot></div>
|
|
350
|
+
<span class="invalid-feedback ext">Some files did not match the accepted extension type.</span>
|
|
351
|
+
<span class="invalid-feedback size">Some files were too large to upload.</span>
|
|
352
|
+
</div>
|
|
353
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){this.innerHTML+='<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';const t=this.shadowRoot.querySelector(".file-upload"),e=this.querySelector("input"),r=this.shadowRoot.querySelector(".helper-text");this.querySelector('[slot="helper"]')||(r.innerHTML=`${this.hasAttribute("data-maxsize")?`Max file size is ${this.getAttribute("data-maxsize")}kb. `:""}${e.hasAttribute("accept")?`Supported file types are ${e.getAttribute("accept")}`:""}`),Pr(this,t)}static get observedAttributes(){return["data-filename"]}attributeChangedCallback(t,e,r){switch(t){case"data-filename":{if(e!=r){const o=this.shadowRoot.querySelector(".files");r!=null&&r!="null"&&r!=""&&(o.innerHTML=`<span class="file">${r} <button data-file="${r}">Remove</button></span>`)}break}}}}},Symbol.toStringTag,{value:"Module"}));/*!
|
|
354
|
+
* iamKey v7.2.0
|
|
355
|
+
* Copyright 2022-2025 iamproperty
|
|
356
|
+
*/const Vr=a=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:a})},Or=(a,t,e)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),e.forEach(r=>{a.addEventListener(r,function(o){const n={event:r,element:t,target:o.target};Object.keys(o.detail).forEach(i=>{const c=o.detail[i];n[i]=c}),window.dataLayer.push(n)})}),!0),Ir=`<div class="card__head" part="head">
|
|
357
|
+
<slot name="head"></slot>
|
|
358
|
+
</div>
|
|
359
|
+
<div class="card__badges"><slot name="badges"></slot></div>
|
|
360
|
+
<slot name="checkbox" class="activate-prevent-hover"></slot>
|
|
361
|
+
<div class="card__body" part="body">
|
|
362
|
+
<slot></slot>
|
|
363
|
+
<slot name="secondary" part="secondary"></slot>
|
|
364
|
+
</div>
|
|
365
|
+
<div class="card__details" part="details">
|
|
366
|
+
<slot name="details"></slot>
|
|
367
|
+
</div>
|
|
368
|
+
<div class="card__footer" part="footer">
|
|
369
|
+
<slot name="footer"></slot>
|
|
370
|
+
</div>`,Ur=a=>{a.classList.add("card");const t=a.shadowRoot.querySelector(".card__head"),e=a.shadowRoot.querySelector(".card__body");a.hasAttribute("data-image")&&(t.innerHTML+=`<img src="${a.getAttribute("data-image")}" alt="" loading="lazy" part="image" />`),a.hasAttribute("data-total")?e.insertAdjacentHTML("beforeend",`<div class="card__total">${a.getAttribute("data-total")}</div>`):a.querySelector('[slot="total-icon"]')&&e.insertAdjacentHTML("beforeend",'<div class="card__total"><slot name="total-icon"></slot></div>'),a.querySelector('[slot="badges"]')?a.shadowRoot.querySelector(".card__badges").classList.remove("empty"):a.shadowRoot.querySelector(".card__badges").classList.add("empty")};var Wr=function(a,t,e,r){function o(n){return n instanceof e?n:new e(function(i){i(n)})}return new(e||(e=Promise))(function(n,i){function c(d){try{l(r.next(d))}catch(h){i(h)}}function m(d){try{l(r.throw(d))}catch(h){i(h)}}function l(d){d.done?n(d.value):o(d.value).then(c,m)}l((r=r.apply(a,[])).next())})};Vr("iam-filter-card");const Yr=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 t=document.createElement("template");t.innerHTML=`
|
|
371
|
+
<style>
|
|
372
|
+
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
373
|
+
|
|
374
|
+
: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 */
|
|
375
|
+
|
|
376
|
+
</style>
|
|
377
|
+
${Ir}
|
|
378
|
+
`,this.shadowRoot.appendChild(t.content.cloneNode(!0))}connectedCallback(){return Wr(this,void 0,void 0,function*(){const t=this;Ur(t);const e=t.parentElement.querySelector('input[type="checkbox"]');if(e&&e.addEventListener("change",()=>{if(e.checked){const r=new CustomEvent("select-card",{detail:{"Card value":e.value,"input name":e.getAttribute("name")}});t.dispatchEvent(r),t.classList.add("active")}else{const r=new CustomEvent("unselect-card",{detail:{"Card value":e.value,"input name":e.getAttribute("name")}});t.dispatchEvent(r),t.classList.remove("active")}}),t.parentElement.matches("button")){const r=t.parentElement;r.addEventListener("click",()=>{if(t.classList.contains("active")){const o=new CustomEvent("unselect-card",{detail:{"button name":r.getAttribute("name")}});t.dispatchEvent(o),t.classList.remove("active")}else{const o=new CustomEvent("select-card",{detail:{"button name":r.getAttribute("name")}});t.dispatchEvent(o),t.classList.add("active")}})}Or(t,"iam-filter-card",["select-card","unselect-card"])})}}},Symbol.toStringTag,{value:"Module"}));/*!
|
|
379
|
+
* iamKey v7.2.0
|
|
380
|
+
* Copyright 2022-2025 iamproperty
|
|
381
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class Gr extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
382
|
+
<style>
|
|
383
|
+
@import "${e}";
|
|
246
384
|
: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 */
|
|
247
385
|
|
|
248
386
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
@@ -255,13 +393,131 @@
|
|
|
255
393
|
<slot></slot>
|
|
256
394
|
</div>
|
|
257
395
|
</div>
|
|
258
|
-
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){this.classList.add("bg-primary");const
|
|
259
|
-
|
|
396
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){this.classList.add("bg-primary");const t=this.shadowRoot.querySelector("picture"),e=this.shadowRoot.querySelector("picture img");this.hasAttribute("image")?e.setAttribute("src",this.getAttribute("image")):t.remove()}}const Xr=Object.freeze(Object.defineProperty({__proto__:null,default:Gr},Symbol.toStringTag,{value:"Module"}));window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"inline edit"});class Kr extends HTMLElement{constructor(){super();const t=this.attachShadow({mode:"open"}),e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",r=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,o=`@import "${e}/css/components/inline-edit.css";`,n=document.createElement("template");n.innerHTML=`
|
|
397
|
+
<style class="styles">
|
|
398
|
+
@import "${r}";
|
|
399
|
+
${o}
|
|
400
|
+
</style>
|
|
401
|
+
<link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous">
|
|
402
|
+
|
|
403
|
+
<slot></slot>
|
|
404
|
+
<div class="btns" part="btns">
|
|
405
|
+
<button class="btn btn-action" id="save" part="save-btn"><i class="fa-regular fa-save m-0"></i> Save</button><button class="btn btn-action" id="cancel" part="cancel-btn">Cancel</button>
|
|
406
|
+
</div>
|
|
407
|
+
<div class="status pe-none" part="status">
|
|
408
|
+
<span class="btn btn-action border-0 bg-transparent prevent-invert d-none" id="saving"><i class="fa-regular fa-spinner fa-spin me-1"></i> Saving...</span>
|
|
409
|
+
<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>
|
|
410
|
+
<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>
|
|
411
|
+
</div>
|
|
412
|
+
`,t.appendChild(n.content.cloneNode(!0))}connectedCallback(){const t=this,e=this.shadowRoot.querySelector("#save"),r=this.shadowRoot.querySelector("#cancel"),o=this.querySelector("input, textarea, select"),n=this.querySelector(".preview"),i=this.shadowRoot.querySelector("#saving"),c=this.shadowRoot.querySelector("#saved"),m=this.shadowRoot.querySelector("#notsaved");let l=o.value;r.addEventListener("click",()=>{o.value=l,o.blur(),t.blur(),t.classList.remove("was-validated"),m.classList.add("d-none");const d=new CustomEvent("inline-edit-cancel",{detail:{name:o.getAttribute("name")}});t.dispatchEvent(d)}),e.addEventListener("click",()=>{if(t.querySelector(":invalid"))return t.classList.add("was-validated"),!1;l=o.value;const d=new CustomEvent("inline-edit-save",{detail:{name:o.getAttribute("name"),value:o.value}});t.dispatchEvent(d),o.disabled=!0,o.blur(),t.blur(),i.classList.remove("d-none"),n&&(console.log(o.value),n.innerHTML=o.value)}),o.tagName==="INPUT"&&o.addEventListener("keydown",d=>{switch(d.key){case"Enter":d.stopPropagation(),d.preventDefault(),e.click();break}}),t.addEventListener("inline-edit-saved",()=>{setTimeout(()=>{i.classList.add("d-none"),c.classList.remove("d-none");const d=new CustomEvent("inline-edit-confirmed",{detail:{name:o.getAttribute("name")}});t.dispatchEvent(d)},100),setTimeout(()=>{o.disabled=!1,t.removeAttribute("data-saving"),i.classList.add("d-none"),c.classList.add("d-none"),m.classList.add("d-none")},1e3)}),o.tagName==="SELECT"&&o.addEventListener("change",()=>{l=o.value;const d=new CustomEvent("inline-edit-save",{detail:{name:o.getAttribute("name"),value:o.value}});t.dispatchEvent(d),t.setAttribute("data-saving","true"),o.disabled=!0,o.blur()}),o.tagName!="SELECT"&&o.addEventListener("focus",()=>{o.select()}),o.addEventListener("blur",()=>{if(o.value!=l)if(t.hasAttribute("data-autosave")){l=o.value;const d=new CustomEvent("inline-edit-autosave",{detail:{name:o.getAttribute("name"),value:o.value}});t.dispatchEvent(d),i.classList.remove("d-none"),n&&(n.innerHTML=o.value)}else t.querySelector(".inline-feedback")||m.classList.remove("d-none")}),t.addEventListener("change",d=>{if(d&&d.target instanceof HTMLElement&&d.target.closest('input[type="checkbox"]')){let h="";Array.from(t.querySelectorAll('label input[type="checkbox"]:checked')).forEach((u,f)=>{f!=0&&(h+=", "),h+=u.value});const p=new CustomEvent("inline-edit-save",{detail:{name:d.target.closest('input[type="checkbox"]').getAttribute("name"),value:h}});t.dispatchEvent(p)}})}}const Jr=Object.freeze(Object.defineProperty({__proto__:null,default:Kr},Symbol.toStringTag,{value:"Module"}));/*!
|
|
413
|
+
* iamKey v7.2.0
|
|
260
414
|
* Copyright 2022-2025 iamproperty
|
|
261
|
-
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"
|
|
415
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"mutliselect"});const Qr=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
416
|
+
<style>
|
|
417
|
+
@import "${e}";
|
|
418
|
+
.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 */
|
|
419
|
+
|
|
420
|
+
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
421
|
+
</style>
|
|
422
|
+
<label for="search" class="mb-0"><span class="inner-label label"></span> <slot name="feedback"></slot>
|
|
423
|
+
<div class="outer">
|
|
424
|
+
<div class="wrapper">
|
|
425
|
+
|
|
426
|
+
<slot name="checked"></slot>
|
|
427
|
+
<input name="search" id="search" autocomplete="off" required part="search-input"/>
|
|
428
|
+
<span class="admin-panel feedback">This field is required</span>
|
|
429
|
+
<div class="admin-panel dropdown" part="dropdown">
|
|
430
|
+
<slot></slot>
|
|
431
|
+
</div>
|
|
432
|
+
<button id="clear"><span class="visually-hidden">Clear</span></button>
|
|
433
|
+
</div>
|
|
434
|
+
</div>
|
|
435
|
+
</label>
|
|
436
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){const t=this,e=this.closest("form"),r=this.shadowRoot.querySelector(".wrapper"),o=t.shadowRoot.querySelector("#search"),n=t.shadowRoot.querySelector("#clear");let i=0;const c=t.shadowRoot.querySelector("label .inner-label");if(c.innerHTML=t.getAttribute("data-label"),t.hasAttribute("placeholder")&&o.setAttribute("placeholder",t.getAttribute("placeholder")),t.setAttribute("data-error","true"),e&&t.hasAttribute("data-is-required")){const h=new MutationObserver(function(p){p.forEach(function(u){const f=u.target;console.log(f),f.classList.contains("was-validated")?r.classList.add("was-validated"):r.classList.remove("was-validated")})});e.classList.contains("was-validated")?r.classList.add("was-validated"):r.classList.remove("was-validated"),h.observe(e,{attributes:!0,attributeFilter:["style","class"]})}function m(h){h.checked==!1?(h.closest("label").removeAttribute("slot"),h.closest("label").removeAttribute("style"),h.closest("label").removeAttribute("data-order")):(i++,h.closest("label").setAttribute("slot","checked"),h.closest("label").setAttribute("style",`--order:${i};`),h.closest("label").setAttribute("data-order",i)),t.querySelector('label[slot="checked"]')?(r.classList.add("filled"),t.removeAttribute("data-error"),o.removeAttribute("placeholder")):(r.classList.remove("filled"),t.setAttribute("data-error","true"),t.hasAttribute("placeholder")&&o.setAttribute("placeholder",t.getAttribute("placeholder")))}Array.from(t.querySelectorAll('label input[type="checkbox"]:checked')).forEach(h=>{m(h)}),o.addEventListener("input",()=>{Array.from(t.querySelectorAll('label:not([slot="checked"])')).forEach(h=>{const p=h.querySelector("input").value,u=h.textContent;p.toLowerCase().includes(o.value.toLowerCase())||u.toLowerCase().includes(o.value.toLowerCase())?h.removeAttribute("slot"):h.setAttribute("slot","notmatched")})});let l;t.addEventListener("focus",()=>{t.classList.add("hover"),clearTimeout(l)}),o.addEventListener("blur",()=>{clearTimeout(l),l=setTimeout(function(){t.classList.remove("hover")},1e3)}),t.addEventListener("change",h=>{if(h&&h.target instanceof HTMLElement&&h.target.closest('input[type="checkbox"]')){const p=h.target.closest('input[type="checkbox"]');m(p),o.focus(),clearTimeout(l),t.classList.add("hover"),l=setTimeout(function(){t.classList.remove("hover")},5e3)}}),n.addEventListener("click",function(){Array.from(t.querySelectorAll('label input[type="checkbox"]')).forEach(h=>{h.checked=!1,m(h)}),o.focus()}),t.addEventListener("keydown",function(h){const p=document.activeElement;switch(h.key){case"ArrowUp":if(h.preventDefault(),p.hasAttribute("type")&&p.getAttribute("type")=="checkbox"){const u=t.querySelectorAll('label:not([slot="checked"]):not([slot="checked"])'),f=Array.from(u).indexOf(p.closest("label")),b=Array.from(u)[f-1];b?b.focus():o.focus()}break;case"ArrowDown":if(h.preventDefault(),p==t)t.querySelector('label:not([slot="checked"]):not([slot="checked"])').focus();else if(p.hasAttribute("type")&&p.getAttribute("type")=="checkbox"){const u=p.value,f=t.querySelector(`label:has(input[value="${u}"]) ~ label:not([slot="checked"]):not([slot="checked"])`);f&&f.focus()}break;case"Enter":h.stopPropagation(),h.preventDefault(),p.hasAttribute("type")&&p.getAttribute("type")=="checkbox"&&(p.checked==!1?p.checked=!0:p.checked=!1),m(p),o.focus();break}});function d(){if(i==0)return!1;let h=t.querySelector(`label[data-order="${i}"]`);return h||(h=d(i--)),h}o.addEventListener("keydown",function(h){switch(h.key){case"Enter":t.querySelector(`input[value="${o.value}"]:not(:checked)`)||(o.value=""),o.focus();break;case"Backspace":if(!o.value){const p=d();if(p){const u=p.querySelector("input");u.checked=!1,m(u)}o.focus()}break}}),t.addEventListener("mousedown",()=>{r.setAttribute("data-mousedown","true")}),t.addEventListener("mouseup",()=>{r.removeAttribute("data-mousedown")})}}},Symbol.toStringTag,{value:"Module"})),Zr=a=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:a})},tn=(a,t,e)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),e.forEach(r=>{a.addEventListener(r,function(o){const n={event:r,element:t,target:o.target};Object.keys(o.detail).forEach(i=>{const c=o.detail[i];n[i]=c}),window.dataLayer.push(n)})}),!0);Zr("iam-multi-step");class en extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=`@import "${document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets"}/css/components/multi-step.component.css";`,r=document.createElement("template");r.innerHTML=`
|
|
437
|
+
<style>
|
|
438
|
+
${e}
|
|
439
|
+
</style>
|
|
440
|
+
<div class="steps" parts="steps">
|
|
441
|
+
</div>
|
|
442
|
+
<slot></slot>
|
|
443
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){const t=this,e=this.shadowRoot.querySelector(".steps"),r=this.querySelector("form"),o=Array.from(t.querySelectorAll("fieldset[data-title]"));o.forEach((c,m)=>{e.insertAdjacentHTML("beforeend",`<button data-title="${c.getAttribute("data-title")}" type="button" class="${m==0?"active":""}" tabindex="-1">${c.getAttribute("data-title")}</button>`),m===0&&c.classList.add("active");const l=document.createElement("div");if(l.classList.add("btn--wrapper"),c.appendChild(l),m!=0&&(l.innerHTML+=`<button data-title="${o[m-1].getAttribute("data-title")}" class="btn btn-secondary mb-0" data-previous type="button">Previous</button>`),m!=o.length-1&&(l.innerHTML+=`<button data-title="${o[m+1].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="button">Next</button>`),m==o.length-1)if(r&&r.querySelector(':scope > button[type="submit"]')){const d=r.querySelector(':scope > button[type="submit"]');d.classList.add("mb-0"),l.insertAdjacentElement("beforeend",d)}else l.innerHTML+=`<button data-title="${o[m].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="submit">Submit</button>`});const n=Array.from(t.querySelectorAll("fieldset.was-validated"));for(let c=0;c<n.length;c++){const m=n[c],l=m.getAttribute("data-title");if(m.querySelector(".is-invalid")){Array.from(t.querySelectorAll(`[data-title="${l}"]`)).forEach(d=>{d.classList.add("active")});break}else Array.from(t.querySelectorAll(`[data-title="${l}"]`)).forEach(d=>{d.classList.add("valid")})}t.addEventListener("invalid",function(){return function(c){c.preventDefault()}}(),!0);function i(c){const m=t.querySelector("fieldset.active")?t.querySelector("fieldset.active"):t.querySelector("fieldset[data-title]"),l=m.getAttribute("data-title");let d=!0;if(m.classList.add("was-validated"),Array.from(m.querySelectorAll("input")).forEach(u=>{u.checkValidity()||(d=!1)}),d?(Array.from(t.querySelectorAll(`[data-title="${l}"]`)).forEach(u=>{u.classList.add("valid")}),Array.from(t.shadowRoot.querySelectorAll(`[data-title="${l}"]`)).forEach(u=>{u.classList.add("valid")})):(Array.from(t.querySelectorAll(`[data-title="${l}"]`)).forEach(u=>{u.classList.remove("valid")}),Array.from(t.shadowRoot.querySelectorAll(`[data-title="${l}"]`)).forEach(u=>{u.classList.remove("valid")})),d||!c.hasAttribute("data-next")){const u=t.querySelector(`fieldset[data-title="${c.getAttribute("data-title")}"]`),f=t.shadowRoot.querySelector(`.steps button[data-title="${c.getAttribute("data-title")}"]`);Array.from(t.querySelectorAll("button")).forEach(b=>{b.classList.remove("active")}),Array.from(t.querySelectorAll("fieldset")).forEach(b=>{b.classList.remove("active")}),f.classList.add("active"),u.classList.add("active")}const h=Array.from(t.querySelectorAll("fieldset")).length,p=Array.from(t.querySelectorAll("fieldset.valid")).length;t.style.setProperty("--progress",`${p/(h-1)*100}%`)}t.addEventListener("keydown",c=>{if(c&&c.target instanceof HTMLElement&&c.target.closest("button")){const m=c.target.closest("button");c.keyCode==13&&m.getAttribute("type")!="submit"&&(c.preventDefault(),i(m))}c&&c.target instanceof HTMLElement&&c.target.closest("input")&&(c.target.closest("input").classList.remove("is-invalid"),c.keyCode==13&&c.preventDefault())}),t.addEventListener("click",c=>(c&&c.target instanceof HTMLElement&&c.target.closest('button[type="submit"]')&&c.target.closest("form").classList.add("was-validated"),null)),t.shadowRoot.addEventListener("click",c=>{if(c&&c.target instanceof HTMLElement&&c.target.closest("button[data-title]")){const m=c.target.closest("button[data-title]");i(m)}return null}),tn(t,"iam-multi-step",[])}static get observedAttributes(){return["data-image"]}attributeChangedCallback(t,e,r){switch(t){case"data-total":{this.shadowRoot.querySelector(".card__total")&&(this.shadowRoot.querySelector(".card__total").innerHTML=r);break}}}}const an=Object.freeze(Object.defineProperty({__proto__:null,default:en},Symbol.toStringTag,{value:"Module"}));class on extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=`@import "${document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets"}/css/components/menu.component.css";`,r=document.createElement("template");r.innerHTML=`
|
|
444
|
+
<style>
|
|
445
|
+
${e}
|
|
446
|
+
</style>
|
|
447
|
+
<div class="menu--inner" part="inner">
|
|
448
|
+
<slot></slot>
|
|
449
|
+
</div>`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){const t=this.hasAttribute("id")?this.getAttribute("id"):!1,e=document.querySelector(`[popovertarget="${t}"]`),r=this.shadowRoot.querySelector(".menu--inner"),o=this.querySelectorAll(":scope > a, :scope > button, :scope > details > summary"),n=this.querySelectorAll("a, button"),i=this.querySelectorAll("details");let c,m;t&&e&&(r==null||r.setAttribute("role","menu"),this.style["position-anchor"]=`--${t}`,e==null||e.setAttribute("aria-haspopup","true"),e==null||(e.style["anchor-name"]=`--${t}`),e==null||e.setAttribute("aria-controls",t),i.forEach((l,d)=>{l.setAttribute("role","menu")}),n.forEach((l,d)=>{l.setAttribute("role","menuitem"),l.setAttribute("tabindex","0"),d==0&&l.setAttribute("autofocus",!0)}),this.addEventListener("keydown",l=>{if(l&&l.target instanceof HTMLElement&&l.target.closest("a, button, summary")){const d=document.activeElement,h=Array.from(o).indexOf(d)-1,p=Array.from(o).indexOf(d)+1;switch(l.keyCode){case 27:d.closest("details")?(l.stopPropagation(),l.preventDefault(),d.closest("details").removeAttribute("open"),d.closest("details").querySelector(":scope summary").focus()):(l.stopPropagation(),e.focus());break;case 32:case 13:if(d.matches("summary")&&!d.parentElement.matches("details[open]")){d.parentElement.setAttribute("open",!0);const u=d.closest("details").querySelectorAll("a, button, :scope details > summary");Array.from(u)[0].focus()}break;case 35:l.stopPropagation(),l.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(n)[n.length-1].focus();break;case 36:l.stopPropagation(),l.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(n)[0].focus();break;case 38:if(l.stopPropagation(),l.preventDefault(),Array.from(o).indexOf(d)>-1)Array.from(o)[h]!=null?Array.from(o)[h].focus():Array.from(o)[o.length-1].focus();else if(d.closest("details")){const u=d.closest("details").querySelectorAll("a, button, :scope details > summary");m=Array.from(u).indexOf(d)-1,Array.from(u)[m]!=null?Array.from(u)[m].focus():Array.from(u)[u.length-1].focus()}break;case 40:if(l.stopPropagation(),l.preventDefault(),Array.from(o).indexOf(d)>-1)Array.from(o)[p]!=null?Array.from(o)[p].focus():Array.from(o)[0].focus();else if(d.closest("details")){const u=d.closest("details").querySelectorAll("a, button, :scope details > summary");c=Array.from(u).indexOf(d)+1,Array.from(u)[c]!=null?Array.from(u)[c].focus():Array.from(u)[0].focus()}break}}})),this.querySelector("details")&&!document.getElementById("menuGlobalStyles")&&document.head.insertAdjacentHTML("beforeend",`<style id="menuGlobalStyles">
|
|
450
|
+
iam-menu details > * {
|
|
451
|
+
background: unset !important;
|
|
452
|
+
border: unset !important;
|
|
453
|
+
color: inherit!important;
|
|
454
|
+
font-weight: inherit!important;
|
|
455
|
+
font-family: inherit!important;
|
|
456
|
+
font-size: 1rem!important;
|
|
457
|
+
display: block!important;
|
|
458
|
+
margin: var(--menu-item-margin, 0 0 0.25rem 0)!important;
|
|
459
|
+
padding: var(--menu-item-padding, 0)!important;
|
|
460
|
+
width: var(--menu-item-width, 100%)!important;
|
|
461
|
+
text-align: var(--menu-item-text-align, left)!important;
|
|
462
|
+
cursor: var(--menu-item-cursor, pointer)!important;
|
|
463
|
+
}
|
|
464
|
+
iam-menu details > *:after,
|
|
465
|
+
iam-menu details > *:not(summary):before {
|
|
466
|
+
display: none!important;
|
|
467
|
+
}
|
|
468
|
+
iam-menu details :is(button,a) {
|
|
469
|
+
padding-inline-start: var(--menu-dialog-offset,1rem)!important;
|
|
470
|
+
}
|
|
471
|
+
iam-menu details :is(button,a):last-child {
|
|
472
|
+
margin-block-end: var(--menu-dialog-offset,1rem)!important;
|
|
473
|
+
}
|
|
474
|
+
iam-menu details summary {
|
|
475
|
+
padding: 0 !important;
|
|
476
|
+
margin: var(--menu-item-margin, 0 0 0.25rem 0)!important;
|
|
477
|
+
}
|
|
478
|
+
iam-menu details summary:before {
|
|
479
|
+
text-align: center;
|
|
480
|
+
display: inline-block!important;
|
|
481
|
+
vertical-align: bottom;
|
|
482
|
+
float: right;
|
|
483
|
+
color: inherit;
|
|
484
|
+
height: 1em;
|
|
485
|
+
width: 1em;
|
|
486
|
+
}
|
|
487
|
+
|
|
488
|
+
iam-menu details summary[class*="fa-"]:before {
|
|
489
|
+
font-family: var(--fa-font-family, "Font Awesome 6 Pro");
|
|
490
|
+
}
|
|
491
|
+
|
|
492
|
+
iam-menu details summary:not([class*="fa-"]:before {
|
|
493
|
+
--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");
|
|
494
|
+
|
|
495
|
+
content: ""!important;
|
|
496
|
+
height: 1.2rem;
|
|
497
|
+
width: 1.2rem;
|
|
498
|
+
background: var(--colour-primary-theme);
|
|
499
|
+
mask-image: var(--icon, var(--icon-arrow));
|
|
500
|
+
mask-size: 50%;
|
|
501
|
+
mask-repeat: no-repeat;
|
|
502
|
+
mask-position: 50% 50%;
|
|
503
|
+
-webkit-mask-image: var(--icon, var(--icon-arrow));
|
|
504
|
+
-webkit-mask-size: 50%;
|
|
505
|
+
-webkit-mask-repeat: no-repeat;
|
|
506
|
+
-webkit-mask-position: 50% 50%;
|
|
507
|
+
z-index: 2;
|
|
508
|
+
display: inline-block;
|
|
509
|
+
vertical-align: bottom;
|
|
510
|
+
float: right;
|
|
511
|
+
rotate: 90deg;
|
|
512
|
+
color: inherit;
|
|
513
|
+
}
|
|
514
|
+
</style>`)}}const rn=Object.freeze(Object.defineProperty({__proto__:null,default:on},Symbol.toStringTag,{value:"Module"}));/*!
|
|
515
|
+
* iamKey v7.2.0
|
|
516
|
+
* Copyright 2022-2025 iamproperty
|
|
517
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"nav"});const nn=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super();const t=this.attachShadow({mode:"open"}),e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",r=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,o=document.createElement("template");o.innerHTML=`
|
|
262
518
|
<style class="styles">
|
|
263
519
|
@import "${r}";
|
|
264
|
-
:host{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important}.btn-menu{padding:0;margin:0 0 0 2rem;text-align:center;height:3rem;padding-block:0.75rem;line-height:1.5rem;overflow:hidden;position:relative;background:none;border:none;width:1.5rem;text-indent:-1000%;color:var(--colour-brand)}.btn-menu i{font-size:1.5rem;line-height:1.5rem;position:absolute;text-indent:0px;width:1.5rem;text-align:center;top:0.75rem;right:0;margin:0 !important;transition:none !important}.btn-menu i+i{display:none}.btn-menu[aria-expanded] i{display:none}.btn-menu[aria-expanded] i+i{display:inline}@media screen and (max-width: 62em){.btn-menu>.btn{display:contents;display:contents;color:inherit !important;padding:0 !important;margin:0;font-weight:normal !important;line-height:inherit;font-size:inherit;transition:none !important}}@media screen and (min-width: 36em){.btn-menu{margin:0 0 0 3rem;width:auto;padding-right:1.875rem;text-indent:0}.btn-menu[aria-expanded]{text-indent:-1000%}}@media screen and (min-width: 62em){.btn-menu{width:fit-content;height:auto;margin:0 0 0 3rem;padding:0 !important;text-indent:0;padding-right:0 !important}.btn-menu[aria-expanded]{text-indent:0}.btn-menu .btn{margin:0 !important;display:flex}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){.btn-menu .btn{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #d8d8d8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #fcfcfc;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light)}.btn-menu .btn .text-primary{color:var(--colour-primary) !important}}@media screen and (min-width: 62em){.btn-menu .btn span{order:2}.btn-menu .btn i[class*=fa-]{position:relative;position:static;vertical-align:bottom;display:inline-block;font-size:1.2rem;margin-right:1rem !important}.btn-menu .btn i[class*=fa-]+i[class*=fa-]{display:none}}:host(.bg-primary) .btn:is(:hover,:focus){color:var(--colour-inverted)}@media screen and (max-width: 62em){:host>.container{display:contents}.menu__outer{position:absolute;top:6rem;left:0;width:100%;height:calc(100vh - 6rem);overflow:hidden;pointer-events:none;transition:background .5s}.menu__outer:has(.menu.open){background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}.menu::-webkit-scrollbar{width:6px}.menu::-webkit-scrollbar-track{border:0 !important}.menu::-webkit-scrollbar-thumb{border:0 !important}.menu{overscroll-behavior:contain;width:calc(23.4375rem - var(--scrollbar-width));background-color:var(--colour-canvas-2);position:absolute;height:calc(100vh - 6rem);left:100%;top:0;padding:0 1.5rem 0 1.5rem;z-index:var(--index-menu);overflow:auto;transition:all 1s ease-out;display:flex;flex-direction:column;flex-wrap:nowrap}.menu>*{flex-shrink:0}}@media screen and (max-width: 62em)and (prefers-color-scheme: dark){.menu{--colour-link: var(--colour-white);--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #bfbfbf;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (max-width: 62em)and (prefers-color-scheme: light){.menu{background-color:var(--colour-white);--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #d8d8d8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #fcfcfc;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light)}.menu .text-primary{color:var(--colour-primary) !important}}@media screen and (max-width: 62em)and (forced-colors: active){.menu{outline:1px solid #fff}}@media screen and (max-width: 62em){.menu:before{content:"";position:absolute;display:block;top:0;left:0;width:100%;border-top:2px solid var(--colour-border);z-index:1}.menu.open{left:calc(100% - (23.4375rem - var(--scrollbar-width)));-webkit-box-shadow:0 6px 12px 0px rgba(0,0,0,.2);box-shadow:0 6px 12px 0px rgba(0,0,0,.2);pointer-events:all}.menu.closed *{display:none !important}.menu__secondary{display:none}.has-secondary .menu__secondary{display:block;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:3rem !important;flex-grow:1;position:relative}}@media screen and (max-width: 62em)and (prefers-color-scheme: light){.has-secondary .menu__secondary{background-color:#eee}}@media screen and (max-width: 62em){.has-secondary .menu__secondary .container{display:contents}::slotted(a:not([slot=logo]):not(.btn-compact):not(.btn-primary)){display:block !important;line-height:1.25rem !important;padding:1.5rem 0 !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important}::slotted(a:not([slot=logo]):not(.btn-compact):not(.btn-primary)):after{content:"";display:block;height:2px;width:100% !important;background-color:var(--colour-border) !important;top:calc(100% - 2px) !important}*:is(.has-search,.has-actions) .menu__primary{display:block;padding-bottom:3rem}.menu:not(.has-secondary) .menu__primary{display:block;padding-bottom:3rem}::slotted(.btn:not(.btn-compact):not(.btn-primary)){display:block !important;margin:0 0 1.5rem 0 !important;width:100% !important;max-width:100% !important;text-align:center !important;flex-shrink:0}.has-actions slot[name=actions]{display:block;padding-bottom:1.5rem}slot[name=actions]::slotted(.btn){margin-top:0 !important}.dialog__wrapper{width:100%;margin:0 0 3rem 0 !important;flex-shrink:0}.dialog__wrapper>.btn{display:none}.dialog__wrapper dialog{display:contents}}@media screen and (max-width: 62em)and (min-width: 36em){.menu{padding-right:2.5rem !important}.has-secondary .menu__secondary{margin-right:-2.5rem !important;padding-right:2.5rem !important}.has-secondary .menu__secondary:before{width:calc(100% - 4rem) !important}::slotted(.btn){width:auto !important}}@media screen and (min-width: 62em){:host{padding-block:0 !important}:host>.container{padding-block:1.5rem !important;padding-inline:0 !important;max-width:100%;display:flex;flex-wrap:nowrap;align-items:center}:host>.container:has(.has-secondary){padding-top:4rem !important}:host>.container>*{margin-bottom:0 !important}.btn-menu{display:none}.buttons-holder{display:contents}.buttons-holder .btn-menu{display:inline-block;order:2}.menu,.menu__outer,.menu__primary{display:contents}.menu__secondary{display:none}.has-secondary .menu__secondary{background-color:var(--colour-canvas-2);display:block;position:absolute;top:0;left:0;width:100%}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){.has-secondary .menu__secondary{background-color:#eee;--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #d8d8d8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #fcfcfc;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light)}.has-secondary .menu__secondary .text-primary{color:var(--colour-primary) !important}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){.has-secondary .menu__secondary{--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #bfbfbf;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (min-width: 62em){.has-secondary .menu__secondary .container{margin-left:auto;margin-right:auto;padding:var(--container-padding) !important;padding-top:0.5rem !important;padding-bottom:0.5rem !important;text-align:right}::slotted(a[slot=secondary]){font-size:0.875rem !important}::slotted(a[slot=secondary]):after{top:calc(100% - .25em) !important}::slotted(a:not([slot=logo])),::slotted(.btn){margin-bottom:0 !important;margin-right:0 !important}::slotted(a:not([slot=logo]):not(.btn-compact):not(.btn-primary)){font-size:1rem !important;font-weight:normal !important}::slotted(a:not([slot=logo]):not(.btn-compact):not(.btn-primary)):after{display:none}::slotted(a:not([slot=logo]):not([slot=dual])){margin-left:2rem !important}::slotted(.btn-primary){margin-left:3rem !important}.has-actions slot[name=actions]{display:block;padding-left:3rem}slot[name=actions]::slotted(.btn){margin-left:0.75rem !important}:host([data-search]) slot[name=actions]{padding-left:0 !important}#search-wrapper{margin-left:1.5rem !important;position:static}#search-dialog[open]{position:absolute;top:auto;bottom:0;left:0;width:100%;padding-block:1.5rem;padding-inline:0;background-color:rgba(0,0,0,0);text-align:right;border-radius:0;box-shadow:none}#search-dialog[open] .container{padding:var(--container-padding);padding-bottom:0}:host(.search-open){background:#e6eaec !important}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){:host(.search-open){background:var(--colour-canvas-2) !important}}@media screen and (min-width: 62em){:host(.search-open) .buttons-holder,:host(.search-open) #search-button{display:none}:host(.search-open.bg-primary){background:var(--colour-primary) !important}:host(.search-open.bg-primary) .suffix,:host(.search-open.bg-primary) #search{border:2px solid #b3c1c5;color:#fff}:host(.search-open.bg-primary) #search{border-right:0}.backdrop{content:"";display:block;position:absolute;top:100%;left:0;height:calc(100vh - var(--nav-height));width:100%;z-index:-1;pointer-events:none;transition:background .5s}.backdrop.show{pointer-events:all;background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}}::slotted(.nav--menu){pointer-events:all;overscroll-behavior:contain;width:calc(23.4375rem - var(--scrollbar-width));background-color:var(--colour-canvas-2);position:absolute;height:calc(100vh - 6rem);left:100%;top:0;padding:0 1.5rem 0 1.5rem;z-index:var(--index-menu);overflow:auto;transition:all 1s ease-out;display:flex;flex-direction:column;flex-wrap:nowrap}::slotted(.nav--menu)>*{flex-shrink:0}@media screen and (prefers-color-scheme: dark){::slotted(.nav--menu){--colour-link: var(--colour-white);--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #bfbfbf;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (prefers-color-scheme: light){::slotted(.nav--menu){background-color:var(--colour-white);--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #d8d8d8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #fcfcfc;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light)}::slotted(.nav--menu) .text-primary{color:var(--colour-primary) !important}}@media(forced-colors: active){::slotted(.nav--menu){outline:1px solid #fff}}::slotted(.nav--menu):before{display:block;width:calc(100% + 3rem);border-top:2px solid var(--colour-border);z-index:1;padding:1.5rem 1.5rem;margin:0 -1.5rem;font-family:var(--font-heading);font-style:normal;font-weight:var(--heading-weight);color:var(--colour-heading);clear:both;font-size:1.75rem;line-height:2.25rem;max-width:var(--content-max-width)}@media screen and (min-width: 36em){::slotted(.nav--menu):before{font-size:2rem;line-height:2.5rem;margin-right:-2.5rem;padding-right:2.5rem;width:calc(100% + 4rem)}}@media screen and (min-width: 36em){::slotted(.nav--menu){padding-right:2.5rem !important}}@media screen and (min-width: 62em){::slotted(.nav--menu){height:calc(100vh - var(--nav-height));top:var(--nav-height)}}slot[name=menus]{position:absolute;top:0;right:0;display:block;height:100vh;overflow:hidden;pointer-events:none;width:calc(23.4375rem - var(--scrollbar-width))}::slotted(.nav--menu[data-open-title]):before{content:attr(data-open-title)}::slotted(.nav--menu.open){left:calc(100% - (23.4375rem - var(--scrollbar-width)));-webkit-box-shadow:0 6px 12px 0px rgba(0,0,0,.2);box-shadow:0 6px 12px 0px rgba(0,0,0,.2);pointer-events:all}@media screen and (max-width: 62em){:host(.open) .menu__outer{background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}}@media screen and (min-width: 62em){:host(.nav--md-compressed) .buttons-holder button{margin-left:1.5rem !important}:host(.nav--md-compressed) .btn-menu .btn i[class*=fa-]{margin-right:.5rem !important;margin-left:-0.5rem !important}:host(.nav--md-compressed) .btn-menu .btn{--btn-padding-inline: 2.5rem}:host(.nav--md-compressed) ::slotted(a:not([slot=logo]):not([slot=secondary])){margin-left:1.5rem !important}}@media screen and (min-width: 62em){:host(.nav--btn-compact:not(.nav--large)) .btn-menu .btn{padding:.5rem !important}:host(.nav--btn-compact:not(.nav--large)) .btn-menu .btn i{margin-right:0 !important}:host(.nav--btn-compact:not(.nav--large)) .btn-menu .btn span{display:none}}@media screen and (min-width: 62em)and (max-width: 90em){:host(.nav--btn-compact.nav--large) .btn-menu .btn{padding:.5rem !important}:host(.nav--btn-compact.nav--large) .btn-menu .btn i{margin-right:0 !important}:host(.nav--btn-compact.nav--large) .btn-menu .btn span{display:none}}@media screen and (max-width: 62em){:host(.nav--dual-buttons) slot[name=dual]{padding-block:1.5rem;display:block}}@media screen and (min-width: 62em){:host(.nav--dual-buttons) slot[name=dual]{display:flex;margin-left:auto;flex-direction:row-reverse}}/*# sourceMappingURL=assets/css/components/nav.css.map */
|
|
520
|
+
@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:1.75rem;line-height:2.25rem;max-width:var(--content-max-width)}@media screen and (min-width: 36em){::slotted(.nav--menu):before{font-size:2rem;line-height:2.5rem;margin-right:-2.5rem;padding-right:2.5rem;width:calc(100% + 4rem)}}@media screen and (min-width: 36em){::slotted(.nav--menu){padding-right:2.5rem !important}}@media screen and (min-width: 62em){::slotted(.nav--menu){height:calc(100vh - var(--nav-height));top:var(--nav-height)}}slot[name=menus]{position:absolute;top:0;right:0;display:block;height:100vh;overflow:hidden;pointer-events:none;width:calc(23.4375rem - var(--scrollbar-width))}::slotted(.nav--menu[data-open-title]):before{content:attr(data-open-title)}::slotted(.nav--menu.open){left:calc(100% - (23.4375rem - var(--scrollbar-width)));-webkit-box-shadow:0 6px 12px 0px rgba(0,0,0,.2);box-shadow:0 6px 12px 0px rgba(0,0,0,.2);pointer-events:all}@media screen and (max-width: 62em){:host(.open) .menu__outer{background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}}@media screen and (min-width: 62em){:host(.nav--md-compressed) .buttons-holder button{margin-left:1.5rem !important}:host(.nav--md-compressed) .btn-menu .btn i[class*=fa-]{margin-right:.5rem !important;margin-left:-0.5rem !important}:host(.nav--md-compressed) .btn-menu .btn{--btn-padding-inline: 2.5rem}:host(.nav--md-compressed) ::slotted(a:not([slot=logo]):not([slot=secondary])){margin-left:1.5rem !important}}@media screen and (min-width: 62em){:host(.nav--btn-compact:not(.nav--large)) .btn-menu .btn{padding:.5rem !important}:host(.nav--btn-compact:not(.nav--large)) .btn-menu .btn i{margin-right:0 !important}:host(.nav--btn-compact:not(.nav--large)) .btn-menu .btn span{display:none}}@media screen and (min-width: 62em)and (max-width: 90em){:host(.nav--btn-compact.nav--large) .btn-menu .btn{padding:.5rem !important}:host(.nav--btn-compact.nav--large) .btn-menu .btn i{margin-right:0 !important}:host(.nav--btn-compact.nav--large) .btn-menu .btn span{display:none}}@media screen and (max-width: 62em){:host(.nav--dual-buttons) slot[name=dual]{padding-block:1.5rem;display:block}}@media screen and (min-width: 62em){:host(.nav--dual-buttons) slot[name=dual]{display:flex;margin-left:auto;flex-direction:row-reverse}}/*# sourceMappingURL=assets/css/components/nav.component.css.map */
|
|
265
521
|
|
|
266
522
|
</style>
|
|
267
523
|
<style class="doc-styles">
|
|
@@ -291,8 +547,8 @@
|
|
|
291
547
|
</div>
|
|
292
548
|
</div>
|
|
293
549
|
<div class="backdrop" part="backdrop"></div>
|
|
294
|
-
`,e.appendChild(i.content.cloneNode(!0)),document.getElementById("navGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="navGlobal">body:has(iam-nav.open:not(.nav--sticky):not(.nav--xs-sticky)){max-height:100vh;overflow:hidden}body{--nav-height: 6rem;--sticky-padding: 0px}body:has(iam-nav a[slot=secondary]){--nav-height: 8.5rem}body:has(iam-nav.nav--sticky){--sticky-padding: var(--nav-height)}nav:has(iam-nav){min-height:6rem;display:block;position:relative}nav:has(iam-nav) iam-nav{position:absolute;top:0;left:0;width:100%;z-index:var(--index-menu)}@media screen and (min-width: 62em){nav:has(iam-nav a[slot=secondary]){min-height:8.5rem}}nav:has(iam-nav.nav--sticky) iam-nav{position:fixed}@media screen and (max-width: 36em){body:has(iam-nav.open:not(.nav--xs-sticky)){max-height:100vh;overflow:hidden}nav:has(iam-nav.nav--xs-sticky) iam-nav{position:fixed}}@media screen and (min-width: 36em){body:has(iam-nav.open:not(.nav--sticky)){max-height:100vh;overflow:hidden}}iam-nav{--nav-height: 6rem;overscroll-behavior:contain !important;background-color:var(--colour-canvas);display:block;margin-left:auto;margin-right:auto;padding:var(--container-padding);padding-top:1.5rem;padding-bottom:1.5rem;width:100%}iam-nav:has(a[slot=secondary]){--nav-height: 8.5rem}iam-nav .brand{font-size:3rem;height:3rem;padding:0;text-decoration:none;min-width:min(var(--svg-width),14rem);margin-right:auto}iam-nav .brand img{height:100%;width:auto}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)){text-decoration:none}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)) .badge{position:absolute;right:0;top:50%;margin-top:-0.8rem}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)):active{text-decoration-color:#a2d393 !important}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page]{text-decoration-color:var(--colour-info) !important}iam-nav details{padding-bottom:0}iam-nav details>summary{text-decoration:none}iam-nav details>summary:where(:hover,:focus,.selected){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav details>summary:active{text-decoration-color:#a2d393 !important}iam-nav details[open]>summary{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-success)}iam-nav details:has([aria-current=page]:not([data-duplicate]))>summary{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-info)}@media screen and (max-width: 62em){iam-nav details{background-color:var(--colour-canvas);margin-left:-1.5rem;margin-right:-1.5rem;padding-inline:1.5rem;width:auto;position:relative}}@media screen and (max-width: 62em)and (prefers-color-scheme: light){iam-nav details{background-color:#eee}}@media screen and (max-width: 62em){iam-nav details summary{background-color:var(--colour-white);display:block;border:none;color:var(--colour-link);margin:0;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 4rem 1.5rem 1.5rem;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}}@media screen and (max-width: 62em)and (prefers-color-scheme: dark){iam-nav details summary{background-color:var(--colour-canvas-2)}}@media screen and (max-width: 62em){iam-nav details summary:after{content:"";display:block;font-size:1.5rem;font-weight:300;position:absolute;top:1.5rem;right:1.5rem;font-family:"Font Awesome 6 Pro";line-height:1em}iam-nav details[open]>summary:after{content:"";font-weight:bold}iam-nav details a{text-decoration:none;display:block;border:none;color:var(--colour-link);margin:0;margin-left:3rem;padding:1.5rem 0 1.5rem 0;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}iam-nav details a:after{background:var(--colour-border) !important;top:calc(100% - 2px) !important;width:100% !important}iam-nav details a:has(iam-card){display:none !important}iam-nav details>div a:last-child{margin-bottom:0 !important}iam-nav details>div a:last-child:after{display:none}iam-nav details:after{content:"";position:absolute;top:calc(100% - 2px);left:1.5rem;height:2px;width:calc(100% - 3rem);display:block;height:2px;background-color:var(--colour-border) !important}iam-nav details details:after{display:none}iam-nav details details summary{padding:0 1.5rem 1.5rem 3.5rem;position:relative}iam-nav details details summary:after{left:1.5rem;font-size:1rem;top:0.1875rem;transform:none;font-weight:400}iam-nav details a+details>summary{padding-top:1.5rem}iam-nav details a+details>summary:after{margin-top:1.5rem}iam-nav details details[open]+details:before{content:"";display:block;background:var(--colour-canvas-2);padding-top:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem}}@media screen and (max-width: 62em)and (min-width: 36em){iam-nav details{padding-right:2.5rem;margin-right:-2.5rem}iam-nav details:after{width:calc(100% - 4rem)}iam-nav details summary{padding-right:2.5rem;margin-right:-2.5rem}iam-nav details summary:after{right:2.5rem}iam-nav details details[open]+details:before{padding-right:2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 62em){iam-nav .nav--menu details{background-color:var(--colour-canvas);margin-left:-1.5rem;margin-right:-1.5rem;padding-inline:1.5rem;width:auto;position:relative;padding-right:2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav .nav--menu details{background-color:#eee}}@media screen and (min-width: 62em){iam-nav .nav--menu details summary{background-color:var(--colour-white);display:block;border:none;color:var(--colour-link);margin:0;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 4rem 1.5rem 1.5rem;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){iam-nav .nav--menu details summary{background-color:var(--colour-canvas-2)}}@media screen and (min-width: 62em){iam-nav .nav--menu details summary:after{content:"";display:block;font-size:1.5rem;font-weight:300;position:absolute;top:1.5rem;right:1.5rem;font-family:"Font Awesome 6 Pro";line-height:1em}iam-nav .nav--menu details[open]>summary:after{content:"";font-weight:bold}iam-nav .nav--menu details a{text-decoration:none;display:block;border:none;color:var(--colour-link);margin:0;margin-left:3rem;padding:1.5rem 0 1.5rem 0;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}iam-nav .nav--menu details a:after{background:var(--colour-border) !important;top:calc(100% - 2px) !important;width:100% !important}iam-nav .nav--menu details a:has(iam-card){display:none !important}iam-nav .nav--menu details>div a:last-child{margin-bottom:0 !important}iam-nav .nav--menu details>div a:last-child:after{display:none}iam-nav .nav--menu details:after{content:"";position:absolute;top:calc(100% - 2px);left:1.5rem;height:2px;width:calc(100% - 3rem);display:block;height:2px;background-color:var(--colour-border) !important}iam-nav .nav--menu details:after{width:calc(100% - 4rem)}iam-nav .nav--menu details summary{padding-right:2.5rem;margin-right:-2.5rem}iam-nav .nav--menu details summary:after{right:2.5rem}}@media screen and (min-width: 62em){iam-nav>details,iam-nav *:not(.nav--menu)>details{width:auto}iam-nav>details>summary,iam-nav *:not(.nav--menu)>details>summary{display:block;border:none;color:var(--colour-link);margin:0;font-size:1rem;line-height:6rem;min-height:6rem;margin-block:-1.5rem;position:relative;font-weight:normal;white-space:nowrap;padding-right:1.5rem}iam-nav>details>summary:after,iam-nav *:not(.nav--menu)>details>summary:after{content:"";display:block;font-size:1rem;font-weight:300;position:absolute;top:50%;transform:translate(0, -50%);right:0;font-family:"Font Awesome 6 Pro";line-height:1em}iam-nav>details:not(:first-child)>summary,iam-nav *:not(.nav--menu)>details:not(:first-child)>summary{margin-left:1.5rem}iam-nav>details div,iam-nav *:not(.nav--menu)>details div{display:none}iam-nav>details[open]>div,iam-nav *:not(.nav--menu)>details[open]>div{position:absolute;display:block;top:100%;left:0;width:100%;padding-inline:max(var(--padding-inline),(100% - var(--container-max-width))/2 + var(--padding-inline)) !important;box-shadow:0px 6px 12px rgba(0,0,0,.11)}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav>details[open]>div,iam-nav *:not(.nav--menu)>details[open]>div{background:var(--colour-white);--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #d8d8d8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #fcfcfc;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light)}iam-nav>details[open]>div .text-primary,iam-nav *:not(.nav--menu)>details[open]>div .text-primary{color:var(--colour-primary) !important}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){iam-nav>details[open]>div,iam-nav *:not(.nav--menu)>details[open]>div{--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #bfbfbf;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (min-width: 62em){iam-nav>details[open]>div:has(details),iam-nav *:not(.nav--menu)>details[open]>div:has(details){background:var(--colour-canvas-2)}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav>details[open]>div:has(details),iam-nav *:not(.nav--menu)>details[open]>div:has(details){background:#eee}}@media screen and (min-width: 62em){iam-nav>details[open]>div:has(details)>a,iam-nav *:not(.nav--menu)>details[open]>div:has(details)>a{display:inline-block !important;margin-right:2rem !important}iam-nav>details[open]>div:has(details)>a:first-child,iam-nav *:not(.nav--menu)>details[open]>div:has(details)>a:first-child{margin-right:0}iam-nav>details[open]>div:has(details)>a:after,iam-nav *:not(.nav--menu)>details[open]>div:has(details)>a:after{display:none !important}iam-nav>details[open]>div:has(details) a:has(iam-card),iam-nav *:not(.nav--menu)>details[open]>div:has(details) a:has(iam-card){display:none}iam-nav>details[open]>div:has(details) details,iam-nav *:not(.nav--menu)>details[open]>div:has(details) details{display:inline-block}iam-nav>details[open]>div:has(details) details summary,iam-nav *:not(.nav--menu)>details[open]>div:has(details) details summary{display:inline-block;margin-left:0 !important;margin-right:2rem}iam-nav>details[open]>div:has(details) details:first-child summary,iam-nav *:not(.nav--menu)>details[open]>div:has(details) details:first-child summary{margin-left:0}iam-nav>details[open]>div:not(:has(details)),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)){background:var(--colour-canvas);padding-top:8rem;padding-bottom:4rem;columns:3;column-gap:6.875rem}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav>details[open]>div:not(:has(details)),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)){background:var(--colour-white);--colour-canvas-2: white}}@media screen and (min-width: 62em){iam-nav>details[open]>div:not(:has(details))>a,iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details))>a{margin-right:0 !important;display:block;max-height:6rem}iam-nav>details[open]>div:not(:has(details))>a.double-height,iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details))>a.double-height{min-height:6rem}iam-nav>details[open]>div:not(:has(details)) a:has(iam-card),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)) a:has(iam-card){display:inline-block}iam-nav>details[open]>div:not(:has(details)):before,iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):before{content:attr(data-title);display:block;position:absolute;top:0;left:0;width:100%;color:var(--colour-white);padding-inline:max(var(--padding-inline),(100% - var(--container-max-width))/2 + var(--padding-inline)) !important;font-size:2rem;font-weight:bold;line-height:5.5rem;--gradient-direction: 90deg;background-color:var(--colour-info-theme);background-image:linear-gradient(var(--gradient-direction), var(--colour-primary-theme) 0, transparent 100%) !important}iam-nav>details[open]>div:not(:has(details)):has(iam-card),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):has(iam-card){column-gap:1rem}iam-nav>details[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card)),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card)){margin-right:5.875rem !important}iam-nav>details[open]>div:not(:has(details)):has(iam-card) a:has(iam-card):after,iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):has(iam-card) a:has(iam-card):after{display:none}iam-nav>details[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card))+a:has(iam-card),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card))+a:has(iam-card){break-before:column}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)),iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)){font-size:1rem;line-height:1.5rem;padding-block:1.5rem;position:relative;font-weight:normal;display:block;margin:0}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]),iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):active,iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):active{text-decoration-color:#a2d393 !important}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page],iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page]{text-decoration-color:var(--colour-info)}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):after,iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):after{content:"";display:block;height:2px;width:100% !important;top:calc(100% - 2px);background-color:var(--colour-border) !important}iam-nav>details details>summary,iam-nav *:not(.nav--menu)>details details>summary{padding-right:0;background:rgba(0,0,0,0)}iam-nav>details details>summary:after,iam-nav *:not(.nav--menu)>details details>summary:after{display:none}iam-nav>details details:not(:first-child)>summary,iam-nav *:not(.nav--menu)>details details:not(:first-child)>summary{margin-left:2rem}nav:has(iam-nav.open){min-height:100vh !important;max-height:100vh;overflow:auto;margin-bottom:calc((100vh - var(--nav-height))*-1)}html:has(iam-nav.open:not(.demo-open)){overflow:hidden}}@media screen and (min-width: 80em){iam-nav.nav--large *:not(.nav--menu)>details[open]>div:not(:has(details)){columns:4;column-gap:6.875rem}}@media screen and (min-width: 62em){iam-nav.search-open>*:not([slot=logo]):not([slot=secondary]):not([slot=search]){display:none !important}}@media screen and (min-width: 62em){iam-nav:has([slot=dual]) .brand:has(~[slot=dual]){margin-right:1.5rem !important}iam-nav:has([slot=dual]) *:not([slot=dual]):has(+[slot=dual])+[slot=dual]{margin-left:auto !important}iam-nav:has([slot=dual]) .btn[slot=dual]{margin-left:0}iam-nav:has([slot=dual])::part(btn-menu){margin-left:1rem !important}}iam-nav>.dialog__wrapper .dialog--list a{font-size:1rem}@media screen and (max-width: 62em){iam-nav>.dialog__wrapper:not(.dialog--xs){width:100%}iam-nav>.dialog__wrapper:not(.dialog--xs) .btn-compact{display:none !important}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list{display:contents !important}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a{font-size:1rem}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a,iam-nav .btn-compact{--compact-size: 2rem;all:unset;display:block !important;font-size:0.875rem !important;line-height:2rem !important;height:2rem !important;min-height:2rem !important;max-height:2rem !important;width:100% !important;margin:0 !important;cursor:pointer;color:var(--colour-link);font-weight:normal !important}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a:where(:hover,:focus,.selected,[aria-current=page]),iam-nav .btn-compact:where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a:before,iam-nav .btn-compact:before{display:inline-block;width:auto;position:static;margin-right:.5rem;font-size:.875rem !important;text-decoration:none !important}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a:after,iam-nav .btn-compact:after{display:none}}iam-nav .nav--menu{outline:none !important}iam-nav .nav--menu::-webkit-scrollbar{width:6px}iam-nav .nav--menu::-webkit-scrollbar-track{border:0 !important}iam-nav .nav--menu::-webkit-scrollbar-thumb{border:0 !important}iam-nav .nav--menu hr{width:100% !important;border-top:2px solid var(--colour-border) !important}iam-nav .nav--menu a{display:block !important;line-height:1.25rem !important;padding:1.5rem 0 !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important}iam-nav .nav--menu a:not(.mb-0):not(:has(+a)){margin:0 0 2.25rem 0 !important}iam-nav .nav--menu a:has(+a){margin-bottom:0 !important}iam-nav .nav--menu a:after{content:"";display:block;height:2px;width:100% !important;background-color:var(--colour-border) !important;top:calc(100% - 2px) !important}iam-nav .nav--menu>button{min-width:100%;text-align:center}iam-nav .nav--menu.closed *{display:none !important}/*# sourceMappingURL=assets/css/components/nav.global.css.map */
|
|
295
|
-
</style>`)}connectedCallback(){this.hasAttribute("data-css")&&this.shadowRoot.querySelector(".doc-styles").insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`);const
|
|
550
|
+
`,t.appendChild(o.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 */
|
|
551
|
+
</style>`)}connectedCallback(){this.hasAttribute("data-css")&&this.shadowRoot.querySelector(".doc-styles").insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`);const t=this.shadowRoot.querySelector(".btn-menu"),e=this.shadowRoot.querySelector(".menu"),r=this,o=this.shadowRoot.querySelector(".backdrop"),n=this.shadowRoot.querySelector(".buttons-holder");if(this.querySelectorAll(":scope > *").forEach(function(i){switch(i.tagName){case"BUTTON":i.hasAttribute("slot")||(i.setAttribute("slot","actions"),e.classList.add("has-actions"));break}if(i.classList.contains("nav--menu")&&i.hasAttribute("data-title")&&i.hasAttribute("data-icon")){const c=i.getAttribute("data-title"),m=i.getAttribute("data-icon"),l=document.createElement("button");l.setAttribute("slot",c),l.classList.add("btn-menu"),l.setAttribute("part","btn-menu"),l.innerHTML=`<span class="btn btn-primary"><span>${c}</span><i class="${m}"></i><i class="fa-regular fa-xmark-large"></i></span>`,n.insertAdjacentElement("beforeend",l);const d=l.querySelector(".btn-primary");i.setAttribute("slot","menus"),i.classList.contains("open")?(l.setAttribute("aria-expanded",!0),d.classList.toggle("active"),r.classList.add("open"),o.classList.add("show")):i.classList.add("closed"),l.addEventListener("click",function(h){h.preventDefault(),l.toggleAttribute("aria-expanded"),i.classList.toggle("open"),d.classList.toggle("active");const p=r.querySelector(":scope > details[open]");p&&p.removeAttribute("open"),i.classList.contains("open")?(e.classList.remove("open"),t.removeAttribute("aria-expanded"),setTimeout(function(){e.classList.add("closed")},1e3),r.classList.add("open"),o.classList.add("show"),i.classList.remove("closed")):(r.classList.remove("open"),o.classList.remove("show"),setTimeout(function(){i.classList.add("closed")},1e3)),r.querySelectorAll(".nav--menu.open").forEach(function(u){u!=i&&u.classList.remove("open")}),r.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(u){u!=l&&(u.removeAttribute("aria-expanded"),u.querySelector(".btn-primary").classList.remove("active"))})},!1)}}),this.querySelectorAll("details").forEach(function(i){i.classList.add("details--revert")}),this.querySelector('a[slot="secondary"]')&&e.classList.add("has-secondary"),document.documentElement.style.setProperty("--scrollbar-width",window.innerWidth-document.documentElement.offsetWidth+"px"),t.addEventListener("click",function(i){i.preventDefault(),t.toggleAttribute("aria-expanded"),e.classList.toggle("open"),r.querySelectorAll(".nav--menu.open").forEach(function(c){c.classList.remove("open"),setTimeout(function(){c.classList.add("closed")},1e3)}),r.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(c){c.removeAttribute("aria-expanded"),c.querySelector(".btn-primary").classList.remove("active")}),e.classList.contains("open")?(r.classList.add("open"),e.classList.remove("closed")):(r.classList.remove("open"),setTimeout(function(){e.classList.add("closed")},1e3))},!1),this.addEventListener("request-close",()=>{t.removeAttribute("aria-expanded"),e.classList.remove("open"),r.classList.remove("open")}),o.addEventListener("click",()=>{const i=this.querySelector("details[open] summary");i&&i.click(),r.classList.toggle("open"),r.querySelectorAll(".nav--menu.open").forEach(function(c){c.classList.remove("open")}),r.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(c){c.removeAttribute("aria-expanded"),c.querySelector(".btn-primary").classList.remove("active")}),o.classList.remove("show")}),this.addEventListener("click",i=>{if(i&&i.target instanceof HTMLElement&&i.target.closest("summary")&&window.innerWidth>992&&!i.target.closest(".nav--menu")){const c=i.target.closest("summary").closest("details"),m=c.parentNode;c.hasAttribute("open")?c.removeAttribute("open"):c.setAttribute("open","true"),r.querySelectorAll(".nav--menu.open").forEach(function(l){l.classList.remove("open"),setTimeout(function(){e.classList.add("closed")},1e3)}),r.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(l){l.removeAttribute("aria-expanded"),l.querySelector(".btn-primary").classList.remove("active")}),Array.from(m.querySelectorAll(":scope > details")).forEach(l=>{l!=c&&l.removeAttribute("open")}),this.querySelectorAll(":scope > details[open]").length?(o.classList.add("show"),r.classList.add("open")):(o.classList.remove("show"),r.classList.remove("open")),i.preventDefault()}}),this.querySelectorAll("details").forEach(i=>{const c=i.querySelector("summary");i.querySelector(":Scope > div").setAttribute("data-title",c.textContent)}),this.querySelector('[slot="search"]')){e.classList.add("has-search");const i=this.shadowRoot.querySelector("#search-wrapper");i.classList.remove("d-none"),i.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>
|
|
296
552
|
<dialog id="search-dialog">
|
|
297
553
|
<div class="container">
|
|
298
554
|
<div class="row">
|
|
@@ -304,125 +560,147 @@
|
|
|
304
560
|
</div>
|
|
305
561
|
</div>
|
|
306
562
|
</div>
|
|
307
|
-
</dialog>`);const c=this.shadowRoot.querySelector("#search-button"),
|
|
308
|
-
* iamKey v7.
|
|
563
|
+
</dialog>`);const c=this.shadowRoot.querySelector("#search-button"),m=this.shadowRoot.querySelector("#search-close"),l=this.shadowRoot.querySelector("#search-dialog");this.hasAttribute("data-search-open")&&(l.setAttribute("open","open"),this.classList.add("search-open"),c.setAttribute("aria-expanded",!0)),c.addEventListener("click",()=>{l.setAttribute("open","open"),this.classList.add("search-open"),c.setAttribute("aria-expanded",!0)}),m.addEventListener("click",()=>{l.removeAttribute("open"),this.classList.remove("search-open"),c.removeAttribute("aria-expanded")})}}}},Symbol.toStringTag,{value:"Module"}));/*!
|
|
564
|
+
* iamKey v7.2.0
|
|
309
565
|
* Copyright 2022-2025 iamproperty
|
|
310
|
-
*/const Io=(a,e,t,r)=>{const i=Math.tan(.375*Math.PI),s=window.innerWidth||document.body.clientWidth,n=Math.max(1,Math.floor(.01*s)),c=t-a,d=r-e,l=Math.abs(c/d),u=Math.abs(d/c);if(Math.abs(c)>n||Math.abs(d)>n){if(u<=i)return c<0?"left":"right";if(l<=i)return d<0?"top":"bottom"}else return"tap"},Uo=function(a){a.querySelectorAll(":scope > details");const e=a.querySelectorAll(":scope > details, :scope > a");a.querySelectorAll(":scope > details > summary");let t=a.querySelector(":scope > .tabs__links");if(a.shadowRoot&&a.shadowRoot.querySelector(".tabs__links")&&(t=a.shadowRoot.querySelector(".tabs__links")),!t){t=document.createElement("div"),t.classList.add("tabs__links");const i=document.createElement("div");i.classList.add("tabs__links__wrapper"),i.prepend(t),a.prepend(i)}let r=0;e.forEach((i,s)=>{let n=document.createElement("button");if(i.matches("details")){const c=i.querySelector(":scope > summary"),d=c.classList.contains("disabled");c.classList.add("visually-hidden"),i.hasAttribute("id")&&n.setAttribute("data-id",`${i.getAttribute("id")}`),i.hasAttribute("open")&&n.setAttribute("aria-pressed",!0),n.innerHTML=`${c.innerText}`,n.classList.add("link"),n.setAttribute("data-index",r),n.setAttribute("part","tab-link"),i.setAttribute("tabindex","-1"),d&&n.classList.add("disabled"),r++}else i.matches("a")&&(n=i);n.classList.add("link"),t.appendChild(n)})},Wo=function(a){const e=a.querySelectorAll(":scope > details"),t=a.querySelectorAll(":scope > details > summary");let r=a.querySelector(":scope .tabs__links"),i=a.querySelectorAll(":scope .tabs__links > button"),s=a.querySelector(":scope .tabs__next");var n;if(window.isClicked=!1,window.isScrolling=!1,a.shadowRoot&&(i=a.shadowRoot.querySelectorAll(".tabs__links > button"),r=a.shadowRoot.querySelector(".tabs__links"),s=a.shadowRoot.querySelector(":scope .tabs__next")),i.forEach(c=>{c.addEventListener("click",d=>{if(d.preventDefault(),window.isClicked=!0,c.classList.contains("disabled"))return!1;i.forEach(l=>{const u=l==c;l.setAttribute("aria-pressed",u)}),r.scroll({top:0,left:c.offsetLeft,behavior:"smooth"}),e.forEach((l,u)=>{const m=c.getAttribute("data-index")==u;m?l.setAttribute("open",m):l.removeAttribute("open")}),c.matches(":last-child")?s==null||s.setAttribute("disabled","disabled"):s==null||s.removeAttribute("disabled"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:c.textContent})})}),r.addEventListener("scrollend",c=>{clearTimeout(n),n=setTimeout(function(){let d=i[0],l=Math.abs(d.getBoundingClientRect().left);if(i.forEach(u=>{Math.abs(u.getBoundingClientRect().left)<l&&(l=Math.abs(u.getBoundingClientRect().left),d=u)}),window.isClicked)return window.isClicked=!1,!1;d.click(),d.focus()},500)}),t.forEach((c,d)=>{c.addEventListener("click",l=>{l.preventDefault(),i[d].click()})}),s==null||s.addEventListener("click",c=>{c.preventDefault();const d=r.querySelector('[aria-pressed="true"]').nextSibling;d&&d.click()}),a.classList.contains("tabs--guided")){let c=0,d=0,l=0,u=0;e.forEach(m=>{m.addEventListener("touchstart",h=>{h.stopPropagation(),c=h.changedTouches[0].screenX,d=h.changedTouches[0].screenY}),m.addEventListener("touchend",h=>{h.stopPropagation(),l=h.changedTouches[0].screenX,u=h.changedTouches[0].screenY;const b=Io(c,d,l,u),p=r.querySelector('[aria-pressed="true"]'),f=p.nextSibling,g=p.previousSibling;switch(b){case"left":f&&f.click();break;case"right":g&&g.click();break}})})}},Go=function(a){if(!a.querySelector(":scope > details"))return!1;const e=a.querySelectorAll(":scope > details"),t=a.shadowRoot.querySelectorAll(".tabs__links > button");location.hash&&a.shadowRoot.querySelector(`.tabs__links [data-id="${location.hash.replace("#","")}"]`)?(a.shadowRoot.querySelector(`[data-id="${location.hash.replace("#","")}"]`).setAttribute("aria-pressed",!0),a.querySelector(`details[id="${location.hash.replace("#","")}"]`).setAttribute("open",!0)):a.querySelector("details[open]")||(e[0].setAttribute("open",!0),t[0].setAttribute("aria-pressed",!0))},Xo=function(a){Uo(a),Wo(a),Go(a)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});class Yo extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
566
|
+
*/const sn=function(a){return typeof a!="string"?!1:!isNaN(a)&&!isNaN(parseFloat(a))},ln=(a,t)=>String(a).padStart(t,"0"),cn=a=>a.charAt(0).toUpperCase()+a.slice(1),T=(a,t,e)=>t.split(/[\.\[\]\'\"]/).filter(r=>r).reduce((r,o)=>r?r[o]:e,a);var dn=function(a,t,e,r){function o(n){return n instanceof e?n:new e(function(i){i(n)})}return new(e||(e=Promise))(function(n,i){function c(d){try{l(r.next(d))}catch(h){i(h)}}function m(d){try{l(r.throw(d))}catch(h){i(h)}}function l(d){d.done?n(d.value):o(d.value).then(c,m)}l((r=r.apply(a,[])).next())})};const dt=a=>{const t=Array.from(a.querySelectorAll("thead th"));Array.from(a.querySelectorAll("tbody tr")).forEach(e=>{const r=Array.from(e.querySelectorAll("th, td")),o=["0","low","medium","high","unknown","n/a","pending","verified","due","overdue","incomplete","complete","completed","approval required","upcoming","requires approval","to do","on track","not started","warning","error"];r.forEach((n,i)=>{const c=t[i];if(typeof c<"u"){const m=document.createElement("div");m.innerHTML=c.innerHTML;const l=m.textContent||m.innerText||"";n.setAttribute("data-label",l),c.hasAttribute("data-td-class")&&n.setAttribute("class",c.getAttribute("data-td-class")),c.hasAttribute("data-format")&&(n.setAttribute("data-format",c.getAttribute("data-format")),n.innerHTML=J(c.getAttribute("data-format"),n.textContent.trim())),o.includes(n.textContent.trim().toLowerCase())&&n.setAttribute("data-content",n.textContent.trim().toLowerCase())}})})},mn=a=>{let t=0;return Array.from(a.querySelectorAll("tbody tr")).forEach(e=>{const r=window.getComputedStyle(document.querySelector("html")),o=e.querySelector(":scope > *:last-child > *:first-child");if(o){o.classList.add("text-nowrap");let n=o.offsetWidth/parseFloat(r.fontSize);n+=1.7,t=t>n?t:n}}),t},hn=(a,t)=>{if(t.classList.contains("table--fullwidth")&&!t.hasAttribute("data-expandable")||a.querySelectorAll("thead tr th").length<4&&!t.hasAttribute("data-expandable"))return!1;Array.from(a.querySelectorAll("thead tr")).forEach(e=>{a.querySelectorAll("thead tr th.expand-button-heading").length||e.insertAdjacentHTML("afterbegin",'<th class="th--fixed expand-button-heading"></th>')}),Array.from(a.querySelectorAll("tbody tr")).forEach(e=>{const r=e.getAttribute("data-view")==="full"?"aria-expanded":"";e.insertAdjacentHTML("afterbegin",`<td class="td--fixed td--expand"><button class="btn btn-compact btn-secondary" data-expand-button ${r}>Expand</button></td>`)})},un=(a,t)=>{a.addEventListener("click",e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest("[data-expand-button]")){const r=e.target.closest("[data-expand-button]"),o=r.closest("tr");r.toggleAttribute("aria-expanded"),o.getAttribute("data-view")=="full"?o.setAttribute("data-view","default"):o.setAttribute("data-view","full"),r.blur()}else if(e&&e.target instanceof HTMLElement&&e.target.closest("[data-sort]")){const r=e.target.closest("[data-sort]");r.setAttribute("data-sort","true"),Array.from(a.querySelectorAll("th[data-sort]")).forEach(c=>{c!=r&&(c.setAttribute("data-sort",""),c.removeAttribute("data-order-by"),r.setAttribute("title","Click to sort ascending"))}),r.hasAttribute("data-order-by")&&r.getAttribute("data-order-by")=="asc"?(r.setAttribute("data-order-by","desc"),r.setAttribute("title","Click to sort ascending")):(r.setAttribute("data-order-by","asc"),r.setAttribute("title","Click to sort descending"));const o=new CustomEvent("sort-by-heading",{detail:{heading:r.textContent,sortBy:r.getAttribute("data-order-by"),ref:r.getAttribute("data-ref")}});r.closest("iam-table").dispatchEvent(o);const n=r.textContent.trim(),i=r.getAttribute("data-order-by");t.hasAttribute("data-submit")||ut(a,n,i)}})},mt=(a,t)=>{const e=t.querySelector("input[data-search]");if(!e)return!1;const r=e.getAttribute("id"),o=e.getAttribute("data-search").split(","),n=e.parentNode,i={};o.forEach(c=>{Array.from(a.querySelectorAll('td[data-label="'+c.trim()+'"]')).forEach(m=>{m.querySelector(".td__content")?i[m.querySelector(".td__content").textContent]=m.querySelector(".td__content").textContent:i[m.textContent]=m.textContent})}),e.setAttribute("list",`${r}_list`),e.setAttribute("autocomplete","off"),n.querySelector("datalist")||(n.innerHTML+=`<datalist id="${r}_list"></datalist>`),n.querySelector("datalist").innerHTML=`${Object.keys(i).map(c=>`<option value="${c}"></option>`).join("")}`},pn=(a,t,e,r,o)=>{let n;const i=function(l,d=!1){if(r.hasAttribute("data-no-submit")||t.classList.contains("processing"))return!1;if(Array.from(t.querySelectorAll("iam-applied-filters")).forEach(h=>{const p=new Event("tags-set");h.dispatchEvent(p)}),l.type=="submit"&&(t.classList.add("processing"),Array.from(t.querySelectorAll("[data-duplicate]")).forEach(h=>{const p=h.getAttribute("data-duplicate"),u=document.getElementById(p),f=document.querySelector(`[for="${p}"] iam-card`);if(u.checked!=h.checked)if(f){const b=new Event("click");f.dispatchEvent(b)}else u.checked=h.checked}),t.classList.remove("processing")),t.hasAttribute("data-ajax")){if(!d){const h=t.querySelector("[data-pagination]");h.value=1,r.setAttribute("data-page",1)}gt(a,t,e,r)}else t.hasAttribute("data-submit")?t.submit():(K(a,t,r),F(a,t));if(t.hasAttribute("data-ajax-post")){const h=new FormData(t),p=new URLSearchParams(h).toString(),u=new XMLHttpRequest;u.open("GET",`${window.location.href}?ajax=true&${p}`),u.send()}};t.querySelector("iam-actionbar[data-search]")&&t.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="${t.querySelector("iam-actionbar[data-search]").getAttribute("data-search")}" value="${l.detail.search}"/>`),clearTimeout(n),i(l)}),t.addEventListener("keyup",l=>{clearTimeout(n),l&&l.target instanceof HTMLElement&&l.target.closest("input[data-search]")&&(n=setTimeout(function(){i(l)},500))}),t.addEventListener("change",l=>{if(clearTimeout(n),l&&l.target instanceof HTMLElement&&l.target.closest("[data-sort]")&&(t.hasAttribute("data-submit")||ht(a,t,o),i(l)),l&&l.target instanceof HTMLElement&&l.target.closest("input[data-search]")&&i(l),l&&l.target instanceof HTMLElement&&l.target.closest("[data-filter][data-no-ajax]")?(K(a,t,r),F(a,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"))&&i(l),l&&l.target instanceof HTMLElement&&l.target.closest("[data-show]")&&i(l),l&&l.target instanceof HTMLElement&&l.target.closest("[data-mimic]")&&i(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(n),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(h=>{h.innerHTML=""});const d=t.elements;for(let h=0;h<d.length;h++)switch(d[h].type.toLowerCase()?d[h].type.toLowerCase():"text"){case"text":case"password":case"textarea":d[h].value="";break;case"radio":case"checkbox":if(d[h].checked){const p=d[h],u=p.getAttribute("id"),f=document.querySelector(`[for="${u}"`);if(f.querySelector("iam-card")){const b=f.querySelector("iam-card"),v=new Event("click");b.dispatchEvent(v)}p.checked=!1}break;case"select-one":case"select-multi":d[h].selectedIndex=-1;break}t.classList.remove("processing"),t.hasAttribute("data-submit")||ht(a,t,o),i(l)}}),t.addEventListener("submit",l=>{clearTimeout(n),t.hasAttribute("data-submit")||l.preventDefault(),i(l)}),t.addEventListener("force",l=>{i(l)}),t.addEventListener("paginate",l=>{i(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(h=>{const p=h.closest("form");c.includes(p)||c.push(p),m.includes(d)||m.push(d)})}),c.forEach(l=>{const d=function(){const h=[],p=new FormData(l);for(const[u,f]of p)document.querySelector(`[data-mimic="${u}"]`)&&!h.includes(u)?(h.push(u),document.querySelector(`[data-mimic="${u}"]`).value=f):document.querySelector(`[data-mimic="${u}"]`)&&(document.querySelector(`[data-mimic="${u}"]`).value+=","+f);for(const u of h){const f=new Event("force");t.dispatchEvent(f)}for(const u of m)if(!p.has(u)&&l.querySelector(`[name="${u}"]`)){document.querySelector(`[data-mimic="${u}"]`).value="";const f=new Event("force");t.dispatchEvent(f)}};l.addEventListener("force",()=>{d()}),l.addEventListener("change",()=>{d()})})},ht=(a,t,e)=>{if(t.getAttribute("data-ajax"))return!1;const r=a.querySelector("tbody");let o=t.querySelector('input[type="radio"][data-sort]:checked');if(t.querySelector("select[data-sort]")){const m=t.querySelector("select[data-sort]");o=t.querySelector(`select[data-sort] option:nth-child(${m.selectedIndex+1})`)}const n=o.getAttribute("data-sort"),i=o.getAttribute("data-order"),c=o.getAttribute("data-format");if(!n)return r.innerHTML=e.innerHTML,dt(a),!1;ut(a,n,i,c)},ut=(a,t,e,r="")=>{const o=a.querySelector("tbody");let n=[];["asc","desc","descending"].includes(e)||(n=e.split(","));let i=[];Array.from(o.querySelectorAll("tr")).forEach(m=>{let l=m.querySelector('td[data-label="'+t+'"], th[data-label="'+t+'"]').textContent.trim();m.querySelector('[data-label="'+t+'"] .td__content')&&(l=m.querySelector('[data-label="'+t+'"] .td__content').textContent.trim()),n.length&&n.includes(l)&&(l=n.indexOf(l)),sn(l)&&(l=ln(l,10)),r&&r=="date"&&(l=new Date(l));const d={index:l,row:m};i.push(d)}),i.sort((m,l)=>m.index>l.index?1:-1),(e=="descending"||e=="desc")&&(i=i.reverse());let c="";i.forEach(m=>{c+=m.row.outerHTML}),o.innerHTML=c},K=(a,t,e)=>{a.classList.remove("table--filtered");const r=bt(t),o=[];let n=0;const i=t.querySelector("[data-pagination]")?parseInt(t.querySelector("[data-pagination]").value):1,c=t.querySelector("[data-show]")?parseInt(t.querySelector("[data-show]").value):15;if(Array.from(a.querySelectorAll("tbody tr")).forEach(l=>{l.classList.remove("filtered"),l.classList.remove("filtered--matched"),l.classList.remove("filtered--show"),l.removeAttribute("data-filtered-by")}),t.querySelector("input[data-search]")){const l=t.querySelector("input[data-search]");t.querySelector("input[data-search]").getAttribute("data-search").split(",").forEach(d=>{o.push({column:`${d.trim()}`,value:`${l.value}`})})}Array.from(t.querySelectorAll("[data-filter-count]")).forEach(l=>{l.innerHTML="",l.parentNode.classList.remove("hover")});let m=0;Object.values(r).forEach(l=>{typeof l=="object"&&Object.values(l).length?m+=Object.values(l).length:m++}),m&&Array.from(t.querySelectorAll("[data-filter-count]")).forEach(l=>{l.innerHTML+=`(${m})`,l.parentNode.classList.add("hover")}),a.classList.add("table--filtered");for(const[l,d]of Object.entries(r))Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach(h=>{let p=!1;d.forEach(u=>{const f=h.querySelector(`[data-label="${l}"]`);if(u.includes("-date-from")){const b=new Date(u.replace("-date-from","")),v=new Date(f.textContent.toLowerCase());b.setHours(0,0,0,0),v.setHours(0,0,0,0),v<b?(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(u.includes("-date-to")){const b=new Date(u.replace("-date-to","")),v=new Date(f.textContent.toLowerCase());b.setHours(0,0,0,0),v.setHours(0,0,0,0),v>b?(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(u&&u=="$today")u=J("date",new Date);else if(u&&u=="$yesterday"){const b=new Date;b.setDate(b.getDate()-1),u=J("date",b)}else if(u&&(u=="$thisWeek"||u=="$lastWeek")){const b=new Date,v=new Date(b.setDate(b.getDate()-(b.getDay()-1))),g=new Date(b.setDate(b.getDate()-b.getDay()+7)),y=new Date(f.textContent.toLowerCase());if(b.setHours(0,0,0,0),v.setHours(0,0,0,0),g.setHours(0,0,0,0),y.setHours(0,0,0,0),u=="$thisWeek")p=y>=v&&y<=g;else{const _=new Date(v.setDate(v.getDate()-7)),w=new Date(g.setDate(g.getDate()-7));_.setHours(0,0,0,0),w.setHours(0,0,0,0),p=y>=_&&y<=w}}else if(u&&u=="$thisMonth"){const b=new Date,v=b.getFullYear(),g=b.getMonth(),y=new Date(v,g,1),_=new Date(v,g+1,0),w=new Date(f.textContent.toLowerCase());y.setHours(0,0,0,0),_.setHours(0,0,0,0),w.setHours(0,0,0,0),p=w>=y&&w<=_}else if(u&&u=="$lastMonth"){const b=new Date,v=b.getFullYear(),g=b.getMonth(),y=new Date(v,g-1,1),_=new Date(v,g,0),w=new Date(f.textContent.toLowerCase());y.setHours(0,0,0,0),_.setHours(0,0,0,0),w.setHours(0,0,0,0),p=w>=y&&w<=_}f&&f.textContent.toLowerCase().includes(u.replace("-"," ").toLowerCase())&&(p=!0)}),p||(h.classList.add("filtered"),h.setAttribute("data-filtered-by",l))});Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach(l=>{let d=!(o.length>0&&o[0].value.length>=3);o.forEach(h=>{const p=l.querySelector(`[data-label="${h.column}"]`);p&&h.value.length>=3&&p.textContent.toLowerCase().includes(h.value.toLowerCase())&&(d=!0)}),d||l.classList.add("filtered")}),Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach(l=>{n++,l.classList.add("filtered--matched"),Math.ceil(n/c)==parseInt(i)&&l.classList.add("filtered--show")}),e&&(e.setAttribute("data-total",n),e.setAttribute("data-show",c),e.setAttribute("data-page",i))},F=(a,t,e)=>{Array.from(t.querySelectorAll("[data-query]")).forEach(r=>{const o=r.getAttribute("data-query");let n=0;if(o=="total")e.hasAttribute("data-total")?n=e.getAttribute("data-total"):n=(a.classList.contains("table--filtered"),a.querySelectorAll("tbody tr").length);else if(!o.includes(" == ")&&o.includes(" & ")){const i=o.split(" & ");let c="";i.forEach(m=>{c+=`:not([data-filtered-by="${m}"])`}),n=Array.from(a.querySelectorAll(`tbody tr${c}`)).length}else if(!o.includes(" == "))n=Array.from(a.querySelectorAll(`tbody tr:not([data-filtered-by="${o}"])`)).length;else if(o.includes(" && ")){const i=o.split(" && ");n=Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).filter(function(c){let m=!0;for(const l of Object.entries(i)){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 i=o.split(" == ");n=Array.from(a.querySelectorAll(`tbody tr.filtered--matched td[data-label="${i[0]}"], tbody tr[data-filtered-by="${i[0]}"] td[data-label="${i[0]}"]`)).filter(function(c){return c.textContent===i[1]}).length}r.hasAttribute("data-total")?r.setAttribute("data-total",n):r.innerHTML=n})},bn=function(a,t,e,r){if(r.hasAttribute("data-no-submit"))return!1;e.addEventListener("update-page",o=>{const n=t.querySelector("[data-pagination]"),i=o.detail.page;if(n.value=i,t.dispatchEvent(new Event("paginate")),r.setAttribute("data-page",i),a.hasAttribute("data-show-history")){const c=new URL(location);c.searchParams.set("page",i),history.pushState({type:"pagination",form:t.getAttribute("id"),page:i},"",c)}if(!r.hasAttribute("data-no-scroll")){const c=a.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:c,behavior:"smooth"})}}),e.addEventListener("update-show",o=>{const n=t.querySelector("[data-show]"),i=o.detail.show;n.value=i,r.setAttribute("data-show",i),t.dispatchEvent(new Event("submit"))})},gn=(a,t)=>{if(!a)return!1;a.addEventListener("click",()=>{fn(t)})},fn=function(a){let t=[];const e=a.getElementsByTagName("tr");for(let i=0;i<e.length;i++){const c=e[i].querySelectorAll("td,th"),m=[];for(let l=0;l<c.length;l++)m.push(`"${c[l].textContent}"`);t.push(m.join(","))}t=t.join(`
|
|
567
|
+
`);const r=new Blob([t],{type:"text/csv"}),o=document.createElement("a");o.download="export.csv";const n=window.URL.createObjectURL(r);o.href=n,o.style.display="none",document.body.appendChild(o),o.click(),document.body.removeChild(o)},pt=function(a,t,e,r){if(dt(a),hn(a,r),F(a,t,r),r&&r.classList.contains("table--cta")){let o=function(){Array.from(a.querySelectorAll("tr")).forEach(i=>{const c=i.offsetHeight;i.style.setProperty("--row-height",`${c}px`)})};const n=mn(a);r.style.setProperty("--cta-width",`${n}rem`),new ResizeObserver(o).observe(a)}},bt=function(a){const t=new Object;return Array.from(a.querySelectorAll("[data-filter]")).forEach(e=>{if(!(e.type=="radio"&&!e.checked)&&!(e.type=="checkbox"&&!e.checked)&&e&&e.value){const r=e.getAttribute("data-filter");let o=e.value;e.hasAttribute("data-date-from")&&(o+="-date-from"),e.hasAttribute("data-date-to")&&(o+="-date-to"),t[r]||(t[r]=[]),t[r].push(o)}}),t},gt=function(a,t,e,r){return dn(this,void 0,void 0,function*(){const o=new FormData(t),n=new URLSearchParams(o).toString(),i=a.querySelectorAll("thead tr th:not(.expand-button-heading)"),c=a.querySelector("tbody"),m=t.getAttribute("data-ajax");r.classList.add("table--loading");const l=bt(t);Array.from(t.querySelectorAll("[data-filter-count]")).forEach(p=>{p.innerHTML="",p.parentNode.classList.remove("hover")});let d=0;Object.values(l).forEach(p=>{typeof p=="object"&&Object.values(p).length?d+=Object.values(p).length:d++}),d&&Array.from(t.querySelectorAll("[data-filter-count]")).forEach(p=>{p.innerHTML+=`(${d})`,p.parentNode.classList.add("hover")}),window.controller||(window.controller=[]),window.controller[m]&&window.controller[m].abort(),window.controller[m]=new AbortController;const{signal:h}=controller[m];e.setAttribute("data-loading","true"),t.classList.add("processing");try{yield fetch(m+"?"+n,{signal:h,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"})}).then(p=>p.json()).then(p=>{const u=t.hasAttribute("data-schema")?t.getAttribute("data-schema"):"data",f=t.hasAttribute("data-schema-total")?t.getAttribute("data-schema-total"):"meta.total",b=t.hasAttribute("data-schema-page")?t.getAttribute("data-schema-page"):"meta.current_page",v=T(p,f,15),g=T(p,b,1),y=T(p,u),_=r.hasAttribute("data-empty-msg")?r.getAttribute("data-empty-msg"):"No results found";y?(c.innerHTML="",y.forEach(w=>{const A=document.createElement("tr");i.forEach(k=>{let E="";const L=document.createElement("td");if(L.setAttribute("data-label",k.innerText),k.getAttribute("data-output")&&(E=k.getAttribute("data-output").replace(new RegExp(/{(.*?)}/,"gm"),function(C){return T(w,C.replace("{","").replace("}",""))})),k.hasAttribute("data-output-array")){const C=k.getAttribute("data-output"),z=T(w,C.replace("{","").replace("}",""));E="",z.forEach(H=>{const P=k.getAttribute("data-output-array");let q="";if(k.hasAttribute("data-output-array-property")&&k.hasAttribute("data-output-array-transform")){const M=T(H,k.getAttribute("data-output-array-property")),R=JSON.parse(k.getAttribute("data-output-array-transform"))[M];q=P.replace(`{${k.getAttribute("data-output-array-property")}}`,R)}q=q.replace(new RegExp(/{(.*?)}/,"gm"),function(M){return T(H,M.replace("{","").replace("}",""))}),E+=q})}k.hasAttribute("data-transform")&&(E=JSON.parse(k.getAttribute("data-transform"))[E],!E&&k.hasAttribute("data-default")&&(E=k.getAttribute("data-default"))),L.innerHTML=E,A.appendChild(L)}),c.appendChild(A)}),mt(a,t),r.setAttribute("data-total",parseInt(v)),r.setAttribute("data-page",parseInt(g)),pt(a,t,e,r),Array.from(t.querySelectorAll("[data-ajax-query]")).forEach(w=>{const A=T(p,w.getAttribute("data-ajax-query"),"");w.hasAttribute("data-total")?w.setAttribute("data-total",A):w.innerHTML=A}),parseInt(v)==0&&(c.innerHTML=`<tr><td colspan="100%"><span>${_}</span></td></tr>`),r.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:m,formData:n})):c.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>',e.removeAttribute("data-loading"),t.classList.remove("processing")})}catch(p){console.log(p)}})},J=(a,t)=>{switch(a){case"datetime":return new Date(t).toLocaleDateString("en-gb",{weekday:"short",year:"2-digit",month:"long",day:"numeric"})+" "+new Date(t).toLocaleTimeString("en-gb",{hour:"2-digit",minute:"2-digit"});case"date":return new Date(t).toLocaleDateString("en-gb",{day:"numeric",month:"long",year:"2-digit"});case"capitalise":return t=cn(t)}};class vn extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
311
568
|
<style>
|
|
312
|
-
@import "${
|
|
313
|
-
|
|
569
|
+
@import "${e}";
|
|
570
|
+
:host{--wrapper-padding: 2rem;--bg-colour: #ffffff;display:block;background:#fff;padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.625rem;margin-bottom:2rem;overflow:hidden}:host:before{display:none !important}@media screen and (prefers-color-scheme: dark){:host{background:var(--colour-canvas-2)}}@media(forced-colors: active){:host{--wrapper-padding: 0;background:var(--colour-canvas-2)}}::slotted(table){margin-bottom:0 !important}.table__wrapper{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}@container (width < 23.4375em){:host(:not(.table--fullwidth)){margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:0;background:var(--colour-canvas-2);border-radius:0;background:none;padding:0;box-shadow:none;overflow:visible}:host(:not(.table--fullwidth)) .table__wrapper:not(.table--fullwidth){overflow:hidden;max-height:none !important}:host(:not(.table--fullwidth)) ::slotted(table){overflow:visible !important;margin-inline:1.5rem;margin-bottom:1.5rem !important;width:calc(100% - 3rem) !important;display:block}:host(:not(.table--fullwidth)) .table--cta{border-bottom:0}:host(:not(.table--fullwidth)) .table--cta:after{content:none;display:none !important}}@container (width > 23.4375em){:host{--cta-width: 8rem}:host(.table--loading){--cta-width: 1.5rem !important}.table--cta{position:relative}.table--cta .table__wrapper{overflow-y:hidden;margin-bottom:0}}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){position:relative}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{top:calc(100% - 1.2rem);bottom:2px;height:1.2rem;border-bottom:2px solid var(--colour-border);margin-bottom:-1.2rem}.table--cta>.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){max-height:none;position:static}.table--cta>.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{display:none}@container (width < 23.4375em){.table__wrapper.has-actionbar{margin-top:calc(-100vh + 6.75rem) !important}}:host(.table--loading){pointer-events:none;position:relative}:host(.table--loading) ::slotted(table){min-height:20rem;opacity:.5}:host(.table--loading)::after{content:"Loading...";position:absolute;top:6.25rem;left:50%;transform:translate(-50%, 0);font-weight:bold;color:var(--colour-heading);font-size:1.5rem;text-shadow:0px 0px 10px var(--colour-canvas-2);padding-inline:2rem;text-shadow:0px 0px 10px var(--colour-canvas-2);background:radial-gradient(var(--colour-canvas-2), transparent)}@container (width < 23.4375em){.pagination--table{margin-inline:1.5rem;width:auto}:host(.table--fullwidth) .pagination--table{margin-inline:0}}/*# sourceMappingURL=assets/css/components/table.component.css.map */
|
|
314
571
|
|
|
315
572
|
|
|
316
|
-
:host(.
|
|
317
|
-
|
|
573
|
+
:host(.mh-sm){
|
|
574
|
+
max-height: none!important;
|
|
575
|
+
}
|
|
576
|
+
:host(.mh-md){
|
|
577
|
+
max-height: none!important;
|
|
578
|
+
}
|
|
579
|
+
:host(.mh-lg){
|
|
580
|
+
max-height: none!important;
|
|
318
581
|
}
|
|
319
582
|
|
|
320
583
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
321
584
|
</style>
|
|
322
|
-
<
|
|
323
|
-
<div class="
|
|
324
|
-
|
|
325
|
-
<div class="tabs__links" part="tab-links"></div>
|
|
326
|
-
</div>
|
|
585
|
+
<slot name="before"></slot>
|
|
586
|
+
<div class="table--cta">
|
|
587
|
+
<div class="table__wrapper">
|
|
327
588
|
<slot></slot>
|
|
328
|
-
<button part="next-button" class="btn btn-secondary btn-sm btn-compact fa-regular fa-chevron-right tabs__next">Next</button>
|
|
329
589
|
</div>
|
|
330
|
-
|
|
590
|
+
</div>
|
|
591
|
+
<iam-pagination part="pagination" class="pagination--table" ${this.hasAttribute("data-page")?`data-page="${this.getAttribute("data-page")}"`:""} ></iam-pagination>
|
|
592
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0)),document.getElementById("tableExtras")||document.head.insertAdjacentHTML("beforeend",`<style id="tableExtras">*:has(>iam-table){container-type:inline-size}iam-table{--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}iam-table thead tr{background:var(--row-bg)}iam-table tbody tr{background:var(--row-bg)}iam-table tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238, 238, 238;--row-bg: var(--hover-background);background:var(--row-bg)}iam-table[data-expandable] [data-expand-button][aria-expanded]{background-color:rgba(0,0,0,0)}@container (width < 23.4375em){iam-table:not(.table--fullwidth) thead{display:none}iam-table:not(.table--fullwidth) tbody{display:block;overflow:visible}iam-table:not(.table--fullwidth) tbody tr td:first-child{padding-top:0}iam-table:not(.table--fullwidth) tr{display:block;position:relative;border:none;background:var(--row-bg);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem;height:auto}iam-table:not(.table--fullwidth) tr+tr{margin-top:2rem}iam-table:not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}iam-table:not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}iam-table:not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}iam-table:not(.table--fullwidth) :is(td,th)[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--colour-heading);padding:0 0 0.375rem 0;margin-bottom:0;display:block;font-weight:bold}iam-table:not(.table--fullwidth) td:first-child::after{top:1.75rem !important}iam-table:not(.table--fullwidth) td::after{top:2.5rem}iam-table:not(.table--fullwidth) .td--fixed{padding-right:50%}iam-table:not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}iam-table:not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}iam-table:not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative}iam-table:not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important}iam-table:not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}iam-table:not(.table--fullwidth) [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:300 !important;font-size:1.75rem;line-height:var(--compact-size) !important}iam-table:not(.table--fullwidth) [data-expand-button][aria-expanded]:before{content:"";font-weight:900 !important}iam-table:not(.table--fullwidth) .dialog__wrapper:not([slot=overflow]){margin-top:-0.5rem;margin-left:-1rem;z-index:10}iam-table:not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child{display:block !important;position:static;width:100%;min-width:100%;margin-left:0;padding-left:0;text-align:left;min-height:0}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child:after{display:none}}@container (width > 23.4375em){iam-table.table--cta:not(.table--loading):has(tr:first-child td:first-child:last-child){padding-right:calc(var(--wrapper-padding) + 1.5rem)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>th:nth-last-child(2),iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>td:nth-last-child(2){padding-right:var(--cta-width)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem);cursor:default;padding-bottom:0}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem;padding-bottom:0}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta){position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead{position:sticky;top:0;left:0;z-index:1;background-color:var(--row-bg)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--colour-primary)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody{position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:first-child td{border-top:0}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:last-child td{border-bottom:0}table .hide-status:after{display:none}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content="action required"],[data-content=upcoming]):after{content:"";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"";color:var(--colour-warning)}table :is([data-content="manually verified"],[data-content=verified],[data-content=completed],[data-content=complete]):after{content:"";font-weight:normal;color:var(--colour-complete)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"";color:var(--colour-primary)}iam-table .table--filtered tbody tr:not(.filtered--show){display:none !important}iam-table table:not(.table--filtered):not(.table--ajax) tbody tr:nth-child(15)~tr{display:none}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.75rem !important;left:.25rem !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:auto;margin:0;margin-top:0rem}@container (width > 23.4375em){iam-table tr:has([type=checkbox]:checked){height:calc(4.625rem - 2px)}}iam-table tr:has([type=checkbox]:checked){--row-bg: #e0e0e0}@container (width < 23.4375em){@media screen and (prefers-color-scheme: light){iam-table:has([slot=before]) iam-actionbar{background-color:#e6eaec}}iam-table:has([slot=before]) .actionbar__sticky+*{margin-top:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}iam-table.table--fullwidth:not([data-expandable]) th.expand-button-heading{display:none}iam-table.table--fullwidth:not([data-expandable]) td:has([data-expand-button]){display:none}@container (width > 23.4375em){iam-table:not([data-expandable]) th.expand-button-heading{display:none}iam-table:not([data-expandable]) td.td--expand{display:none}iam-table[data-expandable] [data-expand-button]{margin:0}iam-table[data-expandable] [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:500}iam-table[data-expandable] [data-expand-button][aria-expanded]:before{content:""}iam-table[data-expandable] tr:not(:has(p)) [data-expand-button]{display:none}iam-table[data-expandable] tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}@container (width < 23.4375em){iam-table:not(.table--fullwidth) .td--fixed+td:not(.td--fixed){border-top:none}}@container (width > 23.4375em){iam-table{--width-adjust: 0px}iam-table:has([type=checkbox]){--width-adjust: -1rem}iam-table .th--fixed{min-width:calc(4.5rem + var(--width-adjust));position:absolute;padding:0}iam-table .th--fixed:after{top:auto;left:0;content:"";position:absolute;width:100%;height:calc(var(--row-height) - 2px);background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed{position:absolute;position:absolute;left:auto;top:auto;z-index:3;padding:0.25rem 0 0 0;min-width:4.5rem;height:calc(var(--row-height) - 2px);text-align:left;background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed:has([open]){z-index:4}iam-table tr:has(.td--fixed){height:3.5rem}iam-table tr:is(:hover,:focus) .td--fixed{background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table tr:has([data-expand-button]){height:calc(4.625rem - 2px)}iam-table .th--fixed+th:not(.th--fixed),iam-table .td--fixed+td:not(.td--fixed){padding-left:calc(4.5rem + var(--width-adjust))}iam-table .th--fixed:not(.expand-button-heading)+.th--fixed+th:not(.th--fixed),iam-table .td--fixed:not(.td--expand)+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table[data-expandable] .th--fixed+.th--fixed+th:not(.th--fixed),iam-table[data-expandable] .td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed+.th--fixed,iam-table .td--fixed+.td--fixed{padding-left:calc(3.25rem + var(--width-adjust));min-width:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed:has(+.th--fixed),iam-table .td--fixed:has(+.td--fixed){min-width:calc(3.25rem + var(--width-adjust));z-index:5}iam-table .dialog__wrapper{z-index:10}iam-table .dialog__wrapper:has([open]){z-index:20}iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:before,iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:after{left:1.25rem !important}iam-table:not([data-expandable]) th.expand-button-heading+th{padding-left:0 !important}iam-table:not([data-expandable]) td.td--expand+td{padding-left:0 !important}iam-table:not([data-expandable]) th.expand-button-heading+.th--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}iam-table:not([data-expandable]) td.td--expand+.td--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}}iam-table.table--fullwidth:has(th[data-sort]) th,iam-table.table--fullwidth td{padding-block:.75rem;padding-left:.5rem;padding-right:2.5rem}iam-table.table--fullwidth th[data-sort]{background-repeat:no-repeat;background-size:1rem 1rem;background-position:calc(100% - .5rem) 50%;cursor:pointer}iam-table.table--fullwidth th[data-sort]:hover{background-color:var(--colour-light);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path 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'/></svg>")}iam-table.table--fullwidth th[data-sort][data-order-by=asc]{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path 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'/></svg>")}iam-table.table--fullwidth th[data-sort][data-order-by=desc]{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path 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'/></svg>")}@container (width >= 32em){iam-table:has(th[data-sort]) th,iam-table td{padding-block:.75rem;padding-left:.5rem;padding-right:2.5rem}iam-table th[data-sort]{background-repeat:no-repeat;background-size:1rem 1rem;background-position:calc(100% - .5rem) 50%;cursor:pointer}iam-table th[data-sort]:hover{background-color:var(--colour-light);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path 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'/></svg>")}iam-table th[data-sort][data-order-by=asc]{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path 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'/></svg>")}iam-table th[data-sort][data-order-by=desc]{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path 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'/></svg>")}}iam-table [data-hide-col1]+table :is(thead,tbody) :is(th,td):nth-child(1){display:none}iam-table [data-hide-col2]+table :is(thead,tbody) :is(th,td):nth-child(2){display:none}iam-table [data-hide-col3]+table :is(thead,tbody) :is(th,td):nth-child(3){display:none}iam-table [data-hide-col4]+table :is(thead,tbody) :is(th,td):nth-child(4){display:none}iam-table [data-hide-col5]+table :is(thead,tbody) :is(th,td):nth-child(5){display:none}iam-table [data-hide-col6]+table :is(thead,tbody) :is(th,td):nth-child(6){display:none}iam-table [data-hide-col7]+table :is(thead,tbody) :is(th,td):nth-child(7){display:none}iam-table [data-hide-col8]+table :is(thead,tbody) :is(th,td):nth-child(8){display:none}iam-table [data-hide-col9]+table :is(thead,tbody) :is(th,td):nth-child(9){display:none}iam-table [data-hide-col10]+table :is(thead,tbody) :is(th,td):nth-child(10){display:none}iam-table [data-hide-col11]+table :is(thead,tbody) :is(th,td):nth-child(11){display:none}iam-table [data-hide-col12]+table :is(thead,tbody) :is(th,td):nth-child(12){display:none}iam-table [data-hide-col13]+table :is(thead,tbody) :is(th,td):nth-child(13){display:none}iam-table [data-hide-col14]+table :is(thead,tbody) :is(th,td):nth-child(14){display:none}iam-table [data-hide-col15]+table :is(thead,tbody) :is(th,td):nth-child(15){display:none}iam-table [data-hide-col16]+table :is(thead,tbody) :is(th,td):nth-child(16){display:none}iam-table [data-hide-col17]+table :is(thead,tbody) :is(th,td):nth-child(17){display:none}iam-table [data-hide-col18]+table :is(thead,tbody) :is(th,td):nth-child(18){display:none}iam-table [data-hide-col19]+table :is(thead,tbody) :is(th,td):nth-child(19){display:none}iam-table [data-hide-col20]+table :is(thead,tbody) :is(th,td):nth-child(20){display:none}iam-table [data-hide-col21]+table :is(thead,tbody) :is(th,td):nth-child(21){display:none}iam-table [data-hide-col22]+table :is(thead,tbody) :is(th,td):nth-child(22){display:none}iam-table [data-hide-col23]+table :is(thead,tbody) :is(th,td):nth-child(23){display:none}iam-table [data-hide-col24]+table :is(thead,tbody) :is(th,td):nth-child(24){display:none}iam-table [data-hide-col25]+table :is(thead,tbody) :is(th,td):nth-child(25){display:none}iam-table [data-hide-col26]+table :is(thead,tbody) :is(th,td):nth-child(26){display:none}iam-table [data-hide-col27]+table :is(thead,tbody) :is(th,td):nth-child(27){display:none}iam-table [data-hide-col28]+table :is(thead,tbody) :is(th,td):nth-child(28){display:none}iam-table [data-hide-col29]+table :is(thead,tbody) :is(th,td):nth-child(29){display:none}iam-table [data-hide-col30]+table :is(thead,tbody) :is(th,td):nth-child(30){display:none}/*# sourceMappingURL=assets/css/components/table.global.css.map */
|
|
593
|
+
</style>`)}connectedCallback(){const t=new URLSearchParams(window.location.search);this.hasAttribute("data-total")||this.setAttribute("data-total",this.querySelectorAll("table tbody tr").length),this.hasAttribute("data-page")||this.setAttribute("data-page",t.has("page")?t.get("page"):1),this.hasAttribute("data-show")||this.setAttribute("data-show",t.has("show")?t.get("show"):15),this.hasAttribute("data-increment")||this.setAttribute("data-increment",this.getAttribute("data-show"));let e=this.classList.toString();if(e=e.replace("table--cta",""),e=e.replace("table--loading",""),this.shadowRoot.querySelector(".table__wrapper").className+=` ${e}`,this.querySelector(".actionbar__sticky")&&this.shadowRoot.querySelector(".table__wrapper").classList.add("has-actionbar"),this.table=this.querySelector("table"),this.savedTableBody=this.table.querySelector("tbody").cloneNode(!0),this.pagination=this.shadowRoot.querySelector("iam-pagination"),this.pagination.setAttribute("data-total",this.getAttribute("data-total")),this.pagination.setAttribute("data-page",this.getAttribute("data-page")),this.pagination.setAttribute("data-show",this.getAttribute("data-show")),this.pagination.setAttribute("data-increment",this.getAttribute("data-show")),this.hasAttribute("data-page-jump")&&this.pagination.setAttribute("data-page-jump","true"),this.hasAttribute("data-per-page")&&this.pagination.setAttribute("data-per-page","true"),this.hasAttribute("data-item-count")&&this.pagination.setAttribute("data-item-count","true"),this.hasAttribute("data-loading")&&this.pagination.setAttribute("data-loading","true"),this.classList.contains("table--fullwidth")&&this.pagination.setAttribute("data-minimal","true"),this.classList.contains("table--cta")||this.shadowRoot.querySelector(".table--cta").classList.remove("table--cta"),this.form=document.createElement("form"),this.hasAttribute("data-filterby")?this.form=document.querySelector(`#${this.getAttribute("data-filterby")}`):this.table.parentNode.insertBefore(this.form,this.table.nextSibling),this.form.hasAttribute("data-ajax")&&this.table.classList.add("table--ajax"),mt(this.table,this.form),this.form.querySelector("[data-pagination]")||this.form.insertAdjacentHTML("beforeend",`<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`),this.form.querySelector("[data-show]")||this.form.insertAdjacentHTML("beforeend",`<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`),un(this.table,this),pn(this.table,this.form,this.pagination,this,this.savedTableBody),bn(this.table,this.form,this.pagination,this),gn(this.shadowRoot.querySelector("[data-export]"),this.table),this.form.getAttribute("data-ajax"))gt(this.table,this.form,this.pagination,this);else{let r=function(n=1){return Math.floor(Math.random()*Date.now()*(n+1))};if(this.querySelector("iam-actionbar[data-selectall]")||document.querySelector(`iam-actionbar[data-for='${this.getAttribute("id")}']`)){const n=this.querySelector("iam-actionbar[data-selectall]")?this.querySelector("iam-actionbar[data-selectall]"):document.querySelector(`iam-actionbar[data-for='${this.getAttribute("id")}']`);Array.from(this.table.querySelectorAll("thead tr")).forEach(i=>{i.insertAdjacentHTML("afterbegin",'<th class="th--fixed"></th>')}),Array.from(this.table.querySelectorAll("tbody tr")).forEach((i,c)=>{if(!i.querySelector(".selectrow")){const m=`row${r(c)}`;i.insertAdjacentHTML("afterbegin",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${m}" ${i.hasAttribute("data-selected")?'checked="true"':""}/><label for="${m}"><span class="visually-hidden">Select row</span></label></td>`)}}),this.table.addEventListener("change",i=>{if(i&&i.target instanceof HTMLElement&&i.target.closest(".selectrow input")){const c=this.table.querySelectorAll('.selectrow input[type="checkbox"]').length,m=this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;n.setAttribute("data-selected",c==m?"all":m)}}),n.addEventListener("selected",i=>{i.detail.selected=="0"?Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(c=>{c.checked=!1}):i.detail.selected=="all"&&Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(c=>{c.checked=!0})})}let o=-1;Array.from(this.table.querySelectorAll("tbody tr")).forEach(n=>{if(n.querySelector(":scope > td > .dialog__wrapper")){const i=n.querySelector(":scope > td > .dialog__wrapper").parentNode;i.classList.add("td--fixed"),o=Array.from(i.parentNode.children).indexOf(i)}}),o!=-1&&(this.table.querySelector(`thead tr th:nth-child(${o+1})`).classList.add("th--fixed"),Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${o+1})`)).forEach(n=>{n.classList.add("td--fixed")})),pt(this.table,this.form,this.pagination,this),this.hasAttribute("data-no-submit")||K(this.table,this.form,this),F(this.table,this.form)}this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll",()=>{this.table.querySelector("dialog[open]")&&(this.table.querySelector("dialog[open]").close(),this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"))}),this.pagination.addEventListener("update-show",r=>{const o=r.detail.show,n=new CustomEvent("update-show",{detail:{show:o}});this.dispatchEvent(n)}),this.pagination.addEventListener("update-page",r=>{const o=r.detail.page,n=new CustomEvent("update-page",{detail:{page:o}});this.dispatchEvent(n)})}static get observedAttributes(){return["data-total","data-page","data-show"]}attributeChangedCallback(t,e,r){switch(this.pagination=this.shadowRoot.querySelector("iam-pagination"),t){case"data-total":{e!=r&&this.pagination.setAttribute("data-total",r);break}case"data-show":{e!=r&&this.pagination.setAttribute("data-show",r);break}case"data-page":{e!=r&&this.pagination.setAttribute("data-page",r);break}}}}const yn=Object.freeze(Object.defineProperty({__proto__:null,default:vn},Symbol.toStringTag,{value:"Module"}));/*!
|
|
594
|
+
* iamKey v7.2.0
|
|
595
|
+
* Copyright 2022-2025 iamproperty
|
|
596
|
+
*/const wn=a=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:a})},_n=(a,t,e)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),e.forEach(r=>{a.addEventListener(r,function(o){const n={event:r,element:t,target:o.target};Object.keys(o.detail).forEach(i=>{const c=o.detail[i];n[i]=c}),window.dataLayer.push(n)})}),!0),kn=`<div class="card__head" part="head">
|
|
597
|
+
<slot name="head"></slot>
|
|
598
|
+
</div>
|
|
599
|
+
<div class="card__badges"><slot name="badges"></slot></div>
|
|
600
|
+
<slot name="checkbox" class="activate-prevent-hover"></slot>
|
|
601
|
+
<div class="card__body" part="body">
|
|
602
|
+
<slot></slot>
|
|
603
|
+
<slot name="secondary" part="secondary"></slot>
|
|
604
|
+
</div>
|
|
605
|
+
<div class="card__details" part="details">
|
|
606
|
+
<slot name="details"></slot>
|
|
607
|
+
</div>
|
|
608
|
+
<div class="card__footer" part="footer">
|
|
609
|
+
<slot name="footer"></slot>
|
|
610
|
+
</div>`,xn=a=>{a.classList.add("card");const t=a.shadowRoot.querySelector(".card__head"),e=a.shadowRoot.querySelector(".card__body");a.hasAttribute("data-image")&&(t.innerHTML+=`<img src="${a.getAttribute("data-image")}" alt="" loading="lazy" part="image" />`),a.hasAttribute("data-total")?e.insertAdjacentHTML("beforeend",`<div class="card__total">${a.getAttribute("data-total")}</div>`):a.querySelector('[slot="total-icon"]')&&e.insertAdjacentHTML("beforeend",'<div class="card__total"><slot name="total-icon"></slot></div>'),a.querySelector('[slot="badges"]')?a.shadowRoot.querySelector(".card__badges").classList.remove("empty"):a.shadowRoot.querySelector(".card__badges").classList.add("empty")};var An=function(a,t,e,r){function o(n){return n instanceof e?n:new e(function(i){i(n)})}return new(e||(e=Promise))(function(n,i){function c(d){try{l(r.next(d))}catch(h){i(h)}}function m(d){try{l(r.throw(d))}catch(h){i(h)}}function l(d){d.done?n(d.value):o(d.value).then(c,m)}l((r=r.apply(a,[])).next())})};wn("iam-record-card");const Ln=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 t=document.createElement("template");t.innerHTML=`
|
|
331
611
|
<style>
|
|
332
|
-
@import "${t}";
|
|
333
|
-
${r}
|
|
334
612
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
613
|
+
|
|
614
|
+
: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 */
|
|
615
|
+
|
|
335
616
|
</style>
|
|
336
|
-
|
|
617
|
+
${kn}
|
|
618
|
+
`,this.shadowRoot.appendChild(t.content.cloneNode(!0))}connectedCallback(){return An(this,void 0,void 0,function*(){const t=this.shadowRoot.querySelector(".card__head");xn(this),Array.from(this.querySelectorAll(":scope > *:not([slot])")).forEach(e=>{e.setAttribute("slot","details")}),this.hasAttribute("data-avatar")&&(t.innerHTML+=`<img src="${this.getAttribute("data-avatar")}" alt="" loading="lazy" class="card__avatar" part="avatar" />`),_n(this,"iam-record-card",[])})}static get observedAttributes(){return["data-image"]}attributeChangedCallback(t,e,r){switch(t){case"data-image":{if(e!=r){const o=this.shadowRoot.querySelector(".card__head img");o&&o.setAttribute("src",r)}break}case"data-avatar":{if(e!=r){const o=this.shadowRoot.querySelector(".card__avatar");o&&o.setAttribute("src",r)}break}}}}},Symbol.toStringTag,{value:"Module"})),Sn=a=>a.replace(/ /g,"_"),En=function(a){return a=a.toLowerCase(),a=Sn(a),a=a.replace(/\W/g,""),a},j=(a,t,e)=>t.split(/[\.\[\]\'\"]/).filter(r=>r).reduce((r,o)=>r?r[o]:e,a),ft=a=>Array.isArray(a)||a!==null&&["function","object"].includes(typeof a);var vt=function(a,t,e,r){function o(n){return n instanceof e?n:new e(function(i){i(n)})}return new(e||(e=Promise))(function(n,i){function c(d){try{l(r.next(d))}catch(h){i(h)}}function m(d){try{l(r.throw(d))}catch(h){i(h)}}function l(d){d.done?n(d.value):o(d.value).then(c,m)}l((r=r.apply(a,[])).next())})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Search"});class $n extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
619
|
+
<style>
|
|
620
|
+
@import "${e}";
|
|
621
|
+
input {
|
|
622
|
+
background: red;
|
|
623
|
+
}
|
|
624
|
+
input:not(.is-invalid):not(:invalid) {
|
|
625
|
+
background: none!important;
|
|
626
|
+
}
|
|
627
|
+
.optional-text {
|
|
628
|
+
display: none;
|
|
629
|
+
}
|
|
630
|
+
.js-hide {
|
|
631
|
+
display: none !important;
|
|
632
|
+
}
|
|
633
|
+
</style>
|
|
634
|
+
<link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous" />
|
|
337
635
|
<slot></slot>
|
|
338
|
-
`,this.shadowRoot.appendChild(
|
|
339
|
-
|
|
636
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){return vt(this,void 0,void 0,function*(){const t=this,e=this.querySelector("input"),r=this.hasAttribute("data-value-schema")?this.getAttribute("data-value-schema"):"value",o=this.hasAttribute("data-display-schema")?this.getAttribute("data-display-schema"):"label",n=this.hasAttribute("data-schema")?this.getAttribute("data-schema"):"";let i=this.querySelector("datalist");const c=[];let m=this.getAttribute("data-url");const l=e.cloneNode();if(l.setAttribute("name",`${e.getAttribute("name")}Alt`),e.removeAttribute("data-change-events"),l.removeAttribute("id"),e.after(l),e.setAttribute("type","hidden"),!i){i=document.createElement("datalist");const p=En("list");i.setAttribute("id",p),t.appendChild(i),l.setAttribute("list",p)}t.hasAttribute("data-url")&&l.addEventListener("input",()=>{l.value.length==3&&!c.includes(l.value)&&(h(l.value),c.push(l.value))});function d(){const p=i.querySelector(`option[value="${l.value}"]`),u=i.querySelector(`option[value*="${l.value}" i]`);p?e.value=p.getAttribute("data-value"):l.value.length>0&&!u?(l.classList.add("is-invalid"),l.closest("label").setAttribute("data-error","No results returned")):(l.classList.remove("is-invalid"),l.closest("label").removeAttribute("data-error"))}l.addEventListener("input",()=>{d()});const h=p=>vt(this,void 0,void 0,function*(){m+=`${encodeURI(p)}`,window.controller||(window.controller=[]),window.controller[m]&&window.controller[m].abort(),window.controller[m]=new AbortController;const{signal:u}=controller[m];try{yield fetch(m,{signal:u,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":ot.get("XSRF-TOKEN")})}).then(f=>f.json()).then(f=>{let b="";const v=j(f,n,"");if(ft(v)&&typeof v.forEach=="function")v.forEach(g=>{const y=j(g,r,""),_=j(g,o,"").replace(`
|
|
637
|
+
`,", ");console.log(_),i.querySelector(`option[data-value="${y}"]`)||(b+=`<option value="${_}" data-value="${y}"></option>`)});else if(typeof v=="object")for(const[g,y]of Object.entries(v))ft(y)&&typeof y.forEach=="function"&&y.forEach(_=>{const w=j(_,r,""),A=j(_,o,"").replace(`
|
|
638
|
+
`,", ");i.querySelector(`option[data-value="${w}"]`)||(b+=`<option value="${g}: ${A}" data-value='${w}'></option>`)});return i.innerHTML+=b,l.closest("form").classList.add("was-validated"),d(),f})}catch(f){console.log(f)}});t.hasAttribute("data-prevent-submit")&&t.closest("form").addEventListener("submit",p=>{p.preventDefault()})})}}const qn=Object.freeze(Object.defineProperty({__proto__:null,default:$n},Symbol.toStringTag,{value:"Module"}));/*!
|
|
639
|
+
* iamKey v7.2.0
|
|
340
640
|
* Copyright 2022-2025 iamproperty
|
|
341
|
-
*/
|
|
641
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Slider"});const Cn=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
342
642
|
<style>
|
|
343
|
-
@import "${
|
|
344
|
-
|
|
643
|
+
@import "${e}";
|
|
644
|
+
@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 */
|
|
345
645
|
|
|
346
|
-
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
347
646
|
</style>
|
|
348
|
-
<
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
<slot name="selectall"></slot>
|
|
353
|
-
<div class="safe-area">
|
|
354
|
-
<slot></slot>
|
|
355
|
-
<div class="body">
|
|
356
|
-
<div class="dialog__wrapper dialog__wrapper--right dialog-overflow d-none show">
|
|
357
|
-
<button class="btn btn-secondary btn-compact fa-ellipsis-vertical m-0">More actions</button>
|
|
358
|
-
<dialog class="dialog--list" part="overflow">
|
|
359
|
-
<slot name="overflow"></slot>
|
|
360
|
-
<slot name="menu"></slot>
|
|
361
|
-
</dialog>
|
|
362
|
-
</div>
|
|
363
|
-
<button class="btn btn-secondary btn-compact btn-sm fa-search" data-search="" part="search-btn">Search</button>
|
|
364
|
-
</div>
|
|
365
|
-
</div>
|
|
366
|
-
</div>
|
|
367
|
-
<div class="actionbar--selected">
|
|
368
|
-
<div class="safe-area">
|
|
369
|
-
<slot name="selected"></slot>
|
|
370
|
-
<div class="body">
|
|
371
|
-
<div class="dialog__wrapper dialog__wrapper--right dialog-overflow d-none show">
|
|
372
|
-
<button class="btn btn-secondary btn-compact fa-ellipsis-vertical m-0">More actions</button>
|
|
373
|
-
<dialog class="dialog--list" part="selected-overflow">
|
|
374
|
-
<slot name="selected-overflow"></slot>
|
|
375
|
-
</dialog>
|
|
376
|
-
</div>
|
|
377
|
-
</div>
|
|
378
|
-
</div>
|
|
379
|
-
</div>
|
|
380
|
-
<div class="actionbar--search">
|
|
381
|
-
<button data-search class="btn btn-compact fa-xmark-large btn-secondary m-0" >Close</button>
|
|
382
|
-
|
|
383
|
-
<div class="search-wrapper" part="search">
|
|
384
|
-
<label for="search" class="visually-hidden">Input field label</label>
|
|
385
|
-
<button class="suffix" part="search-btn"><i class="fa-regular fa-search"></i></button>
|
|
386
|
-
<input type="text" id="search" name="search" required="" part="search-input">
|
|
387
|
-
</div>
|
|
388
|
-
|
|
647
|
+
<div class="row">
|
|
648
|
+
<div class="col min pe-2"></div>
|
|
649
|
+
<div class="col sliders">
|
|
650
|
+
|
|
389
651
|
</div>
|
|
652
|
+
<div class="col max ps-2"></div>
|
|
390
653
|
</div>
|
|
391
|
-
|
|
392
|
-
|
|
654
|
+
<div class="input__wrapper"><slot></slot><span>Minimum</span><span>Maximum</span></div>
|
|
655
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){const t=this,e=this.shadowRoot.querySelector(".min"),r=this.shadowRoot.querySelector(".max"),o=this.shadowRoot.querySelector(".sliders");let n=this.querySelectorAll("input");const i=this.shadowRoot.querySelector(".input__wrapper"),c=this.closest("label");let m,l="mouseup",d="mousedown";"ontouchstart"in document.documentElement&&(l="touchend",d="touchstart");const h=function(u){const f=u.value,b=t.shadowRoot.querySelector(".is-first").getAttribute("min"),v=t.shadowRoot.querySelector(".is-last").getAttribute("max");if(u.classList.contains("is-last")&&!u.classList.contains("is-first")){const g=f/(v-b)*100;t.style.setProperty("--percent",g+"%"),parseFloat(u.value)<=parseFloat(t.shadowRoot.querySelector(".is-first").value)&&(t.shadowRoot.querySelector(".is-first").value=u.value,t.querySelector(".is-first").value=u.value,t.style.setProperty("--start-percent",g+"%"))}else if(u.classList.contains("is-first")&&!u.classList.contains("is-last")){const g=f/(v-b)*100;t.style.setProperty("--start-percent",g+"%"),parseFloat(u.value)>=parseFloat(t.shadowRoot.querySelector(".is-last").value)&&(t.shadowRoot.querySelector(".is-last").value=u.value,t.querySelector(".is-last").value=u.value,t.style.setProperty("--percent",g+"%"))}else{const g=(f/(v-b)*100).toFixed(2);t.style.setProperty("--percent",g+"%")}};Array.from(n).forEach((u,f)=>{const b=u.cloneNode(!0);u.setAttribute("type","number"),b.setAttribute("type","range"),f==0&&(u.classList.add("is-first"),b.classList.add("is-first"),e.innerHTML=u.getAttribute("min"),r.innerHTML=u.getAttribute("max"),o.appendChild(b)),f==n.length-1&&(u.classList.add("is-last"),b.classList.add("is-last"),o.appendChild(b)),f>1&&u.remove()}),n=this.querySelectorAll("input"),i.setAttribute("data-elements",n.length);const p=this.shadowRoot.querySelectorAll("input");Array.from(n).forEach((u,f)=>{u.addEventListener("keyup",function(){p[f].value=u.value,h(p[f])}),u.addEventListener("keydown",function(){p[f].value=u.value,h(p[f])}),u.addEventListener("change",function(){p[f].value=u.value,h(p[f])})}),Array.from(p).forEach((u,f)=>{h(u),u.addEventListener(d,function(){clearInterval(m),m=setInterval(function(){h(u),n[f].value=u.value},10)}),u.addEventListener(l,function(){clearInterval(m)}),u.addEventListener("change",function(){clearInterval(m),h(u),n[f].value=u.value})}),c.addEventListener("click",function(u){if(u.preventDefault(),this===u.target)t.shadowRoot.querySelector("input").focus();else return u.stopPropagation(),!1})}}},Symbol.toStringTag,{value:"Module"}));/*!
|
|
656
|
+
* iamKey v7.2.0
|
|
657
|
+
* Copyright 2022-2025 iamproperty
|
|
658
|
+
*/const Mn=(a,t,e,r)=>{const o=Math.tan(.375*Math.PI),n=window.innerWidth||document.body.clientWidth,i=Math.max(1,Math.floor(.01*n)),c=e-a,m=r-t,l=Math.abs(c/m),d=Math.abs(m/c);if(Math.abs(c)>i||Math.abs(m)>i){if(d<=o)return c<0?"left":"right";if(l<=o)return m<0?"top":"bottom"}else return"tap"},zn=function(a){const t=a.querySelectorAll(":scope > details, :scope > a");let e=a.querySelector(":scope > .tabs__links");if(a.shadowRoot&&a.shadowRoot.querySelector(".tabs__links")&&(e=a.shadowRoot.querySelector(".tabs__links")),!e){e=document.createElement("div"),e.classList.add("tabs__links");const o=document.createElement("div");o.classList.add("tabs__links__wrapper"),o.prepend(e),a.prepend(o)}let r=0;t.forEach(o=>{let n=document.createElement("button");if(o.matches("details")){const i=o.querySelector(":scope > summary"),c=i.classList.contains("disabled");i.classList.add("visually-hidden"),o.hasAttribute("id")&&n.setAttribute("data-id",`${o.getAttribute("id")}`),o.hasAttribute("open")&&n.setAttribute("aria-pressed",!0),n.innerHTML=`${i.innerText}`,n.classList.add("link"),n.setAttribute("data-index",r),n.setAttribute("part","tab-link"),o.setAttribute("tabindex","-1"),c&&n.classList.add("disabled"),r++}else o.matches("a")&&(n=o);n.classList.add("link"),e.appendChild(n)})},Tn=function(a){const t=a.querySelectorAll(":scope > details"),e=a.querySelectorAll(":scope > details > summary");let r=a.querySelector(":scope .tabs__links"),o=a.querySelectorAll(":scope .tabs__links > button"),n=a.querySelector(":scope .tabs__next"),i;if(window.isClicked=!1,window.isScrolling=!1,a.shadowRoot&&(o=a.shadowRoot.querySelectorAll(".tabs__links > button"),r=a.shadowRoot.querySelector(".tabs__links"),n=a.shadowRoot.querySelector(":scope .tabs__next")),o.forEach(c=>{c.addEventListener("click",m=>{if(m.preventDefault(),window.isClicked=!0,c.classList.contains("disabled"))return!1;o.forEach(l=>{const d=l==c;l.setAttribute("aria-pressed",d)}),r.scroll({top:0,left:c.offsetLeft,behavior:"smooth"}),t.forEach((l,d)=>{const h=c.getAttribute("data-index")==d;h?l.setAttribute("open",h):l.removeAttribute("open")}),c.matches(":last-child")?n==null||n.setAttribute("disabled","disabled"):n==null||n.removeAttribute("disabled"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:c.textContent})})}),r.addEventListener("scrollend",()=>{clearTimeout(i),i=setTimeout(function(){let c=o[0],m=Math.abs(c.getBoundingClientRect().left);if(o.forEach(l=>{Math.abs(l.getBoundingClientRect().left)<m&&(m=Math.abs(l.getBoundingClientRect().left),c=l)}),window.isClicked)return window.isClicked=!1,!1;c.click(),c.focus()},500)}),e.forEach((c,m)=>{c.addEventListener("click",l=>{l.preventDefault(),o[m].click()})}),n==null||n.addEventListener("click",c=>{c.preventDefault();const m=r.querySelector('[aria-pressed="true"]').nextSibling;m&&m.click()}),a.classList.contains("tabs--guided")){let c=0,m=0,l=0,d=0;t.forEach(h=>{h.addEventListener("touchstart",p=>{p.stopPropagation(),c=p.changedTouches[0].screenX,m=p.changedTouches[0].screenY}),h.addEventListener("touchend",p=>{p.stopPropagation(),l=p.changedTouches[0].screenX,d=p.changedTouches[0].screenY;const u=Mn(c,m,l,d),f=r.querySelector('[aria-pressed="true"]'),b=f.nextSibling,v=f.previousSibling;switch(u){case"left":b&&b.click();break;case"right":v&&v.click();break}})})}},Hn=function(a){if(!a.querySelector(":scope > details"))return!1;const t=a.querySelectorAll(":scope > details"),e=a.shadowRoot.querySelectorAll(".tabs__links > button");location.hash&&a.shadowRoot.querySelector(`.tabs__links [data-id="${location.hash.replace("#","")}"]`)?(a.shadowRoot.querySelector(`[data-id="${location.hash.replace("#","")}"]`).setAttribute("aria-pressed",!0),a.querySelector(`details[id="${location.hash.replace("#","")}"]`).setAttribute("open",!0)):a.querySelector("details[open]")||(t[0].setAttribute("open",!0),e[0].setAttribute("aria-pressed",!0))},Rn=function(a){zn(a),Tn(a),Hn(a)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});const Bn=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",e=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
|
|
393
659
|
<style>
|
|
394
|
-
@import "${
|
|
395
|
-
:
|
|
660
|
+
@import "${e}";
|
|
661
|
+
*:not(main):has(>iam-tabs){container-type:inline-size}iam-tabs details:not([open]){padding-bottom:0}iam-tabs::part(next-button){display:none}@container (width > 62em){iam-tabs.tabs--guided::part(next-button){position:absolute;top:9.375rem;right:0;display:block}}iam-tabs.tabs--guided::part(next-button):not(:hover){background:var(--colour-success)}.tabs:not(.admin-panel){position:relative}.tabs:not(.admin-panel) .tabs__links__wrapper{position:relative;margin:0 auto 2rem}.tabs:not(.admin-panel) .tabs__links__wrapper:after{content:"";left:50%;position:relative;height:1px;width:100vw;background-color:var(--colour-border);transform:translate(-50%, 0);display:block;clear:both}.tabs.admin-panel .tabs__links__wrapper:after{display:none}.tabs: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-info);transition:transform .4s}.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):hover:after,.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):focus:after,.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled).focus:after{transform:translate(-50%, 0) scale(0.6, 1)}.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):is([aria-pressed=true],:active,.current):after{transform:translate(-50%, 0) scale(1, 1)}.tabs__links .link:not(.text-decoration-none):not(.btn):is([aria-pressed=true],.current){pointer-events:none;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary-theme) !important}@media(min-width: 576px){.tabs__links .link:not(.text-decoration-none):not(.btn){padding:2rem 2rem .5rem 2rem}.tabs__links__wrapper{margin:0 auto 2.5rem}}.admin-panel :is(.admin-panel__links,.tabs__links){padding:0;margin:calc(var(--padding-top)*-1) calc(var(--padding-x)*-1) var(--padding-top) calc(var(--padding-x)*-1);border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;display:flex;flex-direction:column;border-bottom:1px solid var(--colour-border);overflow:hidden;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary)}.admin-panel :is(.admin-panel__links,.tabs__links):after{display:none}@media screen and (min-width: 36em){.admin-panel :is(.admin-panel__links,.tabs__links){flex-direction:row}}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn){margin:0;padding:1rem var(--padding-x);width:100%;position:relative;text-align:left;flex-grow:1;--gradient-direction: -90deg;background-color:var(--colour-success)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not([class*=bg-]){background-image:linear-gradient(var(--gradient-direction), var(--colour-info) 0, transparent 100%)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):is(.current,[aria-pressed=true]){color:var(--colour-primary-theme)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not(.current,[aria-pressed=true]){background:var(--colour-canvas-2) !important}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):after{display:none}@media screen and (min-width: 36em){.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn){margin:0}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not(:first-child){border-left:1px solid var(--colour-border) !important}}.admin-panel :is(.admin-panel__links,.tabs__links) .link:is(.current,[aria-pressed=true]){pointer-events:none}@media screen and (min-width: 36em){:host(.tabs--inline) .tabs__links{margin:0;justify-content:center}:host(.tabs--inline) .tabs__links__wrapper:after{width:100%}}/*# sourceMappingURL=assets/css/components/tabs.css.map */
|
|
662
|
+
|
|
396
663
|
|
|
664
|
+
:host(.admin-panel){
|
|
665
|
+
display: contents!important;
|
|
666
|
+
}
|
|
397
667
|
|
|
398
668
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
399
669
|
</style>
|
|
400
|
-
<link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous"
|
|
401
|
-
<div class="
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
<div>
|
|
405
|
-
<label class="mb-2">Search <span class="title text-lowercase"></span> <span class="optional">(Optional)</span>
|
|
406
|
-
<span>
|
|
407
|
-
<input type="text" name="postcode" list="address-lookup__addressess" autocomplete="off" aria-autocomplete="none" placeholder="Postcode" />
|
|
408
|
-
<span class="suffix fa-regular fa-search"></span>
|
|
409
|
-
</span>
|
|
410
|
-
<span class="invalid-feedback">Required Adddress fields missing</span>
|
|
411
|
-
</label>
|
|
412
|
-
|
|
413
|
-
</div>
|
|
414
|
-
<button class="btn btn-tertiary switch-to-manual-btn" type="button">Or enter address manually</button>
|
|
415
|
-
</div>
|
|
416
|
-
<datalist id="address-lookup__addressess"></datalist>
|
|
417
|
-
|
|
418
|
-
<div class="manual-address pb-2 js-hide">
|
|
419
|
-
<slot></slot>
|
|
420
|
-
<button class="btn btn-tertiary switch-to-lookup-btn" type="button">Use postcode lookup</button>
|
|
421
|
-
<slot name="after"></slot>
|
|
422
|
-
</div>
|
|
423
|
-
<div class="pre-filled pb-2 js-hide">
|
|
424
|
-
<strong class="title text-primary d-block"></strong>
|
|
425
|
-
<p><span class="pre-filled-address"></span><button class="text-primary text-decoration-none ms-1 cursor-pointer" type="button"><i class="fa-regular fa-pen-to-square"></i><span class="visually-hidden">Edit</span></button><slot name="prefilled"></slot></p>
|
|
670
|
+
<link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous">
|
|
671
|
+
<div class="tabs" part="tabs">
|
|
672
|
+
<div class="tabs__links__wrapper" part="wrapper">
|
|
673
|
+
<div class="tabs__links" part="tab-links"></div>
|
|
426
674
|
</div>
|
|
675
|
+
<slot></slot>
|
|
676
|
+
<button part="next-button" class="btn btn-secondary btn-sm btn-compact fa-regular fa-chevron-right tabs__next">Next</button>
|
|
427
677
|
</div>
|
|
428
|
-
`,
|
|
678
|
+
`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){const t=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${t}`),Rn(this)}}},Symbol.toStringTag,{value:"Module"}));/*!
|
|
679
|
+
* iamKey v7.2.0
|
|
680
|
+
* Copyright 2022-2025 iamproperty
|
|
681
|
+
*/const jn=a=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:a})},Nn=(a,t,e)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),e.forEach(r=>{a.addEventListener(r,function(o){const n={event:r,element:t,target:o.target};Object.keys(o.detail).forEach(i=>{const c=o.detail[i];n[i]=c}),window.dataLayer.push(n)})}),!0),Fn=`<div class="card__head" part="head">
|
|
682
|
+
<slot name="head"></slot>
|
|
683
|
+
</div>
|
|
684
|
+
<div class="card__badges"><slot name="badges"></slot></div>
|
|
685
|
+
<slot name="checkbox" class="activate-prevent-hover"></slot>
|
|
686
|
+
<div class="card__body" part="body">
|
|
687
|
+
<slot></slot>
|
|
688
|
+
<slot name="secondary" part="secondary"></slot>
|
|
689
|
+
</div>
|
|
690
|
+
<div class="card__details" part="details">
|
|
691
|
+
<slot name="details"></slot>
|
|
692
|
+
</div>
|
|
693
|
+
<div class="card__footer" part="footer">
|
|
694
|
+
<slot name="footer"></slot>
|
|
695
|
+
</div>`,Pn=a=>{a.classList.add("card");const t=a.shadowRoot.querySelector(".card__head"),e=a.shadowRoot.querySelector(".card__body");a.hasAttribute("data-image")&&(t.innerHTML+=`<img src="${a.getAttribute("data-image")}" alt="" loading="lazy" part="image" />`),a.hasAttribute("data-total")?e.insertAdjacentHTML("beforeend",`<div class="card__total">${a.getAttribute("data-total")}</div>`):a.querySelector('[slot="total-icon"]')&&e.insertAdjacentHTML("beforeend",'<div class="card__total"><slot name="total-icon"></slot></div>'),a.querySelector('[slot="badges"]')?a.shadowRoot.querySelector(".card__badges").classList.remove("empty"):a.shadowRoot.querySelector(".card__badges").classList.add("empty")};var Dn=function(a,t,e,r){function o(n){return n instanceof e?n:new e(function(i){i(n)})}return new(e||(e=Promise))(function(n,i){function c(d){try{l(r.next(d))}catch(h){i(h)}}function m(d){try{l(r.throw(d))}catch(h){i(h)}}function l(d){d.done?n(d.value):o(d.value).then(c,m)}l((r=r.apply(a,[])).next())})};jn("iam-video-card");class Vn extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const t=document.createElement("template");t.innerHTML=`
|
|
696
|
+
<style>
|
|
697
|
+
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
698
|
+
|
|
699
|
+
: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 */
|
|
700
|
+
|
|
701
|
+
</style>
|
|
702
|
+
${Fn}
|
|
703
|
+
<dialog>
|
|
704
|
+
<div class="embed"></div>
|
|
705
|
+
</dialog>
|
|
706
|
+
`,this.shadowRoot.appendChild(t.content.cloneNode(!0))}connectedCallback(){return Dn(this,void 0,void 0,function*(){const t=this,e=t.shadowRoot.querySelector(".card__head"),r=String.fromCharCode(65+Math.floor(Math.random()*26))+Date.now();let o,n;Pn(t),t.querySelector("[data-youtube]")&&t.setAttribute("data-youtube",t.querySelector("[data-youtube]").getAttribute("data-youtube")),t.querySelector("[data-vimeo]")&&t.setAttribute("data-vimeo",t.querySelector("[data-vimeo]").getAttribute("data-vimeo")),(t.hasAttribute("data-youtube")||t.hasAttribute("data-vimeo"))&&(e.setAttribute("tabindex","0"),document.getElementById(`${r}-dialog`)||document.body.insertAdjacentHTML("beforeend",`<dialog id="${r}-dialog"><div class="embed" id="${r}"></div></dialog>`),o=document.getElementById(`${r}-dialog`),n=document.getElementById(r)),t.hasAttribute("data-youtube")?(document.body.classList.contains("youtubeLoaded")||(yield this.loadYouTubeScripts()),e.addEventListener("click",function(){const i=new CustomEvent("play-video",{detail:{"Video Type":"YoutTube",ID:t.getAttribute("data-youtube")}});t.dispatchEvent(i),t.createYoutTubeVideo(n),o.showModal()}),o.addEventListener("close",()=>{window.player[n.getAttribute("id")]&&typeof window.player[n.getAttribute("id")].pauseVideo=="function"&&window.player[n.getAttribute("id")].pauseVideo();const i=new CustomEvent("close-video",{detail:{"Video Type":"YoutTube",ID:t.getAttribute("data-youtube")}});t.dispatchEvent(i)})):t.hasAttribute("data-vimeo")&&(e.addEventListener("click",function(){const i=t.getAttribute("data-vimeo"),c=new CustomEvent("play-video",{detail:{"Video Type":"Vimeo",ID:i}});t.dispatchEvent(c),n.querySelector("iframe")||(n.innerHTML=`<iframe src="https://player.vimeo.com/video/${i}?autoplay=1" width="100%" height="100%" frameborder="0" allow="autoplay; encrypted-media" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>`),o.showModal()}),o.addEventListener("close",()=>{n.innerHTML="";const i=new CustomEvent("close-video",{detail:{"Video Type":"Vimeo",ID:t.getAttribute("data-vimeo")}});t.dispatchEvent(i)})),Nn(t,"iam-video-card",["play-video","close-video"])})}loadYouTubeScripts(){return new Promise((t,e)=>{const r=new Image;r.onload=function(){const o=document.createElement("script");o.src="https://www.youtube.com/iframe_api";const n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(o,n),document.body.classList.add("youtubeLoaded"),t(!0)},r.onerror=function(){e(!1)},r.src="https://youtube.com/favicon.ico"})}createYoutTubeVideo(t){typeof window.player>"u"&&(window.player=[]);const e=t.getAttribute("id"),r=this.getAttribute("data-youtube");if(console.log(window.player),typeof window.player[e]<"u"&&typeof window.player[e].pauseVideo=="function")return window.player[e].playVideo(),!1;window.player[e]=new YT.Player(e,{height:"100%",width:"100%",videoId:r,playerVars:{modestbranding:1,playsinline:1,rel:0,showinfo:0},events:{onReady:o,onStateChange:i}});function o(c){c.target.playVideo()}let n=!1;function i(c){c.data==YT.PlayerState.PLAYING&&!n&&(document.getElementById(e).classList.add("player-ready"),n=!0)}}static get observedAttributes(){return["data-image"]}attributeChangedCallback(t,e,r){switch(t){case"data-image":{if(e!=r){const o=this.shadowRoot.querySelector(".card__head img");o&&o.setAttribute("src",r)}break}}}}const On=Object.freeze(Object.defineProperty({__proto__:null,default:Vn},Symbol.toStringTag,{value:"Module"}));x.Accordion=Xt,x.AccordionItem=oe,x.Actionbar=ie,x.AddressLookup=ce,x.AppliedFilters=he,x.Banner=_e,x.BarChart=Ae,x.BentoGrid=Se,x.Card=qe,x.Carousel=ze,x.CollapsibleSideMenu=Be,x.FileUpload=je,x.FilterCard=Pe,x.Filterlist=We,x.Header=Je,x.InlineEdit=Qe,x.Input=D,x.Logo=xt,x.Menu=ia,x.Multiselect=ea,x.Multistep=aa,x.Nav=da,x.NoteFeed=xa,x.Notification=qa,x.Pagination=Ta,x.PropertySearchbar=Ua,x.RecordCard=Ga,x.Search=Ja,x.Slider=to,x.Snapshot=lo,x.Step=ko,x.Stepper=fo,x.Tab=Mo,x.Table=V,x.Tabs=So,x.Testimonial=Uo,x.Timeline=Jo,x.VideoCard=tr,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});
|