@limetech/lime-elements 35.0.0-next.31 → 35.0.0-next.34

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

@@ -935,6 +935,144 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   background: #333;
 }
 
+:host {
+  display: block;
+  --table-header-background-color: var(--contrast-500);
+  --table-header-background-color--hover: var(--contrast-400);
+  --table-header-background-color-when-being-dragged: var(--contrast-100);
+  --table-row-background-color--odd: var(--contrast-200);
+  --table-row-background-color--even: var(--contrast-100);
+  --table-row-background-color--hover: var(--contrast-100);
+  --table-row-background-color--active: var(--color-teal-lighter);
+  --table-arrow-color: var(--contrast-800);
+  --table-arrow-color--active: var(--mdc-theme-primary);
+}
+
+#tabulator-container,
+#tabulator-table {
+  height: 100%;
+  width: 100%;
+}
+
+.tabulator {
+  display: flex;
+  flex-direction: column;
+}
+.tabulator * {
+  box-sizing: border-box;
+}
+.tabulator .tabulator-header {
+  flex-shrink: 0;
+}
+.tabulator .tabulator-tableHolder {
+  isolation: isolate;
+  flex-grow: 1;
+  height: unset !important;
+  max-height: unset !important;
+  min-height: unset !important;
+}
+.tabulator .tabulator-footer {
+  flex-shrink: 0;
+}
+
+#tabulator-container:not(.has-pagination) .tabulator-paginator {
+  visibility: hidden;
+  display: none !important;
+}
+
+#tabulator-container {
+  position: relative;
+}
+
+#tabulator-container,
+#tabulator-table {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  font-family: Roboto, sans-serif;
+  /* @alternate */
+  font-family: var(--mdc-typography-font-family, Roboto, sans-serif);
+  background-color: transparent;
+  border: none;
+}
+
+.tabulator .tabulator-header {
+  border-bottom: 0;
+  background-color: rgb(var(--table-header-background-color));
+}
+.tabulator .tabulator-header .tabulator-headers {
+  width: fit-content;
+}
+.tabulator .tabulator-header .tabulator-col {
+  transition: background-color 0.2s ease;
+  background-color: rgb(var(--table-header-background-color));
+  border-right-color: rgb(var(--contrast-200));
+}
+.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
+  background-color: rgb(var(--table-header-background-color--hover));
+}
+.tabulator .tabulator-header .tabulator-col-title {
+  font-weight: 500;
+  padding-left: 0.125rem;
+  line-height: 1.25rem;
+}
+
+.tabulator-row.tabulator-selectable {
+  transition: background-color 0.2s ease;
+}
+.tabulator-row.tabulator-selectable:not(.active):hover {
+  background-color: rgb(var(--table-header-background-color));
+}
+.tabulator-row.tabulator-row-odd {
+  background-color: rgb(var(--table-row-background-color--odd));
+}
+.tabulator-row.tabulator-row-even {
+  background-color: rgb(var(--table-row-background-color--even));
+}
+.tabulator-row.active, .tabulator-row.active:hover {
+  background-color: rgb(var(--table-row-background-color--active));
+}
+.tabulator-row .tabulator-cell {
+  border-right: transparent;
+  padding: 0.5rem;
+  display: inline-flex;
+  align-items: center;
+}
+.tabulator-row .tabulator-cell[style*="text-align: right;"] {
+  justify-content: flex-end;
+}
+.tabulator-row .tabulator-cell[style*="text-align: center;"] {
+  justify-content: center;
+}
+
+.tabulator-col,
+.tabulator-cell {
+  max-width: 37.5rem;
+  font-size: 0.8125rem;
+}
+
+#tabulator-loader,
+#tabulator-empty-text {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+#tabulator-loader {
+  background-color: rgba(var(--contrast-100), 0.6);
+  cursor: wait;
+}
+
+#tabulator-empty-text {
+  color: rgb(var(--contrast-800));
+  font-weight: bold;
+  font-size: 1.25rem;
+  pointer-events: none;
+}
+
 /*
  * This file is imported into every component!
  *
@@ -1018,13 +1156,13 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
  * Nothing in this file may output any CSS
  * without being explicitly called by outside code.
  */
