@iamproperty/components 7.5.1--beta12 → 7.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/components/actionbar.component.css +1 -1
- package/assets/css/components/actionbar.component.css.map +1 -1
- package/assets/css/components/actionbar.global.css +1 -1
- package/assets/css/components/actionbar.global.css.map +1 -1
- package/assets/css/components/address-lookup.component.css +1 -1
- package/assets/css/components/address-lookup.component.css.map +1 -1
- package/assets/css/components/address-lookup.preload.css +1 -1
- package/assets/css/components/address-lookup.preload.css.map +1 -1
- package/assets/css/components/barchart.component.css +1 -1
- package/assets/css/components/barchart.component.css.map +1 -1
- package/assets/css/components/calendar.component.css +1 -1
- package/assets/css/components/calendar.component.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/carousel.component.css +1 -1
- package/assets/css/components/carousel.component.css.map +1 -1
- package/assets/css/components/charts.css +1 -1
- package/assets/css/components/charts.css.map +1 -1
- package/assets/css/components/charts.module.css +1 -1
- package/assets/css/components/charts.module.css.map +1 -1
- package/assets/css/components/collapsible-side.css +1 -1
- package/assets/css/components/collapsible-side.css.map +1 -1
- package/assets/css/components/content.component.css +1 -1
- package/assets/css/components/content.component.css.map +1 -1
- package/assets/css/components/darkmode.component.css +1 -1
- package/assets/css/components/darkmode.component.css.map +1 -1
- package/assets/css/components/doughnutchart.component.css +1 -1
- package/assets/css/components/doughnutchart.component.css.map +1 -1
- package/assets/css/components/fileupload.css +1 -1
- package/assets/css/components/fileupload.css.map +1 -1
- package/assets/css/components/filter-card.component.css +1 -1
- package/assets/css/components/filter-card.component.css.map +1 -1
- package/assets/css/components/inline-edit.css +1 -1
- package/assets/css/components/inline-edit.css.map +1 -1
- package/assets/css/components/input-range.component.css +1 -1
- package/assets/css/components/input-range.component.css.map +1 -1
- package/assets/css/components/input.component.css +1 -1
- package/assets/css/components/input.component.css.map +1 -1
- package/assets/css/components/milestone.css +1 -1
- package/assets/css/components/milestone.css.map +1 -1
- package/assets/css/components/modal.component.css +1 -1
- package/assets/css/components/modal.component.css.map +1 -1
- package/assets/css/components/multi-step-modal.component.css +1 -1
- package/assets/css/components/multi-step-modal.component.css.map +1 -1
- package/assets/css/components/multiselect.css +1 -1
- package/assets/css/components/multiselect.css.map +1 -1
- package/assets/css/components/nav.component.css +1 -1
- package/assets/css/components/nav.component.css.map +1 -1
- package/assets/css/components/nav.global.css +1 -1
- package/assets/css/components/nav.global.css.map +1 -1
- package/assets/css/components/notification.css +1 -1
- package/assets/css/components/notification.css.map +1 -1
- package/assets/css/components/pagination.css +1 -1
- package/assets/css/components/pagination.css.map +1 -1
- package/assets/css/components/password.component.css +1 -1
- package/assets/css/components/password.component.css.map +1 -1
- package/assets/css/components/property-searchbar.css +1 -1
- package/assets/css/components/property-searchbar.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 +1 -1
- package/assets/css/components/slider.css.map +1 -1
- package/assets/css/components/split-button.component.css +1 -1
- package/assets/css/components/split-button.component.css.map +1 -1
- package/assets/css/components/table-basic.component.css +1 -1
- package/assets/css/components/table-basic.component.css.map +1 -1
- package/assets/css/components/table-basic.global.css +1 -1
- package/assets/css/components/table-basic.global.css.map +1 -1
- package/assets/css/components/table.component.css +1 -1
- package/assets/css/components/table.component.css.map +1 -1
- package/assets/css/components/table.global.css +1 -1
- package/assets/css/components/table.global.css.map +1 -1
- package/assets/css/components/tabs.component.css +1 -1
- package/assets/css/components/tabs.component.css.map +1 -1
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/mobile-core.min.css +1 -1
- package/assets/css/mobile-core.min.css.map +1 -1
- package/assets/css/mobile.min.css +1 -1
- package/assets/css/mobile.min.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/components/accordion/accordion.component.min.js +2 -2
- package/assets/js/components/actionbar/actionbar.component.min.js +4 -4
- package/assets/js/components/address-lookup/address-lookup.component.min.js +3 -3
- package/assets/js/components/advanced-select/advanced-select.component.min.js +2 -2
- package/assets/js/components/applied-filters/applied-filters.component.min.js +2 -2
- package/assets/js/components/barchart/barchart.component.min.js +9 -9
- package/assets/js/components/barchart/barchart.component.min.js.map +1 -1
- package/assets/js/components/bento-grid/bento-grid.component.js +1 -0
- package/assets/js/components/bento-grid/bento-grid.component.min.js +3 -3
- package/assets/js/components/bento-grid/bento-grid.component.min.js.map +1 -1
- package/assets/js/components/calendar/calendar.component.min.js +3 -3
- package/assets/js/components/card/card.component.min.js +3 -3
- package/assets/js/components/carousel/carousel.component.min.js +3 -3
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +3 -3
- package/assets/js/components/content/content.component.min.js +3 -3
- package/assets/js/components/darkmode/darkmode.component.js +42 -34
- package/assets/js/components/darkmode/darkmode.component.min.js +5 -5
- package/assets/js/components/darkmode/darkmode.component.min.js.map +1 -1
- package/assets/js/components/doughnutchart/doughnutchart.component.min.js +8 -8
- package/assets/js/components/fileupload/fileupload.component.min.js +3 -3
- package/assets/js/components/filter-card/filter-card.component.min.js +3 -3
- package/assets/js/components/filterlist/filterlist.component.min.js +2 -2
- package/assets/js/components/header/header.component.min.js +2 -2
- package/assets/js/components/inline-edit/inline-edit.component.min.js +4 -4
- package/assets/js/components/input/input.component.min.js +3 -3
- package/assets/js/components/input-range/input-range.component.min.js +5 -5
- package/assets/js/components/marketing/marketing.component.min.js +2 -2
- package/assets/js/components/menu/menu.component.min.js +2 -2
- package/assets/js/components/milestone/milestone.component.min.js +2 -2
- package/assets/js/components/milestone-group/milestone-group.component.min.js +2 -2
- package/assets/js/components/modal/modal.component.min.js +4 -4
- package/assets/js/components/multi-step/multi-step.component.min.js +2 -2
- package/assets/js/components/multi-step-modal/multi-step-modal.component.min.js +3 -3
- package/assets/js/components/multiselect/multiselect.component.min.js +3 -3
- package/assets/js/components/nav/nav.component.js +1 -1
- package/assets/js/components/nav/nav.component.min.js +6 -6
- package/assets/js/components/nav/nav.component.min.js.map +1 -1
- package/assets/js/components/notification/notification.component.min.js +3 -3
- package/assets/js/components/pagination/pagination.component.min.js +3 -3
- package/assets/js/components/password/password.component.min.js +6 -6
- package/assets/js/components/popover/popover.component.min.js +2 -2
- package/assets/js/components/rank/rank.component.min.js +2 -2
- package/assets/js/components/rankings/rankings.component.min.js +6 -6
- package/assets/js/components/record-card/record-card.component.min.js +2 -2
- package/assets/js/components/search/search.component.min.js +2 -2
- package/assets/js/components/slider/slider.component.min.js +3 -3
- package/assets/js/components/split-button/split-button.component.min.js +3 -3
- package/assets/js/components/std-address-lookup/std-address-lookup.component.js +29 -2
- package/assets/js/components/std-address-lookup/std-address-lookup.component.min.js +10 -10
- package/assets/js/components/std-address-lookup/std-address-lookup.component.min.js.map +1 -1
- package/assets/js/components/table/table.component.min.js +4 -4
- package/assets/js/components/table-ajax/table-ajax.component.min.js +4 -4
- package/assets/js/components/table-basic/table-basic.component.min.js +4 -4
- package/assets/js/components/table-no-submit/table-no-submit.component.min.js +6 -6
- package/assets/js/components/table-no-submit/table-no-submit.component.min.js.map +1 -1
- package/assets/js/components/table-submit/table-submit.component.min.js +4 -4
- package/assets/js/components/tabs/tabs.component.js +0 -4
- package/assets/js/components/tabs/tabs.component.min.js +4 -8
- package/assets/js/components/tabs/tabs.component.min.js.map +1 -1
- package/assets/js/components/tooltip/tooltip.component.min.js +2 -2
- package/assets/js/components/video-card/video-card.component.min.js +2 -2
- package/assets/js/components/word-count/word-count.component.min.js +2 -2
- package/assets/js/scripts.bundle.js +2 -2
- package/assets/js/scripts.bundle.min.js +2 -2
- package/assets/sass/_functions/utility-mixins.scss +30 -13
- package/assets/sass/_functions/variables.scss +10 -90
- package/assets/sass/components/actionbar.component.scss +2 -8
- package/assets/sass/components/actionbar.global.scss +2 -2
- package/assets/sass/components/address-lookup.preload.scss +10 -0
- package/assets/sass/components/charts.module.scss +10 -10
- package/assets/sass/components/collapsible-side.scss +2 -6
- package/assets/sass/components/darkmode.component.scss +1 -1
- package/assets/sass/components/filter-card.component.scss +1 -1
- package/assets/sass/components/input-range.component.scss +16 -8
- package/assets/sass/components/milestone.scss +2 -2
- package/assets/sass/components/nav.component.scss +28 -43
- package/assets/sass/components/nav.global.scss +116 -28
- package/assets/sass/components/notification.scss +16 -31
- package/assets/sass/components/property-searchbar.scss +1 -1
- package/assets/sass/components/split-button.component.scss +4 -0
- package/assets/sass/components/table-basic.component.scss +2 -1
- package/assets/sass/components/table-basic.global.scss +7 -8
- package/assets/sass/elements/admin-panel.scss +0 -4
- package/assets/sass/elements/buttons--action.scss +1 -1
- package/assets/sass/elements/buttons--compact.scss +8 -8
- package/assets/sass/elements/buttons--global.scss +9 -8
- package/assets/sass/elements/details.scss +2 -2
- package/assets/sass/elements/forms.scss +5 -4
- package/assets/sass/elements/links.scss +2 -2
- package/assets/sass/elements/prefix.scss +12 -1
- package/assets/sass/elements/type.scss +6 -6
- package/assets/sass/foundations/reboot.scss +1 -7
- package/assets/sass/foundations/root.scss +203 -47
- package/assets/sass/templates/auth.scss +0 -4
- package/assets/sass/templates/form.scss +3 -6
- package/assets/ts/components/bento-grid/bento-grid.component.ts +1 -0
- package/assets/ts/components/darkmode/darkmode.component.ts +55 -36
- package/assets/ts/components/nav/nav.component.ts +1 -1
- package/assets/ts/components/std-address-lookup/std-address-lookup.component.ts +36 -2
- package/assets/ts/components/tabs/tabs.component.ts +0 -4
- package/dist/components.es.js +76 -74
- package/dist/components.umd.js +141 -145
- package/package.json +4 -5
- package/src/components/NoteFeed/NoteFeed.vue +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
3
|
-
* Copyright 2022-
|
|
2
|
+
* iamKey v7.6.1
|
|
3
|
+
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/const f=t=>t.charAt(0).toUpperCase()+t.slice(1),u=(t=1)=>Math.floor(Math.random()*Date.now()*(t+1)),g=(t,a)=>{switch(t){case"datetime":return new Date(a).toLocaleDateString("en-gb",{weekday:"short",year:"2-digit",month:"long",day:"numeric"})+" "+new Date(a).toLocaleTimeString("en-gb",{hour:"2-digit",minute:"2-digit"});case"date":return new Date(a).toLocaleDateString("en-gb",{day:"numeric",month:"long",year:"2-digit"});case"capitalise":return a=f(a)}},x=(t,a,e,i,s)=>{e.querySelector("[name=show]")||e.insertAdjacentHTML("beforeend",`<input name="show" type="hidden" value="${t.getAttribute("data-show")}" />`),e.querySelector("[name=page]")||e.insertAdjacentHTML("beforeend",`<input name="page" type="hidden" value="${t.getAttribute("data-page")}" />`),i.addEventListener("update-show",m=>{if(e.querySelector("[name=show]").value!=m.detail.show){e.querySelector("[name=show]").value=m.detail.show;const n=new CustomEvent("update-show",{detail:{show:m.detail.show}});t.dispatchEvent(n),h(t,i),s()}}),i.addEventListener("update-page",m=>{if(e.querySelector("[name=page]").value!=m.detail.page){e.querySelector("[name=page]").value=m.detail.page;const n=new CustomEvent("update-page",{detail:{page:m.detail.page}});if(t.dispatchEvent(n),h(t,i),s(),!t.hasAttribute("data-no-scroll")){const l=a.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:l,behavior:"smooth"})}}})},w=(t,a)=>{let e=document.createElement("form");return t.hasAttribute("data-filterby")?e=document.querySelector(`#${t.getAttribute("data-filterby")}`):t.closest("form")?e=t.closest("form"):t.querySelector("form")?e=t.querySelector("form"):a.parentNode.insertBefore(e,a.nextSibling),t.hasAttribute("data-ajax")&&e.setAttribute("data-ajax",t.getAttribute("data-ajax")),e},y=(t,a,e,i)=>{const s=t.shadowRoot.querySelector(".table__wrapper");t.hasAttribute("data-total")||t.setAttribute("data-total",t.querySelectorAll("tbody tr").length),t.hasAttribute("data-page")||t.setAttribute("data-page",1),t.hasAttribute("data-show")||t.setAttribute("data-show",15),t.hasAttribute("data-increment")||t.setAttribute("data-increment",t.getAttribute("data-show")),v(t,i),A(a),k(t,a),t.classList.contains("mh-sm")&&s.classList.add("mh-sm"),t.classList.contains("mh-md")&&s.classList.add("mh-md"),t.classList.contains("mh-lg")&&s.classList.add("mh-lg"),t.classList.contains("table--cta")&&(j(t,a),L(t,a))},v=(t,a)=>{t.hasAttribute("data-total")&&a.setAttribute("data-total",t.getAttribute("data-total")),t.hasAttribute("data-page")&&a.setAttribute("data-page",t.getAttribute("data-page")),t.hasAttribute("data-show")&&a.setAttribute("data-show",t.getAttribute("data-show")),t.hasAttribute("data-increment")&&a.setAttribute("data-increment",t.getAttribute("data-show")),t.hasAttribute("data-page-jump")&&a.setAttribute("data-page-jump","true"),t.hasAttribute("data-per-page")&&a.setAttribute("data-per-page","true"),t.hasAttribute("data-item-count")&&a.setAttribute("data-item-count","true"),t.hasAttribute("data-loading")&&a.setAttribute("data-loading","true"),t.classList.contains("table--fullwidth")&&a.setAttribute("data-minimal","true")},h=(t,a)=>{t.setAttribute("data-total",a.getAttribute("data-total")),t.setAttribute("data-page",a.getAttribute("data-page")),t.setAttribute("data-show",a.getAttribute("data-show")),t.setAttribute("data-increment",a.getAttribute("data-show"))},A=t=>{const a=Array.from(t.querySelectorAll("thead th"));Array.from(t.querySelectorAll("tbody tr")).forEach(i=>{const s=Array.from(i.querySelectorAll("th, td")),m=["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"];s.forEach((n,o)=>{const l=a[o];if(typeof l<"u"){const b=document.createElement("div");b.innerHTML=l.innerHTML;const r=b.textContent||b.innerText||"";n.setAttribute("data-label",r),l.hasAttribute("data-td-class")&&n.setAttribute("class",l.getAttribute("data-td-class")),l.hasAttribute("data-format")&&(n.setAttribute("data-format",l.getAttribute("data-format")),n.innerHTML=g(l.getAttribute("data-format"),n.textContent.trim())),m.includes(n.textContent.trim().toLowerCase())&&n.setAttribute("data-content",n.textContent.trim().toLowerCase())}})})},k=(t,a)=>{if(t.classList.contains("table--fullwidth")&&!t.hasAttribute("data-expandable")||a.querySelectorAll("thead tr th").length<4&&!t.hasAttribute("data-expandable"))return!1;Array.from(a.querySelectorAll("thead tr")).forEach(e=>{a.querySelectorAll("thead tr th.expand-button-heading").length||e.insertAdjacentHTML("afterbegin",`<th class="${t.hasAttribute("data-expandable")?"th--fixed ":""}expand-button-heading"></th>`)}),Array.from(a.querySelectorAll("tbody tr")).forEach((e,i)=>{const s=e.getAttribute("data-view")==="full"?"aria-expanded":"";e.insertAdjacentHTML("afterbegin",`<td class="${t.hasAttribute("data-expandable")?"td--fixed ":""}td--expand"><button class="btn btn-compact btn-secondary btn-sm" data-expand-button ${s} data-index="${i}">Expand</button></td>`)}),a.addEventListener("click",e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest("[data-expand-button]")){const i=e.target.closest("[data-expand-button]"),s=i.closest("tr");i.toggleAttribute("aria-expanded"),s.getAttribute("data-view")=="full"?s.setAttribute("data-view","default"):s.setAttribute("data-view","full"),i.blur(),t.dispatchEvent(new CustomEvent("row-expanded",{detail:{row:i.getAttribute("data-index")}}))}})},j=(t,a)=>{let e=0;Array.from(a.querySelectorAll("tbody tr")).forEach(i=>{const s=window.getComputedStyle(document.querySelector("html")),m=i.querySelector(":scope > *:last-child > *:first-child");if(m){m.classList.add("text-nowrap");let n=m.offsetWidth/parseFloat(s.fontSize);n+=1.8,e=e>n?e:n}}),t.style.setProperty("--cta-width",`${e}rem`)},L=(t,a)=>{function e(){Array.from(a.querySelectorAll("tr")).forEach(i=>{const s=i.offsetHeight;i.style.setProperty("--row-height",`${s}px`)})}new ResizeObserver(e).observe(a)},S=(t,a)=>{if(t.querySelector("iam-actionbar[data-selectall]")||document.querySelector(`iam-actionbar[data-for='${t.getAttribute("id")}']`)){const e=t.querySelector("iam-actionbar[data-selectall]")?t.querySelector("iam-actionbar[data-selectall]"):document.querySelector(`iam-actionbar[data-for='${t.getAttribute("id")}']`);_(t,a,e)}t.querySelectorAll(".dialog__wrapper .btn-compact").forEach((e,i)=>{const m=e.closest(".dialog__wrapper").querySelector("dialog");if(m){const r=`menu${u(i)}`;m.setAttribute("id",r),m.setAttribute("popover","auto"),e.setAttribute("popovertarget",r),m.outerHTML=m.outerHTML.replace(/<dialog/g,"<iam-menu").replace(/<\/dialog>/g,"</iam-menu>")}e.classList.add("btn-sm"),e.classList.add("m-0");const n=e.closest("tr"),o=e.closest("td"),b=Array.prototype.slice.call(n.children).indexOf(o);o.classList.add("td--fixed"),a.querySelector(`thead tr th:nth-child(${b+1})`).classList.add("th--fixed")})},_=(t,a,e)=>{Array.from(a.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(a.querySelectorAll("tbody tr")).forEach((i,s)=>{if(i.setAttribute("data-index",s+1),!i.querySelector(".selectrow")){const m=`row${u(s)}`;i.querySelector(".td--expand")?i.querySelector(".td--expand").insertAdjacentHTML("afterend",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${m}" ${i.hasAttribute("data-selected")?'checked="true"':""}/><label for="${m}"><span class="visually-hidden">Select row</span></label></td>`):i.insertAdjacentHTML("afterbegin",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${m}" ${i.hasAttribute("data-selected")?'checked="true"':""}/><label for="${m}"><span class="visually-hidden">Select row</span></label></td>`)}}),a.addEventListener("change",i=>{if(i&&i.target instanceof HTMLElement&&i.target.closest(".selectrow input")){const s=i.target.closest(".selectrow input"),m=i.target.closest("tr"),n=a.querySelectorAll('.selectrow input[type="checkbox"]').length,o=a.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;e.setAttribute("data-selected",n==o?"all":o);const l=new CustomEvent("row-selected",{detail:{rowIndex:m.getAttribute("data-index"),checked:!!s.checked}});t.dispatchEvent(l)}}),e.addEventListener("selected",i=>{if(i.detail.selected=="0"){Array.from(a.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(m=>{m.checked=!1});const s=new CustomEvent("all-rows-unselected");t.dispatchEvent(s)}else if(i.detail.selected=="all"){Array.from(a.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(m=>{m.checked=!0});const s=new CustomEvent("all-rows-selected");t.dispatchEvent(s)}})},q=(t,a,e,i)=>{e.setAttribute("method","get");const s=t.querySelector("iam-actionbar");s&&s.addEventListener("change",m=>{e.submit()})};class E extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const a=document.createElement("template");a.innerHTML=`
|
|
5
5
|
<style>
|
|
6
6
|
:host{inset:auto;top:anchor(bottom);left:anchor(left);position:fixed;position-try-fallbacks:flip-block,flip-inline;width:max-content !important;min-width:max-content !important;max-width:max-content !important;height:min-content;max-height:var(--menu-max-height, min(100vh - 6rem));background:var(--menu-bg, canvas);margin:var(--menu-margin, 0);padding:var(--menu-padding, 0.5rem) !important;border:var(--menu-border, 2px solid grey);overflow:auto;border:none !important;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.1)}:host(.menu--fill){width:anchor-size(width) !important;min-width:anchor-size(width) !important;max-width:anchor-size(width) !important}:host(:popover-open),:host([popover-open]){display:block}:host(:not([popover])){position:static;display:block}:host(.menu--sm){width:10rem}:host(.menu--md){width:15rem}:host(.menu--lg){width:20rem}:host(.menu--height-sm){max-height:12.5rem}:host(.menu--height-lg){max-height:25rem}::slotted(*:is(button,a,label,span)){background:unset !important;border:unset !important;color:var(--colour-primary) !important;font-weight:inherit !important;font-family:inherit !important;font-size:1rem !important;line-height:1.1875rem !important;display:block !important;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding-block:var(--menu-item-padding, 0.5rem) !important;width:var(--menu-item-width, 100%) !important;max-width:var(--menu-item-width, 100%) !important;text-align:var(--menu-item-text-align, left) !important}::slotted(*:is(button,a,label)){padding-inline:var(--menu-item-padding, 0.5rem);cursor:var(--menu-item-cursor, pointer) !important}::slotted(*:is(span):first-child){padding-top:0 !important;font-weight:700 !important}::slotted(*:is(button,a,label,span):last-child){margin-bottom:0 !important}::slotted(*:is(label)){--radio-size: 1.25rem;--radio-inner-size: 0.75rem;--radio-inner-top: 0.75rem;--radio-inner-left: 0.75rem;--checkbox-tick-size: 0.75rem;--checkbox-inner-size: 0.625rem;--checkbox-inner-top: 0.375rem;--checkbox-inner-left: 0.5rem;padding-left:2.25rem !important}::slotted(*:is(button,a,label):is(.selected)){background:#e9f8fc !important;border-left:4px solid var(--colour-info) !important;border-radius:.25rem !important;padding-left:calc(var(--menu-item-padding, 0.5rem) - 4px) !important}@media(prefers-color-scheme: dark){::slotted(*:is(button,a,label):is(.selected):not(:hover,.hover)){color:#000 !important}}::slotted(*:is(button,a,label):is(:hover,.hover,:focus,.focus)){background:var(--colour-light) !important;border-radius:.25rem !important}::slotted(*:is(button,a,label):is(:active,.active)){background:#e0e0e0 !important;border-radius:.25rem !important}@media(prefers-color-scheme: dark){::slotted(*:is(button,a,label):is(:active,.active)){color:#000 !important}}::slotted(hr){height:1px !important;background-color:var(--menu-hr-border-color, var(--border-color, grey)) !important;width:100%;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding:0 !important}::slotted(iam-menu:not([popover])){border:none !important;border-radius:0 !important;box-shadow:none !important;padding:0;margin:0;width:auto}::slotted(iam-menu[popover]){top:anchor(top);left:calc(anchor(right) + 1rem)}/*# sourceMappingURL=assets/css/components/menu.component.css.map */
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
<slot></slot>
|
|
11
11
|
</div>`,this.shadowRoot.appendChild(a.content.cloneNode(!0))}connectedCallback(){const a=this.hasAttribute("id")?this.getAttribute("id"):!1,e=document.querySelector(`[popovertarget="${a}"]`);let i=this.querySelectorAll(":scope > a, :scope > button, :scope > details > summary"),s=this.querySelectorAll("a, button");this.closest(".menu__wrapper")&&(s=this.shadowRoot.querySelector("slot").assignedElements({flatten:!0}),i=s),this.querySelectorAll("details");let m,n;a&&e&&(this.setAttribute("role","menu"),this.setAttribute("popover","auto"),this.style["position-anchor"]=`--${a}`,e?.setAttribute("aria-haspopup","true"),e==null||(e.style["anchor-name"]=`--${a}`),e?.setAttribute("aria-controls",a)),s.forEach((o,l)=>{o.setAttribute("role","menuitem"),o.setAttribute("tabindex","0"),l==0&&o.setAttribute("autofocus",!0)}),this.addEventListener("keydown",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("a, button, summary")){const l=document.activeElement,b=Array.from(i).indexOf(l)-1,r=Array.from(i).indexOf(l)+1;switch(o.keyCode){case 27:l.closest("details")?(o.stopPropagation(),o.preventDefault(),l.closest("details").removeAttribute("open"),l.closest("details").querySelector(":scope summary").focus()):(o.stopPropagation(),e.focus());break;case 32:case 13:break;case 35:o.stopPropagation(),o.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(s)[s.length-1].focus();break;case 36:o.stopPropagation(),o.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(s)[0].focus();break;case 38:if(o.stopPropagation(),o.preventDefault(),Array.from(i).indexOf(l)>-1)Array.from(i)[b]!=null?Array.from(i)[b].focus():Array.from(i)[i.length-1].focus();else if(l.closest("details")){const d=l.closest("details").querySelectorAll("a, button, :scope details > summary");n=Array.from(d).indexOf(l)-1,Array.from(d)[n]!=null?Array.from(d)[n].focus():Array.from(d)[d.length-1].focus()}break;case 40:if(o.stopPropagation(),o.preventDefault(),Array.from(i).indexOf(l)>-1)Array.from(i)[r]!=null?Array.from(i)[r].focus():Array.from(i)[0].focus();else if(l.closest("details")){const d=l.closest("details").querySelectorAll("a, button, :scope details > summary");m=Array.from(d).indexOf(l)+1,Array.from(d)[m]!=null?Array.from(d)[m].focus():Array.from(d)[0].focus()}break}}}),this.addEventListener("toggle",o=>{var l,b,r,d;const c=new CustomEvent(o.newState,{detail:{id:this.getAttribute("id"),target:o.target}});this.dispatchEvent(c),this.closest(".menu__wrapper")&&s[0].focus(),this.hasAttribute("popover-open")&&(o.preventDefault(),this.removeAttribute("popover-open"),this.hidePopover()),this.matches(":popover-open")&&document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`)?((l=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||l===void 0||l.setAttribute("aria-pressed","true"),(b=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||b===void 0||b.classList.add("active")):((r=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||r===void 0||r.removeAttribute("aria-pressed"),(d=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||d===void 0||d.classList.remove("active"))}),this.addEventListener("click",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("button:has(+ iam-menu:not([popover]))")){const l=o.target.closest("button:has(+ iam-menu)");l?.classList.toggle("open")}else if(o&&o.target instanceof HTMLElement&&o.target.closest("button.selectable")){const l=o.target.closest("button.selectable");this.hasAttribute("multiple")?l.classList.toggle("selected"):l?.classList.contains("selected")?this.querySelectorAll(".selected").forEach(b=>{b.classList.remove("selected")}):(this.querySelectorAll(".selected").forEach(b=>{b.classList.remove("selected")}),l.classList.add("selected"))}}),CSS.supports("top","anchor(top)")||document.addEventListener("click",o=>{if(o.originalTarget&&o.originalTarget.matches("[popovertarget]")){const l=o.originalTarget,b=l.getAttribute("popovertarget"),r=document.getElementById(b),d=l.getBoundingClientRect(),c=d.top,p=d.left;r.style.setProperty("top",c+"px"),r.style.setProperty("left",p+l.clientWidth+"px")}})}}class C extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const a=document.createElement("template");a.innerHTML=`
|
|
12
12
|
<style>
|
|
13
|
-
:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid):not(iam-table):not(.table__wrapper){padding-inline:var(--mh-padding-inline, 0);margin-inline:calc(var(--mh-padding-inline, 0)*-1)}:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid)::before{top:calc(100% - 1.5rem);bottom:0;left:0;right:0;height:1.5rem;position:sticky;display:block;background:linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2;margin-bottom:-1.5rem}:is(.mh-sm,.mh-md,.mh-lg,.mh-fluid){overflow:auto;overscroll-behavior:contain}:is(.mh-sm,.mh-md,.mh-lg,.mh-fluid)::before{content:""}.mh-sm{max-height:calc(12.5rem - var(--mh-modifier, 0rem))}.mh-md{max-height:calc(25rem - var(--mh-modifier, 0rem))}.mh-lg{max-height:calc(37.5rem - var(--mh-modifier, 0rem))}.mh-fluid{max-height:100%}@media screen and (min-width: 36em){:is(.mh-sm-sm,.mh-sm-md,.mh-sm-lg){overflow:auto;overscroll-behavior:contain}:is(.mh-sm-sm,.mh-sm-md,.mh-sm-lg)::before{content:""}.mh-sm-sm{max-height:calc(12.5rem - var(--mh-modifier, 0rem))}.mh-sm-md{max-height:calc(25rem - var(--mh-modifier, 0rem))}.mh-sm-lg{max-height:calc(37.5rem - var(--mh-modifier, 0rem))}}@media screen and (min-width: 62em){:is(.mh-md-sm,.mh-md-md,.mh-md-lg){overflow:auto;overscroll-behavior:contain}:is(.mh-md-sm,.mh-md-md,.mh-md-lg)::before{content:""}.mh-md-sm{max-height:calc(12.5rem - var(--mh-modifier, 0rem))}.mh-md-md{max-height:calc(25rem - var(--mh-modifier, 0rem))}.mh-md-lg{max-height:calc(37.5rem - var(--mh-modifier, 0rem))}}:host{container-type:inline-size;display:block}.table__container{--wrapper-padding: 2rem;--bg-colour: #ffffff;display:block;background
|
|
13
|
+
:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid):not(iam-table):not(.table__wrapper){padding-inline:var(--mh-padding-inline, 0);margin-inline:calc(var(--mh-padding-inline, 0)*-1)}:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid)::before{top:calc(100% - 1.5rem);bottom:0;left:0;right:0;height:1.5rem;position:sticky;display:block;background:linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2;margin-bottom:-1.5rem}:is(.mh-sm,.mh-md,.mh-lg,.mh-fluid){overflow:auto;overscroll-behavior:contain}:is(.mh-sm,.mh-md,.mh-lg,.mh-fluid)::before{content:""}.mh-sm{max-height:calc(12.5rem - var(--mh-modifier, 0rem))}.mh-md{max-height:calc(25rem - var(--mh-modifier, 0rem))}.mh-lg{max-height:calc(37.5rem - var(--mh-modifier, 0rem))}.mh-fluid{max-height:100%}@media screen and (min-width: 36em){:is(.mh-sm-sm,.mh-sm-md,.mh-sm-lg){overflow:auto;overscroll-behavior:contain}:is(.mh-sm-sm,.mh-sm-md,.mh-sm-lg)::before{content:""}.mh-sm-sm{max-height:calc(12.5rem - var(--mh-modifier, 0rem))}.mh-sm-md{max-height:calc(25rem - var(--mh-modifier, 0rem))}.mh-sm-lg{max-height:calc(37.5rem - var(--mh-modifier, 0rem))}}@media screen and (min-width: 62em){:is(.mh-md-sm,.mh-md-md,.mh-md-lg){overflow:auto;overscroll-behavior:contain}:is(.mh-md-sm,.mh-md-md,.mh-md-lg)::before{content:""}.mh-md-sm{max-height:calc(12.5rem - var(--mh-modifier, 0rem))}.mh-md-md{max-height:calc(25rem - var(--mh-modifier, 0rem))}.mh-md-lg{max-height:calc(37.5rem - var(--mh-modifier, 0rem))}}:host{container-type:inline-size;display:block}.table__container{--wrapper-padding: 2rem;--bg-colour: #ffffff;display:block;background:var(--colour-canvas-2);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.625rem;margin-bottom:2rem;overflow:hidden}.table__container:before{display:none !important}@media screen and (prefers-color-scheme: dark){.table__container{background:var(--colour-canvas-2)}}@media(forced-colors: active){.table__container{--wrapper-padding: 0;background:var(--colour-canvas-2)}}:host-context(.admin-panel) .table__container{display:contents}:host(.mh-sm){max-height:none !important}:host(.mh-md){max-height:none !important}:host(.mh-lg){max-height:none !important}.table__wrapper{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}@container (width < 23.4375em){:host(:not(.table--fullwidth)) .table__container{margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:0;background:var(--colour-canvas-2);border-radius:0;background:none;padding:0;box-shadow:none;overflow:visible}:host(:not(.table--fullwidth)) .table__container .table__wrapper{overflow:hidden;max-height:none !important}:host(:not(.table--fullwidth)) .table__container ::slotted(table){overflow:visible !important;margin-inline:1.5rem;margin-bottom:1.5rem !important;width:calc(100% - 3rem) !important;display:block}:host(:not(.table--fullwidth)) .table__container .table--cta{border-bottom:0}:host(:not(.table--fullwidth)) .table__container .table--cta:after{content:none;display:none !important}}@container (width > 23.4375em){:host{--cta-width: 8rem}:host(.table--loading){--cta-width: 1.5rem !important}.table--cta{position:relative}.table--cta .table__wrapper{overflow-y:hidden;margin-bottom:0}}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){position:relative;overflow:auto}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{top:calc(100% - 1.2rem);bottom:2px;height:1.2rem;border-bottom:2px solid var(--colour-border);margin-bottom:-1.2rem}@container (width < 23.4375em){.table__wrapper.has-actionbar{margin-top:calc(-100vh + 6.75rem) !important}}:host(.table--loading){pointer-events:none;position:relative}:host(.table--loading) ::slotted(table){min-height:20rem;opacity:.5}:host(.table--loading)::after{content:"Loading...";position:absolute;top:6.25rem;left:50%;transform:translate(-50%, 0);font-weight:bold;color:var(--colour-heading);font-size:1.5rem;text-shadow:0px 0px 10px var(--colour-canvas-2);padding-inline:2rem;text-shadow:0px 0px 10px var(--colour-canvas-2);background:radial-gradient(var(--colour-canvas-2), transparent)}/*# sourceMappingURL=assets/css/components/table.component.css.map */
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
@@ -24,6 +24,6 @@
|
|
|
24
24
|
</div>
|
|
25
25
|
<iam-pagination part="pagination" class="pagination--table" ></iam-pagination>
|
|
26
26
|
</div>
|
|
27
|
-
`,this.shadowRoot.appendChild(a.content.cloneNode(!0)),!document.getElementById("tableSingleExtras")&&!document.getElementById("tableExtras")&&document.head.insertAdjacentHTML("beforeend",`<style id="tableSingleExtras">:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax){--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) table{margin-bottom:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) table thead tr th{position:relative;padding-right:2rem !important;padding-left:0rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td{background-color:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr td p{min-width:10rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tbody tr{background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238, 238, 238;--row-bg: var(--hover-background);background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) table:has(tr.show) tbody tr:not(.show){display:none !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:has([data-expand-button]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .expand-button-heading{display:none}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative;display:block !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important;padding-right:3rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button])+.td--fixed+td{border-top:none !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"\uF055";font-weight:300 !important;font-size:1.75rem;line-height:var(--compact-size) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button][aria-expanded]:before{content:"\uF056";font-weight:900 !important}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) thead{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody{--status-pt: 2.5rem;display:block;overflow:visible}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody tr td:first-child{padding-top:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr{display:block;position:relative;border:none;background:var(--row-bg);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem;height:auto}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr+tr{margin-top:2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:has([data-expand-button]){display:block}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) :is(td,th)[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--colour-heading);padding:0 0 0.375rem 0;margin-bottom:0;display:block;font-weight:bold}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:first-child::after{top:1.75rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td::after{top:2.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .td--fixed{padding-right:50%}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta{padding-right:calc(var(--wrapper-padding) + 1.5rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>th:nth-last-child(2),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>td:nth-last-child(2){padding-right:var(--cta-width) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg, var(--colour-canvs-2)) 1.25rem);cursor:default;padding-bottom:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem;padding-bottom:0;margin:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg, var(--colour-canvs-2)) 1.25rem)}}table .hide-status:after{display:none}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:var(--status-pt, 1rem);left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"\uF325";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"\uF7A4";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"\uE404";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"\uE404";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"\uF024";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"\uF024";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content="action required"],[data-content=upcoming]):after{content:"\uF024";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"\uF071";color:var(--colour-warning)}table :is([data-content="manually verified"],[data-content=verified],[data-content=completed],[data-content=complete],[data-content=successful]):after{content:"\uF00C";font-weight:normal;color:var(--colour-complete)}table :is([data-content=failed]):after{content:"\uF00D";font-weight:normal;color:var(--colour-danger)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"\uF0F3";color:var(--colour-primary)}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{margin:0 1.5rem 1rem 1.5rem}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:.5rem}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth:has(iam-actionbar){padding-top:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth iam-actionbar{margin:-2rem -2rem 2rem -2rem;box-shadow:none;border-radius:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth iam-actionbar:has(+table input:checked){margin:-2rem -2rem 2rem -2rem;box-shadow:none;border-radius:0}@media screen and (prefers-color-scheme: light){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth iam-actionbar:has(+table input:checked){background-color:#e6eaec}}.actionbar__sticky-wrapper{container-type:inline-size}@media screen and (min-width: 36em){.actionbar__sticky-wrapper{padding:0 !important}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky{display:block;position:sticky;left:0;top:calc(var(--sticky-padding) + 1rem);z-index:var(--index-menu);pointer-events:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky:after{content:"";display:block;width:100%;height:calc(100vh - 6.75rem);pointer-events:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky+*{margin-top:calc(-100vh + 6.75rem)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky)>iam-actionbar{pointer-events:all !important;display:block;border:none;background:var(--colour-canvas-2);border-radius:.5rem;margin-bottom:1.5rem}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth iam-actionbar,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{margin-left:-2rem;margin-right:-2rem;margin-top:-2rem;margin-bottom:2rem}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.75rem !important;left:.25rem !important;--border-radius: 0.25rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) table{overflow:hidden}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) tr:has([type=checkbox]):not(:has(.tag)) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:0;margin:0;margin-top:0rem;position:absolute}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr:has([type=checkbox]:hover,[type=checkbox]:focus):not(:has(.tag)){--row-bg: #eeeeee}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr:has([type=checkbox]:hover:checked,[type=checkbox]:focus:checked,[type=checkbox]:checked):not(:has(.tag)){--row-bg: #e0e0e0}@container (width < 23.4375em){@media screen and (prefers-color-scheme: light){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{background-color:#e6eaec}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .actionbar__sticky+*{margin-top:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}@media screen and (min-width: 36em){.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-grid{display:grid !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}.d-sm-none{display:none !important}}@media screen and (min-width: 62em){.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-grid{display:grid !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}.d-md-none{display:none !important}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] td:has([data-expand-button]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] .expand-button-heading{display:table-cell}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable].table--fullwidth [data-expand-button]{margin:.25rem 0 0 0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable].table--fullwidth [data-expand-button]:not(:hover,:focus){background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable].table--fullwidth [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"\uF078";font-weight:500}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable].table--fullwidth [data-expand-button][aria-expanded]:before{content:"\uF077"}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable].table--fullwidth tr:not(:has(p)) [data-expand-button]{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable].table--fullwidth tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:10rem}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] [data-expand-button]{margin:.25rem 0 0 0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] [data-expand-button]:not(:hover,:focus){background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"\uF078";font-weight:500}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] [data-expand-button][aria-expanded]:before{content:"\uF077"}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] tr:not(:has(p)) [data-expand-button]{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:10rem}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr{position:relative}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .td--fixed+.td--fixed{border:none}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed{position:absolute;left:auto;top:auto;z-index:3;padding:0 0 0 0;min-width:3.375rem;height:calc(var(--row-height) - 2px);text-align:left;background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed:has([open]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed:has([open]){z-index:4}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed:has(+th:not(.th--fixed)),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed:has(+td:not(.td--fixed)){background:linear-gradient(90deg, var(--row-bg) calc(100% - 1rem), transparent 100%)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed+th:not(.th--fixed),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed+td:not(.td--fixed){padding-left:calc(3.375rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed+.th--fixed,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed+.td--fixed{left:3rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed+.th--fixed+th:not(.th--fixed),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(6.375rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed+.th--fixed+.th--fixed,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed+.td--fixed+.td--fixed{left:6rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed+.th--fixed+.th--fixed+th:not(.th--fixed),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed+.td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(9.375rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .dialog__wrapper{z-index:10}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .dialog__wrapper:has([open]){z-index:20}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:has(.dialog__wrapper){padding-top:.25rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth th[data-sort]{background-repeat:no-repeat;background-size:1rem 1rem;background-position:calc(100% - .5rem) 50%;padding-top:.75rem;cursor:pointer}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth th[data-sort]:hover{background-color:var(--colour-light);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3e%3c!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-96-96c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L128 370.7 128 64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 306.7 41.4-41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-96 96zm352-333.3c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L448 141.3 448 448c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-306.7-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96c12.5-12.5 32.8-12.5 45.3 0l96 96z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth:has(th[data-sort]) :is(th,td){padding-left:.25rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth th[data-sort][data-order-by=asc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M209.4 39.4C204.8 34.7 198.6 32 192 32s-12.8 2.7-17.4 7.4l-168 176c-9.2 9.6-8.8 24.8 .8 33.9s24.8 8.8 33.9-.8L168 115.9 168 456c0 13.3 10.7 24 24 24s24-10.7 24-24l0-340.1L342.6 248.6c9.2 9.6 24.3 9.9 33.9 .8s9.9-24.3 .8-33.9l-168-176z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth th[data-sort][data-order-by=desc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M174.6 472.6c4.5 4.7 10.8 7.4 17.4 7.4s12.8-2.7 17.4-7.4l168-176c9.2-9.6 8.8-24.8-.8-33.9s-24.8-8.8-33.9 .8L216 396.1 216 56c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 340.1L41.4 263.4c-9.2-9.6-24.3-9.9-33.9-.8s-9.9 24.3-.8 33.9l168 176z'/%3e%3c/svg%3e")}@container (width >= 32em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) th[data-sort]{background-repeat:no-repeat;background-size:1rem 1rem;background-position:calc(100% - .5rem) 50%;padding-top:.75rem;cursor:pointer}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) th[data-sort]:hover{background-color:var(--colour-light);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3e%3c!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-96-96c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L128 370.7 128 64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 306.7 41.4-41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-96 96zm352-333.3c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L448 141.3 448 448c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-306.7-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96c12.5-12.5 32.8-12.5 45.3 0l96 96z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has(th[data-sort]) :is(th,td){padding-left:.25rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) th[data-sort][data-order-by=asc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M209.4 39.4C204.8 34.7 198.6 32 192 32s-12.8 2.7-17.4 7.4l-168 176c-9.2 9.6-8.8 24.8 .8 33.9s24.8 8.8 33.9-.8L168 115.9 168 456c0 13.3 10.7 24 24 24s24-10.7 24-24l0-340.1L342.6 248.6c9.2 9.6 24.3 9.9 33.9 .8s9.9-24.3 .8-33.9l-168-176z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) th[data-sort][data-order-by=desc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M174.6 472.6c4.5 4.7 10.8 7.4 17.4 7.4s12.8-2.7 17.4-7.4l168-176c9.2-9.6 8.8-24.8-.8-33.9s-24.8-8.8-33.9 .8L216 396.1 216 56c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 340.1L41.4 263.4c-9.2-9.6-24.3-9.9-33.9-.8s-9.9 24.3-.8 33.9l168 176z'/%3e%3c/svg%3e")}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col1]+table :is(thead,tbody) :is(th,td):nth-child(1){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col2]+table :is(thead,tbody) :is(th,td):nth-child(2){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col3]+table :is(thead,tbody) :is(th,td):nth-child(3){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col4]+table :is(thead,tbody) :is(th,td):nth-child(4){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col5]+table :is(thead,tbody) :is(th,td):nth-child(5){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col6]+table :is(thead,tbody) :is(th,td):nth-child(6){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col7]+table :is(thead,tbody) :is(th,td):nth-child(7){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col8]+table :is(thead,tbody) :is(th,td):nth-child(8){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col9]+table :is(thead,tbody) :is(th,td):nth-child(9){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col10]+table :is(thead,tbody) :is(th,td):nth-child(10){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col11]+table :is(thead,tbody) :is(th,td):nth-child(11){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col12]+table :is(thead,tbody) :is(th,td):nth-child(12){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col13]+table :is(thead,tbody) :is(th,td):nth-child(13){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col14]+table :is(thead,tbody) :is(th,td):nth-child(14){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col15]+table :is(thead,tbody) :is(th,td):nth-child(15){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col16]+table :is(thead,tbody) :is(th,td):nth-child(16){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col17]+table :is(thead,tbody) :is(th,td):nth-child(17){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col18]+table :is(thead,tbody) :is(th,td):nth-child(18){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col19]+table :is(thead,tbody) :is(th,td):nth-child(19){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col20]+table :is(thead,tbody) :is(th,td):nth-child(20){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col21]+table :is(thead,tbody) :is(th,td):nth-child(21){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col22]+table :is(thead,tbody) :is(th,td):nth-child(22){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col23]+table :is(thead,tbody) :is(th,td):nth-child(23){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col24]+table :is(thead,tbody) :is(th,td):nth-child(24){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col25]+table :is(thead,tbody) :is(th,td):nth-child(25){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col26]+table :is(thead,tbody) :is(th,td):nth-child(26){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col27]+table :is(thead,tbody) :is(th,td):nth-child(27){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col28]+table :is(thead,tbody) :is(th,td):nth-child(28){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col29]+table :is(thead,tbody) :is(th,td):nth-child(29){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col30]+table :is(thead,tbody) :is(th,td):nth-child(30){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .table--filtered tbody tr:not(.filtered--show){display:none !important}iam-table-basic:is(.mh-lg,.mh-md,.mh-sm) thead{position:sticky;top:0;z-index:9999}iam-table-basic:is(.mh-lg,.mh-md,.mh-sm) thead tr{background:var(--row-bg);background:linear-gradient(0deg, var(--colour-primary) 2px, var(--row-bg) 2px);border:none}/*# sourceMappingURL=assets/css/components/table.global.css.map */
|
|
27
|
+
`,this.shadowRoot.appendChild(a.content.cloneNode(!0)),!document.getElementById("tableSingleExtras")&&!document.getElementById("tableExtras")&&document.head.insertAdjacentHTML("beforeend",`<style id="tableSingleExtras">:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax){--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) table{margin-bottom:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) table thead tr th{position:relative;padding-right:2rem !important;padding-left:0rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td{background-color:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr td p{min-width:10rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tbody tr{background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238, 238, 238;--row-bg: var(--hover-background);background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) :is(td,th){color:var(--colour-body-default)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) table:has(tr.show) tbody tr:not(.show){display:none !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:has([data-expand-button]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .expand-button-heading{display:none}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative;display:block !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important;padding-right:3rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button])+.td--fixed+td{border-top:none !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"\uF055";font-weight:300 !important;font-size:1.75rem;line-height:var(--compact-size) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button][aria-expanded]:before{content:"\uF056";font-weight:900 !important}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) thead{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody{--status-pt: 2.5rem;display:block;overflow:visible}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody tr td:first-child{padding-top:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr{display:block;position:relative;border:none;background:var(--row-bg);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem;height:auto}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr+tr{margin-top:2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:has([data-expand-button]){display:block}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) :is(td,th)[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--colour-heading);padding:0 0 0.375rem 0;margin-bottom:0;display:block;font-weight:bold}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:first-child::after{top:1.75rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td::after{top:2.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .td--fixed{padding-right:50%}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta{padding-right:calc(var(--wrapper-padding) + 1.5rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>th:nth-last-child(2),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>td:nth-last-child(2){padding-right:var(--cta-width) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg, var(--colour-canvas-2)) 1.25rem);cursor:default;padding-bottom:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem;padding-bottom:0;margin:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg, var(--colour-canvas-2)) 1.25rem)}}table .hide-status:after{display:none}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:var(--status-pt, 1rem);left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"\uF325";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"\uF7A4";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"\uE404";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"\uE404";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"\uF024";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"\uF024";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content="action required"],[data-content=upcoming]):after{content:"\uF024";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"\uF071";color:var(--colour-warning)}table :is([data-content="manually verified"],[data-content=verified],[data-content=completed],[data-content=complete],[data-content=successful]):after{content:"\uF00C";font-weight:normal;color:var(--colour-complete)}table :is([data-content=failed]):after{content:"\uF00D";font-weight:normal;color:var(--colour-danger)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"\uF0F3";color:var(--colour-primary)}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{margin:0 1.5rem 1rem 1.5rem}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:.5rem}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth:has(iam-actionbar){padding-top:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth iam-actionbar{margin:-2rem -2rem 2rem -2rem;box-shadow:none;border-radius:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth iam-actionbar:has(+table input:checked){margin:-2rem -2rem 2rem -2rem;box-shadow:none;border-radius:0;background-color:#e6eaec}.actionbar__sticky-wrapper{container-type:inline-size}@media screen and (min-width: 36em){.actionbar__sticky-wrapper{padding:0 !important}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky{display:block;position:sticky;left:0;top:calc(var(--sticky-padding) + 1rem);z-index:var(--index-menu);pointer-events:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky:after{content:"";display:block;width:100%;height:calc(100vh - 6.75rem);pointer-events:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky+*{margin-top:calc(-100vh + 6.75rem)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky)>iam-actionbar{pointer-events:all !important;display:block;border:none;background:var(--colour-canvas-2);border-radius:.5rem;margin-bottom:1.5rem}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth iam-actionbar,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{margin-left:-2rem;margin-right:-2rem;margin-top:-2rem;margin-bottom:2rem}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.75rem !important;left:.25rem !important;--border-radius: 0.25rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) table{overflow:hidden}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) tr:has([type=checkbox]):not(:has(.tag)) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:0;margin:0;margin-top:0rem;position:absolute}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr:has([type=checkbox]:hover,[type=checkbox]:focus):not(:has(.tag)){--row-bg: #eeeeee}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr:has([type=checkbox]:hover:checked,[type=checkbox]:focus:checked,[type=checkbox]:checked):not(:has(.tag)){--row-bg: #e0e0e0}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{background-color:#e6eaec}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .actionbar__sticky+*{margin-top:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}@media screen and (min-width: 36em){.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-grid{display:grid !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}.d-sm-none{display:none !important}}@media screen and (min-width: 62em){.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-grid{display:grid !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}.d-md-none{display:none !important}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] td:has([data-expand-button]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] .expand-button-heading{display:table-cell}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable].table--fullwidth [data-expand-button]{margin:.25rem 0 0 0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable].table--fullwidth [data-expand-button]:not(:hover,:focus){background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable].table--fullwidth [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"\uF078";font-weight:500}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable].table--fullwidth [data-expand-button][aria-expanded]:before{content:"\uF077"}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable].table--fullwidth tr:not(:has(p)) [data-expand-button]{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable].table--fullwidth tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:10rem}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] [data-expand-button]{margin:.25rem 0 0 0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] [data-expand-button]:not(:hover,:focus){background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"\uF078";font-weight:500}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] [data-expand-button][aria-expanded]:before{content:"\uF077"}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] tr:not(:has(p)) [data-expand-button]{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:10rem}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr{position:relative}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .td--fixed+.td--fixed{border:none}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed{position:absolute;left:auto;top:auto;z-index:3;padding:0 0 0 0;min-width:3.375rem;height:calc(var(--row-height) - 2px);text-align:left;background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed:has([open]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed:has([open]){z-index:4}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed:has(+th:not(.th--fixed)),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed:has(+td:not(.td--fixed)){background:linear-gradient(90deg, var(--row-bg) calc(100% - 1rem), transparent 100%)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed+th:not(.th--fixed),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed+td:not(.td--fixed){padding-left:calc(3.375rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed+.th--fixed,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed+.td--fixed{left:3rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed+.th--fixed+th:not(.th--fixed),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(6.375rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed+.th--fixed+.th--fixed,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed+.td--fixed+.td--fixed{left:6rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed+.th--fixed+.th--fixed+th:not(.th--fixed),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed+.td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(9.375rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .dialog__wrapper{z-index:10}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .dialog__wrapper:has([open]){z-index:20}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:has(.dialog__wrapper){padding-top:.25rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth th[data-sort]{background-repeat:no-repeat;background-size:1rem 1rem;background-position:calc(100% - .5rem) 50%;padding-top:.75rem;cursor:pointer}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth th[data-sort]:hover{background-color:var(--colour-light);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3e%3c!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-96-96c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L128 370.7 128 64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 306.7 41.4-41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-96 96zm352-333.3c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L448 141.3 448 448c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-306.7-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96c12.5-12.5 32.8-12.5 45.3 0l96 96z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth:has(th[data-sort]) :is(th,td){padding-left:.25rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth th[data-sort][data-order-by=asc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M209.4 39.4C204.8 34.7 198.6 32 192 32s-12.8 2.7-17.4 7.4l-168 176c-9.2 9.6-8.8 24.8 .8 33.9s24.8 8.8 33.9-.8L168 115.9 168 456c0 13.3 10.7 24 24 24s24-10.7 24-24l0-340.1L342.6 248.6c9.2 9.6 24.3 9.9 33.9 .8s9.9-24.3 .8-33.9l-168-176z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth th[data-sort][data-order-by=desc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M174.6 472.6c4.5 4.7 10.8 7.4 17.4 7.4s12.8-2.7 17.4-7.4l168-176c9.2-9.6 8.8-24.8-.8-33.9s-24.8-8.8-33.9 .8L216 396.1 216 56c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 340.1L41.4 263.4c-9.2-9.6-24.3-9.9-33.9-.8s-9.9 24.3-.8 33.9l168 176z'/%3e%3c/svg%3e")}@container (width >= 32em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) th[data-sort]{background-repeat:no-repeat;background-size:1rem 1rem;background-position:calc(100% - .5rem) 50%;padding-top:.75rem;cursor:pointer}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) th[data-sort]:hover{background-color:var(--colour-light);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3e%3c!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-96-96c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L128 370.7 128 64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 306.7 41.4-41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-96 96zm352-333.3c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L448 141.3 448 448c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-306.7-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96c12.5-12.5 32.8-12.5 45.3 0l96 96z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has(th[data-sort]) :is(th,td){padding-left:.25rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) th[data-sort][data-order-by=asc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M209.4 39.4C204.8 34.7 198.6 32 192 32s-12.8 2.7-17.4 7.4l-168 176c-9.2 9.6-8.8 24.8 .8 33.9s24.8 8.8 33.9-.8L168 115.9 168 456c0 13.3 10.7 24 24 24s24-10.7 24-24l0-340.1L342.6 248.6c9.2 9.6 24.3 9.9 33.9 .8s9.9-24.3 .8-33.9l-168-176z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) th[data-sort][data-order-by=desc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M174.6 472.6c4.5 4.7 10.8 7.4 17.4 7.4s12.8-2.7 17.4-7.4l168-176c9.2-9.6 8.8-24.8-.8-33.9s-24.8-8.8-33.9 .8L216 396.1 216 56c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 340.1L41.4 263.4c-9.2-9.6-24.3-9.9-33.9-.8s-9.9 24.3-.8 33.9l168 176z'/%3e%3c/svg%3e")}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col1]+table :is(thead,tbody) :is(th,td):nth-child(1){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col2]+table :is(thead,tbody) :is(th,td):nth-child(2){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col3]+table :is(thead,tbody) :is(th,td):nth-child(3){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col4]+table :is(thead,tbody) :is(th,td):nth-child(4){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col5]+table :is(thead,tbody) :is(th,td):nth-child(5){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col6]+table :is(thead,tbody) :is(th,td):nth-child(6){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col7]+table :is(thead,tbody) :is(th,td):nth-child(7){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col8]+table :is(thead,tbody) :is(th,td):nth-child(8){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col9]+table :is(thead,tbody) :is(th,td):nth-child(9){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col10]+table :is(thead,tbody) :is(th,td):nth-child(10){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col11]+table :is(thead,tbody) :is(th,td):nth-child(11){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col12]+table :is(thead,tbody) :is(th,td):nth-child(12){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col13]+table :is(thead,tbody) :is(th,td):nth-child(13){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col14]+table :is(thead,tbody) :is(th,td):nth-child(14){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col15]+table :is(thead,tbody) :is(th,td):nth-child(15){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col16]+table :is(thead,tbody) :is(th,td):nth-child(16){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col17]+table :is(thead,tbody) :is(th,td):nth-child(17){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col18]+table :is(thead,tbody) :is(th,td):nth-child(18){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col19]+table :is(thead,tbody) :is(th,td):nth-child(19){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col20]+table :is(thead,tbody) :is(th,td):nth-child(20){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col21]+table :is(thead,tbody) :is(th,td):nth-child(21){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col22]+table :is(thead,tbody) :is(th,td):nth-child(22){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col23]+table :is(thead,tbody) :is(th,td):nth-child(23){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col24]+table :is(thead,tbody) :is(th,td):nth-child(24){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col25]+table :is(thead,tbody) :is(th,td):nth-child(25){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col26]+table :is(thead,tbody) :is(th,td):nth-child(26){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col27]+table :is(thead,tbody) :is(th,td):nth-child(27){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col28]+table :is(thead,tbody) :is(th,td):nth-child(28){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col29]+table :is(thead,tbody) :is(th,td):nth-child(29){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col30]+table :is(thead,tbody) :is(th,td):nth-child(30){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .table--filtered tbody tr:not(.filtered--show){display:none !important}iam-table-basic:is(.mh-lg,.mh-md,.mh-sm) thead{position:sticky;top:0;z-index:9999}iam-table-basic:is(.mh-lg,.mh-md,.mh-sm) thead tr{background:var(--row-bg);background:linear-gradient(0deg, var(--colour-primary) 2px, var(--row-bg) 2px);border:none}/*# sourceMappingURL=assets/css/components/table.global.css.map */
|
|
28
28
|
</style>`)}connectedCallback(){const a=new URLSearchParams(window.location.search),e=this.shadowRoot.querySelector("iam-pagination"),i=this.querySelector("table"),s=w(this,i);a.has("page")&&this.setAttribute("data-page",a.get("page")),a.has("show")&&this.setAttribute("data-show",a.get("show")),a.has("page")&&e.setAttribute("data-page",a.get("page")),a.has("show")&&e.setAttribute("data-show",a.get("show")),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location"),window.customElements.get("iam-menu")||window.customElements.define("iam-menu",E),y(this,i,s,e),S(this,i),q(this,i,s),x(this,i,s,e,()=>{s.submit()})}}export{C as default};
|
|
29
29
|
//# sourceMappingURL=table-submit.component.min.js.map
|
|
@@ -1,15 +1,11 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
3
|
-
* Copyright 2022-
|
|
4
|
-
*/const k=(t,o,i,a)=>{const r=Math.tan(.375*Math.PI),s=window.innerWidth||document.body.clientWidth,n=Math.max(1,Math.floor(.01*s)),d=i-t,e=a-o,c=Math.abs(d/e),l=Math.abs(e/d);if(Math.abs(d)>n||Math.abs(e)>n){if(l<=r)return d<0?"left":"right";if(c<=r)return e<0?"top":"bottom"}else return"tap"},w=function(t){const o=t.querySelectorAll(":scope > details, :scope > a");let i=t.querySelector(":scope > .tabs__links"),a=t.querySelector(":scope .tabs__dropdown");if(t.shadowRoot&&t.shadowRoot.querySelector(".tabs__links")&&(i=t.shadowRoot.querySelector(".tabs__links")),!i){i=document.createElement("div"),i.classList.add("tabs__links");const s=document.createElement("div");s.classList.add("tabs__links__wrapper"),s.prepend(i),t.prepend(s)}a||(a=document.createElement("select"),a.classList.add("tabs__dropdown"),t.prepend(a));let r=0;o.forEach(s=>{let n=document.createElement("button");const d=document.createElement("option");if(s.matches("details")){const e=s.querySelector(":scope > summary"),c=e.classList.contains("disabled");e.classList.add("visually-hidden"),s.hasAttribute("id")&&n.setAttribute("data-id",`${s.getAttribute("id")}`),s.hasAttribute("open")&&n.setAttribute("aria-pressed",!0),n.innerHTML=`${e.innerText}`,n.classList.add("link"),n.setAttribute("data-index",r),n.setAttribute("part","tab-link"),d.innerHTML=`${e.innerText}`,d.value=e.innerText.replace(/\s+/g,"-").toLowerCase(),d.setAttribute("data-index",r),s.setAttribute("tabindex","-1"),c&&n.classList.add("disabled"),r++}else s.matches("a")&&(n=s);n.classList.add("link"),i.appendChild(n),a.appendChild(d)})},y=function(t){const o=t.querySelectorAll(":scope > details"),i=t.querySelectorAll(":scope > details > summary");let a=t.querySelector(":scope .tabs__links"),r=t.querySelectorAll(":scope .tabs__links > button");const s=t.querySelector(":scope .tabs__dropdown");let n=t.querySelector(":scope .tabs__next"),d;if(window.isClicked=!1,window.isScrolling=!1,t.shadowRoot&&(r=t.shadowRoot.querySelectorAll(".tabs__links > button"),a=t.shadowRoot.querySelector(".tabs__links"),n=t.shadowRoot.querySelector(".tabs__next")),r.forEach(e=>{e.addEventListener("click",c=>{if(c.preventDefault(),window.isClicked=!0,e.classList.contains("disabled"))return!1;r.forEach(l=>{const m=l==e;l.setAttribute("aria-pressed",m)}),a.scroll({top:0,left:e.offsetLeft,behavior:"smooth"}),
|
|
2
|
+
* iamKey v7.6.1
|
|
3
|
+
* Copyright 2022-2026 iamproperty
|
|
4
|
+
*/const k=(t,o,i,a)=>{const r=Math.tan(.375*Math.PI),s=window.innerWidth||document.body.clientWidth,n=Math.max(1,Math.floor(.01*s)),d=i-t,e=a-o,c=Math.abs(d/e),l=Math.abs(e/d);if(Math.abs(d)>n||Math.abs(e)>n){if(l<=r)return d<0?"left":"right";if(c<=r)return e<0?"top":"bottom"}else return"tap"},w=function(t){const o=t.querySelectorAll(":scope > details, :scope > a");let i=t.querySelector(":scope > .tabs__links"),a=t.querySelector(":scope .tabs__dropdown");if(t.shadowRoot&&t.shadowRoot.querySelector(".tabs__links")&&(i=t.shadowRoot.querySelector(".tabs__links")),!i){i=document.createElement("div"),i.classList.add("tabs__links");const s=document.createElement("div");s.classList.add("tabs__links__wrapper"),s.prepend(i),t.prepend(s)}a||(a=document.createElement("select"),a.classList.add("tabs__dropdown"),t.prepend(a));let r=0;o.forEach(s=>{let n=document.createElement("button");const d=document.createElement("option");if(s.matches("details")){const e=s.querySelector(":scope > summary"),c=e.classList.contains("disabled");e.classList.add("visually-hidden"),s.hasAttribute("id")&&n.setAttribute("data-id",`${s.getAttribute("id")}`),s.hasAttribute("open")&&n.setAttribute("aria-pressed",!0),n.innerHTML=`${e.innerText}`,n.classList.add("link"),n.setAttribute("data-index",r),n.setAttribute("part","tab-link"),d.innerHTML=`${e.innerText}`,d.value=e.innerText.replace(/\s+/g,"-").toLowerCase(),d.setAttribute("data-index",r),s.setAttribute("tabindex","-1"),c&&n.classList.add("disabled"),r++}else s.matches("a")&&(n=s);n.classList.add("link"),i.appendChild(n),a.appendChild(d)})},y=function(t){const o=t.querySelectorAll(":scope > details"),i=t.querySelectorAll(":scope > details > summary");let a=t.querySelector(":scope .tabs__links"),r=t.querySelectorAll(":scope .tabs__links > button");const s=t.querySelector(":scope .tabs__dropdown");let n=t.querySelector(":scope .tabs__next"),d;if(window.isClicked=!1,window.isScrolling=!1,t.shadowRoot&&(r=t.shadowRoot.querySelectorAll(".tabs__links > button"),a=t.shadowRoot.querySelector(".tabs__links"),n=t.shadowRoot.querySelector(".tabs__next")),r.forEach(e=>{e.addEventListener("click",c=>{if(c.preventDefault(),window.isClicked=!0,e.classList.contains("disabled"))return!1;r.forEach(l=>{const m=l==e;l.setAttribute("aria-pressed",m)}),a.scroll({top:0,left:e.offsetLeft,behavior:"smooth"}),v(o,e),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:e.textContent}),e.matches(":last-child")?n?.setAttribute("disabled","disabled"):n?.removeAttribute("disabled")}),_(o,s)}),a.addEventListener("scrollend",()=>{clearTimeout(d),d=setTimeout(function(){let e=r[0],c=Math.abs(e.getBoundingClientRect().left);if(r.forEach(l=>{Math.abs(l.getBoundingClientRect().left)<c&&(c=Math.abs(l.getBoundingClientRect().left),e=l)}),window.isClicked)return window.isClicked=!1,!1;e.click(),e.focus()},500)}),i.forEach((e,c)=>{e.addEventListener("click",l=>{l.preventDefault(),r[c].click()})}),n?.addEventListener("click",e=>{e.preventDefault();const l=a.querySelector('[aria-pressed="true"]').nextSibling;l&&l.click()}),t.classList.contains("tabs--guided")){let e=0,c=0,l=0,m=0;o.forEach(p=>{p.addEventListener("touchstart",b=>{b.stopPropagation(),e=b.changedTouches[0].screenX,c=b.changedTouches[0].screenY}),p.addEventListener("touchend",b=>{b.stopPropagation(),l=b.changedTouches[0].screenX,m=b.changedTouches[0].screenY;const g=k(e,c,l,m),u=a.querySelector('[aria-pressed="true"]'),h=u.nextSibling,f=u.previousSibling;switch(g){case"left":h&&h.click();break;case"right":f&&f.click();break}})})}},v=function(t,o){t.forEach((i,a)=>{const r=o.getAttribute("data-index")==a;r?i.setAttribute("open",r):i.removeAttribute("open")})},_=function(t,o){o.addEventListener("change",i=>{i.preventDefault();const a=o.options[o.selectedIndex];v(t,a),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:a.innerText})})},x=function(t){if(!t.querySelector(":scope > details"))return!1;const o=t.querySelectorAll(":scope > details"),i=t.shadowRoot.querySelectorAll(".tabs__links > button");location.hash&&t.shadowRoot.querySelector(`.tabs__links [data-id="${location.hash.replace("#","")}"]`)?(t.shadowRoot.querySelector(`[data-id="${location.hash.replace("#","")}"]`).setAttribute("aria-pressed",!0),t.querySelector(`details[id="${location.hash.replace("#","")}"]`).setAttribute("open",!0)):t.querySelector("details[open]")||(o[0].setAttribute("open",!0),i[0].setAttribute("aria-pressed",!0))},z=function(t){w(t),y(t),x(t)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});class L extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const o=document.createElement("template");o.innerHTML=`
|
|
5
5
|
<style>
|
|
6
6
|
|
|
7
|
-
@layer elements{a{color:var(--link-color);text-decoration:underline}a:hover{color:var(--link-hover-color)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}a{color:var(--colour-link)}a:is(:hover,:focus,.hover,:focus-within){color:var(--colour-hover)}a:is(:active,.active){color:var(--colour-active)}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))),.link{background-color:rgba(0,0,0,0);text-decoration:none;display:inline-block;border:none;color:var(--colour-link);margin:0 1.5rem 1.5rem 0;padding:0;font-size:1.125rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:500}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))):not(.text-decoration-none):after,.link:not(.text-decoration-none):after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))):not(.text-decoration-none).text-underline-plain:after,.link:not(.text-decoration-none).text-underline-plain:after{background:currentColor}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))) [class*=fa-],.link [class*=fa-]{margin-left:0;margin-right:.5rem}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))) [class*=fa-]:not(:first-child),.link [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))):not([disabled]):is(:hover,:focus,.hover,:active,.active,:focus-within):after,.link:not([disabled]):is(:hover,:focus,.hover,:active,.active,:focus-within):after{width:60%}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card)))[disabled],.link[disabled]{opacity:.4;cursor:not-allowed}p a:not(.btn):not(.link),ul a:not(.btn):not(.link),ol a:not(.btn):not(.link),dd a:not(.btn):not(.link),.body a:not(.btn):not(.link),table:not(.table--email) td a:not(.btn):not(.link){min-height:none;display:inline;margin:0;text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:.125rem;font-size:inherit}p a:not(.btn):not(.link):after,ul a:not(.btn):not(.link):after,ol a:not(.btn):not(.link):after,dd a:not(.btn):not(.link):after,.body a:not(.btn):not(.link):after,table:not(.table--email) td a:not(.btn):not(.link):after{display:none}p a:not(.btn):not(.link) [class*=fa-],ul a:not(.btn):not(.link) [class*=fa-],ol a:not(.btn):not(.link) [class*=fa-],dd a:not(.btn):not(.link) [class*=fa-],.body a:not(.btn):not(.link) [class*=fa-],table:not(.table--email) td a:not(.btn):not(.link) [class*=fa-]{margin:0;display:inline;--fa-display: inline}p a:not(.btn):not(.link) [class*=fa-]:after,ul a:not(.btn):not(.link) [class*=fa-]:after,ol a:not(.btn):not(.link) [class*=fa-]:after,dd a:not(.btn):not(.link) [class*=fa-]:after,.body a:not(.btn):not(.link) [class*=fa-]:after,table:not(.table--email) td a:not(.btn):not(.link) [class*=fa-]:after{content:"\xA0"}p a:not(.btn):not(.link):not([disabled]):is(:hover,:focus,.hover,:focus-within),ul a:not(.btn):not(.link):not([disabled]):is(:hover,:focus,.hover,:focus-within),ol a:not(.btn):not(.link):not([disabled]):is(:hover,:focus,.hover,:focus-within),dd a:not(.btn):not(.link):not([disabled]):is(:hover,:focus,.hover,:focus-within),.body a:not(.btn):not(.link):not([disabled]):is(:hover,:focus,.hover,:focus-within),table:not(.table--email) td a:not(.btn):not(.link):not([disabled]):is(:hover,:focus,.hover,:focus-within){color:var(--colour-hover);text-decoration:none}p a:not(.btn):not(.link):not([disabled]):is(:active,.active),ul a:not(.btn):not(.link):not([disabled]):is(:active,.active),ol a:not(.btn):not(.link):not([disabled]):is(:active,.active),dd a:not(.btn):not(.link):not([disabled]):is(:active,.active),.body a:not(.btn):not(.link):not([disabled]):is(:active,.active),table:not(.table--email) td a:not(.btn):not(.link):not([disabled]):is(:active,.active){color:var(--colour-active);text-decoration:none;filter:brightness(85%)}:is(a,button,label):has(.card,iam-card){border:none;background:none;padding:0;display:flex;margin-bottom:1.5rem;outline:none !important;text-decoration:none}:is(a,button,label):has(.card,iam-card):before{display:none}:is(a,button,label):has(.card,iam-card):not([class*=col]){margin:0 0 1.5rem 0}:is(a,button,label):has(.card,iam-card):not(.d-inline-block):not([class*=col]){width:100%}:is(a,button,label):has(.card,iam-card) iam-card{width:100%}}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]){position:relative}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]):before{content:"";display:block;background-color:var(--video-btn-colour, var(--colour-success));height:3rem;width:3rem;position:absolute;top:calc(50% - 1.5rem);left:calc(50% - 1.5rem);z-index:2;border-radius:1.5rem}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]):after{--icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/></svg>");content:"";display:block;height:1rem;width:1rem;position:absolute;top:calc(50% - .5rem);left:calc(50% - .4rem);z-index:5;background:var(--colour-primary-theme);mask-image:var(--icon);mask-size:80%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon);-webkit-mask-size:80%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]):is(:hover,:focus){--video-btn-colour: var(--colour-canvas)}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]):is(:active){--video-btn-colour: color-mix(in oklab, var(--colour-success), #000000 20%) !important}iam-collapsible-side>*{padding-left:1.5rem}@media screen and (min-width: 36em){iam-collapsible-side>*{padding-left:2.5rem}}@media screen and (min-width: 62em){iam-collapsible-side>*{padding-left:var(--container-padding-x-md)}}iam-collapsible-side hr{border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important}.vertical-tabs [class*=link],iam-collapsible-side [class*=link]{display:block !important;line-height:1.25rem !important;padding:1rem 1.5rem 1rem 1.5rem !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important;text-decoration:none !important;border-bottom:2px solid var(--colour-border) !important;border-right:2px solid var(--colour-border) !important;margin-right:-2.5rem !important;z-index:2}.vertical-tabs [class*=link]::after,iam-collapsible-side [class*=link]::after{display:none !important}.vertical-tabs [class*=link] i,iam-collapsible-side [class*=link] i{margin-right:0.5rem !important}@media screen and (min-width: 36em){.vertical-tabs [class*=link],iam-collapsible-side [class*=link]{padding-left:1.5rem !important}}@media screen and (min-width: 62em){.vertical-tabs [class*=link],iam-collapsible-side [class*=link]{padding-left:var(--container-padding-x-md) !important}}.vertical-tabs a:hover,.vertical-tabs a:focus,.vertical-tabs a[aria-expanded],iam-collapsible-side a:hover,iam-collapsible-side a:focus,iam-collapsible-side a[aria-expanded]{background-color:var(--colour-activeLink) !important}.vertical-tabs [class*=active],iam-collapsible-side [class*=active]{background-color:var(--colour-activeLink) !important;border-right-color:var(--colour-activeLinkBorder) !important;border-right-width:3px !important}.vertical-tabs .parent,iam-collapsible-side .parent{margin:0 !important;padding:0 !important;list-style:none}.vertical-tabs .parent li:first-of-type,iam-collapsible-side .parent li:first-of-type{cursor:pointer}.vertical-tabs .parent li:first-of-type a,iam-collapsible-side .parent li:first-of-type a{padding-right:2.5rem !important}.vertical-tabs .parent li:first-of-type a::before,iam-collapsible-side .parent li:first-of-type a::before{position:absolute;display:block;content:"\uF055";font-family:"Font Awesome 6 Pro";right:20px;font-weight:300}.vertical-tabs .parent li:not(:first-of-type),iam-collapsible-side .parent li:not(:first-of-type){display:none}.vertical-tabs .parent li:not(:first-of-type) a,iam-collapsible-side .parent li:not(:first-of-type) a{background-color:var(--colour-light) !important;padding-left:5.625rem !important}.vertical-tabs .parent.reveal li:first-of-type a::before,iam-collapsible-side .parent.reveal li:first-of-type a::before{content:"\uF056";font-weight:500}.vertical-tabs .parent.reveal li:not(:first-of-type),iam-collapsible-side .parent.reveal li:not(:first-of-type){display:block}@media screen and (min-width: 36em){.vertical-tabs .parent li:not(:first-of-type) a,iam-collapsible-side .parent li:not(:first-of-type) a{padding-left:5.625rem !important}}@layer elements{*,*::before,*::after{box-sizing:border-box}button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[role=button]{cursor:pointer}button:focus:not(:focus-visible){outline:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 0.125rem;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:500;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}.btn:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.btn:not(:last-child){margin-right:var(--btn-margin)}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.colour-success{--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success:before,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active):before{content:"\uF00C";font-family:"Font Awesome 6 Pro";margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn[class*=fa-]:before{content:var(--fa);font-family:"Font Awesome 6 Pro";line-height:1em}.btn.btn[class*=fa-after]{padding-right:4rem}.btn.btn[class*=fa-after]:before{margin-right:0;margin-right:0.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}.btn:not(.btn-compact):before{margin-right:1rem}.btn i[class*=fa-]{font-family:"Font Awesome 6 Pro";margin-right:1rem;line-height:1em;font-style:inherit}.btn i[class*=fa-]:not(:first-child){margin-left:1rem;margin-right:0}.btn.btn--prompt:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt:after,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active):after{margin-left:1.5rem;margin-right:-0.5rem}.btn:has(select){position:relative;padding-right:3.5rem}.btn:has(select) select{all:unset !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:3.5rem !important;margin-right:-3.5rem !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;max-width:100% !important;outline:none;font-weight:500;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important}.btn:has(select) select option{padding:0;text-align:left;color:var(--colour-primary)}.btn:has(select):after{position:absolute;top:0.625rem;right:2rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}.btn:has(select).active:after{transform:rotate(-90deg)}.btn:has(select:focus):after{transform:rotate(-90deg)}.btn-filter:after{content:"\uF1DE";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:"Font Awesome 6 Pro"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.btn-secondary:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:rgba(0,0,0,0);border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative}.btn.btn-tertiary:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}.btn.btn-tertiary.text-decoration-none:after{width:0%}.btn.btn-tertiary [class*=fa-]{margin-left:0;margin-right:.5rem}.btn.btn-tertiary [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}.btn.btn-tertiary:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action{border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) .btn-action,.btn-action:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}.btn:has(select){padding-block:0;padding-right:2rem}.btn:has(select) select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important}.btn:has(select):after{top:.2rem;right:0.5rem}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem}.btn-compact:not(:last-child){margin-right:0.5rem}.btn-compact{text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.btn-compact:before{content:var(--fa);position:absolute;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - 0.25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - 0.25rem)}@container style(--theme: dark){.btn-compact[class*=fa-]:before{color:#fff}}.btn-compact.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}.btn-compact.btn-action{--compact-size: 2rem;font-size:1rem}.btn-compact.btn-action:before{font-size:1em;font-weight:400}.btn-compact.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:rgba(0,0,0,0)}.btn-compact.btn-secondary:not([class*=colour-]){--colour: var(--colour-light)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse):is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}.btn-compact[data-number]{position:relative}.btn-compact[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:#fff;letter-spacing:-0.1em;font-family:arial,sans-serif}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-inverted) !important;color:var(--colour-inverted)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme) !important}}.btn[popovertarget]{position:relative;anchor-name:--button2}.btn[popovertarget]>.fa-chevron-down{display:none}.btn[popovertarget]:after{content:"";display:inline-block;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}.btn[popovertarget][aria-pressed]:after{transform:rotate(270deg)}*:not(main):has(>iam-tabs){container-type:inline-size}iam-tabs{--colour-tab-underline: var(--colour-info)}iam-tabs details:not([open]){padding-bottom:0}iam-tabs .tabs__dropdown{display:none;width:fit-content}iam-tabs:is(.tabs--dropdown) .tabs__dropdown{display:block}iam-tabs:is(.tabs--dropdown)::part(wrapper){display:none}@container (min-width: 62em){iam-tabs:is(.tabs--dropdown) .tabs__dropdown{display:none}iam-tabs:is(.tabs--dropdown)::part(wrapper){display:block}}iam-tabs::part(next-button){display:none}@container (width > 62em){iam-tabs.tabs--guided::part(next-button){position:absolute;top:9.375rem;right:0;display:block}}iam-tabs.tabs--guided::part(next-button):not(:hover){background:var(--colour-success)}.tabs:not(.admin-panel){position:relative}.tabs:not(.admin-panel) .tabs__links__wrapper{position:relative;margin:0 auto 2rem}.tabs:not(.admin-panel) .tabs__links__wrapper:after{content:"";left:50%;position:relative;height:1px;width:100vw;background-color:var(--colour-border);transform:translate(-50%, 0);display:block;clear:both}.tabs.admin-panel .tabs__links__wrapper:after{display:none}.tabs:not(.admin-panel) .tabs__links{-webkit-mask-image:linear-gradient(to right, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to right, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.tabs__links{scroll-snap-type:x mandatory;padding-bottom:3px;position:relative;display:flex;flex-wrap:nowrap;width:auto;margin:0 -1.5rem;overflow-y:clip;overflow-x:auto}.tabs__links::-webkit-scrollbar{display:none}.tabs__links .link{white-space:nowrap;scroll-snap-align:start;scroll-margin-left:var(--container-padding)}.tabs__links .link:not(.text-decoration-none):not(.btn){--is-current: 0;font-weight:bold;font-family:var(--font-heading);font-size:1.125rem;cursor:pointer;margin:0;padding:1.5rem 1.5rem .5rem 1.5rem;display:inline-block}.tabs__links .link:not(.text-decoration-none):not(.btn).disabled{cursor:not-allowed;opacity:.4}.tabs__links .link:not(.text-decoration-none):not(.btn):last-child{margin-inline-end:0}.tabs__links .link:not(.text-decoration-none):not(.btn):after{position:absolute;content:"";bottom:0;left:50%;height:3px;width:100%;transform:translate(-50%, 0) scale(0, 0);background:var(--colour-tab-underline, var(--colour-info));transition:transform .4s}.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):hover:after,.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):focus:after,.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled).focus:after{transform:translate(-50%, 0) scale(0.6, 1)}.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):is([aria-pressed=true],:active,.current,.active):after{transform:translate(-50%, 0) scale(1, 1)}.tabs__links .link:not(.text-decoration-none):not(.btn):is([aria-pressed=true],.current){pointer-events:none;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary-theme) !important}@media(min-width: 576px){.tabs__links .link:not(.text-decoration-none):not(.btn){padding:2rem 2rem .5rem 2rem}.tabs__links__wrapper{margin:0 auto 2.5rem}}.admin-panel :is(.admin-panel__links,.tabs__links){padding:0;margin:calc(var(--padding-top)*-1) calc(var(--padding-x)*-1) var(--padding-top) calc(var(--padding-x)*-1);border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;display:flex;flex-direction:column;border-bottom:1px solid var(--colour-border);overflow:hidden;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary)}.admin-panel :is(.admin-panel__links,.tabs__links):after{display:none}@media screen and (min-width: 36em){.admin-panel :is(.admin-panel__links,.tabs__links){flex-direction:row}}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn){margin:0;padding:1rem var(--padding-x);width:100%;position:relative;text-align:left;flex-grow:1;--gradient-direction: -90deg;background-color:var(--colour-success)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not([class*=bg-]){background-image:linear-gradient(var(--gradient-direction), var(--colour-info) 0, transparent 100%)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):is(.current,[aria-pressed=true]){color:var(--colour-primary-theme)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not(.current,[aria-pressed=true]){background:var(--colour-canvas-2) !important}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):after{display:none}@media screen and (min-width: 36em){.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn){margin:0}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not(:first-child){border-left:1px solid var(--colour-border) !important}}.admin-panel :is(.admin-panel__links,.tabs__links) .link:is(.current,[aria-pressed=true]){pointer-events:none}@media screen and (min-width: 36em){:host(.tabs--inline) .tabs__links{margin:0;justify-content:center}:host(.tabs--inline) .tabs__links__wrapper:after{width:100%}}:host{background:rgba(0,0,0,0)}/*# sourceMappingURL=assets/css/components/tabs.component.css.map */
|
|
7
|
+
@layer elements{a{color:var(--link-color);text-decoration:underline}a:hover{color:var(--link-hover-color)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}a{color:var(--colour-link)}a:is(:hover,:focus,.hover,:focus-within){color:var(--colour-hover)}a:is(:active,.active){color:var(--colour-active)}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))),.link{background-color:rgba(0,0,0,0);text-decoration:none;display:inline-block;border:none;color:var(--colour-link);margin:0 1.5rem 1.5rem 0;padding:0;font-size:1.125rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:bold}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))):not(.text-decoration-none):after,.link:not(.text-decoration-none):after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))):not(.text-decoration-none).text-underline-plain:after,.link:not(.text-decoration-none).text-underline-plain:after{background:currentColor}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))) [class*=fa-],.link [class*=fa-]{margin-left:0;margin-right:.5rem}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))) [class*=fa-]:not(:first-child),.link [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))):not([disabled]):is(:hover,:focus,.hover,:active,.active,:focus-within):after,.link:not([disabled]):is(:hover,:focus,.hover,:active,.active,:focus-within):after{width:60%}a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card)))[disabled],.link[disabled]{opacity:.4;cursor:not-allowed}p a:not(.btn):not(.link),ul a:not(.btn):not(.link),ol a:not(.btn):not(.link),dd a:not(.btn):not(.link),.body a:not(.btn):not(.link),table:not(.table--email) td a:not(.btn):not(.link){min-height:none;display:inline;margin:0;text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:.125rem;font-size:inherit}p a:not(.btn):not(.link):after,ul a:not(.btn):not(.link):after,ol a:not(.btn):not(.link):after,dd a:not(.btn):not(.link):after,.body a:not(.btn):not(.link):after,table:not(.table--email) td a:not(.btn):not(.link):after{display:none}p a:not(.btn):not(.link) [class*=fa-],ul a:not(.btn):not(.link) [class*=fa-],ol a:not(.btn):not(.link) [class*=fa-],dd a:not(.btn):not(.link) [class*=fa-],.body a:not(.btn):not(.link) [class*=fa-],table:not(.table--email) td a:not(.btn):not(.link) [class*=fa-]{margin:0;display:inline;--fa-display: inline}p a:not(.btn):not(.link) [class*=fa-]:after,ul a:not(.btn):not(.link) [class*=fa-]:after,ol a:not(.btn):not(.link) [class*=fa-]:after,dd a:not(.btn):not(.link) [class*=fa-]:after,.body a:not(.btn):not(.link) [class*=fa-]:after,table:not(.table--email) td a:not(.btn):not(.link) [class*=fa-]:after{content:"\xA0"}p a:not(.btn):not(.link):not([disabled]):is(:hover,:focus,.hover,:focus-within),ul a:not(.btn):not(.link):not([disabled]):is(:hover,:focus,.hover,:focus-within),ol a:not(.btn):not(.link):not([disabled]):is(:hover,:focus,.hover,:focus-within),dd a:not(.btn):not(.link):not([disabled]):is(:hover,:focus,.hover,:focus-within),.body a:not(.btn):not(.link):not([disabled]):is(:hover,:focus,.hover,:focus-within),table:not(.table--email) td a:not(.btn):not(.link):not([disabled]):is(:hover,:focus,.hover,:focus-within){color:var(--colour-hover);text-decoration:none}p a:not(.btn):not(.link):not([disabled]):is(:active,.active),ul a:not(.btn):not(.link):not([disabled]):is(:active,.active),ol a:not(.btn):not(.link):not([disabled]):is(:active,.active),dd a:not(.btn):not(.link):not([disabled]):is(:active,.active),.body a:not(.btn):not(.link):not([disabled]):is(:active,.active),table:not(.table--email) td a:not(.btn):not(.link):not([disabled]):is(:active,.active){color:var(--colour-active);text-decoration:none;filter:brightness(85%)}:is(a,button,label):has(.card,iam-card){border:none;background:none;padding:0;display:flex;margin-bottom:1.5rem;outline:none !important;text-decoration:none}:is(a,button,label):has(.card,iam-card):before{display:none}:is(a,button,label):has(.card,iam-card):not([class*=col]){margin:0 0 1.5rem 0}:is(a,button,label):has(.card,iam-card):not(.d-inline-block):not([class*=col]){width:100%}:is(a,button,label):has(.card,iam-card) iam-card{width:100%}}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]){position:relative}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]):before{content:"";display:block;background-color:var(--video-btn-colour, var(--colour-success));height:3rem;width:3rem;position:absolute;top:calc(50% - 1.5rem);left:calc(50% - 1.5rem);z-index:2;border-radius:1.5rem}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]):after{--icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/></svg>");content:"";display:block;height:1rem;width:1rem;position:absolute;top:calc(50% - .5rem);left:calc(50% - .4rem);z-index:5;background:var(--colour-primary-theme);mask-image:var(--icon);mask-size:80%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon);-webkit-mask-size:80%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]):is(:hover,:focus){--video-btn-colour: var(--colour-canvas)}:is(.youtube-link[data-youtube],.vimeo-link[data-vimeo]):is(:active){--video-btn-colour: color-mix(in oklab, var(--colour-success), #000000 20%) !important}iam-collapsible-side>*{padding-left:1.5rem}@media screen and (min-width: 36em){iam-collapsible-side>*{padding-left:2.5rem}}@media screen and (min-width: 62em){iam-collapsible-side>*{padding-left:var(--container-padding-x-md)}}iam-collapsible-side hr{border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important}.vertical-tabs [class*=link],iam-collapsible-side [class*=link]{display:block !important;line-height:1.25rem !important;padding:1rem 1.5rem 1rem 1.5rem !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important;text-decoration:none !important;border-bottom:2px solid var(--colour-border) !important;border-right:2px solid var(--colour-border) !important;margin-right:-2.5rem !important;z-index:2}.vertical-tabs [class*=link]::after,iam-collapsible-side [class*=link]::after{display:none !important}.vertical-tabs [class*=link] i,iam-collapsible-side [class*=link] i{margin-right:0.5rem !important}@media screen and (min-width: 36em){.vertical-tabs [class*=link],iam-collapsible-side [class*=link]{padding-left:1.5rem !important}}@media screen and (min-width: 62em){.vertical-tabs [class*=link],iam-collapsible-side [class*=link]{padding-left:var(--container-padding-x-md) !important}}.vertical-tabs a:hover,.vertical-tabs a:focus,.vertical-tabs a[aria-expanded],iam-collapsible-side a:hover,iam-collapsible-side a:focus,iam-collapsible-side a[aria-expanded]{background-color:var(--colour-activeLink) !important}.vertical-tabs [class*=active],iam-collapsible-side [class*=active]{background-color:var(--colour-activeLink) !important;border-right-color:var(--colour-activeLinkBorder) !important;border-right-width:3px !important}.vertical-tabs .parent,iam-collapsible-side .parent{margin:0 !important;padding:0 !important;list-style:none}.vertical-tabs .parent li:first-of-type,iam-collapsible-side .parent li:first-of-type{cursor:pointer}.vertical-tabs .parent li:first-of-type a,iam-collapsible-side .parent li:first-of-type a{padding-right:2.5rem !important}.vertical-tabs .parent li:first-of-type a::before,iam-collapsible-side .parent li:first-of-type a::before{position:absolute;display:block;content:"\uF055";font-family:"Font Awesome 6 Pro";right:20px;font-weight:300}.vertical-tabs .parent li:not(:first-of-type),iam-collapsible-side .parent li:not(:first-of-type){display:none}.vertical-tabs .parent li:not(:first-of-type) a,iam-collapsible-side .parent li:not(:first-of-type) a{background-color:var(--colour-light) !important;padding-left:5.625rem !important}.vertical-tabs .parent.reveal li:first-of-type a::before,iam-collapsible-side .parent.reveal li:first-of-type a::before{content:"\uF056";font-weight:bold}.vertical-tabs .parent.reveal li:not(:first-of-type),iam-collapsible-side .parent.reveal li:not(:first-of-type){display:block}@media screen and (min-width: 36em){.vertical-tabs .parent li:not(:first-of-type) a,iam-collapsible-side .parent li:not(:first-of-type) a{padding-left:5.625rem !important}}@layer elements{*,*::before,*::after{box-sizing:border-box}button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[role=button]{cursor:pointer}button:focus:not(:focus-visible){outline:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 0.125rem;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}.btn:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.btn:not(:last-child){margin-right:var(--btn-margin)}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.colour-success{--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success:before,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active):before{content:"\uF00C";font-family:"Font Awesome 6 Pro";margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn[class*=fa-]:before{content:var(--fa);font-family:"Font Awesome 6 Pro";line-height:1em}.btn.btn[class*=fa-after]{padding-right:4rem}.btn.btn[class*=fa-after]:before{margin-right:0;margin-right:0.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}.btn:not(.btn-compact):before{margin-right:1rem}.btn i[class*=fa-]{font-family:"Font Awesome 6 Pro";margin-right:1rem;line-height:1em;font-style:inherit}.btn i[class*=fa-]:not(:first-child){margin-left:1rem;margin-right:0}.btn.btn--prompt:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt:after,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active):after{margin-left:1.5rem;margin-right:-0.5rem}.btn:has(select){position:relative;padding:0}.btn:has(select) select{all:unset !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:calc(var(--btn-padding-inline) + 2rem) !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;outline:none;font-weight:bold;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important}.btn:has(select) select option{padding:0;text-align:left;color:var(--colour-primary)}.btn:has(select):after{position:absolute;top:0.625rem;right:1.5rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}.btn:has(select).active:after{transform:rotate(-90deg)}.btn:has(select:focus):after{transform:rotate(-90deg)}.btn-filter:after{content:"\uF1DE";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:"Font Awesome 6 Pro"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.btn-secondary:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:rgba(0,0,0,0);border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative}.btn.btn-tertiary:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}.btn.btn-tertiary.text-decoration-none:after{width:0%}.btn.btn-tertiary [class*=fa-]{margin-left:0;margin-right:.5rem}.btn.btn-tertiary [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}.btn.btn-tertiary:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action{border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) .btn-action,.btn-action:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}.btn-action:has(select){padding-block:0;padding-right:2rem}.btn-action:has(select) select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important}.btn-action:has(select):after{top:.2rem;right:0.5rem}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem}.btn-compact:not(:last-child){margin-right:0.5rem}.btn-compact{text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.btn-compact:before{content:var(--fa);position:absolute;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - 0.25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - 0.25rem)}@container style(--theme: dark){.btn-compact[class*=fa-]:before{color:#fff}}.btn-compact.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}.btn-compact.btn-action{--compact-size: 2rem;font-size:1rem}.btn-compact.btn-action:before{font-size:1em;font-weight:400}.btn-compact.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:rgba(0,0,0,0)}.btn-compact.btn-secondary:not([class*=colour-]){--colour: var(--colour-light)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse):is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}.btn-compact[data-number]{position:relative}.btn-compact[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:#fff;letter-spacing:-0.1em;font-family:arial,sans-serif}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-white) !important;border-color:var(--colour-white) !important;color:var(--colour-heading)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-white) !important;color:var(--colour-white)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-white) !important;border-color:var(--colour-white) !important;color:var(--colour-heading) !important}}.btn[popovertarget]{position:relative;anchor-name:--button2}.btn[popovertarget]>.fa-chevron-down{display:none}.btn[popovertarget]:after{content:"";display:inline-block;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}.btn[popovertarget][aria-pressed]:after{transform:rotate(270deg)}*:not(main):has(>iam-tabs){container-type:inline-size}iam-tabs{--colour-tab-underline: var(--colour-info)}iam-tabs details:not([open]){padding-bottom:0}iam-tabs .tabs__dropdown{display:none;width:fit-content}iam-tabs:is(.tabs--dropdown) .tabs__dropdown{display:block}iam-tabs:is(.tabs--dropdown)::part(wrapper){display:none}@container (min-width: 62em){iam-tabs:is(.tabs--dropdown) .tabs__dropdown{display:none}iam-tabs:is(.tabs--dropdown)::part(wrapper){display:block}}iam-tabs::part(next-button){display:none}@container (width > 62em){iam-tabs.tabs--guided::part(next-button){position:absolute;top:9.375rem;right:0;display:block}}iam-tabs.tabs--guided::part(next-button):not(:hover){background:var(--colour-success)}.tabs:not(.admin-panel){position:relative}.tabs:not(.admin-panel) .tabs__links__wrapper{position:relative;margin:0 auto 2rem}.tabs:not(.admin-panel) .tabs__links__wrapper:after{content:"";left:50%;position:relative;height:1px;width:100vw;background-color:var(--colour-border);transform:translate(-50%, 0);display:block;clear:both}.tabs.admin-panel .tabs__links__wrapper:after{display:none}.tabs:not(.admin-panel) .tabs__links{-webkit-mask-image:linear-gradient(to right, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to right, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.tabs__links{scroll-snap-type:x mandatory;padding-bottom:3px;position:relative;display:flex;flex-wrap:nowrap;width:auto;margin:0 -1.5rem;overflow-y:clip;overflow-x:auto}.tabs__links::-webkit-scrollbar{display:none}.tabs__links .link{white-space:nowrap;scroll-snap-align:start;scroll-margin-left:var(--container-padding)}.tabs__links .link:not(.text-decoration-none):not(.btn){--is-current: 0;font-weight:bold;font-family:var(--font-heading);font-size:1.125rem;cursor:pointer;margin:0;padding:1.5rem 1.5rem .5rem 1.5rem;display:inline-block}.tabs__links .link:not(.text-decoration-none):not(.btn).disabled{cursor:not-allowed;opacity:.4}.tabs__links .link:not(.text-decoration-none):not(.btn):last-child{margin-inline-end:0}.tabs__links .link:not(.text-decoration-none):not(.btn):after{position:absolute;content:"";bottom:0;left:50%;height:3px;width:100%;transform:translate(-50%, 0) scale(0, 0);background:var(--colour-tab-underline, var(--colour-info));transition:transform .4s}.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):hover:after,.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):focus:after,.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled).focus:after{transform:translate(-50%, 0) scale(0.6, 1)}.tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):is([aria-pressed=true],:active,.current,.active):after{transform:translate(-50%, 0) scale(1, 1)}.tabs__links .link:not(.text-decoration-none):not(.btn):is([aria-pressed=true],.current){pointer-events:none;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary-theme) !important}@media(min-width: 576px){.tabs__links .link:not(.text-decoration-none):not(.btn){padding:2rem 2rem .5rem 2rem}.tabs__links__wrapper{margin:0 auto 2.5rem}}.admin-panel :is(.admin-panel__links,.tabs__links){padding:0;margin:calc(var(--padding-top)*-1) calc(var(--padding-x)*-1) var(--padding-top) calc(var(--padding-x)*-1);border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;display:flex;flex-direction:column;border-bottom:1px solid var(--colour-border);overflow:hidden;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary)}.admin-panel :is(.admin-panel__links,.tabs__links):after{display:none}@media screen and (min-width: 36em){.admin-panel :is(.admin-panel__links,.tabs__links){flex-direction:row}}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn){margin:0;padding:1rem var(--padding-x);width:100%;position:relative;text-align:left;flex-grow:1;--gradient-direction: -90deg;background-color:var(--colour-success)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not([class*=bg-]){background-image:linear-gradient(var(--gradient-direction), var(--colour-info) 0, transparent 100%)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):is(.current,[aria-pressed=true]){color:var(--colour-primary-theme)}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not(.current,[aria-pressed=true]){background:var(--colour-canvas-2) !important}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):after{display:none}@media screen and (min-width: 36em){.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn){margin:0}.admin-panel :is(.admin-panel__links,.tabs__links) .link:not(.text-decoration-none):not(.btn):not(:first-child){border-left:1px solid var(--colour-border) !important}}.admin-panel :is(.admin-panel__links,.tabs__links) .link:is(.current,[aria-pressed=true]){pointer-events:none}@media screen and (min-width: 36em){:host(.tabs--inline) .tabs__links{margin:0;justify-content:center}:host(.tabs--inline) .tabs__links__wrapper:after{width:100%}}:host{background:rgba(0,0,0,0)}/*# sourceMappingURL=assets/css/components/tabs.component.css.map */
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
:host(.admin-panel){
|
|
11
|
-
display: contents!important;
|
|
12
|
-
}
|
|
13
9
|
|
|
14
10
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
15
11
|
</style>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.component.min.js","sources":["../../modules/helpers.js","../../modules/tabs.js","tabs.component.js"],"sourcesContent":["/**\n * Global helper functions to help maintain and enhance framework elements.\n * @module Helpers\n */\n/**\n * Add global classes used by the CSS and later JavaScript.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addBodyClasses = (body) => {\n body.classList.add('js-enabled');\n if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {\n body.classList.add('ie');\n }\n};\n/**\n * Add global events.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addGlobalEvents = (body) => {\n const checkElements = function (hash) {\n const label = document.querySelector(`label[for=\"${hash.replace('#', '')}\"]`);\n const summary = document.querySelector(hash + ' summary');\n const dialog = document.querySelector(`dialog${hash}`);\n const detail = document.querySelector(`detail${hash}`);\n if (label instanceof HTMLElement)\n label.click();\n else if (summary instanceof HTMLElement)\n summary.click();\n else if (dialog instanceof HTMLElement)\n dialog.showModal();\n else if (detail instanceof HTMLElement)\n detail.addAttribute('open');\n };\n if (location.hash)\n checkElements(location.hash);\n window.addEventListener('hashchange', function () {\n checkElements(location.hash);\n }, false);\n addEventListener('popstate', (event) => {\n if (event && event.state && event.state.type && event.state.type == 'pagination') {\n const form = document.querySelector(`#${event.state.form}`);\n const pageInput = document.querySelector(`#${event.state.form} [data-pagination]`);\n if (pageInput)\n pageInput.value = event.state.page;\n else\n form.innerHTML += `<input name=\"page\" type=\"hidden\" data-pagination=\"true\" value=\"${event.state.page}\" />`;\n form.dispatchEvent(new Event('submit'));\n }\n });\n Array.from(document.querySelectorAll('form')).forEach((form) => {\n form.addEventListener('submit', (event) => {\n var _a;\n if (form.querySelector(':invalid')) {\n form.classList.add('was-validated');\n (_a = form === null || form === void 0 ? void 0 : form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();\n event.preventDefault();\n }\n });\n });\n document.addEventListener('click', (event) => {\n var _a;\n if (event && event.target instanceof HTMLElement && event.target.matches('form button:not([type=button])')) {\n const form = event.target.closest('form');\n // Reset password types\n Array.from(form.querySelectorAll('[data-password-type]')).forEach((input) => {\n input.setAttribute('type', 'password');\n });\n if (form.querySelector(':invalid') ||\n form.querySelector('.pwd-checker[data-strength=\"1\"]') ||\n form.querySelector('.pwd-checker[data-strength=\"2\"]')) {\n form.classList.add('was-validated');\n (_a = form === null || form === void 0 ? void 0 : form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();\n event.preventDefault();\n }\n if (form.querySelector('iam-multiselect[data-is-required][data-error]')) {\n form.classList.add('was-validated');\n event.preventDefault();\n }\n }\n });\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') {\n if (document.querySelector('.dialog--transactional[open], .dialog--acknowledgement[open]')) {\n e.preventDefault();\n e.stopPropagation();\n }\n }\n });\n Array.from(document.querySelectorAll('label progress')).forEach((progress) => {\n const label = progress.closest('label');\n label.setAttribute('data-percent', progress.getAttribute('value'));\n });\n};\nexport const isNumeric = function (str) {\n if (typeof str != 'string')\n return false; // we only process strings!\n return (!isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...\n !isNaN(parseFloat(str))); // ...and ensure strings of whitespace fail\n};\nexport const zeroPad = (num, places) => String(num).padStart(places, '0');\nexport const ucfirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nexport const ucwords = (str) => str\n .split(' ')\n .map((s) => ucfirst(s))\n .join(' ');\nexport const unsnake = (str) => str.replace(/_/g, ' ');\nexport const snake = (str) => str.replace(/ /g, '_');\nexport const safeID = function (str) {\n str = str.toLowerCase();\n str = snake(str);\n str = str.replace(/\\W/g, '');\n return str;\n};\nexport const numberOfDays = function (startDateString, endDateString) {\n const convertStart = startDateString.split('/');\n const convertEnd = endDateString.split('/');\n const dateStart = new Date(convertStart[1] + '/' + convertStart[0] + '/' + convertStart[2]);\n const dateEnd = new Date(convertEnd[1] + '/' + convertEnd[0] + '/' + convertEnd[2]);\n if (dateStart == 'Invalid Date')\n throw 'Start date is not a valid date';\n if (dateEnd == 'Invalid Date')\n throw 'End date is not a valid date';\n // To calculate the time difference of two dates\n const diffTime = dateEnd.getTime() - dateStart.getTime();\n const numberOfDays = diffTime / (1000 * 3600 * 24) + 1;\n if (numberOfDays < 0)\n throw 'The start date should be before the end date';\n return numberOfDays;\n};\n// Used to get values from nested json objects\nexport const resolvePath = (object, path, defaultValue) => path\n // eslint-disable-next-line no-useless-escape\n .split(/[\\.\\[\\]\\'\\\"]/)\n .filter((p) => p)\n .reduce((o, p) => (o ? o[p] : defaultValue), object);\nexport const isTraversable = (o) => Array.isArray(o) || (o !== null && ['function', 'object'].includes(typeof o));\nexport const getSwipeDirection = (touchstartX, touchstartY, touchendX, touchendY) => {\n const limit = Math.tan(((45 * 1.5) / 180) * Math.PI);\n const pageWidth = window.innerWidth || document.body.clientWidth;\n const treshold = Math.max(1, Math.floor(0.01 * pageWidth));\n const x = touchendX - touchstartX;\n const y = touchendY - touchstartY;\n const xy = Math.abs(x / y);\n const yx = Math.abs(y / x);\n if (Math.abs(x) > treshold || Math.abs(y) > treshold) {\n if (yx <= limit) {\n if (x < 0) {\n return 'left';\n }\n else {\n return 'right';\n }\n }\n if (xy <= limit) {\n if (y < 0) {\n return 'top';\n }\n else {\n return 'bottom';\n }\n }\n }\n else {\n return 'tap';\n }\n};\nexport const uniqueID = (index = 1) => {\n const ID = Math.floor(Math.random() * Date.now() * (index + 1));\n return ID;\n};\nexport const isValidPostcode = (searchValue) => {\n const regexp = /^([A-Z][A-HJ-Y]?[0-9][A-Z0-9]? ?[0-9][A-Z]{2}|GIR ?0A{2})$/gmi;\n return regexp.test(searchValue.trim());\n};\n","import { getSwipeDirection } from './helpers.js';\nexport const createTabsLinks = function (tabsElement) {\n const detailsORLinks = tabsElement.querySelectorAll(':scope > details, :scope > a');\n let tabLinks = tabsElement.querySelector(':scope > .tabs__links');\n let tabDropdown = tabsElement.querySelector(':scope .tabs__dropdown');\n if (tabsElement.shadowRoot && tabsElement.shadowRoot.querySelector('.tabs__links'))\n tabLinks = tabsElement.shadowRoot.querySelector('.tabs__links');\n if (!tabLinks) {\n tabLinks = document.createElement('div');\n tabLinks.classList.add('tabs__links');\n const tabLinksWrapper = document.createElement('div');\n tabLinksWrapper.classList.add('tabs__links__wrapper');\n tabLinksWrapper.prepend(tabLinks);\n tabsElement.prepend(tabLinksWrapper);\n }\n if (!tabDropdown) {\n tabDropdown = document.createElement('select');\n tabDropdown.classList.add('tabs__dropdown');\n tabsElement.prepend(tabDropdown);\n }\n // Create the tab buttons from the summary titles\n let tabindex = 0;\n detailsORLinks.forEach((element) => {\n let button = document.createElement('button');\n const dropdownOpt = document.createElement('option');\n if (element.matches('details')) {\n const summary = element.querySelector(':scope > summary');\n const isDisabled = summary.classList.contains('disabled');\n summary.classList.add('visually-hidden');\n if (element.hasAttribute('id'))\n button.setAttribute('data-id', `${element.getAttribute('id')}`);\n if (element.hasAttribute('open')) {\n button.setAttribute('aria-pressed', true);\n }\n button.innerHTML = `${summary.innerText}`;\n button.classList.add('link');\n button.setAttribute('data-index', tabindex);\n button.setAttribute('part', 'tab-link');\n dropdownOpt.innerHTML = `${summary.innerText}`;\n dropdownOpt.value = summary.innerText.replace(/\\s+/g, '-').toLowerCase();\n dropdownOpt.setAttribute('data-index', tabindex);\n element.setAttribute('tabindex', '-1');\n if (isDisabled) {\n button.classList.add('disabled');\n }\n tabindex++;\n }\n else if (element.matches('a')) {\n button = element;\n }\n button.classList.add('link');\n tabLinks.appendChild(button);\n tabDropdown.appendChild(dropdownOpt);\n });\n};\nexport const setTabsEventHandlers = function (tabsElement) {\n const details = tabsElement.querySelectorAll(':scope > details');\n const summaries = tabsElement.querySelectorAll(':scope > details > summary');\n let buttonWrapper = tabsElement.querySelector(':scope .tabs__links');\n let buttons = tabsElement.querySelectorAll(':scope .tabs__links > button');\n const tabDropdown = tabsElement.querySelector(':scope .tabs__dropdown');\n let nextButton = tabsElement.querySelector(':scope .tabs__next');\n let scrollTimeout;\n window.isClicked = false;\n window.isScrolling = false;\n if (tabsElement.shadowRoot) {\n buttons = tabsElement.shadowRoot.querySelectorAll('.tabs__links > button');\n buttonWrapper = tabsElement.shadowRoot.querySelector('.tabs__links');\n nextButton = tabsElement.shadowRoot.querySelector('.tabs__next');\n }\n // Set the on click for the tab buttons, these will open the details box it matches too\n buttons.forEach((button) => {\n button.addEventListener('click', (e) => {\n e.preventDefault();\n window.isClicked = true;\n if (button.classList.contains('disabled'))\n return false;\n buttons.forEach((buttonLoopItem) => {\n const buttonPressed = buttonLoopItem == button ? true : false;\n buttonLoopItem.setAttribute('aria-pressed', buttonPressed);\n });\n buttonWrapper.scroll({\n top: 0,\n left: button.offsetLeft,\n behavior: 'smooth',\n });\n //Handles showing correct content\n toggleTab(details, button);\n // Data layer Open Event\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'openTab',\n tabTitle: button.textContent,\n });\n if (button.matches(':last-child')) {\n nextButton === null || nextButton === void 0 ? void 0 : nextButton.setAttribute('disabled', 'disabled');\n }\n else {\n nextButton === null || nextButton === void 0 ? void 0 : nextButton.removeAttribute('disabled');\n }\n });\n dropdownTabSelector(details, tabDropdown);\n });\n buttonWrapper.addEventListener('scrollend', () => {\n clearTimeout(scrollTimeout);\n scrollTimeout = setTimeout(function () {\n let buttonToClick = buttons[0];\n let closestOffset = Math.abs(buttonToClick.getBoundingClientRect().left);\n buttons.forEach((button) => {\n if (Math.abs(button.getBoundingClientRect().left) < closestOffset) {\n closestOffset = Math.abs(button.getBoundingClientRect().left);\n buttonToClick = button;\n }\n });\n if (window.isClicked) {\n window.isClicked = false;\n return false;\n }\n else {\n buttonToClick.click();\n }\n buttonToClick.focus();\n }, 500);\n });\n // Make sure we dont loose existing summary functionality\n summaries.forEach((summary, index) => {\n summary.addEventListener('click', (e) => {\n e.preventDefault();\n buttons[index].click();\n });\n });\n nextButton === null || nextButton === void 0 ? void 0 : nextButton.addEventListener('click', (e) => {\n e.preventDefault();\n const currentTab = buttonWrapper.querySelector('[aria-pressed=\"true\"]');\n const nextTab = currentTab.nextSibling;\n if (nextTab)\n nextTab.click();\n });\n if (tabsElement.classList.contains('tabs--guided')) {\n let touchstartX = 0;\n let touchstartY = 0;\n let touchendX = 0;\n let touchendY = 0;\n details.forEach((detail) => {\n detail.addEventListener('touchstart', (event) => {\n event.stopPropagation();\n touchstartX = event.changedTouches[0].screenX;\n touchstartY = event.changedTouches[0].screenY;\n });\n detail.addEventListener('touchend', (event) => {\n event.stopPropagation();\n touchendX = event.changedTouches[0].screenX;\n touchendY = event.changedTouches[0].screenY;\n const direction = getSwipeDirection(touchstartX, touchstartY, touchendX, touchendY);\n const currentTab = buttonWrapper.querySelector('[aria-pressed=\"true\"]');\n const nextTab = currentTab.nextSibling;\n const prevTab = currentTab.previousSibling;\n switch (direction) {\n case 'left':\n if (nextTab)\n nextTab.click();\n break;\n case 'right':\n if (prevTab)\n prevTab.click();\n break;\n }\n });\n });\n }\n};\nexport const toggleTab = function (details, button) {\n details.forEach((detail, detailsIndex) => {\n const detailsOpen = button.getAttribute('data-index') == detailsIndex ? true : false;\n if (detailsOpen)\n detail.setAttribute('open', detailsOpen);\n else\n detail.removeAttribute('open');\n });\n};\nexport const dropdownTabSelector = function (details, dropdown) {\n dropdown.addEventListener('change', (e) => {\n e.preventDefault();\n const selected = dropdown.options[dropdown.selectedIndex];\n toggleTab(details, selected);\n // Data layer Open Event\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'openTab',\n tabTitle: selected.innerText,\n });\n });\n};\nexport const openFirstTab = function (tabsElement) {\n if (!tabsElement.querySelector(':scope > details'))\n return false;\n const details = tabsElement.querySelectorAll(':scope > details');\n const buttons = tabsElement.shadowRoot.querySelectorAll('.tabs__links > button');\n if (location.hash &&\n tabsElement.shadowRoot.querySelector(`.tabs__links [data-id=\"${location.hash.replace('#', '')}\"]`)) {\n tabsElement.shadowRoot\n .querySelector(`[data-id=\"${location.hash.replace('#', '')}\"]`)\n .setAttribute('aria-pressed', true);\n tabsElement.querySelector(`details[id=\"${location.hash.replace('#', '')}\"]`).setAttribute('open', true);\n }\n else if (!tabsElement.querySelector(`details[open]`)) {\n details[0].setAttribute('open', true);\n buttons[0].setAttribute('aria-pressed', true);\n }\n};\nconst tabs = function (tabsElement) {\n createTabsLinks(tabsElement);\n setTabsEventHandlers(tabsElement);\n openFirstTab(tabsElement);\n};\nexport default tabs;\n","import tabs from '../../modules/tabs.js';\n// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n event: 'customElementRegistered',\n element: 'tabs',\n});\nclass iamTabs 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/tabs.component.css\";`;\n const template = document.createElement('template');\n template.innerHTML = `\n <style>\n \n ${loadCSS}\n\n :host(.admin-panel){\n display: contents!important;\n }\n \n ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n </style>\n <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\">\n <div class=\"tabs\" part=\"tabs\">\n <div class=\"tabs__dropdown\" part=\"tab-dropdown\"></div>\n\n <div class=\"tabs__links__wrapper\" part=\"wrapper\">\n <div class=\"tabs__links\" part=\"tab-links\"></div>\n </div>\n <slot></slot>\n <button part=\"next-button\" class=\"btn btn-secondary btn-sm btn-compact fa-regular fa-chevron-right tabs__next\">Next</button>\n </div>\n `;\n this.shadowRoot.appendChild(template.content.cloneNode(true));\n }\n connectedCallback() {\n const classList = this.classList.toString().replace('container', '');\n this.shadowRoot.querySelector('.tabs').setAttribute('class', `tabs ${classList}`);\n tabs(this);\n }\n}\nexport default iamTabs;\n"],"names":["getSwipeDirection","touchstartX","touchstartY","touchendX","touchendY","limit","pageWidth","treshold","x","y","xy","yx","createTabsLinks","tabsElement","detailsORLinks","tabLinks","tabDropdown","tabLinksWrapper","tabindex","element","button","dropdownOpt","summary","isDisabled","setTabsEventHandlers","details","summaries","buttonWrapper","buttons","nextButton","scrollTimeout","e","buttonLoopItem","buttonPressed","toggleTab","dropdownTabSelector","buttonToClick","closestOffset","index","nextTab","detail","event","direction","currentTab","prevTab","detailsIndex","detailsOpen","dropdown","selected","openFirstTab","tabs","iamTabs","template","classList"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"tabs.component.min.js","sources":["../../modules/helpers.js","../../modules/tabs.js","tabs.component.js"],"sourcesContent":["/**\n * Global helper functions to help maintain and enhance framework elements.\n * @module Helpers\n */\n/**\n * Add global classes used by the CSS and later JavaScript.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addBodyClasses = (body) => {\n body.classList.add('js-enabled');\n if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {\n body.classList.add('ie');\n }\n};\n/**\n * Add global events.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addGlobalEvents = (body) => {\n const checkElements = function (hash) {\n const label = document.querySelector(`label[for=\"${hash.replace('#', '')}\"]`);\n const summary = document.querySelector(hash + ' summary');\n const dialog = document.querySelector(`dialog${hash}`);\n const detail = document.querySelector(`detail${hash}`);\n if (label instanceof HTMLElement)\n label.click();\n else if (summary instanceof HTMLElement)\n summary.click();\n else if (dialog instanceof HTMLElement)\n dialog.showModal();\n else if (detail instanceof HTMLElement)\n detail.addAttribute('open');\n };\n if (location.hash)\n checkElements(location.hash);\n window.addEventListener('hashchange', function () {\n checkElements(location.hash);\n }, false);\n addEventListener('popstate', (event) => {\n if (event && event.state && event.state.type && event.state.type == 'pagination') {\n const form = document.querySelector(`#${event.state.form}`);\n const pageInput = document.querySelector(`#${event.state.form} [data-pagination]`);\n if (pageInput)\n pageInput.value = event.state.page;\n else\n form.innerHTML += `<input name=\"page\" type=\"hidden\" data-pagination=\"true\" value=\"${event.state.page}\" />`;\n form.dispatchEvent(new Event('submit'));\n }\n });\n Array.from(document.querySelectorAll('form')).forEach((form) => {\n form.addEventListener('submit', (event) => {\n var _a;\n if (form.querySelector(':invalid')) {\n form.classList.add('was-validated');\n (_a = form === null || form === void 0 ? void 0 : form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();\n event.preventDefault();\n }\n });\n });\n document.addEventListener('click', (event) => {\n var _a;\n if (event && event.target instanceof HTMLElement && event.target.matches('form button:not([type=button])')) {\n const form = event.target.closest('form');\n // Reset password types\n Array.from(form.querySelectorAll('[data-password-type]')).forEach((input) => {\n input.setAttribute('type', 'password');\n });\n if (form.querySelector(':invalid') ||\n form.querySelector('.pwd-checker[data-strength=\"1\"]') ||\n form.querySelector('.pwd-checker[data-strength=\"2\"]')) {\n form.classList.add('was-validated');\n (_a = form === null || form === void 0 ? void 0 : form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();\n event.preventDefault();\n }\n if (form.querySelector('iam-multiselect[data-is-required][data-error]')) {\n form.classList.add('was-validated');\n event.preventDefault();\n }\n }\n });\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') {\n if (document.querySelector('.dialog--transactional[open], .dialog--acknowledgement[open]')) {\n e.preventDefault();\n e.stopPropagation();\n }\n }\n });\n Array.from(document.querySelectorAll('label progress')).forEach((progress) => {\n const label = progress.closest('label');\n label.setAttribute('data-percent', progress.getAttribute('value'));\n });\n};\nexport const isNumeric = function (str) {\n if (typeof str != 'string')\n return false; // we only process strings!\n return (!isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...\n !isNaN(parseFloat(str))); // ...and ensure strings of whitespace fail\n};\nexport const zeroPad = (num, places) => String(num).padStart(places, '0');\nexport const ucfirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nexport const ucwords = (str) => str\n .split(' ')\n .map((s) => ucfirst(s))\n .join(' ');\nexport const unsnake = (str) => str.replace(/_/g, ' ');\nexport const snake = (str) => str.replace(/ /g, '_');\nexport const safeID = function (str) {\n str = str.toLowerCase();\n str = snake(str);\n str = str.replace(/\\W/g, '');\n return str;\n};\nexport const numberOfDays = function (startDateString, endDateString) {\n const convertStart = startDateString.split('/');\n const convertEnd = endDateString.split('/');\n const dateStart = new Date(convertStart[1] + '/' + convertStart[0] + '/' + convertStart[2]);\n const dateEnd = new Date(convertEnd[1] + '/' + convertEnd[0] + '/' + convertEnd[2]);\n if (dateStart == 'Invalid Date')\n throw 'Start date is not a valid date';\n if (dateEnd == 'Invalid Date')\n throw 'End date is not a valid date';\n // To calculate the time difference of two dates\n const diffTime = dateEnd.getTime() - dateStart.getTime();\n const numberOfDays = diffTime / (1000 * 3600 * 24) + 1;\n if (numberOfDays < 0)\n throw 'The start date should be before the end date';\n return numberOfDays;\n};\n// Used to get values from nested json objects\nexport const resolvePath = (object, path, defaultValue) => path\n // eslint-disable-next-line no-useless-escape\n .split(/[\\.\\[\\]\\'\\\"]/)\n .filter((p) => p)\n .reduce((o, p) => (o ? o[p] : defaultValue), object);\nexport const isTraversable = (o) => Array.isArray(o) || (o !== null && ['function', 'object'].includes(typeof o));\nexport const getSwipeDirection = (touchstartX, touchstartY, touchendX, touchendY) => {\n const limit = Math.tan(((45 * 1.5) / 180) * Math.PI);\n const pageWidth = window.innerWidth || document.body.clientWidth;\n const treshold = Math.max(1, Math.floor(0.01 * pageWidth));\n const x = touchendX - touchstartX;\n const y = touchendY - touchstartY;\n const xy = Math.abs(x / y);\n const yx = Math.abs(y / x);\n if (Math.abs(x) > treshold || Math.abs(y) > treshold) {\n if (yx <= limit) {\n if (x < 0) {\n return 'left';\n }\n else {\n return 'right';\n }\n }\n if (xy <= limit) {\n if (y < 0) {\n return 'top';\n }\n else {\n return 'bottom';\n }\n }\n }\n else {\n return 'tap';\n }\n};\nexport const uniqueID = (index = 1) => {\n const ID = Math.floor(Math.random() * Date.now() * (index + 1));\n return ID;\n};\nexport const isValidPostcode = (searchValue) => {\n const regexp = /^([A-Z][A-HJ-Y]?[0-9][A-Z0-9]? ?[0-9][A-Z]{2}|GIR ?0A{2})$/gmi;\n return regexp.test(searchValue.trim());\n};\n","import { getSwipeDirection } from './helpers.js';\nexport const createTabsLinks = function (tabsElement) {\n const detailsORLinks = tabsElement.querySelectorAll(':scope > details, :scope > a');\n let tabLinks = tabsElement.querySelector(':scope > .tabs__links');\n let tabDropdown = tabsElement.querySelector(':scope .tabs__dropdown');\n if (tabsElement.shadowRoot && tabsElement.shadowRoot.querySelector('.tabs__links'))\n tabLinks = tabsElement.shadowRoot.querySelector('.tabs__links');\n if (!tabLinks) {\n tabLinks = document.createElement('div');\n tabLinks.classList.add('tabs__links');\n const tabLinksWrapper = document.createElement('div');\n tabLinksWrapper.classList.add('tabs__links__wrapper');\n tabLinksWrapper.prepend(tabLinks);\n tabsElement.prepend(tabLinksWrapper);\n }\n if (!tabDropdown) {\n tabDropdown = document.createElement('select');\n tabDropdown.classList.add('tabs__dropdown');\n tabsElement.prepend(tabDropdown);\n }\n // Create the tab buttons from the summary titles\n let tabindex = 0;\n detailsORLinks.forEach((element) => {\n let button = document.createElement('button');\n const dropdownOpt = document.createElement('option');\n if (element.matches('details')) {\n const summary = element.querySelector(':scope > summary');\n const isDisabled = summary.classList.contains('disabled');\n summary.classList.add('visually-hidden');\n if (element.hasAttribute('id'))\n button.setAttribute('data-id', `${element.getAttribute('id')}`);\n if (element.hasAttribute('open')) {\n button.setAttribute('aria-pressed', true);\n }\n button.innerHTML = `${summary.innerText}`;\n button.classList.add('link');\n button.setAttribute('data-index', tabindex);\n button.setAttribute('part', 'tab-link');\n dropdownOpt.innerHTML = `${summary.innerText}`;\n dropdownOpt.value = summary.innerText.replace(/\\s+/g, '-').toLowerCase();\n dropdownOpt.setAttribute('data-index', tabindex);\n element.setAttribute('tabindex', '-1');\n if (isDisabled) {\n button.classList.add('disabled');\n }\n tabindex++;\n }\n else if (element.matches('a')) {\n button = element;\n }\n button.classList.add('link');\n tabLinks.appendChild(button);\n tabDropdown.appendChild(dropdownOpt);\n });\n};\nexport const setTabsEventHandlers = function (tabsElement) {\n const details = tabsElement.querySelectorAll(':scope > details');\n const summaries = tabsElement.querySelectorAll(':scope > details > summary');\n let buttonWrapper = tabsElement.querySelector(':scope .tabs__links');\n let buttons = tabsElement.querySelectorAll(':scope .tabs__links > button');\n const tabDropdown = tabsElement.querySelector(':scope .tabs__dropdown');\n let nextButton = tabsElement.querySelector(':scope .tabs__next');\n let scrollTimeout;\n window.isClicked = false;\n window.isScrolling = false;\n if (tabsElement.shadowRoot) {\n buttons = tabsElement.shadowRoot.querySelectorAll('.tabs__links > button');\n buttonWrapper = tabsElement.shadowRoot.querySelector('.tabs__links');\n nextButton = tabsElement.shadowRoot.querySelector('.tabs__next');\n }\n // Set the on click for the tab buttons, these will open the details box it matches too\n buttons.forEach((button) => {\n button.addEventListener('click', (e) => {\n e.preventDefault();\n window.isClicked = true;\n if (button.classList.contains('disabled'))\n return false;\n buttons.forEach((buttonLoopItem) => {\n const buttonPressed = buttonLoopItem == button ? true : false;\n buttonLoopItem.setAttribute('aria-pressed', buttonPressed);\n });\n buttonWrapper.scroll({\n top: 0,\n left: button.offsetLeft,\n behavior: 'smooth',\n });\n //Handles showing correct content\n toggleTab(details, button);\n // Data layer Open Event\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'openTab',\n tabTitle: button.textContent,\n });\n if (button.matches(':last-child')) {\n nextButton === null || nextButton === void 0 ? void 0 : nextButton.setAttribute('disabled', 'disabled');\n }\n else {\n nextButton === null || nextButton === void 0 ? void 0 : nextButton.removeAttribute('disabled');\n }\n });\n dropdownTabSelector(details, tabDropdown);\n });\n buttonWrapper.addEventListener('scrollend', () => {\n clearTimeout(scrollTimeout);\n scrollTimeout = setTimeout(function () {\n let buttonToClick = buttons[0];\n let closestOffset = Math.abs(buttonToClick.getBoundingClientRect().left);\n buttons.forEach((button) => {\n if (Math.abs(button.getBoundingClientRect().left) < closestOffset) {\n closestOffset = Math.abs(button.getBoundingClientRect().left);\n buttonToClick = button;\n }\n });\n if (window.isClicked) {\n window.isClicked = false;\n return false;\n }\n else {\n buttonToClick.click();\n }\n buttonToClick.focus();\n }, 500);\n });\n // Make sure we dont loose existing summary functionality\n summaries.forEach((summary, index) => {\n summary.addEventListener('click', (e) => {\n e.preventDefault();\n buttons[index].click();\n });\n });\n nextButton === null || nextButton === void 0 ? void 0 : nextButton.addEventListener('click', (e) => {\n e.preventDefault();\n const currentTab = buttonWrapper.querySelector('[aria-pressed=\"true\"]');\n const nextTab = currentTab.nextSibling;\n if (nextTab)\n nextTab.click();\n });\n if (tabsElement.classList.contains('tabs--guided')) {\n let touchstartX = 0;\n let touchstartY = 0;\n let touchendX = 0;\n let touchendY = 0;\n details.forEach((detail) => {\n detail.addEventListener('touchstart', (event) => {\n event.stopPropagation();\n touchstartX = event.changedTouches[0].screenX;\n touchstartY = event.changedTouches[0].screenY;\n });\n detail.addEventListener('touchend', (event) => {\n event.stopPropagation();\n touchendX = event.changedTouches[0].screenX;\n touchendY = event.changedTouches[0].screenY;\n const direction = getSwipeDirection(touchstartX, touchstartY, touchendX, touchendY);\n const currentTab = buttonWrapper.querySelector('[aria-pressed=\"true\"]');\n const nextTab = currentTab.nextSibling;\n const prevTab = currentTab.previousSibling;\n switch (direction) {\n case 'left':\n if (nextTab)\n nextTab.click();\n break;\n case 'right':\n if (prevTab)\n prevTab.click();\n break;\n }\n });\n });\n }\n};\nexport const toggleTab = function (details, button) {\n details.forEach((detail, detailsIndex) => {\n const detailsOpen = button.getAttribute('data-index') == detailsIndex ? true : false;\n if (detailsOpen)\n detail.setAttribute('open', detailsOpen);\n else\n detail.removeAttribute('open');\n });\n};\nexport const dropdownTabSelector = function (details, dropdown) {\n dropdown.addEventListener('change', (e) => {\n e.preventDefault();\n const selected = dropdown.options[dropdown.selectedIndex];\n toggleTab(details, selected);\n // Data layer Open Event\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'openTab',\n tabTitle: selected.innerText,\n });\n });\n};\nexport const openFirstTab = function (tabsElement) {\n if (!tabsElement.querySelector(':scope > details'))\n return false;\n const details = tabsElement.querySelectorAll(':scope > details');\n const buttons = tabsElement.shadowRoot.querySelectorAll('.tabs__links > button');\n if (location.hash &&\n tabsElement.shadowRoot.querySelector(`.tabs__links [data-id=\"${location.hash.replace('#', '')}\"]`)) {\n tabsElement.shadowRoot\n .querySelector(`[data-id=\"${location.hash.replace('#', '')}\"]`)\n .setAttribute('aria-pressed', true);\n tabsElement.querySelector(`details[id=\"${location.hash.replace('#', '')}\"]`).setAttribute('open', true);\n }\n else if (!tabsElement.querySelector(`details[open]`)) {\n details[0].setAttribute('open', true);\n buttons[0].setAttribute('aria-pressed', true);\n }\n};\nconst tabs = function (tabsElement) {\n createTabsLinks(tabsElement);\n setTabsEventHandlers(tabsElement);\n openFirstTab(tabsElement);\n};\nexport default tabs;\n","import tabs from '../../modules/tabs.js';\n// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n event: 'customElementRegistered',\n element: 'tabs',\n});\nclass iamTabs 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/tabs.component.css\";`;\n const template = document.createElement('template');\n template.innerHTML = `\n <style>\n \n ${loadCSS}\n \n ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n </style>\n <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\">\n <div class=\"tabs\" part=\"tabs\">\n <div class=\"tabs__dropdown\" part=\"tab-dropdown\"></div>\n\n <div class=\"tabs__links__wrapper\" part=\"wrapper\">\n <div class=\"tabs__links\" part=\"tab-links\"></div>\n </div>\n <slot></slot>\n <button part=\"next-button\" class=\"btn btn-secondary btn-sm btn-compact fa-regular fa-chevron-right tabs__next\">Next</button>\n </div>\n `;\n this.shadowRoot.appendChild(template.content.cloneNode(true));\n }\n connectedCallback() {\n const classList = this.classList.toString().replace('container', '');\n this.shadowRoot.querySelector('.tabs').setAttribute('class', `tabs ${classList}`);\n tabs(this);\n }\n}\nexport default iamTabs;\n"],"names":["getSwipeDirection","touchstartX","touchstartY","touchendX","touchendY","limit","pageWidth","treshold","x","y","xy","yx","createTabsLinks","tabsElement","detailsORLinks","tabLinks","tabDropdown","tabLinksWrapper","tabindex","element","button","dropdownOpt","summary","isDisabled","setTabsEventHandlers","details","summaries","buttonWrapper","buttons","nextButton","scrollTimeout","e","buttonLoopItem","buttonPressed","toggleTab","dropdownTabSelector","buttonToClick","closestOffset","index","nextTab","detail","event","direction","currentTab","prevTab","detailsIndex","detailsOpen","dropdown","selected","openFirstTab","tabs","iamTabs","template","classList"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
3
|
-
* Copyright 2022-
|
|
2
|
+
* iamKey v7.6.1
|
|
3
|
+
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/const a=r=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:r})};a("iam-tooltip");class s extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const t=document.createElement("template");t.innerHTML=`
|
|
5
5
|
<style>
|
|
6
6
|
*,*::before,*::after{box-sizing:border-box}@layer components{:host{display:inline;position:relative;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:.2em;overflow-anchor:none;cursor:pointer}.tooltip__anchor{anchor-name:--anchor;position:absolute;display:block;inset:0;height:100%;width:100%;min-width:1rem;left:auto;right:0}:host(:empty) .tooltip__anchor{height:1rem;width:1rem}:host(:empty) .tooltip__anchor:after{font-family:"Font Awesome 6 Pro";font-weight:900;content:"\uF059";display:block;margin:0;line-height:1;color:var(--colour-primary);position:absolute;top:50%;left:50%;translate:-50% -50%}.tooltip__content{position:fixed;position-anchor:--anchor;position-area:center end;position-try-fallbacks:bottom span-all,top span-all,start;container-type:anchored;max-width:16.875rem;background:var(--colour-primary);color:var(--colour-white);padding:1.5rem;border:none;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.11);margin:.75rem;overflow:visible}.tooltip__content>strong:first-child{display:block;padding-bottom:1rem;color:inherit}@media screen and (min-width: 36em){.tooltip__content{max-width:20.9375rem}}@media screen and (min-width: 62em){.tooltip__content{max-width:22.5rem}}.tooltip__content::after{content:"";position:absolute;bottom:50%;left:-0.45rem;transform:translate(-50%, 0);border-width:.5rem;border-style:solid;border-color:rgba(0,0,0,0) var(--colour-primary) rgba(0,0,0,0) rgba(0,0,0,0);margin-bottom:-0.5rem}@container anchored(fallback: top span-all){.tooltip__content::after{left:50%;bottom:auto;top:100%;border-color:var(--colour-primary) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);margin-bottom:-1px}}@container anchored(fallback: bottom span-all){.tooltip__content::after{top:auto;bottom:100%;left:50%;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--colour-primary) rgba(0,0,0,0);margin-bottom:-1px}}@container anchored(fallback: start){.tooltip__content::after{display:none}}}/*# sourceMappingURL=assets/css/components/tooltip.component.css.map */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
3
|
-
* Copyright 2022-
|
|
2
|
+
* iamKey v7.6.1
|
|
3
|
+
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/const p=o=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:o})},h=(o,t,e)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),e.forEach(a=>{o.addEventListener(a,function(d){const r={event:a,element:t,target:d.target};Object.keys(d.detail).forEach(i=>{const n=d.detail[i];r[i]=n}),window.dataLayer.push(r)})}),!0),b=`<div class="card__head" part="head">
|
|
5
5
|
<slot name="head"></slot>
|
|
6
6
|
</div>
|