@revolist/revogrid 4.3.0-next.0 → 4.3.0-next.2

package/custom-element/_baseIteratee.js

@@ -2,7 +2,7 @@
  * Built by Revolist
  */
 import { h as _SetCache, e as eq_1, _ as _getTag, d as isBuffer_1, j as _Stack, k as _stringToPath, f as isLength_1, i as isArguments_1 } from './_stringToPath.js';
-import { d as _root, f as _Symbol, a as isObjectLike_1, i as isObject_1 } from './isObject.js';
+import { b as _root, f as _Symbol, i as isObjectLike_1, a as isObject_1 } from './isObject.js';
 import { a as isArray_1, k as keys_1, c as isTypedArray_1, b as _isIndex } from './keys.js';
 import { i as isSymbol_1 } from './isSymbol.js';
 import { _ as _arrayMap } from './consts.js';

package/custom-element/_stringToPath.js

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist
  */
-import { a as isObjectLike_1, _ as _baseGetTag, c as createCommonjsModule, d as _root, e as _freeGlobal, i as isObject_1 } from './isObject.js';
+import { i as isObjectLike_1, _ as _baseGetTag, c as createCommonjsModule, b as _root, e as _freeGlobal, a as isObject_1 } from './isObject.js';
 
 /** `Object#toString` result references. */
 var argsTag$1 = '[object Arguments]';

package/custom-element/columnService.js

@@ -3,7 +3,7 @@
  */
 import { h } from '@stencil/core/internal/client';
 import { c as createStore, d as setStore, b as getVisibleSourceItem, g as getSourceItem, s as setSourceByVirtualIndex } from './data.store.js';
-import { G as GRID_INTERNALS, C as CELL_CLASS, D as DISABLED_CLASS } from './consts.js';
+import { G as GRID_INTERNALS, i as CELL_CLASS, j as DISABLED_CLASS } from './consts.js';
 import { l as lodash } from './lodash.js';
 
 const GROUP_DEPTH = `${GRID_INTERNALS}-depth`;

package/custom-element/consts.js

@@ -45,6 +45,6 @@ const EDIT_INPUT_WR = 'edit-input-wrapper';
 const DRAGG_TEXT = 'Draggable item';
 const GRID_INTERNALS = '__rvgr';
 
-export { CELL_CLASS as C, DISABLED_CLASS as D, EDIT_INPUT_WR as E, FOCUS_CLASS as F, GRID_INTERNALS as G, HEADER_CLASS as H, MIN_COL_SIZE as M, RESIZE_INTERVAL as R, SELECTION_BORDER_CLASS as S, TMP_SELECTION_BG_CLASS as T, UUID as U, _arrayMap as _, DRAGGABLE_CLASS as a, DRAG_ICON_CLASS as b, DATA_COL as c, DATA_ROW as d, HEADER_SORTABLE_CLASS as e, HEADER_ROW_CLASS as f, HEADER_ACTUAL_ROW_CLASS as g, DRAGG_TEXT as h, CELL_HANDLER_CLASS as i, ROW_HEADER_TYPE as j };
+export { CELL_HANDLER_CLASS as C, DRAGGABLE_CLASS as D, EDIT_INPUT_WR as E, FOCUS_CLASS as F, GRID_INTERNALS as G, HEADER_CLASS as H, MIN_COL_SIZE as M, RESIZE_INTERVAL as R, SELECTION_BORDER_CLASS as S, TMP_SELECTION_BG_CLASS as T, UUID as U, _arrayMap as _, DRAG_ICON_CLASS as a, DATA_COL as b, DATA_ROW as c, HEADER_SORTABLE_CLASS as d, HEADER_ROW_CLASS as e, HEADER_ACTUAL_ROW_CLASS as f, DRAGG_TEXT as g, ROW_HEADER_TYPE as h, CELL_CLASS as i, DISABLED_CLASS as j };
 
 //# sourceMappingURL=consts.js.map

package/custom-element/data.store.js

@@ -6,7 +6,7 @@ import { t as toInteger_1, _ as _baseFindIndex, a as toFinite_1 } from './toInte
 import { _ as _baseIteratee } from './_baseIteratee.js';
 import { e as eq_1 } from './_stringToPath.js';
 import { i as isArrayLike_1, b as _isIndex } from './keys.js';
-import { i as isObject_1 } from './isObject.js';
+import { a as isObject_1 } from './isObject.js';
 
 /* Built-in method references for those with the same name as other `lodash` methods. */
 var nativeMax$1 = Math.max;

package/custom-element/debounce.js

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist
  */