-.tabulator .tabulator-footer {
-  transition: transform 0.5s ease-out, opacity 0.35s ease;
-}
 .tabulator .tabulator-footer .tabulator-paginator {
+  box-sizing: border-box;
   display: grid;
   grid-auto-flow: column;
   justify-content: end;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
 }
 .tabulator .tabulator-footer .tabulator-paginator .tabulator-pages {
   margin: 0 0.5rem;
@@ -1040,7 +1178,7 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   margin: 0;
   border: none;
   border-radius: 2.5rem;
-  color: #303042;
+  color: rgb(var(--contrast-1200)) !important;
   background-color: transparent;
 }
 .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:not([disabled]) {
@@ -1054,12 +1192,11 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   transform: translate3d(0, 0.08rem, 0);
 }
 .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:hover {
-  color: #303042;
-  background-color: rgb(var(--contrast-200));
+  background-color: rgb(var(--contrast-100));
 }
 .tabulator .tabulator-footer .tabulator-paginator .tabulator-page.active {
+  background-color: rgb(var(--contrast-100));
   box-shadow: var(--button-shadow-inset);
-  background-color: #fff;
 }
 .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:disabled {
   cursor: not-allowed;
@@ -1068,27 +1205,6 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   background-color: transparent;
 }
 
-.tabulator:not(.has-pagination):not(.has-aggregation) .tabulator-tableHolder {
-  height: calc(100% - 2.125rem) !important;
-  max-height: calc(100% - 2.125rem) !important;
-}
-.tabulator:not(.has-pagination).has-aggregation .tabulator-tableHolder {
-  height: calc(100% - (
-                        2.125rem + 2.25rem
-                    )) !important;
-  max-height: calc(100% - (
-                        2.125rem + 2.25rem
-                    )) !important;
-}
-.tabulator:not(.has-pagination) .tabulator-footer {
-  pointer-events: none;
-}
-.tabulator:not(.has-pagination) .tabulator-footer .tabulator-paginator {
-  visibility: hidden;
-  opacity: 0;
-  transform: translateY(2.5rem);
-}
-
 .tabulator-page[data-page=first], .tabulator-page[data-page=prev], .tabulator-page[data-page=next], .tabulator-page[data-page=last] {
   font-size: 0;
   color: transparent !important;
@@ -1221,6 +1337,31 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   border-radius: 0 0.5rem 0.5rem 0;
 }
 
