handsontable 11.0.0 → 12.0.0

package/dist/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: 11.0.0
- * Release date: 17/11/2021 (built at 17/11/2021 10:59:45)
+ * Version: 12.0.0
+ * Release date: 28/04/2022 (built at 28/04/2022 12:45:25)
  */
 /**
  * Fix for bootstrap styles
@@ -81,10 +81,10 @@
 .col-lg-1.handsontable, .col-lg-10.handsontable, .col-lg-11.handsontable, .col-lg-12.handsontable,
 .col-lg-2.handsontable, .col-lg-3.handsontable, .col-lg-4.handsontable, .col-lg-5.handsontable, .col-lg-6.handsontable, .col-lg-7.handsontable, .col-lg-8.handsontable, .col-lg-9.handsontable,
 .col-md-1.handsontable, .col-md-10.handsontable, .col-md-11.handsontable, .col-md-12.handsontable,
-.col-md-2.handsontable, .col-md-3.handsontable, .col-md-4.handsontable, .col-md-5.handsontable, .col-md-6.handsontable, .col-md-7.handsontable, .col-md-8.handsontable, .col-md-9.handsontable
-.col-sm-1.handsontable, .col-sm-10.handsontable, .col-sm-11.handsontable, .col-sm-12.handsontable,
-.col-sm-2.handsontable, .col-sm-3.handsontable, .col-sm-4.handsontable, .col-sm-5.handsontable, .col-sm-6.handsontable, .col-sm-7.handsontable, .col-sm-8.handsontable, .col-sm-9.handsontable
-.col-xs-1.handsontable, .col-xs-10.handsontable, .col-xs-11.handsontable, .col-xs-12.handsontable,
+.col-md-2.handsontable, .col-md-3.handsontable, .col-md-4.handsontable, .col-md-5.handsontable, .col-md-6.handsontable, .col-md-7.handsontable, .col-md-8.handsontable, .col-md-9.handsontable .col-sm-1.handsontable,
+.col-sm-10.handsontable, .col-sm-11.handsontable, .col-sm-12.handsontable,
+.col-sm-2.handsontable, .col-sm-3.handsontable, .col-sm-4.handsontable, .col-sm-5.handsontable, .col-sm-6.handsontable, .col-sm-7.handsontable, .col-sm-8.handsontable, .col-sm-9.handsontable .col-xs-1.handsontable,
+.col-xs-10.handsontable, .col-xs-11.handsontable, .col-xs-12.handsontable,
 .col-xs-2.handsontable, .col-xs-3.handsontable, .col-xs-4.handsontable, .col-xs-5.handsontable, .col-xs-6.handsontable, .col-xs-7.handsontable, .col-xs-8.handsontable, .col-xs-9.handsontable {
   padding-left: 0;
   padding-right: 0;
@@ -93,7 +93,6 @@
 .handsontable .table-striped > tbody > tr:nth-of-type(even) {
   background-color: #FFF;
 }
-
 .handsontable {
   position: relative;
 }
@@ -112,7 +111,8 @@
 
 .handsontable .wtSpreader {
   position: relative;
-  width: 0; /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
+  /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
+  width: 0;
   height: auto;
 }
 
@@ -143,7 +143,8 @@
     -moz-user-select: none;
     -o-user-select: none;
     -ms-user-select: none;
-    user-select: none; */ /* no browser supports unprefixed version */
+    user-select: none; // no browser supports unprefixed version
+  */
   border-spacing: 0;
   margin: 0;
   border-width: 0;
@@ -182,30 +183,67 @@
   white-space: pre-wrap;
 }
 
