@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.
Files changed (233) hide show
  1. package/dist/common/actions.d.ts +16 -0
  2. package/dist/common/actions.d.ts.map +1 -0
  3. package/dist/common/actions.js +19 -0
  4. package/dist/common/actions.js.map +1 -0
  5. package/dist/common/colors.d.ts +25 -0
  6. package/dist/common/colors.d.ts.map +1 -0
  7. package/dist/common/colors.js +54 -0
  8. package/dist/common/colors.js.map +1 -0
  9. package/dist/common/csv.d.ts +23 -0
  10. package/dist/common/csv.d.ts.map +1 -0
  11. package/dist/common/csv.js +99 -0
  12. package/dist/common/csv.js.map +1 -0
  13. package/dist/common/dates.d.ts +13 -0
  14. package/dist/common/dates.d.ts.map +1 -0
  15. package/dist/common/dates.js +118 -0
  16. package/dist/common/dates.js.map +1 -0
  17. package/dist/common/dom.d.ts +79 -0
  18. package/dist/common/dom.d.ts.map +1 -0
  19. package/dist/common/dom.js +242 -0
  20. package/dist/common/dom.js.map +1 -0
  21. package/dist/common/html.d.ts +3 -0
  22. package/dist/common/html.d.ts.map +1 -0
  23. package/dist/common/html.js +33 -0
  24. package/dist/common/html.js.map +1 -0
  25. package/dist/common/index.d.ts +14 -0
  26. package/dist/common/index.d.ts.map +1 -0
  27. package/dist/common/index.js +43 -0
  28. package/dist/common/index.js.map +1 -0
  29. package/dist/common/linkedList.d.ts +24 -0
  30. package/dist/common/linkedList.d.ts.map +1 -0
  31. package/dist/common/linkedList.js +70 -0
  32. package/dist/common/linkedList.js.map +1 -0
  33. package/dist/common/logger.d.ts +23 -0
  34. package/dist/common/logger.d.ts.map +1 -0
  35. package/dist/common/logger.js +58 -0
  36. package/dist/common/logger.js.map +1 -0
  37. package/dist/common/matrix.d.ts +6 -0
  38. package/dist/common/matrix.d.ts.map +1 -0
  39. package/dist/common/matrix.js +24 -0
  40. package/dist/common/matrix.js.map +1 -0
  41. package/dist/common/mixin.d.ts +4 -0
  42. package/dist/common/mixin.d.ts.map +1 -0
  43. package/dist/common/mixin.js +3 -0
  44. package/dist/common/mixin.js.map +1 -0
  45. package/dist/common/numbers.d.ts +18 -0
  46. package/dist/common/numbers.d.ts.map +1 -0
  47. package/dist/common/numbers.js +209 -0
  48. package/dist/common/numbers.js.map +1 -0
  49. package/dist/common/options.d.ts +10 -0
  50. package/dist/common/options.d.ts.map +1 -0
  51. package/dist/common/options.js +22 -0
  52. package/dist/common/options.js.map +1 -0
  53. package/dist/common/tree.d.ts +68 -0
  54. package/dist/common/tree.d.ts.map +1 -0
  55. package/dist/common/tree.js +190 -0
  56. package/dist/common/tree.js.map +1 -0
  57. package/dist/common/utils.d.ts +15 -0
  58. package/dist/common/utils.d.ts.map +1 -0
  59. package/dist/common/utils.js +92 -0
  60. package/dist/common/utils.js.map +1 -0
  61. package/dist/constants.d.ts +45 -0
  62. package/dist/constants.d.ts.map +1 -0
  63. package/dist/constants.js +29 -0
  64. package/dist/constants.js.map +1 -0
  65. package/dist/index.d.ts +8 -0
  66. package/dist/index.d.ts.map +1 -0
  67. package/dist/index.js +37 -0
  68. package/dist/index.js.map +1 -0
  69. package/dist/model/adapter.d.ts +8 -0
  70. package/dist/model/adapter.d.ts.map +1 -0
  71. package/dist/model/adapter.js +17 -0
  72. package/dist/model/adapter.js.map +1 -0
  73. package/dist/model/componentStore.d.ts +11 -0
  74. package/dist/model/componentStore.d.ts.map +1 -0
  75. package/dist/model/componentStore.js +26 -0
  76. package/dist/model/componentStore.js.map +1 -0
  77. package/dist/model/index.d.ts +5 -0
  78. package/dist/model/index.d.ts.map +1 -0
  79. package/dist/model/index.js +21 -0
  80. package/dist/model/index.js.map +1 -0
  81. package/dist/model/plugins.d.ts +13 -0
  82. package/dist/model/plugins.d.ts.map +1 -0
  83. package/dist/model/plugins.js +29 -0
  84. package/dist/model/plugins.js.map +1 -0
  85. package/dist/model/ui.d.ts +19 -0
  86. package/dist/model/ui.d.ts.map +1 -0
  87. package/dist/model/ui.js +16 -0
  88. package/dist/model/ui.js.map +1 -0
  89. package/dist/styling/index.d.ts +3 -0
  90. package/dist/styling/index.d.ts.map +1 -0
  91. package/dist/styling/index.js +10 -0
  92. package/dist/styling/index.js.map +1 -0
  93. package/dist/styling/stylable.d.ts +10 -0
  94. package/dist/styling/stylable.d.ts.map +1 -0
  95. package/dist/styling/stylable.js +43 -0
  96. package/dist/styling/stylable.js.map +1 -0
  97. package/dist/styling/styleManager.d.ts +20 -0
  98. package/dist/styling/styleManager.d.ts.map +1 -0
  99. package/dist/styling/styleManager.js +126 -0
  100. package/dist/styling/styleManager.js.map +1 -0
  101. package/dist/themes.d.ts +7 -0
  102. package/dist/themes.d.ts.map +1 -0
  103. package/dist/themes.js +163 -0
  104. package/dist/themes.js.map +1 -0
  105. package/dist/types.d.ts +48 -0
  106. package/dist/types.d.ts.map +1 -0
  107. package/dist/types.js +14 -0
  108. package/dist/types.js.map +1 -0
  109. package/dist/ui/accordion.d.ts +12 -0
  110. package/dist/ui/accordion.d.ts.map +1 -0
  111. package/dist/ui/accordion.js +94 -0
  112. package/dist/ui/accordion.js.map +1 -0
  113. package/dist/ui/alert.d.ts +15 -0
  114. package/dist/ui/alert.d.ts.map +1 -0
  115. package/dist/ui/alert.js +106 -0
  116. package/dist/ui/alert.js.map +1 -0
  117. package/dist/ui/attributeTable.d.ts +8 -0
  118. package/dist/ui/attributeTable.d.ts.map +1 -0
  119. package/dist/ui/attributeTable.js +39 -0
  120. package/dist/ui/attributeTable.js.map +1 -0
  121. package/dist/ui/baseElement.d.ts +7 -0
  122. package/dist/ui/baseElement.d.ts.map +1 -0
  123. package/dist/ui/baseElement.js +15 -0
  124. package/dist/ui/baseElement.js.map +1 -0
  125. package/dist/ui/button.d.ts +20 -0
  126. package/dist/ui/button.d.ts.map +1 -0
  127. package/dist/ui/button.js +98 -0
  128. package/dist/ui/button.js.map +1 -0
  129. package/dist/ui/button.style.d.ts +2 -0
  130. package/dist/ui/button.style.d.ts.map +1 -0
  131. package/dist/ui/button.style.js +72 -0
  132. package/dist/ui/button.style.js.map +1 -0
  133. package/dist/ui/checkbox.d.ts +14 -0
  134. package/dist/ui/checkbox.d.ts.map +1 -0
  135. package/dist/ui/checkbox.js +59 -0
  136. package/dist/ui/checkbox.js.map +1 -0
  137. package/dist/ui/colorpicker.d.ts +15 -0
  138. package/dist/ui/colorpicker.d.ts.map +1 -0
  139. package/dist/ui/colorpicker.js +160 -0
  140. package/dist/ui/colorpicker.js.map +1 -0
  141. package/dist/ui/container.d.ts +26 -0
  142. package/dist/ui/container.d.ts.map +1 -0
  143. package/dist/ui/container.js +240 -0
  144. package/dist/ui/container.js.map +1 -0
  145. package/dist/ui/dropdown.d.ts +32 -0
  146. package/dist/ui/dropdown.d.ts.map +1 -0
  147. package/dist/ui/dropdown.js +197 -0
  148. package/dist/ui/dropdown.js.map +1 -0
  149. package/dist/ui/dropdownMenu.d.ts +12 -0
  150. package/dist/ui/dropdownMenu.d.ts.map +1 -0
  151. package/dist/ui/dropdownMenu.js +58 -0
  152. package/dist/ui/dropdownMenu.js.map +1 -0
  153. package/dist/ui/expander.d.ts +28 -0
  154. package/dist/ui/expander.d.ts.map +1 -0
  155. package/dist/ui/expander.js +151 -0
  156. package/dist/ui/expander.js.map +1 -0
  157. package/dist/ui/icon.d.ts +24 -0
  158. package/dist/ui/icon.d.ts.map +1 -0
  159. package/dist/ui/icon.js +77 -0
  160. package/dist/ui/icon.js.map +1 -0
  161. package/dist/ui/images.d.ts +2 -0
  162. package/dist/ui/images.d.ts.map +1 -0
  163. package/dist/ui/images.js +17 -0
  164. package/dist/ui/images.js.map +1 -0
  165. package/dist/ui/index.d.ts +25 -0
  166. package/dist/ui/index.d.ts.map +1 -0
  167. package/dist/ui/index.js +41 -0
  168. package/dist/ui/index.js.map +1 -0
  169. package/dist/ui/input.d.ts +11 -0
  170. package/dist/ui/input.d.ts.map +1 -0
  171. package/dist/ui/input.js +67 -0
  172. package/dist/ui/input.js.map +1 -0
  173. package/dist/ui/list.d.ts +67 -0
  174. package/dist/ui/list.d.ts.map +1 -0
  175. package/dist/ui/list.js +362 -0
  176. package/dist/ui/list.js.map +1 -0
  177. package/dist/ui/loader.d.ts +9 -0
  178. package/dist/ui/loader.d.ts.map +1 -0
  179. package/dist/ui/loader.js +40 -0
  180. package/dist/ui/loader.js.map +1 -0
  181. package/dist/ui/menu.d.ts +36 -0
  182. package/dist/ui/menu.d.ts.map +1 -0
  183. package/dist/ui/menu.js +154 -0
  184. package/dist/ui/menu.js.map +1 -0
  185. package/dist/ui/menu.style.d.ts +3 -0
  186. package/dist/ui/menu.style.d.ts.map +1 -0
  187. package/dist/ui/menu.style.js +45 -0
  188. package/dist/ui/menu.style.js.map +1 -0
  189. package/dist/ui/overlay.d.ts +17 -0
  190. package/dist/ui/overlay.d.ts.map +1 -0
  191. package/dist/ui/overlay.js +95 -0
  192. package/dist/ui/overlay.js.map +1 -0
  193. package/dist/ui/overlay.style.d.ts +2 -0
  194. package/dist/ui/overlay.style.d.ts.map +1 -0
  195. package/dist/ui/overlay.style.js +49 -0
  196. package/dist/ui/overlay.style.js.map +1 -0
  197. package/dist/ui/panel.d.ts +24 -0
  198. package/dist/ui/panel.d.ts.map +1 -0
  199. package/dist/ui/panel.js +131 -0
  200. package/dist/ui/panel.js.map +1 -0
  201. package/dist/ui/panel.style.d.ts +2 -0
  202. package/dist/ui/panel.style.d.ts.map +1 -0
  203. package/dist/ui/panel.style.js +66 -0
  204. package/dist/ui/panel.style.js.map +1 -0
  205. package/dist/ui/sizer.d.ts +44 -0
  206. package/dist/ui/sizer.d.ts.map +1 -0
  207. package/dist/ui/sizer.js +216 -0
  208. package/dist/ui/sizer.js.map +1 -0
  209. package/dist/ui/slider.d.ts +41 -0
  210. package/dist/ui/slider.d.ts.map +1 -0
  211. package/dist/ui/slider.js +228 -0
  212. package/dist/ui/slider.js.map +1 -0
  213. package/dist/ui/sortableList.d.ts +33 -0
  214. package/dist/ui/sortableList.d.ts.map +1 -0
  215. package/dist/ui/sortableList.js +159 -0
  216. package/dist/ui/sortableList.js.map +1 -0
  217. package/dist/ui/splitContainer.d.ts +37 -0
  218. package/dist/ui/splitContainer.d.ts.map +1 -0
  219. package/dist/ui/splitContainer.js +201 -0
  220. package/dist/ui/splitContainer.js.map +1 -0
  221. package/dist/ui/splitContainer.style.d.ts +2 -0
  222. package/dist/ui/splitContainer.style.d.ts.map +1 -0
  223. package/dist/ui/splitContainer.style.js +46 -0
  224. package/dist/ui/splitContainer.style.js.map +1 -0
  225. package/dist/ui/tooltip.d.ts +23 -0
  226. package/dist/ui/tooltip.d.ts.map +1 -0
  227. package/dist/ui/tooltip.js +163 -0
  228. package/dist/ui/tooltip.js.map +1 -0
  229. package/dist/ui/tooltip.style.d.ts +2 -0
  230. package/dist/ui/tooltip.style.d.ts.map +1 -0
  231. package/dist/ui/tooltip.style.js +114 -0
  232. package/dist/ui/tooltip.style.js.map +1 -0
  233. package/package.json +60 -0
@@ -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"}