@iamproperty/components 5.7.1-beta3 → 5.7.1-beta4
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/barchart.component.css +1 -0
- package/assets/css/components/barchart.component.css.map +1 -0
- package/assets/css/components/charts.config.css +1 -0
- package/assets/css/components/charts.config.css.map +1 -0
- package/assets/css/components/charts.module.css +1 -0
- package/assets/css/components/charts.module.css.map +1 -0
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/actionbar/actionbar.component.min.js +1 -1
- package/assets/js/components/address-lookup/address-lookup.component.min.js +1 -1
- package/assets/js/components/applied-filters/applied-filters.component.min.js +1 -1
- package/assets/js/components/barchart/barchart.component.js +53 -0
- package/assets/js/components/barchart/barchart.component.min.js +21 -0
- package/assets/js/components/barchart/barchart.component.min.js.map +1 -0
- package/assets/js/components/card/card.component.min.js +1 -1
- package/assets/js/components/carousel/carousel.component.min.js +1 -1
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +1 -1
- package/assets/js/components/fileupload/fileupload.component.min.js +1 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.min.js +1 -1
- package/assets/js/components/marketing/marketing.component.min.js +1 -1
- package/assets/js/components/multiselect/multiselect.component.min.js +1 -1
- package/assets/js/components/nav/nav.component.min.js +1 -1
- package/assets/js/components/notification/notification.component.min.js +1 -1
- package/assets/js/components/pagination/pagination.component.min.js +1 -1
- package/assets/js/components/search/search.component.min.js +1 -1
- package/assets/js/components/slider/slider.component.min.js +1 -1
- package/assets/js/components/table/table.component.min.js +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +1 -1
- package/assets/js/dynamic.min.js +1 -1
- package/assets/js/modules/chart.module.js +350 -0
- package/assets/js/scripts.bundle.js +1 -1
- package/assets/js/scripts.bundle.min.js +1 -1
- package/assets/sass/_corefiles.scss +2 -0
- package/assets/sass/components/barchart.component.scss +341 -0
- package/assets/sass/components/charts.config.scss +79 -0
- package/assets/sass/components/charts.module.scss +652 -0
- package/assets/ts/components/barchart/README.md +37 -0
- package/assets/ts/components/barchart/barchart.component.ts +79 -0
- package/assets/ts/modules/chart.module.ts +506 -0
- package/dist/components.es.js +11 -11
- package/dist/components.umd.js +11 -11
- package/package.json +1 -1
- package/src/components/BarChart/BarChart.vue +25 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:host{--chart-colour-1-set: var(--chart-colour-1,#BEE8F8);--chart-colour-2-set: var(--chart-colour-2,#A6DCC7);--chart-colour-3-set: var(--chart-colour-3,#FAD0DA);--chart-colour-4-set: var(--chart-colour-4,#AFCCF2);--chart-colour-5-set: var(--chart-colour-5,#FFD2B4);--chart-colour-6-set: var(--chart-colour-6,#CDF0F2);--chart-colour-7-set: var(--chart-colour-7,#FFABC2);--chart-colour-8-set: var(--chart-colour-8,#DCEAF2);--chart-colour-9-set: var(--chart-colour-9,#EEBCB3);--chart-colour-10-set: var(--chart-colour-10,#F0BDFF);--chart-colour-1-hover: var(--chart-colour-1,#B6DEED);--chart-colour-2-hover: var(--chart-colour-2,#98CBB7);--chart-colour-3-hover: var(--chart-colour-3,#EFC8D1);--chart-colour-4-hover: var(--chart-colour-4,#A6C1E5);--chart-colour-5-hover: var(--chart-colour-5,#F4CAAF);--chart-colour-6-hover: var(--chart-colour-6,#C2E3E5);--chart-colour-7-hover: var(--chart-colour-7,#F5A2B9);--chart-colour-8-hover: var(--chart-colour-8,#CFDCE3);--chart-colour-9-hover: var(--chart-colour-9,#E3B2A9);--chart-colour-10-hover: var(--chart-colour-10,#E3B2F2);--chart-colour-success: #D2F0C9!important;--chart-colour-success-hover: #8AD873!important;--chart-colour-danger: #F5C2C7!important;--chart-colour-danger-hover: #f5c2e7!important;--chart-colour-warning: #FFD280!important;--chart-colour-warning-hover: #FFB020!important}.chart__key .key:nth-child(10n-9),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-8){--chart-colour: var(--chart-colour-1-set);--chart-colour-hover: var(--chart-colour-1-hover)}.chart__key .key:nth-child(10n-8),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-7){--chart-colour: var(--chart-colour-2-set);--chart-colour-hover: var(--chart-colour-2-hover)}.chart__key .key:nth-child(10n-7),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-6){--chart-colour: var(--chart-colour-3-set);--chart-colour-hover: var(--chart-colour-3-hover)}.chart__key .key:nth-child(10n-6),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-5){--chart-colour: var(--chart-colour-4-set);--chart-colour-hover: var(--chart-colour-4-hover)}.chart__key .key:nth-child(10n-5),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-4){--chart-colour: var(--chart-colour-5-set);--chart-colour-hover: var(--chart-colour-5-hover)}.chart__key .key:nth-child(10n-4),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-3){--chart-colour: var(--chart-colour-6-set);--chart-colour-hover: var(--chart-colour-6-hover)}.chart__key .key:nth-child(10n-3),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-2){--chart-colour: var(--chart-colour-7-set);--chart-colour-hover: var(--chart-colour-7-hover)}.chart__key .key:nth-child(10n-2),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-1){--chart-colour: var(--chart-colour-8-set);--chart-colour-hover: var(--chart-colour-8-hover)}.chart__key .key:nth-child(10n-1),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-0){--chart-colour: var(--chart-colour-9-set);--chart-colour-hover: var(--chart-colour-9-hover)}::slotted(table){display:none !important}.chart__outer{container-type:inline-size;display:flex;flex-direction:column;font-weight:var(--chart-font-weight, bold);color:var(--chart-text-color, black);margin-bottom:2rem;--body-colour-set: var(--body-colour, Canvas);--text-colour-set: var(--text-colour, black);--chart-height-set: var(--chart-height, 7.5rem);--chart-height-lg-set: var(--chart-height-lg, 12.5rem);--chart-height-resp: var(--chart-height-set);--index-below: -1;--index-base: 0;--index-focus: 2;--index-above: 10;--index-floating: 100;--index-menu: 200;--index-overlay: 1000;--key-label-width: 100%;--label-size: 0.75rem;--pie-size: calc(50% - 1.4rem);--line-thickness: 1px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0,-50%);--bar-gap: min(10%, 0.75rem)}.chart__outer>*{display:block;order:2}.chart__outer tbody{--chart-direction: 360deg;--chart-day-bg-pos: 100% calc(var(--single-day) * 7) }@container (max-width: 36em){.chart__outer :has(tr:nth-child(5) td:nth-child(4)),.chart__outer :has(tr:nth-child(10)){--yaxis-width: 0;--yaxis-point-display: none;--yaxis-last-point-transform: translate(0,-100%);--bar-gap: 0}}@container (max-width: 63em){.chart__outer :has(tr:nth-child(10)){--bar-gap: 0}}@container (min-width: 36em){.chart__outer .chart__wrapper{--chart-height-resp: var(--chart-height-lg-set);--pie-size: calc(33.333% - 1.4rem);--line-thickness: 0.8px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0,-50%)}}@container (min-width: 62em){.chart__outer .chart__wrapper{--label-size: 0.875rem;--pie-size: calc(25% - 1.5rem);--line-thickness: 0.5px}}.chart__outer .chart__spacer span{opacity:0}.chart__outer>input[type=checkbox]{opacity:0;position:absolute;pointer-events:none;bottom:50%;left:50%}.chart__key{padding:0 0 0 0;margin-bottom:1.5rem;display:flex;overflow:auto;scroll-snap-type:x mandatory;scroll-padding:.75rem;gap:.5rem}.chart__key:has(label:first-child:last-child){display:var(--single-key-display, none)}.chart__key .key{margin:0}.chart__key .key:before{content:"";height:.8em;width:.8em;margin-right:.3em;background-color:var(--chart-colour);display:inline-block;border-radius:var(--key-border-radius, 4px)}.chart__key .key[data-label=Min],.chart__key .key[data-label=Max]{display:none}.chart__key .key .chart__total{display:none}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__key .key:nth-of-type(1){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__key .key:nth-of-type(2){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__key .key:nth-of-type(3){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__key .key:nth-of-type(4){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__key .key:nth-of-type(5){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__key .key:nth-of-type(6){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__key .key:nth-of-type(7){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__key .key:nth-of-type(8){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__key .key:nth-of-type(9){opacity:.25}:host([data-yaxis]){--yaxis-display: flex}.chart__yaxis{display:var(--yaxis-display, none);flex-direction:column-reverse;width:var(--yaxis-width)}.chart__yaxis .axis__point{bottom:var(--percent);position:relative;height:0;white-space:nowrap}.chart__yaxis .axis__point:not(:last-child){display:var(--yaxis-point-display)}.chart__yaxis .axis__point span{display:block;transform:translate(0, -50%);padding-right:.25rem;text-align:right;font-weight:var(--chart-yaxis-fw, normal);font-size:var(--chart-yaxis-fs, 0.75rem);color:var(--colour-body)}.chart__yaxis .axis__point:last-child span{transform:var(--yaxis-last-point-transform)}.chart__xaxis{margin-bottom:1rem;display:flex;flex-direction:column-reverse;width:100%;position:absolute;left:0;bottom:-1rem}.chart__xaxis .axis__point{left:var(--percent);width:1px;position:absolute;height:0;white-space:nowrap}.chart__xaxis .axis__point span{display:block;transform:translate(-50%, 0%);text-align:center;font-size:var(--label-size);position:absolute;left:50%}.chart__guidelines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column-reverse;pointer-events:none}.chart__guidelines .guideline{bottom:var(--percent);position:absolute;right:0;width:100%;height:0px;margin-bottom:-1px;border-bottom:1px dashed #eee;pointer-events:none;z-index:var(--index-below)}.chart__guidelines .guideline:not(.guideline--target) span{display:none}.chart__guidelines .guideline--target{border-bottom:1px dashed #000;z-index:var(--index-above);text-shadow:1px solid #fff;overflow:visible}.chart__guidelines .guideline--target span{position:absolute;bottom:0;font-size:var(--label-size);text-shadow:1px 1px 2px #fff;background:rgba(255,255,255,.6)}.chart__guidelines [data-value="0"]{border-bottom:1px solid var(--colour-primary)}.chart__guidelines [data-value="0"]:not(:first-child){border-bottom:1px dashed var(--colour-primary)}.chart__wrapper{display:block;display:flex;flex-direction:row;position:relative}.chart__wrapper .chart{position:relative;flex-grow:1}.chart__wrapper table{display:block;width:100% !important;padding-top:var(--chart-height-resp);position:relative;margin-bottom:0;overflow:visible}.chart__wrapper table thead{display:none}.chart__wrapper table tbody{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;flex-direction:row;border:none}.chart__wrapper table tbody tr{display:flex;flex-direction:row;justify-content:var(--chart-bar-alignment, center);align-items:flex-end;border:none;width:100%;height:100%;position:relative;padding:0 2px;gap:var(--bar-gap)}.chart__wrapper table tbody tr td{font-weight:inherit}.chart__wrapper table tbody tr td:first-child{position:absolute;top:100%;left:0%;width:fit-content;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--label-size);text-align:center}@container (min-width: 62em){.chart__wrapper table tbody tr td:first-child{display:block}}.chart__wrapper table tbody tr td:first-child button{all:unset;cursor:pointer}.chart__wrapper table tbody tr td[data-label=Min],.chart__wrapper table tbody tr td[data-label=Max]{display:none}.chart__wrapper table tbody tr:first-child td:first-child,.chart__wrapper table tbody tr:last-child td:first-child{display:block}.chart__wrapper table tbody tr td:not(:first-child){height:100%;height:var(--percent, 0%);bottom:var(--bottom, 0%);width:100%;max-width:7.5rem;position:relative;padding:0;background:var(--chart-colour);border-top-right-radius:4px;border-top-left-radius:4px}.chart__wrapper table tbody tr td:not(:first-child):hover{background:var(--chart-colour-hover)}.chart__wrapper table tbody tr td:not(:first-child):has(span:empty),.chart__wrapper table tbody tr td:not(:first-child):empty{display:none}.chart__wrapper table tbody tr td:not(:first-child)[data-label]:before{display:none}.chart__wrapper table tbody tr td:not(:first-child) span{position:absolute;top:var(--cursor-y, 50%);left:var(--cursor-x, 50%);font-size:var(--label-size);line-height:1.2;transform:translate(-50%, 0);background:var(--chart-details-bg, var(--colour-canvas-2, Canvas));opacity:0;pointer-events:none;padding:.5rem;border-radius:.5rem;margin-bottom:.25rem;white-space:pre;text-align:left;box-shadow:var(--chart-details-shadow, 0 0.125rem 0.75rem rgba(0, 0, 0, 0.25));transform:translate(-50%, -100%)}.chart__wrapper table tbody tr td:not(:first-child) span::before{content:attr(data-group) "\a"}.chart__wrapper table tbody tr td:not(:first-child) span[data-label]::before{content:attr(data-group) "\a" attr(data-label) "\a"}.chart__wrapper table tbody tr td:not(:first-child):hover span{opacity:1;z-index:var(--index-above)}.chart__wrapper table tbody tr td:first-child[data-label]:before{display:none}@container (max-width: 36em){.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr td:first-child{display:none}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:first-child{left:0%;transform:translate(0, 0);display:block;text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:first-child{left:100%;transform:translate(-100%, 0);display:block;text-align:right}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:not(:first-child) span{left:-20%;transform:translate(0%, 0);text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:not(:first-child) span{left:120%;transform:translate(-100%, 0);text-align:right}}@container (min-width: 36em){.chart__wrapper table tbody:has(tr:nth-child(25)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(25)) tr:is(:first-child,:nth-child(2n+1)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(2n+1)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(50)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(10n+1)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(10n+1)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(100)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(20n+1)) td:first-child{display:block !important}}:host(.chart-colour--success) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--success,.chart-colour--success td{--chart-colour: var(--chart-colour-success)!important}:host(.chart-colour--success) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--success:hover,.chart-colour--success td:hover{--chart-colour-hover: var(--chart-colour-success-hover)!important}:host(.chart-colour--danger) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--danger,.chart-colour--danger,.chart-colour--danger td{--chart-colour: var(--chart-colour-danger)!important}:host(.chart-colour--danger) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--danger:hover,.chart-colour--danger:hover,.chart-colour--danger td:hover{--chart-colour-hover: var(--chart-colour-danger-hover)!important}:host(.chart-colour--warning) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--warning,.chart-colour--warning,.chart-colour--warning td{--chart-colour: var(--chart-colour-warning)!important}:host(.chart-colour--warning) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--warning:hover,.chart-colour--warning:hover,.chart-colour--warning td:hover{--chart-colour-hover: var(--chart-colour-warning-hover)!important}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(2){display:none}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(3){display:none}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(4){display:none}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(5){display:none}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(6){display:none}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(7){display:none}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(8){display:none}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(9){display:none}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(10){display:none}:host(.chart--horizontal) .chart__outer tbody{--chart-direction: 90deg;--chart-day-bg-pos: calc(var(--single-day) * 7) 100%;--bar-gap: 0}:host(.chart--horizontal) .chart__outer .chart__guidelines{position:absolute}:host(.chart--horizontal) .chart__outer .chart__guidelines .guideline{bottom:auto;left:var(--percent);height:100%;border-left:1px dashed #eee;width:0}:host(.chart--horizontal) .chart__outer .chart__guidelines .guideline span{display:block;font-size:var(--label-size);position:absolute;top:100%;transform:translate(-50%, 0.2em);opacity:1}:host(.chart--horizontal) .chart__outer .chart__yaxis{display:none}:host(.chart--horizontal) .chart__outer table{padding-top:0}:host(.chart--horizontal) .chart__outer table tbody{flex-direction:column;position:relative}:host(.chart--horizontal) .chart__outer table tbody tr{flex-direction:column;align-items:flex-start;margin-bottom:.5rem;padding:0}:host(.chart--horizontal) .chart__outer table tbody tr td{height:var(--bar-height, 1.5rem);bottom:0;left:var(--bottom, 0%);width:var(--comparison, var(--percent));max-width:100%;border-top-left-radius:0;border-bottom-right-radius:4px}:host(.chart--horizontal) .chart__outer table tbody tr td:first-child{position:static;transform:none;display:block !important;height:var(--bar-height, 1.5rem);line-height:var(--bar-height, 1.5rem)}:host(.chart--horizontal) .chart__outer .chart__wrapper[data-longest-label]:before{display:block;content:attr(data-longest-label);font-size:var(--label-size);padding-right:.5em;opacity:0;pointer-events:none;white-space:nowrap}:host(.chart--horizontal) .chart__outer:has(td .tooltip) .chart__wrapper[data-longest-label]:before{padding-right:2em}:host(.chart--horizontal) .chart__outer .chart__wrapper[data-longest-label] table tbody tr td:first-child{position:absolute;display:block !important;max-height:1.5rem;z-index:var(--index-above);top:0%;left:auto !important;right:100% !important;padding-right:.5em}:host(.chart--horizontal) .chart__outer .chart__spacer span{display:none !important}.chart--stacked .chart__wrapper table tbody tr{--bar-gap: 0;flex-direction:column-reverse;justify-content:flex-start;align-items:center}.chart--stacked .chart__wrapper table tbody tr td{border-radius:0 !important}.chart--animate.animating.inview{--animation-left: 2s}.chart--animate.animating.inview table tbody tr td:not(:first-child){transition:height 2s ease-out,width 2s ease-out,bottom 2s ease-out,left var(--animation-left) ease-out;transition-delay:calc(var(--row-index)*.1s)}.chart--animate:not(.inview) table tbody tr td:not(:first-child){--bottom: var(--min-bottom, 0%)!important;--percent: 0%!important;--axis: 0%!important;--comparison: 0%!important}.chart--animate.animating table tbody tr td:not(:first-child){overflow:hidden}:host(.chart--display-data) table tbody tr td:not(:first-child):after{content:attr(data-value);position:absolute;opacity:1 !important;bottom:100%;left:50%;transform:translate(-50%, 0);display:block !important;height:fit-content;margin:0}:host(.chart--display-data.chart--horizontal) table tbody tr td:not(:first-child):after{bottom:50%;left:calc(100% + .5rem);transform:translate(0, 50%)}:host(.chart--display-data.chart--horizontal) .chart__wrapper[data-longest-value]:after{display:block;content:attr(data-longest-value);font-size:var(--label-size);padding-left:.5em;opacity:0;pointer-events:none;white-space:nowrap}:host(.chart--display-data.chart--fit-content:not(.chart--horizontal)) .chart__outer{padding-top:1rem}:host(.chart--fit-content:not(.chart--horizontal)){width:fit-content;display:block}:host(.chart--fit-content:not(.chart--horizontal)) table{width:fit-content !important;padding-top:0;height:var(--chart-height-resp, 7.5rem)}:host(.chart--fit-content:not(.chart--horizontal)) tbody{position:relative}:host(.chart--fit-content:not(.chart--horizontal)) [part=group]{min-width:fit-content;width:fit-content;max-width:fit-content;padding-right:var(--fc-group-width, 1rem)}:host(.chart--fit-content:not(.chart--horizontal)) [part=value]{min-width:var(--fc-value-width, 0.75rem);width:var(--fc-value-width, 0.75rem);max-width:var(--fc-value-width, 0.75rem)}@container (min-width: 36em){.chart__outer{--fc-group-width: 1.375rem;--fc-value-width: 1.5rem}}button.tooltip:after{content:"?";margin-left:.25rem;display:inline-block;border:1px solid currentColor}.tooltip__content[popover]{z-index:var(--index-floating);background:var(--colour-primary);color:var(--colour-white);padding:1.5rem;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.11);white-space:normal;position:fixed;border:none;margin:0;box-sizing:border-box;inset-area:bottom center;overflow:visible;width:calc(anchor-size(width) + var(--container-padding-x) + var(--container-padding-x) + 1.5rem) !important}.tooltip__content[popover]::after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-0.25rem;border-width:.5rem;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--colour-primary) rgba(0,0,0,0);margin-bottom:-1px}/*# sourceMappingURL=barchart.component.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/charts.module.scss","../../sass/components/barchart.component.scss"],"names":[],"mappings":"AA0DA,MAGI,0gBAGA,8hBAGF,0CACA,gDACA,yCACA,+CACA,0CACA,gDAKA,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDASJ,iBACE,wBAGF,cAEE,2BACA,aACA,sBAEA,2CACA,qCAEA,mBASA,8CACA,6CAEA,gDACA,uDAEA,6CAUA,kBACA,gBACA,iBACA,kBACA,sBACA,kBACA,sBACA,wBACA,sBACA,+BACA,sBACA,oBACA,6BACA,gDACA,6BApCA,gBACE,cACA,QAYF,oBACE,0BACA,sDAsBF,6BAEE,yFAGE,iBACA,4BACA,iDACA,cAIJ,6BACE,qCAEE,cAIJ,6BAEE,8BACE,gDACA,mCACA,wBACA,oBACA,6BACA,iDAIJ,6BAEE,8BAEE,uBACA,+BACA,yBAIJ,kCACE,UAOJ,mCACE,UACA,kBACA,oBACA,WACA,SAGF,YAEE,gBACA,qBACA,aACA,cACA,6BACA,sBAEA,UAEA,8CACE,wCAGF,iBAEE,SAEA,wBACE,WACA,YACA,WACA,kBACA,qCACA,qBACA,4CAGF,kEAEE,aAGF,+BACE,aAaJ,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YAMJ,oBAEE,sBAGF,cAEE,mCACA,8BACA,yBAEA,2BAEE,sBACA,kBACA,SACA,mBAEA,4CACE,mCAGF,gCACE,cACA,6BACA,qBACA,iBAEA,0CACA,yCACA,yBAGF,2CAEE,4CAON,cACE,mBACA,aACA,8BACA,WACA,kBACA,OACA,aAEA,2BAEE,oBACA,UACA,kBACA,SACA,mBAEA,gCACE,cACA,8BACA,kBACA,4BACA,kBACA,SAON,mBAEE,kBACA,MACA,OACA,WACA,YACA,aACA,8BACA,oBAEA,8BAEE,sBACA,kBACA,QACA,WACA,WACA,mBACA,8BACA,oBACA,2BAGA,2DACE,aAIJ,sCAEE,8BACA,2BACA,2BACA,iBAEA,2CACE,kBACA,SACA,4BACA,6BACA,gCAIJ,oCACE,8CAEA,sDAEE,+CAON,gBAEE,cACA,aACA,mBACA,kBAEA,uBAEE,kBACA,YAGF,sBACE,cACA,sBACA,qCACA,kBACA,gBACA,iBAEA,4BACE,aAGF,4BAEE,aACA,kBACA,WACA,YACA,MACA,OACA,mBACA,YAGF,+BACE,aACA,mBACA,mDACA,qBACA,YACA,WACA,YACA,kBACA,cACA,mBAEA,kCACE,oBAGF,8CACE,kBACA,SACA,QACA,kBACA,UACA,mBACA,gBACA,uBACA,4BACA,kBAEA,6BAZF,8CAcI,eAGF,qDACE,UACA,eAIJ,oGAEE,aAGF,mHAGE,cAGF,oDACE,YACA,0BACA,yBACA,WACA,iBACA,kBACA,UACA,+BACA,4BACA,2BAEA,0DACE,qCAGF,8HAEE,aAGF,uEACE,aAGF,yDACE,kBACA,yBACA,0BACA,4BACA,gBACA,6BACA,mEACA,UACA,oBACA,cACA,oBACA,qBAEA,gBACA,gBACA,+EACA,iCAGA,iEACE,8BAEF,6EACE,oDAIJ,+DACE,UACA,2BAMF,iEACE,aAMN,6BAII,uJACE,aAGF,+KAEE,QACA,0BACA,cACA,gBAEF,6KAEE,UACA,8BACA,cACA,iBAGF,qMAEE,UACA,2BACA,gBAGF,mMAEE,UACA,8BACA,kBAKN,6BAGI,oEACE,wBAGF,sGACE,yBAMF,0KAEE,wBAGF,uGACE,yBAMF,6KAEE,wBAGF,wGACE,0BASV,oKAGE,sDAEA,sLACE,kEAIJ,uLAIE,qDAEA,+MACE,iEAIJ,2LAIE,sDAEA,mNACE,kEC5nBF,iIACE,aADF,iIACE,aADF,iIACE,aADF,iIACE,aADF,iIACE,aADF,iIACE,aADF,iIACE,aADF,iIACE,aADF,kIACE,aAQF,8CACE,yBACF,qDACA,aAGA,2DACE,kBAEA,sEACE,YACA,oBACA,YACA,4BACA,QAEA,2EACE,cACA,4BACA,kBACA,SACA,iCACA,UAKN,sDAEE,aAGF,8CAEE,cAGF,oDAEE,sBACA,kBAGF,uDACE,sBACA,uBACA,oBACA,UAEA,0DAEE,iCACA,SACA,uBACA,wCACA,eACA,yBACA,+BAGF,sEACE,gBACA,eACA,yBACA,iCACA,sCAIJ,mFACE,cACA,iCACA,4BACA,mBACA,UACA,oBACA,mBAGF,oGAEE,kBAGF,0GAEI,kBAEA,yBACA,kBACA,2BACA,OACA,qBACA,sBACA,mBAKJ,4DACE,wBAQF,+CACE,aACA,8BACA,2BACA,mBAEA,kDACE,2BAQN,iCAEE,qBAEA,qEAEE,uGACA,4CAMF,iEACE,0CACA,wBACA,qBACA,2BAMF,8DACE,gBAaE,sEAEE,yBAGA,kBACA,qBAEA,YACA,SAEA,6BAEA,yBACA,mBAEA,SAWJ,wFAEE,WACA,wBACA,4BAKJ,wFACE,cACA,iCACA,4BACA,kBACA,UACA,oBACA,mBAKF,qFACE,iBAMJ,mDAEE,kBACA,cAEA,yDACE,6BACA,cACA,wCAGF,yDACE,kBAGF,gEACE,sBACA,kBACA,sBACA,0CAGF,gEACE,yCACA,qCACA,yCAMF,6BAFF,cAGI,2BACA,0BAWF,qBAEE,YACA,mBACA,qBACA,8BAKJ,2BAGE,8BACA,iCACA,0BACA,eAEA,oBACA,uCAGA,mBAIA,eAGA,YACA,SACA,sBAOE,yBAGF,iBAEA,6GAEA,kCACE,WACA,kBACA,YACA,SACA,qBACA,mBACA,mBACA,6EACA","file":"barchart.component.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
iam-barchart{--chart-bar-alignment: left;--chart-text-color: var(--colour-heading)}iam-barchart:not(.chart--horizontal)::part(xaxis-label){text-align:left;transform-origin:0rem 1rem;transform:rotate(45deg);max-width:5rem;font-size:1rem;color:var(--colour-heading)}iam-barchart:not(.chart--horizontal)::part(spacer){aspect-ratio:1/1;display:block;width:fit-content}iam-barchart:not(.chart--horizontal)::part(chart-key){padding-top:2rem;order:3}iam-barchart:not(.chart--horizontal)::part(key),iam-barchart:not(.chart--horizontal)::part(key-checked),iam-barchart:not(.chart--horizontal)::part(key-unchecked){--key-border-radius: 50%;--btn-border-width: 1px;--btn-padding-block: rem(6);--btn-padding-inline: rem(6);background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted);border-radius:rem(4) !important;font-weight:400 !important;font-size:1rem;line-height:rem(20);padding:calc(var(--btn-padding-block) - var(--btn-border-width)) calc(var(--btn-padding-inline) - var(--btn-border-width));color:var(--colour-heading)}iam-barchart:not(.chart--horizontal)::part(key):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active),iam-barchart:not(.chart--horizontal)::part(key-checked):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active),iam-barchart:not(.chart--horizontal)::part(key-unchecked):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}iam-barchart:not(.chart--horizontal)::part(key):is(:hover,:focus,.hover,:focus-within),iam-barchart:not(.chart--horizontal)::part(key-checked):is(:hover,:focus,.hover,:focus-within),iam-barchart:not(.chart--horizontal)::part(key-unchecked):is(:hover,:focus,.hover,:focus-within){background:var(--colour-btn-action-hover-bg)}iam-barchart:not(.chart--horizontal)::part(key-unchecked){opacity:.25}iam-barchart::part(tooltip){text-decoration:none !important}iam-barchart::part(tooltip):after{font-family:"Font Awesome 6 Pro";font-weight:900;content:"";display:inline-block;margin-left:.2em;margin-right:.1em;margin-bottom:.1em;color:var(--colour-primary);border:none}/*# sourceMappingURL=charts.config.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/charts.config.scss"],"names":[],"mappings":"CAAA,aAEE,4BACA,0CAGF,wDAEE,gBACA,2BACA,wBACA,eACA,eACA,4BAGF,mDAEE,iBACA,cACA,kBAGF,sDAEE,iBACA,QAGF,kKAIE,yBACA,wBACA,4BACA,6BAEA,wCACA,yDACA,gCACA,2BACA,eACA,oBACA,2HACA,4BAGF,uXAGE,6CAEF,uRAGE,6CAGF,0DAEE,YAEF,4BACE,gCAEF,kCAEE,iCACA,gBACA,YACA,qBACA,iBACA,kBACA,mBACA,4BACA","file":"charts.config.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:host{--chart-colour-1-set: var(--chart-colour-1,#BEE8F8);--chart-colour-2-set: var(--chart-colour-2,#A6DCC7);--chart-colour-3-set: var(--chart-colour-3,#FAD0DA);--chart-colour-4-set: var(--chart-colour-4,#AFCCF2);--chart-colour-5-set: var(--chart-colour-5,#FFD2B4);--chart-colour-6-set: var(--chart-colour-6,#CDF0F2);--chart-colour-7-set: var(--chart-colour-7,#FFABC2);--chart-colour-8-set: var(--chart-colour-8,#DCEAF2);--chart-colour-9-set: var(--chart-colour-9,#EEBCB3);--chart-colour-10-set: var(--chart-colour-10,#F0BDFF);--chart-colour-1-hover: var(--chart-colour-1,#B6DEED);--chart-colour-2-hover: var(--chart-colour-2,#98CBB7);--chart-colour-3-hover: var(--chart-colour-3,#EFC8D1);--chart-colour-4-hover: var(--chart-colour-4,#A6C1E5);--chart-colour-5-hover: var(--chart-colour-5,#F4CAAF);--chart-colour-6-hover: var(--chart-colour-6,#C2E3E5);--chart-colour-7-hover: var(--chart-colour-7,#F5A2B9);--chart-colour-8-hover: var(--chart-colour-8,#CFDCE3);--chart-colour-9-hover: var(--chart-colour-9,#E3B2A9);--chart-colour-10-hover: var(--chart-colour-10,#E3B2F2);--chart-colour-success: #D2F0C9!important;--chart-colour-success-hover: #8AD873!important;--chart-colour-danger: #F5C2C7!important;--chart-colour-danger-hover: #f5c2e7!important;--chart-colour-warning: #FFD280!important;--chart-colour-warning-hover: #FFB020!important}.chart__key .key:nth-child(10n-9),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-8){--chart-colour: var(--chart-colour-1-set);--chart-colour-hover: var(--chart-colour-1-hover)}.chart__key .key:nth-child(10n-8),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-7){--chart-colour: var(--chart-colour-2-set);--chart-colour-hover: var(--chart-colour-2-hover)}.chart__key .key:nth-child(10n-7),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-6){--chart-colour: var(--chart-colour-3-set);--chart-colour-hover: var(--chart-colour-3-hover)}.chart__key .key:nth-child(10n-6),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-5){--chart-colour: var(--chart-colour-4-set);--chart-colour-hover: var(--chart-colour-4-hover)}.chart__key .key:nth-child(10n-5),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-4){--chart-colour: var(--chart-colour-5-set);--chart-colour-hover: var(--chart-colour-5-hover)}.chart__key .key:nth-child(10n-4),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-3){--chart-colour: var(--chart-colour-6-set);--chart-colour-hover: var(--chart-colour-6-hover)}.chart__key .key:nth-child(10n-3),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-2){--chart-colour: var(--chart-colour-7-set);--chart-colour-hover: var(--chart-colour-7-hover)}.chart__key .key:nth-child(10n-2),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-1){--chart-colour: var(--chart-colour-8-set);--chart-colour-hover: var(--chart-colour-8-hover)}.chart__key .key:nth-child(10n-1),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-0){--chart-colour: var(--chart-colour-9-set);--chart-colour-hover: var(--chart-colour-9-hover)}::slotted(table){display:none !important}.chart__outer{container-type:inline-size;display:flex;flex-direction:column;font-weight:var(--chart-font-weight, bold);color:var(--chart-text-color, black);margin-bottom:2rem;--body-colour-set: var(--body-colour, Canvas);--text-colour-set: var(--text-colour, black);--chart-height-set: var(--chart-height, 7.5rem);--chart-height-lg-set: var(--chart-height-lg, 12.5rem);--chart-height-resp: var(--chart-height-set);--index-below: -1;--index-base: 0;--index-focus: 2;--index-above: 10;--index-floating: 100;--index-menu: 200;--index-overlay: 1000;--key-label-width: 100%;--label-size: 0.75rem;--pie-size: calc(50% - 1.4rem);--line-thickness: 1px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0,-50%);--bar-gap: min(10%, 0.75rem)}.chart__outer>*{display:block;order:2}.chart__outer tbody{--chart-direction: 360deg;--chart-day-bg-pos: 100% calc(var(--single-day) * 7) }@container (max-width: 36em){.chart__outer :has(tr:nth-child(5) td:nth-child(4)),.chart__outer :has(tr:nth-child(10)){--yaxis-width: 0;--yaxis-point-display: none;--yaxis-last-point-transform: translate(0,-100%);--bar-gap: 0}}@container (max-width: 63em){.chart__outer :has(tr:nth-child(10)){--bar-gap: 0}}@container (min-width: 36em){.chart__outer .chart__wrapper{--chart-height-resp: var(--chart-height-lg-set);--pie-size: calc(33.333% - 1.4rem);--line-thickness: 0.8px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0,-50%)}}@container (min-width: 62em){.chart__outer .chart__wrapper{--label-size: 0.875rem;--pie-size: calc(25% - 1.5rem);--line-thickness: 0.5px}}.chart__outer .chart__spacer span{opacity:0}.chart__outer>input[type=checkbox]{opacity:0;position:absolute;pointer-events:none;bottom:50%;left:50%}.chart__key{padding:0 0 0 0;margin-bottom:1.5rem;display:flex;overflow:auto;scroll-snap-type:x mandatory;scroll-padding:.75rem;gap:.5rem}.chart__key:has(label:first-child:last-child){display:var(--single-key-display, none)}.chart__key .key{margin:0}.chart__key .key:before{content:"";height:.8em;width:.8em;margin-right:.3em;background-color:var(--chart-colour);display:inline-block;border-radius:var(--key-border-radius, 4px)}.chart__key .key[data-label=Min],.chart__key .key[data-label=Max]{display:none}.chart__key .key .chart__total{display:none}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__key .key:nth-of-type(1){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__key .key:nth-of-type(2){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__key .key:nth-of-type(3){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__key .key:nth-of-type(4){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__key .key:nth-of-type(5){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__key .key:nth-of-type(6){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__key .key:nth-of-type(7){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__key .key:nth-of-type(8){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__key .key:nth-of-type(9){opacity:.25}:host([data-yaxis]){--yaxis-display: flex}.chart__yaxis{display:var(--yaxis-display, none);flex-direction:column-reverse;width:var(--yaxis-width)}.chart__yaxis .axis__point{bottom:var(--percent);position:relative;height:0;white-space:nowrap}.chart__yaxis .axis__point:not(:last-child){display:var(--yaxis-point-display)}.chart__yaxis .axis__point span{display:block;transform:translate(0, -50%);padding-right:.25rem;text-align:right;font-weight:var(--chart-yaxis-fw, normal);font-size:var(--chart-yaxis-fs, 0.75rem);color:var(--colour-body)}.chart__yaxis .axis__point:last-child span{transform:var(--yaxis-last-point-transform)}.chart__xaxis{margin-bottom:1rem;display:flex;flex-direction:column-reverse;width:100%;position:absolute;left:0;bottom:-1rem}.chart__xaxis .axis__point{left:var(--percent);width:1px;position:absolute;height:0;white-space:nowrap}.chart__xaxis .axis__point span{display:block;transform:translate(-50%, 0%);text-align:center;font-size:var(--label-size);position:absolute;left:50%}.chart__guidelines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column-reverse;pointer-events:none}.chart__guidelines .guideline{bottom:var(--percent);position:absolute;right:0;width:100%;height:0px;margin-bottom:-1px;border-bottom:1px dashed #eee;pointer-events:none;z-index:var(--index-below)}.chart__guidelines .guideline:not(.guideline--target) span{display:none}.chart__guidelines .guideline--target{border-bottom:1px dashed #000;z-index:var(--index-above);text-shadow:1px solid #fff;overflow:visible}.chart__guidelines .guideline--target span{position:absolute;bottom:0;font-size:var(--label-size);text-shadow:1px 1px 2px #fff;background:rgba(255,255,255,.6)}.chart__guidelines [data-value="0"]{border-bottom:1px solid var(--colour-primary)}.chart__guidelines [data-value="0"]:not(:first-child){border-bottom:1px dashed var(--colour-primary)}.chart__wrapper{display:block;display:flex;flex-direction:row;position:relative}.chart__wrapper .chart{position:relative;flex-grow:1}.chart__wrapper table{display:block;width:100% !important;padding-top:var(--chart-height-resp);position:relative;margin-bottom:0;overflow:visible}.chart__wrapper table thead{display:none}.chart__wrapper table tbody{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;flex-direction:row;border:none}.chart__wrapper table tbody tr{display:flex;flex-direction:row;justify-content:var(--chart-bar-alignment, center);align-items:flex-end;border:none;width:100%;height:100%;position:relative;padding:0 2px;gap:var(--bar-gap)}.chart__wrapper table tbody tr td{font-weight:inherit}.chart__wrapper table tbody tr td:first-child{position:absolute;top:100%;left:0%;width:fit-content;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--label-size);text-align:center}@container (min-width: 62em){.chart__wrapper table tbody tr td:first-child{display:block}}.chart__wrapper table tbody tr td:first-child button{all:unset;cursor:pointer}.chart__wrapper table tbody tr td[data-label=Min],.chart__wrapper table tbody tr td[data-label=Max]{display:none}.chart__wrapper table tbody tr:first-child td:first-child,.chart__wrapper table tbody tr:last-child td:first-child{display:block}.chart__wrapper table tbody tr td:not(:first-child){height:100%;height:var(--percent, 0%);bottom:var(--bottom, 0%);width:100%;max-width:7.5rem;position:relative;padding:0;background:var(--chart-colour);border-top-right-radius:4px;border-top-left-radius:4px}.chart__wrapper table tbody tr td:not(:first-child):hover{background:var(--chart-colour-hover)}.chart__wrapper table tbody tr td:not(:first-child):has(span:empty),.chart__wrapper table tbody tr td:not(:first-child):empty{display:none}.chart__wrapper table tbody tr td:not(:first-child)[data-label]:before{display:none}.chart__wrapper table tbody tr td:not(:first-child) span{position:absolute;top:var(--cursor-y, 50%);left:var(--cursor-x, 50%);font-size:var(--label-size);line-height:1.2;transform:translate(-50%, 0);background:var(--chart-details-bg, var(--colour-canvas-2, Canvas));opacity:0;pointer-events:none;padding:.5rem;border-radius:.5rem;margin-bottom:.25rem;white-space:pre;text-align:left;box-shadow:var(--chart-details-shadow, 0 0.125rem 0.75rem rgba(0, 0, 0, 0.25));transform:translate(-50%, -100%)}.chart__wrapper table tbody tr td:not(:first-child) span::before{content:attr(data-group) "\a"}.chart__wrapper table tbody tr td:not(:first-child) span[data-label]::before{content:attr(data-group) "\a" attr(data-label) "\a"}.chart__wrapper table tbody tr td:not(:first-child):hover span{opacity:1;z-index:var(--index-above)}.chart__wrapper table tbody tr td:first-child[data-label]:before{display:none}@container (max-width: 36em){.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr td:first-child{display:none}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:first-child{left:0%;transform:translate(0, 0);display:block;text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:first-child{left:100%;transform:translate(-100%, 0);display:block;text-align:right}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:not(:first-child) span{left:-20%;transform:translate(0%, 0);text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:not(:first-child) span{left:120%;transform:translate(-100%, 0);text-align:right}}@container (min-width: 36em){.chart__wrapper table tbody:has(tr:nth-child(25)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(25)) tr:is(:first-child,:nth-child(2n+1)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(2n+1)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(50)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(10n+1)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(10n+1)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(100)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(20n+1)) td:first-child{display:block !important}}:host(.chart-colour--success) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--success,.chart-colour--success td{--chart-colour: var(--chart-colour-success)!important}:host(.chart-colour--success) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--success:hover,.chart-colour--success td:hover{--chart-colour-hover: var(--chart-colour-success-hover)!important}:host(.chart-colour--danger) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--danger,.chart-colour--danger,.chart-colour--danger td{--chart-colour: var(--chart-colour-danger)!important}:host(.chart-colour--danger) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--danger:hover,.chart-colour--danger:hover,.chart-colour--danger td:hover{--chart-colour-hover: var(--chart-colour-danger-hover)!important}:host(.chart-colour--warning) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--warning,.chart-colour--warning,.chart-colour--warning td{--chart-colour: var(--chart-colour-warning)!important}:host(.chart-colour--warning) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--warning:hover,.chart-colour--warning:hover,.chart-colour--warning td:hover{--chart-colour-hover: var(--chart-colour-warning-hover)!important}/*# sourceMappingURL=charts.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/charts.module.scss"],"names":[],"mappings":"AA0DA,MAGI,0gBAGA,8hBAGF,0CACA,gDACA,yCACA,+CACA,0CACA,gDAKA,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDASJ,iBACE,wBAGF,cAEE,2BACA,aACA,sBAEA,2CACA,qCAEA,mBASA,8CACA,6CAEA,gDACA,uDAEA,6CAUA,kBACA,gBACA,iBACA,kBACA,sBACA,kBACA,sBACA,wBACA,sBACA,+BACA,sBACA,oBACA,6BACA,gDACA,6BApCA,gBACE,cACA,QAYF,oBACE,0BACA,sDAsBF,6BAEE,yFAGE,iBACA,4BACA,iDACA,cAIJ,6BACE,qCAEE,cAIJ,6BAEE,8BACE,gDACA,mCACA,wBACA,oBACA,6BACA,iDAIJ,6BAEE,8BAEE,uBACA,+BACA,yBAIJ,kCACE,UAOJ,mCACE,UACA,kBACA,oBACA,WACA,SAGF,YAEE,gBACA,qBACA,aACA,cACA,6BACA,sBAEA,UAEA,8CACE,wCAGF,iBAEE,SAEA,wBACE,WACA,YACA,WACA,kBACA,qCACA,qBACA,4CAGF,kEAEE,aAGF,+BACE,aAaJ,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YAMJ,oBAEE,sBAGF,cAEE,mCACA,8BACA,yBAEA,2BAEE,sBACA,kBACA,SACA,mBAEA,4CACE,mCAGF,gCACE,cACA,6BACA,qBACA,iBAEA,0CACA,yCACA,yBAGF,2CAEE,4CAON,cACE,mBACA,aACA,8BACA,WACA,kBACA,OACA,aAEA,2BAEE,oBACA,UACA,kBACA,SACA,mBAEA,gCACE,cACA,8BACA,kBACA,4BACA,kBACA,SAON,mBAEE,kBACA,MACA,OACA,WACA,YACA,aACA,8BACA,oBAEA,8BAEE,sBACA,kBACA,QACA,WACA,WACA,mBACA,8BACA,oBACA,2BAGA,2DACE,aAIJ,sCAEE,8BACA,2BACA,2BACA,iBAEA,2CACE,kBACA,SACA,4BACA,6BACA,gCAIJ,oCACE,8CAEA,sDAEE,+CAON,gBAEE,cACA,aACA,mBACA,kBAEA,uBAEE,kBACA,YAGF,sBACE,cACA,sBACA,qCACA,kBACA,gBACA,iBAEA,4BACE,aAGF,4BAEE,aACA,kBACA,WACA,YACA,MACA,OACA,mBACA,YAGF,+BACE,aACA,mBACA,mDACA,qBACA,YACA,WACA,YACA,kBACA,cACA,mBAEA,kCACE,oBAGF,8CACE,kBACA,SACA,QACA,kBACA,UACA,mBACA,gBACA,uBACA,4BACA,kBAEA,6BAZF,8CAcI,eAGF,qDACE,UACA,eAIJ,oGAEE,aAGF,mHAGE,cAGF,oDACE,YACA,0BACA,yBACA,WACA,iBACA,kBACA,UACA,+BACA,4BACA,2BAEA,0DACE,qCAGF,8HAEE,aAGF,uEACE,aAGF,yDACE,kBACA,yBACA,0BACA,4BACA,gBACA,6BACA,mEACA,UACA,oBACA,cACA,oBACA,qBAEA,gBACA,gBACA,+EACA,iCAGA,iEACE,8BAEF,6EACE,oDAIJ,+DACE,UACA,2BAMF,iEACE,aAMN,6BAII,uJACE,aAGF,+KAEE,QACA,0BACA,cACA,gBAEF,6KAEE,UACA,8BACA,cACA,iBAGF,qMAEE,UACA,2BACA,gBAGF,mMAEE,UACA,8BACA,kBAKN,6BAGI,oEACE,wBAGF,sGACE,yBAMF,0KAEE,wBAGF,uGACE,yBAMF,6KAEE,wBAGF,wGACE,0BASV,oKAGE,sDAEA,sLACE,kEAIJ,uLAIE,qDAEA,+MACE,iEAIJ,2LAIE,sDAEA,mNACE","file":"charts.module.css"}
|