+[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 {
+  /*Foundation framework fix*/
+  border-right: none;
+  border-left: 1px solid #ccc;
+}
+
 .handsontable th:first-child,
 .handsontable th:nth-child(2),
 .handsontable td:first-of-type {
   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 {
+  border-right: 1px solid #ccc;
+}
+
+/* It removes double right border from first column header when row headers are disabled */
+.handsontable .ht_clone_top th:nth-child(2) {
+  border-left-width: 0;
+  border-right: 1px solid #ccc;
+}
+
+[dir=rtl].handsontable .ht_clone_top th:nth-child(2) {
+  border-right-width: 0;
+  border-left: 1px solid #ccc;
+}
+
 .handsontable.htRowHeaders thead tr th:nth-child(2) {
   border-left: 1px solid #ccc;
 }
 
+[dir=rtl].handsontable.htRowHeaders thead tr th:nth-child(2) {
+  border-right: 1px solid #ccc;
+}
+
 .handsontable tr:first-child th,
 .handsontable tr:first-child td {
   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(.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;
 }
 
 /*
@@ -234,6 +272,7 @@ innerBorderBottom - Property controlled by bottom overlay
 .handsontable th.active {
   background-color: #ccc;
 }
+
 .handsontable thead th .relative {
   padding: 2px 4px;
 }
@@ -248,6 +287,7 @@ innerBorderBottom - Property controlled by bottom overlay
   position: absolute;
   font-size: 0;
 }
+
 .handsontable .wtBorder.hidden {
   display: none !important;
 }
@@ -256,15 +296,16 @@ innerBorderBottom - Property controlled by bottom overlay
 .handsontable .wtBorder.current {
   z-index: 10;
 }
+
 .handsontable .wtBorder.area {
   z-index: 8;
 }
+
 .handsontable .wtBorder.fill {
   z-index: 6;
 }
 
 /* fill handle */
-
 .handsontable .wtBorder.corner {
   font-size: 0;
   cursor: crosshair;
@@ -274,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;
 }
 
@@ -286,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;
 }
 
@@ -298,25 +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;
-}
-
-.ht_clone_top_left_corner thead tr th:nth-last-child(2) {
-  border-right: 1px solid #ccc;
-}
-
 .handsontable col.hidden {
   width: 0 !important;
 }
@@ -328,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;
@@ -340,16 +358,16 @@ 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;
 }
-
+@charset "UTF-8";
 .handsontable {
   touch-action: manipulation;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;
@@ -370,7 +388,8 @@ innerBorderBottom - Property controlled by bottom overlay
 }
 
 .handsontable td.htInvalid {
-  background-color: #ff4c42 !important; /*gives priority over td.area selection background*/
+  /*gives priority over td.area selection background*/
+  background-color: #ff4c42 !important;
 }
 
 .handsontable td.htNoWrap {
@@ -392,7 +411,6 @@ innerBorderBottom - Property controlled by bottom overlay
 }
 
 /* plugins */
