@iamproperty/components 7.2.2--beta2 → 7.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/components/actionbar.component.css +1 -1
- package/assets/css/components/actionbar.component.css.map +1 -1
- package/assets/css/components/barchart.component.css.map +1 -1
- package/assets/css/components/bento-grid.global.css.map +1 -1
- package/assets/css/components/card.component.css +1 -1
- package/assets/css/components/card.component.css.map +1 -1
- package/assets/css/components/charts.module.css.map +1 -1
- package/assets/css/components/doughnutchart.component.css.map +1 -1
- package/assets/css/components/fileupload.css +1 -1
- package/assets/css/components/fileupload.css.map +1 -1
- package/assets/css/components/menu.component.css +1 -1
- package/assets/css/components/menu.component.css.map +1 -1
- package/assets/css/components/menu.css +1 -1
- package/assets/css/components/menu.css.map +1 -1
- package/assets/css/components/nav.component.css +1 -1
- package/assets/css/components/nav.component.css.map +1 -1
- package/assets/css/components/rank.component.css +1 -1
- package/assets/css/components/rank.component.css.map +1 -1
- package/assets/css/components/rankings.component.css +1 -1
- package/assets/css/components/rankings.component.css.map +1 -1
- package/assets/css/components/rankings.global.css +1 -1
- package/assets/css/components/rankings.global.css.map +1 -1
- package/assets/css/components/slider.css.map +1 -1
- package/assets/css/components/table-basic.global.css.map +1 -1
- package/assets/css/components/table.global.css.map +1 -1
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/mobile-core.min.css +1 -1
- package/assets/css/mobile-core.min.css.map +1 -1
- package/assets/css/mobile.min.css +1 -1
- package/assets/css/mobile.min.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/img/thumbnail.png +0 -0
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/actionbar/actionbar.component.min.js +2 -2
- package/assets/js/components/address-lookup/address-lookup.component.min.js +1 -1
- package/assets/js/components/applied-filters/applied-filters.component.min.js +1 -1
- package/assets/js/components/barchart/barchart.component.min.js +1 -1
- package/assets/js/components/bento-grid/bento-grid.component.min.js +1 -1
- package/assets/js/components/card/card.component.min.js +2 -2
- package/assets/js/components/carousel/carousel.component.min.js +1 -1
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +1 -1
- package/assets/js/components/doughnutchart/doughnutchart.component.min.js +1 -1
- package/assets/js/components/fileupload/fileupload.component.min.js +4 -4
- package/assets/js/components/filter-card/filter-card.component.min.js +1 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.min.js +1 -1
- package/assets/js/components/marketing/marketing.component.min.js +1 -1
- package/assets/js/components/menu/menu.component.js +138 -159
- package/assets/js/components/menu/menu.component.min.js +4 -69
- package/assets/js/components/menu/menu.component.min.js.map +1 -1
- package/assets/js/components/multi-step/multi-step.component.min.js +1 -1
- package/assets/js/components/multiselect/multiselect.component.min.js +1 -1
- package/assets/js/components/nav/nav.component.min.js +2 -2
- package/assets/js/components/notification/notification.component.min.js +1 -1
- package/assets/js/components/pagination/pagination.component.min.js +1 -1
- package/assets/js/components/rank/rank.component.min.js +4 -4
- package/assets/js/components/rankings/rankings.component.min.js +5 -5
- package/assets/js/components/record-card/record-card.component.min.js +1 -1
- package/assets/js/components/search/search.component.min.js +1 -1
- package/assets/js/components/slider/slider.component.min.js +1 -1
- package/assets/js/components/table/table.component.min.js +1 -1
- package/assets/js/components/table-ajax/table-ajax.component.min.js +1 -1
- package/assets/js/components/table-basic/table-basic.component.min.js +1 -1
- package/assets/js/components/table-no-submit/table-no-submit.component.min.js +1 -1
- package/assets/js/components/table-submit/table-submit.component.min.js +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +1 -1
- package/assets/js/components/video-card/video-card.component.js +3 -66
- package/assets/js/components/video-card/video-card.component.min.js +5 -5
- package/assets/js/components/video-card/video-card.component.min.js.map +1 -1
- package/assets/js/modules/videos.js +147 -0
- 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 +13 -2
- package/assets/sass/_elements.scss +6 -0
- package/assets/sass/_functions/functions.scss +6 -6
- package/assets/sass/_functions/variables.scss +24 -33
- package/assets/sass/_utility-mixins.scss +1 -0
- package/assets/sass/components/actionbar.component.scss +2 -3
- package/assets/sass/components/bento-grid.global.scss +0 -1
- package/assets/sass/components/charts.module.scss +0 -2
- package/assets/sass/components/fileupload.scss +3 -3
- package/assets/sass/components/menu.component.scss +123 -31
- package/assets/sass/components/menu.scss +68 -7
- package/assets/sass/components/nav.component.scss +2 -4
- package/assets/sass/components/rank.component.scss +14 -23
- package/assets/sass/components/rankings.component.scss +1 -7
- package/assets/sass/components/rankings.global.scss +6 -12
- package/assets/sass/components/table-basic.global.scss +2 -4
- package/assets/sass/components/table.global.scss +4 -4
- package/assets/sass/elements/buttons--global.scss +1 -1
- package/assets/sass/elements/details.scss +2 -4
- package/assets/sass/elements/dialog.scss +1 -3
- package/assets/sass/elements/forms.scss +28 -18
- package/assets/sass/elements/links.scss +49 -1
- package/assets/sass/elements/toggle-button.scss +55 -0
- package/assets/sass/elements/type.scss +15 -46
- package/assets/sass/error.scss +3 -9
- package/assets/sass/foundations/reboot.scss +3 -3
- package/assets/sass/templates/form.scss +4 -8
- package/assets/ts/components/menu/menu.component.ts +152 -171
- package/assets/ts/components/rank/rank.component.ts +1 -6
- package/assets/ts/components/rankings/rankings.component.ts +1 -7
- package/assets/ts/components/video-card/video-card.component.ts +4 -77
- package/assets/ts/modules/videos.ts +194 -0
- package/assets/ts/scripts.ts +7 -1
- package/dist/components.es.js +19 -19
- package/dist/components.umd.js +78 -143
- package/package.json +1 -1
- package/src/components/Rank/Rank.vue +1 -2
- package/src/components/Rankings/Rankings.vue +9 -10
|
@@ -1,77 +1,12 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
2
|
+
* iamKey v7.3.0
|
|
3
3
|
* Copyright 2022-2025 iamproperty
|
|
4
|
-
*/class
|
|
4
|
+
*/class d extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const n=document.createElement("template");n.innerHTML=`
|
|
5
5
|
<style>
|
|
6
|
-
@layer components{iam-menu:defined{--menu-padding:
|
|
6
|
+
@layer components{iam-menu:defined{--menu-padding: 0.5rem;--border-color: var(--colour-border);--menu-item-margin: 0 0 0.5rem 0}iam-menu i{width:1.25rem}iam-menu>button:has(+iam-menu){position:relative}iam-menu>button:has(+iam-menu):after{content:"";height:var(--btn-line-height);width:1rem;height: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;position:absolute;top:calc(50% - .5rem);right:.5rem}iam-menu>button:has(+iam-menu:not([popover])):after{rotate:90deg}iam-menu>button.open:has(+iam-menu:not([popover])){position:relative}iam-menu>button.open:has(+iam-menu:not([popover])):after{top:calc(50% - .5rem);right:.5rem;rotate:270deg}iam-menu>button:has(+iam-menu:popover-open){position:relative}iam-menu>button:has(+iam-menu:popover-open):after{top:calc(50% - .5rem);right:.5rem;rotate:180deg}iam-menu>button:not(.open)+iam-menu:not([popover]){display:none}iam-menu>button+iam-menu:not([popover])>*:is(button,a,label){padding-left:2rem}}/*# sourceMappingURL=assets/css/components/menu.css.map */
|
|
7
7
|
|
|
8
8
|
</style>
|
|
9
9
|
<div class="menu--inner" part="inner">
|
|
10
10
|
<slot></slot>
|
|
11
|
-
</div>`,this.shadowRoot.appendChild(
|
|
12
|
-
iam-menu details > * {
|
|
13
|
-
background: unset !important;
|
|
14
|
-
border: unset !important;
|
|
15
|
-
color: inherit!important;
|
|
16
|
-
font-weight: inherit!important;
|
|
17
|
-
font-family: inherit!important;
|
|
18
|
-
font-size: 1rem!important;
|
|
19
|
-
display: block!important;
|
|
20
|
-
margin: var(--menu-item-margin, 0 0 0.25rem 0)!important;
|
|
21
|
-
padding: var(--menu-item-padding, 0)!important;
|
|
22
|
-
width: var(--menu-item-width, 100%)!important;
|
|
23
|
-
text-align: var(--menu-item-text-align, left)!important;
|
|
24
|
-
cursor: var(--menu-item-cursor, pointer)!important;
|
|
25
|
-
}
|
|
26
|
-
iam-menu details > *:after,
|
|
27
|
-
iam-menu details > *:not(summary):before {
|
|
28
|
-
display: none!important;
|
|
29
|
-
}
|
|
30
|
-
iam-menu details :is(button,a) {
|
|
31
|
-
padding-inline-start: var(--menu-dialog-offset,1rem)!important;
|
|
32
|
-
}
|
|
33
|
-
iam-menu details :is(button,a):last-child {
|
|
34
|
-
margin-block-end: var(--menu-dialog-offset,1rem)!important;
|
|
35
|
-
}
|
|
36
|
-
iam-menu details summary {
|
|
37
|
-
padding: 0 !important;
|
|
38
|
-
margin: var(--menu-item-margin, 0 0 0.25rem 0)!important;
|
|
39
|
-
}
|
|
40
|
-
iam-menu details summary:before {
|
|
41
|
-
text-align: center;
|
|
42
|
-
display: inline-block!important;
|
|
43
|
-
vertical-align: bottom;
|
|
44
|
-
float: right;
|
|
45
|
-
color: inherit;
|
|
46
|
-
height: 1em;
|
|
47
|
-
width: 1em;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
iam-menu details summary[class*="fa-"]:before {
|
|
51
|
-
font-family: var(--fa-font-family, "Font Awesome 6 Pro");
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
iam-menu details summary:not([class*="fa-"]:before {
|
|
55
|
-
--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");
|
|
56
|
-
|
|
57
|
-
content: ""!important;
|
|
58
|
-
height: 1.2rem;
|
|
59
|
-
width: 1.2rem;
|
|
60
|
-
background: var(--colour-primary-theme);
|
|
61
|
-
mask-image: var(--icon, var(--icon-arrow));
|
|
62
|
-
mask-size: 50%;
|
|
63
|
-
mask-repeat: no-repeat;
|
|
64
|
-
mask-position: 50% 50%;
|
|
65
|
-
-webkit-mask-image: var(--icon, var(--icon-arrow));
|
|
66
|
-
-webkit-mask-size: 50%;
|
|
67
|
-
-webkit-mask-repeat: no-repeat;
|
|
68
|
-
-webkit-mask-position: 50% 50%;
|
|
69
|
-
z-index: 2;
|
|
70
|
-
display: inline-block;
|
|
71
|
-
vertical-align: bottom;
|
|
72
|
-
float: right;
|
|
73
|
-
rotate: 90deg;
|
|
74
|
-
color: inherit;
|
|
75
|
-
}
|
|
76
|
-
</style>`)}}export{p as default};
|
|
11
|
+
</div>`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){const n=this.hasAttribute("id")?this.getAttribute("id"):!1,s=document.querySelector(`[popovertarget="${n}"]`),a=this.querySelectorAll(":scope > a, :scope > button, :scope > details > summary"),l=this.querySelectorAll("a, button");this.querySelectorAll("details");let u,c;n&&s&&(this.setAttribute("role","menu"),this.style["position-anchor"]=`--${n}`,s?.setAttribute("aria-haspopup","true"),s==null||(s.style["anchor-name"]=`--${n}`),s?.setAttribute("aria-controls",n)),l.forEach((e,t)=>{e.setAttribute("role","menuitem"),e.setAttribute("tabindex","0"),t==0&&e.setAttribute("autofocus",!0)}),this.addEventListener("keydown",e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest("a, button, summary")){const t=document.activeElement,r=Array.from(a).indexOf(t)-1,i=Array.from(a).indexOf(t)+1;switch(e.keyCode){case 27:t.closest("details")?(e.stopPropagation(),e.preventDefault(),t.closest("details").removeAttribute("open"),t.closest("details").querySelector(":scope summary").focus()):(e.stopPropagation(),s.focus());break;case 32:case 13:break;case 35:e.stopPropagation(),e.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(l)[l.length-1].focus();break;case 36:e.stopPropagation(),e.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(l)[0].focus();break;case 38:if(e.stopPropagation(),e.preventDefault(),Array.from(a).indexOf(t)>-1)Array.from(a)[r]!=null?Array.from(a)[r].focus():Array.from(a)[a.length-1].focus();else if(t.closest("details")){const o=t.closest("details").querySelectorAll("a, button, :scope details > summary");c=Array.from(o).indexOf(t)-1,Array.from(o)[c]!=null?Array.from(o)[c].focus():Array.from(o)[o.length-1].focus()}break;case 40:if(e.stopPropagation(),e.preventDefault(),Array.from(a).indexOf(t)>-1)Array.from(a)[i]!=null?Array.from(a)[i].focus():Array.from(a)[0].focus();else if(t.closest("details")){const o=t.closest("details").querySelectorAll("a, button, :scope details > summary");u=Array.from(o).indexOf(t)+1,Array.from(o)[u]!=null?Array.from(o)[u].focus():Array.from(o)[0].focus()}break}}}),this.addEventListener("toggle",e=>{var t,r,i,o;const m=new CustomEvent(e.newState,{detail:{id:this.getAttribute("id"),target:e.target}});this.dispatchEvent(m),this.hasAttribute("popover-open")&&(e.preventDefault(),this.removeAttribute("popover-open"),this.hidePopover()),this.matches(":popover-open")&&document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`)?((t=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||t===void 0||t.setAttribute("aria-pressed","true"),(r=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||r===void 0||r.classList.add("active")):((i=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||i===void 0||i.removeAttribute("aria-pressed"),(o=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||o===void 0||o.classList.remove("active"))}),this.addEventListener("click",e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest("button:has(+ iam-menu:not([popover]))")){const t=e.target.closest("button:has(+ iam-menu)");t?.classList.toggle("open")}else if(e&&e.target instanceof HTMLElement&&e.target.closest("button.selectable")){const t=e.target.closest("button.selectable");this.hasAttribute("multiple")?t.classList.toggle("selected"):t?.classList.contains("selected")?this.querySelectorAll(".selected").forEach(r=>{r.classList.remove("selected")}):(this.querySelectorAll(".selected").forEach(r=>{r.classList.remove("selected")}),t.classList.add("selected"))}}),CSS.supports("top","anchor(top)")||document.addEventListener("click",e=>{if(e.originalTarget&&e.originalTarget.matches("[popovertarget]")){const t=e.originalTarget,r=t.getAttribute("popovertarget"),i=document.getElementById(r),o=t.getBoundingClientRect(),m=o.top,p=o.left;i.style.setProperty("top",m+"px"),i.style.setProperty("left",p+t.clientWidth+"px")}})}}export{d as default};
|
|
77
12
|
//# sourceMappingURL=menu.component.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.component.min.js","sources":["menu.component.js"],"sourcesContent":["class iamMenu extends HTMLElement {\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n const assetLocation = document.body.hasAttribute('data-assets-location')\n ? document.body.getAttribute('data-assets-location')\n : '/assets';\n const loadCSS = `@import \"${assetLocation}/css/components/menu.component.css\";`;\n const template = document.createElement('template');\n template.innerHTML = `\n <style>\n ${loadCSS}\n </style>\n <div class=\"menu--inner\" part=\"inner\">\n <slot></slot>\n </div>`;\n this.shadowRoot.appendChild(template.content.cloneNode(true));\n }\n connectedCallback() {\n const menuID = this.hasAttribute('id') ? this.getAttribute('id') : false;\n const menuButton = document.querySelector(`[popovertarget=\"${menuID}\"]`);\n const menuInner = this.shadowRoot.querySelector('.menu--inner');\n const topLevelmenuItems = this.querySelectorAll(':scope > a, :scope > button, :scope > details > summary');\n const menuItems = this.querySelectorAll('a, button');\n const subMenus = this.querySelectorAll('details');\n let subNextIndex;\n let subPrevIndex;\n // Set the needed CSS styles to connect the ID attribute to the anchor name\n if (menuID && menuButton) {\n menuInner === null || menuInner === void 0 ? void 0 : menuInner.setAttribute('role', 'menu');\n this.style['position-anchor'] = `--${menuID}`;\n menuButton === null || menuButton === void 0 ? void 0 : menuButton.setAttribute('aria-haspopup', 'true');\n menuButton === null || menuButton === void 0 ? void 0 : menuButton.style['anchor-name'] = `--${menuID}`;\n menuButton === null || menuButton === void 0 ? void 0 : menuButton.setAttribute('aria-controls', menuID);\n subMenus.forEach((item, index) => {\n item.setAttribute('role', 'menu');\n });\n menuItems.forEach((item, index) => {\n item.setAttribute('role', 'menuitem');\n item.setAttribute('tabindex', '0');\n if (index == 0) {\n item.setAttribute('autofocus', true);\n }\n });\n this.addEventListener('keydown', (event) => {\n if (event && event.target instanceof HTMLElement && event.target.closest('a, button, summary')) {\n const activeItem = document.activeElement;\n const prevIndex = Array.from(topLevelmenuItems).indexOf(activeItem) - 1;\n const nextIndex = Array.from(topLevelmenuItems).indexOf(activeItem) + 1;\n switch (event.keyCode // change to event.key to key to use the above variable\n ) {\n case 27: // Esc\n if (activeItem.closest('details')) {\n event.stopPropagation();\n event.preventDefault();\n activeItem.closest('details').removeAttribute('open');\n activeItem.closest('details').querySelector(':scope summary').focus();\n }\n else {\n event.stopPropagation();\n menuButton.focus();\n }\n break;\n case 32: // Space\n case 13: // Enter\n if (activeItem.matches('summary') && !activeItem.parentElement.matches('details[open]')) {\n activeItem.parentElement.setAttribute('open', true);\n const subMenuItems = activeItem\n .closest('details')\n .querySelectorAll('a, button, :scope details > summary');\n Array.from(subMenuItems)[0].focus();\n }\n break;\n case 35: // end\n event.stopPropagation();\n event.preventDefault();\n this.querySelector('details[open]').removeAttribute('open');\n Array.from(menuItems)[menuItems.length - 1].focus();\n break;\n case 36: // home\n event.stopPropagation();\n event.preventDefault();\n this.querySelector('details[open]').removeAttribute('open');\n Array.from(menuItems)[0].focus();\n break;\n case 38: // up\n event.stopPropagation();\n event.preventDefault();\n if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n if (Array.from(topLevelmenuItems)[prevIndex] != undefined)\n Array.from(topLevelmenuItems)[prevIndex].focus();\n else\n Array.from(topLevelmenuItems)[topLevelmenuItems.length - 1].focus();\n }\n else if (activeItem.closest('details')) {\n const subMenuItems = activeItem\n .closest('details')\n .querySelectorAll('a, button, :scope details > summary');\n subPrevIndex = Array.from(subMenuItems).indexOf(activeItem) - 1;\n if (Array.from(subMenuItems)[subPrevIndex] != undefined)\n Array.from(subMenuItems)[subPrevIndex].focus();\n else\n Array.from(subMenuItems)[subMenuItems.length - 1].focus();\n }\n break;\n case 40: // down\n event.stopPropagation();\n event.preventDefault();\n if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n if (Array.from(topLevelmenuItems)[nextIndex] != undefined)\n Array.from(topLevelmenuItems)[nextIndex].focus();\n else\n Array.from(topLevelmenuItems)[0].focus();\n }\n else if (activeItem.closest('details')) {\n const subMenuItems = activeItem\n .closest('details')\n .querySelectorAll('a, button, :scope details > summary');\n subNextIndex = Array.from(subMenuItems).indexOf(activeItem) + 1;\n if (Array.from(subMenuItems)[subNextIndex] != undefined)\n Array.from(subMenuItems)[subNextIndex].focus();\n else\n Array.from(subMenuItems)[0].focus();\n }\n break;\n }\n }\n });\n }\n // insert extra CSS to help style inline details and summary items to allow collapsible sub menus\n if (this.querySelector('details') && !document.getElementById('menuGlobalStyles'))\n document.head.insertAdjacentHTML('beforeend', `<style id=\"menuGlobalStyles\">\niam-menu details > * {\n background: unset !important;\n border: unset !important;\n color: inherit!important;\n font-weight: inherit!important;\n font-family: inherit!important;\n font-size: 1rem!important;\n display: block!important;\n margin: var(--menu-item-margin, 0 0 0.25rem 0)!important;\n padding: var(--menu-item-padding, 0)!important;\n width: var(--menu-item-width, 100%)!important;\n text-align: var(--menu-item-text-align, left)!important;\n cursor: var(--menu-item-cursor, pointer)!important;\n}\niam-menu details > *:after,\niam-menu details > *:not(summary):before {\n display: none!important;\n}\niam-menu details :is(button,a) {\n padding-inline-start: var(--menu-dialog-offset,1rem)!important;\n}\niam-menu details :is(button,a):last-child {\n margin-block-end: var(--menu-dialog-offset,1rem)!important;\n}\niam-menu details summary {\n padding: 0 !important;\n margin: var(--menu-item-margin, 0 0 0.25rem 0)!important;\n}\niam-menu details summary:before {\n text-align: center;\n display: inline-block!important;\n vertical-align: bottom;\n float: right;\n color: inherit;\n height: 1em;\n width: 1em;\n}\n\niam-menu details summary[class*=\"fa-\"]:before {\n font-family: var(--fa-font-family, \"Font Awesome 6 Pro\");\n}\n\niam-menu details summary:not([class*=\"fa-\"]:before {\n --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\"); \n \n content: \"\"!important;\n height: 1.2rem;\n width: 1.2rem;\n background: var(--colour-primary-theme);\n mask-image: var(--icon, var(--icon-arrow));\n mask-size: 50%;\n mask-repeat: no-repeat;\n mask-position: 50% 50%;\n -webkit-mask-image: var(--icon, var(--icon-arrow));\n -webkit-mask-size: 50%;\n -webkit-mask-repeat: no-repeat;\n -webkit-mask-position: 50% 50%;\n z-index: 2;\n display: inline-block;\n vertical-align: bottom;\n float: right;\n rotate: 90deg;\n color: inherit;\n}\n</style>`);\n }\n}\nexport default iamMenu;\n"],"names":["iamMenu","template","menuID","menuButton","menuInner","topLevelmenuItems","menuItems","subMenus","subNextIndex","subPrevIndex","item","index","event","activeItem","prevIndex","nextIndex","subMenuItems"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"menu.component.min.js","sources":["menu.component.js"],"sourcesContent":["class iamMenu extends HTMLElement {\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n const assetLocation = document.body.hasAttribute('data-assets-location')\n ? document.body.getAttribute('data-assets-location')\n : '/assets';\n const loadCSS = `@import \"${assetLocation}/css/components/menu.component.css\";`;\n const template = document.createElement('template');\n template.innerHTML = `\n <style>\n ${loadCSS}\n </style>\n <div class=\"menu--inner\" part=\"inner\">\n <slot></slot>\n </div>`;\n this.shadowRoot.appendChild(template.content.cloneNode(true));\n }\n connectedCallback() {\n const menuID = this.hasAttribute('id') ? this.getAttribute('id') : false;\n const menuButton = document.querySelector(`[popovertarget=\"${menuID}\"]`);\n const topLevelmenuItems = this.querySelectorAll(':scope > a, :scope > button, :scope > details > summary');\n const menuItems = this.querySelectorAll('a, button');\n const subMenus = this.querySelectorAll('details');\n let subNextIndex;\n let subPrevIndex;\n // Set the needed CSS styles to connect the ID attribute to the anchor name\n if (menuID && menuButton) {\n this.setAttribute('role', 'menu');\n this.style['position-anchor'] = `--${menuID}`;\n menuButton === null || menuButton === void 0 ? void 0 : menuButton.setAttribute('aria-haspopup', 'true');\n menuButton === null || menuButton === void 0 ? void 0 : menuButton.style['anchor-name'] = `--${menuID}`;\n menuButton === null || menuButton === void 0 ? void 0 : menuButton.setAttribute('aria-controls', menuID);\n }\n menuItems.forEach((item, index) => {\n item.setAttribute('role', 'menuitem');\n item.setAttribute('tabindex', '0');\n if (index == 0) {\n item.setAttribute('autofocus', true);\n }\n });\n this.addEventListener('keydown', (event) => {\n if (event && event.target instanceof HTMLElement && event.target.closest('a, button, summary')) {\n const activeItem = document.activeElement;\n const prevIndex = Array.from(topLevelmenuItems).indexOf(activeItem) - 1;\n const nextIndex = Array.from(topLevelmenuItems).indexOf(activeItem) + 1;\n switch (event.keyCode // change to event.key to key to use the above variable\n ) {\n case 27: // Esc\n if (activeItem.closest('details')) {\n event.stopPropagation();\n event.preventDefault();\n activeItem.closest('details').removeAttribute('open');\n activeItem.closest('details').querySelector(':scope summary').focus();\n }\n else {\n event.stopPropagation();\n menuButton.focus();\n }\n break;\n case 32: // Space\n case 13: // Enter\n break;\n case 35: // end\n event.stopPropagation();\n event.preventDefault();\n this.querySelector('details[open]').removeAttribute('open');\n Array.from(menuItems)[menuItems.length - 1].focus();\n break;\n case 36: // home\n event.stopPropagation();\n event.preventDefault();\n this.querySelector('details[open]').removeAttribute('open');\n Array.from(menuItems)[0].focus();\n break;\n case 38: // up\n event.stopPropagation();\n event.preventDefault();\n if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n if (Array.from(topLevelmenuItems)[prevIndex] != undefined)\n Array.from(topLevelmenuItems)[prevIndex].focus();\n else\n Array.from(topLevelmenuItems)[topLevelmenuItems.length - 1].focus();\n }\n else if (activeItem.closest('details')) {\n const subMenuItems = activeItem\n .closest('details')\n .querySelectorAll('a, button, :scope details > summary');\n subPrevIndex = Array.from(subMenuItems).indexOf(activeItem) - 1;\n if (Array.from(subMenuItems)[subPrevIndex] != undefined)\n Array.from(subMenuItems)[subPrevIndex].focus();\n else\n Array.from(subMenuItems)[subMenuItems.length - 1].focus();\n }\n break;\n case 40: // down\n event.stopPropagation();\n event.preventDefault();\n if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n if (Array.from(topLevelmenuItems)[nextIndex] != undefined)\n Array.from(topLevelmenuItems)[nextIndex].focus();\n else\n Array.from(topLevelmenuItems)[0].focus();\n }\n else if (activeItem.closest('details')) {\n const subMenuItems = activeItem\n .closest('details')\n .querySelectorAll('a, button, :scope details > summary');\n subNextIndex = Array.from(subMenuItems).indexOf(activeItem) + 1;\n if (Array.from(subMenuItems)[subNextIndex] != undefined)\n Array.from(subMenuItems)[subNextIndex].focus();\n else\n Array.from(subMenuItems)[0].focus();\n }\n break;\n }\n }\n });\n this.addEventListener('toggle', (e) => {\n var _a, _b, _c, _d;\n const updateEvent = new CustomEvent(e.newState, { detail: { id: this.getAttribute('id'), target: e.target } });\n this.dispatchEvent(updateEvent);\n if (this.hasAttribute('popover-open')) {\n e.preventDefault();\n this.removeAttribute('popover-open');\n this.hidePopover();\n }\n if (this.matches(':popover-open') && document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) {\n (_a = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-pressed', 'true');\n (_b = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _b === void 0 ? void 0 : _b.classList.add('active');\n }\n else {\n (_c = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _c === void 0 ? void 0 : _c.removeAttribute('aria-pressed');\n (_d = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _d === void 0 ? void 0 : _d.classList.remove('active');\n }\n });\n this.addEventListener('click', (event) => {\n if (event &&\n event.target instanceof HTMLElement &&\n event.target.closest('button:has(+ iam-menu:not([popover]))')) {\n const button = event.target.closest('button:has(+ iam-menu)');\n button === null || button === void 0 ? void 0 : button.classList.toggle('open');\n }\n else if (event && event.target instanceof HTMLElement && event.target.closest('button.selectable')) {\n const button = event.target.closest('button.selectable');\n if (this.hasAttribute('multiple')) {\n button.classList.toggle('selected');\n }\n else if (button === null || button === void 0 ? void 0 : button.classList.contains('selected')) {\n this.querySelectorAll('.selected').forEach((item) => {\n item.classList.remove('selected');\n });\n }\n else {\n this.querySelectorAll('.selected').forEach((item) => {\n item.classList.remove('selected');\n });\n button.classList.add('selected');\n }\n }\n });\n // safari and firefox anchor fix for cards\n if (!CSS.supports('top', 'anchor(top)')) {\n document.addEventListener('click', (event) => {\n if (event.originalTarget && event.originalTarget.matches('[popovertarget]')) {\n const button = event.originalTarget;\n const popoverID = button.getAttribute('popovertarget');\n const popover = document.getElementById(popoverID);\n const viewportOffset = button.getBoundingClientRect();\n const top = viewportOffset.top;\n const left = viewportOffset.left;\n popover.style.setProperty('top', top + 'px');\n popover.style.setProperty('left', left + button.clientWidth + 'px');\n }\n });\n }\n }\n}\nexport default iamMenu;\n"],"names":["iamMenu","template","menuID","menuButton","topLevelmenuItems","menuItems","subNextIndex","subPrevIndex","item","index","event","activeItem","prevIndex","nextIndex","subMenuItems","_a","_b","_c","_d","updateEvent","button","popoverID","popover","viewportOffset","top","left"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
2
|
+
* iamKey v7.3.0
|
|
3
3
|
* Copyright 2022-2025 iamproperty
|
|
4
4
|
*/const g=c=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:c})},y=(c,e,u)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:e}),u.forEach(l=>{c.addEventListener(l,function(i){const n={event:l,element:e,target:i.target};Object.keys(i.detail).forEach(d=>{const t=i.detail[d];n[d]=t}),window.dataLayer.push(n)})}),!0);g("iam-multi-step");class h extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const e=document.createElement("template");e.innerHTML=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
2
|
+
* iamKey v7.3.0
|
|
3
3
|
* Copyright 2022-2025 iamproperty
|
|
4
4
|
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"mutliselect"});class b extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",l=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,s=document.createElement("template");s.innerHTML=`
|
|
5
5
|
<style>
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
2
|
+
* iamKey v7.3.0
|
|
3
3
|
* Copyright 2022-2025 iamproperty
|
|
4
4
|
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"nav"});class p extends HTMLElement{constructor(){super();const l=this.attachShadow({mode:"open"}),r=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",a=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${r}/css/core.min.css`,i=document.createElement("template");i.innerHTML=`
|
|
5
5
|
<style class="styles">
|
|
6
6
|
@import "${a}";
|
|
7
|
-
@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 */
|
|
7
|
+
@layer reset{.row{--gutter-x: 1rem;--gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--gutter-y));margin-right:calc(-0.5*var(--gutter-x));margin-left:calc(-0.5*var(--gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--gutter-x)*.5);padding-left:calc(var(--gutter-x)*.5);margin-top:var(--gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.3333333333%}.col-2{flex:0 0 auto;width:16.6666666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.3333333333%}.col-5{flex:0 0 auto;width:41.6666666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.3333333333%}.col-8{flex:0 0 auto;width:66.6666666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.3333333333%}.col-11{flex:0 0 auto;width:91.6666666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}.g-0,.gx-0{--gutter-x: 0}.g-0,.gy-0{--gutter-y: 0}.g-1,.gx-1{--gutter-x: 0.5rem}.g-1,.gy-1{--gutter-y: 0.5rem}.g-2,.gx-2{--gutter-x: 1rem}.g-2,.gy-2{--gutter-y: 1rem}.g-3,.gx-3{--gutter-x: 1.5rem}.g-3,.gy-3{--gutter-y: 1.5rem}.g-4,.gx-4{--gutter-x: 2rem}.g-4,.gy-4{--gutter-y: 2rem}.g-5,.gx-5{--gutter-x: 3rem}.g-5,.gy-5{--gutter-y: 3rem}@media screen and (min-width: 36em){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.3333333333%}.col-sm-2{flex:0 0 auto;width:16.6666666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.3333333333%}.col-sm-5{flex:0 0 auto;width:41.6666666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.3333333333%}.col-sm-8{flex:0 0 auto;width:66.6666666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.3333333333%}.col-sm-11{flex:0 0 auto;width:91.6666666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}.g-sm-0,.gx-sm-0{--gutter-x: 0}.g-sm-0,.gy-sm-0{--gutter-y: 0}.g-sm-1,.gx-sm-1{--gutter-x: 0.5rem}.g-sm-1,.gy-sm-1{--gutter-y: 0.5rem}.g-sm-2,.gx-sm-2{--gutter-x: 1rem}.g-sm-2,.gy-sm-2{--gutter-y: 1rem}.g-sm-3,.gx-sm-3{--gutter-x: 1.5rem}.g-sm-3,.gy-sm-3{--gutter-y: 1.5rem}.g-sm-4,.gx-sm-4{--gutter-x: 2rem}.g-sm-4,.gy-sm-4{--gutter-y: 2rem}.g-sm-5,.gx-sm-5{--gutter-x: 3rem}.g-sm-5,.gy-sm-5{--gutter-y: 3rem}}@media screen and (min-width: 62em){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.3333333333%}.col-md-2{flex:0 0 auto;width:16.6666666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.3333333333%}.col-md-5{flex:0 0 auto;width:41.6666666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.3333333333%}.col-md-8{flex:0 0 auto;width:66.6666666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.3333333333%}.col-md-11{flex:0 0 auto;width:91.6666666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}.g-md-0,.gx-md-0{--gutter-x: 0}.g-md-0,.gy-md-0{--gutter-y: 0}.g-md-1,.gx-md-1{--gutter-x: 0.5rem}.g-md-1,.gy-md-1{--gutter-y: 0.5rem}.g-md-2,.gx-md-2{--gutter-x: 1rem}.g-md-2,.gy-md-2{--gutter-y: 1rem}.g-md-3,.gx-md-3{--gutter-x: 1.5rem}.g-md-3,.gy-md-3{--gutter-y: 1.5rem}.g-md-4,.gx-md-4{--gutter-x: 2rem}.g-md-4,.gy-md-4{--gutter-y: 2rem}.g-md-5,.gx-md-5{--gutter-x: 3rem}.g-md-5,.gy-md-5{--gutter-y: 3rem}}}.m-0{margin:0 !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.mt-0{margin-top:0 !important}.me-0{margin-right:0 !important}.mb-0{margin-bottom:0 !important}.ms-0{margin-left:0 !important}.m-1{margin:0.5rem !important}.mx-1{margin-left:0.5rem !important;margin-right:0.5rem !important}.my-1{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.mt-1{margin-top:0.5rem !important}.me-1{margin-right:0.5rem !important}.mb-1{margin-bottom:0.5rem !important}.ms-1{margin-left:0.5rem !important}.m-2{margin:1rem !important}.mx-2{margin-left:1rem !important;margin-right:1rem !important}.my-2{margin-top:1rem !important;margin-bottom:1rem !important}.mt-2{margin-top:1rem !important}.me-2{margin-right:1rem !important}.mb-2{margin-bottom:1rem !important}.ms-2{margin-left:1rem !important}.m-3{margin:1.5rem !important}.mx-3{margin-left:1.5rem !important;margin-right:1.5rem !important}.my-3{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.mt-3{margin-top:1.5rem !important}.me-3{margin-right:1.5rem !important}.mb-3{margin-bottom:1.5rem !important}.ms-3{margin-left:1.5rem !important}.m-4{margin:2rem !important}.mx-4{margin-left:2rem !important;margin-right:2rem !important}.my-4{margin-top:2rem !important;margin-bottom:2rem !important}.mt-4{margin-top:2rem !important}.me-4{margin-right:2rem !important}.mb-4{margin-bottom:2rem !important}.ms-4{margin-left:2rem !important}.m-5{margin:3rem !important}.mx-5{margin-left:3rem !important;margin-right:3rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.mt-5{margin-top:3rem !important}.me-5{margin-right:3rem !important}.mb-5{margin-bottom:3rem !important}.ms-5{margin-left:3rem !important}.m-auto{margin:auto !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-auto{margin-top:auto !important}.me-auto{margin-right:auto !important}.mb-auto{margin-bottom:auto !important}.ms-auto{margin-left:auto !important}.w-25{width:25% !important}.w-50{width:50% !important}.w-75{width:75% !important}.w-100{width:100% !important}.w-auto{width:auto !important}.mw-100{max-width:100% !important}.mw-fit-content{max-width:fit-content !important}.mw-content{max-width:var(--content-max-width) !important}.vw-100{width:100vw !important}.min-vw-100{min-width:100vw !important}.h-25{height:25% !important}.h-50{height:50% !important}.h-75{height:75% !important}.h-100{height:100% !important}.h-auto{height:auto !important}.mh-100{max-height:100% !important}.vh-100{height:100vh !important}.min-vh-100{min-height:100vh !important}.min-100{min-width:100% !important}.min-fit-content{min-width:fit-content !important}.object-cover{object-fit:cover !important}.object-contain{object-fit:contain !important}:host{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important}.btn-menu{padding:0;margin:0 0 0 2rem;text-align:center;height:3rem;padding-block:0.75rem;line-height:1.5rem;overflow:hidden;position:relative;background:none;border:none;width:1.5rem;text-indent:-1000%;color:var(--colour-brand)}.btn-menu i{font-size:1.5rem;line-height:1.5rem;position:absolute;text-indent:0px;width:1.5rem;text-align:center;top:0.75rem;right:0;margin:0 !important;transition:none !important}.btn-menu i+i{display:none}.btn-menu[aria-expanded] i{display:none}.btn-menu[aria-expanded] i+i{display:inline}@media screen and (max-width: 62em){.btn-menu>.btn{display:contents;display:contents;color:inherit !important;padding:0 !important;margin:0;font-weight:normal !important;line-height:inherit;font-size:inherit;transition:none !important}}@media screen and (min-width: 36em){.btn-menu{margin:0 0 0 3rem;width:auto;padding-right:1.875rem;text-indent:0}.btn-menu[aria-expanded]{text-indent:-1000%}}@media screen and (min-width: 62em){.btn-menu{width:fit-content;height:auto;margin:0 0 0 3rem;padding:0 !important;text-indent:0;padding-right:0 !important}.btn-menu[aria-expanded]{text-indent:0}.btn-menu .btn{margin:0 !important;display:flex}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){.btn-menu .btn{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #d8d8d8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #fcfcfc;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light)}.btn-menu .btn .text-primary{color:var(--colour-primary) !important}}@media screen and (min-width: 62em){.btn-menu .btn span{order:2}.btn-menu .btn i[class*=fa-]{position:relative;position:static;vertical-align:bottom;display:inline-block;font-size:1.2rem;margin-right:1rem !important}.btn-menu .btn i[class*=fa-]+i[class*=fa-]{display:none}}:host(.bg-primary) .btn:is(:hover,:focus){color:var(--colour-inverted)}@media screen and (max-width: 62em){:host>.container{display:contents}.menu__outer{position:absolute;top:6rem;left:0;width:100%;height:calc(100vh - 6rem);overflow:hidden;pointer-events:none;transition:background .5s}.menu__outer:has(.menu.open){background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}.menu::-webkit-scrollbar{width:6px}.menu::-webkit-scrollbar-track{border:0 !important}.menu::-webkit-scrollbar-thumb{border:0 !important}.menu{overscroll-behavior:contain;width:calc(23.4375rem - var(--scrollbar-width));background-color:var(--colour-canvas-2);position:absolute;height:calc(100vh - 6rem);left:100%;top:0;padding:0 1.5rem 0 1.5rem;z-index:var(--index-menu);overflow:auto;transition:all 1s ease-out;display:flex;flex-direction:column;flex-wrap:nowrap}.menu>*{flex-shrink:0}}@media screen and (max-width: 62em)and (prefers-color-scheme: dark){.menu{--colour-link: var(--colour-white);--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #bfbfbf;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (max-width: 62em)and (prefers-color-scheme: light){.menu{background-color:var(--colour-white);--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #d8d8d8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #fcfcfc;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light)}.menu .text-primary{color:var(--colour-primary) !important}}@media screen and (max-width: 62em)and (forced-colors: active){.menu{outline:1px solid #fff}}@media screen and (max-width: 62em){.menu:before{content:"";position:absolute;display:block;top:0;left:0;width:100%;border-top:2px solid var(--colour-border);z-index:1}.menu.open{left:calc(100% - (23.4375rem - var(--scrollbar-width)));-webkit-box-shadow:0 6px 12px 0px rgba(0,0,0,.2);box-shadow:0 6px 12px 0px rgba(0,0,0,.2);pointer-events:all}.menu.closed *{display:none !important}.menu__secondary{display:none}.has-secondary .menu__secondary{display:block;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:3rem !important;flex-grow:1;position:relative}}@media screen and (max-width: 62em)and (prefers-color-scheme: light){.has-secondary .menu__secondary{background-color:#eee}}@media screen and (max-width: 62em){.has-secondary .menu__secondary .container{display:contents}::slotted(a:not([slot=logo]):not(.btn-compact):not(.btn-primary)){display:block !important;line-height:1.25rem !important;padding:1.5rem 0 !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important}::slotted(a:not([slot=logo]):not(.btn-compact):not(.btn-primary)):after{content:"";display:block;height:2px;width:100% !important;background-color:var(--colour-border) !important;top:calc(100% - 2px) !important}*:is(.has-search,.has-actions) .menu__primary{display:block;padding-bottom:3rem}.menu:not(.has-secondary) .menu__primary{display:block;padding-bottom:3rem}::slotted(.btn:not(.btn-compact):not(.btn-primary)){display:block !important;margin:0 0 1.5rem 0 !important;width:100% !important;max-width:100% !important;text-align:center !important;flex-shrink:0}.has-actions slot[name=actions]{display:block;padding-bottom:1.5rem}slot[name=actions]::slotted(.btn){margin-top:0 !important}.dialog__wrapper{width:100%;margin:0 0 3rem 0 !important;flex-shrink:0}.dialog__wrapper>.btn{margin:0 !important}.dialog__wrapper>.btn{display:none}.dialog__wrapper dialog{display:contents}}@media screen and (max-width: 62em)and (min-width: 36em){.menu{padding-right:2.5rem !important}.has-secondary .menu__secondary{margin-right:-2.5rem !important;padding-right:2.5rem !important}.has-secondary .menu__secondary:before{width:calc(100% - 4rem) !important}::slotted(.btn){width:auto !important}}@media screen and (min-width: 62em){:host{padding-block:0 !important}:host>.container{padding-block:1.5rem !important;padding-inline:0 !important;max-width:100%;display:flex;flex-wrap:nowrap;align-items:center}:host>.container:has(.has-secondary){padding-top:4rem !important}:host>.container>*{margin-bottom:0 !important}.btn-menu{display:none}.buttons-holder{display:contents}.buttons-holder .btn-menu{display:inline-block;order:2}.menu,.menu__outer,.menu__primary{display:contents}.menu__secondary{display:none}.has-secondary .menu__secondary{background-color:var(--colour-canvas-2);display:block;position:absolute;top:0;left:0;width:100%}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){.has-secondary .menu__secondary{background-color:#eee;--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #d8d8d8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #fcfcfc;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light)}.has-secondary .menu__secondary .text-primary{color:var(--colour-primary) !important}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){.has-secondary .menu__secondary{--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #bfbfbf;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (min-width: 62em){.has-secondary .menu__secondary .container{margin-left:auto;margin-right:auto;padding:var(--container-padding) !important;padding-top:0.5rem !important;padding-bottom:0.5rem !important;text-align:right}::slotted(a[slot=secondary]){font-size:0.875rem !important}::slotted(a[slot=secondary]):after{top:calc(100% - .25em) !important}::slotted(a:not([slot=logo])),::slotted(.btn){margin-bottom:0 !important;margin-right:0 !important}::slotted(a:not([slot=logo]):not(.btn-compact):not(.btn-primary)){font-size:1rem !important;font-weight:normal !important}::slotted(a:not([slot=logo]):not(.btn-compact):not(.btn-primary)):after{display:none}::slotted(a:not([slot=logo]):not([slot=dual])){margin-left:2rem !important}::slotted(.btn-primary){margin-left:3rem !important}.has-actions slot[name=actions]{display:block;padding-left:3rem}slot[name=actions]::slotted(.btn){margin-left:0.75rem !important}:host([data-search]) slot[name=actions]{padding-left:0 !important}#search-wrapper{margin-left:1.5rem !important;position:static}#search-close,#search-button{margin:0}#search-dialog[open]{position:absolute;top:auto;bottom:0;left:0;width:100%;padding-block:1.5rem;padding-inline:0;background-color:rgba(0,0,0,0);text-align:right;border-radius:0;box-shadow:none}#search-dialog[open] .container{padding:var(--container-padding);padding-bottom:0}:host(.search-open){background:#e6eaec !important}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){:host(.search-open){background:var(--colour-canvas-2) !important}}@media screen and (min-width: 62em){:host(.search-open) .buttons-holder,:host(.search-open) #search-button{display:none}:host(.search-open.bg-primary){background:var(--colour-primary) !important}:host(.search-open.bg-primary) .suffix,:host(.search-open.bg-primary) #search{border:2px solid #b3c1c5;color:#fff}:host(.search-open.bg-primary) #search{border-right:0}.backdrop{content:"";display:block;position:absolute;top:100%;left:0;height:calc(100vh - var(--nav-height));width:100%;z-index:-1;pointer-events:none;transition:background .5s}.backdrop.show{pointer-events:all;background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}}::slotted(.nav--menu){pointer-events:all;overscroll-behavior:contain;width:calc(23.4375rem - var(--scrollbar-width));background-color:var(--colour-canvas-2);position:absolute;height:calc(100vh - 6rem);left:100%;top:0;padding:0 1.5rem 0 1.5rem;z-index:var(--index-menu);overflow:auto;transition:all 1s ease-out;display:flex;flex-direction:column;flex-wrap:nowrap}::slotted(.nav--menu)>*{flex-shrink:0}@media screen and (prefers-color-scheme: dark){::slotted(.nav--menu){--colour-link: var(--colour-white);--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #bfbfbf;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (prefers-color-scheme: light){::slotted(.nav--menu){background-color:var(--colour-white);--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #d8d8d8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #fcfcfc;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light)}::slotted(.nav--menu) .text-primary{color:var(--colour-primary) !important}}@media(forced-colors: active){::slotted(.nav--menu){outline:1px solid #fff}}::slotted(.nav--menu):before{display:block;width:calc(100% + 3rem);border-top:2px solid var(--colour-border);z-index:1;padding:1.5rem 1.5rem;margin:0 -1.5rem;font-family:var(--font-heading);font-style:normal;font-weight:var(--heading-weight);color:var(--colour-heading);clear:both;font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),3),.25rem);line-height:round(up,1em*var(--type-scale),.25rem);max-width:var(--content-max-width)}@media screen and (min-width: 36em){::slotted(.nav--menu):before{margin-right:-2.5rem;padding-right:2.5rem;width:calc(100% + 4rem)}}@media screen and (min-width: 36em){::slotted(.nav--menu){padding-right:2.5rem !important}}@media screen and (min-width: 62em){::slotted(.nav--menu){height:calc(100vh - var(--nav-height));top:var(--nav-height)}}slot[name=menus]{position:absolute;top:0;right:0;display:block;height:100vh;overflow:hidden;pointer-events:none;width:calc(23.4375rem - var(--scrollbar-width))}::slotted(.nav--menu[data-open-title]):before{content:attr(data-open-title)}::slotted(.nav--menu.open){left:calc(100% - (23.4375rem - var(--scrollbar-width)));-webkit-box-shadow:0 6px 12px 0px rgba(0,0,0,.2);box-shadow:0 6px 12px 0px rgba(0,0,0,.2);pointer-events:all}@media screen and (max-width: 62em){:host(.open) .menu__outer{background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}}@media screen and (min-width: 62em){:host(.nav--md-compressed) .buttons-holder button{margin-left:1.5rem !important}:host(.nav--md-compressed) .btn-menu .btn i[class*=fa-]{margin-right:.5rem !important;margin-left:-0.5rem !important}:host(.nav--md-compressed) .btn-menu .btn{--btn-padding-inline: 2.5rem}:host(.nav--md-compressed) ::slotted(a:not([slot=logo]):not([slot=secondary])){margin-left:1.5rem !important}}@media screen and (min-width: 62em){:host(.nav--btn-compact:not(.nav--large)) .btn-menu .btn{padding:.5rem !important}:host(.nav--btn-compact:not(.nav--large)) .btn-menu .btn i{margin-right:0 !important}:host(.nav--btn-compact:not(.nav--large)) .btn-menu .btn span{display:none}}@media screen and (min-width: 62em)and (max-width: 90em){:host(.nav--btn-compact.nav--large) .btn-menu .btn{padding:.5rem !important}:host(.nav--btn-compact.nav--large) .btn-menu .btn i{margin-right:0 !important}:host(.nav--btn-compact.nav--large) .btn-menu .btn span{display:none}}@media screen and (max-width: 62em){:host(.nav--dual-buttons) slot[name=dual]{padding-block:1.5rem;display:block}}@media screen and (min-width: 62em){:host(.nav--dual-buttons) slot[name=dual]{display:flex;margin-left:auto;flex-direction:row-reverse}}/*# sourceMappingURL=assets/css/components/nav.component.css.map */
|
|
8
8
|
|
|
9
9
|
</style>
|
|
10
10
|
<style class="doc-styles">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
2
|
+
* iamKey v7.3.0
|
|
3
3
|
* Copyright 2022-2025 iamproperty
|
|
4
4
|
*/function f(i){if(i.hasAttribute("data-type")&&i.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)),i.closest(".notification__holder")||t.appendChild(i)}if(i.setAttribute("role","alert"),i.addEventListener("click",function(t){event&&event.target instanceof HTMLElement&&(event.target.closest("[data-dismiss-button]")||event.target.matches("[data-dismiss-button]"))&&(t.preventDefault(),c(i))},!1),i.hasAttribute("data-timeout")){const t=i.getAttribute("data-timeout"),o=new m(function(){c(i)},t);i.addEventListener("mouseenter",()=>{o.pause()}),i.addEventListener("mouseleave",()=>{o.resume()})}}function m(i,t){let o,n,e=t;this.pause=function(){window.clearTimeout(o),e-=new Date-n},this.resume=function(){n=new Date,window.clearTimeout(o),o=window.setTimeout(i,e)},this.resume()}const c=function(i){i.classList.add("d-none")};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Notification"});class u extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",o=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
2
|
+
* iamKey v7.3.0
|
|
3
3
|
* Copyright 2022-2025 iamproperty
|
|
4
4
|
*/class v extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=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"):`${o}/css/core.min.css`,e=document.createElement("template");e.innerHTML=`
|
|
5
5
|
<style>
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
2
|
+
* iamKey v7.3.0
|
|
3
3
|
* Copyright 2022-2025 iamproperty
|
|
4
|
-
*/const n=t=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:t})},
|
|
4
|
+
*/const n=t=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:t})},p=(t,C,l)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:C}),l.forEach(i=>{t.addEventListener(i,function(e){const a={event:i,element:C,target:e.target};Object.keys(e.detail).forEach(d=>{const o=e.detail[d];a[d]=o}),window.dataLayer.push(a)})}),!0);n("iam-rank");class h extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const C=document.createElement("template");C.innerHTML=`
|
|
5
5
|
<style>
|
|
6
|
-
@layer elements{mark{padding:.1875em;background-color:#ff0}:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4){
|
|
6
|
+
@layer elements{mark{padding:.1875em;background-color:#ff0}:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4){margin-top:0;margin-bottom:0;font-family:var(--font-heading);font-style:normal;font-weight:bold;line-height:round(1em*var(--type-scale),.25rem);padding-bottom:round(1em*var(--type-scale),.25rem);color:var(--colour-heading);clear:both;display:block}:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4) [class*=fa-]{margin-right:.5rem}:is(.h1,h1){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),6),.25rem);font-weight:900}:is(h2,.h2){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),5),.25rem);font-weight:900}:is(h3,.h3){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),3),.25rem);max-width:var(--content-max-width);line-height:round(1em*var(--type-scale),.25rem);padding-bottom:round(1em*var(--type-scale),.25rem)}:is(.h4,h4,.h5,h5,.h6,h6){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),2),.25rem);max-width:var(--content-max-width);line-height:round(1em*var(--type-scale),.25rem);padding-bottom:round(1em*var(--type-scale),.25rem)}p{margin-top:0;font-size:1rem;line-height:1.5rem;padding-bottom:3rem;max-width:var(--content-max-width);margin-bottom:0}p:has(+p){padding-bottom:1.5rem}:is(.lead,.strapline){font-size:1.125rem;line-height:1.75rem;padding-bottom:3rem;max-width:var(--content-max-width);font-weight:700}small,.small{font-size:0.875rem;line-height:1.5rem;padding-bottom:3rem;max-width:var(--content-max-width);font-weight:normal}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}strong{font-weight:bolder;font-family:var(--font-heading);color:var(--colour-heading)}address{margin-bottom:1rem;font-style:normal;line-height:inherit}blockquote{margin:0;quotes:"\u201C" "\u201D" "\u2018" "\u2019";padding-bottom:3rem;overflow:hidden}blockquote p{font-size:1.5rem;line-height:2rem;padding-bottom:0}blockquote p:first-child:before{content:open-quote}blockquote p:last-of-type:after{content:close-quote}blockquote cite{font-size:1.125rem;line-height:2rem;padding-bottom:0;font-weight:bold;font-style:normal}.stat{font-size:4rem;line-height:4.5rem;font-weight:bold;color:var(--colour-heading);display:block;text-decoration:underline;text-underline-offset:.75rem;text-decoration-color:var(--colour-secondary);text-decoration-thickness:0.25rem;margin-bottom:4rem}}*,*::before,*::after{box-sizing:border-box}:host{display:block;text-align:center;margin-bottom:2rem;width:100%;max-width:10rem}.rank{position:relative;display:flex;aspect-ratio:1/1;width:100%;height:auto;max-width:10rem;text-align:center;flex-direction:column;justify-content:center;align-items:center;border:1rem solid var(--colour-info);border-radius:50%}.rank .position{margin:0;padding:0;line-height:1 !important}.rank .position:after{content:var(--rank-sub-text, "Your rank");display:block;font-size:1.125rem;line-height:1;font-weight:700;margin:0;padding:0}.rank svg{position:absolute;inset:0;z-index:1;display:none}:host([data-position="1st"]) .rank,:host([data-position="2nd"]) .rank,:host([data-position="3rd"]) .rank{border-width:0;overflow:hidden}:host([data-position="1st"]) .position,:host([data-position="2nd"]) .position,:host([data-position="3rd"]) .position{display:none}:host([data-position="1st"]) .rank{background:#ffee56}:host([data-position="1st"]) .rank svg:nth-child(1){display:block}:host([data-position="2nd"]) .rank{background:#ededed}:host([data-position="2nd"]) .rank svg:nth-child(2){display:block}:host([data-position="3rd"]) .rank{background:#ffe798}:host([data-position="3rd"]) .rank svg:nth-child(3){display:block}/*# sourceMappingURL=assets/css/components/rank.component.css.map */
|
|
7
7
|
|
|
8
8
|
</style>
|
|
9
9
|
<div class="wrapper">
|
|
@@ -226,5 +226,5 @@
|
|
|
226
226
|
|
|
227
227
|
|
|
228
228
|
</div>
|
|
229
|
-
`,this.shadowRoot.appendChild(C.content.cloneNode(!0))}connectedCallback(){var C;const
|
|
229
|
+
`,this.shadowRoot.appendChild(C.content.cloneNode(!0))}connectedCallback(){var C;const l=this.hasAttribute("data-position")?this.getAttribute("data-position"):(C=this.textContent)===null||C===void 0?void 0:C.trim();this.setAttribute("data-position",l),p(this,"iam-rank",["select-card"])}}export{h as default};
|
|
230
230
|
//# sourceMappingURL=rank.component.min.js.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
2
|
+
* iamKey v7.3.0
|
|
3
3
|
* Copyright 2022-2025 iamproperty
|
|
4
|
-
*/const
|
|
4
|
+
*/const f=m=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:m})},v=(m,e,a)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:e}),a.forEach(o=>{m.addEventListener(o,function(t){const i={event:o,element:e,target:t.target};Object.keys(t.detail).forEach(r=>{const n=t.detail[r];i[r]=n}),window.dataLayer.push(i)})}),!0);f("iam-rankings");class b extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const e=document.createElement("template");e.innerHTML=`
|
|
5
5
|
<style>
|
|
6
|
-
@layer elements{mark{padding:.1875em;background-color:#ff0}:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4){
|
|
6
|
+
@layer elements{mark{padding:.1875em;background-color:#ff0}:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4){margin-top:0;margin-bottom:0;font-family:var(--font-heading);font-style:normal;font-weight:bold;line-height:round(1em*var(--type-scale),.25rem);padding-bottom:round(1em*var(--type-scale),.25rem);color:var(--colour-heading);clear:both;display:block}:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4) [class*=fa-]{margin-right:.5rem}:is(.h1,h1){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),6),.25rem);font-weight:900}:is(h2,.h2){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),5),.25rem);font-weight:900}:is(h3,.h3){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),3),.25rem);max-width:var(--content-max-width);line-height:round(1em*var(--type-scale),.25rem);padding-bottom:round(1em*var(--type-scale),.25rem)}:is(.h4,h4,.h5,h5,.h6,h6){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),2),.25rem);max-width:var(--content-max-width);line-height:round(1em*var(--type-scale),.25rem);padding-bottom:round(1em*var(--type-scale),.25rem)}p{margin-top:0;font-size:1rem;line-height:1.5rem;padding-bottom:3rem;max-width:var(--content-max-width);margin-bottom:0}p:has(+p){padding-bottom:1.5rem}:is(.lead,.strapline){font-size:1.125rem;line-height:1.75rem;padding-bottom:3rem;max-width:var(--content-max-width);font-weight:700}small,.small{font-size:0.875rem;line-height:1.5rem;padding-bottom:3rem;max-width:var(--content-max-width);font-weight:normal}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}strong{font-weight:bolder;font-family:var(--font-heading);color:var(--colour-heading)}address{margin-bottom:1rem;font-style:normal;line-height:inherit}blockquote{margin:0;quotes:"\u201C" "\u201D" "\u2018" "\u2019";padding-bottom:3rem;overflow:hidden}blockquote p{font-size:1.5rem;line-height:2rem;padding-bottom:0}blockquote p:first-child:before{content:open-quote}blockquote p:last-of-type:after{content:close-quote}blockquote cite{font-size:1.125rem;line-height:2rem;padding-bottom:0;font-weight:bold;font-style:normal}.stat{font-size:4rem;line-height:4.5rem;font-weight:bold;color:var(--colour-heading);display:block;text-decoration:underline;text-underline-offset:.75rem;text-decoration-color:var(--colour-secondary);text-decoration-thickness:0.25rem;margin-bottom:4rem}}:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid):not(iam-table):not(.table__wrapper){padding-inline:var(--mh-padding-inline, 0);margin-inline:calc(var(--mh-padding-inline, 0)*-1)}:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid)::before{top:calc(100% - 1.5rem);bottom:0;left:0;right:0;height:1.5rem;position:sticky;display:block;background:linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2;margin-bottom:-1.5rem}:is(.mh-sm,.mh-md,.mh-lg,.mh-fluid){overflow:auto;overscroll-behavior:contain}:is(.mh-sm,.mh-md,.mh-lg,.mh-fluid)::before{content:""}.mh-sm{max-height:calc(12.5rem - var(--mh-modifier, 0rem))}.mh-md{max-height:calc(25rem - var(--mh-modifier, 0rem))}.mh-lg{max-height:calc(37.5rem - var(--mh-modifier, 0rem))}.mh-fluid{max-height:100%}@media screen and (min-width: 36em){:is(.mh-sm-sm,.mh-sm-md,.mh-sm-lg){overflow:auto;overscroll-behavior:contain}:is(.mh-sm-sm,.mh-sm-md,.mh-sm-lg)::before{content:""}.mh-sm-sm{max-height:calc(12.5rem - var(--mh-modifier, 0rem))}.mh-sm-md{max-height:calc(25rem - var(--mh-modifier, 0rem))}.mh-sm-lg{max-height:calc(37.5rem - var(--mh-modifier, 0rem))}}@media screen and (min-width: 62em){:is(.mh-md-sm,.mh-md-md,.mh-md-lg){overflow:auto;overscroll-behavior:contain}:is(.mh-md-sm,.mh-md-md,.mh-md-lg)::before{content:""}.mh-md-sm{max-height:calc(12.5rem - var(--mh-modifier, 0rem))}.mh-md-md{max-height:calc(25rem - var(--mh-modifier, 0rem))}.mh-md-lg{max-height:calc(37.5rem - var(--mh-modifier, 0rem))}}*,*::before,*::after{box-sizing:border-box}.podium{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;max-width:30rem;margin:auto}.podium>div{flex-basis:33.33%;flex-grow:0;flex-shrink:0;order:1}.podium>div iam-rank{margin:0;width:100%}.podium>div>span{display:block;font-size:0.875rem;line-height:1;font-weight:700;margin:0;padding-block:.5rem;text-align:center;max-width:100%;overflow:hidden}.podium>div:nth-child(1){order:2;padding:0}.podium>div:nth-child(2){padding:1rem 1rem 0 0}.podium>div:nth-child(3){order:3;padding:1rem 0 0 1rem}/*# sourceMappingURL=assets/css/components/rankings.component.css.map */
|
|
7
7
|
|
|
8
8
|
</style>
|
|
9
9
|
<div class="podium">
|
|
@@ -12,6 +12,6 @@
|
|
|
12
12
|
<div><iam-rank>3rd</iam-rank><span class="third-position"></span></div>
|
|
13
13
|
</div>
|
|
14
14
|
<div class="mh-md" part="leaderboard"><slot></slot></div>
|
|
15
|
-
`,this.shadowRoot.appendChild(e.content.cloneNode(!0)),document.getElementById("rankingsGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="rankingsGlobal">@layer elements{mark{padding:.1875em;background-color:#ff0}:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4){
|
|
16
|
-
</style>`)}connectedCallback(){var e,
|
|
15
|
+
`,this.shadowRoot.appendChild(e.content.cloneNode(!0)),document.getElementById("rankingsGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="rankingsGlobal">@layer elements{mark{padding:.1875em;background-color:#ff0}:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4){margin-top:0;margin-bottom:0;font-family:var(--font-heading);font-style:normal;font-weight:bold;line-height:round(1em*var(--type-scale),.25rem);padding-bottom:round(1em*var(--type-scale),.25rem);color:var(--colour-heading);clear:both;display:block}:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4) [class*=fa-]{margin-right:.5rem}:is(.h1,h1){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),6),.25rem);font-weight:900}:is(h2,.h2){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),5),.25rem);font-weight:900}:is(h3,.h3){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),3),.25rem);max-width:var(--content-max-width);line-height:round(1em*var(--type-scale),.25rem);padding-bottom:round(1em*var(--type-scale),.25rem)}:is(.h4,h4,.h5,h5,.h6,h6){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),2),.25rem);max-width:var(--content-max-width);line-height:round(1em*var(--type-scale),.25rem);padding-bottom:round(1em*var(--type-scale),.25rem)}p{margin-top:0;font-size:1rem;line-height:1.5rem;padding-bottom:3rem;max-width:var(--content-max-width);margin-bottom:0}p:has(+p){padding-bottom:1.5rem}:is(.lead,.strapline){font-size:1.125rem;line-height:1.75rem;padding-bottom:3rem;max-width:var(--content-max-width);font-weight:700}small,.small{font-size:0.875rem;line-height:1.5rem;padding-bottom:3rem;max-width:var(--content-max-width);font-weight:normal}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}strong{font-weight:bolder;font-family:var(--font-heading);color:var(--colour-heading)}address{margin-bottom:1rem;font-style:normal;line-height:inherit}blockquote{margin:0;quotes:"\u201C" "\u201D" "\u2018" "\u2019";padding-bottom:3rem;overflow:hidden}blockquote p{font-size:1.5rem;line-height:2rem;padding-bottom:0}blockquote p:first-child:before{content:open-quote}blockquote p:last-of-type:after{content:close-quote}blockquote cite{font-size:1.125rem;line-height:2rem;padding-bottom:0;font-weight:bold;font-style:normal}.stat{font-size:4rem;line-height:4.5rem;font-weight:bold;color:var(--colour-heading);display:block;text-decoration:underline;text-underline-offset:.75rem;text-decoration-color:var(--colour-secondary);text-decoration-thickness:0.25rem;margin-bottom:4rem}}*,*::before,*::after{box-sizing:border-box}iam-rankings table{display:block;width:100%;font-weight:normal;counter-reset:countItem}iam-rankings thead{display:none}iam-rankings tbody{display:contents}iam-rankings :is(td,th){font-weight:normal}iam-rankings tr.current{background-color:var(--colour-light)}iam-rankings tr.current :is(td,th){font-weight:bolder}iam-rankings tr{display:flex;width:100%;position:relative}iam-rankings tr:before{counter-increment:countItem;content:counter(countItem) ".";font-size:2rem;line-height:2.5rem;font-weight:bolder;color:var(--colour-primary);width:3rem;text-align:center;margin-top:.5rem}iam-rankings tr>*:first-child{width:100%;margin-right:0;padding-right:0}iam-rankings tr>*:last-child{position:absolute;top:0;right:0}iam-rankings tr progress{width:100%;height:1rem}iam-rankings tr:nth-child(1) progress{--colour: var(--chart-colour-1, #BEE8F8)}iam-rankings tr:nth-child(2) progress{--colour: var(--chart-colour-2, #A6DCC7)}iam-rankings tr:nth-child(3) progress{--colour: var(--chart-colour-3, #FAD0DA)}iam-rankings tr:nth-child(4) progress{--colour: var(--chart-colour-4, #AFCCF2)}iam-rankings tr:nth-child(5) progress{--colour: var(--chart-colour-5, #FFD2B4)}iam-rankings tr:nth-child(6) progress{--colour: var(--chart-colour-6, #CDF0F2)}iam-rankings tr:nth-child(7) progress{--colour: var(--chart-colour-7, #FFABC2)}iam-rankings tr:nth-child(8) progress{--colour: var(--chart-colour-8, #DCEAF2)}iam-rankings tr:nth-child(9) progress{--colour: var(--chart-colour-9, #EEBCB3)}iam-rankings tr:nth-child(10) progress{--colour: var(--chart-colour-10, #F0BDFF)}/*# sourceMappingURL=assets/css/components/rankings.global.css.map */
|
|
16
|
+
</style>`)}connectedCallback(){var e,a,o,t,i,r;const n=(e=this.shadowRoot)===null||e===void 0?void 0:e.querySelector(".first-position"),d=(a=this.shadowRoot)===null||a===void 0?void 0:a.querySelector(".second-position"),s=(o=this.shadowRoot)===null||o===void 0?void 0:o.querySelector(".third-position"),p=this.hasAttribute("data-max")?this.getAttribute("data-max"):100;n==null||(n.innerHTML=(t=this.querySelector("tbody tr:nth-child(1) :is(td,th):nth-child(1)"))===null||t===void 0?void 0:t.textContent),d==null||(d.innerHTML=(i=this.querySelector("tbody tr:nth-child(2) :is(td,th):nth-child(1)"))===null||i===void 0?void 0:i.textContent),s==null||(s.innerHTML=(r=this.querySelector("tbody tr:nth-child(3) :is(td,th):nth-child(1)"))===null||r===void 0?void 0:r.textContent),this.querySelectorAll("tbody tr").forEach(h=>{var l,c,g;const u=(c=(l=h.querySelector("td:last-child"))===null||l===void 0?void 0:l.textContent)===null||c===void 0?void 0:c.trim();h.querySelector(":first-child progress")||(g=h.querySelector(":first-child"))===null||g===void 0||(g.innerHTML+=`<progress max="${p}" value="${u}"></progress>`)}),v(this,"iam-rank",["select-card"])}}export{b as default};
|
|
17
17
|
//# sourceMappingURL=rankings.component.min.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
2
|
+
* iamKey v7.3.0
|
|
3
3
|
* Copyright 2022-2025 iamproperty
|
|
4
4
|
*/const h=t=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:t})},p=(t,a,o)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:a}),o.forEach(r=>{t.addEventListener(r,function(e){const d={event:r,element:a,target:e.target};Object.keys(e.detail).forEach(i=>{const c=e.detail[i];d[i]=c}),window.dataLayer.push(d)})}),!0),g=`<div class="card__head" part="head">
|
|
5
5
|
<slot name="head"></slot>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
2
|
+
* iamKey v7.3.0
|
|
3
3
|
* Copyright 2022-2025 iamproperty
|
|
4
4
|
*/import $ from"js-cookie";const k=e=>e.replace(/ /g,"_"),j=function(e){return e=e.toLowerCase(),e=k(e),e=e.replace(/\W/g,""),e},b=(e,i,a)=>i.split(/[\.\[\]\'\"]/).filter(o=>o).reduce((o,d)=>o?o[d]:a,e),S=e=>Array.isArray(e)||e!==null&&["function","object"].includes(typeof e);var L=function(e,i,a,o){function d(r){return r instanceof a?r:new a(function(n){n(r)})}return new(a||(a=Promise))(function(r,n){function y(s){try{t(o.next(s))}catch(p){n(p)}}function l(s){try{t(o.throw(s))}catch(p){n(p)}}function t(s){s.done?r(s.value):d(s.value).then(y,l)}t((o=o.apply(e,i||[])).next())})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Search"});class q extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const i=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",a=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${i}/css/core.min.css`,o=document.createElement("template");o.innerHTML=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
2
|
+
* iamKey v7.3.0
|
|
3
3
|
* Copyright 2022-2025 iamproperty
|
|
4
4
|
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Slider"});class w extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",d=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${o}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
2
|
+
* iamKey v7.3.0
|
|
3
3
|
* Copyright 2022-2025 iamproperty
|
|
4
4
|
*/const U=function(a){return typeof a!="string"?!1:!isNaN(a)&&!isNaN(parseFloat(a))},Q=(a,e)=>String(a).padStart(e,"0"),Y=a=>a.charAt(0).toUpperCase()+a.slice(1),L=(a,e,t)=>e.split(/[\.\[\]\'\"]/).filter(i=>i).reduce((i,o)=>i?i[o]:t,a),J=(a=1)=>Math.floor(Math.random()*Date.now()*(a+1));var X=function(a,e,t,i){function o(l){return l instanceof t?l:new t(function(r){r(l)})}return new(t||(t=Promise))(function(l,r){function b(n){try{s(i.next(n))}catch(m){r(m)}}function d(n){try{s(i.throw(n))}catch(m){r(m)}}function s(n){n.done?l(n.value):o(n.value).then(b,d)}s((i=i.apply(a,e||[])).next())})};const H=(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=Y(e)}},z=function(a){const e=new Object;return Array.from(a.querySelectorAll("[data-filter]")).forEach(i=>{if(!(i.type=="radio"&&!i.checked)&&!(i.type=="checkbox"&&!i.checked)&&i&&i.value){const o=i.getAttribute("data-filter");let l=i.value;i.hasAttribute("data-date-from")&&(l+="-date-from"),i.hasAttribute("data-date-to")&&(l+="-date-to"),e[o]||(e[o]=[]),e[o].push(l)}}),e},G=a=>{let e=document.createElement("form");const t=a.querySelector("table");a.hasAttribute("data-filterby")?e=document.querySelector(`#${a.getAttribute("data-filterby")}`):a.closest("form")?e=a.closest("form"):t.parentNode.insertBefore(e,t.nextSibling),e.hasAttribute("data-ajax")&&a.setAttribute("data-ajax",e.getAttribute("data-ajax")),e.hasAttribute("data-schema")&&a.setAttribute("data-schema",e.getAttribute("data-schema"))},q=(a,e,t,i,o)=>{t.querySelector("[name=show]")||t.insertAdjacentHTML("beforeend",`<input name="show" type="hidden" value="${a.getAttribute("data-show")}" />`),t.querySelector("[name=page]")||t.insertAdjacentHTML("beforeend",`<input name="page" type="hidden" value="${a.getAttribute("data-page")}" />`),i.addEventListener("update-show",l=>{if(t.querySelector("[name=show]").value!=l.detail.show){t.querySelector("[name=show]").value=l.detail.show;const r=new CustomEvent("update-show",{detail:{show:l.detail.show}});a.dispatchEvent(r),N(a,i),o()}}),i.addEventListener("update-page",l=>{if(t.querySelector("[name=page]").value!=l.detail.page){t.querySelector("[name=page]").value=l.detail.page;const r=new CustomEvent("update-page",{detail:{page:l.detail.page}});if(a.dispatchEvent(r),N(a,i),o(),!a.hasAttribute("data-no-scroll")){const d=e.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:d,behavior:"smooth"})}}})},K=(a,e)=>{let t=document.createElement("form");return a.hasAttribute("data-filterby")?t=document.querySelector(`#${a.getAttribute("data-filterby")}`):a.closest("form")?t=a.closest("form"):e.parentNode.insertBefore(t,e.nextSibling),t},F=(a,e,t,i)=>{const o=a.shadowRoot.querySelector(".table__wrapper");a.hasAttribute("data-total")||a.setAttribute("data-total",a.querySelectorAll("tbody tr").length),a.hasAttribute("data-page")||a.setAttribute("data-page",1),a.hasAttribute("data-show")||a.setAttribute("data-show",5),a.hasAttribute("data-increment")||a.setAttribute("data-increment",a.getAttribute("data-show")),Z(a,i),I(e),tt(a,e),a.classList.contains("mh-sm")&&o.classList.add("mh-sm"),a.classList.contains("mh-md")&&o.classList.add("mh-md"),a.classList.contains("mh-lg")&&o.classList.add("mh-lg"),a.classList.contains("table--cta")&&(at(a,e),et(a,e))},Z=(a,e)=>{a.hasAttribute("data-total")&&e.setAttribute("data-total",a.getAttribute("data-total")),a.hasAttribute("data-page")&&e.setAttribute("data-page",a.getAttribute("data-page")),a.hasAttribute("data-show")&&e.setAttribute("data-show",a.getAttribute("data-show")),a.hasAttribute("data-increment")&&e.setAttribute("data-increment",a.getAttribute("data-show")),a.hasAttribute("data-page-jump")&&e.setAttribute("data-page-jump","true"),a.hasAttribute("data-per-page")&&e.setAttribute("data-per-page","true"),a.hasAttribute("data-item-count")&&e.setAttribute("data-item-count","true"),a.hasAttribute("data-loading")&&e.setAttribute("data-loading","true"),a.classList.contains("table--fullwidth")&&e.setAttribute("data-minimal","true")},N=(a,e)=>{a.setAttribute("data-total",e.getAttribute("data-total")),a.setAttribute("data-page",e.getAttribute("data-page")),a.setAttribute("data-show",e.getAttribute("data-show")),a.setAttribute("data-increment",e.getAttribute("data-show"))},$=a=>{a.getAttribute("data-total");const e=a.getAttribute("data-page"),t=a.getAttribute("data-show");a.getAttribute("data-increment");const i=a.querySelector("table"),o=e*t,l=o-t;Array.from(i.querySelectorAll("tbody tr")).forEach((r,b)=>{b>=l&&b<o?r.classList.add("show"):r.classList.remove("show")})},I=a=>{const e=Array.from(a.querySelectorAll("thead th"));Array.from(a.querySelectorAll("tbody tr")).forEach(i=>{const o=Array.from(i.querySelectorAll("th, td")),l=["0","low","medium","high","unknown","n/a","pending","verified","due","overdue","incomplete","complete","completed","approval required","upcoming","requires approval","to do","on track","not started","warning","successful","failed"];o.forEach((r,b)=>{const d=e[b];if(typeof d<"u"){const s=document.createElement("div");s.innerHTML=d.innerHTML;const n=s.textContent||s.innerText||"";r.setAttribute("data-label",n),d.hasAttribute("data-td-class")&&r.setAttribute("class",d.getAttribute("data-td-class")),d.hasAttribute("data-format")&&(r.setAttribute("data-format",d.getAttribute("data-format")),r.innerHTML=H(d.getAttribute("data-format"),r.textContent.trim())),l.includes(r.textContent.trim().toLowerCase())&&r.setAttribute("data-content",r.textContent.trim().toLowerCase())}})})},tt=(a,e)=>{if(a.classList.contains("table--fullwidth")&&!a.hasAttribute("data-expandable")||e.querySelectorAll("thead tr th").length<4&&!a.hasAttribute("data-expandable"))return!1;Array.from(e.querySelectorAll("thead tr")).forEach(t=>{e.querySelectorAll("thead tr th.expand-button-heading").length||t.insertAdjacentHTML("afterbegin",`<th class="${a.hasAttribute("data-expandable")?"th--fixed ":""}expand-button-heading"></th>`)}),Array.from(e.querySelectorAll("tbody tr")).forEach((t,i)=>{const o=t.getAttribute("data-view")==="full"?"aria-expanded":"";t.insertAdjacentHTML("afterbegin",`<td class="${a.hasAttribute("data-expandable")?"td--fixed ":""}td--expand"><button class="btn btn-compact btn-secondary btn-sm" data-expand-button ${o} data-index="${i}">Expand</button></td>`)}),e.addEventListener("click",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest("[data-expand-button]")){const i=t.target.closest("[data-expand-button]"),o=i.closest("tr");i.toggleAttribute("aria-expanded"),o.getAttribute("data-view")=="full"?o.setAttribute("data-view","default"):o.setAttribute("data-view","full"),i.blur(),a.dispatchEvent(new CustomEvent("row-expanded",{detail:{row:i.getAttribute("data-index")}}))}})},at=(a,e)=>{let t=0;Array.from(e.querySelectorAll("tbody tr")).forEach(i=>{const o=window.getComputedStyle(document.querySelector("html")),l=i.querySelector(":scope > *:last-child > *:first-child");if(l){l.classList.add("text-nowrap");let r=l.offsetWidth/parseFloat(o.fontSize);r+=1.8,t=t>r?t:r}}),a.style.setProperty("--cta-width",`${t}rem`)},et=(a,e)=>{function t(){Array.from(e.querySelectorAll("tr")).forEach(i=>{const o=i.offsetHeight;i.style.setProperty("--row-height",`${o}px`)})}new ResizeObserver(t).observe(e)},R=(a,e)=>{if(a.querySelector("iam-actionbar[data-selectall]")||document.querySelector(`iam-actionbar[data-for='${a.getAttribute("id")}']`)){const t=a.querySelector("iam-actionbar[data-selectall]")?a.querySelector("iam-actionbar[data-selectall]"):document.querySelector(`iam-actionbar[data-for='${a.getAttribute("id")}']`);it(a,e,t)}a.querySelectorAll(".dialog__wrapper .btn-compact").forEach(t=>{t.classList.add("btn-sm"),t.classList.add("m-0");const i=t.closest("tr"),o=t.closest("td"),r=Array.prototype.slice.call(i.children).indexOf(o);o.classList.add("td--fixed"),e.querySelector(`thead tr th:nth-child(${r+1})`).classList.add("th--fixed")})},it=(a,e,t)=>{Array.from(e.querySelectorAll("thead tr")).forEach(i=>{i.querySelector(".expand-button-heading")?i.querySelector(".expand-button-heading").insertAdjacentHTML("afterend",'<th class="th--fixed"></th>'):i.insertAdjacentHTML("afterbegin",'<th class="th--fixed"></th>')}),Array.from(e.querySelectorAll("tbody tr")).forEach((i,o)=>{if(i.setAttribute("data-index",o+1),!i.querySelector(".selectrow")){const l=`row${J(o)}`;i.querySelector(".td--expand")?i.querySelector(".td--expand").insertAdjacentHTML("afterend",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${l}" ${i.hasAttribute("data-selected")?'checked="true"':""}/><label for="${l}"><span class="visually-hidden">Select row</span></label></td>`):i.insertAdjacentHTML("afterbegin",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${l}" ${i.hasAttribute("data-selected")?'checked="true"':""}/><label for="${l}"><span class="visually-hidden">Select row</span></label></td>`)}}),e.addEventListener("change",i=>{if(i&&i.target instanceof HTMLElement&&i.target.closest(".selectrow input")){const o=i.target.closest(".selectrow input"),l=i.target.closest("tr"),r=e.querySelectorAll('.selectrow input[type="checkbox"]').length,b=e.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;t.setAttribute("data-selected",r==b?"all":b);const d=new CustomEvent("row-selected",{detail:{rowIndex:l.getAttribute("data-index"),checked:!!o.checked}});a.dispatchEvent(d)}}),t.addEventListener("selected",i=>{if(i.detail.selected=="0"){Array.from(e.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(l=>{l.checked=!1});const o=new CustomEvent("all-rows-unselected");a.dispatchEvent(o)}else if(i.detail.selected=="all"){Array.from(e.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(l=>{l.checked=!0});const o=new CustomEvent("all-rows-selected");a.dispatchEvent(o)}})},st=(a,e,t,i,o)=>{lt(a,e),ot(a,e),t.addEventListener("change",l=>{l&&l.target instanceof HTMLElement&&l.target.closest("[data-sort]")&&O(e,t,o)}),rt(a,e,t,i,o)},lt=(a,e)=>{e.addEventListener("click",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest("[data-sort]")){const i=t.target.closest("[data-sort]");i.setAttribute("data-sort","true"),Array.from(e.querySelectorAll("th[data-sort]")).forEach(b=>{b!=i&&(b.setAttribute("data-sort",""),b.removeAttribute("data-order-by"),i.setAttribute("title","Click to sort ascending"))}),i.hasAttribute("data-order-by")&&i.getAttribute("data-order-by")=="asc"?(i.setAttribute("data-order-by","desc"),i.setAttribute("title","Click to sort ascending")):(i.setAttribute("data-order-by","asc"),i.setAttribute("title","Click to sort descending"));const o=new CustomEvent("sort-by-heading",{detail:{heading:i.textContent,sortBy:i.getAttribute("data-order-by"),ref:i.getAttribute("data-ref")}});a.dispatchEvent(o);const l=i.textContent.trim(),r=i.getAttribute("data-order-by");a.hasAttribute("data-submit")||P(e,l,r)}})},ot=(a,e)=>{var t;const i=a.querySelector("iam-actionbar");if(!i)return!1;const o=(t=i.shadowRoot)===null||t===void 0?void 0:t.querySelector("input#search");if(!o)return!1;const l=o.getAttribute("id"),r=o.parentNode,b={};e.querySelectorAll("tbody td:not(.td--fixed)").forEach(d=>{d.querySelector(".td__content")?b[d.querySelector(".td__content").textContent]=d.querySelector(".td__content").textContent:b[d.textContent]=d.textContent}),o.setAttribute("list",`${l}_list`),o.setAttribute("autocomplete","off"),r.querySelector("datalist")||(r.innerHTML+=`<datalist id="${l}_list"></datalist>`),r.querySelector("datalist").innerHTML=`${Object.keys(b).map(d=>`<option value="${d}"></option>`).join("")}`},O=(a,e,t)=>{if(e.getAttribute("data-ajax"))return!1;const i=a.querySelector("tbody");let o=e.querySelector('input[type="radio"][data-sort]:checked');if(e.querySelector("select[data-sort]")){const d=e.querySelector("select[data-sort]");o=e.querySelector(`select[data-sort] option:nth-child(${d.selectedIndex+1})`)}const l=o.getAttribute("data-sort"),r=o.getAttribute("data-order"),b=o.getAttribute("data-format");if(!l)return i.innerHTML=t.innerHTML,I(a),!1;P(a,l,r,b)},P=(a,e,t,i="")=>{const o=a.querySelector("tbody");let l=[];["asc","desc","descending"].includes(t)||(l=t.split(","));let r=[];Array.from(o.querySelectorAll("tr")).forEach(d=>{let s=d.querySelector('td[data-label="'+e+'"], th[data-label="'+e+'"]').textContent.trim();d.querySelector('[data-label="'+e+'"] .td__content')&&(s=d.querySelector('[data-label="'+e+'"] .td__content').textContent.trim()),l.length&&l.includes(s)&&(s=l.indexOf(s)),U(s)&&(s=Q(s,10)),i&&i=="date"&&(s=new Date(s));const n={index:s,row:d};r.push(n)}),r.sort((d,s)=>d.index>s.index?1:-1),(t=="descending"||t=="desc")&&(r=r.reverse());let b="";r.forEach(d=>{b+=d.row.outerHTML}),o.innerHTML=b},rt=(a,e,t,i,o)=>{let l;const r=function(s,n=!1){if(t.classList.contains("processing"))return!1;Array.from(t.querySelectorAll("iam-applied-filters")).forEach(m=>{const c=new Event("tags-set");m.dispatchEvent(c)}),s.type=="submit"&&(t.classList.add("processing"),Array.from(t.querySelectorAll("[data-duplicate]")).forEach(m=>{const c=m.getAttribute("data-duplicate"),u=document.getElementById(c),h=document.querySelector(`[for="${c}"] iam-card`);if(u.checked!=m.checked)if(h){const A=new Event("click");h.dispatchEvent(A)}else u.checked=m.checked}),t.classList.remove("processing")),D(a,e,t,i),B(a,e,t)};a.querySelector("iam-actionbar[data-search]")&&a.querySelector("iam-actionbar[data-search]").addEventListener("search-submit",s=>{t.querySelector("input[data-search]")?t.querySelector("input[data-search]").value=s.detail.search:t.insertAdjacentHTML("beforeend",`<input type="hidden" name="search" data-search="${a.querySelector("iam-actionbar[data-search]").getAttribute("data-search")}" value="${s.detail.search}"/>`);const n=new CustomEvent("search-submit",{detail:s.details});a.dispatchEvent(n),clearTimeout(l),r(s)}),a.querySelector("iam-actionbar")&&!a.querySelector("iam-actionbar").closest("form")&&a.querySelector("iam-actionbar").addEventListener("change",s=>{t.querySelector(".duplicate-actionbar")||t.insertAdjacentHTML("beforeend",'<div class="duplicate-actionbar" style="visibility: hidden; pointer-events: none; position: absolute;"></div>'),t.querySelector(".duplicate-actionbar").innerHTML=a.querySelector("iam-actionbar").innerHTML,D(a,e,t,i)}),t.addEventListener("keyup",s=>{clearTimeout(l),s&&s.target instanceof HTMLElement&&s.target.closest("input[data-search]")&&(l=setTimeout(function(){r(s)},500))}),t.addEventListener("change",s=>{if(clearTimeout(l),s&&s.target instanceof HTMLElement&&s.target.closest("input[data-search]")&&r(s),s&&s.target instanceof HTMLElement&&s.target.closest("[data-filter][data-no-ajax]")?(D(a,e,t,i),B(e,t)):(s&&s.target instanceof HTMLElement&&s.target.closest("[data-filter]")&&s.target.closest("form .dialog__wrapper > dialog")||s&&s.target instanceof HTMLElement&&s.target.closest("[data-filter]")&&!s.target.closest("form dialog"))&&r(s),s&&s.target instanceof HTMLElement&&s.target.closest("[data-show]")&&r(s),s&&s.target instanceof HTMLElement&&s.target.closest("[data-mimic]")&&r(s),s&&s.target instanceof HTMLElement&&s.target.hasAttribute("id")){const n=s.target.getAttribute("id");document.querySelector(`[data-duplicate="${n}"]`)&&(document.querySelector(`[data-duplicate="${n}"]`).checked=s.target.checked)}}),t.addEventListener("click",s=>{if(clearTimeout(l),s&&s.target instanceof HTMLElement&&s.target.closest('dialog button:not([type="button"])')&&s.target.closest('dialog button:not([type="button"])').closest("dialog").close(),s&&s.target instanceof HTMLElement&&s.target.closest(".dialog__close")&&(s.preventDefault(),s.stopPropagation()),s&&s.target instanceof HTMLElement&&s.target.closest("[data-clear]")){t.classList.add("processing"),Array.from(t.querySelectorAll(".applied-filters")).forEach(m=>{m.innerHTML=""});const n=t.elements;for(let m=0;m<n.length;m++)switch(n[m].type.toLowerCase()?n[m].type.toLowerCase():"text"){case"text":case"password":case"textarea":n[m].value="";break;case"radio":case"checkbox":if(n[m].checked){const u=n[m],h=u.getAttribute("id"),A=document.querySelector(`[for="${h}"`);if(A.querySelector("iam-card")){const p=A.querySelector("iam-card"),f=new Event("click");p.dispatchEvent(f)}u.checked=!1}break;case"select-one":case"select-multi":n[m].selectedIndex=-1;break}t.classList.remove("processing"),t.hasAttribute("data-submit")||O(e,t,o),r(s)}}),t.addEventListener("submit",s=>{clearTimeout(l),t.hasAttribute("data-submit")||s.preventDefault(),r(s)}),t.addEventListener("force",s=>{r(s)}),t.addEventListener("paginate",s=>{r(s,!0)});const b=[],d=[];Array.from(t.querySelectorAll("[data-mimic]")).forEach(s=>{const n=s.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${n}"]`)).forEach(m=>{const c=m.closest("form");b.includes(c)||b.push(c),d.includes(n)||d.push(n)})}),b.forEach(s=>{const n=function(){const m=[],c=new FormData(s);for(const[u,h]of c)document.querySelector(`[data-mimic="${u}"]`)&&!m.includes(u)?(m.push(u),document.querySelector(`[data-mimic="${u}"]`).value=h):document.querySelector(`[data-mimic="${u}"]`)&&(document.querySelector(`[data-mimic="${u}"]`).value+=","+h);for(const u of m){const h=new Event("force");t.dispatchEvent(h)}for(const u of d)if(!c.has(u)&&s.querySelector(`[name="${u}"]`)){document.querySelector(`[data-mimic="${u}"]`).value="";const h=new Event("force");t.dispatchEvent(h)}};s.addEventListener("force",()=>{n()}),s.addEventListener("change",()=>{n()})})},D=(a,e,t,i)=>{e.classList.remove("table--filtered");const o=z(t),l=[];let r=0;const b=t.querySelector("[data-pagination]")?parseInt(t.querySelector("[data-pagination]").value):1,d=t.querySelector("[data-show]")?parseInt(t.querySelector("[data-show]").value):15;if(Array.from(e.querySelectorAll("tbody tr")).forEach(n=>{n.classList.remove("filtered"),n.classList.remove("filtered--matched"),n.classList.remove("filtered--show"),n.removeAttribute("data-filtered-by")}),t.querySelector("input[data-search]")){const n=t.querySelector("input[data-search]");e.querySelectorAll("thead tr th").forEach(m=>{l.push({column:`${m.textContent.trim()}`,value:`${n.value}`})})}Array.from(t.querySelectorAll("[data-filter-count]")).forEach(n=>{n.innerHTML="",n.parentNode.classList.remove("hover")});let s=0;Object.values(o).forEach(n=>{typeof n=="object"&&Object.values(n).length?s+=Object.values(n).length:s++}),s&&Array.from(t.querySelectorAll("[data-filter-count]")).forEach(n=>{n.innerHTML+=`(${s})`,n.parentNode.classList.add("hover")}),e.classList.add("table--filtered");for(const[n,m]of Object.entries(o))Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach(c=>{let u=!1;m.forEach(h=>{const A=c.querySelector(`[data-label="${n}"]`);if(h.includes("-date-from")){const p=new Date(h.replace("-date-from","")),f=new Date(A.textContent.toLowerCase());p.setHours(0,0,0,0),f.setHours(0,0,0,0),f<p?(c.classList.add("less-than-from-date"),u=!1):!c.classList.contains("less-than-from-date")&&!c.classList.contains("greater-than-to-date")&&(u=!0)}else if(h.includes("-date-to")){const p=new Date(h.replace("-date-to","")),f=new Date(A.textContent.toLowerCase());p.setHours(0,0,0,0),f.setHours(0,0,0,0),f>p?(c.classList.add("greater-than-to-date"),u=!1):!c.classList.contains("less-than-from-date")&&!c.classList.contains("greater-than-to-date")&&(u=!0)}if(h&&h=="$today")h=H("date",new Date);else if(h&&h=="$yesterday"){const p=new Date;p.setDate(p.getDate()-1),h=H("date",p)}else if(h&&(h=="$thisWeek"||h=="$lastWeek")){const p=new Date,f=new Date(p.setDate(p.getDate()-(p.getDay()-1))),v=new Date(p.setDate(p.getDate()-p.getDay()+7)),x=new Date(A.textContent.toLowerCase());if(p.setHours(0,0,0,0),f.setHours(0,0,0,0),v.setHours(0,0,0,0),x.setHours(0,0,0,0),h=="$thisWeek")u=x>=f&&x<=v;else{const g=new Date(f.setDate(f.getDate()-7)),y=new Date(v.setDate(v.getDate()-7));g.setHours(0,0,0,0),y.setHours(0,0,0,0),u=x>=g&&x<=y}}else if(h&&h=="$thisMonth"){const p=new Date,f=p.getFullYear(),v=p.getMonth(),x=new Date(f,v,1),g=new Date(f,v+1,0),y=new Date(A.textContent.toLowerCase());x.setHours(0,0,0,0),g.setHours(0,0,0,0),y.setHours(0,0,0,0),u=y>=x&&y<=g}else if(h&&h=="$lastMonth"){const p=new Date,f=p.getFullYear(),v=p.getMonth(),x=new Date(f,v-1,1),g=new Date(f,v,0),y=new Date(A.textContent.toLowerCase());x.setHours(0,0,0,0),g.setHours(0,0,0,0),y.setHours(0,0,0,0),u=y>=x&&y<=g}A&&A.textContent.toLowerCase().includes(h.replace("-"," ").toLowerCase())&&(u=!0)}),u||(c.classList.add("filtered"),c.setAttribute("data-filtered-by",n))});Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach(n=>{let m=!(l.length>0&&l[0].value.length>=3);l.forEach(c=>{const u=n.querySelector(`[data-label="${c.column}"]`);u&&c.value.length>=3&&u.textContent.toLowerCase().includes(c.value.toLowerCase())&&(m=!0)}),m||n.classList.add("filtered")}),Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach(n=>{r++,n.classList.add("filtered--matched"),Math.ceil(r/d)==parseInt(b)&&n.classList.add("filtered--show")}),i&&(i.setAttribute("data-total",r),i.setAttribute("data-show",d),i.setAttribute("data-page",b))},B=(a,e,t)=>{Array.from(t.querySelectorAll("[data-query]")).forEach(o=>{const l=o.getAttribute("data-query");let r=0;if(l=="total")a.hasAttribute("data-total")?r=a.getAttribute("data-total"):r=(e.classList.contains("table--filtered"),e.querySelectorAll("tbody tr").length);else if(!l.includes(" == ")&&l.includes(" & ")){const b=l.split(" & ");let d="";b.forEach(s=>{d+=`:not([data-filtered-by="${s}"])`}),r=Array.from(e.querySelectorAll(`tbody tr${d}`)).length}else if(!l.includes(" == "))r=Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${l}"])`)).length;else if(l.includes(" && ")){const b=l.split(" && ");r=Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d){let s=!0;for(const n of Object.entries(b)){const m=n.split(" == ");(!d.querySelector(`td[data-label="${m[0]}"]`)||d.querySelector(`td[data-label="${m[0]}"]`).textContent!=`${m[1]}`)&&(s=!1)}return s}).length}else{const b=l.split(" == ");r=Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${b[0]}"], tbody tr[data-filtered-by="${b[0]}"] td[data-label="${b[0]}"]`)).filter(function(d){return d.textContent===b[1]}).length}o.hasAttribute("data-total")?o.setAttribute("data-total",r):o.innerHTML=r})},nt=(a,e,t,i)=>{t.setAttribute("method","get");const o=a.querySelector("iam-actionbar");o&&o.addEventListener("change",l=>{t.submit()})},dt=(a,e,t,i)=>{E(a,e,t,i);const o=a.querySelector("iam-actionbar");t.addEventListener("submit",l=>{E(a,e,t,i),l.preventDefault()}),o&&o.addEventListener("change",l=>{E(a,e,t,i)})},E=function(a,e,t,i){return X(this,void 0,void 0,function*(){a.querySelector("iam-actionbar")&&!a.querySelector("iam-actionbar").closest("form")&&(t.querySelector(".duplicate-actionbar")||t.insertAdjacentHTML("beforeend",'<div class="duplicate-actionbar" style="visibility: hidden; pointer-events: none; position: absolute;"></div>'),t.querySelector(".duplicate-actionbar").innerHTML=a.querySelector("iam-actionbar").innerHTML),t.querySelector("input[name=show]")||t.insertAdjacentHTML("beforeend",`<input name="show" type="hidden" value="${a.getAttribute("data-show")}" />`),t.querySelector("input[name=page]")||t.insertAdjacentHTML("beforeend",`<input name="page" type="hidden" value="${a.getAttribute("data-page")}" />`),t.querySelector("input[name=page]").value=a.getAttribute("data-page"),t.querySelector("input[name=show]").value=a.getAttribute("data-show");const o=new FormData(t),l=new URLSearchParams(o).toString(),r=e.querySelectorAll("thead tr th:not(.expand-button-heading)"),b=e.querySelector("tbody"),d=t.getAttribute("data-ajax");a.classList.add("table--loading");const s=z(t);Array.from(t.querySelectorAll("[data-filter-count]")).forEach(c=>{c.innerHTML="",c.parentNode.classList.remove("hover")});let n=0;Object.values(s).forEach(c=>{typeof c=="object"&&Object.values(c).length?n+=Object.values(c).length:n++}),n&&Array.from(t.querySelectorAll("[data-filter-count]")).forEach(c=>{c.innerHTML+=`(${n})`,c.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];i.setAttribute("data-loading","true"),t.classList.add("processing");try{yield fetch(d+"?"+l,{signal:m,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"})}).then(c=>c.json()).then(c=>{const u=t.hasAttribute("data-schema")?t.getAttribute("data-schema"):"data",h=t.hasAttribute("data-schema-total")?t.getAttribute("data-schema-total"):"meta.total",A=t.hasAttribute("data-schema-page")?t.getAttribute("data-schema-page"):"meta.current_page",p=L(c,h,15),f=L(c,A,1),v=L(c,u),x=a.hasAttribute("data-empty-msg")?a.getAttribute("data-empty-msg"):"No results found";v?(b.innerHTML="",v.forEach(g=>{const y=document.createElement("tr");r.forEach(w=>{let k="";const _=document.createElement("td");if(_.setAttribute("data-label",w.innerText),w.getAttribute("data-output")&&(k=w.getAttribute("data-output").replace(new RegExp(/{(.*?)}/,"gm"),function(M){return L(g,M.replace("{","").replace("}",""))})),w.hasAttribute("data-output-array")){const T=w.getAttribute("data-output"),M=L(g,T.replace("{","").replace("}",""));k="",M.forEach(j=>{const W=w.getAttribute("data-output-array");let S="";if(w.hasAttribute("data-output-array-property")&&w.hasAttribute("data-output-array-transform")){const C=L(j,w.getAttribute("data-output-array-property")),V=JSON.parse(w.getAttribute("data-output-array-transform"))[C];S=W.replace(`{${w.getAttribute("data-output-array-property")}}`,V)}S=S.replace(new RegExp(/{(.*?)}/,"gm"),function(C){return L(j,C.replace("{","").replace("}",""))}),k+=S})}w.hasAttribute("data-transform")&&(k=JSON.parse(w.getAttribute("data-transform"))[k],!k&&w.hasAttribute("data-default")&&(k=w.getAttribute("data-default"))),_.innerHTML=k,y.appendChild(_)}),b.appendChild(y)}),a.setAttribute("data-total",parseInt(p)),a.setAttribute("data-page",parseInt(f)),i.setAttribute("data-total",p),i.setAttribute("data-page",f),Array.from(t.querySelectorAll("[data-ajax-query]")).forEach(g=>{const y=L(c,g.getAttribute("data-ajax-query"),"");g.hasAttribute("data-total")?g.setAttribute("data-total",y):g.innerHTML=y}),parseInt(p)==0&&(b.innerHTML=`<tr><td colspan="100%"><span>${x}</span></td></tr>`),a.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:d,formData:l}),F(a,e,t,i),R(a,e,t,i)):b.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>',i.removeAttribute("data-loading"),t.classList.remove("processing")})}catch(c){console.log(c)}})};class bt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const e=document.createElement("template");e.innerHTML=`
|
|
5
5
|
<style>
|