handsontable 11.1.0 → 12.1.0

package/dist/handsontable.full.css

@@ -19,14 +19,14 @@
  * In any case, you must not make any such use of this software as to develop software which may be
  * considered competitive with this software.
  * 
- * UNLESS EXPRESSLY AGREED OTHERWISE, HANDSONCODE PROVIDES THIS SOFTWARE ON AN "AS IS"
+ * UNLESS EXPRESSLY AGREED OTHERWISE, HANDSONCODE PROVIDES THIS SOFTWARE ON AN "AS IS"
  * BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, AND IN NO EVENT AND UNDER NO
  * LEGAL THEORY, SHALL HANDSONCODE BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY DIRECT,
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  * 
- * Version: 11.1.0
- * Release date: 13/01/2022 (built at 13/01/2022 12:30:12)
+ * Version: 12.1.0
+ * Release date: 28/06/2022 (built at 28/06/2022 12:07:35)
  */
 /**
  * Fix for bootstrap styles
@@ -183,20 +183,21 @@
   white-space: pre-wrap;
 }
 
-[dir=rtl] .handsontable th,
-[dir=rtl] .handsontable td {
+[dir=rtl].handsontable th, [dir=rtl].handsontable td {
   border-right-width: 0;
   border-left: 1px solid #ccc;
 }
 
 .handsontable th:last-child {
   /*Foundation framework fix*/
+  border-left: none;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
 }
 
-[dir=rtl] .handsontable th:last-child {
+[dir=rtl].handsontable th:last-child {
   /*Foundation framework fix*/
+  border-right: none;
   border-left: 1px solid #ccc;
 }
 
@@ -206,9 +207,7 @@
   border-left: 1px solid #ccc;
 }
 
-[dir=rtl] .handsontable th:first-child,
-[dir=rtl] .handsontable th:nth-child(2),
-[dir=rtl] .handsontable td:first-of-type {
+[dir=rtl].handsontable th:first-child, [dir=rtl].handsontable th:nth-child(2), [dir=rtl].handsontable td:first-of-type {
   border-right: 1px solid #ccc;
 }
 
@@ -218,7 +217,7 @@
   border-right: 1px solid #ccc;
 }
 
-[dir=rtl] .handsontable .ht_clone_top th:nth-child(2) {
+[dir=rtl].handsontable .ht_clone_top th:nth-child(2) {
   border-right-width: 0;
   border-left: 1px solid #ccc;
 }
@@ -227,7 +226,7 @@
   border-left: 1px solid #ccc;
 }
 
-[dir=rtl] .handsontable.htRowHeaders thead tr th:nth-child(2) {
+[dir=rtl].handsontable.htRowHeaders thead tr th:nth-child(2) {
   border-right: 1px solid #ccc;
 }
 
@@ -236,14 +235,13 @@
   border-top: 1px solid #ccc;
 }
 
