@iamproperty/components 7.5.1--beta1 → 7.5.1--beta2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/assets/css/mobile.min.css +1 -1
  2. package/assets/css/mobile.min.css.map +1 -1
  3. package/assets/css/style.min.css +1 -1
  4. package/assets/css/style.min.css.map +1 -1
  5. package/assets/js/components/accordion/accordion.component.min.js +1 -1
  6. package/assets/js/components/actionbar/actionbar.component.min.js +7 -6
  7. package/assets/js/components/actionbar/actionbar.component.min.js.map +1 -1
  8. package/assets/js/components/address-lookup/address-lookup.component.min.js +1 -1
  9. package/assets/js/components/advanced-select/advanced-select.component.min.js +1 -1
  10. package/assets/js/components/applied-filters/applied-filters.component.min.js +1 -1
  11. package/assets/js/components/barchart/barchart.component.min.js +1 -1
  12. package/assets/js/components/bento-grid/bento-grid.component.min.js +1 -1
  13. package/assets/js/components/calendar/calendar.component.min.js +1 -1
  14. package/assets/js/components/card/card.component.min.js +8 -7
  15. package/assets/js/components/card/card.component.min.js.map +1 -1
  16. package/assets/js/components/carousel/carousel.component.min.js +1 -1
  17. package/assets/js/components/collapsible-side/collapsible-side.component.min.js +1 -1
  18. package/assets/js/components/content/content.component.min.js +1 -1
  19. package/assets/js/components/darkmode/darkmode.component.min.js +1 -1
  20. package/assets/js/components/doughnutchart/doughnutchart.component.min.js +1 -1
  21. package/assets/js/components/fileupload/fileupload.component.min.js +1 -1
  22. package/assets/js/components/filter-card/filter-card.component.min.js +1 -1
  23. package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
  24. package/assets/js/components/header/header.component.min.js +1 -1
  25. package/assets/js/components/inline-edit/inline-edit.component.min.js +1 -1
  26. package/assets/js/components/marketing/marketing.component.min.js +1 -1
  27. package/assets/js/components/menu/menu.component.min.js +5 -4
  28. package/assets/js/components/menu/menu.component.min.js.map +1 -1
  29. package/assets/js/components/milestone/milestone.component.min.js +1 -1
  30. package/assets/js/components/milestone-group/milestone-group.component.min.js +1 -1
  31. package/assets/js/components/multi-step/multi-step.component.min.js +1 -1
  32. package/assets/js/components/multiselect/multiselect.component.min.js +1 -1
  33. package/assets/js/components/nav/nav.component.min.js +1 -1
  34. package/assets/js/components/notification/notification.component.min.js +1 -1
  35. package/assets/js/components/pagination/pagination.component.min.js +1 -1
  36. package/assets/js/components/password-indicator/password-indicator.component.min.js +1 -1
  37. package/assets/js/components/rank/rank.component.min.js +1 -1
  38. package/assets/js/components/rankings/rankings.component.min.js +1 -1
  39. package/assets/js/components/record-card/record-card.component.min.js +1 -1
  40. package/assets/js/components/search/search.component.min.js +1 -1
  41. package/assets/js/components/slider/slider.component.min.js +1 -1
  42. package/assets/js/components/split-button/split-button.component.min.js +6 -5
  43. package/assets/js/components/split-button/split-button.component.min.js.map +1 -1
  44. package/assets/js/components/table/table.component.js +3 -9
  45. package/assets/js/components/table/table.component.min.js +10 -3
  46. package/assets/js/components/table/table.component.min.js.map +1 -1
  47. package/assets/js/components/table-ajax/table-ajax.component.js +3 -11
  48. package/assets/js/components/table-ajax/table-ajax.component.min.js +11 -4
  49. package/assets/js/components/table-ajax/table-ajax.component.min.js.map +1 -1
  50. package/assets/js/components/table-basic/table-basic.component.min.js +1 -1
  51. package/assets/js/components/table-no-submit/table-no-submit.component.js +3 -9
  52. package/assets/js/components/table-no-submit/table-no-submit.component.min.js +10 -3
  53. package/assets/js/components/table-no-submit/table-no-submit.component.min.js.map +1 -1
  54. package/assets/js/components/table-submit/table-submit.component.js +3 -9
  55. package/assets/js/components/table-submit/table-submit.component.min.js +11 -4
  56. package/assets/js/components/table-submit/table-submit.component.min.js.map +1 -1
  57. package/assets/js/components/tabs/tabs.component.min.js +1 -1
  58. package/assets/js/components/video-card/video-card.component.min.js +1 -1
  59. package/assets/js/components/word-count/word-count.component.min.js +1 -1
  60. package/assets/js/scripts.bundle.js +1 -1
  61. package/assets/js/scripts.bundle.min.js +1 -1
  62. package/assets/sass/_grid.scss +16 -0
  63. package/assets/ts/components/table/table.component.ts +2 -9
  64. package/assets/ts/components/table-ajax/table-ajax.component.ts +3 -11
  65. package/assets/ts/components/table-no-submit/table-no-submit.component.ts +2 -9
  66. package/assets/ts/components/table-submit/table-submit.component.ts +2 -9
  67. package/dist/components.es.js +28 -28
  68. package/dist/components.umd.js +160 -128
  69. package/package.json +1 -1
@@ -1,13 +1,14 @@
1
1
  /*!
2
- * iamKey v7.5.1--beta1
2
+ * iamKey v7.5.1--beta2
3
3
  * Copyright 2022-2025 iamproperty
4
- */class p extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=`@import "${document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets"}/css/components/menu.component.css";`,r=document.createElement("template");r.innerHTML=`
4
+ */class u extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const i=document.createElement("template");i.innerHTML=`
5
5
  <style>
6
- ${o}
6
+ :host{inset:auto;top:anchor(bottom);left:anchor(left);position:fixed;position-try-fallbacks:flip-block,flip-inline;width:max-content;height:min-content;max-height:var(--menu-max-height, min(100vh - 6rem));background:var(--menu-bg, canvas);margin:var(--menu-margin, 0);padding:var(--menu-padding, 0.5rem);border:var(--menu-border, 2px solid grey);overflow:auto;border:none !important;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.1)}:host(.menu--fill){width:anchor-size(width);min-width:anchor-size(width);max-width:anchor-size(width)}:host(:popover-open),:host([popover-open]){display:block}:host(:not([popover])){position:static;display:block}:host(.menu--sm){width:10rem}:host(.menu--md){width:15rem}:host(.menu--lg){width:20rem}:host(.menu--height-sm){max-height:12.5rem}:host(.menu--height-lg){max-height:25rem}::slotted(*:is(button,a,label,span)){background:unset !important;border:unset !important;color:var(--colour-primary) !important;font-weight:inherit !important;font-family:inherit !important;font-size:1rem !important;line-height:1.1875rem !important;display:block !important;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding-block:var(--menu-item-padding, 0.5rem) !important;width:var(--menu-item-width, 100%) !important;max-width:var(--menu-item-width, 100%) !important;text-align:var(--menu-item-text-align, left) !important}::slotted(*:is(button,a,label)){padding-inline:var(--menu-item-padding, 0.5rem);cursor:var(--menu-item-cursor, pointer) !important}::slotted(*:is(span):first-child){padding-top:0 !important;font-weight:700 !important}::slotted(*:is(button,a,label,span):last-child){margin-bottom:0 !important}::slotted(*:is(label)){--radio-size: 1.25rem;--radio-inner-size: 0.75rem;--radio-inner-top: 0.75rem;--radio-inner-left: 0.75rem;--checkbox-tick-size: 0.75rem;--checkbox-inner-size: 0.625rem;--checkbox-inner-top: 0.375rem;--checkbox-inner-left: 0.5rem;padding-left:2.25rem !important}::slotted(*:is(button,a,label):is(.selected)){background:#e9f8fc !important;border-left:4px solid var(--colour-info) !important;border-radius:.25rem !important;padding-left:calc(var(--menu-item-padding, 0.5rem) - 4px) !important}@media(prefers-color-scheme: dark){::slotted(*:is(button,a,label):is(.selected):not(:hover,.hover)){color:#000 !important}}::slotted(*:is(button,a,label):is(:hover,.hover,:focus,.focus)){background:var(--colour-light) !important;border-radius:.25rem !important}::slotted(*:is(button,a,label):is(:active,.active)){background:#e0e0e0 !important;border-radius:.25rem !important}@media(prefers-color-scheme: dark){::slotted(*:is(button,a,label):is(:active,.active)){color:#000 !important}}::slotted(hr){height:1px !important;background-color:var(--menu-hr-border-color, var(--border-color, grey)) !important;width:100%;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding:0 !important}::slotted(iam-menu:not([popover])){border:none !important;border-radius:0 !important;box-shadow:none !important;padding:0;margin:0;width:auto}::slotted(iam-menu[popover]){top:anchor(top);left:calc(anchor(right) + 1rem)}/*# sourceMappingURL=assets/css/components/menu.component.css.map */
7
+
7
8
  </style>
8
9
  <div class="menu--inner" part="inner">
9
10
  <slot></slot>
10
- </div>`,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){const a=this.hasAttribute("id")?this.getAttribute("id"):!1,o=document.querySelector(`[popovertarget="${a}"]`);let r=this.querySelectorAll(":scope > a, :scope > button, :scope > details > summary"),c=this.querySelectorAll("a, button");this.closest(".menu__wrapper")&&(c=this.shadowRoot.querySelector("slot").assignedElements({flatten:!0}),r=c),this.querySelectorAll("details");let l,d;a&&o&&(this.setAttribute("role","menu"),this.style["position-anchor"]=`--${a}`,o?.setAttribute("aria-haspopup","true"),o==null||(o.style["anchor-name"]=`--${a}`),o?.setAttribute("aria-controls",a)),c.forEach((t,e)=>{t.setAttribute("role","menuitem"),t.setAttribute("tabindex","0"),e==0&&t.setAttribute("autofocus",!0)}),this.addEventListener("keydown",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest("a, button, summary")){const e=document.activeElement,i=Array.from(r).indexOf(e)-1,s=Array.from(r).indexOf(e)+1;switch(t.keyCode){case 27:e.closest("details")?(t.stopPropagation(),t.preventDefault(),e.closest("details").removeAttribute("open"),e.closest("details").querySelector(":scope summary").focus()):(t.stopPropagation(),o.focus());break;case 32:case 13:break;case 35:t.stopPropagation(),t.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(c)[c.length-1].focus();break;case 36:t.stopPropagation(),t.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(c)[0].focus();break;case 38:if(t.stopPropagation(),t.preventDefault(),Array.from(r).indexOf(e)>-1)Array.from(r)[i]!=null?Array.from(r)[i].focus():Array.from(r)[r.length-1].focus();else if(e.closest("details")){const n=e.closest("details").querySelectorAll("a, button, :scope details > summary");d=Array.from(n).indexOf(e)-1,Array.from(n)[d]!=null?Array.from(n)[d].focus():Array.from(n)[n.length-1].focus()}break;case 40:if(t.stopPropagation(),t.preventDefault(),Array.from(r).indexOf(e)>-1)Array.from(r)[s]!=null?Array.from(r)[s].focus():Array.from(r)[0].focus();else if(e.closest("details")){const n=e.closest("details").querySelectorAll("a, button, :scope details > summary");l=Array.from(n).indexOf(e)+1,Array.from(n)[l]!=null?Array.from(n)[l].focus():Array.from(n)[0].focus()}break}}}),this.addEventListener("toggle",t=>{var e,i,s,n;const b=new CustomEvent(t.newState,{detail:{id:this.getAttribute("id"),target:t.target}});this.dispatchEvent(b),this.closest(".menu__wrapper")&&c[0].focus(),this.hasAttribute("popover-open")&&(t.preventDefault(),this.removeAttribute("popover-open"),this.hidePopover()),this.matches(":popover-open")&&document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`)?((e=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||e===void 0||e.setAttribute("aria-pressed","true"),(i=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||i===void 0||i.classList.add("active")):((s=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||s===void 0||s.removeAttribute("aria-pressed"),(n=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||n===void 0||n.classList.remove("active"))}),this.addEventListener("click",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest("button:has(+ iam-menu:not([popover]))")){const e=t.target.closest("button:has(+ iam-menu)");e?.classList.toggle("open")}else if(t&&t.target instanceof HTMLElement&&t.target.closest("button.selectable")){const e=t.target.closest("button.selectable");this.hasAttribute("multiple")?e.classList.toggle("selected"):e?.classList.contains("selected")?this.querySelectorAll(".selected").forEach(i=>{i.classList.remove("selected")}):(this.querySelectorAll(".selected").forEach(i=>{i.classList.remove("selected")}),e.classList.add("selected"))}}),CSS.supports("top","anchor(top)")||document.addEventListener("click",t=>{if(t.originalTarget&&t.originalTarget.matches("[popovertarget]")){const e=t.originalTarget,i=e.getAttribute("popovertarget"),s=document.getElementById(i),n=e.getBoundingClientRect(),b=n.top,u=n.left;s.style.setProperty("top",b+"px"),s.style.setProperty("left",u+e.clientWidth+"px")}})}}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"split-button"});class h extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const a=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",o=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${a}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
11
+ </div>`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){const i=this.hasAttribute("id")?this.getAttribute("id"):!1,o=document.querySelector(`[popovertarget="${i}"]`);let n=this.querySelectorAll(":scope > a, :scope > button, :scope > details > summary"),c=this.querySelectorAll("a, button");this.closest(".menu__wrapper")&&(c=this.shadowRoot.querySelector("slot").assignedElements({flatten:!0}),n=c),this.querySelectorAll("details");let l,d;i&&o&&(this.setAttribute("role","menu"),this.style["position-anchor"]=`--${i}`,o?.setAttribute("aria-haspopup","true"),o==null||(o.style["anchor-name"]=`--${i}`),o?.setAttribute("aria-controls",i)),c.forEach((t,e)=>{t.setAttribute("role","menuitem"),t.setAttribute("tabindex","0"),e==0&&t.setAttribute("autofocus",!0)}),this.addEventListener("keydown",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest("a, button, summary")){const e=document.activeElement,a=Array.from(n).indexOf(e)-1,s=Array.from(n).indexOf(e)+1;switch(t.keyCode){case 27:e.closest("details")?(t.stopPropagation(),t.preventDefault(),e.closest("details").removeAttribute("open"),e.closest("details").querySelector(":scope summary").focus()):(t.stopPropagation(),o.focus());break;case 32:case 13:break;case 35:t.stopPropagation(),t.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(c)[c.length-1].focus();break;case 36:t.stopPropagation(),t.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(c)[0].focus();break;case 38:if(t.stopPropagation(),t.preventDefault(),Array.from(n).indexOf(e)>-1)Array.from(n)[a]!=null?Array.from(n)[a].focus():Array.from(n)[n.length-1].focus();else if(e.closest("details")){const r=e.closest("details").querySelectorAll("a, button, :scope details > summary");d=Array.from(r).indexOf(e)-1,Array.from(r)[d]!=null?Array.from(r)[d].focus():Array.from(r)[r.length-1].focus()}break;case 40:if(t.stopPropagation(),t.preventDefault(),Array.from(n).indexOf(e)>-1)Array.from(n)[s]!=null?Array.from(n)[s].focus():Array.from(n)[0].focus();else if(e.closest("details")){const r=e.closest("details").querySelectorAll("a, button, :scope details > summary");l=Array.from(r).indexOf(e)+1,Array.from(r)[l]!=null?Array.from(r)[l].focus():Array.from(r)[0].focus()}break}}}),this.addEventListener("toggle",t=>{var e,a,s,r;const m=new CustomEvent(t.newState,{detail:{id:this.getAttribute("id"),target:t.target}});this.dispatchEvent(m),this.closest(".menu__wrapper")&&c[0].focus(),this.hasAttribute("popover-open")&&(t.preventDefault(),this.removeAttribute("popover-open"),this.hidePopover()),this.matches(":popover-open")&&document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`)?((e=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||e===void 0||e.setAttribute("aria-pressed","true"),(a=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||a===void 0||a.classList.add("active")):((s=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||s===void 0||s.removeAttribute("aria-pressed"),(r=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||r===void 0||r.classList.remove("active"))}),this.addEventListener("click",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest("button:has(+ iam-menu:not([popover]))")){const e=t.target.closest("button:has(+ iam-menu)");e?.classList.toggle("open")}else if(t&&t.target instanceof HTMLElement&&t.target.closest("button.selectable")){const e=t.target.closest("button.selectable");this.hasAttribute("multiple")?e.classList.toggle("selected"):e?.classList.contains("selected")?this.querySelectorAll(".selected").forEach(a=>{a.classList.remove("selected")}):(this.querySelectorAll(".selected").forEach(a=>{a.classList.remove("selected")}),e.classList.add("selected"))}}),CSS.supports("top","anchor(top)")||document.addEventListener("click",t=>{if(t.originalTarget&&t.originalTarget.matches("[popovertarget]")){const e=t.originalTarget,a=e.getAttribute("popovertarget"),s=document.getElementById(a),r=e.getBoundingClientRect(),m=r.top,p=r.left;s.style.setProperty("top",m+"px"),s.style.setProperty("left",p+e.clientWidth+"px")}})}}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"split-button"});class h extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const i=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",o=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${i}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
11
12
  <style>
