handsontable 17.1.0 → 18.0.0-rc2

package/styles/handsontable.css

@@ -25,8 +25,8 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  *
- * Version: 17.1.0
- * Release date: 19/05/2026 (built at 19/05/2026 14:51:38)
+ * Version: 18.0.0-rc2
+ * Release date: 22/06/2026 (built at 22/06/2026 11:42:11)
  */
 .ht-root-wrapper {
   font-family: var(--ht-font-family), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
@@ -35,6 +35,10 @@
   flex-direction: column;
   height: 100%;
 }
+.ht-root-wrapper:has(> .ht-slot-bottom > .ht-slot-element) .ht-wrapper:not(.htHorizontallyScrollableByWindow) .ht_master .wtHolder, .ht-root-wrapper:has(> .ht-slot-bottom > .ht-slot-element) .ht-wrapper:not(.htVerticallyScrollableByWindow) .ht_master .wtHolder, .ht-root-wrapper:has(> .ht-slot-top > .ht-slot-element) .ht-wrapper:not(.htHorizontallyScrollableByWindow) .ht_master .wtHolder, .ht-root-wrapper:has(> .ht-slot-top > .ht-slot-element) .ht-wrapper:not(.htVerticallyScrollableByWindow) .ht_master .wtHolder {
+  background-color: var(--ht-background-color);
+  box-shadow: inset 0 0 0 1px var(--ht-border-color);
+}
 
 .htFocusCatcher {
   display: block !important;
@@ -50,10 +54,39 @@
 }
 
 .ht-grid {
+  position: relative;
   flex: 1 1 auto;
   min-height: 0;
 }
 
+.ht-grid-content {
+  height: 100%;
+}
+
+.ht-slot-top, .ht-slot-bottom {
+  flex: 0 0 auto;
+}
+
+.ht-slot-element {
+  width: 100%;
+  box-sizing: border-box;
+  border: 1px solid var(--ht-border-color);
+}
+
+.ht-slot-top > .ht-slot-element:not(:first-of-type) {
+  border-top-width: 0;
+}
+.ht-slot-top > .ht-slot-element:last-of-type {
+  border-bottom-width: 0;
+}
+
+.ht-slot-bottom > .ht-slot-element:not(:last-of-type) {
+  border-bottom-width: 0;
+}
+.ht-slot-bottom > .ht-slot-element:first-of-type {
+  border-top-width: 0;
+}
+
 .htScrollbarTest {
   scrollbar-width: auto;
   scrollbar-color: var(--ht-scrollbar-thumb-color) var(--ht-scrollbar-track-color);
@@ -96,24 +129,12 @@
   border-end-end-radius: var(--ht-scrollbar-border-radius);
 }
 .handsontable.ht-wrapper {
-  border-radius: var(--ht-wrapper-border-radius, 0);
   height: 100%;
   width: 100%;
 }
 .handsontable.ht-wrapper:not(.htFirstDatasetColumnNotRendered) td:first-of-type {
   border-inline-start-width: 1px;
 }
-.handsontable.ht-wrapper::before {
-  content: "";
-  display: block;
-  position: absolute;
-  inset: 0;
-  border: var(--ht-wrapper-border-width) solid var(--ht-wrapper-border-color);
-  border-radius: var(--ht-wrapper-border-radius, 0);
-  z-index: 999;
-  pointer-events: none;
-  overflow: hidden;
-}
 .handsontable.htGhostTable.htNestedHeaders table {
   border-spacing: 0;
   border-collapse: collapse;
@@ -130,11 +151,9 @@
   border-top-width: 0;
   height: calc(var(--ht-cell-vertical-padding) * 2 + var(--ht-line-height) + 1px);
 }