-.ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable tbody tr th,
-.ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child {
+.ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable tbody tr th,
+.ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child {
   border-right-width: 0;
   border-left: 1px solid #ccc;
 }
 
-[dir=rtl] .ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable tbody tr th,
-[dir=rtl] .ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child {
+[dir=rtl].ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable tbody tr th, [dir=rtl].ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child {
   border-left-width: 0;
   border-right: 1px solid #ccc;
 }
@@ -317,11 +315,7 @@ innerBorderBottom - Property controlled by bottom overlay
   z-index: 100;
 }
 
-.ht_clone_right {
-  z-index: 110;
-}
-
-.ht_clone_left {
+.ht_clone_inline_start {
   z-index: 120;
 }
 
@@ -329,11 +323,7 @@ innerBorderBottom - Property controlled by bottom overlay
   z-index: 130;
 }
 
-.ht_clone_bottom_right_corner {
-  z-index: 140;
-}
-
-.ht_clone_bottom_left_corner {
+.ht_clone_bottom_inline_start_corner {
   z-index: 150;
 }
 
@@ -341,33 +331,10 @@ innerBorderBottom - Property controlled by bottom overlay
   z-index: 160;
 }
 
-.ht_clone_top_right_corner {
-  z-index: 170;
-}
-
-.ht_clone_top_left_corner {
+.ht_clone_top_inline_start_corner {
   z-index: 180;
 }
 
-/*
-  Cell borders
-  */
-.handsontable tbody tr th:nth-last-child(2) {
-  border-right: 1px solid #ccc;
-}
-
-[dir=rtl] .handsontable tbody tr th:nth-last-child(2) {
-  border-left: 1px solid #ccc;
-}
-
-.ht_clone_top_left_corner thead tr th:nth-last-child(2) {
-  border-right: 1px solid #ccc;
-}
-
-[dir=rtl] .ht_clone_top_left_corner thead tr th:nth-last-child(2) {
-  border-left: 1px solid #ccc;
-}
-
 .handsontable col.hidden {
   width: 0 !important;
 }
@@ -379,7 +346,7 @@ innerBorderBottom - Property controlled by bottom overlay
 }
 
 .ht_master,
-.ht_clone_left,
+.ht_clone_inline_start,
 .ht_clone_top,
 .ht_clone_bottom {
   overflow: hidden;
@@ -391,12 +358,12 @@ innerBorderBottom - Property controlled by bottom overlay
 
 .handsontable .ht_master thead,
 .handsontable .ht_master tr th,
-.handsontable .ht_clone_left thead {
+.handsontable .ht_clone_inline_start thead {
   visibility: hidden;
 }
 
 .ht_clone_top .wtHolder,
-.ht_clone_left .wtHolder,
+.ht_clone_inline_start .wtHolder,
 .ht_clone_bottom .wtHolder {
   overflow: hidden;
 }
@@ -472,13 +439,23 @@ innerBorderBottom - Property controlled by bottom overlay
 
 .handsontable .manualColumnResizerGuide {
   position: absolute;
-  right: 0;
+  right: unset;
   top: 0;
   background-color: #34a9db;
   display: none;
   width: 0;
   border-right: 1px dashed #777;
+  border-left: none;
   margin-left: 5px;
+  margin-right: unset;
+}
+
+[dir=rtl].handsontable .manualColumnResizerGuide {
+  left: unset;
+  border-left: 1px dashed #777;
+  border-right: none;
+  margin-right: 5px;
+  margin-left: unset;
 }
 
 .handsontable .manualRowResizerGuide {
@@ -505,9 +482,7 @@ innerBorderBottom - Property controlled by bottom overlay
 .handsontable .columnSorting.sortAction:hover {
   text-decoration: underline;
   cursor: pointer;
-}
-
-/* Arrow position */
+} /* Arrow position */
 .handsontable span.colHeader.columnSorting::before {
   /* Centering start */
   top: 50%;
@@ -516,8 +491,10 @@ innerBorderBottom - Property controlled by bottom overlay
   /* Centering end */
   /* For purpose of continuous mouse over experience, when moving between the `span` and the `::before` elements */
   padding-left: 8px;
+  padding-right: 0;
   position: absolute;
   right: -9px;
+  left: unset;
   content: "";
   height: 10px;
   width: 5px;
@@ -526,6 +503,16 @@ innerBorderBottom - Property controlled by bottom overlay
   background-position-x: right;
 }
 
+[dir=rtl].handsontable span.colHeader.columnSorting::before {
+  /* Centering end */
+  /* For purpose of continuous mouse over experience, when moving between the `span` and the `::before` elements */
+  padding-right: 8px;
+  padding-left: 0;
+  left: -9px;
+  right: unset;
+  background-position-x: left;
+}
+
 .handsontable span.colHeader.columnSorting.ascending::before {
   /* arrow up; 20 x 40 px, scaled to 5 x 10 px; base64 size: 0.3kB */
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFNJREFUeAHtzjkSgCAUBNHPgsoy97+ulGXRqJE5L+xkxoYt2UdsLb5bqFINz+aLuuLn5rIu2RkO3fZpWENimNgiw6iBYRTPMLJjGFxQZ1hxxb/xBI1qC8k39CdKAAAAAElFTkSuQmCC");
@@ -688,6 +675,18 @@ TextRenderer readOnly cell
   font-size: 9px;
 }
 
+[dir=rtl].handsontable .htSubmenu :after {
+  content: "";
+}
+
+[dir=rtl].handsontable .htSubmenu :before {
+  content: "◀";
+  color: #777;
+  position: absolute;
+  left: 5px;
+  font-size: 9px;
+}
+
 /*
 TextRenderer horizontal alignment
 */
@@ -747,7 +746,7 @@ TextRenderer placeholder value
 .handsontable.listbox tr:last-child th,
 .handsontable.listbox tr:first-child td,
 .handsontable.listbox td {
-  border-color: transparent;
+  border-color: transparent !important;
 }
 
 .handsontable.listbox th,
@@ -784,10 +783,11 @@ TextRenderer placeholder value
   color: #583707;
 }
 
-.collapsibleIndicator {
+.handsontable .collapsibleIndicator {
   position: absolute;
   top: 50%;
   transform: translate(0%, -50%);
+  left: unset;
   right: 5px;
   border: 1px solid #A6A6A6;
   line-height: 8px;
@@ -797,12 +797,17 @@ TextRenderer placeholder value
   width: 10px;
   height: 10px;
   cursor: pointer;
-  -webkit-box-shadow: 0 0 0 6px #eeeeee;
-  -moz-box-shadow: 0 0 0 6px #eeeeee;
-  box-shadow: 0 0 0 6px #eeeeee;
+  -webkit-box-shadow: 0 0 0 6px rgb(238, 238, 238);
+  -moz-box-shadow: 0 0 0 6px rgb(238, 238, 238);
+  box-shadow: 0 0 0 6px rgb(238, 238, 238);
   background: #eee;
   text-align: center;
 }
+
+[dir=rtl].handsontable .collapsibleIndicator {
+  right: unset;
+  left: 5px;
+}
 /*
 
  Handsontable Mobile Text Editor stylesheet
@@ -827,20 +832,26 @@ TextRenderer placeholder value
   -webkit-appearance: none;
 }
 
-.topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle),
-.topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) {
+.topSelectionHandle:not(.ht_master .topSelectionHandle),
+.topSelectionHandle-HitArea:not(.ht_master .topSelectionHandle-HitArea) {
   z-index: 9999;
 }
 
 /* Initial left/top coordinates - overwritten when actual position is set */
-.topLeftSelectionHandle,
-.topLeftSelectionHandle-HitArea,
-.bottomRightSelectionHandle,
-.bottomRightSelectionHandle-HitArea {
+.handsontable .topSelectionHandle,
+.handsontable .topSelectionHandle-HitArea,
+.handsontable .bottomSelectionHandle,
+.handsontable .bottomSelectionHandle-HitArea {
   left: -10000px;
+  right: unset;
   top: -10000px;
 }
 
+[dir=rtl].handsontable .topSelectionHandle, [dir=rtl].handsontable .topSelectionHandle-HitArea, [dir=rtl].handsontable .bottomSelectionHandle, [dir=rtl].handsontable .bottomSelectionHandle-HitArea {
+  right: -10000px;
+  left: unset;
+}
+
 .handsontable.hide-tween {
   -webkit-animation: opacity-hide 0.3s;
   animation: opacity-hide 0.3s;
@@ -884,10 +895,6 @@ http://nicolasgallagher.com/micro-clearfix-hack/
   clear: both;
 }
 
-.pika-single {
-  *zoom: 1;
-}
-
 .pika-single.is-hidden {
   display: none;
 }
@@ -910,7 +917,6 @@ http://nicolasgallagher.com/micro-clearfix-hack/
 
 .pika-label {
   display: inline-block;
-  *display: inline;
   position: relative;
   z-index: 9999;
   overflow: hidden;
@@ -929,7 +935,6 @@ http://nicolasgallagher.com/micro-clearfix-hack/
   margin: 0;
   left: 0;
   top: 5px;
-  filter: alpha(opacity=0);
   opacity: 0;
 }
 
@@ -952,8 +957,6 @@ http://nicolasgallagher.com/micro-clearfix-hack/
   background-repeat: no-repeat;
   background-size: 75% 75%;
   opacity: 0.5;
-  *position: absolute;
-  *top: 0;
 }
 
 .pika-prev:hover,
@@ -965,14 +968,12 @@ http://nicolasgallagher.com/micro-clearfix-hack/
 .is-rtl .pika-next {
   float: left;
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
-  *left: 0;
 }
 
 .pika-next,
 .is-rtl .pika-prev {
   float: right;
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
-  *right: 0;
 }
 
 .pika-prev.is-disabled,
@@ -983,7 +984,6 @@ http://nicolasgallagher.com/micro-clearfix-hack/
 
 .pika-select {
   display: inline-block;
-  *display: inline;
 }
 
 .pika-table {
@@ -1022,6 +1022,7 @@ http://nicolasgallagher.com/micro-clearfix-hack/
   line-height: 15px;
   text-align: right;
   background: #f5f5f5;
+  height: initial;
 }
 
 .pika-week {
@@ -1109,6 +1110,10 @@ AutocompleteRenderer down arrow
   text-align: center;
 }
 
+[dir=rtl].handsontable .htAutocompleteArrow {
+  float: left;
+}
+
 .handsontable td .htAutocompleteArrow:hover {
   color: #777;
 }
@@ -1137,32 +1142,42 @@ CheckboxRenderer
 .handsontable .htCheckboxRendererLabel.fullWidth {
   width: 100%;
 }
-.htCommentCell {
+.handsontable .htCommentCell {
   position: relative;
 }
 
-.htCommentCell:after {
+.handsontable .htCommentCell:after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
+  left: unset;
   border-left: 6px solid transparent;
+  border-right: none;
   border-top: 6px solid black;
 }
 
-.htComments {
+[dir=rtl].handsontable .htCommentCell:after {
+  left: 0;
+  right: unset;
+  border-right: 6px solid transparent;
+  border-left: none;
+}
+
+.htCommentsContainer .htComments {
   display: none;
   z-index: 1059;
   position: absolute;
 }
 
-.htCommentTextArea {
+.htCommentsContainer .htCommentTextArea {
   box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   border: none;
   border-left: 3px solid #ccc;
+  border-right: none;
   background-color: #fff;
   width: 215px;
   height: 90px;
@@ -1172,9 +1187,20 @@ CheckboxRenderer
   -webkit-appearance: none;
 }
 
-.htCommentTextArea:focus {
+[dir=rtl].htCommentsContainer .htCommentTextArea {
+  border-right: 3px solid #ccc;
+  border-left: none;
+}
+
+.htCommentsContainer .htCommentTextArea:focus {
   box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px, inset 0 0 0 1px #5292f7;
   border-left: 3px solid #5292f7;
+  border-right: none;
+}
+
+[dir=rtl].htCommentsContainer .htCommentTextArea:focus {
+  border-right: 3px solid #5292f7;
+  border-left: none;
 }
 /*!
  * Handsontable ContextMenu
@@ -1187,17 +1213,27 @@ CheckboxRenderer
 }
 
 .htContextMenu .ht_clone_top,
-.htContextMenu .ht_clone_left,
-.htContextMenu .ht_clone_corner {
+.htContextMenu .ht_clone_bottom,
+.htContextMenu .ht_clone_inline_start,
+.htContextMenu .ht_clone_top_inline_start_corner,
+.htContextMenu .ht_clone_bottom_inline_start_corner {
   display: none;
 }
 
 .htContextMenu .ht_master table.htCore {
-  border: 1px solid #ccc;
+  border-color: #ccc;
+  border-style: solid;
+  border-top-width: 1px;
   border-bottom-width: 2px;
+  border-left-width: 1px;
   border-right-width: 2px;
 }
 
+[dir=rtl].htContextMenu .ht_master table.htCore {
+  border-right-width: 1px;
+  border-left-width: 2px;
+}
+
 .htContextMenu .wtBorder {
   visibility: hidden;
 }
@@ -1213,7 +1249,15 @@ CheckboxRenderer
 }
 
 .htContextMenu table tbody tr td:first-child {
-  border: 0;
+  border-top-width: 0;
+  border-bottom-width: 0;
+  border-left-width: 0;
+  border-right-width: 0;
+}
+
+[dir=rtl].htContextMenu table tbody tr td:first-child {
+  border-right-width: 0;
+  border-left-width: 0;
 }
 
 .htContextMenu table tbody tr td.htDimmed {
@@ -1286,6 +1330,10 @@ textarea.HandsontableCopyPaste {
   float: right;
 }
 
+[dir=rtl].handsontable .changeType {
+  float: left;
+}
+
 .handsontable .changeType:before {
   content: "▼ ";
 }
@@ -1304,17 +1352,27 @@ textarea.HandsontableCopyPaste {
 }
 
 .htDropdownMenu .ht_clone_top,
-.htDropdownMenu .ht_clone_left,
-.htDropdownMenu .ht_clone_corner {
+.htDropdownMenu .ht_clone_bottom,
+.htDropdownMenu .ht_clone_inline_start,
+.htDropdownMenu .ht_clone_top_inline_start_corner,
+.htDropdownMenu .ht_clone_bottom_inline_start_corner {
   display: none;
 }
 
 .htDropdownMenu table.htCore {
-  border: 1px solid #bbb;
+  border-color: #ccc;
+  border-style: solid;
+  border-top-width: 1px;
   border-bottom-width: 2px;
+  border-left-width: 1px;
   border-right-width: 2px;
 }
 
+[dir=rtl].htDropdownMenu table.htCore {
+  border-right-width: 1px;
+  border-left-width: 2px;
+}
+
 .htDropdownMenu .wtBorder {
   visibility: hidden;
 }
@@ -1330,7 +1388,15 @@ textarea.HandsontableCopyPaste {
 }
 
 .htDropdownMenu table tbody tr td:first-child {
-  border: 0;
+  border-top-width: 0;
+  border-right-width: 0;
+  border-bottom-width: 0;
+  border-left-width: 0;
+}
+
+[dir=rtl].htDropdownMenu table tbody tr td:first-child {
+  border-left-width: 0;
+  border-right-width: 0;
 }
 
 .htDropdownMenu table tbody tr td.htDimmed {
@@ -1390,7 +1456,7 @@ textarea.HandsontableCopyPaste {
 }
 
 .htFiltersConditionsMenu .ht_clone_top,
-.htFiltersConditionsMenu .ht_clone_left,
+.htFiltersConditionsMenu .ht_clone_inline_start,
 .htFiltersConditionsMenu .ht_clone_corner {
   display: none;
 }
@@ -1416,7 +1482,15 @@ textarea.HandsontableCopyPaste {
 }
 
 .htFiltersConditionsMenu table tbody tr td:first-child {
-  border: 0;
+  border-top-width: 0;
+  border-right-width: 0;
+  border-bottom-width: 0;
+  border-left-width: 0;
+}
+
+[dir=rtl].htFiltersConditionsMenu table tbody tr td:first-child {
+  border-left-width: 0;
+  border-right-width: 0;
 }
 
 .htFiltersConditionsMenu table tbody tr td.htDimmed {
@@ -1521,9 +1595,15 @@ textarea.HandsontableCopyPaste {
 }
 
 .handsontable .htUISelectAll {
+  margin-left: 0;
   margin-right: 10px;
 }
 
+[dir=rtl].handsontable .htUISelectAll {
+  margin-right: 0;
+  margin-left: 10px;
+}
+
 .handsontable .htUIClearAll, .handsontable .htUISelectAll {
   display: inline-block;
 }
@@ -1536,12 +1616,24 @@ textarea.HandsontableCopyPaste {
   text-align: right;
 }
 
+[dir=rtl].handsontable .htUISelectionControls {
+  text-align: left;
+}
+
 .handsontable .htCheckboxRendererInput {
-  margin: 0 5px 0 0;
+  margin-top: 0;
+  margin-right: 5px;
+  margin-bottom: 0;
+  margin-left: 0;
   vertical-align: middle;
   height: 1em;
 }
 
+[dir=rtl].handsontable .htCheckboxRendererInput {
+  margin-left: 5px;
+  margin-right: 0;
+}
+
 /* UI elements */
 /* Input */
 .handsontable .htUIInput {
@@ -1585,9 +1677,15 @@ textarea.HandsontableCopyPaste {
 }
 
 .handsontable .htUIInput.htUIButtonOK {
+  margin-left: 0;
   margin-right: 10px;
 }
 
+[dir=rtl].handsontable .htUIInput.htUIButtonOK {
+  margin-right: 0;
+  margin-left: 10px;
+}
+
 .handsontable .htUIInput.htUIButtonOK input {
   background-color: #0f9d58;
   border-color: #18804e;
@@ -1656,18 +1754,30 @@ textarea.HandsontableCopyPaste {
 
 .handsontable .htUIRadio {
   display: inline-block;
+  margin-left: 0;
   margin-right: 5px;
   height: 100%;
 }
 
+[dir=rtl].handsontable .htUIRadio {
+  margin-right: 0;
+  margin-left: 5px;
+}
+
 .handsontable .htUIRadio:last-child {
   margin-right: 0;
 }
 
 .handsontable .htUIRadio > input[type=radio] {
+  margin-left: 0;
   margin-right: 0.5ex;
 }
 
+[dir=rtl].handsontable .htUIRadio > input[type=radio] {
+  margin-right: 0;
+  margin-left: 0.5ex;
+}
+
 .handsontable .htUIRadio label {
   vertical-align: middle;
 }
@@ -1698,12 +1808,24 @@ textarea.HandsontableCopyPaste {
 
 .handsontable th.beforeHiddenColumn::after {
   right: 1px;
-  content: "◀";
+  content: "◀"; /* left arrow */
+}
+
+[dir=rtl].handsontable th.beforeHiddenColumn::after {
+  right: initial;
+  left: 1px;
+  content: "▶"; /* right arrow */
 }
 
 .handsontable th.afterHiddenColumn::before {
   left: 1px;
-  content: "▶";
+  content: "▶"; /* right arrow */
+}
+
+[dir=rtl].handsontable th.afterHiddenColumn::before {
+  right: 1px;
+  left: initial;
+  content: "◀"; /* left arrow */
 }
 @charset "UTF-8";
 /*!
@@ -1742,8 +1864,8 @@ textarea.HandsontableCopyPaste {
 .handsontable th.afterHiddenRow.firstVisibleRow {
   border-top: 1px solid #CCC;
 }
-.htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_top_left_corner th:nth-child(2),
-.htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_left td:first-of-type {
+.htRowHeaders .ht_master.innerBorderInlineStart ~ .ht_clone_top_inline_start_corner th:nth-child(2),
+.htRowHeaders .ht_master.innerBorderInlineStart ~ .ht_clone_inline_start td:first-of-type {
   border-left: 0 none;
 }
 .handsontable .wtHider {
@@ -1780,7 +1902,8 @@ textarea.HandsontableCopyPaste {
   background: #757575;
   width: 2px;
   top: 0;
-  margin-left: -1px;
+  margin-inline-start: -1px;
+  margin-inline-end: 0;
   z-index: 205;
 }
 
@@ -1894,8 +2017,10 @@ textarea.HandsontableCopyPaste {
   /* Centering end */
   position: absolute;
   right: -15px;
+  left: unset;
   /* For purpose of continuous mouse over experience, when moving between the `::before` and the `::after` elements */
   padding-left: 5px;
+  padding-right: unset;
   font-size: 8px;
   height: 8px;
   line-height: 1.1;
@@ -1903,6 +2028,14 @@ textarea.HandsontableCopyPaste {
   text-decoration: underline;
 }
 
+[dir=rtl].handsontable span.colHeader.columnSorting::after {
+  left: -15px;
+  right: unset;
+  /* For purpose of continuous mouse over experience, when moving between the `::before` and the `::after` elements */
+  padding-right: 5px;
+  padding-left: unset;
+}
+
 /* Workaround for IE9 - IE11, https://stackoverflow.com/a/21902566, https://stackoverflow.com/a/32120247 */
 .handsontable span.colHeader.columnSorting::after {
   text-decoration: none;
@@ -1955,15 +2088,32 @@ textarea.HandsontableCopyPaste {
   padding-left: 7px;
 }
 
+[dir=rtl].handsontable th.ht_nestingLevels {
+  text-align: right;
+  padding-right: 7px;
+}
+
 .handsontable th div.ht_nestingLevels {
   display: inline-block;
   position: absolute;
   left: 11px;
+  right: unset;
+}
+
+[dir=rtl].handsontable th div.ht_nestingLevels {
+  right: 11px;
+  left: unset;
 }
 
-.handsontable.innerBorderLeft th div.ht_nestingLevels,
-.handsontable.innerBorderLeft ~ .handsontable th div.ht_nestingLevels {
+.handsontable.innerBorderInlineStart th div.ht_nestingLevels,
+.handsontable.innerBorderInlineStart ~ .handsontable th div.ht_nestingLevels {
   right: 10px;
+  left: unset;
+}
+
+[dir=rtl].handsontable.innerBorderInlineStart th div.ht_nestingLevels, [dir=rtl].handsontable.innerBorderInlineStart ~ .handsontable th div.ht_nestingLevels {
+  left: 10px;
+  right: unset;
 }
 
 .handsontable th span.ht_nestingLevel {
@@ -1977,6 +2127,10 @@ textarea.HandsontableCopyPaste {
   float: left;
 }
 
+[dir=rtl].handsontable th span.ht_nestingLevel_empty {
+  float: right;
+}
+
 .handsontable th span.ht_nestingLevel::after {
   content: "┐";
   font-size: 9px;
@@ -1989,9 +2143,15 @@ textarea.HandsontableCopyPaste {
   display: inline-block;
   position: absolute;
   right: -2px;
+  left: unset;
   cursor: pointer;
 }
 
+[dir=rtl].handsontable th div.ht_nestingButton {
+  left: -2px;
+  right: unset;
+}
+
 .handsontable th div.ht_nestingButton.ht_nestingExpand::after {
   content: "+";
 }
@@ -2000,7 +2160,13 @@ textarea.HandsontableCopyPaste {
   content: "-";
 }
 
-.handsontable.innerBorderLeft th div.ht_nestingButton,
-.handsontable.innerBorderLeft ~ .handsontable th div.ht_nestingButton {
+.handsontable.innerBorderInlineStart th div.ht_nestingButton,
+.handsontable.innerBorderInlineStart ~ .handsontable th div.ht_nestingButton {
   right: 0;
+  left: unset;
+}
+
+[dir=rtl].handsontable.innerBorderInlineStart th div.ht_nestingButton, [dir=rtl].handsontable.innerBorderInlineStart ~ .handsontable th div.ht_nestingButton {
+  left: 0;
+  right: unset;
 }