12
13
  @import "${o}";
13
14
  @layer elements{*,*::before,*::after{box-sizing:border-box}button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[role=button]{cursor:pointer}button:focus:not(:focus-visible){outline:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 0.125rem;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:500;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}.btn:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.btn:not(:last-child){margin-right:var(--btn-margin)}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.colour-success{--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success:before,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active):before{content:"\uF00C";font-family:"Font Awesome 6 Pro";margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn[class*=fa-]:before{content:var(--fa);font-family:"Font Awesome 6 Pro";line-height:1em}.btn.btn[class*=fa-after]{padding-right:4rem}.btn.btn[class*=fa-after]:before{margin-right:0;margin-right:0.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}.btn:not(.btn-compact):before{margin-right:1rem}.btn i[class*=fa-]{font-family:"Font Awesome 6 Pro";margin-right:1rem;line-height:1em;font-style:inherit}.btn i[class*=fa-]:not(:first-child){margin-left:1rem;margin-right:0}.btn.btn--prompt:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt:after,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active):after{margin-left:1.5rem;margin-right:-0.5rem}.btn:has(select){position:relative;padding-right:3.5rem}.btn:has(select):not(.mw-100){max-width:13rem}.btn:has(select) select{all:unset !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:3.5rem !important;margin-right:-3.5rem !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;max-width:100% !important;outline:none;font-weight:500;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important}.btn:has(select) select option{padding:0;text-align:left;color:var(--colour-primary)}.btn:has(select):after{position:absolute;top:0.625rem;right:2rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}.btn:has(select).active:after{transform:rotate(-90deg)}.btn:has(select:focus):after{transform:rotate(-90deg)}.btn-filter:after{content:"\uF1DE";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:"Font Awesome 6 Pro"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.btn-secondary:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:rgba(0,0,0,0);border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative}.btn.btn-tertiary:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}.btn.btn-tertiary.text-decoration-none:after{width:0%}.btn.btn-tertiary [class*=fa-]{margin-left:0;margin-right:.5rem}.btn.btn-tertiary [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}.btn.btn-tertiary:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action{border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) .btn-action,.btn-action:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem}.btn-compact:not(:last-child){margin-right:0.5rem}.btn-compact{text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.btn-compact:before{content:var(--fa);position:absolute;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - 0.25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - 0.25rem)}@container style(--theme: dark){.btn-compact[class*=fa-]:before{color:#fff}}.btn-compact.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}.btn-compact.btn-action{--compact-size: 2rem;font-size:1rem}.btn-compact.btn-action:before{font-size:1em;font-weight:400}.btn-compact.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:rgba(0,0,0,0)}.btn-compact.btn-secondary:not([class*=colour-]){--colour: var(--colour-light)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse):is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}.btn-compact[data-number]{position:relative}.btn-compact[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:#fff;letter-spacing:-0.1em;font-family:arial,sans-serif}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-inverted) !important;color:var(--colour-inverted)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme) !important}}@layer components{iam-menu:defined{--menu-padding: 0.5rem;--border-color: var(--colour-border);--menu-item-margin: 0 0 0.5rem 0}iam-menu i{width:1.25rem}iam-menu>button:has(+iam-menu){position:relative}iam-menu>button:has(+iam-menu):after{content:"";height:var(--btn-line-height);width:1rem;height:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;position:absolute;top:calc(50% - .5rem);right:.5rem}iam-menu>button:has(+iam-menu:not([popover])):after{rotate:90deg}iam-menu>button.open:has(+iam-menu:not([popover])){position:relative}iam-menu>button.open:has(+iam-menu:not([popover])):after{top:calc(50% - .5rem);right:.5rem;rotate:270deg}iam-menu>button:has(+iam-menu:popover-open){position:relative}iam-menu>button:has(+iam-menu:popover-open):after{top:calc(50% - .5rem);right:.5rem;rotate:180deg}iam-menu>button:not(.open)+iam-menu:not([popover]){display:none}iam-menu>button+iam-menu:not([popover])>*:is(button,a,label){padding-left:2rem}}::slotted(button:not([slot])){float:left;margin-right:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-right:none !important;padding-right:1rem !important}::slotted(button[slot]){background:none !important;display:block !important;float:none !important;border:none !important}.split-button{position:relative}.split-button .dropdown{position:relative;display:inline-block}.split-button .dropdown button{border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid rgba(0,0,0,.2);padding-right:0;padding-left:.75rem;margin-bottom:0}.split-button .dropdown button .fa-light::before{content:"\uF107"}.split-button .dropdown button:hover,.split-button .dropdown button:active,.split-button .dropdown button:focus{border-top-left-radius:0;border-bottom-left-radius:0}.btn-secondary:not([disabled]):hover i,.btn-secondary:not([disabled]):active i,.btn-secondary:not([disabled]):focus i{color:#fff !important}@media(prefers-color-scheme: dark){.btn-secondary.btn-split{border-left-color:#fff !important}.btn-secondary.btn-split:hover i,.btn-secondary.btn-split:active i,.btn-secondary.btn-split:focus i{color:#000 !important}}/*# sourceMappingURL=assets/css/components/split-button.component.css.map */
@@ -27,5 +28,5 @@
27
28
 
28
29
  </div>
29
30
  </div>
30
- `,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){this.shadowRoot.querySelector(".split-menu");const a=this.shadowRoot.querySelector(".btn-split");document.querySelector("html");const o=this.querySelector(".btn");window.customElements.get("iam-menu")||window.customElements.define("iam-menu",p),a.className=`${o.className} btn-split`,o.disabled&&(a.disabled=!0),o.classList.contains("btn-sm")&&a.classList.add("btn-sm")}}export{h as default};
31
+ `,this.shadowRoot.appendChild(n.content.cloneNode(!0))}connectedCallback(){this.shadowRoot.querySelector(".split-menu");const i=this.shadowRoot.querySelector(".btn-split");document.querySelector("html");const o=this.querySelector(".btn");window.customElements.get("iam-menu")||window.customElements.define("iam-menu",u),i.className=`${o.className} btn-split`,o.disabled&&(i.disabled=!0),o.classList.contains("btn-sm")&&i.classList.add("btn-sm")}}export{h as default};
31
32
  //# sourceMappingURL=split-button.component.min.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"split-button.component.min.js","sources":["../menu/menu.component.js","split-button.component.js"],"sourcesContent":["class iamMenu extends HTMLElement {\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n const assetLocation = document.body.hasAttribute('data-assets-location')\n ? document.body.getAttribute('data-assets-location')\n : '/assets';\n const menuCSS = `@import \"${assetLocation}/css/components/menu.component.css\";`;\n const template = document.createElement('template');\n template.innerHTML = `\n <style>\n ${menuCSS}\n </style>\n <div class=\"menu--inner\" part=\"inner\">\n <slot></slot>\n </div>`;\n this.shadowRoot.appendChild(template.content.cloneNode(true));\n }\n connectedCallback() {\n const menuID = this.hasAttribute('id') ? this.getAttribute('id') : false;\n const menuButton = document.querySelector(`[popovertarget=\"${menuID}\"]`);\n let topLevelmenuItems = this.querySelectorAll(':scope > a, :scope > button, :scope > details > summary');\n let menuItems = this.querySelectorAll('a, button');\n if (this.closest('.menu__wrapper')) {\n menuItems = this.shadowRoot.querySelector('slot').assignedElements({ flatten: true });\n topLevelmenuItems = menuItems;\n }\n const subMenus = this.querySelectorAll('details');\n let subNextIndex;\n let subPrevIndex;\n // Set the needed CSS styles to connect the ID attribute to the anchor name\n if (menuID && menuButton) {\n this.setAttribute('role', 'menu');\n this.style['position-anchor'] = `--${menuID}`;\n menuButton === null || menuButton === void 0 ? void 0 : menuButton.setAttribute('aria-haspopup', 'true');\n menuButton === null || menuButton === void 0 ? void 0 : menuButton.style['anchor-name'] = `--${menuID}`;\n menuButton === null || menuButton === void 0 ? void 0 : menuButton.setAttribute('aria-controls', menuID);\n }\n menuItems.forEach((item, index) => {\n item.setAttribute('role', 'menuitem');\n item.setAttribute('tabindex', '0');\n if (index == 0) {\n item.setAttribute('autofocus', true);\n }\n });\n this.addEventListener('keydown', (event) => {\n if (event && event.target instanceof HTMLElement && event.target.closest('a, button, summary')) {\n const activeItem = document.activeElement;\n const prevIndex = Array.from(topLevelmenuItems).indexOf(activeItem) - 1;\n const nextIndex = Array.from(topLevelmenuItems).indexOf(activeItem) + 1;\n switch (event.keyCode // change to event.key to key to use the above variable\n ) {\n case 27: // Esc\n if (activeItem.closest('details')) {\n event.stopPropagation();\n event.preventDefault();\n activeItem.closest('details').removeAttribute('open');\n activeItem.closest('details').querySelector(':scope summary').focus();\n }\n else {\n event.stopPropagation();\n menuButton.focus();\n }\n break;\n case 32: // Space\n case 13: // Enter\n break;\n case 35: // end\n event.stopPropagation();\n event.preventDefault();\n this.querySelector('details[open]').removeAttribute('open');\n Array.from(menuItems)[menuItems.length - 1].focus();\n break;\n case 36: // home\n event.stopPropagation();\n event.preventDefault();\n this.querySelector('details[open]').removeAttribute('open');\n Array.from(menuItems)[0].focus();\n break;\n case 38: // up\n event.stopPropagation();\n event.preventDefault();\n if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n if (Array.from(topLevelmenuItems)[prevIndex] != undefined)\n Array.from(topLevelmenuItems)[prevIndex].focus();\n else\n Array.from(topLevelmenuItems)[topLevelmenuItems.length - 1].focus();\n }\n else if (activeItem.closest('details')) {\n const subMenuItems = activeItem\n .closest('details')\n .querySelectorAll('a, button, :scope details > summary');\n subPrevIndex = Array.from(subMenuItems).indexOf(activeItem) - 1;\n if (Array.from(subMenuItems)[subPrevIndex] != undefined)\n Array.from(subMenuItems)[subPrevIndex].focus();\n else\n Array.from(subMenuItems)[subMenuItems.length - 1].focus();\n }\n break;\n case 40: // down\n event.stopPropagation();\n event.preventDefault();\n if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n if (Array.from(topLevelmenuItems)[nextIndex] != undefined)\n Array.from(topLevelmenuItems)[nextIndex].focus();\n else\n Array.from(topLevelmenuItems)[0].focus();\n }\n else if (activeItem.closest('details')) {\n const subMenuItems = activeItem\n .closest('details')\n .querySelectorAll('a, button, :scope details > summary');\n subNextIndex = Array.from(subMenuItems).indexOf(activeItem) + 1;\n if (Array.from(subMenuItems)[subNextIndex] != undefined)\n Array.from(subMenuItems)[subNextIndex].focus();\n else\n Array.from(subMenuItems)[0].focus();\n }\n break;\n }\n }\n });\n this.addEventListener('toggle', (e) => {\n var _a, _b, _c, _d;\n const updateEvent = new CustomEvent(e.newState, { detail: { id: this.getAttribute('id'), target: e.target } });\n this.dispatchEvent(updateEvent);\n // Fix the focus\n if (this.closest('.menu__wrapper')) {\n menuItems[0].focus();\n }\n if (this.hasAttribute('popover-open')) {\n e.preventDefault();\n this.removeAttribute('popover-open');\n this.hidePopover();\n }\n if (this.matches(':popover-open') && document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) {\n (_a = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-pressed', 'true');\n (_b = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _b === void 0 ? void 0 : _b.classList.add('active');\n }\n else {\n (_c = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _c === void 0 ? void 0 : _c.removeAttribute('aria-pressed');\n (_d = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _d === void 0 ? void 0 : _d.classList.remove('active');\n }\n });\n this.addEventListener('click', (event) => {\n if (event &&\n event.target instanceof HTMLElement &&\n event.target.closest('button:has(+ iam-menu:not([popover]))')) {\n const button = event.target.closest('button:has(+ iam-menu)');\n button === null || button === void 0 ? void 0 : button.classList.toggle('open');\n }\n else if (event && event.target instanceof HTMLElement && event.target.closest('button.selectable')) {\n const button = event.target.closest('button.selectable');\n if (this.hasAttribute('multiple')) {\n button.classList.toggle('selected');\n }\n else if (button === null || button === void 0 ? void 0 : button.classList.contains('selected')) {\n this.querySelectorAll('.selected').forEach((item) => {\n item.classList.remove('selected');\n });\n }\n else {\n this.querySelectorAll('.selected').forEach((item) => {\n item.classList.remove('selected');\n });\n button.classList.add('selected');\n }\n }\n });\n // safari and firefox anchor fix for cards\n if (!CSS.supports('top', 'anchor(top)')) {\n document.addEventListener('click', (event) => {\n if (event.originalTarget && event.originalTarget.matches('[popovertarget]')) {\n const button = event.originalTarget;\n const popoverID = button.getAttribute('popovertarget');\n const popover = document.getElementById(popoverID);\n const viewportOffset = button.getBoundingClientRect();\n const top = viewportOffset.top;\n const left = viewportOffset.left;\n popover.style.setProperty('top', top + 'px');\n popover.style.setProperty('left', left + button.clientWidth + 'px');\n }\n });\n }\n }\n}\nexport default iamMenu;\n","import iamMenu from '../menu/menu.component.js';\n// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n event: 'customElementRegistered',\n element: 'split-button',\n});\nclass iamSplitButton 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/split-button.component.css\";`;\n const template = document.createElement('template');\n template.innerHTML = `\n <style>\n @import \"${coreCSS}\";\n ${loadCSS}\n ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n </style>\n <div class=\"split-button\">\n <slot></slot>\n <div class=\"dropdown\">\n <button class=\"btn btn-split\" part=\"dropdown\" popovertarget=\"actions\" style=\"anchor-name: --anchor-el;\" title=\"Further actions\">\n <i class=\"fa fa-angle-down fa-light\"></i>\n </button>\n\n <iam-menu id=\"actions\" style=\"position-anchor: --anchor-el;\" popover>\n <slot name=\"menu-item\"></slot>\n </iam-menu>\n\n </div>\n </div>\n `;\n this.shadowRoot.appendChild(template.content.cloneNode(true));\n }\n connectedCallback() {\n const dropdown = this.shadowRoot.querySelector('.split-menu');\n const splitBtn = this.shadowRoot.querySelector('.btn-split');\n const html = document.querySelector('html');\n const mainButton = this.querySelector('.btn');\n if (!window.customElements.get(`iam-menu`))\n window.customElements.define(`iam-menu`, iamMenu);\n splitBtn.className = `${mainButton.className} btn-split`;\n if (mainButton.disabled) {\n splitBtn.disabled = true;\n }\n if (mainButton.classList.contains('btn-sm')) {\n splitBtn.classList.add('btn-sm');\n }\n }\n}\nexport default iamSplitButton;\n"],"names":["iamMenu","menuCSS","template","menuID","menuButton","topLevelmenuItems","menuItems","subNextIndex","subPrevIndex","item","index","event","activeItem","prevIndex","nextIndex","subMenuItems","e","_a","_b","_c","_d","updateEvent","button","popoverID","popover","viewportOffset","top","left","iamSplitButton","assetLocation","coreCSS","splitBtn","mainButton"],"mappings":";;;IAAA,MAAMA,UAAgB,WAAY,CAC9B,aAAc,CACV,MAAK,EACL,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,EAIlC,MAAMC,EAAU,YAHM,SAAS,KAAK,aAAa,sBAAsB,EACjE,SAAS,KAAK,aAAa,sBAAsB,EACjD,SACmC,uCACnCC,EAAW,SAAS,cAAc,UAAU,EAClDA,EAAS,UAAY;AAAA;AAAA,MAEvBD,CAAO;AAAA;AAAA;AAAA;AAAA,YAKL,KAAK,WAAW,YAAYC,EAAS,QAAQ,UAAU,EAAI,CAAC,CAChE,CACA,mBAAoB,CAChB,MAAMC,EAAS,KAAK,aAAa,IAAI,EAAI,KAAK,aAAa,IAAI,EAAI,GAC7DC,EAAa,SAAS,cAAc,mBAAmBD,CAAM,IAAI,EACvE,IAAIE,EAAoB,KAAK,iBAAiB,yDAAyD,EACnGC,EAAY,KAAK,iBAAiB,WAAW,EAC7C,KAAK,QAAQ,gBAAgB,IAC7BA,EAAY,KAAK,WAAW,cAAc,MAAM,EAAE,iBAAiB,CAAE,QAAS,GAAM,EACpFD,EAAoBC,GAEP,KAAK,iBAAiB,SAAS,EAChD,IAAIC,EACAC,EAEAL,GAAUC,IACV,KAAK,aAAa,OAAQ,MAAM,EAChC,KAAK,MAAM,iBAAiB,EAAI,KAAKD,CAAM,GACaC,GAAW,aAAa,gBAAiB,MAAM,EACvGA,GAAe,OAAyCA,EAAW,MAAM,aAAa,EAAI,KAAKD,CAAM,IAC7CC,GAAW,aAAa,gBAAiBD,CAAM,GAE3GG,EAAU,QAAQ,CAACG,EAAMC,IAAU,CAC/BD,EAAK,aAAa,OAAQ,UAAU,EACpCA,EAAK,aAAa,WAAY,GAAG,EAC7BC,GAAS,GACTD,EAAK,aAAa,YAAa,EAAI,CAE3C,CAAC,EACD,KAAK,iBAAiB,UAAYE,GAAU,CACxC,GAAIA,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,oBAAoB,EAAG,CAC5F,MAAMC,EAAa,SAAS,cACtBC,EAAY,MAAM,KAAKR,CAAiB,EAAE,QAAQO,CAAU,EAAI,EAChEE,EAAY,MAAM,KAAKT,CAAiB,EAAE,QAAQO,CAAU,EAAI,EACtE,OAAQD,EAAM,QAC9B,CACoB,IAAK,IACGC,EAAW,QAAQ,SAAS,GAC5BD,EAAM,gBAAe,EACrBA,EAAM,eAAc,EACpBC,EAAW,QAAQ,SAAS,EAAE,gBAAgB,MAAM,EACpDA,EAAW,QAAQ,SAAS,EAAE,cAAc,gBAAgB,EAAE,MAAK,IAGnED,EAAM,gBAAe,EACrBP,EAAW,MAAK,GAEpB,MACJ,IAAK,IACL,IAAK,IACD,MACJ,IAAK,IACDO,EAAM,gBAAe,EACrBA,EAAM,eAAc,EACpB,KAAK,cAAc,eAAe,EAAE,gBAAgB,MAAM,EAC1D,MAAM,KAAKL,CAAS,EAAEA,EAAU,OAAS,CAAC,EAAE,MAAK,EACjD,MACJ,IAAK,IACDK,EAAM,gBAAe,EACrBA,EAAM,eAAc,EACpB,KAAK,cAAc,eAAe,EAAE,gBAAgB,MAAM,EAC1D,MAAM,KAAKL,CAAS,EAAE,CAAC,EAAE,MAAK,EAC9B,MACJ,IAAK,IAGD,GAFAK,EAAM,gBAAe,EACrBA,EAAM,eAAc,EAChB,MAAM,KAAKN,CAAiB,EAAE,QAAQO,CAAU,EAAI,GAChD,MAAM,KAAKP,CAAiB,EAAEQ,CAAS,GAAK,KAC5C,MAAM,KAAKR,CAAiB,EAAEQ,CAAS,EAAE,MAAK,EAE9C,MAAM,KAAKR,CAAiB,EAAEA,EAAkB,OAAS,CAAC,EAAE,MAAK,UAEhEO,EAAW,QAAQ,SAAS,EAAG,CACpC,MAAMG,EAAeH,EAChB,QAAQ,SAAS,EACjB,iBAAiB,qCAAqC,EAC3DJ,EAAe,MAAM,KAAKO,CAAY,EAAE,QAAQH,CAAU,EAAI,EAC1D,MAAM,KAAKG,CAAY,EAAEP,CAAY,GAAK,KAC1C,MAAM,KAAKO,CAAY,EAAEP,CAAY,EAAE,MAAK,EAE5C,MAAM,KAAKO,CAAY,EAAEA,EAAa,OAAS,CAAC,EAAE,MAAK,CAC/D,CACA,MACJ,IAAK,IAGD,GAFAJ,EAAM,gBAAe,EACrBA,EAAM,eAAc,EAChB,MAAM,KAAKN,CAAiB,EAAE,QAAQO,CAAU,EAAI,GAChD,MAAM,KAAKP,CAAiB,EAAES,CAAS,GAAK,KAC5C,MAAM,KAAKT,CAAiB,EAAES,CAAS,EAAE,MAAK,EAE9C,MAAM,KAAKT,CAAiB,EAAE,CAAC,EAAE,MAAK,UAErCO,EAAW,QAAQ,SAAS,EAAG,CACpC,MAAMG,EAAeH,EAChB,QAAQ,SAAS,EACjB,iBAAiB,qCAAqC,EAC3DL,EAAe,MAAM,KAAKQ,CAAY,EAAE,QAAQH,CAAU,EAAI,EAC1D,MAAM,KAAKG,CAAY,EAAER,CAAY,GAAK,KAC1C,MAAM,KAAKQ,CAAY,EAAER,CAAY,EAAE,MAAK,EAE5C,MAAM,KAAKQ,CAAY,EAAE,CAAC,EAAE,MAAK,CACzC,CACA,KACxB,CACY,CACJ,CAAC,EACD,KAAK,iBAAiB,SAAWC,GAAM,CACnC,IAAIC,EAAIC,EAAIC,EAAIC,EAChB,MAAMC,EAAc,IAAI,YAAYL,EAAE,SAAU,CAAE,OAAQ,CAAE,GAAI,KAAK,aAAa,IAAI,EAAG,OAAQA,EAAE,MAAM,EAAI,EAC7G,KAAK,cAAcK,CAAW,EAE1B,KAAK,QAAQ,gBAAgB,GAC7Bf,EAAU,CAAC,EAAE,MAAK,EAElB,KAAK,aAAa,cAAc,IAChCU,EAAE,eAAc,EAChB,KAAK,gBAAgB,cAAc,EACnC,KAAK,YAAW,GAEhB,KAAK,QAAQ,eAAe,GAAK,SAAS,cAAc,mBAAmB,KAAK,aAAa,IAAI,CAAC,IAAI,IACrGC,EAAK,SAAS,cAAc,mBAAmB,KAAK,aAAa,IAAI,CAAC,IAAI,KAAO,MAAQA,IAAO,QAAkBA,EAAG,aAAa,eAAgB,MAAM,GACxJC,EAAK,SAAS,cAAc,mBAAmB,KAAK,aAAa,IAAI,CAAC,IAAI,KAAO,MAAQA,IAAO,QAAkBA,EAAG,UAAU,IAAI,QAAQ,KAG3IC,EAAK,SAAS,cAAc,mBAAmB,KAAK,aAAa,IAAI,CAAC,IAAI,KAAO,MAAQA,IAAO,QAAkBA,EAAG,gBAAgB,cAAc,GACnJC,EAAK,SAAS,cAAc,mBAAmB,KAAK,aAAa,IAAI,CAAC,IAAI,KAAO,MAAQA,IAAO,QAAkBA,EAAG,UAAU,OAAO,QAAQ,EAEvJ,CAAC,EACD,KAAK,iBAAiB,QAAUT,GAAU,CACtC,GAAIA,GACAA,EAAM,kBAAkB,aACxBA,EAAM,OAAO,QAAQ,uCAAuC,EAAG,CAC/D,MAAMW,EAASX,EAAM,OAAO,QAAQ,wBAAwB,EACZW,GAAO,UAAU,OAAO,MAAM,CAClF,SACSX,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,mBAAmB,EAAG,CAChG,MAAMW,EAASX,EAAM,OAAO,QAAQ,mBAAmB,EACnD,KAAK,aAAa,UAAU,EAC5BW,EAAO,UAAU,OAAO,UAAU,EAEmBA,GAAO,UAAU,SAAS,UAAU,EACzF,KAAK,iBAAiB,WAAW,EAAE,QAASb,GAAS,CACjDA,EAAK,UAAU,OAAO,UAAU,CACpC,CAAC,GAGD,KAAK,iBAAiB,WAAW,EAAE,QAASA,GAAS,CACjDA,EAAK,UAAU,OAAO,UAAU,CACpC,CAAC,EACDa,EAAO,UAAU,IAAI,UAAU,EAEvC,CACJ,CAAC,EAEI,IAAI,SAAS,MAAO,aAAa,GAClC,SAAS,iBAAiB,QAAUX,GAAU,CAC1C,GAAIA,EAAM,gBAAkBA,EAAM,eAAe,QAAQ,iBAAiB,EAAG,CACzE,MAAMW,EAASX,EAAM,eACfY,EAAYD,EAAO,aAAa,eAAe,EAC/CE,EAAU,SAAS,eAAeD,CAAS,EAC3CE,EAAiBH,EAAO,sBAAqB,EAC7CI,EAAMD,EAAe,IACrBE,EAAOF,EAAe,KAC5BD,EAAQ,MAAM,YAAY,MAAOE,EAAM,IAAI,EAC3CF,EAAQ,MAAM,YAAY,OAAQG,EAAOL,EAAO,YAAc,IAAI,CACtE,CACJ,CAAC,CAET,CACJ,CCvLA,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAO,0BACP,QAAS,cACb,CAAC,EACD,MAAMM,UAAuB,WAAY,CACrC,aAAc,CACV,MAAK,EACL,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,EAClC,MAAMC,EAAgB,SAAS,KAAK,aAAa,sBAAsB,EACjE,SAAS,KAAK,aAAa,sBAAsB,EACjD,UACAC,EAAU,SAAS,KAAK,aAAa,eAAe,EACpD,SAAS,KAAK,aAAa,eAAe,EAC1C,GAAGD,CAAa,oBAEhB3B,EAAW,SAAS,cAAc,UAAU,EAClDA,EAAS,UAAY;AAAA;AAAA,eAEd4B,CAAO;AAAA;AAAA;AAAA,MAEhB,KAAK,aAAa,KAAK,EAAI,YAAY,KAAK,aAAa,KAAK,CAAC,KAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAgBtE,KAAK,WAAW,YAAY5B,EAAS,QAAQ,UAAU,EAAI,CAAC,CAChE,CACA,mBAAoB,CACC,KAAK,WAAW,cAAc,aAAa,EAC5D,MAAM6B,EAAW,KAAK,WAAW,cAAc,YAAY,EAC9C,SAAS,cAAc,MAAM,EAC1C,MAAMC,EAAa,KAAK,cAAc,MAAM,EACvC,OAAO,eAAe,IAAI,UAAU,GACrC,OAAO,eAAe,OAAO,WAAYhC,CAAO,EACpD+B,EAAS,UAAY,GAAGC,EAAW,SAAS,aACxCA,EAAW,WACXD,EAAS,SAAW,IAEpBC,EAAW,UAAU,SAAS,QAAQ,GACtCD,EAAS,UAAU,IAAI,QAAQ,CAEvC,CACJ"}
