@limetech/lime-elements 38.37.1 → 38.38.0

package/dist/collection/components/table/table.css

@@ -99,13 +99,13 @@
   font-size: 14px;
   text-align: left;
   overflow: hidden;
-  -webkit-transform: translatez(0);
-  -moz-transform: translatez(0);
-  -ms-transform: translatez(0);
-  -o-transform: translatez(0);
-  transform: translatez(0);
+  -webkit-transform: translateZ(0);
+  -moz-transform: translateZ(0);
+  -ms-transform: translateZ(0);
+  -o-transform: translateZ(0);
+  transform: translateZ(0);
 }
-.tabulator[tabulator-layout=fitDataFill] .tabulator-tableHolder .tabulator-table {
+.tabulator[tabulator-layout=fitDataFill] .tabulator-tableholder .tabulator-table {
   min-width: 100%;
 }
 .tabulator[tabulator-layout=fitDataTable] {
@@ -114,6 +114,9 @@
 .tabulator.tabulator-block-select {
   user-select: none;
 }
+.tabulator.tabulator-ranges .tabulator-cell:not(.tabulator-editing) {
+  user-select: none;
+}
 .tabulator .tabulator-header {
   position: relative;
   box-sizing: border-box;
@@ -128,14 +131,24 @@
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
+  outline: none;
 }
 .tabulator .tabulator-header.tabulator-header-hidden {
   display: none;
 }
-.tabulator .tabulator-header .tabulator-col {
+.tabulator .tabulator-header .tabulator-header-contents {
+  position: relative;
+  overflow: hidden;
+}
+.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers {
   display: inline-block;
+}
+.tabulator .tabulator-header .tabulator-col {
+  display: inline-flex;
   position: relative;
   box-sizing: border-box;
+  flex-direction: column;
+  justify-content: flex-start;
   border-right: 1px solid #aaa;
   background: #e6e6e6;
   text-align: left;
@@ -148,15 +161,23 @@
   background: #cdcdcd;
   pointer-events: none;
 }
+.tabulator .tabulator-header .tabulator-col.tabulator-range-highlight {
+  background-color: #D6D6D6;
+  color: #000000;
+}
+.tabulator .tabulator-header .tabulator-col.tabulator-range-selected {
+  background-color: #3876ca;
+  color: #FFFFFF;
+}
 .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
   box-sizing: border-box;
   position: relative;
   padding: 4px;
 }
-.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button {
+.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button {
   padding: 0 8px;
 }
-.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button:hover {
+.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover {
   cursor: pointer;
   opacity: 0.6;
 }
@@ -171,6 +192,10 @@
   text-overflow: ellipsis;
   vertical-align: bottom;
 }
+.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap {
+  white-space: normal;
+  text-overflow: initial;
+}
 .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
   box-sizing: border-box;
   width: 100%;
@@ -178,7 +203,7 @@
   padding: 1px;
   background: #fff;
 }
-.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-menu-button + .tabulator-title-editor {
+.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button + .tabulator-title-editor {
   width: calc(100% - 22px);
 }
 .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
@@ -203,9 +228,6 @@
   overflow: hidden;
   margin-right: -1px;
 }
-.tabulator .tabulator-header .tabulator-col:first-child .tabulator-col-resize-handle.prev {
-  display: none;
-}
 .tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
   position: relative;
   box-sizing: border-box;
@@ -226,28 +248,48 @@
 .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
   padding-right: 25px;
 }
-.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
-  cursor: pointer;
-  background-color: #cdcdcd;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
+    cursor: pointer;
+    background-color: #cdcdcd;
+  }
 }
 .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter {
   color: #bbb;
 }
+@media (hover: hover) and (pointer: fine) {
+  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
+    cursor: pointer;
+    border-bottom: 6px solid #555;
+  }
+}
 .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
   border-top: none;
   border-bottom: 6px solid #bbb;
 }
