jsl-ui 9.13.3 → 9.14.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/lib/grid/plugins/ext.overlay.css +1 -1
  2. package/lib/grid/plugins/slick.cellrangeselector.js +2 -2
  3. package/lib/grid/plugins/slick.rowmovemanager.js +2 -2
  4. package/lib/grid/slick.creator.d.ts +8 -0
  5. package/lib/grid/slick.creator.js +25 -20
  6. package/lib/grid/slick.grid.js +9 -8
  7. package/lib/index.css +1 -1
  8. package/lib/index.css.map +1 -1
  9. package/lib/index.js.map +1 -1
  10. package/package.json +1 -1
package/lib/grid/plugins/ext.overlay.css CHANGED
@@ -7,7 +7,7 @@
7
7
  .selection-cell-overlay {
8
8
  display: block;
9
9
  position: absolute;
10
- z-index: 900;
10
+ z-index: 20;
11
11
  background-color: #217346;
12
12
  }
13
13
 
package/lib/grid/plugins/slick.cellrangeselector.js CHANGED
@@ -69,8 +69,8 @@ export function CellRangeSelector(options) {
69
69
  if (_gridOptions.frozenColumn > -1 && _isRightCanvas) {
70
70
  _columnOffset = $('.grid-canvas-left').width();
71
71
  }
72
- // prevent the grid from cancelling drag'n'drop by default
73
- e.stopImmediatePropagation();
72
+ // // prevent the grid from cancelling drag'n'drop by default
73
+ // e.stopImmediatePropagation();
74
74
  }
75
75
  function handleDragStart(e, dd) {
76
76
  var cell = _grid.getCellFromEvent(e);
package/lib/grid/plugins/slick.rowmovemanager.js CHANGED
@@ -65,8 +65,8 @@ export function RowMoveManager(options) {
65
65
  options = $.shallowExtend({}, options, newOptions);
66
66
  }
67
67
  function handleDragInit(e) {
68
- // prevent the grid from cancelling drag'n'drop by default
69
- e.stopImmediatePropagation();
68
+ // // prevent the grid from cancelling drag'n'drop by default
69
+ // e.stopImmediatePropagation();
70
70
  }
71
71
  function handleDragStart(e, dd) {
72
72
  var cell = _grid.getCellFromEvent(e);
package/lib/grid/slick.creator.d.ts CHANGED
@@ -63,6 +63,14 @@ export interface IJSLGrid<T> extends ISlickGrid<T> {
63
63
  column: ISlickColumn;
64
64
  item: T;
65
65
  }>;
66
+ onAfterFillDown: ISlickEvent<{
67
+ grid: IJSLGrid<T>;
68
+ items: T[];
69
+ direction: "up" | "down";
70
+ range: any;
71
+ column: ISlickColumn;
72
+ value: any;
73
+ }>;
66
74
  onFiltersChanged: ISlickEvent<void>;
67
75
  getHeaderMenu: () => any;
68
76
  getFilterDialog: () => any;
package/lib/grid/slick.creator.js CHANGED
@@ -117,42 +117,46 @@ export function createJSLGrid(selector, data, columns, option) {
117
117
  }
118
118
  // Find the initial value
119
119
  dataView.beginUpdate();
120
+ var value;
121
+ var items = [];
120
122
  if (args.direction === "down") {
121
123
  var item = dataView.getItem(args.range.fromRow);
122
- var value = grid.getDataItemValueForColumn(item, column); // item[column.field];
124
+ value = grid.getDataItemValueForColumn(item, column); // item[column.field];
123
125
  // Copy the value down
124
126
  for (var i = args.range.fromRow + 1; i <= args.range.toRow; i++) {
125
127
  if (grid.onBeforeEditCell.notify({ row: i, cell: args.range.fromCell, item: dataView.getItem(i), column: column }, e) !== false) {
126
- var oldValue = grid.getDataItemValueForColumn(dataView.getItem(i), column);
127
- if (options.setDataItemValueForColumn != null) {
128
- options.setDataItemValueForColumn(dataView.getItem(i), column, value);
129
- }
130
- else {
131
- dataView.getItem(i)[column.field] = value;
132
- }
133
- grid.invalidateRow(i);
134
- grid.onAfterEdit.notify({ grid: grid, oldValue: oldValue, newValue: value, column: column, item: dataView.getItem(i) }, e);
128
+ var currentItem = dataView.getItem(i);
129
+ items.push(currentItem);
130
+ // if (options.setDataItemValueForColumn != null) {
131
+ // options.setDataItemValueForColumn(currentItem, column, value);
132
+ // } else {
133
+ // dataView.getItem(i)[column.field] = value;
134
+ // }
135
+ // grid.invalidateRow(i);
136
+ // grid.onAfterEdit.notify({ grid, oldValue, newValue: value, column, item: dataView.getItem(i) }, e);
135
137
  }
136
138
  }
137
139
  }
138
140
  else {
139
141
  var item = dataView.getItem(args.range.toRow);
140
- var value = grid.getDataItemValueForColumn(item, column); // item[column.field];
142
+ items.push(item);
143
+ value = grid.getDataItemValueForColumn(item, column); // item[column.field];
141
144
  // Copy the value up
142
145
  for (var i = args.range.fromRow; i <= args.range.toRow - 1; i++) {
143
146
  if (grid.onBeforeEditCell.notify({ row: i, cell: args.range.fromCell, item: dataView.getItem(i), column: column }, e) !== false) {
144
- var oldValue = grid.getDataItemValueForColumn(dataView.getItem(i), column);
145
- if (options.setDataItemValueForColumn != null) {
146
- options.setDataItemValueForColumn(dataView.getItem(i), column, value);
147
- }
148
- else {
149
- dataView.getItem(i)[column.field] = value;
150
- }
151
- grid.invalidateRow(i);
152
- grid.onAfterEdit.notify({ grid: grid, oldValue: oldValue, newValue: value, column: column, item: dataView.getItem(i) }, e);
147
+ var currentItem = dataView.getItem(i);
148
+ items.push(currentItem);
149
+ // if (options.setDataItemValueForColumn != null) {
150
+ // options.setDataItemValueForColumn(currentItem, column, value);
151
+ // } else {
152
+ // dataView.getItem(i)[column.field] = value;
153
+ // }
154
+ // grid.invalidateRow(i);
155
+ // grid.onAfterEdit.notify({ grid, oldValue, newValue: value, column, item: dataView.getItem(i) }, e);
153
156
  }
154
157
  }
155
158
  }
159
+ grid.onAfterFillDown.notify({ grid: grid, value: value, column: column, direction: args.direction, range: args.range, items: items }, e);
156
160
  dataView.endUpdate();
157
161
  grid.render();
158
162
  });
