import { ReportRect } from '@/services/data/tuples/report-types' ; import styled from 'styled-components' ; export const EditChartContainer = styled . div . attrs ( { 'data-widget' : 'report-chart-editor' , 'data-v-scroll' : '' , 'data-h-scroll' : '' } ) `
	display         : flex;
	position        : relative;
	align-items     : center;
	justify-content : center;
	overflow        : auto;
	max-height      : calc(100vh - var(--page-header-height));
` ; export const ChartWrapper = styled . div . attrs < { rect : ReportRect ; applyRect : boolean ; } > ( ( { rect : { width , height } , applyRect } ) => { return { 'data-widget' : 'report-chart-wrapper' , style : { width : applyRect ? width : '100%' , height : applyRect ? height : '100%' } } ; } ) < { rect : ReportRect ; applyRect : boolean ; } > `
	display    : block;
	position   : absolute;
	box-shadow : var(--param-border);
	overflow   : auto;
	&:hover {
		box-shadow : var(--hover-shadow);
	}
` ;