-
 /* row + column resizer*/
 .handsontable .manualColumnResizer {
   position: absolute;
@@ -421,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 {
@@ -454,18 +482,22 @@ 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%;
-  margin-top: -6px; /* One extra pixel for purpose of proper positioning of sorting arrow, when `font-size` set to default */
+  /* One extra pixel for purpose of proper positioning of sorting arrow, when `font-size` set to default */
+  margin-top: -6px;
   /* Centering end */
-
-  padding-left: 8px; /* For purpose of continuous mouse over experience, when moving between the `span` and the `::before` elements */
+  /* 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;
-
-  content: '';
+  left: unset;
+  content: "";
   height: 10px;
   width: 5px;
   background-size: contain;
@@ -473,6 +505,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");
@@ -484,7 +526,7 @@ innerBorderBottom - Property controlled by bottom overlay
 }
 
 .htGhostTable .htCore span.colHeader.columnSorting:not(.indicatorDisabled)::after {
-  content: '*';
+  content: "*";
   display: inline-block;
   position: relative;
   /* The multi-line header and header with longer text need more padding to not hide arrow,
@@ -511,51 +553,58 @@ innerBorderBottom - Property controlled by bottom overlay
 .handsontable td.area-5:before,
 .handsontable td.area-6:before,
 .handsontable td.area-7:before {
-  content: '';
+  content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
-  bottom: -100%\9; /* Fix for IE9 to spread the ":before" pseudo element to 100% height of the parent element */
+  /* Fix for IE9 to spread the ":before" pseudo element to 100% height of the parent element */
+  bottom: -100% \9 ;
   background: #005eff;
 }
 
 /* Fix for IE10 and IE11 to spread the ":before" pseudo element to 100% height of the parent element */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .handsontable td.area:before,
-  .handsontable td.area-1:before,
-  .handsontable td.area-2:before,
-  .handsontable td.area-3:before,
-  .handsontable td.area-4:before,
-  .handsontable td.area-5:before,
-  .handsontable td.area-6:before,
-  .handsontable td.area-7:before {
+.handsontable td.area-1:before,
+.handsontable td.area-2:before,
+.handsontable td.area-3:before,
+.handsontable td.area-4:before,
+.handsontable td.area-5:before,
+.handsontable td.area-6:before,
+.handsontable td.area-7:before {
     bottom: -100%;
   }
 }
-
 .handsontable td.area:before {
   opacity: 0.1;
 }
+
 .handsontable td.area-1:before {
   opacity: 0.2;
 }
+
 .handsontable td.area-2:before {
   opacity: 0.27;
 }
+
 .handsontable td.area-3:before {
   opacity: 0.35;
 }
+
 .handsontable td.area-4:before {
   opacity: 0.41;
 }
+
 .handsontable td.area-5:before {
   opacity: 0.47;
 }
+
 .handsontable td.area-6:before {
   opacity: 0.54;
 }
+
 .handsontable td.area-7:before {
   opacity: 0.58;
 }
@@ -612,7 +661,6 @@ innerBorderBottom - Property controlled by bottom overlay
 /*
 TextRenderer readOnly cell
 */
-
 .handsontable .htDimmed {
   color: #777;
 }
@@ -621,47 +669,63 @@ TextRenderer readOnly cell
   position: relative;
 }
 
