import { $$ } from '../../../infra-sk/modules/dom';
import { ParamSet, pivot } from '../json';
import './index';
import { PivotQueryChangedEventDetail, PivotQuerySk } from './pivot-query-sk';

const validPivotRequest: pivot.Request = {
  group_by: ['config', 'os'],
  operation: 'avg',
  summary: [],
};

const paramSet = ParamSet({
  config: ['8888', '565'],
  arch: ['x86', 'risc-v'],
  model: ['Pixel2', 'Pixel3'],
});

const valid = $$<PivotQuerySk>('#valid')!;
valid.pivotRequest = validPivotRequest;
valid.paramset = paramSet;

document.addEventListener('pivot-changed', ((e: CustomEvent<PivotQueryChangedEventDetail>) => {
  $$('#results')!.textContent = JSON.stringify(e.detail, null, '  ');
}) as EventListener);