-import { d as _root, i as isObject_1 } from './isObject.js';
+import { b as _root, a as isObject_1 } from './isObject.js';
 import { t as toNumber_1 } from './toNumber.js';
 
 /**

package/custom-element/index.d.ts

@@ -1,3 +1,18 @@
+/* RevoGrid custom elements */
+export { RevoGridComponent as RevoGrid } from '../dist/types/components/revoGrid/revo-grid';
+export { Clipboard as RevogrClipboard } from '../dist/types/components/clipboard/revogr-clipboard';
+export { RevogrData as RevogrData } from '../dist/types/components/data/revogr-data';
+export { RevoEdit as RevogrEdit } from '../dist/types/components/overlay/revogr-edit';
+export { FilterPanel as RevogrFilterPanel } from '../dist/types/plugins/filter/filter.pop';
+export { RevogrFocus as RevogrFocus } from '../dist/types/components/selectionFocus/revogr-focus';
+export { RevogrHeaderComponent as RevogrHeader } from '../dist/types/components/header/revogr-header';
+export { OrderEditor as RevogrOrderEditor } from '../dist/types/components/order/revogr-order-editor';
+export { OverlaySelection as RevogrOverlaySelection } from '../dist/types/components/overlay/revogr-overlay-selection';
+export { RevogrRowHeaders as RevogrRowHeaders } from '../dist/types/components/rowHeaders/revogr-row-headers';
+export { RevogrScrollVirtual as RevogrScrollVirtual } from '../dist/types/components/scrollable/revogr-scroll-virtual';
+export { RevogrFocus as RevogrTempRange } from '../dist/types/components/selectionTempRange/revogr-temp-range';
+export { RevogrViewportScroll as RevogrViewportScroll } from '../dist/types/components/scroll/revogr-viewport-scroll';
+
 /**
  * Used to manually set the base path where assets can be found.
  * If the script is used as "module", it's recommended to use "import.meta.url",
@@ -25,3 +40,4 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+export * from '../dist/types';

package/custom-element/index.js

@@ -3,7 +3,20 @@
  */
 import { setMode } from '@stencil/core/internal/client';
 export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
