@iamproperty/components 7.8.2--beta10 → 7.8.2--beta11
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/config.component.css +1 -1
- package/assets/css/components/config.component.css.map +1 -1
- package/assets/css/components/nav-standalone.component.css +1 -1
- package/assets/css/components/nav.global.css +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/actionbar/actionbar.component.min.js +1 -1
- package/assets/js/components/address-lookup/address-lookup.component.min.js +1 -1
- package/assets/js/components/advanced-select/advanced-select.component.min.js +1 -1
- package/assets/js/components/applied-filters/applied-filters.component.min.js +1 -1
- package/assets/js/components/banner/banner.component.min.js +1 -1
- package/assets/js/components/barchart/barchart.component.min.js +1 -1
- package/assets/js/components/bento-grid/bento-grid.component.min.js +1 -1
- package/assets/js/components/bone/bone.component.min.js +1 -1
- package/assets/js/components/branch-selector/branch-selector.component.min.js +1 -1
- package/assets/js/components/button/button.component.min.js +1 -1
- package/assets/js/components/calendar/calendar.component.min.js +1 -1
- package/assets/js/components/card/card.component.min.js +1 -1
- package/assets/js/components/carousel/carousel.component.min.js +1 -1
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +1 -1
- package/assets/js/components/config/config.component.min.js +2 -2
- package/assets/js/components/content/content.component.min.js +1 -1
- package/assets/js/components/darkmode/darkmode.component.min.js +1 -1
- package/assets/js/components/doughnutchart/doughnutchart.component.min.js +1 -1
- package/assets/js/components/fileupload/fileupload.component.min.js +1 -1
- package/assets/js/components/filter-card/filter-card.component.min.js +1 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/form/form.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.min.js +1 -1
- package/assets/js/components/input/input.component.min.js +1 -1
- package/assets/js/components/input-range/input-range.component.min.js +1 -1
- package/assets/js/components/marketing/marketing.component.min.js +1 -1
- package/assets/js/components/menu/menu.component.min.js +1 -1
- package/assets/js/components/milestone/milestone.component.min.js +1 -1
- package/assets/js/components/milestone-group/milestone-group.component.min.js +1 -1
- package/assets/js/components/modal/modal.component.min.js +1 -1
- package/assets/js/components/multi-step/multi-step.component.min.js +1 -1
- package/assets/js/components/multi-step-modal/multi-step-modal.component.min.js +1 -1
- package/assets/js/components/multiselect/multiselect.component.min.js +1 -1
- package/assets/js/components/nav/nav.component.min.js +2 -2
- package/assets/js/components/nav-standalone/nav-standalone.component.min.js +2 -2
- package/assets/js/components/notification/notification.component.min.js +1 -1
- package/assets/js/components/pagination/pagination.component.min.js +1 -1
- package/assets/js/components/password/password.component.min.js +1 -1
- package/assets/js/components/popover/popover.component.min.js +1 -1
- package/assets/js/components/rank/rank.component.min.js +1 -1
- package/assets/js/components/rankings/rankings.component.min.js +1 -1
- package/assets/js/components/rating/rating.component.min.js +1 -1
- package/assets/js/components/record-card/record-card.component.min.js +1 -1
- package/assets/js/components/search/search.component.min.js +1 -1
- package/assets/js/components/skeleton/skeleton.component.min.js +1 -1
- package/assets/js/components/slider/slider.component.min.js +1 -1
- package/assets/js/components/split-button/split-button.component.min.js +1 -1
- package/assets/js/components/std-address-lookup/std-address-lookup.component.min.js +1 -1
- package/assets/js/components/std-nav/std-nav.component.min.js +1 -1
- package/assets/js/components/table/table.component.min.js +1 -1
- package/assets/js/components/table-ajax/table-ajax.component.min.js +1 -1
- package/assets/js/components/table-basic/table-basic.component.min.js +1 -1
- package/assets/js/components/table-no-submit/table-no-submit.component.min.js +1 -1
- package/assets/js/components/table-submit/table-submit.component.min.js +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +1 -1
- package/assets/js/components/tag/tag.component.min.js +1 -1
- package/assets/js/components/tooltip/tooltip.component.min.js +1 -1
- package/assets/js/components/video/video.component.min.js +1 -1
- package/assets/js/components/video-card/video-card.component.min.js +1 -1
- package/assets/js/components/video-modal/video-modal.component.min.js +1 -1
- package/assets/js/components/word-count/word-count.component.min.js +1 -1
- package/assets/js/scripts.bundle.js +1 -1
- package/assets/js/scripts.bundle.min.js +1 -1
- package/assets/sass/components/nav.global.scss +1 -1
- package/assets/sass/utilities/grid.scss +2 -2
- package/dist/components.es.js +72 -72
- package/dist/components.umd.js +3 -3
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.8.2--
|
|
2
|
+
* iamKey v7.8.2--beta11
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/const r=t=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:t})},l=(t,s,e)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:s}),e.forEach(n=>{t.addEventListener(n,function(o){const a={event:n,element:s,target:o.target};Object.keys(o.detail).forEach(i=>{const d=o.detail[i];a[i]=d}),window.dataLayer.push(a)})}),!0),u=function(t){if(!t.dataset.showAllToggle)return;const e=document.createElement("button");e.innerHTML="Show next steps",e.classList.add("btn","btn-tertiary","show-all-toggle"),t.appendChild(e),e.addEventListener("click",()=>{t.classList.contains("show-all")?(e.innerHTML="Show next steps",t.classList.remove("show-all"),c("hide-future-items",t)):(e.innerHTML="Hide next steps",t.classList.add("show-all"),c("show-future-items",t))})},c=function(t,s){const e=new CustomEvent(t,{});s.dispatchEvent(e)},h=function(t){u(t)};r("iam-milestone-group");class m extends HTMLElement{constructor(){var s;super();const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",n=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,o=document.createElement("template");o.innerHTML=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.8.2--
|
|
2
|
+
* iamKey v7.8.2--beta11
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/const y=o=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:o})},k=o=>{var i;const a=o.closest("dialog")||((i=o.shadowRoot)===null||i===void 0?void 0:i.querySelector("dialog")),n=o.hasAttribute("id")?o.getAttribute("id"):"unknown";a?.showModal(),a?.focus();const d=new CustomEvent("modal-opened",{bubbles:!0,cancelable:!0,detail:{modalId:n}});o.dispatchEvent(d),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:n})},r=o=>{var i;const a=o.closest("dialog")||((i=o.shadowRoot)===null||i===void 0?void 0:i.querySelector("dialog")),n=o.hasAttribute("id")?o.getAttribute("id"):"unknown";a?.close();const d=new CustomEvent("modal-closed",{bubbles:!0,cancelable:!0,detail:{modalId:n}});o.dispatchEvent(d),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:n})},x='<button class="btn btn-compact btn-secondary fa-xmark-large" data-close>Close</button>';y("iam-card");class _ extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const i=document.createElement("template");i.innerHTML=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.8.2--
|
|
2
|
+
* iamKey v7.8.2--beta11
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/const g=c=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:c})},y=(c,e,u)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:e}),u.forEach(l=>{c.addEventListener(l,function(i){const n={event:l,element:e,target:i.target};Object.keys(i.detail).forEach(d=>{const t=i.detail[d];n[d]=t}),window.dataLayer.push(n)})}),!0);g("iam-multi-step");class h extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const e=document.createElement("template");e.innerHTML=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.8.2--
|
|
2
|
+
* iamKey v7.8.2--beta11
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/const A=b=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:b})},_=(b,n,c)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:n}),c.forEach(d=>{b.addEventListener(d,function(e){const i={event:d,element:n,target:e.target};Object.keys(e.detail).forEach(a=>{const p=e.detail[a];i[a]=p}),window.dataLayer.push(i)})}),!0);A("iam-multi-step-modal");class E extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const n=document.createElement("template");n.innerHTML=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.8.2--
|
|
2
|
+
* iamKey v7.8.2--beta11
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*//*! js-cookie v3.0.8 | MIT */function f(r){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var c in a)c!=="__proto__"&&(r[c]=a[c])}return r}var k={read:function(r){return r[0]==='"'&&(r=r.slice(1,-1)),r.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(r){return encodeURIComponent(r).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function v(r,e){function a(t,s,o){if(!(typeof document>"u")){o=f({},e,o),typeof o.expires=="number"&&(o.expires=new Date(Date.now()+o.expires*864e5)),o.expires&&(o.expires=o.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var b="";for(var n in o)o[n]&&(b+="; "+n,o[n]!==!0&&(b+="="+o[n].split(";")[0]));return document.cookie=t+"="+r.write(s,t)+b}}function c(t){if(!(typeof document>"u"||arguments.length&&!t)){for(var s=document.cookie?document.cookie.split("; "):[],o={},b=0;b<s.length;b++){var n=s[b].split("="),m=n.slice(1).join("=");try{var l=decodeURIComponent(n[0]);if(l in o||(o[l]=r.read(m,l)),t===l)break}catch{}}return t?o[t]:o}}return Object.create({set:a,get:c,remove:function(t,s){a(t,"",f({},s,{expires:-1}))},withAttributes:function(t){return v(this.converter,f({},this.attributes,t))},withConverter:function(t){return v(f({},this.converter,t),this.attributes)}},{attributes:{value:Object.freeze(e)},converter:{value:Object.freeze(r)}})}var w=v(k,{path:"/"}),x=function(r,e,a,c){function t(s){return s instanceof a?s:new a(function(o){o(s)})}return new(a||(a=Promise))(function(s,o){function b(l){try{m(c.next(l))}catch(h){o(h)}}function n(l){try{m(c.throw(l))}catch(h){o(h)}}function m(l){l.done?s(l.value):t(l.value).then(b,n)}m((c=c.apply(r,e||[])).next())})};const y=(r,e)=>{Array.from(r.querySelectorAll('label:not([slot="checked"])')).forEach(a=>{const t=a.querySelector("input").value,s=a.textContent;t.toLowerCase().includes(e.value.toLowerCase())||s.toLowerCase().includes(e.value.toLowerCase())?a.removeAttribute("slot"):a.setAttribute("slot","notmatched")})},A=(r,e,a)=>x(void 0,void 0,void 0,function*(){const c=e.value,t=r.getAttribute("data-url"),s=r.querySelector("input"),o=s&&s.hasAttribute("type")?s.getAttribute("type"):"checkbox";let b=s&&s.hasAttribute("name")?s.getAttribute("name"):"tags";r.hasAttribute("data-name")&&(b=r.hasAttribute("data-name"));const n=`${t}?search_query=${encodeURI(c)}`;window.controller||(window.controller=[]),window.controller[n]&&window.controller[n].abort(),window.controller[n]=new AbortController;const{signal:m}=controller[n];try{yield fetch(n,{signal:m,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":w.get("XSRF-TOKEN")})}).then(l=>l.json()).then(l=>{let h="";r.innerHTML="";for(let i=0;i<l.data.length;i++)r.querySelector(`[value="${l.data[i].value}"]`)||(h+=`<label class="tag dropdown__option"><input type="${o}" name="${r.hasAttribute("data-name")?r.getAttribute("data-name"):b}" value="${l.data[i].value}"/>${l.data[i].title}</label>`);return r.insertAdjacentHTML("beforeend",`${h}`),a(r,e),l})}catch(l){console.log(l)}}),z=(r,e)=>{e.addEventListener("keydown",a=>{var c;a.keyCode===40&&(a.stopPropagation(),a.preventDefault(),(c=r.querySelector('label:not([slot="checked"]) input'))===null||c===void 0||c.focus())}),r.addEventListener("keydown",a=>{var c,t,s;const o=r.querySelectorAll(':scope > a, :scope > button, :scope > details > summary, :scope > label:not([slot="checked"]) > input'),b=r.querySelectorAll('a, button, input, label:not([slot="checked"]) > input');if(a&&a.target instanceof HTMLElement&&a.target.closest('a, button, summary, label:not([slot="checked"]) > input')){const n=document.activeElement,m=Array.from(o).indexOf(n)-1,l=Array.from(o).indexOf(n)+1;switch(a.keyCode){case 27:n.closest("details")?(a.stopPropagation(),a.preventDefault(),n.closest("details").removeAttribute("open"),n.closest("details").querySelector(":scope summary").focus()):a.stopPropagation();break;case 32:case 13:break;case 35:a.stopPropagation(),a.preventDefault(),(c=r.querySelector("details[open]"))===null||c===void 0||c.removeAttribute("open"),Array.from(b)[b.length-1].focus();break;case 36:a.stopPropagation(),a.preventDefault(),(t=r.querySelector("details[open]"))===null||t===void 0||t.removeAttribute("open"),Array.from(b)[0].focus();break;case 38:if(a.stopPropagation(),a.preventDefault(),Array.from(o).indexOf(n)>-1)Array.from(o)[m]!=null?Array.from(o)[m].focus():Array.from(o)[o.length-1].focus();else if(n.closest("details")){const h=n.closest("details").querySelectorAll("a, button, :scope details > summary");subPrevIndex=Array.from(h).indexOf(n)-1,Array.from(h)[subPrevIndex]!=null?Array.from(h)[subPrevIndex].focus():Array.from(h)[h.length-1].focus()}break;case 40:if(a.stopPropagation(),a.preventDefault(),Array.from(o).indexOf(n)>-1)Array.from(o)[l]!=null?Array.from(o)[l].focus():Array.from(o)[0].focus();else if(n.closest("details")){const h=(s=n.closest("details"))===null||s===void 0?void 0:s.querySelectorAll("a, button, :scope details > summary");subNextIndex=Array.from(h).indexOf(n)+1,Array.from(h)[subNextIndex]!=null?Array.from(h)[subNextIndex].focus():Array.from(h)[0].focus()}break}}})};class _ extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const e=document.createElement("template");e.innerHTML=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.8.2--
|
|
2
|
+
* iamKey v7.8.2--beta11
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/const p=`<div class="container">
|
|
5
5
|
<slot name="logo"></slot>
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
|
|
51
51
|
<link rel="stylesheet" href="https://kit.fontawesome.com/8bd0fca975.css" crossorigin="anonymous">
|
|
52
52
|
${p}
|
|
53
|
-
`,a.appendChild(i.content.cloneNode(!0)),document.getElementById("navGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="navGlobal">nav:has(:is(iam-nav,.iam-nav)){min-height:6rem;display:block;position:relative}nav:has(:is(iam-nav,.iam-nav)) :is(iam-nav,.iam-nav){position:absolute;top:0;left:0;width:100svw;z-index:var(--index-menu)}@media screen and (min-width: 62em){nav:has(:is(iam-nav,.iam-nav) [slot=secondary]){min-height:8.5rem}}nav:has(.nav--sticky){position:sticky;top:0;left:0;right:0;z-index:9999;pointer-events:none}nav:has(.nav--sticky) .nav--sticky{position:fixed;outline:2px solid #eee;transition:margin 1s;pointer-events:all}@media screen and (max-width: 36em){body:has(:is(iam-nav,.iam-nav).open:not(.nav--xs-sticky,.demo-open)){max-height:100vh;overflow:hidden;margin-top:0rem}nav:has(:is(iam-nav,.iam-nav).nav--xs-sticky){position:sticky;top:0;left:0;right:0;z-index:9999;transition:margin 1s}nav:has(:is(iam-nav,.iam-nav).nav--xs-sticky) :is(iam-nav,.iam-nav){position:fixed}body[data-direction=down].past100 nav:has(.nav--xs-sticky){transform:translate(0, -100%)}}@media screen and (min-width: 36em){body:has(:is(iam-nav,.iam-nav).open:not(.nav--sticky)){max-height:100vh;overflow:hidden}}body[data-direction=down].past100 nav:has(.nav--sticky) .nav--sticky{transform:translate(0, -100%)}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card)){text-decoration:none}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card)) .badge{position:absolute;right:0;top:50%;margin-top:-0.8rem}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card)):active{text-decoration-color:#a2d393 !important}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card)).active,:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page]{text-decoration-color:var(--colour-info) !important}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card))[data-product][data-feature]:not([data-is-enabled=true]){padding-left:2rem !important}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card))[data-product][data-feature]:not([data-is-enabled=true]):before{content:"\uF135";font-family:var(--fa-family, var(--fa-style-family, "Font Awesome 7 Pro"));padding-right:.5em;position:absolute;left:0;font-weight:700}:is(iam-nav,.iam-nav) .section [data-title].section-title{display:block}:is(iam-nav,.iam-nav) .section [data-product].section-desc{display:none}:is(iam-nav,.iam-nav) .section:not(:has([data-product][data-feature][data-is-enabled=true])):has([data-product].section-desc) [data-product].section-title{display:none}:is(iam-nav,.iam-nav) .section:not(:has([data-product][data-feature][data-is-enabled=true])):has([data-product].section-desc) [data-product].section-desc{display:block}:is(iam-nav,.iam-nav) .section:has([href=null]):not(:has(a:not([href=null]))){display:none !important}:is(iam-nav,.iam-nav) .section [href=null]{display:none !important}:is(iam-nav,.iam-nav) details{padding-bottom:0}:is(iam-nav,.iam-nav) details>summary{text-decoration:none}:is(iam-nav,.iam-nav) details>summary:where(:hover,:focus,.selected){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}:is(iam-nav,.iam-nav) details>summary:active{text-decoration-color:#a2d393 !important}:is(iam-nav,.iam-nav) details[open]>summary{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-success)}:is(iam-nav,.iam-nav) details:has([aria-current=page]:not([data-duplicate]))>summary{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-info)}@media screen and (max-width: 62em){:is(iam-nav,.iam-nav) details{background-color:#eee;margin-left:-1.5rem;margin-right:-1.5rem;padding-inline:1.5rem;width:auto;position:relative}:is(iam-nav,.iam-nav) details summary{background-color:var(--colour-canvas-2);display:block;border:none;color:var(--colour-link);margin:0;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 4rem 1.5rem 1.5rem;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}:is(iam-nav,.iam-nav) details summary:after{content:"\uF055";display:block;font-size:1.5rem;font-weight:300;position:absolute;top:1.5rem;right:1.5rem;font-family:var(--fa-family-classic);line-height:1em}:is(iam-nav,.iam-nav) details[open]>summary:after{content:"\uF056";font-weight:bold}:is(iam-nav,.iam-nav) details a{text-decoration:none;display:block;border:none;color:var(--colour-link);margin:0;margin-left:3rem !important;padding:1.5rem 0 1.5rem 0;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}:is(iam-nav,.iam-nav) details a:after{background:var(--colour-border) !important;top:calc(100% - 2px) !important;width:100% !important}:is(iam-nav,.iam-nav) details:after{content:"";position:absolute;top:calc(100% - 2px);left:1.5rem;height:2px;width:calc(100% - 3rem);display:block;height:2px;background-color:var(--colour-border) !important}:is(iam-nav,.iam-nav)>details[slot=secondary]{background-color:rgba(0,0,0,0)}:is(iam-nav,.iam-nav)>details[slot=secondary] summary{background-color:rgba(0,0,0,0)}:is(iam-nav,.iam-nav){--mobDetails: 'true'}:is(iam-nav,.iam-nav) details .section [data-title].section-title{color:var(--colour-body) !important;font-size:1rem;font-weight:normal;font-weight:normal}:is(iam-nav,.iam-nav) details>div .lead{padding:1rem 0 0 3rem !important}:is(iam-nav,.iam-nav) details>div a:last-child{margin-bottom:0 !important}:is(iam-nav,.iam-nav) details>div a:last-child:after{display:none}:is(iam-nav,.iam-nav) details a:has(iam-card){display:none !important}:is(iam-nav,.iam-nav) details details:after{display:none}:is(iam-nav,.iam-nav) details details summary{padding:0 1.5rem 1.5rem 3.5rem;position:relative}:is(iam-nav,.iam-nav) details details summary:after{left:1.5rem;font-size:1rem;top:.1875rem;transform:none;font-weight:400}:is(iam-nav,.iam-nav) details details>div{color-scheme:light}:is(iam-nav,.iam-nav) details a+details>summary{padding-top:1.5rem}:is(iam-nav,.iam-nav) details a+details>summary:after{margin-top:1.5rem}:is(iam-nav,.iam-nav) details details[open]+details:before{content:"";display:block;background:var(--colour-canvas-2);padding-top:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem}}@media screen and (max-width: 62em)and (min-width: 36em){:is(iam-nav,.iam-nav) details{padding-right:2.5rem;margin-right:-2.5rem}:is(iam-nav,.iam-nav) details:after{width:calc(100% - 4rem)}:is(iam-nav,.iam-nav) details summary{padding-right:2.5rem;margin-right:-2.5rem}:is(iam-nav,.iam-nav) details summary:after{right:2.5rem}}:is(iam-nav,.iam-nav)>details[slot=account]{background-color:#eee;margin-left:-1.5rem;margin-right:-1.5rem;padding-inline:1.5rem;width:auto;position:relative}:is(iam-nav,.iam-nav)>details[slot=account] summary{background-color:var(--colour-canvas-2);display:block;border:none;color:var(--colour-link);margin:0;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 4rem 1.5rem 1.5rem;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}:is(iam-nav,.iam-nav)>details[slot=account] summary:after{content:"\uF055";display:block;font-size:1.5rem;font-weight:300;position:absolute;top:1.5rem;right:1.5rem;font-family:var(--fa-family-classic);line-height:1em}:is(iam-nav,.iam-nav)>details[slot=account][open]>summary:after{content:"\uF056";font-weight:bold}:is(iam-nav,.iam-nav)>details[slot=account] a{text-decoration:none;display:block;border:none;color:var(--colour-link);margin:0;margin-left:3rem !important;padding:1.5rem 0 1.5rem 0;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}:is(iam-nav,.iam-nav)>details[slot=account] a:after{background:var(--colour-border) !important;top:calc(100% - 2px) !important;width:100% !important}:is(iam-nav,.iam-nav)>details[slot=account]:after{content:"";position:absolute;top:calc(100% - 2px);left:1.5rem;height:2px;width:calc(100% - 3rem);display:block;height:2px;background-color:var(--colour-border) !important}@media screen and (min-width: 36em){:is(iam-nav,.iam-nav)>details[slot=account]{padding-right:2.5rem;margin-right:-2.5rem}:is(iam-nav,.iam-nav)>details[slot=account]:after{width:calc(100% - 4rem)}:is(iam-nav,.iam-nav)>details[slot=account] summary{padding-right:2.5rem;margin-right:-2.5rem}:is(iam-nav,.iam-nav)>details[slot=account] summary:after{right:2.5rem}}@media screen and (min-width: 62em){:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account]){width:auto}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])>summary{display:block;border:none;color:var(--colour-link);margin:0;font-size:1rem;line-height:6rem;min-height:6rem;margin-block:-1.5rem;position:relative;font-weight:normal;white-space:nowrap;padding-right:1.5rem}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])>summary:after{content:"\uF078";display:block;font-size:1rem;font-weight:300;position:absolute;top:50%;transform:translate(0, -50%);right:0;font-family:var(--fa-family-classic);line-height:1em}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account]):not(:first-child)>summary{margin-left:1.5rem}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account]) div{display:none}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div{position:absolute;display:block;top:100%;left:50%;width:100%;padding-inline:max(var(--padding-inline),(100% - var(--container-max-width))/2 + var(--padding-inline)) !important;box-shadow:0px 6px 12px rgba(0,0,0,.11);max-height:calc(100vh - var(--nav-height));width:100svw;flex-wrap:wrap;translate:-50% 0}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div .lead{padding:1rem 0 0 0 !important}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:has(details){background:var(--colour-canvas-2)}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:has(details)>a{display:inline-block !important;margin-right:2rem !important}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:has(details)>a:first-child{margin-right:0}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:has(details)>a:after{display:none !important}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:has(details) a:has(iam-card){display:none}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:has(details) details{display:inline-block}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:has(details) details summary{display:inline-block;margin-left:0 !important;margin-right:2rem}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:has(details) details:first-child summary{margin-left:0}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:not(:has(details)){background:var(--colour-canvas);padding-top:8rem;padding-bottom:4rem;columns:3;column-gap:6.875rem}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:not(:has(details))>a{margin-right:0 !important;display:block;max-height:6rem}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:not(:has(details))>a.double-height{min-height:6rem}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:not(:has(details)) a:has(iam-card){display:inline-block}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:not(:has(details)):before{content:attr(data-title);display:block;position:absolute;top:0;left:0;width:100%;color:var(--colour-white);padding-inline:max(var(--padding-inline),(100% - var(--container-max-width))/2 + var(--padding-inline)) !important;font-size:2rem;font-weight:bold;line-height:5.5rem;--gradient-direction: 90deg;background-color:var(--colour-info-theme);background-image:linear-gradient(var(--gradient-direction), var(--colour-primary-theme) 0, transparent 100%) !important}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:not(:has(details)):has(iam-card){column-gap:1rem}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card)){margin-right:5.875rem !important}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:not(:has(details)):has(iam-card) a:has(iam-card):after{display:none}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card))+a:has(iam-card){break-before:column}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:has(span.section){display:flex}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:has(span.section)>span.section{display:block;flex-grow:1}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:has(span.section)>span.section .lead{column-span:all}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:has(span.section)>span.section.section--double{display:block;width:calc(66.66% - 6.875rem);columns:2;column-gap:6.875rem}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:has(span.section)>span.section.section--double .lead{column-span:all}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:has(span.section)>span.section:first-child:last-child{display:block;width:calc(66.66% - 6.875rem);columns:3;column-gap:6.875rem}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account])[open]>div:has(span.section)>span.section:first-child:last-child .lead{column-span:all}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account]) a:not([slot=logo]):not(.btn):not(:has(iam-card)){font-size:1rem;line-height:1.5rem;padding-block:1.5rem;position:relative;font-weight:normal;display:block;margin:0;overflow:auto}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account]) a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account]) a:not([slot=logo]):not(.btn):not(:has(iam-card)):active{text-decoration-color:#a2d393 !important}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account]) a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account]) a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page]{text-decoration-color:var(--colour-info)}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account]) a:not([slot=logo]):not(.btn):not(:has(iam-card)):after{content:"";display:block;height:2px;width:100% !important;top:calc(100% - 2px);background-color:var(--colour-border) !important}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account]) details>summary{padding-right:0;background:rgba(0,0,0,0)}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account]) details>summary:after{display:none}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not([slot=account]) details:not(:first-child)>summary{margin-left:2rem}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card))[data-product][data-feature]:not([data-is-enabled=true]):before{left:.5rem}nav:has(:is(iam-nav,.iam-nav).open){min-height:100vh !important;max-height:100vh;overflow:visible;margin-bottom:calc((100vh - var(--nav-height))*-1)}html:has(:is(iam-nav,.iam-nav).open:not(.demo-open)){overflow:hidden}:is(iam-nav,.iam-nav)>details[slot=secondary]{display:inline-block;position:relative;width:auto}:is(iam-nav,.iam-nav)>details[slot=secondary] summary{display:inline-block;margin-left:1.5rem;margin-bottom:0 !important;font-size:.75rem;font-weight:bold}:is(iam-nav,.iam-nav)>details[slot=secondary] summary:after{display:none}:is(iam-nav,.iam-nav)>details[slot=secondary] div{text-align:left}:is(iam-nav,.iam-nav)>details[slot=secondary] div a{white-space:nowrap;text-decoration:none;font-size:1rem !important;line-height:1.5rem !important;margin:0;padding:var(--option-padding) !important}:is(iam-nav,.iam-nav)>details[slot=secondary] div .lead{--colour-heading: var(--colour-body);color:var(--colour-body);font-size:.87rem !important;line-height:1.5rem !important;margin:0;padding:var(--option-padding) !important}:is(iam-nav,.iam-nav)>details[slot=secondary] div a:after{width:0}:is(iam-nav,.iam-nav)>details[slot=secondary] div .section:has(a:not([href=null]))+.section{border-top:1px solid var(--colour-border);display:block;padding-top:.5rem;margin-top:.5rem}:is(iam-nav,.iam-nav)>details[slot=secondary]::details-content{display:none}:is(iam-nav,.iam-nav)>details[slot=secondary][open]::details-content{display:block;background:var(--dropdown-bg);margin-block:var(--dropdown-margin-block);padding:var(--dropdown-padding);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-box-shadow);position:absolute;top:calc(100% + .5rem);left:1.5rem}:is(iam-nav,.iam-nav)>details[slot=secondary][open]:has([data-title="Learning and support"])::details-content{left:auto;right:0}}@media screen and (min-width: 80em){:is(iam-nav,.iam-nav).nav--large *:not(.nav--menu)>details[open]>div:not(:has(details)){columns:4;column-gap:6.875rem}}@media screen and (min-width: 62em){:is(iam-nav,.iam-nav).search-open>*:not([slot=logo]):not([slot=secondary]):not([slot=search]){display:none !important}}@media screen and (min-width: 62em){:is(iam-nav,.iam-nav):has([slot=dual]) .brand:has(~[slot=dual]){margin-right:1.5rem !important}:is(iam-nav,.iam-nav):has([slot=dual]) *:not([slot=dual]):has(+[slot=dual])+[slot=dual]{margin-left:auto !important}:is(iam-nav,.iam-nav):has([slot=dual]) .btn[slot=dual]{margin-left:0}:is(iam-nav,.iam-nav):has([slot=dual])::part(btn-menu){margin-left:1rem !important}}:is(iam-nav,.iam-nav)>.dialog__wrapper .dialog--list a{font-size:1rem}@media screen and (max-width: 62em){:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs){width:100%}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .btn-compact{display:none !important}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .dialog--list{display:contents !important}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .dialog--list a{font-size:1rem}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .dialog--list a,:is(iam-nav,.iam-nav) .btn-compact{--compact-size: 2rem;all:unset;display:block !important;font-size:.875rem !important;line-height:2rem !important;height:2rem !important;min-height:2rem !important;max-height:2rem !important;width:100% !important;margin:0 !important;cursor:pointer;color:var(--colour-link);font-weight:normal !important}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .dialog--list a:where(:hover,:focus,.selected,[aria-current=page]),:is(iam-nav,.iam-nav) .btn-compact:where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .dialog--list a:before,:is(iam-nav,.iam-nav) .btn-compact:before{display:inline-block;width:auto;position:static;margin-right:.5rem;font-size:.875rem !important;text-decoration:none !important}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .dialog--list a:after,:is(iam-nav,.iam-nav) .btn-compact:after{display:none}}iam-nav .title[slot=account]{display:block}iam-nav .title[slot=account]:has(+.switch-account[slot=account]){padding-bottom:.5rem !important}iam-nav .switch-account[slot=account]{margin-bottom:3rem}/*# sourceMappingURL=assets/css/components/nav.global.css.map */
|
|
53
|
+
`,a.appendChild(i.content.cloneNode(!0)),document.getElementById("navGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="navGlobal">nav:has(:is(iam-nav,.iam-nav)){min-height:6rem;display:block;position:relative}nav:has(:is(iam-nav,.iam-nav)) :is(iam-nav,.iam-nav){position:absolute;top:0;left:0;width:100svw;z-index:var(--index-menu)}@media screen and (min-width: 62em){nav:has(:is(iam-nav,.iam-nav) [slot=secondary]){min-height:8.5rem}}nav:has(.nav--sticky){position:sticky;top:0;left:0;right:0;z-index:9999;pointer-events:none}nav:has(.nav--sticky) .nav--sticky{position:fixed;outline:2px solid #eee;transition:margin 1s;pointer-events:all}@media screen and (max-width: 36em){body:has(:is(iam-nav,.iam-nav).open:not(.nav--xs-sticky,.demo-open)){max-height:100vh;overflow:hidden;margin-top:0rem}nav:has(:is(iam-nav,.iam-nav).nav--xs-sticky){position:sticky;top:0;left:0;right:0;z-index:9999;transition:margin 1s}nav:has(:is(iam-nav,.iam-nav).nav--xs-sticky) :is(iam-nav,.iam-nav){position:fixed}body[data-direction=down].past100 nav:has(.nav--xs-sticky){transform:translate(0, -100%)}}@media screen and (min-width: 36em){body:has(:is(iam-nav,.iam-nav).open:not(.nav--sticky)){max-height:100vh;overflow:hidden}}body[data-direction=down].past100 nav:has(.nav--sticky) .nav--sticky{transform:translate(0, -100%)}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card)){text-decoration:none}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card)) .badge{position:absolute;right:0;top:50%;margin-top:-0.8rem}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card)):active{text-decoration-color:#a2d393 !important}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card)).active,:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page]{text-decoration-color:var(--colour-info) !important}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card))[data-product][data-feature]:not([data-is-enabled=true]){padding-left:2rem !important}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card))[data-product][data-feature]:not([data-is-enabled=true]):before{content:"\uF135";font-family:var(--fa-family, var(--fa-style-family, "Font Awesome 7 Pro"));padding-right:.5em;position:absolute;left:0;font-weight:700}:is(iam-nav,.iam-nav) .section [data-title].section-title{display:block}:is(iam-nav,.iam-nav) .section [data-product].section-desc{display:none}:is(iam-nav,.iam-nav) .section:not(:has([data-product][data-feature][data-is-enabled=true])):has([data-product].section-desc) [data-product].section-title{display:none}:is(iam-nav,.iam-nav) .section:not(:has([data-product][data-feature][data-is-enabled=true])):has([data-product].section-desc) [data-product].section-desc{display:block}:is(iam-nav,.iam-nav) .section:has([href=null]):not(:has(a:not([href=null]))){display:none !important}:is(iam-nav,.iam-nav) .section [href=null]{display:none !important}:is(iam-nav,.iam-nav) details{padding-bottom:0}:is(iam-nav,.iam-nav) details>summary{text-decoration:none}:is(iam-nav,.iam-nav) details>summary:where(:hover,:focus,.selected){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}:is(iam-nav,.iam-nav) details>summary:active{text-decoration-color:#a2d393 !important}:is(iam-nav,.iam-nav) details[open]>summary{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-success)}:is(iam-nav,.iam-nav) details:has([aria-current=page]:not([data-duplicate]))>summary{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-info)}@media screen and (max-width: 62em){:is(iam-nav,.iam-nav) details{background-color:#eee;margin-left:-1.5rem;margin-right:-1.5rem;padding-inline:1.5rem;width:auto;position:relative}:is(iam-nav,.iam-nav) details summary{background-color:var(--colour-canvas-2);display:block;border:none;color:var(--colour-link);margin:0;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 4rem 1.5rem 1.5rem;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}:is(iam-nav,.iam-nav) details summary:after{content:"\uF055";display:block;font-size:1.5rem;font-weight:300;position:absolute;top:1.5rem;right:1.5rem;font-family:var(--fa-family-classic);line-height:1em}:is(iam-nav,.iam-nav) details[open]>summary:after{content:"\uF056";font-weight:bold}:is(iam-nav,.iam-nav) details a{text-decoration:none;display:block;border:none;color:var(--colour-link);margin:0;margin-left:3rem !important;padding:1.5rem 0 1.5rem 0;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}:is(iam-nav,.iam-nav) details a:after{background:var(--colour-border) !important;top:calc(100% - 2px) !important;width:100% !important}:is(iam-nav,.iam-nav) details:after{content:"";position:absolute;top:calc(100% - 2px);left:1.5rem;height:2px;width:calc(100% - 3rem);display:block;height:2px;background-color:var(--colour-border) !important}:is(iam-nav,.iam-nav)>details[slot=secondary]{background-color:rgba(0,0,0,0)}:is(iam-nav,.iam-nav)>details[slot=secondary] summary{background-color:rgba(0,0,0,0)}:is(iam-nav,.iam-nav){--mobDetails: 'true'}:is(iam-nav,.iam-nav) details .section [data-title].section-title{color:var(--colour-body) !important;font-size:1rem;font-weight:normal;font-weight:normal}:is(iam-nav,.iam-nav) details>div .lead{padding:1rem 0 0 3rem !important}:is(iam-nav,.iam-nav) details>div a:last-child{margin-bottom:0 !important}:is(iam-nav,.iam-nav) details>div a:last-child:after{display:none}:is(iam-nav,.iam-nav) details a:has(iam-card){display:none !important}:is(iam-nav,.iam-nav) details details:after{display:none}:is(iam-nav,.iam-nav) details details summary{padding:0 1.5rem 1.5rem 3.5rem;position:relative}:is(iam-nav,.iam-nav) details details summary:after{left:1.5rem;font-size:1rem;top:.1875rem;transform:none;font-weight:400}:is(iam-nav,.iam-nav) details details>div{color-scheme:light}:is(iam-nav,.iam-nav) details a+details>summary{padding-top:1.5rem}:is(iam-nav,.iam-nav) details a+details>summary:after{margin-top:1.5rem}:is(iam-nav,.iam-nav) details details[open]+details:before{content:"";display:block;background:var(--colour-canvas-2);padding-top:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem}}@media screen and (max-width: 62em)and (min-width: 36em){:is(iam-nav,.iam-nav) details{padding-right:2.5rem;margin-right:-2.5rem}:is(iam-nav,.iam-nav) details:after{width:calc(100% - 4rem)}:is(iam-nav,.iam-nav) details summary{padding-right:2.5rem;margin-right:-2.5rem}:is(iam-nav,.iam-nav) details summary:after{right:2.5rem}}:is(iam-nav,.iam-nav)>details[slot=account]{background-color:#eee;margin-left:-1.5rem;margin-right:-1.5rem;padding-inline:1.5rem;width:auto;position:relative}:is(iam-nav,.iam-nav)>details[slot=account] summary{background-color:var(--colour-canvas-2);display:block;border:none;color:var(--colour-link);margin:0;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 4rem 1.5rem 1.5rem;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}:is(iam-nav,.iam-nav)>details[slot=account] summary:after{content:"\uF055";display:block;font-size:1.5rem;font-weight:300;position:absolute;top:1.5rem;right:1.5rem;font-family:var(--fa-family-classic);line-height:1em}:is(iam-nav,.iam-nav)>details[slot=account][open]>summary:after{content:"\uF056";font-weight:bold}:is(iam-nav,.iam-nav)>details[slot=account] a{text-decoration:none;display:block;border:none;color:var(--colour-link);margin:0;margin-left:3rem !important;padding:1.5rem 0 1.5rem 0;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}:is(iam-nav,.iam-nav)>details[slot=account] a:after{background:var(--colour-border) !important;top:calc(100% - 2px) !important;width:100% !important}:is(iam-nav,.iam-nav)>details[slot=account]:after{content:"";position:absolute;top:calc(100% - 2px);left:1.5rem;height:2px;width:calc(100% - 3rem);display:block;height:2px;background-color:var(--colour-border) !important}@media screen and (min-width: 36em){:is(iam-nav,.iam-nav)>details[slot=account]{padding-right:2.5rem;margin-right:-2.5rem}:is(iam-nav,.iam-nav)>details[slot=account]:after{width:calc(100% - 4rem)}:is(iam-nav,.iam-nav)>details[slot=account] summary{padding-right:2.5rem;margin-right:-2.5rem}:is(iam-nav,.iam-nav)>details[slot=account] summary:after{right:2.5rem}}@media screen and (min-width: 62em){:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account]){width:auto}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])>summary{display:block;border:none;color:var(--colour-link);margin:0;font-size:1rem;line-height:6rem;min-height:6rem;margin-block:-1.5rem;position:relative;font-weight:normal;white-space:nowrap;padding-right:1.5rem}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])>summary:after{content:"\uF078";display:block;font-size:1rem;font-weight:300;position:absolute;top:50%;transform:translate(0, -50%);right:0;font-family:var(--fa-family-classic);line-height:1em}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account]):not(:first-child)>summary{margin-left:1.5rem}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account]) div{display:none}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div{position:absolute;display:block;top:100%;left:50%;width:100%;padding-inline:max(var(--padding-inline),(100% - var(--container-max-width))/2 + var(--padding-inline)) !important;box-shadow:0px 6px 12px rgba(0,0,0,.11);max-height:calc(100vh - var(--nav-height));width:100svw;flex-wrap:wrap;translate:-50% 0}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div .lead{padding:1rem 0 0 0 !important}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:has(details){background:var(--colour-canvas-2)}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:has(details)>a{display:inline-block !important;margin-right:2rem !important}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:has(details)>a:first-child{margin-right:0}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:has(details)>a:after{display:none !important}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:has(details) a:has(iam-card){display:none}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:has(details) details{display:inline-block}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:has(details) details summary{display:inline-block;margin-left:0 !important;margin-right:2rem}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:has(details) details:first-child summary{margin-left:0}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:not(:has(details)){background:var(--colour-canvas);padding-top:8rem;padding-bottom:4rem;columns:3;column-gap:6.875rem}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:not(:has(details))>a{margin-right:0 !important;display:block;max-height:6rem}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:not(:has(details))>a.double-height{min-height:6rem}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:not(:has(details)) a:has(iam-card){display:inline-block}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:not(:has(details)):before{content:attr(data-title);display:block;position:absolute;top:0;left:0;width:100%;color:var(--colour-white);padding-inline:max(var(--padding-inline),(100% - var(--container-max-width))/2 + var(--padding-inline)) !important;font-size:2rem;font-weight:bold;line-height:5.5rem;--gradient-direction: 90deg;background-color:var(--colour-info-theme);background-image:linear-gradient(var(--gradient-direction), var(--colour-primary-theme) 0, transparent 100%) !important}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:not(:has(details)):has(iam-card){column-gap:1rem}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card)){margin-right:5.875rem !important}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:not(:has(details)):has(iam-card) a:has(iam-card):after{display:none}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card))+a:has(iam-card){break-before:column}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:has(span.section){display:flex}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:has(span.section)>span.section{display:block;flex-grow:1}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:has(span.section)>span.section .lead{column-span:all}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:has(span.section)>span.section.section--double{display:block;width:calc(66.66% - 6.875rem);columns:2;column-gap:6.875rem}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:has(span.section)>span.section.section--double .lead{column-span:all}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:has(span.section)>span.section:first-child:last-child{display:block;width:calc(66.66% - 6.875rem);columns:3;column-gap:6.875rem}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account])[open]>div:has(span.section)>span.section:first-child:last-child .lead{column-span:all}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account]) a:not([slot=logo]):not(.btn):not(:has(iam-card)){font-size:1rem;line-height:1.5rem;padding-block:1.5rem;position:relative;font-weight:normal;display:block;margin:0;overflow:auto}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account]) a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account]) a:not([slot=logo]):not(.btn):not(:has(iam-card)):active{text-decoration-color:#a2d393 !important}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account]) a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account]) a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page]{text-decoration-color:var(--colour-info)}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account]) a:not([slot=logo]):not(.btn):not(:has(iam-card)):after{content:"";display:block;height:2px;width:100% !important;top:calc(100% - 2px);background-color:var(--colour-border) !important}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account]) details>summary{padding-right:0;background:rgba(0,0,0,0)}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account]) details>summary:after{display:none}:is(iam-nav,.iam-nav) details:not([slot=secondary]):not([slot=account]) details:not(:first-child)>summary{margin-left:2rem}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card))[data-product][data-feature]:not([data-is-enabled=true]):before{left:.5rem}nav:has(:is(iam-nav,.iam-nav).open){min-height:100vh !important;max-height:100vh;overflow:visible;margin-bottom:calc((100vh - var(--nav-height))*-1)}html:has(:is(iam-nav,.iam-nav).open:not(.demo-open)){overflow:hidden}:is(iam-nav,.iam-nav)>details[slot=secondary]{display:inline-block;position:relative;width:auto}:is(iam-nav,.iam-nav)>details[slot=secondary] summary{display:inline-block;margin-left:1.5rem;margin-bottom:0 !important;font-size:.75rem;font-weight:bold}:is(iam-nav,.iam-nav)>details[slot=secondary] summary:after{display:none}:is(iam-nav,.iam-nav)>details[slot=secondary] div{text-align:left}:is(iam-nav,.iam-nav)>details[slot=secondary] div a{white-space:nowrap;text-decoration:none;font-size:1rem !important;line-height:1.5rem !important;margin:0;padding:var(--option-padding) !important}:is(iam-nav,.iam-nav)>details[slot=secondary] div .lead{--colour-heading: var(--colour-body);color:var(--colour-body);font-size:.87rem !important;line-height:1.5rem !important;margin:0;padding:var(--option-padding) !important}:is(iam-nav,.iam-nav)>details[slot=secondary] div a:after{width:0}:is(iam-nav,.iam-nav)>details[slot=secondary] div .section:has(a:not([href=null]))+.section{border-top:1px solid var(--colour-border);display:block;padding-top:.5rem;margin-top:.5rem}:is(iam-nav,.iam-nav)>details[slot=secondary]::details-content{display:none}:is(iam-nav,.iam-nav)>details[slot=secondary][open]::details-content{display:block;background:var(--dropdown-bg);margin-block:var(--dropdown-margin-block);padding:var(--dropdown-padding);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-box-shadow);position:absolute;top:calc(100% + .5rem);left:1.5rem}:is(iam-nav,.iam-nav)>details[slot=secondary][open]:has([data-title="Learning and support"])::details-content{left:auto;right:0}}@media screen and (min-width: 80em){:is(iam-nav,.iam-nav).nav--large *:not(.nav--menu)>details[open]>div:not(:has(details)){columns:4;column-gap:6.875rem}}@media screen and (min-width: 62em){:is(iam-nav,.iam-nav).search-open>*:not([slot=logo]):not([slot=secondary]):not([slot=search]){display:none !important}}@media screen and (min-width: 62em){:is(iam-nav,.iam-nav):has([slot=dual]) .brand:has(~[slot=dual]){margin-right:1.5rem !important}:is(iam-nav,.iam-nav):has([slot=dual]) *:not([slot=dual]):has(+[slot=dual])+[slot=dual]{margin-left:auto !important}:is(iam-nav,.iam-nav):has([slot=dual]) .btn[slot=dual]{margin-left:0}:is(iam-nav,.iam-nav):has([slot=dual])::part(btn-menu){margin-left:1rem !important}}:is(iam-nav,.iam-nav)>.dialog__wrapper .dialog--list a{font-size:1rem}@media screen and (max-width: 62em){:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs){width:100%}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .btn-compact{display:none !important}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .dialog--list{display:contents !important}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .dialog--list a{font-size:1rem}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .dialog--list a,:is(iam-nav,.iam-nav) .btn-compact{--compact-size: 2rem;all:unset;display:block !important;font-size:.875rem !important;line-height:2rem !important;height:2rem !important;min-height:2rem !important;max-height:2rem !important;width:100% !important;margin:0 !important;cursor:pointer;color:var(--colour-link);font-weight:normal !important}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .dialog--list a:where(:hover,:focus,.selected,[aria-current=page]),:is(iam-nav,.iam-nav) .btn-compact:where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .dialog--list a:before,:is(iam-nav,.iam-nav) .btn-compact:before{display:inline-block;width:auto;position:static;margin-right:.5rem;font-size:.875rem !important;text-decoration:none !important}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .dialog--list a:after,:is(iam-nav,.iam-nav) .btn-compact:after{display:none}}iam-nav .title[slot=account]{display:block}iam-nav .title[slot=account]:has(+.switch-account[slot=account]){padding-bottom:.5rem !important}iam-nav .switch-account[slot=account]{margin-bottom:3rem}/*# sourceMappingURL=assets/css/components/nav.global.css.map */
|
|
54
54
|
</style>`)}connectedCallback(){var a;const i=this.shadowRoot.querySelector(".backdrop"),n=this.shadowRoot.querySelector("#btn-menu"),t=this.shadowRoot.querySelector(".menu"),l=this.shadowRoot.querySelector("#btn-menu-account"),o=this.shadowRoot.querySelector(".nav--menu"),c=(a=this.shadowRoot)===null||a===void 0?void 0:a.querySelector("#account-btn-title");if(this.querySelector('[slot="secondary"]')&&this.classList.add("has-secondary"),c.innerHTML=this.hasAttribute("data-account-btn-title")?this.getAttribute("data-account-btn-title"):"My account",this.querySelector('[slot="account"]')||(l?.remove(),o?.remove(),c?.remove()),this.addEventListener("request-close",()=>{n.removeAttribute("aria-expanded"),t.classList.remove("open"),this.classList.remove("open")}),g(this,t,n,o,l),u(this),b(this,t,n,o,l,i),v(this,t,n,o,l),f(this,t,n,o,l,i),h(this),this.querySelector('[slot="search"]')){t.classList.add("has-search");const r=this.shadowRoot.querySelector("#search-wrapper");r.classList.remove("d-none"),r.insertAdjacentHTML("afterbegin",`<button class="btn btn-secondary btn-compact fa-search me-0 mb-0" id="search-button" aria-controls="search-dialog">Open Search field</button>
|
|
55
55
|
<dialog id="search-dialog">
|
|
56
56
|
<div class="container">
|