@omegagrid/core 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/common/actions.js +2 -7
- package/dist/common/actions.js.map +1 -1
- package/dist/common/colors.js +15 -29
- package/dist/common/colors.js.map +1 -1
- package/dist/common/csv.js +9 -15
- package/dist/common/csv.js.map +1 -1
- package/dist/common/dates.js +45 -63
- package/dist/common/dates.js.map +1 -1
- package/dist/common/dom.d.ts +1 -0
- package/dist/common/dom.d.ts.map +1 -1
- package/dist/common/dom.js +62 -88
- package/dist/common/dom.js.map +1 -1
- package/dist/common/events.js +7 -14
- package/dist/common/events.js.map +1 -1
- package/dist/common/html.js +3 -11
- package/dist/common/html.js.map +1 -1
- package/dist/common/index.js +14 -43
- package/dist/common/index.js.map +1 -1
- package/dist/common/linkedList.js +2 -7
- package/dist/common/linkedList.js.map +1 -1
- package/dist/common/loaders.js +4 -9
- package/dist/common/loaders.js.map +1 -1
- package/dist/common/logger.js +4 -9
- package/dist/common/logger.js.map +1 -1
- package/dist/common/matrix.js +4 -11
- package/dist/common/matrix.js.map +1 -1
- package/dist/common/numbers.d.ts.map +1 -1
- package/dist/common/numbers.js +17 -29
- package/dist/common/numbers.js.map +1 -1
- package/dist/common/options.d.ts.map +1 -1
- package/dist/common/options.js +13 -21
- package/dist/common/options.js.map +1 -1
- package/dist/common/tree.d.ts.map +1 -1
- package/dist/common/tree.js +7 -14
- package/dist/common/tree.js.map +1 -1
- package/dist/common/utils.d.ts +3 -3
- package/dist/common/utils.d.ts.map +1 -1
- package/dist/common/utils.js +19 -41
- package/dist/common/utils.js.map +1 -1
- package/dist/constants.js +3 -8
- package/dist/constants.js.map +1 -1
- package/dist/index.js +10 -33
- package/dist/index.js.map +1 -1
- package/dist/model/adapter.js +1 -5
- package/dist/model/adapter.js.map +1 -1
- package/dist/model/component.js +4 -8
- package/dist/model/component.js.map +1 -1
- package/dist/model/componentSlice.js +1 -5
- package/dist/model/componentSlice.js.map +1 -1
- package/dist/model/componentStore.js +1 -5
- package/dist/model/componentStore.js.map +1 -1
- package/dist/model/index.js +5 -21
- package/dist/model/index.js.map +1 -1
- package/dist/model/plugins.js +4 -9
- package/dist/model/plugins.js.map +1 -1
- package/dist/themes/definitions/tmDark.d.ts.map +1 -1
- package/dist/themes/definitions/tmDark.js +4 -9
- package/dist/themes/definitions/tmDark.js.map +1 -1
- package/dist/themes/definitions/tmLight.d.ts.map +1 -1
- package/dist/themes/definitions/tmLight.js +4 -9
- package/dist/themes/definitions/tmLight.js.map +1 -1
- package/dist/themes/helpers.js +13 -23
- package/dist/themes/helpers.js.map +1 -1
- package/dist/themes/index.d.ts +1 -0
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/themes/index.js +16 -39
- package/dist/themes/index.js.map +1 -1
- package/dist/themes/mixins.d.ts.map +1 -1
- package/dist/themes/mixins.js +9 -14
- package/dist/themes/mixins.js.map +1 -1
- package/dist/themes/transformations.js +7 -9
- package/dist/themes/transformations.js.map +1 -1
- package/dist/types.js +2 -5
- package/dist/types.js.map +1 -1
- package/dist/ui/accordion.d.ts +6 -2
- package/dist/ui/accordion.d.ts.map +1 -1
- package/dist/ui/accordion.js +146 -52
- package/dist/ui/accordion.js.map +1 -1
- package/dist/ui/alert.js +28 -32
- package/dist/ui/alert.js.map +1 -1
- package/dist/ui/baseElement.js +3 -8
- package/dist/ui/baseElement.js.map +1 -1
- package/dist/ui/button.js +33 -36
- package/dist/ui/button.js.map +1 -1
- package/dist/ui/button.style.js +2 -5
- package/dist/ui/button.style.js.map +1 -1
- package/dist/ui/checkbox.js +15 -18
- package/dist/ui/checkbox.js.map +1 -1
- package/dist/ui/colorpicker.js +33 -40
- package/dist/ui/colorpicker.js.map +1 -1
- package/dist/ui/container.js +31 -63
- package/dist/ui/container.js.map +1 -1
- package/dist/ui/dropdown.js +38 -65
- package/dist/ui/dropdown.js.map +1 -1
- package/dist/ui/dropdownColorPicker.js +16 -19
- package/dist/ui/dropdownColorPicker.js.map +1 -1
- package/dist/ui/dropdownList.js +9 -12
- package/dist/ui/dropdownList.js.map +1 -1
- package/dist/ui/dropdownMenu.js +12 -15
- package/dist/ui/dropdownMenu.js.map +1 -1
- package/dist/ui/expander.js +31 -39
- package/dist/ui/expander.js.map +1 -1
- package/dist/ui/fileInput.js +24 -27
- package/dist/ui/fileInput.js.map +1 -1
- package/dist/ui/fileInput.style.js +2 -5
- package/dist/ui/fileInput.style.js.map +1 -1
- package/dist/ui/icon.js +24 -33
- package/dist/ui/icon.js.map +1 -1
- package/dist/ui/images.js +1 -4
- package/dist/ui/images.js.map +1 -1
- package/dist/ui/index.js +28 -44
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/input.js +14 -19
- package/dist/ui/input.js.map +1 -1
- package/dist/ui/list.js +56 -93
- package/dist/ui/list.js.map +1 -1
- package/dist/ui/list.style.js +2 -5
- package/dist/ui/list.style.js.map +1 -1
- package/dist/ui/loader.js +11 -14
- package/dist/ui/loader.js.map +1 -1
- package/dist/ui/menu.js +37 -47
- package/dist/ui/menu.js.map +1 -1
- package/dist/ui/menu.style.js +5 -11
- package/dist/ui/menu.style.js.map +1 -1
- package/dist/ui/numericInput.js +29 -37
- package/dist/ui/numericInput.js.map +1 -1
- package/dist/ui/numericInput.style.js +2 -5
- package/dist/ui/numericInput.style.js.map +1 -1
- package/dist/ui/overlay.js +27 -33
- package/dist/ui/overlay.js.map +1 -1
- package/dist/ui/overlay.style.js +2 -5
- package/dist/ui/overlay.style.js.map +1 -1
- package/dist/ui/panel.d.ts +1 -0
- package/dist/ui/panel.d.ts.map +1 -1
- package/dist/ui/panel.js +50 -36
- package/dist/ui/panel.js.map +1 -1
- package/dist/ui/panel.style.js +2 -5
- package/dist/ui/panel.style.js.map +1 -1
- package/dist/ui/sizer.js +18 -48
- package/dist/ui/sizer.js.map +1 -1
- package/dist/ui/slider.js +29 -59
- package/dist/ui/slider.js.map +1 -1
- package/dist/ui/slider.style.js +5 -11
- package/dist/ui/slider.style.js.map +1 -1
- package/dist/ui/sortableList.js +17 -26
- package/dist/ui/sortableList.js.map +1 -1
- package/dist/ui/splitContainer.d.ts +15 -4
- package/dist/ui/splitContainer.d.ts.map +1 -1
- package/dist/ui/splitContainer.js +97 -86
- package/dist/ui/splitContainer.js.map +1 -1
- package/dist/ui/splitContainer.style.d.ts.map +1 -1
- package/dist/ui/splitContainer.style.js +10 -5
- package/dist/ui/splitContainer.style.js.map +1 -1
- package/dist/ui/switch.js +23 -27
- package/dist/ui/switch.js.map +1 -1
- package/dist/ui/switch.style.js +13 -16
- package/dist/ui/switch.style.js.map +1 -1
- package/dist/ui/tooltip.js +30 -59
- package/dist/ui/tooltip.js.map +1 -1
- package/dist/ui/tooltip.style.js +35 -41
- package/dist/ui/tooltip.style.js.map +1 -1
- package/package.json +3 -3
|
@@ -1,26 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const colors_1 = require("../common/colors");
|
|
1
|
+
import { alpha, darken } from "../common/colors";
|
|
4
2
|
const transformations = [{
|
|
5
3
|
from: 'accent-color',
|
|
6
4
|
to: 'accent-color-alpha',
|
|
7
|
-
transform: (v) =>
|
|
5
|
+
transform: (v) => alpha(v)
|
|
8
6
|
}, {
|
|
9
7
|
from: 'accent-color',
|
|
10
8
|
to: 'accent-color-alpha-15',
|
|
11
|
-
transform: (v) =>
|
|
9
|
+
transform: (v) => alpha(v, 0.15)
|
|
12
10
|
}, {
|
|
13
11
|
from: 'accent-color',
|
|
14
12
|
to: 'accent-color-alpha-30',
|
|
15
|
-
transform: (v) =>
|
|
13
|
+
transform: (v) => alpha(v, 0.30)
|
|
16
14
|
}, {
|
|
17
15
|
from: 'accent-color',
|
|
18
16
|
to: 'accent-color-alpha-70',
|
|
19
|
-
transform: (v) =>
|
|
17
|
+
transform: (v) => alpha(v, 0.70)
|
|
20
18
|
}, {
|
|
21
19
|
from: 'accent-color',
|
|
22
20
|
to: 'accent-color-highlight',
|
|
23
|
-
transform: (v) =>
|
|
21
|
+
transform: (v) => darken(v)
|
|
24
22
|
}, {
|
|
25
23
|
from: 'accent-color',
|
|
26
24
|
to: 'colortype-accent-background-color',
|
|
@@ -30,5 +28,5 @@ const transformations = [{
|
|
|
30
28
|
to: 'colortype-accent-border-color',
|
|
31
29
|
transform: (v) => v //lighten(v, 0.3)
|
|
32
30
|
}];
|
|
33
|
-
|
|
31
|
+
export default transformations;
|
|
34
32
|
//# sourceMappingURL=transformations.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transformations.js","sourceRoot":"","sources":["../../src/themes/transformations.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"transformations.js","sourceRoot":"","sources":["../../src/themes/transformations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,eAAe,GAAmE,CAAC;QACxF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,oBAAoB;QACxB,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;KAClC,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,uBAAuB;QAC3B,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC;KACxC,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,uBAAuB;QAC3B,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC;KACxC,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,uBAAuB;QAC3B,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC;KACxC,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,wBAAwB;QAC5B,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;KACnC,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,mCAAmC;QACvC,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC;KAC3B,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,EAAE,EAAE,+BAA+B;QACnC,SAAS,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB;KAC7C,CAAC,CAAC;AAEH,eAAe,eAAe,CAAC"}
|
package/dist/types.js
CHANGED
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
3
|
-
|
|
4
|
-
exports.ColorTypes = void 0;
|
|
5
|
-
var ColorTypes;
|
|
2
|
+
export var ColorTypes;
|
|
6
3
|
(function (ColorTypes) {
|
|
7
4
|
ColorTypes["Accent"] = "accent";
|
|
8
5
|
ColorTypes["Red"] = "red";
|
|
@@ -11,5 +8,5 @@ var ColorTypes;
|
|
|
11
8
|
ColorTypes["Blue"] = "blue";
|
|
12
9
|
ColorTypes["Gray"] = "gray";
|
|
13
10
|
ColorTypes["Transparent"] = "transparent";
|
|
14
|
-
})(ColorTypes || (
|
|
11
|
+
})(ColorTypes || (ColorTypes = {}));
|
|
15
12
|
//# sourceMappingURL=types.js.map
|
package/dist/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAsCvD,MAAM,CAAN,IAAY,UAQX;AARD,WAAY,UAAU;IACrB,+BAAiB,CAAA;IACjB,yBAAW,CAAA;IACX,+BAAiB,CAAA;IACjB,6BAAe,CAAA;IACf,2BAAa,CAAA;IACb,2BAAa,CAAA;IACb,yCAA2B,CAAA;AAC5B,CAAC,EARW,UAAU,KAAV,UAAU,QAQrB"}
|
package/dist/ui/accordion.d.ts
CHANGED
|
@@ -2,10 +2,14 @@ import { AcordionItem, ComponentId } from '../types';
|
|
|
2
2
|
import { Panel } from './panel';
|
|
3
3
|
import { SplitContainer } from './splitContainer';
|
|
4
4
|
export declare class Accordion extends SplitContainer {
|
|
5
|
+
#private;
|
|
5
6
|
static styles: import("lit").CSSResult[];
|
|
6
7
|
items: AcordionItem[];
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
constructor();
|
|
9
|
+
willUpdate(props: Map<string, unknown>): void;
|
|
10
|
+
get totalCollapsedHeight(): number;
|
|
11
|
+
fixSizes(): Promise<void>;
|
|
12
|
+
layout(): void;
|
|
9
13
|
getComponent(index: number, id?: ComponentId): Panel;
|
|
10
14
|
connectedCallback(): void;
|
|
11
15
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/ui/accordion.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/ui/accordion.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAKlD,qBACa,SAAU,SAAQ,cAAc;;IAE5C,MAAM,CAAC,MAAM,4BAIV;IAGH,KAAK,EAAE,YAAY,EAAE,CAAM;;IAe3B,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAatC,IAAI,oBAAoB,WAMvB;IAEK,QAAQ;IAiEd,MAAM;IAQN,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,WAAW;IAwC5C,iBAAiB;CAKjB"}
|
package/dist/ui/accordion.js
CHANGED
|
@@ -1,76 +1,167 @@
|
|
|
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
|
-
|
|
7
|
+
var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
8
|
+
if (kind === "m") throw new TypeError("Private method is not writable");
|
|
9
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
|
|
10
|
+
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");
|
|
11
|
+
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
12
|
+
};
|
|
13
|
+
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
14
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
|
15
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
16
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
17
|
+
};
|
|
18
|
+
var _Accordion_panels, _Accordion_collapsedIndices, _Accordion_heights;
|
|
19
|
+
import { html, render, css } from 'lit';
|
|
20
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
21
|
+
import { dom } from '../common';
|
|
22
|
+
import { SplitContainer } from './splitContainer';
|
|
23
|
+
import { until } from 'lit/directives/until.js';
|
|
24
|
+
const MIN_PANEL_SIZE = 50;
|
|
25
|
+
let Accordion = class Accordion extends SplitContainer {
|
|
16
26
|
constructor() {
|
|
17
|
-
super(
|
|
27
|
+
super();
|
|
18
28
|
this.items = [];
|
|
19
|
-
this
|
|
29
|
+
_Accordion_panels.set(this, new Map());
|
|
30
|
+
_Accordion_collapsedIndices.set(this, new Set());
|
|
31
|
+
_Accordion_heights.set(this, []);
|
|
32
|
+
this.defaultLayout = false;
|
|
33
|
+
this.addEventListener('splitContainer.resize', () => {
|
|
34
|
+
__classPrivateFieldSet(this, _Accordion_heights, [...this.containers].map(c => c.offsetHeight), "f");
|
|
35
|
+
this.layout();
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
willUpdate(props) {
|
|
39
|
+
if (props.has('items')) {
|
|
40
|
+
__classPrivateFieldSet(this, _Accordion_heights, [], "f");
|
|
41
|
+
this.items?.forEach((item, i) => {
|
|
42
|
+
// override SplitContainer collapse logic
|
|
43
|
+
if (item.collapsed)
|
|
44
|
+
__classPrivateFieldGet(this, _Accordion_collapsedIndices, "f").add(i);
|
|
45
|
+
item.collapsed = false;
|
|
46
|
+
__classPrivateFieldGet(this, _Accordion_heights, "f").push(item.size);
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
super.willUpdate(props);
|
|
50
|
+
}
|
|
51
|
+
get totalCollapsedHeight() {
|
|
52
|
+
return [...__classPrivateFieldGet(this, _Accordion_collapsedIndices, "f")].reduce((acc, i) => {
|
|
53
|
+
const panel = __classPrivateFieldGet(this, _Accordion_panels, "f").get(i);
|
|
54
|
+
if (!panel)
|
|
55
|
+
return acc;
|
|
56
|
+
return acc + (panel.collapsed ? panel.header.offsetHeight ?? 0 : 0);
|
|
57
|
+
}, 0);
|
|
20
58
|
}
|
|
21
|
-
fixSizes() {
|
|
22
|
-
|
|
23
|
-
const
|
|
59
|
+
async fixSizes() {
|
|
60
|
+
await Promise.all([...__classPrivateFieldGet(this, _Accordion_panels, "f").values()].map(panel => panel.updateComplete));
|
|
61
|
+
const containerHeight = this.clientHeight;
|
|
62
|
+
const collapsedCount = __classPrivateFieldGet(this, _Accordion_collapsedIndices, "f").size;
|
|
63
|
+
const visibleCount = this.items.length - collapsedCount;
|
|
64
|
+
let totalCollapsedHeight = 0;
|
|
65
|
+
let totalVisibleHeight = 0;
|
|
66
|
+
let unsetHeightCount = 0;
|
|
67
|
+
let heights = new Array(this.items.length).fill(null);
|
|
68
|
+
let lastIndex;
|
|
24
69
|
for (let i = 0; i < this.items.length; i++) {
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
collapsedPanelHeight += panel.header.offsetHeight;
|
|
70
|
+
const collapsed = __classPrivateFieldGet(this, _Accordion_collapsedIndices, "f").has(i);
|
|
71
|
+
if (collapsed) {
|
|
72
|
+
const panel = __classPrivateFieldGet(this, _Accordion_panels, "f").get(i);
|
|
73
|
+
heights[i] = panel.header?.offsetHeight || 0;
|
|
74
|
+
totalCollapsedHeight += heights[i];
|
|
31
75
|
}
|
|
32
76
|
else {
|
|
33
|
-
|
|
34
|
-
|
|
77
|
+
heights[i] = __classPrivateFieldGet(this, _Accordion_heights, "f")[i];
|
|
78
|
+
if (!heights[i])
|
|
79
|
+
unsetHeightCount++;
|
|
80
|
+
totalVisibleHeight += heights[i] || 0;
|
|
81
|
+
lastIndex = i;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
let remainingHeight = containerHeight - totalCollapsedHeight - totalVisibleHeight;
|
|
85
|
+
let reset = false;
|
|
86
|
+
let addHeight = 0;
|
|
87
|
+
let remainingCount = visibleCount;
|
|
88
|
+
if (remainingHeight > 0) {
|
|
89
|
+
for (let i = 0; i < this.items.length; i++) {
|
|
90
|
+
if (__classPrivateFieldGet(this, _Accordion_collapsedIndices, "f").has(i))
|
|
91
|
+
continue;
|
|
92
|
+
if (!heights[i]) {
|
|
93
|
+
addHeight = remainingHeight / unsetHeightCount;
|
|
94
|
+
heights[i] = addHeight;
|
|
95
|
+
unsetHeightCount--;
|
|
96
|
+
remainingHeight -= addHeight;
|
|
97
|
+
totalVisibleHeight += addHeight;
|
|
98
|
+
}
|
|
99
|
+
else {
|
|
100
|
+
addHeight = remainingHeight / remainingCount;
|
|
101
|
+
heights[i] += addHeight;
|
|
102
|
+
remainingHeight -= addHeight;
|
|
103
|
+
}
|
|
104
|
+
remainingCount--;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
for (let i = 0; i < this.items.length; i++) {
|
|
108
|
+
if (__classPrivateFieldGet(this, _Accordion_collapsedIndices, "f").has(i))
|
|
109
|
+
continue;
|
|
110
|
+
if (heights[i] < MIN_PANEL_SIZE) {
|
|
111
|
+
reset = true;
|
|
112
|
+
break;
|
|
35
113
|
}
|
|
36
114
|
}
|
|
37
|
-
|
|
38
|
-
|
|
115
|
+
if (reset) {
|
|
116
|
+
heights = heights.map((h, i) => __classPrivateFieldGet(this, _Accordion_collapsedIndices, "f").has(i) ? h : (totalVisibleHeight / visibleCount));
|
|
117
|
+
}
|
|
118
|
+
else if (remainingHeight > 0) {
|
|
119
|
+
heights[lastIndex] += remainingHeight;
|
|
120
|
+
}
|
|
121
|
+
heights.forEach((h, i) => this.setContainerSize(i, h));
|
|
122
|
+
}
|
|
123
|
+
layout() {
|
|
124
|
+
this.fixSizes();
|
|
125
|
+
this.containers.forEach((_, i) => {
|
|
126
|
+
const component = this.getContainerComponent(i);
|
|
127
|
+
if (component?.layout)
|
|
128
|
+
component.layout();
|
|
39
129
|
});
|
|
40
|
-
// if (expandedIndices.length === 0) return;
|
|
41
|
-
// if (panelHeight > this.clientHeight) {
|
|
42
|
-
// expandedIndices.forEach(i => {
|
|
43
|
-
// this.setContainerSize(i, (panelHeight - headerHeight) / expandedIndices.length, true);
|
|
44
|
-
// });
|
|
45
|
-
// } else if (panelHeight < this.clientHeight) {
|
|
46
|
-
// const lastIndex = expandedIndices[expandedIndices.length - 1];
|
|
47
|
-
// const container = this.containers[lastIndex];
|
|
48
|
-
// this.setContainerSize(lastIndex, container.offsetHeight + (this.clientHeight - panelHeight), true);
|
|
49
|
-
// }
|
|
50
130
|
}
|
|
51
131
|
getComponent(index, id) {
|
|
52
|
-
|
|
53
|
-
|
|
132
|
+
let panel = __classPrivateFieldGet(this, _Accordion_panels, "f").get(index);
|
|
133
|
+
if (panel)
|
|
134
|
+
return panel;
|
|
135
|
+
panel = dom.createElement('og-panel');
|
|
54
136
|
const item = this.items[index];
|
|
55
137
|
panel.collapsible = true;
|
|
138
|
+
panel.collapsed = __classPrivateFieldGet(this, _Accordion_collapsedIndices, "f").has(index) ?? false;
|
|
56
139
|
panel.icon = item.icon;
|
|
57
140
|
panel.arrowPosition = 'left';
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
panel.addEventListener('resize', () => {
|
|
141
|
+
__classPrivateFieldGet(this, _Accordion_panels, "f").set(index, panel);
|
|
142
|
+
panel.addEventListener('resizestart', () => {
|
|
61
143
|
if (panel.collapsed) {
|
|
62
|
-
|
|
63
|
-
|
|
144
|
+
if (!__classPrivateFieldGet(this, _Accordion_heights, "f")[index])
|
|
145
|
+
__classPrivateFieldGet(this, _Accordion_heights, "f")[index] = this.getContainer(index).offsetHeight;
|
|
146
|
+
__classPrivateFieldGet(this, _Accordion_collapsedIndices, "f").add(index);
|
|
64
147
|
}
|
|
65
148
|
else {
|
|
66
|
-
|
|
67
|
-
this.setContainerSize(index, item.size, false);
|
|
149
|
+
__classPrivateFieldGet(this, _Accordion_collapsedIndices, "f").delete(index);
|
|
68
150
|
}
|
|
69
151
|
});
|
|
70
|
-
panel.addEventListener('
|
|
71
|
-
(
|
|
72
|
-
|
|
73
|
-
|
|
152
|
+
// panel.addEventListener('resize', () => {
|
|
153
|
+
// console.log(panel.body.offsetHeight + panel.header.offsetHeight);
|
|
154
|
+
// let h = panel.body.offsetHeight + panel.header.offsetHeight;
|
|
155
|
+
// this.setContainerSize(index, h);
|
|
156
|
+
// });
|
|
157
|
+
panel.addEventListener('resizestop', () => {
|
|
158
|
+
this.layout();
|
|
159
|
+
});
|
|
160
|
+
render(html `
|
|
161
|
+
<div slot="header">${item.title ?? ''}</div>
|
|
162
|
+
<div slot="body" style="height: 100%; overflow: hidden; position: relative">
|
|
163
|
+
${until(this.createComponent(id ?? index))}
|
|
164
|
+
</div>
|
|
74
165
|
`, panel);
|
|
75
166
|
return panel;
|
|
76
167
|
}
|
|
@@ -79,16 +170,19 @@ let Accordion = class Accordion extends splitContainer_1.SplitContainer {
|
|
|
79
170
|
this.orientation = 'vertical';
|
|
80
171
|
}
|
|
81
172
|
};
|
|
82
|
-
|
|
83
|
-
|
|
173
|
+
_Accordion_panels = new WeakMap();
|
|
174
|
+
_Accordion_collapsedIndices = new WeakMap();
|
|
175
|
+
_Accordion_heights = new WeakMap();
|
|
176
|
+
Accordion.styles = [...SplitContainer.styles, css `
|
|
84
177
|
.item {
|
|
85
178
|
border-top: none !important;
|
|
86
179
|
}
|
|
87
180
|
`];
|
|
88
181
|
__decorate([
|
|
89
|
-
|
|
182
|
+
property({ type: Array })
|
|
90
183
|
], Accordion.prototype, "items", void 0);
|
|
91
|
-
|
|
92
|
-
|
|
184
|
+
Accordion = __decorate([
|
|
185
|
+
customElement(`og-accordion`)
|
|
93
186
|
], Accordion);
|
|
187
|
+
export { Accordion };
|
|
94
188
|
//# sourceMappingURL=accordion.js.map
|
package/dist/ui/accordion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/ui/accordion.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/ui/accordion.ts"],"names":[],"mappings":"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"}
|
package/dist/ui/alert.js
CHANGED
|
@@ -1,52 +1,47 @@
|
|
|
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 types_1 = require("../types");
|
|
13
|
-
const common_1 = require("../common");
|
|
7
|
+
import { LitElement, html, css, unsafeCSS } from 'lit';
|
|
8
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
9
|
+
import { ColorTypes } from '../types';
|
|
10
|
+
import { dom } from '../common';
|
|
14
11
|
const typeMap = {
|
|
15
|
-
'danger':
|
|
16
|
-
'warning':
|
|
17
|
-
'info':
|
|
18
|
-
'success':
|
|
12
|
+
'danger': ColorTypes.Red,
|
|
13
|
+
'warning': ColorTypes.Yellow,
|
|
14
|
+
'info': ColorTypes.Blue,
|
|
15
|
+
'success': ColorTypes.Green
|
|
19
16
|
};
|
|
20
|
-
class AlertEvent extends Event {
|
|
17
|
+
export class AlertEvent extends Event {
|
|
21
18
|
constructor(type) {
|
|
22
19
|
super(`alert.${type}`, { bubbles: true, composed: true });
|
|
23
20
|
}
|
|
24
21
|
}
|
|
25
|
-
|
|
26
|
-
let Alert = class Alert extends lit_1.LitElement {
|
|
22
|
+
let Alert = class Alert extends LitElement {
|
|
27
23
|
constructor() {
|
|
28
24
|
super(...arguments);
|
|
29
25
|
this.closable = false;
|
|
30
|
-
this.render = () =>
|
|
31
|
-
${this.icon ?
|
|
26
|
+
this.render = () => html `
|
|
27
|
+
${this.icon ? html `
|
|
32
28
|
<og-fa-icon .icon="${this.icon}"></og-fa-icon>
|
|
33
29
|
` : ''}
|
|
34
30
|
<div id="text">
|
|
35
|
-
${this.text ?
|
|
31
|
+
${this.text ? html `${this.text}` : html `<slot name="content"></slot>`}
|
|
36
32
|
</div>
|
|
37
|
-
${this.closable ?
|
|
33
|
+
${this.closable ? html `
|
|
38
34
|
<div id="close" @click="${() => this.close(true)}">×</div>
|
|
39
35
|
` : ``}
|
|
40
36
|
`;
|
|
41
37
|
}
|
|
42
38
|
close(dispatchEvent) {
|
|
43
|
-
|
|
39
|
+
dom.remove(this);
|
|
44
40
|
if (dispatchEvent)
|
|
45
41
|
this.dispatchEvent(new AlertEvent('close'));
|
|
46
42
|
}
|
|
47
43
|
};
|
|
48
|
-
|
|
49
|
-
Alert.styles = [(0, lit_1.css) `
|
|
44
|
+
Alert.styles = [css `
|
|
50
45
|
:host {
|
|
51
46
|
font-size: var(--og-font-size);
|
|
52
47
|
padding: 5px;
|
|
@@ -78,27 +73,28 @@ Alert.styles = [(0, lit_1.css) `
|
|
|
78
73
|
background-color: #000000;
|
|
79
74
|
opacity: 0.5;
|
|
80
75
|
}
|
|
81
|
-
`, ...Array.from(Object.keys(typeMap)).map(key =>
|
|
82
|
-
:host([type="${
|
|
83
|
-
color: var(--og-colortype-${
|
|
84
|
-
background-color: var(--og-colortype-${
|
|
85
|
-
border: 1px solid var(--og-colortype-${
|
|
76
|
+
`, ...Array.from(Object.keys(typeMap)).map(key => css `
|
|
77
|
+
:host([type="${unsafeCSS(key)}"]) {
|
|
78
|
+
color: var(--og-colortype-${unsafeCSS(typeMap[key])}-text-color);
|
|
79
|
+
background-color: var(--og-colortype-${unsafeCSS(typeMap[key])}-background-color);
|
|
80
|
+
border: 1px solid var(--og-colortype-${unsafeCSS(typeMap[key])}-border-color);
|
|
86
81
|
}
|
|
87
82
|
`)
|
|
88
83
|
];
|
|
89
84
|
__decorate([
|
|
90
|
-
|
|
85
|
+
property({ type: String })
|
|
91
86
|
], Alert.prototype, "text", void 0);
|
|
92
87
|
__decorate([
|
|
93
|
-
|
|
88
|
+
property({ type: String })
|
|
94
89
|
], Alert.prototype, "icon", void 0);
|
|
95
90
|
__decorate([
|
|
96
|
-
|
|
91
|
+
property({ type: String, reflect: true })
|
|
97
92
|
], Alert.prototype, "type", void 0);
|
|
98
93
|
__decorate([
|
|
99
|
-
|
|
94
|
+
property({ type: Boolean })
|
|
100
95
|
], Alert.prototype, "closable", void 0);
|
|
101
|
-
|
|
102
|
-
|
|
96
|
+
Alert = __decorate([
|
|
97
|
+
customElement(`og-alert`)
|
|
103
98
|
], Alert);
|
|
99
|
+
export { Alert };
|
|
104
100
|
//# sourceMappingURL=alert.js.map
|
package/dist/ui/alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/ui/alert.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/ui/alert.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAIhC,MAAM,OAAO,GAAkC;IAC9C,QAAQ,EAAE,UAAU,CAAC,GAAG;IACxB,SAAS,EAAE,UAAU,CAAC,MAAM;IAC5B,MAAM,EAAE,UAAU,CAAC,IAAI;IACvB,SAAS,EAAE,UAAU,CAAC,KAAK;CAC3B,CAAC;AAEF,MAAM,OAAO,UAAW,SAAQ,KAAK;IACpC,YAAY,IAAY;QACvB,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;IACzD,CAAC;CACD;AAGM,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU;IAA9B;;QAqDN,aAAQ,GAAG,KAAK,CAAC;QAOjB,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;IAChB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;wBACI,IAAI,CAAC,IAAI;GAC9B,CAAC,CAAC,CAAC,EAAE;;KAEH,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,8BAA8B;;IAEpE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;6BACK,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;GAChD,CAAC,CAAC,CAAC,EAAE;EACN,CAAC;IAEH,CAAC;IAjBA,KAAK,CAAC,aAAuB;QAC5B,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,aAAa;YAAE,IAAI,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAChE,CAAC;;AAxDM,YAAM,GAAG,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgClB,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAA;kBACrC,SAAS,CAAC,GAAG,CAAC;gCACA,SAAS,CAAC,OAAO,CAAC,GAAgB,CAAC,CAAC;2CACzB,SAAS,CAAC,OAAO,CAAC,GAAgB,CAAC,CAAC;2CACpC,SAAS,CAAC,OAAO,CAAC,GAAgB,CAAC,CAAC;;GAE5E,CAAC;CACF,AAvCY,CAuCX;AAGF;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;mCACZ;AAGb;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;mCACZ;AAGb;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;mCACxB;AAGhB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;uCACT;AArDL,KAAK;IADjB,aAAa,CAAC,UAAU,CAAC;GACb,KAAK,CAwEjB"}
|
package/dist/ui/baseElement.js
CHANGED
|
@@ -1,15 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.BaseElement = exports.ComponentEvent = void 0;
|
|
4
|
-
const lit_1 = require("lit");
|
|
5
|
-
class ComponentEvent extends Event {
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export class ComponentEvent extends Event {
|
|
6
3
|
}
|
|
7
|
-
|
|
8
|
-
class BaseElement extends lit_1.LitElement {
|
|
4
|
+
export class BaseElement extends LitElement {
|
|
9
5
|
constructor() {
|
|
10
6
|
super(...arguments);
|
|
11
7
|
this.customProperties = {};
|
|
12
8
|
}
|
|
13
9
|
}
|
|
14
|
-
exports.BaseElement = BaseElement;
|
|
15
10
|
//# sourceMappingURL=baseElement.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"baseElement.js","sourceRoot":"","sources":["../../src/ui/baseElement.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"baseElement.js","sourceRoot":"","sources":["../../src/ui/baseElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,MAAM,OAAO,cAAe,SAAQ,KAAK;CAAI;AAE7C,MAAM,OAAO,WAAY,SAAQ,UAAU;IAA3C;;QAEiB,qBAAgB,GAA4B,EAAE,CAAC;IAEhE,CAAC;CAAA"}
|