@omegagrid/statusbar 0.5.19 → 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/constants.d.ts +13 -11
- package/dist/constants.d.ts.map +1 -1
- package/dist/constants.js +3 -5
- package/dist/constants.js.map +1 -1
- package/dist/index.js +2 -18
- package/dist/index.js.map +1 -1
- package/dist/types.js +1 -2
- package/dist/ui/index.js +1 -17
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/statusbar.js +20 -23
- package/dist/ui/statusbar.js.map +1 -1
- package/dist/ui/statusbar.style.js +5 -11
- package/dist/ui/statusbar.style.js.map +1 -1
- package/package.json +5 -5
package/dist/constants.d.ts
CHANGED
|
@@ -1,27 +1,29 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
PREFIX: string;
|
|
3
3
|
DEFAULT_ACCENT_COLOR: string;
|
|
4
|
-
DEFAULT_ACCENT_COLOR_2: import("color")<string | number |
|
|
4
|
+
DEFAULT_ACCENT_COLOR_2: import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | any | ArrayLike<number> | {
|
|
5
5
|
[key: string]: any;
|
|
6
|
-
}> | {
|
|
6
|
+
}> | ArrayLike<number> | {
|
|
7
7
|
[key: string]: any;
|
|
8
|
-
}> | {
|
|
8
|
+
}> | ArrayLike<number> | {
|
|
9
9
|
[key: string]: any;
|
|
10
|
-
}> | {
|
|
10
|
+
}> | ArrayLike<number> | {
|
|
11
11
|
[key: string]: any;
|
|
12
|
-
}> | {
|
|
12
|
+
}> | ArrayLike<number> | {
|
|
13
13
|
[key: string]: any;
|
|
14
|
-
}> | {
|
|
14
|
+
}> | ArrayLike<number> | {
|
|
15
15
|
[key: string]: any;
|
|
16
|
-
}> | {
|
|
16
|
+
}> | ArrayLike<number> | {
|
|
17
17
|
[key: string]: any;
|
|
18
|
-
}> | {
|
|
18
|
+
}> | ArrayLike<number> | {
|
|
19
19
|
[key: string]: any;
|
|
20
|
-
}> | {
|
|
20
|
+
}> | ArrayLike<number> | {
|
|
21
21
|
[key: string]: any;
|
|
22
|
-
}> | {
|
|
22
|
+
}> | ArrayLike<number> | {
|
|
23
23
|
[key: string]: any;
|
|
24
|
-
}> | {
|
|
24
|
+
}> | ArrayLike<number> | {
|
|
25
|
+
[key: string]: any;
|
|
26
|
+
}> | ArrayLike<number> | {
|
|
25
27
|
[key: string]: any;
|
|
26
28
|
}>;
|
|
27
29
|
SIZER_SIZE: number;
|
package/dist/constants.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAGC"}
|
package/dist/constants.js
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
const core_1 = require("@omegagrid/core");
|
|
4
|
-
exports.default = {
|
|
1
|
+
import { constants as coreConstants } from '@omegagrid/core';
|
|
2
|
+
export default {
|
|
5
3
|
STATUSBAR_HEIGHT: 22,
|
|
6
|
-
...
|
|
4
|
+
...coreConstants
|
|
7
5
|
};
|
|
8
6
|
//# sourceMappingURL=constants.js.map
|
package/dist/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE7D,eAAe;IACd,gBAAgB,EAAE,EAAE;IACpB,GAAG,aAAa;CAChB,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1,19 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
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("./ui"), exports);
|
|
18
|
-
__exportStar(require("./types"), exports);
|
|
1
|
+
export * from './ui';
|
|
2
|
+
export * from './types';
|
|
19
3
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC"}
|
package/dist/types.js
CHANGED
package/dist/ui/index.js
CHANGED
|
@@ -1,18 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
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("./statusbar"), exports);
|
|
1
|
+
export * from './statusbar';
|
|
18
2
|
//# sourceMappingURL=index.js.map
|
package/dist/ui/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
package/dist/ui/statusbar.js
CHANGED
|
@@ -1,33 +1,30 @@
|
|
|
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 statusbar_style_1 = require("./statusbar.style");
|
|
14
|
-
let Statusbar = class Statusbar extends lit_1.LitElement {
|
|
7
|
+
import { LitElement, html } from 'lit';
|
|
8
|
+
import { customElement, property, queryAll } from 'lit/decorators.js';
|
|
9
|
+
import { map } from 'lit/directives/map.js';
|
|
10
|
+
import { style } from './statusbar.style';
|
|
11
|
+
let Statusbar = class Statusbar extends LitElement {
|
|
15
12
|
constructor() {
|
|
16
13
|
super(...arguments);
|
|
17
14
|
this.components = new Map();
|
|
18
|
-
this.render = () =>
|
|
15
|
+
this.render = () => html `
|
|
19
16
|
<div id="left">
|
|
20
|
-
${
|
|
21
|
-
?
|
|
22
|
-
:
|
|
17
|
+
${map(this.leftItems, item => item.type == 'button'
|
|
18
|
+
? html `<div class="item"><og-button icon="${item.icon}" text="${item.text}" color="transparent"></og-button></div>`
|
|
19
|
+
: html `<div class="item custom">${this.createComponent(item.id)}</div>`)}
|
|
23
20
|
</div>
|
|
24
21
|
|
|
25
22
|
<div id="center"></div>
|
|
26
23
|
|
|
27
24
|
<div id="right">
|
|
28
|
-
${
|
|
29
|
-
?
|
|
30
|
-
:
|
|
25
|
+
${map(this.rightItems, item => item.type == 'button'
|
|
26
|
+
? html `<div class="item"><og-button icon="${item.icon}" text="${item.text}" color="transparent"></og-button></div>`
|
|
27
|
+
: html `<div class="item custom">${this.createComponent(item.id)}</div>`)}
|
|
31
28
|
</div>
|
|
32
29
|
`;
|
|
33
30
|
}
|
|
@@ -35,21 +32,21 @@ let Statusbar = class Statusbar extends lit_1.LitElement {
|
|
|
35
32
|
//empty
|
|
36
33
|
}
|
|
37
34
|
};
|
|
38
|
-
|
|
39
|
-
Statusbar.styles = [statusbar_style_1.style];
|
|
35
|
+
Statusbar.styles = [style];
|
|
40
36
|
__decorate([
|
|
41
|
-
|
|
37
|
+
property({ type: Array })
|
|
42
38
|
], Statusbar.prototype, "leftItems", void 0);
|
|
43
39
|
__decorate([
|
|
44
|
-
|
|
40
|
+
property({ type: Array })
|
|
45
41
|
], Statusbar.prototype, "rightItems", void 0);
|
|
46
42
|
__decorate([
|
|
47
|
-
|
|
43
|
+
property({ type: Object })
|
|
48
44
|
], Statusbar.prototype, "createComponent", void 0);
|
|
49
45
|
__decorate([
|
|
50
|
-
|
|
46
|
+
queryAll('.itemcustom')
|
|
51
47
|
], Statusbar.prototype, "customComponents", void 0);
|
|
52
|
-
|
|
53
|
-
|
|
48
|
+
Statusbar = __decorate([
|
|
49
|
+
customElement('og-statusbar')
|
|
54
50
|
], Statusbar);
|
|
51
|
+
export { Statusbar };
|
|
55
52
|
//# sourceMappingURL=statusbar.js.map
|
package/dist/ui/statusbar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"statusbar.js","sourceRoot":"","sources":["../../src/ui/statusbar.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"statusbar.js","sourceRoot":"","sources":["../../src/ui/statusbar.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAGnC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAgBE,eAAU,GAAG,IAAI,GAAG,EAAuB,CAAC;QAMpD,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;KAEf,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,QAAQ;YAClD,CAAC,CAAC,IAAI,CAAA,sCAAsC,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,IAAI,0CAA0C;YACnH,CAAC,CAAC,IAAI,CAAA,4BAA4B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CACvE;;;;;;KAMC,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,QAAQ;YACnD,CAAC,CAAC,IAAI,CAAA,sCAAsC,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,IAAI,0CAA0C;YACnH,CAAC,CAAC,IAAI,CAAA,4BAA4B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CACvE;;EAEF,CAAC;IAEH,CAAC;IAtBA,MAAM;QACL,OAAO;IACR,CAAC;;AAlBM,gBAAM,GAAG,CAAC,KAAK,CAAC,AAAV,CAAW;AAGxB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;4CACG;AAG3B;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;6CACI;AAG5B;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;kDACS;AAGlC;IADC,QAAQ,CAAC,aAAa,CAAC;mDACS;AAdrB,SAAS;IADrB,aAAa,CAAC,cAAc,CAAC;GACjB,SAAS,CAwCrB"}
|
|
@@ -1,20 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.style = void 0;
|
|
7
|
-
const lit_1 = require("lit");
|
|
8
|
-
const constants_1 = __importDefault(require("../constants"));
|
|
9
|
-
exports.style = (0, lit_1.css) `
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
import constants from '../constants';
|
|
3
|
+
export const style = css `
|
|
10
4
|
* {
|
|
11
5
|
box-sizing: border-box;
|
|
12
6
|
}
|
|
13
7
|
|
|
14
8
|
:host {
|
|
15
9
|
display: block;
|
|
16
|
-
height: ${
|
|
17
|
-
line-height: ${
|
|
10
|
+
height: ${constants.STATUSBAR_HEIGHT}px;
|
|
11
|
+
line-height: ${constants.STATUSBAR_HEIGHT}px;
|
|
18
12
|
background-color: var(--og-accent-color-alpha-70);
|
|
19
13
|
display: flex;
|
|
20
14
|
flex-direction: row;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"statusbar.style.js","sourceRoot":"","sources":["../../src/ui/statusbar.style.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"statusbar.style.js","sourceRoot":"","sources":["../../src/ui/statusbar.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;YAOZ,SAAS,CAAC,gBAAgB;iBACrB,SAAS,CAAC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC1C,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@omegagrid/statusbar",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.0",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"description": "Statusbar component",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"_prepublish": "yarn test && yarn lint"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@omegagrid/core": "^0.
|
|
31
|
-
"@omegagrid/tree": "^0.
|
|
30
|
+
"@omegagrid/core": "^0.6.0",
|
|
31
|
+
"@omegagrid/tree": "^0.6.0",
|
|
32
32
|
"lit": "^3.1.1",
|
|
33
33
|
"lit-html": "^3.1.1",
|
|
34
34
|
"ts-debounce": "^4.0.0"
|
|
@@ -47,9 +47,9 @@
|
|
|
47
47
|
"jest": "^29.7.0",
|
|
48
48
|
"jest-environment-jsdom": "^29.7.0",
|
|
49
49
|
"ts-jest": "^29.1.1",
|
|
50
|
-
"ts-loader": "^9.5.
|
|
50
|
+
"ts-loader": "^9.5.2",
|
|
51
51
|
"ts-node": "^10.9.2",
|
|
52
|
-
"typescript": "5.3
|
|
52
|
+
"typescript": "5.6.3",
|
|
53
53
|
"webpack": "^5.89.0",
|
|
54
54
|
"webpack-cli": "^5.1.4",
|
|
55
55
|
"webpack-dev-server": "^4.15.1",
|