-import { T as ThemeService } from './themeService.js';
+import { T as ThemeService } from './revo-grid.js';
+export { RevoGrid, defineCustomElement as defineCustomElementRevoGrid } from './revo-grid.js';
+export { RevogrClipboard, defineCustomElement as defineCustomElementRevogrClipboard } from './revogr-clipboard.js';
+export { RevogrData, defineCustomElement as defineCustomElementRevogrData } from './revogr-data.js';
+export { RevogrEdit, defineCustomElement as defineCustomElementRevogrEdit } from './revogr-edit.js';
+export { RevogrFilterPanel, defineCustomElement as defineCustomElementRevogrFilterPanel } from './revogr-filter-panel.js';
+export { RevogrFocus, defineCustomElement as defineCustomElementRevogrFocus } from './revogr-focus.js';
+export { RevogrHeader, defineCustomElement as defineCustomElementRevogrHeader } from './revogr-header.js';
+export { RevogrOrderEditor, defineCustomElement as defineCustomElementRevogrOrderEditor } from './revogr-order-editor.js';
+export { RevogrOverlaySelection, defineCustomElement as defineCustomElementRevogrOverlaySelection } from './revogr-overlay-selection.js';
+export { RevogrRowHeaders, defineCustomElement as defineCustomElementRevogrRowHeaders } from './revogr-row-headers.js';
+export { RevogrScrollVirtual, defineCustomElement as defineCustomElementRevogrScrollVirtual } from './revogr-scroll-virtual.js';
+export { RevogrTempRange, defineCustomElement as defineCustomElementRevogrTempRange } from './revogr-temp-range.js';
+export { RevogrViewportScroll, defineCustomElement as defineCustomElementRevogrViewportScroll } from './revogr-viewport-scroll.js';
 
 setMode(elm => {
   let theme = elm.theme || elm.getAttribute('theme');

package/custom-element/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;;;AAGA,OAAO,CAAC,GAAG;EACT,IAAI,KAAK,GAAwB;EACjC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;IAC7B,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;GACtB;EAED;EACA,IAAI,WAAW,KAAK,KAAK,EAAE;IACzB,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE;GAC3B;EACD;AACF,CAAC,CAAC","names":[],"sources":["./src/global/global.ts"],"sourcesContent":["import { setMode } from '@stencil/core';\nimport ThemeService from '../themeManager/themeService';\n\nsetMode(elm => {\n  let theme: string | undefined = (elm as any).theme || elm.getAttribute('theme');\n  if (typeof theme === 'string') {\n    theme = theme.trim();\n  }\n\n  const parsedTheme = ThemeService.getTheme(theme);\n  if (parsedTheme !== theme) {\n    elm.setAttribute('theme', parsedTheme);\n  }\n  return parsedTheme;\n});\n"],"version":3}
+{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;AAGA,OAAO,CAAC,GAAG;EACT,IAAI,KAAK,GAAwB;EACjC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;IAC7B,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;GACtB;EAED;EACA,IAAI,WAAW,KAAK,KAAK,EAAE;IACzB,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE;GAC3B;EACD;AACF,CAAC,CAAC","names":[],"sources":["./src/global/global.ts"],"sourcesContent":["import { setMode } from '@stencil/core';\nimport ThemeService from '../themeManager/themeService';\n\nsetMode(elm => {\n  let theme: string | undefined = (elm as any).theme || elm.getAttribute('theme');\n  if (typeof theme === 'string') {\n    theme = theme.trim();\n  }\n\n  const parsedTheme = ThemeService.getTheme(theme);\n  if (parsedTheme !== theme) {\n    elm.setAttribute('theme', parsedTheme);\n  }\n  return parsedTheme;\n});\n"],"version":3}

package/custom-element/isObject.js

@@ -190,6 +190,6 @@ function isObject(value) {
 
 var isObject_1 = isObject;
 
-export { _baseGetTag as _, isObjectLike_1 as a, commonjsGlobal as b, createCommonjsModule as c, _root as d, _freeGlobal as e, _Symbol as f, isObject_1 as i };
+export { _baseGetTag as _, isObject_1 as a, _root as b, createCommonjsModule as c, commonjsGlobal as d, _freeGlobal as e, _Symbol as f, isObjectLike_1 as i };
 
 //# sourceMappingURL=isObject.js.map

package/custom-element/isSymbol.js

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist
  */
-import { a as isObjectLike_1, _ as _baseGetTag } from './isObject.js';
+import { i as isObjectLike_1, _ as _baseGetTag } from './isObject.js';
 
 /** `Object#toString` result references. */
 var symbolTag = '[object Symbol]';

package/custom-element/lodash.js

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist
  */
-import { c as createCommonjsModule, b as commonjsGlobal } from './isObject.js';
+import { c as createCommonjsModule, d as commonjsGlobal } from './isObject.js';
 
 var lodash = createCommonjsModule(function (module, exports) {
 (function() {

package/custom-element/revo-grid.js

@@ -10,7 +10,6 @@ import { f as findIndex_1, g as getSourceItem, a as getSourceItemVirtualIndexByP
 import { _ as _arrayMap, R as RESIZE_INTERVAL, U as UUID } from './consts.js';
 import { l as lodash } from './lodash.js';
 import { V as ViewportStore, c as calculateRowHeaderSize, d as defineCustomElement$5 } from './revogr-row-headers2.js';
-import { T as ThemeService } from './themeService.js';
 import { t as timeout, g as getScrollbarWidth } from './index2.js';
 import { F as FILTER_PROP, i as isFilterBtn } from './filter.button.js';
 import { _ as _getTag } from './_stringToPath.js';
@@ -27,6 +26,65 @@ import { d as defineCustomElement$6 } from './revogr-overlay-selection2.js';
 import { d as defineCustomElement$4 } from './revogr-scroll-virtual2.js';
 import { d as defineCustomElement$3 } from './revogr-temp-range2.js';
 
+class ThemeCompact {
+  constructor() {
+    this.defaultRowSize = 32;
+  }
+}
+
+class ThemeDefault {
+  constructor() {
+    this.defaultRowSize = 27;
+  }
+}
+
+class ThemeMaterial {
+  constructor() {
+    this.defaultRowSize = 42;
+  }
+}
+
+const DEFAULT_THEME = 'default';
+const allowedThemes = [DEFAULT_THEME, 'material', 'compact', 'darkMaterial', 'darkCompact'];
+class ThemeService {
+  get theme() {
+    return this.currentTheme;
+  }
+  get rowSize() {
+    return this.customRowSize || this.currentTheme.defaultRowSize;
+  }
+  set rowSize(size) {
+    this.customRowSize = size;
+  }
+  constructor(cfg) {
+    this.customRowSize = 0;
+    this.customRowSize = cfg.rowSize;
+    this.register('default');
+  }
+  register(theme) {
+    const parsedTheme = ThemeService.getTheme(theme);
+    switch (parsedTheme) {
+      case 'material':
+      case 'darkMaterial':
+        this.currentTheme = new ThemeMaterial();
+        break;
+      case 'compact':
+      case 'darkCompact':
+        this.currentTheme = new ThemeCompact();
+        break;
+      default:
+        this.currentTheme = new ThemeDefault();
+        break;
+    }
+  }
+  static getTheme(theme) {
+    if (allowedThemes.indexOf(theme) > -1) {
+      return theme;
+    }
+    return DEFAULT_THEME;
+  }
+}
+
 /**
  * Creates a `_.find` or `_.findLast` function.
  *
@@ -3487,7 +3545,6 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     }
   }
   columnChanged(newVal = []) {
-    console.log('columns', newVal);
     // clear existing data
     this.dimensionProvider.drop();
     const columnGather = ColumnDataProvider.getColumns(newVal, 0, this.columnTypes);
@@ -3845,11 +3902,10 @@ function defineCustomElement$1() {
       break;
   } });
 }
-defineCustomElement$1();
 
 const RevoGrid = RevoGridComponent;
 const defineCustomElement = defineCustomElement$1;
 
-export { RevoGrid, defineCustomElement };
+export { RevoGrid, ThemeService as T, defineCustomElement };
 
 //# sourceMappingURL=revo-grid.js.map