@deephaven/chart 0.43.0 → 0.44.0

package/dist/Chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","names":["React","Component","deepEqual","memoize","vsLoading","dhGraphLineDown","dhWarningFilled","Formatter","FormatterUtils","DateUtils","Log","createPlotlyComponent","Plotly","ChartModel","ChartUtils","log","module","Chart","convertIcon","faIcon","width","path","icon","stringPath","ascent","descent","transform","downsampleButtonTitle","isDownsampleInProgress","isDownsamplingDisabled","downsampleButtonAttr","undefined","constructor","props","downsamplingError","isDownsampleFinished","data","customButtons","hasDownsampleError","Boolean","push","name","title","click","attr","handleDownsampleClick","has2D","some","type","includes","has3D","buttons2D","buttons3D","displaylogo","displayModeBar","modeBarButtons","handleAfterPlot","bind","handleModelEvent","handlePlotUpdate","handleRelayout","handleRestyle","PlotComponent","plot","createRef","plotWrapper","columnFormats","dateTimeFormatterOptions","decimalFormatOptions","integerFormatOptions","isSubscribed","isLoadedFired","currentSeries","state","layout","datarevision","revision","componentDidMount","updateDimensions","updateModelDimensions","initData","initFormatter","isActive","subscribe","componentDidUpdate","prevProps","settings","updateFormatterSettings","unsubscribe","componentWillUnmount","getPlotRect","current","getBoundingClientRect","model","setState","getData","getLayout","rect","height","debug2","setDownsamplingDisabled","event","detail","EVENT_UPDATED","onUpdate","isLoading","EVENT_LOADFINISHED","EVENT_DISCONNECT","onDisconnect","EVENT_RECONNECT","onReconnect","EVENT_DOWNSAMPLESTARTED","EVENT_DOWNSAMPLEFINISHED","EVENT_DOWNSAMPLENEEDED","EVENT_DOWNSAMPLEFAILED","message","onError","Error","debug","figure","ranges","getLayoutRanges","isRangesChanged","changes","hiddenlabels","onSettingsChanged","hiddenSeries","seriesIndexes","Object","keys","reduce","acc","visible","force","warn","isRectChanged","setDimensions","getColumnFormats","getDateTimeFormatterOptions","updateFormatter","formatter","dh","setFormatter","PlotlyProp","relayout","el","autosize","catch","e","render","config","getCachedConfig","isPlotShown","error","timeZone","defaultDateTimeFormat","FULL_DATE_FORMAT","showTimeZone","showTSeparator"],"sources":["../src/Chart.tsx"],"sourcesContent":["import React, { Component, ReactElement, RefObject } from 'react';\nimport deepEqual from 'deep-equal';\nimport memoize from 'memoize-one';\nimport {\n  vsLoading,\n  dhGraphLineDown,\n  dhWarningFilled,\n  IconDefinition,\n} from '@deephaven/icons';\nimport {\n  Formatter,\n  FormatterUtils,\n  DateUtils,\n  DateTimeColumnFormatterOptions,\n  DecimalColumnFormatterOptions,\n  IntegerColumnFormatterOptions,\n  FormattingRule,\n  ColumnFormatSettings,\n  DateTimeFormatSettings,\n} from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport {\n  Config as PlotlyConfig,\n  Layout,\n  Icon,\n  Data,\n  PlotData,\n  ModeBarButtonAny,\n} from 'plotly.js';\nimport type { PlotParams } from 'react-plotly.js';\nimport createPlotlyComponent from 'react-plotly.js/factory.js';\nimport Plotly from './plotly/Plotly';\nimport ChartModel from './ChartModel';\nimport ChartUtils, { ChartModelSettings } from './ChartUtils';\nimport './Chart.scss';\n\nconst log = Log.module('Chart');\n\ntype FormatterSettings = ColumnFormatSettings &\n  DateTimeFormatSettings & {\n    decimalFormatOptions?: DecimalColumnFormatterOptions;\n    integerFormatOptions?: IntegerColumnFormatterOptions;\n  };\n\ninterface ChartProps {\n  model: ChartModel;\n  settings: FormatterSettings;\n  isActive: boolean;\n  Plotly: typeof Plotly;\n  onDisconnect: () => void;\n  onReconnect: () => void;\n  onUpdate: (obj: { isLoading: boolean }) => void;\n  onError: (error: Error) => void;\n  onSettingsChanged: (settings: Partial<ChartModelSettings>) => void;\n}\n\ninterface ChartState {\n  data: Partial<Data>[] | null;\n  downsamplingError: unknown;\n  isDownsampleFinished: boolean;\n  isDownsampleInProgress: boolean;\n  isDownsamplingDisabled: boolean;\n  layout: Partial<Layout>;\n  revision: number;\n}\n\nexport class Chart extends Component<ChartProps, ChartState> {\n  static defaultProps = {\n    isActive: true,\n    settings: {\n      timeZone: 'America/New_York',\n      defaultDateTimeFormat: DateUtils.FULL_DATE_FORMAT,\n      showTimeZone: false,\n      showTSeparator: true,\n      formatter: [],\n    },\n    Plotly,\n    onDisconnect: (): void => undefined,\n    onReconnect: (): void => undefined,\n    onUpdate: (): void => undefined,\n    onError: (): void => undefined,\n    onSettingsChanged: (): void => undefined,\n  };\n\n  /**\n   * Convert a font awesome icon definition to a plotly icon definition\n   * @param faIcon The icon to convert\n   */\n  static convertIcon(faIcon: IconDefinition): Icon {\n    const [width, , , , path] = faIcon.icon;\n    // By default the icons are flipped upside down, so we need to add our own transform\n    // https://github.com/plotly/plotly.js/issues/1335\n    const stringPath = `${path}`;\n    return {\n      width,\n      path: stringPath,\n      ascent: width,\n      descent: 0,\n      transform: `matrix(1, 0, 0, 1, 0, 0)`,\n    };\n  }\n\n  static downsampleButtonTitle(\n    isDownsampleInProgress: boolean,\n    isDownsamplingDisabled: boolean\n  ): string {\n    if (isDownsampleInProgress) {\n      return 'Downsampling in progress...';\n    }\n\n    return isDownsamplingDisabled\n      ? 'Downsampling disabled, click to enable'\n      : 'Downsampling enabled, click to disable';\n  }\n\n  static downsampleButtonAttr(\n    isDownsampleInProgress: boolean,\n    isDownsamplingDisabled: boolean\n  ): string | undefined {\n    if (isDownsampleInProgress) {\n      return 'animation-spin';\n    }\n\n    return isDownsamplingDisabled ? undefined : 'fill-active';\n  }\n\n  constructor(props: ChartProps) {\n    super(props);\n\n    this.handleAfterPlot = this.handleAfterPlot.bind(this);\n    this.handleDownsampleClick = this.handleDownsampleClick.bind(this);\n    this.handleModelEvent = this.handleModelEvent.bind(this);\n    this.handlePlotUpdate = this.handlePlotUpdate.bind(this);\n    this.handleRelayout = this.handleRelayout.bind(this);\n    this.handleRestyle = this.handleRestyle.bind(this);\n\n    this.PlotComponent = createPlotlyComponent(props.Plotly);\n    this.plot = React.createRef();\n    this.plotWrapper = React.createRef();\n    this.columnFormats = [];\n    this.dateTimeFormatterOptions = {};\n    this.decimalFormatOptions = {};\n    this.integerFormatOptions = {};\n    this.isSubscribed = false;\n    this.isLoadedFired = false;\n    this.currentSeries = 0;\n\n    this.state = {\n      data: null,\n      downsamplingError: null,\n      isDownsampleFinished: false,\n      isDownsampleInProgress: false,\n      isDownsamplingDisabled: false,\n      layout: {\n        datarevision: 0,\n      },\n      revision: 0,\n    };\n  }\n\n  componentDidMount(): void {\n    // Need to make sure the model dimensions are up to date before initializing the data\n    this.updateDimensions();\n    this.updateModelDimensions();\n\n    this.initData();\n    this.initFormatter();\n\n    const { isActive } = this.props;\n    if (isActive) {\n      this.subscribe();\n    }\n  }\n\n  componentDidUpdate(prevProps: ChartProps): void {\n    const { isActive, settings } = this.props;\n    this.updateFormatterSettings(settings as FormatterSettings);\n\n    if (isActive !== prevProps.isActive) {\n      if (isActive) {\n        this.subscribe();\n      } else {\n        this.unsubscribe();\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.unsubscribe();\n  }\n\n  currentSeries: number;\n\n  PlotComponent: React.ComponentType<PlotParams>;\n\n  plot: RefObject<typeof this.PlotComponent>;\n\n  plotWrapper: RefObject<HTMLDivElement>;\n\n  columnFormats?: FormattingRule[];\n\n  dateTimeFormatterOptions?: DateTimeColumnFormatterOptions;\n\n  decimalFormatOptions: DecimalColumnFormatterOptions;\n\n  integerFormatOptions: IntegerColumnFormatterOptions;\n\n  rect?: DOMRect;\n\n  ranges?: unknown;\n\n  isSubscribed: boolean;\n\n  isLoadedFired: boolean;\n\n  getCachedConfig = memoize(\n    (\n      downsamplingError: unknown,\n      isDownsampleFinished: boolean,\n      isDownsampleInProgress: boolean,\n      isDownsamplingDisabled: boolean,\n      data: Partial<Data>[]\n    ): Partial<PlotlyConfig> => {\n      const customButtons: ModeBarButtonAny[] = [];\n      const hasDownsampleError = Boolean(downsamplingError);\n      if (hasDownsampleError) {\n        customButtons.push({\n          name: `Downsampling failed: ${downsamplingError}`,\n          title: 'Downsampling failed',\n          click: () => undefined,\n          icon: Chart.convertIcon(dhWarningFilled),\n          attr: 'fill-warning',\n        });\n      }\n\n      if (\n        isDownsampleFinished ||\n        isDownsampleInProgress ||\n        isDownsamplingDisabled ||\n        hasDownsampleError\n      ) {\n        const name = Chart.downsampleButtonTitle(\n          isDownsampleInProgress,\n          isDownsamplingDisabled\n        );\n        const attr = Chart.downsampleButtonAttr(\n          isDownsampleInProgress,\n          isDownsamplingDisabled\n        );\n\n        const icon = isDownsampleInProgress ? vsLoading : dhGraphLineDown;\n        customButtons.push({\n          name,\n          title: 'Downsampling status',\n          icon: Chart.convertIcon(icon),\n          click: this.handleDownsampleClick,\n          attr,\n        });\n      }\n\n      const has2D = data.some(\n        ({ type }) => type != null && !type.includes('3d')\n      );\n      const has3D = data.some(\n        ({ type }) => type != null && type.includes('3d')\n      );\n\n      const buttons2D = [\n        'zoomIn2d',\n        'zoomOut2d',\n        'autoScale2d',\n        'resetScale2d',\n      ] as const;\n      const buttons3D = [\n        'orbitRotation',\n        'tableRotation',\n        'resetCameraDefault3d',\n      ] as const;\n\n      return {\n        displaylogo: false,\n\n        // Display the mode bar if there's an error or downsampling so user can see progress\n        // Yes, the value is a boolean or the string 'hover': https://github.com/plotly/plotly.js/blob/master/src/plot_api/plot_config.js#L249\n        displayModeBar:\n          // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions\n          isDownsampleInProgress || hasDownsampleError\n            ? true\n            : ('hover' as const),\n\n        // Each array gets grouped together in the mode bar\n        modeBarButtons: [\n          customButtons,\n          ['toImage'],\n          ['zoom2d', 'pan2d'], // These work the same for both 2d and 3d\n          [...(has2D ? buttons2D : []), ...(has3D ? buttons3D : [])],\n        ],\n      };\n    }\n  );\n\n  getPlotRect(): DOMRect | null {\n    return this.plotWrapper.current?.getBoundingClientRect() ?? null;\n  }\n\n  initData(): void {\n    const { model } = this.props;\n    const { layout } = this.state;\n    this.setState({\n      data: model.getData(),\n      layout: {\n        ...layout,\n        ...model.getLayout(),\n      },\n    });\n  }\n\n  subscribe(): void {\n    if (this.isSubscribed) {\n      return;\n    }\n\n    const { model } = this.props;\n    if (!this.rect || this.rect.width === 0 || this.rect.height === 0) {\n      log.debug2('Delaying subscription until model dimensions are set');\n      return;\n    }\n    model.subscribe(this.handleModelEvent);\n    this.isSubscribed = true;\n  }\n\n  unsubscribe(): void {\n    if (!this.isSubscribed) {\n      return;\n    }\n\n    const { model } = this.props;\n    model.unsubscribe(this.handleModelEvent);\n    this.isSubscribed = false;\n  }\n\n  handleAfterPlot(): void {\n    if (this.plot.current != null) {\n      // TODO: Translate whatever Don was doing in plotting.js in the afterplot here so that area graphs show up properly\n    }\n  }\n\n  handleDownsampleClick(): void {\n    this.setState(\n      ({ isDownsamplingDisabled }) => ({\n        downsamplingError: null,\n        isDownsampleInProgress: false,\n        isDownsampleFinished: false,\n        isDownsamplingDisabled: !isDownsamplingDisabled,\n      }),\n      () => {\n        const { model } = this.props;\n        const { isDownsamplingDisabled } = this.state;\n        model.setDownsamplingDisabled(isDownsamplingDisabled);\n      }\n    );\n  }\n\n  handleModelEvent(event: CustomEvent): void {\n    const { type, detail } = event;\n    log.debug2('Received data update', type, detail);\n\n    switch (type) {\n      case ChartModel.EVENT_UPDATED: {\n        this.currentSeries += 1;\n        this.setState(state => {\n          const { layout, revision } = state;\n          if (typeof layout.datarevision === 'number') {\n            layout.datarevision += 1;\n          }\n          return {\n            data: detail,\n            layout,\n            revision: revision + 1,\n          };\n        });\n\n        const { onUpdate } = this.props;\n        onUpdate({ isLoading: !this.isLoadedFired });\n        break;\n      }\n      case ChartModel.EVENT_LOADFINISHED: {\n        const { onUpdate } = this.props;\n        this.isLoadedFired = true;\n        onUpdate({ isLoading: false });\n        break;\n      }\n      case ChartModel.EVENT_DISCONNECT: {\n        const { onDisconnect } = this.props;\n        onDisconnect();\n        break;\n      }\n      case ChartModel.EVENT_RECONNECT: {\n        const { onReconnect } = this.props;\n        onReconnect();\n        break;\n      }\n      case ChartModel.EVENT_DOWNSAMPLESTARTED: {\n        this.setState({\n          isDownsampleFinished: false,\n          isDownsampleInProgress: true,\n          downsamplingError: null,\n        });\n        break;\n      }\n      case ChartModel.EVENT_DOWNSAMPLEFINISHED: {\n        this.setState({\n          isDownsampleFinished: true,\n          isDownsampleInProgress: false,\n          downsamplingError: null,\n        });\n        break;\n      }\n      case ChartModel.EVENT_DOWNSAMPLENEEDED:\n      case ChartModel.EVENT_DOWNSAMPLEFAILED: {\n        const downsamplingError = detail.message ?? detail;\n        this.setState({\n          isDownsampleFinished: false,\n          isDownsampleInProgress: false,\n          isDownsamplingDisabled: false,\n          downsamplingError,\n        });\n\n        const { onError } = this.props;\n        onError(new Error(downsamplingError));\n        break;\n      }\n      default:\n        log.debug('Unknown event type', type, event);\n    }\n  }\n\n  handlePlotUpdate(figure: Readonly<{ layout: Partial<Layout> }>): void {\n    // User could have modified zoom/pan here, update the model dimensions\n    // We don't need to update the datarevision, as we don't have any data changes\n    // until an update comes back from the server anyway\n    const { layout } = figure;\n    const ranges = ChartUtils.getLayoutRanges(layout);\n\n    const isRangesChanged = !deepEqual(ranges, this.ranges);\n\n    if (isRangesChanged) {\n      this.ranges = ranges;\n\n      this.updateModelDimensions(true);\n    }\n  }\n\n  handleRelayout(changes: { hiddenlabels?: string[] }): void {\n    log.debug('handleRelayout', changes);\n    if (changes.hiddenlabels != null) {\n      const { onSettingsChanged } = this.props;\n      // Pie charts store series visibility in layout.hiddenlabels and trigger relayout on changes\n      // Series visibility for other types of charts is handled in handleRestyle\n      const hiddenSeries = [...changes.hiddenlabels];\n      onSettingsChanged({ hiddenSeries });\n    }\n\n    this.updateModelDimensions();\n  }\n\n  handleRestyle([changes, seriesIndexes]: readonly [\n    Record<string, unknown>,\n    number[]\n  ]): void {\n    log.debug('handleRestyle', changes, seriesIndexes);\n    if (Object.keys(changes).includes('visible')) {\n      const { data } = this.state;\n      const { onSettingsChanged } = this.props;\n      if (data != null) {\n        const hiddenSeries = (data as Partial<PlotData>[]).reduce(\n          (acc: string[], { name, visible }) =>\n            name != null && visible === 'legendonly' ? [...acc, name] : acc,\n          []\n        );\n        onSettingsChanged({ hiddenSeries });\n      }\n    }\n  }\n\n  /**\n   * Update the models dimensions and ranges.\n   * Note that this will update it all whether the plot size changes OR the range\n   * the user is looking at has changed (eg. panning/zooming).\n   * Could update each independently, but doing them at the same time keeps the\n   * ChartModel API a bit cleaner.\n   * @param force Force a change even if the chart dimensions haven't changed (eg. after pan/zoom)\n   */\n  updateModelDimensions(force = false): void {\n    const rect = this.getPlotRect();\n    if (!rect) {\n      log.warn('Unable to get plotting rect');\n      return;\n    }\n\n    const isRectChanged =\n      !this.rect ||\n      this.rect.width !== rect.width ||\n      this.rect.height !== rect.height;\n\n    if (isRectChanged || force) {\n      this.rect = rect;\n\n      const { isActive, model } = this.props;\n      model.setDimensions(rect);\n      // We may need to resubscribe if dimensions were too small before\n      if (isActive) {\n        this.subscribe();\n      }\n    }\n  }\n\n  initFormatter(): void {\n    const { settings } = this.props;\n    this.updateFormatterSettings(settings as FormatterSettings);\n  }\n\n  updateFormatterSettings(settings: FormatterSettings): void {\n    const columnFormats = FormatterUtils.getColumnFormats(settings);\n    const dateTimeFormatterOptions = FormatterUtils.getDateTimeFormatterOptions(\n      settings\n    );\n    const { decimalFormatOptions = {}, integerFormatOptions = {} } = settings;\n\n    if (\n      !deepEqual(this.columnFormats, columnFormats) ||\n      !deepEqual(this.dateTimeFormatterOptions, dateTimeFormatterOptions) ||\n      !deepEqual(this.decimalFormatOptions, decimalFormatOptions) ||\n      !deepEqual(this.integerFormatOptions, integerFormatOptions)\n    ) {\n      this.columnFormats = FormatterUtils.getColumnFormats(settings);\n      this.dateTimeFormatterOptions = dateTimeFormatterOptions;\n      this.decimalFormatOptions = decimalFormatOptions;\n      this.integerFormatOptions = integerFormatOptions;\n      this.updateFormatter();\n    }\n  }\n\n  updateFormatter(): void {\n    const { model } = this.props;\n    const formatter = new Formatter(\n      model.dh,\n      this.columnFormats,\n      this.dateTimeFormatterOptions,\n      this.decimalFormatOptions,\n      this.integerFormatOptions\n    );\n    model.setFormatter(formatter);\n  }\n\n  updateDimensions(): void {\n    const rect = this.getPlotRect();\n    const { Plotly: PlotlyProp } = this.props;\n    if (\n      this.plot.current != null &&\n      rect != null &&\n      rect.width > 0 &&\n      rect.height > 0\n    ) {\n      // Call relayout to resize avoiding the debouncing plotly does\n      // https://github.com/plotly/plotly.js/issues/2769#issuecomment-402099552\n      PlotlyProp.relayout(\n        ((this.plot.current as unknown) as { el: HTMLElement }).el,\n        {\n          autosize: true,\n        }\n      ).catch((e: unknown) => {\n        log.debug('Unable to resize, promise rejected', e);\n      });\n    }\n  }\n\n  render(): ReactElement {\n    const { PlotComponent } = this;\n    const {\n      data,\n      downsamplingError,\n      isDownsampleFinished,\n      isDownsampleInProgress,\n      isDownsamplingDisabled,\n      layout,\n      revision,\n    } = this.state;\n    const config = this.getCachedConfig(\n      downsamplingError,\n      isDownsampleFinished,\n      isDownsampleInProgress,\n      isDownsamplingDisabled,\n      data ?? []\n    );\n    const isPlotShown = data != null;\n    return (\n      <div className=\"h-100 w-100 chart-wrapper\" ref={this.plotWrapper}>\n        {isPlotShown && (\n          <PlotComponent\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            ref={this.plot}\n            data={data}\n            layout={layout}\n            revision={revision}\n            config={config}\n            onAfterPlot={this.handleAfterPlot}\n            onError={log.error}\n            onRelayout={this.handleRelayout}\n            onUpdate={this.handlePlotUpdate}\n            onRestyle={this.handleRestyle}\n            useResizeHandler\n            style={{ height: '100%', width: '100%' }}\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nexport default Chart;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAiC,OAAO;AACjE,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,aAAa;AACjC,SACEC,SAAS,EACTC,eAAe,EACfC,eAAe,QAEV,kBAAkB;AACzB,SACEC,SAAS,EACTC,cAAc,EACdC,SAAS,QAOJ,wBAAwB;AAC/B,OAAOC,GAAG,MAAM,gBAAgB;AAUhC,OAAOC,qBAAqB,MAAM,4BAA4B;AAAC,OACxDC,MAAM;AAAA,OACNC,UAAU;AAAA,OACVC,UAAU;AAAA;AAGjB,IAAMC,GAAG,GAAGL,GAAG,CAACM,MAAM,CAAC,OAAO,CAAC;AA8B/B,OAAO,MAAMC,KAAK,SAAShB,SAAS,CAAyB;EAkB3D;AACF;AACA;AACA;EACE,OAAOiB,WAAW,CAACC,MAAsB,EAAQ;IAC/C,IAAM,CAACC,KAAK,KAAQC,IAAI,CAAC,GAAGF,MAAM,CAACG,IAAI;IACvC;IACA;IACA,IAAMC,UAAU,aAAMF,IAAI,CAAE;IAC5B,OAAO;MACLD,KAAK;MACLC,IAAI,EAAEE,UAAU;MAChBC,MAAM,EAAEJ,KAAK;MACbK,OAAO,EAAE,CAAC;MACVC,SAAS;IACX,CAAC;EACH;EAEA,OAAOC,qBAAqB,CAC1BC,sBAA+B,EAC/BC,sBAA+B,EACvB;IACR,IAAID,sBAAsB,EAAE;MAC1B,OAAO,6BAA6B;IACtC;IAEA,OAAOC,sBAAsB,GACzB,wCAAwC,GACxC,wCAAwC;EAC9C;EAEA,OAAOC,oBAAoB,CACzBF,sBAA+B,EAC/BC,sBAA+B,EACX;IACpB,IAAID,sBAAsB,EAAE;MAC1B,OAAO,gBAAgB;IACzB;IAEA,OAAOC,sBAAsB,GAAGE,SAAS,GAAG,aAAa;EAC3D;EAEAC,WAAW,CAACC,KAAiB,EAAE;IAC7B,KAAK,CAACA,KAAK,CAAC;IAAC;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA,yCAwFG9B,OAAO,CACvB,CACE+B,iBAA0B,EAC1BC,oBAA6B,EAC7BP,sBAA+B,EAC/BC,sBAA+B,EAC/BO,IAAqB,KACK;MAC1B,IAAMC,aAAiC,GAAG,EAAE;MAC5C,IAAMC,kBAAkB,GAAGC,OAAO,CAACL,iBAAiB,CAAC;MACrD,IAAII,kBAAkB,EAAE;QACtBD,aAAa,CAACG,IAAI,CAAC;UACjBC,IAAI,iCAA0BP,iBAAiB,CAAE;UACjDQ,KAAK,EAAE,qBAAqB;UAC5BC,KAAK,EAAE,MAAMZ,SAAS;UACtBT,IAAI,EAAEL,KAAK,CAACC,WAAW,CAACZ,eAAe,CAAC;UACxCsC,IAAI,EAAE;QACR,CAAC,CAAC;MACJ;MAEA,IACET,oBAAoB,IACpBP,sBAAsB,IACtBC,sBAAsB,IACtBS,kBAAkB,EAClB;QACA,IAAMG,IAAI,GAAGxB,KAAK,CAACU,qBAAqB,CACtCC,sBAAsB,EACtBC,sBAAsB,CACvB;QACD,IAAMe,IAAI,GAAG3B,KAAK,CAACa,oBAAoB,CACrCF,sBAAsB,EACtBC,sBAAsB,CACvB;QAED,IAAMP,IAAI,GAAGM,sBAAsB,GAAGxB,SAAS,GAAGC,eAAe;QACjEgC,aAAa,CAACG,IAAI,CAAC;UACjBC,IAAI;UACJC,KAAK,EAAE,qBAAqB;UAC5BpB,IAAI,EAAEL,KAAK,CAACC,WAAW,CAACI,IAAI,CAAC;UAC7BqB,KAAK,EAAE,IAAI,CAACE,qBAAqB;UACjCD;QACF,CAAC,CAAC;MACJ;MAEA,IAAME,KAAK,GAAGV,IAAI,CAACW,IAAI,CACrB;QAAA,IAAC;UAAEC;QAAK,CAAC;QAAA,OAAKA,IAAI,IAAI,IAAI,IAAI,CAACA,IAAI,CAACC,QAAQ,CAAC,IAAI,CAAC;MAAA,EACnD;MACD,IAAMC,KAAK,GAAGd,IAAI,CAACW,IAAI,CACrB;QAAA,IAAC;UAAEC;QAAK,CAAC;QAAA,OAAKA,IAAI,IAAI,IAAI,IAAIA,IAAI,CAACC,QAAQ,CAAC,IAAI,CAAC;MAAA,EAClD;MAED,IAAME,SAAS,GAAG,CAChB,UAAU,EACV,WAAW,EACX,aAAa,EACb,cAAc,CACN;MACV,IAAMC,SAAS,GAAG,CAChB,eAAe,EACf,eAAe,EACf,sBAAsB,CACd;MAEV,OAAO;QACLC,WAAW,EAAE,KAAK;QAElB;QACA;QACAC,cAAc;QACZ;QACA1B,sBAAsB,IAAIU,kBAAkB,GACxC,IAAI,GACH,OAAiB;QAExB;QACAiB,cAAc,EAAE,CACdlB,aAAa,EACb,CAAC,SAAS,CAAC,EACX,CAAC,QAAQ,EAAE,OAAO,CAAC;QAAE;QACrB,CAAC,IAAIS,KAAK,GAAGK,SAAS,GAAG,EAAE,CAAC,EAAE,IAAID,KAAK,GAAGE,SAAS,GAAG,EAAE,CAAC,CAAC;MAE9D,CAAC;IACH,CAAC,CACF;IA1KC,IAAI,CAACI,eAAe,GAAG,IAAI,CAACA,eAAe,CAACC,IAAI,CAAC,IAAI,CAAC;IACtD,IAAI,CAACZ,qBAAqB,GAAG,IAAI,CAACA,qBAAqB,CAACY,IAAI,CAAC,IAAI,CAAC;IAClE,IAAI,CAACC,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACD,IAAI,CAAC,IAAI,CAAC;IACxD,IAAI,CAACE,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACF,IAAI,CAAC,IAAI,CAAC;IACxD,IAAI,CAACG,cAAc,GAAG,IAAI,CAACA,cAAc,CAACH,IAAI,CAAC,IAAI,CAAC;IACpD,IAAI,CAACI,aAAa,GAAG,IAAI,CAACA,aAAa,CAACJ,IAAI,CAAC,IAAI,CAAC;IAElD,IAAI,CAACK,aAAa,GAAGnD,qBAAqB,CAACsB,KAAK,CAACrB,MAAM,CAAC;IACxD,IAAI,CAACmD,IAAI,gBAAG/D,KAAK,CAACgE,SAAS,EAAE;IAC7B,IAAI,CAACC,WAAW,gBAAGjE,KAAK,CAACgE,SAAS,EAAE;IACpC,IAAI,CAACE,aAAa,GAAG,EAAE;IACvB,IAAI,CAACC,wBAAwB,GAAG,CAAC,CAAC;IAClC,IAAI,CAACC,oBAAoB,GAAG,CAAC,CAAC;IAC9B,IAAI,CAACC,oBAAoB,GAAG,CAAC,CAAC;IAC9B,IAAI,CAACC,YAAY,GAAG,KAAK;IACzB,IAAI,CAACC,aAAa,GAAG,KAAK;IAC1B,IAAI,CAACC,aAAa,GAAG,CAAC;IAEtB,IAAI,CAACC,KAAK,GAAG;MACXrC,IAAI,EAAE,IAAI;MACVF,iBAAiB,EAAE,IAAI;MACvBC,oBAAoB,EAAE,KAAK;MAC3BP,sBAAsB,EAAE,KAAK;MAC7BC,sBAAsB,EAAE,KAAK;MAC7B6C,MAAM,EAAE;QACNC,YAAY,EAAE;MAChB,CAAC;MACDC,QAAQ,EAAE;IACZ,CAAC;EACH;EAEAC,iBAAiB,GAAS;IACxB;IACA,IAAI,CAACC,gBAAgB,EAAE;IACvB,IAAI,CAACC,qBAAqB,EAAE;IAE5B,IAAI,CAACC,QAAQ,EAAE;IACf,IAAI,CAACC,aAAa,EAAE;IAEpB,IAAM;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACjD,KAAK;IAC/B,IAAIiD,QAAQ,EAAE;MACZ,IAAI,CAACC,SAAS,EAAE;IAClB;EACF;EAEAC,kBAAkB,CAACC,SAAqB,EAAQ;IAC9C,IAAM;MAAEH,QAAQ;MAAEI;IAAS,CAAC,GAAG,IAAI,CAACrD,KAAK;IACzC,IAAI,CAACsD,uBAAuB,CAACD,QAAQ,CAAsB;IAE3D,IAAIJ,QAAQ,KAAKG,SAAS,CAACH,QAAQ,EAAE;MACnC,IAAIA,QAAQ,EAAE;QACZ,IAAI,CAACC,SAAS,EAAE;MAClB,CAAC,MAAM;QACL,IAAI,CAACK,WAAW,EAAE;MACpB;IACF;EACF;EAEAC,oBAAoB,GAAS;IAC3B,IAAI,CAACD,WAAW,EAAE;EACpB;EAgHAE,WAAW,GAAmB;IAAA;IAC5B,0DAAO,IAAI,CAACzB,WAAW,CAAC0B,OAAO,2DAAxB,uBAA0BC,qBAAqB,EAAE,yEAAI,IAAI;EAClE;EAEAZ,QAAQ,GAAS;IACf,IAAM;MAAEa;IAAM,CAAC,GAAG,IAAI,CAAC5D,KAAK;IAC5B,IAAM;MAAEyC;IAAO,CAAC,GAAG,IAAI,CAACD,KAAK;IAC7B,IAAI,CAACqB,QAAQ,CAAC;MACZ1D,IAAI,EAAEyD,KAAK,CAACE,OAAO,EAAE;MACrBrB,MAAM,kCACDA,MAAM,GACNmB,KAAK,CAACG,SAAS,EAAE;IAExB,CAAC,CAAC;EACJ;EAEAb,SAAS,GAAS;IAChB,IAAI,IAAI,CAACb,YAAY,EAAE;MACrB;IACF;IAEA,IAAM;MAAEuB;IAAM,CAAC,GAAG,IAAI,CAAC5D,KAAK;IAC5B,IAAI,CAAC,IAAI,CAACgE,IAAI,IAAI,IAAI,CAACA,IAAI,CAAC7E,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC6E,IAAI,CAACC,MAAM,KAAK,CAAC,EAAE;MACjEnF,GAAG,CAACoF,MAAM,CAAC,sDAAsD,CAAC;MAClE;IACF;IACAN,KAAK,CAACV,SAAS,CAAC,IAAI,CAACzB,gBAAgB,CAAC;IACtC,IAAI,CAACY,YAAY,GAAG,IAAI;EAC1B;EAEAkB,WAAW,GAAS;IAClB,IAAI,CAAC,IAAI,CAAClB,YAAY,EAAE;MACtB;IACF;IAEA,IAAM;MAAEuB;IAAM,CAAC,GAAG,IAAI,CAAC5D,KAAK;IAC5B4D,KAAK,CAACL,WAAW,CAAC,IAAI,CAAC9B,gBAAgB,CAAC;IACxC,IAAI,CAACY,YAAY,GAAG,KAAK;EAC3B;EAEAd,eAAe,GAAS;IACtB,IAAI,IAAI,CAACO,IAAI,CAAC4B,OAAO,IAAI,IAAI,EAAE;MAC7B;IAAA;EAEJ;EAEA9C,qBAAqB,GAAS;IAC5B,IAAI,CAACiD,QAAQ,CACX;MAAA,IAAC;QAAEjE;MAAuB,CAAC;MAAA,OAAM;QAC/BK,iBAAiB,EAAE,IAAI;QACvBN,sBAAsB,EAAE,KAAK;QAC7BO,oBAAoB,EAAE,KAAK;QAC3BN,sBAAsB,EAAE,CAACA;MAC3B,CAAC;IAAA,CAAC,EACF,MAAM;MACJ,IAAM;QAAEgE;MAAM,CAAC,GAAG,IAAI,CAAC5D,KAAK;MAC5B,IAAM;QAAEJ;MAAuB,CAAC,GAAG,IAAI,CAAC4C,KAAK;MAC7CoB,KAAK,CAACO,uBAAuB,CAACvE,sBAAsB,CAAC;IACvD,CAAC,CACF;EACH;EAEA6B,gBAAgB,CAAC2C,KAAkB,EAAQ;IACzC,IAAM;MAAErD,IAAI;MAAEsD;IAAO,CAAC,GAAGD,KAAK;IAC9BtF,GAAG,CAACoF,MAAM,CAAC,sBAAsB,EAAEnD,IAAI,EAAEsD,MAAM,CAAC;IAEhD,QAAQtD,IAAI;MACV,KAAKnC,UAAU,CAAC0F,aAAa;QAAE;UAC7B,IAAI,CAAC/B,aAAa,IAAI,CAAC;UACvB,IAAI,CAACsB,QAAQ,CAACrB,KAAK,IAAI;YACrB,IAAM;cAAEC,MAAM;cAAEE;YAAS,CAAC,GAAGH,KAAK;YAClC,IAAI,OAAOC,MAAM,CAACC,YAAY,KAAK,QAAQ,EAAE;cAC3CD,MAAM,CAACC,YAAY,IAAI,CAAC;YAC1B;YACA,OAAO;cACLvC,IAAI,EAAEkE,MAAM;cACZ5B,MAAM;cACNE,QAAQ,EAAEA,QAAQ,GAAG;YACvB,CAAC;UACH,CAAC,CAAC;UAEF,IAAM;YAAE4B;UAAS,CAAC,GAAG,IAAI,CAACvE,KAAK;UAC/BuE,QAAQ,CAAC;YAAEC,SAAS,EAAE,CAAC,IAAI,CAAClC;UAAc,CAAC,CAAC;UAC5C;QACF;MACA,KAAK1D,UAAU,CAAC6F,kBAAkB;QAAE;UAClC,IAAM;YAAEF,QAAQ,EAARA;UAAS,CAAC,GAAG,IAAI,CAACvE,KAAK;UAC/B,IAAI,CAACsC,aAAa,GAAG,IAAI;UACzBiC,SAAQ,CAAC;YAAEC,SAAS,EAAE;UAAM,CAAC,CAAC;UAC9B;QACF;MACA,KAAK5F,UAAU,CAAC8F,gBAAgB;QAAE;UAChC,IAAM;YAAEC;UAAa,CAAC,GAAG,IAAI,CAAC3E,KAAK;UACnC2E,YAAY,EAAE;UACd;QACF;MACA,KAAK/F,UAAU,CAACgG,eAAe;QAAE;UAC/B,IAAM;YAAEC;UAAY,CAAC,GAAG,IAAI,CAAC7E,KAAK;UAClC6E,WAAW,EAAE;UACb;QACF;MACA,KAAKjG,UAAU,CAACkG,uBAAuB;QAAE;UACvC,IAAI,CAACjB,QAAQ,CAAC;YACZ3D,oBAAoB,EAAE,KAAK;YAC3BP,sBAAsB,EAAE,IAAI;YAC5BM,iBAAiB,EAAE;UACrB,CAAC,CAAC;UACF;QACF;MACA,KAAKrB,UAAU,CAACmG,wBAAwB;QAAE;UACxC,IAAI,CAAClB,QAAQ,CAAC;YACZ3D,oBAAoB,EAAE,IAAI;YAC1BP,sBAAsB,EAAE,KAAK;YAC7BM,iBAAiB,EAAE;UACrB,CAAC,CAAC;UACF;QACF;MACA,KAAKrB,UAAU,CAACoG,sBAAsB;MACtC,KAAKpG,UAAU,CAACqG,sBAAsB;QAAE;UAAA;UACtC,IAAMhF,iBAAiB,sBAAGoE,MAAM,CAACa,OAAO,6DAAIb,MAAM;UAClD,IAAI,CAACR,QAAQ,CAAC;YACZ3D,oBAAoB,EAAE,KAAK;YAC3BP,sBAAsB,EAAE,KAAK;YAC7BC,sBAAsB,EAAE,KAAK;YAC7BK;UACF,CAAC,CAAC;UAEF,IAAM;YAAEkF;UAAQ,CAAC,GAAG,IAAI,CAACnF,KAAK;UAC9BmF,OAAO,CAAC,IAAIC,KAAK,CAACnF,iBAAiB,CAAC,CAAC;UACrC;QACF;MACA;QACEnB,GAAG,CAACuG,KAAK,CAAC,oBAAoB,EAAEtE,IAAI,EAAEqD,KAAK,CAAC;IAAC;EAEnD;EAEA1C,gBAAgB,CAAC4D,MAA6C,EAAQ;IACpE;IACA;IACA;IACA,IAAM;MAAE7C;IAAO,CAAC,GAAG6C,MAAM;IACzB,IAAMC,MAAM,GAAG1G,UAAU,CAAC2G,eAAe,CAAC/C,MAAM,CAAC;IAEjD,IAAMgD,eAAe,GAAG,CAACxH,SAAS,CAACsH,MAAM,EAAE,IAAI,CAACA,MAAM,CAAC;IAEvD,IAAIE,eAAe,EAAE;MACnB,IAAI,CAACF,MAAM,GAAGA,MAAM;MAEpB,IAAI,CAACzC,qBAAqB,CAAC,IAAI,CAAC;IAClC;EACF;EAEAnB,cAAc,CAAC+D,OAAoC,EAAQ;IACzD5G,GAAG,CAACuG,KAAK,CAAC,gBAAgB,EAAEK,OAAO,CAAC;IACpC,IAAIA,OAAO,CAACC,YAAY,IAAI,IAAI,EAAE;MAChC,IAAM;QAAEC;MAAkB,CAAC,GAAG,IAAI,CAAC5F,KAAK;MACxC;MACA;MACA,IAAM6F,YAAY,GAAG,CAAC,GAAGH,OAAO,CAACC,YAAY,CAAC;MAC9CC,iBAAiB,CAAC;QAAEC;MAAa,CAAC,CAAC;IACrC;IAEA,IAAI,CAAC/C,qBAAqB,EAAE;EAC9B;EAEAlB,aAAa,QAGJ;IAAA,IAHK,CAAC8D,OAAO,EAAEI,aAAa,CAGpC;IACChH,GAAG,CAACuG,KAAK,CAAC,eAAe,EAAEK,OAAO,EAAEI,aAAa,CAAC;IAClD,IAAIC,MAAM,CAACC,IAAI,CAACN,OAAO,CAAC,CAAC1E,QAAQ,CAAC,SAAS,CAAC,EAAE;MAC5C,IAAM;QAAEb;MAAK,CAAC,GAAG,IAAI,CAACqC,KAAK;MAC3B,IAAM;QAAEoD;MAAkB,CAAC,GAAG,IAAI,CAAC5F,KAAK;MACxC,IAAIG,IAAI,IAAI,IAAI,EAAE;QAChB,IAAM0F,YAAY,GAAI1F,IAAI,CAAyB8F,MAAM,CACvD,CAACC,GAAa;UAAA,IAAE;YAAE1F,IAAI;YAAE2F;UAAQ,CAAC;UAAA,OAC/B3F,IAAI,IAAI,IAAI,IAAI2F,OAAO,KAAK,YAAY,GAAG,CAAC,GAAGD,GAAG,EAAE1F,IAAI,CAAC,GAAG0F,GAAG;QAAA,GACjE,EAAE,CACH;QACDN,iBAAiB,CAAC;UAAEC;QAAa,CAAC,CAAC;MACrC;IACF;EACF;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE/C,qBAAqB,GAAsB;IAAA,IAArBsD,KAAK,uEAAG,KAAK;IACjC,IAAMpC,IAAI,GAAG,IAAI,CAACP,WAAW,EAAE;IAC/B,IAAI,CAACO,IAAI,EAAE;MACTlF,GAAG,CAACuH,IAAI,CAAC,6BAA6B,CAAC;MACvC;IACF;IAEA,IAAMC,aAAa,GACjB,CAAC,IAAI,CAACtC,IAAI,IACV,IAAI,CAACA,IAAI,CAAC7E,KAAK,KAAK6E,IAAI,CAAC7E,KAAK,IAC9B,IAAI,CAAC6E,IAAI,CAACC,MAAM,KAAKD,IAAI,CAACC,MAAM;IAElC,IAAIqC,aAAa,IAAIF,KAAK,EAAE;MAC1B,IAAI,CAACpC,IAAI,GAAGA,IAAI;MAEhB,IAAM;QAAEf,QAAQ;QAAEW;MAAM,CAAC,GAAG,IAAI,CAAC5D,KAAK;MACtC4D,KAAK,CAAC2C,aAAa,CAACvC,IAAI,CAAC;MACzB;MACA,IAAIf,QAAQ,EAAE;QACZ,IAAI,CAACC,SAAS,EAAE;MAClB;IACF;EACF;EAEAF,aAAa,GAAS;IACpB,IAAM;MAAEK;IAAS,CAAC,GAAG,IAAI,CAACrD,KAAK;IAC/B,IAAI,CAACsD,uBAAuB,CAACD,QAAQ,CAAsB;EAC7D;EAEAC,uBAAuB,CAACD,QAA2B,EAAQ;IACzD,IAAMpB,aAAa,GAAG1D,cAAc,CAACiI,gBAAgB,CAACnD,QAAQ,CAAC;IAC/D,IAAMnB,wBAAwB,GAAG3D,cAAc,CAACkI,2BAA2B,CACzEpD,QAAQ,CACT;IACD,IAAM;MAAElB,oBAAoB,GAAG,CAAC,CAAC;MAAEC,oBAAoB,GAAG,CAAC;IAAE,CAAC,GAAGiB,QAAQ;IAEzE,IACE,CAACpF,SAAS,CAAC,IAAI,CAACgE,aAAa,EAAEA,aAAa,CAAC,IAC7C,CAAChE,SAAS,CAAC,IAAI,CAACiE,wBAAwB,EAAEA,wBAAwB,CAAC,IACnE,CAACjE,SAAS,CAAC,IAAI,CAACkE,oBAAoB,EAAEA,oBAAoB,CAAC,IAC3D,CAAClE,SAAS,CAAC,IAAI,CAACmE,oBAAoB,EAAEA,oBAAoB,CAAC,EAC3D;MACA,IAAI,CAACH,aAAa,GAAG1D,cAAc,CAACiI,gBAAgB,CAACnD,QAAQ,CAAC;MAC9D,IAAI,CAACnB,wBAAwB,GAAGA,wBAAwB;MACxD,IAAI,CAACC,oBAAoB,GAAGA,oBAAoB;MAChD,IAAI,CAACC,oBAAoB,GAAGA,oBAAoB;MAChD,IAAI,CAACsE,eAAe,EAAE;IACxB;EACF;EAEAA,eAAe,GAAS;IACtB,IAAM;MAAE9C;IAAM,CAAC,GAAG,IAAI,CAAC5D,KAAK;IAC5B,IAAM2G,SAAS,GAAG,IAAIrI,SAAS,CAC7BsF,KAAK,CAACgD,EAAE,EACR,IAAI,CAAC3E,aAAa,EAClB,IAAI,CAACC,wBAAwB,EAC7B,IAAI,CAACC,oBAAoB,EACzB,IAAI,CAACC,oBAAoB,CAC1B;IACDwB,KAAK,CAACiD,YAAY,CAACF,SAAS,CAAC;EAC/B;EAEA9D,gBAAgB,GAAS;IACvB,IAAMmB,IAAI,GAAG,IAAI,CAACP,WAAW,EAAE;IAC/B,IAAM;MAAE9E,MAAM,EAAEmI;IAAW,CAAC,GAAG,IAAI,CAAC9G,KAAK;IACzC,IACE,IAAI,CAAC8B,IAAI,CAAC4B,OAAO,IAAI,IAAI,IACzBM,IAAI,IAAI,IAAI,IACZA,IAAI,CAAC7E,KAAK,GAAG,CAAC,IACd6E,IAAI,CAACC,MAAM,GAAG,CAAC,EACf;MACA;MACA;MACA6C,UAAU,CAACC,QAAQ,CACf,IAAI,CAACjF,IAAI,CAAC4B,OAAO,CAAqCsD,EAAE,EAC1D;QACEC,QAAQ,EAAE;MACZ,CAAC,CACF,CAACC,KAAK,CAAEC,CAAU,IAAK;QACtBrI,GAAG,CAACuG,KAAK,CAAC,oCAAoC,EAAE8B,CAAC,CAAC;MACpD,CAAC,CAAC;IACJ;EACF;EAEAC,MAAM,GAAiB;IACrB,IAAM;MAAEvF;IAAc,CAAC,GAAG,IAAI;IAC9B,IAAM;MACJ1B,IAAI;MACJF,iBAAiB;MACjBC,oBAAoB;MACpBP,sBAAsB;MACtBC,sBAAsB;MACtB6C,MAAM;MACNE;IACF,CAAC,GAAG,IAAI,CAACH,KAAK;IACd,IAAM6E,MAAM,GAAG,IAAI,CAACC,eAAe,CACjCrH,iBAAiB,EACjBC,oBAAoB,EACpBP,sBAAsB,EACtBC,sBAAsB,EACtBO,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,EAAE,CACX;IACD,IAAMoH,WAAW,GAAGpH,IAAI,IAAI,IAAI;IAChC,oBACE;MAAK,SAAS,EAAC,2BAA2B;MAAC,GAAG,EAAE,IAAI,CAAC6B;IAAY,GAC9DuF,WAAW,iBACV,oBAAC;IACC;IACA;IAAA;MACA,GAAG,EAAE,IAAI,CAACzF,IAAK;MACf,IAAI,EAAE3B,IAAK;MACX,MAAM,EAAEsC,MAAO;MACf,QAAQ,EAAEE,QAAS;MACnB,MAAM,EAAE0E,MAAO;MACf,WAAW,EAAE,IAAI,CAAC9F,eAAgB;MAClC,OAAO,EAAEzC,GAAG,CAAC0I,KAAM;MACnB,UAAU,EAAE,IAAI,CAAC7F,cAAe;MAChC,QAAQ,EAAE,IAAI,CAACD,gBAAiB;MAChC,SAAS,EAAE,IAAI,CAACE,aAAc;MAC9B,gBAAgB;MAChB,KAAK,EAAE;QAAEqC,MAAM,EAAE,MAAM;QAAE9E,KAAK,EAAE;MAAO;IAAE,EAE5C,CACG;EAEV;AACF;AAAC,gBAziBYH,KAAK,kBACM;EACpBiE,QAAQ,EAAE,IAAI;EACdI,QAAQ,EAAE;IACRoE,QAAQ,EAAE,kBAAkB;IAC5BC,qBAAqB,EAAElJ,SAAS,CAACmJ,gBAAgB;IACjDC,YAAY,EAAE,KAAK;IACnBC,cAAc,EAAE,IAAI;IACpBlB,SAAS,EAAE;EACb,CAAC;EACDhI,MAAM;EACNgG,YAAY,EAAE,MAAY7E,SAAS;EACnC+E,WAAW,EAAE,MAAY/E,SAAS;EAClCyE,QAAQ,EAAE,MAAYzE,SAAS;EAC/BqF,OAAO,EAAE,MAAYrF,SAAS;EAC9B8F,iBAAiB,EAAE,MAAY9F;AACjC,CAAC;AA2hBH,eAAed,KAAK"}

package/dist/ChartModel.js

@@ -0,0 +1,135 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/* eslint class-methods-use-this: "off" */
+/* eslint no-unused-vars: "off" */
+
+/**
+ * Model for a Chart
+ * All of these methods should return very quickly.
+ * If data needs to be loaded asynchronously, return something immediately, then trigger an event for the chart to refresh.
+ */
+class ChartModel {
+  constructor(dh) {
+    _defineProperty(this, "dh", void 0);
+    _defineProperty(this, "listeners", void 0);
+    _defineProperty(this, "formatter", void 0);
+    _defineProperty(this, "rect", void 0);
+    _defineProperty(this, "isDownsamplingDisabled", void 0);
+    _defineProperty(this, "title", void 0);
+    this.dh = dh;
+    this.listeners = [];
+    this.isDownsamplingDisabled = false;
+  }
+  getData() {
+    return [];
+  }
+  getDefaultTitle() {
+    return '';
+  }
+  getLayout() {
+    return {};
+  }
+  getFilterColumnMap() {
+    return new Map();
+  }
+  isFilterRequired() {
+    return false;
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  setFilter(filter) {}
+
+  /**
+   * Close this model, clean up any underlying subscriptions
+   */
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  close() {}
+
+  /**
+   * Set the formatter to use when charting the data.
+   * @param formatter The formatter to use to format the charting data
+   */
+  setFormatter(formatter) {
+    this.formatter = formatter;
+  }
+
+  /**
+   * Disable downsampling
+   * @param isDownsamplingDisabled True if downsampling should be disabled
+   */
+  setDownsamplingDisabled(isDownsamplingDisabled) {
+    this.isDownsamplingDisabled = isDownsamplingDisabled;
+  }
+
+  /**
+   * Set the dimensions of the plot. May be needed to evaluate some of the percents
+   * @param rect The bounding rectangle of the plot
+   */
+  setDimensions(rect) {
+    this.rect = rect;
+  }
+  setTitle(title) {
+    this.title = title;
+  }
+
+  /**
+   * Subscribe to this ChartModel and start listening for all events.
+   * @param callback Callback when an event occurs
+   */
+  subscribe(callback) {
+    this.listeners.push(callback);
+  }
+  unsubscribe(callback) {
+    this.listeners = this.listeners.filter(listener => listener !== callback);
+  }
+  fireEvent(event) {
+    for (var i = 0; i < this.listeners.length; i += 1) {
+      this.listeners[i](event);
+    }
+  }
+  fireUpdate(data) {
+    this.fireEvent(new CustomEvent(ChartModel.EVENT_UPDATED, {
+      detail: data
+    }));
+  }
+  fireDisconnect() {
+    this.fireEvent(new CustomEvent(ChartModel.EVENT_DISCONNECT));
+  }
+  fireReconnect() {
+    this.fireEvent(new CustomEvent(ChartModel.EVENT_RECONNECT));
+  }
+  fireDownsampleStart(detail) {
+    this.fireEvent(new CustomEvent(ChartModel.EVENT_DOWNSAMPLESTARTED, {
+      detail
+    }));
+  }
+  fireDownsampleFinish(detail) {
+    this.fireEvent(new CustomEvent(ChartModel.EVENT_DOWNSAMPLEFINISHED, {
+      detail
+    }));
+  }
+  fireDownsampleFail(detail) {
+    this.fireEvent(new CustomEvent(ChartModel.EVENT_DOWNSAMPLEFAILED, {
+      detail
+    }));
+  }
+  fireDownsampleNeeded(detail) {
+    this.fireEvent(new CustomEvent(ChartModel.EVENT_DOWNSAMPLENEEDED, {
+      detail
+    }));
+  }
+  fireLoadFinished() {
+    this.fireEvent(new CustomEvent(ChartModel.EVENT_LOADFINISHED));
+  }
+}
+_defineProperty(ChartModel, "EVENT_UPDATED", 'ChartModel.EVENT_UPDATED');
+_defineProperty(ChartModel, "EVENT_DISCONNECT", 'ChartModel.EVENT_DISCONNECT');
+_defineProperty(ChartModel, "EVENT_RECONNECT", 'ChartModel.EVENT_RECONNECT');
+_defineProperty(ChartModel, "EVENT_DOWNSAMPLESTARTED", 'ChartModel.EVENT_DOWNSAMPLESTARTED');
+_defineProperty(ChartModel, "EVENT_DOWNSAMPLEFINISHED", 'ChartModel.EVENT_DOWNSAMPLEFINISHED');
+_defineProperty(ChartModel, "EVENT_DOWNSAMPLEFAILED", 'ChartModel.EVENT_DOWNSAMPLEFAILED');
+_defineProperty(ChartModel, "EVENT_DOWNSAMPLENEEDED", 'ChartModel.EVENT_DOWNSAMPLENEEDED');
+_defineProperty(ChartModel, "EVENT_LOADFINISHED", 'ChartModel.EVENT_LOADFINISHED');
+export default ChartModel;
+//# sourceMappingURL=ChartModel.js.map

package/dist/ChartModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartModel.js","names":["ChartModel","constructor","dh","listeners","isDownsamplingDisabled","getData","getDefaultTitle","getLayout","getFilterColumnMap","Map","isFilterRequired","setFilter","filter","close","setFormatter","formatter","setDownsamplingDisabled","setDimensions","rect","setTitle","title","subscribe","callback","push","unsubscribe","listener","fireEvent","event","i","length","fireUpdate","data","CustomEvent","EVENT_UPDATED","detail","fireDisconnect","EVENT_DISCONNECT","fireReconnect","EVENT_RECONNECT","fireDownsampleStart","EVENT_DOWNSAMPLESTARTED","fireDownsampleFinish","EVENT_DOWNSAMPLEFINISHED","fireDownsampleFail","EVENT_DOWNSAMPLEFAILED","fireDownsampleNeeded","EVENT_DOWNSAMPLENEEDED","fireLoadFinished","EVENT_LOADFINISHED"],"sources":["../src/ChartModel.ts"],"sourcesContent":["/* eslint class-methods-use-this: \"off\" */\n/* eslint no-unused-vars: \"off\" */\n\nimport type { dh as DhType } from '@deephaven/jsapi-types';\nimport { Formatter } from '@deephaven/jsapi-utils';\nimport type { Layout, Data } from 'plotly.js';\nimport { FilterColumnMap, FilterMap } from './ChartUtils';\n\nexport type ChartEvent = CustomEvent;\n/**\n * Model for a Chart\n * All of these methods should return very quickly.\n * If data needs to be loaded asynchronously, return something immediately, then trigger an event for the chart to refresh.\n */\nclass ChartModel {\n  static EVENT_UPDATED = 'ChartModel.EVENT_UPDATED';\n\n  static EVENT_DISCONNECT = 'ChartModel.EVENT_DISCONNECT';\n\n  static EVENT_RECONNECT = 'ChartModel.EVENT_RECONNECT';\n\n  static EVENT_DOWNSAMPLESTARTED = 'ChartModel.EVENT_DOWNSAMPLESTARTED';\n\n  static EVENT_DOWNSAMPLEFINISHED = 'ChartModel.EVENT_DOWNSAMPLEFINISHED';\n\n  static EVENT_DOWNSAMPLEFAILED = 'ChartModel.EVENT_DOWNSAMPLEFAILED';\n\n  static EVENT_DOWNSAMPLENEEDED = 'ChartModel.EVENT_DOWNSAMPLENEEDED';\n\n  static EVENT_LOADFINISHED = 'ChartModel.EVENT_LOADFINISHED';\n\n  constructor(dh: DhType) {\n    this.dh = dh;\n    this.listeners = [];\n    this.isDownsamplingDisabled = false;\n  }\n\n  dh: DhType;\n\n  listeners: ((event: ChartEvent) => void)[];\n\n  formatter?: Formatter;\n\n  rect?: DOMRect;\n\n  isDownsamplingDisabled: boolean;\n\n  title?: string;\n\n  getData(): Partial<Data>[] {\n    return [];\n  }\n\n  getDefaultTitle(): string {\n    return '';\n  }\n\n  getLayout(): Partial<Layout> {\n    return {};\n  }\n\n  getFilterColumnMap(): FilterColumnMap {\n    return new Map();\n  }\n\n  isFilterRequired(): boolean {\n    return false;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  setFilter(filter: FilterMap): void {}\n\n  /**\n   * Close this model, clean up any underlying subscriptions\n   */\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  close(): void {}\n\n  /**\n   * Set the formatter to use when charting the data.\n   * @param formatter The formatter to use to format the charting data\n   */\n  setFormatter(formatter: Formatter): void {\n    this.formatter = formatter;\n  }\n\n  /**\n   * Disable downsampling\n   * @param isDownsamplingDisabled True if downsampling should be disabled\n   */\n  setDownsamplingDisabled(isDownsamplingDisabled: boolean): void {\n    this.isDownsamplingDisabled = isDownsamplingDisabled;\n  }\n\n  /**\n   * Set the dimensions of the plot. May be needed to evaluate some of the percents\n   * @param rect The bounding rectangle of the plot\n   */\n  setDimensions(rect: DOMRect): void {\n    this.rect = rect;\n  }\n\n  setTitle(title: string): void {\n    this.title = title;\n  }\n\n  /**\n   * Subscribe to this ChartModel and start listening for all events.\n   * @param callback Callback when an event occurs\n   */\n  subscribe(callback: (event: ChartEvent) => void): void {\n    this.listeners.push(callback);\n  }\n\n  unsubscribe(callback: (event: ChartEvent) => void): void {\n    this.listeners = this.listeners.filter(listener => listener !== callback);\n  }\n\n  fireEvent(event: ChartEvent): void {\n    for (let i = 0; i < this.listeners.length; i += 1) {\n      this.listeners[i](event);\n    }\n  }\n\n  fireUpdate(data: unknown): void {\n    this.fireEvent(new CustomEvent(ChartModel.EVENT_UPDATED, { detail: data }));\n  }\n\n  fireDisconnect(): void {\n    this.fireEvent(new CustomEvent(ChartModel.EVENT_DISCONNECT));\n  }\n\n  fireReconnect(): void {\n    this.fireEvent(new CustomEvent(ChartModel.EVENT_RECONNECT));\n  }\n\n  fireDownsampleStart(detail: unknown): void {\n    this.fireEvent(\n      new CustomEvent(ChartModel.EVENT_DOWNSAMPLESTARTED, { detail })\n    );\n  }\n\n  fireDownsampleFinish(detail: unknown): void {\n    this.fireEvent(\n      new CustomEvent(ChartModel.EVENT_DOWNSAMPLEFINISHED, { detail })\n    );\n  }\n\n  fireDownsampleFail(detail: unknown): void {\n    this.fireEvent(\n      new CustomEvent(ChartModel.EVENT_DOWNSAMPLEFAILED, { detail })\n    );\n  }\n\n  fireDownsampleNeeded(detail: unknown): void {\n    this.fireEvent(\n      new CustomEvent(ChartModel.EVENT_DOWNSAMPLENEEDED, { detail })\n    );\n  }\n\n  fireLoadFinished(): void {\n    this.fireEvent(new CustomEvent(ChartModel.EVENT_LOADFINISHED));\n  }\n}\n\nexport default ChartModel;\n"],"mappings":"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"}

package/dist/ChartModelFactory.js

@@ -0,0 +1,84 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+import ChartUtils from "./ChartUtils.js";
+import FigureChartModel from "./FigureChartModel.js";
+import ChartTheme from "./ChartTheme.js";
+class ChartModelFactory {
+  /**
+   * Creates a model from the settings provided.
+   * Tries to create a Figure in the API with it.
+   * @param dh JSAPI instance
+   * @param settings The chart builder settings
+   * @param settings.isLinked Whether the newly created chart should stay linked with the original table, update when filters are updated
+   * @param settings.series The column names to use for creating the series of this chart
+   * @param settings.type Chart builder type, from ChartBuilder.types
+   * @param settings.xAxis The column name to use for the x-axis
+   * @param [settings.hiddenSeries] Array of hidden series names
+   * @param table The table to build the model for
+   * @param theme The theme for the figure. Defaults to ChartTheme
+   * @returns The ChartModel Promise representing the figure
+   * CRA sets tsconfig to type check JS based on jsdoc comments. It isn't able to figure out FigureChartModel extends ChartModel
+   * This causes TS issues in 1 or 2 spots. Once this is TS it can be returned to just FigureChartModel
+   */
+  static makeModelFromSettings(dh, settings, table) {
+    var _arguments = arguments;
+    return _asyncToGenerator(function* () {
+      var theme = _arguments.length > 3 && _arguments[3] !== undefined ? _arguments[3] : ChartTheme;
+      var figure = yield ChartModelFactory.makeFigureFromSettings(dh, settings, table);
+      return new FigureChartModel(dh, figure, settings, theme);
+    })();
+  }
+
+  /**
+   * Creates a model from the settings provided.
+   * Tries to create a Figure in the API with it.
+   * @param dh DH JSAPI instance
+   * @param settings The chart builder settings
+   * @param settings.isLinked Whether the newly created chart should stay linked with the original table, update when filters are updated
+   * @param settings.series The column names to use for creating the series of this chart
+   * @param settings.type Chart builder type, from ChartBuilder.types
+   * @param settings.xAxis The column name to use for the x-axis
+   * @param [settings.hiddenSeries] Array of hidden series names
+   * @param table The table to build the model for
+   * @returns The Figure created with the settings provided
+   */
+  static makeFigureFromSettings(dh, settings, table) {
+    return _asyncToGenerator(function* () {
+      // Copy the table first and then re-apply the filters from the original table
+      // When we add table linking we'll want to listen to the original table and update
+      // the copied table with any changes that occur.
+      // The table gets owned by the Figure that gets created, which closes the table
+      var tableCopy = yield table.copy();
+      tableCopy.applyCustomColumns(table.customColumns);
+      tableCopy.applyFilter(table.filter);
+      tableCopy.applySort(table.sort);
+      return dh.plot.Figure.create(new ChartUtils(dh).makeFigureSettings(settings, tableCopy));
+    })();
+  }
+
+  /**
+   * Creates a model from the settings provided.
+   * Tries to create a Figure in the API with it.
+   * @param dh DH JSAPI instance
+   * @param settings The chart builder settings
+   * @param settings.isLinked Whether the newly created chart should stay linked with the original table, update when filters are updated
+   * @param settings.series The column names to use for creating the series of this chart
+   * @param settings.type Chart builder type, from ChartBuilder.types
+   * @param settings.xAxis The column name to use for the x-axis
+   * @param [settings.hiddenSeries] Array of hidden series names
+   * @param figure The figure to build the model for
+   * @param theme The theme for the figure. Defaults to ChartTheme
+   * @returns The FigureChartModel representing the figure
+   * CRA sets tsconfig to type check JS based on jsdoc comments. It isn't able to figure out FigureChartModel extends ChartModel
+   * This causes TS issues in 1 or 2 spots. Once this is TS it can be returned to just FigureChartModel
+   */
+  static makeModel(dh, settings, figure) {
+    var _arguments2 = arguments;
+    return _asyncToGenerator(function* () {
+      var theme = _arguments2.length > 3 && _arguments2[3] !== undefined ? _arguments2[3] : ChartTheme;
+      return new FigureChartModel(dh, figure, settings, theme);
+    })();
+  }
+}
+export default ChartModelFactory;
+//# sourceMappingURL=ChartModelFactory.js.map

package/dist/ChartModelFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartModelFactory.js","names":["ChartUtils","FigureChartModel","ChartTheme","ChartModelFactory","makeModelFromSettings","dh","settings","table","theme","figure","makeFigureFromSettings","tableCopy","copy","applyCustomColumns","customColumns","applyFilter","filter","applySort","sort","plot","Figure","create","makeFigureSettings","makeModel"],"sources":["../src/ChartModelFactory.ts"],"sourcesContent":["import type { dh as DhType, Figure, Table } from '@deephaven/jsapi-types';\nimport ChartUtils, { ChartModelSettings } from './ChartUtils';\nimport FigureChartModel from './FigureChartModel';\nimport ChartTheme from './ChartTheme';\nimport ChartModel from './ChartModel';\n\nclass ChartModelFactory {\n  /**\n   * Creates a model from the settings provided.\n   * Tries to create a Figure in the API with it.\n   * @param dh JSAPI instance\n   * @param settings The chart builder settings\n   * @param settings.isLinked Whether the newly created chart should stay linked with the original table, update when filters are updated\n   * @param settings.series The column names to use for creating the series of this chart\n   * @param settings.type Chart builder type, from ChartBuilder.types\n   * @param settings.xAxis The column name to use for the x-axis\n   * @param [settings.hiddenSeries] Array of hidden series names\n   * @param table The table to build the model for\n   * @param theme The theme for the figure. Defaults to ChartTheme\n   * @returns The ChartModel Promise representing the figure\n   * CRA sets tsconfig to type check JS based on jsdoc comments. It isn't able to figure out FigureChartModel extends ChartModel\n   * This causes TS issues in 1 or 2 spots. Once this is TS it can be returned to just FigureChartModel\n   */\n  static async makeModelFromSettings(\n    dh: DhType,\n    settings: ChartModelSettings,\n    table: Table,\n    theme = ChartTheme\n  ): Promise<ChartModel> {\n    const figure = await ChartModelFactory.makeFigureFromSettings(\n      dh,\n      settings,\n      table\n    );\n    return new FigureChartModel(dh, figure, settings, theme);\n  }\n\n  /**\n   * Creates a model from the settings provided.\n   * Tries to create a Figure in the API with it.\n   * @param dh DH JSAPI instance\n   * @param settings The chart builder settings\n   * @param settings.isLinked Whether the newly created chart should stay linked with the original table, update when filters are updated\n   * @param settings.series The column names to use for creating the series of this chart\n   * @param settings.type Chart builder type, from ChartBuilder.types\n   * @param settings.xAxis The column name to use for the x-axis\n   * @param [settings.hiddenSeries] Array of hidden series names\n   * @param table The table to build the model for\n   * @returns The Figure created with the settings provided\n   */\n  static async makeFigureFromSettings(\n    dh: DhType,\n    settings: ChartModelSettings,\n    table: Table\n  ): Promise<Figure> {\n    // Copy the table first and then re-apply the filters from the original table\n    // When we add table linking we'll want to listen to the original table and update\n    // the copied table with any changes that occur.\n    // The table gets owned by the Figure that gets created, which closes the table\n    const tableCopy = await table.copy();\n    tableCopy.applyCustomColumns(table.customColumns);\n    tableCopy.applyFilter(table.filter);\n    tableCopy.applySort(table.sort);\n\n    return dh.plot.Figure.create(\n      new ChartUtils(dh).makeFigureSettings(settings, tableCopy)\n    );\n  }\n\n  /**\n   * Creates a model from the settings provided.\n   * Tries to create a Figure in the API with it.\n   * @param dh DH JSAPI instance\n   * @param settings The chart builder settings\n   * @param settings.isLinked Whether the newly created chart should stay linked with the original table, update when filters are updated\n   * @param settings.series The column names to use for creating the series of this chart\n   * @param settings.type Chart builder type, from ChartBuilder.types\n   * @param settings.xAxis The column name to use for the x-axis\n   * @param [settings.hiddenSeries] Array of hidden series names\n   * @param figure The figure to build the model for\n   * @param theme The theme for the figure. Defaults to ChartTheme\n   * @returns The FigureChartModel representing the figure\n   * CRA sets tsconfig to type check JS based on jsdoc comments. It isn't able to figure out FigureChartModel extends ChartModel\n   * This causes TS issues in 1 or 2 spots. Once this is TS it can be returned to just FigureChartModel\n   */\n  static async makeModel(\n    dh: DhType,\n    settings: ChartModelSettings | undefined,\n    figure: Figure,\n    theme = ChartTheme\n  ): Promise<ChartModel> {\n    return new FigureChartModel(dh, figure, settings, theme);\n  }\n}\n\nexport default ChartModelFactory;\n"],"mappings":";;OACOA,UAAU;AAAA,OACVC,gBAAgB;AAAA,OAChBC,UAAU;AAGjB,MAAMC,iBAAiB,CAAC;EACtB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,OAAaC,qBAAqB,CAChCC,EAAU,EACVC,QAA4B,EAC5BC,KAAY,EAES;IAAA;IAAA;MAAA,IADrBC,KAAK,0EAAGN,UAAU;MAElB,IAAMO,MAAM,SAASN,iBAAiB,CAACO,sBAAsB,CAC3DL,EAAE,EACFC,QAAQ,EACRC,KAAK,CACN;MACD,OAAO,IAAIN,gBAAgB,CAACI,EAAE,EAAEI,MAAM,EAAEH,QAAQ,EAAEE,KAAK,CAAC;IAAC;EAC3D;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,OAAaE,sBAAsB,CACjCL,EAAU,EACVC,QAA4B,EAC5BC,KAAY,EACK;IAAA;MACjB;MACA;MACA;MACA;MACA,IAAMI,SAAS,SAASJ,KAAK,CAACK,IAAI,EAAE;MACpCD,SAAS,CAACE,kBAAkB,CAACN,KAAK,CAACO,aAAa,CAAC;MACjDH,SAAS,CAACI,WAAW,CAACR,KAAK,CAACS,MAAM,CAAC;MACnCL,SAAS,CAACM,SAAS,CAACV,KAAK,CAACW,IAAI,CAAC;MAE/B,OAAOb,EAAE,CAACc,IAAI,CAACC,MAAM,CAACC,MAAM,CAC1B,IAAIrB,UAAU,CAACK,EAAE,CAAC,CAACiB,kBAAkB,CAAChB,QAAQ,EAAEK,SAAS,CAAC,CAC3D;IAAC;EACJ;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,OAAaY,SAAS,CACpBlB,EAAU,EACVC,QAAwC,EACxCG,MAAc,EAEO;IAAA;IAAA;MAAA,IADrBD,KAAK,6EAAGN,UAAU;MAElB,OAAO,IAAID,gBAAgB,CAACI,EAAE,EAAEI,MAAM,EAAEH,QAAQ,EAAEE,KAAK,CAAC;IAAC;EAC3D;AACF;AAEA,eAAeL,iBAAiB"}

package/dist/ChartTestUtils.js

@@ -0,0 +1,117 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+class ChartTestUtils {
+  constructor(dh) {
+    _defineProperty(this, "dh", void 0);
+    this.dh = dh;
+  }
+  makeAxis() {
+    var {
+      label = 'Axis',
+      type = undefined,
+      position = undefined,
+      formatType = undefined,
+      formatPattern = '###,###0.00',
+      log = false
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var {
+      dh
+    } = this;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return new dh.Axis({
+      label,
+      type: type !== null && type !== void 0 ? type : dh.plot.AxisType.X,
+      position: position !== null && position !== void 0 ? position : dh.plot.AxisPosition.BOTTOM,
+      formatType: formatType !== null && formatType !== void 0 ? formatType : dh.Axis.FORMAT_TYPE_NUMBER,
+      formatPattern,
+      log
+    });
+  }
+  makeDefaultAxes() {
+    var {
+      dh
+    } = this;
+    return [this.makeAxis({
+      label: ChartTestUtils.DEFAULT_X_TITLE,
+      type: dh.plot.AxisType.X
+    }), this.makeAxis({
+      label: ChartTestUtils.DEFAULT_Y_TITLE,
+      type: dh.plot.AxisType.Y
+    })];
+  }
+  makeSource(_ref) {
+    var {
+      axis = this.makeAxis()
+    } = _ref;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return new this.dh.SeriesDataSource({
+      axis,
+      type: axis.type
+    });
+  }
+  makeDefaultSources() {
+    var axes = this.makeDefaultAxes();
+    return axes.map(axis => this.makeSource({
+      axis
+    }));
+  }
+  makeSeries() {
+    var {
+      name = ChartTestUtils.DEFAULT_SERIES_NAME,
+      plotStyle = null,
+      sources = this.makeDefaultSources(),
+      lineColor = null,
+      shapeColor = null
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var {
+      dh
+    } = this;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return new dh.Series(name, plotStyle !== null && plotStyle !== void 0 ? plotStyle : dh.plot.SeriesPlotStyle.SCATTER, sources, lineColor, shapeColor);
+  }
+  makeChart() {
+    var {
+      title = ChartTestUtils.DEFAULT_CHART_TITLE,
+      series = [this.makeSeries()],
+      axes = this.makeDefaultAxes(),
+      showLegend = null,
+      rowspan = 1,
+      colspan = 1,
+      row = 0,
+      column = 0
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return new this.dh.Chart({
+      title,
+      series,
+      axes,
+      showLegend,
+      row,
+      column,
+      rowspan,
+      colspan
+    });
+  }
+  makeFigure() {
+    var {
+      title = 'Figure',
+      charts = [this.makeChart()],
+      rows = 1,
+      cols = 1
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return new this.dh.plot.Figure({
+      title,
+      charts,
+      rows,
+      cols
+    });
+  }
+}
+_defineProperty(ChartTestUtils, "DEFAULT_CHART_TITLE", 'Chart Title');
+_defineProperty(ChartTestUtils, "DEFAULT_X_TITLE", 'X Axis');
+_defineProperty(ChartTestUtils, "DEFAULT_Y_TITLE", 'Y Axis');
+_defineProperty(ChartTestUtils, "DEFAULT_SERIES_NAME", 'MySeries');
+export default ChartTestUtils;
+//# sourceMappingURL=ChartTestUtils.js.map

package/dist/ChartTestUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTestUtils.js","names":["ChartTestUtils","constructor","dh","makeAxis","label","type","undefined","position","formatType","formatPattern","log","Axis","plot","AxisType","X","AxisPosition","BOTTOM","FORMAT_TYPE_NUMBER","makeDefaultAxes","DEFAULT_X_TITLE","DEFAULT_Y_TITLE","Y","makeSource","axis","SeriesDataSource","makeDefaultSources","axes","map","makeSeries","name","DEFAULT_SERIES_NAME","plotStyle","sources","lineColor","shapeColor","Series","SeriesPlotStyle","SCATTER","makeChart","title","DEFAULT_CHART_TITLE","series","showLegend","rowspan","colspan","row","column","Chart","makeFigure","charts","rows","cols","Figure"],"sources":["../src/ChartTestUtils.ts"],"sourcesContent":["import type {\n  Axis,\n  AxisFormatType,\n  AxisPosition,\n  AxisType,\n  Chart,\n  dh as DhType,\n  Figure,\n  Series,\n  SeriesDataSource,\n} from '@deephaven/jsapi-types';\n\nclass ChartTestUtils {\n  static DEFAULT_CHART_TITLE = 'Chart Title';\n\n  static DEFAULT_X_TITLE = 'X Axis';\n\n  static DEFAULT_Y_TITLE = 'Y Axis';\n\n  static DEFAULT_SERIES_NAME = 'MySeries';\n\n  private dh: DhType;\n\n  constructor(dh: DhType) {\n    this.dh = dh;\n  }\n\n  makeAxis({\n    label = 'Axis',\n    type = undefined,\n    position = undefined,\n    formatType = undefined,\n    formatPattern = '###,###0.00',\n    log = false,\n  }: {\n    label?: string;\n    type?: AxisType;\n    position?: AxisPosition;\n    formatType?: AxisFormatType;\n    formatPattern?: string;\n    log?: boolean;\n  } = {}): Axis {\n    const { dh } = this;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    return new (dh as any).Axis({\n      label,\n      type: type ?? dh.plot.AxisType.X,\n      position: position ?? dh.plot.AxisPosition.BOTTOM,\n      formatType: formatType ?? dh.Axis.FORMAT_TYPE_NUMBER,\n      formatPattern,\n      log,\n    });\n  }\n\n  makeDefaultAxes(): Axis[] {\n    const { dh } = this;\n    return [\n      this.makeAxis({\n        label: ChartTestUtils.DEFAULT_X_TITLE,\n        type: dh.plot.AxisType.X,\n      }),\n      this.makeAxis({\n        label: ChartTestUtils.DEFAULT_Y_TITLE,\n        type: dh.plot.AxisType.Y,\n      }),\n    ];\n  }\n\n  makeSource({ axis = this.makeAxis() }: { axis: Axis }): SeriesDataSource {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    return new (this.dh as any).SeriesDataSource({ axis, type: axis.type });\n  }\n\n  makeDefaultSources(): SeriesDataSource[] {\n    const axes = this.makeDefaultAxes();\n    return axes.map(axis => this.makeSource({ axis }));\n  }\n\n  makeSeries({\n    name = ChartTestUtils.DEFAULT_SERIES_NAME,\n    plotStyle = null,\n    sources = this.makeDefaultSources(),\n    lineColor = null,\n    shapeColor = null,\n  } = {}): Series {\n    const { dh } = this;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    return new (dh as any).Series(\n      name,\n      plotStyle ?? dh.plot.SeriesPlotStyle.SCATTER,\n      sources,\n      lineColor,\n      shapeColor\n    );\n  }\n\n  makeChart({\n    title = ChartTestUtils.DEFAULT_CHART_TITLE,\n    series = [this.makeSeries()],\n    axes = this.makeDefaultAxes(),\n    showLegend = null,\n    rowspan = 1,\n    colspan = 1,\n    row = 0,\n    column = 0,\n  }: {\n    title?: string;\n    series?: Series[];\n    axes?: Axis[];\n    showLegend?: boolean | null;\n    rowspan?: number;\n    colspan?: number;\n    row?: number;\n    column?: number;\n  } = {}): Chart {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    return new (this.dh as any).Chart({\n      title,\n      series,\n      axes,\n      showLegend,\n      row,\n      column,\n      rowspan,\n      colspan,\n    });\n  }\n\n  makeFigure({\n    title = 'Figure',\n    charts = [this.makeChart()],\n    rows = 1,\n    cols = 1,\n  } = {}): Figure {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    return new (this.dh as any).plot.Figure({ title, charts, rows, cols });\n  }\n}\n\nexport default ChartTestUtils;\n"],"mappings":"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"}

package/dist/ChartTheme.js

@@ -0,0 +1,20 @@
+import ChartTheme from "./ChartTheme.module.css";
+export default Object.freeze({
+  paper_bgcolor: ChartTheme['paper-bgcolor'],
+  plot_bgcolor: ChartTheme['plot-bgcolor'],
+  title_color: ChartTheme['title-color'],
+  colorway: ChartTheme.colorway,
+  gridcolor: ChartTheme.gridcolor,
+  linecolor: ChartTheme.linecolor,
+  zerolinecolor: ChartTheme.zerolinecolor,
+  activecolor: ChartTheme.activecolor,
+  rangebgcolor: ChartTheme.rangebgcolor,
+  area_color: ChartTheme['area-color'],
+  trend_color: ChartTheme['trend-color'],
+  line_color: ChartTheme['line-color'],
+  error_band_line_color: ChartTheme['error-band-line-color'],
+  error_band_fill_color: ChartTheme['error-band-fill-color'],
+  ohlc_increasing: ChartTheme['ohlc-increasing'],
+  ohlc_decreasing: ChartTheme['ohlc-decreasing']
+});
+//# sourceMappingURL=ChartTheme.js.map

package/dist/ChartTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTheme.js","names":["ChartTheme","Object","freeze","paper_bgcolor","plot_bgcolor","title_color","colorway","gridcolor","linecolor","zerolinecolor","activecolor","rangebgcolor","area_color","trend_color","line_color","error_band_line_color","error_band_fill_color","ohlc_increasing","ohlc_decreasing"],"sources":["../src/ChartTheme.ts"],"sourcesContent":["import ChartTheme from './ChartTheme.module.scss';\n\nexport default Object.freeze({\n  paper_bgcolor: ChartTheme['paper-bgcolor'],\n  plot_bgcolor: ChartTheme['plot-bgcolor'],\n  title_color: ChartTheme['title-color'],\n  colorway: ChartTheme.colorway,\n  gridcolor: ChartTheme.gridcolor,\n  linecolor: ChartTheme.linecolor,\n  zerolinecolor: ChartTheme.zerolinecolor,\n  activecolor: ChartTheme.activecolor,\n  rangebgcolor: ChartTheme.rangebgcolor,\n  area_color: ChartTheme['area-color'],\n  trend_color: ChartTheme['trend-color'],\n  line_color: ChartTheme['line-color'],\n  error_band_line_color: ChartTheme['error-band-line-color'],\n  error_band_fill_color: ChartTheme['error-band-fill-color'],\n  ohlc_increasing: ChartTheme['ohlc-increasing'],\n  ohlc_decreasing: ChartTheme['ohlc-decreasing'],\n});\n"],"mappings":"OAAOA,UAAU;AAEjB,eAAeC,MAAM,CAACC,MAAM,CAAC;EAC3BC,aAAa,EAAEH,UAAU,CAAC,eAAe,CAAC;EAC1CI,YAAY,EAAEJ,UAAU,CAAC,cAAc,CAAC;EACxCK,WAAW,EAAEL,UAAU,CAAC,aAAa,CAAC;EACtCM,QAAQ,EAAEN,UAAU,CAACM,QAAQ;EAC7BC,SAAS,EAAEP,UAAU,CAACO,SAAS;EAC/BC,SAAS,EAAER,UAAU,CAACQ,SAAS;EAC/BC,aAAa,EAAET,UAAU,CAACS,aAAa;EACvCC,WAAW,EAAEV,UAAU,CAACU,WAAW;EACnCC,YAAY,EAAEX,UAAU,CAACW,YAAY;EACrCC,UAAU,EAAEZ,UAAU,CAAC,YAAY,CAAC;EACpCa,WAAW,EAAEb,UAAU,CAAC,aAAa,CAAC;EACtCc,UAAU,EAAEd,UAAU,CAAC,YAAY,CAAC;EACpCe,qBAAqB,EAAEf,UAAU,CAAC,uBAAuB,CAAC;EAC1DgB,qBAAqB,EAAEhB,UAAU,CAAC,uBAAuB,CAAC;EAC1DiB,eAAe,EAAEjB,UAAU,CAAC,iBAAiB,CAAC;EAC9CkB,eAAe,EAAElB,UAAU,CAAC,iBAAiB;AAC/C,CAAC,CAAC"}

package/dist/ChartTheme.module.css

@@ -0,0 +1,22 @@
+/* stylelint-disable */
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+:export {
+  paper-bgcolor: #2d2a2e;
+  plot-bgcolor: #322f33;
+  title-color: #f0f0ee;
+  colorway: #76d9e4 #9edc6f #fcd65b #aa9af4 #f37e3f #f95d84 #f0f0ee;
+  gridcolor: #403e41;
+  linecolor: #5b5a5c;
+  zerolinecolor: #c0bfbf;
+  activecolor: #4878ea;
+  rangebgcolor: rgba(91, 90, 92, 0.7);
+  area-color: #76d9e4;
+  trend-color: #d5f0c1;
+  line-color: #9edc6f;
+  error-band-line-color: white;
+  error-band-fill-color: rgba(213, 240, 193, 0.1);
+  ohlc-increasing: #9edc6f;
+  ohlc-decreasing: #f95d84;
+}
+
+/*# sourceMappingURL=ChartTheme.module.css.map */

package/dist/ChartTheme.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/ChartTheme.module.scss","../../../node_modules/@deephaven/components/scss/custom.scss","../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss"],"names":[],"mappings":"AAAA;ACAA;ADGA;EACE,eEOc;EFNd,cEqBS;EFpBT,aEOe;EFNf;EACA,WEgBS;EFfT,WEaS;EFZT,eEUS;EFTT,aECc;EFAd;EACA,YENK;EFOL;EACA,YETM;EFUN;EACA;EACA,iBEZM;EFaN,iBEhBI","file":"ChartTheme.module.css","sourcesContent":["/* stylelint-disable */\n@import '@deephaven/components/scss/custom.scss';\n\n:export {\n  paper-bgcolor: $content-bg;\n  plot-bgcolor: $gray-850;\n  title-color: $white;\n  colorway: $blue $green $yellow $purple $orange $red $white;\n  gridcolor: $gray-700;\n  linecolor: $gray-500;\n  zerolinecolor: $gray-300;\n  activecolor: $primary;\n  rangebgcolor: rgba($gray-500, 0.7);\n  area-color: $blue;\n  trend-color: lighten($green, 20%);\n  line-color: $green;\n  error-band-line-color: lighten($green, 40%);\n  error-band-fill-color: rgba(lighten($green, 20%), 0.1);\n  ohlc-increasing: $green;\n  ohlc-decreasing: $red;\n}\n","/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n","// Styling overrides for bootstrap\n\n// Override / set color variables\n$red: #f95d84;\n$orange: #f37e3f;\n$yellow: #fcd65b;\n$green: #9edc6f;\n$blue: #76d9e4;\n$purple: #aa9af4;\n\n//Define some UI colors\n$interfacegray: #2d2a2e;\n$interfaceblue: #4878ea;\n$interfacewhite: #f0f0ee; //same as gray-200\n$interfaceblack: #1a171a;\n\n//Define our Gray scale\n$white: $interfacewhite;\n$gray-100: #fcfcfa;\n$gray-200: $interfacewhite;\n$gray-300: #c0bfbf;\n$gray-400: #929192;\n$gray-500: #5b5a5c;\n$gray-600: #555356;\n$gray-700: #403e41;\n$gray-800: #373438;\n$gray-850: #322f33;\n$gray-900: #211f22;\n$black: $interfaceblack;\n$content-bg: $interfacegray;\n$background: $interfaceblack;\n$foreground: $interfacewhite;\n\n//Load colors into map\n$colors: ();\n$colors: map-merge(\n  (\n    'red': $red,\n    'orange': $orange,\n    'yellow': $yellow,\n    'green': $green,\n    'blue': $blue,\n    'purple': $purple,\n    'white': $white,\n    'black': $black,\n  ),\n  $colors\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: $interfaceblue;\n$primary-hover: darken($primary, 8%);\n$primary-dark: mix($primary, $content-bg, 25%);\n$primary-light: scale-color($primary, $lightness: -25%);\n$secondary: $gray-500;\n$secondary-hover: darken($secondary, 8%);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: $red;\n$danger-hover: darken($danger, 8%);\n$light: $gray-100;\n$mid: $gray-400; //Added a mid color, useful for input styling\n$dark: $gray-800;\n$green-dark: scale-color($green, $lightness: -45%, $saturation: -10%);\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    'primary': $primary,\n    'primary-hover': $primary-hover,\n    'primary-light': $primary-light,\n    'primary-dark': $primary-dark,\n    'secondary': $secondary,\n    'success': $success,\n    'info': $info,\n    'warning': $warning,\n    'danger': $danger,\n    'light': $light,\n    'dark': $dark,\n    'mid': $mid,\n    'content-bg': $interfacegray,\n    'background': $interfaceblack,\n    'foreground': $interfacewhite,\n  ),\n  $theme-colors\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif: 'Fira Sans', -apple-system, blinkmacsystemfont,\n  'Segoe UI', 'Roboto', 'Helvetica Neue', arial, sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n  'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n//so browsers add alpha to your color by default, ignoring opacity 1\n//by setting rgba with 0.99 it tricks browser into thinking there is alpha applied\n$text-select-color: $primary-hover;\n$text-select-color-editor: lighten(\n  $gray-700,\n  15%\n); //we lighten it abit to account for that 0.01 loss, and because it needs some anyways.\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem rgba($black, 45%); //because our UI is so dark, we need darker default shadows\n$box-shadow-900: 0 0.1rem 1rem rgba(0, 0, 0, 45%); //darkest shadow for $black popups over $black UI\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition: color 0.12s ease-in-out, background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n\n//Override Inputs\n$input-bg: $gray-600;\n$input-disabled-bg: $gray-800;\n$input-color: $foreground;\n$input-border-color: $gray-400;\n$input-placeholder-color: $gray-400;\n$input-focus-border-color: rgba($primary, 85%);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: rgba($component-active-bg, 35%);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n\n//checkbox\n$custom-control-indicator-bg: $gray-600;\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: $gray-800;\n$custom-control-indicator-checked-disabled-bg: $gray-800;\n$custom-control-label-disabled-color: $gray-400;\n\n//Custom Select\n$custom-select-indicator-color: $gray-400;\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n  '#',\n  '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: darken($gray-400, 5%);\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $gray-200;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n\n// Toast notification\n$toast-bg: $primary-dark;\n$toast-color: $foreground;\n$toast-error-bg: mix($danger, $content-bg, 15%);\n$toast-error-color: $foreground;\n\n//tooltips\n$tooltip-bg: $gray-700;\n$tooltip-color: $foreground;\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem rgba($black, 80%);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: $primary;\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: $gray-600;\n$contextmenu-color: $foreground;\n$contextmenu-disabled-color: $text-muted;\n$contextmenu-keyboard-selected-bg: rgba($primary, 50%);\n$contextmenu-selected-bg: $primary;\n$contextmenu-selected-color: $foreground;\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: theme-color('danger');\n$form-feedback-icon-invalid: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n  '#',\n  '%23'\n);\n"]}