@vuu-ui/vuu-table 0.8.20-debug → 0.8.21-debug

package/index.css

@@ -505,6 +505,7 @@
 }
 .vuuTable-body {
   height: var(--content-height);
+  position: relative;
 }
 .vuuPinLeft,
 .vuuPinRight {

package/index.css.map

@@ -1,7 +1,7 @@
 {
   "version": 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"],
-  "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"],
-  "mappings": "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",
+  "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  position: relative;\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"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@vuu-ui/vuu-table",
-  "version": "0.8.20-debug",
+  "version": "0.8.21-debug",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.8.20-debug",
-    "@vuu-ui/vuu-table-types": "0.8.20-debug",
-    "@vuu-ui/vuu-protocol-types": "0.8.20-debug"
+    "@vuu-ui/vuu-data-types": "0.8.21-debug",
+    "@vuu-ui/vuu-table-types": "0.8.21-debug",
+    "@vuu-ui/vuu-protocol-types": "0.8.21-debug"
   },
   "dependencies": {
     "@salt-ds/core": "1.13.2",
-    "@vuu-ui/vuu-layout": "0.8.20-debug",
-    "@vuu-ui/vuu-popups": "0.8.20-debug",
-    "@vuu-ui/vuu-ui-controls": "0.8.20-debug",
-    "@vuu-ui/vuu-utils": "0.8.20-debug"
+    "@vuu-ui/vuu-layout": "0.8.21-debug",
+    "@vuu-ui/vuu-popups": "0.8.21-debug",
+    "@vuu-ui/vuu-ui-controls": "0.8.21-debug",
+    "@vuu-ui/vuu-utils": "0.8.21-debug"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",
@@ -27,6 +27,7 @@
     "index.css.map",
     "/types"
   ],
+  "style": "index.css",
   "module": "esm/index.js",
   "main": "cjs/index.js",
   "types": "types/index.d.ts"

package/types/Table.d.ts

