@omegagrid/bucket 0.5.20 → 0.6.1
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/options.js +3 -7
- package/dist/options.js.map +1 -1
- package/dist/types.d.ts +1 -1
- package/dist/types.d.ts.map +1 -1
- package/dist/types.js +1 -2
- package/dist/ui/bucket.alerts.js +5 -10
- package/dist/ui/bucket.alerts.js.map +1 -1
- package/dist/ui/bucket.d.ts.map +1 -1
- package/dist/ui/bucket.js +68 -86
- package/dist/ui/bucket.js.map +1 -1
- package/dist/ui/bucket.style.js +9 -14
- package/dist/ui/bucket.style.js.map +1 -1
- package/dist/ui/bucketAlert.js +23 -32
- package/dist/ui/bucketAlert.js.map +1 -1
- package/dist/ui/bucketButton.js +14 -17
- package/dist/ui/bucketButton.js.map +1 -1
- package/dist/ui/commonMenus.js +1 -4
- package/dist/ui/commonMenus.js.map +1 -1
- package/dist/ui/componentHost.js +13 -17
- package/dist/ui/componentHost.js.map +1 -1
- package/dist/ui/index.js +9 -25
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/modalSidebar.js +19 -27
- package/dist/ui/modalSidebar.js.map +1 -1
- package/dist/ui/modalSidebar.style.js +9 -14
- package/dist/ui/modalSidebar.style.js.map +1 -1
- package/dist/ui/sidebar.js +16 -21
- package/dist/ui/sidebar.js.map +1 -1
- package/dist/ui/sidemenu.js +26 -34
- package/dist/ui/sidemenu.js.map +1 -1
- package/dist/ui/top.js +17 -23
- package/dist/ui/top.js.map +1 -1
- package/dist/ui/top.style.js +4 -9
- package/dist/ui/top.style.js.map +1 -1
- package/package.json +6 -6
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,wBAOE"}
|
package/dist/constants.js
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
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
|
TOP_HEIGHT: 40,
|
|
6
4
|
SIDEMENU_WIDTH: 40,
|
|
7
5
|
SIDEBAR_WIDTH: 250,
|
|
8
6
|
SIZER_TRESHOLD: 5,
|
|
9
7
|
SIDEBAR_HEADER_HEIGHT: 30,
|
|
10
|
-
...
|
|
8
|
+
...coreConstants
|
|
11
9
|
};
|
|
12
10
|
//# 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,UAAU,EAAE,EAAE;IACd,cAAc,EAAE,EAAE;IAClB,aAAa,EAAE,GAAG;IAClB,cAAc,EAAE,CAAC;IACjB,qBAAqB,EAAE,EAAE;IACzB,GAAG,aAAa;CAChB,CAAC"}
|
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/options.js
CHANGED
|
@@ -1,20 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.initOptions = void 0;
|
|
4
|
-
const core_1 = require("@omegagrid/core");
|
|
1
|
+
import { initCommonOptions } from "@omegagrid/core";
|
|
5
2
|
const DEFAULT_OPTIONS = {
|
|
6
3
|
alerts: {
|
|
7
4
|
maxItems: 5,
|
|
8
5
|
timeout: 5000,
|
|
9
6
|
},
|
|
10
7
|
};
|
|
11
|
-
function initOptions(options, origOptions = null) {
|
|
8
|
+
export function initOptions(options, origOptions = null) {
|
|
12
9
|
return {
|
|
13
|
-
...
|
|
10
|
+
...initCommonOptions(options, origOptions),
|
|
14
11
|
...DEFAULT_OPTIONS,
|
|
15
12
|
...origOptions,
|
|
16
13
|
...options,
|
|
17
14
|
};
|
|
18
15
|
}
|
|
19
|
-
exports.initOptions = initOptions;
|
|
20
16
|
//# sourceMappingURL=options.js.map
|
package/dist/options.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"options.js","sourceRoot":"","sources":["../src/options.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"options.js","sourceRoot":"","sources":["../src/options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,iBAAiB,CAAC;AAWnE,MAAM,eAAe,GAAkB;IACtC,MAAM,EAAE;QACP,QAAQ,EAAE,CAAC;QACX,OAAO,EAAE,IAAI;KACb;CACD,CAAA;AAGD,MAAM,UAAU,WAAW,CAAC,OAAgC,EAAE,cAA6B,IAAI;IAC9F,OAAO;QACN,GAAG,iBAAiB,CAAC,OAAO,EAAE,WAAW,CAAC;QAC1C,GAAG,eAAe;QAClB,GAAG,WAAW;QACd,GAAG,OAAO;KACV,CAAC;AACH,CAAC"}
|
package/dist/types.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { ComponentId, HorizontalPosition, IconSpec } from "@omegagrid/core";
|
|
|
3
3
|
import { Dialog } from "@omegagrid/dialog";
|
|
4
4
|
import { TabSplitContainerSource } from "@omegagrid/tabs";
|
|
5
5
|
import { CommonMenu } from "./ui";
|
|
6
|
-
import { DialogOptions } from "@omegagrid/dialog
|
|
6
|
+
import { DialogOptions } from "@omegagrid/dialog";
|
|
7
7
|
import { TemplateResult } from "lit";
|
|
8
8
|
export type SidemenuItem = {
|
|
9
9
|
id: string;
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
|
package/dist/types.js
CHANGED
package/dist/ui/bucket.alerts.js
CHANGED
|
@@ -1,15 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.BucketAlerts = void 0;
|
|
4
|
-
const core_1 = require("@omegagrid/core");
|
|
5
|
-
class BucketAlerts extends core_1.ComponentSlice {
|
|
1
|
+
import { ComponentSlice, dom } from "@omegagrid/core";
|
|
2
|
+
export class BucketAlerts extends ComponentSlice {
|
|
6
3
|
constructor() {
|
|
7
4
|
super(...arguments);
|
|
8
5
|
this.items = [];
|
|
9
6
|
}
|
|
10
7
|
async addAlert(options) {
|
|
11
|
-
|
|
12
|
-
const alert = core_1.dom.createElement('og-bucket-alert');
|
|
8
|
+
const alert = dom.createElement('og-bucket-alert');
|
|
13
9
|
const item = { options, component: alert };
|
|
14
10
|
alert.options = options;
|
|
15
11
|
alert.addEventListener('close', () => this.removeAlert(item));
|
|
@@ -18,7 +14,7 @@ class BucketAlerts extends core_1.ComponentSlice {
|
|
|
18
14
|
if (this.items.length > this.component.options.alerts.maxItems) {
|
|
19
15
|
this.removeAlert(this.items[0]);
|
|
20
16
|
}
|
|
21
|
-
const timeout =
|
|
17
|
+
const timeout = options.timeout ?? this.component.options.alerts.timeout;
|
|
22
18
|
if (timeout > 0) {
|
|
23
19
|
item.timer = window.setTimeout(() => {
|
|
24
20
|
item.timer = undefined;
|
|
@@ -30,7 +26,7 @@ class BucketAlerts extends core_1.ComponentSlice {
|
|
|
30
26
|
}
|
|
31
27
|
updatePositions() {
|
|
32
28
|
[...this.items].reverse().forEach((item, i) => {
|
|
33
|
-
|
|
29
|
+
dom.setPosition(item.component, {
|
|
34
30
|
r: 10,
|
|
35
31
|
b: 10 + i * (item.component.offsetHeight + 10),
|
|
36
32
|
});
|
|
@@ -48,5 +44,4 @@ class BucketAlerts extends core_1.ComponentSlice {
|
|
|
48
44
|
this.updatePositions();
|
|
49
45
|
}
|
|
50
46
|
}
|
|
51
|
-
exports.BucketAlerts = BucketAlerts;
|
|
52
47
|
//# sourceMappingURL=bucket.alerts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bucket.alerts.js","sourceRoot":"","sources":["../../src/ui/bucket.alerts.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"bucket.alerts.js","sourceRoot":"","sources":["../../src/ui/bucket.alerts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAWtD,MAAM,OAAO,YAAa,SAAQ,cAAsB;IAAxD;;QAES,UAAK,GAAgB,EAAE,CAAC;IA6CjC,CAAC;IA3CA,KAAK,CAAC,QAAQ,CAAC,OAA2B;QACzC,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAc,iBAAiB,CAAC,CAAC;QAChE,MAAM,IAAI,GAAc,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QACtD,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QACxB,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEtB,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;YAChE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACjC,CAAC;QAED,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC;QACzE,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;YACjB,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBACnC,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;gBACvB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC,EAAE,OAAO,CAAC,CAAC;QACb,CAAC;QAED,MAAM,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC;QACpC,IAAI,CAAC,eAAe,EAAE,CAAC;IACxB,CAAC;IAED,eAAe;QACd,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YAC7C,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,EAAE;gBAC/B,CAAC,EAAE,EAAE;gBACL,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,EAAE,CAAC;aAC9C,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,IAAe;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,KAAK,IAAI,CAAC,CAAC;YAAE,OAAO;QACxB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;QACrC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI;YAAE,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxD,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACvB,IAAI,CAAC,eAAe,EAAE,CAAC;IACxB,CAAC;CAED"}
|
package/dist/ui/bucket.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bucket.d.ts","sourceRoot":"","sources":["../../src/ui/bucket.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAAE,eAAe,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC5I,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAA0B,MAAM,iBAAiB,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAgB,OAAO,EAAY,MAAM,qBAAqB,CAAC;AAKrF,OAAO,EACN,kBAAkB,EAAE,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,WAAW,EAC9E,sBAAsB,EAAE,mBAAmB,EAAE,iBAAiB,EAC9D,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAe,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAQpC,qBAAa,WAAY,SAAQ,KAAK;IACrC,GAAG,EAAE,OAAO,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;gBAEb,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC;CAKrD;AAED,qBACa,MAAO,SAAQ,cAAe,YAAW,MAAM;;IAE3D,MAAM,CAAC,MAAM,4BAAW;IACxB,MAAM,CAAC,QAAQ,SAAK;IACpB,MAAM,CAAC,WAAW,eAA2B;IAG7C,OAAO,EAAE,OAAO,CAAC;IAGjB,IAAI,EAAE,aAAa,CAAC;IAGpB,GAAG,EAAE,SAAS,CAAC;IAGf,QAAQ,EAAE,QAAQ,CAAC;IAGnB,SAAS,EAAE,cAAc,CAAC;IAG1B,IAAI,EAAE,cAAc,CAAC;IAGrB,eAAe,EAAE,gBAAgB,CAAC;IAGlC,UAAU,EAAE,YAAY,CAAkB;IAG1C,OAAO,EAAE,aAAa,CAAC;IAGvB,MAAM,EAAE,GAAG,CAAC,MAAM,CAA6B;IAE/C,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,iBAAiB,CAAC;IACnC,OAAO,CAAC,4BAA4B,CAG7B;IAEP,OAAO,CAAC,sBAAsB,CAA0B;IAExD,QAAQ,CAAC,UAAU,gCAAuC;IAC1D,QAAQ,CAAC,OAAO,iCAAwC;IAExD,aAAa,EAAE,mBAAmB,EAAE,CAAM;IAC1C,QAAQ,CAAC,sBAAsB,iCAAwC;IACvE,QAAQ,CAAC,iBAAiB,mBAA0B;IAEpD,OAAO,CAAC,kBAAkB,CAAc;IACxC,IAAI,iBAAiB,gBAAqC;IAE1D,IAAI,oBAAoB,YAA6C;IAErE,kBAAkB
|
|
1
|
+
{"version":3,"file":"bucket.d.ts","sourceRoot":"","sources":["../../src/ui/bucket.ts"],"names":[],"mappings":"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"}
|
package/dist/ui/bucket.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
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);
|
|
@@ -16,44 +15,38 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
|
|
|
16
15
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
17
16
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
18
17
|
};
|
|
19
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
20
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
21
|
-
};
|
|
22
18
|
var _Bucket_sidebarHost;
|
|
23
19
|
var Bucket_1;
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
const options_1 = require("../options");
|
|
37
|
-
const guard_js_1 = require("lit/directives/guard.js");
|
|
20
|
+
import { dom, log, OmegaComponent } from '@omegagrid/core';
|
|
21
|
+
import { TabSplitContainerModel } from '@omegagrid/tabs';
|
|
22
|
+
import { Command, Commands } from '@omegagrid/commands';
|
|
23
|
+
import { html } from 'lit';
|
|
24
|
+
import { customElement, property, query } from 'lit/decorators.js';
|
|
25
|
+
import constants from '../constants';
|
|
26
|
+
import style from './bucket.style';
|
|
27
|
+
import { commonMenus } from './commonMenus';
|
|
28
|
+
import { debounce } from 'ts-debounce';
|
|
29
|
+
import { BucketAlerts } from './bucket.alerts';
|
|
30
|
+
import { initOptions } from '../options';
|
|
31
|
+
import { guard } from 'lit/directives/guard.js';
|
|
38
32
|
const DEFAULT_SOURCE = {
|
|
39
33
|
top: { rightItems: [] },
|
|
40
34
|
sidemenu: { items: [], activeIndex: null },
|
|
41
35
|
editorLayout: { items: [] }
|
|
42
36
|
};
|
|
43
|
-
class BucketEvent extends Event {
|
|
37
|
+
export class BucketEvent extends Event {
|
|
44
38
|
constructor(type, args) {
|
|
45
39
|
super(`bucket.${type}`, { bubbles: true, composed: true });
|
|
46
40
|
Object.assign(this, args);
|
|
47
41
|
}
|
|
48
42
|
}
|
|
49
|
-
|
|
50
|
-
let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
43
|
+
let Bucket = Bucket_1 = class Bucket extends OmegaComponent {
|
|
51
44
|
get activeComponentId() { return this._activeComponentId; }
|
|
52
45
|
get hasUnsavedComponents() { return this.unsavedComponents.size > 0; }
|
|
53
46
|
constructor() {
|
|
54
47
|
super();
|
|
55
48
|
this.sourceData = DEFAULT_SOURCE;
|
|
56
|
-
this.logger = new
|
|
49
|
+
this.logger = new log.Logger('Ωbucket');
|
|
57
50
|
this._componentPromiseResolutions = new Map();
|
|
58
51
|
this._resolvingComponentIds = new Set();
|
|
59
52
|
this.components = new Map();
|
|
@@ -61,7 +54,7 @@ let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
|
61
54
|
this.modalSidebars = [];
|
|
62
55
|
this.modalSidebarComponents = new Map();
|
|
63
56
|
this.unsavedComponents = new Set();
|
|
64
|
-
this.dispatchStateEvent =
|
|
57
|
+
this.dispatchStateEvent = debounce(() => this.dispatchEvent(new BucketEvent('state')), 200);
|
|
65
58
|
this._onWindowBeforeUnload = (e) => {
|
|
66
59
|
if (!this.hasUnsavedComponents)
|
|
67
60
|
return;
|
|
@@ -69,9 +62,8 @@ let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
|
69
62
|
e.returnValue = '';
|
|
70
63
|
};
|
|
71
64
|
this.createModalSidebarComponent = (options) => {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
component.className = (_a = options.position) !== null && _a !== void 0 ? _a : 'left';
|
|
65
|
+
const component = dom.createElement('og-bucket-modal-sidebar');
|
|
66
|
+
component.className = options.position ?? 'left';
|
|
75
67
|
component.componentId = options.id;
|
|
76
68
|
component.caption = options.caption;
|
|
77
69
|
component.closable = options.closable == null || options.closable;
|
|
@@ -79,14 +71,13 @@ let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
|
79
71
|
return component;
|
|
80
72
|
};
|
|
81
73
|
this.createEditorComponent = (id) => {
|
|
82
|
-
const component =
|
|
74
|
+
const component = dom.createElement('og-bucket-component-host');
|
|
83
75
|
component.componentId = id;
|
|
84
76
|
component.bucket = this;
|
|
85
77
|
return component;
|
|
86
78
|
};
|
|
87
79
|
_Bucket_sidebarHost.set(this, void 0);
|
|
88
80
|
this._createSplitContainerComponent = (index) => {
|
|
89
|
-
var _a;
|
|
90
81
|
let component;
|
|
91
82
|
if (index == 0) {
|
|
92
83
|
// primary sidebar
|
|
@@ -96,17 +87,16 @@ let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
|
96
87
|
else if (index == 1) {
|
|
97
88
|
// editor split container
|
|
98
89
|
this.logger.info('create editor container');
|
|
99
|
-
return
|
|
90
|
+
return this.editorContainer ?? this.createEditorContainer();
|
|
100
91
|
}
|
|
101
92
|
if (!component) {
|
|
102
|
-
component =
|
|
93
|
+
component = dom.createElement('div');
|
|
103
94
|
component.innerHTML = 'empty';
|
|
104
95
|
}
|
|
105
96
|
return component;
|
|
106
97
|
};
|
|
107
98
|
this._onSplitContainerResize = () => {
|
|
108
|
-
|
|
109
|
-
(_a = this.top) === null || _a === void 0 ? void 0 : _a.layout();
|
|
99
|
+
this.top?.layout();
|
|
110
100
|
this.dispatchEvent(new BucketEvent('state'));
|
|
111
101
|
};
|
|
112
102
|
this._onTabRemove = (e) => {
|
|
@@ -118,7 +108,7 @@ let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
|
118
108
|
if (this.unsavedComponents.has(e.tab.id)) {
|
|
119
109
|
e.preventDefault();
|
|
120
110
|
this.openMenu({ text: 'Discard changes and close tab?', content: 'yes_no' }).then(answer => {
|
|
121
|
-
if (
|
|
111
|
+
if (answer?.id == 'Y') {
|
|
122
112
|
this.unsavedComponents.delete(e.tab.id);
|
|
123
113
|
e.tabs.removeTab(e.index, true);
|
|
124
114
|
}
|
|
@@ -126,14 +116,13 @@ let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
|
126
116
|
}
|
|
127
117
|
};
|
|
128
118
|
this._onTabSelect = (e) => {
|
|
129
|
-
var _a, _b;
|
|
130
119
|
if (e.tabs.topLevelComponent == this.editorContainer) {
|
|
131
|
-
this._activeComponentId =
|
|
132
|
-
this.dispatchEvent(new BucketEvent('activate', { tab: e.tab, componentId:
|
|
120
|
+
this._activeComponentId = e.tab?.id;
|
|
121
|
+
this.dispatchEvent(new BucketEvent('activate', { tab: e.tab, componentId: e.tab?.id }));
|
|
133
122
|
this.dispatchStateEvent();
|
|
134
123
|
}
|
|
135
124
|
};
|
|
136
|
-
this.render = () =>
|
|
125
|
+
this.render = () => html `
|
|
137
126
|
<og-bucket-top .bucket=${this}></og-bucket-top>
|
|
138
127
|
<og-commands id="commandMenu" .target="${this}"></og-commands>
|
|
139
128
|
|
|
@@ -145,7 +134,7 @@ let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
|
145
134
|
.settings=${this.sourceData.sidemenu}>
|
|
146
135
|
</og-bucket-sidemenu>
|
|
147
136
|
|
|
148
|
-
${
|
|
137
|
+
${guard([], () => html `
|
|
149
138
|
<og-splitcontainer
|
|
150
139
|
orientation="horizontal"
|
|
151
140
|
@splitContainer.resize=${this._onSplitContainerResize}
|
|
@@ -153,7 +142,7 @@ let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
|
153
142
|
@tab.remove=${this._onTabRemove}
|
|
154
143
|
@tab.select=${this._onTabSelect}
|
|
155
144
|
.items="${[
|
|
156
|
-
{ size:
|
|
145
|
+
{ size: constants.SIDEBAR_WIDTH },
|
|
157
146
|
{ size: null }
|
|
158
147
|
]}"
|
|
159
148
|
.createComponent="${this._createSplitContainerComponent}">
|
|
@@ -161,8 +150,8 @@ let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
|
161
150
|
`)}
|
|
162
151
|
</div>
|
|
163
152
|
`;
|
|
164
|
-
this.alerts = new
|
|
165
|
-
this.options =
|
|
153
|
+
this.alerts = new BucketAlerts(this);
|
|
154
|
+
this.options = initOptions();
|
|
166
155
|
this.logger.info('init');
|
|
167
156
|
}
|
|
168
157
|
connectedCallback() {
|
|
@@ -174,16 +163,14 @@ let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
|
174
163
|
window.removeEventListener('beforeunload', this._onWindowBeforeUnload);
|
|
175
164
|
}
|
|
176
165
|
layout() {
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
(_b = this.top) === null || _b === void 0 ? void 0 : _b.layout();
|
|
166
|
+
this.container?.layout();
|
|
167
|
+
this.top?.layout();
|
|
180
168
|
}
|
|
181
169
|
setSourceData(sourceData) {
|
|
182
170
|
this.sourceData = sourceData;
|
|
183
171
|
}
|
|
184
172
|
async firstUpdated() {
|
|
185
|
-
|
|
186
|
-
const sidebarComponentId = (_b = ((_a = this.sourceData.sidemenu.items) !== null && _a !== void 0 ? _a : [])[this.sourceData.sidemenu.activeIndex]) === null || _b === void 0 ? void 0 : _b.id;
|
|
173
|
+
const sidebarComponentId = (this.sourceData.sidemenu.items ?? [])[this.sourceData.sidemenu.activeIndex]?.id;
|
|
187
174
|
if (sidebarComponentId) {
|
|
188
175
|
this.sidebar1ComponentId = sidebarComponentId;
|
|
189
176
|
}
|
|
@@ -204,9 +191,8 @@ let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
|
204
191
|
this.unregisterComponent(id);
|
|
205
192
|
}
|
|
206
193
|
updateComponent(id, options) {
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
this.editorContainer.updateTab(id, { id: newId, title: (_b = options.title) !== null && _b !== void 0 ? _b : undefined });
|
|
194
|
+
const newId = options.id ?? id;
|
|
195
|
+
this.editorContainer.updateTab(id, { id: newId, title: options.title ?? undefined });
|
|
210
196
|
if (this.components.has(id) && newId != id) {
|
|
211
197
|
//this.registerComponent(options.id, this.components.get(id));
|
|
212
198
|
this.unregisterComponent(id);
|
|
@@ -259,7 +245,7 @@ let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
|
259
245
|
});
|
|
260
246
|
}
|
|
261
247
|
async openDialog(options) {
|
|
262
|
-
const dialog =
|
|
248
|
+
const dialog = dom.createElement('og-dialog');
|
|
263
249
|
dialog.setOptions(options);
|
|
264
250
|
dialog.open(this);
|
|
265
251
|
if (options.id) {
|
|
@@ -283,7 +269,7 @@ let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
|
283
269
|
const onClose = () => {
|
|
284
270
|
this.menu.removeEventListener('command.exec', onExec);
|
|
285
271
|
this.menu.removeEventListener('command.close', onClose);
|
|
286
|
-
resolveCallback(new
|
|
272
|
+
resolveCallback(new Command({ id: null }));
|
|
287
273
|
};
|
|
288
274
|
const onExec = (e) => {
|
|
289
275
|
this.menu.removeEventListener('command.exec', onExec);
|
|
@@ -296,9 +282,9 @@ let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
|
296
282
|
this.menu.addEventListener('command.close', onClose);
|
|
297
283
|
this.menu.text = options.text;
|
|
298
284
|
this.menu.open();
|
|
299
|
-
this.menu.commands = options.content instanceof
|
|
285
|
+
this.menu.commands = options.content instanceof Commands
|
|
300
286
|
? options.content
|
|
301
|
-
: new
|
|
287
|
+
: new Commands(commonMenus[options.content]);
|
|
302
288
|
});
|
|
303
289
|
}
|
|
304
290
|
async openModalSidebar(options) {
|
|
@@ -357,45 +343,44 @@ let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
|
357
343
|
const index = rPos ? rCount : lCount;
|
|
358
344
|
if (!component)
|
|
359
345
|
return;
|
|
360
|
-
|
|
361
|
-
|
|
346
|
+
dom.setZIndex(component, 500 + index);
|
|
347
|
+
dom.setSize(component, { w: options.width || constants.SIDEBAR_WIDTH });
|
|
362
348
|
if (rPos) {
|
|
363
349
|
rCount++;
|
|
364
|
-
|
|
350
|
+
dom.setPosition(component, { t: 0, r: right + index * 20, b: 0 });
|
|
365
351
|
}
|
|
366
352
|
else {
|
|
367
|
-
|
|
353
|
+
dom.setPosition(component, { t: 0, l: left + index * 20, b: 0 });
|
|
368
354
|
lCount++;
|
|
369
355
|
}
|
|
370
356
|
});
|
|
371
357
|
}
|
|
372
358
|
createEditorContainer() {
|
|
373
|
-
this.editorContainer =
|
|
359
|
+
this.editorContainer = dom.createElement('og-tabsplitcontainer');
|
|
374
360
|
this.editorContainer.style.height = '100%';
|
|
375
361
|
this.editorContainer.closable = true;
|
|
376
362
|
this.editorContainer.singleActive = true;
|
|
377
363
|
this.editorContainer.createComponent = this.createEditorComponent;
|
|
378
|
-
this.editorContainer.model = new
|
|
364
|
+
this.editorContainer.model = new TabSplitContainerModel(this.sourceData.editorLayout);
|
|
379
365
|
return this.editorContainer;
|
|
380
366
|
}
|
|
381
367
|
getSidebarHost() {
|
|
382
368
|
if (__classPrivateFieldGet(this, _Bucket_sidebarHost, "f"))
|
|
383
369
|
return __classPrivateFieldGet(this, _Bucket_sidebarHost, "f");
|
|
384
|
-
__classPrivateFieldSet(this, _Bucket_sidebarHost,
|
|
370
|
+
__classPrivateFieldSet(this, _Bucket_sidebarHost, dom.createElement('og-bucket-sidebar'), "f");
|
|
385
371
|
__classPrivateFieldGet(this, _Bucket_sidebarHost, "f").bucket = this;
|
|
386
372
|
__classPrivateFieldGet(this, _Bucket_sidebarHost, "f").componentId = this.sidebar1ComponentId;
|
|
387
373
|
return __classPrivateFieldGet(this, _Bucket_sidebarHost, "f");
|
|
388
374
|
}
|
|
389
375
|
getState() {
|
|
390
|
-
|
|
391
|
-
const item = (_a = this.container) === null || _a === void 0 ? void 0 : _a.items[0];
|
|
376
|
+
const item = this.container?.items[0];
|
|
392
377
|
return {
|
|
393
378
|
sidebar: {
|
|
394
379
|
selectedItem: this.sidebar1ComponentId,
|
|
395
|
-
width: item
|
|
396
|
-
collapsed: !!
|
|
380
|
+
width: item?.size,
|
|
381
|
+
collapsed: !!item?.collapsed
|
|
397
382
|
},
|
|
398
|
-
layout:
|
|
383
|
+
layout: this.editorContainer?.model.getSourceData(),
|
|
399
384
|
dialogs: [
|
|
400
385
|
...Array.from(this.dialogs.entries())
|
|
401
386
|
.map(([id, dialog]) => Object.assign({ id: id }, dialog.getOptions()))
|
|
@@ -403,7 +388,6 @@ let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
|
403
388
|
};
|
|
404
389
|
}
|
|
405
390
|
async setState(state) {
|
|
406
|
-
var _a, _b;
|
|
407
391
|
const selectedIndex = this.sourceData.sidemenu.items.findIndex(item => item.id == state.sidebar.selectedItem);
|
|
408
392
|
if (selectedIndex >= 0) {
|
|
409
393
|
this.sourceData.sidemenu.activeIndex = selectedIndex;
|
|
@@ -413,14 +397,13 @@ let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
|
413
397
|
this.editorContainer = null;
|
|
414
398
|
this.requestUpdate();
|
|
415
399
|
await this.updateComplete;
|
|
416
|
-
|
|
400
|
+
this.sidemenu?.requestUpdate();
|
|
417
401
|
this.updateSidebarComponent();
|
|
418
402
|
this.updateMainComponent();
|
|
419
|
-
|
|
403
|
+
state.dialogs?.forEach(opt => this.openDialog(opt));
|
|
420
404
|
}
|
|
421
405
|
_onSidemenuSelect(e) {
|
|
422
|
-
|
|
423
|
-
const id = (_b = ((_a = this.sourceData.sidemenu.items) !== null && _a !== void 0 ? _a : [])[e.index]) === null || _b === void 0 ? void 0 : _b.id;
|
|
406
|
+
const id = (this.sourceData.sidemenu.items ?? [])[e.index]?.id;
|
|
424
407
|
if (id == this.sidebar1ComponentId) {
|
|
425
408
|
this.toggleSidebar();
|
|
426
409
|
}
|
|
@@ -434,46 +417,45 @@ let Bucket = Bucket_1 = class Bucket extends core_1.OmegaComponent {
|
|
|
434
417
|
this.getSidebarHost().componentId = this.sidebar1ComponentId;
|
|
435
418
|
}
|
|
436
419
|
updateMainComponent() {
|
|
437
|
-
|
|
438
|
-
(_a = this.container) === null || _a === void 0 ? void 0 : _a.updateComponent(1);
|
|
420
|
+
this.container?.updateComponent(1);
|
|
439
421
|
}
|
|
440
422
|
};
|
|
441
|
-
exports.Bucket = Bucket;
|
|
442
423
|
_Bucket_sidebarHost = new WeakMap();
|
|
443
|
-
Bucket.styles = [
|
|
424
|
+
Bucket.styles = [style];
|
|
444
425
|
Bucket.uniqueId = 0;
|
|
445
426
|
Bucket.getUniqueId = () => ++Bucket_1.uniqueId;
|
|
446
427
|
__decorate([
|
|
447
|
-
|
|
428
|
+
query('og-overlay')
|
|
448
429
|
], Bucket.prototype, "overlay", void 0);
|
|
449
430
|
__decorate([
|
|
450
|
-
|
|
431
|
+
query('#commandMenu')
|
|
451
432
|
], Bucket.prototype, "menu", void 0);
|
|
452
433
|
__decorate([
|
|
453
|
-
|
|
434
|
+
query('og-bucket-top')
|
|
454
435
|
], Bucket.prototype, "top", void 0);
|
|
455
436
|
__decorate([
|
|
456
|
-
|
|
437
|
+
query('og-bucket-sidemenu')
|
|
457
438
|
], Bucket.prototype, "sidemenu", void 0);
|
|
458
439
|
__decorate([
|
|
459
|
-
|
|
440
|
+
query('og-splitcontainer')
|
|
460
441
|
], Bucket.prototype, "container", void 0);
|
|
461
442
|
__decorate([
|
|
462
|
-
|
|
443
|
+
query('#body')
|
|
463
444
|
], Bucket.prototype, "body", void 0);
|
|
464
445
|
__decorate([
|
|
465
|
-
|
|
446
|
+
property({ type: Object })
|
|
466
447
|
], Bucket.prototype, "createComponent", void 0);
|
|
467
448
|
__decorate([
|
|
468
|
-
|
|
449
|
+
property({ type: Object })
|
|
469
450
|
], Bucket.prototype, "sourceData", void 0);
|
|
470
451
|
__decorate([
|
|
471
|
-
|
|
452
|
+
property({ type: Object })
|
|
472
453
|
], Bucket.prototype, "options", void 0);
|
|
473
454
|
__decorate([
|
|
474
|
-
|
|
455
|
+
property({ type: Object })
|
|
475
456
|
], Bucket.prototype, "logger", void 0);
|
|
476
|
-
|
|
477
|
-
|
|
457
|
+
Bucket = Bucket_1 = __decorate([
|
|
458
|
+
customElement('og-bucket')
|
|
478
459
|
], Bucket);
|
|
460
|
+
export { Bucket };
|
|
479
461
|
//# sourceMappingURL=bucket.js.map
|