-.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-col-content .tabulator-col-sorter {
+.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter {
   color: #666;
 }
-.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
+@media (hover: hover) and (pointer: fine) {
+  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
+    cursor: pointer;
+    border-bottom: 6px solid #555;
+  }
+}
+.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
   border-top: none;
   border-bottom: 6px solid #666;
 }
-.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-col-content .tabulator-col-sorter {
+.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter {
   color: #666;
 }
-.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
+@media (hover: hover) and (pointer: fine) {
+  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
+    cursor: pointer;
+    border-top: 6px solid #555;
+  }
+}
+.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
   border-bottom: none;
   border-top: 6px solid #666;
   color: #666;
@@ -278,9 +320,9 @@
   bottom: auto;
 }
 .tabulator .tabulator-header .tabulator-frozen {
-  display: inline-block;
-  position: absolute;
-  z-index: 10;
+  position: sticky;
+  left: 0;
+  z-index: 11;
 }
 .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
   border-right: 2px solid #aaa;
@@ -290,11 +332,10 @@
 }
 .tabulator .tabulator-header .tabulator-calcs-holder {
   box-sizing: border-box;
-  min-width: 600%;
+  display: inline-block;
   background: #f3f3f3 !important;
   border-top: 1px solid #aaa;
   border-bottom: 1px solid #aaa;
-  overflow: hidden;
 }
 .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
   background: #f3f3f3 !important;
@@ -303,40 +344,42 @@
   display: none;
 }
 .tabulator .tabulator-header .tabulator-frozen-rows-holder {
-  min-width: 600%;
+  display: inline-block;
 }
 .tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
   display: none;
 }
