@deephaven/iris-grid 0.49.2-beta.0 → 0.49.2-beta.5

package/dist/sidebar/TableCsvExporter.js

@@ -407,7 +407,9 @@ class TableCsvExporter extends Component {
           }),
           onClick: this.handleDownloadClick,
           children: [isDownloading && /*#__PURE__*/_jsxs("span", {
-            children: [/*#__PURE__*/_jsx(LoadingSpinner, {}), /*#__PURE__*/_jsx("span", {
+            children: [/*#__PURE__*/_jsx(LoadingSpinner, {
+              className: "loading-spinner-vertical-align"
+            }), /*#__PURE__*/_jsx("span", {
               className: "btn-normal-content",
               children: "Downloading"
             }), /*#__PURE__*/_jsx("span", {

package/dist/sidebar/TableCsvExporter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCsvExporter.js","names":["React","Component","ClassNames","FontAwesomeIcon","Button","Checkbox","LoadingSpinner","RadioGroup","RadioItem","GridRange","GridUtils","vsWarning","TimeUtils","shortid","Log","IrisGridUtils","log","module","TableCsvExporter","getDateString","dh","i18n","DateTimeFormat","format","FILENAME_DATE_FORMAT","Date","constructor","props","handleDownloadClick","bind","handleDownloadRowOptionChanged","handleCustomizedDownloadRowOptionChanged","handleCustomizedDownloadRowsChanged","handleIncludeColumnHeadersChanged","handleIncludeHiddenColumnsChanged","handleUseUnformattedValuesChanged","model","name","state","fileName","downloadRowOption","DOWNLOAD_ROW_OPTIONS","ALL_ROWS","customizedDownloadRowOption","CUSTOMIZED_ROWS_OPTIONS","FIRST","customizedDownloadRows","DEFAULT_DOWNLOAD_ROWS","includeColumnHeaders","includeHiddenColumns","useUnformattedValues","errorMessage","id","generate","getSnapshotRanges","selectedRanges","rowCount","columnCount","snapshotRanges","push","SELECTED_ROWS","map","range","startColumn","endColumn","sort","rangeA","rangeB","startRow","CUSTOMIZED_ROWS","Math","min","LAST","max","getModelRanges","ranges","userColumnWidths","movedColumns","hiddenColumns","getHiddenColumns","modelRanges","length","subtractRanges","makeColumn","subtractRangesFromRanges","resetDownloadState","setState","isDownloading","onDownloadStart","onDownload","onCancel","validateOptionInput","frozenTable","export","tableSubscription","setViewport","getViewportData","error","event","target","value","parseInt","render","tableDownloadProgress","tableDownloadEstimatedTime","tableDownloadStatus","toString","replace","DOWNLOAD_STATUS","DOWNLOADING","INITIATING","formatElapsedTime","FINISHED","CANCELED","width","undefined"],"sources":["../../src/sidebar/TableCsvExporter.tsx"],"sourcesContent":["import React, { Component, ReactElement } from 'react';\nimport ClassNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n  Button,\n  Checkbox,\n  LoadingSpinner,\n  RadioGroup,\n  RadioItem,\n} from '@deephaven/components';\nimport {\n  GridRange,\n  GridUtils,\n  ModelSizeMap,\n  MoveOperation,\n} from '@deephaven/grid';\nimport { vsWarning } from '@deephaven/icons';\nimport type {\n  dh as DhType,\n  Table,\n  TableViewportSubscription,\n} from '@deephaven/jsapi-types';\nimport { TimeUtils } from '@deephaven/utils';\nimport shortid from 'shortid';\nimport './TableCsvExporter.scss';\nimport Log from '@deephaven/log';\nimport IrisGridModel from '../IrisGridModel';\nimport IrisGridUtils from '../IrisGridUtils';\n\nconst log = Log.module('TableCsvExporter');\ninterface TableCsvExporterProps {\n  model: IrisGridModel;\n  name: string;\n  userColumnWidths: ModelSizeMap;\n  movedColumns: readonly MoveOperation[];\n  isDownloading: boolean;\n  tableDownloadStatus: string;\n  tableDownloadProgress: number;\n  tableDownloadEstimatedTime: number;\n  onDownloadStart: () => void;\n  onDownload: (\n    fileName: string,\n    frozenTable: Table,\n    tableSubscription: TableViewportSubscription,\n    snapshotRanges: readonly GridRange[],\n    modelRanges: readonly GridRange[],\n    includeColumnHeaders: boolean,\n    useUnformattedValues: boolean\n  ) => void;\n  onCancel: () => void;\n  selectedRanges: readonly GridRange[];\n}\n\ninterface TableCsvExporterState {\n  fileName: string;\n\n  downloadRowOption: string;\n  customizedDownloadRowOption: string;\n  customizedDownloadRows: number;\n\n  includeColumnHeaders: boolean;\n  includeHiddenColumns: boolean;\n  useUnformattedValues: boolean;\n\n  errorMessage: React.ReactNode;\n  id: string;\n}\nclass TableCsvExporter extends Component<\n  TableCsvExporterProps,\n  TableCsvExporterState\n> {\n  static FILENAME_DATE_FORMAT = 'yyyy-MM-dd-HHmmss';\n\n  static DOWNLOAD_STATUS = {\n    INITIATING: 'INITIATING',\n    DOWNLOADING: 'DOWNLOADING',\n    FINISHED: 'FINISHED',\n    CANCELED: 'CANCELED',\n  };\n\n  static DOWNLOAD_ROW_OPTIONS = {\n    ALL_ROWS: 'ALL_ROWS',\n    SELECTED_ROWS: 'SELECTED_ROWS',\n    CUSTOMIZED_ROWS: 'CUSTOMIZED_ROWS',\n  };\n\n  static CUSTOMIZED_ROWS_OPTIONS = {\n    FIRST: 'FIRST',\n    LAST: 'LAST',\n  };\n\n  static DEFAULT_DOWNLOAD_ROWS = 100;\n\n  static defaultProps = {\n    onDownloadStart: (): void => undefined,\n    isDownloading: false,\n    tableDownloadStatus: '',\n    tableDownloadProgress: 0,\n    tableDownloadEstimatedTime: null,\n    selectedRanges: [],\n  };\n\n  static getDateString(dh: DhType): string {\n    return dh.i18n.DateTimeFormat.format(\n      TableCsvExporter.FILENAME_DATE_FORMAT,\n      new Date()\n    );\n  }\n\n  constructor(props: TableCsvExporterProps) {\n    super(props);\n\n    this.handleDownloadClick = this.handleDownloadClick.bind(this);\n    this.handleDownloadRowOptionChanged =\n      this.handleDownloadRowOptionChanged.bind(this);\n    this.handleCustomizedDownloadRowOptionChanged =\n      this.handleCustomizedDownloadRowOptionChanged.bind(this);\n    this.handleCustomizedDownloadRowsChanged =\n      this.handleCustomizedDownloadRowsChanged.bind(this);\n    this.handleIncludeColumnHeadersChanged =\n      this.handleIncludeColumnHeadersChanged.bind(this);\n    this.handleIncludeHiddenColumnsChanged =\n      this.handleIncludeHiddenColumnsChanged.bind(this);\n    this.handleUseUnformattedValuesChanged =\n      this.handleUseUnformattedValuesChanged.bind(this);\n\n    const { model, name } = props;\n    this.state = {\n      fileName: `${name}-${TableCsvExporter.getDateString(model.dh)}.csv`,\n\n      downloadRowOption: TableCsvExporter.DOWNLOAD_ROW_OPTIONS.ALL_ROWS,\n      customizedDownloadRowOption:\n        TableCsvExporter.CUSTOMIZED_ROWS_OPTIONS.FIRST,\n      customizedDownloadRows: TableCsvExporter.DEFAULT_DOWNLOAD_ROWS,\n\n      includeColumnHeaders: true,\n      includeHiddenColumns: false,\n      useUnformattedValues: false,\n\n      errorMessage: null,\n      id: shortid.generate(),\n    };\n  }\n\n  getSnapshotRanges(): GridRange[] {\n    const { model, selectedRanges } = this.props;\n    const {\n      downloadRowOption,\n      customizedDownloadRowOption,\n      customizedDownloadRows,\n    } = this.state;\n    const { rowCount, columnCount } = model;\n    let snapshotRanges = [] as GridRange[];\n    switch (downloadRowOption) {\n      case TableCsvExporter.DOWNLOAD_ROW_OPTIONS.ALL_ROWS:\n        snapshotRanges.push(new GridRange(0, 0, columnCount - 1, rowCount - 1));\n        break;\n      case TableCsvExporter.DOWNLOAD_ROW_OPTIONS.SELECTED_ROWS:\n        snapshotRanges = selectedRanges\n          .map(range => ({\n            ...range,\n            startColumn: 0,\n            endColumn: columnCount - 1,\n          }))\n          .sort((rangeA, rangeB) => {\n            if (rangeA.startRow != null && rangeB.startRow != null) {\n              return rangeA.startRow - rangeB.startRow;\n            }\n            return 0;\n          }) as GridRange[];\n        break;\n      case TableCsvExporter.DOWNLOAD_ROW_OPTIONS.CUSTOMIZED_ROWS:\n        switch (customizedDownloadRowOption) {\n          case TableCsvExporter.CUSTOMIZED_ROWS_OPTIONS.FIRST:\n            snapshotRanges.push(\n              new GridRange(\n                0,\n                0,\n                columnCount - 1,\n                Math.min(customizedDownloadRows - 1, rowCount - 1)\n              )\n            );\n            break;\n          case TableCsvExporter.CUSTOMIZED_ROWS_OPTIONS.LAST:\n            snapshotRanges.push(\n              new GridRange(\n                0,\n                Math.max(0, rowCount - customizedDownloadRows),\n                columnCount - 1,\n                rowCount - 1\n              )\n            );\n            break;\n          default:\n            break;\n        }\n        break;\n      default:\n        break;\n    }\n    return snapshotRanges;\n  }\n\n  getModelRanges(ranges: readonly GridRange[]): GridRange[] {\n    const { userColumnWidths, movedColumns } = this.props;\n    const { includeHiddenColumns } = this.state;\n    const hiddenColumns = IrisGridUtils.getHiddenColumns(userColumnWidths);\n    let modelRanges = GridUtils.getModelRanges(ranges, movedColumns);\n    if (!includeHiddenColumns && hiddenColumns.length > 0) {\n      const subtractRanges = hiddenColumns.map(GridRange.makeColumn);\n      modelRanges = GridRange.subtractRangesFromRanges(\n        modelRanges,\n        subtractRanges\n      );\n    }\n    return modelRanges;\n  }\n\n  resetDownloadState(): void {\n    this.setState({ errorMessage: null });\n  }\n\n  async handleDownloadClick(): Promise<void> {\n    const { model, isDownloading, onDownloadStart, onDownload, onCancel } =\n      this.props;\n    const { fileName, includeColumnHeaders, useUnformattedValues } = this.state;\n\n    if (isDownloading) {\n      onCancel();\n      return;\n    }\n\n    this.resetDownloadState();\n\n    const snapshotRanges = this.getSnapshotRanges();\n    const modelRanges = this.getModelRanges(snapshotRanges);\n    if (this.validateOptionInput()) {\n      onDownloadStart();\n      try {\n        const frozenTable = await model.export();\n        const tableSubscription = frozenTable.setViewport(0, 0);\n        await tableSubscription.getViewportData();\n        onDownload(\n          fileName,\n          frozenTable,\n          tableSubscription,\n          snapshotRanges,\n          modelRanges,\n          includeColumnHeaders,\n          useUnformattedValues\n        );\n      } catch (error) {\n        log.error('CSV download failed', error);\n\n        this.setState({\n          errorMessage: (\n            <p>\n              <FontAwesomeIcon icon={vsWarning} /> {`${error}`}\n            </p>\n          ),\n        });\n        onCancel();\n      }\n    }\n  }\n\n  handleDownloadRowOptionChanged(\n    event: React.ChangeEvent<HTMLInputElement>\n  ): void {\n    this.setState({ downloadRowOption: event.target.value });\n  }\n\n  handleCustomizedDownloadRowOptionChanged(\n    event: React.ChangeEvent<HTMLSelectElement>\n  ): void {\n    this.setState({ customizedDownloadRowOption: event.target.value });\n  }\n\n  handleCustomizedDownloadRowsChanged(\n    event: React.ChangeEvent<HTMLInputElement>\n  ): void {\n    this.setState({ customizedDownloadRows: parseInt(event.target.value, 10) });\n  }\n\n  handleIncludeColumnHeadersChanged(): void {\n    this.setState(({ includeColumnHeaders }) => ({\n      includeColumnHeaders: !includeColumnHeaders,\n    }));\n  }\n\n  handleIncludeHiddenColumnsChanged(): void {\n    this.setState(({ includeHiddenColumns }) => ({\n      includeHiddenColumns: !includeHiddenColumns,\n    }));\n  }\n\n  handleUseUnformattedValuesChanged(): void {\n    this.setState(({ useUnformattedValues }) => ({\n      useUnformattedValues: !useUnformattedValues,\n    }));\n  }\n\n  validateOptionInput(): boolean {\n    const { selectedRanges } = this.props;\n    const { downloadRowOption, customizedDownloadRows } = this.state;\n\n    if (\n      downloadRowOption ===\n        TableCsvExporter.DOWNLOAD_ROW_OPTIONS.SELECTED_ROWS &&\n      selectedRanges.length === 0\n    ) {\n      this.setState({\n        errorMessage: (\n          <p>\n            <FontAwesomeIcon icon={vsWarning} /> No rows selected. Please select\n            some rows in the table.\n          </p>\n        ),\n      });\n      return false;\n    }\n\n    if (\n      downloadRowOption ===\n        TableCsvExporter.DOWNLOAD_ROW_OPTIONS.CUSTOMIZED_ROWS &&\n      customizedDownloadRows <= 0\n    ) {\n      this.setState({\n        errorMessage: (\n          <p>\n            <FontAwesomeIcon icon={vsWarning} /> Number of rows to output must\n            be greater than 0\n          </p>\n        ),\n      });\n      return false;\n    }\n    return true;\n  }\n\n  render(): ReactElement {\n    const {\n      model,\n      isDownloading,\n      tableDownloadProgress,\n      tableDownloadEstimatedTime,\n      selectedRanges,\n      tableDownloadStatus,\n    } = this.props;\n    const {\n      fileName,\n      downloadRowOption,\n      customizedDownloadRowOption,\n      customizedDownloadRows,\n      includeColumnHeaders,\n      includeHiddenColumns,\n      useUnformattedValues,\n      errorMessage,\n      id,\n    } = this.state;\n    const { rowCount } = model;\n    return (\n      <div className=\"table-csv-exporter\">\n        <div className=\"section-title\">Download Rows</div>\n        <div className=\"form-group\">\n          <RadioGroup\n            onChange={this.handleDownloadRowOptionChanged}\n            value={downloadRowOption}\n            disabled={isDownloading}\n          >\n            <RadioItem\n              value={TableCsvExporter.DOWNLOAD_ROW_OPTIONS.ALL_ROWS}\n              data-testid=\"radio-csv-exporter-download-all\"\n            >\n              All Rows\n              <span className=\"text-muted ml-2\">\n                {`(${rowCount\n                  .toString()\n                  .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')} rows)`}\n              </span>\n            </RadioItem>\n            <RadioItem\n              value={TableCsvExporter.DOWNLOAD_ROW_OPTIONS.SELECTED_ROWS}\n              data-testid=\"radio-csv-exporter-only-selected\"\n            >\n              Only Selected Rows\n              <span className=\"text-muted ml-2\">\n                {selectedRanges.length > 0\n                  ? `(${GridRange.rowCount(selectedRanges)\n                      .toString()\n                      .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')} rows)`\n                  : null}\n              </span>\n            </RadioItem>\n            <RadioItem\n              value={TableCsvExporter.DOWNLOAD_ROW_OPTIONS.CUSTOMIZED_ROWS}\n              data-testid=\"radio-csv-exporter-customized-rows\"\n            >\n              <div\n                className=\"radio-input-row\"\n                role=\"presentation\"\n                onClick={() => {\n                  this.setState({\n                    downloadRowOption:\n                      TableCsvExporter.DOWNLOAD_ROW_OPTIONS.CUSTOMIZED_ROWS,\n                  });\n                }}\n              >\n                <select\n                  value={customizedDownloadRowOption}\n                  data-testid=\"select-csv-exporter-customized-rows\"\n                  className=\"custom-select\"\n                  disabled={isDownloading}\n                  onChange={this.handleCustomizedDownloadRowOptionChanged}\n                >\n                  <option value=\"FIRST\">First</option>\n                  <option value=\"LAST\">Last</option>\n                </select>\n                <input\n                  type=\"number\"\n                  className=\"form-control\"\n                  id={`customizedRows-${id}`}\n                  data-testid=\"input-csv-exporter-customized-rows\"\n                  name={`customizedRows-${id}`}\n                  placeholder=\"100\"\n                  value={customizedDownloadRows}\n                  disabled={isDownloading}\n                  onChange={this.handleCustomizedDownloadRowsChanged}\n                />\n                <div>Rows</div>\n              </div>\n            </RadioItem>\n          </RadioGroup>\n        </div>\n        <div className=\"form-group\">\n          <label htmlFor={`customizedRows-${id}`}>File Name</label>\n          <input\n            type=\"text\"\n            className=\"form-control\"\n            id={`filename-${id}`}\n            data-testid=\"input-csv-exporter-file-name\"\n            name={`filename-${id}`}\n            value={fileName}\n            onChange={event => {\n              this.setState({ fileName: event.target.value });\n            }}\n            disabled={isDownloading}\n          />\n        </div>\n        <div className=\"checkbox-options\">\n          <Checkbox\n            checked={includeColumnHeaders}\n            onChange={this.handleIncludeColumnHeadersChanged}\n          >\n            Include column headers\n          </Checkbox>\n          <Checkbox\n            checked={includeHiddenColumns}\n            onChange={this.handleIncludeHiddenColumnsChanged}\n          >\n            Include hidden columns\n          </Checkbox>\n          <Checkbox\n            checked={useUnformattedValues}\n            onChange={this.handleUseUnformattedValuesChanged}\n          >\n            Use unformatted values\n          </Checkbox>\n        </div>\n        <div className=\"section-footer flex-column\">\n          {errorMessage != null && (\n            <div className=\"error-message\">{errorMessage}</div>\n          )}\n          {tableDownloadStatus && (\n            <div className=\"download-status\">\n              {(tableDownloadStatus ===\n                TableCsvExporter.DOWNLOAD_STATUS.DOWNLOADING ||\n                tableDownloadStatus ===\n                  TableCsvExporter.DOWNLOAD_STATUS.INITIATING) && (\n                <>\n                  {tableDownloadStatus ===\n                    TableCsvExporter.DOWNLOAD_STATUS.INITIATING && (\n                    <div className=\"text-muted\">Starting Download...</div>\n                  )}\n                  {tableDownloadStatus ===\n                    TableCsvExporter.DOWNLOAD_STATUS.DOWNLOADING && (\n                    <div className=\"text-muted d-flex justify-content-between\">\n                      <span>\n                        {tableDownloadEstimatedTime ||\n                        tableDownloadEstimatedTime === 0\n                          ? `Estimated time: ${TimeUtils.formatElapsedTime(\n                              tableDownloadEstimatedTime\n                            )}`\n                          : null}\n                      </span>\n                      <span>{`${tableDownloadProgress}%`}</span>\n                    </div>\n                  )}\n                </>\n              )}\n              {tableDownloadStatus ===\n                TableCsvExporter.DOWNLOAD_STATUS.FINISHED && (\n                <div className=\"text-muted text-right\">Download Completed</div>\n              )}\n              {tableDownloadStatus ===\n                TableCsvExporter.DOWNLOAD_STATUS.CANCELED && (\n                <div className=\"text-muted\">Download Canceled</div>\n              )}\n\n              {(tableDownloadStatus ===\n                TableCsvExporter.DOWNLOAD_STATUS.DOWNLOADING ||\n                tableDownloadStatus ===\n                  TableCsvExporter.DOWNLOAD_STATUS.INITIATING) && (\n                <div className=\"progress\">\n                  <div\n                    className=\"progress-bar progress-bar-striped progress-bar-animated\"\n                    style={{ width: `${tableDownloadProgress}%` }}\n                  />\n                </div>\n              )}\n              {tableDownloadStatus ===\n                TableCsvExporter.DOWNLOAD_STATUS.FINISHED && (\n                <div className=\"progress\">\n                  <div\n                    className=\"progress-bar bg-success\"\n                    style={{ width: `${tableDownloadProgress}%` }}\n                  />\n                </div>\n              )}\n            </div>\n          )}\n          <Button\n            kind=\"primary\"\n            data-testid=\"btn-csv-exporter-download\"\n            className={ClassNames('btn-downloading', {\n              'btn-spinner btn-cancelable': isDownloading,\n            })}\n            onClick={this.handleDownloadClick}\n          >\n            {isDownloading && (\n              <span>\n                <LoadingSpinner />\n                <span className=\"btn-normal-content\">Downloading</span>\n                <span className=\"btn-hover-content\">Cancel</span>\n              </span>\n            )}\n            {!isDownloading && 'Download'}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default TableCsvExporter;\n"],"mappings":"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"}
+{"version":3,"file":"TableCsvExporter.js","names":["React","Component","ClassNames","FontAwesomeIcon","Button","Checkbox","LoadingSpinner","RadioGroup","RadioItem","GridRange","GridUtils","vsWarning","TimeUtils","shortid","Log","IrisGridUtils","log","module","TableCsvExporter","getDateString","dh","i18n","DateTimeFormat","format","FILENAME_DATE_FORMAT","Date","constructor","props","handleDownloadClick","bind","handleDownloadRowOptionChanged","handleCustomizedDownloadRowOptionChanged","handleCustomizedDownloadRowsChanged","handleIncludeColumnHeadersChanged","handleIncludeHiddenColumnsChanged","handleUseUnformattedValuesChanged","model","name","state","fileName","downloadRowOption","DOWNLOAD_ROW_OPTIONS","ALL_ROWS","customizedDownloadRowOption","CUSTOMIZED_ROWS_OPTIONS","FIRST","customizedDownloadRows","DEFAULT_DOWNLOAD_ROWS","includeColumnHeaders","includeHiddenColumns","useUnformattedValues","errorMessage","id","generate","getSnapshotRanges","selectedRanges","rowCount","columnCount","snapshotRanges","push","SELECTED_ROWS","map","range","startColumn","endColumn","sort","rangeA","rangeB","startRow","CUSTOMIZED_ROWS","Math","min","LAST","max","getModelRanges","ranges","userColumnWidths","movedColumns","hiddenColumns","getHiddenColumns","modelRanges","length","subtractRanges","makeColumn","subtractRangesFromRanges","resetDownloadState","setState","isDownloading","onDownloadStart","onDownload","onCancel","validateOptionInput","frozenTable","export","tableSubscription","setViewport","getViewportData","error","event","target","value","parseInt","render","tableDownloadProgress","tableDownloadEstimatedTime","tableDownloadStatus","toString","replace","DOWNLOAD_STATUS","DOWNLOADING","INITIATING","formatElapsedTime","FINISHED","CANCELED","width","undefined"],"sources":["../../src/sidebar/TableCsvExporter.tsx"],"sourcesContent":["import React, { Component, ReactElement } from 'react';\nimport ClassNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n  Button,\n  Checkbox,\n  LoadingSpinner,\n  RadioGroup,\n  RadioItem,\n} from '@deephaven/components';\nimport {\n  GridRange,\n  GridUtils,\n  ModelSizeMap,\n  MoveOperation,\n} from '@deephaven/grid';\nimport { vsWarning } from '@deephaven/icons';\nimport type {\n  dh as DhType,\n  Table,\n  TableViewportSubscription,\n} from '@deephaven/jsapi-types';\nimport { TimeUtils } from '@deephaven/utils';\nimport shortid from 'shortid';\nimport './TableCsvExporter.scss';\nimport Log from '@deephaven/log';\nimport IrisGridModel from '../IrisGridModel';\nimport IrisGridUtils from '../IrisGridUtils';\n\nconst log = Log.module('TableCsvExporter');\ninterface TableCsvExporterProps {\n  model: IrisGridModel;\n  name: string;\n  userColumnWidths: ModelSizeMap;\n  movedColumns: readonly MoveOperation[];\n  isDownloading: boolean;\n  tableDownloadStatus: string;\n  tableDownloadProgress: number;\n  tableDownloadEstimatedTime: number;\n  onDownloadStart: () => void;\n  onDownload: (\n    fileName: string,\n    frozenTable: Table,\n    tableSubscription: TableViewportSubscription,\n    snapshotRanges: readonly GridRange[],\n    modelRanges: readonly GridRange[],\n    includeColumnHeaders: boolean,\n    useUnformattedValues: boolean\n  ) => void;\n  onCancel: () => void;\n  selectedRanges: readonly GridRange[];\n}\n\ninterface TableCsvExporterState {\n  fileName: string;\n\n  downloadRowOption: string;\n  customizedDownloadRowOption: string;\n  customizedDownloadRows: number;\n\n  includeColumnHeaders: boolean;\n  includeHiddenColumns: boolean;\n  useUnformattedValues: boolean;\n\n  errorMessage: React.ReactNode;\n  id: string;\n}\nclass TableCsvExporter extends Component<\n  TableCsvExporterProps,\n  TableCsvExporterState\n> {\n  static FILENAME_DATE_FORMAT = 'yyyy-MM-dd-HHmmss';\n\n  static DOWNLOAD_STATUS = {\n    INITIATING: 'INITIATING',\n    DOWNLOADING: 'DOWNLOADING',\n    FINISHED: 'FINISHED',\n    CANCELED: 'CANCELED',\n  };\n\n  static DOWNLOAD_ROW_OPTIONS = {\n    ALL_ROWS: 'ALL_ROWS',\n    SELECTED_ROWS: 'SELECTED_ROWS',\n    CUSTOMIZED_ROWS: 'CUSTOMIZED_ROWS',\n  };\n\n  static CUSTOMIZED_ROWS_OPTIONS = {\n    FIRST: 'FIRST',\n    LAST: 'LAST',\n  };\n\n  static DEFAULT_DOWNLOAD_ROWS = 100;\n\n  static defaultProps = {\n    onDownloadStart: (): void => undefined,\n    isDownloading: false,\n    tableDownloadStatus: '',\n    tableDownloadProgress: 0,\n    tableDownloadEstimatedTime: null,\n    selectedRanges: [],\n  };\n\n  static getDateString(dh: DhType): string {\n    return dh.i18n.DateTimeFormat.format(\n      TableCsvExporter.FILENAME_DATE_FORMAT,\n      new Date()\n    );\n  }\n\n  constructor(props: TableCsvExporterProps) {\n    super(props);\n\n    this.handleDownloadClick = this.handleDownloadClick.bind(this);\n    this.handleDownloadRowOptionChanged =\n      this.handleDownloadRowOptionChanged.bind(this);\n    this.handleCustomizedDownloadRowOptionChanged =\n      this.handleCustomizedDownloadRowOptionChanged.bind(this);\n    this.handleCustomizedDownloadRowsChanged =\n      this.handleCustomizedDownloadRowsChanged.bind(this);\n    this.handleIncludeColumnHeadersChanged =\n      this.handleIncludeColumnHeadersChanged.bind(this);\n    this.handleIncludeHiddenColumnsChanged =\n      this.handleIncludeHiddenColumnsChanged.bind(this);\n    this.handleUseUnformattedValuesChanged =\n      this.handleUseUnformattedValuesChanged.bind(this);\n\n    const { model, name } = props;\n    this.state = {\n      fileName: `${name}-${TableCsvExporter.getDateString(model.dh)}.csv`,\n\n      downloadRowOption: TableCsvExporter.DOWNLOAD_ROW_OPTIONS.ALL_ROWS,\n      customizedDownloadRowOption:\n        TableCsvExporter.CUSTOMIZED_ROWS_OPTIONS.FIRST,\n      customizedDownloadRows: TableCsvExporter.DEFAULT_DOWNLOAD_ROWS,\n\n      includeColumnHeaders: true,\n      includeHiddenColumns: false,\n      useUnformattedValues: false,\n\n      errorMessage: null,\n      id: shortid.generate(),\n    };\n  }\n\n  getSnapshotRanges(): GridRange[] {\n    const { model, selectedRanges } = this.props;\n    const {\n      downloadRowOption,\n      customizedDownloadRowOption,\n      customizedDownloadRows,\n    } = this.state;\n    const { rowCount, columnCount } = model;\n    let snapshotRanges = [] as GridRange[];\n    switch (downloadRowOption) {\n      case TableCsvExporter.DOWNLOAD_ROW_OPTIONS.ALL_ROWS:\n        snapshotRanges.push(new GridRange(0, 0, columnCount - 1, rowCount - 1));\n        break;\n      case TableCsvExporter.DOWNLOAD_ROW_OPTIONS.SELECTED_ROWS:\n        snapshotRanges = selectedRanges\n          .map(range => ({\n            ...range,\n            startColumn: 0,\n            endColumn: columnCount - 1,\n          }))\n          .sort((rangeA, rangeB) => {\n            if (rangeA.startRow != null && rangeB.startRow != null) {\n              return rangeA.startRow - rangeB.startRow;\n            }\n            return 0;\n          }) as GridRange[];\n        break;\n      case TableCsvExporter.DOWNLOAD_ROW_OPTIONS.CUSTOMIZED_ROWS:\n        switch (customizedDownloadRowOption) {\n          case TableCsvExporter.CUSTOMIZED_ROWS_OPTIONS.FIRST:\n            snapshotRanges.push(\n              new GridRange(\n                0,\n                0,\n                columnCount - 1,\n                Math.min(customizedDownloadRows - 1, rowCount - 1)\n              )\n            );\n            break;\n          case TableCsvExporter.CUSTOMIZED_ROWS_OPTIONS.LAST:\n            snapshotRanges.push(\n              new GridRange(\n                0,\n                Math.max(0, rowCount - customizedDownloadRows),\n                columnCount - 1,\n                rowCount - 1\n              )\n            );\n            break;\n          default:\n            break;\n        }\n        break;\n      default:\n        break;\n    }\n    return snapshotRanges;\n  }\n\n  getModelRanges(ranges: readonly GridRange[]): GridRange[] {\n    const { userColumnWidths, movedColumns } = this.props;\n    const { includeHiddenColumns } = this.state;\n    const hiddenColumns = IrisGridUtils.getHiddenColumns(userColumnWidths);\n    let modelRanges = GridUtils.getModelRanges(ranges, movedColumns);\n    if (!includeHiddenColumns && hiddenColumns.length > 0) {\n      const subtractRanges = hiddenColumns.map(GridRange.makeColumn);\n      modelRanges = GridRange.subtractRangesFromRanges(\n        modelRanges,\n        subtractRanges\n      );\n    }\n    return modelRanges;\n  }\n\n  resetDownloadState(): void {\n    this.setState({ errorMessage: null });\n  }\n\n  async handleDownloadClick(): Promise<void> {\n    const { model, isDownloading, onDownloadStart, onDownload, onCancel } =\n      this.props;\n    const { fileName, includeColumnHeaders, useUnformattedValues } = this.state;\n\n    if (isDownloading) {\n      onCancel();\n      return;\n    }\n\n    this.resetDownloadState();\n\n    const snapshotRanges = this.getSnapshotRanges();\n    const modelRanges = this.getModelRanges(snapshotRanges);\n    if (this.validateOptionInput()) {\n      onDownloadStart();\n      try {\n        const frozenTable = await model.export();\n        const tableSubscription = frozenTable.setViewport(0, 0);\n        await tableSubscription.getViewportData();\n        onDownload(\n          fileName,\n          frozenTable,\n          tableSubscription,\n          snapshotRanges,\n          modelRanges,\n          includeColumnHeaders,\n          useUnformattedValues\n        );\n      } catch (error) {\n        log.error('CSV download failed', error);\n\n        this.setState({\n          errorMessage: (\n            <p>\n              <FontAwesomeIcon icon={vsWarning} /> {`${error}`}\n            </p>\n          ),\n        });\n        onCancel();\n      }\n    }\n  }\n\n  handleDownloadRowOptionChanged(\n    event: React.ChangeEvent<HTMLInputElement>\n  ): void {\n    this.setState({ downloadRowOption: event.target.value });\n  }\n\n  handleCustomizedDownloadRowOptionChanged(\n    event: React.ChangeEvent<HTMLSelectElement>\n  ): void {\n    this.setState({ customizedDownloadRowOption: event.target.value });\n  }\n\n  handleCustomizedDownloadRowsChanged(\n    event: React.ChangeEvent<HTMLInputElement>\n  ): void {\n    this.setState({ customizedDownloadRows: parseInt(event.target.value, 10) });\n  }\n\n  handleIncludeColumnHeadersChanged(): void {\n    this.setState(({ includeColumnHeaders }) => ({\n      includeColumnHeaders: !includeColumnHeaders,\n    }));\n  }\n\n  handleIncludeHiddenColumnsChanged(): void {\n    this.setState(({ includeHiddenColumns }) => ({\n      includeHiddenColumns: !includeHiddenColumns,\n    }));\n  }\n\n  handleUseUnformattedValuesChanged(): void {\n    this.setState(({ useUnformattedValues }) => ({\n      useUnformattedValues: !useUnformattedValues,\n    }));\n  }\n\n  validateOptionInput(): boolean {\n    const { selectedRanges } = this.props;\n    const { downloadRowOption, customizedDownloadRows } = this.state;\n\n    if (\n      downloadRowOption ===\n        TableCsvExporter.DOWNLOAD_ROW_OPTIONS.SELECTED_ROWS &&\n      selectedRanges.length === 0\n    ) {\n      this.setState({\n        errorMessage: (\n          <p>\n            <FontAwesomeIcon icon={vsWarning} /> No rows selected. Please select\n            some rows in the table.\n          </p>\n        ),\n      });\n      return false;\n    }\n\n    if (\n      downloadRowOption ===\n        TableCsvExporter.DOWNLOAD_ROW_OPTIONS.CUSTOMIZED_ROWS &&\n      customizedDownloadRows <= 0\n    ) {\n      this.setState({\n        errorMessage: (\n          <p>\n            <FontAwesomeIcon icon={vsWarning} /> Number of rows to output must\n            be greater than 0\n          </p>\n        ),\n      });\n      return false;\n    }\n    return true;\n  }\n\n  render(): ReactElement {\n    const {\n      model,\n      isDownloading,\n      tableDownloadProgress,\n      tableDownloadEstimatedTime,\n      selectedRanges,\n      tableDownloadStatus,\n    } = this.props;\n    const {\n      fileName,\n      downloadRowOption,\n      customizedDownloadRowOption,\n      customizedDownloadRows,\n      includeColumnHeaders,\n      includeHiddenColumns,\n      useUnformattedValues,\n      errorMessage,\n      id,\n    } = this.state;\n    const { rowCount } = model;\n    return (\n      <div className=\"table-csv-exporter\">\n        <div className=\"section-title\">Download Rows</div>\n        <div className=\"form-group\">\n          <RadioGroup\n            onChange={this.handleDownloadRowOptionChanged}\n            value={downloadRowOption}\n            disabled={isDownloading}\n          >\n            <RadioItem\n              value={TableCsvExporter.DOWNLOAD_ROW_OPTIONS.ALL_ROWS}\n              data-testid=\"radio-csv-exporter-download-all\"\n            >\n              All Rows\n              <span className=\"text-muted ml-2\">\n                {`(${rowCount\n                  .toString()\n                  .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')} rows)`}\n              </span>\n            </RadioItem>\n            <RadioItem\n              value={TableCsvExporter.DOWNLOAD_ROW_OPTIONS.SELECTED_ROWS}\n              data-testid=\"radio-csv-exporter-only-selected\"\n            >\n              Only Selected Rows\n              <span className=\"text-muted ml-2\">\n                {selectedRanges.length > 0\n                  ? `(${GridRange.rowCount(selectedRanges)\n                      .toString()\n                      .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')} rows)`\n                  : null}\n              </span>\n            </RadioItem>\n            <RadioItem\n              value={TableCsvExporter.DOWNLOAD_ROW_OPTIONS.CUSTOMIZED_ROWS}\n              data-testid=\"radio-csv-exporter-customized-rows\"\n            >\n              <div\n                className=\"radio-input-row\"\n                role=\"presentation\"\n                onClick={() => {\n                  this.setState({\n                    downloadRowOption:\n                      TableCsvExporter.DOWNLOAD_ROW_OPTIONS.CUSTOMIZED_ROWS,\n                  });\n                }}\n              >\n                <select\n                  value={customizedDownloadRowOption}\n                  data-testid=\"select-csv-exporter-customized-rows\"\n                  className=\"custom-select\"\n                  disabled={isDownloading}\n                  onChange={this.handleCustomizedDownloadRowOptionChanged}\n                >\n                  <option value=\"FIRST\">First</option>\n                  <option value=\"LAST\">Last</option>\n                </select>\n                <input\n                  type=\"number\"\n                  className=\"form-control\"\n                  id={`customizedRows-${id}`}\n                  data-testid=\"input-csv-exporter-customized-rows\"\n                  name={`customizedRows-${id}`}\n                  placeholder=\"100\"\n                  value={customizedDownloadRows}\n                  disabled={isDownloading}\n                  onChange={this.handleCustomizedDownloadRowsChanged}\n                />\n                <div>Rows</div>\n              </div>\n            </RadioItem>\n          </RadioGroup>\n        </div>\n        <div className=\"form-group\">\n          <label htmlFor={`customizedRows-${id}`}>File Name</label>\n          <input\n            type=\"text\"\n            className=\"form-control\"\n            id={`filename-${id}`}\n            data-testid=\"input-csv-exporter-file-name\"\n            name={`filename-${id}`}\n            value={fileName}\n            onChange={event => {\n              this.setState({ fileName: event.target.value });\n            }}\n            disabled={isDownloading}\n          />\n        </div>\n        <div className=\"checkbox-options\">\n          <Checkbox\n            checked={includeColumnHeaders}\n            onChange={this.handleIncludeColumnHeadersChanged}\n          >\n            Include column headers\n          </Checkbox>\n          <Checkbox\n            checked={includeHiddenColumns}\n            onChange={this.handleIncludeHiddenColumnsChanged}\n          >\n            Include hidden columns\n          </Checkbox>\n          <Checkbox\n            checked={useUnformattedValues}\n            onChange={this.handleUseUnformattedValuesChanged}\n          >\n            Use unformatted values\n          </Checkbox>\n        </div>\n        <div className=\"section-footer flex-column\">\n          {errorMessage != null && (\n            <div className=\"error-message\">{errorMessage}</div>\n          )}\n          {tableDownloadStatus && (\n            <div className=\"download-status\">\n              {(tableDownloadStatus ===\n                TableCsvExporter.DOWNLOAD_STATUS.DOWNLOADING ||\n                tableDownloadStatus ===\n                  TableCsvExporter.DOWNLOAD_STATUS.INITIATING) && (\n                <>\n                  {tableDownloadStatus ===\n                    TableCsvExporter.DOWNLOAD_STATUS.INITIATING && (\n                    <div className=\"text-muted\">Starting Download...</div>\n                  )}\n                  {tableDownloadStatus ===\n                    TableCsvExporter.DOWNLOAD_STATUS.DOWNLOADING && (\n                    <div className=\"text-muted d-flex justify-content-between\">\n                      <span>\n                        {tableDownloadEstimatedTime ||\n                        tableDownloadEstimatedTime === 0\n                          ? `Estimated time: ${TimeUtils.formatElapsedTime(\n                              tableDownloadEstimatedTime\n                            )}`\n                          : null}\n                      </span>\n                      <span>{`${tableDownloadProgress}%`}</span>\n                    </div>\n                  )}\n                </>\n              )}\n              {tableDownloadStatus ===\n                TableCsvExporter.DOWNLOAD_STATUS.FINISHED && (\n                <div className=\"text-muted text-right\">Download Completed</div>\n              )}\n              {tableDownloadStatus ===\n                TableCsvExporter.DOWNLOAD_STATUS.CANCELED && (\n                <div className=\"text-muted\">Download Canceled</div>\n              )}\n\n              {(tableDownloadStatus ===\n                TableCsvExporter.DOWNLOAD_STATUS.DOWNLOADING ||\n                tableDownloadStatus ===\n                  TableCsvExporter.DOWNLOAD_STATUS.INITIATING) && (\n                <div className=\"progress\">\n                  <div\n                    className=\"progress-bar progress-bar-striped progress-bar-animated\"\n                    style={{ width: `${tableDownloadProgress}%` }}\n                  />\n                </div>\n              )}\n              {tableDownloadStatus ===\n                TableCsvExporter.DOWNLOAD_STATUS.FINISHED && (\n                <div className=\"progress\">\n                  <div\n                    className=\"progress-bar bg-success\"\n                    style={{ width: `${tableDownloadProgress}%` }}\n                  />\n                </div>\n              )}\n            </div>\n          )}\n          <Button\n            kind=\"primary\"\n            data-testid=\"btn-csv-exporter-download\"\n            className={ClassNames('btn-downloading', {\n              'btn-spinner btn-cancelable': isDownloading,\n            })}\n            onClick={this.handleDownloadClick}\n          >\n            {isDownloading && (\n              <span>\n                <LoadingSpinner className=\"loading-spinner-vertical-align\" />\n                <span className=\"btn-normal-content\">Downloading</span>\n                <span className=\"btn-hover-content\">Cancel</span>\n              </span>\n            )}\n            {!isDownloading && 'Download'}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default TableCsvExporter;\n"],"mappings":"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"}

package/dist/sidebar/aggregations/AggregationEdit.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../node_modules/@deephaven/components/scss/custom.scss","../../../src/sidebar/aggregations/AggregationEdit.scss","../../../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACOA;EACE;EACA;EACA;;AAEA;EACE,kBCYO;EDXP;;AAEE;EACE,aEdG;EFeH,gBEfG;;AFiBH;EACE;;AAGJ;EACE;;AAIJ;EACE,OCTK;;ADWL;EACE,OCpBS;;ADwBf;EACE;;AAEA;EACE;;AAEA;EACE,cEzCG;EF0CH,eE1CG;EF2CH;;AAGE;EACE,kBC5BD;ED6BC,OCtCK;;AD0CT;EACE;EACA;;AAEA;EACE;EACA,cE1DD;EF2DC,eE3DD;EF4DC;EACA,eCyDI;EDxDJ,eE9DD;EF+DC;;AAGF;AAAA;EAEE,kBArEY;EAsEZ,OC3DK","file":"AggregationEdit.css","sourcesContent":["/* 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","@import '@deephaven/components/scss/custom.scss';\n\n$item-list-selected-bg: rgba($primary, 0.4);\n$item-list-selected-color: $white;\n$item-list-hover-bg: $gray-500;\n$item-list-selected-hover-bg: $primary;\n\n.aggregation-edit {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  .top-menu {\n    background-color: $gray-800;\n    padding: 0 $spacer-2;\n    .form-inline {\n      .custom-control {\n        padding-top: $spacer-2;\n        padding-bottom: $spacer-2;\n\n        label {\n          justify-content: left;\n        }\n      }\n      .spacer {\n        flex-grow: 1;\n      }\n    }\n\n    .btn-link-icon {\n      color: $gray-400;\n\n      &.active {\n        color: $foreground;\n      }\n    }\n  }\n  .aggregation-edit-item-list {\n    flex-grow: 1;\n\n    .item-list-scroll-pane {\n      border: none;\n\n      .item-list-item {\n        padding-left: $spacer-2;\n        padding-right: $spacer-2;\n        display: flex;\n\n        &:hover {\n          label {\n            background-color: $item-list-hover-bg;\n            color: $item-list-selected-color;\n          }\n        }\n\n        .custom-control {\n          flex-grow: 1;\n          display: flex;\n\n          label {\n            padding-top: 1px;\n            padding-left: $spacer-2;\n            padding-right: $spacer-2;\n            flex-grow: 1;\n            border-radius: $border-radius;\n            margin-bottom: $spacer-2;\n            border: $input-border-width solid transparent;\n          }\n\n          &:focus-within label,\n          input[type='checkbox']:active + label {\n            background-color: $item-list-selected-bg;\n            color: $item-list-selected-color;\n          }\n        }\n      }\n    }\n  }\n}\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","//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size: $ant-size $ant-thickness, $ant-size $ant-thickness,\n    $ant-thickness $ant-size, $ant-thickness $ant-size;\n  background-position: 0 top, 0 bottom, left 0, right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../../../node_modules/@deephaven/components/scss/custom.scss","../../../src/sidebar/aggregations/AggregationEdit.scss","../../../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACOA;EACE;EACA;EACA;;AAEA;EACE,kBCYO;EDXP;;AAEE;EACE,aEdG;EFeH,gBEfG;;AFiBH;EACE;;AAGJ;EACE;;AAIJ;EACE,OCTK;;ADWL;EACE,OCpBS;;ADwBf;EACE;;AAEA;EACE;;AAEA;EACE,cEzCG;EF0CH,eE1CG;EF2CH;;AAGE;EACE,kBC5BD;ED6BC,OCtCK;;AD0CT;EACE;EACA;;AAEA;EACE;EACA,cE1DD;EF2DC,eE3DD;EF4DC;EACA,eCgEI;ED/DJ,eE9DD;EF+DC;;AAGF;AAAA;EAEE,kBArEY;EAsEZ,OC3DK","file":"AggregationEdit.css","sourcesContent":["/* 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","@import '@deephaven/components/scss/custom.scss';\n\n$item-list-selected-bg: rgba($primary, 0.4);\n$item-list-selected-color: $white;\n$item-list-hover-bg: $gray-500;\n$item-list-selected-hover-bg: $primary;\n\n.aggregation-edit {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  .top-menu {\n    background-color: $gray-800;\n    padding: 0 $spacer-2;\n    .form-inline {\n      .custom-control {\n        padding-top: $spacer-2;\n        padding-bottom: $spacer-2;\n\n        label {\n          justify-content: left;\n        }\n      }\n      .spacer {\n        flex-grow: 1;\n      }\n    }\n\n    .btn-link-icon {\n      color: $gray-400;\n\n      &.active {\n        color: $foreground;\n      }\n    }\n  }\n  .aggregation-edit-item-list {\n    flex-grow: 1;\n\n    .item-list-scroll-pane {\n      border: none;\n\n      .item-list-item {\n        padding-left: $spacer-2;\n        padding-right: $spacer-2;\n        display: flex;\n\n        &:hover {\n          label {\n            background-color: $item-list-hover-bg;\n            color: $item-list-selected-color;\n          }\n        }\n\n        .custom-control {\n          flex-grow: 1;\n          display: flex;\n\n          label {\n            padding-top: 1px;\n            padding-left: $spacer-2;\n            padding-right: $spacer-2;\n            flex-grow: 1;\n            border-radius: $border-radius;\n            margin-bottom: $spacer-2;\n            border: $input-border-width solid transparent;\n          }\n\n          &:focus-within label,\n          input[type='checkbox']:active + label {\n            background-color: $item-list-selected-bg;\n            color: $item-list-selected-color;\n          }\n        }\n      }\n    }\n  }\n}\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:\n  'Fira Sans',\n  -apple-system,\n  blinkmacsystemfont,\n  'Segoe UI',\n  'Roboto',\n  'Helvetica Neue',\n  arial,\n  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:\n  color 0.12s ease-in-out,\n  background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out,\n  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","//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size:\n    $ant-size $ant-thickness,\n    $ant-size $ant-thickness,\n    $ant-thickness $ant-size,\n    $ant-thickness $ant-size;\n  background-position:\n    0 top,\n    0 bottom,\n    left 0,\n    right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\n"]}

package/dist/sidebar/aggregations/Aggregations.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../node_modules/@deephaven/components/scss/custom.scss","../../../src/sidebar/aggregations/Aggregations.scss","../../../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACEA;EACE;EACA;EACA;;AAEA;EACE;EACA,kBCkBO;;ADfT;EACE,SEVO;;AFYP;EACE,aEdK;;AFiBP;EACE,cEhBK;;AFiBL;EACE,aEnBG;;AFwBT;EACE;;AACA;EACE;;AAGF;EACE;;AAGE;EACE,aEnCC;;AFwCP;EACE;EACA;;AAEA;EACE,cE9CG","file":"Aggregations.css","sourcesContent":["/* 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","@import '@deephaven/components/scss/custom.scss';\n\n.aggregations {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n  hr {\n    margin: $spacer-2 $spacer-2;\n    background-color: $gray-900;\n  }\n\n  .form-inline {\n    padding: $spacer-2;\n\n    .btn-add {\n      margin-left: $spacer-1;\n    }\n\n    .custom-radio {\n      margin-right: $spacer-3;\n      &:first-of-type {\n        margin-left: $spacer-2;\n      }\n    }\n  }\n\n  .draggable-item-list {\n    flex-grow: 1;\n    .item-list-scroll-pane {\n      border: none;\n    }\n\n    .draggable-item-list-item-content {\n      margin-right: 0;\n\n      .title {\n        span {\n          margin-left: $spacer-2;\n        }\n      }\n    }\n\n    .btn-link-icon {\n      padding: 0 $spacer-2 0;\n      margin: -1px 0 $spacer-1 $spacer-1;\n\n      &:last-child {\n        margin-right: $spacer-1;\n      }\n    }\n  }\n}\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","//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size: $ant-size $ant-thickness, $ant-size $ant-thickness,\n    $ant-thickness $ant-size, $ant-thickness $ant-size;\n  background-position: 0 top, 0 bottom, left 0, right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../../../node_modules/@deephaven/components/scss/custom.scss","../../../src/sidebar/aggregations/Aggregations.scss","../../../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACEA;EACE;EACA;EACA;;AAEA;EACE;EACA,kBCkBO;;ADfT;EACE,SEVO;;AFYP;EACE,aEdK;;AFiBP;EACE,cEhBK;;AFiBL;EACE,aEnBG;;AFwBT;EACE;;AACA;EACE;;AAGF;EACE;;AAGE;EACE,aEnCC;;AFwCP;EACE;EACA;;AAEA;EACE,cE9CG","file":"Aggregations.css","sourcesContent":["/* 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","@import '@deephaven/components/scss/custom.scss';\n\n.aggregations {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n  hr {\n    margin: $spacer-2 $spacer-2;\n    background-color: $gray-900;\n  }\n\n  .form-inline {\n    padding: $spacer-2;\n\n    .btn-add {\n      margin-left: $spacer-1;\n    }\n\n    .custom-radio {\n      margin-right: $spacer-3;\n      &:first-of-type {\n        margin-left: $spacer-2;\n      }\n    }\n  }\n\n  .draggable-item-list {\n    flex-grow: 1;\n    .item-list-scroll-pane {\n      border: none;\n    }\n\n    .draggable-item-list-item-content {\n      margin-right: 0;\n\n      .title {\n        span {\n          margin-left: $spacer-2;\n        }\n      }\n    }\n\n    .btn-link-icon {\n      padding: 0 $spacer-2 0;\n      margin: -1px 0 $spacer-1 $spacer-1;\n\n      &:last-child {\n        margin-right: $spacer-1;\n      }\n    }\n  }\n}\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:\n  'Fira Sans',\n  -apple-system,\n  blinkmacsystemfont,\n  'Segoe UI',\n  'Roboto',\n  'Helvetica Neue',\n  arial,\n  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:\n  color 0.12s ease-in-out,\n  background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out,\n  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","//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size:\n    $ant-size $ant-thickness,\n    $ant-size $ant-thickness,\n    $ant-thickness $ant-size,\n    $ant-thickness $ant-size;\n  background-position:\n    0 top,\n    0 bottom,\n    left 0,\n    right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\n"]}

package/dist/sidebar/conditional-formatting/ConditionalFormatEditor.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../node_modules/@deephaven/components/scss/custom.scss","../../../src/sidebar/conditional-formatting/ConditionalFormatEditor.scss","../../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACEA;EACE,SCCS;;ADCT;EACE;EACA;EACA,aCLO;;ADQT;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE","file":"ConditionalFormatEditor.css","sourcesContent":["/* 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","@import '@deephaven/components/scss/custom.scss';\n\n.conditional-format-editor {\n  padding: $spacer-3;\n\n  .formatter-list {\n    display: flex;\n    justify-content: flex-start;\n    padding-top: $spacer-2;\n  }\n\n  .formatter-type {\n    margin: 0 $spacer-3 0 0;\n    display: flex;\n  }\n\n  .btn-formatter-type {\n    font-size: smaller;\n    width: 100%;\n  }\n\n  .color-select {\n    padding: 0 2em 0 0.25em;\n  }\n}\n","//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size: $ant-size $ant-thickness, $ant-size $ant-thickness,\n    $ant-thickness $ant-size, $ant-thickness $ant-size;\n  background-position: 0 top, 0 bottom, left 0, right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../../../node_modules/@deephaven/components/scss/custom.scss","../../../src/sidebar/conditional-formatting/ConditionalFormatEditor.scss","../../../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACEA;EACE,SCCS;;ADCT;EACE;EACA;EACA,aCLO;;ADQT;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE","file":"ConditionalFormatEditor.css","sourcesContent":["/* 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","@import '@deephaven/components/scss/custom.scss';\n\n.conditional-format-editor {\n  padding: $spacer-3;\n\n  .formatter-list {\n    display: flex;\n    justify-content: flex-start;\n    padding-top: $spacer-2;\n  }\n\n  .formatter-type {\n    margin: 0 $spacer-3 0 0;\n    display: flex;\n  }\n\n  .btn-formatter-type {\n    font-size: smaller;\n    width: 100%;\n  }\n\n  .color-select {\n    padding: 0 2em 0 0.25em;\n  }\n}\n","//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size:\n    $ant-size $ant-thickness,\n    $ant-size $ant-thickness,\n    $ant-thickness $ant-size,\n    $ant-thickness $ant-size;\n  background-position:\n    0 top,\n    0 bottom,\n    left 0,\n    right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\n"]}