@omegagrid/editor 0.5.20 → 0.6.0
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/commands/index.js +1 -5
- package/dist/commands/index.js.map +1 -1
- package/dist/index.js +1 -17
- package/dist/index.js.map +1 -1
- package/dist/options.js +3 -7
- package/dist/options.js.map +1 -1
- package/dist/ui/editor.d.ts.map +1 -1
- package/dist/ui/editor.js +59 -66
- package/dist/ui/editor.js.map +1 -1
- package/dist/ui/editor.style.js +2 -5
- package/dist/ui/editor.style.js.map +1 -1
- package/dist/ui/editorZoom.js +10 -13
- package/dist/ui/editorZoom.js.map +1 -1
- package/dist/ui/forms/configForm.js +26 -31
- package/dist/ui/forms/configForm.js.map +1 -1
- package/dist/ui/forms/headerForm.d.ts.map +1 -1
- package/dist/ui/forms/headerForm.js +23 -27
- package/dist/ui/forms/headerForm.js.map +1 -1
- package/dist/ui/forms/index.js +8 -24
- package/dist/ui/forms/index.js.map +1 -1
- package/dist/ui/forms/namesForm.js +18 -21
- package/dist/ui/forms/namesForm.js.map +1 -1
- package/dist/ui/forms/ruleForm.js +57 -67
- package/dist/ui/forms/ruleForm.js.map +1 -1
- package/dist/ui/forms/ruleForm.style.js +2 -5
- package/dist/ui/forms/ruleForm.style.js.map +1 -1
- package/dist/ui/forms/ruleFormThreshold.d.ts.map +1 -1
- package/dist/ui/forms/ruleFormThreshold.js +22 -29
- package/dist/ui/forms/ruleFormThreshold.js.map +1 -1
- package/dist/ui/forms/ruleList.js +25 -28
- package/dist/ui/forms/ruleList.js.map +1 -1
- package/dist/ui/forms/ruleList.style.js +3 -6
- package/dist/ui/forms/ruleList.style.js.map +1 -1
- package/dist/ui/forms/sparklineForm.d.ts.map +1 -1
- package/dist/ui/forms/sparklineForm.js +19 -23
- package/dist/ui/forms/sparklineForm.js.map +1 -1
- package/dist/ui/forms/sparklineForm.style.js +3 -6
- package/dist/ui/forms/sparklineForm.style.js.map +1 -1
- package/dist/ui/forms/styleForm.d.ts.map +1 -1
- package/dist/ui/forms/styleForm.js +26 -29
- package/dist/ui/forms/styleForm.js.map +1 -1
- package/dist/ui/formulabar.js +26 -33
- package/dist/ui/formulabar.js.map +1 -1
- package/dist/ui/formulabar.style.js +2 -5
- package/dist/ui/formulabar.style.js.map +1 -1
- package/dist/ui/gridStats.js +21 -25
- package/dist/ui/gridStats.js.map +1 -1
- package/dist/ui/index.js +8 -24
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/statusbar.js +13 -16
- package/dist/ui/statusbar.js.map +1 -1
- package/dist/ui/toolbar.config.d.ts +1 -1
- package/dist/ui/toolbar.config.js +23 -27
- package/dist/ui/toolbar.config.js.map +1 -1
- package/dist/ui/toolbar.d.ts.map +1 -1
- package/dist/ui/toolbar.js +63 -72
- package/dist/ui/toolbar.js.map +1 -1
- package/dist/ui/toolbar.style.js +2 -5
- package/dist/ui/toolbar.style.js.map +1 -1
- package/package.json +12 -12
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"configForm.js","sourceRoot":"","sources":["../../../src/ui/forms/configForm.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"configForm.js","sourceRoot":"","sources":["../../../src/ui/forms/configForm.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerForm.d.ts","sourceRoot":"","sources":["../../../src/ui/forms/headerForm.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,YAAY,EAA8B,MAAM,iBAAiB,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAqB,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,qBACa,UAAW,SAAQ,UAAU;IAGzC,IAAI,EAAE,IAAI,CAAC;IAGX,KAAK,EAAE,SAAS,CAAC;IAGjB,aAAa,EAAE,aAAa,CAAC;IAG7B,WAAW,EAAE,MAAM,CAAC;IAEpB,UAAU,EAAE,YAAY,EAAE,CAAC;IAE3B,iBAAiB;IAIjB,aAAa;IAIb,sBAAsB;;
|
|
1
|
+
{"version":3,"file":"headerForm.d.ts","sourceRoot":"","sources":["../../../src/ui/forms/headerForm.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,YAAY,EAA8B,MAAM,iBAAiB,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAqB,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,qBACa,UAAW,SAAQ,UAAU;IAGzC,IAAI,EAAE,IAAI,CAAC;IAGX,KAAK,EAAE,SAAS,CAAC;IAGjB,aAAa,EAAE,aAAa,CAAC;IAG7B,WAAW,EAAE,MAAM,CAAC;IAEpB,UAAU,EAAE,YAAY,EAAE,CAAC;IAE3B,iBAAiB;IAIjB,aAAa;IAIb,sBAAsB,IA4EI,YAAY,EAAE;;IA6BxC,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAM3C,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAMxC,MAAM,6CAEJ;CAEF"}
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
3
2
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4
3
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
5
4
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
6
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7
6
|
};
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
const lit_1 = require("lit");
|
|
13
|
-
let HeaderForm = class HeaderForm extends lit_1.LitElement {
|
|
7
|
+
import { customElement, property, query, state } from 'lit/decorators.js';
|
|
8
|
+
import { FormControlType } from "@omegagrid/form";
|
|
9
|
+
import { html, LitElement } from 'lit';
|
|
10
|
+
let HeaderForm = class HeaderForm extends LitElement {
|
|
14
11
|
connectedCallback() {
|
|
15
12
|
super.connectedCallback();
|
|
16
13
|
}
|
|
@@ -18,7 +15,6 @@ let HeaderForm = class HeaderForm extends lit_1.LitElement {
|
|
|
18
15
|
return this.grid.model.columns[this.range.c1];
|
|
19
16
|
}
|
|
20
17
|
getFormContainerConfig() {
|
|
21
|
-
var _a, _b, _c;
|
|
22
18
|
const formSettings = {
|
|
23
19
|
caption: 'Headers',
|
|
24
20
|
controls: [],
|
|
@@ -29,19 +25,19 @@ let HeaderForm = class HeaderForm extends lit_1.LitElement {
|
|
|
29
25
|
formSettings.controls.push({
|
|
30
26
|
row: 0,
|
|
31
27
|
col: 0,
|
|
32
|
-
type:
|
|
28
|
+
type: FormControlType.Label,
|
|
33
29
|
value: 'Label'
|
|
34
30
|
});
|
|
35
31
|
formSettings.controls.push({
|
|
36
32
|
row: 0,
|
|
37
33
|
col: 1,
|
|
38
|
-
type:
|
|
34
|
+
type: FormControlType.Label,
|
|
39
35
|
value: 'Colspan'
|
|
40
36
|
});
|
|
41
37
|
formSettings.controls.push({
|
|
42
38
|
row: 0,
|
|
43
39
|
col: 2,
|
|
44
|
-
type:
|
|
40
|
+
type: FormControlType.Label,
|
|
45
41
|
value: 'Rowspan'
|
|
46
42
|
});
|
|
47
43
|
}
|
|
@@ -51,28 +47,28 @@ let HeaderForm = class HeaderForm extends lit_1.LitElement {
|
|
|
51
47
|
formSettings.controls.push({
|
|
52
48
|
row: r,
|
|
53
49
|
col: 0,
|
|
54
|
-
type:
|
|
50
|
+
type: FormControlType.TextInput,
|
|
55
51
|
key: `label-${h}`,
|
|
56
|
-
value:
|
|
52
|
+
value: column.header[h]?.label
|
|
57
53
|
});
|
|
58
54
|
formSettings.controls.push({
|
|
59
55
|
row: r,
|
|
60
56
|
col: 1,
|
|
61
|
-
type:
|
|
57
|
+
type: FormControlType.NumericInput,
|
|
62
58
|
key: `colspan-${h}`,
|
|
63
|
-
value:
|
|
59
|
+
value: column.header[h]?.cs || 1
|
|
64
60
|
});
|
|
65
61
|
formSettings.controls.push({
|
|
66
62
|
row: r,
|
|
67
63
|
col: 2,
|
|
68
|
-
type:
|
|
64
|
+
type: FormControlType.NumericInput,
|
|
69
65
|
key: `rowspan-${h}`,
|
|
70
|
-
value:
|
|
66
|
+
value: column.header[h]?.rs || 1
|
|
71
67
|
});
|
|
72
68
|
formSettings.controls.push({
|
|
73
69
|
row: r,
|
|
74
70
|
col: 3,
|
|
75
|
-
type:
|
|
71
|
+
type: FormControlType.Button,
|
|
76
72
|
key: `remove-${h}`,
|
|
77
73
|
options: { color: 'red', icon: 'trash' }
|
|
78
74
|
});
|
|
@@ -80,7 +76,7 @@ let HeaderForm = class HeaderForm extends lit_1.LitElement {
|
|
|
80
76
|
formSettings.controls.push({
|
|
81
77
|
row: this.headerCount + 1,
|
|
82
78
|
col: 0,
|
|
83
|
-
type:
|
|
79
|
+
type: FormControlType.Button,
|
|
84
80
|
key: 'add',
|
|
85
81
|
value: '+',
|
|
86
82
|
cs: 3
|
|
@@ -90,7 +86,7 @@ let HeaderForm = class HeaderForm extends lit_1.LitElement {
|
|
|
90
86
|
}
|
|
91
87
|
constructor() {
|
|
92
88
|
super();
|
|
93
|
-
this.render = () =>
|
|
89
|
+
this.render = () => html `
|
|
94
90
|
<og-form-container></og-form-container>
|
|
95
91
|
`;
|
|
96
92
|
this.addEventListener('form.change', (e) => {
|
|
@@ -129,20 +125,20 @@ let HeaderForm = class HeaderForm extends lit_1.LitElement {
|
|
|
129
125
|
}
|
|
130
126
|
}
|
|
131
127
|
};
|
|
132
|
-
exports.HeaderForm = HeaderForm;
|
|
133
128
|
__decorate([
|
|
134
|
-
|
|
129
|
+
property({ type: Object })
|
|
135
130
|
], HeaderForm.prototype, "grid", void 0);
|
|
136
131
|
__decorate([
|
|
137
|
-
|
|
132
|
+
property({ type: Object })
|
|
138
133
|
], HeaderForm.prototype, "range", void 0);
|
|
139
134
|
__decorate([
|
|
140
|
-
|
|
135
|
+
query('og-form-container')
|
|
141
136
|
], HeaderForm.prototype, "formContainer", void 0);
|
|
142
137
|
__decorate([
|
|
143
|
-
|
|
138
|
+
state()
|
|
144
139
|
], HeaderForm.prototype, "headerCount", void 0);
|
|
145
|
-
|
|
146
|
-
|
|
140
|
+
HeaderForm = __decorate([
|
|
141
|
+
customElement('og-editor-form-headers')
|
|
147
142
|
], HeaderForm);
|
|
143
|
+
export { HeaderForm };
|
|
148
144
|
//# sourceMappingURL=headerForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerForm.js","sourceRoot":"","sources":["../../../src/ui/forms/headerForm.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"headerForm.js","sourceRoot":"","sources":["../../../src/ui/forms/headerForm.ts"],"names":[],"mappings":"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"}
|
package/dist/ui/forms/index.js
CHANGED
|
@@ -1,25 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./configForm"), exports);
|
|
18
|
-
__exportStar(require("./headerForm"), exports);
|
|
19
|
-
__exportStar(require("./namesForm"), exports);
|
|
20
|
-
__exportStar(require("./ruleForm"), exports);
|
|
21
|
-
__exportStar(require("./ruleList"), exports);
|
|
22
|
-
__exportStar(require("./ruleFormThreshold"), exports);
|
|
23
|
-
__exportStar(require("./styleForm"), exports);
|
|
24
|
-
__exportStar(require("./sparklineForm"), exports);
|
|
1
|
+
export * from './configForm';
|
|
2
|
+
export * from './headerForm';
|
|
3
|
+
export * from './namesForm';
|
|
4
|
+
export * from './ruleForm';
|
|
5
|
+
export * from './ruleList';
|
|
6
|
+
export * from './ruleFormThreshold';
|
|
7
|
+
export * from './styleForm';
|
|
8
|
+
export * from './sparklineForm';
|
|
25
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/forms/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC"}
|
|
@@ -1,17 +1,14 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
3
2
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4
3
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
5
4
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
6
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7
6
|
};
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
const sparklineForm_style_1 = require("./sparklineForm.style");
|
|
14
|
-
let NamesForm = class NamesForm extends lit_1.LitElement {
|
|
7
|
+
import { customElement, property, query } from 'lit/decorators.js';
|
|
8
|
+
import { CellRange } from '@omegagrid/grid';
|
|
9
|
+
import { html, LitElement } from 'lit';
|
|
10
|
+
import { itemStyle, style } from './sparklineForm.style';
|
|
11
|
+
let NamesForm = class NamesForm extends LitElement {
|
|
15
12
|
constructor() {
|
|
16
13
|
super(...arguments);
|
|
17
14
|
this.updateList = () => {
|
|
@@ -24,7 +21,7 @@ let NamesForm = class NamesForm extends lit_1.LitElement {
|
|
|
24
21
|
};
|
|
25
22
|
this._itemRenderer = (_div, index) => {
|
|
26
23
|
const item = this.items[index];
|
|
27
|
-
return
|
|
24
|
+
return html `
|
|
28
25
|
<div class="item-content p">
|
|
29
26
|
<div class="item-form">
|
|
30
27
|
<div class="row item-header">
|
|
@@ -61,7 +58,7 @@ let NamesForm = class NamesForm extends lit_1.LitElement {
|
|
|
61
58
|
</div>
|
|
62
59
|
`;
|
|
63
60
|
};
|
|
64
|
-
this.render = () => this.model ?
|
|
61
|
+
this.render = () => this.model ? html `
|
|
65
62
|
<div class="controls p">
|
|
66
63
|
<og-button text="+" @click="${() => this.addName()}"></og-button>
|
|
67
64
|
<og-button @click="${this._onApplyClick}">
|
|
@@ -71,14 +68,14 @@ let NamesForm = class NamesForm extends lit_1.LitElement {
|
|
|
71
68
|
<div class="body">
|
|
72
69
|
<og-list ?nativeHeight="${true}"
|
|
73
70
|
itemHeight="120"
|
|
74
|
-
.customStyle=${
|
|
71
|
+
.customStyle=${itemStyle}
|
|
75
72
|
.itemRenderer="${this._itemRenderer}"
|
|
76
73
|
.size="${this.model.names.names.size}">
|
|
77
74
|
</og-list>
|
|
78
75
|
</div>
|
|
79
76
|
` : '';
|
|
80
77
|
}
|
|
81
|
-
get items() {
|
|
78
|
+
get items() { return this._items ?? (this._items = Array.from(this.model.names.names)); }
|
|
82
79
|
connectedCallback() {
|
|
83
80
|
super.connectedCallback();
|
|
84
81
|
}
|
|
@@ -97,10 +94,10 @@ let NamesForm = class NamesForm extends lit_1.LitElement {
|
|
|
97
94
|
const input = e.target;
|
|
98
95
|
switch (input.dataset.id) {
|
|
99
96
|
case 'locRange':
|
|
100
|
-
sparklines.update(groupIndex, input.value ?
|
|
97
|
+
sparklines.update(groupIndex, input.value ? CellRange.fromA1(input.value) : null, group.dataRanges);
|
|
101
98
|
break;
|
|
102
99
|
case 'dataRange':
|
|
103
|
-
sparklines.update(groupIndex, group.locRange, input.value ?
|
|
100
|
+
sparklines.update(groupIndex, group.locRange, input.value ? CellRange.fromA1s(input.value).map(r => ([r, null])) : null);
|
|
104
101
|
break;
|
|
105
102
|
}
|
|
106
103
|
}
|
|
@@ -108,18 +105,18 @@ let NamesForm = class NamesForm extends lit_1.LitElement {
|
|
|
108
105
|
this.updateList();
|
|
109
106
|
}
|
|
110
107
|
};
|
|
111
|
-
|
|
112
|
-
NamesForm.styles = [sparklineForm_style_1.style];
|
|
108
|
+
NamesForm.styles = [style];
|
|
113
109
|
__decorate([
|
|
114
|
-
|
|
110
|
+
property({ type: Object })
|
|
115
111
|
], NamesForm.prototype, "grid", void 0);
|
|
116
112
|
__decorate([
|
|
117
|
-
|
|
113
|
+
property({ type: Object })
|
|
118
114
|
], NamesForm.prototype, "model", void 0);
|
|
119
115
|
__decorate([
|
|
120
|
-
|
|
116
|
+
query('og-list')
|
|
121
117
|
], NamesForm.prototype, "list", void 0);
|
|
122
|
-
|
|
123
|
-
|
|
118
|
+
NamesForm = __decorate([
|
|
119
|
+
customElement('og-editor-form-names')
|
|
124
120
|
], NamesForm);
|
|
121
|
+
export { NamesForm };
|
|
125
122
|
//# sourceMappingURL=namesForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"namesForm.js","sourceRoot":"","sources":["../../../src/ui/forms/namesForm.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"namesForm.js","sourceRoot":"","sources":["../../../src/ui/forms/namesForm.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,25 +1,22 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
3
2
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4
3
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
5
4
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
6
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7
6
|
};
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
const map_js_1 = require("lit/directives/map.js");
|
|
18
|
-
let RuleForm = class RuleForm extends lit_1.LitElement {
|
|
7
|
+
import { colors } from '@omegagrid/core';
|
|
8
|
+
import { customElement, property, query, queryAll } from 'lit/decorators.js';
|
|
9
|
+
import { CellRange, iconSets } from '@omegagrid/grid';
|
|
10
|
+
import { html, LitElement } from 'lit';
|
|
11
|
+
import { style } from './ruleForm.style';
|
|
12
|
+
import { msg } from '@omegagrid/localize';
|
|
13
|
+
import { choose } from 'lit/directives/choose.js';
|
|
14
|
+
import { map } from 'lit/directives/map.js';
|
|
15
|
+
let RuleForm = class RuleForm extends LitElement {
|
|
19
16
|
constructor() {
|
|
20
17
|
super(...arguments);
|
|
21
|
-
this.renderFormulaForm = () =>
|
|
22
|
-
<div class="row">${
|
|
18
|
+
this.renderFormulaForm = () => html `
|
|
19
|
+
<div class="row">${msg('Condition')}</div>
|
|
23
20
|
|
|
24
21
|
<div class="row">
|
|
25
22
|
<og-input
|
|
@@ -30,7 +27,7 @@ let RuleForm = class RuleForm extends lit_1.LitElement {
|
|
|
30
27
|
</og-input>
|
|
31
28
|
</div>
|
|
32
29
|
|
|
33
|
-
<div class="row">${
|
|
30
|
+
<div class="row">${msg('Style')}</div>
|
|
34
31
|
|
|
35
32
|
<div class="row">
|
|
36
33
|
<og-editor-form-style
|
|
@@ -40,59 +37,56 @@ let RuleForm = class RuleForm extends lit_1.LitElement {
|
|
|
40
37
|
</og-editor-form-style>
|
|
41
38
|
</div>
|
|
42
39
|
`;
|
|
43
|
-
this.renderScaleForm = () =>
|
|
44
|
-
|
|
45
|
-
return (0, lit_1.html) `
|
|
46
|
-
<div class="row">${(0, localize_1.msg)('Colors')}</div>
|
|
40
|
+
this.renderScaleForm = () => html `
|
|
41
|
+
<div class="row">${msg('Colors')}</div>
|
|
47
42
|
<div class="row" style="display: flex; gap: 4px;">
|
|
48
43
|
<og-dropdown-colorpicker
|
|
49
44
|
id="cmin"
|
|
50
45
|
style="flex: 1"
|
|
51
|
-
.value="${
|
|
46
|
+
.value="${colors.css(this.format.cmin?.color)}"
|
|
52
47
|
@change="${() => this.updateFormat()}">
|
|
53
48
|
</og-dropdown-colorpicker>
|
|
54
49
|
|
|
55
50
|
<og-dropdown-colorpicker
|
|
56
51
|
id="cmid"
|
|
57
52
|
style="flex: 1"
|
|
58
|
-
.value="${
|
|
53
|
+
.value="${colors.css(this.format.cmid?.color)}"
|
|
59
54
|
@change="${() => this.updateFormat()}">
|
|
60
55
|
</og-dropdown-colorpicker>
|
|
61
56
|
|
|
62
57
|
<og-dropdown-colorpicker
|
|
63
58
|
id="cmax"
|
|
64
59
|
style="flex: 1"
|
|
65
|
-
.value="${
|
|
60
|
+
.value="${colors.css(this.format.cmax?.color)}"
|
|
66
61
|
@change="${() => this.updateFormat()}">
|
|
67
62
|
</og-dropdown-colorpicker>
|
|
68
63
|
</div>
|
|
69
64
|
`;
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
<div class="row">${(0, localize_1.msg)('Color')}</div>
|
|
65
|
+
this.renderBarForm = () => html `
|
|
66
|
+
<div class="row">${msg('Color')}</div>
|
|
73
67
|
<div class="row" style="display: flex; gap: 4px;">
|
|
74
68
|
<og-dropdown-colorpicker
|
|
75
69
|
id="color"
|
|
76
70
|
style="flex: 1"
|
|
77
|
-
.value="${
|
|
71
|
+
.value="${colors.css(this.format.color)}"
|
|
78
72
|
@change="${() => this.updateFormat()}">
|
|
79
73
|
</og-dropdown-colorpicker>
|
|
80
74
|
</div>
|
|
81
75
|
`;
|
|
82
|
-
this.iconItemRenderer = (div, index, item) =>
|
|
76
|
+
this.iconItemRenderer = (div, index, item) => html `
|
|
83
77
|
<div style="padding-left: 5px">
|
|
84
|
-
${
|
|
78
|
+
${map(iconSets.get(item.key), icon => html `
|
|
85
79
|
<og-icon .icon="${icon}"></og-icon>
|
|
86
80
|
`)} (${item.key})
|
|
87
81
|
</div>
|
|
88
82
|
`;
|
|
89
|
-
this.renderIconForm = () =>
|
|
90
|
-
<div class="row">${
|
|
83
|
+
this.renderIconForm = () => html `
|
|
84
|
+
<div class="row">${msg('Icons')}</div>
|
|
91
85
|
<div class="row" style="display: flex; gap: 4px;">
|
|
92
86
|
<og-dropdown-list
|
|
93
87
|
id="icons"
|
|
94
88
|
style="flex: 1"
|
|
95
|
-
.items="${Array.from(
|
|
89
|
+
.items="${Array.from(iconSets.entries()).map(item => ({
|
|
96
90
|
key: item[0],
|
|
97
91
|
value: item[0],
|
|
98
92
|
renderer: this.iconItemRenderer
|
|
@@ -101,35 +95,32 @@ let RuleForm = class RuleForm extends lit_1.LitElement {
|
|
|
101
95
|
@change="${() => this.updateFormat()}">
|
|
102
96
|
</og-dropdown-list>
|
|
103
97
|
</div>
|
|
104
|
-
${this.format.v &&
|
|
105
|
-
<div class="row">${
|
|
98
|
+
${this.format.v && iconSets.has(this.format.v) ? html `
|
|
99
|
+
<div class="row">${msg('Thresholds')}</div>
|
|
106
100
|
<div style="display: flex; flex-direction: column; gap: 2px; margin-top: 2px">
|
|
107
|
-
${
|
|
108
|
-
var _a;
|
|
109
|
-
return (0, lit_1.html) `
|
|
101
|
+
${map(iconSets.get(this.format.v), (_icon, i) => html `
|
|
110
102
|
<og-editor-rule-threshold
|
|
111
|
-
.value="${
|
|
103
|
+
.value="${this.format?.thresh[i]}"
|
|
112
104
|
?first="${i == 0}"
|
|
113
105
|
@change="${() => this.updateFormat()}">
|
|
114
106
|
</og-editor-rule-threshold>
|
|
115
|
-
|
|
116
|
-
})}
|
|
107
|
+
`)}
|
|
117
108
|
</div>
|
|
118
109
|
` : ''}
|
|
119
110
|
`;
|
|
120
|
-
this.render = () => this.format ?
|
|
121
|
-
<div class="row">${
|
|
111
|
+
this.render = () => this.format ? html `
|
|
112
|
+
<div class="row">${msg('Range')}</div>
|
|
122
113
|
|
|
123
114
|
<div class="row">
|
|
124
115
|
<og-input
|
|
125
116
|
id="ranges"
|
|
126
|
-
.value="${this.format.ranges ?
|
|
117
|
+
.value="${this.format.ranges ? CellRange.toA1s(this.format.ranges) : ''}"
|
|
127
118
|
style="width: 100%"
|
|
128
119
|
@change="${() => this.updateFormat()}">
|
|
129
120
|
</og-input>
|
|
130
121
|
</div>
|
|
131
122
|
|
|
132
|
-
${
|
|
123
|
+
${choose(this.format.type, [
|
|
133
124
|
['formula', this.renderFormulaForm],
|
|
134
125
|
['scale', this.renderScaleForm],
|
|
135
126
|
['bar', this.renderBarForm],
|
|
@@ -141,7 +132,6 @@ let RuleForm = class RuleForm extends lit_1.LitElement {
|
|
|
141
132
|
format.style = this.model.styles.add(e.value);
|
|
142
133
|
}
|
|
143
134
|
updateFormat() {
|
|
144
|
-
var _a, _b, _c;
|
|
145
135
|
if (!this.format)
|
|
146
136
|
return;
|
|
147
137
|
let update = false;
|
|
@@ -150,7 +140,7 @@ let RuleForm = class RuleForm extends lit_1.LitElement {
|
|
|
150
140
|
else
|
|
151
141
|
this.format.condition = null;
|
|
152
142
|
if (this.rangesInput)
|
|
153
|
-
this.format.ranges =
|
|
143
|
+
this.format.ranges = CellRange.fromA1s(this.rangesInput.value);
|
|
154
144
|
else
|
|
155
145
|
this.format.ranges = null;
|
|
156
146
|
if (this.styleForm)
|
|
@@ -158,27 +148,27 @@ let RuleForm = class RuleForm extends lit_1.LitElement {
|
|
|
158
148
|
else
|
|
159
149
|
this.format.style = null;
|
|
160
150
|
if (this.cminInput) {
|
|
161
|
-
this.format.cmin =
|
|
151
|
+
this.format.cmin = this.format.cmin ?? {};
|
|
162
152
|
this.format.cmin.t = 'min';
|
|
163
|
-
this.format.cmin.color =
|
|
153
|
+
this.format.cmin.color = colors.plainHex(this.cminInput.value);
|
|
164
154
|
}
|
|
165
155
|
else
|
|
166
156
|
this.format.cmin = null;
|
|
167
157
|
if (this.cmidInput) {
|
|
168
|
-
this.format.cmid =
|
|
169
|
-
this.format.cmid.color =
|
|
158
|
+
this.format.cmid = this.format.cmid ?? {};
|
|
159
|
+
this.format.cmid.color = colors.plainHex(this.cmidInput.value);
|
|
170
160
|
}
|
|
171
161
|
else
|
|
172
162
|
this.format.cmid = null;
|
|
173
163
|
if (this.cmaxInput) {
|
|
174
|
-
this.format.cmax =
|
|
164
|
+
this.format.cmax = this.format.cmax ?? {};
|
|
175
165
|
this.format.cmax.t = 'max';
|
|
176
|
-
this.format.cmax.color =
|
|
166
|
+
this.format.cmax.color = colors.plainHex(this.cmaxInput.value);
|
|
177
167
|
}
|
|
178
168
|
else
|
|
179
169
|
this.format.cmax = null;
|
|
180
170
|
if (this.colorInput)
|
|
181
|
-
this.format.color =
|
|
171
|
+
this.format.color = colors.plainHex(this.colorInput.value);
|
|
182
172
|
else
|
|
183
173
|
this.format.color = null;
|
|
184
174
|
if (this.iconList) {
|
|
@@ -196,42 +186,42 @@ let RuleForm = class RuleForm extends lit_1.LitElement {
|
|
|
196
186
|
this.requestUpdate();
|
|
197
187
|
}
|
|
198
188
|
};
|
|
199
|
-
|
|
200
|
-
RuleForm.styles = [ruleForm_style_1.style];
|
|
189
|
+
RuleForm.styles = [style];
|
|
201
190
|
__decorate([
|
|
202
|
-
|
|
191
|
+
property({ type: Object })
|
|
203
192
|
], RuleForm.prototype, "model", void 0);
|
|
204
193
|
__decorate([
|
|
205
|
-
|
|
194
|
+
property({ type: Object })
|
|
206
195
|
], RuleForm.prototype, "format", void 0);
|
|
207
196
|
__decorate([
|
|
208
|
-
|
|
197
|
+
query('og-input#ranges')
|
|
209
198
|
], RuleForm.prototype, "rangesInput", void 0);
|
|
210
199
|
__decorate([
|
|
211
|
-
|
|
200
|
+
query('og-input#condition')
|
|
212
201
|
], RuleForm.prototype, "conditionInput", void 0);
|
|
213
202
|
__decorate([
|
|
214
|
-
|
|
203
|
+
query('og-dropdown-colorpicker#cmin')
|
|
215
204
|
], RuleForm.prototype, "cminInput", void 0);
|
|
216
205
|
__decorate([
|
|
217
|
-
|
|
206
|
+
query('og-dropdown-colorpicker#cmid')
|
|
218
207
|
], RuleForm.prototype, "cmidInput", void 0);
|
|
219
208
|
__decorate([
|
|
220
|
-
|
|
209
|
+
query('og-dropdown-colorpicker#cmax')
|
|
221
210
|
], RuleForm.prototype, "cmaxInput", void 0);
|
|
222
211
|
__decorate([
|
|
223
|
-
|
|
212
|
+
query('og-dropdown-colorpicker#color')
|
|
224
213
|
], RuleForm.prototype, "colorInput", void 0);
|
|
225
214
|
__decorate([
|
|
226
|
-
|
|
215
|
+
query('og-dropdown-list#icons')
|
|
227
216
|
], RuleForm.prototype, "iconList", void 0);
|
|
228
217
|
__decorate([
|
|
229
|
-
|
|
218
|
+
query('og-editor-form-style#style')
|
|
230
219
|
], RuleForm.prototype, "styleForm", void 0);
|
|
231
220
|
__decorate([
|
|
232
|
-
|
|
221
|
+
queryAll('og-editor-rule-threshold')
|
|
233
222
|
], RuleForm.prototype, "thresholds", void 0);
|
|
234
|
-
|
|
235
|
-
|
|
223
|
+
RuleForm = __decorate([
|
|
224
|
+
customElement('og-editor-form-rule')
|
|
236
225
|
], RuleForm);
|
|
226
|
+
export { RuleForm };
|
|
237
227
|
//# sourceMappingURL=ruleForm.js.map
|