-.tabulator .tabulator-tableHolder {
+.tabulator .tabulator-tableholder {
   position: relative;
   width: 100%;
   white-space: nowrap;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
 }
-.tabulator .tabulator-tableHolder:focus {
+.tabulator .tabulator-tableholder:focus {
   outline: none;
 }
-.tabulator .tabulator-tableHolder .tabulator-placeholder {
+.tabulator .tabulator-tableholder .tabulator-placeholder {
   box-sizing: border-box;
   display: flex;
   align-items: center;
+  justify-content: center;
+  min-width: 100%;
   width: 100%;
 }
-.tabulator .tabulator-tableHolder .tabulator-placeholder[tabulator-render-mode=virtual] {
+.tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode=virtual] {
   min-height: 100%;
-  min-width: 100%;
 }
-.tabulator .tabulator-tableHolder .tabulator-placeholder span {
+.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
   display: inline-block;
-  margin: 0 auto;
+  text-align: center;
   padding: 10px;
   color: #ccc;
   font-weight: bold;
   font-size: 20px;
+  white-space: normal;
 }
-.tabulator .tabulator-tableHolder .tabulator-table {
+.tabulator .tabulator-tableholder .tabulator-table {
   position: relative;
   display: inline-block;
   background-color: #fff;
@@ -344,21 +387,45 @@
   overflow: visible;
   color: #333;
 }
-.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs {
+.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {
   font-weight: bold;
   background: #e2e2e2 !important;
 }
-.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
+.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
   border-bottom: 2px solid #aaa;
 }
-.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
+.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
   border-top: 2px solid #aaa;
 }
+.tabulator .tabulator-tableholder .tabulator-range-overlay {
+  position: absolute;
+  inset: 0;
+  z-index: 10;
+  pointer-events: none;
+}
+.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range {
+  position: absolute;
+  box-sizing: border-box;
+  border: 1px solid #2975DD;
+}
+.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active::after {
+  content: "";
+  position: absolute;
+  right: -3px;
+  bottom: -3px;
+  width: 6px;
+  height: 6px;
+  background-color: #2975DD;
+  border-radius: 999px;
+}
+.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range-cell-active {
+  position: absolute;
+  box-sizing: border-box;
+  border: 2px solid #2975DD;
+}
 .tabulator .tabulator-footer {
-  padding: 5px 10px;
   border-top: 1px solid #999;
   background-color: #e6e6e6;
-  text-align: right;
   color: #555;
   font-weight: bold;
   white-space: nowrap;
@@ -368,10 +435,39 @@
   -webkit-user-select: none;
   -o-user-select: none;
 }
+.tabulator .tabulator-footer .tabulator-footer-contents {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 5px 10px;
+}
+.tabulator .tabulator-footer .tabulator-footer-contents:empty {
+  display: none;
+}
+.tabulator .tabulator-footer .tabulator-spreadsheet-tabs {
+  margin-top: -5px;
+  overflow-x: auto;
+}
+.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab {
+  display: inline-block;
+  padding: 5px;
+  border: #999 1px solid;
+  border-top: none;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+  font-size: 0.9em;
+}
+.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab:hover {
+  cursor: pointer;
+  opacity: 0.7;
+}
+.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active {
+  background: #fff;
+}
 .tabulator .tabulator-footer .tabulator-calcs-holder {
   box-sizing: border-box;
-  width: calc(100% + 20px);
-  margin: -5px -10px 5px -10px;
+  width: 100%;
   text-align: left;
   background: #f3f3f3 !important;
   border-bottom: 1px solid #aaa;
@@ -379,6 +475,7 @@
   overflow: hidden;
 }
 .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
+  display: inline-block;
   background: #f3f3f3 !important;
 }
 .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
@@ -388,7 +485,15 @@
   margin-bottom: -5px;
   border-bottom: none;
 }
+.tabulator .tabulator-footer > * + .tabulator-page-counter {
+  margin-left: 10px;
+}
+.tabulator .tabulator-footer .tabulator-page-counter {
+  font-weight: normal;
+}
 .tabulator .tabulator-footer .tabulator-paginator {
+  flex: 1;
+  text-align: right;
   color: #555;
   font-family: inherit;
   font-weight: inherit;
@@ -418,26 +523,50 @@
 .tabulator .tabulator-footer .tabulator-page:disabled {
   opacity: 0.5;
 }
-.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
-  cursor: pointer;
-  background: rgba(0, 0, 0, 0.2);
-  color: #fff;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator .tabulator-footer .tabulator-page:not(disabled):hover {
+    cursor: pointer;
+    background: rgba(0, 0, 0, 0.2);
+    color: #fff;
+  }
 }
 .tabulator .tabulator-col-resize-handle {
+  position: relative;
+  display: inline-block;
+  width: 6px;
+  margin-left: -3px;
+  margin-right: -3px;
+  z-index: 11;
+  vertical-align: middle;
+}
+@media (hover: hover) and (pointer: fine) {
+  .tabulator .tabulator-col-resize-handle:hover {
+    cursor: ew-resize;
+  }
+}
+.tabulator .tabulator-col-resize-handle:last-of-type {
+  width: 3px;
+  margin-right: 0;
+}
+.tabulator .tabulator-col-resize-guide {
   position: absolute;
-  right: 0;
   top: 0;
-  bottom: 0;
-  width: 5px;
+  width: 4px;
+  height: 100%;
+  margin-left: -0.5px;
+  background-color: #999;
+  opacity: 0.5;
 }
