@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
package/dist/ui/sizer.js
ADDED
|
@@ -0,0 +1,216 @@
|
|
|
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.Sizer = exports.ResizeEvent = void 0;
|
|
36
|
+
const dom = __importStar(require("../common/dom"));
|
|
37
|
+
const constants_1 = __importDefault(require("../constants"));
|
|
38
|
+
const lit_1 = require("lit");
|
|
39
|
+
const decorators_js_1 = require("lit/decorators.js");
|
|
40
|
+
const styling_1 = require("../styling");
|
|
41
|
+
class ResizeEvent extends Event {
|
|
42
|
+
constructor(type, resizeArgs) {
|
|
43
|
+
super(type);
|
|
44
|
+
this.resizeArgs = resizeArgs;
|
|
45
|
+
resizeArgs = resizeArgs || {};
|
|
46
|
+
this.offsetX = resizeArgs.offsetX;
|
|
47
|
+
this.offsetY = resizeArgs.offsetY;
|
|
48
|
+
this.clientX = resizeArgs.clientX;
|
|
49
|
+
this.clientY = resizeArgs.clientY;
|
|
50
|
+
this.mouseX = resizeArgs.mouseX;
|
|
51
|
+
this.mouseY = resizeArgs.mouseY;
|
|
52
|
+
this.deltaX = resizeArgs.deltaX;
|
|
53
|
+
this.deltaY = resizeArgs.deltaY;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
exports.ResizeEvent = ResizeEvent;
|
|
57
|
+
let Sizer = class Sizer extends lit_1.LitElement {
|
|
58
|
+
get resizing() { return this._resizing; }
|
|
59
|
+
constructor() {
|
|
60
|
+
super();
|
|
61
|
+
this._resizing = false;
|
|
62
|
+
this.startX = 0;
|
|
63
|
+
this.startY = 0;
|
|
64
|
+
this.noGuideLine = false;
|
|
65
|
+
this.show = () => {
|
|
66
|
+
this.classList.add('visible');
|
|
67
|
+
dom.showElement(this);
|
|
68
|
+
};
|
|
69
|
+
this.hide = () => {
|
|
70
|
+
this.classList.remove('visible');
|
|
71
|
+
dom.hideElement(this);
|
|
72
|
+
dom.hideElement(this.lineElm);
|
|
73
|
+
};
|
|
74
|
+
this.addEventListener('mouseleave', () => {
|
|
75
|
+
if (!this._resizing)
|
|
76
|
+
this.hide();
|
|
77
|
+
});
|
|
78
|
+
this.addEventListener('mousedown', (e) => {
|
|
79
|
+
this.dispatchEvent(new ResizeEvent('resizestart', {
|
|
80
|
+
deltaX: 0,
|
|
81
|
+
deltaY: 0,
|
|
82
|
+
mouseX: e.pageX,
|
|
83
|
+
mouseY: e.pageY,
|
|
84
|
+
}));
|
|
85
|
+
this.startX = e.pageX;
|
|
86
|
+
this.startY = e.pageY;
|
|
87
|
+
this.startResizing();
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
startResizing() {
|
|
91
|
+
this._resizing = true;
|
|
92
|
+
if (!this.noGuideLine) {
|
|
93
|
+
dom.showElement(this.lineElm);
|
|
94
|
+
dom.setSize(this.lineElm, this.orientation == 'horizontal' ? {
|
|
95
|
+
w: 1,
|
|
96
|
+
h: this.offsetElement.clientHeight
|
|
97
|
+
} : {
|
|
98
|
+
w: this.offsetElement.clientWidth,
|
|
99
|
+
h: 1
|
|
100
|
+
});
|
|
101
|
+
dom.setPosition(this.lineElm, this.orientation == 'horizontal' ? {
|
|
102
|
+
t: 0,
|
|
103
|
+
r: -1
|
|
104
|
+
} : {
|
|
105
|
+
b: -1,
|
|
106
|
+
l: 0
|
|
107
|
+
});
|
|
108
|
+
}
|
|
109
|
+
const offset = dom.getElementOffset(this.snappedTo, this.offsetElement);
|
|
110
|
+
const startWidth = this.snappedTo.clientWidth;
|
|
111
|
+
const startHeight = this.snappedTo.clientHeight;
|
|
112
|
+
const onMouseMove = (e) => {
|
|
113
|
+
dom.setPosition(this, this.orientation == 'horizontal' ? {
|
|
114
|
+
l: offset.left + startWidth - constants_1.default.SIZER_SIZE / 2 + e.pageX - this.startX
|
|
115
|
+
} : {
|
|
116
|
+
t: offset.top + startHeight - constants_1.default.SIZER_SIZE / 2 + e.pageY - this.startY
|
|
117
|
+
});
|
|
118
|
+
this.dispatchEvent(new ResizeEvent('resize', {
|
|
119
|
+
deltaX: e.pageX - this.startX,
|
|
120
|
+
deltaY: e.pageY - this.startY,
|
|
121
|
+
mouseX: e.pageX,
|
|
122
|
+
mouseY: e.pageY,
|
|
123
|
+
}));
|
|
124
|
+
};
|
|
125
|
+
document.addEventListener('mousemove', onMouseMove);
|
|
126
|
+
document.addEventListener('mouseup', e => {
|
|
127
|
+
document.removeEventListener('mousemove', onMouseMove);
|
|
128
|
+
this._resizing = false;
|
|
129
|
+
this.hide();
|
|
130
|
+
this.dispatchEvent(new ResizeEvent('resizestop', {
|
|
131
|
+
deltaX: e.pageX - this.startX,
|
|
132
|
+
deltaY: e.pageY - this.startY,
|
|
133
|
+
mouseX: e.pageX,
|
|
134
|
+
mouseY: e.pageY,
|
|
135
|
+
}));
|
|
136
|
+
}, { once: true });
|
|
137
|
+
}
|
|
138
|
+
render() {
|
|
139
|
+
this.shadowRoot.innerHTML = '';
|
|
140
|
+
this.lineElm = dom.createElement('div');
|
|
141
|
+
this.lineElm.className = 'sizer-line';
|
|
142
|
+
this.shadowRoot.appendChild(this.lineElm);
|
|
143
|
+
}
|
|
144
|
+
snap(elm, offsetElement = this.parentElement) {
|
|
145
|
+
this.snappedTo = elm;
|
|
146
|
+
this.offsetElement = offsetElement;
|
|
147
|
+
this.show();
|
|
148
|
+
const offset = dom.getElementOffset(elm, offsetElement);
|
|
149
|
+
if (this.orientation == 'horizontal') {
|
|
150
|
+
dom.setSize(this, { w: constants_1.default.SIZER_SIZE, h: elm.offsetHeight });
|
|
151
|
+
dom.setPosition(this, { l: offset.left + elm.offsetWidth - constants_1.default.SIZER_SIZE / 2, t: offset.top });
|
|
152
|
+
}
|
|
153
|
+
else {
|
|
154
|
+
dom.setSize(this, { w: elm.offsetWidth, h: constants_1.default.SIZER_SIZE });
|
|
155
|
+
dom.setPosition(this, { l: offset.left, t: offset.top + elm.offsetHeight - constants_1.default.SIZER_SIZE / 2 });
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
};
|
|
159
|
+
exports.Sizer = Sizer;
|
|
160
|
+
Sizer.styles = (0, lit_1.css) `
|
|
161
|
+
:host {
|
|
162
|
+
z-index: 105;
|
|
163
|
+
position: relative;
|
|
164
|
+
opacity: 0;
|
|
165
|
+
background-color: var(--accent-color);
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
@keyframes show {
|
|
169
|
+
from { opacity: 0; }
|
|
170
|
+
to { opacity: 1; }
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
:host(.visible) {
|
|
174
|
+
animation: show 1s;
|
|
175
|
+
opacity: 1;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
:host([orientation="vertical"]) {
|
|
179
|
+
cursor: row-resize;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
:host([orientation="vertical"]) .sizer-line {
|
|
183
|
+
background: repeating-linear-gradient(
|
|
184
|
+
90deg,
|
|
185
|
+
var(--accent-color),
|
|
186
|
+
var(--accent-color) 10px,
|
|
187
|
+
transparent 10px,
|
|
188
|
+
transparent 20px
|
|
189
|
+
);
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
:host([orientation="horizontal"]) {
|
|
193
|
+
cursor: col-resize;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
:host([orientation="horizontal"]) .sizer-line {
|
|
197
|
+
background: repeating-linear-gradient(
|
|
198
|
+
0deg,
|
|
199
|
+
var(--accent-color),
|
|
200
|
+
var(--accent-color) 10px,
|
|
201
|
+
transparent 10px,
|
|
202
|
+
transparent 20px
|
|
203
|
+
);
|
|
204
|
+
}
|
|
205
|
+
`;
|
|
206
|
+
__decorate([
|
|
207
|
+
(0, decorators_js_1.property)({ type: String, reflect: true })
|
|
208
|
+
], Sizer.prototype, "orientation", void 0);
|
|
209
|
+
__decorate([
|
|
210
|
+
(0, decorators_js_1.property)({ type: Boolean, reflect: true })
|
|
211
|
+
], Sizer.prototype, "noGuideLine", void 0);
|
|
212
|
+
exports.Sizer = Sizer = __decorate([
|
|
213
|
+
(0, decorators_js_1.customElement)('og-sizer'),
|
|
214
|
+
(0, styling_1.stylable)({ vars: ['accent-color'] })
|
|
215
|
+
], Sizer);
|
|
216
|
+
//# sourceMappingURL=sizer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sizer.js","sourceRoot":"","sources":["../../src/ui/sizer.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export declare class SlideEvent extends Event {
|
|
3
|
+
readonly value: number;
|
|
4
|
+
constructor(type: string, value: number);
|
|
5
|
+
}
|
|
6
|
+
export declare enum SliderDirection {
|
|
7
|
+
Vertical = "vertical",
|
|
8
|
+
Horizontal = "horizontal"
|
|
9
|
+
}
|
|
10
|
+
export declare class Slider extends LitElement {
|
|
11
|
+
static readonly DEFAULT_MAX_VALUE = 100;
|
|
12
|
+
static readonly DEFAULT_PAGE_SIZE = 20;
|
|
13
|
+
static readonly SLIDE_DELAY = 5;
|
|
14
|
+
static styles: import("lit").CSSResult;
|
|
15
|
+
direction: SliderDirection;
|
|
16
|
+
value: number;
|
|
17
|
+
maxValue: number;
|
|
18
|
+
cursor: string;
|
|
19
|
+
pageSize: number;
|
|
20
|
+
innerBar: HTMLDivElement;
|
|
21
|
+
private barRef;
|
|
22
|
+
private pos0;
|
|
23
|
+
private page0;
|
|
24
|
+
private _value;
|
|
25
|
+
private _sliding;
|
|
26
|
+
get sliding(): boolean;
|
|
27
|
+
private _hidden;
|
|
28
|
+
show(): void;
|
|
29
|
+
hide(): void;
|
|
30
|
+
private calcValue;
|
|
31
|
+
get barSize(): number;
|
|
32
|
+
private debounceSlide;
|
|
33
|
+
private onDocumentMouseMove;
|
|
34
|
+
private onDocumentMouseUp;
|
|
35
|
+
private onMouseDown;
|
|
36
|
+
setText(text: string): void;
|
|
37
|
+
render: () => import("lit-html").TemplateResult<1>;
|
|
38
|
+
updated(): void;
|
|
39
|
+
updatePosition(): void;
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=slider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/ui/slider.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAMvD,qBAAa,UAAW,SAAQ,KAAK;aACM,KAAK,EAAE,MAAM;gBAA3C,IAAI,EAAE,MAAM,EAAkB,KAAK,EAAE,MAAM;CAGvD;AAED,oBAAY,eAAe;IAC1B,QAAQ,aAAa;IACrB,UAAU,eAAe;CACzB;AAED,qBAEa,MAAO,SAAQ,UAAU;IAErC,MAAM,CAAC,QAAQ,CAAC,iBAAiB,OAAO;IACxC,MAAM,CAAC,QAAQ,CAAC,iBAAiB,MAAM;IACvC,MAAM,CAAC,QAAQ,CAAC,WAAW,KAAK;IAEhC,MAAM,CAAC,MAAM,0BAoDX;IAGF,SAAS,EAAE,eAAe,CAAC;IAG3B,KAAK,SAAK;IAGV,QAAQ,SAAK;IAGb,MAAM,EAAE,MAAM,CAAC;IAGf,QAAQ,EAAE,MAAM,CAAC;IAGjB,QAAQ,EAAE,cAAc,CAAC;IAEzB,OAAO,CAAC,MAAM,CAAoC;IAClD,OAAO,CAAC,IAAI,CAAK;IACjB,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,QAAQ,CAAS;IACzB,IAAI,OAAO,YAA4B;IAEvC,OAAO,CAAC,OAAO,CAAS;IACxB,IAAI;IAKJ,IAAI;IAMJ,OAAO,CAAC,SAAS;IAMjB,IAAI,OAAO,IAAK,MAAM,CAMrB;IAED,OAAO,CAAC,aAAa,CAGoC;IAEzD,OAAO,CAAC,mBAAmB,CAezB;IAEF,OAAO,CAAC,iBAAiB,CAOvB;IAEF,OAAO,CAAC,WAAW,CAUlB;IAED,OAAO,CAAC,IAAI,EAAE,MAAM;IAIpB,MAAM,6CAIJ;IAEF,OAAO;IAIP,cAAc;CAad"}
|
|
@@ -0,0 +1,228 @@
|
|
|
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
|
+
var Slider_1;
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.Slider = exports.SliderDirection = exports.SlideEvent = void 0;
|
|
37
|
+
const ts_debounce_1 = require("ts-debounce");
|
|
38
|
+
const dom = __importStar(require("../common/dom"));
|
|
39
|
+
const constants_1 = __importDefault(require("../constants"));
|
|
40
|
+
const lit_1 = require("lit");
|
|
41
|
+
const decorators_js_1 = require("lit/decorators.js");
|
|
42
|
+
const ref_js_1 = require("lit/directives/ref.js");
|
|
43
|
+
const styling_1 = require("../styling");
|
|
44
|
+
const style_map_js_1 = require("lit/directives/style-map.js");
|
|
45
|
+
class SlideEvent extends Event {
|
|
46
|
+
constructor(type, value) {
|
|
47
|
+
super(type);
|
|
48
|
+
this.value = value;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
exports.SlideEvent = SlideEvent;
|
|
52
|
+
var SliderDirection;
|
|
53
|
+
(function (SliderDirection) {
|
|
54
|
+
SliderDirection["Vertical"] = "vertical";
|
|
55
|
+
SliderDirection["Horizontal"] = "horizontal";
|
|
56
|
+
})(SliderDirection || (exports.SliderDirection = SliderDirection = {}));
|
|
57
|
+
let Slider = Slider_1 = class Slider extends lit_1.LitElement {
|
|
58
|
+
constructor() {
|
|
59
|
+
super(...arguments);
|
|
60
|
+
this.value = 0;
|
|
61
|
+
this.maxValue = 0;
|
|
62
|
+
this.barRef = (0, ref_js_1.createRef)();
|
|
63
|
+
this.pos0 = 0;
|
|
64
|
+
this.page0 = 0;
|
|
65
|
+
this._sliding = false;
|
|
66
|
+
this._hidden = false;
|
|
67
|
+
this.debounceSlide = (0, ts_debounce_1.debounce)(() => {
|
|
68
|
+
this._value = this.calcValue();
|
|
69
|
+
this.dispatchEvent(new SlideEvent('slide', this._value));
|
|
70
|
+
}, Slider_1.SLIDE_DELAY, { isImmediate: true, maxWait: 50 });
|
|
71
|
+
this.onDocumentMouseMove = (e) => {
|
|
72
|
+
e.preventDefault();
|
|
73
|
+
const delta = (this.direction == SliderDirection.Vertical ? e.pageY : e.pageX) - this.page0;
|
|
74
|
+
dom.setPosition(this.barRef.value, this.direction == SliderDirection.Vertical
|
|
75
|
+
? { t: Math.min(Math.max(this.pos0 + delta, 0), this.clientHeight - this.barRef.value.clientHeight) }
|
|
76
|
+
: { l: Math.min(Math.max(this.pos0 + delta, 0), this.clientWidth - this.barRef.value.clientWidth) });
|
|
77
|
+
this.debounceSlide();
|
|
78
|
+
// requestAnimationFrame(() => {
|
|
79
|
+
// this._value = this.calcValue();
|
|
80
|
+
// this.dispatchEvent(new SlideEvent('slide', this._value));
|
|
81
|
+
// })
|
|
82
|
+
};
|
|
83
|
+
this.onDocumentMouseUp = () => {
|
|
84
|
+
this.classList.remove('sliding');
|
|
85
|
+
document.removeEventListener('mouseup', this.onDocumentMouseUp);
|
|
86
|
+
document.removeEventListener('mousemove', this.onDocumentMouseMove);
|
|
87
|
+
this.value = this._value;
|
|
88
|
+
this._sliding = false;
|
|
89
|
+
this.dispatchEvent(new SlideEvent('slideEnd', this.value));
|
|
90
|
+
};
|
|
91
|
+
this.onMouseDown = (e) => {
|
|
92
|
+
this._sliding = true;
|
|
93
|
+
e.preventDefault();
|
|
94
|
+
e.stopPropagation();
|
|
95
|
+
this.pos0 = (this.direction == SliderDirection.Vertical ? this.barRef.value.offsetTop : this.barRef.value.offsetLeft);
|
|
96
|
+
this.page0 = this.direction == SliderDirection.Vertical ? e.pageY : e.pageX;
|
|
97
|
+
this.classList.add('sliding');
|
|
98
|
+
document.addEventListener('mouseup', this.onDocumentMouseUp);
|
|
99
|
+
document.addEventListener('mousemove', this.onDocumentMouseMove);
|
|
100
|
+
this.dispatchEvent(new SlideEvent('slideStart', this.value));
|
|
101
|
+
};
|
|
102
|
+
this.render = () => (0, lit_1.html) `
|
|
103
|
+
<div ${(0, ref_js_1.ref)(this.barRef)} class="bar" @mousedown=${this.onMouseDown}>
|
|
104
|
+
<div class="bar-inner" style="${(0, style_map_js_1.styleMap)({ cursor: this.cursor })}"></div>
|
|
105
|
+
</div>
|
|
106
|
+
`;
|
|
107
|
+
}
|
|
108
|
+
get sliding() { return this._sliding; }
|
|
109
|
+
show() {
|
|
110
|
+
if (!this._hidden)
|
|
111
|
+
return;
|
|
112
|
+
this.classList.remove('hidden');
|
|
113
|
+
this._hidden = false;
|
|
114
|
+
}
|
|
115
|
+
hide() {
|
|
116
|
+
if (this._hidden)
|
|
117
|
+
return;
|
|
118
|
+
this.classList.add('hidden');
|
|
119
|
+
this._hidden = true;
|
|
120
|
+
}
|
|
121
|
+
calcValue() {
|
|
122
|
+
return Math.round(this.direction == SliderDirection.Vertical
|
|
123
|
+
? (this.barRef.value.offsetTop * this.maxValue / (this.clientHeight - this.barRef.value.clientHeight))
|
|
124
|
+
: this.maxValue * (this.barRef.value.offsetLeft / (this.clientWidth - this.barRef.value.clientWidth)));
|
|
125
|
+
}
|
|
126
|
+
get barSize() {
|
|
127
|
+
return Math.max(constants_1.default.SLIDER_MIN_LENGTH, Math.round((this.direction == SliderDirection.Vertical ? this.clientHeight : this.clientWidth) * this.pageSize / (this.pageSize + this.maxValue)));
|
|
128
|
+
}
|
|
129
|
+
setText(text) {
|
|
130
|
+
this.innerBar.innerText = text;
|
|
131
|
+
}
|
|
132
|
+
updated() {
|
|
133
|
+
this.updatePosition();
|
|
134
|
+
}
|
|
135
|
+
updatePosition() {
|
|
136
|
+
const barSize = this.barSize;
|
|
137
|
+
if (this.barRef.value) {
|
|
138
|
+
if (this.direction == SliderDirection.Vertical) {
|
|
139
|
+
dom.setSize(this.barRef.value, { w: '100%', h: barSize });
|
|
140
|
+
dom.setPosition(this.barRef.value, { t: Math.round(this.value * (this.clientHeight - barSize) / this.maxValue) });
|
|
141
|
+
}
|
|
142
|
+
else {
|
|
143
|
+
dom.setSize(this.barRef.value, { w: barSize, h: '100%' });
|
|
144
|
+
dom.setPosition(this.barRef.value, { l: Math.round(this.value * (this.clientWidth - barSize) / this.maxValue) });
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
};
|
|
149
|
+
exports.Slider = Slider;
|
|
150
|
+
Slider.DEFAULT_MAX_VALUE = 100;
|
|
151
|
+
Slider.DEFAULT_PAGE_SIZE = 20;
|
|
152
|
+
Slider.SLIDE_DELAY = 5;
|
|
153
|
+
Slider.styles = (0, lit_1.css) `
|
|
154
|
+
:host {
|
|
155
|
+
display: block;
|
|
156
|
+
background-color: var(--slider-background-color);
|
|
157
|
+
position: relative;
|
|
158
|
+
opacity: 0.8;
|
|
159
|
+
transition: visibility 0s, opacity 0.1s linear;
|
|
160
|
+
font-size: var(--font-size);
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
:host(.hidden) {
|
|
164
|
+
visibility: hidden;
|
|
165
|
+
opacity: 0;
|
|
166
|
+
transition: opacity 1s linear, visibility 0s 1s;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
:host([direction="vertical"]) {
|
|
170
|
+
position: absolute;
|
|
171
|
+
right: 0;
|
|
172
|
+
top: 0;
|
|
173
|
+
bottom: 0;
|
|
174
|
+
width: ${(0, lit_1.unsafeCSS)(constants_1.default.SLIDER_SIZE)}px
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
:host([direction="vertical"]) .bar {
|
|
178
|
+
width: 100%;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
:host([direction="horizontal"]) .bar {
|
|
182
|
+
height: 100%;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
:host([direction="horizontal"]) {
|
|
186
|
+
position: absolute;
|
|
187
|
+
right: 0;
|
|
188
|
+
left: 0;
|
|
189
|
+
bottom: 0;
|
|
190
|
+
height: ${(0, lit_1.unsafeCSS)(constants_1.default.SLIDER_SIZE)}px
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
.bar {
|
|
194
|
+
position: absolute;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.bar-inner {
|
|
198
|
+
width: 100%;
|
|
199
|
+
height: 100%;
|
|
200
|
+
border-width: 3px;
|
|
201
|
+
background-color: var(--slider-bar-color);
|
|
202
|
+
border-color: var(--slider-background-color);
|
|
203
|
+
text-align: center;
|
|
204
|
+
}
|
|
205
|
+
`;
|
|
206
|
+
__decorate([
|
|
207
|
+
(0, decorators_js_1.property)({ type: String, reflect: true })
|
|
208
|
+
], Slider.prototype, "direction", void 0);
|
|
209
|
+
__decorate([
|
|
210
|
+
(0, decorators_js_1.property)({ type: Number })
|
|
211
|
+
], Slider.prototype, "value", void 0);
|
|
212
|
+
__decorate([
|
|
213
|
+
(0, decorators_js_1.property)({ type: Number })
|
|
214
|
+
], Slider.prototype, "maxValue", void 0);
|
|
215
|
+
__decorate([
|
|
216
|
+
(0, decorators_js_1.property)({ type: String })
|
|
217
|
+
], Slider.prototype, "cursor", void 0);
|
|
218
|
+
__decorate([
|
|
219
|
+
(0, decorators_js_1.property)({ type: Number })
|
|
220
|
+
], Slider.prototype, "pageSize", void 0);
|
|
221
|
+
__decorate([
|
|
222
|
+
(0, decorators_js_1.query)('.bar-inner')
|
|
223
|
+
], Slider.prototype, "innerBar", void 0);
|
|
224
|
+
exports.Slider = Slider = Slider_1 = __decorate([
|
|
225
|
+
(0, decorators_js_1.customElement)('og-slider'),
|
|
226
|
+
(0, styling_1.stylable)({ vars: ['slider-bar-color', 'slider-background-color', 'font-*'] })
|
|
227
|
+
], Slider);
|
|
228
|
+
//# sourceMappingURL=slider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../src/ui/slider.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { List } from './list';
|
|
2
|
+
import { Direction } from '../types';
|
|
3
|
+
export declare class ListSortEvent extends Event {
|
|
4
|
+
readonly fromIndex: number;
|
|
5
|
+
readonly toIndex: number;
|
|
6
|
+
readonly sourceList: SortableList;
|
|
7
|
+
readonly targetList: SortableList;
|
|
8
|
+
constructor(args: Partial<ListSortEvent>);
|
|
9
|
+
}
|
|
10
|
+
export declare class SortableList extends List {
|
|
11
|
+
static sourceList: SortableList;
|
|
12
|
+
connectedLists: SortableList[];
|
|
13
|
+
private _sorting;
|
|
14
|
+
get sorting(): boolean;
|
|
15
|
+
get connectedSorting(): boolean;
|
|
16
|
+
private sortIndex;
|
|
17
|
+
private targetIndex;
|
|
18
|
+
private markedItem;
|
|
19
|
+
private autoscrollTimer;
|
|
20
|
+
private autoscrollDirection;
|
|
21
|
+
static contentStyles: import("lit").CSSResult[];
|
|
22
|
+
constructor();
|
|
23
|
+
startSorting(item: HTMLElement): void;
|
|
24
|
+
removeMark(): void;
|
|
25
|
+
stopSorting(dispatchEvent?: boolean): void;
|
|
26
|
+
startAutoscroll(direction: Direction): void;
|
|
27
|
+
stopAutoscroll(): void;
|
|
28
|
+
_onMouseDown: (e: MouseEvent) => void;
|
|
29
|
+
_onMouseUp: () => void;
|
|
30
|
+
_onMouseMove: (e: MouseEvent) => void;
|
|
31
|
+
firstUpdated(): void;
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=sortableList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sortableList.d.ts","sourceRoot":"","sources":["../../src/ui/sortableList.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGrC,qBAAa,aAAc,SAAQ,KAAK;IAEvC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,UAAU,EAAE,YAAY,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,YAAY,CAAC;gBAEtB,IAAI,EAAE,OAAO,CAAC,aAAa,CAAC;CAKxC;AAED,qBAEa,YAAa,SAAQ,IAAI;IAErC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC;IAChC,cAAc,EAAE,YAAY,EAAE,CAAC;IAE/B,OAAO,CAAC,QAAQ,CAAS;IACzB,IAAI,OAAO,IAAK,OAAO,CAAyB;IAChD,IAAI,gBAAgB,IAAK,OAAO,CAE/B;IAED,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,UAAU,CAAc;IAChC,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,mBAAmB,CAAY;IAEvC,MAAM,CAAC,aAAa,4BAYjB;;IAMH,YAAY,CAAC,IAAI,EAAE,WAAW;IAO9B,UAAU;IAIV,WAAW,CAAC,aAAa,CAAC,EAAE,OAAO;IAmBnC,eAAe,CAAC,SAAS,EAAE,SAAS;IAcpC,cAAc;IAQd,YAAY,MAAO,UAAU,UAG5B;IAED,UAAU,aAET;IAED,YAAY,MAAO,UAAU,UA+B5B;IAED,YAAY;CAOZ"}
|