@omegagrid/grid 0.9.29 → 0.9.30
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/ui/table.styles.js
CHANGED
|
@@ -235,11 +235,11 @@ export const tableStyles = css `
|
|
|
235
235
|
}
|
|
236
236
|
|
|
237
237
|
.cmt .crn {
|
|
238
|
-
border-top: 5px solid
|
|
238
|
+
border-top: 5px solid var(--og-colortype-yellow-background-color);
|
|
239
239
|
}
|
|
240
240
|
|
|
241
241
|
.tt .crn {
|
|
242
|
-
border-top: 5px solid var(--og-colortype-
|
|
242
|
+
border-top: 5px solid var(--og-colortype-yellow-background-color);
|
|
243
243
|
}
|
|
244
244
|
|
|
245
245
|
.clc {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.styles.js","sourceRoot":"","sources":["../../src/ui/table.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAgIb,SAAS,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqHpC,CAAC","sourcesContent":["import { css } from 'lit';\nimport constants from '../constants';\n\nexport const tableStyles = css`\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t:host {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t\tposition: relative;\n\t}\n\n\ttable {\n\t\tfont-family: var(--og-font-family);\n\t\tborder-collapse: collapse;\n\t\tposition: relative;\n\t\ttransform-origin: 0% 0% 0px;\n\t}\n\n\ta {\n\t\tcolor: inherit;\n\t}\n\n\ttable tr:first-child th {\n\t\tborder-top: var(--og-cell-border);\n\t}\n\n\ttable tr>td:first-child, table tr>th:first-child {\n\t\tborder-left: var(--og-cell-border);\n\t}\n\n\t:host([hideOuterBorder]) table tr:first-child th {\n\t\tborder-top: none;\n\t}\n\n\t:host([hideOuterBorder]) table tr>td:first-child, :host([hideOuterBorder]) table tr>th:first-child {\n\t\tborder-left: none;\n\t}\n\n\tthead {\n\t\toverflow: visible;\n\t}\n\t\n\ttr {\n\t\toverflow: visible;\n\t}\n\n\ttr.filtered>td>div {\n\t\topacity: 0.5;\n\t}\n\n\ttd {\n\t\tcolor: var(--og-text-color);\n\t\tbackground: var(--og-cell-background);\n\t\tborder: var(--og-cell-border);\n\t\tempty-cells: show;\n\t\tvertical-align: top;\n\t\toverflow: visible;\n\t\toutline-width: 0;\n\t\tcursor: cell;\n\t\tpadding: 0;\n\t\tposition: relative;\n\t}\n\n\tth {\n\t\tcolor: var(--og-text-color);\n\t\tbackground: var(--og-hcell-background);\n\t\tborder-top-width: 0;\n\t\tborder-left-width: 0;\n\t\tborder-right: var(--og-cell-border);\n\t\tborder-bottom: var(--og-cell-border);\n\t\tempty-cells: show;\n\t\tpadding: 0 0px;\n\t\tvertical-align: middle;\n\t\toverflow: hidden;\n\t\toutline-width: 0;\n\t\tcursor: default;\n\t\tfont-weight: normal;\n\t\ttext-align: center;\n\t\tposition: relative;\n\t}\n\n\tth.vlabel {\n\t\toverflow: hidden;\n\t\tposition: relative;\n\t}\n\n\tth.hlabel {\n\t\toverflow: visible;\n\t}\n\n\tth.vlabel>div {\n\t\tjustify-content: center;\n\t}\n\n\ttable.nogrid td {\n\t\tborder-color: var(--og-cell-background);\n\t}\n\n\ttd>div, th>div {\n\t\tposition: absolute;\n\t\tinset: -1px;\n\t\tborder: 1.5px solid transparent;\n\t\tpadding: 0 4px;\n\t\tbackground-clip: padding-box;\n\t}\n\n\ttd>div, th>div {\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t}\n\n\tdiv.actions {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\theight: 100%;\n\t\tgap: 4px;\n\t}\n\t\n\tdiv.actions>og-button {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t}\n\n\tth>div {\n\t\ttext-align: center;\n\t\tline-height: ${constants.ROW_HEIGHT}px;\n\t}\n\n\tth.sort {\n\t\tcursor: pointer;\n\t\tcolor: var(--og-accent-color);\n\t}\n\n\tth.sort .num {\n\t\tfont-size: 8px;\n\t}\n\n\tth.sort:hover {\n\t\tcolor: var(--og-accent-color-1);\n\t}\n\n\tth.filter {\n\t\toverflow: visible;\n\t}\n\n\tth.filter>div {\n\t\tpadding: 0;\n\t}\n\n\tth.filter og-filter-label {\n\t\twidth: 100%;\n\t}\n\n\tth.selected {\n\t\tbackground-color: var(--og-accent-color-alpha-30);\n\t}\n\t\n\tth.filter>div:before {\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: auto;\n\t}\n\n\ttr.filtered>td>div {\n\t\topacity: 0.5;\n\t}\n\n\t.htree, .vtree {\n\t\toverflow: visible;\n\t\tpadding: 0;\n\t}\n\n\t.htree>div, .vtree>div {\n\t\toverflow: visible;\n\t\tpadding: 0;\n\t\tborder: none;\n\t}\n\n\t.vtree {\n\t\tborder-bottom-color: var(--og-hcell-background);\n\t}\n\n\t.htree {\n\t\tborder-right-color: var(--og-hcell-background);\n\t}\n\n\t.vtree-line {\n\t\tborder-left: 1px solid var(--og-expander-color);\n\t}\n\n\t.htree-line {\n\t\tborder-top: 1px solid var(--og-expander-color);\n\t}\n\n\ttr.row-frozen+tr td>div, tr.row-frozen+tr th>div {\n\t\tbox-shadow: inset 0px 4px 3px -2px var(--og-frozen-border-color);\n\t}\n\n\ttr.row-frozen+tr td.col-frozen+td>div {\n\t\tbox-shadow: inset 4px 4px 3px -2px var(--og-frozen-border-color);\n\t}\n\t\n\ttd.col-frozen+td>div, th.col-frozen+th>div {\n\t\tbox-shadow: inset 4px 0px 3px -2px var(--og-frozen-border-color);\t\n\t}\n\n\ttd.empty-placeholder {\n\t\ttext-align: center;\n\t}\n\n\t.triangle-down {\n\t\twidth: 0; \n\t\theight: 0; \n\t\tborder-left: 4px solid transparent;\n\t\tborder-right: 4px solid transparent;\n\t\tborder-top: 4px solid var(--og-accent-color);\n\t}\n\n\t.crn {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\twidth: 0;\n\t\theight: 0;\n\t\tborder-left: 5px solid transparent;\n\t}\n\n\t.clc .crn {\n\t\tborder-top: 5px solid #0066ff;\n\t}\n\n\t.cmt .crn {\n\t\tborder-top: 5px solid
|
|
1
|
+
{"version":3,"file":"table.styles.js","sourceRoot":"","sources":["../../src/ui/table.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAgIb,SAAS,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqHpC,CAAC","sourcesContent":["import { css } from 'lit';\nimport constants from '../constants';\n\nexport const tableStyles = css`\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t:host {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t\tposition: relative;\n\t}\n\n\ttable {\n\t\tfont-family: var(--og-font-family);\n\t\tborder-collapse: collapse;\n\t\tposition: relative;\n\t\ttransform-origin: 0% 0% 0px;\n\t}\n\n\ta {\n\t\tcolor: inherit;\n\t}\n\n\ttable tr:first-child th {\n\t\tborder-top: var(--og-cell-border);\n\t}\n\n\ttable tr>td:first-child, table tr>th:first-child {\n\t\tborder-left: var(--og-cell-border);\n\t}\n\n\t:host([hideOuterBorder]) table tr:first-child th {\n\t\tborder-top: none;\n\t}\n\n\t:host([hideOuterBorder]) table tr>td:first-child, :host([hideOuterBorder]) table tr>th:first-child {\n\t\tborder-left: none;\n\t}\n\n\tthead {\n\t\toverflow: visible;\n\t}\n\t\n\ttr {\n\t\toverflow: visible;\n\t}\n\n\ttr.filtered>td>div {\n\t\topacity: 0.5;\n\t}\n\n\ttd {\n\t\tcolor: var(--og-text-color);\n\t\tbackground: var(--og-cell-background);\n\t\tborder: var(--og-cell-border);\n\t\tempty-cells: show;\n\t\tvertical-align: top;\n\t\toverflow: visible;\n\t\toutline-width: 0;\n\t\tcursor: cell;\n\t\tpadding: 0;\n\t\tposition: relative;\n\t}\n\n\tth {\n\t\tcolor: var(--og-text-color);\n\t\tbackground: var(--og-hcell-background);\n\t\tborder-top-width: 0;\n\t\tborder-left-width: 0;\n\t\tborder-right: var(--og-cell-border);\n\t\tborder-bottom: var(--og-cell-border);\n\t\tempty-cells: show;\n\t\tpadding: 0 0px;\n\t\tvertical-align: middle;\n\t\toverflow: hidden;\n\t\toutline-width: 0;\n\t\tcursor: default;\n\t\tfont-weight: normal;\n\t\ttext-align: center;\n\t\tposition: relative;\n\t}\n\n\tth.vlabel {\n\t\toverflow: hidden;\n\t\tposition: relative;\n\t}\n\n\tth.hlabel {\n\t\toverflow: visible;\n\t}\n\n\tth.vlabel>div {\n\t\tjustify-content: center;\n\t}\n\n\ttable.nogrid td {\n\t\tborder-color: var(--og-cell-background);\n\t}\n\n\ttd>div, th>div {\n\t\tposition: absolute;\n\t\tinset: -1px;\n\t\tborder: 1.5px solid transparent;\n\t\tpadding: 0 4px;\n\t\tbackground-clip: padding-box;\n\t}\n\n\ttd>div, th>div {\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t}\n\n\tdiv.actions {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\theight: 100%;\n\t\tgap: 4px;\n\t}\n\t\n\tdiv.actions>og-button {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t}\n\n\tth>div {\n\t\ttext-align: center;\n\t\tline-height: ${constants.ROW_HEIGHT}px;\n\t}\n\n\tth.sort {\n\t\tcursor: pointer;\n\t\tcolor: var(--og-accent-color);\n\t}\n\n\tth.sort .num {\n\t\tfont-size: 8px;\n\t}\n\n\tth.sort:hover {\n\t\tcolor: var(--og-accent-color-1);\n\t}\n\n\tth.filter {\n\t\toverflow: visible;\n\t}\n\n\tth.filter>div {\n\t\tpadding: 0;\n\t}\n\n\tth.filter og-filter-label {\n\t\twidth: 100%;\n\t}\n\n\tth.selected {\n\t\tbackground-color: var(--og-accent-color-alpha-30);\n\t}\n\t\n\tth.filter>div:before {\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: auto;\n\t}\n\n\ttr.filtered>td>div {\n\t\topacity: 0.5;\n\t}\n\n\t.htree, .vtree {\n\t\toverflow: visible;\n\t\tpadding: 0;\n\t}\n\n\t.htree>div, .vtree>div {\n\t\toverflow: visible;\n\t\tpadding: 0;\n\t\tborder: none;\n\t}\n\n\t.vtree {\n\t\tborder-bottom-color: var(--og-hcell-background);\n\t}\n\n\t.htree {\n\t\tborder-right-color: var(--og-hcell-background);\n\t}\n\n\t.vtree-line {\n\t\tborder-left: 1px solid var(--og-expander-color);\n\t}\n\n\t.htree-line {\n\t\tborder-top: 1px solid var(--og-expander-color);\n\t}\n\n\ttr.row-frozen+tr td>div, tr.row-frozen+tr th>div {\n\t\tbox-shadow: inset 0px 4px 3px -2px var(--og-frozen-border-color);\n\t}\n\n\ttr.row-frozen+tr td.col-frozen+td>div {\n\t\tbox-shadow: inset 4px 4px 3px -2px var(--og-frozen-border-color);\n\t}\n\t\n\ttd.col-frozen+td>div, th.col-frozen+th>div {\n\t\tbox-shadow: inset 4px 0px 3px -2px var(--og-frozen-border-color);\t\n\t}\n\n\ttd.empty-placeholder {\n\t\ttext-align: center;\n\t}\n\n\t.triangle-down {\n\t\twidth: 0; \n\t\theight: 0; \n\t\tborder-left: 4px solid transparent;\n\t\tborder-right: 4px solid transparent;\n\t\tborder-top: 4px solid var(--og-accent-color);\n\t}\n\n\t.crn {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\twidth: 0;\n\t\theight: 0;\n\t\tborder-left: 5px solid transparent;\n\t}\n\n\t.clc .crn {\n\t\tborder-top: 5px solid #0066ff;\n\t}\n\n\t.cmt .crn {\n\t\tborder-top: 5px solid var(--og-colortype-yellow-background-color);\n\t}\n\n\t.tt .crn {\n\t\tborder-top: 5px solid var(--og-colortype-yellow-background-color);\n\t}\n\n\t.clc {\n\t\tcursor: pointer;\n\t}\n`;"]}
|
package/dist/ui/tooltip.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Tooltip as CoreTooltip, TooltipPosition } from '@omegagrid/core';
|
|
2
2
|
import { CellModel, ColumnHeaderModel } from '@omegagrid/grid-core';
|
|
3
3
|
export declare class GridTooltip extends CoreTooltip {
|
|
4
|
-
static styles: import("lit").CSSResult[]
|
|
4
|
+
static styles: import("lit").CSSResult[];
|
|
5
5
|
constructor();
|
|
6
6
|
connectedCallback(): void;
|
|
7
7
|
attachToCell(td: HTMLElement, cell: CellModel | ColumnHeaderModel, position?: TooltipPosition): void;
|
package/dist/ui/tooltip.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/ui/tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/ui/tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGpE,qBACa,WAAY,SAAQ,WAAW;IAE3C,MAAM,CAAC,MAAM,4BAIV;;IAMH,iBAAiB;IAIjB,YAAY,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,GAAC,iBAAiB,EAAE,QAAQ,GAAE,eAAyB;CAMpG"}
|
package/dist/ui/tooltip.js
CHANGED
|
@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
6
6
|
};
|
|
7
7
|
import { customElement } from 'lit/decorators.js';
|
|
8
8
|
import { Tooltip as CoreTooltip } from '@omegagrid/core';
|
|
9
|
+
import { css } from 'lit';
|
|
9
10
|
let GridTooltip = class GridTooltip extends CoreTooltip {
|
|
10
11
|
constructor() {
|
|
11
12
|
super();
|
|
@@ -19,7 +20,11 @@ let GridTooltip = class GridTooltip extends CoreTooltip {
|
|
|
19
20
|
this.attachTo(td, position);
|
|
20
21
|
}
|
|
21
22
|
};
|
|
22
|
-
GridTooltip.styles = [...CoreTooltip.styles
|
|
23
|
+
GridTooltip.styles = [...CoreTooltip.styles, css `
|
|
24
|
+
:host {
|
|
25
|
+
max-width: 250px;
|
|
26
|
+
}
|
|
27
|
+
`];
|
|
23
28
|
GridTooltip = __decorate([
|
|
24
29
|
customElement('og-grid-tooltip')
|
|
25
30
|
], GridTooltip);
|
package/dist/ui/tooltip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/ui/tooltip.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAmB,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/ui/tooltip.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAmB,MAAM,iBAAiB,CAAC;AAE1E,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAGnB,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,WAAW;IAQ3C;QACC,KAAK,EAAE,CAAC;IACT,CAAC;IAED,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,YAAY,CAAC,EAAe,EAAE,IAAiC,EAAE,WAA4B,OAAO;QACnG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAiB,CAAC;QACtC,0EAA0E;QAC1E,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAC7B,CAAC;;AAlBM,kBAAM,GAAG,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,GAAG,CAAA;;;;EAI1C,CAAC,AAJW,CAIV;AANS,WAAW;IADvB,aAAa,CAAC,iBAAiB,CAAC;GACpB,WAAW,CAsBvB","sourcesContent":["import { customElement } from 'lit/decorators.js';\nimport { Tooltip as CoreTooltip, TooltipPosition } from '@omegagrid/core';\nimport { CellModel, ColumnHeaderModel } from '@omegagrid/grid-core';\nimport { css } from 'lit';\n\n@customElement('og-grid-tooltip')\nexport class GridTooltip extends CoreTooltip {\n\n\tstatic styles = [...CoreTooltip.styles, css`\n\t\t:host {\n\t\t\tmax-width: 250px;\n\t\t}\t\n\t`];\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t}\n\n\tattachToCell(td: HTMLElement, cell: CellModel|ColumnHeaderModel, position: TooltipPosition = 'right') {\n\t\tthis.content = cell.tooltip as string;\n\t\t// TODO: add support for custom tooltip renderer and other tooltip options\n\t\tthis.attachTo(td, position);\n\t}\n\n}"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@omegagrid/grid",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.30",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"description": "Universal datagrid component",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -35,12 +35,12 @@
|
|
|
35
35
|
"_prepublish": "yarn test && yarn lint"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@omegagrid/commands": "^0.9.
|
|
39
|
-
"@omegagrid/core": "^0.9.
|
|
40
|
-
"@omegagrid/grid-core": "^0.9.
|
|
41
|
-
"@omegagrid/localize": "^0.9.
|
|
42
|
-
"@omegagrid/tabs": "^0.9.
|
|
43
|
-
"@omegagrid/tree": "^0.9.
|
|
38
|
+
"@omegagrid/commands": "^0.9.30",
|
|
39
|
+
"@omegagrid/core": "^0.9.30",
|
|
40
|
+
"@omegagrid/grid-core": "^0.9.30",
|
|
41
|
+
"@omegagrid/localize": "^0.9.30",
|
|
42
|
+
"@omegagrid/tabs": "^0.9.30",
|
|
43
|
+
"@omegagrid/tree": "^0.9.30",
|
|
44
44
|
"@stdlib/stats": "^0.0.13",
|
|
45
45
|
"date-fns": "^3.2.0",
|
|
46
46
|
"lit": "^3.1.1",
|