1
+ {"version":3,"file":"split-button.component.min.js","sources":["../menu/menu.component.js","split-button.component.js"],"sourcesContent":["class iamMenu extends HTMLElement {\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n const assetLocation = document.body.hasAttribute('data-assets-location')\n ? document.body.getAttribute('data-assets-location')\n : '/assets';\n const menuCSS = `@import \"${assetLocation}/css/components/menu.component.css\";`;\n const template = document.createElement('template');\n template.innerHTML = `\n <style>\n ${menuCSS}\n </style>\n <div class=\"menu--inner\" part=\"inner\">\n <slot></slot>\n </div>`;\n this.shadowRoot.appendChild(template.content.cloneNode(true));\n }\n connectedCallback() {\n const menuID = this.hasAttribute('id') ? this.getAttribute('id') : false;\n const menuButton = document.querySelector(`[popovertarget=\"${menuID}\"]`);\n let topLevelmenuItems = this.querySelectorAll(':scope > a, :scope > button, :scope > details > summary');\n let menuItems = this.querySelectorAll('a, button');\n if (this.closest('.menu__wrapper')) {\n menuItems = this.shadowRoot.querySelector('slot').assignedElements({ flatten: true });\n topLevelmenuItems = menuItems;\n }\n const subMenus = this.querySelectorAll('details');\n let subNextIndex;\n let subPrevIndex;\n // Set the needed CSS styles to connect the ID attribute to the anchor name\n if (menuID && menuButton) {\n this.setAttribute('role', 'menu');\n this.style['position-anchor'] = `--${menuID}`;\n menuButton === null || menuButton === void 0 ? void 0 : menuButton.setAttribute('aria-haspopup', 'true');\n menuButton === null || menuButton === void 0 ? void 0 : menuButton.style['anchor-name'] = `--${menuID}`;\n menuButton === null || menuButton === void 0 ? void 0 : menuButton.setAttribute('aria-controls', menuID);\n }\n menuItems.forEach((item, index) => {\n item.setAttribute('role', 'menuitem');\n item.setAttribute('tabindex', '0');\n if (index == 0) {\n item.setAttribute('autofocus', true);\n }\n });\n this.addEventListener('keydown', (event) => {\n if (event && event.target instanceof HTMLElement && event.target.closest('a, button, summary')) {\n const activeItem = document.activeElement;\n const prevIndex = Array.from(topLevelmenuItems).indexOf(activeItem) - 1;\n const nextIndex = Array.from(topLevelmenuItems).indexOf(activeItem) + 1;\n switch (event.keyCode // change to event.key to key to use the above variable\n ) {\n case 27: // Esc\n if (activeItem.closest('details')) {\n event.stopPropagation();\n event.preventDefault();\n activeItem.closest('details').removeAttribute('open');\n activeItem.closest('details').querySelector(':scope summary').focus();\n }\n else {\n event.stopPropagation();\n menuButton.focus();\n }\n break;\n case 32: // Space\n case 13: // Enter\n break;\n case 35: // end\n event.stopPropagation();\n event.preventDefault();\n this.querySelector('details[open]').removeAttribute('open');\n Array.from(menuItems)[menuItems.length - 1].focus();\n break;\n case 36: // home\n event.stopPropagation();\n event.preventDefault();\n this.querySelector('details[open]').removeAttribute('open');\n Array.from(menuItems)[0].focus();\n break;\n case 38: // up\n event.stopPropagation();\n event.preventDefault();\n if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n if (Array.from(topLevelmenuItems)[prevIndex] != undefined)\n Array.from(topLevelmenuItems)[prevIndex].focus();\n else\n Array.from(topLevelmenuItems)[topLevelmenuItems.length - 1].focus();\n }\n else if (activeItem.closest('details')) {\n const subMenuItems = activeItem\n .closest('details')\n .querySelectorAll('a, button, :scope details > summary');\n subPrevIndex = Array.from(subMenuItems).indexOf(activeItem) - 1;\n if (Array.from(subMenuItems)[subPrevIndex] != undefined)\n Array.from(subMenuItems)[subPrevIndex].focus();\n else\n Array.from(subMenuItems)[subMenuItems.length - 1].focus();\n }\n break;\n case 40: // down\n event.stopPropagation();\n event.preventDefault();\n if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n if (Array.from(topLevelmenuItems)[nextIndex] != undefined)\n Array.from(topLevelmenuItems)[nextIndex].focus();\n else\n Array.from(topLevelmenuItems)[0].focus();\n }\n else if (activeItem.closest('details')) {\n const subMenuItems = activeItem\n .closest('details')\n .querySelectorAll('a, button, :scope details > summary');\n subNextIndex = Array.from(subMenuItems).indexOf(activeItem) + 1;\n if (Array.from(subMenuItems)[subNextIndex] != undefined)\n Array.from(subMenuItems)[subNextIndex].focus();\n else\n Array.from(subMenuItems)[0].focus();\n }\n break;\n }\n }\n });\n this.addEventListener('toggle', (e) => {\n var _a, _b, _c, _d;\n const updateEvent = new CustomEvent(e.newState, { detail: { id: this.getAttribute('id'), target: e.target } });\n this.dispatchEvent(updateEvent);\n // Fix the focus\n if (this.closest('.menu__wrapper')) {\n menuItems[0].focus();\n }\n if (this.hasAttribute('popover-open')) {\n e.preventDefault();\n this.removeAttribute('popover-open');\n this.hidePopover();\n }\n if (this.matches(':popover-open') && document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) {\n (_a = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-pressed', 'true');\n (_b = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _b === void 0 ? void 0 : _b.classList.add('active');\n }\n else {\n (_c = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _c === void 0 ? void 0 : _c.removeAttribute('aria-pressed');\n (_d = document.querySelector(`[popovertarget=\"${this.getAttribute('id')}\"]`)) === null || _d === void 0 ? void 0 : _d.classList.remove('active');\n }\n });\n this.addEventListener('click', (event) => {\n if (event &&\n event.target instanceof HTMLElement &&\n event.target.closest('button:has(+ iam-menu:not([popover]))')) {\n const button = event.target.closest('button:has(+ iam-menu)');\n button === null || button === void 0 ? void 0 : button.classList.toggle('open');\n }\n else if (event && event.target instanceof HTMLElement && event.target.closest('button.selectable')) {\n const button = event.target.closest('button.selectable');\n if (this.hasAttribute('multiple')) {\n button.classList.toggle('selected');\n }\n else if (button === null || button === void 0 ? void 0 : button.classList.contains('selected')) {\n this.querySelectorAll('.selected').forEach((item) => {\n item.classList.remove('selected');\n });\n }\n else {\n this.querySelectorAll('.selected').forEach((item) => {\n item.classList.remove('selected');\n });\n button.classList.add('selected');\n }\n }\n });\n // safari and firefox anchor fix for cards\n if (!CSS.supports('top', 'anchor(top)')) {\n document.addEventListener('click', (event) => {\n if (event.originalTarget && event.originalTarget.matches('[popovertarget]')) {\n const button = event.originalTarget;\n const popoverID = button.getAttribute('popovertarget');\n const popover = document.getElementById(popoverID);\n const viewportOffset = button.getBoundingClientRect();\n const top = viewportOffset.top;\n const left = viewportOffset.left;\n popover.style.setProperty('top', top + 'px');\n popover.style.setProperty('left', left + button.clientWidth + 'px');\n }\n });\n }\n }\n}\nexport default iamMenu;\n","import iamMenu from '../menu/menu.component.js';\n// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n event: 'customElementRegistered',\n element: 'split-button',\n});\nclass iamSplitButton 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/split-button.component.css\";`;\n const template = document.createElement('template');\n template.innerHTML = `\n <style>\n @import \"${coreCSS}\";\n ${loadCSS}\n ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n </style>\n <div class=\"split-button\">\n <slot></slot>\n <div class=\"dropdown\">\n <button class=\"btn btn-split\" part=\"dropdown\" popovertarget=\"actions\" style=\"anchor-name: --anchor-el;\" title=\"Further actions\">\n <i class=\"fa fa-angle-down fa-light\"></i>\n </button>\n\n <iam-menu id=\"actions\" style=\"position-anchor: --anchor-el;\" popover>\n <slot name=\"menu-item\"></slot>\n </iam-menu>\n\n </div>\n </div>\n `;\n this.shadowRoot.appendChild(template.content.cloneNode(true));\n }\n connectedCallback() {\n const dropdown = this.shadowRoot.querySelector('.split-menu');\n const splitBtn = this.shadowRoot.querySelector('.btn-split');\n const html = document.querySelector('html');\n const mainButton = this.querySelector('.btn');\n if (!window.customElements.get(`iam-menu`))\n window.customElements.define(`iam-menu`, iamMenu);\n splitBtn.className = `${mainButton.className} btn-split`;\n if (mainButton.disabled) {\n splitBtn.disabled = true;\n }\n if (mainButton.classList.contains('btn-sm')) {\n splitBtn.classList.add('btn-sm');\n }\n }\n}\nexport default iamSplitButton;\n"],"names":["iamMenu","template","menuID","menuButton","topLevelmenuItems","menuItems","subNextIndex","subPrevIndex","item","index","event","activeItem","prevIndex","nextIndex","subMenuItems","e","_a","_b","_c","_d","updateEvent","button","popoverID","popover","viewportOffset","top","left","iamSplitButton","assetLocation","coreCSS","splitBtn","mainButton"],"mappings":"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"}
@@ -1,4 +1,5 @@
1
1
  import { moveAttributesToComponents, findForm, setupBasicTable, setupAdvancedTable, paginateRows, setupNoSubmitTable, setupSubmitTable, setupAjaxTable, loadAjaxTable, paginateTable, } from '../../modules/table.js';