-.handsontable .htSubmenu :after{
-  content: '\25B6';
+.handsontable .htSubmenu :after {
+  content: "▶";
   color: #777;
   position: absolute;
   right: 5px;
   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
 */
-.handsontable .htLeft{
+.handsontable .htLeft {
   text-align: left;
 }
-.handsontable .htCenter{
+
+.handsontable .htCenter {
   text-align: center;
 }
-.handsontable .htRight{
+
+.handsontable .htRight {
   text-align: right;
 }
-.handsontable .htJustify{
+
+.handsontable .htJustify {
   text-align: justify;
 }
+
 /*
 TextRenderer vertical alignment
 */
-.handsontable .htTop{
+.handsontable .htTop {
   vertical-align: top;
 }
-.handsontable .htMiddle{
+
+.handsontable .htMiddle {
   vertical-align: middle;
 }
-.handsontable .htBottom{
+
+.handsontable .htBottom {
   vertical-align: bottom;
 }
 
 /*
 TextRenderer placeholder value
 */
-
 .handsontable .htPlaceholder {
   color: #999;
 }
@@ -669,7 +733,6 @@ TextRenderer placeholder value
 /**
  * Handsontable listbox theme
  */
-
 .handsontable.listbox {
   margin: 0;
 }
@@ -685,7 +748,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,
@@ -722,10 +785,11 @@ TextRenderer placeholder value
   color: #583707;
 }
 
-.collapsibleIndicator {
+.handsontable .collapsibleIndicator {
   position: absolute;
   top: 50%;
-  transform: translate(0% ,-50%);
+  transform: translate(0%, -50%);
+  left: unset;
   right: 5px;
   border: 1px solid #A6A6A6;
   line-height: 8px;
@@ -735,19 +799,22 @@ TextRenderer placeholder value
   width: 10px;
   height: 10px;
   cursor: pointer;
-  -webkit-box-shadow: 0 0 0 6px rgba(238,238,238,1);
-  -moz-box-shadow: 0 0 0 6px rgba(238,238,238,1);
-  box-shadow: 0 0 0 6px rgba(238,238,238,1);
+  -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
 
  */
-
 .handsontable.mobile,
 .handsontable.mobile .wtHolder {
   -webkit-touch-callout: none;
@@ -756,7 +823,7 @@ TextRenderer placeholder value
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  -webkit-tap-highlight-color: rgba(0,0,0,0);
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-overflow-scrolling: touch;
 }
 
@@ -767,16 +834,16 @@ 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 {
+.topSelectionHandle,
+.topSelectionHandle-HitArea,
+.bottomSelectionHandle,
+.bottomSelectionHandle-HitArea {
   left: -10000px;
   top: -10000px;
 }
@@ -794,11 +861,9 @@ TextRenderer placeholder value
   animation-fill-mode: forwards;
   -webkit-animation-fill-mode: forwards;
 }
-
 /*
 AutocompleteRenderer down arrow
 */
-
 .handsontable .htAutocompleteArrow {
   float: right;
   font-size: 10px;
@@ -808,6 +873,10 @@ AutocompleteRenderer down arrow
   text-align: center;
 }
 
+[dir=rtl].handsontable .htAutocompleteArrow {
+  float: left;
+}
+
 .handsontable td .htAutocompleteArrow:hover {
   color: #777;
 }
@@ -815,16 +884,17 @@ AutocompleteRenderer down arrow
 .handsontable td.area .htAutocompleteArrow {
   color: #d3d3d3;
 }
-
 /*
 CheckboxRenderer
 */
 .handsontable .htCheckboxRendererInput {
   display: inline-block;
 }
+
 .handsontable .htCheckboxRendererInput.noValue {
   opacity: 0.5;
 }
+
 .handsontable .htCheckboxRendererLabel {
   font-size: inherit;
   vertical-align: middle;
@@ -835,33 +905,42 @@ CheckboxRenderer
 .handsontable .htCheckboxRendererLabel.fullWidth {
   width: 100%;
 }
-
-.htCommentCell {
+.handsontable .htCommentCell {
   position: relative;
 }
 
-.htCommentCell:after {
-  content: '';
+.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;
@@ -871,33 +950,53 @@ 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
  */
-
 .htContextMenu:not(.htGhostTable) {
   display: none;
   position: absolute;
-  z-index: 1060; /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
+  /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
+  z-index: 1060;
 }
 
 .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;
 }
@@ -913,7 +1012,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 {
@@ -962,7 +1069,6 @@ CheckboxRenderer
 .htContextMenu .ht_master .wtHolder {
   overflow: hidden;
 }
-
 textarea.HandsontableCopyPaste {
   position: fixed !important;
   top: 0 !important;
@@ -971,7 +1077,7 @@ textarea.HandsontableCopyPaste {
   opacity: 0;
   outline: 0 none !important;
 }
-
+@charset "UTF-8";
 /*!
  * Handsontable DropdownMenu
  */
@@ -986,8 +1092,13 @@ textarea.HandsontableCopyPaste {
   margin: 3px 1px 0 5px;
   float: right;
 }
+
+[dir=rtl].handsontable .changeType {
+  float: left;
+}
+
 .handsontable .changeType:before {
-  content: '\25BC\ ';
+  content: "▼ ";
 }
 
 .handsontable .changeType:hover {
@@ -999,21 +1110,32 @@ textarea.HandsontableCopyPaste {
 .htDropdownMenu:not(.htGhostTable) {
   display: none;
   position: absolute;
-  z-index: 1060; /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
+  /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
+  z-index: 1060;
 }
 
 .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;
 }
@@ -1029,7 +1151,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 {
@@ -1077,11 +1207,10 @@ textarea.HandsontableCopyPaste {
 .htDropdownMenu .ht_master .wtHolder {
   overflow: hidden;
 }
-
+@charset "UTF-8";
 /*!
  * Handsontable Filters
  */
-
 /* Conditions menu */
 .htFiltersConditionsMenu:not(.htGhostTable) {
   display: none;
@@ -1090,7 +1219,7 @@ textarea.HandsontableCopyPaste {
 }
 
 .htFiltersConditionsMenu .ht_clone_top,
-.htFiltersConditionsMenu .ht_clone_left,
+.htFiltersConditionsMenu .ht_clone_inline_start,
 .htFiltersConditionsMenu .ht_clone_corner {
   display: none;
 }
@@ -1116,7 +1245,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 {
@@ -1187,6 +1324,7 @@ textarea.HandsontableCopyPaste {
 .handsontable .htFiltersMenuCondition.border {
   border-bottom: 1px dotted #ccc !important;
 }
+
 .handsontable .htFiltersMenuCondition .htUIInput {
   padding: 0 0 5px 0;
 }
@@ -1195,9 +1333,11 @@ textarea.HandsontableCopyPaste {
 .handsontable .htFiltersMenuValue {
   border-bottom: 1px dotted #ccc !important;
 }
+
 .handsontable .htFiltersMenuValue .htUIMultipleSelectSearch {
   padding: 0;
 }
+
 .handsontable .htFiltersMenuCondition .htUIInput input,
 .handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input {
   font-family: inherit;
@@ -1218,9 +1358,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;
 }
@@ -1233,12 +1379,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 {
@@ -1246,13 +1404,16 @@ textarea.HandsontableCopyPaste {
   position: relative;
   text-align: center;
 }
+
 .handsontable .htUIInput input {
   border-radius: 2px;
   border: 1px solid #d2d1d1;
 }
+
 .handsontable .htUIInput input:focus {
   outline: 0;
 }
+
 .handsontable .htUIInputIcon {
   position: absolute;
 }
@@ -1262,6 +1423,7 @@ textarea.HandsontableCopyPaste {
   cursor: pointer;
   display: inline-block;
 }
+
 .handsontable .htUIInput.htUIButton input {
   background-color: #eee;
   color: #000;
@@ -1272,19 +1434,27 @@ textarea.HandsontableCopyPaste {
   height: 19px;
   min-width: 64px;
 }
+
 .handsontable .htUIInput.htUIButton input:hover {
   border-color: #b9b9b9;
 }
 
 .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;
   color: #fff;
 }
+
 .handsontable .htUIInput.htUIButtonOK input:hover {
   border-color: #1a6f46;
 }
@@ -1295,6 +1465,7 @@ textarea.HandsontableCopyPaste {
   margin-bottom: 7px;
   position: relative;
 }
+
 .handsontable .htUISelectCaption {
   background-color: #e8e8e8;
   border-radius: 2px;
@@ -1307,19 +1478,22 @@ textarea.HandsontableCopyPaste {
   white-space: nowrap;
   overflow: hidden;
 }
+
 .handsontable .htUISelectCaption:hover {
   background-color: #e8e8e8;
   border: 1px solid #b9b9b9;
 }
+
 .handsontable .htUISelectDropdown:after {
-  content: '\25B2';
+  content: "▲";
   font-size: 7px;
   position: absolute;
   right: 10px;
   top: 0;
 }
+
 .handsontable .htUISelectDropdown:before {
-  content: '\25BC';
+  content: "▼";
   font-size: 7px;
   position: absolute;
   right: 10px;
@@ -1330,6 +1504,7 @@ textarea.HandsontableCopyPaste {
 .handsontable .htUIMultipleSelect .handsontable .htCore {
   border: none;
 }
+
 .handsontable .htUIMultipleSelect .handsontable .htCore td:hover {
   background-color: #F5F5F5;
 }
@@ -1342,18 +1517,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;
 }
@@ -1361,7 +1548,7 @@ textarea.HandsontableCopyPaste {
 .handsontable .htFiltersMenuOperators {
   padding-bottom: 5px;
 }
-
+@charset "UTF-8";
 /*
  * Handsontable HiddenColumns
  */
@@ -1381,15 +1568,33 @@ textarea.HandsontableCopyPaste {
 .handsontable th.afterHiddenColumn {
   position: relative;
 }
+
 .handsontable th.beforeHiddenColumn::after {
   right: 1px;
-  content: '\25C0';
+  content: "◀";
+  /* left arrow */
+}
+
+[dir=rtl].handsontable th.beforeHiddenColumn::after {
+  right: initial;
+  left: 1px;
+  content: "▶";
+  /* right arrow */
 }
+
 .handsontable th.afterHiddenColumn::before {
   left: 1px;
-  content: '\25B6';
+  content: "▶";
+  /* right arrow */
 }
 
+[dir=rtl].handsontable th.afterHiddenColumn::before {
+  right: 1px;
+  left: initial;
+  content: "◀";
+  /* left arrow */
+}
+@charset "UTF-8";
 /*!
  * Handsontable HiddenRows
  */
@@ -1408,37 +1613,39 @@ textarea.HandsontableCopyPaste {
 }
 
 .handsontable th.beforeHiddenRow::before {
-  content: '\25B2';
+  content: "▲";
   bottom: 2px;
 }
 
 .handsontable th.afterHiddenRow::after {
-  content: '\25BC';
+  content: "▼";
   top: 2px;
 }
+
 .handsontable.ht__selection--rows tbody th.beforeHiddenRow.ht__highlight:before,
 .handsontable.ht__selection--rows tbody th.afterHiddenRow.ht__highlight:after {
   color: #eee;
 }
+
 .handsontable td.afterHiddenRow.firstVisibleRow,
 .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 {
   position: relative;
 }
+
 .handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight {
   cursor: move;
   cursor: -moz-grab;
   cursor: -webkit-grab;
   cursor: grab;
 }
+
 .handsontable.ht__manualColumnMove.on-moving--columns,
 .handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight {
   cursor: move;
@@ -1446,22 +1653,27 @@ textarea.HandsontableCopyPaste {
   cursor: -webkit-grabbing;
   cursor: grabbing;
 }
+
 .handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer {
   display: none;
 }
+
 .handsontable .ht__manualColumnMove--guideline,
 .handsontable .ht__manualColumnMove--backlight {
   position: absolute;
   height: 100%;
   display: none;
 }
+
 .handsontable .ht__manualColumnMove--guideline {
   background: #757575;
   width: 2px;
   top: 0;
-  margin-left: -1px;
+  margin-inline-start: -1px;
+  margin-inline-end: 0;
   z-index: 205;
 }
+
 .handsontable .ht__manualColumnMove--backlight {
   background: #343434;
   background: rgba(52, 52, 52, 0.25);
@@ -1469,20 +1681,22 @@ textarea.HandsontableCopyPaste {
   z-index: 205;
   pointer-events: none;
 }
+
 .handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline,
 .handsontable.on-moving--columns .ht__manualColumnMove--backlight {
   display: block;
 }
-
 .handsontable .wtHider {
   position: relative;
 }
+
 .handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight {
   cursor: move;
   cursor: -moz-grab;
   cursor: -webkit-grab;
   cursor: grab;
 }
+
 .handsontable.ht__manualRowMove.on-moving--rows,
 .handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight {
   cursor: move;
@@ -1490,15 +1704,18 @@ textarea.HandsontableCopyPaste {
   cursor: -webkit-grabbing;
   cursor: grabbing;
 }
+
 .handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer {
   display: none;
 }
+
 .handsontable .ht__manualRowMove--guideline,
 .handsontable .ht__manualRowMove--backlight {
   position: absolute;
   width: 100%;
   display: none;
 }
+
 .handsontable .ht__manualRowMove--guideline {
   background: #757575;
   height: 2px;
@@ -1506,6 +1723,7 @@ textarea.HandsontableCopyPaste {
   margin-top: -1px;
   z-index: 205;
 }
+
 .handsontable .ht__manualRowMove--backlight {
   background: #343434;
   background: rgba(52, 52, 52, 0.25);
@@ -1513,66 +1731,76 @@ textarea.HandsontableCopyPaste {
   z-index: 205;
   pointer-events: none;
 }
+
 .handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline,
 .handsontable.on-moving--rows .ht__manualRowMove--backlight {
   display: block;
 }
-
-.handsontable tbody td[rowspan][class*="area"][class*="highlight"]:not([class*="fullySelectedMergedCell"]):before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight]:not([class*=fullySelectedMergedCell]):before {
   opacity: 0;
 }
 
-.handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-multiple"]:before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-multiple]:before {
   opacity: 0.1;
 }
 
-.handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-0"]:before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-0]:before {
   opacity: 0.1;
 }
 
-.handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-1"]:before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-1]:before {
   opacity: 0.2;
 }
 
-.handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-2"]:before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-2]:before {
   opacity: 0.27;
 }
 
-.handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-3"]:before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-3]:before {
   opacity: 0.35;
 }
 
-.handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-4"]:before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-4]:before {
   opacity: 0.41;
 }
 
-.handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-5"]:before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-5]:before {
   opacity: 0.47;
 }
 
-.handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-6"]:before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-6]:before {
   opacity: 0.54;
 }
 
-.handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-7"]:before {
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-7]:before {
   opacity: 0.58;
 }
-
 /* Column's number position */
 .handsontable span.colHeader.columnSorting::after {
   /* Centering start */
   top: 50%;
-  margin-top: -2px; /* Two extra pixels (-2 instead of -4) for purpose of proper positioning of numeric indicators, when `font-size` set to default */
+  /* Two extra pixels (-2 instead of -4) for purpose of proper positioning of numeric indicators, when `font-size` set to default */
+  margin-top: -2px;
   /* Centering end */
-
   position: absolute;
   right: -15px;
-  padding-left: 5px; ; /* For purpose of continuous mouse over experience, when moving between the `::before` and the `::after` elements */
-
+  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;
-  text-decoration: underline; /* Workaround for IE9 - IE11 */
+  /* Workaround for IE9 - IE11 */
+  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 */
@@ -1581,62 +1809,78 @@ textarea.HandsontableCopyPaste {
 }
 
 /* We support up to 7 numeric indicators, describing order of column in sorted columns queue */
-.handsontable span.colHeader.columnSorting[class^="sort-"]::after,
+.handsontable span.colHeader.columnSorting[class^=sort-]::after,
 .handsontable span.colHeader.columnSorting[class*=" sort-"]::after {
-  content: "+"
+  content: "+";
 }
 
 .handsontable span.colHeader.columnSorting.sort-1::after {
-  content: '1';
+  content: "1";
 }
 
 .handsontable span.colHeader.columnSorting.sort-2::after {
-  content: '2';
+  content: "2";
 }
 
 .handsontable span.colHeader.columnSorting.sort-3::after {
-  content: '3';
+  content: "3";
 }
 
 .handsontable span.colHeader.columnSorting.sort-4::after {
-  content: '4';
+  content: "4";
 }
 
 .handsontable span.colHeader.columnSorting.sort-5::after {
-  content: '5';
+  content: "5";
 }
 
 .handsontable span.colHeader.columnSorting.sort-6::after {
-  content: '6';
+  content: "6";
 }
 
 .handsontable span.colHeader.columnSorting.sort-7::after {
-  content: '7';
+  content: "7";
 }
 
 /* Drop-down menu widens header by 5 pixels, sort sequence numbers won't overlap the icon; mainly for the IE9+ */
 .htGhostTable th div button.changeType + span.colHeader.columnSorting:not(.indicatorDisabled) {
   padding-right: 5px;
 }
-
 .handsontable thead th.hiddenHeader:not(:first-of-type) {
   display: none;
 }
-
+@charset "UTF-8";
 .handsontable th.ht_nestingLevels {
   text-align: left;
   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 {
@@ -1650,34 +1894,48 @@ textarea.HandsontableCopyPaste {
   float: left;
 }
 
+[dir=rtl].handsontable th span.ht_nestingLevel_empty {
+  float: right;
+}
+
 .handsontable th span.ht_nestingLevel::after {
-  content: "\2510";
+  content: "┐";
   font-size: 9px;
   display: inline-block;
   position: relative;
   bottom: 3px;
 }
 
-
 .handsontable th div.ht_nestingButton {
   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: "\002B";
+  content: "+";
 }
 
 .handsontable th div.ht_nestingButton.ht_nestingCollapse::after {
-  content: "\002D";
+  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;
+}
 
 /*# sourceMappingURL=handsontable.css.map*/