@neovici/cosmoz-omnitable 16.1.0-beta.2 → 16.1.0-beta.3
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.
- package/dist/lib/compute-layout.d.ts +2 -1
- package/dist/lib/compute-layout.d.ts.map +1 -1
- package/dist/lib/compute-layout.js +1 -1
- package/dist/lib/compute-layout.js.map +1 -1
- package/dist/lib/use-fast-layout.d.ts +19 -13
- package/dist/lib/use-fast-layout.d.ts.map +1 -1
- package/dist/lib/use-fast-layout.js +11 -6
- package/dist/lib/use-fast-layout.js.map +1 -1
- package/dist/lib/use-layout.d.ts +3 -2
- package/dist/lib/use-layout.d.ts.map +1 -1
- package/dist/lib/use-layout.js.map +1 -1
- package/dist/lib/use-resizable-columns.d.ts +2 -1
- package/dist/lib/use-resizable-columns.d.ts.map +1 -1
- package/dist/lib/use-resizable-columns.js +6 -2
- package/dist/lib/use-resizable-columns.js.map +1 -1
- package/dist/lib/use-tween-array.d.ts +3 -2
- package/dist/lib/use-tween-array.d.ts.map +1 -1
- package/dist/lib/use-tween-array.js +1 -1
- package/dist/lib/use-tween-array.js.map +1 -1
- package/dist/lib/utils.d.ts +1 -1
- package/dist/lib/utils.d.ts.map +1 -1
- package/dist/lib/utils.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ColumnConfig } from './layout';
|
|
2
|
+
import { TweenedLayout } from './use-layout';
|
|
2
3
|
export declare const computeLayout: (_columnConfigs: ColumnConfig[], canvasWidth: number, numColumns: number) => (number | undefined)[];
|
|
3
|
-
export declare const toCss: (layout:
|
|
4
|
+
export declare const toCss: (layout: TweenedLayout, config: Omit<ColumnConfig, "index">[]) => string;
|
|
4
5
|
//# sourceMappingURL=compute-layout.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compute-layout.d.ts","sourceRoot":"","sources":["../../src/lib/compute-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"compute-layout.d.ts","sourceRoot":"","sources":["../../src/lib/compute-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAgD7C,eAAO,MAAM,aAAa,GACzB,gBAAgB,YAAY,EAAE,EAC9B,aAAa,MAAM,EACnB,YAAY,MAAM,KAChB,CAAC,MAAM,GAAG,SAAS,CAAC,EA+BtB,CAAC;AAEF,eAAO,MAAM,KAAK,GACjB,QAAQ,aAAa,EACrB,QAAQ,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,EAAE,WACwC,CAAC"}
|
|
@@ -46,5 +46,5 @@ export const computeLayout = (_columnConfigs, canvasWidth, numColumns) => {
|
|
|
46
46
|
return sorted;
|
|
47
47
|
}, new Array(numColumns).fill(undefined));
|
|
48
48
|
};
|
|
49
|
-
export const toCss = (layout, config) => layout.length === 0 ? '.cell {display: none;}' : _toCss(layout, config);
|
|
49
|
+
export const toCss = (layout, config) => (layout.length === 0 ? '.cell {display: none;}' : _toCss(layout, config));
|
|
50
50
|
//# sourceMappingURL=compute-layout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compute-layout.js","sourceRoot":"","sources":["../../src/lib/compute-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAgB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"compute-layout.js","sourceRoot":"","sources":["../../src/lib/compute-layout.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import type { Column } from './types';
|
|
2
|
+
import type { NormalizedSettings } from './settings/normalize';
|
|
3
|
+
interface SortAndGroupOptions {
|
|
4
|
+
groupOnColumn?: Column | null;
|
|
5
|
+
}
|
|
6
|
+
interface UseFastLayoutParams {
|
|
7
|
+
host: HTMLElement;
|
|
8
|
+
columns: Column[];
|
|
9
|
+
settings: NormalizedSettings;
|
|
10
|
+
setSettings: (settings: NormalizedSettings) => void;
|
|
11
|
+
resizeSpeedFactor: number;
|
|
12
|
+
sortAndGroupOptions: SortAndGroupOptions;
|
|
13
|
+
}
|
|
14
|
+
interface UseFastLayoutReturn {
|
|
9
15
|
isMini: boolean;
|
|
10
|
-
collapsedColumns:
|
|
11
|
-
miniColumns:
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
};
|
|
16
|
+
collapsedColumns: Column[];
|
|
17
|
+
miniColumns: Column[];
|
|
18
|
+
}
|
|
19
|
+
export declare const useFastLayout: ({ host, columns, settings, setSettings, resizeSpeedFactor, sortAndGroupOptions, }: UseFastLayoutParams) => UseFastLayoutReturn;
|
|
20
|
+
export {};
|
|
15
21
|
//# sourceMappingURL=use-fast-layout.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-fast-layout.d.ts","sourceRoot":"","sources":["../../src/lib/use-fast-layout.
|
|
1
|
+
{"version":3,"file":"use-fast-layout.d.ts","sourceRoot":"","sources":["../../src/lib/use-fast-layout.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,UAAU,mBAAmB;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,UAAU,mBAAmB;IAC5B,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,WAAW,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACpD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,mBAAmB,CAAC;CACzC;AAED,UAAU,mBAAmB;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,EAAE,CAAC;CACtB;AAeD,eAAO,MAAM,aAAa,GAAI,mFAO3B,mBAAmB,KAAG,mBAiDxB,CAAC"}
|
|
@@ -17,23 +17,28 @@ const useAdoptedStyleSheet = (host) => {
|
|
|
17
17
|
return styleSheet;
|
|
18
18
|
};
|
|
19
19
|
export const useFastLayout = ({ host, columns, settings, setSettings, resizeSpeedFactor, sortAndGroupOptions, }) => {
|
|
20
|
-
const canvasWidth = useCanvasWidth(host)
|
|
20
|
+
const canvasWidth = useCanvasWidth(host);
|
|
21
|
+
const { isMini, miniColumn, miniColumns } = useMini({
|
|
21
22
|
host,
|
|
22
23
|
canvasWidth,
|
|
23
24
|
columns,
|
|
24
|
-
})
|
|
25
|
+
});
|
|
26
|
+
const { groupOnColumn } = sortAndGroupOptions;
|
|
27
|
+
const layout = useLayout({
|
|
25
28
|
canvasWidth,
|
|
26
29
|
groupOnColumn,
|
|
27
30
|
miniColumn,
|
|
28
31
|
config: settings.columns,
|
|
29
|
-
})
|
|
32
|
+
});
|
|
33
|
+
const styleSheet = useAdoptedStyleSheet(host);
|
|
34
|
+
const collapsedColumns = useMemo(() => settings.columns.reduce((acc, column, index) => layout[index] != null ||
|
|
30
35
|
column.name === groupOnColumn?.name ||
|
|
31
36
|
column.disabled
|
|
32
37
|
? acc
|
|
33
|
-
: [...acc, columns.find((c) => c.name === column.name)], []), [columns, settings, layout]);
|
|
38
|
+
: [...acc, columns.find((c) => c.name === column.name)].filter((c) => c != null), []), [columns, settings, layout, groupOnColumn]);
|
|
34
39
|
const meta = useMeta({ columns: settings.columns });
|
|
35
|
-
useTweenArray(layout, resizeSpeedFactor, (
|
|
36
|
-
const layoutCss = toCss(
|
|
40
|
+
useTweenArray(layout, resizeSpeedFactor, (tweenedLayout) => {
|
|
41
|
+
const layoutCss = toCss(tweenedLayout, meta.columns);
|
|
37
42
|
styleSheet.replace(layoutCss);
|
|
38
43
|
});
|
|
39
44
|
useResizableColumns({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-fast-layout.js","sourceRoot":"","sources":["../../src/lib/use-fast-layout.
|
|
1
|
+
{"version":3,"file":"use-fast-layout.js","sourceRoot":"","sources":["../../src/lib/use-fast-layout.ts"],"names":[],"mappings":"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"}
|
package/dist/lib/use-layout.d.ts
CHANGED
|
@@ -3,9 +3,10 @@ import { Column } from './types';
|
|
|
3
3
|
interface UseLayoutParams {
|
|
4
4
|
canvasWidth: number | null | undefined;
|
|
5
5
|
groupOnColumn?: Column | null;
|
|
6
|
-
config: ColumnConfig[];
|
|
6
|
+
config: Omit<ColumnConfig, 'index'>[];
|
|
7
7
|
miniColumn?: Column | null;
|
|
8
8
|
}
|
|
9
|
-
export
|
|
9
|
+
export type TweenedLayout = (number | undefined)[];
|
|
10
|
+
export declare const useLayout: ({ canvasWidth, groupOnColumn, config, miniColumn, }: UseLayoutParams) => TweenedLayout;
|
|
10
11
|
export {};
|
|
11
12
|
//# sourceMappingURL=use-layout.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-layout.d.ts","sourceRoot":"","sources":["../../src/lib/use-layout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,UAAU,eAAe;IACxB,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,MAAM,EAAE,YAAY,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"use-layout.d.ts","sourceRoot":"","sources":["../../src/lib/use-layout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,UAAU,eAAe;IACxB,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,EAAE,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;AAEnD,eAAO,MAAM,SAAS,GAAI,qDAKvB,eAAe,KAAG,aA4BoB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-layout.js","sourceRoot":"","sources":["../../src/lib/use-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"use-layout.js","sourceRoot":"","sources":["../../src/lib/use-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAajD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACzB,WAAW,EACX,aAAa,EACb,MAAM,EACN,UAAU,GACO,EAAiB,EAAE,CACpC,OAAO,CAAC,GAAG,EAAE;IACZ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,WAAW,IAAI,IAAI,IAAI,WAAW,KAAK,CAAC,EAAE,CAAC;QACxE,OAAO,EAAE,CAAC;IACX,CAAC;IAED,MAAM,aAAa,GAAmB,MAAM;SAC1C,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QACnB,QAAQ,EAAE,CAAC,CAAC,QAAQ;QACpB,KAAK,EAAE,CAAC,CAAC,KAAK;QACd,IAAI,EAAE,CAAC,CAAC,IAAI;QACZ,QAAQ,EAAE,CAAC,CAAC,QAAQ;QACpB,IAAI,EAAE,CAAC,CAAC,IAAI;QACZ,KAAK;QACL,MAAM,EAAE,CAAC,CAAC,IAAI,KAAK,aAAa,EAAE,IAAI,IAAI,CAAC,CAAC,QAAQ;KACpD,CAAC,CAAC;SACF,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACV,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAC7D;SACA,IAAI,CACJ,CACC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EACtC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EACrC,EAAE,CACH,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,SAAS,GAAG,SAAS,CAClE,CAAC;IAEH,OAAO,aAAa,CAAC,aAAa,EAAE,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;AACxE,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { NormalizedSettings } from './settings/normalize';
|
|
2
|
+
import { TweenedLayout } from './use-layout';
|
|
2
3
|
export type UseResizableColumnsParams = {
|
|
3
4
|
host: HTMLElement;
|
|
4
5
|
canvasWidth: number;
|
|
5
|
-
layout:
|
|
6
|
+
layout: TweenedLayout;
|
|
6
7
|
setSettings: (update: (settings: NormalizedSettings) => NormalizedSettings) => void;
|
|
7
8
|
};
|
|
8
9
|
export declare const useResizableColumns: ({ host, canvasWidth, layout, setSettings, }: UseResizableColumnsParams) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-resizable-columns.d.ts","sourceRoot":"","sources":["../../src/lib/use-resizable-columns.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"use-resizable-columns.d.ts","sourceRoot":"","sources":["../../src/lib/use-resizable-columns.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,yBAAyB,GAAG;IACvC,IAAI,EAAE,WAAW,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;IACtB,WAAW,EAAE,CACZ,MAAM,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,kBAAkB,KACxD,IAAI,CAAC;CACV,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,6CAKjC,yBAAyB,SA6D3B,CAAC"}
|
|
@@ -2,11 +2,15 @@ import { useEffect, useRef } from '@pionjs/pion';
|
|
|
2
2
|
export const useResizableColumns = ({ host, canvasWidth, layout, setSettings, }) => {
|
|
3
3
|
const onColumnResizeRef = useRef();
|
|
4
4
|
onColumnResizeRef.current = (ev) => setSettings((settings) => {
|
|
5
|
-
const config = settings.columns
|
|
5
|
+
const config = settings.columns;
|
|
6
|
+
const { detail: { newWidth, column }, } = ev;
|
|
7
|
+
const columnIndex = config.findIndex((c) => c.name === column.name);
|
|
8
|
+
const newConfig = [];
|
|
9
|
+
const maxPriority = config.reduce((p, c) => Math.max(p, c.priority), -Infinity);
|
|
6
10
|
for (let i = 0; i < layout.length; i++) {
|
|
7
11
|
newConfig[i] = { ...config[i] };
|
|
8
12
|
// for visible columns to the left of the resized column
|
|
9
|
-
if (i < columnIndex && layout[i]) {
|
|
13
|
+
if (i < columnIndex && layout[i] != null) {
|
|
10
14
|
// save the current width
|
|
11
15
|
newConfig[i].width = layout[i];
|
|
12
16
|
// make them fixed width
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-resizable-columns.js","sourceRoot":"","sources":["../../src/lib/use-resizable-columns.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"use-resizable-columns.js","sourceRoot":"","sources":["../../src/lib/use-resizable-columns.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const
|
|
1
|
+
import { TweenedLayout } from './use-layout';
|
|
2
|
+
export declare const isCloseEnough: (a?: number | undefined, b?: number | undefined) => boolean;
|
|
3
|
+
export declare const useTweenArray: (target: TweenedLayout, speedFactor?: number, callback?: (tween: TweenedLayout) => void) => void;
|
|
3
4
|
//# sourceMappingURL=use-tween-array.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tween-array.d.ts","sourceRoot":"","sources":["../../src/lib/use-tween-array.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-tween-array.d.ts","sourceRoot":"","sources":["../../src/lib/use-tween-array.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AA+C7C,eAAO,MAAM,aAAa,GACzB,IAAG,MAAM,GAAG,SAAa,EACzB,IAAG,MAAM,GAAG,SAAa,YACc,CAAC;AAEzC,eAAO,MAAM,aAAa,GACzB,QAAQ,aAAa,EACrB,oBAAiB,EACjB,WAAU,CAAC,KAAK,EAAE,aAAa,KAAK,IAAW,KAC7C,IAsBF,CAAC"}
|
|
@@ -30,7 +30,7 @@ const useAnimationLoop = (animate, trigger) => {
|
|
|
30
30
|
}, trigger);
|
|
31
31
|
useEffect(() => () => animationLoop.stop(), []);
|
|
32
32
|
};
|
|
33
|
-
export const isCloseEnough = (a = 0, b = 0) => Math.abs(a - b) < 0.1;
|
|
33
|
+
export const isCloseEnough = (a = 0, b = 0) => Math.abs((a ?? 0) - (b ?? 0)) < 0.1;
|
|
34
34
|
export const useTweenArray = (target, speedFactor = 1.9, callback = noop) => {
|
|
35
35
|
const state = useMeta({ target });
|
|
36
36
|
const animate = useCallback(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tween-array.js","sourceRoot":"","sources":["../../src/lib/use-tween-array.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"use-tween-array.js","sourceRoot":"","sources":["../../src/lib/use-tween-array.ts"],"names":[],"mappings":"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"}
|
package/dist/lib/utils.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
declare const indexSymbol: unique symbol;
|
|
2
2
|
export { indexSymbol };
|
|
3
|
-
export declare const findLastIndex: (array: number[], predicate: (prop: number, index?: number, array?: number[]) => boolean) => number;
|
|
3
|
+
export declare const findLastIndex: (array: (number | undefined)[], predicate: (prop: number | undefined, index?: number, array?: (number | undefined)[]) => boolean) => number;
|
|
4
4
|
//# sourceMappingURL=utils.d.ts.map
|
package/dist/lib/utils.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,WAAW,eAAkB,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,eAAO,MAAM,aAAa,GACzB,OAAO,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,WAAW,eAAkB,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,eAAO,MAAM,aAAa,GACzB,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,EAC7B,WAAW,CACV,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,KAAK,CAAC,EAAE,MAAM,EACd,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,KAC1B,OAAO,WAaZ,CAAC"}
|
package/dist/lib/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,MAAM,CAAC,MAAM,aAAa,GAAG,CAC5B,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,MAAM,CAAC,MAAM,aAAa,GAAG,CAC5B,KAA6B,EAC7B,SAIY,EACX,EAAE;IACH,IAAI,OAAO,KAAK,CAAC,aAAa,KAAK,UAAU,EAAE,CAAC;QAC/C,OAAO,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC;IAED,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5C,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;YACnC,OAAO,CAAC,CAAC;QACV,CAAC;IACF,CAAC;IAED,OAAO,CAAC,CAAC,CAAC;AACX,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neovici/cosmoz-omnitable",
|
|
3
|
-
"version": "16.1.0-beta.
|
|
3
|
+
"version": "16.1.0-beta.3",
|
|
4
4
|
"description": "[](https://travis-ci.org/Neovici/cosmoz-omnitable)",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"web-components"
|