2
+ import iamMenu from '../menu/menu.component.js';
2
3
  class iamTableBasic extends HTMLElement {
3
4
  constructor() {
4
5
  super();
@@ -39,15 +40,8 @@ class iamTableBasic extends HTMLElement {
39
40
  const assetLocation = document.body.hasAttribute('data-assets-location')
40
41
  ? document.body.getAttribute('data-assets-location')
41
42
  : '/assets';
42
- if (!window.customElements.get(`iam-menu`)) {
43
- import(/* @vite-ignore */ `${assetLocation}/js/components/menu/menu.component.js`)
44
- .then((module) => {
45
- window.customElements.define(`iam-menu`, module.default);
46
- })
47
- .catch((err) => {
48
- console.log(err.message);
49
- });
50
- }
43
+ if (!window.customElements.get(`iam-menu`))
44
+ window.customElements.define(`iam-menu`, iamMenu);
51
45
  moveAttributesToComponents(this);
52
46
  setupBasicTable(this, table, form, pagination);
53
47
  setupAdvancedTable(this, table, form, pagination);
@@ -1,7 +1,14 @@
1
1
  /*!
2
- * iamKey v7.5.1--beta1
2
+ * iamKey v7.5.1--beta2
3
3
  * Copyright 2022-2025 iamproperty
4
- */const P=function(t){return typeof t!="string"?!1:!isNaN(t)&&!isNaN(parseFloat(t))},O=(t,e)=>String(t).padStart(e,"0"),V=t=>t.charAt(0).toUpperCase()+t.slice(1),h=(t,e,a)=>e.split(/[\.\[\]\'\"]/).filter(i=>i).reduce((i,s)=>i?i[s]:a,t),T=(t=1)=>Math.floor(Math.random()*Date.now()*(t+1));var W=function(t,e,a,i){function s(l){return l instanceof a?l:new a(function(o){o(l)})}return new(a||(a=Promise))(function(l,o){function n(d){try{r(i.next(d))}catch(g){o(g)}}function b(d){try{r(i.throw(d))}catch(g){o(g)}}function r(d){d.done?l(d.value):s(d.value).then(n,b)}r((i=i.apply(t,e||[])).next())})};const U=(t,e)=>{switch(t){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=V(e)}},J=function(t){const e=new Object;return Array.from(t.querySelectorAll("[data-filter]")).forEach(i=>{if(!(i.type=="radio"&&!i.checked)&&!(i.type=="checkbox"&&!i.checked)&&i&&i.value){const s=i.getAttribute("data-filter");let l=i.value;i.hasAttribute("data-date-from")&&(l+="-date-from"),i.hasAttribute("data-date-to")&&(l+="-date-to"),e[s]||(e[s]=[]),e[s].push(l)}}),e},X=t=>{let e=document.createElement("form");const a=t.querySelector("table");t.hasAttribute("data-filterby")?e=document.querySelector(`#${t.getAttribute("data-filterby")}`):t.closest("form")?e=t.closest("form"):a.parentNode.insertBefore(e,a.nextSibling),e.hasAttribute("data-ajax")&&t.setAttribute("data-ajax",e.getAttribute("data-ajax")),e.hasAttribute("data-schema")&&t.setAttribute("data-schema",e.getAttribute("data-schema"))},w=(t,e,a,i,s)=>{a.querySelector("[name=show]")||a.insertAdjacentHTML("beforeend",`<input name="show" type="hidden" value="${t.getAttribute("data-show")}" />`),a.querySelector("[name=page]")||a.insertAdjacentHTML("beforeend",`<input name="page" type="hidden" value="${t.getAttribute("data-page")}" />`),i.addEventListener("update-show",l=>{if(a.querySelector("[name=show]").value!=l.detail.show){a.querySelector("[name=show]").value=l.detail.show;const o=new CustomEvent("update-show",{detail:{show:l.detail.show}});t.dispatchEvent(o),M(t,i),s()}}),i.addEventListener("update-page",l=>{if(a.querySelector("[name=page]").value!=l.detail.page){a.querySelector("[name=page]").value=l.detail.page;const o=new CustomEvent("update-page",{detail:{page:l.detail.page}});if(t.dispatchEvent(o),M(t,i),s(),!t.hasAttribute("data-no-scroll")){const b=e.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:b,behavior:"smooth"})}}})},Y=(t,e)=>{let a=document.createElement("form");return t.hasAttribute("data-filterby")?a=document.querySelector(`#${t.getAttribute("data-filterby")}`):t.closest("form")?a=t.closest("form"):t.querySelector("form")?a=t.querySelector("form"):e.parentNode.insertBefore(a,e.nextSibling),t.hasAttribute("data-ajax")&&a.setAttribute("data-ajax",t.getAttribute("data-ajax")),a},C=(t,e,a,i)=>{const s=t.shadowRoot.querySelector(".table__wrapper");t.hasAttribute("data-total")||t.setAttribute("data-total",t.querySelectorAll("tbody tr").length),t.hasAttribute("data-page")||t.setAttribute("data-page",1),t.hasAttribute("data-show")||t.setAttribute("data-show",5),t.hasAttribute("data-increment")||t.setAttribute("data-increment",t.getAttribute("data-show")),G(t,i),H(e),K(t,e),t.classList.contains("mh-sm")&&s.classList.add("mh-sm"),t.classList.contains("mh-md")&&s.classList.add("mh-md"),t.classList.contains("mh-lg")&&s.classList.add("mh-lg"),t.classList.contains("table--cta")&&(Q(t,e),Z(t,e))},G=(t,e)=>{t.hasAttribute("data-total")&&e.setAttribute("data-total",t.getAttribute("data-total")),t.hasAttribute("data-page")&&e.setAttribute("data-page",t.getAttribute("data-page")),t.hasAttribute("data-show")&&e.setAttribute("data-show",t.getAttribute("data-show")),t.hasAttribute("data-increment")&&e.setAttribute("data-increment",t.getAttribute("data-show")),t.hasAttribute("data-page-jump")&&e.setAttribute("data-page-jump","true"),t.hasAttribute("data-per-page")&&e.setAttribute("data-per-page","true"),t.hasAttribute("data-item-count")&&e.setAttribute("data-item-count","true"),t.hasAttribute("data-loading")&&e.setAttribute("data-loading","true"),t.classList.contains("table--fullwidth")&&e.setAttribute("data-minimal","true")},M=(t,e)=>{t.setAttribute("data-total",e.getAttribute("data-total")),t.setAttribute("data-page",e.getAttribute("data-page")),t.setAttribute("data-show",e.getAttribute("data-show")),t.setAttribute("data-increment",e.getAttribute("data-show"))},S=t=>{t.getAttribute("data-total");const e=t.getAttribute("data-page"),a=t.getAttribute("data-show");t.getAttribute("data-increment");const i=t.querySelector("table"),s=e*a,l=s-a;Array.from(i.querySelectorAll("tbody tr")).forEach((o,n)=>{n>=l&&n<s?o.classList.add("show"):o.classList.remove("show")})},H=t=>{const e=Array.from(t.querySelectorAll("thead th"));Array.from(t.querySelectorAll("tbody tr")).forEach(i=>{const s=Array.from(i.querySelectorAll("th, td")),l=["0","low","medium","high","unknown","n/a","pending","verified","due","overdue","incomplete","complete","completed","approval required","upcoming","requires approval","to do","on track","not started","warning","successful","failed"];s.forEach((o,n)=>{const b=e[n];if(typeof b<"u"){const r=document.createElement("div");r.innerHTML=b.innerHTML;const d=r.textContent||r.innerText||"";o.setAttribute("data-label",d),b.hasAttribute("data-td-class")&&o.setAttribute("class",b.getAttribute("data-td-class")),b.hasAttribute("data-format")&&(o.setAttribute("data-format",b.getAttribute("data-format")),o.innerHTML=U(b.getAttribute("data-format"),o.textContent.trim())),l.includes(o.textContent.trim().toLowerCase())&&o.setAttribute("data-content",o.textContent.trim().toLowerCase())}})})},K=(t,e)=>{if(t.classList.contains("table--fullwidth")&&!t.hasAttribute("data-expandable")||e.querySelectorAll("thead tr th").length<4&&!t.hasAttribute("data-expandable"))return!1;Array.from(e.querySelectorAll("thead tr")).forEach(a=>{e.querySelectorAll("thead tr th.expand-button-heading").length||a.insertAdjacentHTML("afterbegin",`<th class="${t.hasAttribute("data-expandable")?"th--fixed ":""}expand-button-heading"></th>`)}),Array.from(e.querySelectorAll("tbody tr")).forEach((a,i)=>{const s=a.getAttribute("data-view")==="full"?"aria-expanded":"";a.insertAdjacentHTML("afterbegin",`<td class="${t.hasAttribute("data-expandable")?"td--fixed ":""}td--expand"><button class="btn btn-compact btn-secondary btn-sm" data-expand-button ${s} data-index="${i}">Expand</button></td>`)}),e.addEventListener("click",a=>{if(a&&a.target instanceof HTMLElement&&a.target.closest("[data-expand-button]")){const i=a.target.closest("[data-expand-button]"),s=i.closest("tr");i.toggleAttribute("aria-expanded"),s.getAttribute("data-view")=="full"?s.setAttribute("data-view","default"):s.setAttribute("data-view","full"),i.blur(),t.dispatchEvent(new CustomEvent("row-expanded",{detail:{row:i.getAttribute("data-index")}}))}})},Q=(t,e)=>{let a=0;Array.from(e.querySelectorAll("tbody tr")).forEach(i=>{const s=window.getComputedStyle(document.querySelector("html")),l=i.querySelector(":scope > *:last-child > *:first-child");if(l){l.classList.add("text-nowrap");let o=l.offsetWidth/parseFloat(s.fontSize);o+=1.8,a=a>o?a:o}}),t.style.setProperty("--cta-width",`${a}rem`)},Z=(t,e)=>{function a(){Array.from(e.querySelectorAll("tr")).forEach(i=>{const s=i.offsetHeight;i.style.setProperty("--row-height",`${s}px`)})}new ResizeObserver(a).observe(e)},$=(t,e)=>{if(t.querySelector("iam-actionbar[data-selectall]")||document.querySelector(`iam-actionbar[data-for='${t.getAttribute("id")}']`)){const a=t.querySelector("iam-actionbar[data-selectall]")?t.querySelector("iam-actionbar[data-selectall]"):document.querySelector(`iam-actionbar[data-for='${t.getAttribute("id")}']`);tt(t,e,a)}t.querySelectorAll(".dialog__wrapper .btn-compact").forEach((a,i)=>{const l=a.closest(".dialog__wrapper").querySelector("dialog");if(l){const d=`menu${T(i)}`;l.setAttribute("id",d),l.setAttribute("popover","auto"),a.setAttribute("popovertarget",d),l.outerHTML=l.outerHTML.replace(/<dialog/g,"<iam-menu").replace(/<\/dialog>/g,"</iam-menu>")}a.classList.add("btn-sm"),a.classList.add("m-0");const o=a.closest("tr"),n=a.closest("td"),r=Array.prototype.slice.call(o.children).indexOf(n);n.classList.add("td--fixed"),e.querySelector(`thead tr th:nth-child(${r+1})`).classList.add("th--fixed")})},tt=(t,e,a)=>{Array.from(e.querySelectorAll("thead tr")).forEach(i=>{i.querySelector(".expand-button-heading")?i.querySelector(".expand-button-heading").insertAdjacentHTML("afterend",'<th class="th--fixed"></th>'):i.insertAdjacentHTML("afterbegin",'<th class="th--fixed"></th>')}),Array.from(e.querySelectorAll("tbody tr")).forEach((i,s)=>{if(i.setAttribute("data-index",s+1),!i.querySelector(".selectrow")){const l=`row${T(s)}`;i.querySelector(".td--expand")?i.querySelector(".td--expand").insertAdjacentHTML("afterend",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${l}" ${i.hasAttribute("data-selected")?'checked="true"':""}/><label for="${l}"><span class="visually-hidden">Select row</span></label></td>`):i.insertAdjacentHTML("afterbegin",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${l}" ${i.hasAttribute("data-selected")?'checked="true"':""}/><label for="${l}"><span class="visually-hidden">Select row</span></label></td>`)}}),e.addEventListener("change",i=>{if(i&&i.target instanceof HTMLElement&&i.target.closest(".selectrow input")){const s=i.target.closest(".selectrow input"),l=i.target.closest("tr"),o=e.querySelectorAll('.selectrow input[type="checkbox"]').length,n=e.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;a.setAttribute("data-selected",o==n?"all":n);const b=new CustomEvent("row-selected",{detail:{rowIndex:l.getAttribute("data-index"),checked:!!s.checked}});t.dispatchEvent(b)}}),a.addEventListener("selected",i=>{if(i.detail.selected=="0"){Array.from(e.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(l=>{l.checked=!1});const s=new CustomEvent("all-rows-unselected");t.dispatchEvent(s)}else if(i.detail.selected=="all"){Array.from(e.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(l=>{l.checked=!0});const s=new CustomEvent("all-rows-selected");t.dispatchEvent(s)}})},at=(t,e,a,i,s)=>{et(t,e),it(t,e),a.addEventListener("change",l=>{l&&l.target instanceof HTMLElement&&l.target.closest("[data-sort]")&&lt(e,a,s)})},et=(t,e)=>{e.addEventListener("click",a=>{if(a&&a.target instanceof HTMLElement&&a.target.closest("[data-sort]")){const i=a.target.closest("[data-sort]");i.setAttribute("data-sort","true"),Array.from(e.querySelectorAll("th[data-sort]")).forEach(n=>{n!=i&&(n.setAttribute("data-sort",""),n.removeAttribute("data-order-by"),i.setAttribute("title","Click to sort ascending"))}),i.hasAttribute("data-order-by")&&i.getAttribute("data-order-by")=="asc"?(i.setAttribute("data-order-by","desc"),i.setAttribute("title","Click to sort ascending")):(i.setAttribute("data-order-by","asc"),i.setAttribute("title","Click to sort descending"));const s=new CustomEvent("sort-by-heading",{detail:{heading:i.textContent,sortBy:i.getAttribute("data-order-by"),ref:i.getAttribute("data-ref")}});t.dispatchEvent(s);const l=i.textContent.trim(),o=i.getAttribute("data-order-by");t.hasAttribute("data-submit")||z(e,l,o)}})},it=(t,e)=>{var a;const i=t.querySelector("iam-actionbar");if(!i)return!1;const s=(a=i.shadowRoot)===null||a===void 0?void 0:a.querySelector("input#search");if(!s)return!1;const l=s.getAttribute("id"),o=s.parentNode,n={};e.querySelectorAll("tbody td:not(.td--fixed)").forEach(b=>{b.querySelector(".td__content")?n[b.querySelector(".td__content").textContent]=b.querySelector(".td__content").textContent:n[b.textContent]=b.textContent}),s.setAttribute("list",`${l}_list`),s.setAttribute("autocomplete","off"),o.querySelector("datalist")||(o.innerHTML+=`<datalist id="${l}_list"></datalist>`),o.querySelector("datalist").innerHTML=`${Object.keys(n).map(b=>`<option value="${b}"></option>`).join("")}`},lt=(t,e,a)=>{if(e.getAttribute("data-ajax"))return!1;const i=t.querySelector("tbody");let s=e.querySelector('input[type="radio"][data-sort]:checked');if(e.querySelector("select[data-sort]")){const b=e.querySelector("select[data-sort]");s=e.querySelector(`select[data-sort] option:nth-child(${b.selectedIndex+1})`)}const l=s.getAttribute("data-sort"),o=s.getAttribute("data-order"),n=s.getAttribute("data-format");if(!l)return i.innerHTML=a.innerHTML,H(t),!1;z(t,l,o,n)},z=(t,e,a,i="")=>{const s=t.querySelector("tbody");let l=[];["asc","desc","descending"].includes(a)||(l=a.split(","));let o=[];Array.from(s.querySelectorAll("tr")).forEach(b=>{let r=b.querySelector('td[data-label="'+e+'"], th[data-label="'+e+'"]').textContent.trim();b.querySelector('[data-label="'+e+'"] .td__content')&&(r=b.querySelector('[data-label="'+e+'"] .td__content').textContent.trim()),l.length&&l.includes(r)&&(r=l.indexOf(r)),P(r)&&(r=O(r,10)),i&&i=="date"&&(r=new Date(r));const d={index:r,row:b};o.push(d)}),o.sort((b,r)=>b.index>r.index?1:-1),(a=="descending"||a=="desc")&&(o=o.reverse());let n="";o.forEach(b=>{n+=b.row.outerHTML}),s.innerHTML=n},st=(t,e,a,i)=>{a.setAttribute("method","get");const s=t.querySelector("iam-actionbar");s&&s.addEventListener("change",l=>{a.submit()})},ot=(t,e,a,i)=>{x(t,e,a,i);const s=t.querySelector("iam-actionbar");a.addEventListener("submit",l=>{x(t,e,a,i),l.preventDefault()}),s&&(s.addEventListener("change",l=>{x(t,e,a,i)}),s.addEventListener("search-submit",l=>{a.querySelector("input[data-search]")?a.querySelector("input[data-search]").value=l.detail.search:a.insertAdjacentHTML("beforeend",`<input type="hidden" name="search" data-search="${t.querySelector("iam-actionbar[data-search]").getAttribute("data-search")}" value="${l.detail.search}"/>`);const o=new CustomEvent("search-submit",{detail:l.details});t.dispatchEvent(o),x(t,e,a,i),console.log("hello")}))},x=function(t,e,a,i){return W(this,void 0,void 0,function*(){t.querySelector("iam-actionbar")&&!t.querySelector("iam-actionbar").closest("form")&&(a.querySelector(".duplicate-actionbar")||a.insertAdjacentHTML("beforeend",'<div class="duplicate-actionbar" style="visibility: hidden; pointer-events: none; position: absolute;"></div>'),a.querySelector(".duplicate-actionbar").innerHTML=t.querySelector("iam-actionbar").innerHTML),a.querySelector("input[name=show]")||a.insertAdjacentHTML("beforeend",`<input name="show" type="hidden" value="${t.getAttribute("data-show")}" />`),a.querySelector("input[name=page]")||a.insertAdjacentHTML("beforeend",`<input name="page" type="hidden" value="${t.getAttribute("data-page")}" />`),a.querySelector("input[name=page]").value=t.getAttribute("data-page"),a.querySelector("input[name=show]").value=t.getAttribute("data-show");const s=new FormData(a),l=new URLSearchParams(s).toString(),o=e.querySelectorAll("thead tr th:not(.expand-button-heading)"),n=e.querySelector("tbody"),b=a.getAttribute("data-ajax");t.classList.add("table--loading");const r=J(a);Array.from(a.querySelectorAll("[data-filter-count]")).forEach(m=>{m.innerHTML="",m.parentNode.classList.remove("hover")});let d=0;Object.values(r).forEach(m=>{typeof m=="object"&&Object.values(m).length?d+=Object.values(m).length:d++}),d&&Array.from(a.querySelectorAll("[data-filter-count]")).forEach(m=>{m.innerHTML+=`(${d})`,m.parentNode.classList.add("hover")}),window.controller||(window.controller=[]),window.controller[b]&&window.controller[b].abort(),window.controller[b]=new AbortController;const{signal:g}=controller[b];i.setAttribute("data-loading","true"),a.classList.add("processing");try{yield fetch(b+"?"+l,{signal:g,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"})}).then(m=>m.json()).then(m=>{const F=a.hasAttribute("data-schema")?a.getAttribute("data-schema"):"data",D=a.hasAttribute("data-schema-total")?a.getAttribute("data-schema-total"):"meta.total",N=a.hasAttribute("data-schema-page")?a.getAttribute("data-schema-page"):"meta.current_page",v=h(m,D,15),q=h(m,N,1),_=h(m,F),R=t.hasAttribute("data-empty-msg")?t.getAttribute("data-empty-msg"):"No results found";_?(n.innerHTML="",_.forEach(p=>{const f=document.createElement("tr");o.forEach(c=>{let u="";const A=document.createElement("td");if(A.setAttribute("data-label",c.innerText),c.getAttribute("data-output")&&(u=c.getAttribute("data-output").replace(new RegExp(/{(.*?)}/,"gm"),function(k){return h(p,k.replace("{","").replace("}",""))})),c.hasAttribute("data-output-array")){const j=c.getAttribute("data-output"),k=h(p,j.replace("{","").replace("}",""));u="",k.forEach(E=>{const B=c.getAttribute("data-output-array");let y="";if(c.hasAttribute("data-output-array-property")&&c.hasAttribute("data-output-array-transform")){const L=h(E,c.getAttribute("data-output-array-property")),I=JSON.parse(c.getAttribute("data-output-array-transform"))[L];y=B.replace(`{${c.getAttribute("data-output-array-property")}}`,I)}y=y.replace(new RegExp(/{(.*?)}/,"gm"),function(L){return h(E,L.replace("{","").replace("}",""))}),u+=y})}c.hasAttribute("data-transform")&&(u=JSON.parse(c.getAttribute("data-transform"))[u],!u&&c.hasAttribute("data-default")&&(u=c.getAttribute("data-default"))),A.innerHTML=u,f.appendChild(A)}),n.appendChild(f)}),t.setAttribute("data-total",parseInt(v)),t.setAttribute("data-page",parseInt(q)),i.setAttribute("data-total",v),i.setAttribute("data-page",q),Array.from(a.querySelectorAll("[data-ajax-query]")).forEach(p=>{const f=h(m,p.getAttribute("data-ajax-query"),"");p.hasAttribute("data-total")?p.setAttribute("data-total",f):p.innerHTML=f}),parseInt(v)==0&&(n.innerHTML=`<tr><td colspan="100%"><span>${R}</span></td></tr>`),t.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:b,formData:l}),C(t,e,a,i),$(t,e,a,i)):n.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>',i.removeAttribute("data-loading"),a.classList.remove("processing"),e.querySelectorAll("tbody tr").length<parseInt(t.getAttribute("data-show"))&&i.classList.add("d-none")})}catch(m){console.log(m)}})};class bt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const e=document.createElement("template");e.innerHTML=`
4
+ */const O=function(t){return typeof t!="string"?!1:!isNaN(t)&&!isNaN(parseFloat(t))},B=(t,e)=>String(t).padStart(e,"0"),W=t=>t.charAt(0).toUpperCase()+t.slice(1),p=(t,e,a)=>e.split(/[\.\[\]\'\"]/).filter(i=>i).reduce((i,l)=>i?i[l]:a,t),C=(t=1)=>Math.floor(Math.random()*Date.now()*(t+1));var V=function(t,e,a,i){function l(o){return o instanceof a?o:new a(function(n){n(o)})}return new(a||(a=Promise))(function(o,n){function r(d){try{b(i.next(d))}catch(m){n(m)}}function s(d){try{b(i.throw(d))}catch(m){n(m)}}function b(d){d.done?o(d.value):l(d.value).then(r,s)}b((i=i.apply(t,e||[])).next())})};const U=(t,e)=>{switch(t){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=W(e)}},J=function(t){const e=new Object;return Array.from(t.querySelectorAll("[data-filter]")).forEach(i=>{if(!(i.type=="radio"&&!i.checked)&&!(i.type=="checkbox"&&!i.checked)&&i&&i.value){const l=i.getAttribute("data-filter");let o=i.value;i.hasAttribute("data-date-from")&&(o+="-date-from"),i.hasAttribute("data-date-to")&&(o+="-date-to"),e[l]||(e[l]=[]),e[l].push(o)}}),e},X=t=>{let e=document.createElement("form");const a=t.querySelector("table");t.hasAttribute("data-filterby")?e=document.querySelector(`#${t.getAttribute("data-filterby")}`):t.closest("form")?e=t.closest("form"):a.parentNode.insertBefore(e,a.nextSibling),e.hasAttribute("data-ajax")&&t.setAttribute("data-ajax",e.getAttribute("data-ajax")),e.hasAttribute("data-schema")&&t.setAttribute("data-schema",e.getAttribute("data-schema"))},w=(t,e,a,i,l)=>{a.querySelector("[name=show]")||a.insertAdjacentHTML("beforeend",`<input name="show" type="hidden" value="${t.getAttribute("data-show")}" />`),a.querySelector("[name=page]")||a.insertAdjacentHTML("beforeend",`<input name="page" type="hidden" value="${t.getAttribute("data-page")}" />`),i.addEventListener("update-show",o=>{if(a.querySelector("[name=show]").value!=o.detail.show){a.querySelector("[name=show]").value=o.detail.show;const n=new CustomEvent("update-show",{detail:{show:o.detail.show}});t.dispatchEvent(n),H(t,i),l()}}),i.addEventListener("update-page",o=>{if(a.querySelector("[name=page]").value!=o.detail.page){a.querySelector("[name=page]").value=o.detail.page;const n=new CustomEvent("update-page",{detail:{page:o.detail.page}});if(t.dispatchEvent(n),H(t,i),l(),!t.hasAttribute("data-no-scroll")){const s=e.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:s,behavior:"smooth"})}}})},Y=(t,e)=>{let a=document.createElement("form");return t.hasAttribute("data-filterby")?a=document.querySelector(`#${t.getAttribute("data-filterby")}`):t.closest("form")?a=t.closest("form"):t.querySelector("form")?a=t.querySelector("form"):e.parentNode.insertBefore(a,e.nextSibling),t.hasAttribute("data-ajax")&&a.setAttribute("data-ajax",t.getAttribute("data-ajax")),a},M=(t,e,a,i)=>{const l=t.shadowRoot.querySelector(".table__wrapper");t.hasAttribute("data-total")||t.setAttribute("data-total",t.querySelectorAll("tbody tr").length),t.hasAttribute("data-page")||t.setAttribute("data-page",1),t.hasAttribute("data-show")||t.setAttribute("data-show",5),t.hasAttribute("data-increment")||t.setAttribute("data-increment",t.getAttribute("data-show")),G(t,i),$(e),K(t,e),t.classList.contains("mh-sm")&&l.classList.add("mh-sm"),t.classList.contains("mh-md")&&l.classList.add("mh-md"),t.classList.contains("mh-lg")&&l.classList.add("mh-lg"),t.classList.contains("table--cta")&&(Q(t,e),Z(t,e))},G=(t,e)=>{t.hasAttribute("data-total")&&e.setAttribute("data-total",t.getAttribute("data-total")),t.hasAttribute("data-page")&&e.setAttribute("data-page",t.getAttribute("data-page")),t.hasAttribute("data-show")&&e.setAttribute("data-show",t.getAttribute("data-show")),t.hasAttribute("data-increment")&&e.setAttribute("data-increment",t.getAttribute("data-show")),t.hasAttribute("data-page-jump")&&e.setAttribute("data-page-jump","true"),t.hasAttribute("data-per-page")&&e.setAttribute("data-per-page","true"),t.hasAttribute("data-item-count")&&e.setAttribute("data-item-count","true"),t.hasAttribute("data-loading")&&e.setAttribute("data-loading","true"),t.classList.contains("table--fullwidth")&&e.setAttribute("data-minimal","true")},H=(t,e)=>{t.setAttribute("data-total",e.getAttribute("data-total")),t.setAttribute("data-page",e.getAttribute("data-page")),t.setAttribute("data-show",e.getAttribute("data-show")),t.setAttribute("data-increment",e.getAttribute("data-show"))},q=t=>{t.getAttribute("data-total");const e=t.getAttribute("data-page"),a=t.getAttribute("data-show");t.getAttribute("data-increment");const i=t.querySelector("table"),l=e*a,o=l-a;Array.from(i.querySelectorAll("tbody tr")).forEach((n,r)=>{r>=o&&r<l?n.classList.add("show"):n.classList.remove("show")})},$=t=>{const e=Array.from(t.querySelectorAll("thead th"));Array.from(t.querySelectorAll("tbody tr")).forEach(i=>{const l=Array.from(i.querySelectorAll("th, td")),o=["0","low","medium","high","unknown","n/a","pending","verified","due","overdue","incomplete","complete","completed","approval required","upcoming","requires approval","to do","on track","not started","warning","successful","failed"];l.forEach((n,r)=>{const s=e[r];if(typeof s<"u"){const b=document.createElement("div");b.innerHTML=s.innerHTML;const d=b.textContent||b.innerText||"";n.setAttribute("data-label",d),s.hasAttribute("data-td-class")&&n.setAttribute("class",s.getAttribute("data-td-class")),s.hasAttribute("data-format")&&(n.setAttribute("data-format",s.getAttribute("data-format")),n.innerHTML=U(s.getAttribute("data-format"),n.textContent.trim())),o.includes(n.textContent.trim().toLowerCase())&&n.setAttribute("data-content",n.textContent.trim().toLowerCase())}})})},K=(t,e)=>{if(t.classList.contains("table--fullwidth")&&!t.hasAttribute("data-expandable")||e.querySelectorAll("thead tr th").length<4&&!t.hasAttribute("data-expandable"))return!1;Array.from(e.querySelectorAll("thead tr")).forEach(a=>{e.querySelectorAll("thead tr th.expand-button-heading").length||a.insertAdjacentHTML("afterbegin",`<th class="${t.hasAttribute("data-expandable")?"th--fixed ":""}expand-button-heading"></th>`)}),Array.from(e.querySelectorAll("tbody tr")).forEach((a,i)=>{const l=a.getAttribute("data-view")==="full"?"aria-expanded":"";a.insertAdjacentHTML("afterbegin",`<td class="${t.hasAttribute("data-expandable")?"td--fixed ":""}td--expand"><button class="btn btn-compact btn-secondary btn-sm" data-expand-button ${l} data-index="${i}">Expand</button></td>`)}),e.addEventListener("click",a=>{if(a&&a.target instanceof HTMLElement&&a.target.closest("[data-expand-button]")){const i=a.target.closest("[data-expand-button]"),l=i.closest("tr");i.toggleAttribute("aria-expanded"),l.getAttribute("data-view")=="full"?l.setAttribute("data-view","default"):l.setAttribute("data-view","full"),i.blur(),t.dispatchEvent(new CustomEvent("row-expanded",{detail:{row:i.getAttribute("data-index")}}))}})},Q=(t,e)=>{let a=0;Array.from(e.querySelectorAll("tbody tr")).forEach(i=>{const l=window.getComputedStyle(document.querySelector("html")),o=i.querySelector(":scope > *:last-child > *:first-child");if(o){o.classList.add("text-nowrap");let n=o.offsetWidth/parseFloat(l.fontSize);n+=1.8,a=a>n?a:n}}),t.style.setProperty("--cta-width",`${a}rem`)},Z=(t,e)=>{function a(){Array.from(e.querySelectorAll("tr")).forEach(i=>{const l=i.offsetHeight;i.style.setProperty("--row-height",`${l}px`)})}new ResizeObserver(a).observe(e)},z=(t,e)=>{if(t.querySelector("iam-actionbar[data-selectall]")||document.querySelector(`iam-actionbar[data-for='${t.getAttribute("id")}']`)){const a=t.querySelector("iam-actionbar[data-selectall]")?t.querySelector("iam-actionbar[data-selectall]"):document.querySelector(`iam-actionbar[data-for='${t.getAttribute("id")}']`);tt(t,e,a)}t.querySelectorAll(".dialog__wrapper .btn-compact").forEach((a,i)=>{const o=a.closest(".dialog__wrapper").querySelector("dialog");if(o){const d=`menu${C(i)}`;o.setAttribute("id",d),o.setAttribute("popover","auto"),a.setAttribute("popovertarget",d),o.outerHTML=o.outerHTML.replace(/<dialog/g,"<iam-menu").replace(/<\/dialog>/g,"</iam-menu>")}a.classList.add("btn-sm"),a.classList.add("m-0");const n=a.closest("tr"),r=a.closest("td"),b=Array.prototype.slice.call(n.children).indexOf(r);r.classList.add("td--fixed"),e.querySelector(`thead tr th:nth-child(${b+1})`).classList.add("th--fixed")})},tt=(t,e,a)=>{Array.from(e.querySelectorAll("thead tr")).forEach(i=>{i.querySelector(".expand-button-heading")?i.querySelector(".expand-button-heading").insertAdjacentHTML("afterend",'<th class="th--fixed"></th>'):i.insertAdjacentHTML("afterbegin",'<th class="th--fixed"></th>')}),Array.from(e.querySelectorAll("tbody tr")).forEach((i,l)=>{if(i.setAttribute("data-index",l+1),!i.querySelector(".selectrow")){const o=`row${C(l)}`;i.querySelector(".td--expand")?i.querySelector(".td--expand").insertAdjacentHTML("afterend",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${o}" ${i.hasAttribute("data-selected")?'checked="true"':""}/><label for="${o}"><span class="visually-hidden">Select row</span></label></td>`):i.insertAdjacentHTML("afterbegin",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${o}" ${i.hasAttribute("data-selected")?'checked="true"':""}/><label for="${o}"><span class="visually-hidden">Select row</span></label></td>`)}}),e.addEventListener("change",i=>{if(i&&i.target instanceof HTMLElement&&i.target.closest(".selectrow input")){const l=i.target.closest(".selectrow input"),o=i.target.closest("tr"),n=e.querySelectorAll('.selectrow input[type="checkbox"]').length,r=e.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;a.setAttribute("data-selected",n==r?"all":r);const s=new CustomEvent("row-selected",{detail:{rowIndex:o.getAttribute("data-index"),checked:!!l.checked}});t.dispatchEvent(s)}}),a.addEventListener("selected",i=>{if(i.detail.selected=="0"){Array.from(e.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(o=>{o.checked=!1});const l=new CustomEvent("all-rows-unselected");t.dispatchEvent(l)}else if(i.detail.selected=="all"){Array.from(e.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(o=>{o.checked=!0});const l=new CustomEvent("all-rows-selected");t.dispatchEvent(l)}})},at=(t,e,a,i,l)=>{et(t,e),it(t,e),a.addEventListener("change",o=>{o&&o.target instanceof HTMLElement&&o.target.closest("[data-sort]")&&lt(e,a,l)})},et=(t,e)=>{e.addEventListener("click",a=>{if(a&&a.target instanceof HTMLElement&&a.target.closest("[data-sort]")){const i=a.target.closest("[data-sort]");i.setAttribute("data-sort","true"),Array.from(e.querySelectorAll("th[data-sort]")).forEach(r=>{r!=i&&(r.setAttribute("data-sort",""),r.removeAttribute("data-order-by"),i.setAttribute("title","Click to sort ascending"))}),i.hasAttribute("data-order-by")&&i.getAttribute("data-order-by")=="asc"?(i.setAttribute("data-order-by","desc"),i.setAttribute("title","Click to sort ascending")):(i.setAttribute("data-order-by","asc"),i.setAttribute("title","Click to sort descending"));const l=new CustomEvent("sort-by-heading",{detail:{heading:i.textContent,sortBy:i.getAttribute("data-order-by"),ref:i.getAttribute("data-ref")}});t.dispatchEvent(l);const o=i.textContent.trim(),n=i.getAttribute("data-order-by");t.hasAttribute("data-submit")||D(e,o,n)}})},it=(t,e)=>{var a;const i=t.querySelector("iam-actionbar");if(!i)return!1;const l=(a=i.shadowRoot)===null||a===void 0?void 0:a.querySelector("input#search");if(!l)return!1;const o=l.getAttribute("id"),n=l.parentNode,r={};e.querySelectorAll("tbody td:not(.td--fixed)").forEach(s=>{s.querySelector(".td__content")?r[s.querySelector(".td__content").textContent]=s.querySelector(".td__content").textContent:r[s.textContent]=s.textContent}),l.setAttribute("list",`${o}_list`),l.setAttribute("autocomplete","off"),n.querySelector("datalist")||(n.innerHTML+=`<datalist id="${o}_list"></datalist>`),n.querySelector("datalist").innerHTML=`${Object.keys(r).map(s=>`<option value="${s}"></option>`).join("")}`},lt=(t,e,a)=>{if(e.getAttribute("data-ajax"))return!1;const i=t.querySelector("tbody");let l=e.querySelector('input[type="radio"][data-sort]:checked');if(e.querySelector("select[data-sort]")){const s=e.querySelector("select[data-sort]");l=e.querySelector(`select[data-sort] option:nth-child(${s.selectedIndex+1})`)}const o=l.getAttribute("data-sort"),n=l.getAttribute("data-order"),r=l.getAttribute("data-format");if(!o)return i.innerHTML=a.innerHTML,$(t),!1;D(t,o,n,r)},D=(t,e,a,i="")=>{const l=t.querySelector("tbody");let o=[];["asc","desc","descending"].includes(a)||(o=a.split(","));let n=[];Array.from(l.querySelectorAll("tr")).forEach(s=>{let b=s.querySelector('td[data-label="'+e+'"], th[data-label="'+e+'"]').textContent.trim();s.querySelector('[data-label="'+e+'"] .td__content')&&(b=s.querySelector('[data-label="'+e+'"] .td__content').textContent.trim()),o.length&&o.includes(b)&&(b=o.indexOf(b)),O(b)&&(b=B(b,10)),i&&i=="date"&&(b=new Date(b));const d={index:b,row:s};n.push(d)}),n.sort((s,b)=>s.index>b.index?1:-1),(a=="descending"||a=="desc")&&(n=n.reverse());let r="";n.forEach(s=>{r+=s.row.outerHTML}),l.innerHTML=r},ot=(t,e,a,i)=>{a.setAttribute("method","get");const l=t.querySelector("iam-actionbar");l&&l.addEventListener("change",o=>{a.submit()})},st=(t,e,a,i)=>{y(t,e,a,i);const l=t.querySelector("iam-actionbar");a.addEventListener("submit",o=>{y(t,e,a,i),o.preventDefault()}),l&&(l.addEventListener("change",o=>{y(t,e,a,i)}),l.addEventListener("search-submit",o=>{a.querySelector("input[data-search]")?a.querySelector("input[data-search]").value=o.detail.search:a.insertAdjacentHTML("beforeend",`<input type="hidden" name="search" data-search="${t.querySelector("iam-actionbar[data-search]").getAttribute("data-search")}" value="${o.detail.search}"/>`);const n=new CustomEvent("search-submit",{detail:o.details});t.dispatchEvent(n),y(t,e,a,i),console.log("hello")}))},y=function(t,e,a,i){return V(this,void 0,void 0,function*(){t.querySelector("iam-actionbar")&&!t.querySelector("iam-actionbar").closest("form")&&(a.querySelector(".duplicate-actionbar")||a.insertAdjacentHTML("beforeend",'<div class="duplicate-actionbar" style="visibility: hidden; pointer-events: none; position: absolute;"></div>'),a.querySelector(".duplicate-actionbar").innerHTML=t.querySelector("iam-actionbar").innerHTML),a.querySelector("input[name=show]")||a.insertAdjacentHTML("beforeend",`<input name="show" type="hidden" value="${t.getAttribute("data-show")}" />`),a.querySelector("input[name=page]")||a.insertAdjacentHTML("beforeend",`<input name="page" type="hidden" value="${t.getAttribute("data-page")}" />`),a.querySelector("input[name=page]").value=t.getAttribute("data-page"),a.querySelector("input[name=show]").value=t.getAttribute("data-show");const l=new FormData(a),o=new URLSearchParams(l).toString(),n=e.querySelectorAll("thead tr th:not(.expand-button-heading)"),r=e.querySelector("tbody"),s=a.getAttribute("data-ajax");t.classList.add("table--loading");const b=J(a);Array.from(a.querySelectorAll("[data-filter-count]")).forEach(c=>{c.innerHTML="",c.parentNode.classList.remove("hover")});let d=0;Object.values(b).forEach(c=>{typeof c=="object"&&Object.values(c).length?d+=Object.values(c).length:d++}),d&&Array.from(a.querySelectorAll("[data-filter-count]")).forEach(c=>{c.innerHTML+=`(${d})`,c.parentNode.classList.add("hover")}),window.controller||(window.controller=[]),window.controller[s]&&window.controller[s].abort(),window.controller[s]=new AbortController;const{signal:m}=controller[s];i.setAttribute("data-loading","true"),a.classList.add("processing");try{yield fetch(s+"?"+o,{signal:m,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest"})}).then(c=>c.json()).then(c=>{const v=a.hasAttribute("data-schema")?a.getAttribute("data-schema"):"data",I=a.hasAttribute("data-schema-total")?a.getAttribute("data-schema-total"):"meta.total",F=a.hasAttribute("data-schema-page")?a.getAttribute("data-schema-page"):"meta.current_page",A=p(c,I,15),_=p(c,F,1),E=p(c,v),P=t.hasAttribute("data-empty-msg")?t.getAttribute("data-empty-msg"):"No results found";E?(r.innerHTML="",E.forEach(f=>{const g=document.createElement("tr");n.forEach(u=>{let h="";const k=document.createElement("td");if(k.setAttribute("data-label",u.innerText),u.getAttribute("data-output")&&(h=u.getAttribute("data-output").replace(new RegExp(/{(.*?)}/,"gm"),function(S){return p(f,S.replace("{","").replace("}",""))})),u.hasAttribute("data-output-array")){const j=u.getAttribute("data-output"),S=p(f,j.replace("{","").replace("}",""));h="",S.forEach(T=>{const N=u.getAttribute("data-output-array");let x="";if(u.hasAttribute("data-output-array-property")&&u.hasAttribute("data-output-array-transform")){const L=p(T,u.getAttribute("data-output-array-property")),R=JSON.parse(u.getAttribute("data-output-array-transform"))[L];x=N.replace(`{${u.getAttribute("data-output-array-property")}}`,R)}x=x.replace(new RegExp(/{(.*?)}/,"gm"),function(L){return p(T,L.replace("{","").replace("}",""))}),h+=x})}u.hasAttribute("data-transform")&&(h=JSON.parse(u.getAttribute("data-transform"))[h],!h&&u.hasAttribute("data-default")&&(h=u.getAttribute("data-default"))),k.innerHTML=h,g.appendChild(k)}),r.appendChild(g)}),t.setAttribute("data-total",parseInt(A)),t.setAttribute("data-page",parseInt(_)),i.setAttribute("data-total",A),i.setAttribute("data-page",_),Array.from(a.querySelectorAll("[data-ajax-query]")).forEach(f=>{const g=p(c,f.getAttribute("data-ajax-query"),"");f.hasAttribute("data-total")?f.setAttribute("data-total",g):f.innerHTML=g}),parseInt(A)==0&&(r.innerHTML=`<tr><td colspan="100%"><span>${P}</span></td></tr>`),t.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:s,formData:o}),M(t,e,a,i),z(t,e,a,i)):r.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>',i.removeAttribute("data-loading"),a.classList.remove("processing"),e.querySelectorAll("tbody tr").length<parseInt(t.getAttribute("data-show"))&&i.classList.add("d-none")})}catch(c){console.log(c)}})};class rt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const e=document.createElement("template");e.innerHTML=`
5
+ <style>
6
+ :host{inset:auto;top:anchor(bottom);left:anchor(left);position:fixed;position-try-fallbacks:flip-block,flip-inline;width:max-content;height:min-content;max-height:var(--menu-max-height, min(100vh - 6rem));background:var(--menu-bg, canvas);margin:var(--menu-margin, 0);padding:var(--menu-padding, 0.5rem);border:var(--menu-border, 2px solid grey);overflow:auto;border:none !important;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.1)}:host(.menu--fill){width:anchor-size(width);min-width:anchor-size(width);max-width:anchor-size(width)}:host(:popover-open),:host([popover-open]){display:block}:host(:not([popover])){position:static;display:block}:host(.menu--sm){width:10rem}:host(.menu--md){width:15rem}:host(.menu--lg){width:20rem}:host(.menu--height-sm){max-height:12.5rem}:host(.menu--height-lg){max-height:25rem}::slotted(*:is(button,a,label,span)){background:unset !important;border:unset !important;color:var(--colour-primary) !important;font-weight:inherit !important;font-family:inherit !important;font-size:1rem !important;line-height:1.1875rem !important;display:block !important;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding-block:var(--menu-item-padding, 0.5rem) !important;width:var(--menu-item-width, 100%) !important;max-width:var(--menu-item-width, 100%) !important;text-align:var(--menu-item-text-align, left) !important}::slotted(*:is(button,a,label)){padding-inline:var(--menu-item-padding, 0.5rem);cursor:var(--menu-item-cursor, pointer) !important}::slotted(*:is(span):first-child){padding-top:0 !important;font-weight:700 !important}::slotted(*:is(button,a,label,span):last-child){margin-bottom:0 !important}::slotted(*:is(label)){--radio-size: 1.25rem;--radio-inner-size: 0.75rem;--radio-inner-top: 0.75rem;--radio-inner-left: 0.75rem;--checkbox-tick-size: 0.75rem;--checkbox-inner-size: 0.625rem;--checkbox-inner-top: 0.375rem;--checkbox-inner-left: 0.5rem;padding-left:2.25rem !important}::slotted(*:is(button,a,label):is(.selected)){background:#e9f8fc !important;border-left:4px solid var(--colour-info) !important;border-radius:.25rem !important;padding-left:calc(var(--menu-item-padding, 0.5rem) - 4px) !important}@media(prefers-color-scheme: dark){::slotted(*:is(button,a,label):is(.selected):not(:hover,.hover)){color:#000 !important}}::slotted(*:is(button,a,label):is(:hover,.hover,:focus,.focus)){background:var(--colour-light) !important;border-radius:.25rem !important}::slotted(*:is(button,a,label):is(:active,.active)){background:#e0e0e0 !important;border-radius:.25rem !important}@media(prefers-color-scheme: dark){::slotted(*:is(button,a,label):is(:active,.active)){color:#000 !important}}::slotted(hr){height:1px !important;background-color:var(--menu-hr-border-color, var(--border-color, grey)) !important;width:100%;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding:0 !important}::slotted(iam-menu:not([popover])){border:none !important;border-radius:0 !important;box-shadow:none !important;padding:0;margin:0;width:auto}::slotted(iam-menu[popover]){top:anchor(top);left:calc(anchor(right) + 1rem)}/*# sourceMappingURL=assets/css/components/menu.component.css.map */
7
+
8
+ </style>
9
+ <div class="menu--inner" part="inner">
10
+ <slot></slot>
11
+ </div>`,this.shadowRoot.appendChild(e.content.cloneNode(!0))}connectedCallback(){const e=this.hasAttribute("id")?this.getAttribute("id"):!1,a=document.querySelector(`[popovertarget="${e}"]`);let i=this.querySelectorAll(":scope > a, :scope > button, :scope > details > summary"),l=this.querySelectorAll("a, button");this.closest(".menu__wrapper")&&(l=this.shadowRoot.querySelector("slot").assignedElements({flatten:!0}),i=l),this.querySelectorAll("details");let o,n;e&&a&&(this.setAttribute("role","menu"),this.style["position-anchor"]=`--${e}`,a?.setAttribute("aria-haspopup","true"),a==null||(a.style["anchor-name"]=`--${e}`),a?.setAttribute("aria-controls",e)),l.forEach((r,s)=>{r.setAttribute("role","menuitem"),r.setAttribute("tabindex","0"),s==0&&r.setAttribute("autofocus",!0)}),this.addEventListener("keydown",r=>{if(r&&r.target instanceof HTMLElement&&r.target.closest("a, button, summary")){const s=document.activeElement,b=Array.from(i).indexOf(s)-1,d=Array.from(i).indexOf(s)+1;switch(r.keyCode){case 27:s.closest("details")?(r.stopPropagation(),r.preventDefault(),s.closest("details").removeAttribute("open"),s.closest("details").querySelector(":scope summary").focus()):(r.stopPropagation(),a.focus());break;case 32:case 13:break;case 35:r.stopPropagation(),r.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(l)[l.length-1].focus();break;case 36:r.stopPropagation(),r.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(l)[0].focus();break;case 38:if(r.stopPropagation(),r.preventDefault(),Array.from(i).indexOf(s)>-1)Array.from(i)[b]!=null?Array.from(i)[b].focus():Array.from(i)[i.length-1].focus();else if(s.closest("details")){const m=s.closest("details").querySelectorAll("a, button, :scope details > summary");n=Array.from(m).indexOf(s)-1,Array.from(m)[n]!=null?Array.from(m)[n].focus():Array.from(m)[m.length-1].focus()}break;case 40:if(r.stopPropagation(),r.preventDefault(),Array.from(i).indexOf(s)>-1)Array.from(i)[d]!=null?Array.from(i)[d].focus():Array.from(i)[0].focus();else if(s.closest("details")){const m=s.closest("details").querySelectorAll("a, button, :scope details > summary");o=Array.from(m).indexOf(s)+1,Array.from(m)[o]!=null?Array.from(m)[o].focus():Array.from(m)[0].focus()}break}}}),this.addEventListener("toggle",r=>{var s,b,d,m;const c=new CustomEvent(r.newState,{detail:{id:this.getAttribute("id"),target:r.target}});this.dispatchEvent(c),this.closest(".menu__wrapper")&&l[0].focus(),this.hasAttribute("popover-open")&&(r.preventDefault(),this.removeAttribute("popover-open"),this.hidePopover()),this.matches(":popover-open")&&document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`)?((s=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||s===void 0||s.setAttribute("aria-pressed","true"),(b=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||b===void 0||b.classList.add("active")):((d=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||d===void 0||d.removeAttribute("aria-pressed"),(m=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||m===void 0||m.classList.remove("active"))}),this.addEventListener("click",r=>{if(r&&r.target instanceof HTMLElement&&r.target.closest("button:has(+ iam-menu:not([popover]))")){const s=r.target.closest("button:has(+ iam-menu)");s?.classList.toggle("open")}else if(r&&r.target instanceof HTMLElement&&r.target.closest("button.selectable")){const s=r.target.closest("button.selectable");this.hasAttribute("multiple")?s.classList.toggle("selected"):s?.classList.contains("selected")?this.querySelectorAll(".selected").forEach(b=>{b.classList.remove("selected")}):(this.querySelectorAll(".selected").forEach(b=>{b.classList.remove("selected")}),s.classList.add("selected"))}}),CSS.supports("top","anchor(top)")||document.addEventListener("click",r=>{if(r.originalTarget&&r.originalTarget.matches("[popovertarget]")){const s=r.originalTarget,b=s.getAttribute("popovertarget"),d=document.getElementById(b),m=s.getBoundingClientRect(),c=m.top,v=m.left;d.style.setProperty("top",c+"px"),d.style.setProperty("left",v+s.clientWidth+"px")}})}}class nt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const e=document.createElement("template");e.innerHTML=`
5
12
  <style>
6
13
  :is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid):not(iam-table):not(.table__wrapper){padding-inline:var(--mh-padding-inline, 0);margin-inline:calc(var(--mh-padding-inline, 0)*-1)}:is(.mh-sm,.mh-md,.mh-lg,.mh-sm-sm,.mh-sm-md,.mh-sm-lg,.mh-md-sm,.mh-md-md,.mh-md-lg,.mh-fluid)::before{top:calc(100% - 1.5rem);bottom:0;left:0;right:0;height:1.5rem;position:sticky;display:block;background:linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2;margin-bottom:-1.5rem}:is(.mh-sm,.mh-md,.mh-lg,.mh-fluid){overflow:auto;overscroll-behavior:contain}:is(.mh-sm,.mh-md,.mh-lg,.mh-fluid)::before{content:""}.mh-sm{max-height:calc(12.5rem - var(--mh-modifier, 0rem))}.mh-md{max-height:calc(25rem - var(--mh-modifier, 0rem))}.mh-lg{max-height:calc(37.5rem - var(--mh-modifier, 0rem))}.mh-fluid{max-height:100%}@media screen and (min-width: 36em){:is(.mh-sm-sm,.mh-sm-md,.mh-sm-lg){overflow:auto;overscroll-behavior:contain}:is(.mh-sm-sm,.mh-sm-md,.mh-sm-lg)::before{content:""}.mh-sm-sm{max-height:calc(12.5rem - var(--mh-modifier, 0rem))}.mh-sm-md{max-height:calc(25rem - var(--mh-modifier, 0rem))}.mh-sm-lg{max-height:calc(37.5rem - var(--mh-modifier, 0rem))}}@media screen and (min-width: 62em){:is(.mh-md-sm,.mh-md-md,.mh-md-lg){overflow:auto;overscroll-behavior:contain}:is(.mh-md-sm,.mh-md-md,.mh-md-lg)::before{content:""}.mh-md-sm{max-height:calc(12.5rem - var(--mh-modifier, 0rem))}.mh-md-md{max-height:calc(25rem - var(--mh-modifier, 0rem))}.mh-md-lg{max-height:calc(37.5rem - var(--mh-modifier, 0rem))}}:host{container-type:inline-size;display:block}.table__container{--wrapper-padding: 2rem;--bg-colour: #ffffff;display:block;background:#fff;padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.625rem;margin-bottom:2rem;overflow:hidden}.table__container:before{display:none !important}@media screen and (prefers-color-scheme: dark){.table__container{background:var(--colour-canvas-2)}}@media(forced-colors: active){.table__container{--wrapper-padding: 0;background:var(--colour-canvas-2)}}:host-context(.admin-panel) .table__container{display:contents}:host(.mh-sm){max-height:none !important}:host(.mh-md){max-height:none !important}:host(.mh-lg){max-height:none !important}.table__wrapper{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}@container (width < 23.4375em){:host(:not(.table--fullwidth)) .table__container{margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:0;background:var(--colour-canvas-2);border-radius:0;background:none;padding:0;box-shadow:none;overflow:visible}:host(:not(.table--fullwidth)) .table__container .table__wrapper{overflow:hidden;max-height:none !important}:host(:not(.table--fullwidth)) .table__container ::slotted(table){overflow:visible !important;margin-inline:1.5rem;margin-bottom:1.5rem !important;width:calc(100% - 3rem) !important;display:block}:host(:not(.table--fullwidth)) .table__container .table--cta{border-bottom:0}:host(:not(.table--fullwidth)) .table__container .table--cta:after{content:none;display:none !important}}@container (width > 23.4375em){:host{--cta-width: 8rem}:host(.table--loading){--cta-width: 1.5rem !important}.table--cta{position:relative}.table--cta .table__wrapper{overflow-y:hidden;margin-bottom:0}}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){position:relative;overflow:auto}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{top:calc(100% - 1.2rem);bottom:2px;height:1.2rem;border-bottom:2px solid var(--colour-border);margin-bottom:-1.2rem}@container (width < 23.4375em){.table__wrapper.has-actionbar{margin-top:calc(-100vh + 6.75rem) !important}}:host(.table--loading){pointer-events:none;position:relative}:host(.table--loading) ::slotted(table){min-height:20rem;opacity:.5}:host(.table--loading)::after{content:"Loading...";position:absolute;top:6.25rem;left:50%;transform:translate(-50%, 0);font-weight:bold;color:var(--colour-heading);font-size:1.5rem;text-shadow:0px 0px 10px var(--colour-canvas-2);padding-inline:2rem;text-shadow:0px 0px 10px var(--colour-canvas-2);background:radial-gradient(var(--colour-canvas-2), transparent)}/*# sourceMappingURL=assets/css/components/table.component.css.map */
7
14
 
@@ -18,5 +25,5 @@
18
25
  <iam-pagination part="pagination" class="pagination--table" ></iam-pagination>
19
26
  </div>
20
27
  `,this.shadowRoot.appendChild(e.content.cloneNode(!0)),document.getElementById("tableExtras")||document.head.insertAdjacentHTML("beforeend",`<style id="tableExtras">:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax){--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) table{margin-bottom:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) table thead tr th{position:relative;padding-right:2rem !important;padding-left:0rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td{background-color:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr td p{min-width:10rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tbody tr{background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238, 238, 238;--row-bg: var(--hover-background);background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) table:has(tr.show) tbody tr:not(.show){display:none !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:has([data-expand-button]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .expand-button-heading{display:none}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative;display:block !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important;padding-right:3rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button])+.td--fixed+td{border-top:none !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"\uF055";font-weight:300 !important;font-size:1.75rem;line-height:var(--compact-size) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button][aria-expanded]:before{content:"\uF056";font-weight:900 !important}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) thead{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody{--status-pt: 2.5rem;display:block;overflow:visible}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody tr td:first-child{padding-top:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr{display:block;position:relative;border:none;background:var(--row-bg);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem;height:auto}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr+tr{margin-top:2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:has([data-expand-button]){display:block}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) :is(td,th)[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--colour-heading);padding:0 0 0.375rem 0;margin-bottom:0;display:block;font-weight:bold}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:first-child::after{top:1.75rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td::after{top:2.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .td--fixed{padding-right:50%}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta{padding-right:calc(var(--wrapper-padding) + 1.5rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>th:nth-last-child(2),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>td:nth-last-child(2){padding-right:var(--cta-width) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg, var(--colour-canvs-2)) 1.25rem);cursor:default;padding-bottom:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem;padding-bottom:0;margin:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg, var(--colour-canvs-2)) 1.25rem)}}table .hide-status:after{display:none}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:var(--status-pt, 1rem);left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"\uF325";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"\uF7A4";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"\uE404";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"\uE404";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"\uF024";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"\uF024";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content="action required"],[data-content=upcoming]):after{content:"\uF024";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"\uF071";color:var(--colour-warning)}table :is([data-content="manually verified"],[data-content=verified],[data-content=completed],[data-content=complete],[data-content=successful]):after{content:"\uF00C";font-weight:normal;color:var(--colour-complete)}table :is([data-content=failed]):after{content:"\uF00D";font-weight:normal;color:var(--colour-danger)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"\uF0F3";color:var(--colour-primary)}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}@media screen and (min-width: 36em){.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-grid{display:grid !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}.d-sm-none{display:none !important}}@media screen and (min-width: 62em){.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-grid{display:grid !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}.d-md-none{display:none !important}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{margin:0 1.5rem 1rem 1.5rem}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:.5rem}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth:has(iam-actionbar){padding-top:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth iam-actionbar{margin:-2rem -2rem 2rem -2rem;box-shadow:none;border-radius:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth iam-actionbar:has(+table input:checked){margin:-2rem -2rem 2rem -2rem;box-shadow:none;border-radius:0}@media screen and (prefers-color-scheme: light){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth iam-actionbar:has(+table input:checked){background-color:#e6eaec}}.actionbar__sticky-wrapper{container-type:inline-size}@media screen and (min-width: 36em){.actionbar__sticky-wrapper{padding:0 !important}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky{display:block;position:sticky;left:0;top:calc(var(--sticky-padding) + 1rem);z-index:var(--index-menu);pointer-events:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky:after{content:"";display:block;width:100%;height:calc(100vh - 6.75rem);pointer-events:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky+*{margin-top:calc(-100vh + 6.75rem)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky)>iam-actionbar{pointer-events:all !important;display:block;border:none;background:var(--colour-canvas-2);border-radius:.5rem;margin-bottom:1.5rem}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth iam-actionbar,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{margin-left:-2rem;margin-right:-2rem;margin-top:-2rem;margin-bottom:2rem}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.75rem !important;left:.25rem !important;--border-radius: 0.25rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) tr:has([type=checkbox]):not(:has(.tag)) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:auto;margin:0;margin-top:0rem}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr:has([type=checkbox]:checked){height:calc(4.625rem - 2px)}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr:has([type=checkbox]:hover,[type=checkbox]:focus):not(:has(.tag)){--row-bg: #eeeeee}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr:has([type=checkbox]:hover:checked,[type=checkbox]:focus:checked,[type=checkbox]:checked):not(:has(.tag)){--row-bg: #e0e0e0}@container (width < 23.4375em){@media screen and (prefers-color-scheme: light){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{background-color:#e6eaec}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .actionbar__sticky+*{margin-top:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] td:has([data-expand-button]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] .expand-button-heading{display:table-cell}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable].table--fullwidth [data-expand-button]{margin:.25rem 0 0 0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable].table--fullwidth [data-expand-button]:not(:hover,:focus){background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable].table--fullwidth [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"\uF078";font-weight:500}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable].table--fullwidth [data-expand-button][aria-expanded]:before{content:"\uF077"}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable].table--fullwidth tr:not(:has(p)) [data-expand-button]{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable].table--fullwidth tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:10rem}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] [data-expand-button]{margin:.25rem 0 0 0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] [data-expand-button]:not(:hover,:focus){background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"\uF078";font-weight:500}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] [data-expand-button][aria-expanded]:before{content:"\uF077"}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] tr:not(:has(p)) [data-expand-button]{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable] tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:10rem}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr{position:relative}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .td--fixed+.td--fixed{border:none}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed{position:absolute;left:auto;top:auto;z-index:3;padding:0 0 0 0;min-width:3.375rem;height:calc(var(--row-height) - 2px);text-align:left;background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed:has([open]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed:has([open]){z-index:4}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed:has(+th:not(.th--fixed)),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed:has(+td:not(.td--fixed)){background:linear-gradient(90deg, var(--row-bg) calc(100% - 1rem), transparent 100%)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed+th:not(.th--fixed),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed+td:not(.td--fixed){padding-left:calc(3.375rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed+.th--fixed,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed+.td--fixed{left:3rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed+.th--fixed+th:not(.th--fixed),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(6.375rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed+.th--fixed+.th--fixed,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed+.td--fixed+.td--fixed{left:6rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .th--fixed+.th--fixed+.th--fixed+th:not(.th--fixed),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .td--fixed+.td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(9.375rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .dialog__wrapper{z-index:10}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .dialog__wrapper:has([open]){z-index:20}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:has(.dialog__wrapper){padding-top:.25rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth th[data-sort]{background-repeat:no-repeat;background-size:1rem 1rem;background-position:calc(100% - .5rem) 50%;padding-top:.75rem;cursor:pointer}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth th[data-sort]:hover{background-color:var(--colour-light);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3e%3c!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-96-96c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L128 370.7 128 64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 306.7 41.4-41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-96 96zm352-333.3c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L448 141.3 448 448c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-306.7-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96c12.5-12.5 32.8-12.5 45.3 0l96 96z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth:has(th[data-sort]) :is(th,td){padding-left:.25rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth th[data-sort][data-order-by=asc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M209.4 39.4C204.8 34.7 198.6 32 192 32s-12.8 2.7-17.4 7.4l-168 176c-9.2 9.6-8.8 24.8 .8 33.9s24.8 8.8 33.9-.8L168 115.9 168 456c0 13.3 10.7 24 24 24s24-10.7 24-24l0-340.1L342.6 248.6c9.2 9.6 24.3 9.9 33.9 .8s9.9-24.3 .8-33.9l-168-176z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth th[data-sort][data-order-by=desc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M174.6 472.6c4.5 4.7 10.8 7.4 17.4 7.4s12.8-2.7 17.4-7.4l168-176c9.2-9.6 8.8-24.8-.8-33.9s-24.8-8.8-33.9 .8L216 396.1 216 56c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 340.1L41.4 263.4c-9.2-9.6-24.3-9.9-33.9-.8s-9.9 24.3-.8 33.9l168 176z'/%3e%3c/svg%3e")}@container (width >= 32em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) th[data-sort]{background-repeat:no-repeat;background-size:1rem 1rem;background-position:calc(100% - .5rem) 50%;padding-top:.75rem;cursor:pointer}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) th[data-sort]:hover{background-color:var(--colour-light);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3e%3c!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-96-96c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L128 370.7 128 64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 306.7 41.4-41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-96 96zm352-333.3c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L448 141.3 448 448c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-306.7-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96c12.5-12.5 32.8-12.5 45.3 0l96 96z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has(th[data-sort]) :is(th,td){padding-left:.25rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) th[data-sort][data-order-by=asc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M209.4 39.4C204.8 34.7 198.6 32 192 32s-12.8 2.7-17.4 7.4l-168 176c-9.2 9.6-8.8 24.8 .8 33.9s24.8 8.8 33.9-.8L168 115.9 168 456c0 13.3 10.7 24 24 24s24-10.7 24-24l0-340.1L342.6 248.6c9.2 9.6 24.3 9.9 33.9 .8s9.9-24.3 .8-33.9l-168-176z'/%3e%3c/svg%3e")}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) th[data-sort][data-order-by=desc]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3c!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2025 Fonticons, Inc.--%3e%3cpath d='M174.6 472.6c4.5 4.7 10.8 7.4 17.4 7.4s12.8-2.7 17.4-7.4l168-176c9.2-9.6 8.8-24.8-.8-33.9s-24.8-8.8-33.9 .8L216 396.1 216 56c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 340.1L41.4 263.4c-9.2-9.6-24.3-9.9-33.9-.8s-9.9 24.3-.8 33.9l168 176z'/%3e%3c/svg%3e")}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col1]+table :is(thead,tbody) :is(th,td):nth-child(1){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col2]+table :is(thead,tbody) :is(th,td):nth-child(2){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col3]+table :is(thead,tbody) :is(th,td):nth-child(3){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col4]+table :is(thead,tbody) :is(th,td):nth-child(4){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col5]+table :is(thead,tbody) :is(th,td):nth-child(5){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col6]+table :is(thead,tbody) :is(th,td):nth-child(6){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col7]+table :is(thead,tbody) :is(th,td):nth-child(7){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col8]+table :is(thead,tbody) :is(th,td):nth-child(8){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col9]+table :is(thead,tbody) :is(th,td):nth-child(9){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col10]+table :is(thead,tbody) :is(th,td):nth-child(10){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col11]+table :is(thead,tbody) :is(th,td):nth-child(11){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col12]+table :is(thead,tbody) :is(th,td):nth-child(12){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col13]+table :is(thead,tbody) :is(th,td):nth-child(13){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col14]+table :is(thead,tbody) :is(th,td):nth-child(14){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col15]+table :is(thead,tbody) :is(th,td):nth-child(15){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col16]+table :is(thead,tbody) :is(th,td):nth-child(16){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col17]+table :is(thead,tbody) :is(th,td):nth-child(17){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col18]+table :is(thead,tbody) :is(th,td):nth-child(18){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col19]+table :is(thead,tbody) :is(th,td):nth-child(19){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col20]+table :is(thead,tbody) :is(th,td):nth-child(20){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col21]+table :is(thead,tbody) :is(th,td):nth-child(21){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col22]+table :is(thead,tbody) :is(th,td):nth-child(22){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col23]+table :is(thead,tbody) :is(th,td):nth-child(23){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col24]+table :is(thead,tbody) :is(th,td):nth-child(24){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col25]+table :is(thead,tbody) :is(th,td):nth-child(25){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col26]+table :is(thead,tbody) :is(th,td):nth-child(26){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col27]+table :is(thead,tbody) :is(th,td):nth-child(27){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col28]+table :is(thead,tbody) :is(th,td):nth-child(28){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col29]+table :is(thead,tbody) :is(th,td):nth-child(29){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) [data-hide-col30]+table :is(thead,tbody) :is(th,td):nth-child(30){display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .table--filtered tbody tr:not(.filtered--show){display:none !important}iam-table-basic:is(.mh-lg,.mh-md,.mh-sm) thead{position:sticky;top:0;z-index:9999}iam-table-basic:is(.mh-lg,.mh-md,.mh-sm) thead tr{background:var(--row-bg);background:linear-gradient(0deg, var(--colour-primary) 2px, var(--row-bg) 2px);border:none}/*# sourceMappingURL=assets/css/components/table.global.css.map */
21
- </style>`)}connectedCallback(){const e=this.shadowRoot.querySelector("iam-pagination"),a=this.querySelector("table"),i=Y(this,a),s=a.querySelector("tbody").cloneNode(!0),l=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets";window.customElements.get("iam-menu")||import(`${l}/js/components/menu/menu.component.js`).then(o=>{window.customElements.define("iam-menu",o.default)}).catch(o=>{console.log(o.message)}),X(this),C(this,a,i,e),$(this,a),this.hasAttribute("data-submit")?(st(this,a,i),w(this,a,i,e,()=>{i.submit()})):this.hasAttribute("data-no-submit")||this.hasAttribute("data-nosubmit")?(at(this,a,i,e,s),w(this,a,i,e,()=>{S(this)})):this.hasAttribute("data-ajax")?(ot(this,a,i,e),w(this,a,i,e,()=>{x(this,a,i,e)})):(S(this),w(this,a,i,e,()=>{S(this)}))}}export{bt as default};
28
+ </style>`)}connectedCallback(){const e=this.shadowRoot.querySelector("iam-pagination"),a=this.querySelector("table"),i=Y(this,a),l=a.querySelector("tbody").cloneNode(!0);document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location"),window.customElements.get("iam-menu")||window.customElements.define("iam-menu",rt),X(this),M(this,a,i,e),z(this,a),this.hasAttribute("data-submit")?(ot(this,a,i),w(this,a,i,e,()=>{i.submit()})):this.hasAttribute("data-no-submit")||this.hasAttribute("data-nosubmit")?(at(this,a,i,e,l),w(this,a,i,e,()=>{q(this)})):this.hasAttribute("data-ajax")?(st(this,a,i,e),w(this,a,i,e,()=>{y(this,a,i,e)})):(q(this),w(this,a,i,e,()=>{q(this)}))}}export{nt as default};
22
29
  //# sourceMappingURL=table.component.min.js.map