@iamproperty/components 7.1.0--beta6 → 7.2.0

package/assets/js/components/slider/slider.component.min.js

@@ -1,10 +1,10 @@
 /*!
-  * iamKey v7.1.0--beta6
+  * iamKey v7.2.0
   * Copyright 2022-2025 iamproperty
-  */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Slider"});class f extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",p=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,l=document.createElement("template");l.innerHTML=`
+  */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Slider"});class w extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",d=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${o}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
     <style>
-    @import "${p}";
-    .row{align-items:center}:is(.min,.max){max-width:fit-content;line-height:2rem}.sliders{position:relative;padding:0}:host{max-width:var(--input-max-width, 50rem);display:block}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--track-colour), var(--track-colour) var(--start-percent, 0%), var(--thumb-colour) var(--start-percent, 0%), var(--thumb-colour) var(--percent, 0%), var(--track-colour) var(--percent, 0%))}input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--track-colour), var(--track-colour) var(--start-percent, 0%), var(--thumb-colour) var(--start-percent, 0%), var(--thumb-colour) var(--percent, 0%), var(--track-colour) var(--percent, 0%))}input[type=range]+input[type=range]{position:absolute;top:0;left:50%;width:50%}input[type=range]+input[type=range]::-webkit-slider-runnable-track{background:rgba(0,0,0,0);pointer-events:none;width:200%;margin-left:-100%}@supports(-moz-appearance: none){input[type=range]+input[type=range]{left:0;width:100%;pointer-events:none}}input[type=range]+input[type=range]::-moz-range-track{background:rgba(0,0,0,0);pointer-events:none}.input__wrapper{display:flex;justify-content:flex-end;--max-width: 6.25rem;--padding-top: 0.75rem}.input__wrapper>span{display:none}.input__wrapper[data-elements="2"]{justify-content:space-between;--max-width: calc(50% - 3rem);--padding-top: 2rem;position:relative}.input__wrapper[data-elements="2"]:before{content:"";position:absolute;width:4rem;height:2px;top:calc(50% - 1px);left:calc(50% - 2rem);background-color:var(--colour-border)}.input__wrapper[data-elements="2"] span{display:block;position:absolute;top:.5rem;left:1rem;color:#9d9d9d;font-size:1rem}.input__wrapper[data-elements="2"] span+span{left:calc(50% + 4rem)}::slotted(input){margin-top:0 !important;padding-top:var(--padding-top) !important;max-width:var(--max-width) !important;-webkit-appearance:none !important;appearance:none !important;min-height:auto !important;max-height:none !important}/*# sourceMappingURL=assets/css/components/slider.css.map */
+    @import "${d}";
+    @layer reset{.row{--gutter-x: 1rem;--gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--gutter-y));margin-right:calc(-0.5*var(--gutter-x));margin-left:calc(-0.5*var(--gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--gutter-x)*.5);padding-left:calc(var(--gutter-x)*.5);margin-top:var(--gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.3333333333%}.col-2{flex:0 0 auto;width:16.6666666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.3333333333%}.col-5{flex:0 0 auto;width:41.6666666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.3333333333%}.col-8{flex:0 0 auto;width:66.6666666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.3333333333%}.col-11{flex:0 0 auto;width:91.6666666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}.g-0,.gx-0{--gutter-x: 0}.g-0,.gy-0{--gutter-y: 0}.g-1,.gx-1{--gutter-x: 0.5rem}.g-1,.gy-1{--gutter-y: 0.5rem}.g-2,.gx-2{--gutter-x: 1rem}.g-2,.gy-2{--gutter-y: 1rem}.g-3,.gx-3{--gutter-x: 1.5rem}.g-3,.gy-3{--gutter-y: 1.5rem}.g-4,.gx-4{--gutter-x: 2rem}.g-4,.gy-4{--gutter-y: 2rem}.g-5,.gx-5{--gutter-x: 3rem}.g-5,.gy-5{--gutter-y: 3rem}@media screen and (min-width: 36em){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.3333333333%}.col-sm-2{flex:0 0 auto;width:16.6666666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.3333333333%}.col-sm-5{flex:0 0 auto;width:41.6666666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.3333333333%}.col-sm-8{flex:0 0 auto;width:66.6666666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.3333333333%}.col-sm-11{flex:0 0 auto;width:91.6666666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}.g-sm-0,.gx-sm-0{--gutter-x: 0}.g-sm-0,.gy-sm-0{--gutter-y: 0}.g-sm-1,.gx-sm-1{--gutter-x: 0.5rem}.g-sm-1,.gy-sm-1{--gutter-y: 0.5rem}.g-sm-2,.gx-sm-2{--gutter-x: 1rem}.g-sm-2,.gy-sm-2{--gutter-y: 1rem}.g-sm-3,.gx-sm-3{--gutter-x: 1.5rem}.g-sm-3,.gy-sm-3{--gutter-y: 1.5rem}.g-sm-4,.gx-sm-4{--gutter-x: 2rem}.g-sm-4,.gy-sm-4{--gutter-y: 2rem}.g-sm-5,.gx-sm-5{--gutter-x: 3rem}.g-sm-5,.gy-sm-5{--gutter-y: 3rem}}@media screen and (min-width: 62em){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.3333333333%}.col-md-2{flex:0 0 auto;width:16.6666666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.3333333333%}.col-md-5{flex:0 0 auto;width:41.6666666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.3333333333%}.col-md-8{flex:0 0 auto;width:66.6666666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.3333333333%}.col-md-11{flex:0 0 auto;width:91.6666666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}.g-md-0,.gx-md-0{--gutter-x: 0}.g-md-0,.gy-md-0{--gutter-y: 0}.g-md-1,.gx-md-1{--gutter-x: 0.5rem}.g-md-1,.gy-md-1{--gutter-y: 0.5rem}.g-md-2,.gx-md-2{--gutter-x: 1rem}.g-md-2,.gy-md-2{--gutter-y: 1rem}.g-md-3,.gx-md-3{--gutter-x: 1.5rem}.g-md-3,.gy-md-3{--gutter-y: 1.5rem}.g-md-4,.gx-md-4{--gutter-x: 2rem}.g-md-4,.gy-md-4{--gutter-y: 2rem}.g-md-5,.gx-md-5{--gutter-x: 3rem}.g-md-5,.gy-md-5{--gutter-y: 3rem}}}.row{align-items:center}:is(.min,.max){max-width:fit-content;line-height:2rem}.sliders{position:relative;padding:0}:host{max-width:var(--input-max-width, 50rem);display:block}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--track-colour), var(--track-colour) var(--start-percent, 0%), var(--thumb-colour) var(--start-percent, 0%), var(--thumb-colour) var(--percent, 0%), var(--track-colour) var(--percent, 0%))}input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--track-colour), var(--track-colour) var(--start-percent, 0%), var(--thumb-colour) var(--start-percent, 0%), var(--thumb-colour) var(--percent, 0%), var(--track-colour) var(--percent, 0%))}input[type=range]+input[type=range]{position:absolute;top:0;left:50%;width:50%}input[type=range]+input[type=range]::-webkit-slider-runnable-track{background:rgba(0,0,0,0);pointer-events:none;width:200%;margin-left:-100%}@supports(-moz-appearance: none){input[type=range]+input[type=range]{left:0;width:100%;pointer-events:none}}input[type=range]+input[type=range]::-moz-range-track{background:rgba(0,0,0,0);pointer-events:none}.input__wrapper{display:flex;justify-content:flex-end;--max-width: 6.25rem;--padding-top: 0.75rem}.input__wrapper>span{display:none}.input__wrapper[data-elements="2"]{justify-content:space-between;--max-width: calc(50% - 3rem);--padding-top: 2rem;position:relative}.input__wrapper[data-elements="2"]:before{content:"";position:absolute;width:4rem;height:2px;top:calc(50% - 1px);left:calc(50% - 2rem);background-color:var(--colour-border)}.input__wrapper[data-elements="2"] span{display:block;position:absolute;top:.5rem;left:1rem;color:#9d9d9d;font-size:1rem}.input__wrapper[data-elements="2"] span+span{left:calc(50% + 4rem)}::slotted(input){margin-top:0 !important;padding-top:var(--padding-top) !important;max-width:var(--max-width) !important;-webkit-appearance:none !important;appearance:none !important;min-height:auto !important;max-height:none !important}/*# sourceMappingURL=assets/css/components/slider.css.map */
 
     </style>
     <div class="row">
@@ -15,5 +15,5 @@
       <div class="col max ps-2"></div>
     </div>
     <div class="input__wrapper"><slot></slot><span>Minimum</span><span>Maximum</span></div>
-    `,this.shadowRoot.appendChild(l.content.cloneNode(!0))}connectedCallback(){const t=this,p=this.shadowRoot.querySelector(".min"),l=this.shadowRoot.querySelector(".max"),m=this.shadowRoot.querySelector(".sliders");let s=this.querySelectorAll("input");const y=this.shadowRoot.querySelector(".input__wrapper"),g=this.closest("label");let c,v="mouseup",h="mousedown";"ontouchstart"in document.documentElement&&(v="touchend",h="touchstart");const i=function(e,r){const a=e.value,d=t.shadowRoot.querySelector(".is-first").getAttribute("min"),u=t.shadowRoot.querySelector(".is-last").getAttribute("max");if(e.classList.contains("is-last")&&!e.classList.contains("is-first")){const n=a/(u-d)*100;t.style.setProperty("--percent",n+"%"),parseFloat(e.value)<=parseFloat(t.shadowRoot.querySelector(".is-first").value)&&(t.shadowRoot.querySelector(".is-first").value=e.value,t.querySelector(".is-first").value=e.value,t.style.setProperty("--start-percent",n+"%"))}else if(e.classList.contains("is-first")&&!e.classList.contains("is-last")){const n=a/(u-d)*100;t.style.setProperty("--start-percent",n+"%"),parseFloat(e.value)>=parseFloat(t.shadowRoot.querySelector(".is-last").value)&&(t.shadowRoot.querySelector(".is-last").value=e.value,t.querySelector(".is-last").value=e.value,t.style.setProperty("--percent",n+"%"))}else{const n=(a/(u-d)*100).toFixed(2);t.style.setProperty("--percent",n+"%")}};Array.from(s).forEach((e,r)=>{const a=e.cloneNode(!0);e.setAttribute("type","number"),a.setAttribute("type","range"),r==0&&(e.classList.add("is-first"),a.classList.add("is-first"),p.innerHTML=e.getAttribute("min"),l.innerHTML=e.getAttribute("max"),m.appendChild(a)),r==s.length-1&&(e.classList.add("is-last"),a.classList.add("is-last"),m.appendChild(a)),r>1&&e.remove()}),s=this.querySelectorAll("input"),y.setAttribute("data-elements",s.length);const o=this.shadowRoot.querySelectorAll("input");Array.from(s).forEach((e,r)=>{e.addEventListener("keyup",function(a){o[r].value=e.value,i(o[r])}),e.addEventListener("keydown",function(a){o[r].value=e.value,i(o[r])}),e.addEventListener("change",function(a){o[r].value=e.value,i(o[r])})}),Array.from(o).forEach((e,r)=>{i(e),e.addEventListener(h,function(a){clearInterval(c),c=setInterval(function(){i(e),s[r].value=e.value},10)}),e.addEventListener(v,function(a){clearInterval(c)}),e.addEventListener("change",function(a){clearInterval(c),i(e),s[r].value=e.value})}),g.addEventListener("click",function(e){if(e.preventDefault(),this===e.target)t.shadowRoot.querySelector("input").focus();else return e.stopPropagation(),!1})}}export{f as default};
+    `,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){const o=this,d=this.shadowRoot.querySelector(".min"),n=this.shadowRoot.querySelector(".max"),u=this.shadowRoot.querySelector(".sliders");let a=this.querySelectorAll("input");const p=this.shadowRoot.querySelector(".input__wrapper"),h=this.closest("label");let m,f="mouseup",g="mousedown";"ontouchstart"in document.documentElement&&(f="touchend",g="touchstart");const i=function(t){const e=t.value,r=o.shadowRoot.querySelector(".is-first").getAttribute("min"),c=o.shadowRoot.querySelector(".is-last").getAttribute("max");if(t.classList.contains("is-last")&&!t.classList.contains("is-first")){const l=e/(c-r)*100;o.style.setProperty("--percent",l+"%"),parseFloat(t.value)<=parseFloat(o.shadowRoot.querySelector(".is-first").value)&&(o.shadowRoot.querySelector(".is-first").value=t.value,o.querySelector(".is-first").value=t.value,o.style.setProperty("--start-percent",l+"%"))}else if(t.classList.contains("is-first")&&!t.classList.contains("is-last")){const l=e/(c-r)*100;o.style.setProperty("--start-percent",l+"%"),parseFloat(t.value)>=parseFloat(o.shadowRoot.querySelector(".is-last").value)&&(o.shadowRoot.querySelector(".is-last").value=t.value,o.querySelector(".is-last").value=t.value,o.style.setProperty("--percent",l+"%"))}else{const l=(e/(c-r)*100).toFixed(2);o.style.setProperty("--percent",l+"%")}};Array.from(a).forEach((t,e)=>{const r=t.cloneNode(!0);t.setAttribute("type","number"),r.setAttribute("type","range"),e==0&&(t.classList.add("is-first"),r.classList.add("is-first"),d.innerHTML=t.getAttribute("min"),n.innerHTML=t.getAttribute("max"),u.appendChild(r)),e==a.length-1&&(t.classList.add("is-last"),r.classList.add("is-last"),u.appendChild(r)),e>1&&t.remove()}),a=this.querySelectorAll("input"),p.setAttribute("data-elements",a.length);const s=this.shadowRoot.querySelectorAll("input");Array.from(a).forEach((t,e)=>{t.addEventListener("keyup",function(){s[e].value=t.value,i(s[e])}),t.addEventListener("keydown",function(){s[e].value=t.value,i(s[e])}),t.addEventListener("change",function(){s[e].value=t.value,i(s[e])})}),Array.from(s).forEach((t,e)=>{i(t),t.addEventListener(g,function(){clearInterval(m),m=setInterval(function(){i(t),a[e].value=t.value},10)}),t.addEventListener(f,function(){clearInterval(m)}),t.addEventListener("change",function(){clearInterval(m),i(t),a[e].value=t.value})}),h.addEventListener("click",function(t){if(t.preventDefault(),this===t.target)o.shadowRoot.querySelector("input").focus();else return t.stopPropagation(),!1})}}export{w as default};
 //# sourceMappingURL=slider.component.min.js.map

package/assets/js/components/slider/slider.component.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.component.min.js","sources":["slider.component.js"],"sourcesContent":["// @ts-nocheck\n// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    event: 'customElementRegistered',\n    element: 'Slider',\n});\nclass iamSlider extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const coreCSS = document.body.hasAttribute('data-core-css')\n            ? document.body.getAttribute('data-core-css')\n            : `${assetLocation}/css/core.min.css`;\n        const loadCSS = `@import \"${assetLocation}/css/components/slider.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    @import \"${coreCSS}\";\n    ${loadCSS}\n    </style>\n    <div class=\"row\">\n      <div class=\"col min pe-2\"></div>\n      <div class=\"col sliders\">\n        \n      </div>\n      <div class=\"col max ps-2\"></div>\n    </div>\n    <div class=\"input__wrapper\"><slot></slot><span>Minimum</span><span>Maximum</span></div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        const slider = this;\n        const minElement = this.shadowRoot.querySelector('.min');\n        const maxElement = this.shadowRoot.querySelector('.max');\n        const slidersHolder = this.shadowRoot.querySelector('.sliders');\n        let inputs = this.querySelectorAll('input');\n        const inputWrapper = this.shadowRoot.querySelector('.input__wrapper');\n        const label = this.closest('label');\n        let stepperInterval, stepperEvent = 'mouseup', stepperStart = 'mousedown';\n        if ('ontouchstart' in document.documentElement) {\n            stepperEvent = 'touchend';\n            stepperStart = 'touchstart';\n        }\n        const stepperFunction = function (input, eventType) {\n            const value = input.value;\n            const min = slider.shadowRoot.querySelector('.is-first').getAttribute('min');\n            const max = slider.shadowRoot.querySelector('.is-last').getAttribute('max');\n            if (input.classList.contains('is-last') && !input.classList.contains('is-first')) {\n                const percent = (value / (max - min)) * 100;\n                slider.style.setProperty('--percent', percent + '%');\n                if (parseFloat(input.value) <= parseFloat(slider.shadowRoot.querySelector('.is-first').value)) {\n                    slider.shadowRoot.querySelector('.is-first').value = input.value;\n                    slider.querySelector('.is-first').value = input.value;\n                    slider.style.setProperty('--start-percent', percent + '%');\n                }\n            }\n            else if (input.classList.contains('is-first') && !input.classList.contains('is-last')) {\n                const percent = (value / (max - min)) * 100;\n                slider.style.setProperty('--start-percent', percent + '%');\n                if (parseFloat(input.value) >= parseFloat(slider.shadowRoot.querySelector('.is-last').value)) {\n                    slider.shadowRoot.querySelector('.is-last').value = input.value;\n                    slider.querySelector('.is-last').value = input.value;\n                    slider.style.setProperty('--percent', percent + '%');\n                }\n            }\n            else {\n                const percent = ((value / (max - min)) * 100).toFixed(2);\n                slider.style.setProperty('--percent', percent + '%');\n            }\n        };\n        // Create sliders\n        Array.from(inputs).forEach((input, index) => {\n            const rangeInput = input.cloneNode(true);\n            input.setAttribute('type', 'number');\n            rangeInput.setAttribute('type', 'range');\n            if (index == 0) {\n                input.classList.add('is-first');\n                rangeInput.classList.add('is-first');\n                minElement.innerHTML = input.getAttribute('min');\n                maxElement.innerHTML = input.getAttribute('max');\n                slidersHolder.appendChild(rangeInput);\n            }\n            if (index == inputs.length - 1) {\n                input.classList.add('is-last');\n                rangeInput.classList.add('is-last');\n                slidersHolder.appendChild(rangeInput);\n            }\n            if (index > 1) {\n                input.remove();\n            }\n        });\n        inputs = this.querySelectorAll('input');\n        inputWrapper.setAttribute('data-elements', inputs.length);\n        const sliders = this.shadowRoot.querySelectorAll('input');\n        Array.from(inputs).forEach((input, index) => {\n            input.addEventListener('keyup', function (event) {\n                sliders[index].value = input.value;\n                stepperFunction(sliders[index]);\n            });\n            input.addEventListener('keydown', function (event) {\n                sliders[index].value = input.value;\n                stepperFunction(sliders[index]);\n            });\n            input.addEventListener('change', function (event) {\n                sliders[index].value = input.value;\n                stepperFunction(sliders[index]);\n            });\n        });\n        Array.from(sliders).forEach((input, index) => {\n            stepperFunction(input, 'start');\n            input.addEventListener(stepperStart, function (event) {\n                clearInterval(stepperInterval);\n                stepperInterval = setInterval(function () {\n                    stepperFunction(input, 'drag');\n                    inputs[index].value = input.value;\n                }, 10);\n            });\n            input.addEventListener(stepperEvent, function (event) {\n                clearInterval(stepperInterval);\n            });\n            input.addEventListener('change', function (event) {\n                clearInterval(stepperInterval);\n                stepperFunction(input, 'click');\n                inputs[index].value = input.value;\n            });\n        });\n        // Move focus to slider when clicking on label\n        label.addEventListener('click', function (event) {\n            event.preventDefault();\n            if (this === event.target) {\n                /* click was on label */\n                slider.shadowRoot.querySelector('input').focus();\n            }\n            else {\n                /* click was on input */\n                event.stopPropagation();\n                return false;\n            }\n        });\n    } // Connected callback\n}\nexport default iamSlider;\n"],"names":["iamSlider","assetLocation","coreCSS","template","slider","minElement","maxElement","slidersHolder","inputs","inputWrapper","label","stepperInterval","stepperEvent","stepperStart","stepperFunction","input","eventType","value","min","max","percent","index","rangeInput","sliders","event"],"mappings":"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"}
+{"version":3,"file":"slider.component.min.js","sources":["slider.component.js"],"sourcesContent":["// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    event: 'customElementRegistered',\n    element: 'Slider',\n});\nclass iamSlider extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const coreCSS = document.body.hasAttribute('data-core-css')\n            ? document.body.getAttribute('data-core-css')\n            : `${assetLocation}/css/core.min.css`;\n        const loadCSS = `@import \"${assetLocation}/css/components/slider.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    @import \"${coreCSS}\";\n    ${loadCSS}\n    </style>\n    <div class=\"row\">\n      <div class=\"col min pe-2\"></div>\n      <div class=\"col sliders\">\n        \n      </div>\n      <div class=\"col max ps-2\"></div>\n    </div>\n    <div class=\"input__wrapper\"><slot></slot><span>Minimum</span><span>Maximum</span></div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const slider = this;\n        const minElement = this.shadowRoot.querySelector('.min');\n        const maxElement = this.shadowRoot.querySelector('.max');\n        const slidersHolder = this.shadowRoot.querySelector('.sliders');\n        let inputs = this.querySelectorAll('input');\n        const inputWrapper = this.shadowRoot.querySelector('.input__wrapper');\n        const label = this.closest('label');\n        let stepperInterval, stepperEvent = 'mouseup', stepperStart = 'mousedown';\n        if ('ontouchstart' in document.documentElement) {\n            stepperEvent = 'touchend';\n            stepperStart = 'touchstart';\n        }\n        const stepperFunction = function (input) {\n            const value = input.value;\n            const min = slider.shadowRoot.querySelector('.is-first').getAttribute('min');\n            const max = slider.shadowRoot.querySelector('.is-last').getAttribute('max');\n            if (input.classList.contains('is-last') && !input.classList.contains('is-first')) {\n                const percent = (value / (max - min)) * 100;\n                slider.style.setProperty('--percent', percent + '%');\n                if (parseFloat(input.value) <= parseFloat(slider.shadowRoot.querySelector('.is-first').value)) {\n                    slider.shadowRoot.querySelector('.is-first').value = input.value;\n                    slider.querySelector('.is-first').value = input.value;\n                    slider.style.setProperty('--start-percent', percent + '%');\n                }\n            }\n            else if (input.classList.contains('is-first') && !input.classList.contains('is-last')) {\n                const percent = (value / (max - min)) * 100;\n                slider.style.setProperty('--start-percent', percent + '%');\n                if (parseFloat(input.value) >= parseFloat(slider.shadowRoot.querySelector('.is-last').value)) {\n                    slider.shadowRoot.querySelector('.is-last').value = input.value;\n                    slider.querySelector('.is-last').value = input.value;\n                    slider.style.setProperty('--percent', percent + '%');\n                }\n            }\n            else {\n                const percent = ((value / (max - min)) * 100).toFixed(2);\n                slider.style.setProperty('--percent', percent + '%');\n            }\n        };\n        // Create sliders\n        Array.from(inputs).forEach((input, index) => {\n            const rangeInput = input.cloneNode(true);\n            input.setAttribute('type', 'number');\n            rangeInput.setAttribute('type', 'range');\n            if (index == 0) {\n                input.classList.add('is-first');\n                rangeInput.classList.add('is-first');\n                minElement.innerHTML = input.getAttribute('min');\n                maxElement.innerHTML = input.getAttribute('max');\n                slidersHolder.appendChild(rangeInput);\n            }\n            if (index == inputs.length - 1) {\n                input.classList.add('is-last');\n                rangeInput.classList.add('is-last');\n                slidersHolder.appendChild(rangeInput);\n            }\n            if (index > 1) {\n                input.remove();\n            }\n        });\n        inputs = this.querySelectorAll('input');\n        inputWrapper.setAttribute('data-elements', inputs.length);\n        const sliders = this.shadowRoot.querySelectorAll('input');\n        Array.from(inputs).forEach((input, index) => {\n            input.addEventListener('keyup', function () {\n                sliders[index].value = input.value;\n                stepperFunction(sliders[index]);\n            });\n            input.addEventListener('keydown', function () {\n                sliders[index].value = input.value;\n                stepperFunction(sliders[index]);\n            });\n            input.addEventListener('change', function () {\n                sliders[index].value = input.value;\n                stepperFunction(sliders[index]);\n            });\n        });\n        Array.from(sliders).forEach((input, index) => {\n            stepperFunction(input, 'start');\n            input.addEventListener(stepperStart, function () {\n                clearInterval(stepperInterval);\n                stepperInterval = setInterval(function () {\n                    stepperFunction(input, 'drag');\n                    inputs[index].value = input.value;\n                }, 10);\n            });\n            input.addEventListener(stepperEvent, function () {\n                clearInterval(stepperInterval);\n            });\n            input.addEventListener('change', function () {\n                clearInterval(stepperInterval);\n                stepperFunction(input, 'click');\n                inputs[index].value = input.value;\n            });\n        });\n        // Move focus to slider when clicking on label\n        label.addEventListener('click', function (event) {\n            event.preventDefault();\n            if (this === event.target) {\n                /* click was on label */\n                slider.shadowRoot.querySelector('input').focus();\n            }\n            else {\n                /* click was on input */\n                event.stopPropagation();\n                return false;\n            }\n        });\n    } // Connected callback\n}\nexport default iamSlider;\n"],"names":["iamSlider","assetLocation","coreCSS","template","slider","minElement","maxElement","slidersHolder","inputs","inputWrapper","label","stepperInterval","stepperEvent","stepperStart","stepperFunction","input","value","min","max","percent","index","rangeInput","sliders","event"],"mappings":"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"}

