@vuu-ui/vuu-table 0.8.23 → 0.8.24

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 (14) hide show
  1. package/cjs/index.js +1 -1
  2. package/cjs/index.js.map +4 -4
  3. package/esm/index.js +1 -1
  4. package/esm/index.js.map +4 -4
  5. package/index.css +1 -1
  6. package/index.css.map +2 -2
  7. package/package.json +9 -9
  8. package/types/Row.d.ts +6 -2
  9. package/types/Table.d.ts +9 -0
  10. package/types/useRowClassNameGenerators.d.ts +3 -0
  11. package/types/useRowHeight.d.ts +8 -0
  12. package/types/useTable.d.ts +1 -0
  13. package/types/useTableModel.d.ts +1 -1
  14. package/types/useTableScroll.d.ts +1 -1
package/index.css CHANGED
@@ -1,2 +1,2 @@
1
- .vuuColumnHeaderPill{--vuu-icon-size: 14px;--menu-item-icon-color: black;--vuu-icon-color: white;--vuu-icon-height: 12px;--vuu-icon-width: 12px;align-items:center;background:var(--salt-taggable-background-active);color:#fff;border-radius:4px;flex:var(--vuuColumnHeaderPill-flex, none);font-size:11px;gap:4px;height:16px;display:flex;margin:var(--vuuColumnHeaderPill-margin, 0);padding:0 6px;position:relative}.vuuColumnHeaderPill:hover{--vuu-icon-color: var(--vuu-color-gray-80);background-color:var(--salt-taggable-background-hover);color:var(--vuu-color-gray-80)}.vuuColumnHeaderPill-removeButton{cursor:pointer}.vuuSortPosition{font-size:11px;font-weight:700;padding-top:1px}.vuuColumnResizerNext{background-color:var(--columnResizeThumb-color);cursor:col-resize;height:var(--header-height);margin-left:var(--columnResizer-left, auto);position:absolute;right:-5px;width:8px;z-index:1}.vuuColumnResizerNext:hover{--columnResizer-color: var(--vuu-color-purple-10)}.vuuColumnResizerNext:after{background-color:var(--columnResizer-color, var(--salt-separable-tertiary-borderColor));bottom:0;content:"";position:absolute;top:0;right:3px;height:var(--columnResizer-height, 0);width:2px}.vuu-theme{--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>')}.vuuTableGroupHeaderCell{--vuuColumnHeaderPill-margin: 0;--cell-align: "flex-start";text-align:left;background:var(--dataTable-background);cursor:default;height:var(--vuuTableHeaderHeight)}.vuuTableGroupHeaderCell-inner{align-items:center;display:flex;gap:4px;height:100%;padding-left:1px}.vuuTableGroupHeaderCell-col{align-items:center;background-color:inherit;display:inline-flex;flex:0 1 auto;height:calc(var(--vuuTableHeaderHeight) - 2px);justify-content:space-between;padding-right:8px;position:relative}.vuuTableGroupHeaderCell-label{align-items:center;display:flex;flex:0 0 auto}.vuuTableGroupHeaderCell-close{--vuu-icon-height: 18px;--vuu-icon-width: 18px;cursor:pointer;left:3px}.vuuTableGroupHeaderCell-resizing{--columnResizer-color: var(--salt-color-blue-500);--columnResizer-height: var(--table-height);--columnResizer-width: 2px}.vuuTableGroupHeaderCell-pending{--pending-content: ""}.vuuTableGroupHeaderCell-col:has(+.vuuColumnResizer):after{content:var(--pending-content);width:24px;height:24px;background-image:var(--svg-spinner);background-repeat:no-repeat;background-size:cover}.vuuMenuItem{--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>')}.vuuTable-columnMenu{--vuu-icon-color: #606477;--vuu-icon-height: 20px;--vuu-icon-left: 0px;--vuu-icon-size: 16px;--vuu-icon-top: 0px;--vuu-icon-width: 20px;border-radius:4px;cursor:pointer;display:inline-block;flex:0 0 20px;padding:2px;margin:var(--vuuTable-columnMenu-margin, 0);width:auto}.vuuTable-columnMenu:hover{--vuu-icon-color: #15171B;background-color:#f37880}.vuuTable-columnMenu-open:hover,.vuuTable-columnMenu-open{background-color:#6d18bd;--vuu-icon-color: white}[data-icon=cog]{--vuu-icon-svg: var(--vuu-svg-cog);--vuu-icon-size: 14px}.vuuTableGroupHeaderCell,.vuuTableHeaderCell{--cell-align: "flex-start";--vuuColumnHeaderPill-margin: 0;--vuuColumnHeaderPill-flex: 0 0 24px;align-items:center;background-color:var(--vuuTableHeaderCell-background, inherit);border-bottom:1px solid #ccc;border-right-color:var(--cell-borderColor);border-right-style:solid;border-right-width:1px;box-sizing:border-box;cursor:default;display:inline-flex;gap:4px;height:var(--header-height);padding:0 12px 0 4px;position:relative;vertical-align:top}.vuuTableHeaderCell-right{--columnResizer-left: 0;--vuuTable-columnMenu-margin: 0;--vuuColumnHeaderPill-margin: 0 3px 0 0;--column-menu-left: 2px;justify-content:flex-end;padding:0 3px 0 12px}.vuuTableHeaderCell-label{flex:0 1 auto;line-height:calc(var(--header-height) - 1px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vuuTableHeaderCell-right .vuuTableHeaderCell-label{text-align:right}.vuuTableHeaderCell-resizing{--columnResizeThumb-color: var(--vuu-color-purple-10);--columnResizer-color: var(--vuu-color-purple-10);--columnResizer-height: var(--table-height)}.vuuTableHeaderCell.vuuPinLeft{padding-left:2px}.vuuTableHeaderCell.vuuPinLeft.vuuEndPin .vuuColumnResizerNext:before{--height: calc(var(--table-height) - var(--horizontal-scrollbar-height));--inset-r: calc(var(--pin-width) - 2px);--inset-b: calc(var(--height) - 2px);--clip-path: polygon( 0% 0%, 0% 120%, 2px 120%, 2px 2px, var(--inset-r) 2px, var(--inset-r) var(--inset-b), 2px var(--inset-b), 2px 120%, 120% 120%, 120% 0% );background-color:transparent;border-color:var(--vuu-color-gray-40);border-width:1px;border-style:solid solid solid solid;border-radius:4px;box-shadow:2px 1px 4px #0000001a;clip-path:var(--clip-path);content:"";position:absolute;width:var(--pin-width);top:0;bottom:0;right:3px;height:var(--height);z-index:-5}.vuuTableHeaderCell.vuuPinRight.vuuEndPin .vuuColumnResizerNext:before{--height: calc(var(--table-height) - var(--horizontal-scrollbar-height));--inset-r: calc(var(--pin-width) - 2px);--inset-b: calc(var(--height) - 2px);--clip-path: polygon( -20% 0%, -20% 120%, 2px 120%, 2px 2px, var(--inset-r) 2px, var(--inset-r) var(--inset-b), 2px var(--inset-b), 2px 120%, 120% 120%, 120% 0% );background-color:transparent;border-color:#a9aaad;border-width:1px;border-style:solid solid solid solid;border-radius:4px;box-shadow:-2px 1px 4px #0000001a;clip-path:var(--clip-path);content:"";position:absolute;width:var(--pin-width);top:0;bottom:0;right:0;height:var(--height);z-index:-5}.vuuTableHeaderCell.vuuDraggable-dragAway{display:none}.vuuTable-headingCell{background:var(--dataTable-background);border-color:var(--salt-separable-tertiary-borderColor);border-style:solid solid solid none;border-width:1px;color:var(--salt-text-secondary-foreground);display:inline-block;height:var(--header-height);padding:0!important}.vuuTableCell{border-right-color:var(--cell-borderColor);border-right-style:solid;border-right-width:1px;display:inline-block;height:100%;overflow:hidden;padding:var(--vuuTableCell-padding, 0 11px 0 12px);text-overflow:ellipsis;vertical-align:top}.vuuTableCell-right{text-align:right}.vuuTableCell-editable{display:inline-flex;line-height:18px;padding-bottom:1px;padding-top:1px;text-overflow:unset}.vuuTableCell:focus{outline:var(--vuuTableCell-outline, solid var(--vuu-color-purple-10) 2px);outline-offset:-2px;box-shadow:inset 0 0 0 var(--cell-outline-width) #fff;border-bottom:none}.vuuTableRow-selected .vuuTableCell:not(.vuuTableCell-editable):focus{outline:var(--vuuTableCell-outline, solid var(--vuu-color-purple-10) 2px);outline-offset:-1px}.vuuTableCell-editable:focus{outline:none}.vuuTableGroupCell{--group-cell-spacer-width: 20px;align-items:center;border-right-color:var(--vuuTableGroupCell-borderColor, var(--salt-separable-tertiary-borderColor));border-right-style:solid;border-right-width:1px;cursor:pointer;display:inline-flex;height:var(--row-height);line-height:16px}.vuuTableGroupCell-toggle{--vuu-icon-height: 16px;--vuu-icon-size: 16px;--vuu-icon-width: 8px;margin-right:4px;transition:transform .25s;transform:var(--toggle-icon-transform)}.vuuTableGroupCell-spacer{width:var(--group-cell-spacer-width)}.vuuTableRow{background:var(--row-background,#fff);border-bottom:1px solid var(--row-borderColor);box-sizing:border-box;height:var(--row-height);line-height:calc(var(--row-height) - 1px);position:absolute;top:0;white-space:nowrap}.vuuTableRow-even{--row-background: var(--row-background-even)}.vuuTableRow-highlighted{background-color:var(--vuu-color-gray-10)}.vuuTableRow-selected,.vuuTableRow-selectedEnd{background-color:#ebebec}.vuuTableRow-selectedStart{--vuu-selection-decorator-left-radius: 5px 0 0 0;--vuu-selection-decorator-right-radius: 0 5px 0 0;border-radius:5px 5px 0 0}.vuuTableRow-selectedEnd{--vuu-selection-decorator-left-radius: 0 0 0 5px;--vuu-selection-decorator-right-radius: 0 0 5px 0;border-radius:0 0 5px 5px}.vuuTableRow-selectedStart.vuuTableRow-selectedEnd{--vuu-selection-decorator-left-radius: 5px 0 0 5px;--vuu-selection-decorator-right-radius: 0 5px 5px 0;border-radius:5px}.vuuTableRow-selectedStart:after{content:"";position:absolute;top:0;left:4px;height:1px;background-color:var(--vuu-color-purple-10);width:calc(var(--content-width) - 8px);z-index:1}.vuuTableRow-selectedEnd{border-bottom-color:var(--vuu-color-purple-10)}.vuuTableRow-selectionDecorator{background-color:var(--vuu-selection-decorator-bg, white);display:inline-block;position:relative;height:var(--row-height);width:4px;z-index:2}.vuuTableRow-selectionDecorator.vuuStickyLeft{left:0;position:sticky}.vuuTableRow-selectionDecorator.vuuStickyRight{right:0;position:sticky}.vuuTableRow-selected{--vuu-selection-decorator-bg: var(--vuu-color-purple-10)}.vuuTableRow-selectedStart,.vuuTableRow-selectedEnd{--vuu-selection-decorator-bg: white}.vuuTableRow-selectedStart .vuuTableRow-selectionDecorator:before,.vuuTableRow-selectedEnd .vuuTableRow-selectionDecorator:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute;background-color:var(--vuu-color-purple-10)}.vuuTableRow-selectionDecorator.vuuStickyLeft:before{border-radius:var(--vuu-selection-decorator-left-radius, 0)}.vuuTableRow-selectionDecorator.vuuStickyRight:before{border-radius:var(--vuu-selection-decorator-right-radius, 0)}.vuuTableRow-expanded{--toggle-icon-transform: rotate(90deg)}.vuuDraggable .vuuTableRow{--cell-borderColor: transparent;--vuu-selection-decorator-bg: transparent;transform:none!important;z-index:1}.vuuTable{--vuu-table-cell-outlineWidth: 1px;--table-height: var(--measured-px-height);--table-width: var(--measured-px-width);--vuu-table-next-selection-bookend-width: 4px;--columnResizer-color: transparent;--row-background: white;--cell-borderColor: transparent;--row-borderColor: var(--row-background);--table-background: var(--salt-container-primary-background);font-family:var(--vuuTable-fontFamily,var(--salt-typography-fontFamily, sans-serif));font-size:var(--vuuTable-fontSize,var(--salt-text-fontSize, 12px));position:relative;user-select:none}.vuuTable-zebra{--row-background-even: var(--vuu-color-gray-25) }.vuuTable-colLines{--cell-borderColor: var(--vuu-color-gray-03)}.vuuTable-rowLines{--row-borderColor: var(--vuu-color-gray-03)}.vuuTable-highlight .vuuTableRow:hover{background-color:var(--vuu-color-pink-10-fade-20)}.vuuTable-scrollbarContainer{--scroll-content-width: 1100px;border-bottom:none!important;border-top:none!important;border-left:solid 1px var(--salt-container-primary-borderColor);height:var(--viewport-body-height);left:0;overflow:auto;position:absolute;top:var(--total-header-height);width:var(--table-width)}.vuuTable-scrollbarContainer::-webkit-scrollbar{border:none;width:10px}.vuuTable-scrollbarContainer::-webkit-scrollbar:horizontal{height:10px}.vuuTable-scrollbarContainer::-webkit-scrollbar-track{background-color:#fff}.vuuTable-scrollbarContainer::-webkit-scrollbar-thumb{background-clip:padding-box;border-radius:10px;border:2px solid rgba(0,0,0,0);background-color:var(--vuu-color-gray-30)}.vuuTable-scrollbarContent{height:calc(var(--content-height) + var(--horizontal-scrollbar-height));position:absolute;width:var(--content-width)}.vuuTable-contentContainer{background-color:var(--salt-container-primary-background);height:calc(var(--table-height) - var(--horizontal-scrollbar-height));position:relative;overflow:auto;overscroll-behavior:none;width:calc(var(--table-width) - var(--vertical-scrollbar-width))}.vuuTable-contentContainer::-webkit-scrollbar{display:none}.vuuTable-table{position:absolute;top:0;left:0;table-layout:fixed;width:var(--content-width);margin:0;border:none;background-color:#fff;border-collapse:separate;border-spacing:0}.vuuTable-body{height:var(--content-height);position:relative}.vuuPinLeft,.vuuPinRight{background-color:inherit;position:sticky;z-index:1}.vuuTable-col-headings{background-color:#fff;padding:0 var(--vuu-table-next-selection-bookend-width, 0);position:sticky;top:0;z-index:1}.vuuTable-col-headings:hover{--columnResizer-height: var(--header-height);--columnResizer-color: var(--salt-separable-tertiary-borderColor)}.vuuTable-col-headers{background-color:var(--table-background);white-space:nowrap}.sizer-cell{background-color:green!important;border:none!important;height:0px}.vuuDraggable-vuuTable{--header-height: 25px;--vuuTableHeaderCell-background: var(--vuu-color-gray-25)}.vuuDraggable-vuuTable{--row-height: 25px}.vuuTableInputCell.saltInput-primary{--salt-focused-outlineStyle: none;--saltInput-height: 17px;--saltInput-minHeight: 17px;border-radius:4px;font-weight:500}.vuuTableCell:focus .vuuTableInputCell.saltInput-primary,.vuuTableInputCell.saltInput-primary.saltInput-focused{border:solid 2px var(--vuu-color-purple-10);padding:0 3px}.vuuTableInputCell-icon{--vuu-icon-height: 13px;--vuu-icon-size: 15px;--vuu-icon-width: 12px;border-radius:10px}.vuuTableCell:focus .vuuTableInputCell.saltInput-primary.vuuTableInputCell-error,.vuuTableInputCell.saltInput-primary.saltInput-focused.vuuTableInputCell-error{border:solid 2px var(--vuu-color-red-50)}.vuuTableInputCell-error.saltInput-primary{border:solid 1px var(--vuu-color-red-50)}.vuuTableToggleCell{--saltButton-borderRadius: 4px;--saltButton-height: 16px;font-weight:500;position:relative;top:1px}.vuuTableToggleCell-side{--saltButton-minWidth: 40px}.vuuTableToggleCell.vuuCycleStateButton-buy{background-color:var(--vuu-color-green-50)}.vuuTableToggleCell.vuuCycleStateButton-sell{background-color:var(--vuu-color-red-50)}.vuuTableCell .vuuTableToggleCell:focus{border:solid 2px var(--vuu-color-purple-10)!important;color:#fff!important;height:18px!important;top:0!important}
1
+ .vuuColumnHeaderPill{--vuu-icon-size: 14px;--menu-item-icon-color: black;--vuu-icon-color: white;--vuu-icon-height: 12px;--vuu-icon-width: 12px;align-items:center;background:var(--salt-taggable-background-active);color:#fff;border-radius:4px;flex:var(--vuuColumnHeaderPill-flex, none);font-size:11px;gap:4px;height:16px;display:flex;margin:var(--vuuColumnHeaderPill-margin, 0);padding:0 6px;position:relative}.vuuColumnHeaderPill:hover{--vuu-icon-color: var(--vuu-color-gray-80);background-color:var(--salt-taggable-background-hover);color:var(--vuu-color-gray-80)}.vuuColumnHeaderPill-removeButton{cursor:pointer}.vuuSortPosition{font-size:11px;font-weight:700;padding-top:1px}.vuuColumnResizerNext{background-color:var(--columnResizeThumb-color);cursor:col-resize;height:var(--header-height);margin-left:var(--columnResizer-left, auto);position:absolute;right:-5px;width:8px;z-index:1}.vuuColumnResizerNext:hover{--columnResizer-color: var(--vuu-color-purple-10)}.vuuColumnResizerNext:after{background-color:var(--columnResizer-color, var(--salt-separable-tertiary-borderColor));bottom:0;content:"";position:absolute;top:0;right:3px;height:var(--columnResizer-height, 0);width:2px}.vuu-theme{--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>')}.vuuTableGroupHeaderCell{--vuuColumnHeaderPill-margin: 0;--cell-align: "flex-start";text-align:left;background:var(--dataTable-background);cursor:default;height:var(--vuuTableHeaderHeight)}.vuuTableGroupHeaderCell-inner{align-items:center;display:flex;gap:4px;height:100%;padding-left:1px}.vuuTableGroupHeaderCell-col{align-items:center;background-color:inherit;display:inline-flex;flex:0 1 auto;height:calc(var(--vuuTableHeaderHeight) - 2px);justify-content:space-between;padding-right:8px;position:relative}.vuuTableGroupHeaderCell-label{align-items:center;display:flex;flex:0 0 auto}.vuuTableGroupHeaderCell-close{--vuu-icon-height: 18px;--vuu-icon-width: 18px;cursor:pointer;left:3px}.vuuTableGroupHeaderCell-resizing{--columnResizer-color: var(--salt-color-blue-500);--columnResizer-height: var(--table-height);--columnResizer-width: 2px}.vuuTableGroupHeaderCell-pending{--pending-content: ""}.vuuTableGroupHeaderCell-col:has(+.vuuColumnResizer):after{content:var(--pending-content);width:24px;height:24px;background-image:var(--svg-spinner);background-repeat:no-repeat;background-size:cover}.vuuMenuItem{--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>')}.vuuTable-columnMenu{--vuu-icon-color: #606477;--vuu-icon-height: 20px;--vuu-icon-left: 0px;--vuu-icon-size: 16px;--vuu-icon-top: 0px;--vuu-icon-width: 20px;border-radius:4px;cursor:pointer;display:inline-block;flex:0 0 20px;padding:2px;margin:var(--vuuTable-columnMenu-margin, 0);width:auto}.vuuTable-columnMenu:hover{--vuu-icon-color: #15171B;background-color:#f37880}.vuuTable-columnMenu-open:hover,.vuuTable-columnMenu-open{background-color:#6d18bd;--vuu-icon-color: white}[data-icon=cog]{--vuu-icon-svg: var(--vuu-svg-cog);--vuu-icon-size: 14px}.vuuTableGroupHeaderCell,.vuuTableHeaderCell{--cell-align: "flex-start";--vuuColumnHeaderPill-margin: 0;--vuuColumnHeaderPill-flex: 0 0 24px;align-items:center;background-color:var(--vuuTableHeaderCell-background, inherit);border-bottom:1px solid #ccc;border-right-color:var(--cell-borderColor);border-right-style:solid;border-right-width:1px;box-sizing:border-box;cursor:default;display:inline-flex;gap:4px;height:var(--header-height);padding:0 12px 0 4px;position:relative;vertical-align:top}.vuuTableHeaderCell-right{--columnResizer-left: 0;--vuuTable-columnMenu-margin: 0;--vuuColumnHeaderPill-margin: 0 3px 0 0;--column-menu-left: 2px;justify-content:flex-end;padding:0 3px 0 12px}.vuuTableHeaderCell-label{flex:0 1 auto;line-height:calc(var(--header-height) - 1px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vuuTableHeaderCell-right .vuuTableHeaderCell-label{text-align:right}.vuuTableHeaderCell-resizing{--columnResizeThumb-color: var(--vuu-color-purple-10);--columnResizer-color: var(--vuu-color-purple-10);--columnResizer-height: var(--table-height)}.vuuTableHeaderCell.vuuPinLeft{padding-left:2px}.vuuTableHeaderCell.vuuPinLeft.vuuEndPin .vuuColumnResizerNext:before{--height: calc(var(--table-height) - var(--horizontal-scrollbar-height));--inset-r: calc(var(--pin-width) - 2px);--inset-b: calc(var(--height) - 2px);--clip-path: polygon( 0% 0%, 0% 120%, 2px 120%, 2px 2px, var(--inset-r) 2px, var(--inset-r) var(--inset-b), 2px var(--inset-b), 2px 120%, 120% 120%, 120% 0% );background-color:transparent;border-color:var(--vuu-color-gray-40);border-width:1px;border-style:solid solid solid solid;border-radius:4px;box-shadow:2px 1px 4px #0000001a;clip-path:var(--clip-path);content:"";position:absolute;width:var(--pin-width);top:0;bottom:0;right:3px;height:var(--height);z-index:-5}.vuuTableHeaderCell.vuuPinRight.vuuEndPin .vuuColumnResizerNext:before{--height: calc(var(--table-height) - var(--horizontal-scrollbar-height));--inset-r: calc(var(--pin-width) - 2px);--inset-b: calc(var(--height) - 2px);--clip-path: polygon( -20% 0%, -20% 120%, 2px 120%, 2px 2px, var(--inset-r) 2px, var(--inset-r) var(--inset-b), 2px var(--inset-b), 2px 120%, 120% 120%, 120% 0% );background-color:transparent;border-color:#a9aaad;border-width:1px;border-style:solid solid solid solid;border-radius:4px;box-shadow:-2px 1px 4px #0000001a;clip-path:var(--clip-path);content:"";position:absolute;width:var(--pin-width);top:0;bottom:0;right:0;height:var(--height);z-index:-5}.vuuTableHeaderCell.vuuDraggable-dragAway{display:none}.vuuTable-headingCell{background:var(--dataTable-background);border-color:var(--salt-separable-tertiary-borderColor);border-style:solid solid solid none;border-width:1px;color:var(--salt-text-secondary-foreground);display:inline-block;height:var(--header-height);padding:0!important}.vuuTableCell{border-right-color:var(--cell-borderColor);border-right-style:solid;border-right-width:1px;display:inline-block;height:100%;overflow:hidden;padding:var(--vuuTableCell-padding, 0 11px 0 12px);text-overflow:ellipsis;vertical-align:top}.vuuTableCell-right{text-align:right}.vuuTableCell-editable{display:inline-flex;line-height:18px;padding-bottom:1px;padding-top:1px;text-overflow:unset}.vuuTableCell:focus{outline:var(--vuuTableCell-outline, solid var(--vuu-color-purple-10) 2px);outline-offset:-2px;box-shadow:inset 0 0 0 var(--cell-outline-width) #fff;border-bottom:none}.vuuTableRow-selected .vuuTableCell:not(.vuuTableCell-editable):focus{outline:var(--vuuTableCell-outline, solid var(--vuu-color-purple-10) 2px);outline-offset:-1px}.vuuTableCell-editable:focus{outline:none}.vuuTableGroupCell{--group-cell-spacer-width: 20px;align-items:center;border-right-color:var(--vuuTableGroupCell-borderColor, var(--salt-separable-tertiary-borderColor));border-right-style:solid;border-right-width:1px;cursor:pointer;display:inline-flex;height:var(--row-height);line-height:16px}.vuuTableGroupCell-toggle{--vuu-icon-height: 16px;--vuu-icon-size: 16px;--vuu-icon-width: 8px;margin-right:4px;transition:transform .25s;transform:var(--toggle-icon-transform)}.vuuTableGroupCell-spacer{width:var(--group-cell-spacer-width)}.vuuTableRow{background:var(--row-background,#fff);border-bottom:1px solid var(--row-borderColor);box-sizing:border-box;height:var(--row-height);line-height:calc(var(--row-height) - 1px);position:absolute;top:0;white-space:nowrap}.vuuTableRow-proxy{visibility:hidden}.vuuTableRow-even{--row-background: var(--row-background-even)}.vuuTableRow-highlighted{background-color:var(--salt-selectable-background-hover)}.vuuTableRow-selected,.vuuTableRow-selectedEnd{--row-borderColor: var(--salt-separable-secondary-borderColor);background-color:var(--salt-selectable-background-selected)}.vuuTableRow-selectedEnd{z-index:1}.vuuTable-zebra .vuuTableRow-even.vuuTableRow-selected,.vuuTable-zebra .vuuTableRow-even.vuuTableRow-selectedEnd{background-color:var(--vuu-color-gray-07)}.vuuTableRow-selectedStart{--vuu-selection-decorator-left-radius: 5px 0 0 0;--vuu-selection-decorator-right-radius: 0 5px 0 0;border-radius:5px 5px 0 0}.vuuTableRow-selectedEnd{--vuu-selection-decorator-left-radius: 0 0 0 5px;--vuu-selection-decorator-right-radius: 0 0 5px 0;border-radius:0 0 5px 5px}.vuuTableRow-selectedStart.vuuTableRow-selectedEnd{--vuu-selection-decorator-left-radius: 5px 0 0 5px;--vuu-selection-decorator-right-radius: 0 5px 5px 0;border-radius:5px}.vuuTableRow-selectedStart:after{content:"";position:absolute;top:0;left:4px;height:1px;background-color:var(--vuu-color-purple-10);width:calc(var(--content-width) - 8px);z-index:1}.vuuTableRow-selectedEnd{border-bottom-color:var(--vuu-color-purple-10)}.vuuTableRow-selectionDecorator{background-color:var(--vuu-selection-decorator-bg, white);display:inline-block;position:relative;height:var(--row-height);width:4px;z-index:2}.vuuTableRow-selectionDecorator.vuuStickyLeft{left:0;position:sticky}.vuuTableRow-selectionDecorator.vuuStickyRight{right:0;position:sticky}.vuuTableRow-selected{--vuu-selection-decorator-bg: var(--vuu-color-purple-10)}.vuuTableRow-selectedStart,.vuuTableRow-selectedEnd{--vuu-selection-decorator-bg: white}.vuuTableRow-selectedStart .vuuTableRow-selectionDecorator:before,.vuuTableRow-selectedEnd .vuuTableRow-selectionDecorator:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute;background-color:var(--vuu-color-purple-10)}.vuuTableRow-selectionDecorator.vuuStickyLeft:before{border-radius:var(--vuu-selection-decorator-left-radius, 0)}.vuuTableRow-selectionDecorator.vuuStickyRight:before{border-radius:var(--vuu-selection-decorator-right-radius, 0)}.vuuTableRow-expanded{--toggle-icon-transform: rotate(90deg)}.vuuDraggable .vuuTableRow{--cell-borderColor: transparent;--vuu-selection-decorator-bg: transparent;transform:none!important;z-index:1}.vuu-density-high{--vuu-table-row-height: 20px}.vuu-density-medium{--vuu-table-row-height: 28px}.vuu-density-low{--vuu-table-row-height: 36px}.vuu-density-touch{--vuu-table-row-height: 48px}.vuuTable{--vuu-table-cell-outlineWidth: 1px;--table-height: var(--measured-px-height);--table-width: var(--measured-px-width);--vuu-table-next-selection-bookend-width: 4px;--columnResizer-color: transparent;--row-background: white;--row-height: var(--row-height-prop, var(--vuu-table-row-height, 20px));--cell-borderColor: transparent;--row-borderColor: var(--row-background);--table-background: var(--salt-container-primary-background);background:var(--table-background);font-family:var(--vuuTable-fontFamily,var(--salt-typography-fontFamily, sans-serif));font-size:var(--vuuTable-fontSize,var(--salt-text-fontSize, 12px));position:relative;user-select:none}.vuuTable-zebra{--row-background-even: var(--salt-container-secondary-background)}.vuuTable-colLines{--cell-borderColor: var(--salt-separable-tertiary-borderColor)}.vuuTable-rowLines{--row-borderColor: var(--salt-separable-tertiary-borderColor)}.vuuTable-scrollbarContainer{border-bottom:none!important;border-top:none!important;border-left:solid 1px var(--salt-container-primary-borderColor);height:var(--viewport-body-height);left:0;overflow:auto;position:absolute;top:var(--total-header-height);width:var(--table-width)}.vuuTable-scrollbarContainer::-webkit-scrollbar{border:none;width:10px}.vuuTable-scrollbarContainer::-webkit-scrollbar:horizontal{height:10px}.vuuTable-scrollbarContainer::-webkit-scrollbar-track{background-color:#fff}.vuuTable-scrollbarContainer::-webkit-scrollbar-thumb{background-clip:padding-box;border-radius:10px;border:2px solid rgba(0,0,0,0);background-color:var(--vuu-color-gray-30)}.vuuTable-scrollbarContent{height:calc(var(--content-height) + var(--horizontal-scrollbar-height));position:absolute;width:var(--content-width)}.vuuTable-contentContainer{background-color:var(--salt-container-primary-background);height:calc(var(--table-height) - var(--horizontal-scrollbar-height));position:relative;overflow:auto;overscroll-behavior:none;width:calc(var(--table-width) - var(--vertical-scrollbar-width))}.vuuTable-contentContainer::-webkit-scrollbar{display:none}.vuuTable-table{position:absolute;top:0;left:0;table-layout:fixed;width:var(--content-width);margin:0;border:none;border-collapse:separate;border-spacing:0}.vuuTable-body{height:var(--content-height);position:relative}.vuuPinLeft,.vuuPinRight{background-color:inherit;position:sticky;z-index:1}.vuuTable-col-headings{background-color:#fff;padding:0 var(--vuu-table-next-selection-bookend-width, 0);position:sticky;top:0;z-index:1}.vuuTable-col-headings:hover{--columnResizer-height: var(--header-height);--columnResizer-color: var(--salt-separable-tertiary-borderColor)}.vuuTable-col-headers{background-color:var(--table-background);white-space:nowrap}.sizer-cell{border:none!important;height:0px}.vuuDraggable-vuuTable{--header-height: 25px;--vuuTableHeaderCell-background: var(--salt-container-secondary-background)}.vuuDraggable-vuuTable{--row-height: 25px}.vuuTableInputCell.saltInput-primary{--salt-focused-outlineStyle: none;--saltInput-height: 17px;--saltInput-minHeight: 17px;border-radius:4px;font-weight:500}.vuuTableCell:focus .vuuTableInputCell.saltInput-primary,.vuuTableInputCell.saltInput-primary.saltInput-focused{border:solid 2px var(--vuu-color-purple-10);padding:0 3px}.vuuTableInputCell-icon{--vuu-icon-height: 13px;--vuu-icon-size: 15px;--vuu-icon-width: 12px;border-radius:10px}.vuuTableCell:focus .vuuTableInputCell.saltInput-primary.vuuTableInputCell-error,.vuuTableInputCell.saltInput-primary.saltInput-focused.vuuTableInputCell-error{border:solid 2px var(--vuu-color-red-50)}.vuuTableInputCell-error.saltInput-primary{border:solid 1px var(--vuu-color-red-50)}.vuuTableToggleCell{--saltButton-borderRadius: 4px;--saltButton-height: 16px;font-weight:500;position:relative;top:1px}.vuuTableToggleCell-side{--saltButton-minWidth: 40px}.vuuTableToggleCell.vuuCycleStateButton-buy{background-color:var(--vuu-color-green-50)}.vuuTableToggleCell.vuuCycleStateButton-sell{background-color:var(--vuu-color-red-50)}.vuuTableCell .vuuTableToggleCell:focus{border:solid 2px var(--vuu-color-purple-10)!important;color:#fff!important;height:18px!important;top:0!important}
2
2
  /*# sourceMappingURL=index.css.map */
package/index.css.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../packages/vuu-table/src/column-header-pill/ColumnHeaderPill.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"],
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", ".vuuColumnResizerNext {\n background-color: var(--columnResizeThumb-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 --columnResizeThumb-color: var(--vuu-color-purple-10);\n --columnResizer-color: var(--vuu-color-purple-10);\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\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-headings:hover {\n --columnResizer-height: var(--header-height);\n --columnResizer-color: var(--salt-separable-tertiary-borderColor);\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"],
5
- "mappings": "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",
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", ".vuuColumnResizerNext {\n background-color: var(--columnResizeThumb-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 --columnResizeThumb-color: var(--vuu-color-purple-10);\n --columnResizer-color: var(--vuu-color-purple-10);\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-proxy {\n visibility: hidden;\n}\n\n.vuuTableRow-even {\n --row-background: var(--row-background-even);\n}\n\n.vuuTableRow-highlighted {\n background-color: var(--salt-selectable-background-hover);\n}\n\n\n.vuuTableRow-selected,\n.vuuTableRow-selectedEnd {\n --row-borderColor: var(--salt-separable-secondary-borderColor);\n background-color: var(--salt-selectable-background-selected);\n}\n\n.vuuTableRow-selectedEnd {\n z-index: 1;\n}\n\n.vuuTable-zebra {\n .vuuTableRow-even.vuuTableRow-selected,\n .vuuTableRow-even.vuuTableRow-selectedEnd {\n /** thisis really where we want a darken function */\n background-color: var(--vuu-color-gray-07);\n\n }\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 \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 }", ".vuu-density-high {\n --vuu-table-row-height: 20px;\n}\n.vuu-density-medium {\n --vuu-table-row-height: 28px;\n}\n.vuu-density-low {\n --vuu-table-row-height: 36px;\n}\n.vuu-density-touch {\n --vuu-table-row-height: 48px;\n}\n\n\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 --row-height: var(--row-height-prop, var(--vuu-table-row-height, 20px));\n --cell-borderColor: transparent;\n --row-borderColor: var(--row-background);\n --table-background: var(--salt-container-primary-background);\n\n background: var(--table-background);\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(--salt-container-secondary-background);\n}\n\n.vuuTable-colLines {\n --cell-borderColor: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-rowLines {\n --row-borderColor: var(--salt-separable-tertiary-borderColor);\n}\n\n.vuuTable-scrollbarContainer {\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\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 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-headings:hover {\n --columnResizer-height: var(--header-height);\n --columnResizer-color: var(--salt-separable-tertiary-borderColor);\n}\n\n .vuuTable-col-headers {\n background-color: var(--table-background);\n white-space: nowrap;\n }\n\n\n .sizer-cell {\n border: none !important;\n height: 0px;\n }\n \n .vuuDraggable-vuuTable {\n --header-height: 25px;\n --vuuTableHeaderCell-background: var(--salt-container-secondary-background);\n }\n.vuuDraggable-vuuTable {\n --row-height: 25px;\n} \n\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"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,19 +1,19 @@
1
1
  {
2
2
  "name": "@vuu-ui/vuu-table",
3
- "version": "0.8.23",
3
+ "version": "0.8.24",
4
4
  "author": "heswell",
5
5
  "license": "Apache-2.0",
6
6
  "devDependencies": {
7
- "@vuu-ui/vuu-data-types": "0.8.23",
8
- "@vuu-ui/vuu-table-types": "0.8.23",
9
- "@vuu-ui/vuu-protocol-types": "0.8.23"
7
+ "@vuu-ui/vuu-data-types": "0.8.24",
8
+ "@vuu-ui/vuu-table-types": "0.8.24",
9
+ "@vuu-ui/vuu-protocol-types": "0.8.24"
10
10
  },
11
11
  "dependencies": {
12
- "@salt-ds/core": "1.13.2",
13
- "@vuu-ui/vuu-layout": "0.8.23",
14
- "@vuu-ui/vuu-popups": "0.8.23",
15
- "@vuu-ui/vuu-ui-controls": "0.8.23",
16
- "@vuu-ui/vuu-utils": "0.8.23"
12
+ "@salt-ds/core": "1.17.0",
13
+ "@vuu-ui/vuu-layout": "0.8.24",
14
+ "@vuu-ui/vuu-popups": "0.8.24",
15
+ "@vuu-ui/vuu-ui-controls": "0.8.24",
16
+ "@vuu-ui/vuu-utils": "0.8.24"
17
17
  },
18
18
  "peerDependencies": {
19
19
  "clsx": "^2.0.0",
package/types/Row.d.ts CHANGED
@@ -1,10 +1,11 @@
1
1
  import { DataSourceRow } from "@vuu-ui/vuu-data-types";
2
2
  import { DataCellEditHandler, RuntimeColumnDescriptor, RowClickHandler } from "@vuu-ui/vuu-table-types";
3
- import { ColumnMap } from "@vuu-ui/vuu-utils";
3
+ import { ColumnMap, RowClassNameGenerator } from "@vuu-ui/vuu-utils";
4
4
  import { CSSProperties } from "react";
5
5
  import "./Row.css";
6
6
  export interface RowProps {
7
7
  className?: string;
8
+ classNameGenerator?: RowClassNameGenerator;
8
9
  columnMap: ColumnMap;
9
10
  columns: RuntimeColumnDescriptor[];
10
11
  highlighted?: boolean;
@@ -17,4 +18,7 @@ export interface RowProps {
17
18
  virtualColSpan?: number;
18
19
  zebraStripes?: boolean;
19
20
  }
20
- export declare const Row: import("react").MemoExoticComponent<({ className: classNameProp, columnMap, columns, highlighted, row, offset, onClick, onDataEdited, onToggleGroup, virtualColSpan, zebraStripes, ...htmlAttributes }: RowProps) => JSX.Element>;
21
+ export declare const RowProxy: import("react").ForwardRefExoticComponent<{
22
+ height?: number | undefined;
23
+ } & import("react").RefAttributes<HTMLDivElement>>;
24
+ export declare const Row: import("react").MemoExoticComponent<({ className: classNameProp, classNameGenerator, columnMap, columns, highlighted, row, offset, onClick, onDataEdited, onToggleGroup, virtualColSpan, zebraStripes, ...htmlAttributes }: RowProps) => JSX.Element>;
package/types/Table.d.ts CHANGED
@@ -23,6 +23,11 @@ export interface TableProps extends Omit<MeasuredContainerProps, "onDragStart" |
23
23
  config: TableConfig;
24
24
  dataSource: DataSource;
25
25
  disableFocus?: boolean;
26
+ /**
27
+ * Pixel height of headers. If specified here, this will take precedence over CSS
28
+ * values and Table will not respond to density changes. Default value is 125% of
29
+ * rowHeight, whether set vis rowHeight prop or CSS.
30
+ */
26
31
  headerHeight?: number;
27
32
  /**
28
33
  * Defined how focus navigation within data cells will be handled by table.
@@ -58,6 +63,10 @@ export interface TableProps extends Omit<MeasuredContainerProps, "onDragStart" |
58
63
  onSelect?: TableRowSelectHandler;
59
64
  onSelectionChange?: SelectionChangeHandler;
60
65
  renderBufferSize?: number;
66
+ /**
67
+ * Pixel height of rows. If specified here, this will take precedence over CSS
68
+ * values and Table will not respond to density changes.
69
+ */
61
70
  rowHeight?: number;
62
71
  /**
63
72
  * imperative API for scrolling table
package/types/useRowClassNameGenerators.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { TableConfig } from "@vuu-ui/vuu-table-types";
2
+ import { RowClassNameGenerator } from "@vuu-ui/vuu-utils";
3
+ export declare const useRowClassNameGenerators: ({ rowClassNameGenerators, }: TableConfig) => RowClassNameGenerator | undefined;
package/types/useRowHeight.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ interface RowHeightHookProps {
2
+ rowHeight?: number;
3
+ }
4
+ export declare const useRowHeight: ({ rowHeight: rowHeightProp, }: RowHeightHookProps) => {
5
+ rowHeight: number;
6
+ rowRef: (instance: HTMLDivElement | null) => void;
7
+ };
8
+ export {};
package/types/useTable.d.ts CHANGED
@@ -13,6 +13,7 @@ export interface TableHookProps extends MeasuredProps, Pick<TableProps, "allowDr
13
13
  }
14
14
  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) => {
15
15
  "aria-rowcount": number;
16
+ rowClassNameGenerator: import("@vuu-ui/vuu-utils").RowClassNameGenerator | undefined;
16
17
  draggableRow: JSX.Element | undefined;
17
18
  onBlur: import("react").FocusEventHandler<Element>;
18
19
  onDoubleClick: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
package/types/useTableModel.d.ts CHANGED
@@ -89,7 +89,7 @@ export type GridModelReducer = Reducer<InternalTableModel, GridModelAction>;
89
89
  export type ColumnActionDispatch = (action: GridModelAction) => void;
90
90
  export declare const useTableModel: (tableConfigProp: TableConfig, dataSource: DataSource) => {
91
91
  columns: RuntimeColumnDescriptor[];
92
- dispatchColumnAction: import("react").Dispatch<GridModelAction>;
92
+ dispatchTableModelAction: import("react").Dispatch<GridModelAction>;
93
93
  headings: TableHeadings;
94
94
  tableAttributes: {
95
95
  columnDefaultWidth?: number | undefined;
package/types/useTableScroll.d.ts CHANGED
@@ -44,7 +44,7 @@ export interface TableScrollHookProps {
44
44
  setRange: (range: VuuRange) => void;
45
45
  viewportMeasurements: ViewportMeasurements;
46
46
  }
47
- export declare const useTableScroll: ({ columns, getRowAtPosition, onHorizontalScroll, onVerticalScroll, onVerticalScrollInSitu, scrollingApiRef, setRange, viewportMeasurements, }: TableScrollHookProps) => {
47
+ export declare const useTableScroll: ({ columns, getRowAtPosition, onHorizontalScroll, onVerticalScroll, onVerticalScrollInSitu, rowHeight, scrollingApiRef, setRange, viewportMeasurements, }: TableScrollHookProps) => {
48
48
  columnsWithinViewport: RuntimeColumnDescriptor[];
49
49
  /** Ref to be assigned to ScrollbarContainer */
50
50
  scrollbarContainerRef: (el: HTMLDivElement | null) => void;