@kne/table-page 0.1.4 → 0.1.5

package/dist/index.css

@@ -758,6 +758,11 @@
   box-sizing: border-box;
 }
 
+.kne-table-page_PIv-C {
+  position: sticky;
+  bottom: 0;
+}
+
 .kne-table-page_RjZsu {
   position: absolute;
   top: 50%;

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["ellipsis.module.scss","main.module.scss","amount.module.scss","options.module.scss","style.module.scss","sort.module.scss","columnHeaderTitle.module.scss","columnConfig.module.scss","tableToolbar.module.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".ellipsis {\n  display: block;\n  width: 100%;\n  min-width: 0;\n  margin: 0;\n}\n\n.tooltip {\n  max-width: min(600px, 100vw - 32px);\n}\n.tooltip :global(.ant-tooltip-inner) {\n  max-width: 100%;\n  max-height: 400px;\n  overflow-y: auto;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n\n.cell-content {\n  display: block;\n  width: 100%;\n  min-width: 0;\n}\n\n.cell-full-width {\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n}",".text {\n  display: inline-block;\n  max-width: 100%;\n  vertical-align: bottom;\n}\n\n.ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.hover,\n.primary,\n.clickable {\n  cursor: pointer;\n  border-radius: var(--radius-default, 2px);\n}\n\n.hover {\n  padding: 0 8px;\n  margin: 0 -8px;\n}\n.hover:hover {\n  color: var(--primary-color, #1677ff);\n  background: var(--primary-color-1);\n}\n\n.primary {\n  color: var(--primary-color, #1677ff);\n}\n\n.loading {\n  opacity: 0.5;\n  cursor: wait;\n}",".amount {\n  font-weight: bold;\n  font-variant-numeric: tabular-nums;\n  display: block;\n  width: 100%;\n  min-width: 0;\n  max-width: 100%;\n}",".col-item {\n  display: flex;\n}\n\n.options {\n  overflow: hidden;\n  margin: 0;\n  padding: 0;\n  display: block;\n}\n\n.options-column {\n  width: 100% !important;\n}\n\n.options-column .options-btn:global(.ant-btn) :global(.ant-btn-loading-icon) {\n  display: none;\n}\n.options-column .options-btn:global(.ant-btn):global(.btn-no-padding) {\n  padding: 0 8px;\n}\n.options-column .options-btn:global(.ant-btn):hover:not(:disabled) {\n  color: var(--primary-color, #1677ff);\n  background: var(--primary-color-1) !important;\n}",":global(.loading-container.is-loading) {\n  opacity: 0.5;\n  pointer-events: none;\n  position: relative;\n  transition: opacity 300ms;\n}\n\n.table-page {\n  display: flex;\n  flex-direction: column;\n}\n\n.table-content {\n  min-width: 0;\n}\n.table-content :global(.info-page-table) {\n  scroll-margin-top: var(--scroll-top-inset, var(--sticky-offset, var(--nav-height, 0px)));\n}\n\n.table-with-toolbar {\n  border: 1px solid #f0f0f0;\n  border-radius: var(--radius-default, 2px);\n}\n.table-with-toolbar :global(.table-page-toolbar) {\n  border-start-start-radius: var(--radius-default, 2px);\n  border-start-end-radius: var(--radius-default, 2px);\n}\n.table-with-toolbar :global(.table-page-toolbar-section) {\n  scroll-margin-top: var(--scroll-top-inset, var(--sticky-offset, var(--nav-height, 0px)));\n}\n.table-with-toolbar :global(.info-page-table) {\n  border: none;\n  border-radius: 0;\n}\n.table-with-toolbar :global(.info-page-table) :global(.ant-table-header) {\n  border-start-start-radius: 0 !important;\n  border-start-end-radius: 0 !important;\n}\n.table-with-toolbar :global(.info-page-table):not(.has-summary) :global(.ant-table-tbody > tr:last-child > .ant-table-cell:first-child) {\n  border-end-start-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table):not(.has-summary) :global(.ant-table-tbody > tr:last-child > .ant-table-cell:last-child) {\n  border-end-end-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table).has-summary :global(.ant-table-summary > tr > .ant-table-cell:first-child) {\n  border-end-start-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table).has-summary :global(.ant-table-summary > tr > .ant-table-cell:last-child) {\n  border-end-end-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table) :global(.ant-table-placeholder > .ant-table-cell) {\n  border-end-start-radius: var(--radius-default, 2px) !important;\n  border-end-end-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.table-page-toolbar-section--has-value) + :global(.info-page-table) :global(.ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell) {\n  border-top: none !important;\n}\n.table-with-toolbar :global(.ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell:first-child) {\n  border-start-start-radius: 0 !important;\n}\n.table-with-toolbar :global(.ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell:last-child) {\n  border-start-end-radius: 0 !important;\n}\n\n.table-in-toolbar {\n  border: none !important;\n  border-radius: 0 !important;\n}\n\n.pagination {\n  margin-top: 16px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.total_text {\n  color: var(--primary-color, #1677ff);\n  font-weight: 500;\n  padding: 0 2px;\n}\n\n.floating-scrollbar {\n  position: fixed;\n  z-index: 998;\n  background: var(--bg-color-white, #ffffff);\n  border: solid 1px var(--font-color-grey-4, #eeeeee);\n  box-sizing: border-box;\n}\n\n.floating-scrollbar-thumb {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  background: var(--font-color-grey-2, #cccccc);\n  height: 60%;\n  border-radius: 5px/50%;\n}\n.floating-scrollbar-thumb:hover, .floating-scrollbar-thumb.is-moving {\n  background: var(--font-color-grey, #666666);\n}",".title {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  max-width: 100%;\n  vertical-align: top;\n}\n\n.title-text {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.has-sort {\n  padding-right: 2px;\n}\n\n.sort-btn {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 14px;\n  height: 18px;\n  cursor: pointer;\n  user-select: none;\n  border-radius: 2px;\n  transition: background-color 200ms;\n}\n.sort-btn:hover {\n  background: rgba(0, 0, 0, 0.04);\n}\n.sort-btn:hover .sort-icon:not(.active) {\n  color: rgba(0, 0, 0, 0.45);\n}\n\n.sort-icon {\n  display: block;\n  font-size: 10px;\n  line-height: 1;\n  color: rgba(0, 0, 0, 0.25);\n  transition: color 200ms;\n}\n.sort-icon.active {\n  color: var(--primary-color, #1677ff);\n}\n\n.sort-up {\n  margin-bottom: -2px;\n}\n\n.sort-down {\n  margin-top: -2px;\n}",".ellipsis {\n  display: block;\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}",".cell-resize-bar {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 60%;\n  border-radius: 4px;\n  width: 8px;\n  font-size: 12px;\n  background: var(--primary-color-1);\n  color: var(--primary-color-2);\n  top: 50%;\n  right: 2px;\n  cursor: col-resize;\n  transform: translateY(-50%);\n  visibility: hidden;\n}\n\n.table-changer-setting {\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  min-height: 28px;\n  padding: 4px;\n  border-radius: var(--radius-default, 4px);\n  color: var(--font-color-grey-1, rgba(0, 0, 0, 0.45));\n  transition: background-color 200ms, color 200ms;\n}\n.table-changer-setting:hover, .table-changer-setting.is-active {\n  background: var(--primary-color-1);\n  color: var(--primary-color);\n}\n\n.table-config-header {\n  width: 100%;\n  min-width: 0;\n}\n\n.table-config-header-title {\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.columns-control-content {\n  width: 300px;\n}\n.columns-control-content :global .ant-collapse {\n  border: none;\n  background: transparent;\n}\n.columns-control-content :global .ant-collapse-item {\n  border-bottom: none;\n}\n.columns-control-content :global .ant-collapse-content-box {\n  padding: 0 !important;\n}\n.columns-control-content :global .ant-list-item {\n  border: none;\n}\n.columns-control-content :global .ant-collapse-header {\n  font-weight: bold;\n  padding: 8px 16px !important;\n}\n\n.columns-control-content-title {\n  font-weight: bold;\n  padding: 8px 16px;\n  border-bottom: solid 1px var(--font-color-grey-4, #f0f0f0);\n}\n\n.columns-control-content-scroller {\n  position: relative;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.columns-control-sortable-list {\n  display: block;\n}\n\n.columns-control-content-footer {\n  border-top: solid 1px var(--font-color-grey-4, #f0f0f0);\n  padding: 12px 16px;\n}\n\n.columns-control-content-input {\n  width: 142px;\n}\n\n.columns-control-content-list {\n  padding: 0;\n}\n\n.columns-control-content-item {\n  display: flex;\n  align-items: center;\n  padding: 8px 14px !important;\n  background: #ffffff;\n  transition: box-shadow 500ms;\n  box-sizing: border-box;\n}\n.columns-control-content-item :global .ant-checkbox-wrapper {\n  flex: 1;\n}\n.columns-control-content-item.is-drag {\n  cursor: move !important;\n}\n.columns-control-content-item.is-drag :global .ant-checkbox-wrapper {\n  margin-left: 2px;\n}\n.columns-control-content-item:not(.is-drag) :global .ant-checkbox-wrapper {\n  margin-left: 16px;\n}\n\n:global .table-page-sortable-drag {\n  opacity: 1 !important;\n  background: rgba(255, 255, 255, 0.9) !important;\n  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);\n  z-index: 1050;\n  display: flex !important;\n  align-items: center;\n  box-sizing: border-box;\n}\n:global .table-page-sortable-ghost {\n  background: var(--primary-color-1) !important;\n  border: 1px dashed var(--primary-color) !important;\n  opacity: 0.6;\n}\n:global .table-page-sortable-chosen {\n  background: var(--bg-color-grey-1, #fafafa);\n}\n\n.columns-control-content-item-icon {\n  color: var(--font-color-grey-1, rgba(0, 0, 0, 0.45));\n  flex-shrink: 0;\n}\n\n.columns-control-overlay {\n  padding: 0 !important;\n}\n.columns-control-overlay > :global(.ant-popover-container) {\n  padding: 0 !important;\n}\n.columns-control-overlay :global(.ant-popover-arrow) {\n  display: none;\n}\n.columns-control-overlay :global(.ant-popover-inner-content),\n.columns-control-overlay :global(.ant-popover-inner),\n.columns-control-overlay :global(.ant-popover-container),\n.columns-control-overlay :global(.ant-popover-content) {\n  padding: 0 !important;\n}\n\n.header-col:hover :global(.table-cell-resize-bar) {\n  visibility: visible;\n}\n.header-col:global(.is-moving) :global(.table-cell-resize-bar) {\n  visibility: visible;\n}\n\n.header-cell-inner {\n  position: relative;\n  display: block;\n  width: 100%;\n}",".table-toolbar-section {\n  border-bottom: 1px solid #f0f0f0;\n}\n.table-toolbar-section.has-value-display .table-toolbar {\n  padding-bottom: 0;\n}\n.table-toolbar-section.has-value-display .table-toolbar-value-display {\n  padding-top: 0;\n}\n.table-toolbar-section.has-value-display .table-toolbar-value-display :global(.filter-title),\n.table-toolbar-section.has-value-display .table-toolbar-value-display :global(.filter-value-display),\n.table-toolbar-section.has-value-display .table-toolbar-value-display > :global(.ant-space) {\n  border-bottom: none !important;\n  padding-top: 0 !important;\n  margin-top: 0 !important;\n}\n.table-toolbar-section.has-value-display .table-toolbar-value-display :global(.filter-line) {\n  border-bottom: none !important;\n}\n\n.table-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px;\n  background: var(--bg-color-white, #ffffff);\n}\n\n.table-toolbar-batch,\n.table-toolbar-search {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n}\n\n.table-toolbar-batch-btn {\n  border: none !important;\n  box-shadow: none !important;\n  background: var(--bg-color-grey-1, #f5f5f5) !important;\n}\n.table-toolbar-batch-btn:not(:disabled):hover {\n  border: none !important;\n  background: var(--bg-color-grey-2, #f0f0f0) !important;\n  color: var(--font-color, rgba(0, 0, 0, 0.88)) !important;\n}\n.table-toolbar-batch-btn:disabled {\n  border: none !important;\n  background: var(--bg-color-grey-1, #f5f5f5) !important;\n  color: var(--font-color-grey-2, #cccccc) !important;\n}\n\n.table-toolbar-search :global(.ant-input-search) {\n  background: var(--bg-color-grey-1, #f5f5f5);\n  border-radius: var(--radius-default, 2px);\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input) {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper:hover),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper-focused),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper-focused-within),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input:hover),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input:focus) {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-btn),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-button),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-btn) {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n  color: var(--font-color-grey, #666) !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-btn):not(:disabled):hover,\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-button):not(:disabled):hover,\n.table-toolbar-search :global(.ant-input-search) :global(.ant-btn):not(:disabled):hover {\n  border: none !important;\n  box-shadow: none !important;\n  background: var(--bg-color-grey-2, #f0f0f0) !important;\n  color: var(--font-color, rgba(0, 0, 0, 0.88)) !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-group-addon) {\n  border: none !important;\n  background: transparent !important;\n  padding: 0;\n}\n\n.table-toolbar-filter {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n}\n\n.table-toolbar-divider {\n  flex-shrink: 0;\n  width: 1px;\n  align-self: center;\n  height: 16px;\n  background: #f0f0f0;\n}\n\n.table-toolbar-filter-inner {\n  width: 100%;\n}\n.table-toolbar-filter-inner :global(.filter-title) {\n  width: 100%;\n  padding: 0 !important;\n  margin: 0 !important;\n  line-height: 24px !important;\n  border-bottom: none !important;\n}\n.table-toolbar-filter-inner :global(.filter-title > .ant-space-item:first-child) {\n  display: none !important;\n}\n.table-toolbar-filter-inner :global(.filter-label) {\n  display: none !important;\n}\n.table-toolbar-filter-inner :global(.filter-list) {\n  width: 100%;\n}\n.table-toolbar-filter-inner :global(.filter-line) {\n  min-height: 24px;\n  gap: 8px;\n}\n.table-toolbar-filter-inner :global(.filter-item-wrap) {\n  height: 24px;\n}\n.table-toolbar-filter-inner :global(.filter-item) {\n  height: 24px;\n  padding: 0 8px;\n}\n.table-toolbar-filter-inner :global(.filter-item) :global(.ant-space-item) {\n  line-height: 24px;\n}\n.table-toolbar-filter-inner :global(.filter-item-label) {\n  line-height: 24px;\n}\n\n.table-toolbar-value-display {\n  background: var(--bg-color-white, #ffffff);\n}\n.table-toolbar-value-display :global(.filter-value-display),\n.table-toolbar-value-display :global(.filter-title) {\n  padding: 0 16px 6px !important;\n  margin-top: 0 !important;\n  line-height: 22px !important;\n  border-bottom: none !important;\n  gap: 8px !important;\n}\n.table-toolbar-value-display :global(.filter-value-display .filter-label) {\n  line-height: 22px;\n}\n.table-toolbar-value-display :global(.filter-value-display .filter-line) {\n  min-height: 22px;\n  gap: 6px;\n}\n.table-toolbar-value-display :global(.filter-value-tag) {\n  margin-inline-end: 0;\n}"]}
+{"version":3,"sources":["ellipsis.module.scss","main.module.scss","amount.module.scss","options.module.scss","style.module.scss","sort.module.scss","columnHeaderTitle.module.scss","columnConfig.module.scss","tableToolbar.module.scss"],"names":[],"mappings":"AAAA;EACE,cAAc;EACd,WAAW;EACX,YAAY;EACZ,SAAS;AACX;;AAEA;EACE,mCAAmC;AACrC;AACA;EACE,eAAe;EACf,iBAAiB;EACjB,gBAAgB;EAChB,uBAAuB;EACvB,sBAAsB;EACtB,qBAAqB;AACvB;;AAEA;EACE,cAAc;EACd,WAAW;EACX,YAAY;AACd;;AAEA;EACE,cAAc;EACd,WAAW;EACX,sBAAsB;AACxB;AC7BA;EACE,qBAAqB;EACrB,eAAe;EACf,sBAAsB;AACxB;;AAEA;EACE,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;AACrB;;AAEA;;;EAGE,eAAe;EACf,yCAAyC;AAC3C;;AAEA;EACE,cAAc;EACd,cAAc;AAChB;AACA;EACE,oCAAoC;EACpC,kCAAkC;AACpC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,YAAY;EACZ,YAAY;AACd;ACnCA;EACE,iBAAiB;EACjB,kCAAkC;EAClC,cAAc;EACd,WAAW;EACX,YAAY;EACZ,eAAe;AACjB;ACPA;EACE,aAAa;AACf;;AAEA;EACE,gBAAgB;EAChB,SAAS;EACT,UAAU;EACV,cAAc;AAChB;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,aAAa;AACf;AACA;EACE,cAAc;AAChB;AACA;EACE,oCAAoC;EACpC,6CAA6C;AAC/C;ACxBA;EACE,kBAAkB;EAClB,yBAAyB;EACzB,yCAAyC;AAC3C;;AAEA;EACE,qDAAqD;AACvD;AACA;EACE,mDAAmD;AACrD;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;EAClB,gDAAgD;AAClD;AACA;EACE,WAAW;AACb;AACA;EACE,uBAAuB;AACzB;AACA;EACE,+BAA+B;EAC/B,oBAAoB;AACtB;AACA;EACE,+BAA+B;AACjC;AACA;EACE,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,kBAAkB;EAClB,eAAe;AACjB;;AAEA;EACE,kCAAkC;AACpC;AACA;EACE,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,aAAa;EACb,iBAAiB;EACjB,8BAA8B;AAChC;AACA;EACE,mBAAmB;AACrB;AACA;EACE,mDAAmD;AACrD;AACA;EACE,iDAAiD;AACnD;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,mBAAmB;EACnB,oBAAoB;EACpB,+BAA+B;AACjC;AACA;EACE,kCAAkC;AACpC;;AAEA;EACE,2BAA2B;AAC7B;AACA;EACE,kCAAkC;AACpC;;AAEA;EACE,mBAAmB;EACnB,oBAAoB;EACpB,+BAA+B;AACjC;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,gCAAgC;EAChC,kCAAkC;EAClC,gBAAgB;EAChB,aAAa;EACb,yCAAyC;EACzC,+CAA+C;AACjD;AACA;EACE,uBAAuB;EACvB,2BAA2B;EAC3B,2BAA2B;AAC7B;AACA;EACE,2BAA2B;AAC7B;;AAEA;EACE,YAAY;EACZ,cAAc;EACd,WAAW;EACX,YAAY;EACZ,sBAAsB;AACxB;;AAEA;EACE,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,eAAe;EACf,eAAe;EACf,qBAAqB;EACrB,uBAAuB;EACvB,eAAe;AACjB;;AAEA;EACE,WAAW;EACX,eAAe;EACf,eAAe;AACjB;;AAEA;EACE,YAAY;EACZ,mDAAmD;EACnD,iDAAiD;AACnD;AA/IA;EACE,sBAAsB;EACtB,kBAAkB;EAClB,yBAAyB;EACzB,yCAAyC;AAC3C;AACA;EACE,WAAW;AACb;AACA;EACE,gBAAgB;EAChB,WAAW;EACX,eAAe;AACjB;AACA;;;EAGE,2BAA2B;AAC7B;AACA;EACE,uBAAuB;EACvB,uCAAuC;EACvC,qCAAqC;EACrC,qCAAqC;EACrC,mCAAmC;AACrC;AACA;EACE,uBAAuB;EACvB,mCAAmC;AACrC;AACA;EACE,2BAA2B;AAC7B;AACA;EACE,6CAA6C;EAC7C,qDAAqD;EACrD,mDAAmD;AACrD;AACA;EACE,kBAAkB;AACpB;AACA;;EAEE,UAAU;EACV,oBAAoB;EACpB,cAAc;EACd,mBAAmB;EACnB,2CAA2C;AAC7C;AACA;EACE,8DAA8D;EAC9D,0CAA0C;AAC5C;AACA;EACE,qBAAqB;AACvB;AACA;EACE,qBAAqB;AACvB;AACA;EACE,6CAA6C;AAC/C;AACA;EACE,gEAAgE;AAClE;AACA;EACE,8DAA8D;AAChE;AACA;EACE,mBAAmB;EACnB,kCAAkC;EAClC,+BAA+B;AACjC;AACA;EACE,kCAAkC;EAClC,2BAA2B;AAC7B;AACA;EACE,mBAAmB;EACnB,+BAA+B;AACjC;AACA;EACE,kCAAkC;AACpC;AACA;EACE,2CAA2C;AAC7C;AACA;EACE,8DAA8D;AAChE;AACA;EACE,4DAA4D;AAC9D;AACA;EACE,2CAA2C;AAC7C;AACA;EACE,8DAA8D;AAChE;AACA;EACE,4DAA4D;AAC9D;AACA;EACE,sDAAsD;EACtD,gBAAgB;EAChB,2BAA2B;EAC3B,2CAA2C;AAC7C;AACA;EACE,uBAAuB;EACvB,8DAA8D;EAC9D,4DAA4D;AAC9D;AACA;EACE,2CAA2C;EAC3C,+CAA+C;EAC/C,0CAA0C;AAC5C;AACA;EACE,+CAA+C;EAC/C,0CAA0C;AAC5C;AACA;EACE,aAAa;AACf;AACA;;EAEE,iBAAiB;AACnB;AACA;;EAEE,qFAAqF;AACvF;AACA;EACE,SAAS;EACT,cAAc;EACd,oBAAoB;AACtB;AACA;;EAEE,oBAAoB;EACpB,qBAAqB;EACrB,uBAAuB;EACvB,cAAc;EACd,YAAY;EACZ,gBAAgB;AAClB;AACA;EACE,0DAA0D;AAC5D;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,SAAS;EACT,mBAAmB;AACrB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,8BAA8B;AAChC;AACA;EACE,YAAY;AACd;AACA;;EAEE,mBAAmB;AACrB;AACA;EACE,yBAAiB;UAAjB,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA;EACE,eAAe;EACf,QAAQ;EACR,sDAAsD;EACtD,oBAAoB;EACpB,YAAY;AACd;ACjMA;EACE,oBAAoB;EACpB,mBAAmB;EACnB,QAAQ;EACR,eAAe;EACf,mBAAmB;AACrB;;AAEA;EACE,OAAO;EACP,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,oBAAoB;EACpB,sBAAsB;EACtB,mBAAmB;EACnB,uBAAuB;EACvB,cAAc;EACd,WAAW;EACX,YAAY;EACZ,eAAe;EACf,yBAAiB;UAAjB,iBAAiB;EACjB,kBAAkB;EAClB,kCAAkC;AACpC;AACA;EACE,+BAA+B;AACjC;AACA;EACE,0BAA0B;AAC5B;;AAEA;EACE,cAAc;EACd,eAAe;EACf,cAAc;EACd,0BAA0B;EAC1B,uBAAuB;AACzB;AACA;EACE,oCAAoC;AACtC;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;ACvDA;EACE,cAAc;EACd,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;AACrB;ACPA;EACE,kBAAkB;EAClB,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,kBAAkB;EAClB,UAAU;EACV,eAAe;EACf,kCAAkC;EAClC,6BAA6B;EAC7B,QAAQ;EACR,UAAU;EACV,kBAAkB;EAClB,2BAA2B;EAC3B,kBAAkB;AACpB;;AAEA;EACE,eAAe;EACf,oBAAoB;EACpB,mBAAmB;EACnB,uBAAuB;EACvB,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,yCAAyC;EACzC,oDAAoD;EACpD,+CAA+C;AACjD;AACA;EACE,kCAAkC;EAClC,2BAA2B;AAC7B;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,YAAY;AACd;AACA;EACE,YAAY;EACZ,uBAAuB;AACzB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,qBAAqB;AACvB;AACA;EACE,YAAY;AACd;AACA;EACE,iBAAiB;EACjB,4BAA4B;AAC9B;;AAEA;EACE,iBAAiB;EACjB,iBAAiB;EACjB,0DAA0D;AAC5D;;AAEA;EACE,kBAAkB;EAClB,iBAAiB;EACjB,gBAAgB;AAClB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,uDAAuD;EACvD,kBAAkB;AACpB;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,4BAA4B;EAC5B,mBAAmB;EACnB,4BAA4B;EAC5B,sBAAsB;AACxB;AACA;EACE,OAAO;AACT;AACA;EACE,uBAAuB;AACzB;AACA;EACE,gBAAgB;AAClB;AACA;EACE,iBAAiB;AACnB;;AAEA;EACE,qBAAqB;EACrB,+CAA+C;EAC/C,0CAA0C;EAC1C,aAAa;EACb,wBAAwB;EACxB,mBAAmB;EACnB,sBAAsB;AACxB;AACA;EACE,6CAA6C;EAC7C,kDAAkD;EAClD,YAAY;AACd;AACA;EACE,2CAA2C;AAC7C;;AAEA;EACE,oDAAoD;EACpD,cAAc;AAChB;;AAEA;EACE,qBAAqB;AACvB;AACA;EACE,qBAAqB;AACvB;AACA;EACE,aAAa;AACf;AACA;;;;EAIE,qBAAqB;AACvB;;AAEA;EACE,mBAAmB;AACrB;AACA;EACE,mBAAmB;AACrB;;AAEA;EACE,kBAAkB;EAClB,cAAc;EACd,WAAW;AACb;AHvKA;EACE,YAAY;EACZ,oBAAoB;EACpB,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,aAAa;EACb,sBAAsB;AACxB;;AAEA;EACE,YAAY;AACd;AACA;EACE,wFAAwF;AAC1F;;AAEA;EACE,yBAAyB;EACzB,yCAAyC;AAC3C;AACA;EACE,qDAAqD;EACrD,mDAAmD;AACrD;AACA;EACE,wFAAwF;AAC1F;AACA;EACE,YAAY;EACZ,gBAAgB;AAClB;AACA;EACE,uCAAuC;EACvC,qCAAqC;AACvC;AACA;EACE,8DAA8D;AAChE;AACA;EACE,4DAA4D;AAC9D;AACA;EACE,8DAA8D;AAChE;AACA;EACE,4DAA4D;AAC9D;AACA;EACE,8DAA8D;EAC9D,4DAA4D;AAC9D;AACA;EACE,2BAA2B;AAC7B;AACA;EACE,uCAAuC;AACzC;AACA;EACE,qCAAqC;AACvC;;AAEA;EACE,uBAAuB;EACvB,2BAA2B;AAC7B;;AAEA;EACE,gBAAgB;EAChB,aAAa;EACb,yBAAyB;AAC3B;;AAEA;EACE,oCAAoC;EACpC,gBAAgB;EAChB,cAAc;AAChB;;AAEA;EACE,eAAe;EACf,YAAY;EACZ,0CAA0C;EAC1C,mDAAmD;EACnD,sBAAsB;AACxB;;AAEA;EACE,gBAAgB;EAChB,SAAS;AACX;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,2BAA2B;EAC3B,6CAA6C;EAC7C,WAAW;EACX,sBAAsB;AACxB;AACA;EACE,2CAA2C;AAC7C;AIxGA;EACE,gCAAgC;AAClC;AACA;EACE,iBAAiB;AACnB;AACA;EACE,cAAc;AAChB;AACA;;;EAGE,8BAA8B;EAC9B,yBAAyB;EACzB,wBAAwB;AAC1B;AACA;EACE,8BAA8B;AAChC;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,SAAS;EACT,iBAAiB;EACjB,0CAA0C;AAC5C;;AAEA;;EAEE,cAAc;EACd,aAAa;EACb,mBAAmB;AACrB;;AAEA;EACE,uBAAuB;EACvB,2BAA2B;EAC3B,sDAAsD;AACxD;AACA;EACE,uBAAuB;EACvB,sDAAsD;EACtD,wDAAwD;AAC1D;AACA;EACE,uBAAuB;EACvB,sDAAsD;EACtD,mDAAmD;AACrD;;AAEA;EACE,2CAA2C;EAC3C,yCAAyC;AAC3C;AACA;;EAEE,uBAAuB;EACvB,2BAA2B;EAC3B,kCAAkC;AACpC;AACA;;;;;EAKE,uBAAuB;EACvB,2BAA2B;EAC3B,kCAAkC;AACpC;AACA;;;EAGE,uBAAuB;EACvB,2BAA2B;EAC3B,kCAAkC;EAClC,8CAA8C;AAChD;AACA;;;EAGE,uBAAuB;EACvB,2BAA2B;EAC3B,sDAAsD;EACtD,wDAAwD;AAC1D;AACA;EACE,uBAAuB;EACvB,kCAAkC;EAClC,UAAU;AACZ;;AAEA;EACE,OAAO;EACP,YAAY;EACZ,aAAa;EACb,mBAAmB;AACrB;;AAEA;EACE,cAAc;EACd,UAAU;EACV,kBAAkB;EAClB,YAAY;EACZ,mBAAmB;AACrB;;AAEA;EACE,WAAW;AACb;AACA;EACE,WAAW;EACX,qBAAqB;EACrB,oBAAoB;EACpB,4BAA4B;EAC5B,8BAA8B;AAChC;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,WAAW;AACb;AACA;EACE,gBAAgB;EAChB,QAAQ;AACV;AACA;EACE,YAAY;AACd;AACA;EACE,YAAY;EACZ,cAAc;AAChB;AACA;EACE,iBAAiB;AACnB;AACA;EACE,iBAAiB;AACnB;;AAEA;EACE,0CAA0C;AAC5C;AACA;;EAEE,8BAA8B;EAC9B,wBAAwB;EACxB,4BAA4B;EAC5B,8BAA8B;EAC9B,mBAAmB;AACrB;AACA;EACE,iBAAiB;AACnB;AACA;EACE,gBAAgB;EAChB,QAAQ;AACV;AACA;EACE,oBAAoB;AACtB","file":"index.css","sourcesContent":[".ellipsis {\n  display: block;\n  width: 100%;\n  min-width: 0;\n  margin: 0;\n}\n\n.tooltip {\n  max-width: min(600px, 100vw - 32px);\n}\n.tooltip :global(.ant-tooltip-inner) {\n  max-width: 100%;\n  max-height: 400px;\n  overflow-y: auto;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n\n.cell-content {\n  display: block;\n  width: 100%;\n  min-width: 0;\n}\n\n.cell-full-width {\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n}",".text {\n  display: inline-block;\n  max-width: 100%;\n  vertical-align: bottom;\n}\n\n.ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.hover,\n.primary,\n.clickable {\n  cursor: pointer;\n  border-radius: var(--radius-default, 2px);\n}\n\n.hover {\n  padding: 0 8px;\n  margin: 0 -8px;\n}\n.hover:hover {\n  color: var(--primary-color, #1677ff);\n  background: var(--primary-color-1);\n}\n\n.primary {\n  color: var(--primary-color, #1677ff);\n}\n\n.loading {\n  opacity: 0.5;\n  cursor: wait;\n}",".amount {\n  font-weight: bold;\n  font-variant-numeric: tabular-nums;\n  display: block;\n  width: 100%;\n  min-width: 0;\n  max-width: 100%;\n}",".col-item {\n  display: flex;\n}\n\n.options {\n  overflow: hidden;\n  margin: 0;\n  padding: 0;\n  display: block;\n}\n\n.options-column {\n  width: 100% !important;\n}\n\n.options-column .options-btn:global(.ant-btn) :global(.ant-btn-loading-icon) {\n  display: none;\n}\n.options-column .options-btn:global(.ant-btn):global(.btn-no-padding) {\n  padding: 0 8px;\n}\n.options-column .options-btn:global(.ant-btn):hover:not(:disabled) {\n  color: var(--primary-color, #1677ff);\n  background: var(--primary-color-1) !important;\n}",":global(.loading-container.is-loading) {\n  opacity: 0.5;\n  pointer-events: none;\n  position: relative;\n  transition: opacity 300ms;\n}\n\n.table-page {\n  display: flex;\n  flex-direction: column;\n}\n\n.table-content {\n  min-width: 0;\n}\n.table-content :global(.info-page-table) {\n  scroll-margin-top: var(--scroll-top-inset, var(--sticky-offset, var(--nav-height, 0px)));\n}\n\n.table-with-toolbar {\n  border: 1px solid #f0f0f0;\n  border-radius: var(--radius-default, 2px);\n}\n.table-with-toolbar :global(.table-page-toolbar) {\n  border-start-start-radius: var(--radius-default, 2px);\n  border-start-end-radius: var(--radius-default, 2px);\n}\n.table-with-toolbar :global(.table-page-toolbar-section) {\n  scroll-margin-top: var(--scroll-top-inset, var(--sticky-offset, var(--nav-height, 0px)));\n}\n.table-with-toolbar :global(.info-page-table) {\n  border: none;\n  border-radius: 0;\n}\n.table-with-toolbar :global(.info-page-table) :global(.ant-table-header) {\n  border-start-start-radius: 0 !important;\n  border-start-end-radius: 0 !important;\n}\n.table-with-toolbar :global(.info-page-table):not(.has-summary) :global(.ant-table-tbody > tr:last-child > .ant-table-cell:first-child) {\n  border-end-start-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table):not(.has-summary) :global(.ant-table-tbody > tr:last-child > .ant-table-cell:last-child) {\n  border-end-end-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table).has-summary :global(.ant-table-summary > tr > .ant-table-cell:first-child) {\n  border-end-start-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table).has-summary :global(.ant-table-summary > tr > .ant-table-cell:last-child) {\n  border-end-end-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table) :global(.ant-table-placeholder > .ant-table-cell) {\n  border-end-start-radius: var(--radius-default, 2px) !important;\n  border-end-end-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.table-page-toolbar-section--has-value) + :global(.info-page-table) :global(.ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell) {\n  border-top: none !important;\n}\n.table-with-toolbar :global(.ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell:first-child) {\n  border-start-start-radius: 0 !important;\n}\n.table-with-toolbar :global(.ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell:last-child) {\n  border-start-end-radius: 0 !important;\n}\n\n.table-in-toolbar {\n  border: none !important;\n  border-radius: 0 !important;\n}\n\n.pagination {\n  margin-top: 16px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.total_text {\n  color: var(--primary-color, #1677ff);\n  font-weight: 500;\n  padding: 0 2px;\n}\n\n.floating-scrollbar {\n  position: fixed;\n  z-index: 998;\n  background: var(--bg-color-white, #ffffff);\n  border: solid 1px var(--font-color-grey-4, #eeeeee);\n  box-sizing: border-box;\n}\n\n.floating-scrollbar-embedded {\n  position: sticky;\n  bottom: 0;\n}\n\n.floating-scrollbar-thumb {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  background: var(--font-color-grey-2, #cccccc);\n  height: 60%;\n  border-radius: 5px/50%;\n}\n.floating-scrollbar-thumb:hover, .floating-scrollbar-thumb.is-moving {\n  background: var(--font-color-grey, #666666);\n}",".title {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  max-width: 100%;\n  vertical-align: top;\n}\n\n.title-text {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.has-sort {\n  padding-right: 2px;\n}\n\n.sort-btn {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 14px;\n  height: 18px;\n  cursor: pointer;\n  user-select: none;\n  border-radius: 2px;\n  transition: background-color 200ms;\n}\n.sort-btn:hover {\n  background: rgba(0, 0, 0, 0.04);\n}\n.sort-btn:hover .sort-icon:not(.active) {\n  color: rgba(0, 0, 0, 0.45);\n}\n\n.sort-icon {\n  display: block;\n  font-size: 10px;\n  line-height: 1;\n  color: rgba(0, 0, 0, 0.25);\n  transition: color 200ms;\n}\n.sort-icon.active {\n  color: var(--primary-color, #1677ff);\n}\n\n.sort-up {\n  margin-bottom: -2px;\n}\n\n.sort-down {\n  margin-top: -2px;\n}",".ellipsis {\n  display: block;\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}",".cell-resize-bar {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 60%;\n  border-radius: 4px;\n  width: 8px;\n  font-size: 12px;\n  background: var(--primary-color-1);\n  color: var(--primary-color-2);\n  top: 50%;\n  right: 2px;\n  cursor: col-resize;\n  transform: translateY(-50%);\n  visibility: hidden;\n}\n\n.table-changer-setting {\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  min-height: 28px;\n  padding: 4px;\n  border-radius: var(--radius-default, 4px);\n  color: var(--font-color-grey-1, rgba(0, 0, 0, 0.45));\n  transition: background-color 200ms, color 200ms;\n}\n.table-changer-setting:hover, .table-changer-setting.is-active {\n  background: var(--primary-color-1);\n  color: var(--primary-color);\n}\n\n.table-config-header {\n  width: 100%;\n  min-width: 0;\n}\n\n.table-config-header-title {\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.columns-control-content {\n  width: 300px;\n}\n.columns-control-content :global .ant-collapse {\n  border: none;\n  background: transparent;\n}\n.columns-control-content :global .ant-collapse-item {\n  border-bottom: none;\n}\n.columns-control-content :global .ant-collapse-content-box {\n  padding: 0 !important;\n}\n.columns-control-content :global .ant-list-item {\n  border: none;\n}\n.columns-control-content :global .ant-collapse-header {\n  font-weight: bold;\n  padding: 8px 16px !important;\n}\n\n.columns-control-content-title {\n  font-weight: bold;\n  padding: 8px 16px;\n  border-bottom: solid 1px var(--font-color-grey-4, #f0f0f0);\n}\n\n.columns-control-content-scroller {\n  position: relative;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.columns-control-sortable-list {\n  display: block;\n}\n\n.columns-control-content-footer {\n  border-top: solid 1px var(--font-color-grey-4, #f0f0f0);\n  padding: 12px 16px;\n}\n\n.columns-control-content-input {\n  width: 142px;\n}\n\n.columns-control-content-list {\n  padding: 0;\n}\n\n.columns-control-content-item {\n  display: flex;\n  align-items: center;\n  padding: 8px 14px !important;\n  background: #ffffff;\n  transition: box-shadow 500ms;\n  box-sizing: border-box;\n}\n.columns-control-content-item :global .ant-checkbox-wrapper {\n  flex: 1;\n}\n.columns-control-content-item.is-drag {\n  cursor: move !important;\n}\n.columns-control-content-item.is-drag :global .ant-checkbox-wrapper {\n  margin-left: 2px;\n}\n.columns-control-content-item:not(.is-drag) :global .ant-checkbox-wrapper {\n  margin-left: 16px;\n}\n\n:global .table-page-sortable-drag {\n  opacity: 1 !important;\n  background: rgba(255, 255, 255, 0.9) !important;\n  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);\n  z-index: 1050;\n  display: flex !important;\n  align-items: center;\n  box-sizing: border-box;\n}\n:global .table-page-sortable-ghost {\n  background: var(--primary-color-1) !important;\n  border: 1px dashed var(--primary-color) !important;\n  opacity: 0.6;\n}\n:global .table-page-sortable-chosen {\n  background: var(--bg-color-grey-1, #fafafa);\n}\n\n.columns-control-content-item-icon {\n  color: var(--font-color-grey-1, rgba(0, 0, 0, 0.45));\n  flex-shrink: 0;\n}\n\n.columns-control-overlay {\n  padding: 0 !important;\n}\n.columns-control-overlay > :global(.ant-popover-container) {\n  padding: 0 !important;\n}\n.columns-control-overlay :global(.ant-popover-arrow) {\n  display: none;\n}\n.columns-control-overlay :global(.ant-popover-inner-content),\n.columns-control-overlay :global(.ant-popover-inner),\n.columns-control-overlay :global(.ant-popover-container),\n.columns-control-overlay :global(.ant-popover-content) {\n  padding: 0 !important;\n}\n\n.header-col:hover :global(.table-cell-resize-bar) {\n  visibility: visible;\n}\n.header-col:global(.is-moving) :global(.table-cell-resize-bar) {\n  visibility: visible;\n}\n\n.header-cell-inner {\n  position: relative;\n  display: block;\n  width: 100%;\n}",".table-toolbar-section {\n  border-bottom: 1px solid #f0f0f0;\n}\n.table-toolbar-section.has-value-display .table-toolbar {\n  padding-bottom: 0;\n}\n.table-toolbar-section.has-value-display .table-toolbar-value-display {\n  padding-top: 0;\n}\n.table-toolbar-section.has-value-display .table-toolbar-value-display :global(.filter-title),\n.table-toolbar-section.has-value-display .table-toolbar-value-display :global(.filter-value-display),\n.table-toolbar-section.has-value-display .table-toolbar-value-display > :global(.ant-space) {\n  border-bottom: none !important;\n  padding-top: 0 !important;\n  margin-top: 0 !important;\n}\n.table-toolbar-section.has-value-display .table-toolbar-value-display :global(.filter-line) {\n  border-bottom: none !important;\n}\n\n.table-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px;\n  background: var(--bg-color-white, #ffffff);\n}\n\n.table-toolbar-batch,\n.table-toolbar-search {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n}\n\n.table-toolbar-batch-btn {\n  border: none !important;\n  box-shadow: none !important;\n  background: var(--bg-color-grey-1, #f5f5f5) !important;\n}\n.table-toolbar-batch-btn:not(:disabled):hover {\n  border: none !important;\n  background: var(--bg-color-grey-2, #f0f0f0) !important;\n  color: var(--font-color, rgba(0, 0, 0, 0.88)) !important;\n}\n.table-toolbar-batch-btn:disabled {\n  border: none !important;\n  background: var(--bg-color-grey-1, #f5f5f5) !important;\n  color: var(--font-color-grey-2, #cccccc) !important;\n}\n\n.table-toolbar-search :global(.ant-input-search) {\n  background: var(--bg-color-grey-1, #f5f5f5);\n  border-radius: var(--radius-default, 2px);\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input) {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper:hover),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper-focused),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper-focused-within),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input:hover),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input:focus) {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-btn),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-button),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-btn) {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n  color: var(--font-color-grey, #666) !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-btn):not(:disabled):hover,\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-button):not(:disabled):hover,\n.table-toolbar-search :global(.ant-input-search) :global(.ant-btn):not(:disabled):hover {\n  border: none !important;\n  box-shadow: none !important;\n  background: var(--bg-color-grey-2, #f0f0f0) !important;\n  color: var(--font-color, rgba(0, 0, 0, 0.88)) !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-group-addon) {\n  border: none !important;\n  background: transparent !important;\n  padding: 0;\n}\n\n.table-toolbar-filter {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n}\n\n.table-toolbar-divider {\n  flex-shrink: 0;\n  width: 1px;\n  align-self: center;\n  height: 16px;\n  background: #f0f0f0;\n}\n\n.table-toolbar-filter-inner {\n  width: 100%;\n}\n.table-toolbar-filter-inner :global(.filter-title) {\n  width: 100%;\n  padding: 0 !important;\n  margin: 0 !important;\n  line-height: 24px !important;\n  border-bottom: none !important;\n}\n.table-toolbar-filter-inner :global(.filter-title > .ant-space-item:first-child) {\n  display: none !important;\n}\n.table-toolbar-filter-inner :global(.filter-label) {\n  display: none !important;\n}\n.table-toolbar-filter-inner :global(.filter-list) {\n  width: 100%;\n}\n.table-toolbar-filter-inner :global(.filter-line) {\n  min-height: 24px;\n  gap: 8px;\n}\n.table-toolbar-filter-inner :global(.filter-item-wrap) {\n  height: 24px;\n}\n.table-toolbar-filter-inner :global(.filter-item) {\n  height: 24px;\n  padding: 0 8px;\n}\n.table-toolbar-filter-inner :global(.filter-item) :global(.ant-space-item) {\n  line-height: 24px;\n}\n.table-toolbar-filter-inner :global(.filter-item-label) {\n  line-height: 24px;\n}\n\n.table-toolbar-value-display {\n  background: var(--bg-color-white, #ffffff);\n}\n.table-toolbar-value-display :global(.filter-value-display),\n.table-toolbar-value-display :global(.filter-title) {\n  padding: 0 16px 6px !important;\n  margin-top: 0 !important;\n  line-height: 22px !important;\n  border-bottom: none !important;\n  gap: 8px !important;\n}\n.table-toolbar-value-display :global(.filter-value-display .filter-label) {\n  line-height: 22px;\n}\n.table-toolbar-value-display :global(.filter-value-display .filter-line) {\n  min-height: 22px;\n  gap: 6px;\n}\n.table-toolbar-value-display :global(.filter-value-tag) {\n  margin-inline-end: 0;\n}"]}

package/dist/index.js

@@ -3139,29 +3139,47 @@ TableView.useSelectedRow = useSelectedRow;
 TableView.useSort = useSort;
 TableView.sortDataSource = useSort.sortDataSource;
 
-var style$1 = {"table-page":"kne-table-page_ut9rJ","table-content":"kne-table-page_dxN6N","table-with-toolbar":"kne-table-page_sf06r","has-summary":"kne-table-page_IRdzb","table-in-toolbar":"kne-table-page_sawIT","pagination":"kne-table-page_DSTEf","total_text":"kne-table-page_pJhKr","floating-scrollbar":"kne-table-page_iu8E1","floating-scrollbar-thumb":"kne-table-page_RjZsu","is-moving":"kne-table-page_y-4Ou"};
+var style$1 = {"table-page":"kne-table-page_ut9rJ","table-content":"kne-table-page_dxN6N","table-with-toolbar":"kne-table-page_sf06r","has-summary":"kne-table-page_IRdzb","table-in-toolbar":"kne-table-page_sawIT","pagination":"kne-table-page_DSTEf","total_text":"kne-table-page_pJhKr","floating-scrollbar":"kne-table-page_iu8E1","floating-scrollbar-embedded":"kne-table-page_PIv-C","floating-scrollbar-thumb":"kne-table-page_RjZsu","is-moving":"kne-table-page_y-4Ou"};
 
 const BAR_HEIGHT = 15;
 const THUMB_MARGIN = 2;
 const computeBarMetrics = (scrollEl, viewportState, getPortalContainer) => {
   const rect = scrollEl.getBoundingClientRect();
   const portalContainer = typeof getPortalContainer === 'function' ? getPortalContainer() : null;
-  const useContainerScroll = !isDocumentScrollContainer(portalContainer);
-  const viewport = getViewportRect();
-  const anchorRect = useContainerScroll ? portalContainer.getBoundingClientRect() : viewport;
+  const useEmbeddedPlacement = !isDocumentScrollContainer(portalContainer);
   const trackWidth = rect.width;
   const thumbWidth = Math.max(trackWidth * scrollEl.clientWidth / scrollEl.scrollWidth - THUMB_MARGIN * 2, 24);
   const maxThumbOffset = trackWidth - thumbWidth - THUMB_MARGIN * 2;
   const scrollRatio = scrollEl.scrollWidth > scrollEl.clientWidth ? scrollEl.scrollLeft / (scrollEl.scrollWidth - scrollEl.clientWidth) : 0;
+  const visible = shouldShowFloatingScrollbar(scrollEl, viewportState, getPortalContainer);
+  if (useEmbeddedPlacement) {
+    const containerRect = portalContainer.getBoundingClientRect();
+    return {
+      placement: 'embedded',
+      offsetLeft: Math.round(rect.left - containerRect.left),
+      width: Math.round(trackWidth),
+      thumbWidth,
+      thumbLeft: THUMB_MARGIN + maxThumbOffset * scrollRatio,
+      visible
+    };
+  }
+  const viewport = getViewportRect();
   return {
-    left: rect.left,
-    width: trackWidth,
-    bottom: window.innerHeight - anchorRect.bottom,
+    placement: 'fixed',
+    left: Math.round(rect.left),
+    width: Math.round(trackWidth),
+    bottom: window.innerHeight - viewport.bottom,
     thumbWidth,
     thumbLeft: THUMB_MARGIN + maxThumbOffset * scrollRatio,
-    visible: shouldShowFloatingScrollbar(scrollEl, viewportState, getPortalContainer)
+    visible
   };
 };
+const metricsEqual = (prev, next) => {
+  if (!prev || !next) {
+    return prev === next;
+  }
+  return prev.placement === next.placement && prev.visible === next.visible && prev.width === next.width && prev.thumbWidth === next.thumbWidth && prev.thumbLeft === next.thumbLeft && (prev.placement === 'embedded' ? prev.offsetLeft === next.offsetLeft : prev.left === next.left && prev.bottom === next.bottom);
+};
 const FloatingScrollBar = ({
   metrics,
   onThumbDrag,
@@ -3196,10 +3214,18 @@ const FloatingScrollBar = ({
   if (!metrics?.visible) {
     return null;
   }
-  const portalTarget = document.body;
+  const portalContainer = typeof getPortalContainer === 'function' ? getPortalContainer() : null;
+  const useEmbeddedPlacement = metrics.placement === 'embedded';
+  const portalTarget = useEmbeddedPlacement && portalContainer ? portalContainer : document.body;
   return /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classnames__default["default"](style$1['floating-scrollbar'], 'table-page-floating-scrollbar'),
-    style: {
+    className: classnames__default["default"](style$1['floating-scrollbar'], 'table-page-floating-scrollbar', {
+      [style$1['floating-scrollbar-embedded']]: useEmbeddedPlacement
+    }),
+    style: useEmbeddedPlacement ? {
+      marginLeft: metrics.offsetLeft,
+      width: metrics.width,
+      height: BAR_HEIGHT
+    } : {
       left: metrics.left,
       width: metrics.width,
       height: BAR_HEIGHT,
@@ -3231,6 +3257,7 @@ const HorizontalScroller = /*#__PURE__*/react.forwardRef(({
   const containerRef = react.useRef(null);
   const scrollElRef = react.useRef(null);
   const viewportStateRef = react.useRef(null);
+  const metricsRef = react.useRef(null);
   const setContainerRef = useRefCallback__default["default"](node => {
     containerRef.current = node;
     if (typeof forwardedRef === 'function') {
@@ -3242,10 +3269,16 @@ const HorizontalScroller = /*#__PURE__*/react.forwardRef(({
   const updateMetrics = useRefCallback__default["default"](() => {
     const scrollEl = scrollElRef.current;
     if (!scrollEl) {
+      metricsRef.current = null;
       setMetrics(null);
       return;
     }
-    setMetrics(computeBarMetrics(scrollEl, viewportStateRef.current, getPortalContainer));
+    const nextMetrics = computeBarMetrics(scrollEl, viewportStateRef.current, getPortalContainer);
+    if (metricsEqual(metricsRef.current, nextMetrics)) {
+      return;
+    }
+    metricsRef.current = nextMetrics;
+    setMetrics(nextMetrics);
   });
   const handleThumbDrag = useRefCallback__default["default"](deltaX => {
     const scrollEl = scrollElRef.current;
@@ -3266,6 +3299,7 @@ const HorizontalScroller = /*#__PURE__*/react.forwardRef(({
     if (!enabled) {
       scrollElRef.current = null;
       viewportStateRef.current = null;
+      metricsRef.current = null;
       setMetrics(null);
       return undefined;
     }
@@ -3276,6 +3310,8 @@ const HorizontalScroller = /*#__PURE__*/react.forwardRef(({
     let scrollEl = null;
     let unobserveViewport = null;
     let contentResizeObserver = null;
+    const portalContainer = typeof getPortalContainer === 'function' ? getPortalContainer() : null;
+    const useEmbeddedPlacement = !isDocumentScrollContainer(portalContainer);
     const detachScrollEl = () => {
       unobserveViewport?.();
       unobserveViewport = null;
@@ -3296,10 +3332,12 @@ const HorizontalScroller = /*#__PURE__*/react.forwardRef(({
       detachScrollEl();
       scrollEl = nextScrollEl;
       scrollElRef.current = scrollEl;
-      unobserveViewport = observeViewportIntersection(scrollEl, state => {
-        viewportStateRef.current = state;
-        updateMetrics();
-      });
+      if (!useEmbeddedPlacement) {
+        unobserveViewport = observeViewportIntersection(scrollEl, state => {
+          viewportStateRef.current = state;
+          updateMetrics();
+        });
+      }
       scrollEl.addEventListener('scroll', updateMetrics, {
         passive: true
       });
@@ -3316,16 +3354,36 @@ const HorizontalScroller = /*#__PURE__*/react.forwardRef(({
     const containerResizeObserver = new ResizeObserver(onLayoutChange);
     containerResizeObserver.observe(root);
     onLayoutChange();
-    const portalContainer = typeof getPortalContainer === 'function' ? getPortalContainer() : null;
-    if (!isDocumentScrollContainer(portalContainer)) {
+    const onWindowChange = () => {
+      if (!useEmbeddedPlacement) {
+        updateMetrics();
+      }
+    };
+    if (!useEmbeddedPlacement) {
+      window.addEventListener('scroll', onWindowChange, true);
+      window.addEventListener('resize', onWindowChange);
+      window.visualViewport?.addEventListener('resize', onWindowChange);
+      window.visualViewport?.addEventListener('scroll', onWindowChange);
+    }
+    if (useEmbeddedPlacement && portalContainer) {
       portalContainer.addEventListener('scroll', updateMetrics, {
         passive: true
       });
+      window.addEventListener('resize', updateMetrics);
     }
     return () => {
       detachScrollEl();
       containerResizeObserver.disconnect();
-      portalContainer?.removeEventListener('scroll', updateMetrics);
+      if (!useEmbeddedPlacement) {
+        window.removeEventListener('scroll', onWindowChange, true);
+        window.removeEventListener('resize', onWindowChange);
+        window.visualViewport?.removeEventListener('resize', onWindowChange);
+        window.visualViewport?.removeEventListener('scroll', onWindowChange);
+      }
+      if (useEmbeddedPlacement && portalContainer) {
+        portalContainer.removeEventListener('scroll', updateMetrics);
+        window.removeEventListener('resize', updateMetrics);
+      }
     };
   }, [enabled, updateMetrics, getPortalContainer]);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {