@iamproperty/components 5.5.1-beta-2 → 5.5.1-beta-4
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/inline-edit.css +1 -0
- package/assets/css/components/inline-edit.css.map +1 -0
- package/assets/css/components/inline-edit.preload.css +1 -0
- package/assets/css/components/inline-edit.preload.css.map +1 -0
- package/assets/css/components/multiselect.css +1 -0
- package/assets/css/components/multiselect.css.map +1 -0
- package/assets/css/components/multiselect.preload.css +1 -0
- package/assets/css/components/multiselect.preload.css.map +1 -0
- package/assets/css/components/nav.global.css +1 -1
- package/assets/css/components/nav.global.css.map +1 -1
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/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/applied-filters/applied-filters.component.min.js +1 -1
- package/assets/js/components/card/card.component.min.js +1 -1
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +1 -1
- package/assets/js/components/fileupload/fileupload.component.min.js +1 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.js +148 -0
- package/assets/js/components/inline-edit/inline-edit.component.min.js +22 -0
- package/assets/js/components/inline-edit/inline-edit.component.min.js.map +1 -0
- package/assets/js/components/multiselect/multiselect.component.js +221 -0
- package/assets/js/components/multiselect/multiselect.component.min.js +25 -0
- package/assets/js/components/multiselect/multiselect.component.min.js.map +1 -0
- package/assets/js/components/nav/nav.component.min.js +2 -2
- package/assets/js/components/notification/notification.component.min.js +1 -1
- package/assets/js/components/pagination/pagination.component.min.js +1 -1
- package/assets/js/components/search/search.component.min.js +1 -1
- package/assets/js/components/search/search.component.min.js.map +1 -1
- package/assets/js/components/table/table.component.min.js +1 -1
- package/assets/js/components/table/table.component.min.js.map +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +1 -1
- package/assets/js/dynamic.min.js +5 -5
- package/assets/js/dynamic.min.js.map +1 -1
- package/assets/js/modules/helpers.js +4 -0
- package/assets/js/modules/inputs.js +6 -2
- package/assets/js/scripts.bundle.js +3 -3
- package/assets/js/scripts.bundle.js.map +1 -1
- package/assets/js/scripts.bundle.min.js +2 -2
- package/assets/js/scripts.bundle.min.js.map +1 -1
- package/assets/sass/_components.scss +5 -0
- package/assets/sass/components/inline-edit.preload.scss +98 -0
- package/assets/sass/components/inline-edit.scss +32 -0
- package/assets/sass/components/multiselect.preload.scss +37 -0
- package/assets/sass/components/multiselect.scss +186 -0
- package/assets/sass/components/nav.global.scss +2 -0
- package/assets/sass/elements/admin-panel.scss +0 -3
- package/assets/sass/elements/badge-tag.scss +15 -5
- package/assets/sass/elements/forms.scss +16 -3
- package/assets/ts/components/inline-edit/README.md +30 -0
- package/assets/ts/components/inline-edit/inline-edit.component.ts +211 -0
- package/assets/ts/components/multiselect/README.md +35 -0
- package/assets/ts/components/multiselect/multiselect.component.ts +304 -0
- package/assets/ts/components/search/README.md +36 -0
- package/assets/ts/modules/helpers.ts +6 -0
- package/assets/ts/modules/inputs.ts +8 -2
- package/dist/components.es.js +10 -10
- package/dist/components.umd.js +11 -11
- package/package.json +1 -1
- package/src/components/InlineEdit/InlineEdit.vue +45 -0
- package/src/components/InlineEdit/README.md +7 -0
- package/src/components/Multiselect/Multiselect.vue +24 -0
- package/src/components/Multiselect/README.md +12 -0
- package/src/components/Search/README.md +11 -0
- package/src/components/Search/Search.vue +1 -1
package/dist/components.es.js
CHANGED
|
@@ -67,7 +67,7 @@ const za = /* @__PURE__ */ h(O, [["render", K]]), G = (t) => t.charAt(0).toUpper
|
|
|
67
67
|
},
|
|
68
68
|
created() {
|
|
69
69
|
this.$nextTick(function() {
|
|
70
|
-
import("./table.component.min-
|
|
70
|
+
import("./table.component.min-41ebbcdd.mjs").then((t) => {
|
|
71
71
|
window.customElements.get("iam-table") || window.customElements.define("iam-table", t.default);
|
|
72
72
|
}).catch((t) => {
|
|
73
73
|
console.log(t.message);
|
|
@@ -549,7 +549,7 @@ const Te = {
|
|
|
549
549
|
props: {},
|
|
550
550
|
mounted() {
|
|
551
551
|
this.$nextTick(function() {
|
|
552
|
-
import("./accordion.component.min-
|
|
552
|
+
import("./accordion.component.min-e0bba276.mjs").then((t) => {
|
|
553
553
|
window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", t.default);
|
|
554
554
|
}).catch((t) => {
|
|
555
555
|
console.log(t.message);
|
|
@@ -660,7 +660,7 @@ const Ba = /* @__PURE__ */ h(Re, [["render", Be]]), Oe = {
|
|
|
660
660
|
this.$nextTick(function() {
|
|
661
661
|
import(
|
|
662
662
|
/* @vite-ignore */
|
|
663
|
-
"./card.component.min-
|
|
663
|
+
"./card.component.min-3c74eafa.mjs"
|
|
664
664
|
).then((t) => {
|
|
665
665
|
window.customElements.get("iam-card") || window.customElements.define("iam-card", t.default);
|
|
666
666
|
}).catch((t) => {
|
|
@@ -720,7 +720,7 @@ const Ua = /* @__PURE__ */ h(We, [["render", Ke]]), Ge = {
|
|
|
720
720
|
},
|
|
721
721
|
mounted() {
|
|
722
722
|
this.$nextTick(function() {
|
|
723
|
-
import("./header.component.min-
|
|
723
|
+
import("./header.component.min-b5585f02.mjs").then((t) => {
|
|
724
724
|
window.customElements.get("iam-header") || window.customElements.define("iam-header", t.default);
|
|
725
725
|
}).catch((t) => {
|
|
726
726
|
console.log(t.message);
|
|
@@ -1116,7 +1116,7 @@ const Qa = /* @__PURE__ */ h(vt, [["render", Mt]]), Ct = {
|
|
|
1116
1116
|
name: "Nav",
|
|
1117
1117
|
mounted() {
|
|
1118
1118
|
this.$nextTick(function() {
|
|
1119
|
-
import("./nav.component.min-
|
|
1119
|
+
import("./nav.component.min-198b655f.mjs").then((t) => {
|
|
1120
1120
|
window.customElements.get("iam-nav") || window.customElements.define("iam-nav", t.default);
|
|
1121
1121
|
}).catch((t) => {
|
|
1122
1122
|
console.log(t.message);
|
|
@@ -1236,7 +1236,7 @@ const ea = {
|
|
|
1236
1236
|
name: "Tabs",
|
|
1237
1237
|
mounted() {
|
|
1238
1238
|
this.$nextTick(function() {
|
|
1239
|
-
N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/tabs/tabs.component.js": () => import("./tabs.component-1dfbdb3b.mjs"), "../../../assets/js/components/tabs/tabs.component.min.js": () => import("./tabs.component.min-
|
|
1239
|
+
N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/tabs/tabs.component.js": () => import("./tabs.component-1dfbdb3b.mjs"), "../../../assets/js/components/tabs/tabs.component.min.js": () => import("./tabs.component.min-8a17e957.mjs") }), "../../../assets/js/components/tabs/tabs.component.js").then((t) => {
|
|
1240
1240
|
window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", t.default);
|
|
1241
1241
|
}).catch((t) => {
|
|
1242
1242
|
console.log(t.message);
|
|
@@ -1473,7 +1473,7 @@ function ga(t, a, e, o, i, s) {
|
|
|
1473
1473
|
}
|
|
1474
1474
|
const ss = /* @__PURE__ */ h(ba, [["render", ga]]);
|
|
1475
1475
|
/*!
|
|
1476
|
-
* iamKey v5.5.1-beta-
|
|
1476
|
+
* iamKey v5.5.1-beta-4
|
|
1477
1477
|
* Copyright 2022-2024 iamproperty
|
|
1478
1478
|
*/
|
|
1479
1479
|
function ya(t, a) {
|
|
@@ -1643,7 +1643,7 @@ const ns = /* @__PURE__ */ h(La, [["render", Sa]]), Ea = {
|
|
|
1643
1643
|
props: {},
|
|
1644
1644
|
mounted() {
|
|
1645
1645
|
this.$nextTick(function() {
|
|
1646
|
-
import("./actionbar.component.min-
|
|
1646
|
+
import("./actionbar.component.min-4379e120.mjs").then((t) => {
|
|
1647
1647
|
window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", t.default);
|
|
1648
1648
|
}).catch((t) => {
|
|
1649
1649
|
console.log(t.message);
|
|
@@ -1658,7 +1658,7 @@ function qa(t, a, e, o, i, s) {
|
|
|
1658
1658
|
}
|
|
1659
1659
|
const os = /* @__PURE__ */ h(Ea, [["render", qa]]);
|
|
1660
1660
|
/*!
|
|
1661
|
-
* iamKey v5.5.1-beta-
|
|
1661
|
+
* iamKey v5.5.1-beta-4
|
|
1662
1662
|
* Copyright 2022-2024 iamproperty
|
|
1663
1663
|
*/
|
|
1664
1664
|
class z extends HTMLElement {
|
|
@@ -1798,7 +1798,7 @@ function Na(t, a, e, o, i, s) {
|
|
|
1798
1798
|
}
|
|
1799
1799
|
const ls = /* @__PURE__ */ h(Ca, [["render", Na]]);
|
|
1800
1800
|
/*!
|
|
1801
|
-
* iamKey v5.5.1-beta-
|
|
1801
|
+
* iamKey v5.5.1-beta-4
|
|
1802
1802
|
* Copyright 2022-2024 iamproperty
|
|
1803
1803
|
*/
|
|
1804
1804
|
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "collapsible side menu" });
|
package/dist/components.umd.js
CHANGED
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
<div class="applied-filters ${i}"></div>
|
|
23
23
|
<slot></slot>
|
|
24
24
|
`,this.shadowRoot.appendChild(l.content.cloneNode(!0))}connectedCallback(){Wa(this,this.shadowRoot.querySelector(".applied-filters"))}}window.customElements.get("iam-applied-filters")||window.customElements.define("iam-applied-filters",Ga);const Xa={name:"Header"};function Ka(a,e,t,n,i,l){return r.openBlock(),r.createElementBlock("iam-applied-filters",null,[r.renderSlot(a.$slots,"default")])}const Ya=L(Xa,[["render",Ka]]);/*!
|
|
25
|
-
* iamKey v5.5.1-beta-
|
|
25
|
+
* iamKey v5.5.1-beta-4
|
|
26
26
|
* Copyright 2022-2024 iamproperty
|
|
27
27
|
*/function Ja(a,e){Qa(a,e)}function Qa(a,e){var t;e.addEventListener("keyup",n=>{clearTimeout(t),t=setTimeout(function(){I(a,e.value)},500)}),e.addEventListener("change",n=>{clearTimeout(t),I(a,e.value)})}const I=function(a,e){Array.from(a.querySelectorAll(":scope > li")).forEach((t,n)=>{let i=t.textContent.toLowerCase();t.classList.add("d-none"),i.includes(e.toLowerCase())&&t.classList.remove("d-none")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Filtered list",value:e})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"filterlist"});class Za extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
28
28
|
<style>
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
${this.hasAttribute("data-dismiss")?'<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>':""}
|
|
65
65
|
</div>
|
|
66
66
|
`,this.shadowRoot.appendChild(o.content.cloneNode(!0)),document.getElementById("notificationHolder")||document.head.insertAdjacentHTML("beforeend",`<style id="notificationHolder">${i}</style>`)}connectedCallback(){const e=this.shadowRoot.querySelector("[data-dismiss-button]"),t=this.hasAttribute("data-status")?this.getAttribute("data-status"):"white";this.hasAttribute("data-type")?this.classList.add(`bg-${t}`):this.classList.add(`colour-${t}`);const n=this;if(!this.querySelector("i"))switch(t){case"danger":this.innerHTML+='<i class="fa-solid fa-circle-exclamation" aria-hidden="true" slot="icon"></i>';break;case"warning":this.innerHTML+='<i class="fa-solid fa-triangle-exclamation" aria-hidden="true" slot="icon"></i>';break;case"success":this.innerHTML+='<i class="fa-solid fa-check-circle" aria-hidden="true" slot="icon"></i>';break;default:this.innerHTML+='<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>'}oo(n),e&&e.addEventListener("click",function(i){N(n)},!1)}}const io={name:"Notification",props:{},created(){this.$nextTick(function(){window.customElements.get("iam-notification")||window.customElements.define("iam-notification",no)})}};function so(a,e,t,n,i,l){return r.openBlock(),r.createElementBlock("iam-notification",null,[r.renderSlot(a.$slots,"default")])}const lo=L(io,[["render",so]]),co={name:"Actionbar",props:{},mounted(){this.$nextTick(function(){Promise.resolve().then(()=>dr).then(a=>{window.customElements.get("iam-actionbar")||window.customElements.define("iam-actionbar",a.default)}).catch(a=>{console.log(a.message)})})}};function mo(a,e,t,n,i,l){return r.openBlock(),r.createElementBlock("iam-actionbar",null,[r.renderSlot(a.$slots,"default")])}const uo=L(co,[["render",mo]]);/*!
|
|
67
|
-
* iamKey v5.5.1-beta-
|
|
67
|
+
* iamKey v5.5.1-beta-4
|
|
68
68
|
* Copyright 2022-2024 iamproperty
|
|
69
69
|
*/let U=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
70
70
|
<style>
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
<option value="${u*2}">${u*2}</option>
|
|
109
109
|
<option value="${u*3}">${u*3}</option>
|
|
110
110
|
<option value="${u*4}">${u*4}</option>`),o.value=u}static get observedAttributes(){return["data-total","data-increment","data-page","data-show"]}attributeChangedCallback(e,t,n){switch(e){case"data-total":{t!=n&&(this.setAttribute("data-page",1),this.setup());break}case"data-show":{t!=n&&(this.setAttribute("data-page",1),this.setup(),this.dispatchEvent(new CustomEvent("update-show",{detail:{show:n}})));break}case"data-increment":{t!=n&&(this.setAttribute("data-show",n),this.setAttribute("data-page",1),this.setup(),this.dispatchEvent(new CustomEvent("update-show",{detail:{show:n}})));break}case"data-page":{t&&t!=n&&(this.setup(),this.dispatchEvent(new CustomEvent("update-page",{detail:{page:n}})));break}}}};const po=Object.freeze(Object.defineProperty({__proto__:null,default:U},Symbol.toStringTag,{value:"Module"})),ho={name:"Pagination",props:{},computed:{},created(){this.$nextTick(function(){window.customElements.get("iam-pagination")||window.customElements.define("iam-pagination",U)})},updated(){}};function bo(a,e,t,n,i,l){return r.openBlock(),r.createElementBlock("iam-pagination")}const fo=L(ho,[["render",bo]]),go={name:"Address Lookup",mounted(){this.$nextTick(function(){j(Object.assign({"../../../assets/js/components/address-lookup/address-lookup.component.js":()=>Promise.resolve().then(()=>ur),"../../../assets/js/components/address-lookup/address-lookup.component.min.js":()=>Promise.resolve().then(()=>hr)}),"../../../assets/js/components/address-lookup/address-lookup.component.js").then(a=>{window.customElements.get("iam-address-lookup")||window.customElements.define("iam-address-lookup",a.default)}).catch(a=>{console.log(a.message)})})}};function yo(a,e,t,n,i,l){return r.openBlock(),r.createElementBlock("iam-address-lookup",null,[r.renderSlot(a.$slots,"default")])}const vo=L(go,[["render",yo]]);/*!
|
|
111
|
-
* iamKey v5.5.1-beta-
|
|
111
|
+
* iamKey v5.5.1-beta-4
|
|
112
112
|
* Copyright 2022-2024 iamproperty
|
|
113
113
|
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"collapsible side menu"});let wo=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
114
114
|
<style class="styles">
|
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
|
|
134
134
|
</div>
|
|
135
135
|
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){const e=this.shadowRoot.querySelector(".side-menu"),t=this.shadowRoot.querySelector(".side-menu-content"),n=this.shadowRoot.querySelector(".main-content"),i=this.shadowRoot.querySelector(".side-menu > .btn");this.hasAttribute("data-css")&&this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`),this.hasAttribute("data-title")||this.setAttribute("data-title","configuration"),t.insertAdjacentHTML("afterbegin",`<span class="h3">${this.getAttribute("data-title")}</span>`),n.insertAdjacentHTML("afterbegin",`<span class="h3">${this.getAttribute("data-title")}</span>`),this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)")&&(this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("h4"),this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("main-content__title")),i.addEventListener("click",l=>{e.classList.contains("open")?(e.classList.remove("open"),i.removeAttribute("aria-expanded"),setTimeout(function(){t.classList.add("closed")},1e3),e.classList.add("pe-none"),setTimeout(function(){e.classList.remove("pe-none")},1e3)):(t.classList.remove("closed"),setTimeout(function(){e.classList.add("open"),i.setAttribute("aria-expanded",!0)},100))}),e.addEventListener("mouseenter",l=>{window.innerWidth>992&&(e.classList.contains("open")||t.classList.remove("closed"),e.classList.add("hover"))}),e.addEventListener("mousemove",l=>{window.innerWidth>992&&(e.classList.contains("open")||t.classList.remove("closed"))}),e.addEventListener("mouseleave",l=>{window.innerWidth>992&&(e.classList.remove("hover"),e.classList.contains("open")||setTimeout(function(){t.classList.add("closed")},1e3))})}};window.customElements.get("iam-collapsible-side")||window.customElements.define("iam-collapsible-side",wo);const ko={name:"CollapsibleSideMenu",props:{},mounted(){}};function _o(a,e,t,n,i,l){return r.openBlock(),r.createElementBlock("iam-collapsible-side",null,[r.renderSlot(a.$slots,"default")])}const Ao=L(ko,[["render",_o]]);/*!
|
|
136
|
-
* iamKey v5.5.1-beta-
|
|
136
|
+
* iamKey v5.5.1-beta-4
|
|
137
137
|
* Copyright 2022-2024 iamproperty
|
|
138
138
|
*/const xo=function(a){return typeof a!="string"?!1:!isNaN(a)&&!isNaN(parseFloat(a))},Lo=(a,e)=>String(a).padStart(e,"0"),So=a=>a.charAt(0).toUpperCase()+a.slice(1),$=(a,e,t)=>e.split(/[\.\[\]\'\"]/).filter(n=>n).reduce((n,i)=>n?n[i]:t,a);var Eo=function(a,e,t,n){function i(l){return l instanceof t?l:new t(function(o){o(l)})}return new(t||(t=Promise))(function(l,o){function s(p){try{d(n.next(p))}catch(u){o(u)}}function c(p){try{d(n.throw(p))}catch(u){o(u)}}function d(p){p.done?l(p.value):i(p.value).then(s,c)}d((n=n.apply(a,e||[])).next())})};const W=a=>{const e=Array.from(a.querySelectorAll("thead th"));Array.from(a.querySelectorAll("tbody tr")).forEach((t,n)=>{const i=Array.from(t.querySelectorAll("th, td")),l=["0","low","medium","high","unknown","n/a","pending","verified","due","overdue","incomplete","complete","completed","approval required","upcoming","requires approval","to do","on track","not started","warning","error"];i.forEach((o,s)=>{const c=e[s];if(typeof c<"u"){let d=document.createElement("div");d.innerHTML=c.innerHTML;let p=d.textContent||d.innerText||"";o.setAttribute("data-label",p),c.hasAttribute("data-td-class")&&o.setAttribute("class",c.getAttribute("data-td-class")),c.hasAttribute("data-format")&&(o.setAttribute("data-format",c.getAttribute("data-format")),o.innerHTML=D(c.getAttribute("data-format"),o.textContent.trim())),l.includes(o.textContent.trim().toLowerCase())&&o.setAttribute("data-content",o.textContent.trim().toLowerCase())}})})},qo=a=>{let e=0;return Array.from(a.querySelectorAll("tbody tr")).forEach((t,n)=>{let i=window.getComputedStyle(document.querySelector("html")),l=t.querySelector(":scope > *:last-child > *:first-child");if(l){l.classList.add("text-nowrap");let o=l.offsetWidth/parseFloat(i.fontSize);o+=1.7,e=e>o?e:o}}),e},$o=(a,e)=>{if(e.classList.contains("table--fullwidth")&&!e.hasAttribute("data-expandable")||a.querySelectorAll("thead tr th").length<4&&!e.hasAttribute("data-expandable"))return!1;Array.from(a.querySelectorAll("thead tr")).forEach((t,n)=>{a.querySelectorAll("thead tr th.expand-button-heading").length||t.insertAdjacentHTML("afterbegin",'<th class="th--fixed expand-button-heading"></th>')}),Array.from(a.querySelectorAll("tbody tr")).forEach((t,n)=>{const i=t.getAttribute("data-view")==="full"?"aria-expanded":"";t.insertAdjacentHTML("afterbegin",`<td class="td--fixed td--expand"><button class="btn btn-compact btn-secondary" data-expand-button ${i}>Expand</button></td>`)})},To=a=>{a.addEventListener("click",e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest("[data-expand-button]")){let t=e.target.closest("[data-expand-button]"),n=t.closest("tr");t.toggleAttribute("aria-expanded"),n.getAttribute("data-view")=="full"?n.setAttribute("data-view","default"):n.setAttribute("data-view","full"),t.blur()}})},G=(a,e)=>{let t=e.querySelector("input[data-search]");if(!t)return!1;const n=t.getAttribute("id"),i=t.getAttribute("data-search").split(",");let l=t.parentNode,o={};i.forEach((s,c)=>{Array.from(a.querySelectorAll('td[data-label="'+s.trim()+'"]')).forEach((d,p)=>{d.querySelector(".td__content")?o[d.querySelector(".td__content").textContent]=d.querySelector(".td__content").textContent:o[d.textContent]=d.textContent})}),t.setAttribute("list",`${n}_list`),t.setAttribute("autocomplete","off"),l.querySelector("datalist")||(l.innerHTML+=`<datalist id="${n}_list"></datalist>`),l.querySelector("datalist").innerHTML=`${Object.keys(o).map(s=>`<option value="${s}"></option>`).join("")}`},Co=(a,e,t,n,i)=>{var l;let o=function(d,p=!1){if(console.log("submit"),e.classList.contains("processing"))return!1;if(Array.from(e.querySelectorAll("iam-applied-filters")).forEach((u,b)=>{var m=new Event("tags-set");u.dispatchEvent(m)}),d.type=="submit"&&(e.classList.add("processing"),Array.from(e.querySelectorAll("[data-duplicate]")).forEach((u,b)=>{const m=u.getAttribute("data-duplicate"),h=document.getElementById(m),g=document.querySelector(`[for="${m}"] iam-card`);if(h.checked!=u.checked)if(g){let f=new Event("click");g.dispatchEvent(f)}else h.checked=u.checked}),e.classList.remove("processing")),e.hasAttribute("data-ajax")){if(!p){let u=e.querySelector("[data-pagination]");u.value=1,n.setAttribute("data-page",1)}J(a,e,t,n)}else e.hasAttribute("data-submit")?e.submit():(z(a,e,n),C(a,e));if(e.hasAttribute("data-ajax-post")){let u=new FormData(e),b=new URLSearchParams(u).toString();const m=new XMLHttpRequest;m.open("GET",`${window.location.href}?ajax=true&${b}`),m.send()}};e.querySelector("iam-actionbar[data-search]")&&e.querySelector("iam-actionbar[data-search]").addEventListener("search-submit",d=>{e.querySelector("input[data-search]")?e.querySelector("input[data-search]").value=d.detail.search:e.insertAdjacentHTML("beforeend",`<input type="hidden" name="search" data-search="${e.querySelector("iam-actionbar[data-search]").getAttribute("data-search")}" value="${d.detail.search}"/>`),clearTimeout(l),o(d)}),e.addEventListener("keyup",d=>{clearTimeout(l),d&&d.target instanceof HTMLElement&&d.target.closest("input[data-search]")&&(l=setTimeout(function(){o(d)},500))}),e.addEventListener("change",d=>{clearTimeout(l),d&&d.target instanceof HTMLElement&&d.target.closest("[data-sort]")&&(e.hasAttribute("data-submit")||X(a,e,i),o(d)),d&&d.target instanceof HTMLElement&&d.target.closest("input[data-search]")&&o(d),d&&d.target instanceof HTMLElement&&d.target.closest("[data-filter][data-no-ajax]")?(z(a,e,n),C(a,e)):(d&&d.target instanceof HTMLElement&&d.target.closest("[data-filter]")&&d.target.closest("form .dialog__wrapper > dialog")||d&&d.target instanceof HTMLElement&&d.target.closest("[data-filter]")&&!d.target.closest("form dialog"))&&o(d),d&&d.target instanceof HTMLElement&&d.target.closest("[data-show]")&&o(d),d&&d.target instanceof HTMLElement&&d.target.closest("[data-mimic]")&&o(d)}),e.addEventListener("click",d=>{if(clearTimeout(l),d&&d.target instanceof HTMLElement&&d.target.closest('dialog button:not([type="button"])')&&d.target.closest('dialog button:not([type="button"])').closest("dialog").close(),d&&d.target instanceof HTMLElement&&d.target.closest(".dialog__close")&&(d.preventDefault(),d.stopPropagation()),d&&d.target instanceof HTMLElement&&d.target.closest("[data-clear]")){e.classList.add("processing"),Array.from(e.querySelectorAll(".applied-filters")).forEach((u,b)=>{u.innerHTML=""});let p=e.elements;for(let u=0;u<p.length;u++)switch(p[u].type.toLowerCase()?p[u].type.toLowerCase():"text"){case"text":case"password":case"textarea":p[u].value="";break;case"radio":case"checkbox":if(p[u].checked){let b=p[u],m=b.getAttribute("id"),h=document.querySelector(`[for="${m}"`);if(h.querySelector("iam-card")){let g=h.querySelector("iam-card"),f=new Event("click");g.dispatchEvent(f)}b.checked=!1}break;case"select-one":case"select-multi":p[u].selectedIndex=-1;break}e.classList.remove("processing"),e.hasAttribute("data-submit")||X(a,e,i),o(d)}}),e.addEventListener("submit",d=>{clearTimeout(l),e.hasAttribute("data-submit")||d.preventDefault(),o(d)}),e.addEventListener("force",d=>{o(d)}),e.addEventListener("paginate",d=>{o(d,!0)});let s=[],c=[];Array.from(e.querySelectorAll("[data-mimic]")).forEach((d,p)=>{let u=d.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${u}"]`)).forEach((b,m)=>{let h=b.closest("form");s.includes(h)||s.push(h),c.includes(u)||c.push(u)})}),s.forEach((d,p)=>{const u=function(){let b=[],m=new FormData(d);for(const[h,g]of m)document.querySelector(`[data-mimic="${h}"]`)&&!b.includes(h)?(b.push(h),document.querySelector(`[data-mimic="${h}"]`).value=g):document.querySelector(`[data-mimic="${h}"]`)&&(document.querySelector(`[data-mimic="${h}"]`).value+=","+g);for(const h of b){const g=new Event("force");e.dispatchEvent(g)}for(const h of c)if(!m.has(h)&&d.querySelector(`[name="${h}"]`)){document.querySelector(`[data-mimic="${h}"]`).value="";const g=new Event("force");e.dispatchEvent(g)}};d.addEventListener("force",b=>{u()}),d.addEventListener("change",b=>{u()})})},X=(a,e,t)=>{if(e.getAttribute("data-ajax"))return!1;let n=a.querySelector("tbody"),i=e.querySelector('input[type="radio"][data-sort]:checked');if(e.querySelector("select[data-sort]")){let u=e.querySelector("select[data-sort]");i=e.querySelector(`select[data-sort] option:nth-child(${u.selectedIndex+1})`)}let l=i.getAttribute("data-sort"),o=i.getAttribute("data-order"),s=i.getAttribute("data-format");if(!l)return n.innerHTML=t.innerHTML,W(a),!1;let c=[];["asc","desc","descending"].includes(o)||(c=o.split(","));let d=[];Array.from(n.querySelectorAll("tr")).forEach((u,b)=>{let m=u.querySelector('td[data-label="'+l+'"], th[data-label="'+l+'"]').textContent.trim();u.querySelector('[data-label="'+l+'"] .td__content')&&(m=u.querySelector('[data-label="'+l+'"] .td__content').textContent.trim()),c.length&&c.includes(m)&&(m=c.indexOf(m)),xo(m)&&(m=Lo(m,10)),s&&s=="date"&&(m=new Date(m));const h={index:m,row:u};d.push(h)}),d.sort((u,b)=>u.index>b.index?1:-1),(o=="descending"||o=="desc")&&(d=d.reverse());let p="";d.forEach((u,b)=>{p+=u.row.outerHTML}),n.innerHTML=p},z=(a,e,t)=>{a.classList.remove("table--filtered");let n=Y(e),i=[],l=0,o=e.querySelector("[data-pagination]")?parseInt(e.querySelector("[data-pagination]").value):1,s=e.querySelector("[data-show]")?parseInt(e.querySelector("[data-show]").value):15;if(Array.from(a.querySelectorAll("tbody tr")).forEach((d,p)=>{d.classList.remove("filtered"),d.classList.remove("filtered--matched"),d.classList.remove("filtered--show"),d.removeAttribute("data-filtered-by")}),e.querySelector("input[data-search]")){let d=e.querySelector("input[data-search]");e.querySelector("input[data-search]").getAttribute("data-search").split(",").forEach((p,u)=>{i.push({column:`${p.trim()}`,value:`${d.value}`})})}Array.from(e.querySelectorAll("[data-filter-count]")).forEach((d,p)=>{d.innerHTML="",d.parentNode.classList.remove("hover")});let c=0;Object.values(n).forEach((d,p)=>{typeof d=="object"&&Object.values(d).length?c+=Object.values(d).length:c++}),c&&Array.from(e.querySelectorAll("[data-filter-count]")).forEach((d,p)=>{d.innerHTML+=`(${c})`,d.parentNode.classList.add("hover")}),a.classList.add("table--filtered");for(const[d,p]of Object.entries(n))Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((u,b)=>{let m=!1;p.forEach((h,g)=>{let f=u.querySelector(`[data-label="${d}"]`);if(h.includes("-date-from")){let A=new Date(h.replace("-date-from","")),x=new Date(f.textContent.toLowerCase());A.setHours(0,0,0,0),x.setHours(0,0,0,0),x<A?(u.classList.add("less-than-from-date"),m=!1):!u.classList.contains("less-than-from-date")&&!u.classList.contains("greater-than-to-date")&&(m=!0)}else if(h.includes("-date-to")){let A=new Date(h.replace("-date-to","")),x=new Date(f.textContent.toLowerCase());A.setHours(0,0,0,0),x.setHours(0,0,0,0),x>A?(u.classList.add("greater-than-to-date"),m=!1):!u.classList.contains("less-than-from-date")&&!u.classList.contains("greater-than-to-date")&&(m=!0)}if(h&&h=="$today")h=D("date",new Date);else if(h&&h=="$yesterday"){let A=new Date;A.setDate(A.getDate()-1),h=D("date",A)}else if(h&&(h=="$thisWeek"||h=="$lastWeek")){let A=new Date,x=new Date(A.setDate(A.getDate()-(A.getDay()-1))),k=new Date(A.setDate(A.getDate()-A.getDay()+7)),E=new Date(f.textContent.toLowerCase());if(A.setHours(0,0,0,0),x.setHours(0,0,0,0),k.setHours(0,0,0,0),E.setHours(0,0,0,0),h=="$thisWeek")m=E>=x&&E<=k;else{let q=new Date(x.setDate(x.getDate()-7)),T=new Date(k.setDate(k.getDate()-7));q.setHours(0,0,0,0),T.setHours(0,0,0,0),m=E>=q&&E<=T}}else if(h&&h=="$thisMonth"){let A=new Date,x=A.getFullYear(),k=A.getMonth();var y=new Date(x,k,1),v=new Date(x,k+1,0);let E=new Date(f.textContent.toLowerCase());y.setHours(0,0,0,0),v.setHours(0,0,0,0),E.setHours(0,0,0,0),m=E>=y&&E<=v}else if(h&&h=="$lastMonth"){let A=new Date,x=A.getFullYear(),k=A.getMonth();var w=new Date(x,k-1,1),S=new Date(x,k,0);let E=new Date(f.textContent.toLowerCase());w.setHours(0,0,0,0),S.setHours(0,0,0,0),E.setHours(0,0,0,0),m=E>=w&&E<=S}f&&f.textContent.toLowerCase().includes(h.replace("-"," ").toLowerCase())&&(m=!0)}),m||(u.classList.add("filtered"),u.setAttribute("data-filtered-by",d))});Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).forEach((d,p)=>{let u=!(i.length>0&&i[0].value.length>=3);i.forEach((b,m)=>{let h=d.querySelector(`[data-label="${b.column}"]`);h&&b.value.length>=3&&h.textContent.toLowerCase().includes(b.value.toLowerCase())&&(u=!0)}),u||d.classList.add("filtered")}),Array.from(a.querySelectorAll("tbody tr:not(.filtered")).forEach((d,p)=>{l++,d.classList.add("filtered--matched"),Math.ceil(l/s)==parseInt(o)&&d.classList.add("filtered--show")}),t&&(t.setAttribute("data-total",l),t.setAttribute("data-show",s),t.setAttribute("data-page",o))},C=(a,e,t)=>{Array.from(e.querySelectorAll("[data-query]")).forEach((n,i)=>{let l=n.getAttribute("data-query"),o=0;if(l=="total")t.hasAttribute("data-total")?o=t.getAttribute("data-total"):o=(a.classList.contains("table--filtered"),a.querySelectorAll("tbody tr").length);else if(!l.includes(" == ")&&l.includes(" & ")){let s=l.split(" & "),c="";s.forEach(d=>{c+=`:not([data-filtered-by="${d}"])`}),o=Array.from(a.querySelectorAll(`tbody tr${c}`)).length}else if(!l.includes(" == "))o=Array.from(a.querySelectorAll(`tbody tr:not([data-filtered-by="${l}"])`)).length;else if(l.includes(" && ")){let s=l.split(" && ");o=Array.from(a.querySelectorAll("tbody tr:not(.filtered)")).filter(function(c){let d=!0;for(const[p,u]of Object.entries(s)){let b=u.split(" == ");(!c.querySelector(`td[data-label="${b[0]}"]`)||c.querySelector(`td[data-label="${b[0]}"]`).textContent!=`${b[1]}`)&&(d=!1)}return d}).length}else{let s=l.split(" == ");o=Array.from(a.querySelectorAll(`tbody tr.filtered--matched td[data-label="${s[0]}"], tbody tr[data-filtered-by="${s[0]}"] td[data-label="${s[0]}"]`)).filter(function(c){return c.textContent===s[1]}).length}n.hasAttribute("data-total")?n.setAttribute("data-total",o):n.innerHTML=o})},Mo=function(a,e,t,n){t.addEventListener("update-page",i=>{let l=e.querySelector("[data-pagination]"),o=i.detail.page;if(l.value=o,e.dispatchEvent(new Event("paginate")),n.setAttribute("data-page",o),a.hasAttribute("data-show-history")){const s=new URL(location);s.searchParams.set("page",o),history.pushState({type:"pagination",form:e.getAttribute("id"),page:o},"",s)}if(!n.hasAttribute("data-no-scroll")){const s=a.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:s,behavior:"smooth"})}}),t.addEventListener("update-show",i=>{let l=e.querySelector("[data-show]"),o=i.detail.show;l.value=o,n.setAttribute("data-show",o),e.dispatchEvent(new Event("submit"))})},Ho=(a,e)=>{if(!a)return!1;a.addEventListener("click",t=>{Bo(e)})},Bo=function(a){for(var e=[],t=a.getElementsByTagName("tr"),n=0;n<t.length;n++){for(var i=t[n].querySelectorAll("td,th"),l=[],o=0;o<i.length;o++)l.push(`"${i[o].textContent}"`);e.push(l.join(","))}e=e.join(`
|
|
139
139
|
`);let s=new Blob([e],{type:"text/csv"});var c=document.createElement("a");c.download="export.csv";var d=window.URL.createObjectURL(s);c.href=d,c.style.display="none",document.body.appendChild(c),c.click(),document.body.removeChild(c)},K=function(a,e,t,n){if(W(a),$o(a,n),C(a,e,n),n&&n.classList.contains("table--cta")){let i=function(){Array.from(a.querySelectorAll("tr")).forEach((o,s)=>{let c=o.offsetHeight;o.style.setProperty("--row-height",`${c}px`)})};const l=qo(a);n.style.setProperty("--cta-width",`${l}rem`),new ResizeObserver(i).observe(a)}},Y=function(a){let e=new Object;return Array.from(a.querySelectorAll("[data-filter]")).forEach((t,n)=>{if(!(t.type=="radio"&&!t.checked)&&!(t.type=="checkbox"&&!t.checked)&&t&&t.value){let i=t.getAttribute("data-filter"),l=t.value;t.hasAttribute("data-date-from")&&(l+="-date-from"),t.hasAttribute("data-date-to")&&(l+="-date-to"),e[i]||(e[i]=new Array),e[i].push(l)}}),e},J=function(a,e,t,n){return Eo(this,void 0,void 0,function*(){let i=new FormData(e),l=new URLSearchParams(i).toString(),o=a.querySelectorAll("thead tr th:not(.expand-button-heading)"),s=a.querySelector("tbody"),c=e.getAttribute("data-ajax");n.classList.add("table--loading");let d=Y(e);Array.from(e.querySelectorAll("[data-filter-count]")).forEach((b,m)=>{b.innerHTML="",b.parentNode.classList.remove("hover")});let p=0;Object.values(d).forEach((b,m)=>{typeof b=="object"&&Object.values(b).length?p+=Object.values(b).length:p++}),p&&Array.from(e.querySelectorAll("[data-filter-count]")).forEach((b,m)=>{b.innerHTML+=`(${p})`,b.parentNode.classList.add("hover")}),window.controller||(window.controller=[]),window.controller[c]&&window.controller[c].abort(),window.controller[c]=new AbortController;const{signal:u}=controller[c];t.setAttribute("data-loading","true"),e.classList.add("processing");try{yield fetch(c+"?"+l,{signal:u,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"})}).then(b=>b.json()).then(b=>{let m=e.hasAttribute("data-schema")?e.getAttribute("data-schema"):"data",h=e.hasAttribute("data-schema-total")?e.getAttribute("data-schema-total"):"meta.total",g=e.hasAttribute("data-schema-page")?e.getAttribute("data-schema-page"):"meta.current_page",f=$(b,h,15),y=$(b,g,1),v=$(b,m),w=n.hasAttribute("data-empty-msg")?n.getAttribute("data-empty-msg"):"No results found";v?(s.innerHTML="",v.forEach((S,A)=>{var x=document.createElement("tr");o.forEach((k,E)=>{let q="";var T=document.createElement("td");if(T.setAttribute("data-label",k.innerText),k.getAttribute("data-output")){var F=k.getAttribute("data-output");q=F.replace(new RegExp(/{(.*?)}/,"gm"),function(br){return $(S,br.replace("{","").replace("}",""))})}if(k.hasAttribute("data-output-array")){var F=k.getAttribute("data-output");let fr=$(S,F.replace("{","").replace("}",""));q="",fr.forEach((ot,Er)=>{let gr=k.getAttribute("data-output-array"),H="";if(k.hasAttribute("data-output-array-property")&&k.hasAttribute("data-output-array-transform")){const P=$(ot,k.getAttribute("data-output-array-property")),yr=JSON.parse(k.getAttribute("data-output-array-transform"))[P];H=gr.replace(`{${k.getAttribute("data-output-array-property")}}`,yr)}H=H.replace(new RegExp(/{(.*?)}/,"gm"),function(P){return $(ot,P.replace("{","").replace("}",""))}),q+=H})}k.hasAttribute("data-transform")&&(q=JSON.parse(k.getAttribute("data-transform"))[q],!q&&k.hasAttribute("data-default")&&(q=k.getAttribute("data-default"))),T.innerHTML=q,x.appendChild(T)}),s.appendChild(x)}),G(a,e),n.setAttribute("data-total",parseInt(f)),n.setAttribute("data-page",parseInt(y)),K(a,e,t,n),Array.from(e.querySelectorAll("[data-ajax-query]")).forEach((S,A)=>{let x=$(b,S.getAttribute("data-ajax-query"),"");S.hasAttribute("data-total")?S.setAttribute("data-total",x):S.innerHTML=x}),parseInt(f)==0&&(s.innerHTML=`<tr><td colspan="100%"><span>${w}</span></td></tr>`),n.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:c,formData:l})):s.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>',t.removeAttribute("data-loading"),e.classList.remove("processing")})}catch(b){console.log(b)}})},D=(a,e)=>{switch(a){case"datetime":return new Date(e).toLocaleDateString("en-gb",{weekday:"short",year:"2-digit",month:"long",day:"numeric"})+" "+new Date(e).toLocaleTimeString("en-gb",{hour:"2-digit",minute:"2-digit"});case"date":return new Date(e).toLocaleDateString("en-gb",{day:"numeric",month:"long",year:"2-digit"});case"capitalise":return e=So(e)}};class Ro extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
@@ -163,7 +163,7 @@
|
|
|
163
163
|
<iam-pagination class="pagination--table" ${this.hasAttribute("data-page")?`data-page="${this.getAttribute("data-page")}"`:""} ></iam-pagination>
|
|
164
164
|
`,this.shadowRoot.appendChild(n.content.cloneNode(!0)),document.getElementById("tableExtras")||document.head.insertAdjacentHTML("beforeend",`<style id="tableExtras">*:has(>iam-table){container-type:inline-size}iam-table{--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}iam-table thead tr{background:var(--row-bg)}iam-table tbody tr{background:var(--row-bg)}iam-table tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238,238,238;--row-bg: var(--hover-background);background:var(--row-bg)}@media screen and (prefers-color-scheme: dark){iam-table tbody tr{--hover-background: var(--colour-canvas)}iam-table tbody tr:is(:hover,:focus-within,.hover){background:var(--row-bg)}}iam-table[data-expandable] [data-expand-button][aria-expanded]{background-color:rgba(0,0,0,0)}@container (width < 23.4375em){iam-table:not(.table--fullwidth) thead{display:none}iam-table:not(.table--fullwidth) tbody{display:block;overflow:visible}iam-table:not(.table--fullwidth) tbody tr td:first-child{padding-top:0}iam-table:not(.table--fullwidth) tr{display:block;position:relative;border:none;background:var(--row-bg);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem;height:auto}iam-table:not(.table--fullwidth) tr+tr{margin-top:2rem}iam-table:not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}iam-table:not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}iam-table:not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}iam-table:not(.table--fullwidth) :is(td,th)[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--colour-heading);padding:0 0 0.375rem 0;margin-bottom:0;display:block;font-weight:bold}iam-table:not(.table--fullwidth) td:first-child::after{top:1.75rem !important}iam-table:not(.table--fullwidth) td::after{top:2.5rem}iam-table:not(.table--fullwidth) .td--fixed{padding-right:50%}iam-table:not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}iam-table:not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}iam-table:not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative}iam-table:not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important}iam-table:not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}iam-table:not(.table--fullwidth) [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:300 !important;font-size:1.75rem;line-height:var(--compact-size) !important}iam-table:not(.table--fullwidth) [data-expand-button][aria-expanded]:before{content:"";font-weight:900 !important}iam-table:not(.table--fullwidth) .dialog__wrapper:not([slot=overflow]){margin-top:-0.5rem;margin-left:-1rem;z-index:10}iam-table:not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child{display:block !important;position:static;width:100%;min-width:100%;margin-left:0;padding-left:0;text-align:left;min-height:0}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child:after{display:none}}@container (width > 23.4375em){iam-table.table--cta:not(.table--loading):has(tr:first-child td:first-child:last-child){padding-right:calc(var(--wrapper-padding) + 1.5rem)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>th:nth-last-child(2),iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>td:nth-last-child(2){padding-right:var(--cta-width)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem);cursor:default;padding-bottom:0}@media screen and (prefers-color-scheme: dark){iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem;padding-bottom:0}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta){position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead{position:sticky;top:0;left:0;z-index:1;background-color:var(--row-bg)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--colour-primary)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody{position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:first-child td{border-top:0}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:last-child td{border-bottom:0}table .hide-status:after{display:none}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content="action required"],[data-content=upcoming]):after{content:"";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"";color:var(--colour-warning)}table :is([data-content="manually verified"],[data-content=verified],[data-content=completed],[data-content=complete]):after{content:"";font-weight:normal;color:var(--colour-complete)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"";color:var(--colour-primary)}iam-table .table--filtered tbody tr:not(.filtered--show){display:none !important}iam-table table:not(.table--filtered):not(.table--ajax) tbody tr:nth-child(15)~tr{display:none}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.75rem !important;left:.25rem !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:auto;margin:0;margin-top:0rem}iam-table tr:has([type=checkbox]:checked){height:3.5rem}iam-table tr:has([type=checkbox]:checked){--row-bg: #E0E0E0}@media screen and (prefers-color-scheme: dark){iam-table tr:has([type=checkbox]:checked){--row-bg: #000000}}@container (width < 23.4375em){@media screen and (prefers-color-scheme: light){iam-table:has([slot=before]) iam-actionbar{background-color:#e6eaec}}iam-table:has([slot=before]) .actionbar__sticky+*{margin-top:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}iam-table.table--fullwidth:not([data-expandable]) th.expand-button-heading{display:none}iam-table.table--fullwidth:not([data-expandable]) td:has([data-expand-button]){display:none}@container (width > 23.4375em){iam-table:not([data-expandable]) th.expand-button-heading{display:none}iam-table:not([data-expandable]) td.td--expand{display:none}iam-table[data-expandable] [data-expand-button]{margin:0}iam-table[data-expandable] [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:500}iam-table[data-expandable] [data-expand-button][aria-expanded]:before{content:""}iam-table[data-expandable] tr:not(:has(p)) [data-expand-button]{display:none}iam-table[data-expandable] tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}@container (width < 23.4375em){iam-table:not(.table--fullwidth) .td--fixed+td:not(.td--fixed){border-top:none}}@container (width > 23.4375em){iam-table{--width-adjust: 0px}iam-table:has([type=checkbox]){--width-adjust: -1rem}iam-table .th--fixed{min-width:calc(4.5rem + var(--width-adjust));position:absolute;padding:0}iam-table .th--fixed:after{top:auto;left:0;content:"";position:absolute;width:100%;height:calc(var(--row-height) - 2px);background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed{position:absolute;position:absolute;left:auto;top:auto;z-index:3;padding:0.25rem 0 0 0;min-width:4.5rem;height:calc(var(--row-height) - 2px);text-align:left;background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed:has([open]){z-index:4}iam-table tr:has(.td--fixed){height:3.5rem}iam-table tr:is(:hover,:focus) .td--fixed{background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table tr:has([data-expand-button]){height:calc(4.625rem - 2px)}iam-table .th--fixed+th:not(.th--fixed),iam-table .td--fixed+td:not(.td--fixed){padding-left:calc(4.5rem + var(--width-adjust))}iam-table .th--fixed:not(.expand-button-heading)+.th--fixed+th:not(.th--fixed),iam-table .td--fixed:not(.td--expand)+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table[data-expandable] .th--fixed+.th--fixed+th:not(.th--fixed),iam-table[data-expandable] .td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed+.th--fixed,iam-table .td--fixed+.td--fixed{padding-left:calc(3.25rem + var(--width-adjust));min-width:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed:has(+.th--fixed),iam-table .td--fixed:has(+.td--fixed){min-width:calc(3.25rem + var(--width-adjust));z-index:5}iam-table .dialog__wrapper{z-index:10}iam-table .dialog__wrapper:has([open]){z-index:20}iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:before,iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:after{left:1.25rem !important}iam-table:not([data-expandable]) th.expand-button-heading+th{padding-left:0 !important}iam-table:not([data-expandable]) td.td--expand+td{padding-left:0 !important}iam-table:not([data-expandable]) th.expand-button-heading+.th--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}iam-table:not([data-expandable]) td.td--expand+.td--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}}/*# sourceMappingURL=assets/css/components/table.global.css.map */
|
|
165
165
|
</style>`)}connectedCallback(){const e=new URLSearchParams(window.location.search);this.hasAttribute("data-total")||this.setAttribute("data-total",this.querySelectorAll("table tbody tr").length),this.hasAttribute("data-page")||this.setAttribute("data-page",e.has("page")?e.get("page"):1),this.hasAttribute("data-show")||this.setAttribute("data-show",e.has("show")?e.get("show"):15),this.hasAttribute("data-increment")||this.setAttribute("data-increment",this.getAttribute("data-show"));let t=this.classList.toString();if(t=t.replace("table--cta",""),t=t.replace("table--loading",""),this.shadowRoot.querySelector(".table__wrapper").className+=` ${t}`,this.querySelector(".actionbar__sticky")&&this.shadowRoot.querySelector(".table__wrapper").classList.add("has-actionbar"),this.table=this.querySelector("table"),this.savedTableBody=this.table.querySelector("tbody").cloneNode(!0),this.pagination=this.shadowRoot.querySelector("iam-pagination"),this.pagination.setAttribute("data-total",this.getAttribute("data-total")),this.pagination.setAttribute("data-page",this.getAttribute("data-page")),this.pagination.setAttribute("data-show",this.getAttribute("data-show")),this.pagination.setAttribute("data-increment",this.getAttribute("data-show")),this.hasAttribute("data-page-jump")&&this.pagination.setAttribute("data-page-jump","true"),this.hasAttribute("data-per-page")&&this.pagination.setAttribute("data-per-page","true"),this.hasAttribute("data-item-count")&&this.pagination.setAttribute("data-item-count","true"),this.hasAttribute("data-loading")&&this.pagination.setAttribute("data-loading","true"),this.classList.contains("table--fullwidth")&&this.pagination.setAttribute("data-minimal","true"),this.classList.contains("table--cta")||this.shadowRoot.querySelector(".table--cta").classList.remove("table--cta"),this.form=document.createElement("form"),this.hasAttribute("data-filterby")?this.form=document.querySelector(`#${this.getAttribute("data-filterby")}`):this.table.parentNode.insertBefore(this.form,this.table.nextSibling),this.form.hasAttribute("data-ajax")&&this.table.classList.add("table--ajax"),G(this.table,this.form),this.form.querySelector("[data-pagination]")||this.form.insertAdjacentHTML("beforeend",`<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`),this.form.querySelector("[data-show]")||this.form.insertAdjacentHTML("beforeend",`<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`),To(this.table),Co(this.table,this.form,this.pagination,this,this.savedTableBody),Mo(this.table,this.form,this.pagination,this),Ho(this.shadowRoot.querySelector("[data-export]"),this.table),this.form.getAttribute("data-ajax"))J(this.table,this.form,this.pagination,this);else{let n=function(l=1){return Math.floor(Math.random()*Date.now()*(l+1))};if(this.querySelector("iam-actionbar[data-selectall]")){const l=this.querySelector("iam-actionbar[data-selectall]");Array.from(this.table.querySelectorAll("thead tr")).forEach((o,s)=>{o.insertAdjacentHTML("afterbegin",'<th class="th--fixed"></th>')}),Array.from(this.table.querySelectorAll("tbody tr")).forEach((o,s)=>{let c=`row${n(s)}`;o.insertAdjacentHTML("afterbegin",`<td class="td--fixed selectrow"><input type="checkbox" name="row" id="${c}"/><label for="${c}"><span class="visually-hidden">Select row</span></label></td>`)}),this.table.addEventListener("change",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest(".selectrow input")){let s=this.table.querySelectorAll('.selectrow input[type="checkbox"]').length,c=this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;l.setAttribute("data-selected",s==c?"all":c)}}),l.addEventListener("selected",o=>{o.detail.selected=="0"?Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((s,c)=>{s.checked=!1}):o.detail.selected=="all"&&Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((s,c)=>{s.checked=!0})})}let i=-1;Array.from(this.table.querySelectorAll("tbody tr")).forEach((l,o)=>{if(l.querySelector(":scope > td > .dialog__wrapper")){let s=l.querySelector(":scope > td > .dialog__wrapper").parentNode;s.classList.add("td--fixed"),i=Array.from(s.parentNode.children).indexOf(s)}}),i!=-1&&(this.table.querySelector(`thead tr th:nth-child(${i+1})`).classList.add("th--fixed"),Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${i+1})`)).forEach((l,o)=>{l.classList.add("td--fixed")})),K(this.table,this.form,this.pagination,this),z(this.table,this.form,this),C(this.table,this.form)}this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll",n=>{this.table.querySelector("dialog[open]")&&(this.table.querySelector("dialog[open]").close(),this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"))})}static get observedAttributes(){return["data-total","data-page","data-show"]}attributeChangedCallback(e,t,n){switch(this.pagination=this.shadowRoot.querySelector("iam-pagination"),e){case"data-total":{t!=n&&this.pagination.setAttribute("data-total",n);break}case"data-show":{t!=n&&this.pagination.setAttribute("data-show",n);break}case"data-page":{t!=n&&this.pagination.setAttribute("data-page",n);break}}}}const jo=Object.freeze(Object.defineProperty({__proto__:null,default:Ro},Symbol.toStringTag,{value:"Module"}));/*!
|
|
166
|
-
* iamKey v5.5.1-beta-
|
|
166
|
+
* iamKey v5.5.1-beta-4
|
|
167
167
|
* Copyright 2022-2024 iamproperty
|
|
168
168
|
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"accordion"});class No extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
169
169
|
<style>
|
|
@@ -181,7 +181,7 @@
|
|
|
181
181
|
</style>
|
|
182
182
|
<slot></slot>
|
|
183
183
|
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){if(!this.classList.contains("accordion--keep-open")){const e=this.querySelectorAll(":scope > details");e.forEach(t=>{t.addEventListener("toggle",()=>{e.forEach(n=>{n!==t&&t.hasAttribute("open")&&n.removeAttribute("open")})})})}}}const zo=Object.freeze(Object.defineProperty({__proto__:null,default:No},Symbol.toStringTag,{value:"Module"}));/*!
|
|
184
|
-
* iamKey v5.5.1-beta-
|
|
184
|
+
* iamKey v5.5.1-beta-4
|
|
185
185
|
* Copyright 2022-2024 iamproperty
|
|
186
186
|
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Card"});class Do extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.querySelector('[class*="fa-"]')&&this.classList.add("card--has-icon");let e=this.classList.toString();const t=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"):`${t}/css/core.min.css`,i=document.createElement("template");i.innerHTML=`
|
|
187
187
|
<style>
|
|
@@ -230,7 +230,7 @@
|
|
|
230
230
|
</div>
|
|
231
231
|
</div>
|
|
232
232
|
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){const e=this.shadowRoot.querySelector(".carousel"),t=this.querySelector(".row"),n=this.shadowRoot.querySelector(".carousel__controls");let i=this.querySelectorAll(":scope > .row > .col").length;e.setAttribute("data-row-class",t.className),this.classList.contains("hide-btns")&&e.classList.add("hide-btns"),this.classList.contains("hide-controls")&&e.classList.add("hide-controls");let l="";for(let o=1;o<=i;o++)l+=`<button class="control-${o}" data-slide="${o}" ${o==1?"aria-current":""}>Slide ${o}</button>`;n.innerHTML=l,Fo(e,t)}}const Oo=Object.freeze(Object.defineProperty({__proto__:null,default:Po},Symbol.toStringTag,{value:"Module"}));/*!
|
|
233
|
-
* iamKey v5.5.1-beta-
|
|
233
|
+
* iamKey v5.5.1-beta-4
|
|
234
234
|
* Copyright 2022-2024 iamproperty
|
|
235
235
|
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class Io extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
236
236
|
<style>
|
|
@@ -248,7 +248,7 @@
|
|
|
248
248
|
</div>
|
|
249
249
|
</div>
|
|
250
250
|
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){this.classList.add("bg-primary");const e=this.shadowRoot.querySelector("picture"),t=this.shadowRoot.querySelector("picture img");this.hasAttribute("image")?t.setAttribute("src",this.getAttribute("image")):e.remove()}}const Uo=Object.freeze(Object.defineProperty({__proto__:null,default:Io},Symbol.toStringTag,{value:"Module"}));/*!
|
|
251
|
-
* iamKey v5.5.1-beta-
|
|
251
|
+
* iamKey v5.5.1-beta-4
|
|
252
252
|
* Copyright 2022-2024 iamproperty
|
|
253
253
|
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"nav"});const Wo=Object.freeze(Object.defineProperty({__proto__:null,default:class extends HTMLElement{constructor(){super();const e=this.attachShadow({mode:"open"}),t=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"):`${t}/css/core.min.css`,i=document.createElement("template");i.innerHTML=`
|
|
254
254
|
<style class="styles">
|
|
@@ -283,7 +283,7 @@
|
|
|
283
283
|
</div>
|
|
284
284
|
</div>
|
|
285
285
|
<div class="backdrop" part="backdrop"></div>
|
|
286
|
-
`,e.appendChild(i.content.cloneNode(!0)),document.getElementById("navGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="navGlobal">body:has(iam-nav.open:not(.nav--sticky):not(.nav--xs-sticky)){max-height:100vh;overflow:hidden}body{--nav-height: 6rem;--sticky-padding: 0px}body:has(iam-nav a[slot=secondary]){--nav-height: 8.5rem}body:has(iam-nav.nav--sticky){--sticky-padding: var(--nav-height)}nav:has(iam-nav){min-height:6rem;display:block;position:relative}nav:has(iam-nav) iam-nav{position:absolute;top:0;left:0;width:100%;z-index:var(--index-menu)}@media screen and (min-width: 62em){nav:has(iam-nav a[slot=secondary]){min-height:8.5rem}}nav:has(iam-nav.nav--sticky) iam-nav{position:fixed}@media screen and (max-width: 36em){body:has(iam-nav.open:not(.nav--xs-sticky)){max-height:100vh;overflow:hidden}nav:has(iam-nav.nav--xs-sticky) iam-nav{position:fixed}}@media screen and (min-width: 36em){body:has(iam-nav.open:not(.nav--sticky)){max-height:100vh;overflow:hidden}}iam-nav{--nav-height: 6rem;overscroll-behavior:contain !important;background-color:var(--colour-canvas);display:block;margin-left:auto;margin-right:auto;padding:var(--container-padding);padding-top:1.5rem;padding-bottom:1.5rem;width:100%}iam-nav:has(a[slot=secondary]){--nav-height: 8.5rem}iam-nav .brand{font-size:3rem;height:3rem;padding:0;text-decoration:none;min-width:min(var(--svg-width),14rem);margin-right:auto}iam-nav .brand img{height:100%;width:auto}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)){text-decoration:none}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)) .badge{position:absolute;right:0;top:50%;margin-top:-0.8rem}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)):active{text-decoration-color:#a2d393 !important}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page]{text-decoration-color:var(--colour-info) !important}iam-nav details>summary{text-decoration:none}iam-nav details>summary:where(:hover,:focus,.selected){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav details>summary:active{text-decoration-color:#a2d393 !important}iam-nav details[open]>summary{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-success)}iam-nav details:has([aria-current=page]:not([data-duplicate]))>summary{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-info)}@media screen and (max-width: 62em){iam-nav details{background-color:var(--colour-canvas);margin-left:-1.5rem;margin-right:-1.5rem;padding-inline:1.5rem;width:auto;position:relative}}@media screen and (max-width: 62em)and (prefers-color-scheme: light){iam-nav details{background-color:#eee}}@media screen and (max-width: 62em){iam-nav details summary{background-color:var(--colour-white);display:block;border:none;color:var(--colour-link);margin:0;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 4rem 1.5rem 1.5rem;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}}@media screen and (max-width: 62em)and (prefers-color-scheme: dark){iam-nav details summary{background-color:var(--colour-canvas-2)}}@media screen and (max-width: 62em){iam-nav details summary:after{content:"";display:block;font-size:1.5rem;font-weight:300;position:absolute;top:1.5rem;right:1.5rem;font-family:"Font Awesome 6 Pro";line-height:1em}iam-nav details[open]>summary:after{content:"";font-weight:bold}iam-nav details a{text-decoration:none;display:block;border:none;color:var(--colour-link);margin:0;margin-left:3rem;padding:1.5rem 0 1.5rem 0;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}iam-nav details a:after{background:var(--colour-border) !important;top:calc(100% - 2px) !important;width:100% !important}iam-nav details a:has(iam-card){display:none !important}iam-nav details>div a:last-child{margin-bottom:0 !important}iam-nav details>div a:last-child:after{display:none}iam-nav details:after{content:"";position:absolute;top:calc(100% - 2px);left:1.5rem;height:2px;width:calc(100% - 3rem);display:block;height:2px;background-color:var(--colour-border) !important}iam-nav details details:after{display:none}iam-nav details details summary{padding:0 1.5rem 1.5rem 3.5rem;position:relative}iam-nav details details summary:after{left:1.5rem;font-size:1rem;top:0.1875rem;transform:none;font-weight:400}iam-nav details a+details>summary{padding-top:1.5rem}iam-nav details a+details>summary:after{margin-top:1.5rem}iam-nav details details[open]+details:before{content:"";display:block;background:var(--colour-canvas-2);padding-top:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem}}@media screen and (max-width: 62em)and (min-width: 36em){iam-nav details{padding-right:2.5rem;margin-right:-2.5rem}iam-nav details:after{width:calc(100% - 4rem)}iam-nav details summary{padding-right:2.5rem;margin-right:-2.5rem}iam-nav details summary:after{right:2.5rem}iam-nav details details[open]+details:before{padding-right:2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 62em){iam-nav .nav--menu details{background-color:var(--colour-canvas);margin-left:-1.5rem;margin-right:-1.5rem;padding-inline:1.5rem;width:auto;position:relative;padding-right:2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav .nav--menu details{background-color:#eee}}@media screen and (min-width: 62em){iam-nav .nav--menu details summary{background-color:var(--colour-white);display:block;border:none;color:var(--colour-link);margin:0;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 4rem 1.5rem 1.5rem;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){iam-nav .nav--menu details summary{background-color:var(--colour-canvas-2)}}@media screen and (min-width: 62em){iam-nav .nav--menu details summary:after{content:"";display:block;font-size:1.5rem;font-weight:300;position:absolute;top:1.5rem;right:1.5rem;font-family:"Font Awesome 6 Pro";line-height:1em}iam-nav .nav--menu details[open]>summary:after{content:"";font-weight:bold}iam-nav .nav--menu details a{text-decoration:none;display:block;border:none;color:var(--colour-link);margin:0;margin-left:3rem;padding:1.5rem 0 1.5rem 0;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}iam-nav .nav--menu details a:after{background:var(--colour-border) !important;top:calc(100% - 2px) !important;width:100% !important}iam-nav .nav--menu details a:has(iam-card){display:none !important}iam-nav .nav--menu details>div a:last-child{margin-bottom:0 !important}iam-nav .nav--menu details>div a:last-child:after{display:none}iam-nav .nav--menu details:after{content:"";position:absolute;top:calc(100% - 2px);left:1.5rem;height:2px;width:calc(100% - 3rem);display:block;height:2px;background-color:var(--colour-border) !important}iam-nav .nav--menu details:after{width:calc(100% - 4rem)}iam-nav .nav--menu details summary{padding-right:2.5rem;margin-right:-2.5rem}iam-nav .nav--menu details summary:after{right:2.5rem}}@media screen and (min-width: 62em){iam-nav>details,iam-nav *:not(.nav--menu)>details{width:auto}iam-nav>details>summary,iam-nav *:not(.nav--menu)>details>summary{display:block;border:none;color:var(--colour-link);margin:0;font-size:1rem;line-height:6rem;min-height:6rem;margin-block:-1.5rem;position:relative;font-weight:normal;white-space:nowrap;padding-right:1.5rem}iam-nav>details>summary:after,iam-nav *:not(.nav--menu)>details>summary:after{content:"";display:block;font-size:1rem;font-weight:300;position:absolute;top:50%;transform:translate(0, -50%);right:0;font-family:"Font Awesome 6 Pro";line-height:1em}iam-nav>details:not(:first-child)>summary,iam-nav *:not(.nav--menu)>details:not(:first-child)>summary{margin-left:1.5rem}iam-nav>details div,iam-nav *:not(.nav--menu)>details div{display:none}iam-nav>details[open]>div,iam-nav *:not(.nav--menu)>details[open]>div{position:absolute;display:block;top:100%;left:0;width:100%;padding-inline:max(var(--padding-inline),(100% - var(--container-max-width))/2 + var(--padding-inline)) !important;box-shadow:0px 6px 12px rgba(0,0,0,.11)}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav>details[open]>div,iam-nav *:not(.nav--menu)>details[open]>div{background:var(--colour-white);--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light)}iam-nav>details[open]>div .text-primary,iam-nav *:not(.nav--menu)>details[open]>div .text-primary{color:var(--colour-primary) !important}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){iam-nav>details[open]>div,iam-nav *:not(.nav--menu)>details[open]>div{--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #BFBFBF;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (min-width: 62em){iam-nav>details[open]>div:has(details),iam-nav *:not(.nav--menu)>details[open]>div:has(details){background:var(--colour-canvas-2)}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav>details[open]>div:has(details),iam-nav *:not(.nav--menu)>details[open]>div:has(details){background:#eee}}@media screen and (min-width: 62em){iam-nav>details[open]>div:has(details)>a,iam-nav *:not(.nav--menu)>details[open]>div:has(details)>a{display:inline-block !important;margin-right:2rem !important}iam-nav>details[open]>div:has(details)>a:first-child,iam-nav *:not(.nav--menu)>details[open]>div:has(details)>a:first-child{margin-right:0}iam-nav>details[open]>div:has(details)>a:after,iam-nav *:not(.nav--menu)>details[open]>div:has(details)>a:after{display:none !important}iam-nav>details[open]>div:has(details) a:has(iam-card),iam-nav *:not(.nav--menu)>details[open]>div:has(details) a:has(iam-card){display:none}iam-nav>details[open]>div:has(details) details,iam-nav *:not(.nav--menu)>details[open]>div:has(details) details{display:inline-block}iam-nav>details[open]>div:has(details) details summary,iam-nav *:not(.nav--menu)>details[open]>div:has(details) details summary{display:inline-block;margin-left:0 !important;margin-right:2rem}iam-nav>details[open]>div:has(details) details:first-child summary,iam-nav *:not(.nav--menu)>details[open]>div:has(details) details:first-child summary{margin-left:0}iam-nav>details[open]>div:not(:has(details)),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)){background:var(--colour-canvas);padding-top:8rem;padding-bottom:4rem;columns:3;column-gap:6.875rem}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav>details[open]>div:not(:has(details)),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)){background:var(--colour-white);--colour-canvas-2: white}}@media screen and (min-width: 62em){iam-nav>details[open]>div:not(:has(details))>a,iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details))>a{margin-right:0 !important;display:block;max-height:6rem}iam-nav>details[open]>div:not(:has(details))>a.double-height,iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details))>a.double-height{min-height:6rem}iam-nav>details[open]>div:not(:has(details)) a:has(iam-card),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)) a:has(iam-card){display:inline-block}iam-nav>details[open]>div:not(:has(details)):before,iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):before{content:attr(data-title);display:block;position:absolute;top:0;left:0;width:100%;color:var(--colour-white);padding-inline:max(var(--padding-inline),(100% - var(--container-max-width))/2 + var(--padding-inline)) !important;font-size:2rem;font-weight:bold;line-height:5.5rem;--gradient-direction: 90deg;background-color:var(--colour-info-theme);background-image:linear-gradient(var(--gradient-direction), var(--colour-primary-theme) 0, transparent 100%) !important}iam-nav>details[open]>div:not(:has(details)):has(iam-card),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):has(iam-card){column-gap:1rem}iam-nav>details[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card)),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card)){margin-right:5.875rem !important}iam-nav>details[open]>div:not(:has(details)):has(iam-card) a:has(iam-card):after,iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):has(iam-card) a:has(iam-card):after{display:none}iam-nav>details[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card))+a:has(iam-card),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card))+a:has(iam-card){break-before:column}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)),iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)){font-size:1rem;line-height:1.5rem;padding-block:1.5rem;position:relative;font-weight:normal;display:block;margin:0}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]),iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):active,iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):active{text-decoration-color:#a2d393 !important}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page],iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page]{text-decoration-color:var(--colour-info)}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):after,iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):after{content:"";display:block;height:2px;width:100% !important;top:calc(100% - 2px);background-color:var(--colour-border) !important}iam-nav>details details>summary,iam-nav *:not(.nav--menu)>details details>summary{padding-right:0;background:rgba(0,0,0,0)}iam-nav>details details>summary:after,iam-nav *:not(.nav--menu)>details details>summary:after{display:none}iam-nav>details details:not(:first-child)>summary,iam-nav *:not(.nav--menu)>details details:not(:first-child)>summary{margin-left:2rem}nav:has(iam-nav.open){min-height:100vh !important;max-height:100vh;overflow:auto;margin-bottom:calc((100vh - var(--nav-height))*-1)}html:has(iam-nav.open:not(.demo-open)){overflow:hidden}}@media screen and (min-width: 80em){iam-nav.nav--large *:not(.nav--menu)>details[open]>div:not(:has(details)){columns:4;column-gap:6.875rem}}@media screen and (min-width: 62em){iam-nav.search-open>*:not([slot=logo]):not([slot=secondary]):not([slot=search]){display:none !important}}@media screen and (min-width: 62em){iam-nav:has([slot=dual]) .brand:has(~[slot=dual]){margin-right:1.5rem !important}iam-nav:has([slot=dual]) *:not([slot=dual]):has(+[slot=dual])+[slot=dual]{margin-left:auto !important}iam-nav:has([slot=dual]) .btn[slot=dual]{margin-left:0}iam-nav:has([slot=dual])::part(btn-menu){margin-left:1rem !important}}iam-nav>.dialog__wrapper .dialog--list a{font-size:1rem}@media screen and (max-width: 62em){iam-nav>.dialog__wrapper:not(.dialog--xs){width:100%}iam-nav>.dialog__wrapper:not(.dialog--xs) .btn-compact{display:none !important}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list{display:contents !important}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a{font-size:1rem}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a,iam-nav .btn-compact{--compact-size: 2rem;all:unset;display:block !important;font-size:0.875rem !important;line-height:2rem !important;height:2rem !important;min-height:2rem !important;max-height:2rem !important;width:100% !important;margin:0 !important;cursor:pointer;color:var(--colour-link);font-weight:normal !important}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a:where(:hover,:focus,.selected,[aria-current=page]),iam-nav .btn-compact:where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a:before,iam-nav .btn-compact:before{display:inline-block;width:auto;position:static;margin-right:.5rem;font-size:.875rem !important;text-decoration:none !important}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a:after,iam-nav .btn-compact:after{display:none}}iam-nav .nav--menu{outline:none !important}iam-nav .nav--menu::-webkit-scrollbar{width:6px}iam-nav .nav--menu::-webkit-scrollbar-track{border:0 !important}iam-nav .nav--menu::-webkit-scrollbar-thumb{border:0 !important}iam-nav .nav--menu hr{width:100% !important;border-top:2px solid var(--colour-border) !important}iam-nav .nav--menu a{display:block !important;line-height:1.25rem !important;padding:1.5rem 0 !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important}iam-nav .nav--menu a:not(.mb-0):not(:has(+a)){margin:0 0 2.25rem 0 !important}iam-nav .nav--menu a:has(+a){margin-bottom:0 !important}iam-nav .nav--menu a:after{content:"";display:block;height:2px;width:100% !important;background-color:var(--colour-border) !important;top:calc(100% - 2px) !important}iam-nav .nav--menu>button{min-width:100%;text-align:center}iam-nav .nav--menu.closed *{display:none !important}/*# sourceMappingURL=assets/css/components/nav.global.css.map */
|
|
286
|
+
`,e.appendChild(i.content.cloneNode(!0)),document.getElementById("navGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="navGlobal">body:has(iam-nav.open:not(.nav--sticky):not(.nav--xs-sticky)){max-height:100vh;overflow:hidden}body{--nav-height: 6rem;--sticky-padding: 0px}body:has(iam-nav a[slot=secondary]){--nav-height: 8.5rem}body:has(iam-nav.nav--sticky){--sticky-padding: var(--nav-height)}nav:has(iam-nav){min-height:6rem;display:block;position:relative}nav:has(iam-nav) iam-nav{position:absolute;top:0;left:0;width:100%;z-index:var(--index-menu)}@media screen and (min-width: 62em){nav:has(iam-nav a[slot=secondary]){min-height:8.5rem}}nav:has(iam-nav.nav--sticky) iam-nav{position:fixed}@media screen and (max-width: 36em){body:has(iam-nav.open:not(.nav--xs-sticky)){max-height:100vh;overflow:hidden}nav:has(iam-nav.nav--xs-sticky) iam-nav{position:fixed}}@media screen and (min-width: 36em){body:has(iam-nav.open:not(.nav--sticky)){max-height:100vh;overflow:hidden}}iam-nav{--nav-height: 6rem;overscroll-behavior:contain !important;background-color:var(--colour-canvas);display:block;margin-left:auto;margin-right:auto;padding:var(--container-padding);padding-top:1.5rem;padding-bottom:1.5rem;width:100%}iam-nav:has(a[slot=secondary]){--nav-height: 8.5rem}iam-nav .brand{font-size:3rem;height:3rem;padding:0;text-decoration:none;min-width:min(var(--svg-width),14rem);margin-right:auto}iam-nav .brand img{height:100%;width:auto}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)){text-decoration:none}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)) .badge{position:absolute;right:0;top:50%;margin-top:-0.8rem}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)):active{text-decoration-color:#a2d393 !important}iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,iam-nav a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page]{text-decoration-color:var(--colour-info) !important}iam-nav details{padding-bottom:0}iam-nav details>summary{text-decoration:none}iam-nav details>summary:where(:hover,:focus,.selected){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav details>summary:active{text-decoration-color:#a2d393 !important}iam-nav details[open]>summary{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-success)}iam-nav details:has([aria-current=page]:not([data-duplicate]))>summary{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-info)}@media screen and (max-width: 62em){iam-nav details{background-color:var(--colour-canvas);margin-left:-1.5rem;margin-right:-1.5rem;padding-inline:1.5rem;width:auto;position:relative}}@media screen and (max-width: 62em)and (prefers-color-scheme: light){iam-nav details{background-color:#eee}}@media screen and (max-width: 62em){iam-nav details summary{background-color:var(--colour-white);display:block;border:none;color:var(--colour-link);margin:0;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 4rem 1.5rem 1.5rem;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}}@media screen and (max-width: 62em)and (prefers-color-scheme: dark){iam-nav details summary{background-color:var(--colour-canvas-2)}}@media screen and (max-width: 62em){iam-nav details summary:after{content:"";display:block;font-size:1.5rem;font-weight:300;position:absolute;top:1.5rem;right:1.5rem;font-family:"Font Awesome 6 Pro";line-height:1em}iam-nav details[open]>summary:after{content:"";font-weight:bold}iam-nav details a{text-decoration:none;display:block;border:none;color:var(--colour-link);margin:0;margin-left:3rem;padding:1.5rem 0 1.5rem 0;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}iam-nav details a:after{background:var(--colour-border) !important;top:calc(100% - 2px) !important;width:100% !important}iam-nav details a:has(iam-card){display:none !important}iam-nav details>div a:last-child{margin-bottom:0 !important}iam-nav details>div a:last-child:after{display:none}iam-nav details:after{content:"";position:absolute;top:calc(100% - 2px);left:1.5rem;height:2px;width:calc(100% - 3rem);display:block;height:2px;background-color:var(--colour-border) !important}iam-nav details details:after{display:none}iam-nav details details summary{padding:0 1.5rem 1.5rem 3.5rem;position:relative}iam-nav details details summary:after{left:1.5rem;font-size:1rem;top:0.1875rem;transform:none;font-weight:400}iam-nav details a+details>summary{padding-top:1.5rem}iam-nav details a+details>summary:after{margin-top:1.5rem}iam-nav details details[open]+details:before{content:"";display:block;background:var(--colour-canvas-2);padding-top:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem}}@media screen and (max-width: 62em)and (min-width: 36em){iam-nav details{padding-right:2.5rem;margin-right:-2.5rem}iam-nav details:after{width:calc(100% - 4rem)}iam-nav details summary{padding-right:2.5rem;margin-right:-2.5rem}iam-nav details summary:after{right:2.5rem}iam-nav details details[open]+details:before{padding-right:2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 62em){iam-nav .nav--menu details{background-color:var(--colour-canvas);margin-left:-1.5rem;margin-right:-1.5rem;padding-inline:1.5rem;width:auto;position:relative;padding-right:2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav .nav--menu details{background-color:#eee}}@media screen and (min-width: 62em){iam-nav .nav--menu details summary{background-color:var(--colour-white);display:block;border:none;color:var(--colour-link);margin:0;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 4rem 1.5rem 1.5rem;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){iam-nav .nav--menu details summary{background-color:var(--colour-canvas-2)}}@media screen and (min-width: 62em){iam-nav .nav--menu details summary:after{content:"";display:block;font-size:1.5rem;font-weight:300;position:absolute;top:1.5rem;right:1.5rem;font-family:"Font Awesome 6 Pro";line-height:1em}iam-nav .nav--menu details[open]>summary:after{content:"";font-weight:bold}iam-nav .nav--menu details a{text-decoration:none;display:block;border:none;color:var(--colour-link);margin:0;margin-left:3rem;padding:1.5rem 0 1.5rem 0;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}iam-nav .nav--menu details a:after{background:var(--colour-border) !important;top:calc(100% - 2px) !important;width:100% !important}iam-nav .nav--menu details a:has(iam-card){display:none !important}iam-nav .nav--menu details>div a:last-child{margin-bottom:0 !important}iam-nav .nav--menu details>div a:last-child:after{display:none}iam-nav .nav--menu details:after{content:"";position:absolute;top:calc(100% - 2px);left:1.5rem;height:2px;width:calc(100% - 3rem);display:block;height:2px;background-color:var(--colour-border) !important}iam-nav .nav--menu details:after{width:calc(100% - 4rem)}iam-nav .nav--menu details summary{padding-right:2.5rem;margin-right:-2.5rem}iam-nav .nav--menu details summary:after{right:2.5rem}}@media screen and (min-width: 62em){iam-nav>details,iam-nav *:not(.nav--menu)>details{width:auto}iam-nav>details>summary,iam-nav *:not(.nav--menu)>details>summary{display:block;border:none;color:var(--colour-link);margin:0;font-size:1rem;line-height:6rem;min-height:6rem;margin-block:-1.5rem;position:relative;font-weight:normal;white-space:nowrap;padding-right:1.5rem}iam-nav>details>summary:after,iam-nav *:not(.nav--menu)>details>summary:after{content:"";display:block;font-size:1rem;font-weight:300;position:absolute;top:50%;transform:translate(0, -50%);right:0;font-family:"Font Awesome 6 Pro";line-height:1em}iam-nav>details:not(:first-child)>summary,iam-nav *:not(.nav--menu)>details:not(:first-child)>summary{margin-left:1.5rem}iam-nav>details div,iam-nav *:not(.nav--menu)>details div{display:none}iam-nav>details[open]>div,iam-nav *:not(.nav--menu)>details[open]>div{position:absolute;display:block;top:100%;left:0;width:100%;padding-inline:max(var(--padding-inline),(100% - var(--container-max-width))/2 + var(--padding-inline)) !important;box-shadow:0px 6px 12px rgba(0,0,0,.11)}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav>details[open]>div,iam-nav *:not(.nav--menu)>details[open]>div{background:var(--colour-white);--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light)}iam-nav>details[open]>div .text-primary,iam-nav *:not(.nav--menu)>details[open]>div .text-primary{color:var(--colour-primary) !important}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){iam-nav>details[open]>div,iam-nav *:not(.nav--menu)>details[open]>div{--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #BFBFBF;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (min-width: 62em){iam-nav>details[open]>div:has(details),iam-nav *:not(.nav--menu)>details[open]>div:has(details){background:var(--colour-canvas-2)}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav>details[open]>div:has(details),iam-nav *:not(.nav--menu)>details[open]>div:has(details){background:#eee}}@media screen and (min-width: 62em){iam-nav>details[open]>div:has(details)>a,iam-nav *:not(.nav--menu)>details[open]>div:has(details)>a{display:inline-block !important;margin-right:2rem !important}iam-nav>details[open]>div:has(details)>a:first-child,iam-nav *:not(.nav--menu)>details[open]>div:has(details)>a:first-child{margin-right:0}iam-nav>details[open]>div:has(details)>a:after,iam-nav *:not(.nav--menu)>details[open]>div:has(details)>a:after{display:none !important}iam-nav>details[open]>div:has(details) a:has(iam-card),iam-nav *:not(.nav--menu)>details[open]>div:has(details) a:has(iam-card){display:none}iam-nav>details[open]>div:has(details) details,iam-nav *:not(.nav--menu)>details[open]>div:has(details) details{display:inline-block}iam-nav>details[open]>div:has(details) details summary,iam-nav *:not(.nav--menu)>details[open]>div:has(details) details summary{display:inline-block;margin-left:0 !important;margin-right:2rem}iam-nav>details[open]>div:has(details) details:first-child summary,iam-nav *:not(.nav--menu)>details[open]>div:has(details) details:first-child summary{margin-left:0}iam-nav>details[open]>div:not(:has(details)),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)){background:var(--colour-canvas);padding-top:8rem;padding-bottom:4rem;columns:3;column-gap:6.875rem}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav>details[open]>div:not(:has(details)),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)){background:var(--colour-white);--colour-canvas-2: white}}@media screen and (min-width: 62em){iam-nav>details[open]>div:not(:has(details))>a,iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details))>a{margin-right:0 !important;display:block;max-height:6rem}iam-nav>details[open]>div:not(:has(details))>a.double-height,iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details))>a.double-height{min-height:6rem}iam-nav>details[open]>div:not(:has(details)) a:has(iam-card),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)) a:has(iam-card){display:inline-block}iam-nav>details[open]>div:not(:has(details)):before,iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):before{content:attr(data-title);display:block;position:absolute;top:0;left:0;width:100%;color:var(--colour-white);padding-inline:max(var(--padding-inline),(100% - var(--container-max-width))/2 + var(--padding-inline)) !important;font-size:2rem;font-weight:bold;line-height:5.5rem;--gradient-direction: 90deg;background-color:var(--colour-info-theme);background-image:linear-gradient(var(--gradient-direction), var(--colour-primary-theme) 0, transparent 100%) !important}iam-nav>details[open]>div:not(:has(details)):has(iam-card),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):has(iam-card){column-gap:1rem}iam-nav>details[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card)),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card)){margin-right:5.875rem !important}iam-nav>details[open]>div:not(:has(details)):has(iam-card) a:has(iam-card):after,iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):has(iam-card) a:has(iam-card):after{display:none}iam-nav>details[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card))+a:has(iam-card),iam-nav *:not(.nav--menu)>details[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card))+a:has(iam-card){break-before:column}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)),iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)){font-size:1rem;line-height:1.5rem;padding-block:1.5rem;position:relative;font-weight:normal;display:block;margin:0}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]),iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):active,iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):active{text-decoration-color:#a2d393 !important}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page],iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page]{text-decoration-color:var(--colour-info)}iam-nav>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):after,iam-nav *:not(.nav--menu)>details a:not([slot=logo]):not(.btn):not(:has(iam-card)):after{content:"";display:block;height:2px;width:100% !important;top:calc(100% - 2px);background-color:var(--colour-border) !important}iam-nav>details details>summary,iam-nav *:not(.nav--menu)>details details>summary{padding-right:0;background:rgba(0,0,0,0)}iam-nav>details details>summary:after,iam-nav *:not(.nav--menu)>details details>summary:after{display:none}iam-nav>details details:not(:first-child)>summary,iam-nav *:not(.nav--menu)>details details:not(:first-child)>summary{margin-left:2rem}nav:has(iam-nav.open){min-height:100vh !important;max-height:100vh;overflow:auto;margin-bottom:calc((100vh - var(--nav-height))*-1)}html:has(iam-nav.open:not(.demo-open)){overflow:hidden}}@media screen and (min-width: 80em){iam-nav.nav--large *:not(.nav--menu)>details[open]>div:not(:has(details)){columns:4;column-gap:6.875rem}}@media screen and (min-width: 62em){iam-nav.search-open>*:not([slot=logo]):not([slot=secondary]):not([slot=search]){display:none !important}}@media screen and (min-width: 62em){iam-nav:has([slot=dual]) .brand:has(~[slot=dual]){margin-right:1.5rem !important}iam-nav:has([slot=dual]) *:not([slot=dual]):has(+[slot=dual])+[slot=dual]{margin-left:auto !important}iam-nav:has([slot=dual]) .btn[slot=dual]{margin-left:0}iam-nav:has([slot=dual])::part(btn-menu){margin-left:1rem !important}}iam-nav>.dialog__wrapper .dialog--list a{font-size:1rem}@media screen and (max-width: 62em){iam-nav>.dialog__wrapper:not(.dialog--xs){width:100%}iam-nav>.dialog__wrapper:not(.dialog--xs) .btn-compact{display:none !important}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list{display:contents !important}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a{font-size:1rem}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a,iam-nav .btn-compact{--compact-size: 2rem;all:unset;display:block !important;font-size:0.875rem !important;line-height:2rem !important;height:2rem !important;min-height:2rem !important;max-height:2rem !important;width:100% !important;margin:0 !important;cursor:pointer;color:var(--colour-link);font-weight:normal !important}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a:where(:hover,:focus,.selected,[aria-current=page]),iam-nav .btn-compact:where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a:before,iam-nav .btn-compact:before{display:inline-block;width:auto;position:static;margin-right:.5rem;font-size:.875rem !important;text-decoration:none !important}iam-nav>.dialog__wrapper:not(.dialog--xs) .dialog--list a:after,iam-nav .btn-compact:after{display:none}}iam-nav .nav--menu{outline:none !important}iam-nav .nav--menu::-webkit-scrollbar{width:6px}iam-nav .nav--menu::-webkit-scrollbar-track{border:0 !important}iam-nav .nav--menu::-webkit-scrollbar-thumb{border:0 !important}iam-nav .nav--menu hr{width:100% !important;border-top:2px solid var(--colour-border) !important}iam-nav .nav--menu a{display:block !important;line-height:1.25rem !important;padding:1.5rem 0 !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important}iam-nav .nav--menu a:not(.mb-0):not(:has(+a)){margin:0 0 2.25rem 0 !important}iam-nav .nav--menu a:has(+a){margin-bottom:0 !important}iam-nav .nav--menu a:after{content:"";display:block;height:2px;width:100% !important;background-color:var(--colour-border) !important;top:calc(100% - 2px) !important}iam-nav .nav--menu>button{min-width:100%;text-align:center}iam-nav .nav--menu.closed *{display:none !important}/*# sourceMappingURL=assets/css/components/nav.global.css.map */
|
|
287
287
|
</style>`)}connectedCallback(){this.hasAttribute("data-css")&&this.shadowRoot.querySelector(".doc-styles").insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`);const e=this.shadowRoot.querySelector(".btn-menu"),t=this.shadowRoot.querySelector(".menu"),n=this,i=this.shadowRoot.querySelector(".backdrop"),l=this.shadowRoot.querySelector(".buttons-holder");if(this.querySelectorAll(":scope > *").forEach(function(o){switch(o.tagName){case"BUTTON":o.hasAttribute("slot")||(o.setAttribute("slot","actions"),t.classList.add("has-actions"));break}if(o.classList.contains("nav--menu")&&o.hasAttribute("data-title")&&o.hasAttribute("data-icon")){const s=o.getAttribute("data-title"),c=o.getAttribute("data-icon"),d=document.createElement("button");d.setAttribute("slot",s),d.classList.add("btn-menu"),d.setAttribute("part","btn-menu"),d.innerHTML=`<span class="btn btn-primary"><span>${s}</span><i class="${c}"></i><i class="fa-regular fa-xmark-large"></i></span>`,l.insertAdjacentElement("beforeend",d);const p=d.querySelector(".btn-primary");o.setAttribute("slot","menus"),o.classList.contains("open")?(d.setAttribute("aria-expanded",!0),p.classList.toggle("active"),n.classList.add("open"),i.classList.add("show")):o.classList.add("closed"),d.addEventListener("click",function(u){u.preventDefault(),d.toggleAttribute("aria-expanded"),o.classList.toggle("open"),p.classList.toggle("active");let b=n.querySelector(":scope > details[open]");b&&b.removeAttribute("open"),o.classList.contains("open")?(t.classList.remove("open"),e.removeAttribute("aria-expanded"),setTimeout(function(){t.classList.add("closed")},1e3),n.classList.add("open"),i.classList.add("show"),o.classList.remove("closed")):(n.classList.remove("open"),i.classList.remove("show"),setTimeout(function(){o.classList.add("closed")},1e3)),n.querySelectorAll(".nav--menu.open").forEach(function(m){m!=o&&m.classList.remove("open")}),n.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(m){m!=d&&(m.removeAttribute("aria-expanded"),m.querySelector(".btn-primary").classList.remove("active"))})},!1)}}),this.querySelectorAll("details").forEach(function(o){o.classList.add("details--revert")}),this.querySelector('a[slot="secondary"]')&&t.classList.add("has-secondary"),document.documentElement.style.setProperty("--scrollbar-width",window.innerWidth-document.documentElement.offsetWidth+"px"),e.addEventListener("click",function(o){o.preventDefault(),e.toggleAttribute("aria-expanded"),t.classList.toggle("open"),n.querySelectorAll(".nav--menu.open").forEach(function(s){s.classList.remove("open"),setTimeout(function(){s.classList.add("closed")},1e3)}),n.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(s){s.removeAttribute("aria-expanded"),s.querySelector(".btn-primary").classList.remove("active")}),t.classList.contains("open")?(n.classList.add("open"),t.classList.remove("closed")):(n.classList.remove("open"),setTimeout(function(){t.classList.add("closed")},1e3))},!1),this.addEventListener("request-close",o=>{e.removeAttribute("aria-expanded"),t.classList.remove("open"),n.classList.remove("open")}),i.addEventListener("click",o=>{let s=this.querySelector("details[open] summary");s&&s.click(),n.querySelectorAll(".nav--menu.open").forEach(function(c){c.classList.remove("open")}),n.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(c){c.removeAttribute("aria-expanded"),c.querySelector(".btn-primary").classList.remove("active")}),i.classList.remove("show")}),this.addEventListener("click",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("summary")&&window.innerWidth>992&&!o.target.closest(".nav--menu")){let s=o.target.closest("summary").closest("details"),c=s.parentNode;s.hasAttribute("open")?s.removeAttribute("open"):s.setAttribute("open","true"),n.querySelectorAll(".nav--menu.open").forEach(function(d){d.classList.remove("open"),setTimeout(function(){t.classList.add("closed")},1e3)}),n.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(d){d.removeAttribute("aria-expanded"),d.querySelector(".btn-primary").classList.remove("active")}),Array.from(c.querySelectorAll(":scope > details")).forEach((d,p)=>{d!=s&&d.removeAttribute("open")}),this.querySelectorAll(":scope > details[open]").length?(i.classList.add("show"),n.classList.add("open")):(i.classList.remove("show"),n.classList.remove("open")),o.preventDefault()}}),this.querySelectorAll("details").forEach(o=>{let s=o.querySelector("summary");o.querySelector(":Scope > div").setAttribute("data-title",s.textContent)}),this.querySelector('[slot="search"]')){t.classList.add("has-search");let o=this.shadowRoot.querySelector("#search-wrapper");o.classList.remove("d-none"),o.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>
|
|
288
288
|
<dialog id="search-dialog">
|
|
289
289
|
<div class="container">
|
|
@@ -314,7 +314,7 @@
|
|
|
314
314
|
<slot></slot>
|
|
315
315
|
</div>
|
|
316
316
|
`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){let e=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${e}`),Yo(this)}}const Qo=Object.freeze(Object.defineProperty({__proto__:null,default:Jo},Symbol.toStringTag,{value:"Module"}));/*!
|
|
317
|
-
* iamKey v5.5.1-beta-
|
|
317
|
+
* iamKey v5.5.1-beta-4
|
|
318
318
|
* Copyright 2022-2024 iamproperty
|
|
319
319
|
*/const Zo=function(a){a.querySelectorAll(":scope > details");const e=a.querySelectorAll(":scope > details, :scope > a");a.querySelectorAll(":scope > details > summary");let t=a.querySelector(":scope > .tabs__links");if(a.shadowRoot&&a.shadowRoot.querySelector(".tabs__links")&&(t=a.shadowRoot.querySelector(".tabs__links")),!t){t=document.createElement("div"),t.classList.add("tabs__links");let i=document.createElement("div");i.classList.add("tabs__links__wrapper"),i.prepend(t),a.prepend(i)}let n=0;e.forEach((i,l)=>{let o=document.createElement("button");if(i.matches("details")){let s=i.querySelector(":scope > summary"),c=s.classList.contains("disabled");s.classList.add("visually-hidden"),i.hasAttribute("id")&&o.setAttribute("data-id",`${i.getAttribute("id")}`),i.hasAttribute("open")&&o.setAttribute("aria-pressed",!0),o.innerHTML=`${s.innerText}`,o.classList.add("link"),o.setAttribute("data-index",n),i.setAttribute("tabindex","-1"),c&&o.classList.add("disabled"),n++}else i.matches("a")&&(o=i);o.classList.add("link"),t.appendChild(o)})},tr=function(a){let e=a.querySelectorAll(":scope > details"),t=a.querySelectorAll(":scope > details > summary"),n=a.querySelectorAll(":scope .tabs__links > button");a.shadowRoot&&(n=a.shadowRoot.querySelectorAll(".tabs__links > button")),n.forEach(i=>{i.addEventListener("click",l=>{if(l.preventDefault(),i.classList.contains("disabled"))return!1;n.forEach(o=>{let s=o==i;o.setAttribute("aria-pressed",s)}),e.forEach((o,s)=>{let c=i.getAttribute("data-index")==s;c?o.setAttribute("open",c):o.removeAttribute("open")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:i.textContent})})}),t.forEach((i,l)=>{i.addEventListener("click",o=>{o.preventDefault(),n[l].click()})})},er=function(a){if(!a.querySelector(":scope > details"))return!1;let e=a.querySelectorAll(":scope > details"),t=a.shadowRoot.querySelectorAll(".tabs__links > button");location.hash&&a.shadowRoot.querySelector(`.tabs__links [data-id="${location.hash.replace("#","")}"]`)?(a.shadowRoot.querySelector(`[data-id="${location.hash.replace("#","")}"]`).setAttribute("aria-pressed",!0),a.querySelector(`details[id="${location.hash.replace("#","")}"]`).setAttribute("open",!0)):a.querySelector("details[open]")||(e[0].setAttribute("open",!0),t[0].setAttribute("aria-pressed",!0))},ar=function(a){Zo(a),tr(a),er(a)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});class or extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
320
320
|
<style>
|
|
@@ -335,7 +335,7 @@
|
|
|
335
335
|
<slot></slot>
|
|
336
336
|
</div>
|
|
337
337
|
`,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){let e=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${e}`),ar(this)}}const rr=Object.freeze(Object.defineProperty({__proto__:null,default:or},Symbol.toStringTag,{value:"Module"}));/*!
|
|
338
|
-
* iamKey v5.5.1-beta-
|
|
338
|
+
* iamKey v5.5.1-beta-4
|
|
339
339
|
* Copyright 2022-2024 iamproperty
|
|
340
340
|
*/const nr=function(a){typeof window.player<"u"&&typeof window.player.pauseVideo=="function"&&window.player.pauseVideo();var e=a.getAttribute("data-id"),t=a.getAttribute("id");if(typeof t>"u"||t==null){var n=String.fromCharCode(65+Math.floor(Math.random()*26));t=n+Date.now(),a.setAttribute("id",t)}function i(){window.player=new YT.Player(t,{height:"100%",width:"100%",videoId:e,playerVars:{modestbranding:1,playsinline:1,rel:0,showinfo:0},events:{onReady:l,onStateChange:s}})}i();function l(c){c.target.playVideo()}var o=!1;function s(c){if(c.data==YT.PlayerState.PLAYING&&!o){var d=document.getElementById(t);d.classList.add("player-ready"),o=!0}}},ir=a=>(Array.from(a.querySelectorAll("dialog[open]")).forEach((e,t)=>{e.closest(".dialog__wrapper")||(e.removeAttribute("open"),e.showModal(),e.focus(),Q(e))}),a.addEventListener("click",e=>{if(e.target.tagName=="IAM-ACTIONBAR")return!1;if(e&&e.target instanceof HTMLElement&&e.target.closest("[data-modal]")){const i=e.target.closest("[data-modal]"),l=i.hasAttribute("data-modal")?i.getAttribute("data-modal"):i.getAttribute("data-filter"),o=document.querySelector(`dialog#${l}`);Q(o),o.showModal(),o.focus();let s=o.offsetWidth;o.setAttribute("style",`max-width: ${s}px;`),Array.from(o.querySelectorAll("[data-duplicate]")).forEach((c,d)=>{const p=c.getAttribute("data-duplicate"),u=document.getElementById(p);if(c.checked!=u.checked){c.checked=u.checked;let b=new Event("change");c.dispatchEvent(b)}}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:l})}if(e&&e.target instanceof HTMLElement&&e.target.closest("button.dialog__close")){const i=e.target.closest("dialog[open]");e.preventDefault(),i.close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((l,o)=>{l.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:i.getAttribute("id")})}if(e&&e.target instanceof HTMLElement&&e.target.closest('button[formmethod="dialog"]')){const i=e.target.closest("dialog[open]");Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((l,o)=>{l.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:i.getAttribute("id")})}if(e&&e.target instanceof HTMLElement&&e.target.closest("dialog[open]")){let i=e.target.closest("dialog[open]");var t=window.getComputedStyle(i);if(t.display==="contents"&&(i=i.parentNode.closest("dialog[open]")),!i.classList.contains("dialog--transactional")&&!i.classList.contains("dialog--acknowledgement")){const l=i.getBoundingClientRect();(e.clientX<l.left||e.clientX>l.right||e.clientY<l.top||e.clientY>l.bottom)&&(e.target.closest('input[type="radio"]')||i.close(),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:i.getAttribute("id")}))}}if(e&&e.target instanceof HTMLElement&&e.target.closest(".dialog__wrapper > button")){e.stopPropagation();let i=e.target.closest(".dialog__wrapper > button"),l=e.target.closest(".dialog__wrapper > button").parentNode,o="openPopover",s=l.querySelector(":scope > dialog");if(document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]")!=s&&document.querySelector("*:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((u,b)=>{u.removeAttribute("aria-expanded")}),s.hasAttribute("open"))s.close(),o="closePopover",s.removeAttribute("style"),i.removeAttribute("aria-expanded");else{s.show(),i.setAttribute("aria-expanded",!0);var n=i.getBoundingClientRect();let u=n.top,b=n.left;if(i.closest("iam-table")){let m=i.closest("iam-table").parentNode.getBoundingClientRect();u-=m.top,b-=m.left}s.classList.contains("dialog--fix")&&s.setAttribute("style",`position:fixed;top: ${u}px; left: ${b}px; margin: 3rem 0 0 0;`)}let c=s.getBoundingClientRect(),d=c.bottom-window.scrollY,p=window.innerHeight-window.scrollY;if(d>p){let u=s.hasAttribute("style")?s.getAttribute("style")+" ":"";s.setAttribute("style",u+"transform: translate(0, calc(-100% - 4rem))"),c=s.getBoundingClientRect(),c.top-window.scrollY<100&&s.removeAttribute("style")}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:o,id:i.textContent})}e&&e.target instanceof HTMLElement&&!e.target.closest("dialog[open]")&&!e.target.closest(".dialog__wrapper > button")&&(document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]")&&document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach((i,l)=>{i.removeAttribute("aria-expanded")}))}),null),Q=a=>{let e=a.querySelector(".youtube-embed a");if(e&&nr(e),a.classList.contains("dialog--multi")&&!a.querySelector(":scope > .steps")&&sr(a),!a.querySelector(":scope > .mh-lg")&&!a.classList.contains("dialog--multi")){a.innerHTML=`<div class="mh-lg">${a.innerHTML}</div>`;let t=a.querySelector(".mh-lg"),n=a.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");if(n){let i=n.previousSibling;t.before(n),i&&n.before(i)}}a.querySelector(":scope > button:first-child")||a.insertAdjacentHTML("afterbegin",'<button class="dialog__close">Close</button>')},sr=a=>{let e="",t=Array.from(a.querySelectorAll("fieldset[data-title]")),n=a.querySelector("form");t.forEach((o,s)=>{e+=`<button data-title="${o.getAttribute("data-title")}" type="button" class="${s==0?"active":""}" tabindex="-1">${o.getAttribute("data-title")}</button>`;const c=document.createElement("div");if(c.classList.add("btn--wrapper"),o.appendChild(c),s!=0&&(c.innerHTML+=`<button data-title="${t[s-1].getAttribute("data-title")}" class="btn btn-secondary mb-0" data-previous type="button">Previous</button>`),s!=t.length-1&&(c.innerHTML+=`<button data-title="${t[s+1].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="button">Next</button>`),s==t.length-1)if(n&&n.querySelector(':scope > button[type="submit"]')){let d=n.querySelector(':scope > button[type="submit"]');d.classList.add("mb-0"),c.insertAdjacentElement("beforeend",d)}else c.innerHTML+=`<button data-title="${t[s].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="submit">Submit</button>`}),a.insertAdjacentHTML("afterbegin",`<div class="steps bg-primary">${e}</div>`);let i=Array.from(a.querySelectorAll("fieldset.was-validated"));for(let o=0;o<i.length;o++){let s=i[o],c=s.getAttribute("data-title");if(s.querySelector(".is-invalid")){Array.from(a.querySelectorAll(`[data-title="${c}"]`)).forEach((d,p)=>{d.classList.add("active")});break}else Array.from(a.querySelectorAll(`[data-title="${c}"]`)).forEach((d,p)=>{d.classList.add("valid")})}a.addEventListener("invalid",function(){return function(o){o.preventDefault()}}(),!0);function l(o){const s=a.querySelector("fieldset.active")?a.querySelector("fieldset.active"):a.querySelector("fieldset[data-title]"),c=s.getAttribute("data-title");let d=!0;if(s.classList.add("was-validated"),Array.from(s.querySelectorAll("input")).forEach((b,m)=>{b.checkValidity()||(d=!1)}),d?Array.from(a.querySelectorAll(`[data-title="${c}"]`)).forEach((b,m)=>{b.classList.add("valid")}):Array.from(a.querySelectorAll(`[data-title="${c}"]`)).forEach((b,m)=>{b.classList.remove("valid")}),d||!o.hasAttribute("data-next")){const b=a.querySelector(`fieldset[data-title="${o.getAttribute("data-title")}"]`),m=a.querySelector(`.steps button[data-title="${o.getAttribute("data-title")}"]`);Array.from(a.querySelectorAll("button")).forEach((h,g)=>{h.classList.remove("active")}),Array.from(a.querySelectorAll("fieldset")).forEach((h,g)=>{h.classList.remove("active")}),m.classList.add("active"),b.classList.add("active")}let p=Array.from(a.querySelectorAll("fieldset")).length,u=Array.from(a.querySelectorAll("fieldset.valid")).length;a.style.setProperty("--progress",`${u/(p-1)*100}%`)}a.addEventListener("keydown",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("button")){const s=o.target.closest("button");o.keyCode==13&&s.getAttribute("type")!="submit"&&(o.preventDefault(),l(s))}o&&o.target instanceof HTMLElement&&o.target.closest("input")&&(o.target.closest("input").classList.remove("is-invalid"),o.keyCode==13&&o.preventDefault())}),a.addEventListener("click",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest('button[type="submit"]'))o.target.closest("form").classList.add("was-validated");else if(o&&o.target instanceof HTMLElement&&o.target.closest("button[data-title]")){const s=o.target.closest("button[data-title]");l(s)}return null})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"action bar"});function Z(a,e){a&&e=="all"?(a.querySelector("input").indeterminate=!1,a.querySelector("input").checked=!0,a.querySelector("label").textContent="Select all"):a&&e==0?(a.querySelector("input").indeterminate=!1,a.querySelector("input").checked=!1,a.querySelector("label").textContent="Select all"):a&&e?(a.querySelector("input").indeterminate=!0,a.querySelector("input").checked=!1,a.querySelector("label").textContent=`${e} item${e>1?"s":""} selected`):a&&(a.querySelector("input").checked=!1,a.querySelector("input").indeterminate=!1,a.querySelector("label").textContent="Select all")}class lr extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
|
|
341
341
|
<style>
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"name": "iamproperty"
|
|
6
6
|
},
|
|
7
7
|
"private": false,
|
|
8
|
-
"version": "5.5.1-beta-
|
|
8
|
+
"version": "5.5.1-beta-4",
|
|
9
9
|
"scripts": {
|
|
10
10
|
"bootstrap": "copyfiles -u 2 node_modules/bootstrap/**/* assets/bootstrap",
|
|
11
11
|
"dev": "npm run copy && node local_modules/delete-assets.js && vite --host",
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
<script setup >
|
|
2
|
+
import { ref, onMounted, defineEmits} from "vue";
|
|
3
|
+
|
|
4
|
+
const emit = defineEmits(['save','autosave']);
|
|
5
|
+
const $component = ref(null);
|
|
6
|
+
|
|
7
|
+
onMounted(() => {
|
|
8
|
+
|
|
9
|
+
$component.value.addEventListener('inline-edit-save',function(event){
|
|
10
|
+
|
|
11
|
+
emit('save', event)
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
$component.value.addEventListener('inline-edit-autosave',function(event){
|
|
15
|
+
|
|
16
|
+
emit('autosave', event)
|
|
17
|
+
});
|
|
18
|
+
});
|
|
19
|
+
</script>
|
|
20
|
+
|
|
21
|
+
<template>
|
|
22
|
+
<iam-inline-edit ref="$component"><slot></slot></iam-inline-edit>
|
|
23
|
+
</template>
|
|
24
|
+
|
|
25
|
+
<script>
|
|
26
|
+
export default {
|
|
27
|
+
components: {
|
|
28
|
+
},
|
|
29
|
+
name: 'Inline Edit',
|
|
30
|
+
mounted(){
|
|
31
|
+
|
|
32
|
+
this.$nextTick(function () {
|
|
33
|
+
|
|
34
|
+
import(`../../../assets/js/components/inline-edit/inline-edit.component.js`).then(module => {
|
|
35
|
+
|
|
36
|
+
if (!window.customElements.get(`iam-inline-edit`))
|
|
37
|
+
window.customElements.define(`iam-inline-edit`, module.default);
|
|
38
|
+
|
|
39
|
+
}).catch((err) => {
|
|
40
|
+
console.log(err.message);
|
|
41
|
+
});
|
|
42
|
+
})
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
</script>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<iam-multiselect><slot></slot></iam-multiselect>
|
|
3
|
+
</template>
|
|
4
|
+
|
|
5
|
+
<script>
|
|
6
|
+
export default {
|
|
7
|
+
name: 'Multiselect',
|
|
8
|
+
mounted(){
|
|
9
|
+
|
|
10
|
+
this.$nextTick(function () {
|
|
11
|
+
|
|
12
|
+
import(`../../../assets/js/components/multiselect/multiselect.component.min.js`).then(module => {
|
|
13
|
+
|
|
14
|
+
if (!window.customElements.get(`iam-multiselect`))
|
|
15
|
+
window.customElements.define(`iam-multiselect`, module.default);
|
|
16
|
+
|
|
17
|
+
}).catch((err) => {
|
|
18
|
+
console.log(err.message);
|
|
19
|
+
});
|
|
20
|
+
})
|
|
21
|
+
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
</script>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
```
|
|
2
|
+
<Multiselect>
|
|
3
|
+
<span class="label" slot="label">Users</span>
|
|
4
|
+
<label class="tag"><input type="checkbox" name="tags" value="IT James Lambert" />James Lambert</label>
|
|
5
|
+
<label class="tag"><input type="checkbox" name="tags" value="IT Amanda Knight"/>Amanda Knight</label>
|
|
6
|
+
<label class="tag"><input type="checkbox" name="tags" value="IT Brian Lord"/>Brian Lord</label>
|
|
7
|
+
<label class="tag"><input type="checkbox" name="tags" value="Claire Lane"/>Claire Lane</label>
|
|
8
|
+
<label class="tag"><input type="checkbox" name="tags" value="John Smith"/>John Smith</label>
|
|
9
|
+
<label class="tag"><input type="checkbox" name="tags" value="James Brown"/>James Brown</label>
|
|
10
|
+
<label class="tag"><input type="checkbox" name="tags" value="Sarah Brown"/>Sarah Brown</label>
|
|
11
|
+
</Multiselect>
|
|
12
|
+
```
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
```
|
|
2
|
+
<Search>
|
|
3
|
+
<label>Search existing transactions
|
|
4
|
+
<span>
|
|
5
|
+
<input type="text" name="client" autocomplete="off" aria-autocomplete="none" required />
|
|
6
|
+
<span class="suffix fa-regular fa-search"></span>
|
|
7
|
+
</span>
|
|
8
|
+
</label>
|
|
9
|
+
<datalist id="properties"></datalist>
|
|
10
|
+
</Search>
|
|
11
|
+
```
|
|
@@ -11,7 +11,7 @@ export default {
|
|
|
11
11
|
|
|
12
12
|
this.$nextTick(function () {
|
|
13
13
|
|
|
14
|
-
import(`../../../assets/js/components/search/search.component
|
|
14
|
+
import(`../../../assets/js/components/search/search.component.min.js`).then(module => {
|
|
15
15
|
|
|
16
16
|
if (!window.customElements.get(`iam-search`))
|
|
17
17
|
window.customElements.define(`iam-search`, module.default);
|