-.tabulator .tabulator-col-resize-handle.prev {
+.tabulator .tabulator-row-resize-guide {
+  position: absolute;
   left: 0;
-  right: auto;
-}
-.tabulator .tabulator-col-resize-handle:hover {
-  cursor: ew-resize;
+  width: 100%;
+  height: 4px;
+  margin-top: -0.5px;
+  background-color: #999;
+  opacity: 0.5;
 }
-.tabulator .tabulator-loader {
+.tabulator .tabulator-alert {
   position: absolute;
   display: flex;
   align-items: center;
@@ -449,7 +578,7 @@
   background: rgba(0, 0, 0, 0.4);
   text-align: center;
 }
-.tabulator .tabulator-loader .tabulator-loader-msg {
+.tabulator .tabulator-alert .tabulator-alert-msg {
   display: inline-block;
   margin: 0 auto;
   padding: 10px 20px;
@@ -458,11 +587,11 @@
   font-weight: bold;
   font-size: 16px;
 }
-.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading {
+.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {
   border: 4px solid #333;
   color: #000;
 }
-.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-error {
+.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error {
   border: 4px solid #D00;
   color: #590000;
 }
@@ -476,16 +605,20 @@
 .tabulator-row.tabulator-row-even {
   background-color: #EFEFEF;
 }
-.tabulator-row.tabulator-selectable:hover {
-  background-color: #bbb;
-  cursor: pointer;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-row.tabulator-selectable:hover {
+    background-color: #bbb;
+    cursor: pointer;
+  }
 }
 .tabulator-row.tabulator-selected {
   background-color: #9ABCEA;
 }
-.tabulator-row.tabulator-selected:hover {
-  background-color: #769BCC;
-  cursor: pointer;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-row.tabulator-selected:hover {
+    background-color: #769BCC;
+    cursor: pointer;
+  }
 }
 .tabulator-row.tabulator-row-moving {
   border: 1px solid #000;
@@ -498,6 +631,18 @@
   pointer-events: none;
   z-index: 15;
 }
+.tabulator-row.tabulator-range-highlight .tabulator-cell.tabulator-range-row-header {
+  background-color: #D6D6D6;
+  color: #000000;
+}
+.tabulator-row.tabulator-range-highlight.tabulator-range-selected .tabulator-cell.tabulator-range-row-header {
+  background-color: #3876ca;
+  color: #FFFFFF;
+}
+.tabulator-row.tabulator-range-selected .tabulator-cell.tabulator-range-row-header {
+  background-color: #3876ca;
+  color: #FFFFFF;
+}
 .tabulator-row .tabulator-row-resize-handle {
   position: absolute;
   right: 0;
@@ -509,20 +654,10 @@
   top: 0;
   bottom: auto;
 }
-.tabulator-row .tabulator-row-resize-handle:hover {
-  cursor: ns-resize;
-}
-.tabulator-row .tabulator-frozen {
-  display: inline-block;
-  position: absolute;
-  background-color: inherit;
-  z-index: 10;
-}
-.tabulator-row .tabulator-frozen.tabulator-frozen-left {
-  border-right: 2px solid #aaa;
-}
-.tabulator-row .tabulator-frozen.tabulator-frozen-right {
-  border-left: 2px solid #aaa;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-row .tabulator-row-resize-handle:hover {
+    cursor: ns-resize;
+  }
 }
 .tabulator-row .tabulator-responsive-collapse {
   box-sizing: border-box;
@@ -552,6 +687,25 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  outline: none;
+}
+.tabulator-row .tabulator-cell.tabulator-row-header {
+  border-right: 1px solid #999;
+  border-bottom: 1px solid #aaa;
+  background: #e6e6e6;
+}
+.tabulator-row .tabulator-cell.tabulator-frozen {
+  display: inline-block;
+  position: sticky;
+  left: 0;
+  background-color: inherit;
+  z-index: 11;
+}
+.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
+  border-right: 2px solid #aaa;
+}
+.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
+  border-left: 2px solid #aaa;
 }
 .tabulator-row .tabulator-cell.tabulator-editing {
   border: 1px solid #1D68CD;
@@ -561,6 +715,7 @@
 .tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select {
   border: 1px;
   background: transparent;
+  outline: none;
 }
 .tabulator-row .tabulator-cell.tabulator-validation-fail {
   border: 1px solid #dd0000;
@@ -570,9 +725,6 @@
   background: transparent;
   color: #dd0000;
 }
-.tabulator-row .tabulator-cell:first-child .tabulator-col-resize-handle.prev {
-  display: none;
-}
 .tabulator-row .tabulator-cell.tabulator-row-handle {
   display: inline-flex;
   align-items: center;
@@ -591,6 +743,13 @@
   margin-top: 2px;
   background: #666;
 }
+.tabulator-row .tabulator-cell.tabulator-range-selected:not(.tabulator-range-only-cell-selected):not(.tabulator-range-row-header) {
+  background-color: #9ABCEA;
+}
+.tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty {
+  display: inline-block;
+  width: 7px;
+}
 .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
   display: inline-block;
   vertical-align: middle;
@@ -615,9 +774,11 @@
   background: rgba(0, 0, 0, 0.1);
   overflow: hidden;
 }
-.tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
-  cursor: pointer;
-  background: rgba(0, 0, 0, 0.2);
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
+    cursor: pointer;
+    background: rgba(0, 0, 0, 0.2);
+  }
 }
 .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
   display: inline-block;