+:host(.has-pagination-on-top) .tabulator .tabulator-header {
+  order: 2;
+}
+:host(.has-pagination-on-top) .tabulator .tabulator-tableHolder {
+  order: 3;
+}
+:host(.has-pagination-on-top) .tabulator .tabulator-footer {
+  order: 1;
+  background-color: transparent;
+}
+:host(.has-pagination-on-top) .tabulator .tabulator-calcs-holder {
+  position: absolute;
+  bottom: 0;
+}
+:host(.has-pagination-on-top) .has-aggregation .tabulator-tableHolder {
+  padding-bottom: 1.75rem;
+}
+:host(.has-pagination-on-top) .select-all {
+  top: 2.625rem;
+}
+:host(.has-pagination-on-top) #tabulator-container:not(.has-pagination) .tabulator-paginator {
+  display: grid !important;
+  opacity: 0;
+}
+
 /*
  * This file is imported into every component!
  *
@@ -1261,13 +1402,13 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
     transform: rotate(-2deg);
   }
 }
-.tabulator.has-movable-columns .tabulator-header {
+.has-movable-columns .tabulator-header {
   overflow-y: visible;
 }
-.tabulator.has-movable-columns .tabulator-header .tabulator-col:not(.tabulator-frozen) {
+.has-movable-columns .tabulator-header .tabulator-col:not(.tabulator-frozen) {
   cursor: move !important;
 }
-.tabulator.has-movable-columns .tabulator-header .tabulator-col:not(.tabulator-frozen).tabulator-sortable.tabulator-moving {
+.has-movable-columns .tabulator-header .tabulator-col:not(.tabulator-frozen).tabulator-sortable.tabulator-moving {
   animation: detach-a-column-header 0.2s ease forwards;
   opacity: 0.9;
   border: none;
@@ -1275,13 +1416,34 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   background-color: rgb(var(---table-header-background-color-when-being-dragged));
   box-shadow: var(--shadow-depth-16);
 }
-.tabulator.has-movable-columns .tabulator-header .tabulator-col:not(.tabulator-frozen).tabulator-sortable.tabulator-moving:hover {
+.has-movable-columns .tabulator-header .tabulator-col:not(.tabulator-frozen).tabulator-sortable.tabulator-moving:hover {
   background-color: rgb(var(---table-header-background-color-when-being-dragged));
 }
-.tabulator.has-movable-columns .tabulator-header .tabulator-col:not(.tabulator-frozen).tabulator-sortable.tabulator-moving .tabulator-arrow:before {
+.has-movable-columns .tabulator-header .tabulator-col:not(.tabulator-frozen).tabulator-sortable.tabulator-moving .tabulator-arrow:before {
   background-color: rgb(var(---table-header-background-color-when-being-dragged));
 }
 
+.tabulator .tabulator-footer {
+  transition: transform 0.5s ease-out, opacity 0.35s ease;
+  padding-top: 0;
+  padding-bottom: 0;
+  background-color: rgb(var(--table-header-background-color--hover));
+  border: none;
+  user-select: auto;
+}
+.tabulator .tabulator-footer .tabulator-calcs-holder {
+  border-color: rgb(var(--contrast-600));
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-calcs {
+  cursor: default;
+}
+.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-cell {
+  padding-top: 0.1875rem;
+  padding-bottom: 0.1875rem;
+}
+
 /*
  * This file is imported into every component!
  *
@@ -1349,131 +1511,15 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   display: none;
 }
 
-.tabulator.has-movable-columns .tabulator-header .tabulator-col.limel-table--row-selector {
+.has-movable-columns .tabulator-header .tabulator-col.limel-table--row-selector {
   border: none;
-  cursor: default;
+  cursor: default !important;
   pointer-events: none;
   background-color: transparent;
   background-image: linear-gradient(to right, rgb(var(--table-header-background-color--hover)) 70%, rgb(var(--table-header-background-color--hover), 0));
-  position: sticky;
   left: 0;
 }
 
 .has-selection .tabulator-calcs .tabulator-cell {
   color: var(--table-arrow-color--active);
-}
-
-:host {
-  display: block;
-  --table-header-background-color: var(--contrast-500);
-  --table-header-background-color--hover: var(--contrast-400);
-  --table-header-background-color-when-being-dragged: var(--contrast-100);
-  --table-row-background-color--odd: var(--contrast-200);
-  --table-row-background-color--even: var(--contrast-100);
-  --table-row-background-color--hover: var(--contrast-100);
-  --table-row-background-color--active: var(--color-teal-lighter);
-  --table-arrow-color: var(--contrast-800);
-  --table-arrow-color--active: var(--mdc-theme-primary);
-}
-
-#tabulator-container {
-  position: relative;
-}
-
-#tabulator-container,
-#tabulator-table {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  font-family: Roboto, sans-serif;
-  /* @alternate */
-  font-family: var(--mdc-typography-font-family, Roboto, sans-serif);
-  height: 100%;
-  width: 100%;
-  background-color: transparent;
-  border: none;
-}
-
-.tabulator .tabulator-header {
-  border-bottom: 0;
-  background-color: rgb(var(--table-header-background-color));
-}
-.tabulator .tabulator-header .tabulator-col {
-  transition: background-color 0.2s ease;
-  background-color: rgb(var(--table-header-background-color));
-  border-right-color: rgb(var(--contrast-200));
-}
-.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
-  background-color: rgb(var(--table-header-background-color--hover));
-}
-.tabulator .tabulator-header .tabulator-col-title {
-  font-weight: 500;
-  padding-left: 0.125rem;
-}
-.tabulator .tabulator-footer {
-  background-color: rgb(var(--table-header-background-color--hover));
-  border: none;
-  user-select: auto;
-}
-.tabulator .tabulator-footer .tabulator-calcs-holder {
-  border-color: rgb(var(--contrast-600));
-}
-
-.tabulator-row.tabulator-calcs {
-  cursor: default !important;
-}
-.tabulator-row.tabulator-selectable {
-  transition: background-color 0.2s ease;
-}
-.tabulator-row.tabulator-selectable:not(.active):hover {
-  background-color: rgb(var(--table-header-background-color));
-}
-.tabulator-row.tabulator-row-odd {
-  background-color: rgb(var(--table-row-background-color--odd));
-}
-.tabulator-row.tabulator-row-even {
-  background-color: rgb(var(--table-row-background-color--even));
-}
-.tabulator-row.active, .tabulator-row.active:hover {
-  background-color: rgb(var(--table-row-background-color--active));
-}
-.tabulator-row .tabulator-cell {
-  border-right: transparent;
-  padding: 0.5rem;
-  display: inline-flex;
-  align-items: center;
-}
-.tabulator-row .tabulator-cell[style*="text-align: right;"] {
-  justify-content: flex-end;
-}
-.tabulator-row .tabulator-cell[style*="text-align: center;"] {
-  justify-content: center;
-}
-
-.tabulator-col,
-.tabulator-cell {
-  max-width: 37.5rem;
-  font-size: 0.8125rem;
-}
-
-#tabulator-loader,
-#tabulator-empty-text {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-#tabulator-loader {
-  background-color: rgba(var(--contrast-100), 0.6);
-  cursor: wait;
-}
-
-#tabulator-empty-text {
-  color: rgb(var(--contrast-800));
-  font-weight: bold;
-  font-size: 1.25rem;
-  pointer-events: none;
 }