@@ -269,6 +273,7 @@ export function createJSLGrid(selector, data, columns, option) {
269
273
  function addCustomEvents() {
270
274
  grid.onAfterEdit = new Slick.Event();
271
275
  grid.onFiltersChanged = new Slick.Event();
276
+ grid.onAfterFillDown = new Slick.Event();
272
277
  }
273
278
  function setupChangeEvents() {
274
279
  dataView.onRowsChanged.subscribe(function (e, args) {
package/lib/grid/slick.grid.js CHANGED
@@ -505,7 +505,7 @@ export function SlickGrid(container, data, columns, options) {
505
505
  // // TODO
506
506
  // });
507
507
  var _down = function (e, dd) {
508
- var res = handleDragInit(e, dd); // TODO -> do something with result?
508
+ handleDragInit(e, dd); // TODO -> do something with result?
509
509
  dragStartX_1 = e.pageX != null ? e.pageX : e.touches[0].pageX;
510
510
  dragStartY_1 = e.pageY != null ? e.pageY : e.touches[0].pageY;
511
511
  isDown_1 = true;
@@ -4044,13 +4044,14 @@ export function SlickGrid(container, data, columns, options) {
4044
4044
  if (!cell || !cellExists(cell.row, cell.cell)) {
4045
4045
  return false;
4046
4046
  }
4047
- var retval = trigger(self.onDragInit, dd, e);
4048
- if (e.isImmediatePropagationStopped()) {
4049
- return retval;
4050
- }
4051
- // if nobody claims to be handling drag'n'drop by stopping immediate propagation,
4052
- // cancel out of it
4053
- return false;
4047
+ // var retval = trigger(self.onDragInit, dd, e);
4048
+ trigger(self.onDragInit, dd, e);
4049
+ // if (e.isImmediatePropagationStopped()) {
4050
+ // return retval;
4051
+ // }
4052
+ // // if nobody claims to be handling drag'n'drop by stopping immediate propagation,
4053
+ // // cancel out of it
4054
+ // return false;
4054
4055
  }
4055
4056
  function handleDragStart(e, dd) {
4056
4057
  var cell = getCellFromEvent(e);
package/lib/index.css CHANGED
@@ -646,7 +646,7 @@ input.editor-text, textarea.editor-text {
646
646
  }
647
647
 
648
648
  .cell-overlay, .selection-cell-overlay {
649
- z-index: 900;
649
+ z-index: 20;
650
650
  background-color: #217346;
651
651
  display: block;
652
652
  position: absolute;
package/lib/index.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"AAOA;;;;;;;;AAQA;;;;AAIA;;;;AAIA;;;;;;;AAOA;;;;;;;;;;;;;;;;AAkBA;;;;;;;;;;;AAcA;;;;AAIA;;;;AAIA;;;;;;;;AASA;;;;;;;;;;;;AAmCA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;;;;;;;;;;;AAgBiB;;;;AAGjB;;;;AAIA;;;;AAIA;;;;;;AASA;;;;AAIA;;;;;AAQA;;;;AAIA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;AAMA;;;;;;;AAOA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;;;AAOA;;;;AAKA;;;;;;;;;;;AAWA;;;;;AAQA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;;;;AAQA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAQA;;;;AAIA;;;;;AAiBA;;;;;AC1TA;;;;AAIA;;;;;;AAMA;;;;;AAMA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;;;;AAQA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;AAGA;;;;AAIA;;;;;AAKA;;;;;;;AAOA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;AAUA;;;;;;;;;;AAsBA;;;;;ACtJA;;;;AAIA;;;;;;;;;;;AAWA;;;;;;;;;;;AAWA;;;;;;;;ACzBA;;;;;;;;;;;;;;AAeA;;;;AAIA;;;;AAMA;;;;;;;;AAUA;;;;;;;AAOA;;;;;;;;;;AAUA;;;;;AAOA;;;;AAKA;;;;;;;;;;AASA;;;;AAIA;;;;;;;;AASA;;;;;AAKA;;;;;AAKA;;;;;ACjGA;;;;;;AAWA;;;;;;;;;;;;AAkBA;;;;;AAQA;;;;ACrCA;;;;;;;;;;;;AAYA;;;;;;;;;;;;;;;;AAgBA;;;;;AAKA;;;;;;;;AAWA;;;;;;;;;;;;;AAaA;;;;;;;AAOA;;;;;;;;;;;;;;;AAeA;;;;AAIA;;;;ACnFA;;;;ACAA;;;;;;;ACCA;;;;AAIA;;;;;;;AAQA;;;;;;;;;;;AAWA;;;;;;;AExBA;;;;;;;;;AAUA;;;;;;AAMA","sources":["grid/slick.grid.css","grid/slick-default-theme.css","interaction/resizable.css","grid/plugins/slick.headermenu.css","grid/plugins/slick.headerbuttons.css","ui/dialog.css","components/virtual-render/VirtualRenderStyle.scss","grid/plugins/slick.rowmovemanager.css","grid/plugins/ext.overlay.css","interaction/moveable.css","grid/slick.tree.css"],"sourcesContent":["/*\r\nIMPORTANT:\r\nIn order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.\r\nNo built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS\r\nclasses should alter those!\r\n*/\r\n\r\n.slick-header.ui-state-default, .slick-headerrow.ui-state-default, .slick-footerrow.ui-state-default, .slick-top-panel-scroller.ui-state-default, .slick-group-header.ui-state-default {\r\n width: 100%;\r\n overflow: auto;\r\n position: relative;\r\n border-left: 0px !important;\r\n background: white;\r\n}\r\n\r\n.slick-header.ui-state-default {\r\n overflow: inherit;\r\n}\r\n\r\n.slick-header::-webkit-scrollbar, .slick-headerrow::-webkit-scrollbar, .slick-footerrow::-webkit-scrollbar {\r\n display: none\r\n}\r\n\r\n.slick-header-columns, .slick-headerrow-columns, .slick-footerrow-columns, .slick-group-header-columns {\r\n position: relative;\r\n white-space: nowrap;\r\n cursor: default;\r\n overflow: hidden;\r\n}\r\n\r\n.slick-header-column.ui-state-default, .slick-group-header-column.ui-state-default {\r\n position: relative;\r\n /* display: inline-block; */\r\n box-sizing: content-box !important; /* this here only for Firefox! */ \r\n overflow: hidden;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n height: 20px;\r\n line-height: 20px;\r\n margin: 0;\r\n padding: 4px;\r\n border-right: 1px solid silver;\r\n border-left: 0px !important;\r\n border-top: 1px solid silver;\r\n border-bottom: 0px !important;\r\n float: left;\r\n}\r\n\r\n.slick-footerrow-column.ui-state-default {\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n margin: 0;\r\n padding: 4px;\r\n border-right: 1px solid silver;\r\n border-left: 0px;\r\n border-top: 0px;\r\n border-bottom: 0px;\r\n float: left;\r\n line-height: 20px;\r\n vertical-align: middle;\r\n}\r\n\r\n.slick-headerrow-column.ui-state-default, .slick-footerrow-column.ui-state-default {\r\n padding: 4px;\r\n}\r\n\r\n.slick-header-column-sorted {\r\n font-style: italic;\r\n}\r\n\r\n.slick-sort-indicator {\r\n /* display: inline-block; */\r\n width: 8px;\r\n height: 5px;\r\n margin-left: 4px;\r\n margin-top: 6px;\r\n float: left;\r\n}\r\n\r\n.slick-sort-indicator-numbered {\r\n /* display: inline-block; */\r\n width: 8px;\r\n height: 5px;\r\n margin-left: 4px;\r\n margin-top: 0;\r\n line-height: 20px;\r\n float: left;\r\n font-style: normal;\r\n font-weight: bold;\r\n color: #6190CD;\r\n}\r\n\r\n\r\n/* TODO TODOFIX */\r\n/* .slick-sort-indicator-desc {\r\n background: url(images/sort-desc.gif);\r\n}\r\n\r\n.slick-sort-indicator-asc {\r\n background: url(images/sort-asc.gif);\r\n} */\r\n\r\n/* .slick-resizable-handle {\r\n position: absolute;\r\n font-size: 0.1px;\r\n display: block;\r\n cursor: col-resize;\r\n width: 9px;\r\n right: -5px;\r\n top: 0;\r\n height: 100%;\r\n z-index: 1;\r\n} */\r\n\r\n.slick-sortable-placeholder {\r\n background: silver;\r\n}\r\n\r\n.grid-canvas {\r\n position: relative;\r\n outline: 0;\r\n}\r\n\r\n.slick-row.ui-widget-content, .slick-row.ui-state-active {\r\n position: absolute;\r\n border: 0px;\r\n width: 100%;\r\n}\r\n\r\n.slick-cell, .slick-headerrow-column , .slick-footerrow-column{\r\n position: absolute;\r\n border: 1px solid transparent;\r\n /*border-right: 1px dotted silver;\r\n border-bottom-color: silver; */\r\n border-right: 1px dotted silver;\r\n overflow: hidden;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n vertical-align: middle;\r\n z-index: 1;\r\n padding: 1px 2px 2px 1px;\r\n margin: 0;\r\n white-space: nowrap;\r\n cursor: default;\r\n}\r\n/*.slick-cell, */.slick-headerrow-column{\r\n border-bottom-color: silver;\r\n}\r\n.slick-footerrow-column {\r\n border-top-color: silver;\r\n}\r\n\r\n.slick-group-toggle {\r\n display: inline-block;\r\n}\r\n\r\n.slick-cell.highlighted {\r\n background: lightskyblue;\r\n background: rgba(0, 0, 255, 0.2);\r\n -webkit-transition: all 0.5s;\r\n -moz-transition: all 0.5s;\r\n -o-transition: all 0.5s;\r\n transition: all 0.5s;\r\n}\r\n\r\n.slick-cell.flashing {\r\n border: 1px solid red !important;\r\n}\r\n\r\n.slick-cell.editable {\r\n z-index: 11;\r\n overflow: visible;\r\n /* background: white;\r\n border-color: black;\r\n border-style: solid; */\r\n}\r\n\r\n.slick-cell:focus {\r\n outline: none;\r\n}\r\n\r\n.slick-reorder-proxy {\r\n display: inline-block;\r\n background: blue;\r\n opacity: 0.15;\r\n filter: alpha(opacity = 15);\r\n cursor: move;\r\n}\r\n\r\n.slick-reorder-guide {\r\n display: inline-block;\r\n height: 2px;\r\n background: blue;\r\n opacity: 0.7;\r\n filter: alpha(opacity = 70);\r\n}\r\n\r\n.slick-selection {\r\n z-index: 10;\r\n position: absolute;\r\n border: 2px dashed black;\r\n}\r\n\r\n.slick-pane {\r\n position: absolute;\r\n outline: 0;\r\n overflow: hidden;\r\n width: 100%;\r\n}\r\n\r\n.slick-pane-header {\r\n display: block;\r\n}\r\n\r\n.slick-header, .slick-headerrow, .slick-top-panel-scroller {\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n.slick-top-panel {\r\n width: 10000px\r\n}\r\n\r\n.slick-viewport {\r\n position: relative;\r\n outline: 0;\r\n width: 100%;\r\n background: white;\r\n}\r\n\r\n.slick-wrap {\r\n white-space: normal;\r\n}\r\n\r\n/* Slick.Editors.Text, Slick.Editors.Date */\r\ninput.editor-text, textarea.editor-text {\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n margin: 0;\r\n background: transparent;\r\n outline: 0;\r\n padding: 0;\r\n resize: none;\r\n}\r\n\r\n.slick-cell .jsl-container {\r\n position: absolute;\r\n left:0;\r\n right:0;\r\n bottom:0;\r\n top:0;\r\n}\r\n\r\n.slick-cell .jsl-container .jsl-selected {\r\n padding: 0;\r\n}\r\n\r\n.slickgrid {\r\n box-sizing: border-box;\r\n border: solid 1px #b0b0b0;\r\n border-radius: 3px;\r\n}\r\n\r\n.slick-col-ghost {\r\n box-sizing: content-box;\r\n position: absolute;\r\n pointer-events: none;\r\n}\r\n\r\n.slick-ghost-content {\r\n border: solid 2px #bbbbbb;\r\n background: rgba(200,200,200,0.5);\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n}\r\n\r\n.editor-text {\r\n font-size: 100%;\r\n}\r\n\r\n.slick-filtered-header {\r\n color: #3B99FF;\r\n background: #e7e7e7;\r\n}\r\n\r\n.slick-preheader-panel .slick-column-name {\r\n text-align: center;\r\n float: none;\r\n}\r\n\r\n.slick-header-column.resizable > .rs-r {\r\n background: none;\r\n}\r\n\r\n/* .slick-header-column:hover.resizable > .rs-r {\r\n background: rgba(20,20,20,0.3);\r\n} */\r\n\r\n.js-touch .slick-header-column > .slick-header-menubutton {\r\n display: inline-block;\r\n}\r\n\r\n.js-touch .slick-header-column.resizable>.rs-r {\r\n /* background: rgba(20,20,20,.3);\r\n background-size: 0.9em 0.5em;\r\n background-position: center center; */\r\n\r\n background: rgba(0,0,0,0.04);\r\n background-size: 0.5em 0.3em;\r\n background-position: right center;\r\n\r\n background: transparent;\r\n background-size: 0.5em 0.3em;\r\n background-position: right center;\r\n\r\n width: 1.2rem;\r\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAMNSURBVEhLxVY7i1NBGM3NwzyMINiIjSKoC9tIBEG02FgkIeSxpJBlS7sV1s5fIRZqYWFhtYssEggJ5IEaFxERYdXWam1EkQVh82Lz8pzJl3jvzb1JjK8DA/lOZuacO/PNN+Po9/tT29LSktuKt2vov4B2xeo/c3M6piASiawHg8G9eDweEmoi2A/936G9wNg1oW2h0YUdKB4IBO45nU5Ht9s9ACLFYnFb/h4DxT0ez2uXy3WIca/XczQajZuVSuW+6mABWwPRaPSa3+9/DHFNKEe73a7XarWj1Wq1I5QByWQyBwMpCRVoAubL4K9ns9nPQo9guQVW4pwIK7BuJ05AZK3T6exIqMDVAx8Fn89kMieEHmHMQCwWuwrxTbM4l7JcLj8SyhL8QrfbncRKbXGMHuBDMLFtNmHYAor7fL4KxF1CKWDCcj6fj0k4EyR/7uo/hICJXZi5PNyO0Qowgbxeb8ksjgEfuH8SzgwmXrPZXMFKGJIM4qeQE+/T6fRJxmoFwuHwcRybjxA6onoJzG7ngeQTt9TwYcin3Xq9fkZLJBLnEL+C02MQG/wLaJr2HYMWf0d8CJyON5jrooQK/HC0r1oqlarh3B4W/p/D+T/Fiaml+G9jZIB7guwctT8NzNnTz48E5/Het80BZOnbQqFgSJx5wMIDsWdI8AWhFCiOsn6WK7AIR3sD+icwIIQjlJFwLoh43iyOE9eFgWWU9S/OXC73CdwFmPg2+HsAnluc3yc8x0L9MiBymx8ioQLFW61WpFQqPWescoAmsA3nWXgYDwETGi8lllWhZgbfAphzVUIFVkVUx9WhOGG4C2TJXsL1aaEUMJCJs4lKeWuWwmRzm1J8BRfallAKY+8B3b6NvYDA74BPTjKBCy2OC61gEudtegP3wwOhRhirA5ycIrwBOVAPmgL/UEJLYJU2LMT5KhoTJywLEU3w+uVAvQn8ZvbekdASWKVlbNeBhNy68qQnmaWBITiQJiBK4Y4+e+3ANyP6XkLbR3s69SqXW2li4xN71mf2sKG/z4o3tr7jB/mDdb4DhXtsAAAAAElFTkSuQmCC');\r\n background-repeat: no-repeat;\r\n}\r\n.js-touch .slick-header-menubutton.resize-offset {\r\n right: 1.2rem;\r\n width: 1.2rem;\r\n}\r\n","/*\r\nIMPORTANT:\r\nIn order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.\r\nNo built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS\r\nclasses should alter those!\r\n*/\r\n\r\n.slick-header-columns {\r\n border-bottom: 2px solid silver;\r\n}\r\n\r\n.slick-header-column {\r\n border-right: 1px solid silver;\r\n text-align: center;\r\n font-weight: bold;\r\n}\r\n\r\n.slick-header-column:hover, .slick-header-column-active {\r\n background: #3B99FF;\r\n color: #ffffff;\r\n}\r\n\r\n\r\n.slick-header-column > .slick-header-menubutton:hover {\r\n background-color: rgba(0,0,0,0.3);\r\n}\r\n\r\n.slick-headerrow {\r\n background: #fafafa;\r\n}\r\n\r\n.slick-headerrow-column {\r\n background: #fafafa;\r\n border-bottom: 0;\r\n height: 100%;\r\n}\r\n\r\n.slick-row.ui-state-active {\r\n background: #F5F7D7;\r\n}\r\n\r\n.slick-row {\r\n position: absolute;\r\n background: white;\r\n border: 0px;\r\n line-height: 26px;\r\n}\r\n\r\n/* what is this used for ? */\r\n.slick-row.selected {\r\n z-index: 10;\r\n background: #DFE8F6;\r\n}\r\n\r\n.slick-cell {\r\n padding-left: 4px;\r\n padding-right: 4px;\r\n}\r\n\r\n.slick-group {\r\n border-bottom: 2px solid silver;\r\n}\r\n\r\n.slick-group .slick-cell {\r\n background:#D4E4EC;\r\n}\r\n\r\n.slick-group-toggle {\r\n width: 9px;\r\n height: 9px;\r\n margin-right: 5px;\r\n}\r\n\r\n.slick-group-toggle.expanded {\r\n background: url('data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIMwADCBxIUIDBgwIEChgwwECBAgQUFjBAkaJCABgxGlB4AGHCAAIQiBypEEECkScJqgwQEAA7') no-repeat center center;}\r\n\r\n.slick-group-toggle.collapsed { \r\n background: url('data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIOAADCBxIUIDBgwIEChgwAECBAgQUFjAAQIABAwoBaNSIMYCAAwIqGlSIAEHFkiQTIBCgkqDLAAEBADs=') no-repeat center center;\r\n}\r\n\r\n.slick-group-totals {\r\n color: gray;\r\n background: white;\r\n}\r\n\r\n.slick-group-select-checkbox {\r\n width: 13px;\r\n height: 13px;\r\n margin: 3px 10px 0 0;\r\n display: inline-block;\r\n}\r\n\r\n.slick-cell.selected {\r\n background-color: #CDE6F7;\r\n}\r\n\r\n.slick-cell.active {\r\n border-color: #017DBE;\r\n border-style: solid;\r\n}\r\n\r\n.slick-sortable-placeholder {\r\n background: silver !important;\r\n}\r\n\r\n.slick-row.odd {\r\n background: #ededed;\r\n}\r\n\r\n.slick-row.ui-state-active {\r\n background: #F5F7D7;\r\n}\r\n\r\n.slick-row.loading {\r\n opacity: 0.5;\r\n filter: alpha(opacity = 50);\r\n}\r\n\r\n.slick-cell.invalid {\r\n border-color: red;\r\n animation-duration: 0.2s;\r\n -moz-animation-duration: 0.2s;\r\n -webkit-animation-duration: 0.2s;\r\n animation-name: slickgrid-invalid-hilite;\r\n -moz-animation-name: slickgrid-invalid-hilite;\r\n -webkit-animation-name: slickgrid-invalid-hilite; \r\n}\r\n\r\n@keyframes slickgrid-invalid-hilite {\r\n from { box-shadow: 0 0 6px red; }\r\n to { box-shadow: none; }\r\n}\r\n\r\n@-moz-keyframes slickgrid-invalid-hilite {\r\n from { box-shadow: 0 0 6px red; }\r\n to { box-shadow: none; }\r\n}\r\n\r\n@-webkit-keyframes slickgrid-invalid-hilite {\r\n from { box-shadow: 0 0 6px red; }\r\n to { box-shadow: none; }\r\n}\r\n\r\n/* .slick-grid {\r\n background: white;\r\n outline: 0;\r\n border: 1px solid #a0a0a0;\r\n border-radius: 3px;\r\n} */\r\n\r\n.new-row .slick-cell {\r\n border-top: solid 1px #aaaaaa;\r\n background: #3B99FF55;\r\n}\r\n",".resizable {\r\n position: relative;\r\n}\r\n\r\n.resizable > .rs-r {\r\n position: absolute;\r\n top:0;\r\n bottom:0;\r\n right:0;\r\n width:0.5rem;\r\n box-sizing:border-box;\r\n background:rgba(20,20,20,0.2);\r\n cursor: w-resize;\r\n}\r\n\r\n.resizable > .rs-b {\r\n position: absolute;\r\n left:0;\r\n bottom:0;\r\n right:0;\r\n height:0.5rem;\r\n box-sizing:border-box;\r\n background:rgba(20,20,20,0.2);\r\n cursor: n-resize;\r\n}\r\n\r\n.resizable > .rs-r.rs-b {\r\n top: initial;\r\n left: initial;\r\n right: 0;\r\n bottom: 0;\r\n cursor: nw-resize;\r\n}","/* Menu button */\r\n.slick-header-menubutton {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n width: 14px;\r\n background-repeat: no-repeat;\r\n background-position: left center;\r\n background-image: url('data:image/gif;base64,R0lGODlhDgAOAIABADtKYwAAACH5BAEAAAEALAAAAAAOAA4AAAISjI+py+0PHZgUsGobhTn6DxoFADs=');\r\n cursor: pointer;\r\n\r\n display: none;\r\n border-left: thin ridge silver;\r\n}\r\n\r\n.slick-header-menubutton.resize-offset {\r\n right: 0.5rem;\r\n}\r\n\r\n.slick-header-column:hover > .slick-header-menubutton,\r\n.slick-header-column-active .slick-header-menubutton {\r\n display: inline-block;\r\n}\r\n\r\n/* Menu */\r\n.slick-header-menu {\r\n position: absolute;\r\n display: inline-block;\r\n margin: 0;\r\n padding: 2px;\r\n cursor: default;\r\n}\r\n\r\n\r\n/* Menu items */\r\n.slick-header-menuitem {\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n cursor: pointer;\r\n}\r\n\r\n.slick-header-menuicon {\r\n display: inline-block;\r\n width: 16px;\r\n height: 16px;\r\n vertical-align: middle;\r\n margin-right: 4px;\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n}\r\n\r\n.slick-header-menucontent {\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n\r\n\r\n/* Disabled */\r\n.slick-header-menuitem-disabled {\r\n color: silver;\r\n}\r\n\r\n/* Divider */\r\n.slick-header-menuitem.slick-header-menuitem-divider {\r\n cursor: default;\r\n border: none;\r\n overflow: hidden;\r\n padding: 0;\r\n height: 1px;\r\n margin: 8px 2px;\r\n background-color: #cecece;\r\n}\r\n.slick-header-menuitem-divider.slick-header-menuitem:hover {\r\n background-color: #cecece;\r\n}\r\n\r\n.slick-header-menu {\r\n border: 1px solid #bebebe;\r\n background: #ffffff;\r\n padding: 2px;\r\n box-shadow: 2px 2px 2px silver;\r\n z-index: 20;\r\n}\r\n\r\n\r\n.slick-header-menuitem {\r\n padding: 2px 4px;\r\n border-radius: 3px;\r\n}\r\n\r\n.slick-header-menuitem:hover {\r\n background: #3B99FF;\r\n color:white;\r\n}\r\n\r\n.slick-header-menuitem-disabled {\r\n border-color: transparent !important;\r\n background: inherit !important;\r\n}",".slick-column-name,\r\n.slick-sort-indicator {\r\n /**\r\n * This makes all \"float:right\" elements after it that spill over to the next line\r\n * display way below the lower boundary of the column thus hiding them.\r\n */\r\n display: inline-block;\r\n float: left;\r\n margin-bottom: 100px;\r\n}\r\n\r\n.slick-header-button {\r\n display: inline-block;\r\n float: right;\r\n vertical-align: top;\r\n margin: 1px;\r\n margin-right: 2rem;\r\n /**\r\n * This makes all \"float:right\" elements after it that spill over to the next line\r\n * display way below the lower boundary of the column thus hiding them.\r\n */\r\n margin-bottom: 100px;\r\n height: 15px;\r\n width: 15px;\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n cursor: pointer;\r\n}\r\n\r\n.slick-header-button-hidden {\r\n width: 0;\r\n\r\n -webkit-transition: 0.2s width;\r\n -ms-transition: 0.2s width;\r\n transition: 0.2s width;\r\n}\r\n\r\n.slick-header-column:hover > .slick-header-button {\r\n width: 15px;\r\n}",".jsl-dialog {\r\n position: relative;\r\n z-index: 2002;\r\n background:white;\r\n border-radius: 0.8rem;\r\n pointer-events: all;\r\n border: 2px solid #dddddd;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n}\r\n\r\n.dlg-close-btn {\r\n color: #555555;\r\n font-size: 2rem;\r\n line-height: 2.8rem;\r\n font-weight: bold;\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n top: 0;\r\n width: 2.5rem;\r\n box-sizing: border-box;\r\n border-top-right-radius: 0.8rem;\r\n cursor: pointer;\r\n background: #d8d8d8;\r\n}\r\n\r\n.dlg-close-btn:hover {\r\n background: #B22121;\r\n color: white;\r\n}\r\n\r\n.jsl-dialog-overlay {\r\n position: fixed;\r\n left:0;\r\n top:0;\r\n bottom:0;\r\n right:0;\r\n z-index: 2001;\r\n background:rgba(0,0,0,0.8);\r\n height: 100vh;\r\n}\r\n\r\n.jsl-dialog > .dlg-header {\r\n\tbox-sizing: content-box;\r\n position: relative;\r\n height: 2rem;\r\n padding: 0.6rem;\r\n border-bottom: 1px solid #ededed;\r\n background: #f8f8f8;\r\n font-size: 1.5rem;\r\n border-top-right-radius: 0.8rem;\r\n border-top-left-radius: 0.8rem;\r\n text-align: center;\r\n}\r\n\r\n.jsl-dialog > .dlg-body {\r\n padding: 1rem;\r\n box-sizing: border-box;\r\n overflow: auto;\r\n margin-bottom: 3rem;\r\n}\r\n\r\n.jsl-dialog > .dlg-footer {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3rem;\r\n box-sizing: border-box;\r\n padding: 0.5rem;\r\n border-top: 1px solid #ededed;\r\n background: #f8f8f8;\r\n border-bottom-right-radius: 0.8rem;\r\n border-bottom-left-radius: 0.8rem;\r\n text-align: right;\r\n}\r\n\r\n.jsl-dialog > .dlg-footer button {\r\n margin-left: 1rem;\r\n}\r\n\r\n.jsl-dialog .slickgrid {\r\n border-radius: 0;\r\n}\r\n",".v-r-comp {\r\n\r\n height:100%;\r\n\r\n .v-r-child > * {\r\n height: 100%;\r\n }\r\n\r\n}",".cell-reorder {\r\n cursor: move;\r\n /* background: red; */\r\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAADAFBMVEUAAACWlpbY2NgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADmpIfcAAABAHRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AU/cHJQAAABlJREFUCNdj+I8EGFA5jHAA5DDBAW2VIQEAmyRUB6U7kZIAAAAASUVORK5CYII=);\r\n background-repeat: no-repeat;\r\n background-position-x: center;\r\n background-position-y: center;\r\n}","\r\n.header-overlay {\r\n background-color: #217346;\r\n}\r\n\r\n.cell-overlay,\r\n.selection-cell-overlay {\r\n display: block;\r\n position: absolute;\r\n z-index: 900;\r\n background-color: #217346;\r\n}\r\n\r\n.handle-overlay {\r\n border: 1px solid white;\r\n padding: 3px;\r\n background-color: #217346;\r\n position: absolute;\r\n width: 2px;\r\n height: 2px;\r\n z-index: 1000;\r\n cursor: crosshair;\r\n}\r\n\r\n.overlay-handle-decorator {\r\n border: 2px solid #217346;\r\n z-index: 1000;\r\n}\r\n","",".slick-cell .jsl-toggle {\r\n color: #888888;\r\n /* font-size: 0.8em; */\r\n width: 1.2em;\r\n box-sizing: border-box;\r\n display: inline-block;\r\n cursor: pointer;\r\n height: 100%;\r\n}\r\n\r\n.slick-cell .jsl-toggle-spacer {\r\n min-width: 1.2em;\r\n display: inline-block;\r\n box-sizing: border-box;\r\n}\r\n\r\n.slick-cell .jsl-indent {\r\n display: inline-block;\r\n position: relative;\r\n}"],"names":[],"version":3,"file":"index.css.map"}
1
+ {"mappings":"AAOA;;;;;;;;AAQA;;;;AAIA;;;;AAIA;;;;;;;AAOA;;;;;;;;;;;;;;;;AAkBA;;;;;;;;;;;AAcA;;;;AAIA;;;;AAIA;;;;;;;;AASA;;;;;;;;;;;;AAmCA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;;;;;;;;;;;AAgBiB;;;;AAGjB;;;;AAIA;;;;AAIA;;;;;;AASA;;;;AAIA;;;;;AAQA;;;;AAIA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;AAMA;;;;;;;AAOA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;;;AAOA;;;;AAKA;;;;;;;;;;;AAWA;;;;;AAQA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;;;;AAQA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAQA;;;;AAIA;;;;;AAiBA;;;;;AC1TA;;;;AAIA;;;;;;AAMA;;;;;AAMA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;;;;AAQA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;AAGA;;;;AAIA;;;;;AAKA;;;;;;;AAOA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;AAUA;;;;;;;;;;AAsBA;;;;;ACtJA;;;;AAIA;;;;;;;;;;;AAWA;;;;;;;;;;;AAWA;;;;;;;;ACzBA;;;;;;;;;;;;;;AAeA;;;;AAIA;;;;AAMA;;;;;;;;AAUA;;;;;;;AAOA;;;;;;;;;;AAUA;;;;;AAOA;;;;AAKA;;;;;;;;;;AASA;;;;AAIA;;;;;;;;AASA;;;;;AAKA;;;;;AAKA;;;;;ACjGA;;;;;;AAWA;;;;;;;;;;;;AAkBA;;;;;AAQA;;;;ACrCA;;;;;;;;;;;;AAYA;;;;;;;;;;;;;;;;AAgBA;;;;;AAKA;;;;;;;;AAWA;;;;;;;;;;;;;AAaA;;;;;;;AAOA;;;;;;;;;;;;;;;AAeA;;;;AAIA;;;;ACnFA;;;;ACAA;;;;;;;ACCA;;;;AAIA;;;;;;;AAQA;;;;;;;;;;;AAWA;;;;;;;AExBA;;;;;;;;;AAUA;;;;;;AAMA","sources":["grid/slick.grid.css","grid/slick-default-theme.css","interaction/resizable.css","grid/plugins/slick.headermenu.css","grid/plugins/slick.headerbuttons.css","ui/dialog.css","components/virtual-render/VirtualRenderStyle.scss","grid/plugins/slick.rowmovemanager.css","grid/plugins/ext.overlay.css","interaction/moveable.css","grid/slick.tree.css"],"sourcesContent":["/*\r\nIMPORTANT:\r\nIn order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.\r\nNo built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS\r\nclasses should alter those!\r\n*/\r\n\r\n.slick-header.ui-state-default, .slick-headerrow.ui-state-default, .slick-footerrow.ui-state-default, .slick-top-panel-scroller.ui-state-default, .slick-group-header.ui-state-default {\r\n width: 100%;\r\n overflow: auto;\r\n position: relative;\r\n border-left: 0px !important;\r\n background: white;\r\n}\r\n\r\n.slick-header.ui-state-default {\r\n overflow: inherit;\r\n}\r\n\r\n.slick-header::-webkit-scrollbar, .slick-headerrow::-webkit-scrollbar, .slick-footerrow::-webkit-scrollbar {\r\n display: none\r\n}\r\n\r\n.slick-header-columns, .slick-headerrow-columns, .slick-footerrow-columns, .slick-group-header-columns {\r\n position: relative;\r\n white-space: nowrap;\r\n cursor: default;\r\n overflow: hidden;\r\n}\r\n\r\n.slick-header-column.ui-state-default, .slick-group-header-column.ui-state-default {\r\n position: relative;\r\n /* display: inline-block; */\r\n box-sizing: content-box !important; /* this here only for Firefox! */ \r\n overflow: hidden;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n height: 20px;\r\n line-height: 20px;\r\n margin: 0;\r\n padding: 4px;\r\n border-right: 1px solid silver;\r\n border-left: 0px !important;\r\n border-top: 1px solid silver;\r\n border-bottom: 0px !important;\r\n float: left;\r\n}\r\n\r\n.slick-footerrow-column.ui-state-default {\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n margin: 0;\r\n padding: 4px;\r\n border-right: 1px solid silver;\r\n border-left: 0px;\r\n border-top: 0px;\r\n border-bottom: 0px;\r\n float: left;\r\n line-height: 20px;\r\n vertical-align: middle;\r\n}\r\n\r\n.slick-headerrow-column.ui-state-default, .slick-footerrow-column.ui-state-default {\r\n padding: 4px;\r\n}\r\n\r\n.slick-header-column-sorted {\r\n font-style: italic;\r\n}\r\n\r\n.slick-sort-indicator {\r\n /* display: inline-block; */\r\n width: 8px;\r\n height: 5px;\r\n margin-left: 4px;\r\n margin-top: 6px;\r\n float: left;\r\n}\r\n\r\n.slick-sort-indicator-numbered {\r\n /* display: inline-block; */\r\n width: 8px;\r\n height: 5px;\r\n margin-left: 4px;\r\n margin-top: 0;\r\n line-height: 20px;\r\n float: left;\r\n font-style: normal;\r\n font-weight: bold;\r\n color: #6190CD;\r\n}\r\n\r\n\r\n/* TODO TODOFIX */\r\n/* .slick-sort-indicator-desc {\r\n background: url(images/sort-desc.gif);\r\n}\r\n\r\n.slick-sort-indicator-asc {\r\n background: url(images/sort-asc.gif);\r\n} */\r\n\r\n/* .slick-resizable-handle {\r\n position: absolute;\r\n font-size: 0.1px;\r\n display: block;\r\n cursor: col-resize;\r\n width: 9px;\r\n right: -5px;\r\n top: 0;\r\n height: 100%;\r\n z-index: 1;\r\n} */\r\n\r\n.slick-sortable-placeholder {\r\n background: silver;\r\n}\r\n\r\n.grid-canvas {\r\n position: relative;\r\n outline: 0;\r\n}\r\n\r\n.slick-row.ui-widget-content, .slick-row.ui-state-active {\r\n position: absolute;\r\n border: 0px;\r\n width: 100%;\r\n}\r\n\r\n.slick-cell, .slick-headerrow-column , .slick-footerrow-column{\r\n position: absolute;\r\n border: 1px solid transparent;\r\n /*border-right: 1px dotted silver;\r\n border-bottom-color: silver; */\r\n border-right: 1px dotted silver;\r\n overflow: hidden;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n vertical-align: middle;\r\n z-index: 1;\r\n padding: 1px 2px 2px 1px;\r\n margin: 0;\r\n white-space: nowrap;\r\n cursor: default;\r\n}\r\n/*.slick-cell, */.slick-headerrow-column{\r\n border-bottom-color: silver;\r\n}\r\n.slick-footerrow-column {\r\n border-top-color: silver;\r\n}\r\n\r\n.slick-group-toggle {\r\n display: inline-block;\r\n}\r\n\r\n.slick-cell.highlighted {\r\n background: lightskyblue;\r\n background: rgba(0, 0, 255, 0.2);\r\n -webkit-transition: all 0.5s;\r\n -moz-transition: all 0.5s;\r\n -o-transition: all 0.5s;\r\n transition: all 0.5s;\r\n}\r\n\r\n.slick-cell.flashing {\r\n border: 1px solid red !important;\r\n}\r\n\r\n.slick-cell.editable {\r\n z-index: 11;\r\n overflow: visible;\r\n /* background: white;\r\n border-color: black;\r\n border-style: solid; */\r\n}\r\n\r\n.slick-cell:focus {\r\n outline: none;\r\n}\r\n\r\n.slick-reorder-proxy {\r\n display: inline-block;\r\n background: blue;\r\n opacity: 0.15;\r\n filter: alpha(opacity = 15);\r\n cursor: move;\r\n}\r\n\r\n.slick-reorder-guide {\r\n display: inline-block;\r\n height: 2px;\r\n background: blue;\r\n opacity: 0.7;\r\n filter: alpha(opacity = 70);\r\n}\r\n\r\n.slick-selection {\r\n z-index: 10;\r\n position: absolute;\r\n border: 2px dashed black;\r\n}\r\n\r\n.slick-pane {\r\n position: absolute;\r\n outline: 0;\r\n overflow: hidden;\r\n width: 100%;\r\n}\r\n\r\n.slick-pane-header {\r\n display: block;\r\n}\r\n\r\n.slick-header, .slick-headerrow, .slick-top-panel-scroller {\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n.slick-top-panel {\r\n width: 10000px\r\n}\r\n\r\n.slick-viewport {\r\n position: relative;\r\n outline: 0;\r\n width: 100%;\r\n background: white;\r\n}\r\n\r\n.slick-wrap {\r\n white-space: normal;\r\n}\r\n\r\n/* Slick.Editors.Text, Slick.Editors.Date */\r\ninput.editor-text, textarea.editor-text {\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n margin: 0;\r\n background: transparent;\r\n outline: 0;\r\n padding: 0;\r\n resize: none;\r\n}\r\n\r\n.slick-cell .jsl-container {\r\n position: absolute;\r\n left:0;\r\n right:0;\r\n bottom:0;\r\n top:0;\r\n}\r\n\r\n.slick-cell .jsl-container .jsl-selected {\r\n padding: 0;\r\n}\r\n\r\n.slickgrid {\r\n box-sizing: border-box;\r\n border: solid 1px #b0b0b0;\r\n border-radius: 3px;\r\n}\r\n\r\n.slick-col-ghost {\r\n box-sizing: content-box;\r\n position: absolute;\r\n pointer-events: none;\r\n}\r\n\r\n.slick-ghost-content {\r\n border: solid 2px #bbbbbb;\r\n background: rgba(200,200,200,0.5);\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n}\r\n\r\n.editor-text {\r\n font-size: 100%;\r\n}\r\n\r\n.slick-filtered-header {\r\n color: #3B99FF;\r\n background: #e7e7e7;\r\n}\r\n\r\n.slick-preheader-panel .slick-column-name {\r\n text-align: center;\r\n float: none;\r\n}\r\n\r\n.slick-header-column.resizable > .rs-r {\r\n background: none;\r\n}\r\n\r\n/* .slick-header-column:hover.resizable > .rs-r {\r\n background: rgba(20,20,20,0.3);\r\n} */\r\n\r\n.js-touch .slick-header-column > .slick-header-menubutton {\r\n display: inline-block;\r\n}\r\n\r\n.js-touch .slick-header-column.resizable>.rs-r {\r\n /* background: rgba(20,20,20,.3);\r\n background-size: 0.9em 0.5em;\r\n background-position: center center; */\r\n\r\n background: rgba(0,0,0,0.04);\r\n background-size: 0.5em 0.3em;\r\n background-position: right center;\r\n\r\n background: transparent;\r\n background-size: 0.5em 0.3em;\r\n background-position: right center;\r\n\r\n width: 1.2rem;\r\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAMNSURBVEhLxVY7i1NBGM3NwzyMINiIjSKoC9tIBEG02FgkIeSxpJBlS7sV1s5fIRZqYWFhtYssEggJ5IEaFxERYdXWam1EkQVh82Lz8pzJl3jvzb1JjK8DA/lOZuacO/PNN+Po9/tT29LSktuKt2vov4B2xeo/c3M6piASiawHg8G9eDweEmoi2A/936G9wNg1oW2h0YUdKB4IBO45nU5Ht9s9ACLFYnFb/h4DxT0ez2uXy3WIca/XczQajZuVSuW+6mABWwPRaPSa3+9/DHFNKEe73a7XarWj1Wq1I5QByWQyBwMpCRVoAubL4K9ns9nPQo9guQVW4pwIK7BuJ05AZK3T6exIqMDVAx8Fn89kMieEHmHMQCwWuwrxTbM4l7JcLj8SyhL8QrfbncRKbXGMHuBDMLFtNmHYAor7fL4KxF1CKWDCcj6fj0k4EyR/7uo/hICJXZi5PNyO0Qowgbxeb8ksjgEfuH8SzgwmXrPZXMFKGJIM4qeQE+/T6fRJxmoFwuHwcRybjxA6onoJzG7ngeQTt9TwYcin3Xq9fkZLJBLnEL+C02MQG/wLaJr2HYMWf0d8CJyON5jrooQK/HC0r1oqlarh3B4W/p/D+T/Fiaml+G9jZIB7guwctT8NzNnTz48E5/Het80BZOnbQqFgSJx5wMIDsWdI8AWhFCiOsn6WK7AIR3sD+icwIIQjlJFwLoh43iyOE9eFgWWU9S/OXC73CdwFmPg2+HsAnluc3yc8x0L9MiBymx8ioQLFW61WpFQqPWescoAmsA3nWXgYDwETGi8lllWhZgbfAphzVUIFVkVUx9WhOGG4C2TJXsL1aaEUMJCJs4lKeWuWwmRzm1J8BRfallAKY+8B3b6NvYDA74BPTjKBCy2OC61gEudtegP3wwOhRhirA5ycIrwBOVAPmgL/UEJLYJU2LMT5KhoTJywLEU3w+uVAvQn8ZvbekdASWKVlbNeBhNy68qQnmaWBITiQJiBK4Y4+e+3ANyP6XkLbR3s69SqXW2li4xN71mf2sKG/z4o3tr7jB/mDdb4DhXtsAAAAAElFTkSuQmCC');\r\n background-repeat: no-repeat;\r\n}\r\n.js-touch .slick-header-menubutton.resize-offset {\r\n right: 1.2rem;\r\n width: 1.2rem;\r\n}\r\n","/*\r\nIMPORTANT:\r\nIn order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.\r\nNo built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS\r\nclasses should alter those!\r\n*/\r\n\r\n.slick-header-columns {\r\n border-bottom: 2px solid silver;\r\n}\r\n\r\n.slick-header-column {\r\n border-right: 1px solid silver;\r\n text-align: center;\r\n font-weight: bold;\r\n}\r\n\r\n.slick-header-column:hover, .slick-header-column-active {\r\n background: #3B99FF;\r\n color: #ffffff;\r\n}\r\n\r\n\r\n.slick-header-column > .slick-header-menubutton:hover {\r\n background-color: rgba(0,0,0,0.3);\r\n}\r\n\r\n.slick-headerrow {\r\n background: #fafafa;\r\n}\r\n\r\n.slick-headerrow-column {\r\n background: #fafafa;\r\n border-bottom: 0;\r\n height: 100%;\r\n}\r\n\r\n.slick-row.ui-state-active {\r\n background: #F5F7D7;\r\n}\r\n\r\n.slick-row {\r\n position: absolute;\r\n background: white;\r\n border: 0px;\r\n line-height: 26px;\r\n}\r\n\r\n/* what is this used for ? */\r\n.slick-row.selected {\r\n z-index: 10;\r\n background: #DFE8F6;\r\n}\r\n\r\n.slick-cell {\r\n padding-left: 4px;\r\n padding-right: 4px;\r\n}\r\n\r\n.slick-group {\r\n border-bottom: 2px solid silver;\r\n}\r\n\r\n.slick-group .slick-cell {\r\n background:#D4E4EC;\r\n}\r\n\r\n.slick-group-toggle {\r\n width: 9px;\r\n height: 9px;\r\n margin-right: 5px;\r\n}\r\n\r\n.slick-group-toggle.expanded {\r\n background: url('data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIMwADCBxIUIDBgwIEChgwwECBAgQUFjBAkaJCABgxGlB4AGHCAAIQiBypEEECkScJqgwQEAA7') no-repeat center center;}\r\n\r\n.slick-group-toggle.collapsed { \r\n background: url('data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIOAADCBxIUIDBgwIEChgwAECBAgQUFjAAQIABAwoBaNSIMYCAAwIqGlSIAEHFkiQTIBCgkqDLAAEBADs=') no-repeat center center;\r\n}\r\n\r\n.slick-group-totals {\r\n color: gray;\r\n background: white;\r\n}\r\n\r\n.slick-group-select-checkbox {\r\n width: 13px;\r\n height: 13px;\r\n margin: 3px 10px 0 0;\r\n display: inline-block;\r\n}\r\n\r\n.slick-cell.selected {\r\n background-color: #CDE6F7;\r\n}\r\n\r\n.slick-cell.active {\r\n border-color: #017DBE;\r\n border-style: solid;\r\n}\r\n\r\n.slick-sortable-placeholder {\r\n background: silver !important;\r\n}\r\n\r\n.slick-row.odd {\r\n background: #ededed;\r\n}\r\n\r\n.slick-row.ui-state-active {\r\n background: #F5F7D7;\r\n}\r\n\r\n.slick-row.loading {\r\n opacity: 0.5;\r\n filter: alpha(opacity = 50);\r\n}\r\n\r\n.slick-cell.invalid {\r\n border-color: red;\r\n animation-duration: 0.2s;\r\n -moz-animation-duration: 0.2s;\r\n -webkit-animation-duration: 0.2s;\r\n animation-name: slickgrid-invalid-hilite;\r\n -moz-animation-name: slickgrid-invalid-hilite;\r\n -webkit-animation-name: slickgrid-invalid-hilite; \r\n}\r\n\r\n@keyframes slickgrid-invalid-hilite {\r\n from { box-shadow: 0 0 6px red; }\r\n to { box-shadow: none; }\r\n}\r\n\r\n@-moz-keyframes slickgrid-invalid-hilite {\r\n from { box-shadow: 0 0 6px red; }\r\n to { box-shadow: none; }\r\n}\r\n\r\n@-webkit-keyframes slickgrid-invalid-hilite {\r\n from { box-shadow: 0 0 6px red; }\r\n to { box-shadow: none; }\r\n}\r\n\r\n/* .slick-grid {\r\n background: white;\r\n outline: 0;\r\n border: 1px solid #a0a0a0;\r\n border-radius: 3px;\r\n} */\r\n\r\n.new-row .slick-cell {\r\n border-top: solid 1px #aaaaaa;\r\n background: #3B99FF55;\r\n}\r\n",".resizable {\r\n position: relative;\r\n}\r\n\r\n.resizable > .rs-r {\r\n position: absolute;\r\n top:0;\r\n bottom:0;\r\n right:0;\r\n width:0.5rem;\r\n box-sizing:border-box;\r\n background:rgba(20,20,20,0.2);\r\n cursor: w-resize;\r\n}\r\n\r\n.resizable > .rs-b {\r\n position: absolute;\r\n left:0;\r\n bottom:0;\r\n right:0;\r\n height:0.5rem;\r\n box-sizing:border-box;\r\n background:rgba(20,20,20,0.2);\r\n cursor: n-resize;\r\n}\r\n\r\n.resizable > .rs-r.rs-b {\r\n top: initial;\r\n left: initial;\r\n right: 0;\r\n bottom: 0;\r\n cursor: nw-resize;\r\n}","/* Menu button */\r\n.slick-header-menubutton {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n width: 14px;\r\n background-repeat: no-repeat;\r\n background-position: left center;\r\n background-image: url('data:image/gif;base64,R0lGODlhDgAOAIABADtKYwAAACH5BAEAAAEALAAAAAAOAA4AAAISjI+py+0PHZgUsGobhTn6DxoFADs=');\r\n cursor: pointer;\r\n\r\n display: none;\r\n border-left: thin ridge silver;\r\n}\r\n\r\n.slick-header-menubutton.resize-offset {\r\n right: 0.5rem;\r\n}\r\n\r\n.slick-header-column:hover > .slick-header-menubutton,\r\n.slick-header-column-active .slick-header-menubutton {\r\n display: inline-block;\r\n}\r\n\r\n/* Menu */\r\n.slick-header-menu {\r\n position: absolute;\r\n display: inline-block;\r\n margin: 0;\r\n padding: 2px;\r\n cursor: default;\r\n}\r\n\r\n\r\n/* Menu items */\r\n.slick-header-menuitem {\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n cursor: pointer;\r\n}\r\n\r\n.slick-header-menuicon {\r\n display: inline-block;\r\n width: 16px;\r\n height: 16px;\r\n vertical-align: middle;\r\n margin-right: 4px;\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n}\r\n\r\n.slick-header-menucontent {\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n\r\n\r\n/* Disabled */\r\n.slick-header-menuitem-disabled {\r\n color: silver;\r\n}\r\n\r\n/* Divider */\r\n.slick-header-menuitem.slick-header-menuitem-divider {\r\n cursor: default;\r\n border: none;\r\n overflow: hidden;\r\n padding: 0;\r\n height: 1px;\r\n margin: 8px 2px;\r\n background-color: #cecece;\r\n}\r\n.slick-header-menuitem-divider.slick-header-menuitem:hover {\r\n background-color: #cecece;\r\n}\r\n\r\n.slick-header-menu {\r\n border: 1px solid #bebebe;\r\n background: #ffffff;\r\n padding: 2px;\r\n box-shadow: 2px 2px 2px silver;\r\n z-index: 20;\r\n}\r\n\r\n\r\n.slick-header-menuitem {\r\n padding: 2px 4px;\r\n border-radius: 3px;\r\n}\r\n\r\n.slick-header-menuitem:hover {\r\n background: #3B99FF;\r\n color:white;\r\n}\r\n\r\n.slick-header-menuitem-disabled {\r\n border-color: transparent !important;\r\n background: inherit !important;\r\n}",".slick-column-name,\r\n.slick-sort-indicator {\r\n /**\r\n * This makes all \"float:right\" elements after it that spill over to the next line\r\n * display way below the lower boundary of the column thus hiding them.\r\n */\r\n display: inline-block;\r\n float: left;\r\n margin-bottom: 100px;\r\n}\r\n\r\n.slick-header-button {\r\n display: inline-block;\r\n float: right;\r\n vertical-align: top;\r\n margin: 1px;\r\n margin-right: 2rem;\r\n /**\r\n * This makes all \"float:right\" elements after it that spill over to the next line\r\n * display way below the lower boundary of the column thus hiding them.\r\n */\r\n margin-bottom: 100px;\r\n height: 15px;\r\n width: 15px;\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n cursor: pointer;\r\n}\r\n\r\n.slick-header-button-hidden {\r\n width: 0;\r\n\r\n -webkit-transition: 0.2s width;\r\n -ms-transition: 0.2s width;\r\n transition: 0.2s width;\r\n}\r\n\r\n.slick-header-column:hover > .slick-header-button {\r\n width: 15px;\r\n}",".jsl-dialog {\r\n position: relative;\r\n z-index: 2002;\r\n background:white;\r\n border-radius: 0.8rem;\r\n pointer-events: all;\r\n border: 2px solid #dddddd;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n}\r\n\r\n.dlg-close-btn {\r\n color: #555555;\r\n font-size: 2rem;\r\n line-height: 2.8rem;\r\n font-weight: bold;\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n top: 0;\r\n width: 2.5rem;\r\n box-sizing: border-box;\r\n border-top-right-radius: 0.8rem;\r\n cursor: pointer;\r\n background: #d8d8d8;\r\n}\r\n\r\n.dlg-close-btn:hover {\r\n background: #B22121;\r\n color: white;\r\n}\r\n\r\n.jsl-dialog-overlay {\r\n position: fixed;\r\n left:0;\r\n top:0;\r\n bottom:0;\r\n right:0;\r\n z-index: 2001;\r\n background:rgba(0,0,0,0.8);\r\n height: 100vh;\r\n}\r\n\r\n.jsl-dialog > .dlg-header {\r\n\tbox-sizing: content-box;\r\n position: relative;\r\n height: 2rem;\r\n padding: 0.6rem;\r\n border-bottom: 1px solid #ededed;\r\n background: #f8f8f8;\r\n font-size: 1.5rem;\r\n border-top-right-radius: 0.8rem;\r\n border-top-left-radius: 0.8rem;\r\n text-align: center;\r\n}\r\n\r\n.jsl-dialog > .dlg-body {\r\n padding: 1rem;\r\n box-sizing: border-box;\r\n overflow: auto;\r\n margin-bottom: 3rem;\r\n}\r\n\r\n.jsl-dialog > .dlg-footer {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3rem;\r\n box-sizing: border-box;\r\n padding: 0.5rem;\r\n border-top: 1px solid #ededed;\r\n background: #f8f8f8;\r\n border-bottom-right-radius: 0.8rem;\r\n border-bottom-left-radius: 0.8rem;\r\n text-align: right;\r\n}\r\n\r\n.jsl-dialog > .dlg-footer button {\r\n margin-left: 1rem;\r\n}\r\n\r\n.jsl-dialog .slickgrid {\r\n border-radius: 0;\r\n}\r\n",".v-r-comp {\r\n\r\n height:100%;\r\n\r\n .v-r-child > * {\r\n height: 100%;\r\n }\r\n\r\n}",".cell-reorder {\r\n cursor: move;\r\n /* background: red; */\r\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAADAFBMVEUAAACWlpbY2NgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADmpIfcAAABAHRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AU/cHJQAAABlJREFUCNdj+I8EGFA5jHAA5DDBAW2VIQEAmyRUB6U7kZIAAAAASUVORK5CYII=);\r\n background-repeat: no-repeat;\r\n background-position-x: center;\r\n background-position-y: center;\r\n}","\r\n.header-overlay {\r\n background-color: #217346;\r\n}\r\n\r\n.cell-overlay,\r\n.selection-cell-overlay {\r\n display: block;\r\n position: absolute;\r\n z-index: 20;\r\n background-color: #217346;\r\n}\r\n\r\n.handle-overlay {\r\n border: 1px solid white;\r\n padding: 3px;\r\n background-color: #217346;\r\n position: absolute;\r\n width: 2px;\r\n height: 2px;\r\n z-index: 1000;\r\n cursor: crosshair;\r\n}\r\n\r\n.overlay-handle-decorator {\r\n border: 2px solid #217346;\r\n z-index: 1000;\r\n}\r\n","",".slick-cell .jsl-toggle {\r\n color: #888888;\r\n /* font-size: 0.8em; */\r\n width: 1.2em;\r\n box-sizing: border-box;\r\n display: inline-block;\r\n cursor: pointer;\r\n height: 100%;\r\n}\r\n\r\n.slick-cell .jsl-toggle-spacer {\r\n min-width: 1.2em;\r\n display: inline-block;\r\n box-sizing: border-box;\r\n}\r\n\r\n.slick-cell .jsl-indent {\r\n display: inline-block;\r\n position: relative;\r\n}"],"names":[],"version":3,"file":"index.css.map"}