@@ -667,8 +828,11 @@
   font-weight: bold;
   font-size: 1.1em;
 }
-.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
-  opacity: 0.7;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
+    opacity: 0.7;
+    cursor: pointer;
+  }
 }
 .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
   display: initial;
@@ -676,6 +840,9 @@
 .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open {
   display: none;
 }
+.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg {
+  stroke: #fff;
+}
 .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
   display: none;
 }
@@ -696,9 +863,11 @@
   font-weight: bold;
   min-width: 100%;
 }
-.tabulator-row.tabulator-group:hover {
-  cursor: pointer;
-  background-color: rgba(0, 0, 0, 0.1);
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-row.tabulator-group:hover {
+    cursor: pointer;
+    background-color: rgba(0, 0, 0, 0.1);
+  }
 }
 .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
   margin-right: 10px;
@@ -741,7 +910,23 @@
   color: #d00;
 }
 
-.tabulator-menu {
+.tabulator-toggle {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  border: 1px solid #ccc;
+  background: #dcdcdc;
+}
+.tabulator-toggle.tabulator-toggle-on {
+  background: #1c6cc2;
+}
+.tabulator-toggle .tabulator-toggle-switch {
+  box-sizing: border-box;
+  border: 1px solid #ccc;
+  background: #fff;
+}
+
+.tabulator-popup-container {
   position: absolute;
   display: inline-block;
   box-sizing: border-box;
@@ -753,6 +938,21 @@
   -webkit-overflow-scrolling: touch;
   z-index: 10000;
 }
+
+.tabulator-popup {
+  padding: 5px;
+  border-radius: 3px;
+}
+
+.tabulator-tooltip {
+  max-width: min(500px, 100%);
+  padding: 3px 5px;
+  border-radius: 2px;
+  box-shadow: none;
+  font-size: 12px;
+  pointer-events: none;
+}
+
 .tabulator-menu .tabulator-menu-item {
   position: relative;
   box-sizing: border-box;
@@ -762,9 +962,11 @@
 .tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
   opacity: 0.5;
 }
-.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
-  cursor: pointer;
-  background: #EFEFEF;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
+    cursor: pointer;
+    background: #EFEFEF;
+  }
 }
 .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {
   padding-right: 25px;
@@ -787,49 +989,58 @@
   border-top: 1px solid #aaa;
 }
 