@@ -2,10 +2,11 @@ import { TableConfig, TableConfigChangeHandler, TableRowClickHandler, TableSelec
 import { DataSource, DataSourceRow, SchemaColumn, SelectionChangeHandler, VuuFeatureInvocationMessage } from "@vuu-ui/vuu-data-types";
 import { MeasuredContainerProps } from "@vuu-ui/vuu-layout";
 import { DragStartHandler, dragStrategy } from "@vuu-ui/vuu-ui-controls";
-import { FC } from "react";
+import { FC, ForwardedRef } from "react";
 import { RowProps } from "./Row";
 import "./Table.css";
 import type { DragDropState } from "@vuu-ui/vuu-ui-controls";
+import { ScrollingAPI } from "./useTableScroll";
 export type TableRowSelectHandler = (row: DataSourceRow) => void;
 export type TableNavigationStyle = "none" | "cell" | "row";
 export interface TableProps extends Omit<MeasuredContainerProps, "onDragStart" | "onDrop" | "onSelect"> {
@@ -59,6 +60,10 @@ export interface TableProps extends Omit<MeasuredContainerProps, "onDragStart" |
     onSelectionChange?: SelectionChangeHandler;
     renderBufferSize?: number;
     rowHeight?: number;
+    /**
+     * imperative API for scrolling table
+     */
+    scrollingApiRef?: ForwardedRef<ScrollingAPI>;
     /**
      * Selection Bookends style the left and right edge of a selection block.
      * They are optional, value defaults to zero.

package/types/index.d.ts

@@ -7,4 +7,5 @@ export * from "./cell-renderers";
 export type { RowProps } from "./Row";
 export * from "./useControlledTableNavigation";
 export * from "./useTableModel";
+export * from "./useTableScroll";
 export * from "./useTableViewport";

package/types/table-dom-utils.d.ts

@@ -1,4 +1,7 @@
 import { RefObject } from "react";
+/**
+ * [rowIndex, colIndex
+ */
 export type CellPos = [number, number];
 export declare const headerCellQuery: (colIdx: number) => string;
 export declare const dataCellQuery: (rowIdx: number, colIdx: number) => string;

package/types/useKeyboardNavigation.d.ts

@@ -1,7 +1,7 @@
 import { VuuRange } from "@vuu-ui/vuu-protocol-types";
 import { KeyboardEvent, MouseEvent, RefObject } from "react";
-import { ScrollRequestHandler } from "./useTableScroll";
 import { TableNavigationStyle } from "./Table";
+import { ScrollRequestHandler } from "./useTableScroll";
 export declare const isNavigationKey: (key: string, navigationStyle: TableNavigationStyle) => key is NavigationKey;
 type ArrowKey = "ArrowUp" | "ArrowDown" | "ArrowLeft" | "ArrowRight";
 type PageKey = "Home" | "End" | "PageUp" | "PageDown";

package/types/useTable.d.ts

@@ -4,14 +4,14 @@ import { MeasuredProps, MeasuredSize } from "@vuu-ui/vuu-layout";
 import { VuuSortType } from "@vuu-ui/vuu-protocol-types";
 import { FocusEvent, KeyboardEvent, RefObject } from "react";
 import { TableProps } from "./Table";
-export interface TableHookProps extends MeasuredProps, Pick<TableProps, "allowDragDrop" | "availableColumns" | "config" | "dataSource" | "disableFocus" | "highlightedIndex" | "id" | "navigationStyle" | "onAvailableColumnsChange" | "onConfigChange" | "onDragStart" | "onDrop" | "onFeatureInvocation" | "onHighlight" | "onSelect" | "onSelectionChange" | "onRowClick" | "renderBufferSize"> {
+export interface TableHookProps extends MeasuredProps, Pick<TableProps, "allowDragDrop" | "availableColumns" | "config" | "dataSource" | "disableFocus" | "highlightedIndex" | "id" | "navigationStyle" | "onAvailableColumnsChange" | "onConfigChange" | "onDragStart" | "onDrop" | "onFeatureInvocation" | "onHighlight" | "onSelect" | "onSelectionChange" | "onRowClick" | "renderBufferSize" | "scrollingApiRef"> {
     containerRef: RefObject<HTMLDivElement>;
     headerHeight: number;
     rowHeight: number;
     selectionModel: TableSelectionModel;
     size: MeasuredSize;
 }
-export declare const useTable: ({ allowDragDrop, availableColumns, config, containerRef, dataSource, disableFocus, headerHeight, highlightedIndex: highlightedIndexProp, id, navigationStyle, onAvailableColumnsChange, onConfigChange, onDragStart, onDrop, onFeatureInvocation, onHighlight, onRowClick: onRowClickProp, onSelect, onSelectionChange, renderBufferSize, rowHeight, selectionModel, size, }: TableHookProps) => {
+export declare const useTable: ({ allowDragDrop, availableColumns, config, containerRef, dataSource, disableFocus, headerHeight, highlightedIndex: highlightedIndexProp, id, navigationStyle, onAvailableColumnsChange, onConfigChange, onDragStart, onDrop, onFeatureInvocation, onHighlight, onRowClick: onRowClickProp, onSelect, onSelectionChange, renderBufferSize, rowHeight, scrollingApiRef, selectionModel, size, }: TableHookProps) => {
     "aria-rowcount": number;
     draggableRow: JSX.Element | undefined;
     onBlur: import("react").FocusEventHandler<Element>;
@@ -22,6 +22,7 @@ export declare const useTable: ({ allowDragDrop, availableColumns, config, conta
     columnMap: import("@vuu-ui/vuu-utils").ColumnMap;
     columns: RuntimeColumnDescriptor[];
     data: DataSourceRow[];
+    getRowOffset: import("@vuu-ui/vuu-utils").RowOffsetFunc;
     handleContextMenuAction: import("@vuu-ui/vuu-data-types").MenuActionHandler;
     headings: import("@vuu-ui/vuu-table-types").TableHeadings;
     highlightedIndex: number | undefined;
@@ -48,8 +49,10 @@ export declare const useTable: ({ allowDragDrop, availableColumns, config, conta
     };
     tableConfig: Readonly<TableConfig>;
     viewportMeasurements: {
+        appliedPageSize: number;
         contentHeight: number;
         horizontalScrollbarHeight: number;
+        isVirtualScroll: boolean;
         maxScrollContainerScrollHorizontal: number;
         maxScrollContainerScrollVertical: number;
         pinnedWidthLeft: number;

package/types/useTableScroll.d.ts

@@ -1,6 +1,17 @@
+import { RowAtPositionFunc } from "@vuu-ui/vuu-utils";
+import { VuuRange } from "@vuu-ui/vuu-protocol-types";
+import { ForwardedRef } from "react";
+import { ViewportMeasurements } from "./useTableViewport";
 export type ScrollDirectionVertical = "up" | "down";
 export type ScrollDirectionHorizontal = "left" | "right";
 export type ScrollDirection = ScrollDirectionVertical | ScrollDirectionHorizontal;
+/**
+ * scroll into view the row at given index posiiton.
+ */
+export interface ScrollRequestRow {
+    rowIndex: number;
+    type: "scroll-row";
+}
 export interface ScrollRequestEnd {
     type: "scroll-end";
     direction: "home" | "end";
@@ -9,22 +20,24 @@ export interface ScrollRequestPage {
     type: "scroll-page";
     direction: ScrollDirectionVertical;
 }
-export interface ScrollRequestDistance {
-    direction: ScrollDirection;
-    type: "scroll-distance";
-    distance: number;
-}
-export type ScrollRequest = ScrollRequestPage | ScrollRequestDistance | ScrollRequestEnd;
+export type ScrollRequest = ScrollRequestPage | ScrollRequestEnd | ScrollRequestRow;
 export type ScrollRequestHandler = (request: ScrollRequest) => void;
+export interface ScrollingAPI {
+    scrollToIndex: (itemIndex: number) => void;
+    scrollToKey: (rowKey: string) => void;
+}
+export declare const noScrolling: ScrollingAPI;
+export declare const howFarIsRowOutsideViewport: (rowEl: HTMLElement, totalHeaderHeight: number, contentContainer?: Element | null) => readonly [ScrollDirection | undefined, number | undefined];
 export interface TableScrollHookProps {
-    maxScrollLeft: number;
-    maxScrollTop: number;
+    getRowAtPosition: RowAtPositionFunc;
     onHorizontalScroll?: (scrollLeft: number) => void;
     onVerticalScroll?: (scrollTop: number, pctScrollTop: number) => void;
     rowHeight: number;
-    viewportRowCount: number;
+    scrollingApiRef?: ForwardedRef<ScrollingAPI>;
+    setRange: (range: VuuRange) => void;
+    viewportMeasurements: ViewportMeasurements;
 }
-export declare const useTableScroll: ({ maxScrollLeft, maxScrollTop, onHorizontalScroll, onVerticalScroll, rowHeight, viewportRowCount, }: TableScrollHookProps) => {
+export declare const useTableScroll: ({ getRowAtPosition, onHorizontalScroll, onVerticalScroll, scrollingApiRef, setRange, viewportMeasurements, }: TableScrollHookProps) => {
     /** Ref to be assigned to ScrollbarContainer */
     scrollbarContainerRef: (el: HTMLDivElement | null) => void;
     /** Ref to be assigned to ContentContainer */

package/types/useTableViewport.d.ts

@@ -15,8 +15,10 @@ export interface TableViewportHookProps {
     size: MeasuredSize | undefined;
 }
 export interface ViewportMeasurements {
+    appliedPageSize: number;
     contentHeight: number;
     horizontalScrollbarHeight: number;
+    isVirtualScroll: boolean;
     maxScrollContainerScrollHorizontal: number;
     maxScrollContainerScrollVertical: number;
     pinnedWidthLeft: number;

package/types/useVirtualViewport.d.ts

@@ -1,13 +0,0 @@
-import { RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { VuuRange } from "@vuu-ui/vuu-protocol-types";
-import { RowAtPositionFunc } from "@vuu-ui/vuu-utils";
-import { ViewportMeasurements } from "./useTableViewport";
-export interface VirtualViewportHookProps {
-    columns: RuntimeColumnDescriptor[];
-    getRowAtPosition: RowAtPositionFunc;
-    setRange: (range: VuuRange) => void;
-    viewportMeasurements: ViewportMeasurements;
-}
-export declare const useVirtualViewport: ({ getRowAtPosition, setRange, viewportMeasurements, }: VirtualViewportHookProps) => {
-    onVerticalScroll: (scrollTop: number) => void;
-};