@limetech/lime-elements 34.2.0-next.4 → 35.0.0-next.10

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

@@ -952,13 +952,13 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   cursor: pointer;
 }
 [aria-sort=none] .tabulator-arrow {
-  border-bottom-color: rgb(var(--contrast-800)) !important;
+  border-bottom-color: rgb(var(--table-arrow-color)) !important;
 }
 [aria-sort=desc] .tabulator-arrow {
-  border-top-color: rgb(var(--color-teal-light)) !important;
+  border-top-color: rgb(var(--table-arrow-color--active)) !important;
 }
 [aria-sort=asc] .tabulator-arrow {
-  border-bottom-color: rgb(var(--color-teal-light)) !important;
+  border-bottom-color: rgb(var(--table-arrow-color--active)) !important;
 }
 .tabulator-arrow:before, .tabulator-arrow:after {
   display: block;
@@ -967,7 +967,7 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   bottom: 0;
 }
 .tabulator-arrow:before {
-  background-color: rgb(var(--contrast-500));
+  background-color: rgb(var(--table-header-background-color));
   width: 0.5rem;
   height: 0.5rem;
   transform: rotate(45deg);
@@ -976,7 +976,7 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
 }
 .tabulator-arrow:after {
   width: 0.125rem;
-  background-color: rgb(var(--contrast-800));
+  background-color: rgb(var(--table-arrow-color));
   height: 0.5625rem;
   top: 0.125rem;
   left: -0.0625rem;
@@ -991,7 +991,7 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   top: -0.6875rem;
 }
 [aria-sort=desc] .tabulator-arrow:after, [aria-sort=asc] .tabulator-arrow:after {
-  background-color: rgb(var(--color-teal-light));
+  background-color: rgb(var(--table-arrow-color--active));
 }
 
 @keyframes indicate-sortable-column {
@@ -1156,21 +1156,21 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
  * Nothing in this file may output any CSS
  * without being explicitly called by outside code.
  */
-:host(.has-interactive-rows) .tabulator-row.tabulator-selectable {
+:host(.has-interactive-rows) .tabulator-row:not(.tabulator-calcs).tabulator-selectable {
   transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
 }
-:host(.has-interactive-rows) .tabulator-row.tabulator-selectable:hover {
+:host(.has-interactive-rows) .tabulator-row:not(.tabulator-calcs).tabulator-selectable:hover {
   box-shadow: var(--button-shadow-hovered);
 }
-:host(.has-interactive-rows) .tabulator-row.tabulator-selectable:active {
+:host(.has-interactive-rows) .tabulator-row:not(.tabulator-calcs).tabulator-selectable:active {
   box-shadow: var(--button-shadow-pressed);
   transform: translate3d(0, 0.08rem, 0);
 }
-:host(.has-interactive-rows) .tabulator-row.tabulator-selectable:hover {
-  z-index: 1;
+:host(.has-interactive-rows) .tabulator-row:not(.tabulator-calcs).tabulator-selectable:hover {
+  z-index: 2;
 }
-:host(.has-interactive-rows) .tabulator-row.tabulator-selectable:not(.active):hover {
-  background-color: rgb(var(--contrast-100));
+:host(.has-interactive-rows) .tabulator-row:not(.tabulator-calcs).tabulator-selectable:not(.active):hover {
+  background-color: rgb(var(--table-row-background-color--hover));
 }
 
 :host(.has-low-density) #tabulator-table {
@@ -1263,26 +1263,109 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
 .tabulator.has-movable-columns .tabulator-header {
   overflow-y: visible;
 }
-.tabulator.has-movable-columns .tabulator-header .tabulator-col {
+.tabulator.has-movable-columns .tabulator-header .tabulator-col:not(.tabulator-frozen) {
   cursor: move !important;
 }
-.tabulator.has-movable-columns .tabulator-header .tabulator-col.tabulator-sortable.tabulator-moving {
+.tabulator.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;
   border-radius: 0.25rem;
-  background-color: rgb(var(--contrast-100));
+  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.tabulator-sortable.tabulator-moving:hover {
-  background-color: rgb(var(--contrast-100));
+.tabulator.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 {
+  background-color: rgb(var(---table-header-background-color-when-being-dragged));
+}
+
+/*
+ * This file is imported into every component!
+ *
+ * Nothing in this file may output any CSS
+ * without being explicitly called by outside code.
+ */
+.select-all,
+.limel-table--row-selector {
+  --mdc-checkbox-ripple-size: 1rem;
+}
+
+.select-all {
+  position: absolute;
+  z-index: 1;
+  left: 0;
+  top: 0.4375rem;
+  width: 2.5625rem;
+  display: flex !important;
+  align-items: center;
+  justify-content: center;
 }
-.tabulator.has-movable-columns .tabulator-header .tabulator-col.tabulator-sortable.tabulator-moving .tabulator-arrow:before {
-  background-color: rgb(var(--contrast-100));
+.select-all limel-checkbox {
+  transform: translate(-0.25rem, 0);
+}
+
+.limel-table--row-selector {
+  position: sticky !important;
+  left: 0;
+  border-width: 0;
+  justify-content: center;
+  z-index: 1;
+}
+.tabulator-row-odd .limel-table--row-selector {
+  background-image: linear-gradient(to right, rgb(var(--table-row-background-color--odd)) 70%, rgb(var(--table-row-background-color--odd), 0));
+}
+.tabulator-row-even .limel-table--row-selector {
+  background-image: linear-gradient(to right, rgb(var(--table-row-background-color--even)) 70%, rgb(var(--table-row-background-color--even), 0));
+}
+.tabulator-row:not(.tabulator-calcs):hover .limel-table--row-selector {
+  will-change: background-image;
+  background-image: linear-gradient(to right, rgb(var(--table-row-background-color--hover)) 70%, rgb(var(--table-row-background-color--hover), 0));
+}
+.tabulator-row.active .limel-table--row-selector, .tabulator-row.active:hover .limel-table--row-selector {
+  background-image: linear-gradient(to right, rgb(var(--table-row-background-color--active)) 70%, rgb(var(--table-row-background-color--active), 0));
+}
+.limel-table--row-selector limel-checkbox {
+  transition: opacity 0.2s ease;
+  align-self: center;
+  opacity: 0.3;
+  transform: translate(-0.25rem, 0);
+}
+.tabulator-row:hover .limel-table--row-selector limel-checkbox {
+  opacity: 1;
+}
+.has-selection .limel-table--row-selector limel-checkbox {
+  opacity: 1;
+}
+.limel-table--row-selector .tabulator-col-resize-handle {
+  display: none;
+}
+.limel-table--row-selector + .tabulator-col .tabulator-col-resize-handle.prev, .limel-table--row-selector + .tabulator-cell .tabulator-col-resize-handle.prev {
+  display: none;
+}
+
+.tabulator.has-movable-columns .tabulator-header .tabulator-col.limel-table--row-selector {
+  border: none;
+  cursor: default;
+  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;
 }
 
 :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(--color-teal-default);
 }
 
 #tabulator-container {
@@ -1304,46 +1387,46 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
 
 .tabulator .tabulator-header {
   border-bottom: 0;
-  background-color: rgb(var(--contrast-500));
+  background-color: rgb(var(--table-header-background-color--hover));
 }
 .tabulator .tabulator-header .tabulator-col {
   transition: background-color 0.2s ease;
-  background-color: rgb(var(--contrast-500));
+  background-color: rgb(var(--table-header-background-color--hover));
   border-right-color: rgb(var(--contrast-200));
 }
-.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
 .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
-  background-color: rgb(var(--contrast-400));
+  background-color: 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(--contrast-500));
+  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(--contrast-500));
+  background-color: rgb(var(--table-header-background-color));
 }
 .tabulator-row.tabulator-row-odd {
-  background-color: rgb(var(--contrast-200));
+  background-color: rgb(var(--table-row-background-color--odd));
 }
 .tabulator-row.tabulator-row-even {
-  background-color: rgb(var(--contrast-100));
+  background-color: rgb(var(--table-row-background-color--even));
 }
 .tabulator-row.active, .tabulator-row.active:hover {
-  background-color: rgba(var(--color-teal-light), 0.16);
+  background-color: rgb(var(--table-row-background-color--active));
 }
 .tabulator-row .tabulator-cell {
   border-right: transparent;

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

@@ -3,6 +3,7 @@ import TabulatorTable from 'tabulator-tables';
 import { ColumnDefinitionFactory, createColumnSorter } from './columns';
 import { isEqual, has } from 'lodash-es';
 import { ElementPool } from './element-pool';
+import { TableSelection } from './table-selection';
 const FIRST_PAGE = 1;
 /**
  * @exampleComponent limel-example-table
@@ -12,6 +13,7 @@ const FIRST_PAGE = 1;
  * @exampleComponent limel-example-table-local
  * @exampleComponent limel-example-table-remote
  * @exampleComponent limel-example-table-activate-row
+ * @exampleComponent limel-example-table-selectable-rows
  * @exampleComponent limel-example-table-default-sorted
  * @exampleComponent limel-example-table-low-density
  */
@@ -44,6 +46,27 @@ export class Table {
      * The page to show
      */
     this.page = FIRST_PAGE;
+    this.getActiveRows = () => {
+      if (!this.tabulator) {
+        return [];
+      }
+      return this.tabulator.getRows('active');
+    };
+    this.getActiveRowsData = () => {
+      // Note: Tabulator.getData() creates copies of each data object
+      // and will break this.selection.has checks, hence why this function
+      // intentionally retrieves the data using the row components
+      return this.getActiveRows().map((row) => row.getData());
+    };
+    this.selectAllOnChange = (ev) => {
+      const selectAll = ev.detail;
+      ev.stopPropagation();
+      ev.preventDefault();
+      const newSelection = selectAll ? this.getActiveRowsData() : [];
+      this.select.emit(newSelection);
+      this.tableSelection.setSelection(newSelection);
+      this.selectAll.emit(selectAll);
+    };
     this.getColumnOptions = () => {
       if (!this.movableColumns) {
         return {};
@@ -54,7 +77,7 @@ export class Table {
       };
     };
     this.handleMoveColumn = (_, components) => {
-      const columns = components.map(this.findColumn);
+      const columns = components.map(this.findColumn).filter((c) => c);
       this.changeColumns.emit(columns);
     };
     this.findColumn = (component) => {
@@ -69,13 +92,19 @@ export class Table {
     this.requestData = this.requestData.bind(this);
     this.onClickRow = this.onClickRow.bind(this);
     this.formatRow = this.formatRow.bind(this);
+    this.formatRows = this.formatRows.bind(this);
     this.updateMaxPage = this.updateMaxPage.bind(this);
     this.initTabulatorComponent = this.initTabulatorComponent.bind(this);
+    this.setSelection = this.setSelection.bind(this);
     this.pool = new ElementPool(document);
     this.columnFactory = new ColumnDefinitionFactory(this.pool);
   }
   componentWillLoad() {
     this.firstRequest = this.mode === 'remote';
+    if (this.selectable) {
+      this.tableSelection = new TableSelection(() => this.tabulator, this.pool, this.select);
+      this.tableSelection.setSelection(this.selection);
+    }
   }
   componentDidLoad() {
     this.init();
@@ -102,7 +131,7 @@ export class Table {
     if (!this.tabulator) {
       return;
     }
-    this.tabulator.getRows().forEach(this.formatRow);
+    this.formatRows();
   }
   updateData(newData = [], oldData = []) {
     if (isEqual(newData, oldData)) {
@@ -114,6 +143,7 @@ export class Table {
         return;
       }
       this.tabulator.replaceData(this.data);
+      this.setSelection();
     });
   }
   updateColumns(newColumns, oldColumns) {
@@ -123,16 +153,23 @@ export class Table {
     if (this.areSameColumns(newColumns, oldColumns)) {
       return;
     }
-    const existingColumns = this.tabulator
+    const columnsInTable = this.tabulator
       .getColumns()
-      .map(this.findColumn);
-    if (this.areSameColumns(newColumns, existingColumns)) {
+      .filter((c) => c.getField());
+    const oldColumnsInTable = columnsInTable.map((c) => oldColumns.find((old) => old.field === c.getField()));
+    if (this.areSameColumns(newColumns, oldColumnsInTable)) {
       return;
     }
     // Updating columns requires a reinitialization otherwise sorting will not work
     // afterwards
     this.init();
   }
+  updateSelection(newSelection) {
+    if (!this.tableSelection) {
+      return;
+    }
+    this.tableSelection.setSelection(newSelection);
+  }
   areSameColumns(newColumns, oldColumns) {
     return (newColumns.length === oldColumns.length &&
       newColumns.every((column) => oldColumns.includes(column)));
@@ -163,14 +200,22 @@ export class Table {
     // matter if its rendered or not.
     if (!('ResizeObserver' in window)) {
       this.tabulator = new TabulatorTable(table, options);
+      this.setSelection();
       return;
     }
     const observer = new ResizeObserver(() => {
       this.tabulator = new TabulatorTable(table, options);
+      this.setSelection();
       observer.unobserve(table);
     });
     observer.observe(table);
   }
+  setSelection() {
+    if (!(this.tabulator && this.tableSelection)) {
+      return;
+    }
+    this.tableSelection.setSelection(this.selection);
+  }
   updateMaxPage() {
     var _a;
     (_a = this.tabulator) === null || _a === void 0 ? void 0 : _a.setMaxPage(this.calculatePageCount());
@@ -192,7 +237,11 @@ export class Table {
     });
   }
   getColumnDefinitions() {
-    return this.columns.map(this.columnFactory.create);
+    const columnDefinitions = this.columns.map(this.columnFactory.create);
+    if (this.tableSelection) {
+      return this.tableSelection.getColumnDefinitions(columnDefinitions);
+    }
+    return columnDefinitions;
   }
   getAjaxOptions() {
     if (!this.isRemoteMode()) {
@@ -291,7 +340,11 @@ export class Table {
     }
     this.changePage.emit(page);
   }
-  onClickRow(_, row) {
+  onClickRow(_ev, row) {
+    if (typeof row.getPosition === 'undefined') {
+      // Not a data row, probably a CalcComponent
+      return;
+    }
     if (this.activeRow === row.getData()) {
       this.activeRow = null;
     }
@@ -300,6 +353,9 @@ export class Table {
     }
     this.activate.emit(this.activeRow);
   }
+  formatRows() {
+    this.tabulator.getRows().forEach(this.formatRow);
+  }
   formatRow(row) {
     if (this.activeRow === row.getData()) {
       row.getElement().classList.add('active');
@@ -319,16 +375,30 @@ export class Table {
     return columns.some((column) => has(column, 'aggregator'));
   }
   render() {
+    var _a;
     return (h("div", { id: "tabulator-container" },
       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,
         } })));
   }
+  renderSelectAll() {
+    var _a, _b, _c;
+    if (!this.selectable) {
+      return;
+    }
+    const showSelectAll = !this.loading && this.tableSelection;
+    return (h("div", { class: "select-all", style: { display: showSelectAll ? 'inline-block' : 'none' } },
+      h("limel-checkbox", { onChange: this.selectAllOnChange, checked: (_a = this.tableSelection) === null || _a === void 0 ? void 0 : _a.hasSelection, indeterminate: ((_b = this.tableSelection) === null || _b === void 0 ? void 0 : _b.hasSelection) &&
+          ((_c = this.selection) === null || _c === void 0 ? void 0 : _c.length) < this.data.length })));
+  }
   renderEmptyMessage() {
     const showEmptyMessage = !this.loading && !this.data.length && this.emptyMessage;
     return (h("div", { id: "tabulator-empty-text", style: { display: showEmptyMessage ? 'flex' : 'none' } },
@@ -537,6 +607,38 @@ export class Table {
       },
       "attribute": "empty-message",
       "reflect": false
+    },
+    "selectable": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Enables row selection"
+      },
+      "attribute": "selectable",
+      "reflect": false
+    },
+    "selection": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "object[]",
+        "resolved": "object[]",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Selected data. Requires `selectable` to be true."
+      }
     }
   }; }
   static get events() { return [{
@@ -629,6 +731,36 @@ export class Table {
           }
         }
       }
+    }, {
+      "method": "select",
+      "name": "select",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emitted when the row selection has been changed"
+      },
+      "complexType": {
+        "original": "object[]",
+        "resolved": "object[]",
+        "references": {}
+      }
+    }, {
+      "method": "selectAll",
+      "name": "selectAll",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emitted when the select all rows state is toggled"
+      },
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      }
     }]; }
   static get elementRef() { return "host"; }
   static get watchers() { return [{
@@ -649,5 +781,8 @@ export class Table {
     }, {
       "propName": "columns",
       "methodName": "updateColumns"
+    }, {
+      "propName": "selection",
+      "methodName": "updateSelection"
     }]; }
 }

package/dist/collection/style/internal/shared_input-select-picker.scss

@@ -54,6 +54,7 @@ $cropped-label-hack--font-size: 0.875rem; //14px
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
 
+    color: $input-text-color;
     font-size: functions.pxToRem(14);
     font-weight: 400;
     letter-spacing: 0.009375em;

package/dist/collection/style/internal/z-index.scss

@@ -9,7 +9,8 @@ $input-field--mdc-text-field__input--readonly: 1 !default;
 $list--has-interactive-items--mdc-list-item--hover: 1 !default;
 $list-static-actions-list: 1 !default;
 $tab-bar--active-tab: 2 !default;
-$table--has-interactive-rows--selectable-row--hover: 1 !default;
+$table--has-interactive-rows--selectable-row--hover: 2 !default;
+$table--limel-table--row-selector: 1 !default;
 $popover-before: -1 !default;
 $button-group-radio-button-keyboard-focused: 1 !default;
 $list-mdc-list-item: 0 !default;

package/dist/esm/{component-2eb4e07b.js → component-834d85a1.js}

@@ -1,7 +1,7 @@
 import { M as MDCFoundation, a as MDCComponent } from './component-d682c974.js';
 import { m as matches, c as closest } from './ponyfill-30263d5e.js';
 import { n as normalizeKey } from './keyboard-4b9e12e3.js';
-import { a as getCorrectPropertyName } from './util-71a23335.js';
+import { g as getCorrectPropertyName } from './util-f1bde91c.js';
 
 /**
  * @license

package/dist/esm/lime-elements.js

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["limel-color-picker",[[1,"limel-color-picker",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"tooltipLabel":[513,"tooltip-label"],"required":[516],"readonly":[516],"isOpen":[32]}]]],["limel-picker",[[1,"limel-picker",{"disabled":[4],"readonly":[516],"label":[1],"searchLabel":[1,"search-label"],"helperText":[513,"helper-text"],"leadingIcon":[1,"leading-icon"],"emptyResultMessage":[1,"empty-result-message"],"required":[4],"value":[16],"searcher":[16],"multiple":[4],"delimiter":[513],"actions":[16],"actionPosition":[1,"action-position"],"actionScrollBehavior":[1,"action-scroll-behavior"],"badgeIcons":[516,"badge-icons"],"items":[32],"textValue":[32],"loading":[32],"chips":[32]}]]],["limel-date-picker",[[1,"limel-date-picker",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"helperText":[513,"helper-text"],"required":[516],"value":[16],"type":[513],"format":[513],"language":[513],"formattedValue":[32],"internalFormat":[32],"showPortal":[32]}]]],["limel-button-group",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[32]}]]],["limel-select",[[1,"limel-select",{"disabled":[516],"readonly":[516],"invalid":[516],"required":[516],"label":[513],"helperText":[513,"helper-text"],"value":[16],"options":[16],"multiple":[4],"menuOpen":[32]}]]],["limel-tab-panel",[[1,"limel-tab-panel",{"tabs":[1040]}]]],["limel-file",[[1,"limel-file",{"value":[16],"label":[513],"required":[516],"disabled":[516],"readonly":[516],"accept":[513],"language":[1],"isDraggingOverDropZone":[32]}]]],["limel-menu",[[1,"limel-menu",{"items":[16],"disabled":[516],"openDirection":[513,"open-direction"],"open":[1540],"badgeIcons":[516,"badge-icons"],"gridLayout":[516,"grid-layout"]}]]],["limel-button",[[1,"limel-button",{"label":[513],"primary":[516],"outlined":[516],"icon":[513],"disabled":[516],"loading":[516]}]]],["limel-collapsible-section",[[1,"limel-collapsible-section",{"isOpen":[1540,"is-open"],"header":[513],"actions":[16]}]]],["limel-dialog",[[1,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]}]]],["limel-progress-flow",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["limel-banner",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["limel-table",[[1,"limel-table",{"data":[16],"columns":[16],"mode":[1],"pageSize":[2,"page-size"],"totalRows":[2,"total-rows"],"sorting":[16],"activeRow":[1040],"movableColumns":[4,"movable-columns"],"loading":[4],"page":[2],"emptyMessage":[1,"empty-message"]}]]],["limel-checkbox",[[1,"limel-checkbox",{"disabled":[516],"readonly":[516],"label":[513],"helperText":[513,"helper-text"],"checked":[516],"indeterminate":[516],"required":[516],"modified":[32]}]]],["limel-circular-progress",[[1,"limel-circular-progress",{"value":[2],"maxValue":[2,"max-value"],"suffix":[1],"displayPercentageColors":[4,"display-percentage-colors"],"size":[513]}]]],["limel-code-editor",[[1,"limel-code-editor",{"value":[1],"language":[1],"readonly":[4],"lineNumbers":[4,"line-numbers"],"colorScheme":[1,"color-scheme"],"random":[32]}]]],["limel-config",[[1,"limel-config",{"config":[16]}]]],["limel-flex-container",[[1,"limel-flex-container",{"direction":[513],"justify":[513],"align":[513],"reverse":[516]}]]],["limel-form",[[1,"limel-form",{"schema":[16],"value":[16],"disabled":[4],"propsFactory":[16],"transformErrors":[16]}]]],["limel-grid",[[1,"limel-grid"]]],["limel-linear-progress",[[1,"limel-linear-progress",{"value":[2],"indeterminate":[4]}]]],["limel-slider",[[1,"limel-slider",{"disabled":[516],"readonly":[516],"factor":[514],"label":[513],"helperText":[513,"helper-text"],"unit":[513],"value":[514],"valuemax":[514],"valuemin":[514],"step":[514],"percentageClass":[32]}]]],["limel-snackbar",[[1,"limel-snackbar",{"message":[1],"timeout":[2],"actionText":[1,"action-text"],"dismissible":[4],"multiline":[4],"language":[1],"show":[64]}]]],["limel-switch",[[1,"limel-switch",{"label":[513],"disabled":[516],"readonly":[516],"value":[516],"fieldId":[32]}]]],["limel-tab-bar",[[1,"limel-tab-bar",{"tabs":[1040],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","handleWindowResize"]]]]],["limel-header",[[1,"limel-header",{"icon":[1],"heading":[1],"subheading":[1],"supportingText":[1,"supporting-text"]}]]],["limel-progress-flow-item",[[0,"limel-progress-flow-item",{"item":[16],"disabled":[4],"readonly":[4]}]]],["limel-flatpickr-adapter",[[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1]}]]],["limel-menu-list",[[1,"limel-menu-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}]]],["limel-popover-surface",[[1,"limel-popover-surface",{"contentCollection":[16]}]]],["limel-icon",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["limel-input-field",[[1,"limel-input-field",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"helperText":[513,"helper-text"],"required":[516],"value":[513],"trailingIcon":[513,"trailing-icon"],"leadingIcon":[513,"leading-icon"],"pattern":[513],"type":[513],"formatNumber":[516,"format-number"],"step":[520],"max":[514],"min":[514],"maxlength":[514],"minlength":[514],"completions":[16],"showLink":[516,"show-link"],"isFocused":[32],"isModified":[32],"showCompletions":[32]}]]],["limel-color-picker-palette_2",[[1,"limel-color-picker-palette",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"required":[516]}],[1,"limel-popover",{"open":[4]}]]],["limel-badge",[[1,"limel-badge",{"label":[514]}]]],["limel-chip-set",[[1,"limel-chip-set",{"value":[16],"type":[513],"label":[513],"helperText":[513,"helper-text"],"disabled":[516],"readonly":[516],"maxItems":[514,"max-items"],"required":[516],"searchLabel":[513,"search-label"],"emptyInputOnBlur":[516,"empty-input-on-blur"],"clearAllButton":[4,"clear-all-button"],"leadingIcon":[513,"leading-icon"],"delimiter":[513],"language":[1],"editMode":[32],"textValue":[32],"blurred":[32],"inputChipIndexSelected":[32],"getEditMode":[64],"setFocus":[64],"emptyInput":[64]}]]],["limel-icon-button",[[1,"limel-icon-button",{"icon":[513],"elevated":[516],"label":[513],"disabled":[516],"relayout":[64]}]]],["limel-spinner",[[1,"limel-spinner",{"size":[513],"limeBranded":[4,"lime-branded"]}]]],["limel-list_3",[[1,"limel-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{"open":[4],"allowClicksElement":[16]}],[1,"limel-portal",{"openDirection":[1,"open-direction"],"position":[1],"containerId":[1,"container-id"],"containerStyle":[16],"parent":[16],"inheritParentWidth":[4,"inherit-parent-width"],"visible":[4]}]]],["limel-tooltip_2",[[1,"limel-tooltip",{"elementId":[513,"element-id"],"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514],"open":[32]}],[1,"limel-tooltip-content",{"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514]}]]]], options);
+  return bootstrapLazy([["limel-color-picker",[[1,"limel-color-picker",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"tooltipLabel":[513,"tooltip-label"],"required":[516],"readonly":[516],"isOpen":[32]}]]],["limel-picker",[[1,"limel-picker",{"disabled":[4],"readonly":[516],"label":[1],"searchLabel":[1,"search-label"],"helperText":[513,"helper-text"],"leadingIcon":[1,"leading-icon"],"emptyResultMessage":[1,"empty-result-message"],"required":[4],"value":[16],"searcher":[16],"multiple":[4],"delimiter":[513],"actions":[16],"actionPosition":[1,"action-position"],"actionScrollBehavior":[1,"action-scroll-behavior"],"badgeIcons":[516,"badge-icons"],"items":[32],"textValue":[32],"loading":[32],"chips":[32]}]]],["limel-date-picker",[[1,"limel-date-picker",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"helperText":[513,"helper-text"],"required":[516],"value":[16],"type":[513],"format":[513],"language":[513],"formattedValue":[32],"internalFormat":[32],"showPortal":[32]}]]],["limel-button-group",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[32]}]]],["limel-select",[[1,"limel-select",{"disabled":[516],"readonly":[516],"invalid":[516],"required":[516],"label":[513],"helperText":[513,"helper-text"],"value":[16],"options":[16],"multiple":[4],"menuOpen":[32]}]]],["limel-tab-panel",[[1,"limel-tab-panel",{"tabs":[1040]}]]],["limel-file",[[1,"limel-file",{"value":[16],"label":[513],"required":[516],"disabled":[516],"readonly":[516],"accept":[513],"language":[1],"isDraggingOverDropZone":[32]}]]],["limel-menu",[[1,"limel-menu",{"items":[16],"disabled":[516],"openDirection":[513,"open-direction"],"open":[1540],"badgeIcons":[516,"badge-icons"],"gridLayout":[516,"grid-layout"]}]]],["limel-button",[[1,"limel-button",{"label":[513],"primary":[516],"outlined":[516],"icon":[513],"disabled":[516],"loading":[516]}]]],["limel-collapsible-section",[[1,"limel-collapsible-section",{"isOpen":[1540,"is-open"],"header":[513],"actions":[16]}]]],["limel-dialog",[[1,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]}]]],["limel-progress-flow",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["limel-checkbox",[[1,"limel-checkbox",{"disabled":[516],"readonly":[516],"label":[513],"helperText":[513,"helper-text"],"checked":[516],"indeterminate":[516],"required":[516],"modified":[32]}]]],["limel-table",[[1,"limel-table",{"data":[16],"columns":[16],"mode":[1],"pageSize":[2,"page-size"],"totalRows":[2,"total-rows"],"sorting":[16],"activeRow":[1040],"movableColumns":[4,"movable-columns"],"loading":[4],"page":[2],"emptyMessage":[1,"empty-message"],"selectable":[4],"selection":[16]}]]],["limel-banner",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["limel-circular-progress",[[1,"limel-circular-progress",{"value":[2],"maxValue":[2,"max-value"],"suffix":[1],"displayPercentageColors":[4,"display-percentage-colors"],"size":[513]}]]],["limel-code-editor",[[1,"limel-code-editor",{"value":[1],"language":[1],"readonly":[4],"lineNumbers":[4,"line-numbers"],"colorScheme":[1,"color-scheme"],"random":[32]}]]],["limel-config",[[1,"limel-config",{"config":[16]}]]],["limel-flex-container",[[1,"limel-flex-container",{"direction":[513],"justify":[513],"align":[513],"reverse":[516]}]]],["limel-form",[[1,"limel-form",{"schema":[16],"value":[16],"disabled":[4],"propsFactory":[16],"transformErrors":[16]}]]],["limel-grid",[[1,"limel-grid"]]],["limel-linear-progress",[[1,"limel-linear-progress",{"value":[2],"indeterminate":[4]}]]],["limel-slider",[[1,"limel-slider",{"disabled":[516],"readonly":[516],"factor":[514],"label":[513],"helperText":[513,"helper-text"],"unit":[513],"value":[514],"valuemax":[514],"valuemin":[514],"step":[514],"percentageClass":[32]}]]],["limel-snackbar",[[1,"limel-snackbar",{"message":[1],"timeout":[2],"actionText":[1,"action-text"],"dismissible":[4],"multiline":[4],"language":[1],"show":[64]}]]],["limel-switch",[[1,"limel-switch",{"label":[513],"disabled":[516],"readonly":[516],"value":[516],"fieldId":[32]}]]],["limel-tab-bar",[[1,"limel-tab-bar",{"tabs":[1040],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","handleWindowResize"]]]]],["limel-header",[[1,"limel-header",{"icon":[1],"heading":[1],"subheading":[1],"supportingText":[1,"supporting-text"]}]]],["limel-progress-flow-item",[[0,"limel-progress-flow-item",{"item":[16],"disabled":[4],"readonly":[4]}]]],["limel-flatpickr-adapter",[[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1]}]]],["limel-menu-list",[[1,"limel-menu-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}]]],["limel-popover-surface",[[1,"limel-popover-surface",{"contentCollection":[16]}]]],["limel-icon",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["limel-input-field",[[1,"limel-input-field",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"helperText":[513,"helper-text"],"required":[516],"value":[513],"trailingIcon":[513,"trailing-icon"],"leadingIcon":[513,"leading-icon"],"pattern":[513],"type":[513],"formatNumber":[516,"format-number"],"step":[520],"max":[514],"min":[514],"maxlength":[514],"minlength":[514],"completions":[16],"showLink":[516,"show-link"],"isFocused":[32],"isModified":[32],"showCompletions":[32]}]]],["limel-color-picker-palette_2",[[1,"limel-color-picker-palette",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"required":[516]}],[1,"limel-popover",{"open":[4]}]]],["limel-badge",[[1,"limel-badge",{"label":[514]}]]],["limel-chip-set",[[1,"limel-chip-set",{"value":[16],"type":[513],"label":[513],"helperText":[513,"helper-text"],"disabled":[516],"readonly":[516],"maxItems":[514,"max-items"],"required":[516],"searchLabel":[513,"search-label"],"emptyInputOnBlur":[516,"empty-input-on-blur"],"clearAllButton":[4,"clear-all-button"],"leadingIcon":[513,"leading-icon"],"delimiter":[513],"language":[1],"editMode":[32],"textValue":[32],"blurred":[32],"inputChipIndexSelected":[32],"getEditMode":[64],"setFocus":[64],"emptyInput":[64]}]]],["limel-icon-button",[[1,"limel-icon-button",{"icon":[513],"elevated":[516],"label":[513],"disabled":[516],"relayout":[64]}]]],["limel-spinner",[[1,"limel-spinner",{"size":[513],"limeBranded":[4,"lime-branded"]}]]],["limel-list_3",[[1,"limel-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{"open":[4],"allowClicksElement":[16]}],[1,"limel-portal",{"openDirection":[1,"open-direction"],"position":[1],"containerId":[1,"container-id"],"containerStyle":[16],"parent":[16],"inheritParentWidth":[4,"inherit-parent-width"],"visible":[4]}]]],["limel-tooltip_2",[[1,"limel-tooltip",{"elementId":[513,"element-id"],"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514],"open":[32]}],[1,"limel-tooltip-content",{"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514]}]]]], options);
 });