@omegagrid/core 0.2.5
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.d.ts +16 -0
- package/dist/common/actions.d.ts.map +1 -0
- package/dist/common/actions.js +19 -0
- package/dist/common/actions.js.map +1 -0
- package/dist/common/colors.d.ts +25 -0
- package/dist/common/colors.d.ts.map +1 -0
- package/dist/common/colors.js +54 -0
- package/dist/common/colors.js.map +1 -0
- package/dist/common/csv.d.ts +23 -0
- package/dist/common/csv.d.ts.map +1 -0
- package/dist/common/csv.js +99 -0
- package/dist/common/csv.js.map +1 -0
- package/dist/common/dates.d.ts +13 -0
- package/dist/common/dates.d.ts.map +1 -0
- package/dist/common/dates.js +118 -0
- package/dist/common/dates.js.map +1 -0
- package/dist/common/dom.d.ts +79 -0
- package/dist/common/dom.d.ts.map +1 -0
- package/dist/common/dom.js +242 -0
- package/dist/common/dom.js.map +1 -0
- package/dist/common/html.d.ts +3 -0
- package/dist/common/html.d.ts.map +1 -0
- package/dist/common/html.js +33 -0
- package/dist/common/html.js.map +1 -0
- package/dist/common/index.d.ts +14 -0
- package/dist/common/index.d.ts.map +1 -0
- package/dist/common/index.js +43 -0
- package/dist/common/index.js.map +1 -0
- package/dist/common/linkedList.d.ts +24 -0
- package/dist/common/linkedList.d.ts.map +1 -0
- package/dist/common/linkedList.js +70 -0
- package/dist/common/linkedList.js.map +1 -0
- package/dist/common/logger.d.ts +23 -0
- package/dist/common/logger.d.ts.map +1 -0
- package/dist/common/logger.js +58 -0
- package/dist/common/logger.js.map +1 -0
- package/dist/common/matrix.d.ts +6 -0
- package/dist/common/matrix.d.ts.map +1 -0
- package/dist/common/matrix.js +24 -0
- package/dist/common/matrix.js.map +1 -0
- package/dist/common/mixin.d.ts +4 -0
- package/dist/common/mixin.d.ts.map +1 -0
- package/dist/common/mixin.js +3 -0
- package/dist/common/mixin.js.map +1 -0
- package/dist/common/numbers.d.ts +18 -0
- package/dist/common/numbers.d.ts.map +1 -0
- package/dist/common/numbers.js +209 -0
- package/dist/common/numbers.js.map +1 -0
- package/dist/common/options.d.ts +10 -0
- package/dist/common/options.d.ts.map +1 -0
- package/dist/common/options.js +22 -0
- package/dist/common/options.js.map +1 -0
- package/dist/common/tree.d.ts +68 -0
- package/dist/common/tree.d.ts.map +1 -0
- package/dist/common/tree.js +190 -0
- package/dist/common/tree.js.map +1 -0
- package/dist/common/utils.d.ts +15 -0
- package/dist/common/utils.d.ts.map +1 -0
- package/dist/common/utils.js +92 -0
- package/dist/common/utils.js.map +1 -0
- package/dist/constants.d.ts +45 -0
- package/dist/constants.d.ts.map +1 -0
- package/dist/constants.js +29 -0
- package/dist/constants.js.map +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +37 -0
- package/dist/index.js.map +1 -0
- package/dist/model/adapter.d.ts +8 -0
- package/dist/model/adapter.d.ts.map +1 -0
- package/dist/model/adapter.js +17 -0
- package/dist/model/adapter.js.map +1 -0
- package/dist/model/componentStore.d.ts +11 -0
- package/dist/model/componentStore.d.ts.map +1 -0
- package/dist/model/componentStore.js +26 -0
- package/dist/model/componentStore.js.map +1 -0
- package/dist/model/index.d.ts +5 -0
- package/dist/model/index.d.ts.map +1 -0
- package/dist/model/index.js +21 -0
- package/dist/model/index.js.map +1 -0
- package/dist/model/plugins.d.ts +13 -0
- package/dist/model/plugins.d.ts.map +1 -0
- package/dist/model/plugins.js +29 -0
- package/dist/model/plugins.js.map +1 -0
- package/dist/model/ui.d.ts +19 -0
- package/dist/model/ui.d.ts.map +1 -0
- package/dist/model/ui.js +16 -0
- package/dist/model/ui.js.map +1 -0
- package/dist/styling/index.d.ts +3 -0
- package/dist/styling/index.d.ts.map +1 -0
- package/dist/styling/index.js +10 -0
- package/dist/styling/index.js.map +1 -0
- package/dist/styling/stylable.d.ts +10 -0
- package/dist/styling/stylable.d.ts.map +1 -0
- package/dist/styling/stylable.js +43 -0
- package/dist/styling/stylable.js.map +1 -0
- package/dist/styling/styleManager.d.ts +20 -0
- package/dist/styling/styleManager.d.ts.map +1 -0
- package/dist/styling/styleManager.js +126 -0
- package/dist/styling/styleManager.js.map +1 -0
- package/dist/themes.d.ts +7 -0
- package/dist/themes.d.ts.map +1 -0
- package/dist/themes.js +163 -0
- package/dist/themes.js.map +1 -0
- package/dist/types.d.ts +48 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +14 -0
- package/dist/types.js.map +1 -0
- package/dist/ui/accordion.d.ts +12 -0
- package/dist/ui/accordion.d.ts.map +1 -0
- package/dist/ui/accordion.js +94 -0
- package/dist/ui/accordion.js.map +1 -0
- package/dist/ui/alert.d.ts +15 -0
- package/dist/ui/alert.d.ts.map +1 -0
- package/dist/ui/alert.js +106 -0
- package/dist/ui/alert.js.map +1 -0
- package/dist/ui/attributeTable.d.ts +8 -0
- package/dist/ui/attributeTable.d.ts.map +1 -0
- package/dist/ui/attributeTable.js +39 -0
- package/dist/ui/attributeTable.js.map +1 -0
- package/dist/ui/baseElement.d.ts +7 -0
- package/dist/ui/baseElement.d.ts.map +1 -0
- package/dist/ui/baseElement.js +15 -0
- package/dist/ui/baseElement.js.map +1 -0
- package/dist/ui/button.d.ts +20 -0
- package/dist/ui/button.d.ts.map +1 -0
- package/dist/ui/button.js +98 -0
- package/dist/ui/button.js.map +1 -0
- package/dist/ui/button.style.d.ts +2 -0
- package/dist/ui/button.style.d.ts.map +1 -0
- package/dist/ui/button.style.js +72 -0
- package/dist/ui/button.style.js.map +1 -0
- package/dist/ui/checkbox.d.ts +14 -0
- package/dist/ui/checkbox.d.ts.map +1 -0
- package/dist/ui/checkbox.js +59 -0
- package/dist/ui/checkbox.js.map +1 -0
- package/dist/ui/colorpicker.d.ts +15 -0
- package/dist/ui/colorpicker.d.ts.map +1 -0
- package/dist/ui/colorpicker.js +160 -0
- package/dist/ui/colorpicker.js.map +1 -0
- package/dist/ui/container.d.ts +26 -0
- package/dist/ui/container.d.ts.map +1 -0
- package/dist/ui/container.js +240 -0
- package/dist/ui/container.js.map +1 -0
- package/dist/ui/dropdown.d.ts +32 -0
- package/dist/ui/dropdown.d.ts.map +1 -0
- package/dist/ui/dropdown.js +197 -0
- package/dist/ui/dropdown.js.map +1 -0
- package/dist/ui/dropdownMenu.d.ts +12 -0
- package/dist/ui/dropdownMenu.d.ts.map +1 -0
- package/dist/ui/dropdownMenu.js +58 -0
- package/dist/ui/dropdownMenu.js.map +1 -0
- package/dist/ui/expander.d.ts +28 -0
- package/dist/ui/expander.d.ts.map +1 -0
- package/dist/ui/expander.js +151 -0
- package/dist/ui/expander.js.map +1 -0
- package/dist/ui/icon.d.ts +24 -0
- package/dist/ui/icon.d.ts.map +1 -0
- package/dist/ui/icon.js +77 -0
- package/dist/ui/icon.js.map +1 -0
- package/dist/ui/images.d.ts +2 -0
- package/dist/ui/images.d.ts.map +1 -0
- package/dist/ui/images.js +17 -0
- package/dist/ui/images.js.map +1 -0
- package/dist/ui/index.d.ts +25 -0
- package/dist/ui/index.d.ts.map +1 -0
- package/dist/ui/index.js +41 -0
- package/dist/ui/index.js.map +1 -0
- package/dist/ui/input.d.ts +11 -0
- package/dist/ui/input.d.ts.map +1 -0
- package/dist/ui/input.js +67 -0
- package/dist/ui/input.js.map +1 -0
- package/dist/ui/list.d.ts +67 -0
- package/dist/ui/list.d.ts.map +1 -0
- package/dist/ui/list.js +362 -0
- package/dist/ui/list.js.map +1 -0
- package/dist/ui/loader.d.ts +9 -0
- package/dist/ui/loader.d.ts.map +1 -0
- package/dist/ui/loader.js +40 -0
- package/dist/ui/loader.js.map +1 -0
- package/dist/ui/menu.d.ts +36 -0
- package/dist/ui/menu.d.ts.map +1 -0
- package/dist/ui/menu.js +154 -0
- package/dist/ui/menu.js.map +1 -0
- package/dist/ui/menu.style.d.ts +3 -0
- package/dist/ui/menu.style.d.ts.map +1 -0
- package/dist/ui/menu.style.js +45 -0
- package/dist/ui/menu.style.js.map +1 -0
- package/dist/ui/overlay.d.ts +17 -0
- package/dist/ui/overlay.d.ts.map +1 -0
- package/dist/ui/overlay.js +95 -0
- package/dist/ui/overlay.js.map +1 -0
- package/dist/ui/overlay.style.d.ts +2 -0
- package/dist/ui/overlay.style.d.ts.map +1 -0
- package/dist/ui/overlay.style.js +49 -0
- package/dist/ui/overlay.style.js.map +1 -0
- package/dist/ui/panel.d.ts +24 -0
- package/dist/ui/panel.d.ts.map +1 -0
- package/dist/ui/panel.js +131 -0
- package/dist/ui/panel.js.map +1 -0
- package/dist/ui/panel.style.d.ts +2 -0
- package/dist/ui/panel.style.d.ts.map +1 -0
- package/dist/ui/panel.style.js +66 -0
- package/dist/ui/panel.style.js.map +1 -0
- package/dist/ui/sizer.d.ts +44 -0
- package/dist/ui/sizer.d.ts.map +1 -0
- package/dist/ui/sizer.js +216 -0
- package/dist/ui/sizer.js.map +1 -0
- package/dist/ui/slider.d.ts +41 -0
- package/dist/ui/slider.d.ts.map +1 -0
- package/dist/ui/slider.js +228 -0
- package/dist/ui/slider.js.map +1 -0
- package/dist/ui/sortableList.d.ts +33 -0
- package/dist/ui/sortableList.d.ts.map +1 -0
- package/dist/ui/sortableList.js +159 -0
- package/dist/ui/sortableList.js.map +1 -0
- package/dist/ui/splitContainer.d.ts +37 -0
- package/dist/ui/splitContainer.d.ts.map +1 -0
- package/dist/ui/splitContainer.js +201 -0
- package/dist/ui/splitContainer.js.map +1 -0
- package/dist/ui/splitContainer.style.d.ts +2 -0
- package/dist/ui/splitContainer.style.d.ts.map +1 -0
- package/dist/ui/splitContainer.style.js +46 -0
- package/dist/ui/splitContainer.style.js.map +1 -0
- package/dist/ui/tooltip.d.ts +23 -0
- package/dist/ui/tooltip.d.ts.map +1 -0
- package/dist/ui/tooltip.js +163 -0
- package/dist/ui/tooltip.js.map +1 -0
- package/dist/ui/tooltip.style.d.ts +2 -0
- package/dist/ui/tooltip.style.d.ts.map +1 -0
- package/dist/ui/tooltip.style.js +114 -0
- package/dist/ui/tooltip.style.js.map +1 -0
- package/package.json +60 -0
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
3
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
5
|
+
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
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7
|
+
};
|
|
8
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
9
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
10
|
+
};
|
|
11
|
+
var SortableList_1;
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
exports.SortableList = exports.ListSortEvent = void 0;
|
|
14
|
+
const lit_1 = require("lit");
|
|
15
|
+
const decorators_js_1 = require("lit/decorators.js");
|
|
16
|
+
const styling_1 = require("../styling");
|
|
17
|
+
const list_1 = require("./list");
|
|
18
|
+
const common_1 = require("../common");
|
|
19
|
+
const constants_1 = __importDefault(require("../constants"));
|
|
20
|
+
class ListSortEvent extends Event {
|
|
21
|
+
constructor(args) {
|
|
22
|
+
super('list.sort', { bubbles: true, composed: true });
|
|
23
|
+
Object.assign(this, args);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
exports.ListSortEvent = ListSortEvent;
|
|
27
|
+
let SortableList = SortableList_1 = class SortableList extends list_1.List {
|
|
28
|
+
get sorting() { return this._sorting; }
|
|
29
|
+
get connectedSorting() {
|
|
30
|
+
return this.connectedLists && this.connectedLists.some(list => list.sorting);
|
|
31
|
+
}
|
|
32
|
+
constructor() {
|
|
33
|
+
super();
|
|
34
|
+
this._sorting = false;
|
|
35
|
+
this.sortIndex = -1;
|
|
36
|
+
this.targetIndex = -1;
|
|
37
|
+
this._onMouseDown = (e) => {
|
|
38
|
+
const item = e.composedPath().find((el) => el.classList && el.classList.contains('item'));
|
|
39
|
+
if (item)
|
|
40
|
+
this.startSorting(item);
|
|
41
|
+
};
|
|
42
|
+
this._onMouseUp = () => {
|
|
43
|
+
this.stopSorting(true);
|
|
44
|
+
};
|
|
45
|
+
this._onMouseMove = (e) => {
|
|
46
|
+
var _a;
|
|
47
|
+
if (this.sorting || this.connectedSorting) {
|
|
48
|
+
(_a = this.connectedLists) === null || _a === void 0 ? void 0 : _a.forEach(list => list.removeMark());
|
|
49
|
+
const item = e.composedPath().find((el) => el.classList && el.classList.contains('item'));
|
|
50
|
+
if (!(item instanceof HTMLElement))
|
|
51
|
+
return;
|
|
52
|
+
const offset = common_1.dom.getElementOffset(item, this.container);
|
|
53
|
+
const top = offset.top + e.offsetY;
|
|
54
|
+
if (top < constants_1.default.LIST_AUTOSCROLL_TRESHOLD) {
|
|
55
|
+
this.startAutoscroll('up');
|
|
56
|
+
}
|
|
57
|
+
else if (this.container.clientHeight - top < constants_1.default.LIST_AUTOSCROLL_TRESHOLD) {
|
|
58
|
+
this.startAutoscroll('down');
|
|
59
|
+
}
|
|
60
|
+
else {
|
|
61
|
+
this.stopAutoscroll();
|
|
62
|
+
}
|
|
63
|
+
if (this.markedItem)
|
|
64
|
+
this.markedItem.classList.remove('target-prev', 'target-next');
|
|
65
|
+
let targetIndex = parseInt(item.dataset.index);
|
|
66
|
+
if (e.offsetY > item.clientHeight / 2) {
|
|
67
|
+
if (this.sortIndex > targetIndex)
|
|
68
|
+
targetIndex++;
|
|
69
|
+
item.classList.add('target-next');
|
|
70
|
+
}
|
|
71
|
+
else {
|
|
72
|
+
if (this.sortIndex < targetIndex)
|
|
73
|
+
targetIndex--;
|
|
74
|
+
item.classList.add('target-prev');
|
|
75
|
+
}
|
|
76
|
+
this.markedItem = item;
|
|
77
|
+
this.targetIndex = targetIndex;
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
startSorting(item) {
|
|
82
|
+
SortableList_1.sourceList = this;
|
|
83
|
+
this._sorting = true;
|
|
84
|
+
this.sortIndex = parseInt(item.dataset.index);
|
|
85
|
+
document.body.addEventListener('mouseup', () => this.stopSorting(false), { once: true });
|
|
86
|
+
}
|
|
87
|
+
removeMark() {
|
|
88
|
+
var _a;
|
|
89
|
+
(_a = this.markedItem) === null || _a === void 0 ? void 0 : _a.classList.remove('target-prev', 'target-next');
|
|
90
|
+
}
|
|
91
|
+
stopSorting(dispatchEvent) {
|
|
92
|
+
this._sorting = false;
|
|
93
|
+
this.stopAutoscroll();
|
|
94
|
+
this.removeMark();
|
|
95
|
+
if (this.targetIndex > -1) {
|
|
96
|
+
if (dispatchEvent) {
|
|
97
|
+
if (this.sortIndex != this.targetIndex)
|
|
98
|
+
this.dispatchEvent(new ListSortEvent({
|
|
99
|
+
fromIndex: this.sortIndex,
|
|
100
|
+
toIndex: this.targetIndex,
|
|
101
|
+
sourceList: SortableList_1.sourceList,
|
|
102
|
+
targetList: this
|
|
103
|
+
}));
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
this.targetIndex = -1;
|
|
107
|
+
this.sortIndex = -1;
|
|
108
|
+
SortableList_1.sourceList = null;
|
|
109
|
+
}
|
|
110
|
+
startAutoscroll(direction) {
|
|
111
|
+
if (this.autoscrollDirection == direction)
|
|
112
|
+
return;
|
|
113
|
+
this.autoscrollDirection = direction;
|
|
114
|
+
this.autoscrollTimer = window.setInterval(() => {
|
|
115
|
+
if (this.autoscrollDirection == 'down') {
|
|
116
|
+
const offset = Math.min(this.offset + this.itemHeight, this.size * this.itemHeight - this.clientHeight);
|
|
117
|
+
if (offset > this.offset)
|
|
118
|
+
this.scrollToOffset(offset);
|
|
119
|
+
}
|
|
120
|
+
else {
|
|
121
|
+
const offset = Math.max(0, this.offset - this.itemHeight);
|
|
122
|
+
if (offset < this.offset)
|
|
123
|
+
this.scrollToOffset(offset);
|
|
124
|
+
}
|
|
125
|
+
}, constants_1.default.LIST_AUTOSCROLL_DELAY);
|
|
126
|
+
}
|
|
127
|
+
stopAutoscroll() {
|
|
128
|
+
if (this.autoscrollTimer != null) {
|
|
129
|
+
clearInterval(this.autoscrollTimer);
|
|
130
|
+
this.autoscrollTimer = null;
|
|
131
|
+
this.autoscrollDirection = null;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
firstUpdated() {
|
|
135
|
+
super.firstUpdated();
|
|
136
|
+
this.container.addEventListener('mousedown', this._onMouseDown);
|
|
137
|
+
this.container.addEventListener('mousemove', this._onMouseMove);
|
|
138
|
+
this.container.addEventListener('mouseup', this._onMouseUp);
|
|
139
|
+
}
|
|
140
|
+
};
|
|
141
|
+
exports.SortableList = SortableList;
|
|
142
|
+
SortableList.contentStyles = [...list_1.List.contentStyles, (0, lit_1.css) `
|
|
143
|
+
.item {
|
|
144
|
+
cursor: move !important;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.item.target-prev {
|
|
148
|
+
border-top: 2px solid var(--accent-color);
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.item.target-next {
|
|
152
|
+
border-bottom: 2px solid var(--accent-color);
|
|
153
|
+
}
|
|
154
|
+
`];
|
|
155
|
+
exports.SortableList = SortableList = SortableList_1 = __decorate([
|
|
156
|
+
(0, decorators_js_1.customElement)(`og-sortablelist`),
|
|
157
|
+
(0, styling_1.stylable)({ vars: ['font-*', 'background-color', 'accent-*', 'colortype-*'] })
|
|
158
|
+
], SortableList);
|
|
159
|
+
//# sourceMappingURL=sortableList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sortableList.js","sourceRoot":"","sources":["../../src/ui/sortableList.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import { SplitContainerItem, Orientation, Layout, ComponentFactory, ComponentId } from "../types";
|
|
3
|
+
import { Sizer, ResizeEvent } from "./sizer";
|
|
4
|
+
export declare class SplitContainerResizeEvent extends Event {
|
|
5
|
+
constructor(type: string);
|
|
6
|
+
}
|
|
7
|
+
export declare class SplitContainer extends LitElement implements Layout {
|
|
8
|
+
static styles: import("lit").CSSResult[];
|
|
9
|
+
items: SplitContainerItem[];
|
|
10
|
+
orientation: Orientation;
|
|
11
|
+
containers: NodeListOf<HTMLElement>;
|
|
12
|
+
createComponent: ComponentFactory;
|
|
13
|
+
sizer: Sizer;
|
|
14
|
+
private indexMap;
|
|
15
|
+
private _resizeIndex;
|
|
16
|
+
private _resizeLastSize1;
|
|
17
|
+
private _resizeLastSize2;
|
|
18
|
+
connectedCallback(): void;
|
|
19
|
+
disconnectedCallback(): void;
|
|
20
|
+
splitContainer(index: number): void;
|
|
21
|
+
removeContainer(index: number): void;
|
|
22
|
+
getContainerComponent(index: number): HTMLElement;
|
|
23
|
+
_onMouseMove: (e: MouseEvent) => void;
|
|
24
|
+
_debounceResize: {
|
|
25
|
+
(this: unknown, ...args: [e: ResizeEvent] & any[]): Promise<void>;
|
|
26
|
+
cancel: (reason?: any) => void;
|
|
27
|
+
};
|
|
28
|
+
setContainerSize(index: number, size: number, permanent?: boolean): void;
|
|
29
|
+
collapse(index: number, collapse?: boolean): Promise<void>;
|
|
30
|
+
willUpdate(): void;
|
|
31
|
+
firstUpdated(): void;
|
|
32
|
+
getComponent(index: number, id?: ComponentId): HTMLElement | Promise<HTMLElement>;
|
|
33
|
+
updated(): Promise<void>;
|
|
34
|
+
render: () => import("lit-html").TemplateResult<1>;
|
|
35
|
+
layout(): void;
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=splitContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"splitContainer.d.ts","sourceRoot":"","sources":["../../src/ui/splitContainer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIlG,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG7C,qBAAa,yBAA0B,SAAQ,KAAK;gBACvC,IAAI,EAAE,MAAM;CAGxB;AAED,qBAEa,cAAe,SAAQ,UAAW,YAAW,MAAM;IAE/D,MAAM,CAAC,MAAM,4BAAW;IAGxB,KAAK,EAAE,kBAAkB,EAAE,CAAM;IAGjC,WAAW,EAAE,WAAW,CAAgB;IAGxC,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAGpC,eAAe,EAAE,gBAAgB,CAAC;IAGlC,KAAK,EAAE,KAAK,CAAC;IAEb,OAAO,CAAC,QAAQ,CAAgB;IAEhC,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,gBAAgB,CAAM;IAC9B,OAAO,CAAC,gBAAgB,CAAM;IAE9B,iBAAiB;IAIjB,oBAAoB;IAIpB,cAAc,CAAC,KAAK,EAAE,MAAM;IAM5B,eAAe,CAAC,KAAK,EAAE,MAAM;IAM7B,qBAAqB,CAAC,KAAK,EAAE,MAAM;IAInC,YAAY,MAAO,UAAU,UAiC3B;IAEF,eAAe;;;MAMb;IAEF,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,UAAO;IAaxD,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,UAAO;IAM7C,UAAU;IAgBV,YAAY;IAKZ,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,WAAW;IAItC,OAAO;IAWb,MAAM,6CAKJ;IAEF,MAAM;CAQN"}
|
|
@@ -0,0 +1,201 @@
|
|
|
1
|
+
"use strict";
|
|
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
19
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
20
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
21
|
+
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;
|
|
22
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
23
|
+
};
|
|
24
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
25
|
+
if (mod && mod.__esModule) return mod;
|
|
26
|
+
var result = {};
|
|
27
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
28
|
+
__setModuleDefault(result, mod);
|
|
29
|
+
return result;
|
|
30
|
+
};
|
|
31
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
32
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
33
|
+
};
|
|
34
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
35
|
+
exports.SplitContainer = exports.SplitContainerResizeEvent = void 0;
|
|
36
|
+
const dom = __importStar(require("../common/dom"));
|
|
37
|
+
const lit_1 = require("lit");
|
|
38
|
+
const decorators_js_1 = require("lit/decorators.js");
|
|
39
|
+
const map_js_1 = require("lit/directives/map.js");
|
|
40
|
+
const splitContainer_style_1 = require("./splitContainer.style");
|
|
41
|
+
const constants_1 = __importDefault(require("../constants"));
|
|
42
|
+
const ts_debounce_1 = require("ts-debounce");
|
|
43
|
+
const styling_1 = require("../styling");
|
|
44
|
+
class SplitContainerResizeEvent extends Event {
|
|
45
|
+
constructor(type) {
|
|
46
|
+
super(`splitContainer.${type}`, { bubbles: true, composed: true });
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
exports.SplitContainerResizeEvent = SplitContainerResizeEvent;
|
|
50
|
+
let SplitContainer = class SplitContainer extends lit_1.LitElement {
|
|
51
|
+
constructor() {
|
|
52
|
+
super(...arguments);
|
|
53
|
+
this.items = [];
|
|
54
|
+
this.orientation = 'horizontal';
|
|
55
|
+
this.indexMap = [];
|
|
56
|
+
this._resizeIndex = -1;
|
|
57
|
+
this._resizeLastSize1 = -1;
|
|
58
|
+
this._resizeLastSize2 = -1;
|
|
59
|
+
this._onMouseMove = (e) => {
|
|
60
|
+
if (this.sizer.resizing)
|
|
61
|
+
return;
|
|
62
|
+
let mousePos = 0, itemPos = 0;
|
|
63
|
+
this._resizeIndex = -1;
|
|
64
|
+
for (let i = 1; i < this.containers.length; i++) {
|
|
65
|
+
if (this.orientation == 'horizontal') {
|
|
66
|
+
mousePos = e.offsetX;
|
|
67
|
+
itemPos = this.containers[i].offsetLeft;
|
|
68
|
+
}
|
|
69
|
+
else {
|
|
70
|
+
mousePos = e.offsetY;
|
|
71
|
+
itemPos = this.containers[i].offsetTop;
|
|
72
|
+
}
|
|
73
|
+
if (Math.abs(itemPos - mousePos) < constants_1.default.SIZER_SIZE) {
|
|
74
|
+
this._resizeIndex = i - 1;
|
|
75
|
+
break;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
if (this._resizeIndex > -1) {
|
|
79
|
+
this._resizeLastSize1 = this.orientation == 'horizontal'
|
|
80
|
+
? this.containers[this._resizeIndex].offsetWidth
|
|
81
|
+
: this.containers[this._resizeIndex].offsetHeight;
|
|
82
|
+
this._resizeLastSize2 = this.orientation == 'horizontal'
|
|
83
|
+
? this.containers[this._resizeIndex + 1].offsetWidth
|
|
84
|
+
: this.containers[this._resizeIndex + 1].offsetHeight;
|
|
85
|
+
this.sizer.snap(this.containers[this._resizeIndex], this);
|
|
86
|
+
}
|
|
87
|
+
else {
|
|
88
|
+
this.sizer.hide();
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
this._debounceResize = (0, ts_debounce_1.debounce)((e) => {
|
|
92
|
+
const delta = (this.orientation == 'horizontal' ? e.deltaX : e.deltaY);
|
|
93
|
+
this.setContainerSize(this._resizeIndex, this._resizeLastSize1 + delta);
|
|
94
|
+
this.setContainerSize(this._resizeIndex + 1, this._resizeLastSize2 - delta);
|
|
95
|
+
this.layout();
|
|
96
|
+
this.dispatchEvent(new SplitContainerResizeEvent('resize'));
|
|
97
|
+
});
|
|
98
|
+
this.render = () => (0, lit_1.html) `
|
|
99
|
+
${(0, map_js_1.map)(this.items, (item, index) => item.collapsed ? `` : (0, lit_1.html) `
|
|
100
|
+
<div class="item" data-index="${index}"></div>
|
|
101
|
+
`)}
|
|
102
|
+
<og-sizer orientation="${this.orientation}" noGuideLine></og-sizer>
|
|
103
|
+
`;
|
|
104
|
+
}
|
|
105
|
+
connectedCallback() {
|
|
106
|
+
super.connectedCallback();
|
|
107
|
+
}
|
|
108
|
+
disconnectedCallback() {
|
|
109
|
+
super.disconnectedCallback();
|
|
110
|
+
}
|
|
111
|
+
splitContainer(index) {
|
|
112
|
+
this.items.splice(index, 0, { size: null });
|
|
113
|
+
this.items.forEach(item => item.size = null);
|
|
114
|
+
this.requestUpdate();
|
|
115
|
+
}
|
|
116
|
+
removeContainer(index) {
|
|
117
|
+
this.items.splice(index, 1);
|
|
118
|
+
this.items.forEach(item => item.size = null);
|
|
119
|
+
this.requestUpdate();
|
|
120
|
+
}
|
|
121
|
+
getContainerComponent(index) {
|
|
122
|
+
return this.containers[this.indexMap[index]].firstChild;
|
|
123
|
+
}
|
|
124
|
+
setContainerSize(index, size, permanent = true) {
|
|
125
|
+
if (permanent)
|
|
126
|
+
this.items[index].size = size;
|
|
127
|
+
const containerIndex = this.indexMap[index];
|
|
128
|
+
const minSize = size > 0 ? size : 0;
|
|
129
|
+
const maxSize = size > 0 ? size : 'none';
|
|
130
|
+
if (containerIndex > -1) {
|
|
131
|
+
dom.setMinSize(this.containers[containerIndex], this.orientation == 'horizontal' ? { w: minSize } : { h: minSize });
|
|
132
|
+
dom.setMaxSize(this.containers[containerIndex], this.orientation == 'horizontal' ? { w: maxSize } : { h: maxSize });
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
async collapse(index, collapse = true) {
|
|
136
|
+
this.items[index].collapsed = collapse;
|
|
137
|
+
this.requestUpdate();
|
|
138
|
+
await this.updateComplete;
|
|
139
|
+
}
|
|
140
|
+
willUpdate() {
|
|
141
|
+
if (!this.items || this.items.length == 0) {
|
|
142
|
+
this.items.push({ size: null });
|
|
143
|
+
}
|
|
144
|
+
let i = 0;
|
|
145
|
+
this.indexMap = [];
|
|
146
|
+
this.items.forEach((item, j) => {
|
|
147
|
+
if (!item) {
|
|
148
|
+
item = { size: null };
|
|
149
|
+
this.items[j] = item;
|
|
150
|
+
}
|
|
151
|
+
this.indexMap.push((item === null || item === void 0 ? void 0 : item.collapsed) ? -1 : i++);
|
|
152
|
+
});
|
|
153
|
+
}
|
|
154
|
+
firstUpdated() {
|
|
155
|
+
this.addEventListener('mousemove', this._onMouseMove);
|
|
156
|
+
this.sizer.addEventListener('resize', this._debounceResize);
|
|
157
|
+
}
|
|
158
|
+
getComponent(index, id) {
|
|
159
|
+
return this.createComponent ? this.createComponent(id !== null && id !== void 0 ? id : index) : null;
|
|
160
|
+
}
|
|
161
|
+
async updated() {
|
|
162
|
+
this.containers.forEach(async (container) => {
|
|
163
|
+
const index = parseInt(container.dataset.index);
|
|
164
|
+
const item = this.items[index];
|
|
165
|
+
dom.empty(container);
|
|
166
|
+
this.setContainerSize(index, item.size);
|
|
167
|
+
const component = await this.getComponent(index, item.id);
|
|
168
|
+
if (component)
|
|
169
|
+
container.appendChild(component);
|
|
170
|
+
});
|
|
171
|
+
}
|
|
172
|
+
layout() {
|
|
173
|
+
this.containers.forEach((container) => {
|
|
174
|
+
if (container.firstChild && container.firstChild.layout) {
|
|
175
|
+
container.firstChild.layout();
|
|
176
|
+
}
|
|
177
|
+
});
|
|
178
|
+
}
|
|
179
|
+
};
|
|
180
|
+
exports.SplitContainer = SplitContainer;
|
|
181
|
+
SplitContainer.styles = [splitContainer_style_1.style];
|
|
182
|
+
__decorate([
|
|
183
|
+
(0, decorators_js_1.property)({ type: Array })
|
|
184
|
+
], SplitContainer.prototype, "items", void 0);
|
|
185
|
+
__decorate([
|
|
186
|
+
(0, decorators_js_1.property)({ type: String, reflect: true })
|
|
187
|
+
], SplitContainer.prototype, "orientation", void 0);
|
|
188
|
+
__decorate([
|
|
189
|
+
(0, decorators_js_1.queryAll)('.item')
|
|
190
|
+
], SplitContainer.prototype, "containers", void 0);
|
|
191
|
+
__decorate([
|
|
192
|
+
(0, decorators_js_1.property)({ type: Object })
|
|
193
|
+
], SplitContainer.prototype, "createComponent", void 0);
|
|
194
|
+
__decorate([
|
|
195
|
+
(0, decorators_js_1.query)('og-sizer')
|
|
196
|
+
], SplitContainer.prototype, "sizer", void 0);
|
|
197
|
+
exports.SplitContainer = SplitContainer = __decorate([
|
|
198
|
+
(0, decorators_js_1.customElement)('og-splitcontainer'),
|
|
199
|
+
(0, styling_1.stylable)({ vars: ['border'] })
|
|
200
|
+
], SplitContainer);
|
|
201
|
+
//# sourceMappingURL=splitContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"splitContainer.js","sourceRoot":"","sources":["../../src/ui/splitContainer.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"splitContainer.style.d.ts","sourceRoot":"","sources":["../../src/ui/splitContainer.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAwCjB,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.style = void 0;
|
|
4
|
+
const lit_1 = require("lit");
|
|
5
|
+
exports.style = (0, lit_1.css) `
|
|
6
|
+
* {
|
|
7
|
+
box-sizing: border-box;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
:host {
|
|
11
|
+
position: relative;
|
|
12
|
+
display: flex;
|
|
13
|
+
overflow: hidden;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
:host([orientation=horizontal]) {
|
|
17
|
+
flex-direction: row;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
:host([orientation=vertical]) {
|
|
21
|
+
flex-direction: column;
|
|
22
|
+
width: 100%;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.item {
|
|
26
|
+
flex: 1;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
:host([orientation=horizontal]) .item {
|
|
30
|
+
border-left: 1px solid var(--border);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
:host([orientation=vertical]) .item {
|
|
34
|
+
border-top: 1px solid var(--border);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.item:nth-child(1) {
|
|
38
|
+
border-left-width: 0;
|
|
39
|
+
border-top-width: 0;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.item>* {
|
|
43
|
+
height: 100%;
|
|
44
|
+
}
|
|
45
|
+
`;
|
|
46
|
+
//# sourceMappingURL=splitContainer.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"splitContainer.style.js","sourceRoot":"","sources":["../../src/ui/splitContainer.style.ts"],"names":[],"mappings":";;;AAAA,6BAA0B;AAEb,QAAA,KAAK,GAAG,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCvB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { LitElement, TemplateResult } from 'lit';
|
|
2
|
+
import { ColorTypes } from "../types";
|
|
3
|
+
export type TooltipPosition = 'top' | 'right' | 'bottom' | 'left' | 'mouse';
|
|
4
|
+
export declare class Tooltip extends LitElement {
|
|
5
|
+
static styles: import("lit").CSSResult[][];
|
|
6
|
+
color: ColorTypes;
|
|
7
|
+
arrow: boolean;
|
|
8
|
+
position: string;
|
|
9
|
+
content: string | TemplateResult<1>;
|
|
10
|
+
triangle: HTMLDivElement;
|
|
11
|
+
private _attachedTo;
|
|
12
|
+
private _mouseEventListener;
|
|
13
|
+
get attachedTo(): HTMLElement | "cursor";
|
|
14
|
+
hide: () => HTMLElement;
|
|
15
|
+
show: () => HTMLElement;
|
|
16
|
+
destroy(): void;
|
|
17
|
+
render: () => TemplateResult<1>;
|
|
18
|
+
deatach(): void;
|
|
19
|
+
attachToElement(elm: HTMLElement, position?: TooltipPosition): void;
|
|
20
|
+
attachToCursor(): void;
|
|
21
|
+
attachTo(elm: HTMLElement | 'cursor', position?: TooltipPosition): Promise<void>;
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/ui/tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,MAAM,MAAM,eAAe,GAAG,KAAK,GAAC,OAAO,GAAC,QAAQ,GAAC,MAAM,GAAC,OAAO,CAAC;AAEpE,qBAEa,OAAQ,SAAQ,UAAU;IAEtC,MAAM,CAAC,MAAM,8BAAY;IAGzB,KAAK,EAAE,UAAU,CAAmB;IAGpC,KAAK,UAAQ;IAGb,QAAQ,SAAW;IAGnB,OAAO,EAAE,MAAM,GAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAGlC,QAAQ,EAAE,cAAc,CAAC;IAEzB,OAAO,CAAC,WAAW,CAAuB;IAE1C,OAAO,CAAC,mBAAmB,CAA0B;IAErD,IAAI,UAAU,2BAA8B;IAE5C,IAAI,oBAA+B;IAEnC,IAAI,oBAA+B;IAEnC,OAAO;IAMP,MAAM,0BAYJ;IAEF,OAAO;IAQP,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,QAAQ,GAAE,eAAyB;IA6CrE,cAAc;IAYR,QAAQ,CAAC,GAAG,EAAE,WAAW,GAAC,QAAQ,EAAE,QAAQ,GAAE,eAAyB;CAW7E"}
|