handsontable 0.0.0-next-ee5ee21-20241202 → 0.0.0-next-e3ad397-20241203

package/dataMap/metaManager/metaSchema.mjs

@@ -3839,8 +3839,8 @@ export default () => {
     /**
      * The `rowHeights` option sets rows' heights, in pixels.
      *
-     * In the rendering process, the default row height is 23 px (22 px + 1 px of the row's bottom border).
-     * You can change it to equal or greater than 23px, by setting the `rowHeights` option to one of the following:
+     * In the rendering process, the default row height is 23 px (in the classic theme: 22 px + 1 px of the row's bottom border) or whatever is defined in the used theme (based on the line height, vertical padding and cell borders).
+     * You can change it to equal or greater than the defautl value, by setting the `rowHeights` option to one of the following:
      *
      * | Setting     | Description                                                                                         | Example                                                      |
      * | ----------- | --------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ |
@@ -3872,7 +3872,7 @@ export default () => {
      * // set the first (by visual index) row's height to 100
      * // set the second (by visual index) row's height to 120
      * // set the third (by visual index) row's height to `undefined`
-     * // set any other row's height to the default 23px
+     * // set any other row's height to the default height value
      * rowHeights: [100, 120, undefined],
      *
      * // set each row's height individually, using a function
@@ -4310,6 +4310,26 @@ export default () => {
      * ```
      */
     tableClassName: undefined,
+    /**
+     * The `themeName` option allows enabling a theme by that name.
+     *
+     * If no `themeName` is provided, the table will use the classic theme (if the correct CSS files are imported).
+     *
+     * Read more:
+     * - [Themes](@/guides/styling/themes/themes.md)
+     *
+     * @memberof Options#
+     * @type {string|boolean|undefined}
+     * @default undefined
+     * @category Core
+     * @since 15.0.0
+     *
+     * @example
+     * ```js
+     * themeName: 'ht-theme-name',
+     * ```
+     */
+    themeName: undefined,
     /**
      * The `tabMoves` option configures the action of the <kbd>**Tab**</kbd> key.
      *

package/dist/handsontable.css

@@ -25,13 +25,13 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  *
- * Version: 0.0.0-next-ee5ee21-20241202
- * Release date: 17/10/2024 (built at 02/12/2024 12:57:05)
+ * Version: 0.0.0-next-e3ad397-20241203
+ * Release date: 17/10/2024 (built at 03/12/2024 13:41:04)
  */
 /**
  * Fix for bootstrap styles
  */
-.handsontable .table th, .handsontable .table td {
+ .handsontable .table th, .handsontable .table td {
   border-top: none;
 }
 
@@ -93,9 +93,6 @@
 .handsontable .table-striped > tbody > tr:nth-of-type(even) {
   background-color: #FFF;
 }
-.handsontable {
-  position: relative;
-}
 
 .handsontable .hide {
   display: none;
@@ -106,12 +103,13 @@
 }
 
 .handsontable .wtHider {
+  position: relative;
   width: 0;
 }
 
 .handsontable .wtSpreader {
   position: relative;
-  /*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;
 }
@@ -190,14 +188,14 @@
 }
 
 .handsontable th:last-child {
-  /*Foundation framework fix*/
+  /* 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*/
+  /* Foundation framework fix */
   border-right: none;
   border-left: 1px solid #ccc;
 }
@@ -369,8 +367,11 @@ innerBorderBottom - Property controlled by bottom overlay
 .ht_clone_bottom .wtHolder {
   overflow: hidden;
 }
+
 @charset "UTF-8";
+
 .handsontable {
+  position: relative;
   touch-action: manipulation;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;
   font-size: 13px;
@@ -390,7 +391,7 @@ innerBorderBottom - Property controlled by bottom overlay
 }
 
 .handsontable td.htInvalid {
-  /*gives priority over td.area selection background*/
+  /* gives priority over td.area selection background */
   background-color: #ffbeba !important;
 }
 
@@ -434,7 +435,7 @@ innerBorderBottom - Property controlled by bottom overlay
 }
 
 /* plugins */
-/* row + column resizer*/
+/* row + column resizer */
 .handsontable .manualColumnResizer {
   position: absolute;
   top: 0;
@@ -509,14 +510,14 @@ innerBorderBottom - Property controlled by bottom overlay
   position: relative;
 }
 
-.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::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 {
   content: "";
   position: absolute;
   top: 0;
@@ -526,35 +527,35 @@ innerBorderBottom - Property controlled by bottom overlay
   background: #005eff;
 }
 
-.handsontable td.area:before {
+.handsontable td.area::before {
   opacity: 0.1;
 }
 
-.handsontable td.area-1:before {
+.handsontable td.area-1::before {
   opacity: 0.2;
 }
 
-.handsontable td.area-2:before {
+.handsontable td.area-2::before {
   opacity: 0.27;
 }
 
-.handsontable td.area-3:before {
+.handsontable td.area-3::before {
   opacity: 0.35;
 }
 
-.handsontable td.area-4:before {
+.handsontable td.area-4::before {
   opacity: 0.41;
 }
 
-.handsontable td.area-5:before {
+.handsontable td.area-5::before {
   opacity: 0.47;
 }
 
-.handsontable td.area-6:before {
+.handsontable td.area-6::before {
   opacity: 0.54;
 }
 
-.handsontable td.area-7:before {
+.handsontable td.area-7::before {
   opacity: 0.58;
 }
 
@@ -584,12 +585,13 @@ innerBorderBottom - Property controlled by bottom overlay
   font-size: inherit;
   box-shadow: 0 0 0 2px #5292F7 inset;
   resize: none;
-  /*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
+  /* below are needed to overwrite stuff added by jQuery UI Bootstrap theme */
   display: block;
   color: #000;
   border-radius: 0;
   background-color: #FFF;
-  /*overwrite styles potentionally made by a framework*/
+  box-sizing: border-box !important;
+  /* overwrite styles potentionally made by a framework */
 }
 
 .handsontableInput:focus {
@@ -603,16 +605,25 @@ innerBorderBottom - Property controlled by bottom overlay
 }
 
 .htSelectEditor {
-  -webkit-appearance: menulist-button !important;
   position: absolute;
-  width: auto;
-  border: 2px solid #4b89ff;
+
+  select {
+    -webkit-appearance: menulist-button !important;
+    width: 100%;
+    height: 100%;
+    border: 2px solid #4b89ff;
+    box-sizing: border-box !important;
+  }
 }
 
-.htSelectEditor:focus {
+.htSelectEditor select:focus {
   outline: none;
 }
 
+.htSelectEditor .htAutocompleteArrow {
+  display: none;
+}
+
 /*
 TextRenderer readOnly cell
 */
@@ -624,7 +635,7 @@ TextRenderer readOnly cell
   position: relative;
 }
 
-.handsontable .htSubmenu :after {
+.handsontable .htSubmenu ::after {
   content: "▶";
   color: #777;
   position: absolute;
@@ -632,11 +643,11 @@ TextRenderer readOnly cell
   font-size: 9px;
 }
 
-[dir=rtl].handsontable .htSubmenu :after {
+[dir=rtl].handsontable .htSubmenu ::after {
   content: "";
 }
 
-[dir=rtl].handsontable .htSubmenu :before {
+[dir=rtl].handsontable .htSubmenu ::before {
   content: "◀";
   color: #777;
   position: absolute;
@@ -826,10 +837,6 @@ AutocompleteRenderer down arrow
 /*
 CheckboxRenderer
 */
-.handsontable .htCheckboxRendererInput {
-  display: inline-block;
-}
-
 .handsontable .htCheckboxRendererInput.noValue {
   opacity: 0.5;
 }
@@ -844,6 +851,7 @@ CheckboxRenderer
 .handsontable .htCheckboxRendererLabel.fullWidth {
   width: 100%;
 }
+
 .handsontable .collapsibleIndicator {
   position: absolute;
   top: 50%;
@@ -877,6 +885,7 @@ CheckboxRenderer
 .handsontable[dir=rtl] thead th:has(.collapsibleIndicator) div.htLeft span.colHeader {
   margin-left: 20px;
 }
+
 .handsontable .columnSorting {
   position: relative;
 }
@@ -957,11 +966,12 @@ CheckboxRenderer
   we make header wider in `GhostTable` to make some space for arrow which is positioned absolutely in the main table */
   padding-right: 20px;
 }
+
 .handsontable .htCommentCell {
   position: relative;
 }
 
-.handsontable .htCommentCell:after {
+.handsontable .htCommentCell::after {
   content: "";
   position: absolute;
   top: 0;
@@ -972,7 +982,7 @@ CheckboxRenderer
   border-top: 6px solid black;
 }
 
-[dir=rtl].handsontable .htCommentCell:after {
+[dir=rtl].handsontable .htCommentCell::after {
   left: 0;
   right: unset;
   border-right: 6px solid transparent;
@@ -998,7 +1008,7 @@ CheckboxRenderer
   height: 90px;
   font-size: 12px;
   padding: 5px;
-  outline: 0px !important;
+  outline: 0 !important;
   -webkit-appearance: none;
 }
 
@@ -1135,6 +1145,7 @@ CheckboxRenderer
 .htContextMenu .ht_master .wtHolder {
   overflow: hidden;
 }
+
 textarea.HandsontableCopyPaste {
   position: fixed !important;
   top: 0 !important;
@@ -1143,7 +1154,9 @@ textarea.HandsontableCopyPaste {
   opacity: 0;
   outline: 0 none !important;
 }
+
 @charset "UTF-8";
+
 /*!
  * Handsontable DropdownMenu
  */
@@ -1167,7 +1180,7 @@ textarea.HandsontableCopyPaste {
   margin: 3px 5px 0 1px;
 }
 
-.handsontable .changeType:before {
+.handsontable .changeType::before {
   content: "▼ ";
 }
 
@@ -1291,7 +1304,9 @@ textarea.HandsontableCopyPaste {
 .htDropdownMenu .ht_master .wtHolder {
   overflow: hidden;
 }
+
 @charset "UTF-8";
+
 /*!
  * Handsontable Filters
  */
@@ -1469,6 +1484,7 @@ textarea.HandsontableCopyPaste {
 }
 
 .handsontable .htCheckboxRendererInput {
+  display: inline-block;
   margin-top: 0;
   margin-right: 5px;
   margin-bottom: 0;
@@ -1571,7 +1587,7 @@ textarea.HandsontableCopyPaste {
   border: 1px solid #b9b9b9;
 }
 
-.handsontable .htUISelectDropdown:after {
+.handsontable .htUISelectDropdown::after {
   content: "▲";
   font-size: 7px;
   position: absolute;
@@ -1579,7 +1595,7 @@ textarea.HandsontableCopyPaste {
   top: 0;
 }
 
-.handsontable .htUISelectDropdown:before {
+.handsontable .htUISelectDropdown::before {
   content: "▼";
   font-size: 7px;
   position: absolute;
@@ -1635,7 +1651,9 @@ textarea.HandsontableCopyPaste {
 .handsontable .htFiltersMenuOperators {
   padding-bottom: 5px;
 }
+
 @charset "UTF-8";
+
 /*
  * Handsontable HiddenColumns
  */
@@ -1693,7 +1711,9 @@ textarea.HandsontableCopyPaste {
   left: initial;
   content: "◀"; /* left arrow */
 }
+
 @charset "UTF-8";
+
 /*!
  * Handsontable HiddenRows
  */
@@ -1721,8 +1741,8 @@ textarea.HandsontableCopyPaste {
   top: 2px;
 }
 
-.handsontable.ht__selection--rows tbody th.beforeHiddenRow.ht__highlight:before,
-.handsontable.ht__selection--rows tbody th.afterHiddenRow.ht__highlight:after {
+.handsontable.ht__selection--rows tbody th.beforeHiddenRow.ht__highlight::before,
+.handsontable.ht__selection--rows tbody th.afterHiddenRow.ht__highlight::after {
   color: #eee;
 }
 
@@ -1730,13 +1750,11 @@ textarea.HandsontableCopyPaste {
 .handsontable th.afterHiddenRow.firstVisibleRow {
   border-top: 1px solid #CCC;
 }
+
 .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;
@@ -1785,9 +1803,6 @@ textarea.HandsontableCopyPaste {
 .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;
@@ -1835,45 +1850,47 @@ textarea.HandsontableCopyPaste {
 .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;
 }
+
 .handsontable[dir=ltr] div.htRight span[class*=sort-] {
   margin-right: 15px;
   margin-left: -15px;
@@ -1910,8 +1927,6 @@ textarea.HandsontableCopyPaste {
   font-size: 8px;
   height: 8px;
   line-height: 1.1;
-  /* Workaround for IE9 - IE11 */
-  text-decoration: underline;
 }
 
 [dir=rtl].handsontable span.colHeader.columnSorting::after {
@@ -1922,11 +1937,6 @@ textarea.HandsontableCopyPaste {
   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;
-}
-
 /* 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 {
@@ -1965,10 +1975,13 @@ textarea.HandsontableCopyPaste {
 .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;
@@ -2057,4 +2070,3 @@ textarea.HandsontableCopyPaste {
   right: unset;
 }
 
-/*# sourceMappingURL=handsontable.css.map*/