-.handsontable.htHasScrollX:not(.htHorizontallyScrollableByWindow):not(.htScrollbarHidden) .ht_master .wtHolder, .handsontable.htHasScrollY:not(.htVerticallyScrollableByWindow):not(.htScrollbarHidden) .ht_master .wtHolder {
-  border-radius: var(--ht-wrapper-border-radius, 0);
-}
-.handsontable:not(.htHorizontallyScrollableByWindow).htPagination .ht_master .wtHolder, .handsontable:not(.htHorizontallyScrollableByWindow).htHasScrollX .ht_master .wtHolder, .handsontable:not(.htHorizontallyScrollableByWindow).htHasScrollY .ht_master .wtHolder, .handsontable:not(.htVerticallyScrollableByWindow).htPagination .ht_master .wtHolder, .handsontable:not(.htVerticallyScrollableByWindow).htHasScrollX .ht_master .wtHolder, .handsontable:not(.htVerticallyScrollableByWindow).htHasScrollY .ht_master .wtHolder {
+.handsontable:not(.htHorizontallyScrollableByWindow).htHasScrollX .ht_master .wtHolder, .handsontable:not(.htHorizontallyScrollableByWindow).htHasScrollY .ht_master .wtHolder, .handsontable:not(.htVerticallyScrollableByWindow).htHasScrollX .ht_master .wtHolder, .handsontable:not(.htVerticallyScrollableByWindow).htHasScrollY .ht_master .wtHolder {
   background-color: var(--ht-background-color);
+  box-shadow: inset 0 0 0 1px var(--ht-border-color);
 }
 .handsontable tr.ht__row_even th {
   background-color: var(--ht-row-header-even-background-color);
@@ -465,120 +484,185 @@
   left: -1px;
 }
 
+.handsontable.ht-wrapper {
+  border-radius: var(--ht-border-radius);
+}
 .handsontable.ht-wrapper:not(.htColumnHeaders) .ht_master .htCore tbody tr:first-child td:first-child {
-  border-start-start-radius: var(--ht-wrapper-border-radius);
+  border-start-start-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper:not(.htColumnHeaders) .ht_master .htCore tbody tr:first-child td:last-child {
-  border-start-end-radius: var(--ht-wrapper-border-radius);
+  border-start-end-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper:not(.htColumnHeaders) .ht_clone_top_inline_start_corner .htCore tbody tr:first-child td:first-child {
-  border-start-start-radius: var(--ht-wrapper-border-radius);
+  border-start-start-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper:not(.htColumnHeaders) .ht_clone_top .htCore tbody tr:first-child td:first-child {
-  border-start-start-radius: var(--ht-wrapper-border-radius);
+  border-start-start-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper:not(.htColumnHeaders) .ht_clone_top .htCore tbody tr:first-child td:last-child {
-  border-start-end-radius: var(--ht-wrapper-border-radius);
+  border-start-end-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper:not(.htColumnHeaders) .ht_clone_inline_start .htCore tbody tr:first-child th:first-child,
 .handsontable.ht-wrapper:not(.htColumnHeaders) .ht_clone_inline_start .htCore tbody tr:first-child td:first-child {
-  border-start-start-radius: var(--ht-wrapper-border-radius);
+  border-start-start-radius: var(--ht-border-radius);
+}
+.handsontable.ht-wrapper .ht_master .wtHolder {
+  border-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper .ht_master .htCore {
-  border-radius: var(--ht-wrapper-border-radius);
+  border-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper .ht_master .htCore thead tr:first-child th:first-child {
-  border-start-start-radius: var(--ht-wrapper-border-radius);
+  border-start-start-radius: var(--ht-border-radius);
 }
-.handsontable.ht-wrapper .ht_master .htCore thead tr:first-child th:last-child {
-  border-start-end-radius: var(--ht-wrapper-border-radius);
+.handsontable.ht-wrapper .ht_master .htCore thead tr:first-child th:not(.hiddenHeader):not(:has(~ th:not(.hiddenHeader))) {
+  border-start-end-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper .ht_master .htCore thead tr:last-child th:first-child {
-  border-end-start-radius: var(--ht-wrapper-border-radius);
+  border-end-start-radius: var(--ht-border-radius);
 }
-.handsontable.ht-wrapper .ht_master .htCore thead tr:last-child th:last-child {
-  border-end-end-radius: var(--ht-wrapper-border-radius);
+.handsontable.ht-wrapper .ht_master .htCore thead tr:last-child th:not(.hiddenHeader):not(:has(~ th:not(.hiddenHeader))) {
+  border-end-end-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper .ht_master .htCore tbody tr:last-child td:first-child {
-  border-end-start-radius: var(--ht-wrapper-border-radius);
+  border-end-start-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper .ht_master .htCore tbody tr:last-child td:last-child {
-  border-end-end-radius: var(--ht-wrapper-border-radius);
+  border-end-end-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper .ht_clone_top_inline_start_corner .htCore {
-  border-start-start-radius: var(--ht-wrapper-border-radius);
+  border-start-start-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper .ht_clone_top_inline_start_corner .htCore thead tr:first-child th:first-child {
-  border-start-start-radius: var(--ht-wrapper-border-radius);
+  border-start-start-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper .ht_clone_top .htCore {
-  border-start-start-radius: var(--ht-wrapper-border-radius);
-  border-start-end-radius: var(--ht-wrapper-border-radius);
+  border-start-start-radius: var(--ht-border-radius);
+  border-start-end-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper .ht_clone_top .htCore thead tr:first-child th:first-child {
-  border-start-start-radius: var(--ht-wrapper-border-radius);
+  border-start-start-radius: var(--ht-border-radius);
 }
-.handsontable.ht-wrapper .ht_clone_top .htCore thead tr:first-child th:last-child {
-  border-start-end-radius: var(--ht-wrapper-border-radius);
+.handsontable.ht-wrapper .ht_clone_top .htCore thead tr:first-child th:not(.hiddenHeader):not(:has(~ th:not(.hiddenHeader))) {
+  border-start-end-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper .ht_clone_inline_start .htCore {
-  border-start-start-radius: var(--ht-wrapper-border-radius);
-  border-end-start-radius: var(--ht-wrapper-border-radius);
+  border-start-start-radius: var(--ht-border-radius);
+  border-end-start-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper .ht_clone_inline_start .htCore thead tr:first-child th:first-child {
-  border-start-start-radius: var(--ht-wrapper-border-radius);
+  border-start-start-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper .ht_clone_inline_start .htCore tbody tr:last-child th:first-child,
 .handsontable.ht-wrapper .ht_clone_inline_start .htCore tbody tr:last-child td:first-child {
-  border-end-start-radius: var(--ht-wrapper-border-radius);
+  border-end-start-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper .ht_clone_bottom_inline_start_corner .htCore {
-  border-end-start-radius: var(--ht-wrapper-border-radius);
+  border-end-start-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper .ht_clone_bottom_inline_start_corner .htCore tr:last-child th:first-child,
 .handsontable.ht-wrapper .ht_clone_bottom_inline_start_corner .htCore tr:last-child td:first-child {
-  border-end-start-radius: var(--ht-wrapper-border-radius);
+  border-end-start-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper .ht_clone_bottom .htCore {
-  border-end-start-radius: var(--ht-wrapper-border-radius);
-  border-end-end-radius: var(--ht-wrapper-border-radius);
+  border-end-start-radius: var(--ht-border-radius);
+  border-end-end-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper .ht_clone_bottom .htCore tr:last-child th:first-child,
 .handsontable.ht-wrapper .ht_clone_bottom .htCore tr:last-child td:first-child {
-  border-end-start-radius: var(--ht-wrapper-border-radius);
+  border-end-start-radius: var(--ht-border-radius);
 }
 .handsontable.ht-wrapper .ht_clone_bottom .htCore tr:last-child th:last-child,
 .handsontable.ht-wrapper .ht_clone_bottom .htCore tr:last-child td:last-child {
-  border-end-end-radius: var(--ht-wrapper-border-radius);
+  border-end-end-radius: var(--ht-border-radius);
 }
-.handsontable.ht-wrapper.htHasScrollX .htCore {
+.handsontable.ht-wrapper.htHasScrollX:not(.htHorizontallyScrollableByWindow) .htCore {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.handsontable.ht-wrapper.htHasScrollX .htCore thead tr:last-child th:first-child,
-.handsontable.ht-wrapper.htHasScrollX .htCore tbody tr:last-child td:first-child,
-.handsontable.ht-wrapper.htHasScrollX .htCore tbody tr:last-child th:first-child {
-  border-end-start-radius: 0 !important;
+.handsontable.ht-wrapper.htHasScrollX:not(.htHorizontallyScrollableByWindow) .htCore thead tr:last-child th:first-child,
+.handsontable.ht-wrapper.htHasScrollX:not(.htHorizontallyScrollableByWindow) .htCore tbody tr:last-child td:first-child,
+.handsontable.ht-wrapper.htHasScrollX:not(.htHorizontallyScrollableByWindow) .htCore tbody tr:last-child th:first-child {
+  border-end-start-radius: 0;
 }
-.handsontable.ht-wrapper.htHasScrollX .htCore thead tr:last-child th:last-child,
-.handsontable.ht-wrapper.htHasScrollX .htCore tbody tr:last-child td:last-child,
-.handsontable.ht-wrapper.htHasScrollX .htCore tbody tr:last-child th:last-child {
-  border-end-end-radius: 0 !important;
+.handsontable.ht-wrapper.htHasScrollX:not(.htHorizontallyScrollableByWindow) .htCore thead tr:last-child th:not(.hiddenHeader):not(:has(~ th:not(.hiddenHeader))),
+.handsontable.ht-wrapper.htHasScrollX:not(.htHorizontallyScrollableByWindow) .htCore tbody tr:last-child td:last-child,
+.handsontable.ht-wrapper.htHasScrollX:not(.htHorizontallyScrollableByWindow) .htCore tbody tr:last-child th:last-child {
+  border-end-end-radius: 0;
 }
 .handsontable.ht-wrapper.htHasScrollY:not(.htVerticallyScrollableByWindow) .htCore {
   border-start-end-radius: 0;
   border-end-end-radius: 0;
 }
-.handsontable.ht-wrapper.htHasScrollY:not(.htVerticallyScrollableByWindow) .htCore thead tr:first-child th:last-child,
+.handsontable.ht-wrapper.htHasScrollY:not(.htVerticallyScrollableByWindow) .htCore thead tr:first-child th:not(.hiddenHeader):not(:has(~ th:not(.hiddenHeader))),
 .handsontable.ht-wrapper.htHasScrollY:not(.htVerticallyScrollableByWindow) .htCore tbody tr:first-child td:last-child,
 .handsontable.ht-wrapper.htHasScrollY:not(.htVerticallyScrollableByWindow) .htCore tbody tr:first-child th:last-child {
-  border-start-end-radius: 0 !important;
+  border-start-end-radius: 0;
 }
-.handsontable.ht-wrapper.htHasScrollY:not(.htVerticallyScrollableByWindow) .htCore thead tr:last-child th:last-child,
+.handsontable.ht-wrapper.htHasScrollY:not(.htVerticallyScrollableByWindow) .htCore thead tr:last-child th:not(.hiddenHeader):not(:has(~ th:not(.hiddenHeader))),
 .handsontable.ht-wrapper.htHasScrollY:not(.htVerticallyScrollableByWindow) .htCore tbody tr:last-child td:last-child,
 .handsontable.ht-wrapper.htHasScrollY:not(.htVerticallyScrollableByWindow) .htCore tbody tr:last-child th:last-child {
+  border-end-end-radius: 0;
+}
+
+.ht-root-wrapper {
+  border-radius: var(--ht-border-radius);
+}
+.ht-root-wrapper:has(> .ht-slot-bottom > .ht-slot-element) .ht-wrapper,
+.ht-root-wrapper:has(> .ht-slot-bottom > .ht-slot-element) .ht_master .wtHolder {
+  border-end-start-radius: 0;
+  border-end-end-radius: 0;
+}
+.ht-root-wrapper:has(> .ht-slot-bottom > .ht-slot-element) .htCore {
+  border-end-start-radius: 0 !important;
   border-end-end-radius: 0 !important;
 }
+.ht-root-wrapper:has(> .ht-slot-bottom > .ht-slot-element) .htCore thead tr:last-child th:first-child,
+.ht-root-wrapper:has(> .ht-slot-bottom > .ht-slot-element) .htCore tbody tr:last-child td:first-child,
+.ht-root-wrapper:has(> .ht-slot-bottom > .ht-slot-element) .htCore tbody tr:last-child th:first-child {
+  border-end-start-radius: 0 !important;
+}
+.ht-root-wrapper:has(> .ht-slot-bottom > .ht-slot-element) .htCore thead tr:last-child th:not(.hiddenHeader):not(:has(~ th:not(.hiddenHeader))),
+.ht-root-wrapper:has(> .ht-slot-bottom > .ht-slot-element) .htCore tbody tr:last-child td:last-child,
+.ht-root-wrapper:has(> .ht-slot-bottom > .ht-slot-element) .htCore tbody tr:last-child th:last-child {
+  border-end-end-radius: 0 !important;
+}
+.ht-root-wrapper:has(> .ht-slot-top > .ht-slot-element) .ht-wrapper,
+.ht-root-wrapper:has(> .ht-slot-top > .ht-slot-element) .ht_master .wtHolder {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
+}
+.ht-root-wrapper:has(> .ht-slot-top > .ht-slot-element) .htCore {
+  border-start-start-radius: 0 !important;
+  border-start-end-radius: 0 !important;
+}
+.ht-root-wrapper:has(> .ht-slot-top > .ht-slot-element) .htCore thead tr:first-child th:first-child,
+.ht-root-wrapper:has(> .ht-slot-top > .ht-slot-element) .htCore tbody tr:first-child td:first-child,
+.ht-root-wrapper:has(> .ht-slot-top > .ht-slot-element) .htCore tbody tr:first-child th:first-child {
+  border-start-start-radius: 0 !important;
+}
+.ht-root-wrapper:has(> .ht-slot-top > .ht-slot-element) .htCore thead tr:first-child th:not(.hiddenHeader):not(:has(~ th:not(.hiddenHeader))),
+.ht-root-wrapper:has(> .ht-slot-top > .ht-slot-element) .htCore tbody tr:first-child td:last-child,
+.ht-root-wrapper:has(> .ht-slot-top > .ht-slot-element) .htCore tbody tr:first-child th:last-child {
+  border-start-end-radius: 0 !important;
+}
+.ht-root-wrapper .ht-slot-element {
+  border-radius: var(--ht-border-radius);
+}
+.ht-root-wrapper .ht-slot-bottom > .ht-slot-element:not(:last-of-type) {
+  border-radius: 0;
+}
+.ht-root-wrapper .ht-slot-bottom > .ht-slot-element:last-of-type {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
+}
+.ht-root-wrapper .ht-slot-top > .ht-slot-element:not(:first-of-type) {
+  border-radius: 0;
+}
+.ht-root-wrapper .ht-slot-top > .ht-slot-element:first-of-type {
+  border-end-start-radius: 0;
+  border-end-end-radius: 0;
+}
 
 .handsontable.mobile {
   user-select: none;
@@ -802,9 +886,6 @@
   color: var(--ht-license-foreground-color);
   background-color: var(--ht-license-background-color, #f7f7f9);
   text-align: left;
-  border: 1px solid var(--ht-border-color, #f7f7f9);
-  margin-top: 10px;
-  border-radius: var(--ht-wrapper-border-radius);
 }
 .hot-display-license-info a {
   font-size: var(--ht-license-font-size);
@@ -1222,123 +1303,6 @@
   text-align: right;
 }
 
-.pika-single {
-  font-family: var(--ht-font-family), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-  box-shadow: var(--ht-menu-shadow-x, 0) var(--ht-menu-shadow-y, 0) var(--ht-menu-shadow-blur, 8px) color-mix(in srgb, var(--ht-menu-shadow-color, rgb(0, 0, 0)) var(--ht-menu-shadow-opacity, 100%), transparent);
-  position: relative;
-  display: block;
-  padding: 10px;
-  font-size: var(--ht-font-size);
-  line-height: var(--ht-line-height);
-  font-weight: var(--ht-font-weight);
-  color: var(--ht-foreground-color);
-  background: var(--ht-background-color, #ffffff);
-  border: var(--ht-menu-border-width, 1px) solid var(--ht-menu-border-color, #e5e5e9);
-  border-radius: var(--ht-menu-border-radius);
-  z-index: 9999;
-}
-.pika-single.is-hidden {
-  display: none;
-}
-.pika-single .pika-row {
-  background-color: transparent;
-}
-.pika-single .pika-title {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.pika-single .pika-label {
-  position: relative;
-  order: 2;
-  padding: 5px;
-  color: var(--ht-accent-color);
-}
-.pika-single .pika-label .pika-select {
-  position: absolute;
-  inset: 0;
-  opacity: 0;
-  cursor: pointer;
-}
-.pika-single .pika-prev,
-.pika-single .pika-next {
-  width: 20px;
-  height: 20px;
-  white-space: nowrap;
-  text-indent: -9999px;
-  cursor: pointer;
-  color: var(--ht-accent-color);
-  background: none;
-  border: none;
-  padding: 0;
-}
-.pika-single .pika-prev {
-  order: 1;
-  margin-right: auto;
-}
-.pika-single .pika-next {
-  order: 3;
-  margin-left: auto;
-}
-.pika-single .pika-table thead {
-  height: 50px;
-}
-.pika-single .pika-table th {
-  padding: 1px;
-  vertical-align: middle;
-}
-.pika-single .pika-table th abbr {
-  text-decoration: none;
-  font-weight: normal;
-  border: none;
-  cursor: initial;
-}
-.pika-single .pika-table td {
-  padding: 1px;
-  vertical-align: middle;
-}
-.pika-single .pika-table td.is-disabled .pika-button {
-  pointer-events: none;
-  opacity: 0.5;
-}
-.pika-single .pika-table td.is-today .pika-button {
-  background: color-mix(in srgb, var(--ht-menu-item-hover-color) var(--ht-menu-item-hover-color-opacity, 100%), transparent);
-}
-.pika-single .pika-table td.is-selected .pika-button {
-  background: var(--ht-accent-color, #1a42e8);
-  color: var(--ht-primary-button-foreground-color, #ffffff);
-}
-.pika-single .pika-table td.pika-week {
-  width: 12.5%;
-  text-align: center;
-}
-.pika-single .pika-table .pika-button {
-  width: 100%;
-  aspect-ratio: 1/1;
-  background: transparent;
-  color: var(--ht-foreground-color);
-  border: none;
-  border-radius: var(--ht-button-border-radius);
-  margin: 0;
-  padding: 10px;
-  cursor: pointer;
-  font-size: inherit;
-}
-.pika-single .pika-table .pika-button:hover {
-  background: color-mix(in srgb, var(--ht-menu-item-hover-color) var(--ht-menu-item-hover-color-opacity, 100%), transparent);
-}
-
-[dir=rtl].htDatepickerHolder .pika-single .pika-next {
-  transform: rotate(180deg);
-  margin-left: 0;
-  margin-right: auto;
-}
-[dir=rtl].htDatepickerHolder .pika-single .pika-prev {
-  transform: rotate(180deg);
-  margin-left: auto;
-  margin-right: 0;
-}
-
 .handsontableEditor {
   position: absolute;
 }
@@ -2756,7 +2720,7 @@
   z-index: 1060;
   opacity: 0;
   overflow-y: auto;
-  border-radius: var(--ht-wrapper-border-radius);
+  border-radius: var(--ht-border-radius);
   border: 1px solid var(--ht-border-color);
   box-sizing: border-box !important;
 }
@@ -2794,7 +2758,7 @@
   width: 100%;
   min-height: 100%;
   padding: calc(var(--ht-gap-size) * 4);
-  border-radius: var(--ht-wrapper-border-radius);
+  border-radius: var(--ht-border-radius);
 }
 .ht-dialog__content {
   position: relative;
@@ -2818,7 +2782,7 @@
   justify-content: center;
   max-width: 480px;
   padding: calc(var(--ht-gap-size) * 2);
-  border-radius: var(--ht-wrapper-border-radius);
+  border-radius: var(--ht-border-radius);
 }
 .ht-dialog--confirm .ht-dialog__content-wrapper-inner--background {
   box-shadow: var(--ht-shadow-x, 0) var(--ht-shadow-y, 0) var(--ht-shadow-blur, 8px) color-mix(in srgb, var(--ht-shadow-color, rgb(0, 0, 0)) var(--ht-shadow-opacity, 100%), transparent);
@@ -2917,7 +2881,7 @@
   color: var(--ht-notification-foreground-color, var(--ht-foreground-color));
   background-color: var(--ht-notification-background-color, var(--ht-background-color));
   border: 1px solid var(--ht-notification-border-color, var(--ht-border-color));
-  border-radius: var(--ht-wrapper-border-radius, 4px);
+  border-radius: var(--ht-border-radius, 4px);
   font-size: var(--ht-font-size);
   line-height: var(--ht-line-height);
   letter-spacing: var(--ht-letter-spacing);
@@ -3002,7 +2966,7 @@
   background: transparent;
   color: var(--ht-icon-button-icon-color, inherit);
   cursor: pointer;
-  border-radius: var(--ht-icon-button-border-radius, var(--ht-wrapper-border-radius, 4px));
+  border-radius: var(--ht-icon-button-border-radius, var(--ht-border-radius, 4px));
   flex-shrink: 0;
   overflow: visible;
 }
@@ -3025,18 +2989,17 @@
 }
 
 .handsontable.ht-pagination {
+  width: 100%;
   color: var(--ht-pagination-bar-foreground-color);
   background: var(--ht-pagination-bar-background-color);
-  border: 1px solid var(--ht-wrapper-border-color);
-  border-top-color: transparent;
-  border-radius: 0 0 var(--ht-wrapper-border-radius) var(--ht-wrapper-border-radius);
   font-size: var(--ht-font-size);
   line-height: var(--ht-line-height);
   box-sizing: border-box;
   overflow-x: auto;
 }
-.handsontable.ht-pagination--bordered {
-  border-top-color: var(--ht-wrapper-border-color);
+.handsontable.ht-pagination:not(.ht-slot-element) {
+  border: 1px solid var(--ht-border-color);
+  border-radius: var(--ht-border-radius);
 }
 .handsontable.ht-pagination .ht-pagination__inner {
   display: flex;
@@ -3044,7 +3007,6 @@
   align-items: center;
   flex-wrap: wrap;
   gap: calc(var(--ht-gap-size) * 4);
-  border-radius: 0 0 var(--ht-wrapper-border-radius) var(--ht-wrapper-border-radius);
   padding-inline: var(--ht-pagination-bar-horizontal-padding);
   padding-block: var(--ht-pagination-bar-vertical-padding);
   min-width: 230px;
@@ -3147,24 +3109,6 @@
   min-width: 100px;
   text-align: center;
 }
-.handsontable.ht-wrapper.htPagination {
-  border-end-start-radius: 0;
-  border-end-end-radius: 0;
-}
-.handsontable.ht-wrapper.htPagination .htCore {
-  border-end-start-radius: 0;
-  border-end-end-radius: 0;
-}
-.handsontable.ht-wrapper.htPagination .htCore thead tr:last-child th:first-child,
-.handsontable.ht-wrapper.htPagination .htCore tbody tr:last-child td:first-child,
-.handsontable.ht-wrapper.htPagination .htCore tbody tr:last-child th:first-child {
-  border-end-start-radius: 0 !important;
-}
-.handsontable.ht-wrapper.htPagination .htCore thead tr:last-child th:last-child,
-.handsontable.ht-wrapper.htPagination .htCore tbody tr:last-child td:last-child,
-.handsontable.ht-wrapper.htPagination .htCore tbody tr:last-child th:last-child {
-  border-end-end-radius: 0 !important;
-}
 
 .ht-loading__icon-svg {
   display: block;
@@ -3208,7 +3152,7 @@
   z-index: 999;
   overflow-y: auto;
   border: 1px solid var(--ht-border-color);
-  border-radius: var(--ht-wrapper-border-radius);
+  border-radius: var(--ht-border-radius);
   box-sizing: border-box;
   background-color: var(--ht-background-color);
 }
@@ -3223,7 +3167,7 @@
   width: 100%;
   min-height: 100%;
   padding: calc(var(--ht-gap-size) * 2);
-  border-radius: var(--ht-wrapper-border-radius);
+  border-radius: var(--ht-border-radius);
 }
 .ht-empty-data-state__content-wrapper-inner {
   display: flex;
@@ -3232,7 +3176,7 @@
   justify-content: center;
   max-width: 480px;
   padding: calc(var(--ht-gap-size) * 2);
-  border-radius: var(--ht-wrapper-border-radius);
+  border-radius: var(--ht-border-radius);
 }
 .ht-empty-data-state__content-wrapper-inner:focus {
   outline: none;
@@ -3297,12 +3241,17 @@
   border-end-start-radius: 0;
   border-inline-start-width: 0;
 }
-.ht-empty-data-state--disable-bottom-border, .ht-empty-data-state:has(~ .ht-pagination) {
+.ht-empty-data-state--disable-bottom-border {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
   border-bottom-width: 0;
 }
 
+.ht-root-wrapper:has(> .ht-slot-bottom > .ht-slot-element) .ht-empty-data-state {
+  border-end-start-radius: 0;
+  border-end-end-radius: 0;
+}
+
 @keyframes ht-empty-data-state-spin {
   to {
     transform: rotate(360deg);