@vuu-ui/vuu-table-extras 0.8.17-debug → 0.8.18-debug

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/cjs/index.js +6066 -5908
  2. package/cjs/index.js.map +4 -4
  3. package/esm/index.js +6314 -6144
  4. package/esm/index.js.map +4 -4
  5. package/index.css +928 -890
  6. package/index.css.map +3 -3
  7. package/package.json +13 -14
  8. package/types/cell-renderers/background-cell/BackgroundCell.d.ts +5 -0
  9. package/types/cell-renderers/dropdown-cell/DropdownCell.d.ts +4 -0
  10. package/types/cell-renderers/dropdown-cell/index.d.ts +1 -0
  11. package/types/cell-renderers/index.d.ts +3 -0
  12. package/types/cell-renderers/lookup-cell/LookupCell.d.ts +3 -0
  13. package/types/cell-renderers/lookup-cell/index.d.ts +1 -0
  14. package/types/column-expression-input/useColumnExpressionSuggestionProvider.d.ts +1 -1
  15. package/types/column-expression-panel/ColumnExpressionPanel.d.ts +1 -2
  16. package/types/column-formatting-settings/BaseNumericFormattingSettings.d.ts +3 -0
  17. package/types/column-formatting-settings/ColumnFormattingPanel.d.ts +4 -4
  18. package/types/column-formatting-settings/DateTimeFormattingSettings.d.ts +4 -0
  19. package/types/column-formatting-settings/LongTypeFormattingSettings.d.ts +4 -0
  20. package/types/column-formatting-settings/index.d.ts +2 -1
  21. package/types/column-formatting-settings/types.d.ts +6 -0
  22. package/types/column-list/ColumnList.d.ts +1 -1
  23. package/types/column-settings/ColumnSettingsPanel.d.ts +2 -11
  24. package/types/column-settings/useColumnSettings.d.ts +2 -2
  25. package/types/datasource-stats/DatasourceStats.d.ts +1 -1
  26. package/types/index.d.ts +0 -2
  27. package/types/table-settings/TableSettingsPanel.d.ts +3 -12
  28. package/types/table-settings/useTableSettings.d.ts +1 -2
  29. package/types/cell-renderers-next/background-cell/BackgroundCell.d.ts +0 -5
  30. package/types/cell-renderers-next/index.d.ts +0 -1
  31. package/types/column-formatting-settings/NumericFormattingSettings.d.ts +0 -7
  32. package/types/useTableAndColumnSettings.d.ts +0 -15
  33. /package/types/{cell-renderers-next → cell-renderers}/background-cell/BackgroundCellConfigurationEditor.d.ts +0 -0
  34. /package/types/{cell-renderers-next → cell-renderers}/background-cell/index.d.ts +0 -0
  35. /package/types/{cell-renderers-next → cell-renderers}/background-cell/useDirection.d.ts +0 -0