package/dist/collection/components/table/table.js

@@ -433,18 +433,18 @@ export class Table {
   }
   render() {
     var _a;
-    return (h("div", { id: "tabulator-container" },
+    return (h("div", { id: "tabulator-container", class: {
+        'has-pagination': this.totalRows > this.pageSize,
+        'has-aggregation': this.hasAggregation(this.columns),
+        'has-movable-columns': this.movableColumns,
+        'has-rowselector': this.selectable,
+        'has-selection': (_a = this.tableSelection) === null || _a === void 0 ? void 0 : _a.hasSelection,
+      } },
       h("div", { id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } },
         h("limel-spinner", { size: "large" })),
       this.renderEmptyMessage(),
       this.renderSelectAll(),
-      h("div", { id: "tabulator-table", class: {
-          'has-pagination': this.totalRows > this.pageSize,
-          'has-aggregation': this.hasAggregation(this.columns),
-          'has-movable-columns': this.movableColumns,
-          'has-rowselector': this.selectable,
-          'has-selection': (_a = this.tableSelection) === null || _a === void 0 ? void 0 : _a.hasSelection,
-        } })));
+      h("div", { id: "tabulator-table" })));
   }
   renderSelectAll() {
     var _a, _b, _c;

package/dist/esm/limel-file.entry.js

@@ -117,7 +117,7 @@ const filetypeIconTable = {
   dbf: DATA_ICON,
 };
 function getIconForFile(extension) {
-  return filetypeIconTable[extension] || DEFAULT_ICON;
+  return filetypeIconTable[extension.toLowerCase()] || DEFAULT_ICON;
 }
 
 const DEFAULT_ICON_FILL_COLOR = 'rgb(var(--color-gray-dark))';
@@ -229,7 +229,8 @@ const filetypeFillColorTable = {
   dbf: DATA_ICON_FILL_COLOR,
 };
 function getIconFillColorForFile(extension) {
-  return filetypeFillColorTable[extension] || DEFAULT_ICON_FILL_COLOR;
+  return (filetypeFillColorTable[extension.toLowerCase()] ||
+    DEFAULT_ICON_FILL_COLOR);
 }
 
 const DEFAULT_ICON_BACKGROUND_COLOR = 'rgba(var(--color-gray-lighter), 0.4)';
@@ -341,7 +342,8 @@ const filetypeBackgroundColorTable = {
   dbf: DATA_ICON_BACKGROUND_COLOR,
 };
 function getIconBackgroundColorForFile(extension) {
-  return (filetypeBackgroundColorTable[extension] || DEFAULT_ICON_BACKGROUND_COLOR);
+  return (filetypeBackgroundColorTable[extension.toLowerCase()] ||
+    DEFAULT_ICON_BACKGROUND_COLOR);
 }
 
 function getFileIcon(file) {