@iamproperty/components 7.6.4--beta8 → 7.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/components/actionbar.component.css +1 -1
- package/assets/css/components/actionbar.component.css.map +1 -1
- package/assets/css/components/actionbar.global.css +1 -1
- package/assets/css/components/actionbar.global.css.map +1 -1
- package/assets/css/components/address-lookup.component.css +1 -1
- package/assets/css/components/address-lookup.component.css.map +1 -1
- package/assets/css/components/applied-filters.css +1 -1
- package/assets/css/components/applied-filters.css.map +1 -1
- package/assets/css/components/barchart.component.css +1 -1
- package/assets/css/components/barchart.component.css.map +1 -1
- package/assets/css/components/bento-grid.global.css +1 -1
- package/assets/css/components/calendar.component.css +1 -1
- package/assets/css/components/calendar.component.css.map +1 -1
- package/assets/css/components/calendar.config.css +1 -1
- package/assets/css/components/card.component.css +1 -1
- package/assets/css/components/card.component.css.map +1 -1
- package/assets/css/components/card.module.css +1 -1
- package/assets/css/components/carousel.component.css +1 -1
- package/assets/css/components/carousel.component.css.map +1 -1
- package/assets/css/components/charts.config.css +1 -1
- package/assets/css/components/charts.css +1 -1
- package/assets/css/components/charts.css.map +1 -1
- package/assets/css/components/charts.module.css +1 -1
- package/assets/css/components/charts.module.css.map +1 -1
- package/assets/css/components/collapsible-side.css +1 -1
- package/assets/css/components/collapsible-side.css.map +1 -1
- package/assets/css/components/config.component.css +1 -1
- package/assets/css/components/config.component.css.map +1 -1
- package/assets/css/components/content.component.css +1 -1
- package/assets/css/components/content.component.css.map +1 -1
- package/assets/css/components/doughnutchart.component.css +1 -1
- package/assets/css/components/doughnutchart.component.css.map +1 -1
- package/assets/css/components/fileupload.css +1 -1
- package/assets/css/components/fileupload.css.map +1 -1
- package/assets/css/components/filter-card.component.css +1 -1
- package/assets/css/components/header.css +1 -1
- package/assets/css/components/header.css.map +1 -1
- package/assets/css/components/inline-edit.css +1 -1
- package/assets/css/components/inline-edit.css.map +1 -1
- package/assets/css/components/input.component.css +1 -1
- package/assets/css/components/input.component.css.map +1 -1
- package/assets/css/components/menu.component.css +1 -1
- package/assets/css/components/menu.component.css.map +1 -1
- package/assets/css/components/milestone.css +1 -1
- package/assets/css/components/modal.component.css +1 -1
- package/assets/css/components/modal.component.css.map +1 -1
- package/assets/css/components/multi-step-modal.component.css +1 -1
- package/assets/css/components/multi-step-modal.component.css.map +1 -1
- package/assets/css/components/multiselect.css +1 -1
- package/assets/css/components/multiselect.css.map +1 -1
- package/assets/css/components/nav.component.css +1 -1
- package/assets/css/components/nav.component.css.map +1 -1
- package/assets/css/components/nav.global.css +1 -1
- package/assets/css/components/nav.global.css.map +1 -1
- package/assets/css/components/notification.css +1 -1
- package/assets/css/components/notification.css.map +1 -1
- package/assets/css/components/pagination.css +1 -1
- package/assets/css/components/pagination.css.map +1 -1
- package/assets/css/components/password.component.css +1 -1
- package/assets/css/components/password.component.css.map +1 -1
- package/assets/css/components/property-searchbar.css +1 -1
- package/assets/css/components/property-searchbar.css.map +1 -1
- package/assets/css/components/rank.component.css +1 -1
- package/assets/css/components/rank.component.css.map +1 -1
- package/assets/css/components/record-card.component.css +1 -1
- package/assets/css/components/record-card.component.css.map +1 -1
- package/assets/css/components/slider.css +1 -1
- package/assets/css/components/slider.css.map +1 -1
- package/assets/css/components/split-button.component.css +1 -1
- package/assets/css/components/split-button.component.css.map +1 -1
- package/assets/css/components/table-basic.component.css +1 -1
- package/assets/css/components/table-basic.component.css.map +1 -1
- package/assets/css/components/table-basic.global.css +1 -1
- package/assets/css/components/table-basic.global.css.map +1 -1
- package/assets/css/components/table.component.css +1 -1
- package/assets/css/components/table.component.css.map +1 -1
- package/assets/css/components/table.global.css +1 -1
- package/assets/css/components/table.global.css.map +1 -1
- package/assets/css/components/tabs.component.css +1 -1
- package/assets/css/components/tabs.component.css.map +1 -1
- package/assets/css/components/tag.component.css +1 -1
- package/assets/css/components/tag.component.css.map +1 -1
- package/assets/css/components/tooltip.component.css +1 -1
- package/assets/css/components/tooltip.component.css.map +1 -1
- package/assets/css/components/video-card.component.css +1 -1
- package/assets/css/components/video-modal.component.css +1 -1
- package/assets/css/components/video-modal.component.css.map +1 -1
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/actionbar/actionbar.component.js +1 -1
- package/assets/js/components/actionbar/actionbar.component.min.js +7 -7
- package/assets/js/components/actionbar/actionbar.component.min.js.map +1 -1
- package/assets/js/components/address-lookup/address-lookup.component.js +1 -1
- package/assets/js/components/address-lookup/address-lookup.component.min.js +5 -5
- package/assets/js/components/address-lookup/address-lookup.component.min.js.map +1 -1
- package/assets/js/components/advanced-select/advanced-select.component.js +1 -1
- package/assets/js/components/advanced-select/advanced-select.component.min.js +2 -2
- package/assets/js/components/advanced-select/advanced-select.component.min.js.map +1 -1
- package/assets/js/components/applied-filters/applied-filters.component.min.js +4 -4
- package/assets/js/components/barchart/barchart.component.min.js +6 -6
- package/assets/js/components/barchart/barchart.component.min.js.map +1 -1
- package/assets/js/components/bento-grid/bento-grid.component.min.js +2 -2
- package/assets/js/components/calendar/calendar.component.min.js +2 -2
- package/assets/js/components/card/card.component.min.js +7 -7
- package/assets/js/components/carousel/carousel.component.min.js +4 -4
- package/assets/js/components/collapsible-side/collapsible-side.component.js +1 -1
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +5 -5
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js.map +1 -1
- package/assets/js/components/config/config.component.min.js +9 -9
- package/assets/js/components/content/content.component.min.js +4 -4
- package/assets/js/components/darkmode/darkmode.component.min.js +1 -1
- package/assets/js/components/doughnutchart/doughnutchart.component.min.js +7 -7
- package/assets/js/components/fileupload/fileupload.component.min.js +4 -4
- package/assets/js/components/filter-card/filter-card.component.min.js +2 -2
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/form/form.component.min.js +1 -1
- package/assets/js/components/header/header.component.js +39 -1
- package/assets/js/components/header/header.component.min.js +40 -4
- package/assets/js/components/header/header.component.min.js.map +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.js +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.min.js +4 -4
- package/assets/js/components/inline-edit/inline-edit.component.min.js.map +1 -1
- package/assets/js/components/input/input.component.js +1 -1
- package/assets/js/components/input/input.component.min.js +3 -3
- package/assets/js/components/input/input.component.min.js.map +1 -1
- package/assets/js/components/input-range/input-range.component.js +1 -1
- package/assets/js/components/input-range/input-range.component.min.js +2 -2
- package/assets/js/components/input-range/input-range.component.min.js.map +1 -1
- package/assets/js/components/marketing/marketing.component.js +1 -1
- package/assets/js/components/marketing/marketing.component.min.js +2 -2
- package/assets/js/components/marketing/marketing.component.min.js.map +1 -1
- package/assets/js/components/menu/menu.component.min.js +2 -2
- package/assets/js/components/milestone/milestone.component.min.js +1 -1
- package/assets/js/components/milestone-group/milestone-group.component.min.js +1 -1
- package/assets/js/components/modal/modal.component.js +1 -1
- package/assets/js/components/modal/modal.component.min.js +5 -5
- package/assets/js/components/modal/modal.component.min.js.map +1 -1
- package/assets/js/components/multi-step/multi-step.component.min.js +1 -1
- package/assets/js/components/multi-step-modal/multi-step-modal.component.js +1 -1
- package/assets/js/components/multi-step-modal/multi-step-modal.component.min.js +5 -5
- package/assets/js/components/multi-step-modal/multi-step-modal.component.min.js.map +1 -1
- package/assets/js/components/multiselect/multiselect.component.min.js +2 -2
- package/assets/js/components/nav/nav.component.js +1 -1
- package/assets/js/components/nav/nav.component.min.js +6 -6
- package/assets/js/components/nav/nav.component.min.js.map +1 -1
- package/assets/js/components/notification/notification.component.min.js +2 -2
- package/assets/js/components/pagination/pagination.component.js +1 -1
- package/assets/js/components/pagination/pagination.component.min.js +4 -4
- package/assets/js/components/pagination/pagination.component.min.js.map +1 -1
- package/assets/js/components/password/password.component.js +1 -1
- package/assets/js/components/password/password.component.min.js +5 -5
- package/assets/js/components/password/password.component.min.js.map +1 -1
- package/assets/js/components/popover/popover.component.min.js +1 -1
- package/assets/js/components/rank/rank.component.min.js +1 -1
- package/assets/js/components/rankings/rankings.component.min.js +1 -1
- package/assets/js/components/rating/rating.component.min.js +1 -1
- package/assets/js/components/record-card/record-card.component.min.js +2 -2
- package/assets/js/components/search/search.component.js +1 -1
- package/assets/js/components/search/search.component.min.js +2 -2
- package/assets/js/components/search/search.component.min.js.map +1 -1
- package/assets/js/components/slider/slider.component.min.js +2 -2
- package/assets/js/components/split-button/split-button.component.js +0 -4
- package/assets/js/components/split-button/split-button.component.min.js +6 -7
- package/assets/js/components/split-button/split-button.component.min.js.map +1 -1
- package/assets/js/components/std-address-lookup/std-address-lookup.component.js +41 -11
- package/assets/js/components/std-address-lookup/std-address-lookup.component.min.js +9 -17
- package/assets/js/components/std-address-lookup/std-address-lookup.component.min.js.map +1 -1
- package/assets/js/components/table/table.component.min.js +4 -4
- package/assets/js/components/table-ajax/table-ajax.component.min.js +7 -7
- package/assets/js/components/table-basic/table-basic.component.min.js +5 -5
- package/assets/js/components/table-no-submit/table-no-submit.component.min.js +4 -4
- package/assets/js/components/table-submit/table-submit.component.min.js +7 -7
- package/assets/js/components/tabs/tabs.component.js +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +5 -5
- package/assets/js/components/tabs/tabs.component.min.js.map +1 -1
- package/assets/js/components/tag/tag.component.min.js +4 -4
- package/assets/js/components/tag/tag.component.min.js.map +1 -1
- package/assets/js/components/tooltip/tooltip.component.min.js +2 -2
- package/assets/js/components/video-card/video-card.component.min.js +2 -2
- package/assets/js/components/video-modal/video-modal.component.js +1 -1
- package/assets/js/components/video-modal/video-modal.component.min.js +4 -4
- package/assets/js/components/video-modal/video-modal.component.min.js.map +1 -1
- package/assets/js/components/word-count/word-count.component.min.js +1 -1
- package/assets/js/modules/helper.test.js +84 -0
- package/assets/js/modules/test.js +19 -0
- package/assets/js/scripts.bundle.js +1 -1
- package/assets/js/scripts.bundle.min.js +1 -1
- package/assets/sass/_components.scss +7 -7
- package/assets/sass/_corefiles.scss +8 -7
- package/assets/sass/_elements.scss +16 -16
- package/assets/sass/_functions/bs_mixins.scss +3 -3
- package/assets/sass/_utilities.scss +4 -3
- package/assets/sass/components/actionbar.component.scss +25 -25
- package/assets/sass/components/actionbar.global.scss +4 -4
- package/assets/sass/components/address-lookup.component.scss +7 -7
- package/assets/sass/components/applied-filters.scss +2 -2
- package/assets/sass/components/barchart.component.scss +6 -6
- package/assets/sass/components/bento-grid.component.scss +2 -2
- package/assets/sass/components/bento-grid.global.scss +3 -3
- package/assets/sass/components/calendar.component.scss +14 -14
- package/assets/sass/components/calendar.config.scss +4 -4
- package/assets/sass/components/card.component.scss +10 -10
- package/assets/sass/components/card.module.scss +2 -2
- package/assets/sass/components/carousel.component.scss +8 -8
- package/assets/sass/components/carousel.config.scss +2 -2
- package/assets/sass/components/charts.config.scss +3 -3
- package/assets/sass/components/charts.module.scss +4 -18
- package/assets/sass/components/charts.scss +3 -3
- package/assets/sass/components/collapsible-side.scss +16 -16
- package/assets/sass/components/config.component.scss +5 -5
- package/assets/sass/components/content.component.scss +1 -1
- package/assets/sass/components/darkmode.component.scss +1 -1
- package/assets/sass/components/doughnutchart.component.scss +11 -10
- package/assets/sass/components/fileupload.scss +9 -9
- package/assets/sass/components/filter-card.component.scss +3 -3
- package/assets/sass/components/header.scss +121 -23
- package/assets/sass/components/inline-edit.preload.scss +1 -1
- package/assets/sass/components/inline-edit.scss +1 -1
- package/assets/sass/components/input.component.scss +2 -1
- package/assets/sass/components/marketing.component.scss +1 -1
- package/assets/sass/components/menu.component.scss +10 -10
- package/assets/sass/components/milestone.scss +2 -2
- package/assets/sass/components/modal.component.scss +22 -22
- package/assets/sass/components/multi-step-modal.component.scss +15 -15
- package/assets/sass/components/multi-step-modal.global.scss +1 -1
- package/assets/sass/components/multi-step.component.scss +3 -3
- package/assets/sass/components/multiselect.scss +9 -9
- package/assets/sass/components/nav.component.scss +24 -24
- package/assets/sass/components/nav.docs.scss +1 -1
- package/assets/sass/components/nav.global.scss +120 -119
- package/assets/sass/components/nav.preload.scss +1 -1
- package/assets/sass/components/notification.scss +34 -7
- package/assets/sass/components/pagination.scss +7 -7
- package/assets/sass/components/password.component.scss +1 -1
- package/assets/sass/components/popover.component.scss +3 -3
- package/assets/sass/components/property-searchbar.scss +1 -1
- package/assets/sass/components/rank.component.scss +19 -19
- package/assets/sass/components/rankings.component.scss +1 -1
- package/assets/sass/components/rankings.global.scss +2 -2
- package/assets/sass/components/record-card.component.scss +15 -15
- package/assets/sass/components/slider.scss +4 -4
- package/assets/sass/components/snapshot.scss +1 -1
- package/assets/sass/components/split-button.component.scss +2 -2
- package/assets/sass/components/table-basic.component.scss +3 -3
- package/assets/sass/components/table-basic.global.scss +30 -10
- package/assets/sass/components/table.component.scss +27 -16
- package/assets/sass/components/table.global.scss +51 -49
- package/assets/sass/components/tabs.component.scss +3 -3
- package/assets/sass/components/tabs.config.scss +1 -1
- package/assets/sass/components/tag.component.scss +2 -2
- package/assets/sass/components/testimonial.scss +2 -2
- package/assets/sass/components/timeline.scss +3 -3
- package/assets/sass/components/tooltip.component.scss +13 -8
- package/assets/sass/components/video-card.component.scss +2 -2
- package/assets/sass/components/video-modal.component.scss +1 -1
- package/assets/sass/components/word-count.component.scss +1 -1
- package/assets/sass/core.scss +1 -1
- package/assets/sass/elements/{admin-panel.scss → admin-panel.css} +17 -24
- package/assets/sass/elements/{badge-tag.scss → badge-tag.css} +11 -19
- package/assets/sass/elements/button__group.css +3 -2
- package/assets/sass/elements/{buttons--action.scss → buttons--action.css} +11 -19
- package/assets/sass/elements/{buttons--compact.scss → buttons--compact.css} +8 -36
- package/assets/sass/elements/buttons--global.scss +12 -18
- package/assets/sass/elements/buttons--special.scss +1 -1
- package/assets/sass/elements/buttons.scss +6 -6
- package/assets/sass/elements/container.scss +6 -6
- package/assets/sass/elements/details.scss +13 -13
- package/assets/sass/elements/dialog.scss +7 -7
- package/assets/sass/elements/dropdown.scss +1 -1
- package/assets/sass/elements/feature.scss +114 -6
- package/assets/sass/elements/forms.scss +24 -25
- package/assets/sass/elements/icons.css +1 -1
- package/assets/sass/elements/links.scss +5 -5
- package/assets/sass/elements/lists--tick-list.scss +18 -6
- package/assets/sass/elements/modal.scss +24 -24
- package/assets/sass/elements/popover.scss +14 -14
- package/assets/sass/elements/prefix.scss +18 -4
- package/assets/sass/elements/progress.scss +14 -14
- package/assets/sass/elements/table.element.scss +9 -5
- package/assets/sass/elements/tooltips.scss +4 -4
- package/assets/sass/email.scss +1 -1
- package/assets/sass/foundations/animations.scss +2 -0
- package/assets/sass/foundations/colours.scss +1 -1
- package/assets/sass/foundations/reboot.scss +1 -1
- package/assets/sass/foundations/root.scss +29 -92
- package/assets/sass/templates/auth.scss +7 -7
- package/assets/sass/templates/form.scss +8 -8
- package/assets/sass/utilities/border.scss +6 -18
- package/assets/sass/utilities/font-awesome-iso-fallbacks.scss +6 -0
- package/assets/sass/utilities/shadow.scss +7 -0
- package/assets/sass/utilities/wider-colours.scss +0 -2
- package/assets/ts/components/actionbar/actionbar.component.ts +1 -1
- package/assets/ts/components/address-lookup/address-lookup.component.ts +1 -1
- package/assets/ts/components/advanced-select/advanced-select.component.ts +1 -1
- package/assets/ts/components/collapsible-side/collapsible-side.component.ts +1 -1
- package/assets/ts/components/header/header.component.ts +40 -1
- package/assets/ts/components/inline-edit/inline-edit.component.ts +1 -1
- package/assets/ts/components/input/input.component.ts +1 -1
- package/assets/ts/components/input-range/input-range.component.ts +1 -1
- package/assets/ts/components/marketing/marketing.component.ts +1 -1
- package/assets/ts/components/modal/modal.component.ts +1 -1
- package/assets/ts/components/multi-step-modal/multi-step-modal.component.ts +1 -1
- package/assets/ts/components/nav/nav.component.ts +1 -1
- package/assets/ts/components/pagination/pagination.component.ts +1 -1
- package/assets/ts/components/password/password.component.ts +1 -1
- package/assets/ts/components/search/search.component.ts +1 -1
- package/assets/ts/components/split-button/split-button.component.ts +0 -4
- package/assets/ts/components/std-address-lookup/std-address-lookup.component.ts +46 -12
- package/assets/ts/components/tabs/tabs.component.ts +1 -1
- package/assets/ts/components/video-modal/video-modal.component.ts +1 -1
- package/assets/ts/modules/helper.test.ts +143 -0
- package/assets/ts/modules/test.ts +22 -0
- package/dist/components.es.js +29 -29
- package/dist/components.umd.js +293 -266
- package/package.json +9 -21
- package/assets/js/tests/helpers.spec.js +0 -79
- package/assets/js/ui-tests/card.spec.js +0 -14
- package/assets/js/ui-tests/carousel.spec.js +0 -60
- package/assets/js/ui-tests/chart.spec.js +0 -59
- package/assets/js/ui-tests/fileupload.spec.js +0 -22
- package/assets/js/ui-tests/filterlist.spec.js +0 -22
- package/assets/js/ui-tests/multistep.spec.js +0 -68
- package/assets/js/ui-tests/slider.spec.js +0 -20
- package/assets/js/ui-tests/table.spec.js +0 -81
- package/assets/ts/tests/helpers.spec.ts +0 -137
- package/assets/ts/ui-tests/card.spec.ts +0 -19
- package/assets/ts/ui-tests/carousel.spec.ts +0 -66
- package/assets/ts/ui-tests/chart.spec.ts +0 -71
- package/assets/ts/ui-tests/data-layer.spec.js +0 -68
- package/assets/ts/ui-tests/fileupload.spec.ts +0 -30
- package/assets/ts/ui-tests/filterlist.spec.ts +0 -26
- package/assets/ts/ui-tests/multistep.spec.ts +0 -78
- package/assets/ts/ui-tests/slider.spec.ts +0 -27
- package/assets/ts/ui-tests/table.spec.ts +0 -91
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
2
|
+
* iamKey v7.7.0
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
|
-
*/const R=t=>t.charAt(0).toUpperCase()+t.slice(1),p=(t,i,a)=>i.split(/[\.\[\]\'\"]/).filter(e=>e).reduce((e,
|
|
4
|
+
*/const R=t=>t.charAt(0).toUpperCase()+t.slice(1),p=(t,i,a)=>i.split(/[\.\[\]\'\"]/).filter(e=>e).reduce((e,b)=>e?e[b]:a,t),q=(t=1)=>Math.floor(Math.random()*Date.now()*(t+1));var P=function(t,i,a,e){function b(o){return o instanceof a?o:new a(function(s){s(o)})}return new(a||(a=Promise))(function(o,s){function r(m){try{n(e.next(m))}catch(d){s(d)}}function l(m){try{n(e.throw(m))}catch(d){s(d)}}function n(m){m.done?o(m.value):b(m.value).then(r,l)}n((e=e.apply(t,i||[])).next())})};const I=(t,i)=>{switch(t){case"datetime":return new Date(i).toLocaleDateString("en-gb",{weekday:"short",year:"2-digit",month:"long",day:"numeric"})+" "+new Date(i).toLocaleTimeString("en-gb",{hour:"2-digit",minute:"2-digit"});case"date":return new Date(i).toLocaleDateString("en-gb",{day:"numeric",month:"long",year:"2-digit"});case"capitalise":return i=R(i)}},O=function(t){const i=new Object;return Array.from(t.querySelectorAll("[data-filter]")).forEach(e=>{if(!(e.type=="radio"&&!e.checked)&&!(e.type=="checkbox"&&!e.checked)&&e&&e.value){const b=e.getAttribute("data-filter");let o=e.value;e.hasAttribute("data-date-from")&&(o+="-date-from"),e.hasAttribute("data-date-to")&&(o+="-date-to"),i[b]||(i[b]=[]),i[b].push(o)}}),i},N=(t,i,a,e,b)=>{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")}" />`),e.addEventListener("update-show",o=>{if(a.querySelector("[name=show]").value!=o.detail.show){a.querySelector("[name=show]").value=o.detail.show;const s=new CustomEvent("update-show",{detail:{show:o.detail.show}});t.dispatchEvent(s),T(t,e),b()}}),e.addEventListener("update-page",o=>{if(a.querySelector("[name=page]").value!=o.detail.page){a.querySelector("[name=page]").value=o.detail.page;const s=new CustomEvent("update-page",{detail:{page:o.detail.page}});if(t.dispatchEvent(s),T(t,e),b(),!t.hasAttribute("data-no-scroll")){const l=i.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:l,behavior:"smooth"})}}})},F=(t,i)=>{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"):i.parentNode.insertBefore(a,i.nextSibling),t.hasAttribute("data-ajax")&&a.setAttribute("data-ajax",t.getAttribute("data-ajax")),a},E=(t,i,a,e)=>{const b=t.shadowRoot.querySelector(".table__wrapper");t.hasAttribute("data-total")||t.setAttribute("data-total",t.querySelectorAll("tbody tr").length),t.hasAttribute("data-page")||t.setAttribute("data-page",1),t.hasAttribute("data-show")||t.setAttribute("data-show",15),t.hasAttribute("data-increment")||t.setAttribute("data-increment",t.getAttribute("data-show")),U(t,e),W(i),V(t,i),t.classList.contains("mh-sm")&&b.classList.add("mh-sm"),t.classList.contains("mh-md")&&b.classList.add("mh-md"),t.classList.contains("mh-lg")&&b.classList.add("mh-lg"),t.classList.contains("table--cta")&&(J(t,i),X(t,i)),B(t)},B=t=>{Array.from(t.querySelectorAll("tr[data-highlight]")).forEach(i=>{i.insertAdjacentHTML("afterend",`<tr role="presentation" class="tr--highlight">
|
|
5
5
|
<td colspan="100%"><i class="fa-solid fa-star"></i> ${i.getAttribute("data-highlight")}</td>
|
|
6
|
-
</tr>`)})},U=(t,i)=>{t.hasAttribute("data-total")&&i.setAttribute("data-total",t.getAttribute("data-total")),t.hasAttribute("data-page")&&i.setAttribute("data-page",t.getAttribute("data-page")),t.hasAttribute("data-show")&&i.setAttribute("data-show",t.getAttribute("data-show")),t.hasAttribute("data-increment")&&i.setAttribute("data-increment",t.getAttribute("data-show")),t.hasAttribute("data-page-jump")&&i.setAttribute("data-page-jump","true"),t.hasAttribute("data-per-page")&&i.setAttribute("data-per-page","true"),t.hasAttribute("data-item-count")&&i.setAttribute("data-item-count","true"),t.hasAttribute("data-loading")&&i.setAttribute("data-loading","true"),t.classList.contains("table--fullwidth")&&i.setAttribute("data-minimal","true")},T=(t,i)=>{t.setAttribute("data-total",i.getAttribute("data-total")),t.setAttribute("data-page",i.getAttribute("data-page")),t.setAttribute("data-show",i.getAttribute("data-show")),t.setAttribute("data-increment",i.getAttribute("data-show"))},W=t=>{const i=Array.from(t.querySelectorAll("thead th"));Array.from(t.querySelectorAll("tbody tr")).forEach(e=>{const r=Array.from(e.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"];r.forEach((s,b)=>{const l=i[b];if(typeof l<"u"){const n=document.createElement("div");n.innerHTML=l.innerHTML;const m=n.textContent||n.innerText||"";s.setAttribute("data-label",m),l.hasAttribute("data-td-class")&&s.setAttribute("class",l.getAttribute("data-td-class")),l.hasAttribute("data-format")&&(s.setAttribute("data-format",l.getAttribute("data-format")),s.innerHTML=I(l.getAttribute("data-format"),s.textContent.trim())),o.includes(s.textContent.trim().toLowerCase())&&s.setAttribute("data-content",s.textContent.trim().toLowerCase())}})})},V=(t,i)=>{if(t.classList.contains("table--fullwidth")&&!t.hasAttribute("data-expandable")||i.querySelectorAll("thead tr th").length<4&&!t.hasAttribute("data-expandable"))return!1;Array.from(i.querySelectorAll("thead tr")).forEach(a=>{i.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(i.querySelectorAll("tbody tr")).forEach((a,e)=>{const r=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 fa-circle-plus" data-expand-button ${r} data-index="${e}">Expand</button></td>`)}),i.addEventListener("click",a=>{if(a&&a.target instanceof HTMLElement&&a.target.closest("[data-expand-button]")){const e=a.target.closest("[data-expand-button]"),r=e.closest("tr");e.toggleAttribute("aria-expanded"),e.classList.contains("fa-circle-plus")?(e.classList.remove("fa-circle-plus"),e.classList.add("fa-circle-minus")):(e.classList.remove("fa-circle-minus"),e.classList.add("fa-circle-plus")),r.getAttribute("data-view")=="full"?r.setAttribute("data-view","default"):r.setAttribute("data-view","full"),e.blur(),t.dispatchEvent(new CustomEvent("row-expanded",{detail:{row:e.getAttribute("data-index")}}))}})},J=(t,i)=>{let a=0;Array.from(i.querySelectorAll("tbody tr")).forEach(e=>{const r=window.getComputedStyle(document.querySelector("html")),o=e.querySelector(":scope > *:last-child > *:first-child");if(o){o.classList.add("text-nowrap");let s=o.offsetWidth/parseFloat(r.fontSize);s+=1.8,a=a>s?a:s}}),t.style.setProperty("--cta-width",`${a}rem`)},X=(t,i)=>{function a(){Array.from(i.querySelectorAll("tr")).forEach(e=>{const r=e.offsetHeight;e.style.setProperty("--row-height",`${r}px`)})}new ResizeObserver(a).observe(i)},M=(t,i)=>{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")}']`);Y(t,i,a)}t.querySelectorAll(".dialog__wrapper .btn-compact").forEach((a,e)=>{const o=a.closest(".dialog__wrapper").querySelector("dialog");if(o){const m=`menu${q(e)}`;o.setAttribute("id",m),o.setAttribute("popover","auto"),a.setAttribute("popovertarget",m),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 s=a.closest("tr"),b=a.closest("td"),n=Array.prototype.slice.call(s.children).indexOf(b);b.classList.add("td--fixed"),i.querySelector(`thead tr th:nth-child(${n+1})`).classList.add("th--fixed")})},Y=(t,i,a)=>{Array.from(i.querySelectorAll("thead tr")).forEach(e=>{e.querySelector(".expand-button-heading")?e.querySelector(".expand-button-heading").insertAdjacentHTML("afterend",'<th class="th--fixed"></th>'):e.insertAdjacentHTML("afterbegin",'<th class="th--fixed"></th>')}),Array.from(i.querySelectorAll("tbody tr")).forEach((e,r)=>{if(e.setAttribute("data-index",r+1),!e.querySelector(".selectrow")){const o=`row${q(r)}`;e.querySelector(".td--expand")?e.querySelector(".td--expand").insertAdjacentHTML("afterend",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${o}" ${e.hasAttribute("data-selected")?'checked="true"':""}/><label for="${o}"><span class="visually-hidden">Select row</span></label></td>`):e.insertAdjacentHTML("afterbegin",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${o}" ${e.hasAttribute("data-selected")?'checked="true"':""}/><label for="${o}"><span class="visually-hidden">Select row</span></label></td>`)}}),i.addEventListener("change",e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest(".selectrow input")){const r=e.target.closest(".selectrow input"),o=e.target.closest("tr"),s=i.querySelectorAll('.selectrow input[type="checkbox"]').length,b=i.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;a.setAttribute("data-selected",s==b?"all":b);const l=new CustomEvent("row-selected",{detail:{rowIndex:o.getAttribute("data-index"),checked:!!r.checked}});t.dispatchEvent(l)}}),a.addEventListener("selected",e=>{if(e.detail.selected=="0"){Array.from(i.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(o=>{o.checked=!1});const r=new CustomEvent("all-rows-unselected");t.dispatchEvent(r)}else if(e.detail.selected=="all"){Array.from(i.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(o=>{o.checked=!0});const r=new CustomEvent("all-rows-selected");t.dispatchEvent(r)}})},G=(t,i,a,e)=>{f(t,i,a,e);const r=t.querySelector("iam-actionbar");a.addEventListener("submit",o=>{Array.from(a.querySelectorAll("[data-duplicate]")).forEach(s=>{const b=s.tagName=="IAM-INPUT"?s.querySelector("input"):s,l=s.getAttribute("data-duplicate");document.querySelector(`[id="${l}"], [name="${l}"]`)&&(document.querySelector(`[id="${l}"], [name="${l}"]`).checked=b.checked)}),f(t,i,a,e),o.preventDefault()}),a.addEventListener("change",o=>{o.target.closest("iam-modal")||f(t,i,a,e)}),Array.from(a.querySelectorAll('[type="hidden"]')).forEach(o=>{o.addEventListener("change",s=>{f(t,i,a,e)})}),r&&(r.addEventListener("change",o=>{f(t,i,a,e)}),r.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 s=new CustomEvent("search-submit",{detail:o.details});t.dispatchEvent(s),f(t,i,a,e)}))},f=function(t,i,a,e){return P(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 r=new FormData(a);r.set("page_number",r.get("page"));const o=new URLSearchParams(r).toString(),s=i.querySelectorAll("thead tr th:not(.expand-button-heading)"),b=i.querySelector("tbody"),l=a.getAttribute("data-ajax");t.classList.add("table--loading");const n=O(a);Array.from(a.querySelectorAll("[data-filter-count]")).forEach(c=>{c.innerHTML="",c.parentNode.classList.remove("hover")});let m=0;Object.values(n).forEach(c=>{typeof c=="object"&&Object.values(c).length?m+=Object.values(c).length:m++}),m&&Array.from(a.querySelectorAll("[data-filter-count]")).forEach(c=>{c.innerHTML+=`(${m})`,c.parentNode.classList.add("hover")}),window.controller||(window.controller=[]),window.controller[l]&&window.controller[l].abort(),window.controller[l]=new AbortController;const{signal:d}=controller[l];e.setAttribute("data-loading","true"),a.classList.add("processing");try{yield fetch(l+"?"+o,{signal:d,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 w=t.hasAttribute("data-schema")?t.getAttribute("data-schema"):"data",$=t.hasAttribute("data-schema-total")?t.getAttribute("data-schema-total"):"meta.total",H=t.hasAttribute("data-schema-page")?t.getAttribute("data-schema-page"):"meta.current_page",S=p(c,$,15),Z=p(c,H,1),_=p(c,w),C=t.hasAttribute("data-empty-msg")?t.getAttribute("data-empty-msg"):"No results found";_?(b.innerHTML="",_.forEach(g=>{const x=document.createElement("tr");s.forEach(u=>{let h="";const v=document.createElement("td");if(v.setAttribute("data-label",u.innerText),u.getAttribute("data-output")&&(h=u.getAttribute("data-output").replace(new RegExp(/{(.*?)}/,"gm"),function(A){return p(g,A.replace("{","").replace("}",""))})),u.hasAttribute("data-output-array")){const k=u.getAttribute("data-output"),A=p(g,k.replace("{","").replace("}",""));h="",A.forEach(L=>{const z=u.getAttribute("data-output-array");let y="";if(u.hasAttribute("data-output-array-property")&&u.hasAttribute("data-output-array-transform")){const j=p(L,u.getAttribute("data-output-array-property")),D=JSON.parse(u.getAttribute("data-output-array-transform"))[j];y=z.replace(`{${u.getAttribute("data-output-array-property")}}`,D)}y=y.replace(new RegExp(/{(.*?)}/,"gm"),function(j){return p(L,j.replace("{","").replace("}",""))}),h+=y})}u.hasAttribute("data-transform")&&(h=JSON.parse(u.getAttribute("data-transform"))[h],!h&&u.hasAttribute("data-default")&&(h=u.getAttribute("data-default"))),v.innerHTML=h,x.appendChild(v)}),b.appendChild(x)}),t.setAttribute("data-total",parseInt(S)),Array.from(a.querySelectorAll("[data-ajax-query]")).forEach(g=>{const x=p(c,g.getAttribute("data-ajax-query"),"");g.hasAttribute("data-total")?g.setAttribute("data-total",x):g.innerHTML=x}),parseInt(S)==0&&(b.innerHTML=`<tr><td colspan="100%"><span>${C}</span></td></tr>`),t.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:l,formData:o}),E(t,i,a,e),M(t,i,a,e)):b.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>',e.removeAttribute("data-loading"),a.classList.remove("processing")})}catch(c){console.log(c)}})};class K 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=`
|
|
6
|
+
</tr>`)})},U=(t,i)=>{t.hasAttribute("data-total")&&i.setAttribute("data-total",t.getAttribute("data-total")),t.hasAttribute("data-page")&&i.setAttribute("data-page",t.getAttribute("data-page")),t.hasAttribute("data-show")&&i.setAttribute("data-show",t.getAttribute("data-show")),t.hasAttribute("data-increment")&&i.setAttribute("data-increment",t.getAttribute("data-show")),t.hasAttribute("data-page-jump")&&i.setAttribute("data-page-jump","true"),t.hasAttribute("data-per-page")&&i.setAttribute("data-per-page","true"),t.hasAttribute("data-item-count")&&i.setAttribute("data-item-count","true"),t.hasAttribute("data-loading")&&i.setAttribute("data-loading","true"),t.classList.contains("table--fullwidth")&&i.setAttribute("data-minimal","true")},T=(t,i)=>{t.setAttribute("data-total",i.getAttribute("data-total")),t.setAttribute("data-page",i.getAttribute("data-page")),t.setAttribute("data-show",i.getAttribute("data-show")),t.setAttribute("data-increment",i.getAttribute("data-show"))},W=t=>{const i=Array.from(t.querySelectorAll("thead th"));Array.from(t.querySelectorAll("tbody tr")).forEach(e=>{const b=Array.from(e.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"];b.forEach((s,r)=>{const l=i[r];if(typeof l<"u"){const n=document.createElement("div");n.innerHTML=l.innerHTML;const m=n.textContent||n.innerText||"";s.setAttribute("data-label",m),l.hasAttribute("data-td-class")&&s.setAttribute("class",l.getAttribute("data-td-class")),l.hasAttribute("data-format")&&(s.setAttribute("data-format",l.getAttribute("data-format")),s.innerHTML=I(l.getAttribute("data-format"),s.textContent.trim())),o.includes(s.textContent.trim().toLowerCase())&&s.setAttribute("data-content",s.textContent.trim().toLowerCase())}})})},V=(t,i)=>{if(t.classList.contains("table--fullwidth")&&!t.hasAttribute("data-expandable")||i.querySelectorAll("thead tr th").length<4&&!t.hasAttribute("data-expandable"))return!1;Array.from(i.querySelectorAll("thead tr")).forEach(a=>{i.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(i.querySelectorAll("tbody tr")).forEach((a,e)=>{const b=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 fa-circle-plus" data-expand-button ${b} data-index="${e}">Expand</button></td>`)}),i.addEventListener("click",a=>{if(a&&a.target instanceof HTMLElement&&a.target.closest("[data-expand-button]")){const e=a.target.closest("[data-expand-button]"),b=e.closest("tr");e.toggleAttribute("aria-expanded"),e.classList.contains("fa-circle-plus")?(e.classList.remove("fa-circle-plus"),e.classList.add("fa-circle-minus")):(e.classList.remove("fa-circle-minus"),e.classList.add("fa-circle-plus")),b.getAttribute("data-view")=="full"?b.setAttribute("data-view","default"):b.setAttribute("data-view","full"),e.blur(),t.dispatchEvent(new CustomEvent("row-expanded",{detail:{row:e.getAttribute("data-index")}}))}})},J=(t,i)=>{let a=0;Array.from(i.querySelectorAll("tbody tr")).forEach(e=>{const b=window.getComputedStyle(document.querySelector("html")),o=e.querySelector(":scope > *:last-child > *:first-child");if(o){o.classList.add("text-nowrap");let s=o.offsetWidth/parseFloat(b.fontSize);s+=1.8,a=a>s?a:s}}),t.style.setProperty("--cta-width",`${a}rem`)},X=(t,i)=>{function a(){Array.from(i.querySelectorAll("tr")).forEach(e=>{const b=e.offsetHeight;e.style.setProperty("--row-height",`${b}px`)})}new ResizeObserver(a).observe(i)},M=(t,i)=>{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")}']`);Y(t,i,a)}t.querySelectorAll(".dialog__wrapper .btn-compact").forEach((a,e)=>{const o=a.closest(".dialog__wrapper").querySelector("dialog");if(o){const m=`menu${q(e)}`;o.setAttribute("id",m),o.setAttribute("popover","auto"),a.setAttribute("popovertarget",m),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 s=a.closest("tr"),r=a.closest("td"),n=Array.prototype.slice.call(s.children).indexOf(r);r.classList.add("td--fixed"),i.querySelector(`thead tr th:nth-child(${n+1})`).classList.add("th--fixed")})},Y=(t,i,a)=>{Array.from(i.querySelectorAll("thead tr")).forEach(e=>{e.querySelector(".expand-button-heading")?e.querySelector(".expand-button-heading").insertAdjacentHTML("afterend",'<th class="th--fixed"></th>'):e.insertAdjacentHTML("afterbegin",'<th class="th--fixed"></th>')}),Array.from(i.querySelectorAll("tbody tr")).forEach((e,b)=>{if(e.setAttribute("data-index",b+1),!e.querySelector(".selectrow")){const o=`row${q(b)}`;e.querySelector(".td--expand")?e.querySelector(".td--expand").insertAdjacentHTML("afterend",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${o}" ${e.hasAttribute("data-selected")?'checked="true"':""}/><label for="${o}"><span class="visually-hidden">Select row</span></label></td>`):e.insertAdjacentHTML("afterbegin",`<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${o}" ${e.hasAttribute("data-selected")?'checked="true"':""}/><label for="${o}"><span class="visually-hidden">Select row</span></label></td>`)}}),i.addEventListener("change",e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest(".selectrow input")){const b=e.target.closest(".selectrow input"),o=e.target.closest("tr"),s=i.querySelectorAll('.selectrow input[type="checkbox"]').length,r=i.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;a.setAttribute("data-selected",s==r?"all":r);const l=new CustomEvent("row-selected",{detail:{rowIndex:o.getAttribute("data-index"),checked:!!b.checked}});t.dispatchEvent(l)}}),a.addEventListener("selected",e=>{if(e.detail.selected=="0"){Array.from(i.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(o=>{o.checked=!1});const b=new CustomEvent("all-rows-unselected");t.dispatchEvent(b)}else if(e.detail.selected=="all"){Array.from(i.querySelectorAll('.selectrow input[type="checkbox"]')).forEach(o=>{o.checked=!0});const b=new CustomEvent("all-rows-selected");t.dispatchEvent(b)}})},G=(t,i,a,e)=>{f(t,i,a,e);const b=t.querySelector("iam-actionbar");a.addEventListener("submit",o=>{Array.from(a.querySelectorAll("[data-duplicate]")).forEach(s=>{const r=s.tagName=="IAM-INPUT"?s.querySelector("input"):s,l=s.getAttribute("data-duplicate");document.querySelector(`[id="${l}"], [name="${l}"]`)&&(document.querySelector(`[id="${l}"], [name="${l}"]`).checked=r.checked)}),f(t,i,a,e),o.preventDefault()}),a.addEventListener("change",o=>{o.target.closest("iam-modal")||f(t,i,a,e)}),Array.from(a.querySelectorAll('[type="hidden"]')).forEach(o=>{o.addEventListener("change",s=>{f(t,i,a,e)})}),b&&(b.addEventListener("change",o=>{f(t,i,a,e)}),b.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 s=new CustomEvent("search-submit",{detail:o.details});t.dispatchEvent(s),f(t,i,a,e)}))},f=function(t,i,a,e){return P(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 b=new FormData(a);b.set("page_number",b.get("page"));const o=new URLSearchParams(b).toString(),s=i.querySelectorAll("thead tr th:not(.expand-button-heading)"),r=i.querySelector("tbody"),l=a.getAttribute("data-ajax");t.classList.add("table--loading");const n=O(a);Array.from(a.querySelectorAll("[data-filter-count]")).forEach(c=>{c.innerHTML="",c.parentNode.classList.remove("hover")});let m=0;Object.values(n).forEach(c=>{typeof c=="object"&&Object.values(c).length?m+=Object.values(c).length:m++}),m&&Array.from(a.querySelectorAll("[data-filter-count]")).forEach(c=>{c.innerHTML+=`(${m})`,c.parentNode.classList.add("hover")}),window.controller||(window.controller=[]),window.controller[l]&&window.controller[l].abort(),window.controller[l]=new AbortController;const{signal:d}=controller[l];e.setAttribute("data-loading","true"),a.classList.add("processing");try{yield fetch(l+"?"+o,{signal:d,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 w=t.hasAttribute("data-schema")?t.getAttribute("data-schema"):"data",$=t.hasAttribute("data-schema-total")?t.getAttribute("data-schema-total"):"meta.total",H=t.hasAttribute("data-schema-page")?t.getAttribute("data-schema-page"):"meta.current_page",S=p(c,$,15),Z=p(c,H,1),_=p(c,w),C=t.hasAttribute("data-empty-msg")?t.getAttribute("data-empty-msg"):"No results found";_?(r.innerHTML="",_.forEach(g=>{const x=document.createElement("tr");s.forEach(u=>{let h="";const v=document.createElement("td");if(v.setAttribute("data-label",u.innerText),u.getAttribute("data-output")&&(h=u.getAttribute("data-output").replace(new RegExp(/{(.*?)}/,"gm"),function(k){return p(g,k.replace("{","").replace("}",""))})),u.hasAttribute("data-output-array")){const A=u.getAttribute("data-output"),k=p(g,A.replace("{","").replace("}",""));h="",k.forEach(L=>{const z=u.getAttribute("data-output-array");let y="";if(u.hasAttribute("data-output-array-property")&&u.hasAttribute("data-output-array-transform")){const j=p(L,u.getAttribute("data-output-array-property")),D=JSON.parse(u.getAttribute("data-output-array-transform"))[j];y=z.replace(`{${u.getAttribute("data-output-array-property")}}`,D)}y=y.replace(new RegExp(/{(.*?)}/,"gm"),function(j){return p(L,j.replace("{","").replace("}",""))}),h+=y})}u.hasAttribute("data-transform")&&(h=JSON.parse(u.getAttribute("data-transform"))[h],!h&&u.hasAttribute("data-default")&&(h=u.getAttribute("data-default"))),v.innerHTML=h,x.appendChild(v)}),r.appendChild(x)}),t.setAttribute("data-total",parseInt(S)),Array.from(a.querySelectorAll("[data-ajax-query]")).forEach(g=>{const x=p(c,g.getAttribute("data-ajax-query"),"");g.hasAttribute("data-total")?g.setAttribute("data-total",x):g.innerHTML=x}),parseInt(S)==0&&(r.innerHTML=`<tr><td colspan="100%"><span>${C}</span></td></tr>`),t.classList.remove("table--loading"),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Ajax table loaded",url:l,formData:o}),E(t,i,a,e),M(t,i,a,e)):r.innerHTML='<tr><td colspan="100%"><span>Error loading table</span></td></tr>',e.removeAttribute("data-loading"),a.classList.remove("processing")})}catch(c){console.log(c)}})};class K 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=`
|
|
7
7
|
<style>
|
|
8
|
-
:host{inset:auto;top:anchor(bottom);left:anchor(left);position:fixed;position-try-fallbacks:flip-block,flip-inline;width:max-content !important;min-width:max-content !important;max-width:max-content !important;height:min-content;max-height:var(--menu-max-height, min(100vh - 6rem));background:var(--menu-bg, canvas);margin:var(--menu-margin, 0);padding:var(--menu-padding, 0.5rem) !important;border:var(--menu-border, 2px solid grey);overflow:auto;border:none !important;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.1)}:host(.menu--fill){width:anchor-size(width) !important;min-width:anchor-size(width) !important;max-width:anchor-size(width) !important}:host(:popover-open),:host([popover-open]){display:block}:host(:not([popover])){position:static;display:block}:host(.menu--sm){width:10rem}:host(.menu--md){width:15rem}:host(.menu--lg){width:20rem}:host(.menu--height-sm){max-height:12.5rem}:host(.menu--height-lg){max-height:25rem}::slotted(*:is(button,a,label,span)){background:unset !important;border:unset !important;color:var(--colour-primary) !important;font-weight:inherit !important;font-family:inherit !important;font-size:1rem !important;line-height:1.1875rem !important;display:block !important;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding-block:var(--menu-item-padding, 0.5rem) !important;width:var(--menu-item-width, 100%) !important;max-width:var(--menu-item-width, 100%) !important;text-align:var(--menu-item-text-align, left) !important}::slotted(*:is(button,a,label)){padding-inline:var(--menu-item-padding, 0.5rem);cursor:var(--menu-item-cursor, pointer) !important}::slotted(*:is(span):first-child){padding-top:0 !important;font-weight:700 !important}::slotted(*:is(button,a,label,span):last-child){margin-bottom:0 !important}::slotted(*:is(label)){--radio-size: 1.25rem;--radio-inner-size: 0.75rem;--radio-inner-top: 0.75rem;--radio-inner-left: 0.75rem;--checkbox-tick-size: 0.75rem;--checkbox-inner-size: 0.625rem;--checkbox-inner-top: 0.375rem;--checkbox-inner-left: 0.5rem;padding-left:2.25rem
|
|
8
|
+
:host{inset:auto;top:anchor(bottom);left:anchor(left);position:fixed;position-try-fallbacks:flip-block,flip-inline;width:max-content !important;min-width:max-content !important;max-width:max-content !important;height:min-content;max-height:var(--menu-max-height, min(100vh - 6rem));background:var(--menu-bg, canvas);margin:var(--menu-margin, 0);padding:var(--menu-padding, 0.5rem) !important;border:var(--menu-border, 2px solid grey);overflow:auto;border:none !important;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.1)}:host(.menu--fill){width:anchor-size(width) !important;min-width:anchor-size(width) !important;max-width:anchor-size(width) !important}:host(:popover-open),:host([popover-open]){display:block}:host(:not([popover])){position:static;display:block}:host(.menu--sm){width:10rem}:host(.menu--md){width:15rem}:host(.menu--lg){width:20rem}:host(.menu--height-sm){max-height:12.5rem}:host(.menu--height-lg){max-height:25rem}::slotted(*:is(button,a,label,span)){background:unset !important;border:unset !important;color:var(--colour-primary) !important;font-weight:inherit !important;font-family:inherit !important;font-size:1rem !important;line-height:1.1875rem !important;display:block !important;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding-block:var(--menu-item-padding, 0.5rem) !important;width:var(--menu-item-width, 100%) !important;max-width:var(--menu-item-width, 100%) !important;text-align:var(--menu-item-text-align, left) !important}::slotted(*:is(button,a,label)){padding-inline:var(--menu-item-padding, 0.5rem);cursor:var(--menu-item-cursor, pointer) !important}::slotted(*:is(span):first-child){padding-top:0 !important;font-weight:700 !important}::slotted(*:is(button,a,label,span):last-child){margin-bottom:0 !important}::slotted(*:is(label)){--radio-size: 1.25rem;--radio-inner-size: 0.75rem;--radio-inner-top: 0.75rem;--radio-inner-left: 0.75rem;--checkbox-tick-size: 0.75rem;--checkbox-inner-size: 0.625rem;--checkbox-inner-top: 0.375rem;--checkbox-inner-left: 0.5rem;padding-left:2.25rem}::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 */
|
|
9
9
|
|
|
10
10
|
</style>
|
|
11
11
|
<div class="menu--inner" part="inner">
|
|
12
12
|
<slot></slot>
|
|
13
|
-
</div>`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){const i=this.hasAttribute("id")?this.getAttribute("id"):!1,a=document.querySelector(`[popovertarget="${i}"]`);let e=this.querySelectorAll(":scope > a, :scope > button, :scope > details > summary"),
|
|
13
|
+
</div>`,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){const i=this.hasAttribute("id")?this.getAttribute("id"):!1,a=document.querySelector(`[popovertarget="${i}"]`);let e=this.querySelectorAll(":scope > a, :scope > button, :scope > details > summary"),b=this.querySelectorAll("a, button");this.closest(".menu__wrapper")&&(b=this.shadowRoot.querySelector("slot").assignedElements({flatten:!0}),e=b),this.querySelectorAll("details");let o,s;i&&a&&(this.setAttribute("role","menu"),this.setAttribute("popover","auto"),this.style["position-anchor"]=`--${i}`,a?.setAttribute("aria-haspopup","true"),a==null||(a.style["anchor-name"]=`--${i}`),a?.setAttribute("aria-controls",i)),b.forEach((r,l)=>{r.setAttribute("role","menuitem"),r.setAttribute("tabindex","0"),l==0&&r.setAttribute("autofocus",!0)}),this.addEventListener("keydown",r=>{if(r&&r.target instanceof HTMLElement&&r.target.closest("a, button, summary")){const l=document.activeElement,n=Array.from(e).indexOf(l)-1,m=Array.from(e).indexOf(l)+1;switch(r.keyCode){case 27:l.closest("details")?(r.stopPropagation(),r.preventDefault(),l.closest("details").removeAttribute("open"),l.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(b)[b.length-1].focus();break;case 36:r.stopPropagation(),r.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(b)[0].focus();break;case 38:if(r.stopPropagation(),r.preventDefault(),Array.from(e).indexOf(l)>-1)Array.from(e)[n]!=null?Array.from(e)[n].focus():Array.from(e)[e.length-1].focus();else if(l.closest("details")){const d=l.closest("details").querySelectorAll("a, button, :scope details > summary");s=Array.from(d).indexOf(l)-1,Array.from(d)[s]!=null?Array.from(d)[s].focus():Array.from(d)[d.length-1].focus()}break;case 40:if(r.stopPropagation(),r.preventDefault(),Array.from(e).indexOf(l)>-1)Array.from(e)[m]!=null?Array.from(e)[m].focus():Array.from(e)[0].focus();else if(l.closest("details")){const d=l.closest("details").querySelectorAll("a, button, :scope details > summary");o=Array.from(d).indexOf(l)+1,Array.from(d)[o]!=null?Array.from(d)[o].focus():Array.from(d)[0].focus()}break}}}),this.addEventListener("toggle",r=>{var l,n,m,d;const c=new CustomEvent(r.newState,{detail:{id:this.getAttribute("id"),target:r.target}});this.dispatchEvent(c),this.closest(".menu__wrapper")&&b[0].focus(),this.hasAttribute("popover-open")&&(r.preventDefault(),this.removeAttribute("popover-open"),this.hidePopover()),this.matches(":popover-open")&&document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`)?((l=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||l===void 0||l.setAttribute("aria-pressed","true"),(n=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||n===void 0||n.classList.add("active")):((m=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||m===void 0||m.removeAttribute("aria-pressed"),(d=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||d===void 0||d.classList.remove("active"))}),this.addEventListener("click",r=>{if(r&&r.target instanceof HTMLElement&&r.target.closest("button:has(+ iam-menu:not([popover]))")){const l=r.target.closest("button:has(+ iam-menu)");l?.classList.toggle("open")}else if(r&&r.target instanceof HTMLElement&&r.target.closest("button.selectable")){const l=r.target.closest("button.selectable");this.hasAttribute("multiple")?l.classList.toggle("selected"):l?.classList.contains("selected")?this.querySelectorAll(".selected").forEach(n=>{n.classList.remove("selected")}):(this.querySelectorAll(".selected").forEach(n=>{n.classList.remove("selected")}),l.classList.add("selected"))}}),CSS.supports("top","anchor(top)")||document.addEventListener("click",r=>{if(r.originalTarget&&r.originalTarget.matches("[popovertarget]")){const l=r.originalTarget,n=l.getAttribute("popovertarget"),m=document.getElementById(n),d=l.getBoundingClientRect(),c=d.top,w=d.left;m.style.setProperty("top",c+"px"),m.style.setProperty("left",w+l.clientWidth+"px")}})}}class Q 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=`
|
|
14
14
|
<style>
|
|
15
|
-
@layer utilities{: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(var(--max-height-sm) - var(--mh-modifier, 0rem))}.mh-md{max-height:calc(var(--max-height-md) - var(--mh-modifier, 0rem))}.mh-lg{max-height:calc(var(--max-height-lg) - 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(var(--max-height-sm) - var(--mh-modifier, 0rem))}.mh-sm-md{max-height:calc(var(--max-height-md) - var(--mh-modifier, 0rem))}.mh-sm-lg{max-height:calc(var(--max-height-lg) - 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(var(--max-height-sm) - var(--mh-modifier, 0rem))}.mh-md-md{max-height:calc(var(--max-height-md) - var(--mh-modifier, 0rem))}.mh-md-lg{max-height:calc(var(--max-height-lg) - var(--mh-modifier, 0rem))}}}:host{container-type:inline-size;display:block}.table__container{--wrapper-padding: 2rem;--bg-colour: #ffffff;display:block;background:var(--colour-canvas-2);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius
|
|
15
|
+
@layer utilities{: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(var(--max-height-sm) - var(--mh-modifier, 0rem))}.mh-md{max-height:calc(var(--max-height-md) - var(--mh-modifier, 0rem))}.mh-lg{max-height:calc(var(--max-height-lg) - 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(var(--max-height-sm) - var(--mh-modifier, 0rem))}.mh-sm-md{max-height:calc(var(--max-height-md) - var(--mh-modifier, 0rem))}.mh-sm-lg{max-height:calc(var(--max-height-lg) - 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(var(--max-height-sm) - var(--mh-modifier, 0rem))}.mh-md-md{max-height:calc(var(--max-height-md) - var(--mh-modifier, 0rem))}.mh-md-lg{max-height:calc(var(--max-height-lg) - var(--mh-modifier, 0rem))}}}:host{container-type:inline-size;display:block}.table__container{--wrapper-padding: 2rem;--bg-colour: #ffffff;display:block;background:var(--colour-canvas-2);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:.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(*){margin-inline:1.5rem}:host(:not(.table--fullwidth)) .table__container ::slotted(table){overflow:visible !important;margin-inline:1.5rem;margin-bottom:1.5rem !important;width:var(--table-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;text-align:center;padding-top:5rem !important}:host(.table--loading):after{content:"\uF3F4";position:absolute;top:2rem;left:50%;translate:-50% 0;font-family:"Font Awesome 7 Pro";display:block;font-weight:900;font-size:1.5rem;width:1.5rem;padding:0;height:1.5rem;line-height:1;text-align:center;z-index:2;color:var(--colour-primary-theme);animation:spin 1s infinite steps(10)}/*# sourceMappingURL=assets/css/components/table.component.css.map */
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
@@ -26,6 +26,6 @@
|
|
|
26
26
|
</div>
|
|
27
27
|
<iam-pagination part="pagination" class="pagination--table" ${this.hasAttribute("data-page")?`data-page="${this.getAttribute("data-page")}"`:""} ></iam-pagination>
|
|
28
28
|
</div>
|
|
29
|
-
`,this.shadowRoot.appendChild(i.content.cloneNode(!0)),!document.getElementById("tableSingleExtras")&&!document.getElementById("tableExtras")&&document.head.insertAdjacentHTML("beforeend",`<style id="tableSingleExtras">@layer components{:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax){--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) table{margin-bottom:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) table thead tr th{position:relative;padding-right:2rem !important;padding-left:0rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td{background-color:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr td p{min-width:10rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tbody tr{background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238, 238, 238;--row-bg: var(--hover-background);background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) :is(td,th){color:var(--colour-body-default)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) table:has(tr.show) tbody tr:not(.show){display:none !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:has([data-expand-button]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .expand-button-heading{display:none}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative;display:block !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important;padding-right:3rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button])+.td--fixed+td{border-top:none !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button]:before{--fa: "\uF055"!important;font-family:"Font Awesome 6 Pro";display:block !important;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]{--fa: "\uF056"!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{--fa: "\uF056"!important;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:.5rem;height:auto}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr+tr{margin-top:2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:has([data-expand-button]){display:block}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) :is(td,th)[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--colour-heading);padding:0 0 0.375rem 0;margin-bottom:0;display:block;font-weight:bold}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:first-child::after{top:1.75rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td::after{top:2.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .td--fixed{padding-right:50%}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta{padding-right:calc(var(--wrapper-padding) + 1.5rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>th:nth-last-child(2),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>td:nth-last-child(2){padding-right:var(--cta-width) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg, var(--colour-canvas-2)) 1.25rem);cursor:default;padding-bottom:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem;padding-bottom:0;margin:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg, var(--colour-canvas-2)) 1.25rem)}}table .hide-status:after{display:none}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:var(--status-pt, 1rem);left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"\uF325";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"\uF7A4";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"\uE404";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"\uE404";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"\uF024";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"\uF024";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content="action required"],[data-content=upcoming]):after{content:"\uF024";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"\uF071";color:var(--colour-warning)}table :is([data-content="manually verified"],[data-content=verified],[data-content=completed],[data-content=complete],[data-content=successful]):after{content:"\uF00C";font-weight:normal;color:var(--colour-complete)}table :is([data-content=failed]):after{content:"\uF00D";font-weight:normal;color:var(--colour-danger)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"\uF0F3";color:var(--colour-primary)}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{margin:0 1.5rem 1rem 1.5rem}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:.5rem}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth:has(iam-actionbar){padding-top:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth iam-actionbar{margin:-2rem -1.5rem 2rem -1.5rem;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 -1.5rem 2rem -1.5rem;box-shadow:none;border-radius:0;background-color:#e6eaec}.actionbar__sticky-wrapper{container-type:inline-size}@media screen and (min-width: 36em){.actionbar__sticky-wrapper{padding:0 !important}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky{display:block;position:sticky;left:0;top:calc(var(--sticky-padding) + 1rem);z-index:var(--index-menu);pointer-events:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky:after{content:"";display:block;width:100%;height:calc(100vh - 6.75rem);pointer-events:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky+*{margin-top:calc(-100vh + 6.75rem)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky)>iam-actionbar{pointer-events:all !important;display:block;border:none;background:var(--colour-canvas-2);border-radius:.5rem;margin-bottom:1.5rem}}@container (width > 36em){: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:-1.5rem;margin-right:-1.5rem;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) td:not(.selectrow) 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) td:not(.selectrow) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:0 !important;left:.25rem !important;--border-radius: 0.25rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:not(.selectrow):has(label:not(.radio--tick) input:is([type=radio],[type=checkbox]))+td{border-top:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:not(.selectrow) label:not(.radio--tick):has(input:is([type=radio],[type=checkbox])){padding-inline:0;margin-right:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:not(.selectrow) label:not(.radio--tick):has(input:is([type=radio],[type=checkbox])):before,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:not(.selectrow) label:not(.radio--tick):has(input:is([type=radio],[type=checkbox])):after{top:0 !important;left:.25rem !important;--border-radius: 0.25rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) table{overflow:hidden}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) tr:has([type=checkbox]):not(:has(.tag)) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:0;margin:0;margin-top:0rem;position:absolute}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr:has([type=checkbox]:hover,[type=checkbox]:focus):not(:has(.tag)){--row-bg: #eeeeee}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr:has([type=checkbox]:hover:checked,[type=checkbox]:focus:checked,[type=checkbox]:checked):not(:has(.tag)){--row-bg: #e0e0e0}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{background-color:#e6eaec}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .actionbar__sticky+*{margin-top:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:has(td label input:is([type=checkbox])):has(+.tr--highlight) td{padding-bottom:1.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .tr--highlight{--row-bg: var(--colour-success);--padding-block: 0.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .tr--highlight td:has(i){color:var(--colour-primary-theme);padding-left:.5rem;font-style:italic;position:relative;padding-left:2.5rem;padding-right:2rem;padding-block:var(--padding-block)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .tr--highlight td:has(i) i{position:absolute;top:.5rem;left:1rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:has(td label input:is([type=checkbox]))+.tr--highlight td:has(i){padding-left:4.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:has(td label input:is([type=checkbox]))+.tr--highlight td:has(i) i{left:3rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:has(+.tr--highlight){border-bottom:0}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .tr--highlight{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr[data-highlight]:before{font-family:"Font Awesome 6 Pro";content:"\uF005";font-weight:bold;position:absolute;left:1rem;z-index:99;top:anchor(--my-anchor top);left:anchor(--my-anchor left);margin-top:1rem;margin-left:2rem;position-anchor:--my-anchor;color:var(--colour-primary-theme)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr[data-highlight]:after{content:attr(data-highlight);background:var(--colour-success);color:var(--colour-primary-theme);display:block;width:calc(100% + 4rem);margin-top:.5rem;margin-inline:-2rem;padding-inline:2rem;margin-bottom:-2rem;padding-block:1rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;font-style:italic;padding-left:3.5rem;anchor-name:--my-anchor}}@layer utilities{.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}.actionbar__sticky-wrapper{container-type:inline-size}@container (width < 23.4375em){.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]) .td--fixed [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){--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){--row-bg: #e0e0e0}@container (width < 23.4375em){: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:var(--icon-sort)}: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:var(--icon-sort-asc)}: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:var(--icon-sort-desc)}@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:var(--icon-sort)}: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:var(--icon-sort-asc)}: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:var(--icon-sort-desc)}}: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 */
|
|
29
|
+
`,this.shadowRoot.appendChild(i.content.cloneNode(!0)),!document.getElementById("tableSingleExtras")&&!document.getElementById("tableExtras")&&document.head.insertAdjacentHTML("beforeend",`<style id="tableSingleExtras">@layer components{: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:not(.no-hover):is(:hover,:focus-within,.hover){--bg-colour-rgb: 238, 238, 238;--row-bg: var(--hover-background);background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) :is(td,th){color:var(--colour-body-default)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) table:has(tr.show) tbody tr:not(.show){display:none !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:has([data-expand-button]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .expand-button-heading{display:none}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative;display:block !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important;padding-right:3rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button])+.td--fixed+td{border-top:none !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button]:before{--fa: "\uF055"!important;font-family:"Font Awesome 7 Pro";display:block !important;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]{--fa: "\uF056"!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{--fa: "\uF056"!important;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:.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 .375rem 0;margin-bottom:0;display:block;font-weight:bold}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:first-child::after{top:1.75rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td::after{top:2.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .td--fixed{padding-right:50%}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta{padding-right:calc(var(--wrapper-padding) + 1.5rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>th:nth-last-child(2),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>td:nth-last-child(2){padding-right:var(--cta-width) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg, var(--colour-canvas-2)) 1.25rem);cursor:default;padding-bottom:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem;padding-bottom:0;margin:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg, var(--colour-canvas-2)) 1.25rem)}}table .hide-status:after{display:none}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 7 Pro";position:absolute;top:var(--status-pt, 1rem);left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"\uF325";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"\uF7A4";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"\uE404";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"\uE404";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"\uF024";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"\uF024";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content="action required"],[data-content=upcoming]):after{content:"\uF024";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"\uF071";color:var(--colour-warning)}table :is([data-content="manually verified"],[data-content=verified],[data-content=completed],[data-content=complete],[data-content=successful]):after{content:"\uF00C";font-weight:normal;color:var(--colour-complete)}table :is([data-content=failed]):after{content:"\uF00D";font-weight:normal;color:var(--colour-danger)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"\uF0F3";color:var(--colour-primary)}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{margin:0 1.5rem 1rem 1.5rem}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:.5rem}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth:has(iam-actionbar){padding-top:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth iam-actionbar{margin:-2rem -1.5rem 2rem -1.5rem;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 -1.5rem 2rem -1.5rem;box-shadow:none;border-radius:0;background-color:#e6eaec}.actionbar__sticky-wrapper{container-type:inline-size}@media screen and (min-width: 36em){.actionbar__sticky-wrapper{padding:0 !important}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky{display:block;position:sticky;left:0;top:calc(var(--sticky-padding) + 1rem);z-index:var(--index-menu);pointer-events:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky:after{content:"";display:block;width:100%;height:calc(100vh - 6.75rem);pointer-events:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky+*{margin-top:calc(-100vh + 6.75rem)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky)>iam-actionbar{pointer-events:all !important;display:block;border:none;background:var(--colour-canvas-2);border-radius:.5rem;margin-bottom:1.5rem}}@container (width > 36em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth iam-actionbar{margin-left:-1.5rem;margin-right:-1.5rem;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) td:not(.selectrow) 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) td:not(.selectrow) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:0 !important;left:.25rem !important;--border-radius: 0.25rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:not(.selectrow):has(label:not(.radio--tick) input:is([type=radio],[type=checkbox]))+td{border-top:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:not(.selectrow) label:not(.radio--tick):has(input:is([type=radio],[type=checkbox])){padding-inline:0;margin-right:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:not(.selectrow) label:not(.radio--tick):has(input:is([type=radio],[type=checkbox])):before,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:not(.selectrow) label:not(.radio--tick):has(input:is([type=radio],[type=checkbox])):after{top:0 !important;left:.25rem !important;--border-radius: 0.25rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) table{overflow:hidden}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) tr:has([type=checkbox]):not(:has(.tag)) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:0;margin:0;margin-top:0rem;position:absolute}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr:has([type=checkbox]:hover,[type=checkbox]:focus):not(:has(.tag)){--row-bg: #eeeeee}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr:has([type=checkbox]:hover:checked,[type=checkbox]:focus:checked,[type=checkbox]:checked):not(:has(.tag)){--row-bg: #e0e0e0}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{background-color:#e6eaec}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .actionbar__sticky+*{margin-top:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:has(td label input:is([type=checkbox])):has(+.tr--highlight) td{padding-bottom:1.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .tr--highlight{--row-bg: var(--colour-success);--padding-block: 0.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .tr--highlight td:has(i){color:var(--colour-primary-theme);padding-left:.5rem;font-style:italic;position:relative;padding-left:2.5rem;padding-right:2rem;padding-block:var(--padding-block)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .tr--highlight td:has(i) i{position:absolute;top:.5rem;left:1rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:has(td label input:is([type=checkbox]))+.tr--highlight td:has(i){padding-left:4.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:has(td label input:is([type=checkbox]))+.tr--highlight td:has(i) i{left:3rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:has(+.tr--highlight){border-bottom:0}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .tr--highlight{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr[data-highlight]:before{font-family:"Font Awesome 7 Pro";content:"\uF005";font-weight:bold;position:absolute;left:1rem;z-index:99;top:anchor(--my-anchor top);left:anchor(--my-anchor left);margin-top:1rem;margin-left:2rem;position-anchor:--my-anchor;color:var(--colour-primary-theme)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr[data-highlight]:after{content:attr(data-highlight);background:var(--colour-success);color:var(--colour-primary-theme);display:block;width:calc(100% + 4rem);margin-top:.5rem;margin-inline:-2rem;padding-inline:2rem;margin-bottom:-2rem;padding-block:1rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;font-style:italic;padding-left:3.5rem;anchor-name:--my-anchor}}@container (width < 23.4375em){.admin-panel :is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) table{--table-width: 100%;margin:0;width:100% !important}.admin-panel :is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) table tr{box-shadow:none;padding:0}}@layer utilities{.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}.actionbar__sticky-wrapper{container-type:inline-size}@container (width < 23.4375em){.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{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]) .td--fixed [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){--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){--row-bg: #e0e0e0}@container (width < 23.4375em){: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{--expand: "true"}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax)[data-expandable]{--expand: "true"}}@container style(--expand){: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 7 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: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: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: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{--sort: "true"}@container (width >= 32em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax){--sort: "true"}}@container style(--sort){: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:var(--icon-sort)}: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:var(--icon-sort-asc)}: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:var(--icon-sort-desc)}}: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 */
|
|
30
30
|
</style>`)}connectedCallback(){const i=this.shadowRoot.querySelector("iam-pagination"),a=this.querySelector("table"),e=F(this,a);document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location"),window.customElements.get("iam-menu")||window.customElements.define("iam-menu",K),E(this,a,e,i),M(this,a),G(this,a,e,i),N(this,a,e,i,()=>{f(this,a,e,i)})}}export{Q as default};
|
|
31
31
|
//# sourceMappingURL=table-ajax.component.min.js.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
2
|
+
* iamKey v7.7.0
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
|
-
*/const h=t=>t.charAt(0).toUpperCase()+t.slice(1),u=(t,a)=>{switch(t){case"datetime":return new Date(a).toLocaleDateString("en-gb",{weekday:"short",year:"2-digit",month:"long",day:"numeric"})+" "+new Date(a).toLocaleTimeString("en-gb",{hour:"2-digit",minute:"2-digit"});case"date":return new Date(a).toLocaleDateString("en-gb",{day:"numeric",month:"long",year:"2-digit"});case"capitalise":return a=h(a)}},p=(t,a,e,i,o)=>{e.querySelector("[name=show]")||e.insertAdjacentHTML("beforeend",`<input name="show" type="hidden" value="${t.getAttribute("data-show")}" />`),e.querySelector("[name=page]")||e.insertAdjacentHTML("beforeend",`<input name="page" type="hidden" value="${t.getAttribute("data-page")}" />`),i.addEventListener("update-show",
|
|
4
|
+
*/const h=t=>t.charAt(0).toUpperCase()+t.slice(1),u=(t,a)=>{switch(t){case"datetime":return new Date(a).toLocaleDateString("en-gb",{weekday:"short",year:"2-digit",month:"long",day:"numeric"})+" "+new Date(a).toLocaleTimeString("en-gb",{hour:"2-digit",minute:"2-digit"});case"date":return new Date(a).toLocaleDateString("en-gb",{day:"numeric",month:"long",year:"2-digit"});case"capitalise":return a=h(a)}},p=(t,a,e,i,o)=>{e.querySelector("[name=show]")||e.insertAdjacentHTML("beforeend",`<input name="show" type="hidden" value="${t.getAttribute("data-show")}" />`),e.querySelector("[name=page]")||e.insertAdjacentHTML("beforeend",`<input name="page" type="hidden" value="${t.getAttribute("data-page")}" />`),i.addEventListener("update-show",b=>{if(e.querySelector("[name=show]").value!=b.detail.show){e.querySelector("[name=show]").value=b.detail.show;const l=new CustomEvent("update-show",{detail:{show:b.detail.show}});t.dispatchEvent(l),c(t,i),o()}}),i.addEventListener("update-page",b=>{if(e.querySelector("[name=page]").value!=b.detail.page){e.querySelector("[name=page]").value=b.detail.page;const l=new CustomEvent("update-page",{detail:{page:b.detail.page}});if(t.dispatchEvent(l),c(t,i),o(),!t.hasAttribute("data-no-scroll")){const r=a.getBoundingClientRect().top+window.pageYOffset+-250;window.scrollTo({top:r,behavior:"smooth"})}}})},g=(t,a)=>{let e=document.createElement("form");return t.hasAttribute("data-filterby")?e=document.querySelector(`#${t.getAttribute("data-filterby")}`):t.closest("form")?e=t.closest("form"):t.querySelector("form")?e=t.querySelector("form"):a.parentNode.insertBefore(e,a.nextSibling),t.hasAttribute("data-ajax")&&e.setAttribute("data-ajax",t.getAttribute("data-ajax")),e},f=(t,a,e,i)=>{const o=t.shadowRoot.querySelector(".table__wrapper");t.hasAttribute("data-total")||t.setAttribute("data-total",t.querySelectorAll("tbody tr").length),t.hasAttribute("data-page")||t.setAttribute("data-page",1),t.hasAttribute("data-show")||t.setAttribute("data-show",15),t.hasAttribute("data-increment")||t.setAttribute("data-increment",t.getAttribute("data-show")),x(t,i),v(a),k(t,a),t.classList.contains("mh-sm")&&o.classList.add("mh-sm"),t.classList.contains("mh-md")&&o.classList.add("mh-md"),t.classList.contains("mh-lg")&&o.classList.add("mh-lg"),t.classList.contains("table--cta")&&(A(t,a),j(t,a)),w(t)},w=t=>{Array.from(t.querySelectorAll("tr[data-highlight]")).forEach(a=>{a.insertAdjacentHTML("afterend",`<tr role="presentation" class="tr--highlight">
|
|
5
5
|
<td colspan="100%"><i class="fa-solid fa-star"></i> ${a.getAttribute("data-highlight")}</td>
|
|
6
|
-
</tr>`)})},x=(t,a)=>{t.hasAttribute("data-total")&&a.setAttribute("data-total",t.getAttribute("data-total")),t.hasAttribute("data-page")&&a.setAttribute("data-page",t.getAttribute("data-page")),t.hasAttribute("data-show")&&a.setAttribute("data-show",t.getAttribute("data-show")),t.hasAttribute("data-increment")&&a.setAttribute("data-increment",t.getAttribute("data-show")),t.hasAttribute("data-page-jump")&&a.setAttribute("data-page-jump","true"),t.hasAttribute("data-per-page")&&a.setAttribute("data-per-page","true"),t.hasAttribute("data-item-count")&&a.setAttribute("data-item-count","true"),t.hasAttribute("data-loading")&&a.setAttribute("data-loading","true"),t.classList.contains("table--fullwidth")&&a.setAttribute("data-minimal","true")},c=(t,a)=>{t.setAttribute("data-total",a.getAttribute("data-total")),t.setAttribute("data-page",a.getAttribute("data-page")),t.setAttribute("data-show",a.getAttribute("data-show")),t.setAttribute("data-increment",a.getAttribute("data-show"))},y=t=>{t.getAttribute("data-total");const a=t.getAttribute("data-page"),e=t.getAttribute("data-show");t.getAttribute("data-increment");const i=t.querySelector("table"),o=a*e,
|
|
6
|
+
</tr>`)})},x=(t,a)=>{t.hasAttribute("data-total")&&a.setAttribute("data-total",t.getAttribute("data-total")),t.hasAttribute("data-page")&&a.setAttribute("data-page",t.getAttribute("data-page")),t.hasAttribute("data-show")&&a.setAttribute("data-show",t.getAttribute("data-show")),t.hasAttribute("data-increment")&&a.setAttribute("data-increment",t.getAttribute("data-show")),t.hasAttribute("data-page-jump")&&a.setAttribute("data-page-jump","true"),t.hasAttribute("data-per-page")&&a.setAttribute("data-per-page","true"),t.hasAttribute("data-item-count")&&a.setAttribute("data-item-count","true"),t.hasAttribute("data-loading")&&a.setAttribute("data-loading","true"),t.classList.contains("table--fullwidth")&&a.setAttribute("data-minimal","true")},c=(t,a)=>{t.setAttribute("data-total",a.getAttribute("data-total")),t.setAttribute("data-page",a.getAttribute("data-page")),t.setAttribute("data-show",a.getAttribute("data-show")),t.setAttribute("data-increment",a.getAttribute("data-show"))},y=t=>{t.getAttribute("data-total");const a=t.getAttribute("data-page"),e=t.getAttribute("data-show");t.getAttribute("data-increment");const i=t.querySelector("table"),o=a*e,b=o-e;Array.from(i.querySelectorAll("tbody tr")).forEach((l,n)=>{n>=b&&n<o?l.classList.add("show"):l.classList.remove("show")})},v=t=>{const a=Array.from(t.querySelectorAll("thead th"));Array.from(t.querySelectorAll("tbody tr")).forEach(i=>{const o=Array.from(i.querySelectorAll("th, td")),b=["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"];o.forEach((l,n)=>{const r=a[n];if(typeof r<"u"){const s=document.createElement("div");s.innerHTML=r.innerHTML;const m=s.textContent||s.innerText||"";l.setAttribute("data-label",m),r.hasAttribute("data-td-class")&&l.setAttribute("class",r.getAttribute("data-td-class")),r.hasAttribute("data-format")&&(l.setAttribute("data-format",r.getAttribute("data-format")),l.innerHTML=u(r.getAttribute("data-format"),l.textContent.trim())),b.includes(l.textContent.trim().toLowerCase())&&l.setAttribute("data-content",l.textContent.trim().toLowerCase())}})})},k=(t,a)=>{if(t.classList.contains("table--fullwidth")&&!t.hasAttribute("data-expandable")||a.querySelectorAll("thead tr th").length<4&&!t.hasAttribute("data-expandable"))return!1;Array.from(a.querySelectorAll("thead tr")).forEach(e=>{a.querySelectorAll("thead tr th.expand-button-heading").length||e.insertAdjacentHTML("afterbegin",`<th class="${t.hasAttribute("data-expandable")?"th--fixed ":""}expand-button-heading"></th>`)}),Array.from(a.querySelectorAll("tbody tr")).forEach((e,i)=>{const o=e.getAttribute("data-view")==="full"?"aria-expanded":"";e.insertAdjacentHTML("afterbegin",`<td class="${t.hasAttribute("data-expandable")?"td--fixed ":""}td--expand"><button class="btn btn-compact btn-secondary btn-sm fa-circle-plus" data-expand-button ${o} data-index="${i}">Expand</button></td>`)}),a.addEventListener("click",e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest("[data-expand-button]")){const i=e.target.closest("[data-expand-button]"),o=i.closest("tr");i.toggleAttribute("aria-expanded"),i.classList.contains("fa-circle-plus")?(i.classList.remove("fa-circle-plus"),i.classList.add("fa-circle-minus")):(i.classList.remove("fa-circle-minus"),i.classList.add("fa-circle-plus")),o.getAttribute("data-view")=="full"?o.setAttribute("data-view","default"):o.setAttribute("data-view","full"),i.blur(),t.dispatchEvent(new CustomEvent("row-expanded",{detail:{row:i.getAttribute("data-index")}}))}})},A=(t,a)=>{let e=0;Array.from(a.querySelectorAll("tbody tr")).forEach(i=>{const o=window.getComputedStyle(document.querySelector("html")),b=i.querySelector(":scope > *:last-child > *:first-child");if(b){b.classList.add("text-nowrap");let l=b.offsetWidth/parseFloat(o.fontSize);l+=1.8,e=e>l?e:l}}),t.style.setProperty("--cta-width",`${e}rem`)},j=(t,a)=>{function e(){Array.from(a.querySelectorAll("tr")).forEach(i=>{const o=i.offsetHeight;i.style.setProperty("--row-height",`${o}px`)})}new ResizeObserver(e).observe(a)};class _ extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const a=document.createElement("template");a.innerHTML=`
|
|
7
7
|
<style>
|
|
8
|
-
@layer utilities{: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(var(--max-height-sm) - var(--mh-modifier, 0rem))}.mh-md{max-height:calc(var(--max-height-md) - var(--mh-modifier, 0rem))}.mh-lg{max-height:calc(var(--max-height-lg) - 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(var(--max-height-sm) - var(--mh-modifier, 0rem))}.mh-sm-md{max-height:calc(var(--max-height-md) - var(--mh-modifier, 0rem))}.mh-sm-lg{max-height:calc(var(--max-height-lg) - 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(var(--max-height-sm) - var(--mh-modifier, 0rem))}.mh-md-md{max-height:calc(var(--max-height-md) - var(--mh-modifier, 0rem))}.mh-md-lg{max-height:calc(var(--max-height-lg) - var(--mh-modifier, 0rem))}}}:host{container-type:inline-size;display:block}.table__container{--wrapper-padding: 2rem;--bg-colour: #ffffff;display:block;background:var(--colour-canvas-2);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius
|
|
8
|
+
@layer utilities{: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(var(--max-height-sm) - var(--mh-modifier, 0rem))}.mh-md{max-height:calc(var(--max-height-md) - var(--mh-modifier, 0rem))}.mh-lg{max-height:calc(var(--max-height-lg) - 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(var(--max-height-sm) - var(--mh-modifier, 0rem))}.mh-sm-md{max-height:calc(var(--max-height-md) - var(--mh-modifier, 0rem))}.mh-sm-lg{max-height:calc(var(--max-height-lg) - 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(var(--max-height-sm) - var(--mh-modifier, 0rem))}.mh-md-md{max-height:calc(var(--max-height-md) - var(--mh-modifier, 0rem))}.mh-md-lg{max-height:calc(var(--max-height-lg) - var(--mh-modifier, 0rem))}}}:host{container-type:inline-size;display:block}.table__container{--wrapper-padding: 2rem;--bg-colour: #ffffff;display:block;background:var(--colour-canvas-2);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:.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(*){margin-inline:1.5rem}:host(:not(.table--fullwidth)) .table__container ::slotted(table){overflow:visible !important;margin-inline:1.5rem;margin-bottom:1.5rem !important;width:var(--table-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}/*# sourceMappingURL=assets/css/components/table-basic.component.css.map */
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
@@ -19,6 +19,6 @@
|
|
|
19
19
|
</div>
|
|
20
20
|
<iam-pagination part="pagination" class="pagination--table" ${this.hasAttribute("data-page")?`data-page="${this.getAttribute("data-page")}"`:""} ></iam-pagination>
|
|
21
21
|
</div>
|
|
22
|
-
`,this.shadowRoot.appendChild(a.content.cloneNode(!0)),!document.getElementById("tableBasicExtras")&&!document.getElementById("tableSingleExtras")&&!document.getElementById("tableExtras")&&document.head.insertAdjacentHTML("beforeend",`<style id="tableBasicExtras">@layer components{:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax){--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) table{margin-bottom:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) table thead tr th{position:relative;padding-right:2rem !important;padding-left:0rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td{background-color:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr td p{min-width:10rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tbody tr{background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238, 238, 238;--row-bg: var(--hover-background);background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) :is(td,th){color:var(--colour-body-default)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) table:has(tr.show) tbody tr:not(.show){display:none !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:has([data-expand-button]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .expand-button-heading{display:none}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative;display:block !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important;padding-right:3rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button])+.td--fixed+td{border-top:none !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button]:before{--fa: "\uF055"!important;font-family:"Font Awesome 6 Pro";display:block !important;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]{--fa: "\uF056"!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{--fa: "\uF056"!important;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:.5rem;height:auto}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr+tr{margin-top:2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:has([data-expand-button]){display:block}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) :is(td,th)[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--colour-heading);padding:0 0 0.375rem 0;margin-bottom:0;display:block;font-weight:bold}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:first-child::after{top:1.75rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td::after{top:2.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .td--fixed{padding-right:50%}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta{padding-right:calc(var(--wrapper-padding) + 1.5rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>th:nth-last-child(2),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>td:nth-last-child(2){padding-right:var(--cta-width) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg, var(--colour-canvas-2)) 1.25rem);cursor:default;padding-bottom:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem;padding-bottom:0;margin:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg, var(--colour-canvas-2)) 1.25rem)}}table .hide-status:after{display:none}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:var(--status-pt, 1rem);left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"\uF325";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"\uF7A4";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"\uE404";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"\uE404";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"\uF024";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"\uF024";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content="action required"],[data-content=upcoming]):after{content:"\uF024";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"\uF071";color:var(--colour-warning)}table :is([data-content="manually verified"],[data-content=verified],[data-content=completed],[data-content=complete],[data-content=successful]):after{content:"\uF00C";font-weight:normal;color:var(--colour-complete)}table :is([data-content=failed]):after{content:"\uF00D";font-weight:normal;color:var(--colour-danger)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"\uF0F3";color:var(--colour-primary)}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{margin:0 1.5rem 1rem 1.5rem}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:.5rem}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth:has(iam-actionbar){padding-top:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth iam-actionbar{margin:-2rem -1.5rem 2rem -1.5rem;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 -1.5rem 2rem -1.5rem;box-shadow:none;border-radius:0;background-color:#e6eaec}.actionbar__sticky-wrapper{container-type:inline-size}@media screen and (min-width: 36em){.actionbar__sticky-wrapper{padding:0 !important}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky{display:block;position:sticky;left:0;top:calc(var(--sticky-padding) + 1rem);z-index:var(--index-menu);pointer-events:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky:after{content:"";display:block;width:100%;height:calc(100vh - 6.75rem);pointer-events:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky+*{margin-top:calc(-100vh + 6.75rem)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky)>iam-actionbar{pointer-events:all !important;display:block;border:none;background:var(--colour-canvas-2);border-radius:.5rem;margin-bottom:1.5rem}}@container (width > 36em){: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:-1.5rem;margin-right:-1.5rem;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) td:not(.selectrow) 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) td:not(.selectrow) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:0 !important;left:.25rem !important;--border-radius: 0.25rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:not(.selectrow):has(label:not(.radio--tick) input:is([type=radio],[type=checkbox]))+td{border-top:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:not(.selectrow) label:not(.radio--tick):has(input:is([type=radio],[type=checkbox])){padding-inline:0;margin-right:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:not(.selectrow) label:not(.radio--tick):has(input:is([type=radio],[type=checkbox])):before,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:not(.selectrow) label:not(.radio--tick):has(input:is([type=radio],[type=checkbox])):after{top:0 !important;left:.25rem !important;--border-radius: 0.25rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) table{overflow:hidden}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) tr:has([type=checkbox]):not(:has(.tag)) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:0;margin:0;margin-top:0rem;position:absolute}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr:has([type=checkbox]:hover,[type=checkbox]:focus):not(:has(.tag)){--row-bg: #eeeeee}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr:has([type=checkbox]:hover:checked,[type=checkbox]:focus:checked,[type=checkbox]:checked):not(:has(.tag)){--row-bg: #e0e0e0}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{background-color:#e6eaec}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .actionbar__sticky+*{margin-top:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:has(td label input:is([type=checkbox])):has(+.tr--highlight) td{padding-bottom:1.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .tr--highlight{--row-bg: var(--colour-success);--padding-block: 0.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .tr--highlight td:has(i){color:var(--colour-primary-theme);padding-left:.5rem;font-style:italic;position:relative;padding-left:2.5rem;padding-right:2rem;padding-block:var(--padding-block)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .tr--highlight td:has(i) i{position:absolute;top:.5rem;left:1rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:has(td label input:is([type=checkbox]))+.tr--highlight td:has(i){padding-left:4.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:has(td label input:is([type=checkbox]))+.tr--highlight td:has(i) i{left:3rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:has(+.tr--highlight){border-bottom:0}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .tr--highlight{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr[data-highlight]:before{font-family:"Font Awesome 6 Pro";content:"\uF005";font-weight:bold;position:absolute;left:1rem;z-index:99;top:anchor(--my-anchor top);left:anchor(--my-anchor left);margin-top:1rem;margin-left:2rem;position-anchor:--my-anchor;color:var(--colour-primary-theme)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr[data-highlight]:after{content:attr(data-highlight);background:var(--colour-success);color:var(--colour-primary-theme);display:block;width:calc(100% + 4rem);margin-top:.5rem;margin-inline:-2rem;padding-inline:2rem;margin-bottom:-2rem;padding-block:1rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;font-style:italic;padding-left:3.5rem;anchor-name:--my-anchor}}/*# sourceMappingURL=assets/css/components/table-basic.global.css.map */
|
|
22
|
+
`,this.shadowRoot.appendChild(a.content.cloneNode(!0)),!document.getElementById("tableBasicExtras")&&!document.getElementById("tableSingleExtras")&&!document.getElementById("tableExtras")&&document.head.insertAdjacentHTML("beforeend",`<style id="tableBasicExtras">@layer components{: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:not(.no-hover):is(:hover,:focus-within,.hover){--bg-colour-rgb: 238, 238, 238;--row-bg: var(--hover-background);background:var(--row-bg)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) :is(td,th){color:var(--colour-body-default)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) table:has(tr.show) tbody tr:not(.show){display:none !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:has([data-expand-button]),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .expand-button-heading{display:none}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative;display:block !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important;padding-right:3rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) td:has([data-expand-button])+.td--fixed+td{border-top:none !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth):not(.table--fullwidth) [data-expand-button]:before{--fa: "\uF055"!important;font-family:"Font Awesome 7 Pro";display:block !important;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]{--fa: "\uF056"!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{--fa: "\uF056"!important;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:.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 .375rem 0;margin-bottom:0;display:block;font-weight:bold}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td:first-child::after{top:1.75rem !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) td::after{top:2.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .td--fixed{padding-right:50%}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}@container (width > 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta{padding-right:calc(var(--wrapper-padding) + 1.5rem) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>th:nth-last-child(2),:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>td:nth-last-child(2){padding-right:var(--cta-width) !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg, var(--colour-canvas-2)) 1.25rem);cursor:default;padding-bottom:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem;padding-bottom:0;margin:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--cta tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg, var(--colour-canvas-2)) 1.25rem)}}table .hide-status:after{display:none}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :not(.hide-status):is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],[data-content=successful],[data-content=failed],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 7 Pro";position:absolute;top:var(--status-pt, 1rem);left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"\uF325";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"\uF7A4";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"\uE404";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"\uE404";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"\uF024";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"\uF024";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content="action required"],[data-content=upcoming]):after{content:"\uF024";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"\uF071";color:var(--colour-warning)}table :is([data-content="manually verified"],[data-content=verified],[data-content=completed],[data-content=complete],[data-content=successful]):after{content:"\uF00C";font-weight:normal;color:var(--colour-complete)}table :is([data-content=failed]):after{content:"\uF00D";font-weight:normal;color:var(--colour-danger)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"\uF0F3";color:var(--colour-primary)}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth).table--cta tbody tr td:last-child{display:block !important}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{margin:0 1.5rem 1rem 1.5rem}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:.5rem}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth:has(iam-actionbar){padding-top:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth iam-actionbar{margin:-2rem -1.5rem 2rem -1.5rem;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 -1.5rem 2rem -1.5rem;box-shadow:none;border-radius:0;background-color:#e6eaec}.actionbar__sticky-wrapper{container-type:inline-size}@media screen and (min-width: 36em){.actionbar__sticky-wrapper{padding:0 !important}}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky{display:block;position:sticky;left:0;top:calc(var(--sticky-padding) + 1rem);z-index:var(--index-menu);pointer-events:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky:after{content:"";display:block;width:100%;height:calc(100vh - 6.75rem);pointer-events:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky-wrapper)>.actionbar__sticky+*{margin-top:calc(-100vh + 6.75rem)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):is(.actionbar__sticky)>iam-actionbar{pointer-events:all !important;display:block;border:none;background:var(--colour-canvas-2);border-radius:.5rem;margin-bottom:1.5rem}}@container (width > 36em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax).table--fullwidth iam-actionbar{margin-left:-1.5rem;margin-right:-1.5rem;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) td:not(.selectrow) 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) td:not(.selectrow) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:0 !important;left:.25rem !important;--border-radius: 0.25rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:not(.selectrow):has(label:not(.radio--tick) input:is([type=radio],[type=checkbox]))+td{border-top:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:not(.selectrow) label:not(.radio--tick):has(input:is([type=radio],[type=checkbox])){padding-inline:0;margin-right:0}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:not(.selectrow) label:not(.radio--tick):has(input:is([type=radio],[type=checkbox])):before,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) td:not(.selectrow) label:not(.radio--tick):has(input:is([type=radio],[type=checkbox])):after{top:0 !important;left:.25rem !important;--border-radius: 0.25rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) table{overflow:hidden}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) tr:has([type=checkbox]):not(:has(.tag)) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:0;margin:0;margin-top:0rem;position:absolute}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr:has([type=checkbox]:hover,[type=checkbox]:focus):not(:has(.tag)){--row-bg: #eeeeee}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) tr:has([type=checkbox]:hover:checked,[type=checkbox]:focus:checked,[type=checkbox]:checked):not(:has(.tag)){--row-bg: #e0e0e0}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) iam-actionbar{background-color:#e6eaec}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) .actionbar__sticky+*{margin-top:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax) input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:has(td label input:is([type=checkbox])):has(+.tr--highlight) td{padding-bottom:1.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .tr--highlight{--row-bg: var(--colour-success);--padding-block: 0.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .tr--highlight td:has(i){color:var(--colour-primary-theme);padding-left:.5rem;font-style:italic;position:relative;padding-left:2.5rem;padding-right:2rem;padding-block:var(--padding-block)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .tr--highlight td:has(i) i{position:absolute;top:.5rem;left:1rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:has(td label input:is([type=checkbox]))+.tr--highlight td:has(i){padding-left:4.5rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:has(td label input:is([type=checkbox]))+.tr--highlight td:has(i) i{left:3rem}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr:has(+.tr--highlight){border-bottom:0}@container (width < 23.4375em){:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) .tr--highlight{display:none}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr[data-highlight]:before{font-family:"Font Awesome 7 Pro";content:"\uF005";font-weight:bold;position:absolute;left:1rem;z-index:99;top:anchor(--my-anchor top);left:anchor(--my-anchor left);margin-top:1rem;margin-left:2rem;position-anchor:--my-anchor;color:var(--colour-primary-theme)}:is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) tr[data-highlight]:after{content:attr(data-highlight);background:var(--colour-success);color:var(--colour-primary-theme);display:block;width:calc(100% + 4rem);margin-top:.5rem;margin-inline:-2rem;padding-inline:2rem;margin-bottom:-2rem;padding-block:1rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;font-style:italic;padding-left:3.5rem;anchor-name:--my-anchor}}@container (width < 23.4375em){.admin-panel :is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) table{--table-width: 100%;margin:0;width:100% !important}.admin-panel :is(iam-table,iam-table-basic,iam-table-no-submit,iam-table-submit,iam-table-ajax):not(.table--fullwidth) table tr{box-shadow:none;padding:0}}/*# sourceMappingURL=assets/css/components/table-basic.global.css.map */
|
|
23
23
|
</style>`)}connectedCallback(){const a=this.shadowRoot.querySelector("iam-pagination"),e=this.querySelector("table"),i=g(this,e);f(this,e,i,a),p(this,e,i,a,()=>{y(this)})}}export{_ as default};
|
|
24
24
|
//# sourceMappingURL=table-basic.component.min.js.map
|