package/index.css.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../packages/vuu-table-extras/src/cell-renderers/progress-cell/ProgressCell.css", "../../../packages/vuu-table-extras/src/cell-renderers-next/background-cell/BackgroundCell.css", "../../../packages/vuu-table-extras/src/cell-renderers-next/background-cell/FlashingBackground.css", "../../../packages/vuu-table-extras/src/cell-renderers-next/background-cell/BackgroundCellConfigurationEditor.css", "../../../packages/vuu-table-extras/src/column-list/ColumnList.css", "../../../packages/vuu-table-extras/src/column-expression-input/ColumnExpressionInput.css", "../../../packages/vuu-table-extras/src/column-settings/ColumnNameLabel.css", "../../../packages/vuu-table-extras/src/column-settings/ColumnSettingsPanel.css", "../../../packages/vuu-table-extras/src/datasource-stats/DatasourceStats.css", "../../../packages/vuu-table/src/column-resizing/ColumnResizer.css", "../../../packages/vuu-table/src/column-header-pill/ColumnHeaderPill.css", "../../../packages/vuu-table/src/column-header-pill/GroupColumnPill.css", "../../../packages/vuu-table/src/column-header-pill/SortIndicator.css", "../../../packages/vuu-table/src/header-cell/GroupHeaderCell.css", "../../../packages/vuu-table/src/column-menu/ColumnMenu.css", "../../../packages/vuu-table/src/header-cell/HeaderCell.css", "../../../packages/vuu-table/src/table-cell/TableCell.css", "../../../packages/vuu-table/src/table-cell/TableGroupCell.css", "../../../packages/vuu-table/src/Row.css", "../../../packages/vuu-table/src/Table.css", "../../../packages/vuu-table/src/cell-renderers/dropdown-cell/DropdownCell.css", "../../../packages/vuu-table/src/cell-renderers/input-cell/InputCell.css", "../../../packages/vuu-table/src/cell-renderers/toggle-cell/ToggleCell.css", "../../../packages/vuu-table-extras/src/table-settings/TableSettingsPanel.css"],
4
- "sourcesContent": [".vuuProgressCell {\n align-items: center;\n display: flex;\n}\n\n.vuuProgressCell-track {\n display: inline-block;\n flex: auto 1 1;\n height: 4px;\n overflow: hidden;\n position: relative;\n}\n\n.vuuProgressCell-bg {\n background-color: var(--salt-measured-background);\n display: inline-block;\n height: 2px;\n left: 0;\n position: absolute;\n top: 1px;\n width: 100%;\n}\n\n\n.vuuProgressCell-bar {\n background-color: var(--salt-measured-fill);\n display: inline-block;\n height: 100%;\n left: 0;\n position: absolute;\n top:0;\n transform: translateX(var(--progress-bar-pct, -100%));\n width: 100%;\n}\n\n.vuuProgressCell-text {\n flex: 35px 0 0;\n text-align: right;\n}", ".vuuTable td:has(> .vuuBackgroundCell){\n padding: 0;\n text-align: right;\n} \n\n.vuuBackgroundCell {\n color: var(--background-cell-color);\n padding-right: var(--salt-size-unit);\n position: relative;\n z-index: -1;\n}\n\n.vuuBackgroundCell-flasher {\n background-color: var(--background-cell-background);\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: -1;\n}\n\n.vuuBackgroundCell-flasher {\n text-align: left;\n}\n.vuuBackgroundCell-flasher + .num {\n padding-left: 8px;\n}\n\n.right .vuuBackgroundCell-flasher {\n text-align: right;\n}\n.right .vuuBackgroundCell-flasher + .num {\n padding-right: 8px;\n}\n\n.vuuBackgroundCell-arrowOnly > .vuuBackgroundCell-flasher {\n background-color: transparent;\n}\n\n.vuuBackgroundCell-backgroundOnly.up1,\n.vuuBackgroundCell-backgroundArrow.up1 {\n animation-duration: 30s;\n animation-name: reactbgup1;\n}\n\n.vuuBackgroundCell-backgroundOnly.up2,\n.vuuBackgroundCell-backgroundArrow.up2 {\n animation-duration: 30s;\n animation-name: reactbgup2;\n}\n\n.vuuBackgroundCell-backgroundOnly.down1,\n.vuuBackgroundCell-backgroundArrow.down1 {\n animation-duration: 30s;\n animation-name: reactbgdown1;\n}\n\n.vuuBackgroundCell-backgroundOnly.down2,\n.vuuBackgroundCell-backgroundArrow.down2 {\n animation-duration: 30s;\n animation-name: reactbgdown2;\n}\n\n.up1.vuuBackgroundCell-arrowOnly > .vuuBackgroundCell-flasher {\n animation-duration: 30s;\n animation-name: reactarrowup1;\n}\n\n.up2.vuuBackgroundCell-arrowOnly > .vuuBackgroundCell-flasher {\n animation-duration: 30s;\n animation-name: reactarrowup2;\n}\n\n.down1.vuuBackgroundCell-arrowOnly > .vuuBackgroundCell-flasher {\n animation-duration: 30s;\n animation-name: reactarrowdown1;\n}\n\n.down2.vuuBackgroundCell-arrowOnly > .vuuBackgroundCell-flasher {\n animation-duration: 30s;\n animation-name: reactarrowdown2;\n}\n\n.up1.vuuBackgroundCell-arrowBackground > .vuuBackgroundCell-flasher {\n animation-duration: 30s;\n animation-name: reactbgarrowup1;\n}\n\n.up2.vuuBackgroundCell-arrowBackground > .vuuBackgroundCell-flasher {\n animation-duration: 30s;\n animation-name: reactbgarrowup2;\n}\n\n.down1.vuuBackgroundCell-arrowBackground > .vuuBackgroundCell-flasher {\n animation-duration: 30s;\n animation-name: reactbgarrowdown1;\n}\n\n.down2.vuuBackgroundCell-arrowBackground > .vuuBackgroundCell-flasher {\n animation-duration: 30s;\n animation-name: reactbgarrowdown2;\n}\n", "/* @property --background-cell-background {\n syntax: '<color>'; \n initial-value: transparent;\n inherits: false;\n} */\n\n/* @property color {\n syntax: '<color>'; \n initial-value: #15171B;\n inherits: false;\n} */\n\n@keyframes reactbgup1 {\n from {\n background-color: var(--vuu-color-green-50);\n color: white;\n }\n to {\n background-color: transparent;\n color: var(--vuu-color-gray-80);\n\n }\n }\n \n @keyframes reactbgup2 {\n from {\n background-color: var(--vuu-color-green-50);\n color: #ffffff;\n }\n to {\n background-color: transparent;\n color: var(--vuu-color-gray-80);\n }\n }\n \n @keyframes reactbgdown1 {\n from {\n background-color: var(--vuu-color-red-50);\n color: white;\n }\n to {\n background-color: transparent;\n color: var(--vuu-color-gray-80);\n }\n }\n \n @keyframes reactbgdown2 {\n from {\n background-color: var(--vuu-color-red-50);\n color: white;\n }\n to {\n background-color: transparent;\n color: var(--vuu-color-gray-80);\n }\n }\n \n @keyframes reactarrowup1 {\n from {\n color: var(--salt-differential-positive-foreground);\n }\n to {\n color: transparent;\n }\n }\n \n @keyframes reactarrowup2 {\n from {\n color: var(--salt-differential-positive-foreground);\n }\n to {\n color: transparent;\n }\n }\n \n @keyframes reactarrowdown1 {\n from {\n color: var(--salt-differential-negative-foreground);\n }\n to {\n color: transparent;\n }\n }\n \n @keyframes reactarrowdown2 {\n from {\n color: var(--salt-differential-negative-foreground);\n }\n to {\n color: transparent;\n }\n }\n \n @keyframes reactbgarrowup1 {\n 0% {\n color: var(--salt-differential-positive-foreground);\n background-color: var(--vuu-color-green-50);\n }\n 20% {\n color: var(--salt-differential-positive-foreground);\n background-color: transparent;\n }\n 100% {\n color: transparent;\n background-color: transparent;\n }\n }\n \n @keyframes reactbgarrowup2 {\n 0% {\n color: var(--salt-differential-positive-foreground);\n background-color: var(--vuu-color-green-50);\n }\n 20% {\n color: var(--salt-differential-positive-foreground);\n background-color: transparent;\n }\n 100% {\n color: transparent;\n background-color: transparent;\n }\n }\n \n @keyframes reactbgarrowdown1 {\n 0% {\n color: var(--salt-differential-negative-foreground);\n background-color: var(--vuu-color-red-50);\n }\n 20% {\n color: var(--salt-differential-negative-foreground);\n background-color: transparent;\n }\n 100% {\n color: transparent;\n background-color: transparent;\n }\n }\n \n @keyframes reactbgarrowdown2 {\n 0% {\n color: var(--salt-differential-negative-foreground);\n background-color: var(--vuu-color-red-50);\n }\n 20% {\n color: var(--salt-differential-negative-foreground);\n background-color: transparent;\n }\n 100% {\n color: transparent;\n background-color: transparent;\n }\n }\n ", ".vuuBackgroundCellConfiguration {\n height: 50px;\n background-color: red;\n}", "\n\n.vuuColumnList {\n --vuuMeasuredContainer-flex: 1 1 1px;\n --vuu-svg-function: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 14\"><path d=\"M5.8625 10.5V9.625H6.72291L8.4875 7.59792L6.72291 5.54167H5.64375L4.60833 10.8792C4.53055 11.3167 4.36527 11.6545 4.1125 11.8927C3.85972 12.1309 3.53402 12.25 3.13541 12.25C2.7368 12.25 2.40382 12.1333 2.13645 11.9C1.86909 11.6667 1.73541 11.375 1.73541 11.025C1.73541 10.7625 1.80833 10.551 1.95416 10.3906C2.1 10.2302 2.28958 10.15 2.52291 10.15C2.72708 10.15 2.89479 10.2083 3.02604 10.325C3.15729 10.4417 3.22291 10.5972 3.22291 10.7917C3.22291 10.8986 3.20104 10.9983 3.15729 11.0906C3.11354 11.183 3.05277 11.2583 2.975 11.3167C3.01388 11.3361 3.0552 11.3507 3.09895 11.3604C3.1427 11.3701 3.18888 11.375 3.2375 11.375C3.36388 11.375 3.47083 11.3142 3.55833 11.1927C3.64583 11.0712 3.70902 10.9132 3.74791 10.7188L4.75416 5.54167H2.91666V4.66667H4.91458L5.22083 3.12083C5.30833 2.68333 5.48333 2.34549 5.74583 2.10729C6.00833 1.8691 6.33402 1.75 6.72291 1.75C7.12152 1.75 7.44965 1.86667 7.70729 2.1C7.96493 2.33333 8.09375 2.625 8.09375 2.975C8.09375 3.2375 8.02083 3.44896 7.875 3.60938C7.72916 3.76979 7.53958 3.85 7.30625 3.85C7.1118 3.85 6.94652 3.7941 6.81041 3.68229C6.6743 3.57049 6.60625 3.42222 6.60625 3.2375C6.60625 3.14028 6.62569 3.04549 6.66458 2.95312C6.70347 2.86076 6.75208 2.78542 6.81041 2.72708C6.79097 2.70764 6.7618 2.69063 6.72291 2.67604C6.68402 2.66146 6.64513 2.65417 6.60625 2.65417C6.47986 2.65417 6.37048 2.7125 6.27812 2.82917C6.18576 2.94583 6.12013 3.09653 6.08125 3.28125L5.81875 4.66667H8.575V5.54167H7.88958L9.1 6.94167L10.2375 5.54167H9.5375V4.66667H12.25V5.54167H11.4042L9.65416 7.59792L11.4042 9.625H12.25V10.5H9.5375V9.625H10.2375L9.07083 8.26875L7.875 9.625H8.575V10.5H5.8625Z\"/></svg>');\n --vuuList-borderStyle: none;\n --vuuListItem-padding: 0;\n display: flex;\n flex-direction: column;\n width: 252px;\n}\n\n[data-icon=\"function\"]{\n --vuu-icon-svg: var(--vuu-svg-function);\n}\n\n.vuuColumnListItem {\n border-bottom: solid 1px var(--salt-separable-tertiary-borderColor);\n padding: 0 6px 0 0;\n}\n\n.vuuColumnList-switch {\n flex: 0 0 32px;\n}\n\n.vuuColumnList-text {\n flex: 1 1 auto;\n}\n\n.vuuColumnList-text:hover {\n font-weight: 600;\n text-decoration: underline;\n}\n\n.vuuColumnList-checkBox {\n flex: 0 0 20px;\n}\n\n.vuuColumnList-icon {\n --vuu-icon-color: var(--vuu-color-gray-45);\n --vuu-icon-size: 16px;\n --vuu-icon-width: 32px;\n}\n\n.vuuColumnList-header {\n border-top: solid 2px var(--vuu-color-gray-30);\n flex: 0 0 40px;\n font-size: 14px;\n font-weight: 600;\n padding-top: 24px;\n}\n\n.vuuColumnList-colHeadings {\n border-bottom: solid 2px var(--vuu-color-gray-30);\n color: var(--vuu-color-gray-50);\n display: flex;\n flex: 0 0 24px;\n font-size: 10px;\n justify-content: space-between;\n margin-top: 16px;\n padding-bottom: 8px;\n\n}", "\n.vuuColumnExpressionInput {\n --vuuFilterEditor-background: var(--salt-container-primary-background);\n --vuuFilterEditor-color: var(--salt-text-primary-foreground);\n --vuuFilterEditor-fontFamily: var(--salt-typography-fontFamily);\n --vuuFilterEditor-fontSize: var(--salt-text-fontSize);\n --vuuFilterEditor-cursorColor: var(--salt-text-secondary-foreground);\n --vuuFilterEditor-selectionBackground: var(--salt-text-background-selected);\n --vuuFilterEditor-tooltipBackground: var(--salt-container-primary-background);\n --vuuFilterEditor-tooltipBorder: solid 1px var(--vuu-color-purple-10); \n --vuuFilterEditor-tooltipElevation: var(--salt-overlayable-shadow-popout);\n --vuuFilterEditor-suggestion-selectedBackground: var(--vuu-color-gray-10);\n --vuuFilterEditor-suggestion-selectedColor: var(--salt-text-primary-foreground);\n --vuuFilterEditor-suggestion-detailColor: var(--salt-text-secondary-foreground-disabled);\n --vuuFilterEditor-suggestion-height: 24px;\n --vuuFilterEditor-variableColor: var(--vuu-color-purple-10);\n\n align-items: center;\n box-sizing: border-box;\n height: 30px;\n}\n\n.vuuColumnExpressionInput-FilterButton,\n.vuuColumnExpressionInput-ClearButton {\n --vuu-icon-size: 12px;\n --saltButton-width: 28px;\n}\n\n.expression-type-container {\n margin: 0 3px 0 auto;\n color: var(--salt-text-secondary-foreground)\n}\n\n.expression-kind {\n display: inline-block;\n width: 50px;\n}\n\n.expression-type {\n display: inline-block;\n text-align: right;\n width: 50px;\n}\n\n.vuuSuggestion {\n display: flex;\n align-items: center;\n}\n\n.vuuFunctionDoc {\n padding: 13px 7px;\n}\n\n.vuuFunctionDoc .function-heading {\n display: flex;\n gap: 3px;\n}\n\n.vuuFunctionDoc .function-name {\n font-weight: 700;\n text-transform: capitalize;\n}\n\n.vuuFunctionDoc .param-list {\n color: var(--vuu-color-gray-50);\n white-space: pre;\n}\n\n.vuuFunctionDoc .function-type {\n color: var(--vuu-color-gray-50);\n font-weight: 700;\n margin-left: auto;\n text-transform: capitalize;\n}\n\n.vuuFunctionDoc .example-container {\n background-color: var(--vuu-color-gray-03);\n margin: 6px 0;\n padding: 3px;\n}\n\n.vuuFunctionDoc .example-expression {\n color: var(--vuu-color-gray-80);\n font-family: var(--salt-typography-fontFamily-code);\n font-weight: 500;\n padding: 8px;\n}\n\n.vuuFunctionDoc .example-result {\n margin-left: 8px;\n margin-top: 6px;\n}", ".vuuColumnNameLabel-calculated {\n cursor: pointer;\n display: flex;\n gap: 2px;\n}\n\n.vuuColumnNameLabel-edit {\n margin-left: auto;\n}\n\n.vuuColumnNameLabel-placeholder {\n color: var(--vuu-color-gray-35);\n}", ".vuuColumnSettingsPanel {\n --vuu-svg-align-left: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M9.33333 10H2.66667C2.3 10 2 10.3 2 10.6667C2 11.0333 2.3 11.3333 2.66667 11.3333H9.33333C9.7 11.3333 10 11.0333 10 10.6667C10 10.3 9.7 10 9.33333 10ZM9.33333 4.66667H2.66667C2.3 4.66667 2 4.96667 2 5.33333C2 5.7 2.3 6 2.66667 6H9.33333C9.7 6 10 5.7 10 5.33333C10 4.96667 9.7 4.66667 9.33333 4.66667ZM2.66667 8.66667H13.3333C13.7 8.66667 14 8.36667 14 8C14 7.63333 13.7 7.33333 13.3333 7.33333H2.66667C2.3 7.33333 2 7.63333 2 8C2 8.36667 2.3 8.66667 2.66667 8.66667ZM2.66667 14H13.3333C13.7 14 14 13.7 14 13.3333C14 12.9667 13.7 12.6667 13.3333 12.6667H2.66667C2.3 12.6667 2 12.9667 2 13.3333C2 13.7 2.3 14 2.66667 14ZM2 2.66667C2 3.03333 2.3 3.33333 2.66667 3.33333H13.3333C13.7 3.33333 14 3.03333 14 2.66667C14 2.3 13.7 2 13.3333 2H2.66667C2.3 2 2 2.3 2 2.66667Z\" /></svg>');\n --vuu-svg-align-right: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M2.66667 14H13.3333C13.7 14 14 13.7 14 13.3333C14 12.9667 13.7 12.6667 13.3333 12.6667H2.66667C2.3 12.6667 2 12.9667 2 13.3333C2 13.7 2.3 14 2.66667 14ZM6.66667 11.3333H13.3333C13.7 11.3333 14 11.0333 14 10.6667C14 10.3 13.7 10 13.3333 10H6.66667C6.3 10 6 10.3 6 10.6667C6 11.0333 6.3 11.3333 6.66667 11.3333ZM2.66667 8.66667H13.3333C13.7 8.66667 14 8.36667 14 8C14 7.63333 13.7 7.33333 13.3333 7.33333H2.66667C2.3 7.33333 2 7.63333 2 8C2 8.36667 2.3 8.66667 2.66667 8.66667ZM6.66667 6H13.3333C13.7 6 14 5.7 14 5.33333C14 4.96667 13.7 4.66667 13.3333 4.66667H6.66667C6.3 4.66667 6 4.96667 6 5.33333C6 5.7 6.3 6 6.66667 6ZM2 2.66667C2 3.03333 2.3 3.33333 2.66667 3.33333H13.3333C13.7 3.33333 14 3.03333 14 2.66667C14 2.3 13.7 2 13.3333 2H2.66667C2.3 2 2 2.3 2 2.66667Z\" /></svg>');\n --vuu-svg-pin-left: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M7.33333 9.86V8.66666H13.3333C13.7 8.66666 14 8.36666 14 8C14 7.63333 13.7 7.33333 13.3333 7.33333L7.33333 7.33333V6.14C7.33333 5.84 6.97333 5.69333 6.76667 5.90666L4.90667 7.76666C4.77333 7.89999 4.77333 8.10666 4.90667 8.24L6.76667 10.1C6.97333 10.3067 7.33333 10.16 7.33333 9.86ZM2.66667 13.3333C3.03333 13.3333 3.33333 13.0333 3.33333 12.6667L3.33333 3.33333C3.33333 2.96666 3.03333 2.66666 2.66667 2.66666C2.3 2.66666 2 2.96666 2 3.33333L2 12.6667C2 13.0333 2.3 13.3333 2.66667 13.3333Z\" /></svg>');\n --vuu-svg-pin-float: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M6 4.66667H4.66667V6H6V4.66667ZM6 7.33333H4.66667V8.66667H6V7.33333ZM6 2C5.26 2 4.66667 2.6 4.66667 3.33333H6V2ZM8.66667 10H7.33333V11.3333H8.66667V10ZM12.6667 2V3.33333H14C14 2.6 13.4 2 12.6667 2ZM8.66667 2H7.33333V3.33333H8.66667V2ZM6 11.3333V10H4.66667C4.66667 10.7333 5.26 11.3333 6 11.3333ZM12.6667 8.66667H14V7.33333H12.6667V8.66667ZM12.6667 6H14V4.66667H12.6667V6ZM12.6667 11.3333C13.4 11.3333 14 10.7333 14 10H12.6667V11.3333ZM2.66667 4.66667C2.3 4.66667 2 4.96667 2 5.33333V12.6667C2 13.4 2.6 14 3.33333 14H10.6667C11.0333 14 11.3333 13.7 11.3333 13.3333C11.3333 12.9667 11.0333 12.6667 10.6667 12.6667H4C3.63333 12.6667 3.33333 12.3667 3.33333 12V5.33333C3.33333 4.96667 3.03333 4.66667 2.66667 4.66667ZM10 3.33333H11.3333V2H10V3.33333ZM10 11.3333H11.3333V10H10V11.3333Z\" /></svg>');\n --vuu-svg-pin-right: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M8.66667 6.14V7.33333H2.66667C2.3 7.33333 2 7.63333 2 8C2 8.36666 2.3 8.66666 2.66667 8.66666H8.66667V9.86C8.66667 10.16 9.02667 10.3067 9.23333 10.0933L11.0933 8.23333C11.2267 8.1 11.2267 7.89333 11.0933 7.76L9.23333 5.9C9.02667 5.69333 8.66667 5.84 8.66667 6.14ZM13.3333 13.3333C13.7 13.3333 14 13.0333 14 12.6667V3.33333C14 2.96666 13.7 2.66666 13.3333 2.66666C12.9667 2.66666 12.6667 2.96666 12.6667 3.33333V12.6667C12.6667 13.0333 12.9667 13.3333 13.3333 13.3333Z\"/></svg>');\n --vuuDropdown-height: 24px;\n --vuuDropdown-width: 100%;\n \n \n --vuuIconToggleButton-iconSize: 16px;\n\n display: flex;\n flex-direction: column;\n gap: 24px;\n height: 100%;\n padding-top: 24px;\n}\n\n.vuuColumnSettingsPanel-header {\n border-top: solid 2px var(--vuu-color-gray-30);\n font-size: 14px;\n font-weight: 600;\n padding-top: 24px;\n}\n\n\n.vuuColumnSettingsPanel-buttonBar {\n align-items: center;\n display: flex;\n justify-content: space-between;\n margin-top: auto;\n}\n\n.vuuColumnSettingsPanel-buttonBar[data-align=\"right\"]{\n gap: 6px;\n justify-content: flex-end;\n}\n\n.vuuColumnSettingsPanel-buttonNavPrev {\n --vuu-icon-left: 6px;\n padding-left: 24px\n}\n\n.vuuColumnSettingsPanel-buttonNavNext {\n --vuu-icon-left: calc(100% - 18px);\n padding-right: 24px\n}\n\n\n\n[data-icon='align-left'] {\n --vuu-icon-svg: var(--vuu-svg-align-left);\n }\n\n [data-icon='align-right'] {\n --vuu-icon-svg: var(--vuu-svg-align-right);\n }\n\n [data-icon='pin-left'] {\n --vuu-icon-svg: var(--vuu-svg-pin-left);\n }\n [data-icon='pin-float'] {\n --vuu-icon-svg: var(--vuu-svg-pin-float);\n }\n [data-icon='pin-right'] {\n --vuu-icon-svg: var(--vuu-svg-pin-right);\n }\n\n .vuuColumnSettingsPanel-editing .vuuColumnNameLabel-edit {\n display: none;\n }\n \n\n\n \n \n \n \n \n", ".vuuDatasourceStats {\n color: black;\n display: flex;\n font-size: 10px;\n gap: var(--salt-size-unit);\n padding: 4px 0 0 12px;\n}\n\n.vuuDatasourceStats-label {\n color: var(--vuu-color-gray-50);\n}", ".vuuColumnResizerNext {\n background-color: var(--columnResizer-color);\n cursor: col-resize;\n height: var(--header-height);\n margin-left: var(--columnResizer-left, auto);\n position: absolute;\n right: -5px;\n width: 8px;\n z-index:1;\n}\n\n.vuuColumnResizerNext:hover {\n --columnResizer-color: var(--vuu-color-purple-10);\n}\n\n.vuuColumnResizerNext:after {\n background-color: var(--columnResizer-color, var(--salt-separable-tertiary-borderColor));\n bottom:0;\n content: '';\n position: absolute;\n top: 0;\n right: 3px;\n height: var(--columnResizer-height, 0);\n width: 2px;\n}", ".vuuColumnHeaderPill {\n --vuu-icon-size: 14px;\n --menu-item-icon-color: black;\n --vuu-icon-color: white;\n --vuu-icon-height: 12px;\n --vuu-icon-width: 12px;\n align-items: center;\n background: var(--salt-taggable-background-active);\n color: white;\n border-radius: 4px;\n flex: var(--vuuColumnHeaderPill-flex, none);\n font-size: 11px;\n gap: 4px;\n height: 16px;\n display: flex;\n margin: var(--vuuColumnHeaderPill-margin, 0);\n padding: 0 6px;\n position: relative; \n}\n\n.vuuColumnHeaderPill:hover {\n --vuu-icon-color: var(--vuu-color-gray-80);\n background-color: var(--salt-taggable-background-hover);\n color: var(--vuu-color-gray-80);\n \n}\n\n.vuuColumnHeaderPill-removeButton {\n cursor: pointer;\n}", "\n.vuuSortPosition {\n font-size: 11px;\n font-weight: 700;\n padding-top: 1px;\n}\n\n", "\n.vuuSortPosition {\n font-size: 11px;\n font-weight: 700;\n padding-top: 1px;\n}\n\n", "\n.vuu-theme {\n --svg-spinner: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><path fill=\"rgb(38, 112, 169)\" d=\"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50\"><animateTransform attributeName=\"transform\" attributeType=\"XML\" type=\"rotate\" dur=\"1s\" from=\"0 50 50\" to=\"360 50 50\" repeatCount=\"indefinite\" /></path></svg>');\n}\n\n.vuuTableGroupHeaderCell {\n --vuuColumnHeaderPill-margin: 0;\n --cell-align: 'flex-start';\n text-align: left;\n background: var(--dataTable-background);\n cursor: default;\n height: var(--vuuTableHeaderHeight);\n /* ensure header row sits atop everything else when scrolling down */\n }\n\n\n .vuuTableGroupHeaderCell-inner {\n align-items: center;\n display: flex;\n gap: 4px;\n height: 100%;\n padding-left: 1px;\n }\n\n .vuuTableGroupHeaderCell-col {\n align-items: center;\n background-color: inherit;\n display: inline-flex;\n flex: 0 1 auto;\n height: calc(var(--vuuTableHeaderHeight) - 2px);\n justify-content: space-between;\n padding-right: 8px;\n position: relative;\n }\n\n .vuuTableGroupHeaderCell-label {\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n }\n\n .vuuTableGroupHeaderCell-close {\n --vuu-icon-height: 18px;\n --vuu-icon-width: 18px;\n cursor: pointer;\n left: 3px;\n }\n \n .vuuTableGroupHeaderCell-resizing {\n --columnResizer-color: var(--salt-color-blue-500);\n --columnResizer-height: var(--table-height);\n --columnResizer-width: 2px;\n }\n .vuuTableGroupHeaderCell-pending {\n --pending-content: '';\n }\n\n .vuuTableGroupHeaderCell-col:has(+ .vuuColumnResizer):after {\n content: var(--pending-content);\n width: 24px;\n height:24px;\n background-image: var(--svg-spinner);\n background-repeat: no-repeat;\n background-size: cover;\n }\n", ".vuuMenuItem {\n --vuu-svg-cog: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M12.9533 8.65331C12.98 8.43998 13 8.22665 13 7.99998C13 7.77331 12.98 7.55998 12.9533 7.34665L14.36 6.24665C14.4867 6.14665 14.52 5.96665 14.44 5.81998L13.1067 3.51331C13.0267 3.36665 12.8467 3.31331 12.7 3.36665L11.04 4.03331C10.6933 3.76665 10.32 3.54665 9.91333 3.37998L9.66 1.61331C9.64 1.45331 9.5 1.33331 9.33333 1.33331H6.66667C6.5 1.33331 6.36 1.45331 6.34 1.61331L6.08667 3.37998C5.68 3.54665 5.30667 3.77331 4.96 4.03331L3.3 3.36665C3.14667 3.30665 2.97333 3.36665 2.89333 3.51331L1.56 5.81998C1.47333 5.96665 1.51333 6.14665 1.64 6.24665L3.04667 7.34665C3.02 7.55998 3 7.77998 3 7.99998C3 8.21998 3.02 8.43998 3.04667 8.65331L1.64 9.75331C1.51333 9.85331 1.48 10.0333 1.56 10.18L2.89333 12.4866C2.97333 12.6333 3.15333 12.6866 3.3 12.6333L4.96 11.9666C5.30667 12.2333 5.68 12.4533 6.08667 12.62L6.34 14.3866C6.36 14.5466 6.5 14.6666 6.66667 14.6666H9.33333C9.5 14.6666 9.64 14.5466 9.66 14.3866L9.91333 12.62C10.32 12.4533 10.6933 12.2266 11.04 11.9666L12.7 12.6333C12.8533 12.6933 13.0267 12.6333 13.1067 12.4866L14.44 10.18C14.52 10.0333 14.4867 9.85331 14.36 9.75331L12.9533 8.65331V8.65331ZM8 10.3333C6.71333 10.3333 5.66667 9.28665 5.66667 7.99998C5.66667 6.71331 6.71333 5.66665 8 5.66665C9.28667 5.66665 10.3333 6.71331 10.3333 7.99998C10.3333 9.28665 9.28667 10.3333 8 10.3333Z\"/></svg>');\n}\n.vuuTable-columnMenu {\n\n --vuu-icon-color: #606477;\n --vuu-icon-height: 20px;\n --vuu-icon-left: 0px;\n --vuu-icon-size: 16px;\n --vuu-icon-top: 0px;\n --vuu-icon-width: 20px;\n\n border-radius: 4px;\n cursor: pointer;\n display: inline-block;\n flex: 0 0 20px;\n padding: 2px;\n /* left: var(--column-menu-left, 0); */\n margin: var(--vuuTable-columnMenu-margin, 0);\n width: auto;\n}\n\n.vuuTable-columnMenu:hover {\n --vuu-icon-color: #15171B;\n background-color: #F37880;\n}\n\n.vuuTable-columnMenu-open:hover,\n.vuuTable-columnMenu-open {\n background-color: #6D18BD;\n --vuu-icon-color: white;\n\n}\n\n[data-icon='cog'] {\n --vuu-icon-svg: var(--vuu-svg-cog);\n --vuu-icon-size: 14px;\n }\n\n ", ".vuuTableGroupHeaderCell,\n.vuuTableHeaderCell {\n --cell-align: 'flex-start';\n --vuuColumnHeaderPill-margin: 0;\n --vuuColumnHeaderPill-flex: 0 0 24px;\n\n align-items: center;\n background-color: var(--vuuTableHeaderCell-background, inherit);\n border-bottom: 1px solid #ccc;\n border-right-color: var(--cell-borderColor);\n border-right-style: solid;\n border-right-width: 1px;\n box-sizing: border-box;\n cursor: default;\n display: inline-flex;\n gap: 4px;\n height: var(--header-height);\n padding: 0 12px 0 4px;\n position: relative;\n vertical-align: top;\n}\n\n .vuuTableHeaderCell-right {\n --columnResizer-left: 0;\n --vuuTable-columnMenu-margin: 0;\n --vuuColumnHeaderPill-margin: 0 3px 0 0;\n --column-menu-left: 2px;\n justify-content: flex-end;\n padding: 0 3px 0 12px;\n }\n\n\n.vuuTableHeaderCell-label {\n flex: 0 1 auto;\n line-height: calc(var(--header-height) - 1px);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.vuuTableHeaderCell-right .vuuTableHeaderCell-label {\n text-align: right;\n}\n\n.vuuTableHeaderCell-resizing {\n --columnResizer-height: var(--table-height);\n}\n\n.vuuTableHeaderCell.vuuPinLeft {\n padding-left: 2px;\n}\n\n .vuuTableHeaderCell.vuuPinLeft.vuuEndPin .vuuColumnResizerNext:before {\n --height: calc(var(--table-height) - var(--horizontal-scrollbar-height));\n --inset-r: calc(var(--pin-width) - 2px);\n --inset-b: calc(var(--height) - 2px);\n --clip-path: polygon(\n 0% 0%, \n 0% 120%, \n 2px 120%, \n 2px 2px, \n var(--inset-r) 2px, \n var(--inset-r) var(--inset-b), \n 2px var(--inset-b), \n 2px 120%, \n 120% 120%, \n 120% 0% \n );\n background-color: transparent;\n border-color: var(--vuu-color-gray-40);\n border-width: 1px;\n border-style: solid solid solid solid;\n /* border-radius: 0 6px 6px 0; */\n border-radius: 4px;\n box-shadow: 2px 1px 4px 0px rgba(0, 0, 0, 0.10);\n /* clip-path: inset(10px 10px 10px 10px); */\n clip-path: var(--clip-path);\n content: '';\n position: absolute;\n width: var(--pin-width);\n top:0;\n bottom:0;\n right: 3px;\n height: var(--height);\n z-index: -5;\n}\n\n.vuuTableHeaderCell.vuuPinRight.vuuEndPin .vuuColumnResizerNext:before {\n --height: calc(var(--table-height) - var(--horizontal-scrollbar-height));\n --inset-r: calc(var(--pin-width) - 2px);\n --inset-b: calc(var(--height) - 2px);\n --clip-path: polygon(\n -20% 0%, \n -20% 120%, \n 2px 120%, \n 2px 2px, \n var(--inset-r) 2px, \n var(--inset-r) var(--inset-b), \n 2px var(--inset-b), \n 2px 120%, \n 120% 120%, \n 120% 0% \n );\n background-color: transparent;\n border-color: #A9AAAD;\n border-width: 1px;\n border-style: solid solid solid solid;\n /* border-radius: 0 6px 6px 0; */\n border-radius: 4px;\n box-shadow: -2px 1px 4px 0px rgba(0, 0, 0, 0.10);\n /* clip-path: inset(10px 10px 10px 10px); */\n clip-path: var(--clip-path);\n content: '';\n position: absolute;\n width: var(--pin-width);\n top:0;\n bottom:0;\n right: 0px;\n height: var(--height);\n z-index: -5;\n}\n\n.vuuTableHeaderCell.vuuDraggable-dragAway {\n display: none;\n}\n\n.vuuTable-headingCell {\n background: var(--dataTable-background);\n border-color: var(--salt-separable-tertiary-borderColor);\n border-style: solid solid solid none;\n border-width: 1px;\n color: var(--salt-text-secondary-foreground);\n display: inline-block;\n height: var(--header-height);\n padding: 0 !important;\n}\n", ".vuuTableCell {\n border-right-color: var(--cell-borderColor);\n border-right-style: solid;\n border-right-width: 1px;\n display: inline-block;\n height: 100%;\n overflow:hidden;\n padding: 0 11px 0 12px;\n text-overflow: ellipsis;\n vertical-align: top;\n }\n\n .vuuTableCell-right {\n text-align: right;\n }\n\n .vuuTableCell-editable {\n display: inline-flex;\n line-height: 18px;\n padding-bottom: 1px;\n padding-top: 1px;\n text-overflow: unset;\n }\n \n .vuuTableCell:focus {\n outline: var(--vuuTableCell-outline, solid var(--vuu-color-purple-10) 2px);\n outline-offset: -2px;\n /** This is to achieve a white background to outline dashes */\n box-shadow: inset 0 0 0 var(--cell-outline-width) white;\n border-bottom: none;\n}\n\n.vuuTableRow-selected .vuuTableCell:not(.vuuTableCell-editable):focus {\n outline: var(--vuuTableCell-outline, solid var(--vuu-color-purple-10) 2px);\n outline-offset: -1px;\n\n}\n.vuuTableCell-editable:focus {\n outline: none;\n}\n\n", ".vuuTableGroupCell {\n --group-cell-spacer-width: 20px;\n align-items: center;\n border-right-color: var(--vuuTableGroupCell-borderColor, var(--salt-separable-tertiary-borderColor));\n border-right-style: solid;\n border-right-width: 1px;\n \n cursor: pointer;\n display: inline-flex;\n height: var(--row-height);\n line-height: 16px;\n}\n\n.vuuTableGroupCell-toggle {\n --vuu-icon-height: 16px;\n --vuu-icon-size: 16px;\n --vuu-icon-width: 8px;\n margin-right: 4px;\n transition: transform 0.25s;\n transform: var(--toggle-icon-transform);\n\n}\n\n.vuuTableGroupCell-spacer {\n width: var(--group-cell-spacer-width);\n }\n", ".vuuTableRow {\n background: var(--row-background,#fff);\n border-bottom: 1px solid var(--row-borderColor);\n box-sizing: border-box;\n height: var(--row-height);\n line-height: calc(var(--row-height) - 1px);\n position: absolute;\n top:0;\n white-space: nowrap;\n }\n \n .vuuTableRow-even {\n --row-background: var(--row-background-even);\n }\n\n .vuuTableRow-highlighted {\n background-color: var(--vuu-color-gray-10);\n }\n\n\n .vuuTableRow-selected,\n .vuuTableRow-selectedEnd {\n /* background-color: rgb(133,133,137,.16); */\n background-color: rgb(235,235,236);\n }\n \n .vuuTableRow-selectedStart {\n --vuu-selection-decorator-left-radius: 5px 0 0 0;\n --vuu-selection-decorator-right-radius: 0 5px 0 0;\n border-radius: 5px 5px 0 0;\n }\n \n .vuuTableRow-selectedEnd {\n --vuu-selection-decorator-left-radius: 0 0 0 5px;\n --vuu-selection-decorator-right-radius: 0 0 5px 0;\n border-radius: 0 0 5px 5px;\n }\n \n .vuuTableRow-selectedStart.vuuTableRow-selectedEnd {\n --vuu-selection-decorator-left-radius: 5px 0 0 5px;\n --vuu-selection-decorator-right-radius: 0 5px 5px 0;\n border-radius: 5px 5px 5px 5px;\n \n }\n \n .vuuTableRow-selectedStart:after {\n content: '';\n position: absolute;\n top:0;\n left: 4px;\n height: 1px;\n background-color: var(--vuu-color-purple-10);\n width: calc(var(--content-width) - 8px);\n z-index: 1;\n }\n \n .vuuTableRow-selectedEnd {\n border-bottom-color: var(--vuu-color-purple-10);\n }\n \n .vuuTableRow-selectionDecorator {\n background-color: var(--vuu-selection-decorator-bg, white);\n display: inline-block;\n position: relative;\n height: var(--row-height);\n width: 4px;\n z-index: 2;\n }\n \n .vuuTableRow-selectionDecorator.vuuStickyLeft {\n left:0;\n position: sticky;\n }\n \n .vuuTableRow-selectionDecorator.vuuStickyRight {\n right:0;\n position: sticky;\n }\n \n .vuuTableRow-selected {\n --vuu-selection-decorator-bg: var(--vuu-color-purple-10);\n \n }\n \n .vuuTableRow-selectedStart {\n --vuu-selection-decorator-bg: white;\n }\n \n .vuuTableRow-selectedEnd {\n --vuu-selection-decorator-bg: white;\n }\n \n .vuuTableRow-selectedStart.vuuTableRow-selectedEnd {\n \n }\n \n .vuuTableRow-selectedStart .vuuTableRow-selectionDecorator:before,\n .vuuTableRow-selectedEnd .vuuTableRow-selectionDecorator:before {\n content: '';\n inset: 0;\n position: absolute;\n background-color: var(--vuu-color-purple-10);\n }\n \n \n .vuuTableRow-selectionDecorator.vuuStickyLeft:before {\n border-radius: var(--vuu-selection-decorator-left-radius, 0);\n }\n \n .vuuTableRow-selectionDecorator.vuuStickyRight:before {\n border-radius: var(--vuu-selection-decorator-right-radius, 0);\n }\n\n .vuuTableRow-expanded {\n --toggle-icon-transform: rotate(90deg);\n }\n \n .vuuDraggable .vuuTableRow {\n --cell-borderColor: transparent;\n --vuu-selection-decorator-bg: transparent;\n transform: none!important;\n z-index: 1;\n }", ".vuuTable {\n --vuu-table-cell-outlineWidth: 1px;\n --table-height: var(--measured-px-height);\n --table-width: var(--measured-px-width);\n --vuu-table-next-selection-bookend-width: 4px;\n --columnResizer-color: transparent;\n --row-background: white;\n --cell-borderColor: transparent;\n --row-borderColor: var(--row-background);\n --table-background: var(--salt-container-primary-background);\n\n position: relative;\n user-select: none;\n}\n\n.vuuTable-zebra {\n --row-background-even: var(--vuu-color-gray-25)\n}\n\n.vuuTable-colLines {\n --cell-borderColor: var(--vuu-color-gray-03);\n}\n\n.vuuTable-rowLines {\n --row-borderColor: var(--vuu-color-gray-03);\n}\n\n.vuuTable-highlight .vuuTableRow:hover {\n background-color: var(--vuu-color-pink-10-fade-20);\n}\n\n.vuuTable-scrollbarContainer {\n --scroll-content-width: 1100px;\n border-bottom: none !important;\n border-top: none !important;\n border-left: solid 1px var(--salt-container-primary-borderColor);\n /* a top border */\n /** creates a border to top od scrollbar */\n /* box-shadow: 0px -1px 0px 0px var(--salt-container-primary-borderColor); */\n height: var(--viewport-body-height);\n left: 0px;\n overflow: auto;\n position: absolute;\n top: var(--total-header-height);\n width: var(--table-width);\n}\n\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar {\n border: none;\n width: 10px;\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar:horizontal {\n height: 10px;\n}\n\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar-track {\n background-color: white;\n}\n.vuuTable-scrollbarContainer::-webkit-scrollbar-thumb {\n background-clip: padding-box;\n border-radius: 10px;\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: var(--vuu-color-gray-30);\n}\n\n.vuuTable-scrollbarContent {\n height: calc(var(--content-height) + var(--horizontal-scrollbar-height));\n position: absolute;\n width: var(--content-width);\n}\n\n.vuuTable-contentContainer {\n background-color: var(--salt-container-primary-background);\n height: calc(var(--table-height) - var(--horizontal-scrollbar-height));\n position: relative;\n overflow: auto;\n overscroll-behavior: none;\n width: calc(var(--table-width) - var(--vertical-scrollbar-width));\n}\n\n.vuuTable-contentContainer::-webkit-scrollbar {\n display: none;\n}\n\n \n.vuuTable-table {\n position: absolute;\n top: 0;\n left: 0;\n table-layout: fixed;\n width: var(--content-width);\n margin: 0;\n border: none;\n background-color: #fff;\n border-collapse: separate;\n border-spacing: 0;\n}\n\n.vuuTable-body {\n height: var(--content-height)\n}\n\n.vuuPinLeft, .vuuPinRight {\n background-color: inherit;\n position: sticky;\n z-index: 1;\n}\n\n.vuuTable-col-headings {\n background-color: white;\n padding: 0 var(--vuu-table-next-selection-bookend-width, 0);\n\n position: sticky;\n top: 0;\n /* ensure header row sits atop everything else when scrolling down */\n z-index: 1;\n}\n\n .vuuTable-col-headers {\n background-color: var(--table-background);\n white-space: nowrap;\n }\n\n\n .sizer-cell {\n background-color: green !important;\n border: none !important;\n height: 0px;\n }\n \n .vuuDraggable-vuuTable {\n --header-height: 25px;\n --vuuTableHeaderCell-background: var(--vuu-color-gray-25);\n }\n.vuuDraggable-vuuTable {\n --row-height: 25px;\n} \n", "\n.vuuTableDropdownCell {\n --vuu-icon-height: 15px;\n --salt-focused-outlineStyle: none;\n\n --saltButton-borderRadius: 4px;\n font-weight: 500;\n}\n\n.vuuTableDropdownCell button:focus-visible {\n --saltButton-borderColor: var(--vuu-color-purple-10);\n --saltButton-borderWidth: 2px;\n padding-left: 3px;\n}", "\n.vuuTableInputCell.saltInput-primary {\n --salt-focused-outlineStyle: none;\n --saltInput-height: 17px;\n --saltInput-minHeight: 17px;\n border-radius: 4px;\n font-weight: 500;\n}\n\n.vuuTableCell:focus .vuuTableInputCell.saltInput-primary,\n.vuuTableInputCell.saltInput-primary.saltInput-focused {\n border: solid 2px var(--vuu-color-purple-10);\n padding: 0 3px;\n}\n\n.vuuTableInputCell-icon {\n --vuu-icon-height: 13px;\n --vuu-icon-size: 15px;\n --vuu-icon-width: 12px;\n border-radius: 10px;\n}\n\n.vuuTableCell:focus .vuuTableInputCell.saltInput-primary.vuuTableInputCell-error,\n.vuuTableInputCell.saltInput-primary.saltInput-focused.vuuTableInputCell-error {\n border: solid 2px var(--vuu-color-red-50);\n}\n\n\n.vuuTableInputCell-error.saltInput-primary {\n border: solid 1px var(--vuu-color-red-50);\n}", "\n.vuuTableToggleCell {\n --saltButton-borderRadius: 4px;\n --saltButton-height: 16px;\n font-weight: 500;\n position: relative;\n top: 1px;;\n}\n.vuuTableToggleCell-side {\n --saltButton-minWidth: 40px;\n}\n.vuuTableToggleCell.vuuCycleStateButton-buy {\n background-color: var(--vuu-color-green-50);\n}\n\n.vuuTableToggleCell.vuuCycleStateButton-sell {\n background-color: var(--vuu-color-red-50);\n\n}\n\n.vuuTableCell .vuuTableToggleCell:focus {\n /* TODO fix use of important */\n border: solid 2px var(--vuu-color-purple-10) !important;\n color: white !important;\n height: 18px !important;\n top: 0px !important;\n}\n\n\n\n\n\n", ".vuuTableSettingsPanel {\n --vuu-svg-text-strikethrough: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 24\"><path d=\"M28.3333 9.33334C28.8867 9.33334 29.3333 8.88668 29.3333 8.33334C29.3333 7.78001 28.8867 7.33334 28.3333 7.33334H20.26L22.26 9.33334H23.48L23.1133 10.1867L24.5067 11.58L25.4733 9.33334H28.3333ZM27.6267 16.5867L18.7467 7.70668C18.4867 7.44668 18.0667 7.44668 17.8067 7.70668C17.5467 7.96668 17.5467 8.38668 17.8067 8.64668L21.98 12.82L20.88 15.38C20.62 15.9933 21.0667 16.6667 21.7267 16.6667C22.0933 16.6667 22.4267 16.4467 22.5733 16.1067L23.38 14.22L26.68 17.52C26.94 17.78 27.36 17.78 27.62 17.52C27.8867 17.2667 27.8867 16.8467 27.6267 16.5867Z\"/></svg>');\n --vuu-svg-text-Tt: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 24\"><path d=\"M17.6667 7.66666C17.6667 8.21999 18.1133 8.66666 18.6667 8.66666H21V15.6667C21 16.22 21.4467 16.6667 22 16.6667C22.5533 16.6667 23 16.22 23 15.6667V8.66666H25.3333C25.8867 8.66666 26.3333 8.21999 26.3333 7.66666C26.3333 7.11332 25.8867 6.66666 25.3333 6.66666H18.6667C18.1133 6.66666 17.6667 7.11332 17.6667 7.66666ZM29.3333 9.99999H25.3333C24.78 9.99999 24.3333 10.4467 24.3333 11C24.3333 11.5533 24.78 12 25.3333 12H26.3333V15.6667C26.3333 16.22 26.78 16.6667 27.3333 16.6667C27.8867 16.6667 28.3333 16.22 28.3333 15.6667V12H29.3333C29.8867 12 30.3333 11.5533 30.3333 11C30.3333 10.4467 29.8867 9.99999 29.3333 9.99999Z\" /></svg>');\n --vuu-svg-text-T: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 24\"><path d=\"M19.3333 7.66666C19.3333 8.21999 19.78 8.66666 20.3333 8.66666H23V15.6667C23 16.22 23.4467 16.6667 24 16.6667C24.5533 16.6667 25 16.22 25 15.6667V8.66666H27.6667C28.22 8.66666 28.6667 8.21999 28.6667 7.66666C28.6667 7.11332 28.22 6.66666 27.6667 6.66666H20.3333C19.78 6.66666 19.3333 7.11332 19.3333 7.66666Z\"/></svg>');\n --vuu-svg-stripes: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><rect x=\"2\" y=\"2\" width=\"12\" height=\"2\" rx=\"0.3\"/><rect x=\"2\" y=\"5\" width=\"12\" height=\"2\" rx=\"0.3\"/><rect x=\"2\" y=\"8\" width=\"12\" height=\"2\" rx=\"0.3\"/><rect x=\"2\" y=\"11\" width=\"12\" height=\"2\" rx=\"0.3\"/></svg>');\n --vuu-svg-row-lines: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><rect x=\"2\" y=\"3\" width=\"12\" height=\"1\" rx=\"0.3\" /><rect x=\"2\" y=\"6\" width=\"12\" height=\"1\" rx=\"0.3\" /><rect x=\"2\" y=\"9\" width=\"12\" height=\"1\" rx=\"0.3\" /><rect x=\"2\" y=\"12\" width=\"12\" height=\"1\" rx=\"0.3\"/></svg>');\n --vuu-svg-col-lines: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><rect x=\"3\" y=\"14\" width=\"12\" height=\"1\" rx=\"0.3\" transform=\"rotate(-90 3 14)\"/><rect x=\"6\" y=\"14\" width=\"12\" height=\"1\" rx=\"0.3\" transform=\"rotate(-90 6 14)\"/><rect x=\"9\" y=\"14\" width=\"12\" height=\"1\" rx=\"0.3\" transform=\"rotate(-90 9 14)\"/><rect x=\"12\" y=\"14\" width=\"12\" height=\"1\" rx=\"0.3\" transform=\"rotate(-90 12 14)\"/></svg>');\n\n display: flex;\n flex-direction: column;\n gap: 24px;\n height: 100%;\n padding-top: 24px;\n}\n\n\n.vuuTableSettingsPanel [data-icon=\"text-strikethrough\"]{\n --vuu-icon-svg: var(--vuu-svg-text-strikethrough);\n}\n.vuuTableSettingsPanel [data-icon=\"text-Tt\"]{\n --vuu-icon-svg: var(--vuu-svg-text-Tt);\n}\n.vuuTableSettingsPanel [data-icon=\"text-T\"]{\n --vuu-icon-svg: var(--vuu-svg-text-T);\n}\n.vuuTableSettingsPanel [data-icon=\"col-lines\"]{\n --vuu-icon-svg: var(--vuu-svg-col-lines);\n}\n.vuuTableSettingsPanel [data-icon=\"row-lines\"]{\n --vuu-icon-svg: var(--vuu-svg-row-lines);\n}\n.vuuTableSettingsPanel [data-icon=\"row-striping\"]{\n --vuu-icon-svg: var(--vuu-svg-stripes);\n}\n\n.vuuTableSettingsPanel-header {\n border-top: solid 2px var(--vuu-color-gray-30);\n font-size: 14px;\n font-weight: 600;\n padding-top: 24px;\n}\n\n.vuuTableSettingsPanel .vuuColumnList {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: 0;\n}\n\n.vuuTableSettingsPanel-calculatedButtonbar {\n --vuu-icon-size: 16px;\n --saltButton-height: 24px;\n --saltButton-width: 24px;\n align-items: center;\n display: flex;\n flex: 0 0 32px;\n gap: 12px;\n}\n\n.vuuGridSeparators {\n --vuuIconToggleButton-iconSize: 16px;\n}\n\n\n\n\n\n"],
5
- "mappings": "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AACA;AACA;AACA;AACA;AACA;AAAA;;;ACvBJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAIJ;AACI;AAAA;;;AC3BJ;AACE;AACA;AACA;AAAA;;;ACHF;AACE;AACA;AACA;AAAA;;;ACHF;AACC;AAAA;AAGD;AACE;AACA;AACE;AACA;AACA;AACA;AAAA;AAKF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;;;AC/DJ;AACI;AAAA;AAEJ;AAEI;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAGJ;AACI;AACA;AAAA;AAGJ;AAAA;AAEI;AACA;AAAA;AAIJ;AACI;AACA;AAAA;;;ACpCJ;AAAA;AAEE;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAIJ;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGA;AACE;AACA;AACA;AACA;AAYA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACE;AACA;AACA;AACA;AAYA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACI;AAAA;AAGJ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;ACtIF;AACE;AACA;AACA;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAEA;AACA;AAAA;AAGJ;AACE;AACA;AAAA;AAGF;AACE;AAAA;;;ACtCF;AACI;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AAAA;AAIJ;AACI;AAAA;;;ACxBJ;AACE;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AAAA;AAGE;AAAA;AAGF;AACI;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAIJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AAAA;AAIA;AAAA;AAEE;AACA;AACA;AACA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;;;ACzHR;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AAAA;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AAEE;AACA;AAEA;AAAA;AAGF;AACE;AACA;AAAA;AAIF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAEJ;AACE;AAAA;;;ACzIF;AACI;AACA;AAEA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;;;ACXJ;AACI;AACA;AACA;AACA;AACA;AAAA;AAGJ;AAAA;AAEI;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AAAA;AAGJ;AAAA;AAEI;AAAA;AAIJ;AACI;AAAA;;;AC5BJ;AACI;AACA;AACA;AACA;AACA;AAAA;AAEJ;AACI;AAAA;AAEJ;AACI;AAAA;AAGJ;AACI;AAAA;AAIJ;AAEI;AACA;AACA;AACA;AAAA;;;ACzBJ;AACI;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAIJ;AACI;AAAA;AAEJ;AACI;AAAA;AAEJ;AACI;AAAA;AAEJ;AACI;AAAA;AAEJ;AACI;AAAA;AAEJ;AACI;AAAA;AAGJ;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AAAA;",
3
+ "sources": ["../../../packages/vuu-table/src/column-header-pill/ColumnHeaderPill.css", "../../../packages/vuu-table/src/column-header-pill/GroupColumnPill.css", "../../../packages/vuu-table/src/column-header-pill/SortIndicator.css", "../../../packages/vuu-table/src/column-resizing/ColumnResizer.css", "../../../packages/vuu-table/src/header-cell/GroupHeaderCell.css", "../../../packages/vuu-table/src/column-menu/ColumnMenu.css", "../../../packages/vuu-table/src/header-cell/HeaderCell.css", "../../../packages/vuu-table/src/table-cell/TableCell.css", "../../../packages/vuu-table/src/table-cell/TableGroupCell.css", "../../../packages/vuu-table/src/Row.css", "../../../packages/vuu-table/src/Table.css", "../../../packages/vuu-table/src/cell-renderers/input-cell/InputCell.css", "../../../packages/vuu-table/src/cell-renderers/toggle-cell/ToggleCell.css", "../../../packages/vuu-table-extras/src/cell-renderers/background-cell/BackgroundCell.css", "../../../packages/vuu-table-extras/src/cell-renderers/background-cell/BackgroundKeyframes.css", "../../../packages/vuu-table-extras/src/cell-renderers/background-cell/BackgroundCellConfigurationEditor.css", "../../../packages/vuu-table-extras/src/cell-renderers/dropdown-cell/DropdownCell.css", "../../../packages/vuu-table-extras/src/cell-renderers/progress-cell/ProgressCell.css", "../../../packages/vuu-table-extras/src/column-list/ColumnList.css", "../../../packages/vuu-table-extras/src/column-expression-input/ColumnExpressionInput.css", "../../../packages/vuu-table-extras/src/column-formatting-settings/LongTypeFormattingSettings.css", "../../../packages/vuu-table-extras/src/column-settings/ColumnNameLabel.css", "../../../packages/vuu-table-extras/src/column-settings/ColumnSettingsPanel.css", "../../../packages/vuu-table-extras/src/datasource-stats/DatasourceStats.css", "../../../packages/vuu-table-extras/src/table-settings/TableSettingsPanel.css"],
4
+ "sourcesContent": [".vuuColumnHeaderPill {\n --vuu-icon-size: 14px;\n --menu-item-icon-color: black;\n --vuu-icon-color: white;\n --vuu-icon-height: 12px;\n --vuu-icon-width: 12px;\n align-items: center;\n background: var(--salt-taggable-background-active);\n color: white;\n border-radius: 4px;\n flex: var(--vuuColumnHeaderPill-flex, none);\n font-size: 11px;\n gap: 4px;\n height: 16px;\n display: flex;\n margin: var(--vuuColumnHeaderPill-margin, 0);\n padding: 0 6px;\n position: relative; \n}\n\n.vuuColumnHeaderPill:hover {\n --vuu-icon-color: var(--vuu-color-gray-80);\n background-color: var(--salt-taggable-background-hover);\n color: var(--vuu-color-gray-80);\n \n}\n\n.vuuColumnHeaderPill-removeButton {\n cursor: pointer;\n}", "\n.vuuSortPosition {\n font-size: 11px;\n font-weight: 700;\n padding-top: 1px;\n}\n\n", "\n.vuuSortPosition {\n font-size: 11px;\n font-weight: 700;\n padding-top: 1px;\n}\n\n", ".vuuColumnResizerNext {\n background-color: var(--columnResizer-color);\n cursor: col-resize;\n height: var(--header-height);\n margin-left: var(--columnResizer-left, auto);\n position: absolute;\n right: -5px;\n width: 8px;\n z-index:1;\n}\n\n.vuuColumnResizerNext:hover {\n --columnResizer-color: var(--vuu-color-purple-10);\n}\n\n.vuuColumnResizerNext:after {\n background-color: var(--columnResizer-color, var(--salt-separable-tertiary-borderColor));\n bottom:0;\n content: '';\n position: absolute;\n top: 0;\n right: 3px;\n height: var(--columnResizer-height, 0);\n width: 2px;\n}", "\n.vuu-theme {\n --svg-spinner: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><path fill=\"rgb(38, 112, 169)\" d=\"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50\"><animateTransform attributeName=\"transform\" attributeType=\"XML\" type=\"rotate\" dur=\"1s\" from=\"0 50 50\" to=\"360 50 50\" repeatCount=\"indefinite\" /></path></svg>');\n}\n\n.vuuTableGroupHeaderCell {\n --vuuColumnHeaderPill-margin: 0;\n --cell-align: 'flex-start';\n text-align: left;\n background: var(--dataTable-background);\n cursor: default;\n height: var(--vuuTableHeaderHeight);\n /* ensure header row sits atop everything else when scrolling down */\n }\n\n\n .vuuTableGroupHeaderCell-inner {\n align-items: center;\n display: flex;\n gap: 4px;\n height: 100%;\n padding-left: 1px;\n }\n\n .vuuTableGroupHeaderCell-col {\n align-items: center;\n background-color: inherit;\n display: inline-flex;\n flex: 0 1 auto;\n height: calc(var(--vuuTableHeaderHeight) - 2px);\n justify-content: space-between;\n padding-right: 8px;\n position: relative;\n }\n\n .vuuTableGroupHeaderCell-label {\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n }\n\n .vuuTableGroupHeaderCell-close {\n --vuu-icon-height: 18px;\n --vuu-icon-width: 18px;\n cursor: pointer;\n left: 3px;\n }\n \n .vuuTableGroupHeaderCell-resizing {\n --columnResizer-color: var(--salt-color-blue-500);\n --columnResizer-height: var(--table-height);\n --columnResizer-width: 2px;\n }\n .vuuTableGroupHeaderCell-pending {\n --pending-content: '';\n }\n\n .vuuTableGroupHeaderCell-col:has(+ .vuuColumnResizer):after {\n content: var(--pending-content);\n width: 24px;\n height:24px;\n background-image: var(--svg-spinner);\n background-repeat: no-repeat;\n background-size: cover;\n }\n", ".vuuMenuItem {\n --vuu-svg-cog: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M12.9533 8.65331C12.98 8.43998 13 8.22665 13 7.99998C13 7.77331 12.98 7.55998 12.9533 7.34665L14.36 6.24665C14.4867 6.14665 14.52 5.96665 14.44 5.81998L13.1067 3.51331C13.0267 3.36665 12.8467 3.31331 12.7 3.36665L11.04 4.03331C10.6933 3.76665 10.32 3.54665 9.91333 3.37998L9.66 1.61331C9.64 1.45331 9.5 1.33331 9.33333 1.33331H6.66667C6.5 1.33331 6.36 1.45331 6.34 1.61331L6.08667 3.37998C5.68 3.54665 5.30667 3.77331 4.96 4.03331L3.3 3.36665C3.14667 3.30665 2.97333 3.36665 2.89333 3.51331L1.56 5.81998C1.47333 5.96665 1.51333 6.14665 1.64 6.24665L3.04667 7.34665C3.02 7.55998 3 7.77998 3 7.99998C3 8.21998 3.02 8.43998 3.04667 8.65331L1.64 9.75331C1.51333 9.85331 1.48 10.0333 1.56 10.18L2.89333 12.4866C2.97333 12.6333 3.15333 12.6866 3.3 12.6333L4.96 11.9666C5.30667 12.2333 5.68 12.4533 6.08667 12.62L6.34 14.3866C6.36 14.5466 6.5 14.6666 6.66667 14.6666H9.33333C9.5 14.6666 9.64 14.5466 9.66 14.3866L9.91333 12.62C10.32 12.4533 10.6933 12.2266 11.04 11.9666L12.7 12.6333C12.8533 12.6933 13.0267 12.6333 13.1067 12.4866L14.44 10.18C14.52 10.0333 14.4867 9.85331 14.36 9.75331L12.9533 8.65331V8.65331ZM8 10.3333C6.71333 10.3333 5.66667 9.28665 5.66667 7.99998C5.66667 6.71331 6.71333 5.66665 8 5.66665C9.28667 5.66665 10.3333 6.71331 10.3333 7.99998C10.3333 9.28665 9.28667 10.3333 8 10.3333Z\"/></svg>');\n}\n.vuuTable-columnMenu {\n\n --vuu-icon-color: #606477;\n --vuu-icon-height: 20px;\n --vuu-icon-left: 0px;\n --vuu-icon-size: 16px;\n --vuu-icon-top: 0px;\n --vuu-icon-width: 20px;\n\n border-radius: 4px;\n cursor: pointer;\n display: inline-block;\n flex: 0 0 20px;\n padding: 2px;\n /* left: var(--column-menu-left, 0); */\n margin: var(--vuuTable-columnMenu-margin, 0);\n width: auto;\n}\n\n.vuuTable-columnMenu:hover {\n --vuu-icon-color: #15171B;\n background-color: #F37880;\n}\n\n.vuuTable-columnMenu-open:hover,\n.vuuTable-columnMenu-open {\n background-color: #6D18BD;\n --vuu-icon-color: white;\n\n}\n\n[data-icon='cog'] {\n --vuu-icon-svg: var(--vuu-svg-cog);\n --vuu-icon-size: 14px;\n }\n\n ", ".vuuTableGroupHeaderCell,\n.vuuTableHeaderCell {\n --cell-align: 'flex-start';\n --vuuColumnHeaderPill-margin: 0;\n --vuuColumnHeaderPill-flex: 0 0 24px;\n\n align-items: center;\n background-color: var(--vuuTableHeaderCell-background, inherit);\n border-bottom: 1px solid #ccc;\n border-right-color: var(--cell-borderColor);\n border-right-style: solid;\n border-right-width: 1px;\n box-sizing: border-box;\n cursor: default;\n display: inline-flex;\n gap: 4px;\n height: var(--header-height);\n padding: 0 12px 0 4px;\n position: relative;\n vertical-align: top;\n}\n\n .vuuTableHeaderCell-right {\n --columnResizer-left: 0;\n --vuuTable-columnMenu-margin: 0;\n --vuuColumnHeaderPill-margin: 0 3px 0 0;\n --column-menu-left: 2px;\n justify-content: flex-end;\n padding: 0 3px 0 12px;\n }\n\n\n.vuuTableHeaderCell-label {\n flex: 0 1 auto;\n line-height: calc(var(--header-height) - 1px);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.vuuTableHeaderCell-right .vuuTableHeaderCell-label {\n text-align: right;\n}\n\n.vuuTableHeaderCell-resizing {\n --columnResizer-height: var(--table-height);\n}\n\n.vuuTableHeaderCell.vuuPinLeft {\n padding-left: 2px;\n}\n\n .vuuTableHeaderCell.vuuPinLeft.vuuEndPin .vuuColumnResizerNext:before {\n --height: calc(var(--table-height) - var(--horizontal-scrollbar-height));\n --inset-r: calc(var(--pin-width) - 2px);\n --inset-b: calc(var(--height) - 2px);\n --clip-path: polygon(\n 0% 0%, \n 0% 120%, \n 2px 120%, \n 2px 2px, \n var(--inset-r) 2px, \n var(--inset-r) var(--inset-b), \n 2px var(--inset-b), \n 2px 120%, \n 120% 120%, \n 120% 0% \n );\n background-color: transparent;\n border-color: var(--vuu-color-gray-40);\n border-width: 1px;\n border-style: solid solid solid solid;\n /* border-radius: 0 6px 6px 0; */\n border-radius: 4px;\n box-shadow: 2px 1px 4px 0px rgba(0, 0, 0, 0.10);\n /* clip-path: inset(10px 10px 10px 10px); */\n clip-path: var(--clip-path);\n content: '';\n position: absolute;\n width: var(--pin-width);\n top:0;\n bottom:0;\n right: 3px;\n height: var(--height);\n z-index: -5;\n}\n\n.vuuTableHeaderCell.vuuPinRight.vuuEndPin .vuuColumnResizerNext:before {\n --height: calc(var(--table-height) - var(--horizontal-scrollbar-height));\n --inset-r: calc(var(--pin-width) - 2px);\n --inset-b: calc(var(--height) - 2px);\n --clip-path: polygon(\n -20% 0%, \n -20% 120%, \n 2px 120%, \n 2px 2px, \n var(--inset-r) 2px, \n var(--inset-r) var(--inset-b), \n 2px var(--inset-b), \n 2px 120%, \n 120% 120%, \n 120% 0% \n );\n background-color: transparent;\n border-color: #A9AAAD;\n border-width: 1px;\n border-style: solid solid solid solid;\n /* border-radius: 0 6px 6px 0; */\n border-radius: 4px;\n box-shadow: -2px 1px 4px 0px rgba(0, 0, 0, 0.10);\n /* clip-path: inset(10px 10px 10px 10px); */\n clip-path: var(--clip-path);\n content: '';\n position: absolute;\n width: var(--pin-width);\n top:0;\n bottom:0;\n right: 0px;\n height: var(--height);\n z-index: -5;\n}\n\n.vuuTableHeaderCell.vuuDraggable-dragAway {\n display: none;\n}\n\n.vuuTable-headingCell {\n background: var(--dataTable-background);\n border-color: var(--salt-separable-tertiary-borderColor);\n border-style: solid solid solid none;\n border-width: 1px;\n color: var(--salt-text-secondary-foreground);\n display: inline-block;\n height: var(--header-height);\n padding: 0 !important;\n}\n", ".vuuTableCell {\n border-right-color: var(--cell-borderColor);\n border-right-style: solid;\n border-right-width: 1px;\n display: inline-block;\n height: 100%;\n overflow:hidden;\n padding: var(--vuuTableCell-padding, 0 11px 0 12px);\n text-overflow: ellipsis;\n vertical-align: top;\n}\n\n.vuuTableCell-right {\n text-align: right;\n}\n\n.vuuTableCell-editable {\n display: inline-flex;\n line-height: 18px;\n padding-bottom: 1px;\n padding-top: 1px;\n text-overflow: unset;\n}\n \n.vuuTableCell:focus {\n outline: var(--vuuTableCell-outline, solid var(--vuu-color-purple-10) 2px);\n outline-offset: -2px;\n /** This is to achieve a white background to outline dashes */\n box-shadow: inset 0 0 0 var(--cell-outline-width) white;\n border-bottom: none;\n}\n\n.vuuTableRow-selected .vuuTableCell:not(.vuuTableCell-editable):focus {\n outline: var(--vuuTableCell-outline, solid var(--vuu-color-purple-10) 2px);\n outline-offset: -1px;\n\n}\n.vuuTableCell-editable:focus {\n outline: none;\n}\n\n", ".vuuTableGroupCell {\n --group-cell-spacer-width: 20px;\n align-items: center;\n border-right-color: var(--vuuTableGroupCell-borderColor, var(--salt-separable-tertiary-borderColor));\n border-right-style: solid;\n border-right-width: 1px;\n \n cursor: pointer;\n display: inline-flex;\n height: var(--row-height);\n line-height: 16px;\n}\n\n.vuuTableGroupCell-toggle {\n --vuu-icon-height: 16px;\n --vuu-icon-size: 16px;\n --vuu-icon-width: 8px;\n margin-right: 4px;\n transition: transform 0.25s;\n transform: var(--toggle-icon-transform);\n\n}\n\n.vuuTableGroupCell-spacer {\n width: var(--group-cell-spacer-width);\n }\n", ".vuuTableRow {\n background: var(--row-background,#fff);\n border-bottom: 1px solid var(--row-borderColor);\n box-sizing: border-box;\n height: var(--row-height);\n line-height: calc(var(--row-height) - 1px);\n position: absolute;\n top:0;\n white-space: nowrap;\n }\n \n .vuuTableRow-even {\n --row-background: var(--row-background-even);\n }\n\n .vuuTableRow-highlighted {\n background-color: var(--vuu-color-gray-10);\n }\n\n\n .vuuTableRow-selected,\n .vuuTableRow-selectedEnd {\n /* background-color: rgb(133,133,137,.16); */\n background-color: rgb(235,235,236);\n }\n \n .vuuTableRow-selectedStart {\n --vuu-selection-decorator-left-radius: 5px 0 0 0;\n --vuu-selection-decorator-right-radius: 0 5px 0 0;\n border-radius: 5px 5px 0 0;\n }\n \n .vuuTableRow-selectedEnd {\n --vuu-selection-decorator-left-radius: 0 0 0 5px;\n --vuu-selection-decorator-right-radius: 0 0 5px 0;\n border-radius: 0 0 5px 5px;\n }\n \n .vuuTableRow-selectedStart.vuuTableRow-selectedEnd {\n --vuu-selection-decorator-left-radius: 5px 0 0 5px;\n --vuu-selection-decorator-right-radius: 0 5px 5px 0;\n border-radius: 5px 5px 5px 5px;\n \n }\n \n .vuuTableRow-selectedStart:after {\n content: '';\n position: absolute;\n top:0;\n left: 4px;\n height: 1px;\n background-color: var(--vuu-color-purple-10);\n width: calc(var(--content-width) - 8px);\n z-index: 1;\n }\n \n .vuuTableRow-selectedEnd {\n border-bottom-color: var(--vuu-color-purple-10);\n }\n \n .vuuTableRow-selectionDecorator {\n background-color: var(--vuu-selection-decorator-bg, white);\n display: inline-block;\n position: relative;\n height: var(--row-height);\n width: 4px;\n z-index: 2;\n }\n \n .vuuTableRow-selectionDecorator.vuuStickyLeft {\n left:0;\n position: sticky;\n }\n \n .vuuTableRow-selectionDecorator.vuuStickyRight {\n right:0;\n position: sticky;\n }\n \n .vuuTableRow-selected {\n --vuu-selection-decorator-bg: var(--vuu-color-purple-10);\n \n }\n \n .vuuTableRow-selectedStart {\n --vuu-selection-decorator-bg: white;\n }\n \n .vuuTableRow-selectedEnd {\n --vuu-selection-decorator-bg: white;\n }\n \n .vuuTableRow-selectedStart.vuuTableRow-selectedEnd {\n \n }\n \n .vuuTableRow-selectedStart .vuuTableRow-selectionDecorator:before,\n .vuuTableRow-selectedEnd .vuuTableRow-selectionDecorator:before {\n content: '';\n inset: 0;\n position: absolute;\n background-color: var(--vuu-color-purple-10);\n }\n \n \n .vuuTableRow-selectionDecorator.vuuStickyLeft:before {\n border-radius: var(--vuu-selection-decorator-left-radius, 0);\n }\n \n .vuuTableRow-selectionDecorator.vuuStickyRight:before {\n border-radius: var(--vuu-selection-decorator-right-radius, 0);\n }\n\n .vuuTableRow-expanded {\n --toggle-icon-transform: rotate(90deg);\n }\n \n .vuuDraggable .vuuTableRow {\n --cell-borderColor: transparent;\n --vuu-selection-decorator-bg: transparent;\n transform: none!important;\n z-index: 1;\n }", ".vuuTable {\n --vuu-table-cell-outlineWidth: 1px;\n --table-height: var(--measured-px-height);\n --table-width: var(--measured-px-width);\n --vuu-table-next-selection-bookend-width: 4px;\n --columnResizer-color: transparent;\n --row-background: white;\n --cell-borderColor: transparent;\n --row-borderColor: var(--row-background);\n --table-background: var(--salt-container-primary-background);\n\n font-family: var(--vuuTable-fontFamily,var(--salt-typography-fontFamily, sans-serif));\n font-size: var(--vuuTable-fontSize,var(--salt-text-fontSize, 12px));\n position: relative;\n user-select: none;\n}\n\n.vuuTable-zebra {\n --row-background-even: var(--vuu-color-gray-25)\n}\n\n.vuuTable-colLines {\n --cell-borderColor: var(--vuu-color-gray-03);\n}\n\n.vuuTable-rowLines {\n --row-borderColor: var(--vuu-color-gray-03);\n}\n\n.vuuTable-highlight .vuuTableRow:hover {\n background-color: var(--vuu-color-pink-10-fade-20);\n}\n\n.vuuTable-scrollbarContainer {\n --scroll-content-width: 1100px;\n border-bottom: none !important;\n border-top: none !important;\n border-left: solid 1px var(--salt-container-primary-borderColor);\n /* a top border */\n /** creates a border to top od scrollbar */\n /* box-shadow: 0px -1px 0px 0px var(--salt-container-primary-borderColor); */\n height: var(--viewport-body-height);\n left: 0px;\n overflow: auto;\n position: absolute;\n top: var(--total-header-height);\n width: var(--table-width);\n}\n\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar {\n border: none;\n width: 10px;\n}\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar:horizontal {\n height: 10px;\n}\n\n\n.vuuTable-scrollbarContainer::-webkit-scrollbar-track {\n background-color: white;\n}\n.vuuTable-scrollbarContainer::-webkit-scrollbar-thumb {\n background-clip: padding-box;\n border-radius: 10px;\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: var(--vuu-color-gray-30);\n}\n\n.vuuTable-scrollbarContent {\n height: calc(var(--content-height) + var(--horizontal-scrollbar-height));\n position: absolute;\n width: var(--content-width);\n}\n\n.vuuTable-contentContainer {\n background-color: var(--salt-container-primary-background);\n height: calc(var(--table-height) - var(--horizontal-scrollbar-height));\n position: relative;\n overflow: auto;\n overscroll-behavior: none;\n width: calc(var(--table-width) - var(--vertical-scrollbar-width));\n}\n\n.vuuTable-contentContainer::-webkit-scrollbar {\n display: none;\n}\n\n \n.vuuTable-table {\n position: absolute;\n top: 0;\n left: 0;\n table-layout: fixed;\n width: var(--content-width);\n margin: 0;\n border: none;\n background-color: #fff;\n border-collapse: separate;\n border-spacing: 0;\n}\n\n.vuuTable-body {\n height: var(--content-height)\n}\n\n.vuuPinLeft, .vuuPinRight {\n background-color: inherit;\n position: sticky;\n z-index: 1;\n}\n\n.vuuTable-col-headings {\n background-color: white;\n padding: 0 var(--vuu-table-next-selection-bookend-width, 0);\n\n position: sticky;\n top: 0;\n /* ensure header row sits atop everything else when scrolling down */\n z-index: 1;\n}\n\n .vuuTable-col-headers {\n background-color: var(--table-background);\n white-space: nowrap;\n }\n\n\n .sizer-cell {\n background-color: green !important;\n border: none !important;\n height: 0px;\n }\n \n .vuuDraggable-vuuTable {\n --header-height: 25px;\n --vuuTableHeaderCell-background: var(--vuu-color-gray-25);\n }\n.vuuDraggable-vuuTable {\n --row-height: 25px;\n} \n", "\n.vuuTableInputCell.saltInput-primary {\n --salt-focused-outlineStyle: none;\n --saltInput-height: 17px;\n --saltInput-minHeight: 17px;\n border-radius: 4px;\n font-weight: 500;\n}\n\n.vuuTableCell:focus .vuuTableInputCell.saltInput-primary,\n.vuuTableInputCell.saltInput-primary.saltInput-focused {\n border: solid 2px var(--vuu-color-purple-10);\n padding: 0 3px;\n}\n\n.vuuTableInputCell-icon {\n --vuu-icon-height: 13px;\n --vuu-icon-size: 15px;\n --vuu-icon-width: 12px;\n border-radius: 10px;\n}\n\n.vuuTableCell:focus .vuuTableInputCell.saltInput-primary.vuuTableInputCell-error,\n.vuuTableInputCell.saltInput-primary.saltInput-focused.vuuTableInputCell-error {\n border: solid 2px var(--vuu-color-red-50);\n}\n\n\n.vuuTableInputCell-error.saltInput-primary {\n border: solid 1px var(--vuu-color-red-50);\n}", "\n.vuuTableToggleCell {\n --saltButton-borderRadius: 4px;\n --saltButton-height: 16px;\n font-weight: 500;\n position: relative;\n top: 1px;;\n}\n.vuuTableToggleCell-side {\n --saltButton-minWidth: 40px;\n}\n.vuuTableToggleCell.vuuCycleStateButton-buy {\n background-color: var(--vuu-color-green-50);\n}\n\n.vuuTableToggleCell.vuuCycleStateButton-sell {\n background-color: var(--vuu-color-red-50);\n\n}\n\n.vuuTableCell .vuuTableToggleCell:focus {\n /* TODO fix use of important */\n border: solid 2px var(--vuu-color-purple-10) !important;\n color: white !important;\n height: 18px !important;\n top: 0px !important;\n}\n\n\n\n\n\n", "\n.vuuBackgroundCell {\n --background-animation-duration: 10s;\n color: var(--vuuBackgroundCell-color, var(--vuu-color-gray-80));\n padding-right: var(--salt-size-unit);\n position: relative;\n z-index: -1;\n}\n\n.vuuBackgroundCell-arrowBackground,\n.vuuBackgroundCell-arrowOnly {\n padding-left: 14px;\n}\n\n.vuuBackgroundCell-arrow {\n background-color: var(--background-cell-background);\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: -1;\n}\n\n.vuuBackgroundCell-arrow {\n text-align: left;\n}\n.vuuBackgroundCell-arrow + .num {\n padding-left: 8px;\n}\n\n.right .vuuBackgroundCell-arrow {\n text-align: right;\n}\n.right .vuuBackgroundCell-arrow + .num {\n padding-right: 8px;\n}\n\n.vuuBackgroundCell-arrowOnly > .vuuBackgroundCell-arrow {\n background-color: transparent;\n}\n\n.vuuBackgroundCell-backgroundOnly.up1,\n.vuuBackgroundCell-arrowBackground.up1 {\n animation-duration: var(--background-animation-duration);\n animation-name: vuubgup1;\n}\n\n.vuuBackgroundCell-backgroundOnly.up2,\n.vuuBackgroundCell-arrowBackground.up2 {\n animation-duration: var(--background-animation-duration);\n animation-name: vuubgup2;\n}\n\n.vuuBackgroundCell-backgroundOnly.down1,\n.vuuBackgroundCell-arrowBackground.down1 {\n animation-duration: var(--background-animation-duration);\n animation-name: vuubgdown1;\n}\n\n.vuuBackgroundCell-backgroundOnly.down2,\n.vuuBackgroundCell-arrowBackground.down2 {\n animation-duration: var(--background-animation-duration);\n animation-name: vuubgdown2;\n}\n\n.up1.vuuBackgroundCell-arrowOnly > .vuuBackgroundCell-arrow {\n animation-duration: 30s;\n animation-name: vuuarrowup1;\n}\n\n.up2.vuuBackgroundCell-arrowOnly > .vuuBackgroundCell-arrow {\n animation-duration: 30s;\n animation-name: vuuarrowup2;\n}\n\n.down1.vuuBackgroundCell-arrowOnly > .vuuBackgroundCell-arrow {\n animation-duration: 30s;\n animation-name: vuuarrowdown1;\n}\n\n.down2.vuuBackgroundCell-arrowOnly > .vuuBackgroundCell-arrow {\n animation-duration: 30s;\n animation-name: vuuarrowdown2;\n}\n\n.up1.vuuBackgroundCell-arrowBackground > .vuuBackgroundCell-arrow {\n animation-duration: 30s;\n animation-name: vuubgarrowup1;\n}\n\n.up2.vuuBackgroundCell-arrowBackground > .vuuBackgroundCell-arrow {\n animation-duration: 30s;\n animation-name: vuubgarrowup2;\n}\n\n.down1.vuuBackgroundCell-arrowBackground > .vuuBackgroundCell-arrow {\n animation-duration: 30s;\n animation-name: vuubgarrowdown1;\n}\n\n.down2.vuuBackgroundCell-arrowBackground > .vuuBackgroundCell-arrow {\n animation-duration: 30s;\n animation-name: vuubgarrowdown2;\n}\n", "\n@keyframes vuubgup1 {\n 0% {\n background-color: var(--vuu-color-green-50);\n color: white;\n }\n\n 30% {\n color: white;\n } \n 33% {\n color: var(--vuu-color-gray-80);\n } \n\n 100% {\n background-color: transparent;\n color: var(--vuu-color-gray-80);\n }\n }\n \n @keyframes vuubgup2 {\n 0% {\n background-color: var(--vuu-color-green-50);\n color: white;\n }\n\n 30% {\n color: white;\n } \n 33% {\n color: var(--vuu-color-gray-80);\n } \n\n 100% {\n background-color: transparent;\n color: var(--vuu-color-gray-80);\n }\n }\n \n @keyframes vuubgdown1 {\n 0% {\n background-color: var(--vuu-color-red-50);\n color: white;\n }\n 30% {\n color: white;\n } \n 33% {\n color: var(--vuu-color-gray-80);\n } \n 100% {\n background-color: transparent;\n color: var(--vuu-color-gray-80);\n }\n }\n \n @keyframes vuubgdown2 {\n 0% {\n background-color: var(--vuu-color-red-50);\n color: white;\n }\n 30% {\n color: white;\n } \n 33% {\n color: var(--vuu-color-gray-80);\n } \n 100% {\n background-color: transparent;\n color: var(--vuu-color-gray-80);\n }\n }\n \n @keyframes vuuarrowup1 {\n from {\n color: var(--salt-differential-positive-foreground);\n }\n to {\n color: transparent;\n }\n }\n \n @keyframes vuuarrowup2 {\n from {\n color: var(--salt-differential-positive-foreground);\n }\n to {\n color: transparent;\n }\n }\n \n @keyframes vuuarrowdown1 {\n from {\n color: var(--salt-differential-negative-foreground);\n }\n to {\n color: transparent;\n }\n }\n \n @keyframes vuuarrowdown2 {\n from {\n color: var(--salt-differential-negative-foreground);\n }\n to {\n color: transparent;\n }\n }\n \n @keyframes vuubgarrowup1 {\n 0% {\n color: var(--salt-differential-positive-foreground);\n background-color: var(--vuu-color-green-50);\n }\n 20% {\n color: var(--salt-differential-positive-foreground);\n background-color: transparent;\n }\n 100% {\n color: transparent;\n background-color: transparent;\n }\n }\n \n @keyframes vuubgarrowup2 {\n 0% {\n color: var(--salt-differential-positive-foreground);\n background-color: var(--vuu-color-green-50);\n }\n 20% {\n color: var(--salt-differential-positive-foreground);\n background-color: transparent;\n }\n 100% {\n color: transparent;\n background-color: transparent;\n }\n }\n \n @keyframes vuubgarrowdown1 {\n 0% {\n color: var(--salt-differential-negative-foreground);\n background-color: var(--vuu-color-red-50);\n }\n 20% {\n color: var(--salt-differential-negative-foreground);\n background-color: transparent;\n }\n 100% {\n color: transparent;\n background-color: transparent;\n }\n }\n \n @keyframes vuubgarrowdown2 {\n 0% {\n color: var(--salt-differential-negative-foreground);\n background-color: var(--vuu-color-red-50);\n }\n 20% {\n color: var(--salt-differential-negative-foreground);\n background-color: transparent;\n }\n 100% {\n color: transparent;\n background-color: transparent;\n }\n }\n ", ".vuuBackgroundCellConfiguration {\n height: 50px;\n background-color: red;\n}", "\n.vuuTableDropdownCell {\n --vuu-icon-height: 15px;\n --salt-focused-outlineStyle: none;\n\n --saltButton-borderRadius: 4px;\n font-weight: 500;\n}\n\n.vuuTableDropdownCell button:focus-visible {\n --saltButton-borderColor: var(--vuu-color-purple-10);\n --saltButton-borderWidth: 2px;\n padding-left: 3px;\n}", ".vuuProgressCell {\n align-items: center;\n display: flex;\n}\n\n.vuuProgressCell-track {\n display: inline-block;\n flex: auto 1 1;\n height: 4px;\n overflow: hidden;\n position: relative;\n}\n\n.vuuProgressCell-bg {\n background-color: var(--salt-measured-background);\n display: inline-block;\n height: 2px;\n left: 0;\n position: absolute;\n top: 1px;\n width: 100%;\n}\n\n\n.vuuProgressCell-bar {\n background-color: var(--salt-measured-fill);\n display: inline-block;\n height: 100%;\n left: 0;\n position: absolute;\n top:0;\n transform: translateX(var(--progress-bar-pct, -100%));\n width: 100%;\n}\n\n.vuuProgressCell-text {\n flex: 35px 0 0;\n text-align: right;\n}", "\n\n.vuuColumnList {\n --vuuMeasuredContainer-flex: 1 1 1px;\n --vuu-svg-function: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 14\"><path d=\"M5.8625 10.5V9.625H6.72291L8.4875 7.59792L6.72291 5.54167H5.64375L4.60833 10.8792C4.53055 11.3167 4.36527 11.6545 4.1125 11.8927C3.85972 12.1309 3.53402 12.25 3.13541 12.25C2.7368 12.25 2.40382 12.1333 2.13645 11.9C1.86909 11.6667 1.73541 11.375 1.73541 11.025C1.73541 10.7625 1.80833 10.551 1.95416 10.3906C2.1 10.2302 2.28958 10.15 2.52291 10.15C2.72708 10.15 2.89479 10.2083 3.02604 10.325C3.15729 10.4417 3.22291 10.5972 3.22291 10.7917C3.22291 10.8986 3.20104 10.9983 3.15729 11.0906C3.11354 11.183 3.05277 11.2583 2.975 11.3167C3.01388 11.3361 3.0552 11.3507 3.09895 11.3604C3.1427 11.3701 3.18888 11.375 3.2375 11.375C3.36388 11.375 3.47083 11.3142 3.55833 11.1927C3.64583 11.0712 3.70902 10.9132 3.74791 10.7188L4.75416 5.54167H2.91666V4.66667H4.91458L5.22083 3.12083C5.30833 2.68333 5.48333 2.34549 5.74583 2.10729C6.00833 1.8691 6.33402 1.75 6.72291 1.75C7.12152 1.75 7.44965 1.86667 7.70729 2.1C7.96493 2.33333 8.09375 2.625 8.09375 2.975C8.09375 3.2375 8.02083 3.44896 7.875 3.60938C7.72916 3.76979 7.53958 3.85 7.30625 3.85C7.1118 3.85 6.94652 3.7941 6.81041 3.68229C6.6743 3.57049 6.60625 3.42222 6.60625 3.2375C6.60625 3.14028 6.62569 3.04549 6.66458 2.95312C6.70347 2.86076 6.75208 2.78542 6.81041 2.72708C6.79097 2.70764 6.7618 2.69063 6.72291 2.67604C6.68402 2.66146 6.64513 2.65417 6.60625 2.65417C6.47986 2.65417 6.37048 2.7125 6.27812 2.82917C6.18576 2.94583 6.12013 3.09653 6.08125 3.28125L5.81875 4.66667H8.575V5.54167H7.88958L9.1 6.94167L10.2375 5.54167H9.5375V4.66667H12.25V5.54167H11.4042L9.65416 7.59792L11.4042 9.625H12.25V10.5H9.5375V9.625H10.2375L9.07083 8.26875L7.875 9.625H8.575V10.5H5.8625Z\"/></svg>');\n --vuuList-borderStyle: none;\n --vuuListItem-padding: 0;\n display: flex;\n flex-direction: column;\n width: 252px;\n}\n\n[data-icon=\"function\"]{\n --vuu-icon-svg: var(--vuu-svg-function);\n}\n\n.vuuColumnListItem {\n border-bottom: solid 1px var(--salt-separable-tertiary-borderColor);\n padding: 0 6px 0 0;\n}\n\n.vuuColumnList-switch {\n flex: 0 0 32px;\n}\n\n.vuuColumnList-text {\n flex: 1 1 auto;\n}\n\n.vuuColumnList-text:hover {\n font-weight: 600;\n text-decoration: underline;\n}\n\n.vuuColumnList-checkBox {\n flex: 0 0 20px;\n}\n\n.vuuColumnList-icon {\n --vuu-icon-color: var(--vuu-color-gray-45);\n --vuu-icon-size: 16px;\n --vuu-icon-width: 32px;\n}\n\n.vuuColumnList-header {\n border-top: solid 2px var(--vuu-color-gray-30);\n flex: 0 0 40px;\n font-size: 14px;\n font-weight: 600;\n padding-top: 24px;\n}\n\n.vuuColumnList-colHeadings {\n border-bottom: solid 2px var(--vuu-color-gray-30);\n color: var(--vuu-color-gray-50);\n display: flex;\n flex: 0 0 24px;\n font-size: 10px;\n justify-content: space-between;\n margin-top: 16px;\n padding-bottom: 8px;\n\n}", "\n.vuuColumnExpressionInput {\n --vuuFilterEditor-background: var(--salt-container-primary-background);\n --vuuFilterEditor-color: var(--salt-text-primary-foreground);\n --vuuFilterEditor-fontFamily: var(--salt-typography-fontFamily);\n --vuuFilterEditor-fontSize: var(--salt-text-fontSize);\n --vuuFilterEditor-cursorColor: var(--salt-text-secondary-foreground);\n --vuuFilterEditor-selectionBackground: var(--salt-text-background-selected);\n --vuuFilterEditor-tooltipBackground: var(--salt-container-primary-background);\n --vuuFilterEditor-tooltipBorder: solid 1px var(--vuu-color-purple-10); \n --vuuFilterEditor-tooltipElevation: var(--salt-overlayable-shadow-popout);\n --vuuFilterEditor-suggestion-selectedBackground: var(--vuu-color-gray-10);\n --vuuFilterEditor-suggestion-selectedColor: var(--salt-text-primary-foreground);\n --vuuFilterEditor-suggestion-detailColor: var(--salt-text-secondary-foreground-disabled);\n --vuuFilterEditor-suggestion-height: 24px;\n --vuuFilterEditor-variableColor: var(--vuu-color-purple-10);\n\n align-items: center;\n box-sizing: border-box;\n height: 30px;\n}\n\n.vuuColumnExpressionInput-FilterButton,\n.vuuColumnExpressionInput-ClearButton {\n --vuu-icon-size: 12px;\n --saltButton-width: 28px;\n}\n\n.expression-type-container {\n margin: 0 3px 0 auto;\n color: var(--salt-text-secondary-foreground)\n}\n\n.expression-kind {\n display: inline-block;\n width: 50px;\n}\n\n.expression-type {\n display: inline-block;\n text-align: right;\n width: 50px;\n}\n\n.vuuSuggestion {\n display: flex;\n align-items: center;\n}\n\n.vuuFunctionDoc {\n padding: 13px 7px;\n}\n\n.vuuFunctionDoc .function-heading {\n display: flex;\n gap: 3px;\n}\n\n.vuuFunctionDoc .function-name {\n font-weight: 700;\n text-transform: capitalize;\n}\n\n.vuuFunctionDoc .param-list {\n color: var(--vuu-color-gray-50);\n white-space: pre;\n}\n\n.vuuFunctionDoc .function-type {\n color: var(--vuu-color-gray-50);\n font-weight: 700;\n margin-left: auto;\n text-transform: capitalize;\n}\n\n.vuuFunctionDoc .example-container {\n background-color: var(--vuu-color-gray-03);\n margin: 6px 0;\n padding: 3px;\n}\n\n.vuuFunctionDoc .example-expression {\n color: var(--vuu-color-gray-80);\n font-family: var(--salt-typography-fontFamily-code);\n font-weight: 500;\n padding: 8px;\n}\n\n.vuuFunctionDoc .example-result {\n margin-left: 8px;\n margin-top: 6px;\n}", ".vuuLongColumnFormattingSettings {\n display: flex;\n flex-direction: column;\n gap: 4px;\n padding-top: 6px;\n}\n", ".vuuColumnNameLabel-calculated {\n cursor: pointer;\n display: flex;\n gap: 2px;\n}\n\n.vuuColumnNameLabel-edit {\n margin-left: auto;\n}\n\n.vuuColumnNameLabel-placeholder {\n color: var(--vuu-color-gray-35);\n}", ".vuuColumnSettingsPanel {\n --vuu-svg-align-left: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M9.33333 10H2.66667C2.3 10 2 10.3 2 10.6667C2 11.0333 2.3 11.3333 2.66667 11.3333H9.33333C9.7 11.3333 10 11.0333 10 10.6667C10 10.3 9.7 10 9.33333 10ZM9.33333 4.66667H2.66667C2.3 4.66667 2 4.96667 2 5.33333C2 5.7 2.3 6 2.66667 6H9.33333C9.7 6 10 5.7 10 5.33333C10 4.96667 9.7 4.66667 9.33333 4.66667ZM2.66667 8.66667H13.3333C13.7 8.66667 14 8.36667 14 8C14 7.63333 13.7 7.33333 13.3333 7.33333H2.66667C2.3 7.33333 2 7.63333 2 8C2 8.36667 2.3 8.66667 2.66667 8.66667ZM2.66667 14H13.3333C13.7 14 14 13.7 14 13.3333C14 12.9667 13.7 12.6667 13.3333 12.6667H2.66667C2.3 12.6667 2 12.9667 2 13.3333C2 13.7 2.3 14 2.66667 14ZM2 2.66667C2 3.03333 2.3 3.33333 2.66667 3.33333H13.3333C13.7 3.33333 14 3.03333 14 2.66667C14 2.3 13.7 2 13.3333 2H2.66667C2.3 2 2 2.3 2 2.66667Z\" /></svg>');\n --vuu-svg-align-right: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M2.66667 14H13.3333C13.7 14 14 13.7 14 13.3333C14 12.9667 13.7 12.6667 13.3333 12.6667H2.66667C2.3 12.6667 2 12.9667 2 13.3333C2 13.7 2.3 14 2.66667 14ZM6.66667 11.3333H13.3333C13.7 11.3333 14 11.0333 14 10.6667C14 10.3 13.7 10 13.3333 10H6.66667C6.3 10 6 10.3 6 10.6667C6 11.0333 6.3 11.3333 6.66667 11.3333ZM2.66667 8.66667H13.3333C13.7 8.66667 14 8.36667 14 8C14 7.63333 13.7 7.33333 13.3333 7.33333H2.66667C2.3 7.33333 2 7.63333 2 8C2 8.36667 2.3 8.66667 2.66667 8.66667ZM6.66667 6H13.3333C13.7 6 14 5.7 14 5.33333C14 4.96667 13.7 4.66667 13.3333 4.66667H6.66667C6.3 4.66667 6 4.96667 6 5.33333C6 5.7 6.3 6 6.66667 6ZM2 2.66667C2 3.03333 2.3 3.33333 2.66667 3.33333H13.3333C13.7 3.33333 14 3.03333 14 2.66667C14 2.3 13.7 2 13.3333 2H2.66667C2.3 2 2 2.3 2 2.66667Z\" /></svg>');\n --vuu-svg-pin-left: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M7.33333 9.86V8.66666H13.3333C13.7 8.66666 14 8.36666 14 8C14 7.63333 13.7 7.33333 13.3333 7.33333L7.33333 7.33333V6.14C7.33333 5.84 6.97333 5.69333 6.76667 5.90666L4.90667 7.76666C4.77333 7.89999 4.77333 8.10666 4.90667 8.24L6.76667 10.1C6.97333 10.3067 7.33333 10.16 7.33333 9.86ZM2.66667 13.3333C3.03333 13.3333 3.33333 13.0333 3.33333 12.6667L3.33333 3.33333C3.33333 2.96666 3.03333 2.66666 2.66667 2.66666C2.3 2.66666 2 2.96666 2 3.33333L2 12.6667C2 13.0333 2.3 13.3333 2.66667 13.3333Z\" /></svg>');\n --vuu-svg-pin-float: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M6 4.66667H4.66667V6H6V4.66667ZM6 7.33333H4.66667V8.66667H6V7.33333ZM6 2C5.26 2 4.66667 2.6 4.66667 3.33333H6V2ZM8.66667 10H7.33333V11.3333H8.66667V10ZM12.6667 2V3.33333H14C14 2.6 13.4 2 12.6667 2ZM8.66667 2H7.33333V3.33333H8.66667V2ZM6 11.3333V10H4.66667C4.66667 10.7333 5.26 11.3333 6 11.3333ZM12.6667 8.66667H14V7.33333H12.6667V8.66667ZM12.6667 6H14V4.66667H12.6667V6ZM12.6667 11.3333C13.4 11.3333 14 10.7333 14 10H12.6667V11.3333ZM2.66667 4.66667C2.3 4.66667 2 4.96667 2 5.33333V12.6667C2 13.4 2.6 14 3.33333 14H10.6667C11.0333 14 11.3333 13.7 11.3333 13.3333C11.3333 12.9667 11.0333 12.6667 10.6667 12.6667H4C3.63333 12.6667 3.33333 12.3667 3.33333 12V5.33333C3.33333 4.96667 3.03333 4.66667 2.66667 4.66667ZM10 3.33333H11.3333V2H10V3.33333ZM10 11.3333H11.3333V10H10V11.3333Z\" /></svg>');\n --vuu-svg-pin-right: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M8.66667 6.14V7.33333H2.66667C2.3 7.33333 2 7.63333 2 8C2 8.36666 2.3 8.66666 2.66667 8.66666H8.66667V9.86C8.66667 10.16 9.02667 10.3067 9.23333 10.0933L11.0933 8.23333C11.2267 8.1 11.2267 7.89333 11.0933 7.76L9.23333 5.9C9.02667 5.69333 8.66667 5.84 8.66667 6.14ZM13.3333 13.3333C13.7 13.3333 14 13.0333 14 12.6667V3.33333C14 2.96666 13.7 2.66666 13.3333 2.66666C12.9667 2.66666 12.6667 2.96666 12.6667 3.33333V12.6667C12.6667 13.0333 12.9667 13.3333 13.3333 13.3333Z\"/></svg>');\n --vuuDropdown-height: 24px;\n --vuuDropdown-width: 100%;\n \n \n --vuuIconToggleButton-iconSize: 16px;\n\n display: flex;\n flex-direction: column;\n gap: 24px;\n height: 100%;\n padding-top: 24px;\n}\n\n.vuuColumnSettingsPanel-header {\n border-top: solid 2px var(--vuu-color-gray-30);\n font-size: 14px;\n font-weight: 600;\n padding-top: 24px;\n}\n\n\n.vuuColumnSettingsPanel-buttonBar {\n align-items: center;\n display: flex;\n justify-content: space-between;\n margin-top: auto;\n}\n\n.vuuColumnSettingsPanel-buttonBar[data-align=\"right\"]{\n gap: 6px;\n justify-content: flex-end;\n}\n\n.vuuColumnSettingsPanel-buttonNavPrev {\n --vuu-icon-left: 6px;\n padding-left: 24px\n}\n\n.vuuColumnSettingsPanel-buttonNavNext {\n --vuu-icon-left: calc(100% - 18px);\n padding-right: 24px\n}\n\n\n\n[data-icon='align-left'] {\n --vuu-icon-svg: var(--vuu-svg-align-left);\n }\n\n [data-icon='align-right'] {\n --vuu-icon-svg: var(--vuu-svg-align-right);\n }\n\n [data-icon='pin-left'] {\n --vuu-icon-svg: var(--vuu-svg-pin-left);\n }\n [data-icon='pin-float'] {\n --vuu-icon-svg: var(--vuu-svg-pin-float);\n }\n [data-icon='pin-right'] {\n --vuu-icon-svg: var(--vuu-svg-pin-right);\n }\n\n .vuuColumnSettingsPanel-editing .vuuColumnNameLabel-edit {\n display: none;\n }\n \n\n\n \n \n \n \n \n", ".vuuDatasourceStats {\n color: black;\n display: flex;\n font-size: 10px;\n gap: var(--salt-size-unit);\n padding: 4px 0 0 12px;\n}\n\n.vuuDatasourceStats-label {\n color: var(--vuu-color-gray-50);\n}", ".vuuTableSettingsPanel {\n --vuu-svg-text-strikethrough: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 24\"><path d=\"M28.3333 9.33334C28.8867 9.33334 29.3333 8.88668 29.3333 8.33334C29.3333 7.78001 28.8867 7.33334 28.3333 7.33334H20.26L22.26 9.33334H23.48L23.1133 10.1867L24.5067 11.58L25.4733 9.33334H28.3333ZM27.6267 16.5867L18.7467 7.70668C18.4867 7.44668 18.0667 7.44668 17.8067 7.70668C17.5467 7.96668 17.5467 8.38668 17.8067 8.64668L21.98 12.82L20.88 15.38C20.62 15.9933 21.0667 16.6667 21.7267 16.6667C22.0933 16.6667 22.4267 16.4467 22.5733 16.1067L23.38 14.22L26.68 17.52C26.94 17.78 27.36 17.78 27.62 17.52C27.8867 17.2667 27.8867 16.8467 27.6267 16.5867Z\"/></svg>');\n --vuu-svg-text-Tt: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 24\"><path d=\"M17.6667 7.66666C17.6667 8.21999 18.1133 8.66666 18.6667 8.66666H21V15.6667C21 16.22 21.4467 16.6667 22 16.6667C22.5533 16.6667 23 16.22 23 15.6667V8.66666H25.3333C25.8867 8.66666 26.3333 8.21999 26.3333 7.66666C26.3333 7.11332 25.8867 6.66666 25.3333 6.66666H18.6667C18.1133 6.66666 17.6667 7.11332 17.6667 7.66666ZM29.3333 9.99999H25.3333C24.78 9.99999 24.3333 10.4467 24.3333 11C24.3333 11.5533 24.78 12 25.3333 12H26.3333V15.6667C26.3333 16.22 26.78 16.6667 27.3333 16.6667C27.8867 16.6667 28.3333 16.22 28.3333 15.6667V12H29.3333C29.8867 12 30.3333 11.5533 30.3333 11C30.3333 10.4467 29.8867 9.99999 29.3333 9.99999Z\" /></svg>');\n --vuu-svg-text-T: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 24\"><path d=\"M19.3333 7.66666C19.3333 8.21999 19.78 8.66666 20.3333 8.66666H23V15.6667C23 16.22 23.4467 16.6667 24 16.6667C24.5533 16.6667 25 16.22 25 15.6667V8.66666H27.6667C28.22 8.66666 28.6667 8.21999 28.6667 7.66666C28.6667 7.11332 28.22 6.66666 27.6667 6.66666H20.3333C19.78 6.66666 19.3333 7.11332 19.3333 7.66666Z\"/></svg>');\n --vuu-svg-stripes: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><rect x=\"2\" y=\"2\" width=\"12\" height=\"2\" rx=\"0.3\"/><rect x=\"2\" y=\"5\" width=\"12\" height=\"2\" rx=\"0.3\"/><rect x=\"2\" y=\"8\" width=\"12\" height=\"2\" rx=\"0.3\"/><rect x=\"2\" y=\"11\" width=\"12\" height=\"2\" rx=\"0.3\"/></svg>');\n --vuu-svg-row-lines: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><rect x=\"2\" y=\"3\" width=\"12\" height=\"1\" rx=\"0.3\" /><rect x=\"2\" y=\"6\" width=\"12\" height=\"1\" rx=\"0.3\" /><rect x=\"2\" y=\"9\" width=\"12\" height=\"1\" rx=\"0.3\" /><rect x=\"2\" y=\"12\" width=\"12\" height=\"1\" rx=\"0.3\"/></svg>');\n --vuu-svg-col-lines: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><rect x=\"3\" y=\"14\" width=\"12\" height=\"1\" rx=\"0.3\" transform=\"rotate(-90 3 14)\"/><rect x=\"6\" y=\"14\" width=\"12\" height=\"1\" rx=\"0.3\" transform=\"rotate(-90 6 14)\"/><rect x=\"9\" y=\"14\" width=\"12\" height=\"1\" rx=\"0.3\" transform=\"rotate(-90 9 14)\"/><rect x=\"12\" y=\"14\" width=\"12\" height=\"1\" rx=\"0.3\" transform=\"rotate(-90 12 14)\"/></svg>');\n\n display: flex;\n flex-direction: column;\n gap: 24px;\n height: 100%;\n padding-top: 24px;\n}\n\n\n.vuuTableSettingsPanel [data-icon=\"text-strikethrough\"]{\n --vuu-icon-svg: var(--vuu-svg-text-strikethrough);\n}\n.vuuTableSettingsPanel [data-icon=\"text-Tt\"]{\n --vuu-icon-svg: var(--vuu-svg-text-Tt);\n}\n.vuuTableSettingsPanel [data-icon=\"text-T\"]{\n --vuu-icon-svg: var(--vuu-svg-text-T);\n}\n.vuuTableSettingsPanel [data-icon=\"col-lines\"]{\n --vuu-icon-svg: var(--vuu-svg-col-lines);\n}\n.vuuTableSettingsPanel [data-icon=\"row-lines\"]{\n --vuu-icon-svg: var(--vuu-svg-row-lines);\n}\n.vuuTableSettingsPanel [data-icon=\"row-striping\"]{\n --vuu-icon-svg: var(--vuu-svg-stripes);\n}\n\n.vuuTableSettingsPanel-header {\n border-top: solid 2px var(--vuu-color-gray-30);\n font-size: 14px;\n font-weight: 600;\n padding-top: 24px;\n}\n\n.vuuTableSettingsPanel .vuuColumnList {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: 0;\n}\n\n.vuuTableSettingsPanel-calculatedButtonbar {\n --vuu-icon-size: 16px;\n --saltButton-height: 24px;\n --saltButton-width: 24px;\n align-items: center;\n display: flex;\n flex: 0 0 32px;\n gap: 12px;\n}\n\n.vuuGridSeparators {\n --vuuIconToggleButton-iconSize: 16px;\n}\n\n\n\n\n\n"],
5
+ "mappings": "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CA1CkC,KA0C5B,CAvFL,kCAuFwC,EAAE,CAlF1C;AAmFC,sBAAoB;AACpB,kBAAgB;AAClB;AAEA,CAzCkC,KAyC5B,CA5FL,kCA4FwC,EAAE,CAvF1C;AAwFC,sBAAoB;AACpB,kBAAgB;AAClB;;;ACvGA,WAAW;AACP;AACE,sBAAkB,IAAI;AACtB,WAAO;AACT;AAEA;AACE,WAAO;AACT;AACA;AACE,WAAO,IAAI;AACb;AAEA;AACE,sBAAkB;AAClB,WAAO,IAAI;AACb;AACF;AAEA,WAAW;AACT;AACE,sBAAkB,IAAI;AACtB,WAAO;AACT;AAEA;AACE,WAAO;AACT;AACA;AACE,WAAO,IAAI;AACb;AAEA;AACE,sBAAkB;AAClB,WAAO,IAAI;AACb;AACF;AAEA,WAAW;AACT;AACE,sBAAkB,IAAI;AACtB,WAAO;AACT;AACA;AACE,WAAO;AACT;AACA;AACE,WAAO,IAAI;AACb;AACA;AACE,sBAAkB;AAClB,WAAO,IAAI;AACb;AACF;AAEA,WAAW;AACT;AACE,sBAAkB,IAAI;AACtB,WAAO;AACT;AACA;AACE,WAAO;AACT;AACA;AACE,WAAO,IAAI;AACb;AACA;AACE,sBAAkB;AAClB,WAAO,IAAI;AACb;AACF;AAEA,WAAW;AACT;AACE,WAAO,IAAI;AACb;AACA;AACE,WAAO;AACT;AACF;AAEA,WAAW;AACT;AACE,WAAO,IAAI;AACb;AACA;AACE,WAAO;AACT;AACF;AAEA,WAAW;AACT;AACE,WAAO,IAAI;AACb;AACA;AACE,WAAO;AACT;AACF;AAEA,WAAW;AACT;AACE,WAAO,IAAI;AACb;AACA;AACE,WAAO;AACT;AACF;AAEA,WAAW;AACT;AACE,WAAO,IAAI;AACX,sBAAkB,IAAI;AACxB;AACA;AACE,WAAO,IAAI;AACX,sBAAkB;AACpB;AACA;AACE,WAAO;AACP,sBAAkB;AACpB;AACF;AAEA,WAAW;AACT;AACE,WAAO,IAAI;AACX,sBAAkB,IAAI;AACxB;AACA;AACE,WAAO,IAAI;AACX,sBAAkB;AACpB;AACA;AACE,WAAO;AACP,sBAAkB;AACpB;AACF;AAEA,W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",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,27 +1,26 @@
1
1
  {
2
2
  "name": "@vuu-ui/vuu-table-extras",
3
- "version": "0.8.17-debug",
3
+ "version": "0.8.18-debug",
4
4
  "author": "heswell",
5
5
  "license": "Apache-2.0",
6
6
  "devDependencies": {
7
- "@vuu-ui/vuu-filter-types": "0.8.17-debug",
8
- "@vuu-ui/vuu-protocol-types": "0.8.17-debug"
7
+ "@vuu-ui/vuu-filter-types": "0.8.18-debug",
8
+ "@vuu-ui/vuu-protocol-types": "0.8.18-debug"
9
9
  },
10
10
  "dependencies": {
11
- "@vuu-ui/vuu-codemirror": "0.8.17-debug",
12
- "@vuu-ui/vuu-data": "0.8.17-debug",
13
- "@vuu-ui/vuu-data-react": "0.8.17-debug",
14
- "@vuu-ui/vuu-table-types": "0.8.17-debug",
15
- "@vuu-ui/vuu-layout": "0.8.17-debug",
16
- "@vuu-ui/vuu-popups": "0.8.17-debug",
17
- "@vuu-ui/vuu-utils": "0.8.17-debug",
18
- "@vuu-ui/vuu-ui-controls": "0.8.17-debug",
11
+ "@vuu-ui/vuu-codemirror": "0.8.18-debug",
12
+ "@vuu-ui/vuu-data-react": "0.8.18-debug",
13
+ "@vuu-ui/vuu-data-types": "0.8.18-debug",
14
+ "@vuu-ui/vuu-table-types": "0.8.18-debug",
15
+ "@vuu-ui/vuu-layout": "0.8.18-debug",
16
+ "@vuu-ui/vuu-popups": "0.8.18-debug",
17
+ "@vuu-ui/vuu-utils": "0.8.18-debug",
18
+ "@vuu-ui/vuu-ui-controls": "0.8.18-debug",
19
19
  "@lezer/lr": "1.3.4",
20
- "@salt-ds/core": "1.8.0",
21
- "@salt-ds/lab": "1.0.0-alpha.15"
20
+ "@salt-ds/core": "1.13.2"
22
21
  },
23
22
  "peerDependencies": {
24
- "classnames": "^2.2.6",
23
+ "clsx": "^2.0.0",
25
24
  "react": ">=17.0.2",
26
25
  "react-dom": ">=17.0.2"
27
26
  },
package/types/cell-renderers/background-cell/BackgroundCell.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import { TableCellProps } from "@vuu-ui/vuu-table-types";
3
+ import "./BackgroundCell.css";
4
+ import "./BackgroundKeyframes.css";
5
+ export declare const BackgroundCell: import("react").NamedExoticComponent<TableCellProps>;
package/types/cell-renderers/dropdown-cell/DropdownCell.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { TableCellRendererProps } from "@vuu-ui/vuu-table-types";
3
+ import "./DropdownCell.css";
4
+ export declare const DropdownCell: import("react").NamedExoticComponent<TableCellRendererProps>;
package/types/cell-renderers/dropdown-cell/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from "./DropdownCell";
package/types/cell-renderers/index.d.ts CHANGED
@@ -1 +1,4 @@
1
+ export * from "./background-cell";
2
+ export * from "./dropdown-cell";
3
+ export * from "./lookup-cell";
1
4
  export * from "./progress-cell";
package/types/cell-renderers/lookup-cell/LookupCell.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { TableCellRendererProps } from "@vuu-ui/vuu-table-types";
3
+ export declare const LookupCell: import("react").NamedExoticComponent<TableCellRendererProps>;
package/types/cell-renderers/lookup-cell/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from "./LookupCell";
package/types/column-expression-input/useColumnExpressionSuggestionProvider.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
2
2
  import { VuuTable } from "@vuu-ui/vuu-protocol-types";
3
- import { IExpressionSuggestionProvider } from "@vuu-ui/vuu-table-extras";
3
+ import { IExpressionSuggestionProvider } from "./useColumnExpressionEditor";
4
4
  export interface SuggestionProviderHookProps {
5
5
  columns: ColumnDescriptor[];
6
6
  table: VuuTable;
package/types/column-expression-panel/ColumnExpressionPanel.d.ts CHANGED
@@ -1,6 +1,5 @@
1
- import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
1
+ import { ColumnDescriptor, ColumnSettingsProps } from "@vuu-ui/vuu-table-types";
2
2
  import { HTMLAttributes } from "react";
3
- import { ColumnSettingsProps } from "../column-settings";
4
3
  export interface ColumnExpressionPanelProps extends HTMLAttributes<HTMLDivElement>, Pick<ColumnSettingsProps, "tableConfig" | "vuuTable"> {
5
4
  column: ColumnDescriptor;
6
5
  /**
package/types/column-formatting-settings/BaseNumericFormattingSettings.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { FormattingSettingsProps } from "./types";
3
+ export declare const BaseNumericFormattingSettings: ({ column, onChangeFormatting: onChange, }: FormattingSettingsProps) => JSX.Element;
package/types/column-formatting-settings/ColumnFormattingPanel.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import { ColumnDescriptor, ColumnTypeFormatting, ColumnTypeRendering } from "@vuu-ui/vuu-table-types";
1
+ import { ColumnDescriptor, ColumnTypeRendering } from "@vuu-ui/vuu-table-types";
2
2
  import { CellRendererDescriptor } from "@vuu-ui/vuu-utils";
3
3
  import { HTMLAttributes } from "react";
4
- export interface ColumnFormattingPanelProps extends HTMLAttributes<HTMLDivElement> {
4
+ import { FormattingSettingsProps } from "./types";
5
+ export interface ColumnFormattingPanelProps extends HTMLAttributes<HTMLDivElement>, FormattingSettingsProps {
5
6
  availableRenderers: CellRendererDescriptor[];
6
7
  column: ColumnDescriptor;
7
- onChangeFormatting: (formatting: ColumnTypeFormatting) => void;
8
8
  onChangeRendering: (renderProps: ColumnTypeRendering) => void;
9
9
  }
10
- export declare const ColumnFormattingPanel: ({ availableRenderers, className, column, onChangeFormatting, onChangeRendering, ...htmlAttributes }: ColumnFormattingPanelProps) => JSX.Element;
10
+ export declare const ColumnFormattingPanel: ({ availableRenderers, className, column, onChangeFormatting, onChangeType, onChangeRendering, ...htmlAttributes }: ColumnFormattingPanelProps) => JSX.Element;
package/types/column-formatting-settings/DateTimeFormattingSettings.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { DateTimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
3
+ import { FormattingSettingsProps } from "./types";
4
+ export declare const DateTimeFormattingSettings: React.FC<FormattingSettingsProps<DateTimeColumnDescriptor>>;
package/types/column-formatting-settings/LongTypeFormattingSettings.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { FormattingSettingsProps } from "./types";
3
+ import "./LongTypeFormattingSettings.css";
4
+ export declare const LongTypeFormattingSettings: React.FC<FormattingSettingsProps>;
package/types/column-formatting-settings/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export * from "./ColumnFormattingPanel";
2
- export * from "./NumericFormattingSettings";
2
+ export * from "./BaseNumericFormattingSettings";
3
+ export * from "./DateTimeFormattingSettings";
package/types/column-formatting-settings/types.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { ColumnDescriptor, ColumnTypeFormatting, ColumnTypeSimple } from "@vuu-ui/vuu-table-types";
2
+ export interface FormattingSettingsProps<T extends ColumnDescriptor = ColumnDescriptor> {
3
+ column: T;
4
+ onChangeFormatting: (formatting: ColumnTypeFormatting) => void;
5
+ onChangeType: (type: ColumnTypeSimple) => void;
6
+ }
package/types/column-list/ColumnList.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { ListProps } from "@vuu-ui/vuu-ui-controls";
2
1
  import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
2
+ import { ListProps } from "@vuu-ui/vuu-ui-controls";
3
3
  import { HTMLAttributes } from "react";
4
4
  import { ColumnItem } from "../table-settings";
5
5
  import "./ColumnList.css";
package/types/column-settings/ColumnSettingsPanel.d.ts CHANGED
@@ -1,13 +1,4 @@
1
- import { ColumnDescriptor, TableConfig } from "@vuu-ui/vuu-table-types";
2
- import { VuuTable } from "@vuu-ui/vuu-protocol-types";
3
- import { HTMLAttributes } from "react";
1
+ /// <reference types="react" />
2
+ import { ColumnSettingsProps } from "@vuu-ui/vuu-table-types";
4
3
  import "./ColumnSettingsPanel.css";
5
- export interface ColumnSettingsProps extends HTMLAttributes<HTMLDivElement> {
6
- column: ColumnDescriptor;
7
- onConfigChange: (config: TableConfig) => void;
8
- onCancelCreateColumn: () => void;
9
- onCreateCalculatedColumn: (column: ColumnDescriptor) => void;
10
- tableConfig: TableConfig;
11
- vuuTable: VuuTable;
12
- }
13
4
  export declare const ColumnSettingsPanel: ({ column: columnProp, onCancelCreateColumn, onConfigChange, onCreateCalculatedColumn, tableConfig, vuuTable, }: ColumnSettingsProps) => JSX.Element;
package/types/column-settings/useColumnSettings.d.ts CHANGED
@@ -1,7 +1,6 @@
1
- import { ColumnDescriptor, ColumnTypeFormatting } from "@vuu-ui/vuu-table-types";
1
+ import { ColumnDescriptor, ColumnTypeFormatting, ColumnSettingsProps, ColumnTypeSimple } from "@vuu-ui/vuu-table-types";
2
2
  import { CellRendererDescriptor, ColumnRenderPropsChangeHandler } from "@vuu-ui/vuu-utils";
3
3
  import { FormEventHandler } from "react";
4
- import { ColumnSettingsProps } from "./ColumnSettingsPanel";
5
4
  export declare const useColumnSettings: ({ column: columnProp, onCancelCreateColumn, onConfigChange, onCreateCalculatedColumn, tableConfig, }: Omit<ColumnSettingsProps, "vuuTable">) => {
6
5
  availableRenderers: CellRendererDescriptor[];
7
6
  editCalculatedColumn: boolean;
@@ -13,6 +12,7 @@ export declare const useColumnSettings: ({ column: columnProp, onCancelCreateCol
13
12
  onChangeCalculatedColumnName: (name: string) => void;
14
13
  onChangeFormatting: (formatting: ColumnTypeFormatting) => void;
15
14
  onChangeRendering: ColumnRenderPropsChangeHandler;
15
+ onChangeType: (type: ColumnTypeSimple) => void;
16
16
  onEditCalculatedColumn: () => void;
17
17
  onInputCommit: () => void;
18
18
  onSave: () => void;
package/types/datasource-stats/DatasourceStats.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { DataSource } from "@vuu-ui/vuu-data";
1
+ import { DataSource } from "@vuu-ui/vuu-data-types";
2
2
  import { HTMLAttributes } from "react";
3
3
  import "./DatasourceStats.css";
4
4
  interface DataSourceStatsProps extends HTMLAttributes<HTMLSpanElement> {
package/types/index.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  export * from "./cell-edit-validators";
2
2
  export * from "./cell-renderers";
3
- export * from "./cell-renderers-next";
4
3
  export * from "./column-list";
5
4
  export * from "./column-settings";
6
5
  export * from "./column-expression-input";
@@ -8,4 +7,3 @@ export * from "./column-expression-panel";
8
7
  export * from "./column-formatting-settings";
9
8
  export * from "./datasource-stats";
10
9
  export * from "./table-settings";
11
- export * from "./useTableAndColumnSettings";
package/types/table-settings/TableSettingsPanel.d.ts CHANGED
@@ -1,18 +1,9 @@
1
- import { DataSourceConfig, SchemaColumn } from "@vuu-ui/vuu-data";
2
- import { TableConfig } from "@vuu-ui/vuu-table-types";
3
- import { HTMLAttributes } from "react";
1
+ /// <reference types="react" />
2
+ import { TableSettingsProps } from "@vuu-ui/vuu-table-types";
4
3
  import "./TableSettingsPanel.css";
5
- export interface TableSettingsProps extends HTMLAttributes<HTMLDivElement> {
6
- availableColumns: SchemaColumn[];
7
- onAddCalculatedColumn: () => void;
8
- onConfigChange: (config: TableConfig) => void;
9
- onDataSourceConfigChange: (dataSOurceConfig: DataSourceConfig) => void;
10
- onNavigateToColumn?: (columnName: string) => void;
11
- tableConfig: TableConfig;
12
- }
13
4
  /**
14
5
  The TableSettingsPanel assumes 'ownership' of the tableSettings.
15
6
  It updates the settings in state locally and notifies caller of
16
7
  every change via onChange callback
17
8
  */
18
- export declare const TableSettingsPanel: ({ availableColumns, onAddCalculatedColumn, onConfigChange, onDataSourceConfigChange, onNavigateToColumn, tableConfig: tableConfigProp, ...htmlAttributes }: TableSettingsProps) => JSX.Element;
9
+ export declare const TableSettingsPanel: ({ availableColumns, onAddCalculatedColumn, onConfigChange, onDataSourceConfigChange, onNavigateToColumn, tableConfig: tableConfigProp, }: TableSettingsProps) => JSX.Element;
package/types/table-settings/useTableSettings.d.ts CHANGED
@@ -1,7 +1,6 @@
1
- import { ColumnDescriptor, TableConfig } from "@vuu-ui/vuu-table-types";
1
+ import { ColumnDescriptor, TableConfig, TableSettingsProps } from "@vuu-ui/vuu-table-types";
2
2
  import { MouseEvent, SyntheticEvent } from "react";
3
3
  import { ColumnChangeHandler } from "../column-list";
4
- import { TableSettingsProps } from "./TableSettingsPanel";
5
4
  export type ColumnItem = Pick<ColumnDescriptor, "hidden" | "label" | "name" | "serverDataType"> & {
6
5
  isCalculated: boolean;
7
6
  subscribed: boolean;
package/types/cell-renderers-next/background-cell/BackgroundCell.d.ts DELETED
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { TableCellProps } from "@vuu-ui/vuu-table-types";
3
- import "./BackgroundCell.css";
4
- import "./FlashingBackground.css";
5
- export declare const BackgroundCell: ({ column, columnMap, row }: TableCellProps) => JSX.Element;
package/types/cell-renderers-next/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from "./background-cell";
package/types/column-formatting-settings/NumericFormattingSettings.d.ts DELETED
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { ColumnDescriptor, ColumnTypeFormatting } from "@vuu-ui/vuu-table-types";
3
- export interface NumericFormattingSettingsProps {
4
- column: ColumnDescriptor;
5
- onChange: (formatting: ColumnTypeFormatting) => void;
6
- }
7
- export declare const NumericFormattingSettings: ({ column, onChange, }: NumericFormattingSettingsProps) => JSX.Element;
package/types/useTableAndColumnSettings.d.ts DELETED
@@ -1,15 +0,0 @@
1
- import { DataSourceConfig, SchemaColumn } from "@vuu-ui/vuu-data";
2
- import { ColumnDescriptor, TableConfig } from "@vuu-ui/vuu-table-types";
3
- import { ColumnActionColumnSettings } from "@vuu-ui/vuu-table";
4
- export interface TableAndColumnSettingsHookProps {
5
- availableColumns: SchemaColumn[];
6
- onAvailableColumnsChange?: (columns: SchemaColumn[]) => void;
7
- onConfigChange: (config: TableConfig) => void;
8
- onCreateCalculatedColumn: (column: ColumnDescriptor) => void;
9
- onDataSourceConfigChange: (dataSourceConfig: DataSourceConfig) => void;
10
- tableConfig: TableConfig;
11
- }
12
- export declare const useTableAndColumnSettings: ({ availableColumns: availableColumnsProps, onAvailableColumnsChange, onConfigChange, onCreateCalculatedColumn, onDataSourceConfigChange, tableConfig, }: TableAndColumnSettingsHookProps) => {
13
- showColumnSettingsPanel: (action: ColumnActionColumnSettings) => void;
14
- showTableSettingsPanel: () => void;
15
- };