-.tabulator-edit-select-list {
-  position: absolute;
-  display: inline-block;
-  box-sizing: border-box;
+.tabulator-edit-list {
   max-height: 200px;
-  background: #fff;
-  border: 1px solid #aaa;
   font-size: 14px;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
-  z-index: 10000;
 }
-.tabulator-edit-select-list .tabulator-edit-select-list-item {
+.tabulator-edit-list .tabulator-edit-list-item {
   padding: 4px;
   color: #333;
+  outline: none;
 }
-.tabulator-edit-select-list .tabulator-edit-select-list-item.active {
+.tabulator-edit-list .tabulator-edit-list-item.active {
   color: #fff;
   background: #1D68CD;
 }
-.tabulator-edit-select-list .tabulator-edit-select-list-item.active.focused {
+.tabulator-edit-list .tabulator-edit-list-item.active.focused {
   outline: 1px solid rgba(255, 255, 255, 0.5);
 }
-.tabulator-edit-select-list .tabulator-edit-select-list-item.focused {
+.tabulator-edit-list .tabulator-edit-list-item.focused {
   outline: 1px solid #1D68CD;
 }
-.tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
-  cursor: pointer;
-  color: #fff;
-  background: #1D68CD;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-edit-list .tabulator-edit-list-item:hover {
+    cursor: pointer;
+    color: #fff;
+    background: #1D68CD;
+  }
 }
-.tabulator-edit-select-list .tabulator-edit-select-list-notice {
+.tabulator-edit-list .tabulator-edit-list-placeholder {
   padding: 4px;
   color: #333;
   text-align: center;
 }
-.tabulator-edit-select-list .tabulator-edit-select-list-group {
+.tabulator-edit-list .tabulator-edit-list-group {
   border-bottom: 1px solid #aaa;
   padding: 4px;
   padding-top: 6px;
   color: #333;
   font-weight: bold;
 }
+.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2, .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2 {
+  padding-left: 12px;
+}
+.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3, .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3 {
+  padding-left: 20px;
+}
+.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4, .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4 {
+  padding-left: 28px;
+}
+.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5, .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5 {
+  padding-left: 36px;
+}
 
 .tabulator.tabulator-ltr {
   direction: ltr;
@@ -852,10 +1063,21 @@
   padding-right: 0;
   padding-left: 25px;
 }
-.tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
+.tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
   left: 8px;
   right: initial;
 }
+.tabulator.tabulator-rtl .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active::after {
+  content: "";
+  position: absolute;
+  left: -3px;
+  right: initial;
+  bottom: -3px;
+  width: 6px;
+  height: 6px;
+  background-color: #2975DD;
+  border-radius: 999px;
+}
 .tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
   border-right: initial;
   border-left: 1px solid #aaa;
@@ -872,14 +1094,19 @@
   margin-right: initial;
   margin-left: 5px;
 }
-.tabulator.tabulator-rtl .tabulator-col-resize-handle {
-  position: absolute;
-  left: 0;
-  right: auto;
+.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
+  border-left: 2px solid #aaa;
 }
-.tabulator.tabulator-rtl .tabulator-col-resize-handle.prev {
-  right: 0;
-  left: auto;
+.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
+  border-right: 2px solid #aaa;
+}
+.tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type {
+  width: 3px;
+  margin-left: 0;
+  margin-right: -3px;
+}
+.tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder {
+  text-align: initial;
 }
 
 .tabulator-print-fullscreen {
@@ -920,9 +1147,11 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   font-weight: bold;
   min-width: 100%;
 }
-.tabulator-print-table .tabulator-print-table-group:hover {
-  cursor: pointer;
-  background-color: rgba(0, 0, 0, 0.1);
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-print-table .tabulator-print-table-group:hover {
+    cursor: pointer;
+    background-color: rgba(0, 0, 0, 0.1);
+  }
 }
 .tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
   margin-right: 10px;
@@ -977,9 +1206,11 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   background: rgba(0, 0, 0, 0.1);
   overflow: hidden;
 }
-.tabulator-print-table .tabulator-data-tree-control:hover {
-  cursor: pointer;
-  background: rgba(0, 0, 0, 0.2);
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-print-table .tabulator-data-tree-control:hover {
+    cursor: pointer;
+    background: rgba(0, 0, 0, 0.2);
+  }
 }
 .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
   display: inline-block;
@@ -1028,7 +1259,7 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   --table-row-background-color--hover: var(
       --lime-elevated-surface-background-color
   );
-  --table-row-background-color--active: var(--contrast-300);
+  --table-row-background-color--active: var(--mdc-theme-primary);
   --table-arrow-color: var(--contrast-800);
   --table-arrow-color--active: var(
       --lime-primary-color,
@@ -1054,7 +1285,7 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
 .tabulator .tabulator-header {
   flex-shrink: 0;
 }
-.tabulator .tabulator-tableHolder {
+.tabulator .tabulator-tableholder {
   isolation: isolate;
   flex-grow: 1;
   height: unset !important;
@@ -1079,7 +1310,7 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
 .tabulator .tabulator-header {
   color: var(--table-text-color);
 }
-.tabulator .tabulator-tableHolder .tabulator-table {
+.tabulator .tabulator-tableholder .tabulator-table {
   color: var(--table-text-color);
   background-color: transparent;
 }
@@ -1095,7 +1326,7 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   background-color: rgb(var(--table-header-background-color));
   border-right-color: rgb(var(--contrast-200));
 }
-.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
+.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
   background-color: rgb(var(--table-header-background-color--hover));
 }
 .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
@@ -1174,39 +1405,32 @@ limel-chip {
  * Nothing in this file may output any CSS
  * without being explicitly called by outside code.
  */
-.tabulator-col-sorter {
-  transition: opacity 0.2s ease;
-  right: 0 !important;
-  position: relative !important;
-  justify-content: center;
+.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
+  position: relative;
   cursor: pointer;
+  transition: opacity 0.2s ease;
+  right: 0;
 }
-[aria-sort=none] .tabulator-col-sorter {
+
+.tabulator-sortable[aria-sort=none] .tabulator-col-sorter {
   opacity: 0;
 }
-[aria-sort=desc] .tabulator-col-sorter, [aria-sort=asc] .tabulator-col-sorter {
+.tabulator-sortable[aria-sort=none]:hover .tabulator-col-sorter {
   opacity: 1;
 }
-[aria-sort=desc] .tabulator-col-sorter:before, [aria-sort=asc] .tabulator-col-sorter:before {
-  position: absolute;
-  content: "";
-  width: 0.125rem;
-  height: 0.4rem;
-  background-color: var(--table-arrow-color--active);
+.tabulator-sortable[aria-sort=none]:hover .tabulator-col-sorter .tabulator-arrow {
+  animation: indicate-sortable-unsorted-column 2s ease forwards;
 }
-
-.tabulator-sortable[aria-sort=desc]:hover .tabulator-col-sorter, .tabulator-sortable[aria-sort=asc]:hover .tabulator-col-sorter {
+.tabulator-sortable[aria-sort=desc] .tabulator-col-sorter, .tabulator-sortable[aria-sort=asc] .tabulator-col-sorter {
   opacity: 1;
-  animation: indicate-sortable-sorted-column 0.5s ease;
 }
-.tabulator-sortable[aria-sort=none]:hover .tabulator-col-sorter {
+.tabulator-sortable[aria-sort=desc]:hover .tabulator-col-sorter, .tabulator-sortable[aria-sort=asc]:hover .tabulator-col-sorter {
   opacity: 1;
-}
-.tabulator-sortable[aria-sort=none]:hover .tabulator-col-sorter .tabulator-arrow {
-  animation: indicate-sortable-unsorted-column 2s ease forwards;
+  animation: indicate-sortable-sorted-column 0.5s ease;
 }
 
 .tabulator-arrow {
+  rotate: 180deg;
   transition: border 0.2s ease;
   border-left: 0.25rem solid transparent !important;
   border-right: 0.25rem solid transparent !important;
@@ -1222,14 +1446,14 @@ limel-chip {
 }
 .tabulator#tabulator-table .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-arrow {
   height: 0;
-  transform: translate3d(0, -0.2rem, 0) rotate(180deg);
+  transform: translate3d(0, -0.2rem, 0);
   border-top-width: 0.25rem;
   border-bottom-width: 0;
   border-top-color: var(--table-arrow-color--active);
 }
 .tabulator#tabulator-table .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-arrow {
   height: 0;
-  transform: translate3d(0, 0.2rem, 0) rotate(180deg);
+  transform: translate3d(0, 0.2rem, 0);
   border-top-width: 0;
   border-bottom-width: 0.25rem;
   border-bottom-color: var(--table-arrow-color--active);
@@ -1608,9 +1832,21 @@ button.tabulator-page[data-page=first]:not([disabled]):hover:after, button.tabul
   position: absolute;
   inset: 0;
   min-height: 0.125rem;
-  transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  transition: color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);
   background-color: rgb(var(--limel-table-row-background-color));
 }
+.tabulator-row:active .interactive-feedback {
+  --limel-clickable-transform-timing-function: cubic-bezier(
+      0.83,
+      -0.15,
+      0.49,
+      1.16
+  );
+}
+.tabulator-row:hover .interactive-feedback, .tabulator-row:active .interactive-feedback {
+  --limel-clickable-transition-speed: 0.2s;
+  --limel-clickable-transform-speed: 0.16s;
+}
 
 .tabulator-row:not(.tabulator-calcs) {
   background-color: transparent;
@@ -1632,16 +1868,9 @@ button.tabulator-page[data-page=first]:not([disabled]):hover:after, button.tabul
   pointer-events: auto;
 }
 .tabulator-row:not(.tabulator-calcs).tabulator-selectable:hover {
+  background-color: var(--table-row-background-color--hover);
   z-index: 2;
 }
-.tabulator-row:not(.tabulator-calcs).tabulator-selectable.active {
-  --limel-table-row-background-color: var(
-      --table-row-background-color--active
-  );
-}
-.tabulator-row:not(.tabulator-calcs).tabulator-selectable.active .interactive-feedback {
-  box-shadow: var(--button-shadow-inset-pressed);
-}
 .tabulator-row:not(.tabulator-calcs).tabulator-selectable.active:before {
   content: "";
   display: inline-block;
@@ -1659,7 +1888,20 @@ button.tabulator-page[data-page=first]:not([disabled]):hover:after, button.tabul
 }
 :host(.has-interactive-rows) .tabulator-row:not(.tabulator-calcs).tabulator-selectable:active .interactive-feedback {
   box-shadow: var(--button-shadow-pressed);
-  transform: translate3d(0, 0.08rem, 0);
+  transform: translate3d(0, 0.05rem, 0);
+}
+:host(.has-interactive-rows) .tabulator-row:not(.tabulator-calcs).tabulator-selectable.active {
+  --limel-table-row-background-color: var(
+      --table-row-background-color--active
+  );
+}
+:host(.has-interactive-rows) .tabulator-row:not(.tabulator-calcs).tabulator-selectable.active .interactive-feedback {
+  opacity: 0.2;
+  background-color: var(--table-row-background-color--active);
+  box-shadow: var(--button-shadow-inset-pressed);
+}
+:host(.has-interactive-rows) .tabulator-row:not(.tabulator-calcs).tabulator-selectable.active .interactive-feedback:hover {
+  opacity: 0.3;
 }
 :host(.has-interactive-rows) .tabulator-row:not(.tabulator-calcs).tabulator-selectable:not(.active) .interactive-feedback:hover {
   background-color: var(--table-row-background-color--hover);
@@ -1704,7 +1946,7 @@ button.tabulator-page[data-page=first]:not([disabled]):hover:after, button.tabul
 :host(.has-pagination-on-top) .tabulator .tabulator-header {
   order: 2;
 }
-:host(.has-pagination-on-top) .tabulator .tabulator-tableHolder {
+:host(.has-pagination-on-top) .tabulator .tabulator-tableholder {
   order: 3;
 }
 :host(.has-pagination-on-top) .tabulator .tabulator-footer {
@@ -1715,7 +1957,7 @@ button.tabulator-page[data-page=first]:not([disabled]):hover:after, button.tabul
   position: absolute;
   bottom: 0;
 }
-:host(.has-pagination-on-top):has(.tabulator-calcs-holder) .tabulator-tableHolder {
+:host(.has-pagination-on-top):has(.tabulator-calcs-holder) .tabulator-tableholder {
   margin-bottom: 1.5rem;
 }
 :host(.has-pagination-on-top) .select-all {
@@ -1873,13 +2115,14 @@ button.tabulator-page[data-page=first]:not([disabled]):hover:after, button.tabul
 
 .tabulator .tabulator-footer {
   transition: transform 0.5s ease-out, opacity 0.35s ease;
-  padding-top: 0;
-  padding-bottom: 0;
   color: var(--table-text-color);
   background-color: rgb(var(--table-header-background-color--hover));
   border: none;
   user-select: auto;
 }
+.tabulator .tabulator-footer .tabulator-footer-contents {
+  padding: 0 0.25rem;
+}
 .tabulator .tabulator-footer .tabulator-calcs-holder {
   border-color: rgb(var(--contrast-500));
   background: rgb(var(--contrast-500)) !important;