package/assets/js/components/table/table.component.js

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import * as tableModule from '../../modules/table.js';
 class iamTable extends HTMLElement {
     constructor() {
@@ -10,7 +9,7 @@ class iamTable extends HTMLElement {
         const coreCSS = document.body.hasAttribute('data-core-css')
             ? document.body.getAttribute('data-core-css')
             : `${assetLocation}/css/core.min.css`;
-        const loadCSS = `@import "${assetLocation}/css/components/table.css";`;
+        const loadCSS = `@import "${assetLocation}/css/components/table.component.css";`;
         const loadExtraCSS = `@import "${assetLocation}/css/components/table.global.css";`;
         const template = document.createElement('template');
         template.innerHTML = `
@@ -116,7 +115,7 @@ class iamTable extends HTMLElement {
             this.form.insertAdjacentHTML('beforeend', `<input name="show" type="hidden" value="${this.getAttribute('data-show')}" data-show="true" />`);
         }
         // Event listeners
-        tableModule.addTableEventListeners(this.table);
+        tableModule.addTableEventListeners(this.table, this);
         tableModule.addFilterEventListeners(this.table, this.form, this.pagination, this, this.savedTableBody);
         tableModule.addPaginationEventListeners(this.table, this.form, this.pagination, this);
         tableModule.addExportEventListeners(this.shadowRoot.querySelector('[data-export]'), this.table);
@@ -134,12 +133,14 @@ class iamTable extends HTMLElement {
                 const actionbar = this.querySelector('iam-actionbar[data-selectall]')
                     ? this.querySelector('iam-actionbar[data-selectall]')
                     : document.querySelector(`iam-actionbar[data-for='${this.getAttribute('id')}']`);
-                Array.from(this.table.querySelectorAll('thead tr')).forEach((row, index) => {
+                Array.from(this.table.querySelectorAll('thead tr')).forEach((row) => {
                     row.insertAdjacentHTML('afterbegin', `<th class="th--fixed"></th>`);
                 });
                 Array.from(this.table.querySelectorAll('tbody tr')).forEach((row, index) => {
-                    const rowID = `row${uniqueID(index)}`;
-                    row.insertAdjacentHTML('afterbegin', `<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${rowID}" ${row.hasAttribute('data-selected') ? `checked="true"` : ''}/><label for="${rowID}"><span class="visually-hidden">Select row</span></label></td>`);
+                    if (!row.querySelector('.selectrow')) {
+                        const rowID = `row${uniqueID(index)}`;
+                        row.insertAdjacentHTML('afterbegin', `<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${rowID}" ${row.hasAttribute('data-selected') ? `checked="true"` : ''}/><label for="${rowID}"><span class="visually-hidden">Select row</span></label></td>`);
+                    }
                 });
                 this.table.addEventListener('change', (event) => {
                     if (event && event.target instanceof HTMLElement && event.target.closest('.selectrow input')) {
@@ -150,12 +151,12 @@ class iamTable extends HTMLElement {
                 });
                 actionbar.addEventListener('selected', (event) => {
                     if (event.detail.selected == '0') {
-                        Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((input, index) => {
+                        Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((input) => {
                             input.checked = false;
                         });
                     }
                     else if (event.detail.selected == 'all') {
-                        Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((input, index) => {
+                        Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((input) => {
                             input.checked = true;
                         });
                     }
@@ -163,7 +164,7 @@ class iamTable extends HTMLElement {
             }
             // Make the dialog menus columns fixed
             let colIndex = -1;
-            Array.from(this.table.querySelectorAll('tbody tr')).forEach((row, index) => {
+            Array.from(this.table.querySelectorAll('tbody tr')).forEach((row) => {
                 if (row.querySelector(':scope > td > .dialog__wrapper')) {
                     const columnn = row.querySelector(':scope > td > .dialog__wrapper').parentNode;
                     columnn.classList.add('td--fixed');
@@ -172,7 +173,7 @@ class iamTable extends HTMLElement {
             });
             if (colIndex != -1) {
                 this.table.querySelector(`thead tr th:nth-child(${colIndex + 1})`).classList.add('th--fixed');
-                Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${colIndex + 1})`)).forEach((col, index) => {
+                Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${colIndex + 1})`)).forEach((col) => {
                     col.classList.add('td--fixed');
                 });
             }
@@ -181,7 +182,7 @@ class iamTable extends HTMLElement {
                 tableModule.filterTable(this.table, this.form, this);
             tableModule.populateDataQueries(this.table, this.form);
         }
-        this.shadowRoot.querySelector('.table__wrapper').addEventListener('scroll', (event) => {
+        this.shadowRoot.querySelector('.table__wrapper').addEventListener('scroll', () => {
             if (this.table.querySelector('dialog[open]')) {
                 this.table.querySelector('dialog[open]').close();
                 this.table.querySelector('.dialog__wrapper > button.active').classList.remove('active');

package/assets/js/components/table/table.component.min.js

@@ -1,11 +1,11 @@
 /*!
-  * iamKey v7.1.0--beta6
+  * iamKey v7.2.0
   * Copyright 2022-2025 iamproperty
-  */const U=function(i){return typeof i!="string"?!1:!isNaN(i)&&!isNaN(parseFloat(i))},B=(i,e)=>String(i).padStart(e,"0"),Q=i=>i.charAt(0).toUpperCase()+i.slice(1),k=(i,e,r)=>e.split(/[\.\[\]\'\"]/).filter(o=>o).reduce((o,c)=>o?o[c]:r,i);var X=function(i,e,r,o){function c(s){return s instanceof r?s:new r(function(a){a(s)})}return new(r||(r=Promise))(function(s,a){function d(h){try{t(o.next(h))}catch(n){a(n)}}function l(h){try{t(o.throw(h))}catch(n){a(n)}}function t(h){h.done?s(h.value):c(h.value).then(d,l)}t((o=o.apply(i,e||[])).next())})};const j=i=>{const e=Array.from(i.querySelectorAll("thead th"));Array.from(i.querySelectorAll("tbody tr")).forEach((o,c)=>{const s=Array.from(o.querySelectorAll("th, td")),a=["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"];s.forEach((d,l)=>{const t=e[l];if(typeof t<"u"){const h=document.createElement("div");h.innerHTML=t.innerHTML;const n=h.textContent||h.innerText||"";d.setAttribute("data-label",n),t.hasAttribute("data-td-class")&&d.setAttribute("class",t.getAttribute("data-td-class")),t.hasAttribute("data-format")&&(d.setAttribute("data-format",t.getAttribute("data-format")),d.innerHTML=_(t.getAttribute("data-format"),d.textContent.trim())),a.includes(d.textContent.trim().toLowerCase())&&d.setAttribute("data-content",d.textContent.trim().toLowerCase())}})})},Y=i=>{let e=0;return Array.from(i.querySelectorAll("tbody tr")).forEach((r,o)=>{const c=window.getComputedStyle(document.querySelector("html")),s=r.querySelector(":scope > *:last-child > *:first-child");if(s){s.classList.add("text-nowrap");let a=s.offsetWidth/parseFloat(c.fontSize);a+=1.7,e=e>a?e:a}}),e},J=(i,e)=>{if(e.classList.contains("table--fullwidth")&&!e.hasAttribute("data-expandable")||i.querySelectorAll("thead tr th").length<4&&!e.hasAttribute("data-expandable"))return!1;Array.from(i.querySelectorAll("thead tr")).forEach((r,o)=>{i.querySelectorAll("thead tr th.expand-button-heading").length||r.insertAdjacentHTML("afterbegin",'<th class="th--fixed expand-button-heading"></th>')}),Array.from(i.querySelectorAll("tbody tr")).forEach((r,o)=>{const c=r.getAttribute("data-view")==="full"?"aria-expanded":"";r.insertAdjacentHTML("afterbegin",`<td class="td--fixed td--expand"><button class="btn btn-compact btn-secondary" data-expand-button ${c}>Expand</button></td>`)})},G=i=>{i.addEventListener("click",e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest("[data-expand-button]")){const r=e.target.closest("[data-expand-button]"),o=r.closest("tr");r.toggleAttribute("aria-expanded"),o.getAttribute("data-view")=="full"?o.setAttribute("data-view","default"):o.setAttribute("data-view","full"),r.blur()}})},R=(i,e)=>{const r=e.querySelector("input[data-search]");if(!r)return!1;const o=r.getAttribute("id"),c=r.getAttribute("data-search").split(","),s=r.parentNode,a={};c.forEach((d,l)=>{Array.from(i.querySelectorAll('td[data-label="'+d.trim()+'"]')).forEach((t,h)=>{t.querySelector(".td__content")?a[t.querySelector(".td__content").textContent]=t.querySelector(".td__content").textContent:a[t.textContent]=t.textContent})}),r.setAttribute("list",`${o}_list`),r.setAttribute("autocomplete","off"),s.querySelector("datalist")||(s.innerHTML+=`<datalist id="${o}_list"></datalist>`),s.querySelector("datalist").innerHTML=`${Object.keys(a).map(d=>`<option value="${d}"></option>`).join("")}`},V=(i,e,r,o,c)=>{let s;const a=function(t,h=!1){if(o.hasAttribute("data-no-submit")||e.classList.contains("processing"))return!1;if(Array.from(e.querySelectorAll("iam-applied-filters")).forEach((n,p)=>{const u=new Event("tags-set");n.dispatchEvent(u)}),t.type=="submit"&&(e.classList.add("processing"),Array.from(e.querySelectorAll("[data-duplicate]")).forEach((n,p)=>{const u=n.getAttribute("data-duplicate"),b=document.getElementById(u),w=document.querySelector(`[for="${u}"] iam-card`);if(b.checked!=n.checked)if(w){const A=new Event("click");w.dispatchEvent(A)}else b.checked=n.checked}),e.classList.remove("processing")),e.hasAttribute("data-ajax")){if(!h){const n=e.querySelector("[data-pagination]");n.value=1,o.setAttribute("data-page",1)}z(i,e,r,o)}else e.hasAttribute("data-submit")?e.submit():(H(i,e,o),E(i,e));if(e.hasAttribute("data-ajax-post")){const n=new FormData(e),p=new URLSearchParams(n).toString(),u=new XMLHttpRequest;u.open("GET",`${window.location.href}?ajax=true&${p}`),u.send()}};e.querySelector("iam-actionbar[data-search]")&&e.querySelector("iam-actionbar[data-search]").addEventListener("search-submit",t=>{e.querySelector("input[data-search]")?e.querySelector("input[data-search]").value=t.detail.search:e.insertAdjacentHTML("beforeend",`<input type="hidden" name="search" data-search="${e.querySelector("iam-actionbar[data-search]").getAttribute("data-search")}" value="${t.detail.search}"/>`),clearTimeout(s),a(t)}),e.addEventListener("keyup",t=>{clearTimeout(s),t&&t.target instanceof HTMLElement&&t.target.closest("input[data-search]")&&(s=setTimeout(function(){a(t)},500))}),e.addEventListener("change",t=>{if(clearTimeout(s),t&&t.target instanceof HTMLElement&&t.target.closest("[data-sort]")&&(e.hasAttribute("data-submit")||N(i,e,c),a(t)),t&&t.target instanceof HTMLElement&&t.target.closest("input[data-search]")&&a(t),t&&t.target instanceof HTMLElement&&t.target.closest("[data-filter][data-no-ajax]")?(H(i,e,o),E(i,e)):(t&&t.target instanceof HTMLElement&&t.target.closest("[data-filter]")&&t.target.closest("form .dialog__wrapper > dialog")||t&&t.target instanceof HTMLElement&&t.target.closest("[data-filter]")&&!t.target.closest("form dialog"))&&a(t),t&&t.target instanceof HTMLElement&&t.target.closest("[data-show]")&&a(t),t&&t.target instanceof HTMLElement&&t.target.closest("[data-mimic]")&&a(t),t&&t.target instanceof HTMLElement&&t.target.hasAttribute("id")){const h=t.target.getAttribute("id");document.querySelector(`[data-duplicate="${h}"]`)&&(document.querySelector(`[data-duplicate="${h}"]`).checked=t.target.checked)}}),e.addEventListener("click",t=>{if(clearTimeout(s),t&&t.target instanceof HTMLElement&&t.target.closest('dialog button:not([type="button"])')&&t.target.closest('dialog button:not([type="button"])').closest("dialog").close(),t&&t.target instanceof HTMLElement&&t.target.closest(".dialog__close")&&(t.preventDefault(),t.stopPropagation()),t&&t.target instanceof HTMLElement&&t.target.closest("[data-clear]")){e.classList.add("processing"),Array.from(e.querySelectorAll(".applied-filters")).forEach((n,p)=>{n.innerHTML=""});const h=e.elements;for(let n=0;n<h.length;n++)switch(h[n].type.toLowerCase()?h[n].type.toLowerCase():"text"){case"text":case"password":case"textarea":h[n].value="";break;case"radio":case"checkbox":if(h[n].checked){const u=h[n],b=u.getAttribute("id"),w=document.querySelector(`[for="${b}"`);if(w.querySelector("iam-card")){const A=w.querySelector("iam-card"),m=new Event("click");A.dispatchEvent(m)}u.checked=!1}break;case"select-one":case"select-multi":h[n].selectedIndex=-1;break}e.classList.remove("processing"),e.hasAttribute("data-submit")||N(i,e,c),a(t)}}),e.addEventListener("submit",t=>{clearTimeout(s),e.hasAttribute("data-submit")||t.preventDefault(),a(t)}),e.addEventListener("force",t=>{a(t)}),e.addEventListener("paginate",t=>{a(t,!0)});const d=[],l=[];Array.from(e.querySelectorAll("[data-mimic]")).forEach((t,h)=>{const n=t.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${n}"]`)).forEach((p,u)=>{const b=p.closest("form");d.includes(b)||d.push(b),l.includes(n)||l.push(n)})}),d.forEach((t,h)=>{const n=function(){const p=[],u=new FormData(t);for(const[b,w]of u)document.querySelector(`[data-mimic="${b}"]`)&&!p.includes(b)?(p.push(b),document.querySelector(`[data-mimic="${b}"]`).value=w):document.querySelector(`[data-mimic="${b}"]`)&&(document.querySelector(`[data-mimic="${b}"]`).value+=","+w);for(const b of p){const w=new Event("force");e.dispatchEvent(w)}for(const b of l)if(!u.has(b)&&t.querySelector(`[name="${b}"]`)){document.querySelector(`[data-mimic="${b}"]`).value="";const w=new Event("force");e.dispatchEvent(w)}};t.addEventListener("force",p=>{n()}),t.addEventListener("change",p=>{n()})})},N=(i,e,r)=>{if(e.getAttribute("data-ajax"))return!1;const o=i.querySelector("tbody");let c=e.querySelector('input[type="radio"][data-sort]:checked');if(e.querySelector("select[data-sort]")){const n=e.querySelector("select[data-sort]");c=e.querySelector(`select[data-sort] option:nth-child(${n.selectedIndex+1})`)}const s=c.getAttribute("data-sort"),a=c.getAttribute("data-order"),d=c.getAttribute("data-format");if(!s)return o.innerHTML=r.innerHTML,j(i),!1;let l=[];["asc","desc","descending"].includes(a)||(l=a.split(","));let t=[];Array.from(o.querySelectorAll("tr")).forEach((n,p)=>{let u=n.querySelector('td[data-label="'+s+'"], th[data-label="'+s+'"]').textContent.trim();n.querySelector('[data-label="'+s+'"] .td__content')&&(u=n.querySelector('[data-label="'+s+'"] .td__content').textContent.trim()),l.length&&l.includes(u)&&(u=l.indexOf(u)),U(u)&&(u=B(u,10)),d&&d=="date"&&(u=new Date(u));const b={index:u,row:n};t.push(b)}),t.sort((n,p)=>n.index>p.index?1:-1),(a=="descending"||a=="desc")&&(t=t.reverse());let h="";t.forEach((n,p)=>{h+=n.row.outerHTML}),o.innerHTML=h},H=(i,e,r)=>{i.classList.remove("table--filtered");const o=P(e),c=[];let s=0;const a=e.querySelector("[data-pagination]")?parseInt(e.querySelector("[data-pagination]").value):1,d=e.querySelector("[data-show]")?parseInt(e.querySelector("[data-show]").value):15;if(Array.from(i.querySelectorAll("tbody tr")).forEach((t,h)=>{t.classList.remove("filtered"),t.classList.remove("filtered--matched"),t.classList.remove("filtered--show"),t.removeAttribute("data-filtered-by")}),e.querySelector("input[data-search]")){const t=e.querySelector("input[data-search]");e.querySelector("input[data-search]").getAttribute("data-search").split(",").forEach((n,p)=>{c.push({column:`${n.trim()}`,value:`${t.value}`})})}Array.from(e.querySelectorAll("[data-filter-count]")).forEach((t,h)=>{t.innerHTML="",t.parentNode.classList.remove("hover")});let l=0;Object.values(o).forEach((t,h)=>{typeof t=="object"&&Object.values(t).length?l+=Object.values(t).length:l++}),l&&Array.from(e.querySelectorAll("[data-filter-count]")).forEach((t,h)=>{t.innerHTML+=`(${l})`,t.parentNode.classList.add("hover")}),i.classList.add("table--filtered");for(const[t,h]of Object.entries(o))Array.from(i.querySelectorAll("tbody tr:not(.filtered)")).forEach((n,p)=>{let u=!1;h.forEach((b,w)=>{const A=n.querySelector(`[data-label="${t}"]`);if(b.includes("-date-from")){const m=new Date(b.replace("-date-from","")),f=new Date(A.textContent.toLowerCase());m.setHours(0,0,0,0),f.setHours(0,0,0,0),f<m?(n.classList.add("less-than-from-date"),u=!1):!n.classList.contains("less-than-from-date")&&!n.classList.contains("greater-than-to-date")&&(u=!0)}else if(b.includes("-date-to")){const m=new Date(b.replace("-date-to","")),f=new Date(A.textContent.toLowerCase());m.setHours(0,0,0,0),f.setHours(0,0,0,0),f>m?(n.classList.add("greater-than-to-date"),u=!1):!n.classList.contains("less-than-from-date")&&!n.classList.contains("greater-than-to-date")&&(u=!0)}if(b&&b=="$today")b=_("date",new Date);else if(b&&b=="$yesterday"){const m=new Date;m.setDate(m.getDate()-1),b=_("date",m)}else if(b&&(b=="$thisWeek"||b=="$lastWeek")){const m=new Date,f=new Date(m.setDate(m.getDate()-(m.getDay()-1))),v=new Date(m.setDate(m.getDate()-m.getDay()+7)),g=new Date(A.textContent.toLowerCase());if(m.setHours(0,0,0,0),f.setHours(0,0,0,0),v.setHours(0,0,0,0),g.setHours(0,0,0,0),b=="$thisWeek")u=g>=f&&g<=v;else{const L=new Date(f.setDate(f.getDate()-7)),y=new Date(v.setDate(v.getDate()-7));L.setHours(0,0,0,0),y.setHours(0,0,0,0),u=g>=L&&g<=y}}else if(b&&b=="$thisMonth"){const m=new Date,f=m.getFullYear(),v=m.getMonth(),g=new Date(f,v,1),L=new Date(f,v+1,0),y=new Date(A.textContent.toLowerCase());g.setHours(0,0,0,0),L.setHours(0,0,0,0),y.setHours(0,0,0,0),u=y>=g&&y<=L}else if(b&&b=="$lastMonth"){const m=new Date,f=m.getFullYear(),v=m.getMonth(),g=new Date(f,v-1,1),L=new Date(f,v,0),y=new Date(A.textContent.toLowerCase());g.setHours(0,0,0,0),L.setHours(0,0,0,0),y.setHours(0,0,0,0),u=y>=g&&y<=L}A&&A.textContent.toLowerCase().includes(b.replace("-"," ").toLowerCase())&&(u=!0)}),u||(n.classList.add("filtered"),n.setAttribute("data-filtered-by",t))});Array.from(i.querySelectorAll("tbody tr:not(.filtered)")).forEach((t,h)=>{let n=!(c.length>0&&c[0].value.length>=3);c.forEach((p,u)=>{const b=t.querySelector(`[data-label="${p.column}"]`);b&&p.value.length>=3&&b.textContent.toLowerCase().includes(p.value.toLowerCase())&&(n=!0)}),n||t.classList.add("filtered")}),Array.from(i.querySelectorAll("tbody tr:not(.filtered)")).forEach((t,h)=>{s++,t.classList.add("filtered--matched"),Math.ceil(s/d)==parseInt(a)&&t.classList.add("filtered--show")}),r&&(r.setAttribute("data-total",s),r.setAttribute("data-show",d),r.setAttribute("data-page",a))},E=(i,e,r)=>{Array.from(e.querySelectorAll("[data-query]")).forEach((c,s)=>{const a=c.getAttribute("data-query");let d=0;if(a=="total")r.hasAttribute("data-total")?d=r.getAttribute("data-total"):d=(i.classList.contains("table--filtered"),i.querySelectorAll("tbody tr").length);else if(!a.includes(" == ")&&a.includes(" & ")){const l=a.split(" & ");let t="";l.forEach(h=>{t+=`:not([data-filtered-by="${h}"])`}),d=Array.from(i.querySelectorAll(`tbody tr${t}`)).length}else if(!a.includes(" == "))d=Array.from(i.querySelectorAll(`tbody tr:not([data-filtered-by="${a}"])`)).length;else if(a.includes(" && ")){const l=a.split(" && ");d=Array.from(i.querySelectorAll("tbody tr:not(.filtered)")).filter(function(t){let h=!0;for(const[n,p]of Object.entries(l)){const u=p.split(" == ");(!t.querySelector(`td[data-label="${u[0]}"]`)||t.querySelector(`td[data-label="${u[0]}"]`).textContent!=`${u[1]}`)&&(h=!1)}return h}).length}else{const l=a.split(" == ");d=Array.from(i.querySelectorAll(`tbody tr.filtered--matched td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(t){return t.textContent===l[1]}).length}c.hasAttribute("data-total")?c.setAttribute("data-total",d):c.innerHTML=d})},K=function(i,e,r,o){if(o.hasAttribute("data-no-submit"))return!1;r.addEventListener("update-page",c=>{const s=e.querySelector("[data-pagination]"),a=c.detail.page;if(s.value=a,e.dispatchEvent(new Event("paginate")),o.setAttribute("data-page",a),i.hasAttribute("data-show-history")){const d=new URL(location);d.searchParams.set("page",a),history.pushState({type:"pagination",form:e.getAttribute("id"),page:a},"",d)}if(!o.hasAttribute("data-no-scroll")){const l=i.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:l,behavior:"smooth"})}}),r.addEventListener("update-show",c=>{const s=e.querySelector("[data-show]"),a=c.detail.show;s.value=a,o.setAttribute("data-show",a),e.dispatchEvent(new Event("submit"))})},Z=(i,e)=>{if(!i)return!1;i.addEventListener("click",r=>{tt(e)})},tt=function(i){let e=[];const r=i.getElementsByTagName("tr");for(let a=0;a<r.length;a++){const d=r[a].querySelectorAll("td,th"),l=[];for(let t=0;t<d.length;t++)l.push(`"${d[t].textContent}"`);e.push(l.join(","))}e=e.join(`
-`);const o=new Blob([e],{type:"text/csv"}),c=document.createElement("a");c.download="export.csv";const s=window.URL.createObjectURL(o);c.href=s,c.style.display="none",document.body.appendChild(c),c.click(),document.body.removeChild(c)},O=function(i,e,r,o){if(j(i),J(i,o),E(i,e,o),o&&o.classList.contains("table--cta")){let s=function(){Array.from(i.querySelectorAll("tr")).forEach((a,d)=>{const l=a.offsetHeight;a.style.setProperty("--row-height",`${l}px`)})};const c=Y(i);o.style.setProperty("--cta-width",`${c}rem`),new ResizeObserver(s).observe(i)}},P=function(i){const e=new Object;return Array.from(i.querySelectorAll("[data-filter]")).forEach((o,c)=>{if(!(o.type=="radio"&&!o.checked)&&!(o.type=="checkbox"&&!o.checked)&&o&&o.value){const s=o.getAttribute("data-filter");let a=o.value;o.hasAttribute("data-date-from")&&(a+="-date-from"),o.hasAttribute("data-date-to")&&(a+="-date-to"),e[s]||(e[s]=[]),e[s].push(a)}}),e},z=function(i,e,r,o){return X(this,void 0,void 0,function*(){const c=new FormData(e),s=new URLSearchParams(c).toString(),a=i.querySelectorAll("thead tr th:not(.expand-button-heading)"),d=i.querySelector("tbody"),l=e.getAttribute("data-ajax");o.classList.add("table--loading");const t=P(e);Array.from(e.querySelectorAll("[data-filter-count]")).forEach((p,u)=>{p.innerHTML="",p.parentNode.classList.remove("hover")});let h=0;Object.values(t).forEach((p,u)=>{typeof p=="object"&&Object.values(p).length?h+=Object.values(p).length:h++}),h&&Array.from(e.querySelectorAll("[data-filter-count]")).forEach((p,u)=>{p.innerHTML+=`(${h})`,p.parentNode.classList.add("hover")}),window.controller||(window.controller=[]),window.controller[l]&&window.controller[l].abort(),window.controller[l]=new AbortController;const{signal:n}=controller[l];r.setAttribute("data-loading","true"),e.classList.add("processing");try{yield fetch(l+"?"+s,{signal:n,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"})}).then(p=>p.json()).then(p=>{const u=e.hasAttribute("data-schema")?e.getAttribute("data-schema"):"data",b=e.hasAttribute("data-schema-total")?e.getAttribute("data-schema-total"):"meta.total",w=e.hasAttribute("data-schema-page")?e.getAttribute("data-schema-page"):"meta.current_page",A=k(p,b,15),m=k(p,w,1),f=k(p,u),v=o.hasAttribute("data-empty-msg")?o.getAttribute("data-empty-msg"):"No results found";f?(d.innerHTML="",f.forEach((g,L)=>{const y=document.createElement("tr");a.forEach((x,at)=>{let S="";const T=document.createElement("td");if(T.setAttribute("data-label",x.innerText),x.getAttribute("data-output")){var D=x.getAttribute("data-output");S=D.replace(new RegExp(/{(.*?)}/,"gm"),function(C){return k(g,C.replace("{","").replace("}",""))})}if(x.hasAttribute("data-output-array")){var D=x.getAttribute("data-output");const I=k(g,D.replace("{","").replace("}",""));S="",I.forEach((M,ot)=>{const F=x.getAttribute("data-output-array");let q="";if(x.hasAttribute("data-output-array-property")&&x.hasAttribute("data-output-array-transform")){const $=k(M,x.getAttribute("data-output-array-property")),W=JSON.parse(x.getAttribute("data-output-array-transform"))[$];q=F.replace(`{${x.getAttribute("data-output-array-property")}}`,W)}q=q.replace(new RegExp(/{(.*?)}/,"gm"),function($){return k(M,$.replace("{","").replace("}",""))}),S+=q})}x.hasAttribute("data-transform")&&(S=JSON.parse(x.getAttribute("data-transform"))[S],!S&&x.hasAttribute("data-default")&&(S=x.getAttribute("data-default"))),T.innerHTML=S,y.appendChild(T)}),d.appendChild(y)}),R(i,e),o.setAttribute("data-total",parseInt(A)),o.setAttribute("data-page",parseInt(m)),O(i,e,r,o),Array.from(e.querySelectorAll("[data-ajax-query]")).forEach((g,L)=>{const y=k(p,g.getAttribute("data-ajax-query"),"");g.hasAttribute("data-total")?g.setAttribute("data-total",y):g.innerHTML=y}),parseInt(A)==0&&(d.innerHTML=`<tr><td colspan="100%"><span>${v}</span></td></tr>`),o.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:l,formData:s})):d.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>',r.removeAttribute("data-loading"),e.classList.remove("processing")})}catch(p){console.log(p)}})},_=(i,e)=>{switch(i){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=Q(e)}};class et extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",r=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${e}/css/core.min.css`,o=document.createElement("template");o.innerHTML=`
+  */const B=function(i){return typeof i!="string"?!1:!isNaN(i)&&!isNaN(parseFloat(i))},W=(i,t)=>String(i).padStart(t,"0"),U=i=>i.charAt(0).toUpperCase()+i.slice(1),L=(i,t,n)=>t.split(/[\.\[\]\'\"]/).filter(a=>a).reduce((a,s)=>a?a[s]:n,i);var Q=function(i,t,n,a){function s(r){return r instanceof n?r:new n(function(o){o(r)})}return new(n||(n=Promise))(function(r,o){function l(h){try{e(a.next(h))}catch(c){o(c)}}function d(h){try{e(a.throw(h))}catch(c){o(c)}}function e(h){h.done?r(h.value):s(h.value).then(l,d)}e((a=a.apply(i,t||[])).next())})};const _=i=>{const t=Array.from(i.querySelectorAll("thead th"));Array.from(i.querySelectorAll("tbody tr")).forEach(a=>{const s=Array.from(a.querySelectorAll("th, td")),r=["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"];s.forEach((o,l)=>{const d=t[l];if(typeof d<"u"){const e=document.createElement("div");e.innerHTML=d.innerHTML;const h=e.textContent||e.innerText||"";o.setAttribute("data-label",h),d.hasAttribute("data-td-class")&&o.setAttribute("class",d.getAttribute("data-td-class")),d.hasAttribute("data-format")&&(o.setAttribute("data-format",d.getAttribute("data-format")),o.innerHTML=$(d.getAttribute("data-format"),o.textContent.trim())),r.includes(o.textContent.trim().toLowerCase())&&o.setAttribute("data-content",o.textContent.trim().toLowerCase())}})})},X=i=>{let t=0;return Array.from(i.querySelectorAll("tbody tr")).forEach(n=>{const a=window.getComputedStyle(document.querySelector("html")),s=n.querySelector(":scope > *:last-child > *:first-child");if(s){s.classList.add("text-nowrap");let r=s.offsetWidth/parseFloat(a.fontSize);r+=1.7,t=t>r?t:r}}),t},Y=(i,t)=>{if(t.classList.contains("table--fullwidth")&&!t.hasAttribute("data-expandable")||i.querySelectorAll("thead tr th").length<4&&!t.hasAttribute("data-expandable"))return!1;Array.from(i.querySelectorAll("thead tr")).forEach(n=>{i.querySelectorAll("thead tr th.expand-button-heading").length||n.insertAdjacentHTML("afterbegin",'<th class="th--fixed expand-button-heading"></th>')}),Array.from(i.querySelectorAll("tbody tr")).forEach(n=>{const a=n.getAttribute("data-view")==="full"?"aria-expanded":"";n.insertAdjacentHTML("afterbegin",`<td class="td--fixed td--expand"><button class="btn btn-compact btn-secondary" data-expand-button ${a}>Expand</button></td>`)})},J=(i,t)=>{i.addEventListener("click",n=>{if(n&&n.target instanceof HTMLElement&&n.target.closest("[data-expand-button]")){const a=n.target.closest("[data-expand-button]"),s=a.closest("tr");a.toggleAttribute("aria-expanded"),s.getAttribute("data-view")=="full"?s.setAttribute("data-view","default"):s.setAttribute("data-view","full"),a.blur()}else if(n&&n.target instanceof HTMLElement&&n.target.closest("[data-sort]")){const a=n.target.closest("[data-sort]");a.setAttribute("data-sort","true"),Array.from(i.querySelectorAll("th[data-sort]")).forEach(d=>{d!=a&&(d.setAttribute("data-sort",""),d.removeAttribute("data-order-by"),a.setAttribute("title","Click to sort ascending"))}),a.hasAttribute("data-order-by")&&a.getAttribute("data-order-by")=="asc"?(a.setAttribute("data-order-by","desc"),a.setAttribute("title","Click to sort ascending")):(a.setAttribute("data-order-by","asc"),a.setAttribute("title","Click to sort descending"));const s=new CustomEvent("sort-by-heading",{detail:{heading:a.textContent,sortBy:a.getAttribute("data-order-by"),ref:a.getAttribute("data-ref")}});a.closest("iam-table").dispatchEvent(s);const o=a.textContent.trim(),l=a.getAttribute("data-order-by");t.hasAttribute("data-submit")||F(i,o,l)}})},j=(i,t)=>{const n=t.querySelector("input[data-search]");if(!n)return!1;const a=n.getAttribute("id"),s=n.getAttribute("data-search").split(","),r=n.parentNode,o={};s.forEach(l=>{Array.from(i.querySelectorAll('td[data-label="'+l.trim()+'"]')).forEach(d=>{d.querySelector(".td__content")?o[d.querySelector(".td__content").textContent]=d.querySelector(".td__content").textContent:o[d.textContent]=d.textContent})}),n.setAttribute("list",`${a}_list`),n.setAttribute("autocomplete","off"),r.querySelector("datalist")||(r.innerHTML+=`<datalist id="${a}_list"></datalist>`),r.querySelector("datalist").innerHTML=`${Object.keys(o).map(l=>`<option value="${l}"></option>`).join("")}`},V=(i,t,n,a,s)=>{let r;const o=function(e,h=!1){if(a.hasAttribute("data-no-submit")||t.classList.contains("processing"))return!1;if(Array.from(t.querySelectorAll("iam-applied-filters")).forEach(c=>{const b=new Event("tags-set");c.dispatchEvent(b)}),e.type=="submit"&&(t.classList.add("processing"),Array.from(t.querySelectorAll("[data-duplicate]")).forEach(c=>{const b=c.getAttribute("data-duplicate"),u=document.getElementById(b),p=document.querySelector(`[for="${b}"] iam-card`);if(u.checked!=c.checked)if(p){const m=new Event("click");p.dispatchEvent(m)}else u.checked=c.checked}),t.classList.remove("processing")),t.hasAttribute("data-ajax")){if(!h){const c=t.querySelector("[data-pagination]");c.value=1,a.setAttribute("data-page",1)}I(i,t,n,a)}else t.hasAttribute("data-submit")?t.submit():(D(i,t,a),q(i,t));if(t.hasAttribute("data-ajax-post")){const c=new FormData(t),b=new URLSearchParams(c).toString(),u=new XMLHttpRequest;u.open("GET",`${window.location.href}?ajax=true&${b}`),u.send()}};t.querySelector("iam-actionbar[data-search]")&&t.querySelector("iam-actionbar[data-search]").addEventListener("search-submit",e=>{t.querySelector("input[data-search]")?t.querySelector("input[data-search]").value=e.detail.search:t.insertAdjacentHTML("beforeend",`<input type="hidden" name="search" data-search="${t.querySelector("iam-actionbar[data-search]").getAttribute("data-search")}" value="${e.detail.search}"/>`),clearTimeout(r),o(e)}),t.addEventListener("keyup",e=>{clearTimeout(r),e&&e.target instanceof HTMLElement&&e.target.closest("input[data-search]")&&(r=setTimeout(function(){o(e)},500))}),t.addEventListener("change",e=>{if(clearTimeout(r),e&&e.target instanceof HTMLElement&&e.target.closest("[data-sort]")&&(t.hasAttribute("data-submit")||R(i,t,s),o(e)),e&&e.target instanceof HTMLElement&&e.target.closest("input[data-search]")&&o(e),e&&e.target instanceof HTMLElement&&e.target.closest("[data-filter][data-no-ajax]")?(D(i,t,a),q(i,t)):(e&&e.target instanceof HTMLElement&&e.target.closest("[data-filter]")&&e.target.closest("form .dialog__wrapper > dialog")||e&&e.target instanceof HTMLElement&&e.target.closest("[data-filter]")&&!e.target.closest("form dialog"))&&o(e),e&&e.target instanceof HTMLElement&&e.target.closest("[data-show]")&&o(e),e&&e.target instanceof HTMLElement&&e.target.closest("[data-mimic]")&&o(e),e&&e.target instanceof HTMLElement&&e.target.hasAttribute("id")){const h=e.target.getAttribute("id");document.querySelector(`[data-duplicate="${h}"]`)&&(document.querySelector(`[data-duplicate="${h}"]`).checked=e.target.checked)}}),t.addEventListener("click",e=>{if(clearTimeout(r),e&&e.target instanceof HTMLElement&&e.target.closest('dialog button:not([type="button"])')&&e.target.closest('dialog button:not([type="button"])').closest("dialog").close(),e&&e.target instanceof HTMLElement&&e.target.closest(".dialog__close")&&(e.preventDefault(),e.stopPropagation()),e&&e.target instanceof HTMLElement&&e.target.closest("[data-clear]")){t.classList.add("processing"),Array.from(t.querySelectorAll(".applied-filters")).forEach(c=>{c.innerHTML=""});const h=t.elements;for(let c=0;c<h.length;c++)switch(h[c].type.toLowerCase()?h[c].type.toLowerCase():"text"){case"text":case"password":case"textarea":h[c].value="";break;case"radio":case"checkbox":if(h[c].checked){const u=h[c],p=u.getAttribute("id"),m=document.querySelector(`[for="${p}"`);if(m.querySelector("iam-card")){const f=m.querySelector("iam-card"),w=new Event("click");f.dispatchEvent(w)}u.checked=!1}break;case"select-one":case"select-multi":h[c].selectedIndex=-1;break}t.classList.remove("processing"),t.hasAttribute("data-submit")||R(i,t,s),o(e)}}),t.addEventListener("submit",e=>{clearTimeout(r),t.hasAttribute("data-submit")||e.preventDefault(),o(e)}),t.addEventListener("force",e=>{o(e)}),t.addEventListener("paginate",e=>{o(e,!0)});const l=[],d=[];Array.from(t.querySelectorAll("[data-mimic]")).forEach(e=>{const h=e.getAttribute("data-mimic");Array.from(document.querySelectorAll(`[name="${h}"]`)).forEach(c=>{const b=c.closest("form");l.includes(b)||l.push(b),d.includes(h)||d.push(h)})}),l.forEach(e=>{const h=function(){const c=[],b=new FormData(e);for(const[u,p]of b)document.querySelector(`[data-mimic="${u}"]`)&&!c.includes(u)?(c.push(u),document.querySelector(`[data-mimic="${u}"]`).value=p):document.querySelector(`[data-mimic="${u}"]`)&&(document.querySelector(`[data-mimic="${u}"]`).value+=","+p);for(const u of c){const p=new Event("force");t.dispatchEvent(p)}for(const u of d)if(!b.has(u)&&e.querySelector(`[name="${u}"]`)){document.querySelector(`[data-mimic="${u}"]`).value="";const p=new Event("force");t.dispatchEvent(p)}};e.addEventListener("force",()=>{h()}),e.addEventListener("change",()=>{h()})})},R=(i,t,n)=>{if(t.getAttribute("data-ajax"))return!1;const a=i.querySelector("tbody");let s=t.querySelector('input[type="radio"][data-sort]:checked');if(t.querySelector("select[data-sort]")){const d=t.querySelector("select[data-sort]");s=t.querySelector(`select[data-sort] option:nth-child(${d.selectedIndex+1})`)}const r=s.getAttribute("data-sort"),o=s.getAttribute("data-order"),l=s.getAttribute("data-format");if(!r)return a.innerHTML=n.innerHTML,_(i),!1;F(i,r,o,l)},F=(i,t,n,a="")=>{const s=i.querySelector("tbody");let r=[];["asc","desc","descending"].includes(n)||(r=n.split(","));let o=[];Array.from(s.querySelectorAll("tr")).forEach(d=>{let e=d.querySelector('td[data-label="'+t+'"], th[data-label="'+t+'"]').textContent.trim();d.querySelector('[data-label="'+t+'"] .td__content')&&(e=d.querySelector('[data-label="'+t+'"] .td__content').textContent.trim()),r.length&&r.includes(e)&&(e=r.indexOf(e)),B(e)&&(e=W(e,10)),a&&a=="date"&&(e=new Date(e));const h={index:e,row:d};o.push(h)}),o.sort((d,e)=>d.index>e.index?1:-1),(n=="descending"||n=="desc")&&(o=o.reverse());let l="";o.forEach(d=>{l+=d.row.outerHTML}),s.innerHTML=l},D=(i,t,n)=>{i.classList.remove("table--filtered");const a=N(t),s=[];let r=0;const o=t.querySelector("[data-pagination]")?parseInt(t.querySelector("[data-pagination]").value):1,l=t.querySelector("[data-show]")?parseInt(t.querySelector("[data-show]").value):15;if(Array.from(i.querySelectorAll("tbody tr")).forEach(e=>{e.classList.remove("filtered"),e.classList.remove("filtered--matched"),e.classList.remove("filtered--show"),e.removeAttribute("data-filtered-by")}),t.querySelector("input[data-search]")){const e=t.querySelector("input[data-search]");t.querySelector("input[data-search]").getAttribute("data-search").split(",").forEach(c=>{s.push({column:`${c.trim()}`,value:`${e.value}`})})}Array.from(t.querySelectorAll("[data-filter-count]")).forEach(e=>{e.innerHTML="",e.parentNode.classList.remove("hover")});let d=0;Object.values(a).forEach(e=>{typeof e=="object"&&Object.values(e).length?d+=Object.values(e).length:d++}),d&&Array.from(t.querySelectorAll("[data-filter-count]")).forEach(e=>{e.innerHTML+=`(${d})`,e.parentNode.classList.add("hover")}),i.classList.add("table--filtered");for(const[e,h]of Object.entries(a))Array.from(i.querySelectorAll("tbody tr:not(.filtered)")).forEach(c=>{let b=!1;h.forEach(u=>{const p=c.querySelector(`[data-label="${e}"]`);if(u.includes("-date-from")){const m=new Date(u.replace("-date-from","")),f=new Date(p.textContent.toLowerCase());m.setHours(0,0,0,0),f.setHours(0,0,0,0),f<m?(c.classList.add("less-than-from-date"),b=!1):!c.classList.contains("less-than-from-date")&&!c.classList.contains("greater-than-to-date")&&(b=!0)}else if(u.includes("-date-to")){const m=new Date(u.replace("-date-to","")),f=new Date(p.textContent.toLowerCase());m.setHours(0,0,0,0),f.setHours(0,0,0,0),f>m?(c.classList.add("greater-than-to-date"),b=!1):!c.classList.contains("less-than-from-date")&&!c.classList.contains("greater-than-to-date")&&(b=!0)}if(u&&u=="$today")u=$("date",new Date);else if(u&&u=="$yesterday"){const m=new Date;m.setDate(m.getDate()-1),u=$("date",m)}else if(u&&(u=="$thisWeek"||u=="$lastWeek")){const m=new Date,f=new Date(m.setDate(m.getDate()-(m.getDay()-1))),w=new Date(m.setDate(m.getDate()-m.getDay()+7)),A=new Date(p.textContent.toLowerCase());if(m.setHours(0,0,0,0),f.setHours(0,0,0,0),w.setHours(0,0,0,0),A.setHours(0,0,0,0),u=="$thisWeek")b=A>=f&&A<=w;else{const x=new Date(f.setDate(f.getDate()-7)),g=new Date(w.setDate(w.getDate()-7));x.setHours(0,0,0,0),g.setHours(0,0,0,0),b=A>=x&&A<=g}}else if(u&&u=="$thisMonth"){const m=new Date,f=m.getFullYear(),w=m.getMonth(),A=new Date(f,w,1),x=new Date(f,w+1,0),g=new Date(p.textContent.toLowerCase());A.setHours(0,0,0,0),x.setHours(0,0,0,0),g.setHours(0,0,0,0),b=g>=A&&g<=x}else if(u&&u=="$lastMonth"){const m=new Date,f=m.getFullYear(),w=m.getMonth(),A=new Date(f,w-1,1),x=new Date(f,w,0),g=new Date(p.textContent.toLowerCase());A.setHours(0,0,0,0),x.setHours(0,0,0,0),g.setHours(0,0,0,0),b=g>=A&&g<=x}p&&p.textContent.toLowerCase().includes(u.replace("-"," ").toLowerCase())&&(b=!0)}),b||(c.classList.add("filtered"),c.setAttribute("data-filtered-by",e))});Array.from(i.querySelectorAll("tbody tr:not(.filtered)")).forEach(e=>{let h=!(s.length>0&&s[0].value.length>=3);s.forEach(c=>{const b=e.querySelector(`[data-label="${c.column}"]`);b&&c.value.length>=3&&b.textContent.toLowerCase().includes(c.value.toLowerCase())&&(h=!0)}),h||e.classList.add("filtered")}),Array.from(i.querySelectorAll("tbody tr:not(.filtered)")).forEach(e=>{r++,e.classList.add("filtered--matched"),Math.ceil(r/l)==parseInt(o)&&e.classList.add("filtered--show")}),n&&(n.setAttribute("data-total",r),n.setAttribute("data-show",l),n.setAttribute("data-page",o))},q=(i,t,n)=>{Array.from(t.querySelectorAll("[data-query]")).forEach(s=>{const r=s.getAttribute("data-query");let o=0;if(r=="total")n.hasAttribute("data-total")?o=n.getAttribute("data-total"):o=(i.classList.contains("table--filtered"),i.querySelectorAll("tbody tr").length);else if(!r.includes(" == ")&&r.includes(" & ")){const l=r.split(" & ");let d="";l.forEach(e=>{d+=`:not([data-filtered-by="${e}"])`}),o=Array.from(i.querySelectorAll(`tbody tr${d}`)).length}else if(!r.includes(" == "))o=Array.from(i.querySelectorAll(`tbody tr:not([data-filtered-by="${r}"])`)).length;else if(r.includes(" && ")){const l=r.split(" && ");o=Array.from(i.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d){let e=!0;for(const h of Object.entries(l)){const c=h.split(" == ");(!d.querySelector(`td[data-label="${c[0]}"]`)||d.querySelector(`td[data-label="${c[0]}"]`).textContent!=`${c[1]}`)&&(e=!1)}return e}).length}else{const l=r.split(" == ");o=Array.from(i.querySelectorAll(`tbody tr.filtered--matched td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(d){return d.textContent===l[1]}).length}s.hasAttribute("data-total")?s.setAttribute("data-total",o):s.innerHTML=o})},G=function(i,t,n,a){if(a.hasAttribute("data-no-submit"))return!1;n.addEventListener("update-page",s=>{const r=t.querySelector("[data-pagination]"),o=s.detail.page;if(r.value=o,t.dispatchEvent(new Event("paginate")),a.setAttribute("data-page",o),i.hasAttribute("data-show-history")){const l=new URL(location);l.searchParams.set("page",o),history.pushState({type:"pagination",form:t.getAttribute("id"),page:o},"",l)}if(!a.hasAttribute("data-no-scroll")){const d=i.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:d,behavior:"smooth"})}}),n.addEventListener("update-show",s=>{const r=t.querySelector("[data-show]"),o=s.detail.show;r.value=o,a.setAttribute("data-show",o),t.dispatchEvent(new Event("submit"))})},K=(i,t)=>{if(!i)return!1;i.addEventListener("click",()=>{Z(t)})},Z=function(i){let t=[];const n=i.getElementsByTagName("tr");for(let o=0;o<n.length;o++){const l=n[o].querySelectorAll("td,th"),d=[];for(let e=0;e<l.length;e++)d.push(`"${l[e].textContent}"`);t.push(d.join(","))}t=t.join(`
+`);const a=new Blob([t],{type:"text/csv"}),s=document.createElement("a");s.download="export.csv";const r=window.URL.createObjectURL(a);s.href=r,s.style.display="none",document.body.appendChild(s),s.click(),document.body.removeChild(s)},z=function(i,t,n,a){if(_(i),Y(i,a),q(i,t,a),a&&a.classList.contains("table--cta")){let r=function(){Array.from(i.querySelectorAll("tr")).forEach(o=>{const l=o.offsetHeight;o.style.setProperty("--row-height",`${l}px`)})};const s=X(i);a.style.setProperty("--cta-width",`${s}rem`),new ResizeObserver(r).observe(i)}},N=function(i){const t=new Object;return Array.from(i.querySelectorAll("[data-filter]")).forEach(a=>{if(!(a.type=="radio"&&!a.checked)&&!(a.type=="checkbox"&&!a.checked)&&a&&a.value){const s=a.getAttribute("data-filter");let r=a.value;a.hasAttribute("data-date-from")&&(r+="-date-from"),a.hasAttribute("data-date-to")&&(r+="-date-to"),t[s]||(t[s]=[]),t[s].push(r)}}),t},I=function(i,t,n,a){return Q(this,void 0,void 0,function*(){const s=new FormData(t),r=new URLSearchParams(s).toString(),o=i.querySelectorAll("thead tr th:not(.expand-button-heading)"),l=i.querySelector("tbody"),d=t.getAttribute("data-ajax");a.classList.add("table--loading");const e=N(t);Array.from(t.querySelectorAll("[data-filter-count]")).forEach(b=>{b.innerHTML="",b.parentNode.classList.remove("hover")});let h=0;Object.values(e).forEach(b=>{typeof b=="object"&&Object.values(b).length?h+=Object.values(b).length:h++}),h&&Array.from(t.querySelectorAll("[data-filter-count]")).forEach(b=>{b.innerHTML+=`(${h})`,b.parentNode.classList.add("hover")}),window.controller||(window.controller=[]),window.controller[d]&&window.controller[d].abort(),window.controller[d]=new AbortController;const{signal:c}=controller[d];n.setAttribute("data-loading","true"),t.classList.add("processing");try{yield fetch(d+"?"+r,{signal:c,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=>{const u=t.hasAttribute("data-schema")?t.getAttribute("data-schema"):"data",p=t.hasAttribute("data-schema-total")?t.getAttribute("data-schema-total"):"meta.total",m=t.hasAttribute("data-schema-page")?t.getAttribute("data-schema-page"):"meta.current_page",f=L(b,p,15),w=L(b,m,1),A=L(b,u),x=a.hasAttribute("data-empty-msg")?a.getAttribute("data-empty-msg"):"No results found";A?(l.innerHTML="",A.forEach(g=>{const k=document.createElement("tr");o.forEach(y=>{let v="";const E=document.createElement("td");if(E.setAttribute("data-label",y.innerText),y.getAttribute("data-output")&&(v=y.getAttribute("data-output").replace(new RegExp(/{(.*?)}/,"gm"),function(T){return L(g,T.replace("{","").replace("}",""))})),y.hasAttribute("data-output-array")){const C=y.getAttribute("data-output"),T=L(g,C.replace("{","").replace("}",""));v="",T.forEach(H=>{const P=y.getAttribute("data-output-array");let S="";if(y.hasAttribute("data-output-array-property")&&y.hasAttribute("data-output-array-transform")){const M=L(H,y.getAttribute("data-output-array-property")),O=JSON.parse(y.getAttribute("data-output-array-transform"))[M];S=P.replace(`{${y.getAttribute("data-output-array-property")}}`,O)}S=S.replace(new RegExp(/{(.*?)}/,"gm"),function(M){return L(H,M.replace("{","").replace("}",""))}),v+=S})}y.hasAttribute("data-transform")&&(v=JSON.parse(y.getAttribute("data-transform"))[v],!v&&y.hasAttribute("data-default")&&(v=y.getAttribute("data-default"))),E.innerHTML=v,k.appendChild(E)}),l.appendChild(k)}),j(i,t),a.setAttribute("data-total",parseInt(f)),a.setAttribute("data-page",parseInt(w)),z(i,t,n,a),Array.from(t.querySelectorAll("[data-ajax-query]")).forEach(g=>{const k=L(b,g.getAttribute("data-ajax-query"),"");g.hasAttribute("data-total")?g.setAttribute("data-total",k):g.innerHTML=k}),parseInt(f)==0&&(l.innerHTML=`<tr><td colspan="100%"><span>${x}</span></td></tr>`),a.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:d,formData:r})):l.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>',n.removeAttribute("data-loading"),t.classList.remove("processing")})}catch(b){console.log(b)}})},$=(i,t)=>{switch(i){case"datetime":return new Date(t).toLocaleDateString("en-gb",{weekday:"short",year:"2-digit",month:"long",day:"numeric"})+" "+new Date(t).toLocaleTimeString("en-gb",{hour:"2-digit",minute:"2-digit"});case"date":return new Date(t).toLocaleDateString("en-gb",{day:"numeric",month:"long",year:"2-digit"});case"capitalise":return t=U(t)}};class tt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});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`,a=document.createElement("template");a.innerHTML=`
     <style>
-    @import "${r}";
-    :host{--wrapper-padding: 2rem;--bg-colour: #ffffff;display:block;background:#fff;padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.625rem;margin-bottom:2rem;overflow:hidden}:host:before{display:none !important}@media screen and (prefers-color-scheme: dark){:host{background:var(--colour-canvas-2)}}@media(forced-colors: active){:host{--wrapper-padding: 0;background:var(--colour-canvas-2)}}::slotted(table){margin-bottom:0 !important}.table__wrapper{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}@container (width < 23.4375em){:host(:not(.table--fullwidth)){margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:0;background:var(--colour-canvas-2);border-radius:0;background:none;padding:0;box-shadow:none;overflow:visible}:host(:not(.table--fullwidth)) .table__wrapper:not(.table--fullwidth){overflow:hidden;max-height:none !important}:host(:not(.table--fullwidth)) ::slotted(table){overflow:visible !important;margin-inline:1.5rem;margin-bottom:1.5rem !important;width:calc(100% - 3rem) !important;display:block}:host(:not(.table--fullwidth)) .table--cta{border-bottom:0}:host(:not(.table--fullwidth)) .table--cta:after{content:none;display:none !important}}@container (width > 23.4375em){:host{--cta-width: 8rem}:host(.table--loading){--cta-width: 1.5rem !important}.table--cta{position:relative}.table--cta .table__wrapper{overflow-y:hidden;margin-bottom:0}}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){position:relative}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{top:calc(100% - 1.2rem);bottom:2px;height:1.2rem;border-bottom:2px solid var(--colour-border);margin-bottom:-1.2rem}.table--cta>.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){max-height:none;position:static}.table--cta>.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{display:none}@container (width < 23.4375em){.table__wrapper.has-actionbar{margin-top:calc(-100vh + 6.75rem) !important}}:host(.table--loading){pointer-events:none;position:relative}:host(.table--loading) ::slotted(table){min-height:20rem;opacity:.5}:host(.table--loading)::after{content:"Loading...";position:absolute;top:6.25rem;left:50%;transform:translate(-50%, 0);font-weight:bold;color:var(--colour-heading);font-size:1.5rem;text-shadow:0px 0px 10px var(--colour-canvas-2);padding-inline:2rem;text-shadow:0px 0px 10px var(--colour-canvas-2);background:radial-gradient(var(--colour-canvas-2), transparent)}@container (width < 23.4375em){.pagination--table{margin-inline:1.5rem;width:auto}:host(.table--fullwidth) .pagination--table{margin-inline:0}}/*# sourceMappingURL=assets/css/components/table.css.map */
+    @import "${n}";
+    :host{--wrapper-padding: 2rem;--bg-colour: #ffffff;display:block;background:#fff;padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.625rem;margin-bottom:2rem;overflow:hidden}:host:before{display:none !important}@media screen and (prefers-color-scheme: dark){:host{background:var(--colour-canvas-2)}}@media(forced-colors: active){:host{--wrapper-padding: 0;background:var(--colour-canvas-2)}}::slotted(table){margin-bottom:0 !important}.table__wrapper{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}@container (width < 23.4375em){:host(:not(.table--fullwidth)){margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:0;background:var(--colour-canvas-2);border-radius:0;background:none;padding:0;box-shadow:none;overflow:visible}:host(:not(.table--fullwidth)) .table__wrapper:not(.table--fullwidth){overflow:hidden;max-height:none !important}:host(:not(.table--fullwidth)) ::slotted(table){overflow:visible !important;margin-inline:1.5rem;margin-bottom:1.5rem !important;width:calc(100% - 3rem) !important;display:block}:host(:not(.table--fullwidth)) .table--cta{border-bottom:0}:host(:not(.table--fullwidth)) .table--cta:after{content:none;display:none !important}}@container (width > 23.4375em){:host{--cta-width: 8rem}:host(.table--loading){--cta-width: 1.5rem !important}.table--cta{position:relative}.table--cta .table__wrapper{overflow-y:hidden;margin-bottom:0}}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){position:relative}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{top:calc(100% - 1.2rem);bottom:2px;height:1.2rem;border-bottom:2px solid var(--colour-border);margin-bottom:-1.2rem}.table--cta>.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){max-height:none;position:static}.table--cta>.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{display:none}@container (width < 23.4375em){.table__wrapper.has-actionbar{margin-top:calc(-100vh + 6.75rem) !important}}:host(.table--loading){pointer-events:none;position:relative}:host(.table--loading) ::slotted(table){min-height:20rem;opacity:.5}:host(.table--loading)::after{content:"Loading...";position:absolute;top:6.25rem;left:50%;transform:translate(-50%, 0);font-weight:bold;color:var(--colour-heading);font-size:1.5rem;text-shadow:0px 0px 10px var(--colour-canvas-2);padding-inline:2rem;text-shadow:0px 0px 10px var(--colour-canvas-2);background:radial-gradient(var(--colour-canvas-2), transparent)}@container (width < 23.4375em){.pagination--table{margin-inline:1.5rem;width:auto}:host(.table--fullwidth) .pagination--table{margin-inline:0}}/*# sourceMappingURL=assets/css/components/table.component.css.map */
 
 
     :host(.mh-sm){
@@ -27,6 +27,6 @@
     </div>
     </div>
     <iam-pagination part="pagination" class="pagination--table" ${this.hasAttribute("data-page")?`data-page="${this.getAttribute("data-page")}"`:""} ></iam-pagination>
-    `,this.shadowRoot.appendChild(o.content.cloneNode(!0)),document.getElementById("tableExtras")||document.head.insertAdjacentHTML("beforeend",`<style id="tableExtras">*:has(>iam-table){container-type:inline-size}iam-table{--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}iam-table thead tr{background:var(--row-bg)}iam-table tbody tr{background:var(--row-bg)}iam-table tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238, 238, 238;--row-bg: var(--hover-background);background:var(--row-bg)}iam-table[data-expandable] [data-expand-button][aria-expanded]{background-color:rgba(0,0,0,0)}@container (width < 23.4375em){iam-table:not(.table--fullwidth) thead{display:none}iam-table:not(.table--fullwidth) tbody{display:block;overflow:visible}iam-table:not(.table--fullwidth) tbody tr td:first-child{padding-top:0}iam-table:not(.table--fullwidth) tr{display:block;position:relative;border:none;background:var(--row-bg);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem;height:auto}iam-table:not(.table--fullwidth) tr+tr{margin-top:2rem}iam-table:not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}iam-table:not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}iam-table:not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}iam-table:not(.table--fullwidth) :is(td,th)[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--colour-heading);padding:0 0 0.375rem 0;margin-bottom:0;display:block;font-weight:bold}iam-table:not(.table--fullwidth) td:first-child::after{top:1.75rem !important}iam-table:not(.table--fullwidth) td::after{top:2.5rem}iam-table:not(.table--fullwidth) .td--fixed{padding-right:50%}iam-table:not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}iam-table:not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}iam-table:not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative}iam-table:not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important}iam-table:not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}iam-table:not(.table--fullwidth) [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"\uF055";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:"\uF056";font-weight:900 !important}iam-table:not(.table--fullwidth) .dialog__wrapper:not([slot=overflow]){margin-top:-0.5rem;margin-left:-1rem;z-index:10}iam-table:not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child{display:block !important;position:static;width:100%;min-width:100%;margin-left:0;padding-left:0;text-align:left;min-height:0}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child:after{display:none}}@container (width > 23.4375em){iam-table.table--cta:not(.table--loading):has(tr:first-child td:first-child:last-child){padding-right:calc(var(--wrapper-padding) + 1.5rem)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>th:nth-last-child(2),iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>td:nth-last-child(2){padding-right:var(--cta-width)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem);cursor:default;padding-bottom:0}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem;padding-bottom:0}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta){position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead{position:sticky;top:0;left:0;z-index:1;background-color:var(--row-bg)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--colour-primary)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody{position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:first-child td{border-top:0}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:last-child td{border-bottom:0}table .hide-status:after{display:none}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"\uF325";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"\uF7A4";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"\uE404";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"\uE404";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"\uF024";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"\uF024";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content="action required"],[data-content=upcoming]):after{content:"\uF024";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"\uF071";color:var(--colour-warning)}table :is([data-content="manually verified"],[data-content=verified],[data-content=completed],[data-content=complete]):after{content:"\uF00C";font-weight:normal;color:var(--colour-complete)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"\uF0F3";color:var(--colour-primary)}iam-table .table--filtered tbody tr:not(.filtered--show){display:none !important}iam-table table:not(.table--filtered):not(.table--ajax) tbody tr:nth-child(15)~tr{display:none}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.75rem !important;left:.25rem !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:auto;margin:0;margin-top:0rem}@container (width > 23.4375em){iam-table tr:has([type=checkbox]:checked){height:calc(4.625rem - 2px)}}iam-table tr:has([type=checkbox]:checked){--row-bg: #e0e0e0}@container (width < 23.4375em){@media screen and (prefers-color-scheme: light){iam-table:has([slot=before]) iam-actionbar{background-color:#e6eaec}}iam-table:has([slot=before]) .actionbar__sticky+*{margin-top:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}iam-table.table--fullwidth:not([data-expandable]) th.expand-button-heading{display:none}iam-table.table--fullwidth:not([data-expandable]) td:has([data-expand-button]){display:none}@container (width > 23.4375em){iam-table:not([data-expandable]) th.expand-button-heading{display:none}iam-table:not([data-expandable]) td.td--expand{display:none}iam-table[data-expandable] [data-expand-button]{margin:0}iam-table[data-expandable] [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"\uF078";font-weight:500}iam-table[data-expandable] [data-expand-button][aria-expanded]:before{content:"\uF077"}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 */
-</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 r=this.classList.toString();if(r=r.replace("table--cta",""),r=r.replace("table--loading",""),this.shadowRoot.querySelector(".table__wrapper").className+=` ${r}`,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"),R(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" />`),G(this.table),V(this.table,this.form,this.pagination,this,this.savedTableBody),K(this.table,this.form,this.pagination,this),Z(this.shadowRoot.querySelector("[data-export]"),this.table),this.form.getAttribute("data-ajax"))z(this.table,this.form,this.pagination,this);else{let c=function(a=1){return Math.floor(Math.random()*Date.now()*(a+1))};if(this.querySelector("iam-actionbar[data-selectall]")||document.querySelector(`iam-actionbar[data-for='${this.getAttribute("id")}']`)){const a=this.querySelector("iam-actionbar[data-selectall]")?this.querySelector("iam-actionbar[data-selectall]"):document.querySelector(`iam-actionbar[data-for='${this.getAttribute("id")}']`);Array.from(this.table.querySelectorAll("thead tr")).forEach((d,l)=>{d.insertAdjacentHTML("afterbegin",'<th class="th--fixed"></th>')}),Array.from(this.table.querySelectorAll("tbody tr")).forEach((d,l)=>{const t=`row${c(l)}`;d.insertAdjacentHTML("afterbegin",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${t}" ${d.hasAttribute("data-selected")?'checked="true"':""}/><label for="${t}"><span class="visually-hidden">Select row</span></label></td>`)}),this.table.addEventListener("change",d=>{if(d&&d.target instanceof HTMLElement&&d.target.closest(".selectrow input")){const l=this.table.querySelectorAll('.selectrow input[type="checkbox"]').length,t=this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;a.setAttribute("data-selected",l==t?"all":t)}}),a.addEventListener("selected",d=>{d.detail.selected=="0"?Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((l,t)=>{l.checked=!1}):d.detail.selected=="all"&&Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((l,t)=>{l.checked=!0})})}let s=-1;Array.from(this.table.querySelectorAll("tbody tr")).forEach((a,d)=>{if(a.querySelector(":scope > td > .dialog__wrapper")){const l=a.querySelector(":scope > td > .dialog__wrapper").parentNode;l.classList.add("td--fixed"),s=Array.from(l.parentNode.children).indexOf(l)}}),s!=-1&&(this.table.querySelector(`thead tr th:nth-child(${s+1})`).classList.add("th--fixed"),Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${s+1})`)).forEach((a,d)=>{a.classList.add("td--fixed")})),O(this.table,this.form,this.pagination,this),this.hasAttribute("data-no-submit")||H(this.table,this.form,this),E(this.table,this.form)}this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll",c=>{this.table.querySelector("dialog[open]")&&(this.table.querySelector("dialog[open]").close(),this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"))}),this.pagination.addEventListener("update-show",c=>{const s=c.detail.show,a=new CustomEvent("update-show",{detail:{show:s}});this.dispatchEvent(a)}),this.pagination.addEventListener("update-page",c=>{const s=c.detail.page,a=new CustomEvent("update-page",{detail:{page:s}});this.dispatchEvent(a)})}static get observedAttributes(){return["data-total","data-page","data-show"]}attributeChangedCallback(e,r,o){switch(this.pagination=this.shadowRoot.querySelector("iam-pagination"),e){case"data-total":{r!=o&&this.pagination.setAttribute("data-total",o);break}case"data-show":{r!=o&&this.pagination.setAttribute("data-show",o);break}case"data-page":{r!=o&&this.pagination.setAttribute("data-page",o);break}}}}export{et as default};
+    `,this.shadowRoot.appendChild(a.content.cloneNode(!0)),document.getElementById("tableExtras")||document.head.insertAdjacentHTML("beforeend",`<style id="tableExtras">*:has(>iam-table){container-type:inline-size}iam-table{--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}iam-table thead tr{background:var(--row-bg)}iam-table tbody tr{background:var(--row-bg)}iam-table tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238, 238, 238;--row-bg: var(--hover-background);background:var(--row-bg)}iam-table[data-expandable] [data-expand-button][aria-expanded]{background-color:rgba(0,0,0,0)}@container (width < 23.4375em){iam-table:not(.table--fullwidth) thead{display:none}iam-table:not(.table--fullwidth) tbody{display:block;overflow:visible}iam-table:not(.table--fullwidth) tbody tr td:first-child{padding-top:0}iam-table:not(.table--fullwidth) tr{display:block;position:relative;border:none;background:var(--row-bg);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem;height:auto}iam-table:not(.table--fullwidth) tr+tr{margin-top:2rem}iam-table:not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}iam-table:not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}iam-table:not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}iam-table:not(.table--fullwidth) :is(td,th)[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--colour-heading);padding:0 0 0.375rem 0;margin-bottom:0;display:block;font-weight:bold}iam-table:not(.table--fullwidth) td:first-child::after{top:1.75rem !important}iam-table:not(.table--fullwidth) td::after{top:2.5rem}iam-table:not(.table--fullwidth) .td--fixed{padding-right:50%}iam-table:not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}iam-table:not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}iam-table:not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative}iam-table:not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important}iam-table:not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}iam-table:not(.table--fullwidth) [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"\uF055";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:"\uF056";font-weight:900 !important}iam-table:not(.table--fullwidth) .dialog__wrapper:not([slot=overflow]){margin-top:-0.5rem;margin-left:-1rem;z-index:10}iam-table:not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child{display:block !important;position:static;width:100%;min-width:100%;margin-left:0;padding-left:0;text-align:left;min-height:0}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child:after{display:none}}@container (width > 23.4375em){iam-table.table--cta:not(.table--loading):has(tr:first-child td:first-child:last-child){padding-right:calc(var(--wrapper-padding) + 1.5rem)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>th:nth-last-child(2),iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>td:nth-last-child(2){padding-right:var(--cta-width)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem);cursor:default;padding-bottom:0}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem;padding-bottom:0}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta){position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead{position:sticky;top:0;left:0;z-index:1;background-color:var(--row-bg)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--colour-primary)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody{position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:first-child td{border-top:0}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:last-child td{border-bottom:0}table .hide-status:after{display:none}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"\uF325";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"\uF7A4";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"\uE404";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"\uE404";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"\uF024";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"\uF024";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content="action required"],[data-content=upcoming]):after{content:"\uF024";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"\uF071";color:var(--colour-warning)}table :is([data-content="manually verified"],[data-content=verified],[data-content=completed],[data-content=complete]):after{content:"\uF00C";font-weight:normal;color:var(--colour-complete)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"\uF0F3";color:var(--colour-primary)}iam-table .table--filtered tbody tr:not(.filtered--show){display:none !important}iam-table table:not(.table--filtered):not(.table--ajax) tbody tr:nth-child(15)~tr{display:none}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.75rem !important;left:.25rem !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:auto;margin:0;margin-top:0rem}@container (width > 23.4375em){iam-table tr:has([type=checkbox]:checked){height:calc(4.625rem - 2px)}}iam-table tr:has([type=checkbox]:checked){--row-bg: #e0e0e0}@container (width < 23.4375em){@media screen and (prefers-color-scheme: light){iam-table:has([slot=before]) iam-actionbar{background-color:#e6eaec}}iam-table:has([slot=before]) .actionbar__sticky+*{margin-top:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}iam-table.table--fullwidth:not([data-expandable]) th.expand-button-heading{display:none}iam-table.table--fullwidth:not([data-expandable]) td:has([data-expand-button]){display:none}@container (width > 23.4375em){iam-table:not([data-expandable]) th.expand-button-heading{display:none}iam-table:not([data-expandable]) td.td--expand{display:none}iam-table[data-expandable] [data-expand-button]{margin:0}iam-table[data-expandable] [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"\uF078";font-weight:500}iam-table[data-expandable] [data-expand-button][aria-expanded]:before{content:"\uF077"}iam-table[data-expandable] tr:not(:has(p)) [data-expand-button]{display:none}iam-table[data-expandable] tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}@container (width < 23.4375em){iam-table:not(.table--fullwidth) .td--fixed+td:not(.td--fixed){border-top:none}}@container (width > 23.4375em){iam-table{--width-adjust: 0px}iam-table:has([type=checkbox]){--width-adjust: -1rem}iam-table .th--fixed{min-width:calc(4.5rem + var(--width-adjust));position:absolute;padding:0}iam-table .th--fixed:after{top:auto;left:0;content:"";position:absolute;width:100%;height:calc(var(--row-height) - 2px);background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed{position:absolute;position:absolute;left:auto;top:auto;z-index:3;padding:0.25rem 0 0 0;min-width:4.5rem;height:calc(var(--row-height) - 2px);text-align:left;background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed:has([open]){z-index:4}iam-table tr:has(.td--fixed){height:3.5rem}iam-table tr:is(:hover,:focus) .td--fixed{background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table tr:has([data-expand-button]){height:calc(4.625rem - 2px)}iam-table .th--fixed+th:not(.th--fixed),iam-table .td--fixed+td:not(.td--fixed){padding-left:calc(4.5rem + var(--width-adjust))}iam-table .th--fixed:not(.expand-button-heading)+.th--fixed+th:not(.th--fixed),iam-table .td--fixed:not(.td--expand)+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table[data-expandable] .th--fixed+.th--fixed+th:not(.th--fixed),iam-table[data-expandable] .td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed+.th--fixed,iam-table .td--fixed+.td--fixed{padding-left:calc(3.25rem + var(--width-adjust));min-width:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed:has(+.th--fixed),iam-table .td--fixed:has(+.td--fixed){min-width:calc(3.25rem + var(--width-adjust));z-index:5}iam-table .dialog__wrapper{z-index:10}iam-table .dialog__wrapper:has([open]){z-index:20}iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:before,iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:after{left:1.25rem !important}iam-table:not([data-expandable]) th.expand-button-heading+th{padding-left:0 !important}iam-table:not([data-expandable]) td.td--expand+td{padding-left:0 !important}iam-table:not([data-expandable]) th.expand-button-heading+.th--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}iam-table:not([data-expandable]) td.td--expand+.td--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}}iam-table.table--fullwidth:has(th[data-sort]) th,iam-table.table--fullwidth td{padding-block:.75rem;padding-left:.5rem;padding-right:2.5rem}iam-table.table--fullwidth th[data-sort]{background-repeat:no-repeat;background-size:1rem 1rem;background-position:calc(100% - .5rem) 50%;cursor:pointer}iam-table.table--fullwidth th[data-sort]:hover{background-color:var(--colour-light);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d='M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-96-96c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L128 370.7 128 64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 306.7 41.4-41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-96 96zm352-333.3c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L448 141.3 448 448c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-306.7-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96c12.5-12.5 32.8-12.5 45.3 0l96 96z'/></svg>")}iam-table.table--fullwidth th[data-sort][data-order-by=asc]{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d='M209.4 39.4C204.8 34.7 198.6 32 192 32s-12.8 2.7-17.4 7.4l-168 176c-9.2 9.6-8.8 24.8 .8 33.9s24.8 8.8 33.9-.8L168 115.9 168 456c0 13.3 10.7 24 24 24s24-10.7 24-24l0-340.1L342.6 248.6c9.2 9.6 24.3 9.9 33.9 .8s9.9-24.3 .8-33.9l-168-176z'/></svg>")}iam-table.table--fullwidth th[data-sort][data-order-by=desc]{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d='M174.6 472.6c4.5 4.7 10.8 7.4 17.4 7.4s12.8-2.7 17.4-7.4l168-176c9.2-9.6 8.8-24.8-.8-33.9s-24.8-8.8-33.9 .8L216 396.1 216 56c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 340.1L41.4 263.4c-9.2-9.6-24.3-9.9-33.9-.8s-9.9 24.3-.8 33.9l168 176z'/></svg>")}@container (width >= 32em){iam-table:has(th[data-sort]) th,iam-table td{padding-block:.75rem;padding-left:.5rem;padding-right:2.5rem}iam-table th[data-sort]{background-repeat:no-repeat;background-size:1rem 1rem;background-position:calc(100% - .5rem) 50%;cursor:pointer}iam-table th[data-sort]:hover{background-color:var(--colour-light);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d='M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-96-96c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L128 370.7 128 64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 306.7 41.4-41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-96 96zm352-333.3c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L448 141.3 448 448c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-306.7-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96c12.5-12.5 32.8-12.5 45.3 0l96 96z'/></svg>")}iam-table th[data-sort][data-order-by=asc]{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d='M209.4 39.4C204.8 34.7 198.6 32 192 32s-12.8 2.7-17.4 7.4l-168 176c-9.2 9.6-8.8 24.8 .8 33.9s24.8 8.8 33.9-.8L168 115.9 168 456c0 13.3 10.7 24 24 24s24-10.7 24-24l0-340.1L342.6 248.6c9.2 9.6 24.3 9.9 33.9 .8s9.9-24.3 .8-33.9l-168-176z'/></svg>")}iam-table th[data-sort][data-order-by=desc]{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d='M174.6 472.6c4.5 4.7 10.8 7.4 17.4 7.4s12.8-2.7 17.4-7.4l168-176c9.2-9.6 8.8-24.8-.8-33.9s-24.8-8.8-33.9 .8L216 396.1 216 56c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 340.1L41.4 263.4c-9.2-9.6-24.3-9.9-33.9-.8s-9.9 24.3-.8 33.9l168 176z'/></svg>")}}iam-table [data-hide-col1]+table :is(thead,tbody) :is(th,td):nth-child(1){display:none}iam-table [data-hide-col2]+table :is(thead,tbody) :is(th,td):nth-child(2){display:none}iam-table [data-hide-col3]+table :is(thead,tbody) :is(th,td):nth-child(3){display:none}iam-table [data-hide-col4]+table :is(thead,tbody) :is(th,td):nth-child(4){display:none}iam-table [data-hide-col5]+table :is(thead,tbody) :is(th,td):nth-child(5){display:none}iam-table [data-hide-col6]+table :is(thead,tbody) :is(th,td):nth-child(6){display:none}iam-table [data-hide-col7]+table :is(thead,tbody) :is(th,td):nth-child(7){display:none}iam-table [data-hide-col8]+table :is(thead,tbody) :is(th,td):nth-child(8){display:none}iam-table [data-hide-col9]+table :is(thead,tbody) :is(th,td):nth-child(9){display:none}iam-table [data-hide-col10]+table :is(thead,tbody) :is(th,td):nth-child(10){display:none}iam-table [data-hide-col11]+table :is(thead,tbody) :is(th,td):nth-child(11){display:none}iam-table [data-hide-col12]+table :is(thead,tbody) :is(th,td):nth-child(12){display:none}iam-table [data-hide-col13]+table :is(thead,tbody) :is(th,td):nth-child(13){display:none}iam-table [data-hide-col14]+table :is(thead,tbody) :is(th,td):nth-child(14){display:none}iam-table [data-hide-col15]+table :is(thead,tbody) :is(th,td):nth-child(15){display:none}iam-table [data-hide-col16]+table :is(thead,tbody) :is(th,td):nth-child(16){display:none}iam-table [data-hide-col17]+table :is(thead,tbody) :is(th,td):nth-child(17){display:none}iam-table [data-hide-col18]+table :is(thead,tbody) :is(th,td):nth-child(18){display:none}iam-table [data-hide-col19]+table :is(thead,tbody) :is(th,td):nth-child(19){display:none}iam-table [data-hide-col20]+table :is(thead,tbody) :is(th,td):nth-child(20){display:none}iam-table [data-hide-col21]+table :is(thead,tbody) :is(th,td):nth-child(21){display:none}iam-table [data-hide-col22]+table :is(thead,tbody) :is(th,td):nth-child(22){display:none}iam-table [data-hide-col23]+table :is(thead,tbody) :is(th,td):nth-child(23){display:none}iam-table [data-hide-col24]+table :is(thead,tbody) :is(th,td):nth-child(24){display:none}iam-table [data-hide-col25]+table :is(thead,tbody) :is(th,td):nth-child(25){display:none}iam-table [data-hide-col26]+table :is(thead,tbody) :is(th,td):nth-child(26){display:none}iam-table [data-hide-col27]+table :is(thead,tbody) :is(th,td):nth-child(27){display:none}iam-table [data-hide-col28]+table :is(thead,tbody) :is(th,td):nth-child(28){display:none}iam-table [data-hide-col29]+table :is(thead,tbody) :is(th,td):nth-child(29){display:none}iam-table [data-hide-col30]+table :is(thead,tbody) :is(th,td):nth-child(30){display:none}/*# sourceMappingURL=assets/css/components/table.global.css.map */
+</style>`)}connectedCallback(){const t=new URLSearchParams(window.location.search);this.hasAttribute("data-total")||this.setAttribute("data-total",this.querySelectorAll("table tbody tr").length),this.hasAttribute("data-page")||this.setAttribute("data-page",t.has("page")?t.get("page"):1),this.hasAttribute("data-show")||this.setAttribute("data-show",t.has("show")?t.get("show"):15),this.hasAttribute("data-increment")||this.setAttribute("data-increment",this.getAttribute("data-show"));let n=this.classList.toString();if(n=n.replace("table--cta",""),n=n.replace("table--loading",""),this.shadowRoot.querySelector(".table__wrapper").className+=` ${n}`,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"),j(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" />`),J(this.table,this),V(this.table,this.form,this.pagination,this,this.savedTableBody),G(this.table,this.form,this.pagination,this),K(this.shadowRoot.querySelector("[data-export]"),this.table),this.form.getAttribute("data-ajax"))I(this.table,this.form,this.pagination,this);else{let s=function(o=1){return Math.floor(Math.random()*Date.now()*(o+1))};if(this.querySelector("iam-actionbar[data-selectall]")||document.querySelector(`iam-actionbar[data-for='${this.getAttribute("id")}']`)){const o=this.querySelector("iam-actionbar[data-selectall]")?this.querySelector("iam-actionbar[data-selectall]"):document.querySelector(`iam-actionbar[data-for='${this.getAttribute("id")}']`);Array.from(this.table.querySelectorAll("thead tr")).forEach(l=>{l.insertAdjacentHTML("afterbegin",'<th class="th--fixed"></th>')}),Array.from(this.table.querySelectorAll("tbody tr")).forEach((l,d)=>{if(!l.querySelector(".selectrow")){const e=`row${s(d)}`;l.insertAdjacentHTML("afterbegin",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${e}" ${l.hasAttribute("data-selected")?'checked="true"':""}/><label for="${e}"><span class="visually-hidden">Select row</span></label></td>`)}}),this.table.addEventListener("change",l=>{if(l&&l.target instanceof HTMLElement&&l.target.closest(".selectrow input")){const d=this.table.querySelectorAll('.selectrow input[type="checkbox"]').length,e=this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;o.setAttribute("data-selected",d==e?"all":e)}}),o.addEventListener("selected",l=>{l.detail.selected=="0"?Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(d=>{d.checked=!1}):l.detail.selected=="all"&&Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(d=>{d.checked=!0})})}let r=-1;Array.from(this.table.querySelectorAll("tbody tr")).forEach(o=>{if(o.querySelector(":scope > td > .dialog__wrapper")){const l=o.querySelector(":scope > td > .dialog__wrapper").parentNode;l.classList.add("td--fixed"),r=Array.from(l.parentNode.children).indexOf(l)}}),r!=-1&&(this.table.querySelector(`thead tr th:nth-child(${r+1})`).classList.add("th--fixed"),Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${r+1})`)).forEach(o=>{o.classList.add("td--fixed")})),z(this.table,this.form,this.pagination,this),this.hasAttribute("data-no-submit")||D(this.table,this.form,this),q(this.table,this.form)}this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll",()=>{this.table.querySelector("dialog[open]")&&(this.table.querySelector("dialog[open]").close(),this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"))}),this.pagination.addEventListener("update-show",s=>{const r=s.detail.show,o=new CustomEvent("update-show",{detail:{show:r}});this.dispatchEvent(o)}),this.pagination.addEventListener("update-page",s=>{const r=s.detail.page,o=new CustomEvent("update-page",{detail:{page:r}});this.dispatchEvent(o)})}static get observedAttributes(){return["data-total","data-page","data-show"]}attributeChangedCallback(t,n,a){switch(this.pagination=this.shadowRoot.querySelector("iam-pagination"),t){case"data-total":{n!=a&&this.pagination.setAttribute("data-total",a);break}case"data-show":{n!=a&&this.pagination.setAttribute("data-show",a);break}case"data-page":{n!=a&&this.pagination.setAttribute("data-page",a);break}}}}export{tt as default};
 //# sourceMappingURL=table.component.min.js.map