@revolist/revogrid 3.6.10 → 3.6.11

package/custom-element/_baseIteratee.js

@@ -2,7 +2,7 @@
  * Built by Revolist
  */
 import { c as isFunction_1, a as isArray_1, k as keys_1, d as isBuffer_1, e as isTypedArray_1, f as isLength_1, b as _isIndex, g as isArguments_1 } from './keys.js';
-import { e as _root, a as isObject_1, f as _Symbol, _ as _baseGetTag, b as isObjectLike_1, i as isSymbol_1 } from './isSymbol.js';
+import { e as _root, b as isObject_1, f as _Symbol, _ as _baseGetTag, i as isObjectLike_1, d as isSymbol_1 } from './isSymbol.js';
 import { _ as _arrayMap } from './consts.js';
 import { i as identity_1 } from './identity.js';
 

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, h as CELL_CLASS, i as DISABLED_CLASS } from './consts.js';
 
 const GROUP_DEPTH = `${GRID_INTERNALS}-depth`;
 const PSEUDO_GROUP_ITEM = `${GRID_INTERNALS}-name`;

package/custom-element/consts.js

@@ -43,6 +43,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, 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 };
+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, 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, CELL_CLASS as h, DISABLED_CLASS as i };
 
 //# sourceMappingURL=consts.js.map

package/custom-element/data.store.js

@@ -5,7 +5,7 @@ import { getRenderingRef, forceUpdate } from '@stencil/core/internal/client';
 import { t as toInteger_1, _ as _baseFindIndex, a as toFinite_1 } from './toInteger.js';
 import { _ as _baseIteratee, e as eq_1 } from './_baseIteratee.js';
 import { i as isArrayLike_1, b as _isIndex } from './keys.js';
-import { a as isObject_1 } from './isSymbol.js';
+import { b as isObject_1 } from './isSymbol.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 { e as _root, a as isObject_1 } from './isSymbol.js';
+import { e as _root, b as isObject_1 } from './isSymbol.js';
 import { t as toNumber_1 } from './toNumber.js';
 
 /**

package/custom-element/dimension.helpers.js

@@ -2,7 +2,7 @@
  * Built by Revolist
  */
 import { _ as _baseEach, e as each } from './each.js';
-import { i as isSymbol_1 } from './isSymbol.js';
+import { d as isSymbol_1 } from './isSymbol.js';
 import { i as identity_1 } from './identity.js';
 import { _ as _baseIteratee } from './_baseIteratee.js';
 import { a as isArray_1 } from './keys.js';

package/custom-element/index.d.ts

@@ -25,3 +25,15 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+/**
+ * Utility to define all custom elements within this package using the tag name provided in the component's source.
+ * When defining each custom element, it will also check it's safe to define by:
+ *
+ * 1. Ensuring the "customElements" registry is available in the global context (window).
+ * 2. Ensuring that the component tag name is not already defined.
+ *
+ * Use the standard [customElements.define()](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define)
+ * method instead to define custom elements individually, or to provide a different tag name.
+ */
+export declare const defineCustomElements: (opts?: any) => void;

package/custom-element/index.js

@@ -3,7 +3,19 @@
  */
 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, RevoGrid } from './revo-grid.js';
+import { RevogrClipboard } from './revogr-clipboard.js';
+import { RevogrData } from './revogr-data.js';
+import { RevogrEdit } from './revogr-edit.js';
+import { RevogrFilterPanel } from './revogr-filter-panel.js';
+import { RevogrFocus } from './revogr-focus.js';
+import { RevogrHeader } from './revogr-header.js';
+import { RevogrOrderEditor } from './revogr-order-editor.js';
+import { RevogrOverlaySelection } from './revogr-overlay-selection.js';
+import { RevogrRowHeaders } from './revogr-row-headers.js';
+import { RevogrScrollVirtual } from './revogr-scroll-virtual.js';
+import { RevogrTempRange } from './revogr-temp-range.js';
+import { RevogrViewportScroll } from './revogr-viewport-scroll.js';
 
 setMode(elm => {
   let theme = elm.theme || elm.getAttribute('theme');
@@ -17,4 +29,30 @@ setMode(elm => {
   return parsedTheme;
 });
 
+const defineCustomElements = (opts) => {
+  if (typeof customElements !== 'undefined') {
+    [
+      RevoGrid,
+      RevogrClipboard,
+      RevogrData,
+      RevogrEdit,
+      RevogrFilterPanel,
+      RevogrFocus,
+      RevogrHeader,
+      RevogrOrderEditor,
+      RevogrOverlaySelection,
+      RevogrRowHeaders,
+      RevogrScrollVirtual,
+      RevogrTempRange,
+      RevogrViewportScroll,
+    ].forEach(cmp => {
+      if (!customElements.get(cmp.is)) {
+        customElements.define(cmp.is, cmp, opts);
+      }
+    });
+  }
+};
+
+export { defineCustomElements };
+
 //# sourceMappingURL=index.js.map

package/custom-element/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;;;AAGA,OAAO,CAAC,GAAG;EACT,IAAI,KAAK,GAAwB,GAAW,CAAC,KAAK,IAAI,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;EAChF,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;IAC7B,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;GACtB;EAED,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;EACjD,IAAI,WAAW,KAAK,KAAK,EAAE;IACzB,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;GACxC;EACD,OAAO,WAAW,CAAC;AACrB,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,GAAW,CAAC,KAAK,IAAI,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;EAChF,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;IAC7B,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;GACtB;EAED,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;EACjD,IAAI,WAAW,KAAK,KAAK,EAAE;IACzB,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;GACxC;EACD,OAAO,WAAW,CAAC;AACrB,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/isSymbol.js

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

package/custom-element/keys.js

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist
  */
-import { b as isObjectLike_1, _ as _baseGetTag, c as createCommonjsModule, e as _root, g as _freeGlobal, a as isObject_1 } from './isSymbol.js';
+import { i as isObjectLike_1, _ as _baseGetTag, c as createCommonjsModule, e as _root, g as _freeGlobal, b as isObject_1 } from './isSymbol.js';
 
 /**
  * The base implementation of `_.times` without support for iteratee shorthands

package/custom-element/revo-grid.js

@@ -9,7 +9,6 @@ import { i as isArrayLike_1, k as keys_1, a as isArray_1, _ as _baseKeys } from
 import { f as findIndex_1, g as getSourceItem, a as getSourceItemVirtualIndexByProp, s as setSourceByVirtualIndex, D as DataStore, b as getVisibleSourceItem, c as createStore, d as setStore, _ as _isIterateeCall, e as getPhysical, h as setItems } from './data.store.js';
 import { _ as _arrayMap, U as UUID } from './consts.js';
 import { V as ViewportStore, d as defineCustomElement$5 } from './revogr-row-headers2.js';
-import { T as ThemeService } from './themeService.js';
 import { t as timeout, g as getScrollbarWidth } from './utils.js';
 import { i as isFilterBtn, F as FILTER_PROP } from './filter.button.js';
 import { i as isString_1, d as defineCustomElement$a } from './revogr-edit2.js';
@@ -25,6 +24,65 @@ import { d as defineCustomElement$7 } from './revogr-order-editor2.js';
 import { d as defineCustomElement$6 } from './revogr-overlay-selection2.js';
 import { d as defineCustomElement$4 } from './revogr-scroll-virtual2.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.
  *
@@ -3553,11 +3611,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